diff --git a/.github/config.json b/.github/config.json
index b3d24e5865..6b795c548b 100644
--- a/.github/config.json
+++ b/.github/config.json
@@ -1 +1 @@
-{"runners":[{"versioning":{"source":"milestones","type":"SemVer"},"prereleaseName":"alpha","issue":{"labels":{"Widget design system":{"conditions":[{"label":"App Theming","type":"hasLabel","value":true},{"label":"Widget Styling","type":"hasLabel","value":true},{"label":"Checkbox Group widget","type":"hasLabel","value":true},{"label":"Checkbox Widget","type":"hasLabel","value":true},{"label":"Checkbox Component","type":"hasLabel","value":true},{"label":"WDS team","type":"hasLabel","value":true}],"requires":1},"Performance Pod":{"conditions":[{"label":"Performance","type":"hasLabel","value":true},{"label":"Performance infra","type":"hasLabel","value":true}],"requires":1},"Billing & Usage Pod":{"conditions":[{"label":"CE Instance","type":"hasLabel","value":true},{"label":"Customer Portal","type":"hasLabel","value":true},{"label":"Cloud Services","type":"hasLabel","value":true},{"label":"Billing Integrations","type":"hasLabel","value":true},{"label":"Billing","type":"hasLabel","value":true},{"label":"Self Serve","type":"hasLabel","value":true},{"label":"Enterprise Billing","type":"hasLabel","value":true},{"label":"In-app ramps","type":"hasLabel","value":true},{"label":"Analytics Improvements","type":"hasLabel","value":true},{"label":"Self Serve 1.0","type":"hasLabel","value":true},{"label":"License","type":"hasLabel","value":true},{"label":"1-click upgrade","type":"hasLabel","value":true},{"label":"Appsmith Business Cloud","type":"hasLabel","value":true},{"label":"BE instance","type":"hasLabel","value":true},{"label":"Feature Flagging","type":"hasLabel","value":true}],"requires":1},"Mobile Pod":{"conditions":[],"requires":1},"Git Pod":{"conditions":[{"label":"Git Version Control","type":"hasLabel","value":true},{"label":"Import-Export-App","type":"hasLabel","value":true}],"requires":1},"Integrations Pod":{"conditions":[{"label":"New Datasource","type":"hasLabel","value":true},{"label":"Firestore","type":"hasLabel","value":true},{"label":"Google Sheets","type":"hasLabel","value":true},{"label":"Mongo","type":"hasLabel","value":true},{"label":"Redshift","type":"hasLabel","value":true},{"label":"snowflake","type":"hasLabel","value":true},{"label":"S3","type":"hasLabel","value":true},{"label":"Redis","type":"hasLabel","value":true},{"label":"Postgres","type":"hasLabel","value":true},{"label":"GraphQL Plugin","type":"hasLabel","value":true},{"label":"ArangoDB","type":"hasLabel","value":true},{"label":"MsSQL","type":"hasLabel","value":true},{"label":"REST API plugin","type":"hasLabel","value":true},{"label":"Elastic Search","type":"hasLabel","value":true},{"label":"OAuth","type":"hasLabel","value":true},{"label":"Airtable","type":"hasLabel","value":true},{"label":"CURL","type":"hasLabel","value":true},{"label":"DynamoDB","type":"hasLabel","value":true},{"label":"Zendesk","type":"hasLabel","value":true},{"label":"Hubspot","type":"hasLabel","value":true},{"label":"Query Forms","type":"hasLabel","value":true},{"label":"Twilio","type":"hasLabel","value":true},{"label":"MySQL","type":"hasLabel","value":true},{"label":"Connection pool","type":"hasLabel","value":true},{"label":"MariaDB","type":"hasLabel","value":true},{"label":"Integrations Pod General","type":"hasLabel","value":true},{"label":"SMTP plugin","type":"hasLabel","value":true},{"label":"Oracle SQL DB","type":"hasLabel","value":true},{"label":"Query filter","type":"hasLabel","value":true},{"label":"Activation - datasources","type":"hasLabel","value":true}],"requires":1},"Data Platform Pod":{"conditions":[{"label":"Datasource Environments","type":"hasLabel","value":true},{"label":"Datatype issue","type":"hasLabel","value":true},{"label":"Entity Refactor","type":"hasLabel","value":true},{"label":"Core Query Execution","type":"hasLabel","value":true},{"label":"Query Management","type":"hasLabel","value":true},{"label":"Query Settings","type":"hasLabel","value":true},{"label":"SmartSubstitution","type":"hasLabel","value":true},{"label":"Query Generation","type":"hasLabel","value":true},{"label":"Query performance","type":"hasLabel","value":true},{"label":"Suggested Widgets","type":"hasLabel","value":true},{"label":"Page load executions","type":"hasLabel","value":true},{"label":"DSL Update","type":"hasLabel","value":true},{"label":"AST-backend","type":"hasLabel","value":true},{"label":"Deploy App","type":"hasLabel","value":true},{"label":"File upload issues","type":"hasLabel","value":true},{"label":"Datasources","type":"hasLabel","value":true},{"label":"DocumentDB","type":"hasLabel","value":true},{"label":"Multiple Environments","type":"hasLabel","value":true},{"label":"Platformization","type":"hasLabel","value":true},{"label":"Custom environments","type":"hasLabel","value":true},{"label":"Schema","type":"hasLabel","value":true}],"requires":1},"Design System Pod":{"conditions":[{"label":"Design System Pod","type":"hasLabel","value":true},{"label":"ADS Component Issue","type":"hasLabel","value":true},{"label":"Keyboard accessibility ","type":"hasLabel","value":true},{"label":"Toggle button","type":"hasLabel","value":true},{"label":"ADS Category Token","type":"hasLabel","value":true},{"label":"ADS Component Documentation","type":"hasLabel","value":true},{"label":"ADS Migration","type":"hasLabel","value":true},{"label":"ADS Deduplication ","type":"hasLabel","value":true},{"label":"ADS Revamp","type":"hasLabel","value":true},{"label":"ADS Deduplication","type":"hasLabel","value":true},{"label":"ADS Unit Test","type":"hasLabel","value":true},{"label":"ADS Components","type":"hasLabel","value":true},{"label":"ADS Grayscale","type":"hasLabel","value":true},{"label":"Design System","type":"hasLabel","value":true},{"label":"ADS Typography","type":"hasLabel","value":true},{"label":"ADS Visual Styles","type":"hasLabel","value":true},{"label":"ADS Component Design","type":"hasLabel","value":true},{"label":"Modal Component","type":"hasLabel","value":true}],"requires":1},"DevOps Pod":{"conditions":[{"label":"Docker","type":"hasLabel","value":true},{"label":"Super Admin","type":"hasLabel","value":true},{"label":"Deployment","type":"hasLabel","value":true},{"label":"K8s","type":"hasLabel","value":true},{"label":"Email Config","type":"hasLabel","value":true},{"label":"Backup & Restore","type":"hasLabel","value":true},{"label":"AWS AMI","type":"hasLabel","value":true},{"label":"Observability","type":"hasLabel","value":true},{"label":"Heroku","type":"hasLabel","value":true},{"label":"New Deployment Mode","type":"hasLabel","value":true}],"requires":1},"Team Managers Pod":{"conditions":[{"label":"Settings","type":"hasLabel","value":true},{"label":"Home Page","type":"hasLabel","value":true},{"label":"Invite users","type":"hasLabel","value":true},{"label":"Realtime Commenting","type":"hasLabel","value":true},{"label":"SSO","type":"hasLabel","value":true},{"label":"Multi User Realtime","type":"hasLabel","value":true},{"label":"RBAC","type":"hasLabel","value":true},{"label":"ABAC","type":"hasLabel","value":true},{"label":"Audit Logs","type":"hasLabel","value":true},{"label":"Multitenancy","type":"hasLabel","value":true},{"label":"Airgap","type":"hasLabel","value":true},{"label":"Enterprise Edition","type":"hasLabel","value":true},{"label":"SCIM","type":"hasLabel","value":true}],"requires":1},"New Developers Pod":{"conditions":[{"label":"Fork App","type":"hasLabel","value":true},{"label":"Omnibar","type":"hasLabel","value":true},{"label":"Onboarding","type":"hasLabel","value":true},{"label":"Telemetry","type":"hasLabel","value":true},{"label":"Entity Explorer","type":"hasLabel","value":true},{"label":"Generate Page","type":"hasLabel","value":true},{"label":"IDE","type":"hasLabel","value":true},{"label":"Sniping Mode","type":"hasLabel","value":true},{"label":"Example Apps","type":"hasLabel","value":true},{"label":"i18n","type":"hasLabel","value":true},{"label":"Welcome Screen","type":"hasLabel","value":true},{"label":"IDE Navigation","type":"hasLabel","value":true},{"label":"Login / Signup","type":"hasLabel","value":true},{"label":"Clean URLs","type":"hasLabel","value":true},{"label":"Embedding Apps","type":"hasLabel","value":true},{"label":"In App Comms","type":"hasLabel","value":true},{"label":"In App Comms","type":"hasLabel","value":true},{"label":"App setting","type":"hasLabel","value":true}],"requires":1},"BE Coders Pod":{"conditions":[{"label":"SAAS Plugins","type":"hasLabel","value":true},{"label":"SAAS Manager App","type":"hasLabel","value":true},{"label":"Data Platform Pod","type":"hasLabel","value":true},{"label":"Integrations Pod","type":"hasLabel","value":true}],"requires":1},"FE Coders Pod":{"conditions":[{"label":"JS Linting & Errors","type":"hasLabel","value":true},{"label":"Debugger","type":"hasLabel","value":true},{"label":"JS Snippets","type":"hasLabel","value":true},{"label":"Autocomplete","type":"hasLabel","value":true},{"label":"Evaluated Value","type":"hasLabel","value":true},{"label":"Slash Command","type":"hasLabel","value":true},{"label":"New JS Function","type":"hasLabel","value":true},{"label":"JS Promises","type":"hasLabel","value":true},{"label":"JS Usability","type":"hasLabel","value":true},{"label":"Code Refactoring","type":"hasLabel","value":true},{"label":"storeValue","type":"hasLabel","value":true},{"label":"OnPageLoad","type":"hasLabel","value":true},{"label":"Framework Functions","type":"hasLabel","value":true},{"label":"Code Editor","type":"hasLabel","value":true},{"label":"JS Objects","type":"hasLabel","value":true},{"label":"JS Evaluation","type":"hasLabel","value":true},{"label":"AST-frontend","type":"hasLabel","value":true},{"label":"Custom JS Libraries","type":"hasLabel","value":true},{"label":"Action Selector","type":"hasLabel","value":true},{"label":"JS Function execution","type":"hasLabel","value":true},{"label":"Widget setter method","type":"hasLabel","value":true},{"label":"Error Handling","type":"hasLabel","value":true},{"label":"AI","type":"hasLabel","value":true}],"requires":1},"App Viewers Pod":{"conditions":[{"label":"Button Widget","type":"hasLabel","value":true},{"label":"Chart Widget","type":"hasLabel","value":true},{"label":"Container Widget","type":"hasLabel","value":true},{"label":"Date Picker Widget","type":"hasLabel","value":true},{"label":"Select Widget","type":"hasLabel","value":true},{"label":"File Picker Widget","type":"hasLabel","value":true},{"label":"Form Widget","type":"hasLabel","value":true},{"label":"Image Widget","type":"hasLabel","value":true},{"label":"Input Widget","type":"hasLabel","value":true},{"label":"List Widget","type":"hasLabel","value":true},{"label":"MultiSelect Widget","type":"hasLabel","value":true},{"label":"Map Widget","type":"hasLabel","value":true},{"label":"Modal Widget","type":"hasLabel","value":true},{"label":"Radio Widget","type":"hasLabel","value":true},{"label":"Rich Text Editor Widget","type":"hasLabel","value":true},{"label":"Tab Widget","type":"hasLabel","value":true},{"label":"Table Widget","type":"hasLabel","value":true},{"label":"Text Widget","type":"hasLabel","value":true},{"label":"Video Widget","type":"hasLabel","value":true},{"label":"iFrame","type":"hasLabel","value":true},{"label":"Menu Button","type":"hasLabel","value":true},{"label":"Rating","type":"hasLabel","value":true},{"label":"Widget Validation","type":"hasLabel","value":true},{"label":"reallabel","type":"hasLabel","value":true},{"label":"New Widget","type":"hasLabel","value":true},{"label":"Switch widget","type":"hasLabel","value":true},{"label":"Audio Widget","type":"hasLabel","value":true},{"label":"Icon Button Widget","type":"hasLabel","value":true},{"label":"Stat Box Widget","type":"hasLabel","value":true},{"label":"Voice Recorder Widget","type":"hasLabel","value":true},{"label":"Calendar Widget","type":"hasLabel","value":true},{"label":"Menu Button Widget","type":"hasLabel","value":true},{"label":"Divider Widget","type":"hasLabel","value":true},{"label":"Rating Widget","type":"hasLabel","value":true},{"label":"App Navigation","type":"hasLabel","value":true},{"label":"View Mode","type":"hasLabel","value":true},{"label":"Widget Property","type":"hasLabel","value":true},{"label":"Document Viewer Widget","type":"hasLabel","value":true},{"label":"Radio Group Widget","type":"hasLabel","value":true},{"label":"Currency Input Widget","type":"hasLabel","value":true},{"label":"TreeSelect","type":"hasLabel","value":true},{"label":"MultiTree Select Widget","type":"hasLabel","value":true},{"label":"Phone Input Widget","type":"hasLabel","value":true},{"label":"JSON Form","type":"hasLabel","value":true},{"label":"All Widgets","type":"hasLabel","value":true},{"label":"Button Group widget","type":"hasLabel","value":true},{"label":"Progress bar widget","type":"hasLabel","value":true},{"label":"Audio Recorder Widget","type":"hasLabel","value":true},{"label":"Camera Widget","type":"hasLabel","value":true},{"label":"Table Widget V2","type":"hasLabel","value":true},{"label":"Branding","type":"hasLabel","value":true},{"label":"Map Chart Widget","type":"hasLabel","value":true},{"label":"Code Scanner Widget","type":"hasLabel","value":true},{"label":"Widget keyboard accessibility","type":"hasLabel","value":true},{"label":"List Widget V2","type":"hasLabel","value":true},{"label":"Slider Widget","type":"hasLabel","value":true},{"label":"Widget design system","type":"hasLabel","value":true},{"label":"One-click Binding","type":"hasLabel","value":true},{"label":"Old widget version","type":"hasLabel","value":true},{"label":"Widget Discoverability","type":"hasLabel","value":true},{"label":"Custom widgets","type":"hasLabel","value":true}],"requires":1},"UI Builders Pod":{"conditions":[{"label":"Property Pane","type":"hasLabel","value":true},{"label":"Pages","type":"hasLabel","value":true},{"label":"Copy Paste","type":"hasLabel","value":true},{"label":"Drag & Drop","type":"hasLabel","value":true},{"label":"Undo/Redo","type":"hasLabel","value":true},{"label":"Widgets Pane","type":"hasLabel","value":true},{"label":"UI Performance","type":"hasLabel","value":true},{"label":"Widget Grouping","type":"hasLabel","value":true},{"label":"Reflow & Resize","type":"hasLabel","value":true},{"label":"Canvas / Grid","type":"hasLabel","value":true},{"label":"Canvas Zooms","type":"hasLabel","value":true},{"label":"Frontend Libraries Upgrade","type":"hasLabel","value":true},{"label":"Auto Height","type":"hasLabel","value":true},{"label":"Responsive Canvas","type":"hasLabel","value":true},{"label":"Responsive Widget","type":"hasLabel","value":true},{"label":"Responsive Viewport","type":"hasLabel","value":true},{"label":"Conversion Algorithm","type":"hasLabel","value":true},{"label":"Spacing","type":"hasLabel","value":true},{"label":"Browser specific","type":"hasLabel","value":true},{"label":"widget vertical alignment","type":"hasLabel","value":true},{"label":"Auto Layout","type":"hasLabel","value":true},{"label":"Fixed layout","type":"hasLabel","value":true},{"label":"Anvil layout","type":"hasLabel","value":true}],"requires":1},"User Education Pod":{"conditions":[{"label":"Content","type":"hasLabel","value":true},{"label":"Documentation","type":"hasLabel","value":true}],"requires":1},"Templates pod":{"conditions":[{"label":"Templates","type":"hasLabel","value":true},{"label":"Community template","type":"hasLabel","value":true},{"label":"Partial-import-export","type":"hasLabel","value":true}],"requires":1},"Error Handling":{"conditions":[],"requires":1},"Workflows":{"conditions":[],"requires":1},"AI Pod":{"conditions":[],"requires":1}}},"root":"."}],"labels":{"Tab Widget":{"color":"e2c76c","name":"Tab Widget","description":""},"Dont merge":{"color":"ADB39C","name":"Dont merge","description":""},"Epic":{"color":"3E4B9E","name":"Epic","description":"A zenhub epic that describes a project"},"Menu Button Widget":{"color":"235708","name":"Menu Button Widget","description":"Issues related to Menu Button widget"},"Checkbox Group widget":{"color":"88054d","name":"Checkbox Group widget","description":"Issues related to Checkbox Group Widget"},"Input Widget":{"color":"ae65d8","name":"Input Widget","description":""},"Security":{"color":"99139C","name":"Security","description":""},"QA":{"color":"e2ca68","name":"QA","description":""},"Verified":{"color":"9bf416","name":"Verified","description":""},"Wont Fix":{"color":"ffffff","name":"Wont Fix","description":"This will not be worked on"},"MySQL":{"color":"c9ddc6","name":"MySQL","description":"Issues related to MySQL plugin"},"Development":{"color":"9F8A02","name":"Development","description":""},"Help Wanted":{"color":"008672","name":"Help Wanted","description":"Extra attention is needed"},"Home Page":{"color":"9c0c8e","name":"Home Page","description":"Issues related to the application home page"},"Rating Widget":{"color":"235708","name":"Rating Widget","description":"Issues related to the rating widget"},"Stat Box Widget":{"color":"f1c9ce","name":"Stat Box Widget","description":"Issues related to stat box"},"Enhancement":{"color":"a2eeef","name":"Enhancement","description":"New feature or request"},"Settings":{"color":"f7ff60","name":"Settings","description":"organization, team & user settings"},"Fork App":{"color":"5369db","name":"Fork App","description":"Issues related to forking apps"},"Container Widget":{"color":"19AD0D","name":"Container Widget","description":"Container widget"},"Papercut":{"color":"B562F6","name":"Papercut","description":""},"Needs Design":{"color":"bfd4f2","name":"Needs Design","description":"needs design or changes to design"},"i18n":{"color":"1799b0","name":"i18n","description":"Represents issues that need to be tackled to handle internationalization"},"Rich Text Editor Widget":{"color":"f72cac","name":"Rich Text Editor Widget","description":""},"Onboarding":{"color":"d5794b","name":"Onboarding","description":"Issues related to onboarding new developers"},"Pages":{"color":"d7fd80","name":"Pages","description":"Issues related to configuring pages"},"skip-changelog":{"color":"06086F","name":"skip-changelog","description":"Adding this label to a PR prevents it from being listed in the changelog"},"Low":{"color":"79e53b","name":"Low","description":"An issue that is neither critical nor breaks a user flow"},"potential-duplicate":{"color":"d3cb2e","name":"potential-duplicate","description":"This label marks issues that are potential duplicates of already open issues"},"Audio Widget":{"color":"447B9A","name":"Audio Widget","description":"Issues related to Audio Widget"},"Firestore":{"color":"8078b0","name":"Firestore","description":"Issues related to the firestore Integration"},"New Widget":{"color":"be4cf2","name":"New Widget","description":"A request for a new widget"},"Modal Widget":{"color":"03846f","name":"Modal Widget","description":""},"UX Improvement":{"color":"f4a089","name":"UX Improvement","description":""},"S3":{"color":"8078b0","name":"S3","description":"Issues related to the S3 plugin"},"Release Blocker":{"color":"5756bf","name":"Release Blocker","description":"This issue must be resolved before the release"},"safari":{"color":"51C6AA","name":"safari","description":"Bugs seen on safari browser"},"Example Apps":{"color":"1799b0","name":"Example Apps","description":"Example apps created for new signups"},"MultiSelect Widget":{"color":"AB62D4","name":"MultiSelect Widget","description":"Issues related to MultiSelect Widget"},"Widget Styling":{"color":"905420","name":"Widget Styling","description":"all about widget styling"},"Calendar Widget":{"color":"8c6644","name":"Calendar Widget","description":""},"Website":{"color":"151720","name":"Website","description":"Related to www.appsmith.com website"},"Low effort":{"color":"8B59F0","name":"Low effort","description":"Something that'll take a few days to build"},"App Viewers Pod":{"color":"cd8ef9","name":"App Viewers Pod","description":"This label assigns issues to the app viewers pod"},"Checkbox Widget":{"color":"88054d","name":"Checkbox Widget","description":""},"Spam":{"color":"620faf","name":"Spam","description":""},"Voice Recorder Widget":{"color":"85bc87","name":"Voice Recorder Widget","description":""},"Select Widget":{"color":"0c669e","name":"Select Widget","description":"Select or dropdown widget"},"Bug":{"color":"d73a4a","name":"Bug","description":"Something isn't working"},"Widget Validation":{"color":"6990BC","name":"Widget Validation","description":"Issues related to widget property validation"},"Generate Page":{"color":"f14274","name":"Generate Page","description":"Issures related to page generation"},"File Picker Widget":{"color":"6ae4f2","name":"File Picker Widget","description":""},"snowflake":{"color":"8078b0","name":"snowflake","description":"Issues related to the snowflake Integration"},"Automation":{"color":"CCAF60","name":"Automation","description":""},"hotfix":{"color":"BA3F1D","name":"hotfix","description":""},"Team Managers Pod":{"color":"bddb81","name":"Team Managers Pod","description":"Issues that team managers care about for the security and efficiency of their teams"},"Import-Export-App":{"color":"15076d","name":"Import-Export-App","description":"Issues related to importing and exporting apps"},"High effort":{"color":"A7E87B","name":"High effort","description":"Something that'll take more than a month to build"},"Telemetry":{"color":"bc70f9","name":"Telemetry","description":"Issues related to instrumenting appsmith"},"Radio Widget":{"color":"91ef15","name":"Radio Widget","description":""},"Omnibar":{"color":"10b5ce","name":"Omnibar","description":"Issues related to the omnibar for navigation"},"Button Widget":{"color":"34efae","name":"Button Widget","description":""},"Switch widget":{"color":"33A8CE","name":"Switch widget","description":"The switch widget"},"Map Widget":{"color":"7eef7a","name":"Map Widget","description":""},"Task":{"color":"085630","name":"Task","description":"A simple Todo"},"Design System":{"color":"2958a4","name":"Design System","description":"Design system"},"opera":{"color":"C63F5B","name":"opera","description":"Any issues identified on the opera browser"},"Login / Signup":{"color":"771e69","name":"Login / Signup","description":"Authentication flows"},"Image Widget":{"color":"8de8ad","name":"Image Widget","description":""},"firefox":{"color":"6d56e2","name":"firefox","description":""},"Property Pane":{"color":"b356ff","name":"Property Pane","description":"Issues related to the behaviour of the property pane"},"Deployment":{"color":"93491f","name":"Deployment","description":"Installation process of appsmith"},"Critical":{"color":"9b1b28","name":"Critical","description":"This issue needs immediate attention. Drop everything else"},"IDE":{"color":"61b2ee","name":"IDE","description":"Issues related to the IDE"},"Production":{"color":"b60205","name":"Production","description":""},"Dependencies":{"color":"0366d6","name":"Dependencies","description":"Pull requests that update a dependency file"},"Google Sheets":{"color":"8078b0","name":"Google Sheets","description":"Issues related to Google Sheets"},"Icon Button Widget":{"color":"D319CE","name":"Icon Button Widget","description":"Issues related to the icon button widget"},"Mongo":{"color":"8078b0","name":"Mongo","description":"Issues related to Mongo DB plugin"},"Documentation":{"color":"a8dff7","name":"Documentation","description":"Improvements or additions to documentation"},"TestGap":{"color":"f28253","name":"TestGap","description":"Issues identified for test plan improvement"},"keyboard shortcut":{"color":"0688B6","name":"keyboard shortcut","description":""},"Git Version Control":{"color":"858172","name":"Git Version Control","description":"Issues related to version control"},"Reopen":{"color":"897548","name":"Reopen","description":""},"Redshift":{"color":"8078b0","name":"Redshift","description":"Issues related to the redshift integration"},"Date Picker Widget":{"color":"ef1ce1","name":"Date Picker Widget","description":""},"Entity Explorer":{"color":"a2e2f9","name":"Entity Explorer","description":"Issues related to navigation using the entity explorer"},"JS Linting & Errors":{"color":"E56AA5","name":"JS Linting & Errors","description":"Issues related to JS Linting and errors"},"iFrame":{"color":"3CD1DB","name":"iFrame","description":"Issues related to iFrame"},"Stale":{"color":"ededed","name":"Stale","description":null},"Debugger":{"color":"e79062","name":"Debugger","description":"Issues related to the debugger"},"Quick effort":{"color":"95ED65","name":"Quick effort","description":"Something that'll take a few hours to build"},"Text Widget":{"color":"d130d1","name":"Text Widget","description":""},"Video Widget":{"color":"23dd4b","name":"Video Widget","description":""},"Datasources":{"color":"5052f6","name":"Datasources","description":"Issues related to configuring datasource on appsmith"},"error":{"color":"B66773","name":"error","description":"All issues connected to error messages"},"Form Widget":{"color":"09ed77","name":"Form Widget","description":""},"Needs Triaging":{"color":"e8b851","name":"Needs Triaging","description":"Needs attention from maintainers to triage"},"Autocomplete":{"color":"235708","name":"Autocomplete","description":"Issues related to the autocomplete"},"hacktoberfest":{"color":"0052cc","name":"hacktoberfest","description":"All issues that can be solved by the community during Hacktoberfest"},"Medium effort":{"color":"D31156","name":"Medium effort","description":"Something that'll take more than a week but less than a month to build"},"Release":{"color":"57e5e0","name":"Release","description":""},"High":{"color":"c94d14","name":"High","description":"This issue blocks a user from building or impacts a lot of users"},"UI Performance":{"color":"1799b0","name":"UI Performance","description":"Issues related to UI performance"},"UI Builders Pod":{"color":"517fba","name":"UI Builders Pod","description":"Issues that UI Builders face using appsmith"},"Deploy Preview":{"color":"bfdadc","name":"Deploy Preview","description":"Issues found in Deploy Preview"},"Needs Tests":{"color":"8ee263","name":"Needs Tests","description":"Needs automated tests to assert a feature/bug fix"},"Refactor":{"color":"B96662","name":"Refactor","description":"needs refactoring of code"},"Divider Widget":{"color":"235708","name":"Divider Widget","description":"Issues related to the divider widget"},"Table Widget":{"color":"2eead1","name":"Table Widget","description":""},"Needs More Info":{"color":"e54c10","name":"Needs More Info","description":"Needs additional information"},"Good First Issue":{"color":"7057ff","name":"Good First Issue","description":"Good for newcomers"},"UI Improvement":{"color":"9aeef4","name":"UI Improvement","description":""},"Backend":{"color":"d4c5f9","name":"Backend","description":"This marks the issue or pull request to reference server code"},"Frontend":{"color":"87c7f2","name":"Frontend","description":"This label marks the issue or pull request to reference client code"},"In App Comms":{"name":"In App Comms","description":"Issues around communication with appsmith instances","color":"463cca"},"Chart Widget":{"color":"616ecc","name":"Chart Widget","description":""},"List Widget":{"color":"8508A0","name":"List Widget","description":"Issues related to the list widget"},"Duplicate":{"color":"cfd3d7","name":"Duplicate","description":"This issue or pull request already exists"},"JS Snippets":{"color":"8d62d2","name":"JS Snippets","description":"issues related to JS Snippets"},"Copy Paste":{"name":"Copy Paste","description":"Issues related to copy paste","color":"b4f0a9"},"Drag & Drop":{"name":"Drag & Drop","description":"Issues related to the drag & drop experience","color":"92115a"},"BE Coders Pod":{"color":"5d9848","name":"BE Coders Pod","description":"Issues related to users writing code to fetch and update data"},"FE Coders Pod":{"color":"a7effc","name":"FE Coders Pod","description":"Issues related to users writing javascript in appsmith"},"New Developers Pod":{"color":"6310da","name":"New Developers Pod","description":"Issues that new developers face while exploring the IDE"},"Sniping Mode":{"name":"Sniping Mode","description":"Issues related to sniping mode","color":"6310da"},"Redis":{"name":"Redis","description":"Issues related to Redis","color":"8078b0"},"New Datasource":{"color":"60b14c","name":"New Datasource","description":"Requests for new datasources"},"Evaluated Value":{"name":"Evaluated Value","description":"Issues related to evaluated values","color":"39f6e7"},"Undo/Redo":{"name":"Undo/Redo","description":"Issues related to undo/redo","color":"f25880"},"App Navigation":{"name":"App Navigation","description":"Issues related to the topbar navigation and configuring it","color":"12b715"},"Responsive Viewport":{"color":"d12d2e","name":"Responsive Viewport","description":"Issues seen on different viewports like mobile"},"Widgets Pane":{"name":"Widgets Pane","description":"Issues related to the discovery and organisation of widgets","color":"ad5d78"},"Invite users":{"color":"1799b0","name":"Invite users","description":"Invite users flow and any associated actions"},"View Mode":{"color":"1799b0","name":"View Mode","description":"Issues related to the view mode"},"User Education Pod":{"name":"User Education Pod","description":"Issues related to user education","color":"1799b0"},"Content":{"name":"Content","description":"For content related topics i.e blogs, templates, videos","color":"a8dff7"},"Embedding Apps":{"name":"Embedding Apps","description":"Issues related to embedding","color":"26ef4f"},"Slash Command":{"name":"Slash Command","description":"Issues related to the slash command","color":"a0608e"},"Widget Property":{"name":"Widget Property","description":"Issues related to adding / modifying widget properties across widgets","color":"5e92cb"},"Windows":{"name":"Windows","description":"Issues related exclusively to Windows systems","color":"b4cb8a"},"Old App Issues":{"name":"Old App Issues","description":"Issues related to apps old apps a few weeks old and app issues in stale browser session","color":"87ab18"},"Document Viewer Widget":{"name":"Document Viewer Widget","description":"Issues related to Document Viewer Widget","color":"899d4b"},"Radio Group Widget":{"name":"Radio Group Widget","description":"Issues related to radio group widget","color":"b68495"},"Super Admin":{"name":"Super Admin","description":"Issues related to the super admin page","color":"aa95cf"},"Postgres":{"name":"Postgres","description":"Postgres related issues","color":"8078b0"},"REST API plugin":{"name":"REST API plugin","description":"REST API plugin related issues","color":"8078b0"},"New JS Function":{"name":"New JS Function","description":"Issues related to adding a JS Function","color":"8e8aa4"},"Cannot Reproduce Issue":{"color":"93c9cc","name":"Cannot Reproduce Issue","description":"Issues that cannot be reproduced"},"Widget Grouping":{"name":"Widget Grouping","description":"Issues related to Widget Grouping","color":"a49951"},"K8s":{"name":"K8s","description":"Kubernetes related issues","color":"5f318a"},"Docker":{"name":"Docker","description":"Issues related to docker","color":"89b808"},"Camera Widget":{"name":"Camera Widget","description":"Issues and enhancements related to camera widget","color":"e6038e"},"SAAS Plugins":{"name":"SAAS Plugins","description":"Issues related to SAAS Plugins","color":"ef9c9d"},"JS Promises":{"name":"JS Promises","description":"Issues related to promises","color":"d7771f"},"OnPageLoad":{"name":"OnPageLoad","description":"OnPageLoad issues on functions and queries","color":"50559d"},"JS Usability":{"name":"JS Usability","description":"usability issues with JS editor and JS elsewhere","color":"a302b0"},"Currency Input Widget":{"name":"Currency Input Widget","description":"Issues related to currency input widget","color":"b2164f"},"TreeSelect":{"name":"TreeSelect","description":"Issues related to TreeSelect Widget","color":"a1633e"},"MultiTree Select Widget":{"name":"MultiTree Select Widget","description":"Issues related to MultiTree Select Widget","color":"a1633e"},"Welcome Screen":{"name":"Welcome Screen","description":"Issues related to the welcome screen","color":"3897be"},"Realtime Commenting":{"color":"a70b86","name":"Realtime Commenting","description":"In-app communication between teams"},"Phone Input Widget":{"name":"Phone Input Widget","description":"Issues related to the Phone Input widget","color":"a70b86"},"JSON Form":{"name":"JSON Form","description":"Issue / features related to the JSON form wiget","color":"46b209"},"All Widgets":{"name":"All Widgets","description":"Issues related to all widgets","color":"972b36"},"V1":{"name":"V1","description":"V1","color":"67ab2e"},"Reflow & Resize":{"name":"Reflow & Resize","description":"All issues related to reflow and resize experience","color":"748a13"},"App Theming":{"name":"App Theming","description":"Items that are related to the App level theming controls epic","color":"905420"},"SSO":{"name":"SSO","description":"Issues, requests and enhancements around Single sign-on.","color":"bf019b"},"Multi User Realtime":{"name":"Multi User Realtime","description":"Issues related to multiple users using or editing an application","color":"e7b6ce"},"Templates":{"name":"Templates","description":"Issues related to templates","color":"b7e568"},"Ready for design":{"name":"Ready for design","description":"this issue is ready for design: it contains clear problem statements and other required information","color":"ebf442"},"Support":{"name":"Support","description":"Issues created by the A-force team to address user queries","color":"1740f3"},"Button Group widget":{"name":"Button Group widget","description":"Issue and enhancements related to the button group widget","color":"f17025"},"GraphQL Plugin":{"name":"GraphQL Plugin","description":"Issues related to GraphQL plugin","color":"8078b0"},"DevOps Pod":{"name":"DevOps Pod","description":"Issues related to devops","color":"d956c7"},"medium":{"name":"medium","description":"Issues that frustrate users due to poor UX","color":"23dfd9"},"ArangoDB":{"name":"ArangoDB","description":"Issues related to arangoDB","color":"8078b0"},"Code Refactoring":{"name":"Code Refactoring","description":"Issues related to code refactoring","color":"76310e"},"Progress bar widget":{"name":"Progress bar widget","description":"To track issues related to progress bar","color":"2d7abf"},"Audio Recorder Widget":{"name":"Audio Recorder Widget","description":"Issues related to Audio Recorder Widget","color":"9accef"},"Airtable":{"name":"Airtable","description":"Issues for Airtable","color":"60885f"},"RBAC":{"name":"RBAC","description":"Issues, requests and enhancements around RBAC.","color":"9211c3"},"Canvas / Grid":{"name":"Canvas / Grid","description":"Issues related to the canvas","color":"16b092"},"Email Config":{"name":"Email Config","description":"Issues related to configuring the email service","color":"2a21d1"},"CURL":{"name":"CURL","description":"Issues related to CURL impor","color":"60885f"},"Canvas Zooms":{"name":"Canvas Zooms","description":"Issues related to zooming the canvas","color":"e6038e"},"business":{"name":"business","description":"Features that will be a part of our business edition","color":"cd59eb"},"Action Pod":{"name":"Action Pod","description":"","color":"ee2e36"},"AutomationGap1":{"color":"a5e07c","name":"AutomationGap1","description":"Issues that needs automated tests"},"A-Force11":{"name":"A-Force11","description":"Issues raised by A-Force team","color":"d667b6"},"Business Edition":{"name":"Business Edition","description":"Features that will be a part of our business edition","color":"89bb6c"},"storeValue":{"name":"storeValue","description":"Issues related to the store value function","color":"5d3e66"},"Tests":{"name":"Tests","description":"test item","color":"1c6990"},"DynamoDB":{"name":"DynamoDB","description":"Issues that are related to DynamoDB should have this label","color":"60885f"},"Design System Pod":{"name":"Design System Pod","description":"Appsmith design system related issues","color":"706f03"},"ABAC":{"color":"e009a5","name":"ABAC","description":"User permissions and access controls"},"Backup & Restore":{"name":"Backup & Restore","description":"Issues related to backup and restore","color":"86874d"},"Billing":{"name":"Billing","description":"Billing infrastructure and flows for Business Edition and Trial users","color":"d2bc40"},"Datatype issue":{"name":"Datatype issue","description":"Issues that have risen because data types weren't handled","color":"60885f"},"OAuth":{"name":"OAuth","description":"OAuth related bugs or features","color":"60885f"},"Table Widget V2":{"name":"Table Widget V2","description":"Issues related to Table Widget V2","color":"3a7192"},"IDE Navigation":{"name":"IDE Navigation","description":"Issues/feature requests related to IDE navigation, and context switching","color":"bc0cba"},"Query performance":{"name":"Query performance","description":"Issues that have to do with lack in performance of query execution","color":"e4d966"},"SAAS Manager App":{"name":"SAAS Manager App","description":"Issues with the SAAS manager app","color":"d427db"},"Twilio":{"name":"Twilio","description":"Issues related to Twilio integration","color":"23ba8d"},"Hubspot":{"name":"Hubspot","description":"Issues related to Hubspot integration","color":"60885f"},"Zendesk":{"name":"Zendesk","description":"Issues related to Zendesk integration","color":"60885f"},"Entity Refactor":{"name":"Entity Refactor","description":"Issues related to refactor logic","color":"418fa4"},"Branding":{"name":"Branding","description":"All issues under branding and whitelabelling appsmith ecosystem","color":"7aaaf1"},"Map Chart Widget":{"name":"Map Chart Widget","description":"Issues related to Map Chart Widgets","color":"c8397f"},"Product Catchup":{"name":"Product Catchup","description":"Issues created in the product catchup","color":"29cd2c"},"Framework Functions":{"name":"Framework Functions","description":"Issues related to internal functions like showAlert(), navigateTo() etc...","color":"c25a09"},"Frontend Libraries Upgrade":{"name":"Frontend Libraries Upgrade","description":"Issues related to frontend libraries upgrade","color":"ede1fc"},"Audit Logs":{"name":"Audit Logs","description":"Audit trails to ensure data security","color":"f3fd62"},"MsSQL":{"name":"MsSQL","description":"Issues related to MsSQL plugin","color":"8078b0"},"Data Platform Pod":{"name":"Data Platform Pod","description":"Issues related to the underlying data platform","color":"3f8c3a"},"Integrations Pod":{"name":"Integrations Pod","description":"Issues related to a specific integration","color":"5dbbb1"},"Datasource Environments":{"name":"Datasource Environments","description":"Issues related to datasource environments","color":"bb7a14"},"Elastic Search":{"name":"Elastic Search","description":"Issues related to the elastic search datasource","color":"8078b0"},"Core Query Execution":{"color":"418fa4","name":"Core Query Execution","description":"Issues related to the execution of all queries"},"Query Management":{"name":"Query Management","description":"Issues related to the CRUD of actions or queries","color":"6a5b42"},"Query Settings":{"name":"Query Settings","description":"Issues related to the settings of all queries","color":"c7da7a"},"Code Editor":{"name":"Code Editor","description":"Issues related to the code editor","color":"4ca16e"},"Query Forms":{"color":"12b253","name":"Query Forms","description":"Isuses related to the query forms"},"JS Objects":{"color":"22962c","name":"JS Objects","description":"Issues related to JS Objects"},"JS Evaluation":{"color":"22962c","name":"JS Evaluation","description":"Issues related to JS evaluation on the platform"},"SmartSubstitution":{"name":"SmartSubstitution","description":"Issues related to Smart substitution of mustache bindings in queries","color":"e4d966"},"Query Generation":{"name":"Query Generation","description":"Issues related to query generation","color":"e4d966"},"Suggested Widgets":{"name":"Suggested Widgets","description":"Issues related to suggesting widgets based on query response","color":"e4d966"},"Page load executions":{"name":"Page load executions","description":"Issues related to page load execution","color":"5696b2"},"Code Scanner Widget":{"name":"Code Scanner Widget","description":"Issues related to code scanner widget","color":"9bc1a0"},"Clean URLs":{"name":"Clean URLs","description":"Issues related to clean URLs epic","color":"112623"},"Widget keyboard accessibility":{"name":"Widget keyboard accessibility","description":"All issues related to keyboard accessibility in widgets","color":"b626fd"},"Connection pool":{"name":"Connection pool","description":"issues to do with connection pooling of various plugins","color":"94fe36"},"List Widget V2":{"name":"List Widget V2","description":"Issues related to the list widget v2","color":"adaaf7"},"Auto Height":{"name":"Auto Height","description":"Issues related to dynamic height of widgets","color":"5149cf"},"cypress_failed_test":{"name":"cypress_failed_test","description":"Cypress failed tests","color":"4745d5"},"Needs validation":{"name":"Needs validation","description":"Needs problem validation before being picked up","color":"66673d"},"Slider Widget":{"name":"Slider Widget","description":"Issues raised for slider widgets.","color":"2eef5f"},"Multitenancy":{"name":"Multitenancy","description":"Support multitenancy within single appsmith instance","color":"8c49a9"},"Git Pod":{"name":"Git Pod","description":"Anything related to git sync","color":"2e5ba4"},"Mobile Pod":{"name":"Mobile Pod","description":"All issues related to mobile responsiveness","color":"6c97fd"},"Responsive Widget":{"name":"Responsive Widget","description":"All issues related to widget responsiveness","color":"d12d2e"},"Responsive Canvas":{"name":"Responsive Canvas","description":"All issues related to canvas responsiveness","color":"45a0a8"},"Conversion Algorithm":{"name":"Conversion Algorithm","description":"All issue related to converting app from fixed to flex mode & vice versa","color":"d12d2e"},"Spacing":{"name":"Spacing","description":"All issue related to spacing between widgets in auto layout","color":"d12d2e"},"Browser specific":{"name":"Browser specific","description":"All issue related to browser","color":"d12d2e"},"Error Handling":{"name":"Error Handling","description":"Issues related to error handling","color":"4e1872"},"Performance infra":{"name":"Performance infra","description":"all issue related to the performance infra","color":"8a60f6"},"DSL Update":{"name":"DSL Update","description":"Issues related to storing and updating the DSL","color":"e16cf3"},"AST-frontend":{"name":"AST-frontend","description":"Issues related to maintaining AST logic","color":"434a3a"},"AST-backend":{"name":"AST-backend","description":"Backend issues related to AST parsing","color":"c476eb"},"MariaDB":{"name":"MariaDB","description":"MariaDB datasource","color":"8428c3"},"Billing & Usage Pod":{"name":"Billing & Usage Pod","description":"Issues pertaining to licensing, billing, usage across self serve and enterprise customers","color":"256808"},"ADS Component Issue":{"name":"ADS Component Issue","description":"Issues which are caused due to ADS components","color":"d89119"},"Regressed":{"color":"723fd0","name":"Regressed","description":"Scenarios that were working before but have now regressed"},"Needs RCA":{"name":"Needs RCA","description":"a critical or high priority issue that needs an RCA","color":"2cc68f"},"Custom JS Libraries":{"name":"Custom JS Libraries","description":"Issues related to adding custom JS library","color":"bacb6d"},"Integrations Pod General":{"name":"Integrations Pod General","description":"Issues related to the Integrations Pod that don't fit into other tags.","color":"287823"},"Performance Pod":{"name":"Performance Pod","description":"All things related to Appsmith performance","color":"b5a25d"},"Performance":{"name":"Performance","description":"Issues related to performance","color":"9a18d7"},"File upload issues":{"name":"File upload issues","description":"Issues related to uploading any type of files from within Appsmith","color":"8154df"},"Action Selector":{"name":"Action Selector","description":"Issues related to action selector on the property pane","color":"2f9e20"},"Widget design system":{"name":"Widget design system","description":"","color":"11cc90"},"Deploy App":{"name":"Deploy App","description":"Issues related to app deployment","color":"6f6152"},"Community Reported":{"name":"Community Reported","description":"issues reported by community members","color":"1402e5"},"JS Function execution":{"name":"JS Function execution","description":"JS function execution","color":"7c2de1"},"Self Serve":{"name":"Self Serve","description":"For all issues related to self-serve flow for business edition","color":"4dacfc"},"Self Serve 1.0":{"name":"Self Serve 1.0","description":"For all issues related to v1 of the self serve project","color":"ae839e"},"CE Instance":{"name":"CE Instance","description":"For all issues relating to usage, licensing or billing on the CE instance","color":"d2bc40"},"Customer Portal":{"name":"Customer Portal","description":"For all tasks/issues pertaining to customer.appsmith.com","color":"d2bc40"},"Cloud Services":{"name":"Cloud Services","description":"For all tasks/issues on Appsmith cloud-services relating to licensing, usage and billing","color":"d2bc40"},"Billing Integrations":{"name":"Billing Integrations","description":"For all issues relating to 3P integrations Appsmith is using for billing & usage","color":"d2bc40"},"One-click Binding":{"name":"One-click Binding","description":"Issues related to the One click binding epic","color":"f1661c"},"Airgap":{"name":"Airgap","description":"Tickets related to supporting air-gapped Appsmith instances","color":"1cb294"},"SMTP plugin":{"name":"SMTP plugin","description":"Issues related to SMTP plugin","color":"541457"},"AWS AMI":{"name":"AWS AMI","description":"Issues Related to AWS AMI","color":"b44680"},"Old widget version":{"name":"Old widget version","description":"Use this label to raise issue specific only to an older version of a widget","color":"ff3814"},"Enterprise Billing":{"name":"Enterprise Billing","description":"To track all tasks/issues related to licensing & billing for enterprise customers","color":"14c156"},"Appsmith Business Cloud":{"name":"Appsmith Business Cloud","description":"Issues related to our business cloud offering","color":"89bb6c"},"Oracle SQL DB":{"name":"Oracle SQL DB","description":"Issues related to the Oracle plugin","color":"cbabcb"},"Community Contributor":{"name":"Community Contributor","description":"Meant to track issues that are assigned to external contributors","color":"149ab6"},"widget vertical alignment":{"name":"widget vertical alignment","description":"All issue related widget vertical alignment on the auto layout canvas","color":"d12d2e"},"Observability":{"name":"Observability","description":"Issues related to observability on the Appsmith instance","color":"dff913"},"Checkbox Component":{"name":"Checkbox Component","description":"This labels deals with checkbox component in wds package","color":"75a401"},"In-app ramps":{"name":"In-app ramps","description":"For all tasks/issues relating to adding in-app ramps in the community edition of the product","color":"8abae0"},"Analytics Improvements":{"name":"Analytics Improvements","description":"For all tasks focused on improving our overall analytics and fixing any issues ","color":"29b8ed"},"WDS team":{"name":"WDS team","description":"","color":"8d675a"},"Enterprise Edition":{"name":"Enterprise Edition","description":"Features that will be supported in Enterprise Edition only","color":"984f5e"},"Query filter":{"name":"Query filter","description":"Issues related to query filtering, e.g., WHERE clause","color":"a15134"},"Keyboard accessibility ":{"name":"Keyboard accessibility ","description":"All issue related to ADS component keyboard accessibility","color":"2ba696"},"Toggle button":{"name":"Toggle button","description":"All issue related to ADS toggle button","color":"edc47f"},"1-click upgrade":{"name":"1-click upgrade","description":"For all issues/tasks related to 1-click upgrade & downgrade project","color":"129082"},"Feature Flagging":{"name":"Feature Flagging","description":"Anything related feature flagging","color":"77443f"},"SCIM":{"name":"SCIM","description":"Label to collate our SCIM issues","color":"61a852"},"ADS Category Token":{"name":"ADS Category Token","description":"All issues related appsmith design system category tokens","color":"920961"},"ADS Component Documentation":{"name":"ADS Component Documentation","description":"All issues Appsmith design system component documentation","color":"64c46a"},"ADS Migration":{"name":"ADS Migration","description":"All issues related to Appsmith design system migration","color":"b082d6"},"ADS Deduplication ":{"name":"ADS Deduplication ","description":"Replacing component with ADS components","color":"b082d6"},"ADS Revamp":{"name":"ADS Revamp","description":"All issues related to ads revamp. ","color":"b082d6"},"ADS Deduplication":{"name":"ADS Deduplication","description":"Replacing component with ADS components","color":"b082d6"},"ADS Grayscale":{"name":"ADS Grayscale","description":"Support grayscale color changes","color":"b03577"},"ADS Unit Test":{"name":"ADS Unit Test","description":"All issue related ads unit cases ","color":"b082d6"},"ADS Components":{"name":"ADS Components","description":"All issues related ADS components","color":"b082d6"},"Widget Discoverability":{"name":"Widget Discoverability","description":"Issues related to Widget Discoverability","color":"7b55ce"},"Widget setter method":{"name":"Widget setter method","description":"Issues with widget property setters","color":"8dce87"},"License":{"name":"License","description":"For all issues/tasks related to licensing of appsmith-ee edition","color":"90ee98"},"Templates pod":{"name":"Templates pod","description":"Issues related to Templates","color":"b7e568"},"Community template":{"name":"Community template","description":"Label for development of community templates and its integration to platform","color":"8a0510"},"DocumentDB":{"name":"DocumentDB","description":"Issues related to support DocumentDB in Appsmith Data layer","color":"2c8b56"},"Multiple Environments":{"name":"Multiple Environments","description":"Issues or tasks related to multiple environments","color":"4e972b"},"Platformization":{"name":"Platformization","description":"Issues or tasks related to platformization of Appsmith codebase","color":"4e972b"},"Activation - datasources":{"name":"Activation - datasources","description":"issues related to activation projects","color":"7c7ace"},"Partial-import-export":{"name":"Partial-import-export","description":"Label for granular reusability.","color":"1e439c"},"AI":{"name":"AI","description":"All tasks related to AI","color":"69c7ca"},"Custom environments":{"name":"Custom environments","description":"Issues with creating or working with custom environments","color":"2137d6"},"ADS Typography":{"name":"ADS Typography","description":"All issue related typographical changes","color":"2dbe8d"},"Auto Layout":{"name":"Auto Layout","description":"Issues relates to auto layout","color":"92cf8c"},"Heroku":{"name":"Heroku","description":"Issues related to Heroku","color":"a81b69"},"ADS Visual Styles":{"name":"ADS Visual Styles","description":"All issues related to ADS visual styles","color":"d3da89"},"ADS Component Design":{"name":"ADS Component Design","description":"All issue related to component design","color":"5cc91e"},"Modal Component":{"name":"Modal Component","description":"All issue related to ads modal component","color":"ee63f3"},"App setting":{"name":"App setting","description":"Related to app settings panel within the app","color":"144206"},"BE instance":{"name":"BE instance","description":"For all issues related to license, billing on BE instance","color":"ae8f98"},"Workflows":{"name":"Workflows","description":"For all issues related to the Workflows feature","color":"ae2aa6"},"Schema":{"name":"Schema","description":"Issues related to database schema","color":"c470c2"},"AI Pod":{"name":"AI Pod","description":"Pod for all AI related tasks","color":"d18528"},"Fixed layout":{"name":"Fixed layout","description":"issues related to fixed layout","color":"b66681"},"Anvil layout":{"name":"Anvil layout","description":"issues related to the new layout system anvil","color":"722bf0"},"New Deployment Mode":{"name":"New Deployment Mode","description":"Support a new mode of deployment","color":"108033"},"Custom widgets":{"name":"Custom widgets","description":"For all issues related to the custom widget project","color":"c9db9c"}},"success":true}
\ No newline at end of file
+{"runners":[{"versioning":{"source":"milestones","type":"SemVer"},"prereleaseName":"alpha","issue":{"labels":{"AI Pod":{"conditions":[{"label":"AI","type":"hasLabel","value":true}],"requires":1},"Workflows":{"conditions":[],"requires":1},"Error Handling":{"conditions":[],"requires":1},"Templates pod":{"conditions":[{"label":"Templates","type":"hasLabel","value":true},{"label":"Community template","type":"hasLabel","value":true},{"label":"Partial-import-export","type":"hasLabel","value":true}],"requires":1},"Team Managers Pod":{"conditions":[{"label":"Settings","type":"hasLabel","value":true},{"label":"Home Page","type":"hasLabel","value":true},{"label":"Invite users","type":"hasLabel","value":true},{"label":"Realtime Commenting","type":"hasLabel","value":true},{"label":"SSO","type":"hasLabel","value":true},{"label":"Multi User Realtime","type":"hasLabel","value":true},{"label":"RBAC","type":"hasLabel","value":true},{"label":"ABAC","type":"hasLabel","value":true},{"label":"Audit Logs","type":"hasLabel","value":true},{"label":"Multitenancy","type":"hasLabel","value":true},{"label":"Airgap","type":"hasLabel","value":true},{"label":"Enterprise Edition","type":"hasLabel","value":true},{"label":"SCIM","type":"hasLabel","value":true}],"requires":1},"New Developers Pod":{"conditions":[{"label":"Omnibar","type":"hasLabel","value":true},{"label":"Telemetry","type":"hasLabel","value":true},{"label":"Entity Explorer","type":"hasLabel","value":true},{"label":"IDE","type":"hasLabel","value":true},{"label":"Example Apps","type":"hasLabel","value":true},{"label":"i18n","type":"hasLabel","value":true},{"label":"IDE Navigation","type":"hasLabel","value":true},{"label":"Clean URLs","type":"hasLabel","value":true},{"label":"In App Comms","type":"hasLabel","value":true},{"label":"In App Comms","type":"hasLabel","value":true},{"label":"App setting","type":"hasLabel","value":true}],"requires":1},"BE Coders Pod":{"conditions":[{"label":"SAAS Plugins","type":"hasLabel","value":true},{"label":"SAAS Manager App","type":"hasLabel","value":true},{"label":"Data Platform Pod","type":"hasLabel","value":true},{"label":"Integrations Pod","type":"hasLabel","value":true}],"requires":1},"FE Coders Pod":{"conditions":[{"label":"JS Linting & Errors","type":"hasLabel","value":true},{"label":"Debugger","type":"hasLabel","value":true},{"label":"JS Snippets","type":"hasLabel","value":true},{"label":"Autocomplete","type":"hasLabel","value":true},{"label":"Evaluated Value","type":"hasLabel","value":true},{"label":"Slash Command","type":"hasLabel","value":true},{"label":"New JS Function","type":"hasLabel","value":true},{"label":"JS Promises","type":"hasLabel","value":true},{"label":"JS Usability","type":"hasLabel","value":true},{"label":"Code Refactoring","type":"hasLabel","value":true},{"label":"storeValue","type":"hasLabel","value":true},{"label":"OnPageLoad","type":"hasLabel","value":true},{"label":"Framework Functions","type":"hasLabel","value":true},{"label":"Code Editor","type":"hasLabel","value":true},{"label":"JS Objects","type":"hasLabel","value":true},{"label":"JS Evaluation","type":"hasLabel","value":true},{"label":"AST-frontend","type":"hasLabel","value":true},{"label":"Custom JS Libraries","type":"hasLabel","value":true},{"label":"Action Selector","type":"hasLabel","value":true},{"label":"JS Function execution","type":"hasLabel","value":true},{"label":"Widget setter method","type":"hasLabel","value":true},{"label":"Error Handling","type":"hasLabel","value":true}],"requires":1},"App Viewers Pod":{"conditions":[{"label":"Button Widget","type":"hasLabel","value":true},{"label":"Chart Widget","type":"hasLabel","value":true},{"label":"Container Widget","type":"hasLabel","value":true},{"label":"Date Picker Widget","type":"hasLabel","value":true},{"label":"Select Widget","type":"hasLabel","value":true},{"label":"File Picker Widget","type":"hasLabel","value":true},{"label":"Form Widget","type":"hasLabel","value":true},{"label":"Image Widget","type":"hasLabel","value":true},{"label":"Input Widget","type":"hasLabel","value":true},{"label":"List Widget","type":"hasLabel","value":true},{"label":"MultiSelect Widget","type":"hasLabel","value":true},{"label":"Map Widget","type":"hasLabel","value":true},{"label":"Modal Widget","type":"hasLabel","value":true},{"label":"Radio Widget","type":"hasLabel","value":true},{"label":"Rich Text Editor Widget","type":"hasLabel","value":true},{"label":"Tab Widget","type":"hasLabel","value":true},{"label":"Table Widget","type":"hasLabel","value":true},{"label":"Text Widget","type":"hasLabel","value":true},{"label":"Video Widget","type":"hasLabel","value":true},{"label":"iFrame","type":"hasLabel","value":true},{"label":"Menu Button","type":"hasLabel","value":true},{"label":"Rating","type":"hasLabel","value":true},{"label":"Widget Validation","type":"hasLabel","value":true},{"label":"reallabel","type":"hasLabel","value":true},{"label":"New Widget","type":"hasLabel","value":true},{"label":"Switch widget","type":"hasLabel","value":true},{"label":"Audio Widget","type":"hasLabel","value":true},{"label":"Icon Button Widget","type":"hasLabel","value":true},{"label":"Stat Box Widget","type":"hasLabel","value":true},{"label":"Voice Recorder Widget","type":"hasLabel","value":true},{"label":"Calendar Widget","type":"hasLabel","value":true},{"label":"Menu Button Widget","type":"hasLabel","value":true},{"label":"Divider Widget","type":"hasLabel","value":true},{"label":"Rating Widget","type":"hasLabel","value":true},{"label":"App Navigation","type":"hasLabel","value":true},{"label":"View Mode","type":"hasLabel","value":true},{"label":"Widget Property","type":"hasLabel","value":true},{"label":"Document Viewer Widget","type":"hasLabel","value":true},{"label":"Radio Group Widget","type":"hasLabel","value":true},{"label":"Currency Input Widget","type":"hasLabel","value":true},{"label":"TreeSelect","type":"hasLabel","value":true},{"label":"MultiTree Select Widget","type":"hasLabel","value":true},{"label":"Phone Input Widget","type":"hasLabel","value":true},{"label":"JSON Form","type":"hasLabel","value":true},{"label":"All Widgets","type":"hasLabel","value":true},{"label":"Button Group widget","type":"hasLabel","value":true},{"label":"Progress bar widget","type":"hasLabel","value":true},{"label":"Audio Recorder Widget","type":"hasLabel","value":true},{"label":"Camera Widget","type":"hasLabel","value":true},{"label":"Table Widget V2","type":"hasLabel","value":true},{"label":"Branding","type":"hasLabel","value":true},{"label":"Map Chart Widget","type":"hasLabel","value":true},{"label":"Code Scanner Widget","type":"hasLabel","value":true},{"label":"Widget keyboard accessibility","type":"hasLabel","value":true},{"label":"List Widget V2","type":"hasLabel","value":true},{"label":"Slider Widget","type":"hasLabel","value":true},{"label":"One-click Binding","type":"hasLabel","value":true},{"label":"Old widget version","type":"hasLabel","value":true},{"label":"Widget Discoverability","type":"hasLabel","value":true},{"label":"Custom widgets","type":"hasLabel","value":true}],"requires":1},"UI Builders Pod":{"conditions":[{"label":"Property Pane","type":"hasLabel","value":true},{"label":"Pages","type":"hasLabel","value":true},{"label":"Copy Paste","type":"hasLabel","value":true},{"label":"Drag & Drop","type":"hasLabel","value":true},{"label":"Undo/Redo","type":"hasLabel","value":true},{"label":"Widgets Pane","type":"hasLabel","value":true},{"label":"UI Performance","type":"hasLabel","value":true},{"label":"Widget Grouping","type":"hasLabel","value":true},{"label":"Reflow & Resize","type":"hasLabel","value":true},{"label":"Canvas / Grid","type":"hasLabel","value":true},{"label":"Canvas Zooms","type":"hasLabel","value":true},{"label":"Frontend Libraries Upgrade","type":"hasLabel","value":true},{"label":"Auto Height","type":"hasLabel","value":true},{"label":"Responsive Canvas","type":"hasLabel","value":true},{"label":"Responsive Widget","type":"hasLabel","value":true},{"label":"Responsive Viewport","type":"hasLabel","value":true},{"label":"Conversion Algorithm","type":"hasLabel","value":true},{"label":"Spacing","type":"hasLabel","value":true},{"label":"Browser specific","type":"hasLabel","value":true},{"label":"widget vertical alignment","type":"hasLabel","value":true},{"label":"Auto Layout","type":"hasLabel","value":true},{"label":"Fixed layout","type":"hasLabel","value":true},{"label":"Anvil layout","type":"hasLabel","value":true}],"requires":1},"User Education Pod":{"conditions":[{"label":"Content","type":"hasLabel","value":true},{"label":"Documentation","type":"hasLabel","value":true}],"requires":1},"DevOps Pod":{"conditions":[{"label":"Docker","type":"hasLabel","value":true},{"label":"Super Admin","type":"hasLabel","value":true},{"label":"Deployment","type":"hasLabel","value":true},{"label":"K8s","type":"hasLabel","value":true},{"label":"Email Config","type":"hasLabel","value":true},{"label":"Backup & Restore","type":"hasLabel","value":true},{"label":"AWS AMI","type":"hasLabel","value":true},{"label":"Observability","type":"hasLabel","value":true},{"label":"Heroku","type":"hasLabel","value":true},{"label":"New Deployment Mode","type":"hasLabel","value":true},{"label":"Feature Flagging","type":"hasLabel","value":true}],"requires":1},"Design System Pod":{"conditions":[{"label":"Design System Pod","type":"hasLabel","value":true},{"label":"ADS Component Issue","type":"hasLabel","value":true},{"label":"Keyboard accessibility ","type":"hasLabel","value":true},{"label":"Toggle button","type":"hasLabel","value":true},{"label":"ADS Category Token","type":"hasLabel","value":true},{"label":"ADS Component Documentation","type":"hasLabel","value":true},{"label":"ADS Migration","type":"hasLabel","value":true},{"label":"ADS Deduplication ","type":"hasLabel","value":true},{"label":"ADS Revamp","type":"hasLabel","value":true},{"label":"ADS Deduplication","type":"hasLabel","value":true},{"label":"ADS Unit Test","type":"hasLabel","value":true},{"label":"ADS Components","type":"hasLabel","value":true},{"label":"ADS Grayscale","type":"hasLabel","value":true},{"label":"Design System","type":"hasLabel","value":true},{"label":"ADS Typography","type":"hasLabel","value":true},{"label":"ADS Visual Styles","type":"hasLabel","value":true},{"label":"ADS Component Design","type":"hasLabel","value":true},{"label":"Modal Component","type":"hasLabel","value":true}],"requires":1},"Data Platform Pod":{"conditions":[{"label":"Datasource Environments","type":"hasLabel","value":true},{"label":"Datatype issue","type":"hasLabel","value":true},{"label":"Entity Refactor","type":"hasLabel","value":true},{"label":"Core Query Execution","type":"hasLabel","value":true},{"label":"Query Management","type":"hasLabel","value":true},{"label":"Query Settings","type":"hasLabel","value":true},{"label":"SmartSubstitution","type":"hasLabel","value":true},{"label":"Query Generation","type":"hasLabel","value":true},{"label":"Query performance","type":"hasLabel","value":true},{"label":"Suggested Widgets","type":"hasLabel","value":true},{"label":"Page load executions","type":"hasLabel","value":true},{"label":"DSL Update","type":"hasLabel","value":true},{"label":"AST-backend","type":"hasLabel","value":true},{"label":"Deploy App","type":"hasLabel","value":true},{"label":"File upload issues","type":"hasLabel","value":true},{"label":"Datasources","type":"hasLabel","value":true},{"label":"DocumentDB","type":"hasLabel","value":true},{"label":"Multiple Environments","type":"hasLabel","value":true},{"label":"Platformization","type":"hasLabel","value":true},{"label":"Custom environments","type":"hasLabel","value":true},{"label":"Schema","type":"hasLabel","value":true}],"requires":1},"Integrations Pod":{"conditions":[{"label":"New Datasource","type":"hasLabel","value":true},{"label":"Firestore","type":"hasLabel","value":true},{"label":"Google Sheets","type":"hasLabel","value":true},{"label":"Mongo","type":"hasLabel","value":true},{"label":"Redshift","type":"hasLabel","value":true},{"label":"snowflake","type":"hasLabel","value":true},{"label":"S3","type":"hasLabel","value":true},{"label":"Redis","type":"hasLabel","value":true},{"label":"Postgres","type":"hasLabel","value":true},{"label":"GraphQL Plugin","type":"hasLabel","value":true},{"label":"ArangoDB","type":"hasLabel","value":true},{"label":"MsSQL","type":"hasLabel","value":true},{"label":"REST API plugin","type":"hasLabel","value":true},{"label":"Elastic Search","type":"hasLabel","value":true},{"label":"OAuth","type":"hasLabel","value":true},{"label":"Airtable","type":"hasLabel","value":true},{"label":"CURL","type":"hasLabel","value":true},{"label":"DynamoDB","type":"hasLabel","value":true},{"label":"Zendesk","type":"hasLabel","value":true},{"label":"Hubspot","type":"hasLabel","value":true},{"label":"Query Forms","type":"hasLabel","value":true},{"label":"Twilio","type":"hasLabel","value":true},{"label":"MySQL","type":"hasLabel","value":true},{"label":"Connection pool","type":"hasLabel","value":true},{"label":"MariaDB","type":"hasLabel","value":true},{"label":"Integrations Pod General","type":"hasLabel","value":true},{"label":"SMTP plugin","type":"hasLabel","value":true},{"label":"Oracle SQL DB","type":"hasLabel","value":true},{"label":"Query filter","type":"hasLabel","value":true},{"label":"Activation - datasources","type":"hasLabel","value":true},{"label":"Onboarding","type":"hasLabel","value":true},{"label":"Generate Page","type":"hasLabel","value":true},{"label":"Sniping Mode","type":"hasLabel","value":true},{"label":"Welcome Screen","type":"hasLabel","value":true},{"label":"Login / Signup","type":"hasLabel","value":true}],"requires":1},"Git Pod":{"conditions":[{"label":"Git Version Control","type":"hasLabel","value":true},{"label":"Import-Export-App","type":"hasLabel","value":true},{"label":"Fork App","type":"hasLabel","value":true}],"requires":1},"Mobile Pod":{"conditions":[],"requires":1},"Billing & Usage Pod":{"conditions":[{"label":"CE Instance","type":"hasLabel","value":true},{"label":"Customer Portal","type":"hasLabel","value":true},{"label":"Cloud Services","type":"hasLabel","value":true},{"label":"Billing Integrations","type":"hasLabel","value":true},{"label":"Billing","type":"hasLabel","value":true},{"label":"Self Serve","type":"hasLabel","value":true},{"label":"Enterprise Billing","type":"hasLabel","value":true},{"label":"In-app ramps","type":"hasLabel","value":true},{"label":"Analytics Improvements","type":"hasLabel","value":true},{"label":"Self Serve 1.0","type":"hasLabel","value":true},{"label":"License","type":"hasLabel","value":true},{"label":"1-click upgrade","type":"hasLabel","value":true},{"label":"Appsmith Business Cloud","type":"hasLabel","value":true},{"label":"BE instance","type":"hasLabel","value":true},{"label":"Embedding Apps","type":"hasLabel","value":true},{"label":"TM_BU","type":"hasLabel","value":true},{"label":"Homepage Experience V2","type":"hasLabel","value":true}],"requires":1},"Performance Pod":{"conditions":[{"label":"Performance","type":"hasLabel","value":true},{"label":"Performance infra","type":"hasLabel","value":true}],"requires":1},"Widget design system":{"conditions":[{"label":"App Theming","type":"hasLabel","value":true},{"label":"Widget Styling","type":"hasLabel","value":true},{"label":"Checkbox Group widget","type":"hasLabel","value":true},{"label":"Checkbox Widget","type":"hasLabel","value":true},{"label":"Checkbox Component","type":"hasLabel","value":true},{"label":"WDS team","type":"hasLabel","value":true},{"label":"Widget design system","type":"hasLabel","value":true}],"requires":1},"IDE Pod":{"conditions":[],"requires":1}}},"root":"."}],"labels":{"Tab Widget":{"color":"e2c76c","name":"Tab Widget","description":""},"Dont merge":{"color":"ADB39C","name":"Dont merge","description":""},"Epic":{"color":"3E4B9E","name":"Epic","description":"A zenhub epic that describes a project"},"Menu Button Widget":{"color":"235708","name":"Menu Button Widget","description":"Issues related to Menu Button widget"},"Checkbox Group widget":{"color":"88054d","name":"Checkbox Group widget","description":"Issues related to Checkbox Group Widget"},"Input Widget":{"color":"ae65d8","name":"Input Widget","description":""},"Security":{"color":"99139C","name":"Security","description":""},"QA":{"color":"e2ca68","name":"QA","description":""},"Verified":{"color":"9bf416","name":"Verified","description":""},"Wont Fix":{"color":"ffffff","name":"Wont Fix","description":"This will not be worked on"},"MySQL":{"color":"c9ddc6","name":"MySQL","description":"Issues related to MySQL plugin"},"Development":{"color":"9F8A02","name":"Development","description":""},"Help Wanted":{"color":"008672","name":"Help Wanted","description":"Extra attention is needed"},"Home Page":{"color":"9c0c8e","name":"Home Page","description":"Issues related to the application home page"},"Rating Widget":{"color":"235708","name":"Rating Widget","description":"Issues related to the rating widget"},"Stat Box Widget":{"color":"f1c9ce","name":"Stat Box Widget","description":"Issues related to stat box"},"Enhancement":{"color":"a2eeef","name":"Enhancement","description":"New feature or request"},"Settings":{"color":"f7ff60","name":"Settings","description":"organization, team & user settings"},"Fork App":{"color":"30c76d","name":"Fork App","description":"Issues related to forking apps"},"Container Widget":{"color":"19AD0D","name":"Container Widget","description":"Container widget"},"Papercut":{"color":"B562F6","name":"Papercut","description":""},"Needs Design":{"color":"bfd4f2","name":"Needs Design","description":"needs design or changes to design"},"i18n":{"color":"1799b0","name":"i18n","description":"Represents issues that need to be tackled to handle internationalization"},"Rich Text Editor Widget":{"color":"f72cac","name":"Rich Text Editor Widget","description":""},"Onboarding":{"color":"30c76d","name":"Onboarding","description":"Issues related to onboarding new developers"},"Pages":{"color":"d7fd80","name":"Pages","description":"Issues related to configuring pages"},"skip-changelog":{"color":"06086F","name":"skip-changelog","description":"Adding this label to a PR prevents it from being listed in the changelog"},"Low":{"color":"79e53b","name":"Low","description":"An issue that is neither critical nor breaks a user flow"},"potential-duplicate":{"color":"d3cb2e","name":"potential-duplicate","description":"This label marks issues that are potential duplicates of already open issues"},"Audio Widget":{"color":"447B9A","name":"Audio Widget","description":"Issues related to Audio Widget"},"Firestore":{"color":"8078b0","name":"Firestore","description":"Issues related to the firestore Integration"},"New Widget":{"color":"be4cf2","name":"New Widget","description":"A request for a new widget"},"Modal Widget":{"color":"03846f","name":"Modal Widget","description":""},"UX Improvement":{"color":"f4a089","name":"UX Improvement","description":""},"S3":{"color":"8078b0","name":"S3","description":"Issues related to the S3 plugin"},"Release Blocker":{"color":"5756bf","name":"Release Blocker","description":"This issue must be resolved before the release"},"safari":{"color":"51C6AA","name":"safari","description":"Bugs seen on safari browser"},"Example Apps":{"color":"1799b0","name":"Example Apps","description":"Example apps created for new signups"},"MultiSelect Widget":{"color":"AB62D4","name":"MultiSelect Widget","description":"Issues related to MultiSelect Widget"},"Widget Styling":{"color":"905420","name":"Widget Styling","description":"all about widget styling"},"Calendar Widget":{"color":"8c6644","name":"Calendar Widget","description":""},"Website":{"color":"151720","name":"Website","description":"Related to www.appsmith.com website"},"Low effort":{"color":"8B59F0","name":"Low effort","description":"Something that'll take a few days to build"},"App Viewers Pod":{"color":"cd8ef9","name":"App Viewers Pod","description":"This label assigns issues to the app viewers pod"},"Checkbox Widget":{"color":"88054d","name":"Checkbox Widget","description":""},"Spam":{"color":"620faf","name":"Spam","description":""},"Voice Recorder Widget":{"color":"85bc87","name":"Voice Recorder Widget","description":""},"Select Widget":{"color":"0c669e","name":"Select Widget","description":"Select or dropdown widget"},"Bug":{"color":"d73a4a","name":"Bug","description":"Something isn't working"},"Widget Validation":{"color":"6990BC","name":"Widget Validation","description":"Issues related to widget property validation"},"Generate Page":{"color":"30c76d","name":"Generate Page","description":"Issures related to page generation"},"File Picker Widget":{"color":"6ae4f2","name":"File Picker Widget","description":""},"snowflake":{"color":"8078b0","name":"snowflake","description":"Issues related to the snowflake Integration"},"Automation":{"color":"CCAF60","name":"Automation","description":""},"hotfix":{"color":"BA3F1D","name":"hotfix","description":""},"Team Managers Pod":{"color":"bddb81","name":"Team Managers Pod","description":"Issues that team managers care about for the security and efficiency of their teams"},"Import-Export-App":{"color":"15076d","name":"Import-Export-App","description":"Issues related to importing and exporting apps"},"High effort":{"color":"A7E87B","name":"High effort","description":"Something that'll take more than a month to build"},"Telemetry":{"color":"bc70f9","name":"Telemetry","description":"Issues related to instrumenting appsmith"},"Radio Widget":{"color":"91ef15","name":"Radio Widget","description":""},"Omnibar":{"color":"10b5ce","name":"Omnibar","description":"Issues related to the omnibar for navigation"},"Button Widget":{"color":"34efae","name":"Button Widget","description":""},"Switch widget":{"color":"33A8CE","name":"Switch widget","description":"The switch widget"},"Map Widget":{"color":"7eef7a","name":"Map Widget","description":""},"Task":{"color":"085630","name":"Task","description":"A simple Todo"},"Design System":{"color":"2958a4","name":"Design System","description":"Design system"},"opera":{"color":"C63F5B","name":"opera","description":"Any issues identified on the opera browser"},"Login / Signup":{"color":"30c76d","name":"Login / Signup","description":"Authentication flows"},"Image Widget":{"color":"8de8ad","name":"Image Widget","description":""},"firefox":{"color":"6d56e2","name":"firefox","description":""},"Property Pane":{"color":"b356ff","name":"Property Pane","description":"Issues related to the behaviour of the property pane"},"Deployment":{"color":"93491f","name":"Deployment","description":"Installation process of appsmith"},"Critical":{"color":"9b1b28","name":"Critical","description":"This issue needs immediate attention. Drop everything else"},"IDE":{"color":"61b2ee","name":"IDE","description":"Issues related to the IDE"},"Production":{"color":"b60205","name":"Production","description":""},"Dependencies":{"color":"0366d6","name":"Dependencies","description":"Pull requests that update a dependency file"},"Google Sheets":{"color":"8078b0","name":"Google Sheets","description":"Issues related to Google Sheets"},"Icon Button Widget":{"color":"D319CE","name":"Icon Button Widget","description":"Issues related to the icon button widget"},"Mongo":{"color":"8078b0","name":"Mongo","description":"Issues related to Mongo DB plugin"},"Documentation":{"color":"a8dff7","name":"Documentation","description":"Improvements or additions to documentation"},"TestGap":{"color":"f28253","name":"TestGap","description":"Issues identified for test plan improvement"},"keyboard shortcut":{"color":"0688B6","name":"keyboard shortcut","description":""},"Git Version Control":{"color":"858172","name":"Git Version Control","description":"Issues related to version control"},"Reopen":{"color":"897548","name":"Reopen","description":""},"Redshift":{"color":"8078b0","name":"Redshift","description":"Issues related to the redshift integration"},"Date Picker Widget":{"color":"ef1ce1","name":"Date Picker Widget","description":""},"Entity Explorer":{"color":"a2e2f9","name":"Entity Explorer","description":"Issues related to navigation using the entity explorer"},"JS Linting & Errors":{"color":"E56AA5","name":"JS Linting & Errors","description":"Issues related to JS Linting and errors"},"iFrame":{"color":"3CD1DB","name":"iFrame","description":"Issues related to iFrame"},"Stale":{"color":"ededed","name":"Stale","description":null},"Debugger":{"color":"e79062","name":"Debugger","description":"Issues related to the debugger"},"Quick effort":{"color":"95ED65","name":"Quick effort","description":"Something that'll take a few hours to build"},"Text Widget":{"color":"d130d1","name":"Text Widget","description":""},"Video Widget":{"color":"23dd4b","name":"Video Widget","description":""},"Datasources":{"color":"5052f6","name":"Datasources","description":"Issues related to configuring datasource on appsmith"},"error":{"color":"B66773","name":"error","description":"All issues connected to error messages"},"Form Widget":{"color":"09ed77","name":"Form Widget","description":""},"Needs Triaging":{"color":"e8b851","name":"Needs Triaging","description":"Needs attention from maintainers to triage"},"Autocomplete":{"color":"235708","name":"Autocomplete","description":"Issues related to the autocomplete"},"hacktoberfest":{"color":"0052cc","name":"hacktoberfest","description":"All issues that can be solved by the community during Hacktoberfest"},"Medium effort":{"color":"D31156","name":"Medium effort","description":"Something that'll take more than a week but less than a month to build"},"Release":{"color":"57e5e0","name":"Release","description":""},"High":{"color":"c94d14","name":"High","description":"This issue blocks a user from building or impacts a lot of users"},"UI Performance":{"color":"1799b0","name":"UI Performance","description":"Issues related to UI performance"},"UI Builders Pod":{"color":"517fba","name":"UI Builders Pod","description":"Issues that UI Builders face using appsmith"},"Deploy Preview":{"color":"bfdadc","name":"Deploy Preview","description":"Issues found in Deploy Preview"},"Needs Tests":{"color":"8ee263","name":"Needs Tests","description":"Needs automated tests to assert a feature/bug fix"},"Refactor":{"color":"B96662","name":"Refactor","description":"needs refactoring of code"},"Divider Widget":{"color":"235708","name":"Divider Widget","description":"Issues related to the divider widget"},"Table Widget":{"color":"2eead1","name":"Table Widget","description":""},"Needs More Info":{"color":"e54c10","name":"Needs More Info","description":"Needs additional information"},"Good First Issue":{"color":"7057ff","name":"Good First Issue","description":"Good for newcomers"},"UI Improvement":{"color":"9aeef4","name":"UI Improvement","description":""},"Backend":{"color":"d4c5f9","name":"Backend","description":"This marks the issue or pull request to reference server code"},"Frontend":{"color":"87c7f2","name":"Frontend","description":"This label marks the issue or pull request to reference client code"},"In App Comms":{"name":"In App Comms","description":"Issues around communication with appsmith instances","color":"463cca"},"Chart Widget":{"color":"616ecc","name":"Chart Widget","description":""},"List Widget":{"color":"8508A0","name":"List Widget","description":"Issues related to the list widget"},"Duplicate":{"color":"cfd3d7","name":"Duplicate","description":"This issue or pull request already exists"},"JS Snippets":{"color":"8d62d2","name":"JS Snippets","description":"issues related to JS Snippets"},"Copy Paste":{"name":"Copy Paste","description":"Issues related to copy paste","color":"b4f0a9"},"Drag & Drop":{"name":"Drag & Drop","description":"Issues related to the drag & drop experience","color":"92115a"},"BE Coders Pod":{"color":"5d9848","name":"BE Coders Pod","description":"Issues related to users writing code to fetch and update data"},"FE Coders Pod":{"color":"a7effc","name":"FE Coders Pod","description":"Issues related to users writing javascript in appsmith"},"New Developers Pod":{"color":"6310da","name":"New Developers Pod","description":"Issues that new developers face while exploring the IDE"},"Sniping Mode":{"name":"Sniping Mode","description":"Issues related to sniping mode","color":"30c76d"},"Redis":{"name":"Redis","description":"Issues related to Redis","color":"8078b0"},"New Datasource":{"color":"60b14c","name":"New Datasource","description":"Requests for new datasources"},"Evaluated Value":{"name":"Evaluated Value","description":"Issues related to evaluated values","color":"39f6e7"},"Undo/Redo":{"name":"Undo/Redo","description":"Issues related to undo/redo","color":"f25880"},"App Navigation":{"name":"App Navigation","description":"Issues related to the topbar navigation and configuring it","color":"12b715"},"Responsive Viewport":{"color":"d12d2e","name":"Responsive Viewport","description":"Issues seen on different viewports like mobile"},"Widgets Pane":{"name":"Widgets Pane","description":"Issues related to the discovery and organisation of widgets","color":"ad5d78"},"Invite users":{"color":"1799b0","name":"Invite users","description":"Invite users flow and any associated actions"},"View Mode":{"color":"1799b0","name":"View Mode","description":"Issues related to the view mode"},"User Education Pod":{"name":"User Education Pod","description":"Issues related to user education","color":"1799b0"},"Content":{"name":"Content","description":"For content related topics i.e blogs, templates, videos","color":"a8dff7"},"Embedding Apps":{"name":"Embedding Apps","description":"Issues related to embedding","color":"30c76d"},"Slash Command":{"name":"Slash Command","description":"Issues related to the slash command","color":"a0608e"},"Widget Property":{"name":"Widget Property","description":"Issues related to adding / modifying widget properties across widgets","color":"5e92cb"},"Windows":{"name":"Windows","description":"Issues related exclusively to Windows systems","color":"b4cb8a"},"Old App Issues":{"name":"Old App Issues","description":"Issues related to apps old apps a few weeks old and app issues in stale browser session","color":"87ab18"},"Document Viewer Widget":{"name":"Document Viewer Widget","description":"Issues related to Document Viewer Widget","color":"899d4b"},"Radio Group Widget":{"name":"Radio Group Widget","description":"Issues related to radio group widget","color":"b68495"},"Super Admin":{"name":"Super Admin","description":"Issues related to the super admin page","color":"aa95cf"},"Postgres":{"name":"Postgres","description":"Postgres related issues","color":"8078b0"},"REST API plugin":{"name":"REST API plugin","description":"REST API plugin related issues","color":"8078b0"},"New JS Function":{"name":"New JS Function","description":"Issues related to adding a JS Function","color":"8e8aa4"},"Cannot Reproduce Issue":{"color":"93c9cc","name":"Cannot Reproduce Issue","description":"Issues that cannot be reproduced"},"Widget Grouping":{"name":"Widget Grouping","description":"Issues related to Widget Grouping","color":"a49951"},"K8s":{"name":"K8s","description":"Kubernetes related issues","color":"5f318a"},"Docker":{"name":"Docker","description":"Issues related to docker","color":"89b808"},"Camera Widget":{"name":"Camera Widget","description":"Issues and enhancements related to camera widget","color":"e6038e"},"SAAS Plugins":{"name":"SAAS Plugins","description":"Issues related to SAAS Plugins","color":"ef9c9d"},"JS Promises":{"name":"JS Promises","description":"Issues related to promises","color":"d7771f"},"OnPageLoad":{"name":"OnPageLoad","description":"OnPageLoad issues on functions and queries","color":"50559d"},"JS Usability":{"name":"JS Usability","description":"usability issues with JS editor and JS elsewhere","color":"a302b0"},"Currency Input Widget":{"name":"Currency Input Widget","description":"Issues related to currency input widget","color":"b2164f"},"TreeSelect":{"name":"TreeSelect","description":"Issues related to TreeSelect Widget","color":"a1633e"},"MultiTree Select Widget":{"name":"MultiTree Select Widget","description":"Issues related to MultiTree Select Widget","color":"a1633e"},"Welcome Screen":{"name":"Welcome Screen","description":"Issues related to the welcome screen","color":"30c76d"},"Realtime Commenting":{"color":"a70b86","name":"Realtime Commenting","description":"In-app communication between teams"},"Phone Input Widget":{"name":"Phone Input Widget","description":"Issues related to the Phone Input widget","color":"a70b86"},"JSON Form":{"name":"JSON Form","description":"Issue / features related to the JSON form wiget","color":"46b209"},"All Widgets":{"name":"All Widgets","description":"Issues related to all widgets","color":"972b36"},"V1":{"name":"V1","description":"V1","color":"67ab2e"},"Reflow & Resize":{"name":"Reflow & Resize","description":"All issues related to reflow and resize experience","color":"748a13"},"App Theming":{"name":"App Theming","description":"Items that are related to the App level theming controls epic","color":"905420"},"SSO":{"name":"SSO","description":"Issues, requests and enhancements around Single sign-on.","color":"bf019b"},"Multi User Realtime":{"name":"Multi User Realtime","description":"Issues related to multiple users using or editing an application","color":"e7b6ce"},"Templates":{"name":"Templates","description":"Issues related to templates","color":"b7e568"},"Ready for design":{"name":"Ready for design","description":"this issue is ready for design: it contains clear problem statements and other required information","color":"ebf442"},"Support":{"name":"Support","description":"Issues created by the A-force team to address user queries","color":"1740f3"},"Button Group widget":{"name":"Button Group widget","description":"Issue and enhancements related to the button group widget","color":"f17025"},"GraphQL Plugin":{"name":"GraphQL Plugin","description":"Issues related to GraphQL plugin","color":"8078b0"},"DevOps Pod":{"name":"DevOps Pod","description":"Issues related to devops","color":"d956c7"},"medium":{"name":"medium","description":"Issues that frustrate users due to poor UX","color":"23dfd9"},"ArangoDB":{"name":"ArangoDB","description":"Issues related to arangoDB","color":"8078b0"},"Code Refactoring":{"name":"Code Refactoring","description":"Issues related to code refactoring","color":"76310e"},"Progress bar widget":{"name":"Progress bar widget","description":"To track issues related to progress bar","color":"2d7abf"},"Audio Recorder Widget":{"name":"Audio Recorder Widget","description":"Issues related to Audio Recorder Widget","color":"9accef"},"Airtable":{"name":"Airtable","description":"Issues for Airtable","color":"60885f"},"RBAC":{"name":"RBAC","description":"Issues, requests and enhancements around RBAC.","color":"9211c3"},"Canvas / Grid":{"name":"Canvas / Grid","description":"Issues related to the canvas","color":"16b092"},"Email Config":{"name":"Email Config","description":"Issues related to configuring the email service","color":"2a21d1"},"CURL":{"name":"CURL","description":"Issues related to CURL impor","color":"60885f"},"Canvas Zooms":{"name":"Canvas Zooms","description":"Issues related to zooming the canvas","color":"e6038e"},"business":{"name":"business","description":"Features that will be a part of our business edition","color":"cd59eb"},"Action Pod":{"name":"Action Pod","description":"","color":"ee2e36"},"AutomationGap1":{"color":"a5e07c","name":"AutomationGap1","description":"Issues that needs automated tests"},"A-Force11":{"name":"A-Force11","description":"Issues raised by A-Force team","color":"d667b6"},"Business Edition":{"name":"Business Edition","description":"Features that will be a part of our business edition","color":"89bb6c"},"storeValue":{"name":"storeValue","description":"Issues related to the store value function","color":"5d3e66"},"Tests":{"name":"Tests","description":"test item","color":"1c6990"},"DynamoDB":{"name":"DynamoDB","description":"Issues that are related to DynamoDB should have this label","color":"60885f"},"Design System Pod":{"name":"Design System Pod","description":"Appsmith design system related issues","color":"706f03"},"ABAC":{"color":"e009a5","name":"ABAC","description":"User permissions and access controls"},"Backup & Restore":{"name":"Backup & Restore","description":"Issues related to backup and restore","color":"86874d"},"Billing":{"name":"Billing","description":"Billing infrastructure and flows for Business Edition and Trial users","color":"d2bc40"},"Datatype issue":{"name":"Datatype issue","description":"Issues that have risen because data types weren't handled","color":"60885f"},"OAuth":{"name":"OAuth","description":"OAuth related bugs or features","color":"60885f"},"Table Widget V2":{"name":"Table Widget V2","description":"Issues related to Table Widget V2","color":"3a7192"},"IDE Navigation":{"name":"IDE Navigation","description":"Issues/feature requests related to IDE navigation, and context switching","color":"bc0cba"},"Query performance":{"name":"Query performance","description":"Issues that have to do with lack in performance of query execution","color":"e4d966"},"SAAS Manager App":{"name":"SAAS Manager App","description":"Issues with the SAAS manager app","color":"d427db"},"Twilio":{"name":"Twilio","description":"Issues related to Twilio integration","color":"23ba8d"},"Hubspot":{"name":"Hubspot","description":"Issues related to Hubspot integration","color":"60885f"},"Zendesk":{"name":"Zendesk","description":"Issues related to Zendesk integration","color":"60885f"},"Entity Refactor":{"name":"Entity Refactor","description":"Issues related to refactor logic","color":"418fa4"},"Branding":{"name":"Branding","description":"All issues under branding and whitelabelling appsmith ecosystem","color":"7aaaf1"},"Map Chart Widget":{"name":"Map Chart Widget","description":"Issues related to Map Chart Widgets","color":"c8397f"},"Product Catchup":{"name":"Product Catchup","description":"Issues created in the product catchup","color":"29cd2c"},"Framework Functions":{"name":"Framework Functions","description":"Issues related to internal functions like showAlert(), navigateTo() etc...","color":"c25a09"},"Frontend Libraries Upgrade":{"name":"Frontend Libraries Upgrade","description":"Issues related to frontend libraries upgrade","color":"ede1fc"},"Audit Logs":{"name":"Audit Logs","description":"Audit trails to ensure data security","color":"f3fd62"},"MsSQL":{"name":"MsSQL","description":"Issues related to MsSQL plugin","color":"8078b0"},"Data Platform Pod":{"name":"Data Platform Pod","description":"Issues related to the underlying data platform","color":"3f8c3a"},"Integrations Pod":{"name":"Integrations Pod","description":"Issues related to a specific integration","color":"5dbbb1"},"Datasource Environments":{"name":"Datasource Environments","description":"Issues related to datasource environments","color":"bb7a14"},"Elastic Search":{"name":"Elastic Search","description":"Issues related to the elastic search datasource","color":"8078b0"},"Core Query Execution":{"color":"418fa4","name":"Core Query Execution","description":"Issues related to the execution of all queries"},"Query Management":{"name":"Query Management","description":"Issues related to the CRUD of actions or queries","color":"6a5b42"},"Query Settings":{"name":"Query Settings","description":"Issues related to the settings of all queries","color":"c7da7a"},"Code Editor":{"name":"Code Editor","description":"Issues related to the code editor","color":"4ca16e"},"Query Forms":{"color":"12b253","name":"Query Forms","description":"Isuses related to the query forms"},"JS Objects":{"color":"22962c","name":"JS Objects","description":"Issues related to JS Objects"},"JS Evaluation":{"color":"22962c","name":"JS Evaluation","description":"Issues related to JS evaluation on the platform"},"SmartSubstitution":{"name":"SmartSubstitution","description":"Issues related to Smart substitution of mustache bindings in queries","color":"e4d966"},"Query Generation":{"name":"Query Generation","description":"Issues related to query generation","color":"e4d966"},"Suggested Widgets":{"name":"Suggested Widgets","description":"Issues related to suggesting widgets based on query response","color":"e4d966"},"Page load executions":{"name":"Page load executions","description":"Issues related to page load execution","color":"5696b2"},"Code Scanner Widget":{"name":"Code Scanner Widget","description":"Issues related to code scanner widget","color":"9bc1a0"},"Clean URLs":{"name":"Clean URLs","description":"Issues related to clean URLs epic","color":"112623"},"Widget keyboard accessibility":{"name":"Widget keyboard accessibility","description":"All issues related to keyboard accessibility in widgets","color":"b626fd"},"Connection pool":{"name":"Connection pool","description":"issues to do with connection pooling of various plugins","color":"94fe36"},"List Widget V2":{"name":"List Widget V2","description":"Issues related to the list widget v2","color":"adaaf7"},"Auto Height":{"name":"Auto Height","description":"Issues related to dynamic height of widgets","color":"5149cf"},"cypress_failed_test":{"name":"cypress_failed_test","description":"Cypress failed tests","color":"4745d5"},"Needs validation":{"name":"Needs validation","description":"Needs problem validation before being picked up","color":"66673d"},"Slider Widget":{"name":"Slider Widget","description":"Issues raised for slider widgets.","color":"2eef5f"},"Multitenancy":{"name":"Multitenancy","description":"Support multitenancy within single appsmith instance","color":"8c49a9"},"Git Pod":{"name":"Git Pod","description":"Anything related to git sync","color":"2e5ba4"},"Mobile Pod":{"name":"Mobile Pod","description":"All issues related to mobile responsiveness","color":"6c97fd"},"Responsive Widget":{"name":"Responsive Widget","description":"All issues related to widget responsiveness","color":"d12d2e"},"Responsive Canvas":{"name":"Responsive Canvas","description":"All issues related to canvas responsiveness","color":"45a0a8"},"Conversion Algorithm":{"name":"Conversion Algorithm","description":"All issue related to converting app from fixed to flex mode & vice versa","color":"d12d2e"},"Spacing":{"name":"Spacing","description":"All issue related to spacing between widgets in auto layout","color":"d12d2e"},"Browser specific":{"name":"Browser specific","description":"All issue related to browser","color":"d12d2e"},"Error Handling":{"name":"Error Handling","description":"Issues related to error handling","color":"4e1872"},"Performance infra":{"name":"Performance infra","description":"all issue related to the performance infra","color":"8a60f6"},"DSL Update":{"name":"DSL Update","description":"Issues related to storing and updating the DSL","color":"e16cf3"},"AST-frontend":{"name":"AST-frontend","description":"Issues related to maintaining AST logic","color":"434a3a"},"AST-backend":{"name":"AST-backend","description":"Backend issues related to AST parsing","color":"c476eb"},"MariaDB":{"name":"MariaDB","description":"MariaDB datasource","color":"8428c3"},"Billing & Usage Pod":{"name":"Billing & Usage Pod","description":"Issues pertaining to licensing, billing, usage across self serve and enterprise customers","color":"256808"},"ADS Component Issue":{"name":"ADS Component Issue","description":"Issues which are caused due to ADS components","color":"d89119"},"Regressed":{"color":"723fd0","name":"Regressed","description":"Scenarios that were working before but have now regressed"},"Needs RCA":{"name":"Needs RCA","description":"a critical or high priority issue that needs an RCA","color":"2cc68f"},"Custom JS Libraries":{"name":"Custom JS Libraries","description":"Issues related to adding custom JS library","color":"bacb6d"},"Integrations Pod General":{"name":"Integrations Pod General","description":"Issues related to the Integrations Pod that don't fit into other tags.","color":"287823"},"Performance Pod":{"name":"Performance Pod","description":"All things related to Appsmith performance","color":"b5a25d"},"Performance":{"name":"Performance","description":"Issues related to performance","color":"9a18d7"},"File upload issues":{"name":"File upload issues","description":"Issues related to uploading any type of files from within Appsmith","color":"8154df"},"Action Selector":{"name":"Action Selector","description":"Issues related to action selector on the property pane","color":"2f9e20"},"Widget design system":{"name":"Widget design system","description":"","color":"cb6188"},"Deploy App":{"name":"Deploy App","description":"Issues related to app deployment","color":"6f6152"},"Community Reported":{"name":"Community Reported","description":"issues reported by community members","color":"1402e5"},"JS Function execution":{"name":"JS Function execution","description":"JS function execution","color":"7c2de1"},"Self Serve":{"name":"Self Serve","description":"For all issues related to self-serve flow for business edition","color":"4dacfc"},"Self Serve 1.0":{"name":"Self Serve 1.0","description":"For all issues related to v1 of the self serve project","color":"ae839e"},"CE Instance":{"name":"CE Instance","description":"For all issues relating to usage, licensing or billing on the CE instance","color":"d2bc40"},"Customer Portal":{"name":"Customer Portal","description":"For all tasks/issues pertaining to customer.appsmith.com","color":"d2bc40"},"Cloud Services":{"name":"Cloud Services","description":"For all tasks/issues on Appsmith cloud-services relating to licensing, usage and billing","color":"d2bc40"},"Billing Integrations":{"name":"Billing Integrations","description":"For all issues relating to 3P integrations Appsmith is using for billing & usage","color":"d2bc40"},"One-click Binding":{"name":"One-click Binding","description":"Issues related to the One click binding epic","color":"f1661c"},"Airgap":{"name":"Airgap","description":"Tickets related to supporting air-gapped Appsmith instances","color":"1cb294"},"SMTP plugin":{"name":"SMTP plugin","description":"Issues related to SMTP plugin","color":"541457"},"AWS AMI":{"name":"AWS AMI","description":"Issues Related to AWS AMI","color":"b44680"},"Old widget version":{"name":"Old widget version","description":"Use this label to raise issue specific only to an older version of a widget","color":"ff3814"},"Enterprise Billing":{"name":"Enterprise Billing","description":"To track all tasks/issues related to licensing & billing for enterprise customers","color":"14c156"},"Appsmith Business Cloud":{"name":"Appsmith Business Cloud","description":"Issues related to our business cloud offering","color":"89bb6c"},"Oracle SQL DB":{"name":"Oracle SQL DB","description":"Issues related to the Oracle plugin","color":"cbabcb"},"Community Contributor":{"name":"Community Contributor","description":"Meant to track issues that are assigned to external contributors","color":"149ab6"},"widget vertical alignment":{"name":"widget vertical alignment","description":"All issue related widget vertical alignment on the auto layout canvas","color":"d12d2e"},"Observability":{"name":"Observability","description":"Issues related to observability on the Appsmith instance","color":"dff913"},"Checkbox Component":{"name":"Checkbox Component","description":"This labels deals with checkbox component in wds package","color":"75a401"},"In-app ramps":{"name":"In-app ramps","description":"For all tasks/issues relating to adding in-app ramps in the community edition of the product","color":"8abae0"},"Analytics Improvements":{"name":"Analytics Improvements","description":"For all tasks focused on improving our overall analytics and fixing any issues ","color":"29b8ed"},"WDS team":{"name":"WDS team","description":"","color":"8d675a"},"Enterprise Edition":{"name":"Enterprise Edition","description":"Features that will be supported in Enterprise Edition only","color":"984f5e"},"Query filter":{"name":"Query filter","description":"Issues related to query filtering, e.g., WHERE clause","color":"a15134"},"Keyboard accessibility ":{"name":"Keyboard accessibility ","description":"All issue related to ADS component keyboard accessibility","color":"2ba696"},"Toggle button":{"name":"Toggle button","description":"All issue related to ADS toggle button","color":"edc47f"},"1-click upgrade":{"name":"1-click upgrade","description":"For all issues/tasks related to 1-click upgrade & downgrade project","color":"129082"},"Feature Flagging":{"name":"Feature Flagging","description":"Anything related feature flagging","color":"30c76d"},"SCIM":{"name":"SCIM","description":"Label to collate our SCIM issues","color":"61a852"},"ADS Category Token":{"name":"ADS Category Token","description":"All issues related appsmith design system category tokens","color":"920961"},"ADS Component Documentation":{"name":"ADS Component Documentation","description":"All issues Appsmith design system component documentation","color":"64c46a"},"ADS Migration":{"name":"ADS Migration","description":"All issues related to Appsmith design system migration","color":"b082d6"},"ADS Deduplication ":{"name":"ADS Deduplication ","description":"Replacing component with ADS components","color":"b082d6"},"ADS Revamp":{"name":"ADS Revamp","description":"All issues related to ads revamp. ","color":"b082d6"},"ADS Deduplication":{"name":"ADS Deduplication","description":"Replacing component with ADS components","color":"b082d6"},"ADS Grayscale":{"name":"ADS Grayscale","description":"Support grayscale color changes","color":"b03577"},"ADS Unit Test":{"name":"ADS Unit Test","description":"All issue related ads unit cases ","color":"b082d6"},"ADS Components":{"name":"ADS Components","description":"All issues related ADS components","color":"b082d6"},"Widget Discoverability":{"name":"Widget Discoverability","description":"Issues related to Widget Discoverability","color":"7b55ce"},"Widget setter method":{"name":"Widget setter method","description":"Issues with widget property setters","color":"8dce87"},"License":{"name":"License","description":"For all issues/tasks related to licensing of appsmith-ee edition","color":"90ee98"},"Templates pod":{"name":"Templates pod","description":"Issues related to Templates","color":"b7e568"},"Community template":{"name":"Community template","description":"Label for development of community templates and its integration to platform","color":"8a0510"},"DocumentDB":{"name":"DocumentDB","description":"Issues related to support DocumentDB in Appsmith Data layer","color":"2c8b56"},"Multiple Environments":{"name":"Multiple Environments","description":"Issues or tasks related to multiple environments","color":"4e972b"},"Platformization":{"name":"Platformization","description":"Issues or tasks related to platformization of Appsmith codebase","color":"4e972b"},"Activation - datasources":{"name":"Activation - datasources","description":"issues related to activation projects","color":"7c7ace"},"Partial-import-export":{"name":"Partial-import-export","description":"Label for granular reusability.","color":"1e439c"},"AI":{"name":"AI","description":"All tasks related to AI","color":"361281"},"Custom environments":{"name":"Custom environments","description":"Issues with creating or working with custom environments","color":"2137d6"},"ADS Typography":{"name":"ADS Typography","description":"All issue related typographical changes","color":"2dbe8d"},"Auto Layout":{"name":"Auto Layout","description":"Issues relates to auto layout","color":"92cf8c"},"Heroku":{"name":"Heroku","description":"Issues related to Heroku","color":"a81b69"},"ADS Visual Styles":{"name":"ADS Visual Styles","description":"All issues related to ADS visual styles","color":"d3da89"},"ADS Component Design":{"name":"ADS Component Design","description":"All issue related to component design","color":"5cc91e"},"Modal Component":{"name":"Modal Component","description":"All issue related to ads modal component","color":"ee63f3"},"App setting":{"name":"App setting","description":"Related to app settings panel within the app","color":"144206"},"BE instance":{"name":"BE instance","description":"For all issues related to license, billing on BE instance","color":"ae8f98"},"Workflows":{"name":"Workflows","description":"For all issues related to the Workflows feature","color":"ae2aa6"},"Schema":{"name":"Schema","description":"Issues related to database schema","color":"c470c2"},"AI Pod":{"name":"AI Pod","description":"Pod for all AI related tasks","color":"d18528"},"Fixed layout":{"name":"Fixed layout","description":"issues related to fixed layout","color":"b66681"},"Anvil layout":{"name":"Anvil layout","description":"issues related to the new layout system anvil","color":"722bf0"},"New Deployment Mode":{"name":"New Deployment Mode","description":"Support a new mode of deployment","color":"108033"},"Custom widgets":{"name":"Custom widgets","description":"For all issues related to the custom widget project","color":"c9db9c"},"IDE Pod":{"name":"IDE Pod","description":"https://app.zenhub.com/workspaces/new-developers-pod-60507ad1d4b98d00150a2858/board","color":"d3d248"},"TM_BU":{"name":"TM_BU","description":"The issues on Team Manager which needs to be taken up by Billing & Usage","color":"198cdf"},"Homepage Experience V2":{"name":"Homepage Experience V2","description":"Label for reporting new tasks and bug fixes related to revamped homepage experience","color":"c55d54"}},"success":true}
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index 4af1d28854..55e3511a87 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -32,7 +32,10 @@ RUN cd ./utils && npm install --only=prod && npm install --only=prod -g . && cd
   && chmod +x *.sh templates/nginx-app.conf.sh /watchtower-hooks/*.sh \
   # Disable setuid/setgid bits for the files inside container.
   && find / \( -path /proc -prune \) -o \( \( -perm -2000 -o -perm -4000 \) -print -exec chmod -s '{}' + \) || true \
-  && node prepare-image.mjs
+  && node prepare-image.mjs \
+  && mkdir -p /.mongodb/mongosh /appsmith-stacks \
+  && chmod ugo+w /etc /appsmith-stacks \
+  && chmod -R ugo+w /var/lib/nginx /var/log/nginx /var/run /usr/sbin/cron /.mongodb /etc/ssl /usr/local/share
 
 LABEL com.centurylinklabs.watchtower.lifecycle.pre-check=/watchtower-hooks/pre-check.sh
 LABEL com.centurylinklabs.watchtower.lifecycle.pre-update=/watchtower-hooks/pre-update.sh
diff --git a/README.md b/README.md
index 0dcbd00be6..9174c78f6d 100644
--- a/README.md
+++ b/README.md
@@ -93,40 +93,38 @@ Let's build great software together.
 [![ayushpahwa](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/8526215?v=4&w=50&h=50&mask=circle)](https://github.com/ayushpahwa)
 [![sneha122](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/30018882?v=4&w=50&h=50&mask=circle)](https://github.com/sneha122)
 [![ApekshaBhosale](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/7846888?v=4&w=50&h=50&mask=circle)](https://github.com/ApekshaBhosale)
-[![yatinappsmith](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/84702014?v=4&w=50&h=50&mask=circle)](https://github.com/yatinappsmith)
 [![Parthvi12](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/80334441?v=4&w=50&h=50&mask=circle)](https://github.com/Parthvi12)
+[![yatinappsmith](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/84702014?v=4&w=50&h=50&mask=circle)](https://github.com/yatinappsmith)
 [![somangshu](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/11089579?v=4&w=50&h=50&mask=circle)](https://github.com/somangshu)
 [![pratapaprasanna](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/15846947?v=4&w=50&h=50&mask=circle)](https://github.com/pratapaprasanna)
 [![pranavkanade](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/13262095?v=4&w=50&h=50&mask=circle)](https://github.com/pranavkanade)
-[![marks0351](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/35134347?v=4&w=50&h=50&mask=circle)](https://github.com/marks0351)
 [![albinAppsmith](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/87797149?v=4&w=50&h=50&mask=circle)](https://github.com/albinAppsmith)
+[![marks0351](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/35134347?v=4&w=50&h=50&mask=circle)](https://github.com/marks0351)
 [![nsarupr](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/20905988?v=4&w=50&h=50&mask=circle)](https://github.com/nsarupr)
 [![ashit-rath](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/88306433?v=4&w=50&h=50&mask=circle)](https://github.com/ashit-rath)
-[![sondermanish](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/107841575?v=4&w=50&h=50&mask=circle)](https://github.com/sondermanish)
 [![NilanshBansal](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/25542733?v=4&w=50&h=50&mask=circle)](https://github.com/NilanshBansal)
+[![sondermanish](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/107841575?v=4&w=50&h=50&mask=circle)](https://github.com/sondermanish)
+[![KelvinOm](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/11555074?v=4&w=50&h=50&mask=circle)](https://github.com/KelvinOm)
 [![dhruvikn](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/22471214?v=4&w=50&h=50&mask=circle)](https://github.com/dhruvikn)
 [![rajatagrawal](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/1189106?v=4&w=50&h=50&mask=circle)](https://github.com/rajatagrawal)
-[![KelvinOm](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/11555074?v=4&w=50&h=50&mask=circle)](https://github.com/KelvinOm)
 [![areyabhishek](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/30255708?v=4&w=50&h=50&mask=circle)](https://github.com/areyabhishek)
-[![Druthi](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/20187542?v=4&w=50&h=50&mask=circle)](https://github.com/Druthi)
 [![subrata71](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/3524599?v=4&w=50&h=50&mask=circle)](https://github.com/subrata71)
 [![ichik](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/80973?v=4&w=50&h=50&mask=circle)](https://github.com/ichik)
 [![dipyamanbiswas07](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/26247571?v=4&w=50&h=50&mask=circle)](https://github.com/dipyamanbiswas07)
 [![rahulbarwal](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/6761673?v=4&w=50&h=50&mask=circle)](https://github.com/rahulbarwal)
 [![ankitsrivas14](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/67647761?v=4&w=50&h=50&mask=circle)](https://github.com/ankitsrivas14)
 [![vsvamsi1](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/121419957?v=4&w=50&h=50&mask=circle)](https://github.com/vsvamsi1)
-[![sharanya-appsmith](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/135708039?v=4&w=50&h=50&mask=circle)](https://github.com/sharanya-appsmith)
 [![brayn003](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/8724051?v=4&w=50&h=50&mask=circle)](https://github.com/brayn003)
-[![shubham7saxena7](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/136057998?v=4&w=50&h=50&mask=circle)](https://github.com/shubham7saxena7)
-[![dvj1988](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/18716465?v=4&w=50&h=50&mask=circle)](https://github.com/dvj1988)
+[![sharanya-appsmith](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/135708039?v=4&w=50&h=50&mask=circle)](https://github.com/sharanya-appsmith)
 [![vivonk](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/25587962?v=4&w=50&h=50&mask=circle)](https://github.com/vivonk)
+[![dvj1988](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/18716465?v=4&w=50&h=50&mask=circle)](https://github.com/dvj1988)
 [![ramsaptami](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/79509062?v=4&w=50&h=50&mask=circle)](https://github.com/ramsaptami)
 [![rohan-arthur](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/94514895?v=4&w=50&h=50&mask=circle)](https://github.com/rohan-arthur)
+[![jacquesikot](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/40626453?v=4&w=50&h=50&mask=circle)](https://github.com/jacquesikot)
 [![danciaclara](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/32227135?v=4&w=50&h=50&mask=circle)](https://github.com/danciaclara)
 [![kocharrahul7](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/20532920?v=4&w=50&h=50&mask=circle)](https://github.com/kocharrahul7)
 [![riteshkew](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/20280935?v=4&w=50&h=50&mask=circle)](https://github.com/riteshkew)
 [![srix](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/5801636?v=4&w=50&h=50&mask=circle)](https://github.com/srix)
-[![jacquesikot](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/40626453?v=4&w=50&h=50&mask=circle)](https://github.com/jacquesikot)
 [![laveena-en](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/109572422?v=4&w=50&h=50&mask=circle)](https://github.com/laveena-en)
 [![RakshaKShetty](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/45958978?v=4&w=50&h=50&mask=circle)](https://github.com/RakshaKShetty)
 [![Rishabhkaul](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/1650391?v=4&w=50&h=50&mask=circle)](https://github.com/Rishabhkaul)
@@ -169,6 +167,7 @@ Let's build great software together.
 [![kavitasmoolya](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/134914630?v=4&w=50&h=50&mask=circle)](https://github.com/kavitasmoolya)
 [![NeelPattani1](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/138656126?v=4&w=50&h=50&mask=circle)](https://github.com/NeelPattani1)
 [![rashmi-sahoo-git](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/144310336?v=4&w=50&h=50&mask=circle)](https://github.com/rashmi-sahoo-git)
+[![michael-peach-appsmith](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/150825080?v=4&w=50&h=50&mask=circle)](https://github.com/michael-peach-appsmith)
 [![akash-codemonk](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/67054171?v=4&w=50&h=50&mask=circle)](https://github.com/akash-codemonk)
 [![Tooluloope](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/31691737?v=4&w=50&h=50&mask=circle)](https://github.com/Tooluloope)
 [![rishabhsaxena](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/1944800?v=4&w=50&h=50&mask=circle)](https://github.com/rishabhsaxena)
@@ -194,6 +193,7 @@ Let's build great software together.
 [![tanvibhakta](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/13763558?v=4&w=50&h=50&mask=circle)](https://github.com/tanvibhakta)
 [![rashmigowda55](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/65769804?v=4&w=50&h=50&mask=circle)](https://github.com/rashmigowda55)
 [![ankurrsinghal](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/17961105?v=4&w=50&h=50&mask=circle)](https://github.com/ankurrsinghal)
+[![Druthi](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/20187542?v=4&w=50&h=50&mask=circle)](https://github.com/Druthi)
 [![geekup-legodevops](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/72587752?v=4&w=50&h=50&mask=circle)](https://github.com/geekup-legodevops)
 [![megaconfidence](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/17744578?v=4&w=50&h=50&mask=circle)](https://github.com/megaconfidence)
 [![vihar](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/16307796?v=4&w=50&h=50&mask=circle)](https://github.com/vihar)
@@ -216,6 +216,7 @@ Let's build great software together.
 [![iamakulov](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/2953267?v=4&w=50&h=50&mask=circle)](https://github.com/iamakulov)
 [![iamrkcheers](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/16760643?v=4&w=50&h=50&mask=circle)](https://github.com/iamrkcheers)
 [![sumanthyedoti](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/30371888?v=4&w=50&h=50&mask=circle)](https://github.com/sumanthyedoti)
+[![shubham7saxena7](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/136057998?v=4&w=50&h=50&mask=circle)](https://github.com/shubham7saxena7)
 [![vaibh1297](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/40293928?v=4&w=50&h=50&mask=circle)](https://github.com/vaibh1297)
 [![vnodecg](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/4994565?v=4&w=50&h=50&mask=circle)](https://github.com/vnodecg)
 [![pc9795](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/14848874?v=4&w=50&h=50&mask=circle)](https://github.com/pc9795)
@@ -345,6 +346,7 @@ Let's build great software together.
 [![Sufiyan1997](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/22118049?v=4&w=50&h=50&mask=circle)](https://github.com/Sufiyan1997)
 [![rayrny](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/48341341?v=4&w=50&h=50&mask=circle)](https://github.com/rayrny)
 [![trishitapingolia](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/35962310?v=4&w=50&h=50&mask=circle)](https://github.com/trishitapingolia)
+[![trivikr](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/16024985?v=4&w=50&h=50&mask=circle)](https://github.com/trivikr)
 [![webdott](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/52088600?v=4&w=50&h=50&mask=circle)](https://github.com/webdott)
 [![vasanthkumar18](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/58137524?v=4&w=50&h=50&mask=circle)](https://github.com/vasanthkumar18)
 [![VanshajPoonia](https://images.weserv.nl/?url=https://avatars.githubusercontent.com/u/74147463?v=4&w=50&h=50&mask=circle)](https://github.com/VanshajPoonia)
diff --git a/app/client/cypress/e2e/Regression/Apps/MongoDBShoppingCart_spec.ts b/app/client/cypress/e2e/Regression/Apps/MongoDBShoppingCart_spec.ts
index cfc049ebdd..5092af0694 100644
--- a/app/client/cypress/e2e/Regression/Apps/MongoDBShoppingCart_spec.ts
+++ b/app/client/cypress/e2e/Regression/Apps/MongoDBShoppingCart_spec.ts
@@ -170,6 +170,7 @@ describe("Shopping cart App", function () {
     );
     agHelper.GetNClick(appPage.addButton, 0, true);
     assertHelper.AssertNetworkStatus("@postExecute");
+    agHelper.Sleep(3000);
     // Deleting the book from the cart
     agHelper.GetNClick(appPage.deleteButton, 1, false);
     assertHelper.AssertNetworkStatus("@postExecute");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/StoreValue_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/StoreValue_spec.ts
index c299e2fb70..fe1af0cca7 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/StoreValue_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/StoreValue_spec.ts
@@ -5,6 +5,8 @@ import {
   propPane,
   deployMode,
   debuggerHelper,
+  locators,
+  draggableWidgets,
 } from "../../../../support/Objects/ObjectsCore";
 
 describe("storeValue Action test", () => {
@@ -52,6 +54,9 @@ describe("storeValue Action test", () => {
     });
 
     deployMode.DeployApp();
+    agHelper.AssertElementVisibility(
+      locators._widgetInDeployed(draggableWidgets.BUTTON),
+    );
     agHelper.ClickButton("StoreTest");
     agHelper.AssertContains(
       JSON.stringify({
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithAutoLayout_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithAutoLayout_spec.ts
index c457265c23..3c5273962c 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithAutoLayout_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithAutoLayout_spec.ts
@@ -1,12 +1,15 @@
 import {
   agHelper,
-  locators,
-  entityExplorer,
-  propPane,
   appSettings,
   autoLayout,
   draggableWidgets,
+  entityExplorer,
+  locators,
+  propPane,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Validating multiple widgets in auto layout mode with App navigation settings", function () {
   it("1. Drag and Drop multiple widgets in auto layout mode", function () {
@@ -19,13 +22,13 @@ describe("Validating multiple widgets in auto layout mode with App navigation se
 
   it("2. Change App navigation settings and valdiate the layout settings", () => {
     entityExplorer.SelectEntityByName("Page1", "Pages");
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(
       appSettings.locators._navigationSettings._orientationOptions._side,
     );
     agHelper.AssertElementExist(appSettings.locators._sideNavbar);
-    agHelper.GetNClick(locators._canvas);
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     agHelper.AssertElementExist(locators._widgetInCanvas("inputwidgetv2"));
     agHelper.AssertElementExist(locators._widgetInCanvas("inputwidgetv2"), 1);
     agHelper.AssertElementExist(locators._fixedLayout);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithMultiplePages_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithMultiplePages_spec.ts
index 8b3a967e88..eca404bbac 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithMultiplePages_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/AppNavigationWithMultiplePages_spec.ts
@@ -1,18 +1,22 @@
 import {
   agHelper,
-  locators,
-  entityExplorer,
-  propPane,
-  deployMode,
   appSettings,
   autoLayout,
+  deployMode,
   draggableWidgets,
+  entityExplorer,
+  locators,
+  propPane,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 let currentUrl: string;
 
 describe("Page orientation and navigation related usecases ", function () {
   it("1. Change 'Orientation' to 'Side', sidebar should appear", () => {
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(
       appSettings.locators._navigationSettings._orientationOptions._side,
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/NavigationSettings_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/NavigationSettings_spec.ts
index fb75d971c7..0dd3e910a6 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/NavigationSettings_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/NavigationSettings_spec.ts
@@ -5,10 +5,13 @@ import {
   deployMode,
   appSettings,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Test app's navigation settings", function () {
   it("1. Open app settings and navigation tab should be there and when the navigation tab is selected, navigation preview should be visible", () => {
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.AssertElementVisibility(
       appSettings.locators._navigationSettingsTab,
     );
@@ -34,7 +37,7 @@ describe("Test app's navigation settings", function () {
     //Browser back is used as the Navbar is off and there wont be option to come back to editor
     agHelper.BrowserNavigation(-1);
     // Wait for the app to load
-    agHelper.GetNClick(appSettings.locators._appSettings, 0, true);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     // Toggle show navbar back to on
     agHelper.GetNClick(
@@ -60,7 +63,7 @@ describe("Test app's navigation settings", function () {
 
   it("4. Change 'Orientation' back to 'Top', and 'Nav style' to 'Inline', page navigation items should appear inline", () => {
     entityExplorer.AddNewPage();
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(
       appSettings.locators._navigationSettings._orientationOptions._top,
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/SidebarCollapse_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/SidebarCollapse_spec.ts
index 128d4223b1..02fb20f7c3 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/SidebarCollapse_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/SidebarCollapse_spec.ts
@@ -4,11 +4,14 @@ import {
   appSettings,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Test Sidebar Collapse", function () {
   it("1. Sidebar collapse button should be there", () => {
     // First make sure that nav orientation is set to side
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(
       appSettings.locators._navigationSettings._orientationOptions._side,
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/Sidebar_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/Sidebar_spec.ts
index e6e0b7cb4c..cb27d48722 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/Sidebar_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/Sidebar_spec.ts
@@ -6,6 +6,9 @@ import {
   assertHelper,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Test Sidebar navigation style", function () {
   before(() => {
@@ -26,7 +29,7 @@ describe("Test Sidebar navigation style", function () {
   });
 
   it("1. Change 'Orientation' to 'Side', sidebar should appear", () => {
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(
       appSettings.locators._navigationSettings._orientationOptions._side,
@@ -60,7 +63,7 @@ describe("Test Sidebar navigation style", function () {
     );
     // Changing color style to theme should change navigation's background color
     deployMode.NavigateBacktoEditor();
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(appSettings.locators._colorStyleOptions._theme, 0, true);
     deployMode.DeployApp();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopInline_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopInline_spec.ts
index 9ff0e9db70..fd23928cc1 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopInline_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopInline_spec.ts
@@ -6,6 +6,9 @@ import {
   appSettings,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Test Top + Inline navigation style", function () {
   before(() => {
@@ -27,7 +30,7 @@ describe("Test Top + Inline navigation style", function () {
   });
 
   it("1. Change 'Orientation' to 'Top', and 'Nav style' to 'Inline', page navigation items should appear inline", () => {
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(
       appSettings.locators._navigationSettings._orientationOptions._top,
@@ -101,7 +104,7 @@ describe("Test Top + Inline navigation style", function () {
     );
     // Changing color style to theme should change navigation's background color
     deployMode.NavigateBacktoEditor();
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(appSettings.locators._colorStyleOptions._theme, 0, true);
     deployMode.DeployApp();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopStacked_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopStacked_spec.ts
index 1cf689aeaa..c388017a4b 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopStacked_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/AppNavigation/TopStacked_spec.ts
@@ -6,6 +6,9 @@ import {
   appSettings,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Test Top + Stacked navigation style", function () {
   before(() => {
@@ -124,7 +127,7 @@ describe("Test Top + Stacked navigation style", function () {
     );
     // Changing color style to theme should change navigation's background color
     deployMode.NavigateBacktoEditor();
-    agHelper.GetNClick(appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     agHelper.GetNClick(appSettings.locators._navigationSettingsTab);
     agHelper.GetNClick(appSettings.locators._colorStyleOptions._theme, 0, true);
     deployMode.DeployApp();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Autocomplete_setters_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Autocomplete_setters_spec.ts
index 2f23daf1c4..a9ab1ac4a7 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Autocomplete_setters_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Autocomplete_setters_spec.ts
@@ -80,4 +80,29 @@ describe("Autocomplete tests for setters", () => {
     propPane.EnterJSContext("onClick", "{{Input1.set", true, false);
     agHelper.GetElementsNAssertTextPresence(locators._hints, "setDisabled");
   });
+
+  it("3. function arguments hint shows up", () => {
+    entityExplorer.SelectEntityByName("Button1");
+    propPane.EnterJSContext("onClick", "{{", true, false);
+    agHelper.GetNClickByContains(locators._hints, "appsmith", 0, false);
+    agHelper.AssertElementVisibility(locators._evalValuePopover);
+    propPane.EnterJSContext("onClick", "{{showAlert", true, false);
+    agHelper.GetElementsNAssertTextPresence(locators._hints, "showAlert");
+    agHelper.AssertElementAbsence(locators._evalValuePopover);
+    agHelper.GetNClickByContains(locators._hints, "showAlert", 0, false);
+    agHelper.GetNAssertElementText(
+      locators._argHintFnName,
+      "showAlert",
+      "contain.text",
+    );
+    agHelper.AssertElementAbsence(locators._evalValuePopover);
+  });
+
+  it("4. function description tooltip shows up", () => {
+    entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON, 100, 100);
+    entityExplorer.SelectEntityByName("Button1");
+    propPane.EnterJSContext("onClick", "{{showAlert", true, false);
+    agHelper.GetElementsNAssertTextPresence(locators._hints, "showAlert");
+    agHelper.AssertElementExist(locators._tern_doc);
+  });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Bugs_AC_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Bugs_AC_Spec.ts
index 2dbf74a72e..e0532155c0 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Bugs_AC_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/Bugs_AC_Spec.ts
@@ -8,6 +8,9 @@ import {
   installer,
   draggableWidgets,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Autocomplete bug fixes", function () {
   it("1. Bug #12790 Verifies if selectedRow is in best match", function () {
@@ -90,10 +93,11 @@ describe("Autocomplete bug fixes", function () {
     "excludeForAirgap",
     "7. Installed library should show up in autocomplete",
     function () {
-      entityExplorer.ExpandCollapseEntity("Libraries");
+      EditorNavigation.ViaSidebar(SidebarButton.Libraries);
       installer.OpenInstaller();
       installer.InstallLibrary("uuidjs", "UUID");
       installer.CloseInstaller();
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.SelectEntityByName("Text1");
       propPane.TypeTextIntoField("Text", "{{UUI");
       agHelper.GetNAssertElementText(locators._hints, "UUID");
@@ -105,7 +109,9 @@ describe("Autocomplete bug fixes", function () {
     "8. No autocomplete for Removed libraries",
     function () {
       entityExplorer.RenameEntityFromExplorer("Text1Copy", "UUIDTEXT");
+      EditorNavigation.ViaSidebar(SidebarButton.Libraries);
       installer.uninstallLibrary("uuidjs");
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       propPane.TypeTextIntoField("Text", "{{UUID.");
       agHelper.AssertElementAbsence(locators._hints);
     },
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/autocomplete_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/autocomplete_spec.js
index dd0150501e..d4d1e445f6 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/autocomplete_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Autocomplete/autocomplete_spec.js
@@ -38,28 +38,7 @@ describe("Dynamic input autocomplete", () => {
         cy.testJsontext("label", "", {
           parseSpecialCharSequences: true,
         });
-        // Tests if "No suggestions" message will pop if you type any garbage
-        cy.get(dynamicInputLocators.input)
-          .first()
-          .click({ force: true })
-          .type("{uparrow}", { parseSpecialCharSequences: true })
-          .type("{ctrl}{shift}{downarrow}", { parseSpecialCharSequences: true })
-          .type("{backspace}", { parseSpecialCharSequences: true })
-
-          .then(() => {
-            cy.get(dynamicInputLocators.input)
-              .first()
-              .click({ force: true })
-              .type("{{garbage", {
-                parseSpecialCharSequences: true,
-              });
-            cy.get(".CodeMirror-Tern-tooltip").should(
-              "have.text",
-              "No suggestions",
-            );
-          });
       });
-    cy.evaluateErrorMessage("garbage is not defined");
   });
 
   it("2. Test if action inside non event field throws error & open current value popup", () => {
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Binding/ButtonWidgets_NavigateTo_validation_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Binding/ButtonWidgets_NavigateTo_validation_spec.js
index 8c65268747..bdfb7ee555 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Binding/ButtonWidgets_NavigateTo_validation_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Binding/ButtonWidgets_NavigateTo_validation_spec.js
@@ -32,7 +32,5 @@ describe("Binding the button Widgets and validating NavigateTo Page functionalit
       locators._widgetInDeployed(draggableWidgets.BUTTON),
     );
     cy.url().should("contain", testdata.externalPage);
-
-
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/ApiBugs_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/ApiBugs_Spec.ts
index a320a1c4ad..974f21de8d 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/ApiBugs_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/ApiBugs_Spec.ts
@@ -17,6 +17,9 @@ import {
   ERROR_ACTION_EXECUTE_FAIL,
   createMessage,
 } from "../../../../support/Objects/CommonErrorMessages";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("API Bugs", function () {
   before(() => {
@@ -60,6 +63,7 @@ describe("API Bugs", function () {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("3. Bug 18876 Ensures application does not crash when saving datasource", () => {
@@ -71,7 +75,7 @@ describe("API Bugs", function () {
     );
     apiPage.SelectPaneTab("Authentication");
     cy.get(apiPage._saveAsDS).last().click({ force: true });
-    cy.get(".t--close-editor").click({ force: true });
+    cy.go("back");
     cy.get(dataSources._datasourceModalSave).click();
     // ensures app does not crash and datasource is saved.
     cy.contains("Edit datasource to access authentication settings").should(
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug14987_spec.js b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug14987_spec.js
index 81d712d999..5de1d4130c 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug14987_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug14987_spec.js
@@ -52,6 +52,6 @@ describe("Verify setting tab form controls not to have tooltip and tooltip (unde
       action: "Delete",
       entityType: entityItems.Query,
     });
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, 200);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, 200);
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug18035_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug18035_Spec.ts
index b2b461aafa..dce568310a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug18035_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug18035_Spec.ts
@@ -1,4 +1,7 @@
 import { ObjectsRegistry } from "../../../../support/Objects/Registry";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 const dataSources = ObjectsRegistry.DataSources,
   agHelper = ObjectsRegistry.AggregateHelper;
@@ -10,7 +13,7 @@ describe(
     it("1. Create gsheet datasource, click on back button, discard popup should contain save and authorize", function () {
       dataSources.NavigateToDSCreateNew();
       dataSources.CreatePlugIn("Google Sheets");
-      agHelper.GoBack();
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       agHelper.AssertContains(
         "Save & Authorize",
         "exist",
@@ -22,7 +25,7 @@ describe(
       dataSources.CreatePlugIn("PostgreSQL");
       // Need to add values since without that, going back won't show any popup
       dataSources.FillPostgresDSForm();
-      agHelper.GoBack();
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       agHelper.AssertContains(
         "Save",
         "exist",
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug21734_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug21734_Spec.ts
index 1eab4b0c88..13ccd5a95a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug21734_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug21734_Spec.ts
@@ -1,4 +1,7 @@
 import { ObjectsRegistry } from "../../../../support/Objects/Registry";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 const dataSources = ObjectsRegistry.DataSources,
   agHelper = ObjectsRegistry.AggregateHelper,
@@ -11,14 +14,16 @@ describe("Bug 21734: On exiting from the Datasources page without saving changes
     // Have to fill form since modal won't show for empty ds
     dataSources.FillMongoDSForm();
 
-    ee.AddNewPage();
+    agHelper.GetNClick(dataSources._addNewDataSource, 0, true);
 
     agHelper.AssertContains(
       "Don't save",
       "exist",
       dataSources._datasourceModalDoNotSave,
     );
-    cy.get(dataSources._datasourceModalDoNotSave).click();
+    cy.get(dataSources._datasourceModalDoNotSave).click({ force: true });
+
+    ee.AddNewPage();
 
     ee.SelectEntityByName("Page1");
     agHelper.AssertURL("page1");
@@ -32,13 +37,14 @@ describe("Bug 21734: On exiting from the Datasources page without saving changes
     // Have to fill form since modal won't show for empty ds
     dataSources.FillPostgresDSForm();
 
-    ee.SelectEntityByName("Page1");
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     agHelper.AssertContains(
       "Don't save",
       "exist",
       dataSources._datasourceModalDoNotSave,
     );
     cy.get(dataSources._datasourceModalDoNotSave).click();
+    ee.SelectEntityByName("Page1");
     agHelper.AssertURL("page1");
 
     ee.SelectEntityByName("Page2");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug26716_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug26716_Spec.ts
index 88c20a7c80..8de0bed392 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug26716_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug26716_Spec.ts
@@ -1,5 +1,4 @@
 import {
-  agHelper,
   dataSources,
   entityExplorer,
 } from "../../../../support/Objects/ObjectsCore";
@@ -23,29 +22,13 @@ describe(
           cy.get("@dsName").then(($dsName) => {
             dsName = $dsName;
             // Select Users
-            entityExplorer.SelectEntityByName(userMock, "Datasources");
-            agHelper.Sleep(200);
-            agHelper.AssertClassExists(
-              dataSources._entityExplorerID(userMock),
-              "active",
-            );
+            dataSources.navigateToDatasource(userMock);
 
             // Switch to Movies
-            entityExplorer.SelectEntityByName(movieMock, "Datasources");
-            agHelper.Sleep(200);
-            agHelper.AssertClassExists(
-              dataSources._entityExplorerID(movieMock),
-              "active",
-            );
+            dataSources.navigateToDatasource(movieMock);
 
             // Switch to custom DS
-            entityExplorer.SelectEntityByName(dsName, "Datasources");
-            entityExplorer.ExpandCollapseEntity(dsName, false);
-            agHelper.Sleep(200);
-            agHelper.AssertClassExists(
-              dataSources._entityExplorerID(dsName),
-              "active",
-            );
+            dataSources.navigateToDatasource(dsName);
 
             // Delete all datasources
             entityExplorer.ActionContextMenuByEntityName({
@@ -61,9 +44,9 @@ describe(
               action: "Delete",
             });
 
-            dataSources.DeleteDatasouceFromActiveTab(userMock);
-            dataSources.DeleteDatasouceFromActiveTab(movieMock);
-            dataSources.DeleteDatasouceFromActiveTab(dsName);
+            dataSources.DeleteDatasourceFromWithinDS(userMock);
+            dataSources.DeleteDatasourceFromWithinDS(movieMock);
+            dataSources.DeleteDatasourceFromWithinDS(dsName);
           });
         });
       });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28731_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28731_Spec.ts
new file mode 100644
index 0000000000..c7fc42f397
--- /dev/null
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28731_Spec.ts
@@ -0,0 +1,41 @@
+import OneClickBindingLocator from "../../../../locators/OneClickBindingLocator";
+import {
+  agHelper,
+  entityExplorer,
+  apiPage,
+  dataManager,
+  draggableWidgets,
+  propPane,
+} from "../../../../support/Objects/ObjectsCore";
+
+describe("transformed one-click binding", function () {
+  before(() => {
+    entityExplorer.NavigateToSwitcher("Explorer");
+  });
+
+  it("Transforms API data to match widget exppected type ", function () {
+    // Create anAPI that mreturns object response
+    apiPage.CreateAndFillApi(
+      dataManager.dsValues[dataManager.defaultEnviorment].mockApiObjectUrl,
+    );
+    apiPage.RunAPI();
+
+    // Table
+    entityExplorer.DragDropWidgetNVerify(draggableWidgets.TABLE, 300, 300);
+
+    agHelper.GetNClick(OneClickBindingLocator.datasourceDropdownSelector);
+    agHelper.GetNClick(OneClickBindingLocator.datasourceQuerySelector("Api1"));
+    propPane.ToggleJSMode("Table Data", true);
+    agHelper.AssertContains("{{Api1.data.users}}");
+
+    // Select widget
+    entityExplorer.DragDropWidgetNVerify(draggableWidgets.SELECT, 100, 100);
+
+    agHelper.GetNClick(OneClickBindingLocator.datasourceDropdownSelector);
+    agHelper.GetNClick(OneClickBindingLocator.datasourceQuerySelector("Api1"));
+    propPane.ToggleJSMode("Source Data", true);
+    agHelper.AssertContains(
+      "{{Api1.data.users.map( (obj) =>{ return  {'label': obj.address, 'value': obj.avatar } })}}",
+    );
+  });
+});
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28750_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28750_Spec.ts
new file mode 100644
index 0000000000..971849a204
--- /dev/null
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28750_Spec.ts
@@ -0,0 +1,24 @@
+import { agHelper, dataSources } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
+
+describe("Datasource structure schema preview data", () => {
+  before(() => {
+    featureFlagIntercept({ ab_gsheet_schema_enabled: true });
+    dataSources.CreateMockDB("Users");
+  });
+
+  it(
+    "excludeForAirgap",
+    "1. Verify if the schema table accordions is collapsed in case of search",
+    () => {
+      agHelper.TypeText(
+        dataSources._datasourceStructureSearchInput,
+        "public.us",
+      );
+      agHelper.Sleep(1000);
+      agHelper.AssertElementAbsence(
+        `${dataSources._dsStructurePreviewMode} ${dataSources._datasourceSchemaColumn}`,
+      );
+    },
+  );
+});
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28764_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28764_Spec.ts
new file mode 100644
index 0000000000..d2759c4ae6
--- /dev/null
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug28764_Spec.ts
@@ -0,0 +1,74 @@
+import {
+  agHelper,
+  locators,
+  entityExplorer,
+  jsEditor,
+} from "../../../../support/Objects/ObjectsCore";
+
+describe("JS Function Execution", function () {
+  before(() => {
+    entityExplorer.NavigateToSwitcher("Explorer");
+  });
+
+  it("Retains lint errors after navigation", function () {
+    // JS Object 1
+    jsEditor.CreateJSObject(
+      `export default {
+          myVar1: [],
+          myVar2: {},
+          myFun1 () {
+              //	write code here
+              //	this.myVar1 = [1,2,3]
+          },
+          async myFun2 () {
+              //	use async-await or promises
+              //	Lint Error
+              fff
+          }
+      }`,
+      {
+        paste: true,
+        completeReplace: true,
+        toRun: false,
+        shouldCreateNewJSObj: true,
+        prettify: false,
+      },
+    );
+    // JS Object 2
+    jsEditor.CreateJSObject(
+      `export default {
+          myVar1: [],
+          myVar2: {},
+          myFun1 () {
+              //	write code here
+              //	this.myVar1 = [1,2,3]
+          },
+          async myFun2 () {
+              //	use async-await or promises
+          }
+      }`,
+      {
+        paste: true,
+        completeReplace: true,
+        toRun: false,
+        shouldCreateNewJSObj: true,
+        prettify: false,
+      },
+    );
+
+    entityExplorer.SelectEntityByName("JSObject1", "Queries/JS");
+    // Assert lint error
+    agHelper.AssertElementLength(locators._lintErrorElement, 1);
+    agHelper.HoverElement(locators._lintErrorElement);
+    agHelper.AssertContains(`'fff' is not defined`);
+
+    entityExplorer.SelectEntityByName("JSObject2", "Queries/JS");
+    agHelper.AssertElementAbsence(locators._lintErrorElement);
+
+    entityExplorer.SelectEntityByName("JSObject1", "Queries/JS");
+    // Assert lint error
+    agHelper.AssertElementLength(locators._lintErrorElement, 1);
+    agHelper.HoverElement(locators._lintErrorElement);
+    agHelper.AssertContains(`'fff' is not defined`);
+  });
+});
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug9334_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug9334_Spec.ts
index 540d3eb044..9061619eca 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug9334_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Bug9334_Spec.ts
@@ -7,6 +7,9 @@ import {
   appSettings,
   entityExplorer,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let dsName: any;
 
@@ -17,6 +20,7 @@ describe("Bug 9334: The Select widget value is sent as null when user switches b
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. Create dummy pages for navigating", () => {
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/DSDiscardBugs_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/DSDiscardBugs_spec.ts
index c02e3abdd2..acaee673da 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/DSDiscardBugs_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/DSDiscardBugs_spec.ts
@@ -1,4 +1,7 @@
 import * as _ from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let dsName: any;
 
@@ -18,9 +21,9 @@ describe("datasource unsaved changes popup shows even without changes", function
       _.dataSources.SaveDatasource();
       _.agHelper.Sleep();
       _.dataSources.EditDatasource();
-      _.agHelper.GoBack();
+      _.dataSources.cancelDSEditAndAssertModalPopUp(false);
       _.agHelper.AssertElementVisibility(_.dataSources._activeDS);
-      _.dataSources.DeleteDatasouceFromActiveTab(dsName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -42,9 +45,9 @@ describe("datasource unsaved changes popup shows even without changes", function
       // Even if headers, and query parameters are being initialized, we shouldnt see the popup
       // as those are not initialized by user
       _.dataSources.EditDatasource();
-      _.agHelper.GoBack();
+      _.dataSources.cancelDSEditAndAssertModalPopUp(false);
       _.agHelper.AssertElementVisibility(_.dataSources._activeDS);
-      _.dataSources.DeleteDatasouceFromActiveTab(dsName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -68,7 +71,7 @@ describe("datasource unsaved changes popup shows even without changes", function
       // Assert that popup is visible
       _.dataSources.SaveDSFromDialog(false);
 
-      _.dataSources.DeleteDatasouceFromActiveTab(dsName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -92,7 +95,7 @@ describe("datasource unsaved changes popup shows even without changes", function
       // Assert that popup is visible
       _.dataSources.cancelDSEditAndAssertModalPopUp(true, false);
 
-      _.dataSources.DeleteDatasouceFromActiveTab(dsName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -115,7 +118,7 @@ describe("datasource unsaved changes popup shows even without changes", function
       // Assert that popup is visible
       _.dataSources.cancelDSEditAndAssertModalPopUp(false, false);
 
-      _.dataSources.DeleteDatasouceFromActiveTab(dsName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -148,8 +151,14 @@ describe("datasource unsaved changes popup shows even without changes", function
         _.dataSources._host(),
         _.dataManager.dsValues.Staging.mongo_host,
       );
+      _.agHelper.GetNClick(
+        _.dataSources._cancelEditDatasourceButton,
+        0,
+        true,
+        200,
+      );
 
-      _.dataSources.DeleteDatasouceFromActiveTab(dsName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts
index 7b8e8cf46d..2ca51d6979 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts
@@ -5,11 +5,19 @@ import {
   entityExplorer,
   homePage,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 let guid;
 let dataSourceName: string;
 describe("Datasource form related tests", function () {
   before(() => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     homePage.CreateNewWorkspace("FetchSchemaOnce", true);
     homePage.CreateAppInWorkspace("FetchSchemaOnce");
   });
@@ -19,7 +27,6 @@ describe("Datasource form related tests", function () {
     cy.get("@guid").then((uid) => {
       guid = uid;
       dataSourceName = "Postgres " + guid;
-      entityExplorer.ExpandCollapseEntity("Datasources");
       dataSources.NavigateToDSCreateNew();
       dataSources.CreatePlugIn("PostgreSQL");
       agHelper.RenameWithInPane(dataSourceName, false);
@@ -42,12 +49,11 @@ describe("Datasource form related tests", function () {
 
   it("2. Verify if schema was fetched once #18448", () => {
     agHelper.RefreshPage();
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dataSourceName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dataSourceName);
+    dataSources.navigateToDatasource(dataSourceName);
     agHelper.Sleep(1500);
     agHelper.VerifyCallCount(`@getDatasourceStructure`, 1);
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
+    entityExplorer.SelectEntityByName("Query1");
     agHelper.ActionContextMenuWithInPane({
       action: "Delete",
       entityType: entityItems.Query,
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/GitBugs_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/GitBugs_Spec.ts
index 6234eb0e30..bfb96f3090 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/GitBugs_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/GitBugs_Spec.ts
@@ -1,4 +1,7 @@
 import * as _ from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let repoName: any;
 let tempBranch: any;
@@ -81,12 +84,11 @@ describe("Git Bugs", function () {
     _.gitSync.CreateGitBranch(`st`, true);
     cy.get("@gitbranchName").then((branchName) => {
       statusBranch = branchName;
-      _.agHelper.GetNClick(_.locators._appEditMenuBtn);
-      // cy.wait(_.locators._appEditMenu);
-      _.agHelper.GetNClick(_.locators._appEditMenuSettings);
+      EditorNavigation.ViaSidebar(SidebarButton.Settings);
       _.agHelper.GetNClick(_.locators._appThemeSettings);
       _.agHelper.GetNClick(_.locators._appChangeThemeBtn, 0, true);
       _.agHelper.GetNClick(_.locators._appThemeCard, 2);
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       _.agHelper.GetNClick(_.locators._publishButton);
       _.agHelper.WaitUntilEleAppear(_.gitSync._gitStatusChanges);
       _.agHelper.AssertContains(
@@ -95,11 +97,10 @@ describe("Git Bugs", function () {
         _.gitSync._gitStatusChanges,
       );
       _.agHelper.GetNClick(_.locators._dialogCloseButton);
-      _.agHelper.GetNClick(_.locators._appEditMenuBtn);
-      // cy.wait(_.locators._appEditMenu);
-      _.agHelper.GetNClick(_.locators._appEditMenuSettings);
+      EditorNavigation.ViaSidebar(SidebarButton.Settings);
       _.agHelper.GetNClick(_.locators._appNavigationSettings);
       _.agHelper.GetNClick(_.locators._appNavigationSettingsShowTitle);
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       _.agHelper.GetNClick(_.locators._publishButton);
       _.agHelper.WaitUntilEleAppear(_.gitSync._gitStatusChanges);
       _.agHelper.AssertContains(
@@ -116,10 +117,10 @@ describe("Git Bugs", function () {
     _.gitSync.CreateGitBranch(`b24946`, true);
     cy.get("@gitbranchName").then((branchName) => {
       statusBranch = branchName;
-      _.agHelper.GetNClick(_.locators._appEditMenuBtn);
-      _.agHelper.GetNClick(_.locators._appEditMenuSettings);
+      EditorNavigation.ViaSidebar(SidebarButton.Settings);
       _.agHelper.GetNClick(_.locators._appNavigationSettings);
       _.agHelper.GetNClick(_.locators._appNavigationSettingsShowTitle);
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       _.agHelper.GetNClick(_.locators._publishButton);
       _.agHelper.WaitUntilEleAppear(_.gitSync._gitStatusChanges);
       _.agHelper.GetNClick(_.gitSync._discardChanges);
@@ -146,7 +147,7 @@ describe("Git Bugs", function () {
   it("7. Bug 24920: Not able to discard app settings changes for the first time in git connected app ", function () {
     _.gitSync.SwitchGitBranch("master", false, true);
     // add navigation settings changes
-    _.agHelper.GetNClick(_.appSettings.locators._appSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
     _.agHelper.GetNClick(_.appSettings.locators._navigationSettingsTab);
     _.agHelper.GetNClick(
       _.appSettings.locators._navigationSettings._orientationOptions._side,
diff --git a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Moment_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Moment_Spec.ts
index 57c3edc845..75eb985c64 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/BugTests/Moment_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/BugTests/Moment_Spec.ts
@@ -121,7 +121,6 @@ describe("Bug #14299 - The data from the query does not show up on the widget",
       agHelper.WaitUntilAllToastsDisappear();
       deployMode.DeployApp(locators._widgetInDeployed("tablewidget"), false);
       deployMode.NavigateBacktoEditor();
-      entityExplorer.ExpandCollapseEntity("Datasources");
       dataSources.DeleteDatasourceFromWithinDS(dsName, 200);
     },
   );
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Debugger/Query_pane_navigation.ts b/app/client/cypress/e2e/Regression/ClientSide/Debugger/Query_pane_navigation.ts
index d2fddc1e9a..134cb5934a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Debugger/Query_pane_navigation.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Debugger/Query_pane_navigation.ts
@@ -8,6 +8,9 @@ import {
   entityItems,
   debuggerHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("excludeForAirgap", "Query pane navigation", () => {
   let ds1Name: string;
@@ -27,6 +30,7 @@ describe("excludeForAirgap", "Query pane navigation", () => {
     cy.get("@dsName").then(($dsName) => {
       ds2Name = $dsName as unknown as string;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. Switching between S3 query and firestore query from the debugger", () => {
@@ -46,6 +50,7 @@ describe("excludeForAirgap", "Query pane navigation", () => {
     cy.get("@dsName").then(($dsName) => {
       ds2Name = $dsName as unknown as string;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     entityExplorer.CreateNewDsQuery(ds2Name);
     agHelper.UpdateCodeInput(
       ".t--actionConfiguration\\.formData\\.limitDocuments\\.data",
@@ -77,7 +82,7 @@ describe("excludeForAirgap", "Query pane navigation", () => {
       entityType: entityItems.Query,
     });
 
-    dataSources.DeleteDSFromEntityExplorer(ds1Name);
-    dataSources.DeleteDSFromEntityExplorer(ds2Name);
+    dataSources.DeleteDatasourceFromWithinDS(ds1Name);
+    dataSources.DeleteDatasourceFromWithinDS(ds2Name);
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/API_Pane_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/API_Pane_spec.js
index 230c7d22dd..e2e1afb5f5 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/API_Pane_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/API_Pane_spec.js
@@ -24,18 +24,9 @@ describe("Entity explorer API pane related testcases", function () {
       locator._visibleTextSpan("No query/JS to display"),
     );
     agHelper.AssertElementVisibility(locator._visibleTextSpan("New query/JS"));
-
-    ee.ExpandCollapseEntity("Datasources");
-    agHelper.AssertElementVisibility(
-      locator._visibleTextSpan("No datasource to display"),
-    );
-    agHelper.AssertElementVisibility(
-      locator._visibleTextSpan("New datasource"),
-    );
   });
 
   it("2. Move to page / edit API name /properties validation", function () {
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("FirstAPI");
     cy.enterDatasourceAndPath(testdata.baseUrl, testdata.methods);
     cy.SaveAndRunAPI();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/CopyQuery_RenameDatasource_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/CopyQuery_RenameDatasource_spec.js
index 58b3dc1991..57adfde6c8 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/CopyQuery_RenameDatasource_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/CopyQuery_RenameDatasource_spec.js
@@ -28,7 +28,6 @@ describe("Entity explorer tests related to copy query", function () {
 
     cy.get("@saveDatasource").then((httpResponse) => {
       datasourceName = httpResponse.response.body.data.name;
-      cy.CheckAndUnfoldEntityItem("Datasources");
       cy.NavigateToActiveDSQueryPane(datasourceName);
     });
 
@@ -83,37 +82,4 @@ describe("Entity explorer tests related to copy query", function () {
       expect($lis.eq(4)).to.contain("{{Query1.clear()}}");
     });
   });
-
-  it("3. Rename datasource in explorer, Delete query and try to Delete datasource", function () {
-    entityExplorer.SelectEntityByName("Page1");
-    cy.generateUUID().then((uid) => {
-      updatedName = uid;
-      cy.log("complete uid :" + updatedName);
-      updatedName = uid.replace(/-/g, "_").slice(1, 15);
-      cy.log("sliced id :" + updatedName);
-      entityExplorer.ExpandCollapseEntity("Queries/JS");
-      entityExplorer.ExpandCollapseEntity("Datasources");
-      entityExplorer.RenameEntityFromExplorer(datasourceName, updatedName);
-      //cy.EditEntityNameByDoubleClick(datasourceName, updatedName);
-      cy.wait(1000);
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: updatedName,
-        action: "Delete",
-        toAssertAction: false,
-      });
-      cy.wait(1000);
-      //This is check to make sure if a datasource is active 409
-      cy.wait("@deleteDatasource").should(
-        "have.nested.property",
-        "response.body.responseMeta.status",
-        409,
-      );
-    });
-    entityExplorer.SelectEntityByName("Query1", "Queries/JS");
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: "Query1",
-      action: "Delete",
-      entityType: entityItems.Query,
-    });
-  });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Datasource_Structure_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Datasource_Structure_spec.js
deleted file mode 100644
index 1b4607bf2a..0000000000
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Datasource_Structure_spec.js
+++ /dev/null
@@ -1,125 +0,0 @@
-const explorer = require("../../../../locators/explorerlocators.json");
-const queryLocators = require("../../../../locators/QueryEditor.json");
-const apiwidget = require("../../../../locators/apiWidgetslocator.json");
-import {
-  entityExplorer,
-  dataSources,
-} from "../../../../support/Objects/ObjectsCore";
-
-describe("Entity explorer datasource structure", function () {
-  let datasourceName;
-
-  beforeEach(() => {
-    //cy.ClearSearch();
-    cy.startRoutesForDatasource();
-    cy.createPostgresDatasource();
-    cy.get("@saveDatasource").then((httpResponse) => {
-      datasourceName = httpResponse.response.body.data.name;
-    });
-  });
-
-  it("1. Entity explorer datasource structure", function () {
-    cy.NavigateToActiveDSQueryPane(datasourceName);
-    cy.wait("@createNewApi").should(
-      "have.nested.property",
-      "response.body.responseMeta.status",
-      201,
-    );
-
-    cy.get(apiwidget.apiTxt)
-      .clear()
-      .type("MyQuery", { force: true })
-      .should("have.value", "MyQuery")
-      .blur();
-    cy.WaitAutoSave();
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: datasourceName,
-      action: "Refresh",
-    });
-    cy.wait(2000); //for the tables to open
-    cy.wait("@getDatasourceStructure").should(
-      "have.nested.property",
-      "response.body.responseMeta.status",
-      200,
-    );
-
-    // cy.get(explorer.datasourceStructure)
-    //   .first()
-    //   .find(explorer.collapse)
-    //   .click();
-    // cy.get(explorer.datasourceColumn)
-    //   .first()
-    //   .click();
-    // cy.get(".bp3-popover-content").should("be.visible");
-
-    cy.get(explorer.templateMenuIcon).first().click({ force: true });
-    // assert suggested tag is present
-    cy.get(".t--structure-template-menu-popover").last().contains("Suggested");
-    cy.get(".t--structure-template-menu-popover")
-      .last()
-      .contains("Select")
-      .click({ force: true });
-    cy.wait("@createNewApi").should(
-      "have.nested.property",
-      "response.body.responseMeta.status",
-      201,
-    );
-
-    cy.deleteQueryUsingContext();
-    entityExplorer.ExpandCollapseEntity("Queries/JS");
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: "MyQuery",
-    });
-    cy.deleteDatasource(datasourceName);
-  });
-
-  it("2. Refresh datasource structure", function () {
-    cy.NavigateToActiveDSQueryPane(datasourceName);
-
-    //cy.GlobalSearchEntity(datasourceName);
-    // cy.get(`.t--entity.datasource:contains(${datasourceName})`)
-    //   .find(explorer.collapse)
-    //   .as("datasourceEntityCollapse");
-    // cy.wait("@getDatasourceStructure").should(
-    //   "have.nested.property",
-    //   "response.body.responseMeta.status",
-    //   200,
-    // );
-    //cy.get(commonlocators.entityExplorersearch).clear({ force: true });
-
-    const tableName = Math.random()
-      .toString(36)
-      .replace(/[^a-z]+/g, "");
-    dataSources.EnterQuery(`CREATE TABLE public.${tableName} ( ID int );`);
-    cy.onlyQueryRun();
-    cy.wait("@postExecute").then(({ response }) => {
-      expect(response.body.data.request.requestParams.Query.value).to.contain(
-        tableName,
-      );
-    });
-
-    //cy.wait(8000)
-    // cy.GlobalSearchEntity(datasourceName);
-    // cy.get("@datasourceEntityCollapse")
-    //   .first()
-    //   .click();
-    // cy.xpath(explorer.datsourceEntityPopover)
-    //   .last()
-    //   .click({ force: true });
-    dataSources.AssertTableInVirtuosoList(
-      datasourceName,
-      `public.${tableName}`,
-    );
-
-    cy.typeValueNValidate(`DROP TABLE public.${tableName}`);
-    cy.runQuery();
-    dataSources.AssertTableInVirtuosoList(
-      datasourceName,
-      `public.${tableName}`,
-      false,
-    );
-    cy.deleteQueryUsingContext();
-    cy.deleteDatasource(datasourceName);
-  });
-});
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js
index fed3471386..8807fe4685 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Entity_Naming_conflict_spec.js
@@ -11,8 +11,6 @@ describe("Tab widget test", function () {
 
   it("1. Rename API with table widget name validation test", function () {
     cy.log("Login Successful");
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     cy.CreateApiAndValidateUniqueEntityName(apiName);
     cy.get(apiwidget.apiTxt)
       .clear()
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Long_Name_Tooltip_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Long_Name_Tooltip_spec.js
index 0d539be0b6..597c07311a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Long_Name_Tooltip_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Long_Name_Tooltip_spec.js
@@ -9,7 +9,6 @@ const tooltTipQuery = `.rc-tooltip.ads-v2-tooltip:not(.rc-tooltip-hidden) > .rc-
 describe("Entity Explorer showing tooltips on long names", function () {
   it("1. Expect tooltip on long names only", function () {
     // create an API with a short name
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI(shortName);
     ee.ExpandCollapseEntity("Queries/JS", true);
     // assert that a tooltip does not show up during hover
@@ -19,7 +18,6 @@ describe("Entity Explorer showing tooltips on long names", function () {
     cy.get("body").realHover({ position: "topLeft" });
 
     // create another API with a long name
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI(longName);
 
     // assert that a tooltip does show up during hover
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pages_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pages_spec.js
index 2b56f720cc..17f0972a58 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pages_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pages_spec.js
@@ -8,7 +8,6 @@ describe("Pages", function () {
   let apiName = "someApi";
 
   it("1. Clone page & check tooltip for long name", function () {
-    //cy.NavigateToAPI_Panel();
     _.apiPage.CreateApi(apiName);
     _.entityExplorer.SelectEntityByName("Page1", "Pages");
     _.entityExplorer.ClonePage("Page1");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pin_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pin_spec.js
deleted file mode 100644
index 3269a17033..0000000000
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Pin_spec.js
+++ /dev/null
@@ -1,147 +0,0 @@
-import {
-  agHelper,
-  entityExplorer,
-  locators,
-  draggableWidgets,
-  installer,
-  homePage,
-} from "../../../../support/Objects/ObjectsCore";
-
-const ExplorerMenu = {
-  ADD_PAGE: "ADD_PAGE",
-  ENTITY: "ENTITY",
-  ADD_LIBRARY: "ADD_LIBRARY",
-  ADD_QUERY_JS: "ADD_QUERY_JS",
-};
-
-const OpenExplorerMenu = (menu) => {
-  switch (menu) {
-    case ExplorerMenu.ADD_PAGE:
-      agHelper.GetNClick(locators._newPage);
-      cy.get(locators._canvas).trigger("mousemove", 500, 400, {
-        force: true,
-      });
-      break;
-    case ExplorerMenu.ENTITY:
-      cy.xpath(entityExplorer._contextMenu("Page1"))
-        .last()
-        .click({ force: true });
-      cy.get(locators._canvas).trigger("mousemove", 500, 400, {
-        force: true,
-      });
-      break;
-    case ExplorerMenu.ADD_QUERY_JS:
-      cy.get(locators._createNew).last().click({ force: true });
-      cy.get(locators._canvas).trigger("mousemove", 500, 300, {
-        force: true,
-      });
-      break;
-    case ExplorerMenu.ADD_LIBRARY:
-      installer.OpenInstaller(true);
-      cy.get(locators._canvas).trigger("mousemove", 500, 100, {
-        force: true,
-      });
-      break;
-    default:
-  }
-};
-
-describe("Entity explorer tests related to pinning and unpinning", function () {
-  before(() => {
-    agHelper.AddDsl("displayWidgetDsl");
-  });
-
-  it("1. checks entity explorer visibility on unpin", function () {
-    cy.wait(5000);
-    cy.get(".t--entity-explorer").should("be.visible");
-    cy.get(".t--pin-entity-explorer").click();
-    cy.wait(5000);
-    cy.get("[data-testid=widgets-editor]").click({ force: true });
-    cy.wait(3000);
-    cy.get(".t--entity-explorer").should("not.be.visible");
-    //checks entity explorer visibility on pin
-    cy.get(".t--pin-entity-explorer").click();
-    cy.get(".t--entity-explorer").should("be.visible");
-  });
-
-  it("2. Widgets visibility in widget pane", function () {
-    entityExplorer.NavigateToSwitcher("Widgets");
-    agHelper.ScrollTo(locators._widgetPane, "bottom");
-    agHelper.AssertElementVisibility(
-      locators._widgetPageIcon(draggableWidgets.VIDEO),
-    );
-    entityExplorer.PinUnpinEntityExplorer(true);
-    agHelper.AssertElementVisibility(
-      locators._widgetPageIcon(draggableWidgets.VIDEO),
-    );
-    entityExplorer.PinUnpinEntityExplorer(false);
-    entityExplorer.NavigateToSwitcher("Explorer");
-  });
-
-  it(
-    "excludeForAirgap",
-    "3. Unpinned explorer is to be open when any context menu is open or when an entity name is being edited",
-    function () {
-      agHelper.AssertElementVisibility(entityExplorer._entityExplorer);
-      entityExplorer.PinUnpinEntityExplorer(true);
-      const menu = Object.keys(ExplorerMenu);
-
-      Cypress._.times(menu.length, (index) => {
-        OpenExplorerMenu(menu[index]);
-        agHelper.Sleep();
-        cy.get("[data-testid=sidebar-active]").should("exist");
-      });
-
-      // when an entity is being edited
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: "Page1",
-        action: "Edit name",
-      });
-      cy.get(locators._canvas).trigger("mousemove", 500, 400);
-      agHelper.AssertElementVisibility(entityExplorer._entityExplorer);
-      entityExplorer.PinUnpinEntityExplorer(false);
-    },
-  );
-
-  it(
-    "airgap",
-    "4. Unpinned explorer is to be open when any context menu is open or when an entity name is being edited",
-    function () {
-      agHelper.AssertElementVisibility(entityExplorer._entityExplorer);
-      entityExplorer.PinUnpinEntityExplorer(true);
-      // We cannot add libraries on airgap
-      const menu = Object.keys(ExplorerMenu).filter(
-        (menu) => menu !== ExplorerMenu.ADD_LIBRARY,
-      );
-
-      Cypress._.times(menu.length, (index) => {
-        OpenExplorerMenu(menu[index]);
-        agHelper.Sleep();
-        cy.get("[data-testid=sidebar-active]").should("exist");
-      });
-
-      // when an entity is being edited
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: "Page1",
-        action: "Edit name",
-      });
-      cy.get(locators._canvas).trigger("mousemove", 500, 400);
-      agHelper.AssertElementVisibility(entityExplorer._entityExplorer);
-      entityExplorer.PinUnpinEntityExplorer(false);
-    },
-  );
-
-  it("5. Explorer should be visible by default on a new application", function () {
-    agHelper.AssertElementVisibility(entityExplorer._entityExplorer);
-    entityExplorer.PinUnpinEntityExplorer(true);
-    agHelper.GetElement(locators._canvas).trigger("mousemove", 500, 100, {
-      force: true,
-    });
-    agHelper
-      .GetElement(entityExplorer._entityExplorer)
-      .should("not.be.visible");
-    homePage.NavigateToHome();
-    homePage.CreateNewApplication();
-    agHelper.AssertElementVisibility(entityExplorer._entityExplorer);
-  });
-});
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Query_Datasource_spec.js b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Query_Datasource_spec.js
index 75eb1ea5e6..feae6abf2a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Query_Datasource_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Query_Datasource_spec.js
@@ -1,6 +1,8 @@
 /// <reference types="Cypress" />
 
-const datasource = require("../../../../locators/DatasourcesEditor.json");
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 const apiwidget = require("../../../../locators/apiWidgetslocator.json");
 const commonlocators = require("../../../../locators/commonlocators.json");
 
@@ -52,26 +54,14 @@ describe("Entity explorer tests related to query and datasource", function () {
     cy.testSaveDatasource();
     cy.NavigateToActiveDSQueryPane(datasourceName);
 
-    /* eslint-disable */
-    cy.wait(2000);
-    cy.NavigateToQueryEditor();
-    cy.CheckAndUnfoldEntityItem("Datasources");
-    cy.contains(".t--entity-name", datasourceName).click();
-
-    cy.get(".t--edit-datasource-name").click();
-    cy.get(".t--edit-datasource-name input")
-      .clear()
-      .type(`${datasourceName}new`, { force: true })
-      .blur();
-
-    cy.contains(commonlocators.entityName, `${datasourceName}new`);
+    dataSources.navigateToDatasource(datasourceName);
+    agHelper.RenameWithInPane(`${datasourceName}new`, false);
+    cy.contains(dataSources._datasourceCard, `${datasourceName}new`);
 
     // reverting the name
-    cy.get(".t--edit-datasource-name").click();
-    cy.get(".t--edit-datasource-name input")
-      .clear()
-      .type(`${datasourceName}`, { force: true })
-      .blur();
+    agHelper.RenameWithInPane(datasourceName, false);
+
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
 
     // going  to the query create page
     cy.CheckAndUnfoldEntityItem("Queries/JS");
@@ -122,6 +112,6 @@ describe("Entity explorer tests related to query and datasource", function () {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName);
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Scrolling_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Scrolling_Spec.ts
index f2daf9a419..e39b464d9e 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Scrolling_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/ExplorerTests/Scrolling_Spec.ts
@@ -3,7 +3,6 @@ import {
   dataSources,
   draggableWidgets,
   entityExplorer,
-  entityItems,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
 let mockDBNameUsers: string, mockDBNameMovies: string;
@@ -13,6 +12,12 @@ describe("Entity explorer context menu should hide on scrolling", function () {
     "excludeForAirgap",
     "1. Bug #15474 - Entity explorer menu must close on scroll",
     function () {
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
+      agHelper.GetNClick(locators._closeModal, 0, true, 0);
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
+      agHelper.GetNClick(locators._closeModal, 0, true, 0);
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
+      agHelper.GetNClick(locators._closeModal, 0, true, 0);
       entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
       agHelper.GetNClick(locators._closeModal, 0, true, 0);
       entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
@@ -22,27 +27,31 @@ describe("Entity explorer context menu should hide on scrolling", function () {
       entityExplorer.ExpandCollapseEntity("Modal1");
       entityExplorer.ExpandCollapseEntity("Modal2");
       entityExplorer.ExpandCollapseEntity("Modal3");
+      entityExplorer.ExpandCollapseEntity("Modal4");
+      entityExplorer.ExpandCollapseEntity("Modal5");
+      entityExplorer.ExpandCollapseEntity("Modal6");
 
       // Setup to make the explorer scrollable
       entityExplorer.ExpandCollapseEntity("Queries/JS");
-      entityExplorer.ExpandCollapseEntity("Datasources");
-      agHelper.ContainsNClick("Libraries");
       dataSources.CreateMockDB("Users").then(($createdMockUsers) => {
         cy.log("Users DB created is " + $createdMockUsers);
         mockDBNameUsers = $createdMockUsers;
         dataSources.CreateQueryAfterDSSaved();
-        dataSources.AssertTableInVirtuosoList(mockDBNameUsers, "public.users");
+        entityExplorer.CreateNewDsQuery(mockDBNameUsers);
+        entityExplorer.CreateNewDsQuery(mockDBNameUsers);
+        entityExplorer.CreateNewDsQuery(mockDBNameUsers);
 
         dataSources.CreateMockDB("Movies").then(($createdMockMovies) => {
           cy.log("Movies DB created is " + $createdMockMovies);
           mockDBNameMovies = $createdMockMovies;
           dataSources.CreateQueryAfterDSSaved();
-
-          dataSources.AssertTableInVirtuosoList(mockDBNameMovies, "movies");
+          entityExplorer.CreateNewDsQuery(mockDBNameMovies);
+          entityExplorer.CreateNewDsQuery(mockDBNameMovies);
+          entityExplorer.CreateNewDsQuery(mockDBNameMovies);
 
           agHelper.GetNClick(locators._createNew);
           agHelper.AssertElementVisibility(entityExplorer._adsPopup);
-          agHelper.ScrollTo(entityExplorer._entityExplorerWrapper, "bottom");
+          agHelper.ScrollTo(entityExplorer._entityExplorerWrapper, "top");
           agHelper.AssertElementAbsence(entityExplorer._adsPopup);
         });
       });
@@ -53,6 +62,12 @@ describe("Entity explorer context menu should hide on scrolling", function () {
     "airgap",
     "1. Bug #15474 - Entity explorer menu must close on scroll - airgap",
     function () {
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
+      agHelper.GetNClick(locators._closeModal, 0, true, 0);
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
+      agHelper.GetNClick(locators._closeModal, 0, true, 0);
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
+      agHelper.GetNClick(locators._closeModal, 0, true, 0);
       entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
       agHelper.GetNClick(locators._closeModal, 0, true, 0);
       entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL);
@@ -62,51 +77,34 @@ describe("Entity explorer context menu should hide on scrolling", function () {
       entityExplorer.ExpandCollapseEntity("Modal1");
       entityExplorer.ExpandCollapseEntity("Modal2");
       entityExplorer.ExpandCollapseEntity("Modal3");
+      entityExplorer.ExpandCollapseEntity("Modal4");
+      entityExplorer.ExpandCollapseEntity("Modal5");
+      entityExplorer.ExpandCollapseEntity("Modal6");
 
       // Setup to make the explorer scrollable
       entityExplorer.ExpandCollapseEntity("Queries/JS");
-      entityExplorer.ExpandCollapseEntity("Datasources");
-      agHelper.ContainsNClick("Libraries");
       dataSources.CreateDataSource("Postgres");
       cy.get("@dsName").then(($createdMockUsers: any) => {
         mockDBNameUsers = $createdMockUsers;
         dataSources.CreateQueryAfterDSSaved();
-
-        dataSources.AssertTableInVirtuosoList(mockDBNameUsers, "public.users");
+        entityExplorer.CreateNewDsQuery(mockDBNameUsers);
+        entityExplorer.CreateNewDsQuery(mockDBNameUsers);
+        entityExplorer.CreateNewDsQuery(mockDBNameUsers);
 
         dataSources.CreateDataSource("Mongo");
         cy.get("@dsName").then(($createdMockMovies: any) => {
           mockDBNameMovies = $createdMockMovies;
           dataSources.CreateQueryAfterDSSaved();
-
-          dataSources.AssertTableInVirtuosoList(
-            mockDBNameMovies,
-            "listingAndReviews",
-          );
+          entityExplorer.CreateNewDsQuery(mockDBNameMovies);
+          entityExplorer.CreateNewDsQuery(mockDBNameMovies);
+          entityExplorer.CreateNewDsQuery(mockDBNameMovies);
 
           agHelper.GetNClick(locators._createNew);
           agHelper.AssertElementVisibility(entityExplorer._adsPopup);
-          agHelper.ScrollTo(entityExplorer._entityExplorerWrapper, "bottom");
+          agHelper.ScrollTo(entityExplorer._entityExplorerWrapper, "top");
           agHelper.AssertElementAbsence(entityExplorer._adsPopup);
         });
       });
     },
   );
-
-  after(() => {
-    //clean up
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: "Query1",
-      action: "Delete",
-      entityType: entityItems.Query,
-    });
-
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: "Query2",
-      action: "Delete",
-      entityType: entityItems.Query,
-    });
-    dataSources.DeleteDatasouceFromActiveTab(mockDBNameMovies); //Since sometimes after Queries are deleted, ds is no more visible in EE tree
-    dataSources.DeleteDatasouceFromActiveTab(mockDBNameUsers);
-  });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/GitSyncedApps_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/GitSyncedApps_spec.js
index dd6490b6f0..2451d218f0 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/GitSyncedApps_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/GitSyncedApps_spec.js
@@ -121,8 +121,6 @@ describe("Git sync apps", function () {
       cy.get(`.t--entity-item:contains(${newPage})`).click();
       cy.wait(1000);
       // create a get api call
-      cy.NavigateToAPI_Panel();
-      cy.wait(2000);
       cy.CreateAPI("get_data");
       // creating get request using echo
       cy.get(apiwidget.resourceUrl)
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/SwitchBranches_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/SwitchBranches_spec.js
index f254b4be72..c82e2f3a82 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/SwitchBranches_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Git/GitSync/SwitchBranches_spec.js
@@ -120,12 +120,9 @@ describe("Git sync:", function () {
       "ParentPageRenamed",
       true,
     );
-    entityExplorer.SelectEntityByName("ParentApi1", "Queries/JS");
-    entityExplorer.RenameEntityFromExplorer(
-      "ParentApi1",
-      "ParentApiRenamed",
-      true,
-    );
+    agHelper.RemoveUIElement("Tooltip", "Add a new query/JS Object");
+    entityExplorer.ExpandCollapseEntity("Queries/JS");
+    entityExplorer.RenameEntityFromExplorer("ParentApi1", "ParentApiRenamed");
 
     cy.switchGitBranch(parentBranchKey);
 
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Git/GitWithJSLibrary/GitwithCustomJSLibrary_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Git/GitWithJSLibrary/GitwithCustomJSLibrary_spec.js
index b78c0ec540..a5f2572f37 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Git/GitWithJSLibrary/GitwithCustomJSLibrary_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Git/GitWithJSLibrary/GitwithCustomJSLibrary_spec.js
@@ -7,6 +7,9 @@ import {
   gitSync,
   installer,
 } from "../../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../../support/Pages/EditorNavigation";
 
 const mainBranch = "master";
 const tempBranch = "feat/tempBranch";
@@ -28,25 +31,24 @@ describe("excludeForAirgap", "Tests JS Library with Git", () => {
   });
 
   it("1. Install JS Library and commit changes, create branch and verify JS library changes are present on new branch ", () => {
-    entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     installer.OpenInstaller();
     installer.InstallLibrary("uuidjs", "UUID");
     gitSync.CommitAndPush();
     // create new branch
     gitSync.CreateGitBranch(tempBranch, true);
     // verify js library changes are present
-    entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     installer.AssertLibraryinExplorer("uuidjs");
   });
 
   it("2. Discard custom js library changes, verify changes are discarded also verify it deosnt show uncommitted changes", () => {
-    entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     installer.uninstallLibrary("uuidjs");
-    installer.assertUnInstall("uuidjs");
     // discard js library uninstallation
     gitSync.DiscardChanges();
     // verify js library is present
-    entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     installer.AssertLibraryinExplorer("uuidjs");
     // verify no uncommitted changes are there
     agHelper.AssertElementExist(gitSync._bottomBarPull);
@@ -66,7 +68,7 @@ describe("excludeForAirgap", "Tests JS Library with Git", () => {
   it("3. Merge custom js lib changes from child branch to master, verify changes are merged", () => {
     cy.switchGitBranch(tempBranch);
     agHelper.AssertElementExist(gitSync._bottomBarPull);
-    entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     installer.OpenInstaller();
     installer.InstallLibrary("jspdf", "jspdf");
     //cy.commitAndPush();
@@ -84,7 +86,7 @@ describe("excludeForAirgap", "Tests JS Library with Git", () => {
     // verify custom js library is present in master branch
     cy.switchGitBranch(mainBranch);
     agHelper.AssertElementExist(gitSync._bottomBarPull);
-    entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     installer.AssertLibraryinExplorer("jspdf");
   });
   after(() => {
diff --git a/app/client/cypress/e2e/Regression/ClientSide/IDE/MaintainContext&Focus_spec.js b/app/client/cypress/e2e/Regression/ClientSide/IDE/MaintainContext&Focus_spec.js
index ce72d9ea7e..0180575047 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/IDE/MaintainContext&Focus_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/IDE/MaintainContext&Focus_spec.js
@@ -7,6 +7,9 @@ import {
   homePage,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 const apiwidget = require("../../../../locators/apiWidgetslocator.json");
 const queryLocators = require("../../../../locators/QueryEditor.json");
@@ -183,16 +186,16 @@ describe("MaintainContext&Focus", function () {
   });
 
   it("4. Datasource edit mode has to be maintained", () => {
-    entityExplorer.SelectEntityByName("Appsmith", "Datasources");
+    dataSources.navigateToDatasource("Appsmith");
     dataSources.EditDatasource();
-    agHelper.GoBack();
-    entityExplorer.SelectEntityByName("Github", "Datasources");
+    dataSources.navigateToDatasource("Github");
     dataSources.AssertDSEditViewMode("View");
-    entityExplorer.SelectEntityByName("Appsmith", "Datasources");
+    dataSources.navigateToDatasource("Appsmith");
     dataSources.AssertDSEditViewMode("Edit");
   });
 
   it("5. Maintain focus of form control inputs", () => {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     entityExplorer.SelectEntityByName("SQL_Query");
     dataSources.ToggleUsePreparedStatement(false);
     entityExplorer.SelectEntityByName("S3_Query");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/JSLibrary/Library_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/JSLibrary/Library_spec.ts
index b86b9bf19e..01bad28547 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/JSLibrary/Library_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/JSLibrary/Library_spec.ts
@@ -1,9 +1,12 @@
 import HomePage from "../../../../locators/HomePage";
 import * as _ from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("excludeForAirgap", "Tests JS Libraries", () => {
   it("1. Validates Library install/uninstall", () => {
-    _.entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     _.installer.OpenInstaller();
     _.installer.InstallLibrary("uuidjs", "UUID");
     _.installer.uninstallLibrary("uuidjs");
@@ -11,16 +14,17 @@ describe("excludeForAirgap", "Tests JS Libraries", () => {
   });
 
   it("2. Installs the library against a unique namespace when there is a collision with the existing entity", () => {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     _.entityExplorer.DragDropWidgetNVerify(_.draggableWidgets.TABLE, 200, 200);
     _.entityExplorer.NavigateToSwitcher("Explorer");
     _.entityExplorer.RenameEntityFromExplorer("Table1", "jsonwebtoken");
-    _.entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     _.installer.OpenInstaller();
     _.installer.InstallLibrary("jsonwebtoken", "jsonwebtoken_1", true);
   });
 
   it("3. Checks jspdf library", () => {
-    _.entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     _.installer.OpenInstaller();
     _.installer.InstallLibrary("jspdf", "jspdf");
     _.jsEditor.CreateJSObject(
@@ -46,7 +50,7 @@ describe("excludeForAirgap", "Tests JS Libraries", () => {
   });
 
   it("4. ESM build should pass installation, uninstallation and reinstallation", () => {
-    _.entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     _.installer.OpenInstaller();
     _.installer.InstallLibraryViaURL(
       "https://cdn.jsdelivr.net/npm/fast-xml-parser@4.2.7/+esm",
@@ -67,7 +71,7 @@ describe("excludeForAirgap", "Tests JS Libraries", () => {
 
   it("5. Shows list of recommended libraries", () => {
     const recommendedLibraryNames = ["jsonwebtoken", "jspdf", "bcryptjs"];
-    _.entityExplorer.ExpandCollapseEntity("Libraries");
+    EditorNavigation.ViaSidebar(SidebarButton.Libraries);
     _.installer.OpenInstaller();
     for (const recommendedLib of recommendedLibraryNames) {
       cy.contains(recommendedLib);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Linting/BasicLint_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Linting/BasicLint_spec.ts
index ed608f9636..556c4af893 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Linting/BasicLint_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Linting/BasicLint_spec.ts
@@ -11,6 +11,9 @@ import {
   entityItems,
   dataManager,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 const successMessage = "Successful Trigger";
 const errorMessage = "Unsuccessful Trigger";
@@ -60,6 +63,7 @@ describe("Linting", () => {
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName as unknown as string;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. TC 1927 - Shows correct lint error when Api is deleted or created", () => {
@@ -342,22 +346,22 @@ describe("Linting", () => {
       });
 
       agHelper.AssertElementExist(locators._lintErrorElement);
-      entityExplorer.ExpandCollapseEntity("Libraries");
+      EditorNavigation.ViaSidebar(SidebarButton.Libraries);
       // install the library
       installer.OpenInstaller();
       installer.InstallLibrary("uuidjs", "UUID");
       installer.CloseInstaller();
+      entityExplorer.SelectEntityByName("JSObject3");
 
       agHelper.AssertElementAbsence(locators._lintErrorElement);
-
+      EditorNavigation.ViaSidebar(SidebarButton.Libraries);
       installer.uninstallLibrary("uuidjs");
-
+      entityExplorer.SelectEntityByName("JSObject3");
       agHelper.AssertElementExist(locators._lintErrorElement);
-      agHelper.Sleep(2000);
+      EditorNavigation.ViaSidebar(SidebarButton.Libraries);
       installer.OpenInstaller();
       installer.InstallLibrary("uuidjs", "UUID");
       installer.CloseInstaller();
-
       homePage.NavigateToHome();
 
       homePage.CreateNewApplication();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_2_spec.js b/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_2_spec.js
index c477e015f2..2248c0369e 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_2_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_2_spec.js
@@ -25,7 +25,7 @@ describe("Validating Mobile Views for Auto Fill Widgets", function () {
     cy.dragAndDropToCanvas("codescannerwidget", { x: 100, y: 200 });
     cy.dragAndDropToCanvas("listwidgetv2", { x: 620, y: 820 });
     cy.dragAndDropToCanvas("tablewidgetv2", { x: 620, y: 820 });
-    cy.dragAndDropToCanvas("tabswidget", { x: 770, y: 770 });
+    cy.dragAndDropToCanvas("tabswidget", { x: 670, y: 770 });
     cy.wait(2000);
     _.deployMode.DeployApp();
     cy.wait(2000);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_spec.js b/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_spec.js
index 1c073c1045..fd6b44bbfd 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/AutoFillWidgets_Basic_spec.js
@@ -42,9 +42,9 @@ describe("Validating Mobile Views for Auto Fill Widgets", function () {
     cy.dragAndDropToCanvas("currencyinputwidget", { x: 110, y: 210 });
     cy.dragAndDropToCanvas("audiowidget", { x: 250, y: 300 });
     cy.dragAndDropToCanvas("selectwidget", { x: 560, y: 560 });
-    cy.dragAndDropToCanvas("checkboxwidget", { x: 770, y: 770 });
-    cy.dragAndDropToCanvas("radiogroupwidget", { x: 770, y: 770 });
-    cy.dragAndDropToCanvas("datepickerwidget2", { x: 770, y: 970 });
+    cy.dragAndDropToCanvas("checkboxwidget", { x: 670, y: 770 });
+    cy.dragAndDropToCanvas("radiogroupwidget", { x: 670, y: 770 });
+    cy.dragAndDropToCanvas("datepickerwidget2", { x: 670, y: 970 });
     cy.dragAndDropToCanvas("phoneinputwidget", { x: 660, y: 810 });
     cy.dragAndDropToCanvas("categorysliderwidget", { x: 620, y: 810 });
     cy.wait(5000);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/Snipping_mode_Basic_test.js b/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/Snipping_mode_Basic_test.js
index 38f34eaced..ccaa3a517d 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/Snipping_mode_Basic_test.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/MobileResponsiveTests/Snipping_mode_Basic_test.js
@@ -1,5 +1,8 @@
 import * as _ from "../../../../support/Objects/ObjectsCore";
 import { Widgets } from "../../../../support/Pages/DataSources";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let datasourceName;
 
@@ -9,12 +12,10 @@ describe("Add widget - Postgress DataSource", function () {
     cy.get("@dsName").then(($dsName) => {
       datasourceName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. Validate Snipping with query and table widget on canvas", () => {
-    cy.get(".t--close-editor span:contains('Back')").click({ force: true });
-    cy.get(".t--back-button span:contains('Back')").click({ force: true });
-
     _.autoLayout.ConvertToAutoLayoutAndVerify(false);
     cy.NavigateToActiveDSQueryPane(datasourceName);
     _.dataSources.EnterQuery("select * from public.configs");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Onboarding/FirstTimeUserOnboarding_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Onboarding/FirstTimeUserOnboarding_spec.js
index 8e290495ac..5ca32ff7d7 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Onboarding/FirstTimeUserOnboarding_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Onboarding/FirstTimeUserOnboarding_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const OnboardingLocator = require("../../../../locators/FirstTimeUserOnboarding.json");
 import {
   agHelper,
@@ -23,6 +27,7 @@ describe("FirstTimeUserOnboarding", function () {
     cy.get(OnboardingLocator.introModal).should("be.visible");
     cy.get(OnboardingLocator.checklistDatasourceBtn).click();
     cy.get(OnboardingLocator.introModal).should("not.exist");
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     cy.get(".t--entity-name:contains(Page1)")
       .trigger("mouseover")
       .click({ force: true });
@@ -36,7 +41,7 @@ describe("FirstTimeUserOnboarding", function () {
       agHelper.GetNAssertContains(OnboardingLocator.checklistStatus, "0 of 5");
       agHelper.AssertElementExist(OnboardingLocator.checklistDatasourceBtn);
       agHelper.GetNClick(OnboardingLocator.checklistDatasourceBtn);
-      agHelper.AssertElementVisibility(OnboardingLocator.datasourcePage);
+      agHelper.AssertElementVisibility(dataSources._newDatasourceContainer);
 
       agHelper.GetNClick(OnboardingLocator.datasourceMock);
 
@@ -48,6 +53,7 @@ describe("FirstTimeUserOnboarding", function () {
         .realHover()
         .should("have.css", "cursor", "auto");
       agHelper.GetNClick(OnboardingLocator.checklistActionBtn);
+      dataSources.navigateToDatasource("Movies");
       agHelper.GetNClick(OnboardingLocator.createQuery);
 
       agHelper.Sleep();
@@ -117,7 +123,7 @@ describe("FirstTimeUserOnboarding", function () {
         .should("have.css", "cursor", "pointer");
 
       cy.get(OnboardingLocator.checklistDatasourceBtn).click();
-      cy.get(OnboardingLocator.datasourcePage).should("be.visible");
+      cy.get(dataSources._newDatasourceContainer).should("be.visible");
       cy.get(datasource.MongoDB).click();
       dataSources.FillMongoDSForm();
       cy.generateUUID().then((uid) => {
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Onboarding/GuidedTour_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Onboarding/GuidedTour_spec.js
index c5951f4c58..640c9d31d6 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Onboarding/GuidedTour_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Onboarding/GuidedTour_spec.js
@@ -39,7 +39,7 @@ describe("excludeForAirgap", "Guided Tour", function () {
     dataSources.RunQuery();
     cy.get(guidedTourLocators.successButton).click();
     // Step 2: Select table widget
-    entityExplorer.SelectEntityByName("CustomersTable");
+    cy.get(".t--entity-name").contains("CustomersTable").click({ force: true });
 
     // Step 3: Add binding to the tableData property
     propPane.UpdatePropertyFieldValue(
@@ -106,7 +106,7 @@ describe("excludeForAirgap", "Guided Tour", function () {
     cy.get(guidedTourLocators.successButton).click();
     // Step 6: Drag and drop a widget
     cy.dragAndDropToCanvas("buttonwidget", {
-      x: 800,
+      x: 845,
       y: 750,
     });
     cy.get(guidedTourLocators.successButton).click();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/PropertyControl_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/PropertyControl_spec.ts
index cc7c0eb1c9..208f07e299 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/PropertyControl_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/PropertyControl_spec.ts
@@ -9,6 +9,9 @@ import {
 import { expandLoadMoreOptions, OneClickBinding } from "./spec_utility";
 import oneClickBindingLocator from "../../../../locators/OneClickBindingLocator";
 import onboardingLocator from "../../../../locators/FirstTimeUserOnboarding.json";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 const oneClickBinding = new OneClickBinding();
 
@@ -67,9 +70,9 @@ describe("excludeForAirgap", "One click binding control", () => {
       oneClickBindingLocator.otherActionSelector("Connect new datasource"),
     );
 
-    agHelper.AssertElementExist(onboardingLocator.datasourcePage);
+    agHelper.AssertElementExist(dataSources._newDatasourceContainer);
 
-    agHelper.GetNClick(onboardingLocator.datasourceBackBtn);
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
 
     agHelper.GetNClick(oneClickBindingLocator.datasourceDropdownSelector);
 
@@ -121,7 +124,7 @@ describe("excludeForAirgap", "One click binding control", () => {
 
     dataSources.SaveDatasource();
 
-    entityExplorer.NavigateToSwitcher("Widgets");
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
 
     agHelper.GetNClick(oneClickBindingLocator.datasourceDropdownSelector);
 
@@ -149,15 +152,13 @@ describe("excludeForAirgap", "One click binding control", () => {
 
       dataSources.SaveDatasource();
 
-      entityExplorer.NavigateToSwitcher("Widgets");
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
     });
 
     propPane.MoveToTab("Style");
 
     propPane.MoveToTab("Content");
 
-    entityExplorer.NavigateToSwitcher("Explorer");
-
     [1, 2, 3, 4, 5].forEach(() => {
       apiPage.CreateAndFillApi("http://www.example.com");
     });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/SelectWidget/mongoDB_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/SelectWidget/mongoDB_spec.ts
index 966380d01d..5407cf0869 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/SelectWidget/mongoDB_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/SelectWidget/mongoDB_spec.ts
@@ -11,6 +11,9 @@ import {
 import formWidgetsPage from "../../../../../locators/FormWidgets.json";
 import widgetsPage from "../../../../../locators/Widgets.json";
 import commonlocators from "../../../../../locators/commonlocators.json";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../../support/Pages/EditorNavigation";
 
 const oneClickBinding = new OneClickBinding();
 
@@ -23,6 +26,7 @@ describe("Table widget one click binding feature", () => {
     dataSources.CreateDataSource("Mongo");
 
     cy.get("@dsName").then((dsName) => {
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.NavigateToSwitcher("Widgets");
 
       entityExplorer.SelectEntityByName("Select1", "Widgets");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/TableWidget/mongoDB_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/TableWidget/mongoDB_spec.ts
index 4dc20458c0..16f5c15039 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/TableWidget/mongoDB_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/OneClickBinding/TableWidget/mongoDB_spec.ts
@@ -8,6 +8,9 @@ import {
   assertHelper,
 } from "../../../../../support/Objects/ObjectsCore";
 import { OneClickBinding } from "../spec_utility";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../../support/Pages/EditorNavigation";
 
 const oneClickBinding = new OneClickBinding();
 
@@ -23,6 +26,7 @@ describe("one click binding mongodb datasource", function () {
     dataSources.CreateDataSource("Mongo");
 
     cy.get("@dsName").then((dsName) => {
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.SelectEntityByName("Table1", "Widgets");
 
       oneClickBinding.ChooseAndAssertForm(`${dsName}`, dsName, "netflix", {
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts
index 5fbd3852f0..b26b0f5746 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/EntityBottomBar_spec.ts
@@ -66,15 +66,7 @@ describe("Entity bottom bar", () => {
     _.debuggerHelper.AssertClosed();
     //Verify if bottom bar opens on clicking debugger icon in datasource page.
     _.debuggerHelper.ClickDebuggerIcon();
-    _.debuggerHelper.AssertOpen(PageType.DataSources);
-    //Verify if selected tab is errors in tab title.
-    _.debuggerHelper.AssertSelectedTab("Errors");
-    //Verify if bottom bar is closed on clicking close icon in datasource page.
-    _.debuggerHelper.CloseBottomBar();
     _.debuggerHelper.AssertClosed();
-    //Verify if bottom bar opens on clicking debugger icon in datasource page.
-    _.debuggerHelper.ClickDebuggerIcon();
-    _.debuggerHelper.AssertOpen(PageType.DataSources);
   });
 
   it("excludeForAirgap", "5. Query bottom bar should be collapsable", () => {
@@ -107,7 +99,7 @@ describe("Entity bottom bar", () => {
       _.debuggerHelper.AssertSelectedTab("Response");
       // clean up
       _.dataSources.DeleteQuery("Query1");
-      _.dataSources.DeleteDatasouceFromActiveTab(dbName);
+      _.dataSources.DeleteDatasourceFromWithinDS(dbName);
     });
   });
 
@@ -138,7 +130,7 @@ describe("Entity bottom bar", () => {
     // clean up
     _.dataSources.DeleteQuery("Query1");
     cy.get("@dsName").then(($dsName) => {
-      _.dataSources.DeleteDatasouceFromActiveTab($dsName as any);
+      _.dataSources.DeleteDatasourceFromWithinDS($dsName as any);
     });
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/GlobalSearch_spec.js b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/GlobalSearch_spec.js
index a175f5506a..29cc1c0125 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/GlobalSearch_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/GlobalSearch_spec.js
@@ -1,4 +1,8 @@
 /* eslint-disable cypress/no-unnecessary-waiting */
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const commonlocators = require("../../../../locators/commonlocators.json");
 const dsl = require("../../../../fixtures/MultipleWidgetDsl.json");
 const globalSearchLocators = require("../../../../locators/GlobalSearch.json");
@@ -49,7 +53,6 @@ describe("GlobalSearch", function () {
   });
 
   it("3. navigatesToApi", () => {
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("SomeApi");
 
     cy.get(commonlocators.globalSearchTrigger).click({ force: true });
@@ -136,6 +139,7 @@ describe("GlobalSearch", function () {
   });
 
   it("7. Api actions should have API as prefix", () => {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     cy.get(globalSearchLocators.createNew).click({ force: true });
     cy.get(globalSearchLocators.blankDatasource).first().click({ force: true });
     cy.get(datasourceHomeLocators.createAuthApiDatasource).click();
@@ -148,6 +152,7 @@ describe("GlobalSearch", function () {
     cy.fillAuthenticatedAPIForm();
     cy.saveDatasource();
 
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     cy.get(globalSearchLocators.createNew).click({ force: true });
     cy.get(".ads-v2-menu__menu-item span:contains('omnibarApiDatasource')")
       .first()
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/Replay_Editor_spec.js b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/Replay_Editor_spec.js
index 33f286819d..d9537bcd80 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/Replay_Editor_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/Replay_Editor_spec.js
@@ -49,8 +49,6 @@ describe("Undo/Redo functionality", function () {
   });
 
   it("2. Checks undo/redo for Api pane", function () {
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     cy.CreateAPI("FirstAPI");
     cy.get(`${apiwidget.resourceUrl} .CodeMirror-placeholder`).should(
       "have.text",
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Refactoring/Refactoring_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Refactoring/Refactoring_spec.ts
index 95ef1bdfea..627dc4e7a3 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Refactoring/Refactoring_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Refactoring/Refactoring_spec.ts
@@ -9,6 +9,9 @@ import {
   propPane,
   dataManager,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Validate JS Object Refactoring does not affect the comments & variables", () => {
   let dsName: any;
@@ -41,6 +44,7 @@ describe("Validate JS Object Refactoring does not affect the comments & variable
     dataSources.CreateDataSource("MySql", true, false);
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
 
       //Selecting paintings table from MySQL DS
       //Initialize new JSObject with custom code
diff --git a/app/client/cypress/e2e/Regression/ClientSide/SetProperty/WidgetPropertySetters2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/SetProperty/WidgetPropertySetters2_spec.ts
index 111ff48607..8d7ab55ce4 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/SetProperty/WidgetPropertySetters2_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/SetProperty/WidgetPropertySetters2_spec.ts
@@ -96,6 +96,7 @@ describe("Widget Property Setters - Part II - Tc #2409", () => {
         expect(val).be.empty;
       });
     agHelper.ClickButton("Submit");
+    agHelper.Sleep(3000); //for the Api to run & new value to be set, for CI runs
     agHelper
       .GetText(
         locators._widgetInDeployed(draggableWidgets.INPUT_V2) +
diff --git a/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/GeneralSettings_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/GeneralSettings_spec.ts
index 10427aa2d2..0f7bc8f5aa 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/GeneralSettings_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/GeneralSettings_spec.ts
@@ -12,7 +12,11 @@ describe("General Settings", () => {
   it("1. App name change updates URL", () => {
     _.appSettings.OpenAppSettings();
     _.appSettings.GoToGeneralSettings();
-    _.generalSettings.UpdateAppNameAndVerifyUrl(true, guid);
+    _.generalSettings.UpdateAppNameAndVerifyUrl({
+      reset: true,
+      newAppName: guid,
+      restOfUrl: "/settings",
+    });
     _.homePage.GetAppName().then((appName) => {
       _.deployMode.DeployApp();
       _.appSettings.CheckUrl(appName as string, "Page1", undefined, false);
@@ -28,7 +32,12 @@ describe("General Settings", () => {
     //App name allows special and accented character
     _.appSettings.OpenAppSettings();
     _.appSettings.GoToGeneralSettings();
-    _.generalSettings.UpdateAppNameAndVerifyUrl(true, guid + "!@#œ™¡", guid);
+    _.generalSettings.UpdateAppNameAndVerifyUrl({
+      reset: true,
+      newAppName: guid + "!@#œ™¡",
+      verifyAppNameAs: guid,
+      restOfUrl: "/settings",
+    });
     _.appSettings.ClosePane();
 
     //Veirfy App name doesn't allow empty
diff --git a/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/PageSettings_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/PageSettings_spec.ts
index acde3460f8..8ea7e1a71a 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/PageSettings_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/SettingsPane/PageSettings_spec.ts
@@ -4,7 +4,12 @@ describe("Page Settings", () => {
   it("1. Page name change updates URL", () => {
     _.appSettings.OpenAppSettings();
     _.appSettings.GoToPageSettings("Page1");
-    _.pageSettings.UpdatePageNameAndVerifyUrl("Page2", undefined, false);
+    _.pageSettings.UpdatePageNameAndVerifyUrl({
+      newPageName: "Page2",
+      verifyPageNameAs: undefined,
+      reset: false,
+      restOfUrl: "/settings",
+    });
     _.homePage.GetAppName().then((appName) => {
       _.deployMode.DeployApp();
       _.appSettings.CheckUrl(appName as string, "Page2", undefined, false);
@@ -16,7 +21,7 @@ describe("Page Settings", () => {
   it("2. Custom slug change updates URL", () => {
     _.appSettings.OpenAppSettings();
     _.appSettings.GoToPageSettings("Page2");
-    _.pageSettings.UpdateCustomSlugAndVerifyUrl("custom");
+    _.pageSettings.UpdateCustomSlugAndVerifyUrl("custom", "/settings");
     _.homePage.GetAppName().then((appName) => {
       _.deployMode.DeployApp();
       _.appSettings.CheckUrl(appName as string, "Page2", "custom", false);
@@ -46,7 +51,11 @@ describe("Page Settings", () => {
     // Page name allows accented character
     _.appSettings.OpenAppSettings();
     _.appSettings.GoToPageSettings("Page3");
-    _.pageSettings.UpdatePageNameAndVerifyUrl("Page3œßð", "Page3");
+    _.pageSettings.UpdatePageNameAndVerifyUrl({
+      newPageName: "Page3œßð",
+      verifyPageNameAs: "Page3",
+      restOfUrl: "/settings",
+    });
     _.appSettings.ClosePane();
 
     //Page name doesn't allow special character
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Templates/Fork_Template_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Templates/Fork_Template_spec.js
index 8c1391574b..04a3ebd767 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Templates/Fork_Template_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Templates/Fork_Template_spec.js
@@ -79,7 +79,7 @@ describe("excludeForAirgap", "Fork a template to an workspace", () => {
       .find(reconnectDatasourceLocators.ListItemIcon)
       .should("be.visible");
     cy.get(reconnectDatasourceLocators.DatasourceList)
-      .find(reconnectDatasourceLocators.ListItemIcon, {
+      .find(reconnectDatasourceLocators.DatasourceTitle, {
         withinSubject: null,
       })
       .first()
diff --git a/app/client/cypress/e2e/Regression/ClientSide/VisualTests/DatasourcePageLayout_spec.js b/app/client/cypress/e2e/Regression/ClientSide/VisualTests/DatasourcePageLayout_spec.js
index af4b55b064..a205f4501c 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/VisualTests/DatasourcePageLayout_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/VisualTests/DatasourcePageLayout_spec.js
@@ -1,4 +1,7 @@
 import * as _ from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Visual tests for datasources", () => {
   // for any changes in UI, update the screenshot in snapshot folder, to do so:
@@ -13,10 +16,8 @@ describe("Visual tests for datasources", () => {
       const newWorkspaceName = interception.response.body.data.name;
       cy.CreateAppForWorkspace(newWorkspaceName, newWorkspaceName);
     });
-    _.dataSources.NavigateToActiveTab();
-    cy.get(".t--integrationsHomePage").matchImageSnapshot(
-      "emptydatasourcepage",
-    );
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
+    cy.get(".t--data-blank-state").matchImageSnapshot("emptydatasourcepage");
   });
   /* cy.NavigateToDatasourceEditor();
     cy.wait(2000);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_onClickAction_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_onClickAction_spec.js
index 82175f03a3..744651d94b 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_onClickAction_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_onClickAction_spec.js
@@ -38,7 +38,6 @@ describe("Button Widget Functionality", function () {
     //creating an api and calling it from the onClickAction of the button widget.
     // Creating the api
     propPane.ClearActionField("onClick");
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("buttonApi");
     cy.log("Creation of buttonApi Action successful");
     cy.enterDatasourceAndPath(
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/Custom3DChartSpec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/Custom3DChartSpec.ts
index ab44a2c03b..4e515ff717 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/Custom3DChartSpec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/Custom3DChartSpec.ts
@@ -9,12 +9,81 @@ describe("3D Custom EChart feature", function () {
     });
     _.agHelper.RefreshPage();
     _.entityExplorer.DragDropWidgetNVerify(_.draggableWidgets.CHART);
+
     _.propPane.SelectPropertiesDropDown("Chart type", "Custom EChart");
+
+    cy.wait(1000);
+    cy.get(publicWidgetsPage.chartWidget).matchImageSnapshot("2DCustomECharts");
+
     _.propPane.UpdatePropertyFieldValue(
       "Custom ECharts Configuration",
       `{{${JSON.stringify(this.dataSet.Custom3DEChartConfig)}}}`,
     );
-    _.deployMode.DeployApp();
+
+    cy.wait(1000);
     cy.get(publicWidgetsPage.chartWidget).matchImageSnapshot("3DCustomECharts");
+
+    _.entityExplorer.SelectEntityByName("Chart1", "Widgets");
+    _.propPane.UpdatePropertyFieldValue(
+      "Custom ECharts Configuration",
+      `{{${JSON.stringify(this.dataSet.InvalidCustom3DEChartConfig)}}}`,
+    );
+
+    _.agHelper.AssertContains(
+      "Error in Chart Data/Configuration",
+      "exist",
+      _.locators._widgetInDeployed(_.draggableWidgets.CHART),
+    );
+
+    _.propPane.UpdatePropertyFieldValue(
+      "Custom ECharts Configuration",
+      `{{${JSON.stringify(this.dataSet.Custom3DEChartConfig)}}}`,
+    );
+
+    _.agHelper.AssertContains(
+      "Error in Chart Data/Configuration",
+      "not.exist",
+      _.locators._widgetInDeployed(_.draggableWidgets.CHART),
+    );
+
+    _.propPane.UpdatePropertyFieldValue(
+      "Custom ECharts Configuration",
+      `{{${JSON.stringify(this.dataSet.InvalidCustom3DEChartConfig)}}}`,
+    );
+
+    _.agHelper.AssertContains(
+      "Error in Chart Data/Configuration",
+      "exist",
+      _.locators._widgetInDeployed(_.draggableWidgets.CHART),
+    );
+
+    _.propPane.SelectPropertiesDropDown("Chart type", "Custom Fusion Charts");
+
+    cy.wait(1000);
+    cy.get(publicWidgetsPage.chartWidget).matchImageSnapshot("FusionCharts");
+
+    _.propPane.SelectPropertiesDropDown("Chart type", "Custom EChart");
+
+    _.agHelper.AssertContains(
+      "Error in Chart Data/Configuration",
+      "exist",
+      _.locators._widgetInDeployed(_.draggableWidgets.CHART),
+    );
+
+    _.propPane.UpdatePropertyFieldValue(
+      "Custom ECharts Configuration",
+      `{{${JSON.stringify(this.dataSet.Custom3DEChartConfig)}}}`,
+    );
+
+    _.agHelper.AssertContains(
+      "Error in Chart Data/Configuration",
+      "not.exist",
+      _.locators._widgetInDeployed(_.draggableWidgets.CHART),
+    );
+
+    cy.wait(1000);
+    cy.get(publicWidgetsPage.chartWidget).matchImageSnapshot(
+      "3DCustomECharts-2",
+    );
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Checkbox/CheckboxGroup_withQuery_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Checkbox/CheckboxGroup_withQuery_spec.js
index 3a5b0f421d..891ab4fa42 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Checkbox/CheckboxGroup_withQuery_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Checkbox/CheckboxGroup_withQuery_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../../support/Pages/EditorNavigation";
+
 const publish = require("../../../../../locators/publishWidgetspage.json");
 const explorer = require("../../../../../locators/explorerlocators.json");
 import * as _ from "../../../../../support/Objects/ObjectsCore";
@@ -9,6 +13,7 @@ describe("Checkbox Group Widget Functionality", function () {
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. Check checkbox group with dynamic query", function () {
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/DropDownWidget_value_reset_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/DropDownWidget_value_reset_spec.js
index 8e59099304..a74cd3f9eb 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/DropDownWidget_value_reset_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/DropDownWidget_value_reset_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../../support/Pages/EditorNavigation";
+
 const commonlocators = require("../../../../../locators/commonlocators.json");
 import * as _ from "../../../../../support/Objects/ObjectsCore";
 
@@ -15,7 +19,8 @@ describe("Dropdown Widget Check value does not reset on navigation", function ()
     cy.wait(200);
 
     //Navigate
-    cy.NavigateToAPI_Panel();
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
 
     //Again navigate back to the widget
     _.entityExplorer.SelectEntityByName("Select3");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/Dropdown_onOptionChange_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/Dropdown_onOptionChange_spec.js
index f06d14b406..11b4ca7386 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/Dropdown_onOptionChange_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Dropdown/Dropdown_onOptionChange_spec.js
@@ -42,7 +42,6 @@ describe("Dropdown Widget", function () {
   it("2. Dropdown-Call-Api Validation", function () {
     //creating an api and calling it from the onOptionChangeAction of the Dropdown widget.
     // Creating the api
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("dropdownApi");
     cy.log("Creation of buttonApi Action successful");
     cy.enterDatasourceAndPath(
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/JSONForm/JSONForm_RadioGroupField_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/JSONForm/JSONForm_RadioGroupField_spec.js
index c4c8ca6669..2fd30f8306 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/JSONForm/JSONForm_RadioGroupField_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/JSONForm/JSONForm_RadioGroupField_spec.js
@@ -1,10 +1,7 @@
 const commonlocators = require("../../../../../locators/commonlocators.json");
 const dslWithoutSchema = require("../../../../../fixtures/jsonFormDslWithoutSchema.json");
 const fieldPrefix = ".t--jsonformfield";
-import { ObjectsRegistry } from "../../../../../support/Objects/Registry";
-let agHelper = ObjectsRegistry.AggregateHelper;
-let locators = ObjectsRegistry.CommonLocators;
-let propPane = ObjectsRegistry.PropertyPane;
+import { agHelper, propPane } from "../../../../../support/Objects/ObjectsCore";
 
 function selectAndValidateOption(selector, option, expectedFormData) {
   // Select option Zero
@@ -50,7 +47,7 @@ describe("JSONForm RadioGroup Field", () => {
     cy.closePropertyPane();
   });
 
-  it("accepts numeric options value", () => {
+  it("1. accepts numeric options value", () => {
     cy.openPropertyPane("jsonformwidget");
     const schema = {
       binary: 1,
@@ -76,7 +73,7 @@ describe("JSONForm RadioGroup Field", () => {
     cy.selectDropdownValue(commonlocators.jsonFormFieldType, /^Radio Group$/);
 
     clearOptionsProperty();
-    cy.testJsontext("options", JSON.stringify(options));
+    propPane.UpdatePropertyFieldValue("Options", JSON.stringify(options));
 
     cy.wait(2000);
 
@@ -99,7 +96,7 @@ describe("JSONForm RadioGroup Field", () => {
     });
   });
 
-  it("accepts string options value", () => {
+  it("2. accepts string options value", () => {
     cy.openPropertyPane("jsonformwidget");
     const schema = {
       accept: "N",
@@ -126,8 +123,7 @@ describe("JSONForm RadioGroup Field", () => {
     cy.selectDropdownValue(commonlocators.jsonFormFieldType, /^Radio Group$/);
 
     clearOptionsProperty();
-    cy.testJsontext("options", JSON.stringify(options));
-
+    propPane.UpdatePropertyFieldValue("Options", JSON.stringify(options));
     cy.wait(2000);
 
     // Validate initial form data
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_BasicServerSideData_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_BasicServerSideData_spec.js
index b1c74122b0..967f8b8455 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_BasicServerSideData_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_BasicServerSideData_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../../support/Pages/EditorNavigation";
+
 const publishLocators = require("../../../../../locators/publishWidgetspage.json");
 const datasource = require("../../../../../locators/DatasourcesEditor.json");
 const queryLocators = require("../../../../../locators/QueryEditor.json");
@@ -328,17 +332,10 @@ describe("List widget v2 - Basic server side data tests", () => {
       // Click on sample(mock) user database.
       cy.get(datasource.mockUserDatabase).click();
 
-      _.dataSources.NavigateToActiveTab();
+      EditorNavigation.ViaSidebar(SidebarButton.Data);
 
       // Choose the first data source which consists of users keyword & Click on the "New query +"" button
-      cy.get(`${datasource.datasourceCard}`)
-        .filter(":contains('Users')")
-        .first()
-        .within(() => {
-          cy.get(`${datasource.createQuery}`).click({
-            force: true,
-          });
-        });
+      _.dataSources.CreateQueryFromActiveTab("Users");
 
       // Click the editing field
       cy.get(".t--action-name-edit-field").click({
@@ -379,7 +376,7 @@ describe("List widget v2 - Basic server side data tests", () => {
   );
   it(
     "airgap",
-    "6. no of items rendered should be equal to page size - airgap",
+    "7. no of items rendered should be equal to page size - airgap",
     () => {
       _.dataSources.CreateDataSource("Postgres");
       cy.wait(1000);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_onItemClick_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_onItemClick_spec.js
index 4cd81f10c6..4bf2176a19 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_onItemClick_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/ListV2/Listv2_onItemClick_spec.js
@@ -82,7 +82,7 @@ describe("List widget v2 onItemClick", () => {
 
     entityExplorer.DragDropWidgetNVerify(
       draggableWidgets.INPUT_V2,
-      250,
+      150,
       50,
       draggableWidgets.CONTAINER,
     );
@@ -94,7 +94,7 @@ describe("List widget v2 onItemClick", () => {
 
     entityExplorer.DragDropWidgetNVerify(
       draggableWidgets.SELECT,
-      250,
+      150,
       50,
       draggableWidgets.CONTAINER,
     );
@@ -107,7 +107,7 @@ describe("List widget v2 onItemClick", () => {
 
     entityExplorer.DragDropWidgetNVerify(
       draggableWidgets.BUTTON,
-      250,
+      150,
       50,
       draggableWidgets.CONTAINER,
     );
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts
index d6dd991ffb..03c8b6a42b 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts
@@ -27,7 +27,8 @@ describe("Modal Widget test cases", function () {
 
     //Verify that the Modal widget opens correctly when configured on a button click.
     agHelper.ClickButton("Submit");
-    agHelper.AssertElementVisibility(locators._modal);
+    agHelper.WaitUntilEleAppear(locators._modal);
+    agHelper.AssertElementExist(locators._modal);
 
     //Verify that the Modal widget is closed and no longer visible on the screen on clicking the "X" button.
     agHelper.AssertElementVisibility(
@@ -38,7 +39,8 @@ describe("Modal Widget test cases", function () {
 
     //Verify that clicking outside the Modal widget closes it as expected when Quick dismiss is enabled
     agHelper.ClickButton("Submit");
-    agHelper.AssertElementVisibility(locators._modal);
+    agHelper.WaitUntilEleAppear(locators._modal);
+    agHelper.AssertElementExist(locators._modal);
     agHelper.ClickOutside(350, 150, false);
     agHelper.Sleep();
     agHelper.AssertElementAbsence(locators._modal);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Multiselect/MultiSelect3_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Multiselect/MultiSelect3_spec.js
index 4ce7f7921d..498cbc74b9 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Multiselect/MultiSelect3_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Multiselect/MultiSelect3_spec.js
@@ -29,7 +29,7 @@ describe("Dropdown Widget Functionality", function () {
       .find(widgetLocators.menuButton)
       .then(($menuButton) => {
         const outerWidth = Cypress.$($menuButton).outerWidth();
-        expect(parseInt(outerWidth)).to.equal(147);
+        expect(parseInt(outerWidth)).to.equal(137);
       });
     cy.get(formWidgetsPage.menuButtonWidget)
       .find(widgetLocators.menuButton)
@@ -41,7 +41,7 @@ describe("Dropdown Widget Functionality", function () {
     cy.get(".menu-button-popover")
       .invoke("outerWidth")
       .then((width) => {
-        expect(parseInt(width)).to.equal(147);
+        expect(parseInt(width)).to.equal(137);
       });
 
     // MultiSelect
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Others/StatboxDsl_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Others/StatboxDsl_spec.js
index 9406c3c564..095f540dab 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Others/StatboxDsl_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Others/StatboxDsl_spec.js
@@ -30,7 +30,7 @@ describe("Statbox Widget", function () {
     entityExplorer.SelectEntityByName("IconButton1", "Statbox1");
     cy.get(".t--property-pane-section-general").then(() => {
       // changing the icon to arrow-up
-      cy.get(".bp3-button-text").first().click();
+      cy.get(".bp3-button-text").first().click().wait(500);
       cy.get(".bp3-icon-arrow-up").click().wait(500);
       // opening modal from onClick action of icon button
       cy.createModal("Modal", "onClick");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts
index 80ec9740b3..6872422d14 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts
@@ -252,7 +252,7 @@ describe("Radio Widget test cases", function () {
     agHelper.AssertCSS(
       widgetLocators.radioWidgetLabelContainer,
       "width",
-      "59.765625px",
+      "55.859375px",
     );
     agHelper.GetNClick(widgetLocators.selectWidgetWidthPlusBtn);
     agHelper.GetNClick(widgetLocators.selectWidgetWidthPlusBtn);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select2_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select2_Spec.ts
index a589a0374a..1802411e87 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select2_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select2_Spec.ts
@@ -44,7 +44,7 @@ describe("Select widget tests", function () {
     agHelper.AssertCSS(
       widgetLocators.selectWidgetLabelContainer,
       "width",
-      "59.765625px",
+      "55.859375px",
     );
     agHelper.GetNClick(widgetLocators.selectWidgetWidthPlusBtn);
     agHelper.GetNClick(widgetLocators.selectWidgetWidthPlusBtn);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select3_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select3_Spec.ts
index 52ad40d03c..0c300b0ad2 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select3_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Select/Select3_Spec.ts
@@ -59,7 +59,7 @@ describe("Select widget tests", function () {
     deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.SELECT));
 
     //Validate filtered data
-    agHelper.Sleep(3000); //Wait for widget to settle
+    agHelper.Sleep(6000); //Wait for widget to settle for CI failure
     agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.SELECT));
     agHelper.TypeText(widgetLocators.selectWidgetFilter, "Ulf");
     agHelper.Sleep(3000); //Wait for widget filter to settle for CI runs
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TreeSelect/Tree_Select_2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TreeSelect/Tree_Select_2_spec.ts
index 797b3b9e2e..4cf7031850 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TreeSelect/Tree_Select_2_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TreeSelect/Tree_Select_2_spec.ts
@@ -160,10 +160,6 @@ describe("Tree Select widget Tests", function () {
     // Execute the query
     let postgresDatasourceName: any;
     dataSources.StartDataSourceRoutes();
-    agHelper
-      .GetElement(locators._newDataSourceBtn)
-      .last()
-      .click({ force: true });
     dataSources.NavigateToDSCreateNew();
     dataSources.CreatePlugIn("PostgreSQL");
     agHelper.GenerateUUID();
@@ -300,7 +296,7 @@ describe("Tree Select widget Tests", function () {
     propPane.UpdatePropertyFieldValue(
       "srcDoc",
       `<div id="target"></div>
-  
+
             <script>
             window.addEventListener('message', (event) => {
                 const tgt = document.querySelector("#target")
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/WidgetSelection_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/WidgetSelection_spec.js
index 927181fedb..d12701b6b6 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/WidgetSelection_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/WidgetSelection_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const dsl = require("../../../../fixtures/widgetSelection.json");
 import * as _ from "../../../../support/Objects/ObjectsCore";
 
@@ -52,10 +56,11 @@ describe("Widget Selection", function () {
     // Switch to the Explorer Pane
     _.entityExplorer.NavigateToSwitcher("Explorer");
     // Click to create a New Data Source
-    cy.get(".t--entity-add-btn").eq(3).click();
+    _.dataSources.NavigateToDSCreateNew();
     // Hit CTRL +A
     cy.get("body").type("{ctrl}{a}");
     // Switch to the Canvas
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     _.entityExplorer.NavigateToSwitcher("Widgets");
     // Widgets should not be selected
     cy.get(".t--multi-selection-box").should("not.exist");
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_All_Verb_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_All_Verb_spec.js
index 016730d170..9522ad8c34 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_All_Verb_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_All_Verb_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const testdata = require("../../../../fixtures/testdata.json");
 const apiwidget = require("../../../../locators/apiWidgetslocator.json");
 
@@ -14,6 +18,7 @@ describe("API Panel Test Functionality", function () {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. PUT Action test API feature", function () {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_ContextMenu_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_ContextMenu_spec.js
index 90a54970ee..0751b8a2ef 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_ContextMenu_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_ContextMenu_spec.js
@@ -9,7 +9,6 @@ import {
 describe("API Panel Test Functionality ", function () {
   it("1. Test API copy/Move/delete feature", function () {
     cy.Createpage("SecondPage");
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("FirstAPI");
     cy.enterDatasourceAndPath(testdata.baseUrl, "{{ '/random' }}");
     cy.assertPageSave();
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_DefaultContentType_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_DefaultContentType_spec.js
index acfc151604..379d09842c 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_DefaultContentType_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_DefaultContentType_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const testdata = require("../../../../fixtures/testdata.json");
 const apiwidget = require("../../../../locators/apiWidgetslocator.json");
 import appPage from "../../../../locators/CMSApplocators";
@@ -5,7 +9,6 @@ import apiEditor from "../../../../locators/ApiEditor";
 
 describe("API Panel request body", function () {
   it("1. Check whether the default content-type changes on changing method types and remains unchanged on switching to GET", function () {
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("FirstAPI");
 
     // Checking for default Body type to be NONE
@@ -51,7 +54,7 @@ describe("API Panel request body", function () {
   });
 
   it("2. Bug 14624 - Verifying the content-type none is not added", function () {
-    cy.NavigateToAPI_Panel();
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     cy.CreateAPI("FirstAPI");
 
     // Checking for default Body type to be NONE
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Edit_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Edit_spec.js
index 6191400a62..fdcd186613 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Edit_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Edit_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const testdata = require("../../../../fixtures/testdata.json");
 const apiwidget = require("../../../../locators/apiWidgetslocator.json");
 
@@ -14,8 +18,6 @@ describe("API Panel Test Functionality", function () {
 
   it("1. Test Search API fetaure", function () {
     cy.log("Login Successful");
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     cy.CreateAPI("FirstAPI");
     cy.get(".CodeMirror-placeholder")
       .first()
@@ -36,12 +38,11 @@ describe("API Panel Test Functionality", function () {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     entityExplorer.AssertEntityAbsenceInExplorer("SecondAPI");
   });
 
   it("2. Should update loading state after cancellation of confirmation for run query", function () {
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     cy.CreateAPI("FirstAPI");
     cy.get(".CodeMirror-placeholder")
       .first()
@@ -56,7 +57,6 @@ describe("API Panel Test Functionality", function () {
   });
 
   it("3. Should not crash on key delete", function () {
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("CrashTestAPI");
     cy.SelectAction(testdata.postAction);
     cy.get(apiwidget.headerKey)
@@ -71,7 +71,6 @@ describe("API Panel Test Functionality", function () {
   });
 
   it("4. Should correctly parse query params", function () {
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("APIWithQueryParams");
     cy.enterDatasourceAndPath(testdata.baseUrl, testdata.methodWithQueryParam);
     cy.ValidateQueryParams({
@@ -81,7 +80,6 @@ describe("API Panel Test Functionality", function () {
   });
 
   it("5. Shows evaluated value pane when url field is focused", function () {
-    cy.NavigateToAPI_Panel();
     cy.CreateAPI("TestAPI");
     cy.get(".CodeMirror textarea")
       .first()
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_MultiPart_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_MultiPart_Spec.ts
index 6f2a92bd83..befd8f7094 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_MultiPart_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_MultiPart_Spec.ts
@@ -1,14 +1,17 @@
 import {
   agHelper,
-  jsEditor,
-  propPane,
-  deployMode,
   apiPage,
-  entityItems,
-  entityExplorer,
-  locators,
   assertHelper,
+  deployMode,
+  entityExplorer,
+  entityItems,
+  jsEditor,
+  locators,
+  propPane,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Validate API request body panel", () => {
   beforeEach(() => {
@@ -33,6 +36,7 @@ describe("Validate API request body panel", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("2. Checks whether No body error message is shown when None API body content type is selected", function () {
@@ -44,6 +48,7 @@ describe("Validate API request body panel", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("3. Checks whether header content type is being changed when FORM_URLENCODED API body content type is selected", function () {
@@ -64,6 +69,7 @@ describe("Validate API request body panel", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("4. Checks whether header content type is being changed when MULTIPART_FORM_DATA API body content type is selected", function () {
@@ -84,6 +90,7 @@ describe("Validate API request body panel", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("5. Checks whether content type 'FORM_URLENCODED' is preserved when user selects None API body content type", function () {
@@ -96,6 +103,7 @@ describe("Validate API request body panel", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("6. Checks whether content type 'MULTIPART_FORM_DATA' is preserved when user selects None API body content type", function () {
@@ -108,6 +116,7 @@ describe("Validate API request body panel", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("7. Checks MultiPart form data for a File Type upload + Bug 12476", () => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Mustache_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Mustache_spec.js
index c45a280a3b..8744e99141 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Mustache_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Mustache_spec.js
@@ -14,8 +14,6 @@ describe("Moustache test Functionality", function () {
     entityExplorer.SelectEntityByName("TestTextBox", "Aditya");
     cy.widgetText("Api", widgetsPage.textWidget, widgetsPage.textInputval);
     cy.testCodeMirror(testdata.methods);
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     cy.CreateAPI("TestAPINew");
     cy.log("Creation of API Action successful");
     cy.enterDatasourceAndPath(testdata.baseUrl, testdata.moustacheMethod);
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Response_View_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Response_View_spec.js
index e4dada9aea..afb6b9a8cc 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Response_View_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Response_View_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const testdata = require("../../../../fixtures/testdata.json");
 import { agHelper, apiPage } from "../../../../support/Objects/ObjectsCore";
 import apiEditor from "../../../../locators/ApiEditor";
@@ -7,8 +11,6 @@ const testUrl1 =
 describe("Bug 14666: Api Response Test Functionality ", function () {
   it("1. Test table loading when data is in array format", function () {
     cy.log("Login Successful");
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     apiPage.CreateAndFillApi(testUrl1, "TableTestAPI");
     agHelper.AssertAutoSave();
     apiPage.RunAPI();
@@ -17,9 +19,7 @@ describe("Bug 14666: Api Response Test Functionality ", function () {
   });
 
   it("2. Test table loading when data is not in array format", function () {
-    cy.log("Login Successful");
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     apiPage.CreateAndFillApi(
       testdata.baseUrl + testdata.echoMethod,
       "TableTestAPI",
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Search_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Search_spec.js
index 82bc3cff09..3f161f4159 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Search_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Search_spec.js
@@ -4,6 +4,9 @@ import {
   apiPage,
   entityItems,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let APIName;
 const testUrl1 =
@@ -16,12 +19,11 @@ const testUrl3 =
 describe("API Panel Test Functionality ", function () {
   it("1. Test Search API fetaure", function () {
     cy.log("Login Successful");
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     cy.generateUUID().then((uid) => {
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       cy.CreateAPI(`FirstAPI_${uid}`);
       cy.log("Creation of FirstAPI Action successful");
-      cy.NavigateToAPI_Panel();
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       cy.CreateAPI(`SecondAPI_${uid}`);
       cy.CheckAndUnfoldEntityItem("Queries/JS");
       cy.log("Creation of SecondAPI Action successful");
@@ -54,7 +56,6 @@ describe("API Panel Test Functionality ", function () {
     cy.checkIfApiPaneIsVisible();
   });
   it("3. Bug 14242: Appsmith crash when create an API pointing to Github hosted json", function () {
-    cy.NavigateToAPI_Panel();
     cy.generateUUID().then((uid) => {
       APIName = uid;
       cy.CreateAPI(APIName);
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Styles_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Styles_spec.js
index bcd14ba07a..83fddcef14 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Styles_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/API_Styles_spec.js
@@ -8,6 +8,9 @@ import {
   entityExplorer,
   apiPage,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Validate API Panel CSS Styles", function () {
   const backgroundColorGray200 = "rgb(227, 232, 239)";
@@ -63,6 +66,7 @@ describe("Validate API Panel CSS Styles", function () {
         //Create two datasource for testing binding prompt background-color
         cy.createNewAuthApiDatasource(appName1);
         cy.createNewAuthApiDatasource(appName2);
+        EditorNavigation.ViaSidebar(SidebarButton.Pages);
         entityExplorer.ExpandCollapseEntity("Queries/JS");
         cy.get(commonLocators.entityName).contains("test_styles").click();
         //Click on API search editor
@@ -80,12 +84,12 @@ describe("Validate API Panel CSS Styles", function () {
           .should("have.css", "background-color", hover);
         //Delete created test API
         cy.DeleteAPI();
+        EditorNavigation.ViaSidebar(SidebarButton.Pages);
         cy.wait(2000);
         cy.get(commonLocators.entityName)
           .contains("test_styles")
           .should("not.exist");
         //Delete two datasources
-        entityExplorer.ExpandCollapseEntity("Datasources");
         cy.deleteDatasource(appName1);
         cy.deleteDatasource(appName2);
       });
diff --git a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/CurlImportFlow_spec.js b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/CurlImportFlow_spec.js
index b7b87a7bcf..0a6c36ef43 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/ApiTests/CurlImportFlow_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/ApiTests/CurlImportFlow_spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const apiwidget = require("../../../../locators/apiWidgetslocator.json");
 const globalSearchLocators = require("../../../../locators/GlobalSearch.json");
 import ApiEditor from "../../../../locators/ApiEditor";
@@ -13,7 +17,6 @@ import {
 describe("Test curl import flow", function () {
   it("1. Test curl import flow Run and Delete", function () {
     localStorage.setItem("ApiPaneV2", "ApiPaneV2");
-    cy.NavigateToApiEditor();
     dataSources.NavigateToDSCreateNew();
     cy.get(ApiEditor.curlImage).click({ force: true });
     cy.get("textarea").type(
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Datasources/ElasticSearch_Basic_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Datasources/ElasticSearch_Basic_Spec.ts
index 1572ef281a..92cd2b13af 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Datasources/ElasticSearch_Basic_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Datasources/ElasticSearch_Basic_Spec.ts
@@ -208,12 +208,7 @@ describe("Validate Elasticsearch DS", () => {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    entityExplorer.SelectEntityByName(dsName, "Datasources");
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Delete",
-      entityType: entityItems.Datasource,
-    });
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
     //dataSources.StopNDeleteContainer(containerName);
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Datasources/Firestore_Basic_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Datasources/Firestore_Basic_Spec.ts
index c05bc0065b..095fc277c3 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Datasources/Firestore_Basic_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Datasources/Firestore_Basic_Spec.ts
@@ -353,7 +353,7 @@ describe("Validate Firestore DS", () => {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    dataSources.DeleteDatasouceFromActiveTab(dsName, 409);
+    dataSources.DeleteDatasourceFromWithinDS(dsName, 409);
     //commenting below since after query delete, we run into risk of not seeing the datasource in EntityExplorer
     // entityExplorer.SelectEntityByName(dsName, "Datasources");
     // entityExplorer.ActionContextMenuByEntityName({
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Datasources/Oracle_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Datasources/Oracle_Spec.ts
index ae79c8e4f0..fd4dec58eb 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Datasources/Oracle_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Datasources/Oracle_Spec.ts
@@ -13,6 +13,10 @@ import {
   jsEditor,
 } from "../../../../support/Objects/ObjectsCore";
 import { Widgets } from "../../../../support/Pages/DataSources";
+import datasource from "../../../../locators/DatasourcesEditor.json";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Validate Oracle DS", () => {
   let dataSourceName: string, guid: any, query: string, selectQuery: string;
@@ -108,7 +112,8 @@ describe("Validate Oracle DS", () => {
     dataSources.AssertDataSourceInfo(["Host address", "Port", "Service Name"]);
     agHelper.ClickButton("Edit"); //Navigate to Edit page & check if DS edit is opened
     dataSources.ValidateNSelectDropdown("SSL mode", "Disable");
-    agHelper.GoBack(); //Do not edit anythin, go back to active ds list, ensure no modal is opened
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
     dataSources.AssertDSInActiveList(dataSourceName);
   });
 
@@ -172,8 +177,6 @@ describe("Validate Oracle DS", () => {
     dataSources.EnterQuery(query);
     dataSources.RunQuery();
 
-    dataSources.AssertTableInVirtuosoList(dataSourceName, guid.toUpperCase());
-
     query = `INSERT INTO ${guid} (
     aircraft_id,
     aircraft_type,
@@ -195,7 +198,11 @@ describe("Validate Oracle DS", () => {
     TO_DATE('2020-01-15', 'YYYY-MM-DD'),
     TO_DATE('{{DatePicker1.formattedDate}}', 'YYYY-MM-DD'),
     'This aircraft is used for domestic flights.')`;
-    entityExplorer.ActionTemplateMenuByEntityName(guid.toUpperCase(), "Select");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dataSourceName,
+      guid.toUpperCase(),
+      "Select",
+    );
     dataSources.RunQuery();
     agHelper
       .GetText(dataSources._noRecordFound)
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Datasources/Redis_Basic_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Datasources/Redis_Basic_Spec.ts
index ef15f2d9a8..18d174dd77 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Datasources/Redis_Basic_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Datasources/Redis_Basic_Spec.ts
@@ -97,7 +97,7 @@ describe("Validate Redis DS", () => {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
     //commenting below since after query delete, we run into risk of not seeing the datasource in EntityExplorer
     // entityExplorer.SelectEntityByName(dsName, "Datasources");
     // entityExplorer.ActionContextMenuByEntityName({
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MongoURI_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MongoURI_Spec.ts
index f79b8aa170..d939799e04 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MongoURI_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MongoURI_Spec.ts
@@ -10,6 +10,9 @@ import {
   draggableWidgets,
 } from "../../../../support/Objects/ObjectsCore";
 import { Widgets } from "../../../../support/Pages/DataSources";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe("Validate Mongo URI CRUD with JSON Form", () => {
   let dsName: any;
@@ -23,6 +26,7 @@ describe("Validate Mongo URI CRUD with JSON Form", () => {
       agHelper.RenameWithInPane(dsName, false);
       dataSources.FillMongoDatasourceFormWithURI();
       dataSources.TestSaveDatasource();
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.AddNewPage("Generate page with data");
       agHelper.GetNClick(dataSources._selectDatasourceDropdown);
       agHelper.GetNClickByContains(dataSources._dropdownOption, dsName);
@@ -41,7 +45,7 @@ describe("Validate Mongo URI CRUD with JSON Form", () => {
       table.WaitUntilTableLoad();
       //Should not be able to delete ds until app is published again
       //coz if app is published & shared then deleting ds may cause issue, So!
-      dataSources.DeleteDatasouceFromActiveTab(dsName as string, 409);
+      dataSources.DeleteDatasourceFromWithinDS(dsName as string, 409);
     });
   });
 
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Mongo_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Mongo_Spec.ts
index ebcadedae6..6a40e2ef0e 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Mongo_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Mongo_Spec.ts
@@ -25,7 +25,7 @@ describe("Validate Mongo CRUD with JSON Form", () => {
   it("1. Create DS & then Add new Page and generate CRUD template using created datasource", () => {
     appSettings.OpenPaneAndChangeTheme("Water Lily");
 
-    dataSources.CreateDataSource("Mongo");
+    dataSources.CreateDataSource("Mongo", true, false);
     cy.get("@dsName").then(($dsName: any) => {
       dsName = $dsName;
       entityExplorer.AddNewPage();
@@ -57,7 +57,7 @@ describe("Validate Mongo CRUD with JSON Form", () => {
     //coz if app is published & shared then deleting ds may cause issue, So!
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
-      dataSources.DeleteDatasouceFromActiveTab(dsName as string, 409);
+      dataSources.DeleteDatasourceFromWithinDS(dsName as string, 409);
     });
 
     // deployMode.DeployApp();
@@ -80,7 +80,7 @@ describe("Validate Mongo CRUD with JSON Form", () => {
     });
     deployMode.DeployApp();
     deployMode.NavigateBacktoEditor();
-    dataSources.DeleteDatasouceFromActiveTab(dsName as string, 200);
+    dataSources.DeleteDatasourceFromWithinDS(dsName as string, 200);
   });
 
   //Update, delete, Add goes here
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL1_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL1_Spec.ts
index 7d6c04f826..a23cb8e2f2 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL1_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL1_Spec.ts
@@ -10,10 +10,19 @@ import {
   table,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
-// import { INTERCEPT } from "../../../../fixtures/variables";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 let dsName: any;
 
 describe("Validate MySQL Generate CRUD with JSON Form", () => {
+  before(() => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
+  });
   // beforeEach(function() {
   //   if (INTERCEPT.MYSQL) {
   //     cy.log("MySQL DB is not found. Using intercept");
@@ -25,6 +34,7 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     dataSources.CreateDataSource("MySql");
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.AddNewPage();
       entityExplorer.AddNewPage("Generate page with data");
       agHelper.GetNClick(dataSources._selectDatasourceDropdown);
@@ -54,7 +64,7 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     //coz if app is published & shared then deleting ds may cause issue, So!
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
-      dataSources.DeleteDatasouceFromActiveTab(dsName as string, 409);
+      dataSources.DeleteDatasourceFromWithinDS(dsName as string, 409);
       agHelper.WaitUntilAllToastsDisappear();
     });
     deployMode.DeployApp(locators._emptyPageTxt);
@@ -62,7 +72,7 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     deployMode.NavigateBacktoEditor();
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
-      dataSources.DeleteDatasouceFromActiveTab(dsName as string, 200);
+      dataSources.DeleteDatasourceFromWithinDS(dsName as string, 200);
     });
     agHelper.WaitUntilAllToastsDisappear();
   });
@@ -153,12 +163,12 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     //agHelper.VerifyEvaluatedValue(tableCreateQuery); //failing sometimes!
 
     dataSources.RunQueryNVerifyResponseViews();
+    dataSources.AssertTableInVirtuosoList(dsName, "productlines");
+
     agHelper.ActionContextMenuWithInPane({
       action: "Delete",
       entityType: entityItems.Query,
     });
-
-    dataSources.AssertTableInVirtuosoList(dsName, "productlines");
   });
 
   it("5. Verify Generate CRUD for the new table & Verify Deploy mode for table - Productlines", () => {
@@ -272,18 +282,11 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
     dataSources.RunQueryNVerifyResponseViews();
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    });
-    agHelper.AssertElementAbsence(
-      entityExplorer._entityNameInExplorer("Stores"),
-    );
+    dataSources.AssertTableInVirtuosoList(dsName, "Stores", false);
   });
 
   it("10. Verify application does not break when user runs the query with wrong table name", function () {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     entityExplorer.SelectEntityByName("DropProductlines", "Queries/JS");
     dataSources.RunQuery({ toValidateResponse: false });
     cy.wait("@postExecute").then(({ response }) => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL2_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL2_Spec.ts
index 098948720a..8af6b3cf64 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL2_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/MySQL2_Spec.ts
@@ -1,4 +1,6 @@
 // import { INTERCEPT } from "../../../../fixtures/variables";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
+
 let dsName: any, newStoreSecret: any;
 
 import {
@@ -64,12 +66,12 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
     dataSources.RunQueryNVerifyResponseViews();
+    dataSources.AssertTableInVirtuosoList(dsName, "Stores");
+
     agHelper.ActionContextMenuWithInPane({
       action: "Delete",
       entityType: entityItems.Query,
     });
-
-    dataSources.AssertTableInVirtuosoList(dsName, "Stores");
   });
 
   it("2. Validate Select record from Postgress datasource & verify query response", () => {
@@ -359,19 +361,12 @@ describe("Validate MySQL Generate CRUD with JSON Form", () => {
     //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
     dataSources.RunQueryNVerifyResponseViews();
+    dataSources.AssertTableInVirtuosoList(dsName, "Stores", false);
+
     agHelper.ActionContextMenuWithInPane({
       action: "Delete",
       entityType: entityItems.Query,
     });
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    });
-    agHelper.AssertElementAbsence(
-      entityExplorer._entityNameInExplorer("Stores"),
-    );
   });
 
   after(
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres1_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres1_Spec.ts
index b0dab2fac1..8a94f62153 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres1_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres1_Spec.ts
@@ -10,6 +10,9 @@ import {
   entityItems,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let dsName: any;
 
@@ -18,6 +21,7 @@ describe("Postgres Generate CRUD with JSON Form", () => {
     dataSources.CreateDataSource("Postgres");
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.AddNewPage();
       entityExplorer.AddNewPage("Generate page with data");
       agHelper.GetNClick(dataSources._selectDatasourceDropdown);
@@ -49,7 +53,7 @@ describe("Postgres Generate CRUD with JSON Form", () => {
     //coz if app is published & shared then deleting ds may cause issue, So!
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
-      dataSources.DeleteDatasouceFromActiveTab(dsName as string, 409);
+      dataSources.DeleteDatasourceFromWithinDS(dsName as string, 409);
       agHelper.WaitUntilAllToastsDisappear();
     });
     deployMode.DeployApp(locators._emptyPageTxt);
@@ -57,7 +61,7 @@ describe("Postgres Generate CRUD with JSON Form", () => {
     deployMode.NavigateBacktoEditor();
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
-      dataSources.DeleteDatasouceFromActiveTab(dsName as string, 200);
+      dataSources.DeleteDatasourceFromWithinDS(dsName as string, 200);
     });
   });
 
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres2_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres2_Spec.ts
index 32b811d832..9cd4bc72bf 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres2_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/Postgres2_Spec.ts
@@ -57,11 +57,14 @@ describe("Validate Postgres Generate CRUD with JSON Form", () => {
     //agHelper.VerifyEvaluatedValue(tableCreateQuery); //failing sometimes!
 
     dataSources.RunQueryNVerifyResponseViews();
-    dataSources.AssertTableInVirtuosoList(dsName, "public.vessels");
   });
 
   it("2. Validate Select record from Postgress datasource & verify query response", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("public.vessels", "Select");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.vessels",
+      "Select",
+    );
     dataSources.RunQueryNVerifyResponseViews(10);
     dataSources.AssertQueryTableResponse(0, "371681");
     dataSources.AssertQueryTableResponse(6, "Passenger");
diff --git a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/S3_Spec.js b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/S3_Spec.js
index 080aa82560..d32e260507 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/S3_Spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/GenerateCRUD/S3_Spec.js
@@ -73,21 +73,6 @@ describe("Generate New CRUD Page Inside from entity explorer", function () {
   });
 
   it("2. Generate CRUD page from datasource ACTIVE section", function () {
-    // cy.NavigateToQueryEditor();
-    // cy.get(pages.integrationActiveTab)
-    //   .should("be.visible")
-    //   .click({ force: true });
-    // cy.wait(1000);
-
-    // cy.get(datasourceEditor.datasourceCard)
-    //   .contains(datasourceName)
-    //   .scrollIntoView()
-    //   .should("be.visible")
-    //   .closest(datasourceEditor.datasourceCard)
-    //   .within(() => {
-    //     cy.get(datasourceEditor.datasourceCardGeneratePageBtn).click();
-    //   });
-
     cy.NavigateToDSGeneratePage(datasourceName);
 
     // fetch bucket
diff --git a/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/Basic_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/Basic_Spec.ts
index 51bfcd829e..51b2f2df60 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/Basic_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/Basic_Spec.ts
@@ -9,11 +9,22 @@ import {
   entityItems,
 } from "../../../../support/Objects/ObjectsCore";
 import inputData from "../../../../support/Objects/mySqlData";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 let dsName: any, query: string;
 
 describe("MySQL Datatype tests", function () {
   before("Load dsl, Change theme, Create Mysql DS", () => {
+    featureFlagIntercept(
+      {
+        ab_gsheet_schema_enabled: true,
+        ab_mock_mongo_schema_enabled: true,
+      },
+      false,
+    );
     agHelper.AddDsl("Datatypes/mySQLdsl");
 
     appSettings.OpenPaneAndChangeTheme("Moon");
@@ -21,6 +32,7 @@ describe("MySQL Datatype tests", function () {
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. Creating mysqlDTs table & queries", () => {
@@ -31,10 +43,9 @@ describe("MySQL Datatype tests", function () {
     dataSources.CreateQueryFromOverlay(dsName, query, "createTable"); //Creating query from EE overlay
     dataSources.RunQuery();
 
-    dataSources.AssertTableInVirtuosoList(dsName, inputData.tableName);
-
     //Creating SELECT query
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       inputData.tableName,
       "Select",
     );
@@ -46,7 +57,8 @@ describe("MySQL Datatype tests", function () {
 
     //Other queries
     query = inputData.query.insertRecord;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       inputData.tableName,
       "Insert",
     );
@@ -54,7 +66,8 @@ describe("MySQL Datatype tests", function () {
     dataSources.EnterQuery(query);
 
     query = inputData.query.dropTable;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       inputData.tableName,
       "Delete",
     );
@@ -127,17 +140,7 @@ describe("MySQL Datatype tests", function () {
       dataSources.RunQuery();
       dataSources.AssertQueryTableResponse(0, "0"); //Success response for dropped table!
       entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-      entityExplorer.ExpandCollapseEntity("Datasources");
-      entityExplorer.ExpandCollapseEntity(dsName);
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: dsName,
-        action: "Refresh",
-      });
-      agHelper.AssertElementAbsence(
-        entityExplorer._entityNameInExplorer(inputData.tableName),
-      );
-      entityExplorer.ExpandCollapseEntity(dsName, false);
-      entityExplorer.ExpandCollapseEntity("Datasources", false);
+      dataSources.AssertTableInVirtuosoList(dsName, inputData.tableName, false);
 
       //DS deletion
       dataSources.DeleteDatasourceFromWithinDS(dsName, 409); //Since all queries exists
diff --git a/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/False_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/False_Spec.ts
index 455b4729a2..56c4f91ce9 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/False_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/MySQL_Datatypes/False_Spec.ts
@@ -5,11 +5,16 @@ import {
   dataSources,
 } from "../../../../support/Objects/ObjectsCore";
 import inputData from "../../../../support/Objects/mySqlData";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 let dsName: any, query: string;
 
 describe("MySQL Datatype tests", function () {
   before("Create Mysql DS & Create mysqlDTs table", function () {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     dataSources.CreateDataSource("MySql");
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
@@ -18,14 +23,13 @@ describe("MySQL Datatype tests", function () {
       query = inputData.query.createTable;
       dataSources.CreateQueryAfterDSSaved(query, "createTable"); //Creating query from EE overlay
       dataSources.RunQuery();
-
-      dataSources.AssertTableInVirtuosoList(dsName, inputData.tableName);
     });
   });
 
   //Insert false values to each column and check for the error status of the request.
   it("1. False Cases & Long Integer as query param", () => {
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       inputData.tableName,
       "Insert",
     );
diff --git a/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JSOnLoad1_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JSOnLoad1_Spec.ts
index 6616af78e8..2590c8ba86 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JSOnLoad1_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JSOnLoad1_Spec.ts
@@ -10,6 +10,9 @@ import {
   entityItems,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 let dsName: any, jsName: any;
 
 describe("JSObjects OnLoad Actions tests", function () {
@@ -20,6 +23,7 @@ describe("JSObjects OnLoad Actions tests", function () {
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   });
 
   it("1. Tc 54, 55 - Verify User enables only 'Before Function calling' & OnPage Load is Automatically enable after mapping done on JSOBject", function () {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JsOnLoad3_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JsOnLoad3_Spec.ts
index be966ba7cf..dff424abcc 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JsOnLoad3_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/JsOnLoad3_Spec.ts
@@ -10,6 +10,9 @@ import {
   apiPage,
   dataSources,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 let dsName: any, jsName: any;
 
@@ -31,6 +34,7 @@ describe("JSObjects OnLoad Actions tests", function () {
       dsName = $dsName;
     });
     cy.fixture("datasources").then((datasourceFormData: any) => {
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.ExpandCollapseEntity("Queries/JS");
       apiPage.CreateAndFillApi(
         "https://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=json",
diff --git a/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/PostgresConnections_spec.ts b/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/PostgresConnections_spec.ts
index eb3f8eb80b..dc48a92739 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/PostgresConnections_spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/OnLoadTests/PostgresConnections_spec.ts
@@ -57,7 +57,7 @@ describe("Test Postgres number of connections on page load + Bug 11572, Bug 1120
       dsName_2 = $dsName;
 
       //Create 10 queries
-      for (let i = 1; i <= 10; i++) {
+      for (let i = 1; i <= 8; i++) {
         dataSources.NavigateFromActiveDS(dsName_2, true);
         agHelper.RenameWithInPane("Query_" + i);
         const userCreateQuery = `select table_name from information_schema.tables where table_schema='public' and table_type='BASE TABLE';`;
@@ -67,7 +67,7 @@ describe("Test Postgres number of connections on page load + Bug 11572, Bug 1120
   });
 
   it("3. Bind queries to select widget", () => {
-    for (let i = 1; i < 10; i++) {
+    for (let i = 1; i < 8; i++) {
       entityExplorer.DragDropWidgetNVerify(
         "selectwidget",
         i * 1.5 * 50 + 100,
@@ -163,7 +163,7 @@ describe("Test Postgres number of connections on page load + Bug 11572, Bug 1120
         entityType: entityItems.Query,
       });
 
-      for (let i = 1; i <= 10; i++) {
+      for (let i = 1; i <= 8; i++) {
         entityExplorer.ActionContextMenuByEntityName({
           entityNameinLeftSidebar: "Query_" + i,
           action: "Delete",
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Array_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Array_Spec.ts
index 35b5d1121b..ace142a9ec 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Array_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Array_Spec.ts
@@ -9,16 +9,25 @@ import {
   entityItems,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("Array Datatype tests", function () {
   let dsName: any, query: string;
 
   before("Create DS, Add DS & setting theme", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     dataSources.CreateDataSource("Postgres");
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
     agHelper.AddDsl("Datatypes/ArrayDTdsl");
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     entityExplorer.NavigateToSwitcher("Widgets");
     appSettings.OpenPaneAndChangeThemeColors(-31, -27);
   });
@@ -30,10 +39,9 @@ describe("Array Datatype tests", function () {
     agHelper.RenameWithInPane("createTable");
     dataSources.RunQuery();
 
-    dataSources.AssertTableInVirtuosoList(dsName, "public.arraytypes");
-
     //Creating SELECT query - arraytypes + Bug 14493
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.arraytypes",
       "Select",
     );
@@ -65,7 +73,6 @@ describe("Array Datatype tests", function () {
     dataSources.CreateQueryFromOverlay(dsName, query, "dropTable"); //Creating query from EE overlay
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("2. Inserting record - arraytypes", () => {
@@ -519,17 +526,7 @@ describe("Array Datatype tests", function () {
     dataSources.RunQuery();
     dataSources.AssertQueryTableResponse(0, "0");
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    });
-    agHelper.AssertElementAbsence(
-      entityExplorer._entityNameInExplorer("public.arraytypes"),
-    );
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
+    dataSources.AssertTableInVirtuosoList(dsName, "public.arraytypes", false);
   });
 
   after(
@@ -537,6 +534,7 @@ describe("Array Datatype tests", function () {
     () => {
       //Verify Deletion of all created queries
       dataSources.DeleteDatasourceFromWithinDS(dsName, 409); //Since all queries exists
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.ExpandCollapseEntity("Queries/JS");
       entityExplorer.DeleteAllQueriesForDB(dsName);
       //Ds Deletion
@@ -544,6 +542,7 @@ describe("Array Datatype tests", function () {
       deployMode.NavigateBacktoEditor();
       entityExplorer.ExpandCollapseEntity("Queries/JS");
       dataSources.DeleteDatasourceFromWithinDS(dsName, 200);
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
     },
   );
 });
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Binary_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Binary_Spec.ts
index a654fb3035..edf2a49340 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Binary_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Binary_Spec.ts
@@ -9,11 +9,16 @@ import {
   table,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("Binary Datatype tests", function () {
   let dsName: any, query: string, imageNameToUpload: string;
 
   before("Create DS, Importing App & setting theme", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     agHelper.AddDsl("Datatypes/BinaryDTdsl");
     appSettings.OpenPaneAndChangeThemeColors(7, -9);
     dataSources.CreateDataSource("Postgres");
@@ -27,11 +32,10 @@ describe("Binary Datatype tests", function () {
     dataSources.CreateQueryAfterDSSaved(query, "createTable");
     dataSources.RunQuery();
 
-    dataSources.AssertTableInVirtuosoList(dsName, "public.binarytype");
-
     //Creating SELECT query - binarytype + Bug 14493
     query = `SELECT binarytype.serialid, binarytype.imagename, encode(binarytype.existingimage, 'escape') as "OldImage", encode(binarytype.newimage, 'escape') as "NewImage" from public."binarytype";`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.binarytype",
       "Select",
     );
@@ -66,7 +70,6 @@ describe("Binary Datatype tests", function () {
     dataSources.SetQueryTimeout(30000);
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
     entityExplorer.SelectEntityByName("Page1");
     deployMode.DeployApp();
     table.WaitForTableEmpty(); //asserting table is empty before inserting!
@@ -394,8 +397,6 @@ describe("Binary Datatype tests", function () {
   //     agHelper.AssertElementAbsence(
   //       entityExplorer._entityNameInExplorer("public.binarytype"),
   //     );
-  //     entityExplorer.ExpandCollapseEntity(dsName, false);
-  //     entityExplorer.ExpandCollapseEntity("Datasources", false);
 
   //     //Delete all queries
   //     dataSources.DeleteDatasourceFromWithinDS(dsName, 409); //Since all queries exists
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/BooleanEnum_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/BooleanEnum_Spec.ts
index 06e7fcd656..380b22067b 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/BooleanEnum_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/BooleanEnum_Spec.ts
@@ -9,11 +9,16 @@ import {
   entityItems,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("Boolean & Enum Datatype tests", function () {
   let dsName: any, query: string;
 
   before("Create Postgress DS, Add dsl, Appply theme", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     agHelper.AddDsl("Datatypes/BooleanEnumDTdsl");
     appSettings.OpenPaneAndChangeThemeColors(-18, -20);
     dataSources.CreateDataSource("Postgres");
@@ -31,10 +36,9 @@ describe("Boolean & Enum Datatype tests", function () {
     dataSources.CreateQueryFromOverlay(dsName, query, "createTable");
     dataSources.RunQuery();
 
-    dataSources.AssertTableInVirtuosoList(dsName, "public.boolenumtypes");
-
     //Select query:
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.boolenumtypes",
       "Select",
     );
@@ -67,7 +71,6 @@ describe("Boolean & Enum Datatype tests", function () {
     dataSources.CreateQueryFromOverlay(dsName, query, "dropEnum");
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("2. Inserting record - boolenumtypes", () => {
@@ -230,17 +233,6 @@ describe("Boolean & Enum Datatype tests", function () {
         expect($cellData).to.eq("0"); //Success response for dropped table!
       });
       entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-      entityExplorer.ExpandCollapseEntity("Datasources");
-      entityExplorer.ExpandCollapseEntity(dsName);
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: dsName,
-        action: "Refresh",
-      });
-      agHelper.AssertElementAbsence(
-        entityExplorer._entityNameInExplorer("public.boolenumtypes"),
-      );
-      entityExplorer.ExpandCollapseEntity(dsName, false);
-      entityExplorer.ExpandCollapseEntity("Datasources", false);
 
       //Delete queries
       dataSources.DeleteDatasourceFromWithinDS(dsName, 409); //Since all queries exists
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Character_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Character_Spec.ts
index 7288f28cf1..bbdbbdba27 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Character_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Character_Spec.ts
@@ -8,11 +8,16 @@ import {
   table,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("Character Datatype tests", function () {
   let dsName: any, query: string;
 
   before("Create Postgress DS", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     agHelper.AddDsl("Datatypes/CharacterDTdsl");
     appSettings.OpenPaneAndChangeTheme("Pacific");
     dataSources.CreateDataSource("Postgres");
@@ -28,12 +33,15 @@ describe("Character Datatype tests", function () {
     agHelper.RenameWithInPane("createTable");
     agHelper.FocusElement(locators._codeMirrorTextArea);
     dataSources.RunQuery();
-    dataSources.AssertTableInVirtuosoList(dsName, "public.chartypes");
   });
 
   it("2. Creating SELECT query - chartypes + Bug 14493", () => {
     query = `SELECT *, char_length("AsMany") as "AsMany-Len", char_length("Unlimited") as "Unlimited-Len" FROM public."chartypes" as charT LIMIT 10;`;
-    entityExplorer.ActionTemplateMenuByEntityName("public.chartypes", "Select");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.chartypes",
+      "Select",
+    );
     dataSources.RunQuery();
     agHelper
       .GetText(dataSources._noRecordFound)
@@ -47,7 +55,11 @@ describe("Character Datatype tests", function () {
   it("3. Creating all queries - chartypes", () => {
     query = `INSERT INTO public."chartypes" ("One(1)", "AsMany", "Limited(4)", "Unlimited")
     VALUES ({{Insertone.text}}, {{Insertasmany.text}}, {{Insertlimited.text}}::varchar(4), {{Insertunlimited.text}});`;
-    entityExplorer.ActionTemplateMenuByEntityName("public.chartypes", "Insert");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.chartypes",
+      "Insert",
+    );
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("insertRecord");
 
@@ -57,27 +69,42 @@ describe("Character Datatype tests", function () {
     "Limited(4)" = {{Updatelimited.text}}::varchar(4),
     "Unlimited" = {{Updateunlimited.text}}
   WHERE serialid = {{Table1.selectedRow.serialid}};`;
-    entityExplorer.ActionTemplateMenuByEntityName("public.chartypes", "Update");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.chartypes",
+      "Update",
+    );
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("updateRecord");
 
     query = `DELETE FROM public."chartypes"`;
-    entityExplorer.ActionTemplateMenuByEntityName("public.chartypes", "Delete");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.chartypes",
+      "Delete",
+    );
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("deleteAllRecords");
 
     query = `drop table public."chartypes"`;
-    entityExplorer.ActionTemplateMenuByEntityName("public.chartypes", "Delete");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.chartypes",
+      "Delete",
+    );
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("dropTable");
 
     query = `DELETE FROM public."chartypes" WHERE serialId = {{Table1.selectedRow.serialid}};`;
-    entityExplorer.ActionTemplateMenuByEntityName("public.chartypes", "Delete");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.chartypes",
+      "Delete",
+    );
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("deleteRecord");
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("4. Inserting record (null values) - chartypes", () => {
@@ -336,17 +363,7 @@ describe("Character Datatype tests", function () {
       expect($cellData).to.eq("0"); //Success response for dropped table!
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    });
-    agHelper.AssertElementAbsence(
-      entityExplorer._entityNameInExplorer("public.chartypes"),
-    );
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
+    dataSources.AssertTableInVirtuosoList(dsName, "public.chartypes", false);
   });
 
   it("15. Verify Deletion of the datasource after all created queries are deleted", () => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/DateTime_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/DateTime_Spec.ts
index 5fd7bdfb42..42c4a46023 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/DateTime_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/DateTime_Spec.ts
@@ -9,11 +9,16 @@ import {
   assertHelper,
   entityItems,
 } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("DateTime Datatype tests", function () {
   let dsName: any, query: string;
 
   before("Create Postgress DS", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     agHelper.AddDsl("Datatypes/DateTimeDTdsl");
     appSettings.OpenPaneAndChangeThemeColors(22, 32);
     dataSources.CreateDataSource("Postgres");
@@ -31,7 +36,6 @@ describe("DateTime Datatype tests", function () {
     agHelper.RenameWithInPane("createTable");
     agHelper.FocusElement(locators._codeMirrorTextArea);
     dataSources.RunQuery();
-    dataSources.AssertTableInVirtuosoList(dsName, "public.datetimetypes");
   });
 
   it("2. Creating SELECT query - datetimetypes + Bug 14493", () => {
@@ -41,7 +45,8 @@ describe("DateTime Datatype tests", function () {
     TO_CHAR (datetimeT.ts, 'MONTH') ||' / ' || TO_CHAR(datetimeT.dater, 'Month') as "MONTH/Month",
     TO_CHAR (datetimeT.dater, 'D') ||' / ' || TO_CHAR(datetimeT.dater, 'day') as "Day of the wentityExplorer.k/WentityExplorer.kday",
     TO_CHAR (datetimeT.dater, 'W') as "WentityExplorer.k of Month" FROM public."datetimetypes" as datetimeT;`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Select",
     );
@@ -56,7 +61,8 @@ describe("DateTime Datatype tests", function () {
   it("3. Creating all queries - datetimetypes", () => {
     query = `INSERT INTO public."datetimetypes" (ts, tstz, dater, timer, intervaler)
     VALUES('{{Insertts.text}}', '{{Inserttstz.text}}', '{{Insertdater.text}}', '{{Inserttimer.text}}', '{{Insertintervaler.text}}');`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Insert",
     );
@@ -67,7 +73,8 @@ describe("DateTime Datatype tests", function () {
     query = `UPDATE public."datetimetypes" SET
     "ts" = '{{Updatets.text}}', "tstz" = '{{Updatetstz.text}}', "dater" = '{{Updatedater.text}}', "timer" = '{{Updatetimer.text}}',
     "intervaler" = '{{Updateintervaler.text}}' WHERE serialid = {{Table1.selectedRow.serialid}};`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Update",
     );
@@ -76,7 +83,8 @@ describe("DateTime Datatype tests", function () {
     dataSources.ToggleUsePreparedStatement(false);
 
     query = `DELETE FROM public."datetimetypes"`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Delete",
     );
@@ -84,7 +92,8 @@ describe("DateTime Datatype tests", function () {
     agHelper.RenameWithInPane("deleteAllRecords");
 
     query = `drop table public."datetimetypes"`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Delete",
     );
@@ -93,7 +102,8 @@ describe("DateTime Datatype tests", function () {
 
     query = `DELETE FROM public."datetimetypes"
     WHERE serialId = {{Table1.selectedRow.serialid}};`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Delete",
     );
@@ -107,7 +117,8 @@ describe("DateTime Datatype tests", function () {
    justify_days(INTERVAL '30 days'),
    justify_hours(INTERVAL '24 hours'),
    EXTRACT (MINUTE  FROM  INTERVAL '5 hours 21 minutes');`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.datetimetypes",
       "Select",
     );
@@ -133,7 +144,6 @@ describe("DateTime Datatype tests", function () {
       entityType: entityItems.Query,
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("5. Inserting record - datetimetypes", () => {
@@ -316,17 +326,11 @@ describe("DateTime Datatype tests", function () {
       expect($cellData).to.eq("0"); //Success response for dropped table!
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    });
-    agHelper.AssertElementAbsence(
-      entityExplorer._entityNameInExplorer("public.datetimetypes"),
+    dataSources.AssertTableInVirtuosoList(
+      dsName,
+      "public.datetimetypes",
+      false,
     );
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
   });
 
   it("12. Verify Deletion of the datasource after all created queries are deleted", () => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Json_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Json_Spec.ts
index 3d1097217d..86d7de13e7 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Json_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Json_Spec.ts
@@ -9,15 +9,24 @@ import {
   locators,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("Json & JsonB Datatype tests", function () {
   let dsName: any, query: string;
 
   before("Importing App & setting theme", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     dataSources.CreateDataSource("Postgres");
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     agHelper.AddDsl("Datatypes/JsonDTdsl");
 
     entityExplorer.NavigateToSwitcher("Widgets");
@@ -40,11 +49,14 @@ describe("Json & JsonB Datatype tests", function () {
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("createTable");
     dataSources.RunQuery();
-    dataSources.AssertTableInVirtuosoList(dsName, "public.jsonbooks");
   });
 
   it("2. Creating SELECT query - jsonbooks + Bug 14493", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("public.jsonbooks", "Select");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.jsonbooks",
+      "Select",
+    );
     agHelper.RenameWithInPane("selectRecords");
     dataSources.RunQuery();
     agHelper
@@ -81,7 +93,6 @@ describe("Json & JsonB Datatype tests", function () {
     agHelper.RenameWithInPane("dropTable");
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("4. Inserting record - jsonbooks", () => {
@@ -314,8 +325,6 @@ describe("Json & JsonB Datatype tests", function () {
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
     dataSources.AssertTableInVirtuosoList(dsName, "public.jsonbooks", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
   });
 
   it("13. Verify Deletion of all created queries", () => {
@@ -347,12 +356,11 @@ describe("Json & JsonB Datatype tests", function () {
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("createTable");
     dataSources.RunQuery();
-
-    dataSources.AssertTableInVirtuosoList(dsName, "public.jsonBbooks");
   });
 
   it("16. Creating SELECT query - jsonBbooks + Bug 14493", () => {
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.jsonBbooks",
       "Select",
     );
@@ -402,7 +410,6 @@ describe("Json & JsonB Datatype tests", function () {
     agHelper.RenameWithInPane("dropEnum");
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("18. Inserting record - jsonbooks", () => {
@@ -660,8 +667,6 @@ describe("Json & JsonB Datatype tests", function () {
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
     dataSources.AssertTableInVirtuosoList(dsName, "public.jsonBbooks", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
   });
 
   it("27. Verify Deletion of all created queries", () => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Numeric_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Numeric_Spec.ts
index 0299fe89fd..17f42e7667 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Numeric_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/Numeric_Spec.ts
@@ -8,11 +8,16 @@ import {
   table,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("Numeric Datatype tests", function () {
   let dsName: any, query: string;
 
   before("Create Postgress DS, set Theme", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     agHelper.AddDsl("Datatypes/NumericDTdsl");
 
     appSettings.OpenPaneAndChangeTheme("Moon");
@@ -29,11 +34,11 @@ describe("Numeric Datatype tests", function () {
     agHelper.RenameWithInPane("createTable");
     agHelper.FocusElement(locators._codeMirrorTextArea);
     dataSources.RunQuery();
-    dataSources.AssertTableInVirtuosoList(dsName, "public.numerictypes");
   });
 
   it("2. Creating SELECT query - numerictypes + Bug 14493", () => {
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.numerictypes",
       "Select",
     );
@@ -47,7 +52,8 @@ describe("Numeric Datatype tests", function () {
   it("3. Creating all queries - numerictypes", () => {
     query = `INSERT INTO public."numerictypes" ("bigintid", "decimalid", "numericid")
     VALUES ({{Insertbigint.text}}, {{Insertdecimal.text}}, {{Insertnumeric.text}})`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.numerictypes",
       "Insert",
     );
@@ -59,7 +65,8 @@ describe("Numeric Datatype tests", function () {
     "decimalid" = {{Updatedecimal.text}},
     "numericid" = {{Updatenumeric.text}}
   WHERE serialid = {{Table1.selectedRow.serialid}};`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.numerictypes",
       "Update",
     );
@@ -67,7 +74,8 @@ describe("Numeric Datatype tests", function () {
     agHelper.RenameWithInPane("updateRecord");
 
     query = `DELETE FROM public."numerictypes"`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.numerictypes",
       "Delete",
     );
@@ -75,7 +83,8 @@ describe("Numeric Datatype tests", function () {
     agHelper.RenameWithInPane("deleteAllRecords");
 
     query = `drop table public."numerictypes"`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.numerictypes",
       "Delete",
     );
@@ -84,14 +93,14 @@ describe("Numeric Datatype tests", function () {
 
     query = `DELETE FROM public."numerictypes"
     WHERE serialId ={{Table1.selectedRow.serialid}}`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "public.numerictypes",
       "Delete",
     );
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("deleteRecord");
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("4. Inserting record (+ve limit) - numerictypes + Bug 14516", () => {
@@ -248,6 +257,7 @@ describe("Numeric Datatype tests", function () {
   it("11. Deleting records - numerictypes", () => {
     table.SelectTableRow(1);
     agHelper.ClickButton("DeleteQuery", 1);
+    agHelper.Sleep(3000); //for CI to finish delete
     agHelper.AssertElementVisibility(locators._buttonByText("Run InsertQuery"));
     table.ReadTableRowColumnData(1, 0, "v1", 2000).then(($cellData) => {
       expect($cellData).not.to.eq("3"); //asserting 3rd record is deleted
@@ -296,8 +306,6 @@ describe("Numeric Datatype tests", function () {
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
     dataSources.AssertTableInVirtuosoList(dsName, "public.numerictypes", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
   });
 
   it("15. Verify Deletion of the datasource after all created queries are deleted", () => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/UUID_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/UUID_Spec.ts
index 2c805d81a3..93c03317c0 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/UUID_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/Postgres_DataTypes/UUID_Spec.ts
@@ -10,15 +10,24 @@ import {
   entityItems,
   assertHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 describe("UUID Datatype tests", function () {
   let dsName: any, query: string, imageNameToUpload: string;
 
   before("Importing App & setting theme", () => {
+    featureFlagIntercept({
+      ab_gsheet_schema_enabled: true,
+      ab_mock_mongo_schema_enabled: true,
+    });
     dataSources.CreateDataSource("Postgres");
     cy.get("@dsName").then(($dsName) => {
       dsName = $dsName;
     });
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     agHelper.AddDsl("Datatypes/UUIDDTdsl");
 
     entityExplorer.NavigateToSwitcher("Widgets");
@@ -40,11 +49,14 @@ describe("UUID Datatype tests", function () {
     dataSources.EnterQuery(query);
     agHelper.RenameWithInPane("createTable");
     dataSources.RunQuery();
-    dataSources.AssertTableInVirtuosoList(dsName, "public.uuidtype");
   });
 
   it("3. Creating SELECT query - uuidtype + Bug 14493", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("public.uuidtype", "Select");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "public.uuidtype",
+      "Select",
+    );
     dataSources.RunQuery();
     agHelper
       .GetText(dataSources._noRecordFound)
@@ -79,7 +91,6 @@ describe("UUID Datatype tests", function () {
     agHelper.RenameWithInPane("deleteRecord");
 
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity(dsName, false);
   });
 
   it("5. Inserting record - uuidtype", () => {
@@ -370,17 +381,7 @@ describe("UUID Datatype tests", function () {
       expect($cellData).to.eq("0"); //Success response for dropped table!
     });
     entityExplorer.ExpandCollapseEntity("Queries/JS", false);
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    });
-    agHelper.AssertElementAbsence(
-      entityExplorer._entityNameInExplorer("public.uuidtype"),
-    );
-    entityExplorer.ExpandCollapseEntity(dsName, false);
-    entityExplorer.ExpandCollapseEntity("Datasources", false);
+    dataSources.AssertTableInVirtuosoList(dsName, "public.uuidtype", false);
   });
 
   it("15. Verify Deletion of all created queries", () => {
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/DSDocs_Spec.ts b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/DSDocs_Spec.ts
index d14f44e466..3fa03bb377 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/DSDocs_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/DSDocs_Spec.ts
@@ -144,8 +144,7 @@ describe("Check datasource doc links", function () {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
     // entityExplorer.ActionContextMenuByEntityName({
     //   entityNameinLeftSidebar: dsName,
     //   action: "Delete",
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/GoogleSheets_spec.ts b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/GoogleSheets_spec.ts
index ca04e767d3..5440d79dfb 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/GoogleSheets_spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/GoogleSheets_spec.ts
@@ -4,6 +4,9 @@ import {
   locators,
   agHelper,
 } from "../../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
 
 describe(
   "excludeForAirgap",
@@ -44,7 +47,7 @@ describe(
       );
       agHelper.GetNClick(locators._visibleTextSpan("Don't save"));
       agHelper.Sleep();
-      agHelper.GoBack();
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       agHelper.Sleep();
     });
   },
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo1_spec.ts b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo1_spec.ts
index 8ecc449772..f76471392f 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo1_spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo1_spec.ts
@@ -307,16 +307,19 @@ describe("Validate Mongo Query Pane Validations", () => {
         7,
       );
     });
+
     agHelper.ActionContextMenuWithInPane({
       action: "Delete",
       entityType: entityItems.Query,
     });
-
-    dataSources.AssertTableInVirtuosoList(dsName, "AuthorNAwards");
   });
 
   it("3. Validate 'Find' record from new collection & verify query response", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Find");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Find",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Find document(s)");
     dataSources.RunQueryNVerifyResponseViews(1, false);
     agHelper.ActionContextMenuWithInPane({
@@ -326,7 +329,8 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("4. Validate 'Find by ID' record from new collection & verify query response", () => {
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       "AuthorNAwards",
       "Find by id",
     );
@@ -397,7 +401,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   ]
 }]`;
 
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Insert");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Insert",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Insert document(s)");
     agHelper.EnterValue(insertauthorNAwards, {
       propFieldName: "",
@@ -419,7 +427,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("6. Validate 'Update' record from new collection & verify query response - Record not present - All Matching Document", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Update");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Update",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Update document(s)");
     agHelper.EnterValue(`{"_id": 3}`, {
       propFieldName: "",
@@ -448,7 +460,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("7. Validate 'Update' record from new collection & verify query response - Record present - All Matching Document", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Update");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Update",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Update document(s)");
     agHelper.EnterValue(
       `{
@@ -487,7 +503,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("8. Validate 'Update' record from new collection & verify query response - Record present - Single document", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Update");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Update",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Update document(s)");
     agHelper.EnterValue(`{"_id": 4}`, {
       propFieldName: "",
@@ -521,7 +541,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("9. Validate 'Delete' record from new collection & verify query response - Record not present - Single document", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Delete");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Delete",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Delete document(s)");
     agHelper.EnterValue(`{ "_id": ObjectId("51df07b094c6acd67e492f43") }`, {
       propFieldName: "",
@@ -544,7 +568,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("10. Validate 'Delete' record from new collection & verify query response - Record present - Single document", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Delete");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Delete",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Delete document(s)");
     agHelper.EnterValue(`{ "_id": ObjectId("51df07b094c6acd67e492f41") }`, {
       propFieldName: "",
@@ -569,7 +597,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("11. Validate 'Delete' record from new collection & verify query response - Record present - All Matching Document", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Delete");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Delete",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Delete document(s)");
     agHelper.EnterValue(`{ "awards.award": "Rosing Prize" }`, {
       propFieldName: "",
@@ -596,7 +628,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("12. Validate 'Count' record from new collection & verify query response", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Count");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Count",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Count");
     dataSources.RunQuery();
     cy.get("@postExecute").then((resObj: any) => {
@@ -611,7 +647,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("13. Validate 'Distinct' record from new collection & verify query response", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Distinct");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Distinct",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Distinct");
     agHelper.EnterValue(`{ "awards.award": "National Medal of Technology" }`, {
       propFieldName: "",
@@ -637,7 +677,11 @@ describe("Validate Mongo Query Pane Validations", () => {
   });
 
   it("14. Validate 'Aggregate' record from new collection & verify query response", () => {
-    entityExplorer.ActionTemplateMenuByEntityName("AuthorNAwards", "Aggregate");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "AuthorNAwards",
+      "Aggregate",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Aggregate");
     dataSources.RunQueryNVerifyResponseViews(7, false);
     agHelper.ActionContextMenuWithInPane({
@@ -684,11 +728,12 @@ describe("Validate Mongo Query Pane Validations", () => {
     //agHelper.VerifyEvaluatedValue(tableCreateQuery);
 
     dataSources.RunQuery();
+    dataSources.AssertTableInVirtuosoList(dsName, "AuthorNAwards", false);
+
     agHelper.ActionContextMenuWithInPane({
       action: "Delete",
       entityType: entityItems.Query,
     });
-    dataSources.AssertTableInVirtuosoList(dsName, "AuthorNAwards", false);
   });
 
   it("18. Verify application does not break when user runs the query with wrong collection name", function () {
@@ -783,10 +828,14 @@ describe("Validate Mongo Query Pane Validations", () => {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    //Execute a find query on this collection to see if dates are fetched properly
-    dataSources.AssertTableInVirtuosoList(dsName, "BirthNDeath");
+    dataSources.navigateToDatasource(dsName);
 
-    entityExplorer.ActionTemplateMenuByEntityName("BirthNDeath", "Find");
+    //Execute a find query on this collection to see if dates are fetched properly
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
+      "BirthNDeath",
+      "Find",
+    );
     dataSources.ValidateNSelectDropdown("Commands", "Find document(s)");
     dataSources.RunQueryNVerifyResponseViews(4, false);
     agHelper.ActionContextMenuWithInPane({
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo_Spec.js b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo_Spec.js
index db662156bb..1e87d8295c 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo_Spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Mongo_Spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const queryLocators = require("../../../../locators/QueryEditor.json");
 const generatePage = require("../../../../locators/GeneratePage.json");
 const formControls = require("../../../../locators/FormControl.json");
@@ -11,6 +15,7 @@ import {
   assertHelper,
   locators,
 } from "../../../../support/Objects/ObjectsCore";
+import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
 
 let datasourceName;
 
@@ -28,9 +33,9 @@ describe("Validate Mongo query commands", function () {
 
   before("Creates a new Mongo datasource", function () {
     dataSources.CreateDataSource("Mongo");
-    dataSources.CreateQueryAfterDSSaved();
     cy.get("@dsName").then(($dsName) => {
       datasourceName = $dsName;
+      dataSources.CreateQueryAfterDSSaved();
     });
   });
 
@@ -275,8 +280,7 @@ describe("Validate Mongo query commands", function () {
   });
 
   it("7. Validate Deletion of the Newly Created Page", () => {
-    cy.NavigateToQueryEditor();
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, 409);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, 409);
     entityExplorer.ActionContextMenuByEntityName({
       entityNameinLeftSidebar: "ListingAndReviews",
       action: "Delete",
@@ -287,8 +291,12 @@ describe("Validate Mongo query commands", function () {
 
   it("8. Bug 7399: Validate Form based & Raw command based templates", function () {
     let id;
-    dataSources.AssertTableInVirtuosoList(datasourceName, "listingAndReviews");
-    entityExplorer.ActionTemplateMenuByEntityName("listingAndReviews", "Find");
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      datasourceName,
+      "listingAndReviews",
+      "Find",
+    );
+    entityExplorer.SelectEntityByName("Query1");
 
     cy.get(`${formControls.mongoCollection} .rc-select-selection-item`)
       .then(($field) => {
@@ -364,8 +372,7 @@ describe("Validate Mongo query commands", function () {
   });
 
   it("9. Delete the datasource after NewPage deletion is success", () => {
-    cy.NavigateToQueryEditor();
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, [200, 409]);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, [200, 409]);
   });
 
   it("10. Bug 6375: Cyclic Dependency error occurs and the app crashes when the user generate table and chart from mongo query", function () {
@@ -422,19 +429,7 @@ describe("Validate Mongo query commands", function () {
     dataSources.RunQuery();
     dataSources.CheckResponseRecordsCount(3);
 
-    cy.get("@dSName").then((dbName) => {
-      //cy.CheckAndUnfoldEntityItem("Datasources");
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: dbName,
-        action: "Refresh",
-        entityType: entityItems.Datasource,
-      });
-      // cy.get(`.t--entity.datasource:contains(${dbName})`)
-      //   .find(explorer.collapse)
-      //   .first()
-      //   .click();
-    });
-    cy.xpath("//div[text()='NonAsciiTest']").should("exist");
+    dataSources.AssertTableInVirtuosoList(datasourceName, "NonAsciiTest");
 
     //Verifying Suggested Widgets functionality
     cy.get(queryLocators.suggestedTableWidget).click().wait(1000);
@@ -563,15 +558,14 @@ describe("Validate Mongo query commands", function () {
     cy.typeValueNValidate('{"drop": "NonAsciiTest"}', formControls.rawBody);
     cy.wait(1000); //Waiting a bit before runing the command
     dataSources.RunQuery({ waitTimeInterval: 2000 });
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    cy.get("@dSName").then((dbName) => {
-      entityExplorer.ActionContextMenuByEntityName({
-        entityNameinLeftSidebar: dbName,
-        action: "Refresh",
-        entityType: entityItems.Datasource,
-      });
+    dataSources.AssertTableInVirtuosoList(
+      datasourceName,
+      "NonAsciiTest",
+      false,
+    );
+    agHelper.ActionContextMenuWithInPane({
+      action: "Delete",
+      entityType: entityItems.Query,
     });
-    cy.xpath("//div[text()='NonAsciiTest']").should("not.exist"); //validating drop is successful!
-    cy.deleteQueryUsingContext();
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Postgres_Spec.js b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Postgres_Spec.js
index fcfb673a40..80c449e7d0 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Postgres_Spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/Postgres_Spec.js
@@ -1,3 +1,7 @@
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../../support/Pages/EditorNavigation";
+
 const queryLocators = require("../../../../locators/QueryEditor.json");
 const generatePage = require("../../../../locators/GeneratePage.json");
 const commonlocators = require("../../../../locators/commonlocators.json");
@@ -26,6 +30,7 @@ describe("Validate CRUD queries for Postgres along with UI flow verifications",
   });
 
   it("2. Create & runs existing table data with dynamic binding and deletes the query", () => {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     entityExplorer.NavigateToSwitcher("Widgets");
     cy.dragAndDropToCanvas("tablewidgetv2", { x: 100, y: 100 });
     cy.NavigateToActiveDSQueryPane(datasourceName);
@@ -270,8 +275,7 @@ describe("Validate CRUD queries for Postgres along with UI flow verifications",
   });
 
   it("9. Validate Deletion of the Newly Created Page", () => {
-    cy.NavigateToQueryEditor();
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, 409);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, 409);
     entityExplorer.ActionContextMenuByEntityName({
       entityNameinLeftSidebar: "Public.users_crud",
       action: "Delete",
@@ -285,12 +289,12 @@ describe("Validate CRUD queries for Postgres along with UI flow verifications",
     dataSources.NavigateFromActiveDS(datasourceName, true);
     dataSources.EnterQuery(deleteTblQuery);
     dataSources.RunQuery();
-    entityExplorer.ExpandCollapseEntity("Datasources");
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: datasourceName,
-      action: "Refresh",
-    });
-    cy.xpath("//div[text()='public.users_crud']").should("not.exist"); //validating drop is successful!
+    // TODO use the schema on the query itself to check
+    dataSources.AssertTableInVirtuosoList(
+      datasourceName,
+      "public.users_crud",
+      false,
+    );
     cy.deleteQueryUsingContext();
   });
 
@@ -320,7 +324,6 @@ describe("Validate CRUD queries for Postgres along with UI flow verifications",
   });
 
   it("13. Deletes the datasource", () => {
-    cy.NavigateToQueryEditor();
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, [200, 409]);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, [200, 409]);
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_1_spec.js b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_1_spec.js
index fa4001575d..0aca3b0f30 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_1_spec.js
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_1_spec.js
@@ -77,13 +77,9 @@ describe("Validate CRUD queries for Amazon S3 along with UI flow verifications",
     });
     cy.wait(2000);
 
-    dataSources.AssertTableInVirtuosoList(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
       datasourceName,
       "assets-test--appsmith",
-    );
-
-    entityExplorer.ActionTemplateMenuByEntityName(
-      "assets-test--appsmith",
       "List files",
     );
 
@@ -512,7 +508,6 @@ describe("Validate CRUD queries for Amazon S3 along with UI flow verifications",
   });
 
   it("7. Validate Deletion of the Newly Created Page", () => {
-    cy.NavigateToQueryEditor();
     dataSources.DeleteDatasourceFromWithinDS(datasourceName, 409);
     entityExplorer.ActionContextMenuByEntityName({
       entityNameinLeftSidebar: "Assets-test.appsmith.com",
@@ -522,6 +517,6 @@ describe("Validate CRUD queries for Amazon S3 along with UI flow verifications",
   });
 
   after("Deletes the datasource", () => {
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, [200, 409]);
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, [200, 409]);
   });
 });
diff --git a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_2_spec.ts b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_2_spec.ts
index ca9f57b295..66b72f85cd 100644
--- a/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_2_spec.ts
+++ b/app/client/cypress/e2e/Regression/ServerSide/QueryPane/S3_2_spec.ts
@@ -460,7 +460,7 @@ describe("Validate CRUD queries for Amazon S3 along with UI flow verifications",
   });
 
   after("Deletes the datasource", () => {
-    dataSources.DeleteDatasouceFromActiveTab(datasourceName, 409); //since crud page is still active
+    dataSources.DeleteDatasourceFromWithinDS(datasourceName, 409); //since crud page is still active
   });
 
   function DeleteS3FileFromUI(
diff --git a/app/client/cypress/e2e/Sanity/Datasources/Airtable_Basic_Spec.ts b/app/client/cypress/e2e/Sanity/Datasources/Airtable_Basic_Spec.ts
index 5c246b3d13..5838c5dd4d 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/Airtable_Basic_Spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/Airtable_Basic_Spec.ts
@@ -391,10 +391,10 @@ describe("excludeForAirgap", "Validate Airtable Ds", () => {
       action: "Delete",
       entityType: entityItems.Query,
     });
-    dataSources.DeleteDatasouceFromActiveTab(dsName, 409); //Since page was deployed in testcase #2
+    dataSources.DeleteDatasourceFromWithinDS(dsName, 409); //Since page was deployed in testcase #2
     deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.TABLE));
     table.WaitForTableEmpty("v2");
     deployMode.NavigateBacktoEditor();
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
   });
 });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/ArangoDataSourceStub_spec.js b/app/client/cypress/e2e/Sanity/Datasources/ArangoDataSourceStub_spec.js
index 321ab0c348..589f26f49e 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/ArangoDataSourceStub_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/ArangoDataSourceStub_spec.js
@@ -11,7 +11,7 @@ describe("Arango datasource test cases", function () {
       fixture: "testAction.json",
     }).as("testDatasource");
     cy.testSaveDatasource(false);
-    dataSources.DeleteDatasouceFromActiveTab("ArangoWithnoTrailing");
+    dataSources.DeleteDatasourceFromWithinDS("ArangoWithnoTrailing");
   });
 
   it("2. Create with trailing white spaces in host address and database name, test, save then delete a Arango datasource", function () {
diff --git a/app/client/cypress/e2e/Sanity/Datasources/Arango_Basic_Spec.ts b/app/client/cypress/e2e/Sanity/Datasources/Arango_Basic_Spec.ts
index 66eb812064..836f24bb6e 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/Arango_Basic_Spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/Arango_Basic_Spec.ts
@@ -49,7 +49,6 @@ describe("Validate Arango & CURL Import Datasources", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
-    dataSources.AssertTableInVirtuosoList(dsName, collectionName);
 
     //Add data into this newly created collection
     let curlDataAdd =
@@ -131,19 +130,14 @@ describe("Validate Arango & CURL Import Datasources", () => {
       action: "Delete",
       entityType: entityItems.Api,
     });
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    }); //needed for the added data to reflect in template queries
   });
 
   it("2. Run Select, Create, Update, Delete & few more queries on the created collection + Widget Binding", () => {
     entityExplorer.DragDropWidgetNVerify(draggableWidgets.INPUT_V2);
     propPane.UpdatePropertyFieldValue("Default value", "Brazil");
-    entityExplorer.NavigateToSwitcher("Explorer");
-    //Select's own query
-    entityExplorer.ActionTemplateMenuByEntityName(
+    //Create a select query
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       `${collectionName}`,
       "Select",
     );
@@ -167,7 +161,8 @@ describe("Validate Arango & CURL Import Datasources", () => {
     dataSources.AssertQueryTableResponse(0, "Japan");
 
     //Insert a new place
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       `${collectionName}`,
       "Create",
     );
@@ -221,7 +216,8 @@ describe("Validate Arango & CURL Import Datasources", () => {
     dataSources.AssertQueryTableResponse(7, "Iguazu Falls"); //making sure new inserted record is also considered for filtering
 
     //Update Japan to Australia
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       `${collectionName}`,
       "Update",
     );
@@ -248,27 +244,38 @@ describe("Validate Arango & CURL Import Datasources", () => {
     dataSources.EnterQuery(query);
     dataSources.RunQueryNVerifyResponseViews();
 
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       `${collectionName}`,
       "Select",
     );
+    query = `FOR document IN ${collectionName}
+    FILTER document._key == "1"
+    RETURN document`;
+    dataSources.EnterQuery(query);
     dataSources.RunQueryNVerifyResponseViews(1);
     dataSources.AssertQueryTableResponse(3, "Australia");
 
     //Delete record from collection
-    entityExplorer.ActionTemplateMenuByEntityName(
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       `${collectionName}`,
       "Delete",
     );
+    query = `REMOVE "1" in ${collectionName}`;
+    dataSources.EnterQuery(query);
     dataSources.RunQueryNVerifyResponseViews(1); //Removing Australia
 
     //Verify no records return for the deleted key
     query = `FOR document IN ${collectionName}
-    RETURN { country: document.country }`;
-    entityExplorer.ActionTemplateMenuByEntityName(
+    FILTER document._key == "1"
+    RETURN document`;
+    dataSources.createQueryWithDatasourceSchemaTemplate(
+      dsName,
       `${collectionName}`,
       "Select",
     );
+    dataSources.EnterQuery(query);
     dataSources.RunQuery();
     agHelper
       .GetText(dataSources._noRecordFound)
@@ -329,14 +336,8 @@ describe("Validate Arango & CURL Import Datasources", () => {
       entityType: entityItems.Api,
     }); //Deleting api created
 
-    entityExplorer.ExpandCollapseEntity(dsName);
-    entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Refresh",
-    }); //needed for the deletion of ds to reflect
-    agHelper.AssertElementVisibility(dataSources._noSchemaAvailable(dsName));
     //Deleting datasource finally
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
 
     dataSources.StopNDeleteContainer(containerName);
   });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/AuthenticatedApiDatasource_spec.js b/app/client/cypress/e2e/Sanity/Datasources/AuthenticatedApiDatasource_spec.js
index eb6a21c3dc..b6be485dbc 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/AuthenticatedApiDatasource_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/AuthenticatedApiDatasource_spec.js
@@ -26,7 +26,7 @@ describe("Authenticated API Datasource", function () {
     cy.get(".t--save-datasource").click({ force: true });
     cy.contains(URL + "/users");
     agHelper.WaitUntilAllToastsDisappear();
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
   });
 
   it("3. Bug: 14181 -Make sure the datasource view mode page does not contain labels with no value.", function () {
@@ -38,7 +38,7 @@ describe("Authenticated API Datasource", function () {
     cy.contains(headers).should("not.exist");
     cy.contains(queryParams).should("not.exist");
     agHelper.WaitUntilAllToastsDisappear();
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
   });
 
   it("4. Bug: 18051 - Save and Authorise should return to datasource page in view mode and not new datasource page", () => {
@@ -55,7 +55,7 @@ describe("Authenticated API Datasource", function () {
           );
           agHelper.RefreshPage();
           agHelper.AssertElementVisibility(dataSources._editButton);
-          dataSources.DeleteDatasouceFromActiveTab("TED_OAuth" + uid);
+          dataSources.DeleteDatasourceFromWithinDS("TED_OAuth" + uid);
         });
       });
     });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/DSAutosaveImprovements_spec.ts b/app/client/cypress/e2e/Sanity/Datasources/DSAutosaveImprovements_spec.ts
index 93afa4b225..64aae68c93 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/DSAutosaveImprovements_spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/DSAutosaveImprovements_spec.ts
@@ -1,4 +1,7 @@
 import { ObjectsRegistry } from "../../../support/Objects/Registry";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../support/Pages/EditorNavigation";
 
 const agHelper = ObjectsRegistry.AggregateHelper,
   dataSources = ObjectsRegistry.DataSources;
@@ -15,7 +18,7 @@ describe("Datasource Autosave Improvements Tests", function () {
       dataSources.SaveDSFromDialog(false);
 
       // assert that datasource is not saved and cant be seen in active ds list
-      dataSources.NavigateToActiveTab();
+      EditorNavigation.ViaSidebar(SidebarButton.Data);
       agHelper.AssertContains(dsName, "not.exist", dataSources._datasourceCard);
     });
   });
@@ -33,11 +36,11 @@ describe("Datasource Autosave Improvements Tests", function () {
       dataSources.SaveDSFromDialog(true);
 
       // assert that datasource is saved and can be seen in active ds list
-      dataSources.NavigateToActiveTab();
+      EditorNavigation.ViaSidebar(SidebarButton.Data);
       agHelper.AssertContains(dsName, "exist", dataSources._datasourceCard);
 
       // delete datasource
-      dataSources.DeleteDatasouceFromActiveTab(dsName);
+      dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -64,7 +67,7 @@ describe("Datasource Autosave Improvements Tests", function () {
       // delete datasource
       cy.get("@dsName").then(($dsName) => {
         dsName = $dsName;
-        dataSources.DeleteDatasouceFromActiveTab(dsName);
+        dataSources.DeleteDatasourceFromWithinDS(dsName);
       });
     });
   });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/DatasourceForm_spec.js b/app/client/cypress/e2e/Sanity/Datasources/DatasourceForm_spec.js
index 748ce6f3a3..996386f634 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/DatasourceForm_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/DatasourceForm_spec.js
@@ -9,8 +9,6 @@ import {
 
 describe("Datasource form related tests", function () {
   it("1. Check whether the number of key value pairs is equal to number of delete buttons", function () {
-    cy.NavigateToAPI_Panel();
-
     apiPage.CreateAndFillApi(testdata.baseUrl + testdata.methods);
     cy.get(".t--store-as-datasource").click();
 
@@ -28,7 +26,7 @@ describe("Datasource form related tests", function () {
     cy.get(".t--save-datasource").should("not.be.disabled");
     dataSources.SaveDSFromDialog();
     //Check if saved api as a datasource does not fail on cloning", function () {
-    cy.NavigateToAPI_Panel();
+
     entityExplorer.ExpandCollapseEntity("Queries/JS");
     entityExplorer.ActionContextMenuByEntityName({
       entityNameinLeftSidebar: "Api1",
diff --git a/app/client/cypress/e2e/Sanity/Datasources/GraphQL_spec.ts b/app/client/cypress/e2e/Sanity/Datasources/GraphQL_spec.ts
index cfe41eae8f..661e9b96a9 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/GraphQL_spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/GraphQL_spec.ts
@@ -248,7 +248,7 @@ describe("GraphQL Datasource Implementation", function () {
       RunNValidateGraphQL();
     });
     cy.get("@dsName").then(($dsName: any) => {
-      dataSources.DeleteDatasouceFromActiveTab($dsName);
+      dataSources.DeleteDatasourceFromWithinDS($dsName);
     });
   });
 
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MockDBs_Spec.ts b/app/client/cypress/e2e/Sanity/Datasources/MockDBs_Spec.ts
index 7cd4ac49dc..4e408536df 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MockDBs_Spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/MockDBs_Spec.ts
@@ -7,6 +7,9 @@ import {
 } from "../../../support/Objects/ObjectsCore";
 let dsName: any;
 import formControls from "../../../locators/FormControl.json";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../support/Pages/EditorNavigation";
 
 describe(
   "excludeForAirgap",
@@ -27,20 +30,20 @@ describe(
         );
 
         dataSources.RunQueryNVerifyResponseViews(5); //minimum 5 rows are expected
-        dataSources.NavigateToActiveTab();
-        agHelper
-          .GetText(dataSources._queriesOnPageText(mockDBName))
+        EditorNavigation.ViaSidebar(SidebarButton.Data);
+        dataSources
+          .getDatasourceListItemDescription(mockDBName)
           .then(($queryCount) =>
-            expect($queryCount).to.eq("1 query on this page"),
+            expect($queryCount).to.eq("1 queries in this app"),
           );
 
         entityExplorer.CreateNewDsQuery(mockDBName);
         dataSources.RunQueryNVerifyResponseViews(10, true);
-        dataSources.NavigateToActiveTab();
-        agHelper
-          .GetText(dataSources._queriesOnPageText(mockDBName))
+        EditorNavigation.ViaSidebar(SidebarButton.Data);
+        dataSources
+          .getDatasourceListItemDescription(mockDBName)
           .then(($queryCount) =>
-            expect($queryCount).to.eq("2 queries on this page"),
+            expect($queryCount).to.eq("2 queries in this app"),
           );
       });
     });
@@ -62,27 +65,28 @@ describe(
         agHelper.Sleep(2000); //for movies collection to load & populate in dropdown
         dataSources.ValidateNSelectDropdown("Collection", "movies");
         dataSources.RunQueryNVerifyResponseViews(1, false);
-        dataSources.NavigateToActiveTab();
-        agHelper
-          .GetText(dataSources._queriesOnPageText(mockDBName))
+        EditorNavigation.ViaSidebar(SidebarButton.Data);
+        dataSources
+          .getDatasourceListItemDescription(mockDBName)
           .then(($queryCount) =>
-            expect($queryCount).to.eq("1 query on this page"),
+            expect($queryCount).to.eq("1 queries in this app"),
           );
 
         entityExplorer.CreateNewDsQuery(mockDBName);
         dataSources.ValidateNSelectDropdown("Commands", "Find document(s)");
         dataSources.ValidateNSelectDropdown("Collection", "movies");
         dataSources.RunQueryNVerifyResponseViews(1, false);
-        dataSources.NavigateToActiveTab();
-        agHelper
-          .GetText(dataSources._queriesOnPageText(mockDBName))
+        EditorNavigation.ViaSidebar(SidebarButton.Data);
+        dataSources
+          .getDatasourceListItemDescription(mockDBName)
           .then(($queryCount) =>
-            expect($queryCount).to.eq("2 queries on this page"),
+            expect($queryCount).to.eq("2 queries in this app"),
           );
       });
     });
 
     afterEach(() => {
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       entityExplorer.ExpandCollapseEntity("Queries/JS");
       entityExplorer.ActionContextMenuByEntityName({
         entityNameinLeftSidebar: "Query1",
@@ -94,15 +98,13 @@ describe(
         action: "Delete",
         entityType: entityItems.Query,
       });
-      dataSources.NavigateToActiveTab();
-      agHelper
-        .GetText(dataSources._queriesOnPageText(dsName))
+      EditorNavigation.ViaSidebar(SidebarButton.Data);
+      dataSources
+        .getDatasourceListItemDescription(dsName)
         .then(($queryCount) =>
-          expect($queryCount).to.eq(
-            "No query in this application is using this datasource",
-          ),
+          expect($queryCount).to.eq("No queries in this app"),
         );
-      dataSources.DeleteDatasouceFromActiveTab(dsName);
+      dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   },
 );
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MongoDatasourceURI_spec.ts b/app/client/cypress/e2e/Sanity/Datasources/MongoDatasourceURI_spec.ts
index ffba267a9b..afa3d45d54 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MongoDatasourceURI_spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/MongoDatasourceURI_spec.ts
@@ -21,7 +21,7 @@ describe("Create, test, save then delete a mongo datasource using URI", function
 
       dataSources.FillMongoDatasourceFormWithURI();
       dataSources.TestSaveDatasource(true);
-      dataSources.DeleteDatasouceFromActiveTab(dsName);
+      dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 
@@ -37,7 +37,7 @@ describe("Create, test, save then delete a mongo datasource using URI", function
 
       dataSources.FillMongoDSForm(dataManager.defaultEnviorment, true);
       dataSources.TestSaveDatasource();
-      dataSources.DeleteDatasouceFromActiveTab(dsName);
+      dataSources.DeleteDatasourceFromWithinDS(dsName);
     });
   });
 });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MsSQLDataSourceStub_spec.js b/app/client/cypress/e2e/Sanity/Datasources/MsSQLDataSourceStub_spec.js
index b7428835e6..4ca6eea025 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MsSQLDataSourceStub_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/MsSQLDataSourceStub_spec.js
@@ -15,7 +15,7 @@ describe("MsSQL datasource test cases", function () {
         fixture: "testAction.json",
       }).as("testDatasource");
       cy.testSaveDatasource(false);
-      dataSources.DeleteDatasouceFromActiveTab(datasourceName);
+      dataSources.DeleteDatasourceFromWithinDS(datasourceName);
     });
   });
 
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MsSQL_Basic_Spec.ts b/app/client/cypress/e2e/Sanity/Datasources/MsSQL_Basic_Spec.ts
index a92e6694c5..044e6787f3 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MsSQL_Basic_Spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/MsSQL_Basic_Spec.ts
@@ -309,7 +309,7 @@ describe("Validate MsSQL connection & basic querying with UI flows", () => {
 
     //Should not be able to delete ds until app is published again
     //coz if app is published & shared then deleting ds may cause issue, So!
-    dataSources.DeleteDatasouceFromActiveTab(dsName, 409);
+    dataSources.DeleteDatasourceFromWithinDS(dsName, 409);
     agHelper.WaitUntilAllToastsDisappear();
     deployMode.DeployApp(locators._emptyPageTxt);
     agHelper.Sleep(3000);
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MySQLDataSourceStub_spec.js b/app/client/cypress/e2e/Sanity/Datasources/MySQLDataSourceStub_spec.js
index 0251b7e58e..46076aa092 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MySQLDataSourceStub_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/MySQLDataSourceStub_spec.js
@@ -14,7 +14,7 @@ describe("MySQL datasource test cases", function () {
         fixture: "testAction.json",
       }).as("testDatasource");
       cy.testSaveDatasource(false);
-      dataSources.DeleteDatasouceFromActiveTab(datasourceName);
+      dataSources.DeleteDatasourceFromWithinDS(datasourceName);
     });
   });
 
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MySQLNoiseTest_spec.js b/app/client/cypress/e2e/Sanity/Datasources/MySQLNoiseTest_spec.js
index 4b3c948634..92e43df803 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MySQLNoiseTest_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/MySQLNoiseTest_spec.js
@@ -34,8 +34,6 @@ describe("MySQL noise test", function () {
     );
     cy.WaitAutoSave();
     cy.runQuery();
-    cy.NavigateToAPI_Panel();
-    cy.log("Navigation to API Panel screen successful");
     // API for killing mySQL session
     cy.CreateAPI("killSession");
     cy.enterDatasourceAndPath(
diff --git a/app/client/cypress/e2e/Sanity/Datasources/MySQL_spec.js b/app/client/cypress/e2e/Sanity/Datasources/MySQL_spec.js
index a4febb7d6e..cbbb8c216e 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/MySQL_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/MySQL_spec.js
@@ -16,7 +16,7 @@ describe("MySQL datasource test cases", function () {
       datasourceName = `MySQL MOCKDS ${UUID}`;
       cy.renameDatasource(datasourceName);
       cy.testSaveDatasource();
-      dataSources.DeleteDatasouceFromActiveTab(datasourceName);
+      dataSources.DeleteDatasourceFromWithinDS(datasourceName);
     });
   });
 
diff --git a/app/client/cypress/e2e/Sanity/Datasources/Port_Number_Placeholder_Spec.ts b/app/client/cypress/e2e/Sanity/Datasources/Port_Number_Placeholder_Spec.ts
index 2b2256d355..a7525aa596 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/Port_Number_Placeholder_Spec.ts
+++ b/app/client/cypress/e2e/Sanity/Datasources/Port_Number_Placeholder_Spec.ts
@@ -12,7 +12,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // Oracle
     dataSources.NavigateToDSCreateNew();
@@ -24,7 +23,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // SMTP
     dataSources.NavigateToDSCreateNew();
@@ -36,7 +34,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // MySQL
     dataSources.NavigateToDSCreateNew();
@@ -48,7 +45,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // Postgres
     dataSources.NavigateToDSCreateNew();
@@ -60,7 +56,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // MongoDB
     dataSources.NavigateToDSCreateNew();
@@ -72,7 +67,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // Elasticsearch
     dataSources.NavigateToDSCreateNew();
@@ -84,7 +78,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // Redis
     dataSources.NavigateToDSCreateNew();
@@ -96,7 +89,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // Redshift
     dataSources.NavigateToDSCreateNew();
@@ -108,7 +100,6 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
 
     // ArangoDB
     dataSources.NavigateToDSCreateNew();
@@ -120,6 +111,5 @@ describe("Test placeholder value for port number for all datasources - tests #24
       "placeholder",
       expectedPlaceholderValue,
     );
-    agHelper.GoBack();
   });
 });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/PostgresDatasource_spec.js b/app/client/cypress/e2e/Sanity/Datasources/PostgresDatasource_spec.js
index 719b20cab1..786919cce6 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/PostgresDatasource_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/PostgresDatasource_spec.js
@@ -11,7 +11,7 @@ describe("Postgres datasource test cases", function () {
     dataSources.CreateDataSource("Postgres");
     cy.get("@saveDatasource").then((httpResponse) => {
       datasourceName = JSON.stringify(httpResponse.response.body.data.name);
-      dataSources.DeleteDatasouceFromActiveTab(
+      dataSources.DeleteDatasourceFromWithinDS(
         datasourceName.replace(/['"]+/g, ""),
       );
     });
diff --git a/app/client/cypress/e2e/Sanity/Datasources/RedshiftDataSourceStub_spec.js b/app/client/cypress/e2e/Sanity/Datasources/RedshiftDataSourceStub_spec.js
index 276ea14052..e7a3619ad9 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/RedshiftDataSourceStub_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/RedshiftDataSourceStub_spec.js
@@ -1,5 +1,6 @@
 const datasource = require("../../../locators/DatasourcesEditor.json");
 let datasourceName;
+import { dataSources } from "../../../support/Objects/ObjectsCore";
 
 describe("Redshift datasource test cases", function () {
   beforeEach(() => {
@@ -36,6 +37,7 @@ describe("Redshift datasource test cases", function () {
   });
 
   it("3. Create a new query from the datasource editor", function () {
+    dataSources.navigateToDatasource(datasourceName);
     cy.get(datasource.createQuery).last().click();
     cy.wait("@createNewApi").should(
       "have.nested.property",
diff --git a/app/client/cypress/e2e/Sanity/Datasources/SMTPDatasource_spec.js b/app/client/cypress/e2e/Sanity/Datasources/SMTPDatasource_spec.js
index d1f076ea22..c857c44b93 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/SMTPDatasource_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/SMTPDatasource_spec.js
@@ -33,18 +33,23 @@ describe("SMTP datasource test cases using ted", function () {
     cy.get(queryLocators.queryFromEmail)
       .first()
       .type("{{From.text}}", { parseSpecialCharSequences: false });
+    agHelper.ClickOutside(); //to close the evaluated pop-up
     cy.get(queryLocators.queryFromEmail)
       .eq(1)
       .type("{{To.text}}", { parseSpecialCharSequences: false });
+    agHelper.ClickOutside(); //to close the evaluated pop-up
     cy.get(queryLocators.queryFromEmail)
       .eq(4)
       .type("{{Subject.text}}", { parseSpecialCharSequences: false });
+    agHelper.ClickOutside(); //to close the evaluated pop-up
     cy.get(queryLocators.queryFromEmail)
       .eq(5)
       .type("{{Body.text}}", { parseSpecialCharSequences: false });
+    agHelper.ClickOutside(); //to close the evaluated pop-up
     cy.get(queryLocators.queryFromEmail)
       .eq(6)
       .type("{{FilePicker.files}}", { parseSpecialCharSequences: false });
+    agHelper.ClickOutside(); //to close the evaluated pop-up
     cy.get(`.t--entity-name:contains("Page1")`)
       .should("be.visible")
       .click({ force: true });
@@ -64,9 +69,7 @@ describe("SMTP datasource test cases using ted", function () {
     cy.wait("@postExecute").then(({ response }) => {
       expect(response.body.data.statusCode).to.eq("PE-ARG-5000");
     });
-    agHelper.WaitUntilToastDisappear(
-      "Couldn't find a valid recipient address. Please check your action configuration",
-    );
+    agHelper.WaitUntilToastDisappear("unsuccessful execution");
     // verify an error is thrown when sender address is not added
     cy.xpath("//input[@class='bp3-input']").eq(0).clear().wait(500);
     cy.xpath("//input[@class='bp3-input']")
@@ -80,9 +83,7 @@ describe("SMTP datasource test cases using ted", function () {
     cy.wait("@postExecute").then(({ response }) => {
       expect(response.body.data.statusCode).to.eq("PE-ARG-5000");
     });
-    agHelper.ValidateToastMessage(
-      "Couldn't find a valid sender address. Please check your action configuration",
-    );
+    agHelper.ValidateToastMessage("unsuccessful execution");
   });
 
   it("3. On canvas, fill to email, from email, subject, body, attachment and run query", function () {
diff --git a/app/client/cypress/e2e/Sanity/Datasources/Styles_spec.js b/app/client/cypress/e2e/Sanity/Datasources/Styles_spec.js
index e1464e959a..ba78ca8ac5 100644
--- a/app/client/cypress/e2e/Sanity/Datasources/Styles_spec.js
+++ b/app/client/cypress/e2e/Sanity/Datasources/Styles_spec.js
@@ -1,4 +1,7 @@
 import { agHelper, dataSources } from "../../../support/Objects/ObjectsCore";
+import EditorNavigation, {
+  SidebarButton,
+} from "../../../support/Pages/EditorNavigation";
 
 let dsName;
 describe("excludeForAirgap", "Validate Datasource Panel Styles", function () {
@@ -77,76 +80,10 @@ describe("excludeForAirgap", "Validate Datasource Panel Styles", function () {
     cy.datasourceIconWrapperStyle(".content-icon");
     //Name
     cy.datasourceNameStyle(".t--createBlankApiCard .textBtn");
-    //Datsource title font size should be 20px
-    cy.get(".sectionHeadings").should("have.css", "font-size", "20px");
-  });
-
-  it("4. Datasource Active card styles", () => {
-    // Action button icon placement
-    dataSources.NavigateToActiveTab();
-    //Icon should be placed left to the text.
-    cy.get(".t--create-query span");
-
-    //Active card wrapper
-    cy.get(".t--datasource")
-      .should("have.css", "padding", "15px")
-      .and("have.css", "cursor", "pointer")
-      .realHover()
-      .should("have.css", "background-color", backgroundColorGray1);
-
-    cy.get("[data-testid=active-datasource-image]")
-      .should("have.css", "height", "34px")
-      .and("have.css", "max-width", "100%");
-
-    cy.get("[data-testid=active-datasource-icon-wrapper]")
-      .should("have.css", "background-color", backgroundColorGray2)
-      .and("have.css", "width", "34px")
-      .and("have.css", "height", "34px")
-      .and("have.css", "border-radius", "0px")
-      .and("have.css", "display", "flex")
-      .and("have.css", "align-items", "center");
-
-    //Name
-    cy.datasourceNameStyle("[data-testid=active-datasource-name]");
-
-    //Queries
-    cy.get("[data-testid=active-datasource-queries]")
-      .should("have.css", "display", "flex")
-      .and("have.css", "margin", "4px 0px");
-
-    //Buttons wrapper
-    cy.get(".t--datasource-name .action-wrapper")
-      .should("have.css", "gap", "10px")
-      .and("have.css", "display", "flex")
-      .and("have.css", "align-items", "center");
-  });
-
-  it("5. Collapse component styles", () => {
-    //Collapse wrapper
-    cy.get("[data-testid=datasource-collapse-wrapper]")
-      .should("have.css", "color", backgroundColorGray700)
-      .and("have.css", "display", "flex")
-      .and("have.css", "gap", "8px")
-      .and("have.css", "align-items", "center");
-    //Collapse icon
-    cy.get("[data-testid=datasource-collapse-wrapper] span")
-      .invoke("attr", "data-testid")
-      .should("eq", "datasource-collapse-icon");
-    cy.get(
-      "[data-testid=datasource-collapse-wrapper] span[data-testid='datasource-collapse-icon'] svg",
-    )
-      .invoke("attr", "fill")
-      .should("eq", "currentColor")
-      .then(($element) => {
-        const attributes = $element[0].attributes;
-        cy.log(attributes);
-      });
-    // .invoke("attr", "width")
-    // .should("eq", "12");
   });
 
   after(() => {
-    dataSources.DeleteDatasouceFromActiveTab(dsName);
+    dataSources.DeleteDatasourceFromWithinDS(dsName);
     //entityExplorer.ActionContextMenuByEntityName(dsName, "Delete");//Since Users is not appearing in EntityExplorer, this has potential to fail
   });
 });
diff --git a/app/client/cypress/fixtures/SMTPTestdsl.json b/app/client/cypress/fixtures/SMTPTestdsl.json
index 46ff5b31b4..3fcc98a8c2 100644
--- a/app/client/cypress/fixtures/SMTPTestdsl.json
+++ b/app/client/cypress/fixtures/SMTPTestdsl.json
@@ -278,7 +278,7 @@
                 },
                 {
                   "widgetName": "RunQuery",
-                  "onClick": "{{smtpquery.run(() => showAlert(smtpquery.data.message), () => showAlert(smtpquery.data))}}",
+                  "onClick": "{{smtpquery.run(() => showAlert(smtpquery.data.message), () => showAlert('unsuccessful execution'))}}",
                   "buttonColor": "#2E3D49",
                   "dynamicPropertyPathList": [],
                   "displayName": "Button",
diff --git a/app/client/cypress/fixtures/TestDataSet1.json b/app/client/cypress/fixtures/TestDataSet1.json
index 6ae5371660..778a8e8577 100644
--- a/app/client/cypress/fixtures/TestDataSet1.json
+++ b/app/client/cypress/fixtures/TestDataSet1.json
@@ -357,6 +357,162 @@
       }
     ]
   },
+  "InvalidCustom3DEChartConfig": {
+    "grid3D": {
+      "top": 0,
+      "bottom": 0
+    },
+    "tooltip": {},
+    "xAxis3D": {
+      "type": "category"
+    },
+    "yAxis3D": {
+      "type": "category"
+    },
+    "zAxisD": {},
+    "visualMap": {
+      "max": 100000000,
+      "dimension": "Population",
+      "bottom": -50
+    },
+    "dataset": {
+      "dimensions": [
+        "Income",
+        "Life Expectancy",
+        "Population",
+        "Country",
+        {
+          "name": "Year",
+          "type": "ordinal"
+        }
+      ],
+      "source": [
+        [
+          "Income",
+          "Life Expectancy",
+          "Population",
+          "Country",
+          "Year"
+        ],
+        [
+          37599,
+          81.9,
+          64395345,
+          "France",
+          2015
+        ],
+        [
+          44053,
+          81.1,
+          80688545,
+          "Germany",
+          2015
+        ],
+        [
+          42182,
+          82.8,
+          329425,
+          "Iceland",
+          2015
+        ],
+        [
+          5903,
+          66.8,
+          1311050527,
+          "India",
+          2015
+        ],
+        [
+          36162,
+          83.5,
+          126573481,
+          "Japan",
+          2015
+        ],
+        [
+          1390,
+          71.4,
+          25155317,
+          "North Korea",
+          2015
+        ],
+        [
+          34644,
+          80.7,
+          50293439,
+          "South Korea",
+          2015
+        ],
+        [
+          34186,
+          80.6,
+          4528526,
+          "New Zealand",
+          2015
+        ],
+        [
+          64304,
+          81.6,
+          5210967,
+          "Norway",
+          2015
+        ],
+        [
+          24787,
+          77.3,
+          38611794,
+          "Poland",
+          2015
+        ],
+        [
+          23038,
+          73.13,
+          143456918,
+          "Russia",
+          2015
+        ],
+        [
+          19360,
+          76.5,
+          78665830,
+          "Turkey",
+          2015
+        ],
+        [
+          38225,
+          81.4,
+          64715810,
+          "United Kingdom",
+          2015
+        ],
+        [
+          53354,
+          79.1,
+          321773631,
+          "United States",
+          2015
+        ]
+      ]
+    },
+    "series": [
+      {
+        "type": "bar3D",
+        "shading": "lambert",
+        "encode": {
+          "x": "Year",
+          "y": "Country",
+          "z": "Life Expectancy",
+          "tooltip": [
+            0,
+            1,
+            2,
+            3,
+            4
+          ]
+        }
+      }
+    ]
+  },
   "ChartCustomConfig": {
       "type":"column2d",
       "dataSource":{
diff --git a/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json b/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json
index 109fc95876..3f6918e32e 100644
--- a/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json
+++ b/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json
@@ -1,1317 +1 @@
-{
-  "responseMeta": {
-    "status": 201,
-    "success": true
-  },
-  "data": {
-    "page": {
-      "id": "616d7d4c9594b25adfa3e569",
-      "name": "Page3",
-      "applicationId": "6167ece2fe0e4804a2e6ce44",
-      "layouts": [
-        {
-          "id": "616d7d4c9594b25adfa3e568",
-          "userPermissions": [],
-          "dsl": {
-            "widgetName": "MainContainer",
-            "backgroundColor": "none",
-            "rightColumn": 1280.0,
-            "snapColumns": 64.0,
-            "detachFromLayout": true,
-            "widgetId": "0",
-            "topRow": 0.0,
-            "bottomRow": 940.0,
-            "containerStyle": "none",
-            "snapRows": 125.0,
-            "parentRowSpace": 1.0,
-            "type": "CANVAS_WIDGET",
-            "canExtend": true,
-            "version": 41.0,
-            "minHeight": 860.0,
-            "parentColumnSpace": 1.0,
-            "dynamicTriggerPathList": [],
-            "dynamicBindingPathList": [],
-            "leftColumn": 0.0,
-            "children": [
-              {
-                "backgroundColor": "#FFFFFF",
-                "widgetName": "Container1",
-                "rightColumn": 40.0,
-                "widgetId": "mvubsemxfo",
-                "containerStyle": "card",
-                "topRow": 0.0,
-                "bottomRow": 87.0,
-                "parentRowSpace": 10.0,
-                "isVisible": "true",
-                "type": "CONTAINER_WIDGET",
-                "version": 1.0,
-                "parentId": "0",
-                "isLoading": false,
-                "parentColumnSpace": 19.75,
-                "leftColumn": 0.0,
-                "children": [
-                  {
-                    "widgetName": "Canvas1",
-                    "rightColumn": 632.0,
-                    "detachFromLayout": true,
-                    "widgetId": "59rw5mx0bq",
-                    "containerStyle": "none",
-                    "topRow": 0.0,
-                    "bottomRow": 890.0,
-                    "parentRowSpace": 1.0,
-                    "isVisible": "true",
-                    "canExtend": false,
-                    "type": "CANVAS_WIDGET",
-                    "version": 1.0,
-                    "parentId": "mvubsemxfo",
-                    "minHeight": 870.0,
-                    "isLoading": false,
-                    "parentColumnSpace": 1.0,
-                    "dynamicTriggerPathList": [],
-                    "leftColumn": 0.0,
-                    "dynamicBindingPathList": [],
-                    "children": [
-                      {
-                        "widgetName": "data_table",
-                        "columnOrder": [
-                          "customColumn1",
-                          "_id",
-                          "col4",
-                          "col2",
-                          "col3",
-                          "col1"
-                        ],
-                        "dynamicPropertyPathList": [
-                          {
-                            "key": "onPageChange"
-                          }
-                        ],
-                        "isVisibleDownload": true,
-                        "topRow": 10.0,
-                        "bottomRow": 86.0,
-                        "parentRowSpace": 10.0,
-                        "onPageChange": "{{FindQuery.run()}}",
-                        "type": "TABLE_WIDGET",
-                        "defaultSelectedRow": "0",
-                        "parentColumnSpace": 1.0,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onPageChange"
-                          },
-                          {
-                            "key": "primaryColumns.customColumn1.onClick"
-                          },
-                          {
-                            "key": "onSearchTextChanged"
-                          }
-                        ],
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "primaryColumns.customColumn1.buttonLabel"
-                          },
-                          {
-                            "key": "tableData"
-                          },
-                          {
-                            "key": "primaryColumns.col1.computedValue"
-                          },
-                          {
-                            "key": "primaryColumns.col2.computedValue"
-                          },
-                          {
-                            "key": "primaryColumns.col3.computedValue"
-                          },
-                          {
-                            "key": "primaryColumns.col4.computedValue"
-                          },
-                          {
-                            "key": "primaryColumns._id.computedValue"
-                          }
-                        ],
-                        "leftColumn": 0.0,
-                        "primaryColumns": {
-                          "customColumn1": {
-                            "isCellVisible": true,
-                            "isDerived": true,
-                            "computedValue": "",
-                            "onClick": "{{showModal('Delete_Modal')}}",
-                            "textSize": "PARAGRAPH",
-                            "buttonColor": "#DD4B34",
-                            "index": 7.0,
-                            "isVisible": true,
-                            "label": "Delete",
-                            "buttonLabel": "{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}",
-                            "columnType": "button",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "customColumn1",
-                            "isDisabled": false,
-                            "buttonLabelColor": "#FFFFFF",
-                            "verticalAlignment": "CENTER"
-                          },
-                          "col4": {
-                            "isCellVisible": true,
-                            "isDerived": false,
-                            "computedValue": "{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col4))}}",
-                            "textSize": "PARAGRAPH",
-                            "index": 3.0,
-                            "isVisible": true,
-                            "label": "col4",
-                            "columnType": "text",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "col4",
-                            "verticalAlignment": "CENTER"
-                          },
-                          "_id": {
-                            "isCellVisible": true,
-                            "isDerived": false,
-                            "computedValue": "{{data_table.sanitizedTableData.map((currentRow) => ( currentRow._id))}}",
-                            "textSize": "PARAGRAPH",
-                            "index": 1.0,
-                            "isVisible": true,
-                            "label": "_id",
-                            "columnType": "text",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "_id",
-                            "verticalAlignment": "CENTER"
-                          },
-                          "col2": {
-                            "isCellVisible": true,
-                            "isDerived": false,
-                            "computedValue": "{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col2))}}",
-                            "textSize": "PARAGRAPH",
-                            "index": 1.0,
-                            "isVisible": true,
-                            "label": "col2",
-                            "columnType": "text",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "col2",
-                            "verticalAlignment": "CENTER"
-                          },
-                          "col3": {
-                            "isCellVisible": true,
-                            "isDerived": false,
-                            "computedValue": "{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col3))}}",
-                            "textSize": "PARAGRAPH",
-                            "index": 2.0,
-                            "isVisible": true,
-                            "label": "col3",
-                            "columnType": "text",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "col3",
-                            "verticalAlignment": "CENTER"
-                          },
-                          "col1": {
-                            "isCellVisible": true,
-                            "isDerived": false,
-                            "computedValue": "{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col1))}}",
-                            "textSize": "PARAGRAPH",
-                            "index": 0.0,
-                            "isVisible": true,
-                            "label": "col1",
-                            "columnType": "text",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "col1",
-                            "verticalAlignment": "CENTER"
-                          }
-                        },
-                        "delimiter": ",",
-                        "derivedColumns": {
-                          "customColumn1": {
-                            "isDerived": true,
-                            "computedValue": "",
-                            "onClick": "{{DeleteQuery.run()}}",
-                            "textSize": "PARAGRAPH",
-                            "buttonStyle": "#DD4B34",
-                            "index": 7.0,
-                            "isVisible": true,
-                            "label": "customColumn1",
-                            "buttonLabel": "{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}",
-                            "columnType": "button",
-                            "horizontalAlignment": "LEFT",
-                            "width": 150.0,
-                            "enableFilter": true,
-                            "enableSort": true,
-                            "id": "customColumn1",
-                            "buttonLabelColor": "#FFFFFF",
-                            "verticalAlignment": "CENTER"
-                          }
-                        },
-                        "rightColumn": 64.0,
-                        "textSize": "PARAGRAPH",
-                        "widgetId": "jabdu9f16g",
-                        "isVisibleFilters": true,
-                        "tableData": "{{FindQuery.data}}",
-                        "isVisible": "true",
-                        "label": "Data",
-                        "searchKey": "",
-                        "version": 3.0,
-                        "parentId": "59rw5mx0bq",
-                        "serverSidePaginationEnabled": true,
-                        "isLoading": false,
-                        "isVisibleCompactMode": true,
-                        "onSearchTextChanged": "{{FindQuery.run()}}",
-                        "horizontalAlignment": "LEFT",
-                        "isVisibleSearch": true,
-                        "isVisiblePagination": true,
-                        "verticalAlignment": "CENTER",
-                        "columnSizeMap": {
-                          "task": 245.0,
-                          "deliveryAddress": 170.0,
-                          "step": 62.0,
-                          "id": 228.0,
-                          "status": 75.0
-                        }
-                      },
-                      {
-                        "isRequired": false,
-                        "widgetName": "key_select",
-                        "isFilterable": true,
-                        "rightColumn": 22.0,
-                        "dynamicPropertyPathList": [
-                          {
-                            "key": "isVisible"
-                          }
-                        ],
-                        "widgetId": "asmgosgxjm",
-                        "topRow": 5.0,
-                        "bottomRow": 9.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "{{FindQuery.data.length > 0}}",
-                        "label": "",
-                        "type": "DROP_DOWN_WIDGET",
-                        "version": 1.0,
-                        "parentId": "59rw5mx0bq",
-                        "isLoading": false,
-                        "defaultOptionValue": "genres",
-                        "parentColumnSpace": 18.8828125,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onOptionChange"
-                          }
-                        ],
-                        "leftColumn": 7.0,
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "isVisible"
-                          }
-                        ],
-                        "options": "[\n{\n\t\"label\": \"poster_path\",\n\t\"value\": \"poster_path\"\n}, \n{\n\t\"label\": \"homepage\",\n\t\"value\": \"homepage\"\n}, \n{\n\t\"label\": \"imdb_id\",\n\t\"value\": \"imdb_id\"\n}, \n{\n\t\"label\": \"genres\",\n\t\"value\": \"genres\"\n}]",
-                        "onOptionChange": "{{FindQuery.run()}}",
-                        "isDisabled": false
-                      },
-                      {
-                        "widgetName": "Text15",
-                        "rightColumn": 7.0,
-                        "textAlign": "LEFT",
-                        "widgetId": "l8pgl90klz",
-                        "topRow": 5.0,
-                        "bottomRow": 9.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "59rw5mx0bq",
-                        "isLoading": false,
-                        "parentColumnSpace": 19.75,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 0.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "PARAGRAPH",
-                        "text": "Order By :"
-                      },
-                      {
-                        "isRequired": false,
-                        "widgetName": "order_select",
-                        "isFilterable": true,
-                        "rightColumn": 30.0,
-                        "dynamicPropertyPathList": [
-                          {
-                            "key": "isVisible"
-                          }
-                        ],
-                        "widgetId": "10v8a19m25",
-                        "topRow": 5.0,
-                        "bottomRow": 9.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "{{FindQuery.data.length > 0}}",
-                        "label": "",
-                        "type": "DROP_DOWN_WIDGET",
-                        "version": 1.0,
-                        "parentId": "59rw5mx0bq",
-                        "isLoading": false,
-                        "defaultOptionValue": "1",
-                        "parentColumnSpace": 19.75,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onOptionChange"
-                          }
-                        ],
-                        "leftColumn": 22.0,
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "isVisible"
-                          }
-                        ],
-                        "options": "[\n  {\n    \"label\": \"ASC\",\n    \"value\": \"1\"\n  },\n  {\n    \"label\": \"DESC\",\n    \"value\": \"-1\"\n  }\n]",
-                        "onOptionChange": "{{FindQuery.run()}}",
-                        "isDisabled": false
-                      },
-                      {
-                        "widgetName": "Text16",
-                        "rightColumn": 41.0,
-                        "textAlign": "LEFT",
-                        "widgetId": "urzv99hdc8",
-                        "topRow": 0.0,
-                        "bottomRow": 4.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "59rw5mx0bq",
-                        "isLoading": false,
-                        "parentColumnSpace": 11.78515625,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 0.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "HEADING1",
-                        "text": "movies Data"
-                      },
-                      {
-                        "boxShadow": "NONE",
-                        "widgetName": "refresh_btn",
-                        "rightColumn": 64.0,
-                        "onClick": "{{FindQuery.run()}}",
-                        "iconName": "refresh",
-                        "buttonColor": "#03B365",
-                        "widgetId": "nj85l57r47",
-                        "topRow": 5.0,
-                        "bottomRow": 9.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "type": "ICON_BUTTON_WIDGET",
-                        "version": 1.0,
-                        "parentId": "59rw5mx0bq",
-                        "isLoading": false,
-                        "parentColumnSpace": 12.0703125,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "borderRadius": "CIRCLE",
-                        "leftColumn": 60.0,
-                        "dynamicBindingPathList": [],
-                        "buttonVariant": "GHOST",
-                        "isDisabled": false
-                      },
-                      {
-                        "boxShadow": "NONE",
-                        "widgetName": "add_btn",
-                        "rightColumn": 60.0,
-                        "onClick": "{{showModal('Insert_Modal')}}",
-                        "iconName": "add",
-                        "buttonColor": "#03B365",
-                        "widgetId": "atgojamsmw",
-                        "topRow": 5.0,
-                        "bottomRow": 9.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "type": "ICON_BUTTON_WIDGET",
-                        "version": 1.0,
-                        "parentId": "59rw5mx0bq",
-                        "isLoading": false,
-                        "parentColumnSpace": 12.0703125,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "borderRadius": "CIRCLE",
-                        "leftColumn": 56.0,
-                        "dynamicBindingPathList": [],
-                        "buttonVariant": "GHOST",
-                        "isDisabled": false
-                      }
-                    ]
-                  }
-                ]
-              },
-              {
-                "widgetName": "Delete_Modal",
-                "rightColumn": 45.0,
-                "detachFromLayout": true,
-                "widgetId": "i3whp03wf0",
-                "topRow": 13.0,
-                "bottomRow": 37.0,
-                "parentRowSpace": 10.0,
-                "canOutsideClickClose": true,
-                "type": "MODAL_WIDGET",
-                "canEscapeKeyClose": true,
-                "version": 2.0,
-                "parentId": "0",
-                "shouldScrollContents": false,
-                "isLoading": false,
-                "parentColumnSpace": 18.8828125,
-                "dynamicTriggerPathList": [],
-                "leftColumn": 21.0,
-                "dynamicBindingPathList": [],
-                "children": [
-                  {
-                    "widgetName": "Canvas3",
-                    "rightColumn": 453.1875,
-                    "detachFromLayout": true,
-                    "widgetId": "zi8fjakv8o",
-                    "topRow": 0.0,
-                    "bottomRow": 230.0,
-                    "parentRowSpace": 1.0,
-                    "isVisible": "true",
-                    "canExtend": true,
-                    "type": "CANVAS_WIDGET",
-                    "version": 1.0,
-                    "parentId": "i3whp03wf0",
-                    "shouldScrollContents": false,
-                    "minHeight": 240.0,
-                    "isLoading": false,
-                    "parentColumnSpace": 1.0,
-                    "dynamicTriggerPathList": [],
-                    "leftColumn": 0.0,
-                    "dynamicBindingPathList": [],
-                    "children": [
-                      {
-                        "widgetName": "Alert_text",
-                        "rightColumn": 41.0,
-                        "textAlign": "LEFT",
-                        "widgetId": "35yoxo4oec",
-                        "topRow": 1.0,
-                        "bottomRow": 5.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "zi8fjakv8o",
-                        "isLoading": false,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "HEADING1",
-                        "text": "Delete Row"
-                      },
-                      {
-                        "widgetName": "Button1",
-                        "rightColumn": 46.0,
-                        "onClick": "{{closeModal('Delete_Modal')}}",
-                        "isDefaultClickDisabled": true,
-                        "dynamicPropertyPathList": [],
-                        "buttonColor": "#03B365",
-                        "widgetId": "lryg8kw537",
-                        "topRow": 17.0,
-                        "bottomRow": 21.0,
-                        "isVisible": "true",
-                        "type": "BUTTON_WIDGET",
-                        "version": 1.0,
-                        "parentId": "zi8fjakv8o",
-                        "isLoading": false,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "leftColumn": 34.0,
-                        "dynamicBindingPathList": [],
-                        "text": "Cancel",
-                        "isDisabled": false
-                      },
-                      {
-                        "widgetName": "Delete_Button",
-                        "rightColumn": 64.0,
-                        "onClick": "{{DeleteQuery.run(() => FindQuery.run(() => closeModal('Delete_Modal')), () => {})}}",
-                        "isDefaultClickDisabled": true,
-                        "dynamicPropertyPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "buttonColor": "#F22B2B",
-                        "widgetId": "qq02lh7ust",
-                        "topRow": 17.0,
-                        "bottomRow": 21.0,
-                        "isVisible": "true",
-                        "type": "BUTTON_WIDGET",
-                        "version": 1.0,
-                        "parentId": "zi8fjakv8o",
-                        "isLoading": false,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "leftColumn": 48.0,
-                        "dynamicBindingPathList": [],
-                        "text": "Confirm",
-                        "isDisabled": false
-                      },
-                      {
-                        "widgetName": "Text12",
-                        "rightColumn": 63.0,
-                        "textAlign": "LEFT",
-                        "widgetId": "48uac29g6e",
-                        "topRow": 8.0,
-                        "bottomRow": 12.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "zi8fjakv8o",
-                        "isLoading": false,
-                        "parentColumnSpace": 6.875,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "PARAGRAPH",
-                        "text": "Are you sure you want to delete this item?"
-                      }
-                    ],
-                    "isDisabled": false
-                  }
-                ],
-                "width": 456.0,
-                "height": 240.0
-              },
-              {
-                "widgetName": "Insert_Modal",
-                "rightColumn": 41.0,
-                "detachFromLayout": true,
-                "widgetId": "vmorzie6eq",
-                "topRow": 16.0,
-                "bottomRow": 40.0,
-                "parentRowSpace": 10.0,
-                "canOutsideClickClose": true,
-                "type": "MODAL_WIDGET",
-                "canEscapeKeyClose": true,
-                "version": 2.0,
-                "parentId": "0",
-                "shouldScrollContents": false,
-                "isLoading": false,
-                "parentColumnSpace": 18.8828125,
-                "dynamicTriggerPathList": [],
-                "leftColumn": 17.0,
-                "dynamicBindingPathList": [],
-                "children": [
-                  {
-                    "widgetName": "Canvas4",
-                    "rightColumn": 453.1875,
-                    "detachFromLayout": true,
-                    "widgetId": "9rhv3ioohq",
-                    "topRow": 0.0,
-                    "bottomRow": 610.0,
-                    "parentRowSpace": 1.0,
-                    "isVisible": "true",
-                    "canExtend": true,
-                    "type": "CANVAS_WIDGET",
-                    "version": 1.0,
-                    "parentId": "vmorzie6eq",
-                    "shouldScrollContents": false,
-                    "minHeight": 600.0,
-                    "isLoading": false,
-                    "parentColumnSpace": 1.0,
-                    "dynamicTriggerPathList": [],
-                    "leftColumn": 0.0,
-                    "dynamicBindingPathList": [],
-                    "children": [
-                      {
-                        "widgetName": "Form2",
-                        "backgroundColor": "#F6F7F8",
-                        "rightColumn": 64.0,
-                        "widgetId": "1ruewbc4ef",
-                        "topRow": 0.0,
-                        "bottomRow": 58.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "type": "FORM_WIDGET",
-                        "parentId": "9rhv3ioohq",
-                        "isLoading": false,
-                        "shouldScrollContents": false,
-                        "parentColumnSpace": 8.0,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "children": [
-                          {
-                            "widgetName": "Canvas5",
-                            "rightColumn": 224.0,
-                            "detachFromLayout": true,
-                            "widgetId": "tp9pui0e6y",
-                            "containerStyle": "none",
-                            "topRow": 0.0,
-                            "bottomRow": 570.0,
-                            "parentRowSpace": 1.0,
-                            "isVisible": "true",
-                            "canExtend": false,
-                            "type": "CANVAS_WIDGET",
-                            "version": 1.0,
-                            "parentId": "1ruewbc4ef",
-                            "minHeight": 580.0,
-                            "isLoading": false,
-                            "parentColumnSpace": 1.0,
-                            "dynamicTriggerPathList": [],
-                            "leftColumn": 0.0,
-                            "dynamicBindingPathList": [],
-                            "children": [
-                              {
-                                "resetFormOnClick": true,
-                                "widgetName": "insert_button",
-                                "rightColumn": 62.0,
-                                "onClick": "{{InsertQuery.run(() => FindQuery.run(() => closeModal('Insert_Modal')))}}",
-                                "isDefaultClickDisabled": true,
-                                "dynamicPropertyPathList": [
-                                  {
-                                    "key": "onClick"
-                                  }
-                                ],
-                                "buttonColor": "#03B365",
-                                "widgetId": "h8vxf3oh4s",
-                                "topRow": 51.0,
-                                "bottomRow": 55.0,
-                                "isVisible": "true",
-                                "type": "FORM_BUTTON_WIDGET",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "dynamicTriggerPathList": [
-                                  {
-                                    "key": "onClick"
-                                  }
-                                ],
-                                "disabledWhenInvalid": true,
-                                "leftColumn": 43.0,
-                                "dynamicBindingPathList": [],
-                                "googleRecaptchaKey": "",
-                                "text": "Submit"
-                              },
-                              {
-                                "resetFormOnClick": true,
-                                "widgetName": "reset_button",
-                                "rightColumn": 42.0,
-                                "onClick": "{{closeModal('Insert_Modal')}}",
-                                "isDefaultClickDisabled": true,
-                                "buttonColor": "#03B365",
-                                "widgetId": "o23gs26wm5",
-                                "topRow": 51.0,
-                                "bottomRow": 55.0,
-                                "isVisible": "true",
-                                "type": "FORM_BUTTON_WIDGET",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "dynamicTriggerPathList": [
-                                  {
-                                    "key": "onClick"
-                                  }
-                                ],
-                                "disabledWhenInvalid": false,
-                                "leftColumn": 29.0,
-                                "dynamicBindingPathList": [],
-                                "buttonVariant": "OUTLINE",
-                                "text": "Close"
-                              },
-                              {
-                                "widgetName": "Text21",
-                                "rightColumn": 19.0,
-                                "textAlign": "RIGHT",
-                                "widgetId": "cfmxebyn06",
-                                "topRow": 5.0,
-                                "bottomRow": 9.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "fontStyle": "BOLD",
-                                "type": "TEXT_WIDGET",
-                                "textColor": "#231F20",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 7.6865234375,
-                                "dynamicTriggerPathList": [],
-                                "leftColumn": 3.0,
-                                "dynamicBindingPathList": [],
-                                "fontSize": "PARAGRAPH",
-                                "text": "genres:"
-                              },
-                              {
-                                "isRequired": true,
-                                "widgetName": "insert_col_input1",
-                                "rightColumn": 62.0,
-                                "widgetId": "h1wbbv7alb",
-                                "topRow": 5.0,
-                                "bottomRow": 9.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "label": "",
-                                "type": "INPUT_WIDGET_V2",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 7.6865234375,
-                                "dynamicTriggerPathList": [],
-                                "resetOnSubmit": true,
-                                "leftColumn": 21.0,
-                                "dynamicBindingPathList": [],
-                                "inputType": "TEXT",
-                                "placeholderText": "genres",
-                                "defaultText": "",
-                                "isDisabled": false,
-                                "validation": "true"
-                              },
-                              {
-                                "widgetName": "Text22",
-                                "rightColumn": 19.0,
-                                "textAlign": "RIGHT",
-                                "widgetId": "jsffaxrqhw",
-                                "topRow": 12.0,
-                                "bottomRow": 16.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "fontStyle": "BOLD",
-                                "type": "TEXT_WIDGET",
-                                "textColor": "#231F20",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 7.6865234375,
-                                "dynamicTriggerPathList": [],
-                                "leftColumn": 2.0,
-                                "dynamicBindingPathList": [],
-                                "fontSize": "PARAGRAPH",
-                                "text": "homepage:"
-                              },
-                              {
-                                "isRequired": true,
-                                "widgetName": "insert_col_input2",
-                                "rightColumn": 62.0,
-                                "widgetId": "6enalyprua",
-                                "topRow": 12.0,
-                                "bottomRow": 16.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "label": "",
-                                "type": "INPUT_WIDGET_V2",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 8.0625,
-                                "dynamicTriggerPathList": [],
-                                "resetOnSubmit": true,
-                                "leftColumn": 21.0,
-                                "dynamicBindingPathList": [],
-                                "inputType": "TEXT",
-                                "defaultText": "",
-                                "placeholderText": "homepage",
-                                "isDisabled": false,
-                                "validation": "true"
-                              },
-                              {
-                                "widgetName": "Text23",
-                                "rightColumn": 19.0,
-                                "textAlign": "RIGHT",
-                                "widgetId": "btk60uozsm",
-                                "topRow": 19.0,
-                                "bottomRow": 23.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "fontStyle": "BOLD",
-                                "type": "TEXT_WIDGET",
-                                "textColor": "#231F20",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 7.6865234375,
-                                "dynamicTriggerPathList": [],
-                                "leftColumn": 3.0,
-                                "dynamicBindingPathList": [],
-                                "fontSize": "PARAGRAPH",
-                                "text": "imdb_id:"
-                              },
-                              {
-                                "isRequired": true,
-                                "widgetName": "insert_col_input3",
-                                "rightColumn": 62.0,
-                                "widgetId": "e490gfts69",
-                                "topRow": 19.0,
-                                "bottomRow": 23.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "label": "",
-                                "type": "INPUT_WIDGET_V2",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 8.0625,
-                                "dynamicTriggerPathList": [],
-                                "resetOnSubmit": true,
-                                "leftColumn": 21.0,
-                                "dynamicBindingPathList": [],
-                                "inputType": "TEXT",
-                                "placeholderText": "imdb_id",
-                                "defaultText": "",
-                                "isDisabled": false,
-                                "validation": "true"
-                              },
-                              {
-                                "widgetName": "Text14",
-                                "rightColumn": 19.0,
-                                "textAlign": "RIGHT",
-                                "widgetId": "8fm60omwwv",
-                                "topRow": 26.0,
-                                "bottomRow": 30.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "fontStyle": "BOLD",
-                                "type": "TEXT_WIDGET",
-                                "textColor": "#231F20",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 8.0625,
-                                "dynamicTriggerPathList": [],
-                                "leftColumn": 3.0,
-                                "dynamicBindingPathList": [],
-                                "fontSize": "PARAGRAPH",
-                                "text": "poster_path:"
-                              },
-                              {
-                                "isRequired": true,
-                                "widgetName": "insert_col_input4",
-                                "rightColumn": 62.0,
-                                "widgetId": "r55cydp0ao",
-                                "topRow": 26.0,
-                                "bottomRow": 30.0,
-                                "parentRowSpace": 10.0,
-                                "isVisible": "true",
-                                "label": "",
-                                "type": "INPUT_WIDGET_V2",
-                                "version": 1.0,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "parentColumnSpace": 8.0625,
-                                "dynamicTriggerPathList": [],
-                                "resetOnSubmit": true,
-                                "leftColumn": 21.0,
-                                "dynamicBindingPathList": [],
-                                "inputType": "TEXT",
-                                "placeholderText": "poster_path",
-                                "defaultText": "",
-                                "isDisabled": false,
-                                "validation": "true"
-                              },
-                              {
-                                "widgetName": "Text13Copy",
-                                "rightColumn": 35.0,
-                                "textAlign": "LEFT",
-                                "widgetId": "18x7vdv3gs",
-                                "topRow": 0.0,
-                                "bottomRow": 4.0,
-                                "isVisible": "true",
-                                "fontStyle": "BOLD",
-                                "type": "TEXT_WIDGET",
-                                "textColor": "#231F20",
-                                "version": 1.0,
-                                "shouldScroll": false,
-                                "parentId": "tp9pui0e6y",
-                                "isLoading": false,
-                                "dynamicTriggerPathList": [],
-                                "leftColumn": 0.0,
-                                "dynamicBindingPathList": [],
-                                "fontSize": "HEADING1",
-                                "text": "Insert Row"
-                              }
-                            ]
-                          }
-                        ]
-                      }
-                    ],
-                    "isDisabled": false
-                  }
-                ],
-                "width": 532.0,
-                "height": 600.0
-              },
-              {
-                "widgetName": "Form1",
-                "backgroundColor": "white",
-                "rightColumn": 64.0,
-                "dynamicPropertyPathList": [
-                  {
-                    "key": "isVisible"
-                  }
-                ],
-                "widgetId": "m7dvlazbn7",
-                "topRow": 0.0,
-                "bottomRow": 46.0,
-                "parentRowSpace": 10.0,
-                "isVisible": "{{!!data_table.selectedRow._id}}",
-                "type": "FORM_WIDGET",
-                "parentId": "0",
-                "isLoading": false,
-                "shouldScrollContents": true,
-                "parentColumnSpace": 18.8828125,
-                "dynamicTriggerPathList": [],
-                "leftColumn": 40.0,
-                "dynamicBindingPathList": [
-                  {
-                    "key": "isVisible"
-                  }
-                ],
-                "children": [
-                  {
-                    "widgetName": "Canvas2",
-                    "rightColumn": 528.71875,
-                    "detachFromLayout": true,
-                    "widgetId": "cicukwhp5j",
-                    "containerStyle": "none",
-                    "topRow": 0.0,
-                    "bottomRow": 450.0,
-                    "parentRowSpace": 1.0,
-                    "isVisible": "true",
-                    "canExtend": false,
-                    "type": "CANVAS_WIDGET",
-                    "version": 1.0,
-                    "parentId": "m7dvlazbn7",
-                    "minHeight": 460.0,
-                    "isLoading": false,
-                    "parentColumnSpace": 1.0,
-                    "dynamicTriggerPathList": [],
-                    "leftColumn": 0.0,
-                    "dynamicBindingPathList": [],
-                    "children": [
-                      {
-                        "resetFormOnClick": false,
-                        "widgetName": "update_button",
-                        "rightColumn": 63.0,
-                        "onClick": "{{UpdateQuery.run(() => FindQuery.run(), () => showAlert('Error while updating resource!','error'))}}",
-                        "isDefaultClickDisabled": true,
-                        "dynamicPropertyPathList": [],
-                        "buttonColor": "#03B365",
-                        "widgetId": "4gnygu5jew",
-                        "topRow": 39.0,
-                        "bottomRow": 43.0,
-                        "isVisible": "true",
-                        "type": "FORM_BUTTON_WIDGET",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "disabledWhenInvalid": true,
-                        "leftColumn": 47.0,
-                        "dynamicBindingPathList": [],
-                        "text": "Update"
-                      },
-                      {
-                        "resetFormOnClick": true,
-                        "widgetName": "reset_update_button",
-                        "rightColumn": 46.0,
-                        "onClick": "",
-                        "isDefaultClickDisabled": true,
-                        "dynamicPropertyPathList": [],
-                        "buttonColor": "#03B365",
-                        "widgetId": "twwgpz5wfu",
-                        "topRow": 39.0,
-                        "bottomRow": 43.0,
-                        "isVisible": "true",
-                        "type": "FORM_BUTTON_WIDGET",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "dynamicTriggerPathList": [
-                          {
-                            "key": "onClick"
-                          }
-                        ],
-                        "disabledWhenInvalid": false,
-                        "leftColumn": 28.0,
-                        "dynamicBindingPathList": [],
-                        "buttonVariant": "OUTLINE",
-                        "text": "Reset"
-                      },
-                      {
-                        "isRequired": true,
-                        "widgetName": "update_col_1",
-                        "rightColumn": 63.0,
-                        "widgetId": "in8e51pg3y",
-                        "topRow": 8.0,
-                        "bottomRow": 12.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "label": "",
-                        "type": "INPUT_WIDGET_V2",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 8.8963623046875,
-                        "dynamicTriggerPathList": [],
-                        "resetOnSubmit": true,
-                        "leftColumn": 19.0,
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "defaultText"
-                          }
-                        ],
-                        "inputType": "TEXT",
-                        "defaultText": "{{data_table.selectedRow.genres}}",
-                        "isDisabled": false,
-                        "validation": "true"
-                      },
-                      {
-                        "isRequired": true,
-                        "widgetName": "update_col_2",
-                        "rightColumn": 63.0,
-                        "widgetId": "mlhvfasf31",
-                        "topRow": 15.0,
-                        "bottomRow": 19.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "label": "",
-                        "type": "INPUT_WIDGET_V2",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 8.8963623046875,
-                        "dynamicTriggerPathList": [],
-                        "resetOnSubmit": true,
-                        "leftColumn": 19.0,
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "defaultText"
-                          }
-                        ],
-                        "inputType": "TEXT",
-                        "defaultText": "{{data_table.selectedRow.homepage}}",
-                        "isDisabled": false,
-                        "validation": "true"
-                      },
-                      {
-                        "isRequired": true,
-                        "widgetName": "update_col_3",
-                        "rightColumn": 63.0,
-                        "widgetId": "0lz9vhcnr0",
-                        "topRow": 22.0,
-                        "bottomRow": 26.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "label": "",
-                        "type": "INPUT_WIDGET_V2",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 8.8963623046875,
-                        "dynamicTriggerPathList": [],
-                        "resetOnSubmit": true,
-                        "leftColumn": 19.0,
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "defaultText"
-                          }
-                        ],
-                        "inputType": "TEXT",
-                        "defaultText": "{{data_table.selectedRow.imdb_id}}",
-                        "isDisabled": false,
-                        "validation": "true"
-                      },
-                      {
-                        "isRequired": true,
-                        "widgetName": "update_col_4",
-                        "rightColumn": 63.0,
-                        "widgetId": "m4esf7fww5",
-                        "topRow": 29.0,
-                        "bottomRow": 33.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "label": "",
-                        "type": "INPUT_WIDGET_V2",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 8.8963623046875,
-                        "dynamicTriggerPathList": [],
-                        "resetOnSubmit": true,
-                        "leftColumn": 19.0,
-                        "dynamicBindingPathList": [
-                          {
-                            "key": "defaultText"
-                          }
-                        ],
-                        "inputType": "TEXT",
-                        "defaultText": "{{data_table.selectedRow.poster_path}}",
-                        "isDisabled": false,
-                        "validation": "true"
-                      },
-                      {
-                        "widgetName": "Text9",
-                        "rightColumn": 63.0,
-                        "textAlign": "LEFT",
-                        "widgetId": "4hnz8ktmz5",
-                        "topRow": 0.0,
-                        "bottomRow": 6.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 8.8963623046875,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "HEADING1",
-                        "text": "Update Selected Row"
-                      },
-                      {
-                        "widgetName": "Text17",
-                        "rightColumn": 18.0,
-                        "textAlign": "RIGHT",
-                        "widgetId": "afzzc7q8af",
-                        "topRow": 8.0,
-                        "bottomRow": 12.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 7.15625,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "PARAGRAPH",
-                        "text": "genres:"
-                      },
-                      {
-                        "widgetName": "Text18",
-                        "rightColumn": 18.0,
-                        "textAlign": "RIGHT",
-                        "widgetId": "xqcsd2e5dj",
-                        "topRow": 15.0,
-                        "bottomRow": 19.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 7.15625,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "PARAGRAPH",
-                        "text": "homepage:"
-                      },
-                      {
-                        "widgetName": "Text19",
-                        "rightColumn": 18.0,
-                        "textAlign": "RIGHT",
-                        "widgetId": "l109ilp3vq",
-                        "topRow": 22.0,
-                        "bottomRow": 26.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 7.15625,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "PARAGRAPH",
-                        "text": "imdb_id:"
-                      },
-                      {
-                        "widgetName": "Text20",
-                        "rightColumn": 18.0,
-                        "textAlign": "RIGHT",
-                        "widgetId": "gqpwf0yng6",
-                        "topRow": 29.0,
-                        "bottomRow": 33.0,
-                        "parentRowSpace": 10.0,
-                        "isVisible": "true",
-                        "fontStyle": "BOLD",
-                        "type": "TEXT_WIDGET",
-                        "textColor": "#231F20",
-                        "version": 1.0,
-                        "parentId": "cicukwhp5j",
-                        "isLoading": false,
-                        "parentColumnSpace": 7.15625,
-                        "dynamicTriggerPathList": [],
-                        "leftColumn": 1.0,
-                        "dynamicBindingPathList": [],
-                        "fontSize": "PARAGRAPH",
-                        "text": "poster_path:"
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          },
-          "layoutOnLoadActions": [
-            [
-              {
-                "id": "616d7e429594b25adfa3e580",
-                "name": "FindQuery",
-                "pluginType": "DB",
-                "jsonPathKeys": [
-                  "key_select.selectedOptionValue",
-                  "data_table.pageSize",
-                  "data_table.searchText||\"\"",
-                  "(data_table.pageNo - 1) * data_table.pageSize",
-                  "order_select.selectedOptionValue"
-                ],
-                "timeoutInMillisecond": 10000
-              }
-            ]
-          ],
-          "new": false
-        }
-      ],
-      "userPermissions": ["read:pages", "manage:pages"],
-      "lastUpdatedTime": 1634565699
-    },
-    "successMessage": "We have generated the <b>Table</b> from the <b>MongoDB datasource</b>. You can use the <b>Form</b> to modify it. Since all your data is already connected you can add more queries and modify the bindings",
-    "successImageUrl": "https://assets.appsmith.com/crud/working-flow-chart.png"
-  }
-}
+{"responseMeta":{"status":201,"success":true},"data":{"page":{"id":"616d7d4c9594b25adfa3e569","name":"Page3","applicationId":null,"layouts":[{"id":"616d7d4c9594b25adfa3e568","userPermissions":[],"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":1280,"snapColumns":64,"detachFromLayout":true,"widgetId":"0","topRow":0,"bottomRow":940,"containerStyle":"none","snapRows":125,"parentRowSpace":1,"type":"CANVAS_WIDGET","canExtend":true,"version":41,"minHeight":860,"parentColumnSpace":1,"dynamicTriggerPathList":[],"dynamicBindingPathList":[],"leftColumn":0,"children":[{"backgroundColor":"#FFFFFF","widgetName":"Container1","rightColumn":40,"widgetId":"mvubsemxfo","containerStyle":"card","topRow":0,"bottomRow":87,"parentRowSpace":10,"isVisible":"true","type":"CONTAINER_WIDGET","version":1,"parentId":"0","isLoading":false,"parentColumnSpace":19.75,"leftColumn":0,"children":[{"widgetName":"Canvas1","rightColumn":632,"detachFromLayout":true,"widgetId":"59rw5mx0bq","containerStyle":"none","topRow":0,"bottomRow":890,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"mvubsemxfo","minHeight":870,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"data_table","columnOrder":["customColumn1","_id","col4","col2","col3","col1"],"dynamicPropertyPathList":[{"key":"onPageChange"}],"isVisibleDownload":true,"topRow":10,"bottomRow":86,"parentRowSpace":10,"onPageChange":"{{FindQuery.run()}}","type":"TABLE_WIDGET","defaultSelectedRow":"0","parentColumnSpace":1,"dynamicTriggerPathList":[{"key":"onPageChange"},{"key":"primaryColumns.customColumn1.onClick"},{"key":"onSearchTextChanged"}],"dynamicBindingPathList":[{"key":"primaryColumns.customColumn1.buttonLabel"},{"key":"tableData"},{"key":"primaryColumns.col1.computedValue"},{"key":"primaryColumns.col2.computedValue"},{"key":"primaryColumns.col3.computedValue"},{"key":"primaryColumns.col4.computedValue"},{"key":"primaryColumns._id.computedValue"}],"leftColumn":0,"primaryColumns":{"customColumn1":{"isCellVisible":true,"isDerived":true,"computedValue":"","onClick":"{{showModal('Delete_Modal')}}","textSize":"PARAGRAPH","buttonColor":"#DD4B34","index":7,"isVisible":true,"label":"Delete","buttonLabel":"{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}","columnType":"button","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"customColumn1","isDisabled":false,"buttonLabelColor":"#FFFFFF","verticalAlignment":"CENTER"},"col4":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col4))}}","textSize":"PARAGRAPH","index":3,"isVisible":true,"label":"col4","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col4","verticalAlignment":"CENTER"},"_id":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow._id))}}","textSize":"PARAGRAPH","index":1,"isVisible":true,"label":"_id","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"_id","verticalAlignment":"CENTER"},"col2":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col2))}}","textSize":"PARAGRAPH","index":1,"isVisible":true,"label":"col2","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col2","verticalAlignment":"CENTER"},"col3":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col3))}}","textSize":"PARAGRAPH","index":2,"isVisible":true,"label":"col3","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col3","verticalAlignment":"CENTER"},"col1":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col1))}}","textSize":"PARAGRAPH","index":0,"isVisible":true,"label":"col1","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col1","verticalAlignment":"CENTER"}},"delimiter":",","derivedColumns":{"customColumn1":{"isDerived":true,"computedValue":"","onClick":"{{DeleteQuery.run()}}","textSize":"PARAGRAPH","buttonStyle":"#DD4B34","index":7,"isVisible":true,"label":"customColumn1","buttonLabel":"{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}","columnType":"button","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"customColumn1","buttonLabelColor":"#FFFFFF","verticalAlignment":"CENTER"}},"rightColumn":64,"textSize":"PARAGRAPH","widgetId":"jabdu9f16g","isVisibleFilters":true,"tableData":"{{FindQuery.data}}","isVisible":"true","label":"Data","searchKey":"","version":3,"parentId":"59rw5mx0bq","serverSidePaginationEnabled":true,"isLoading":false,"isVisibleCompactMode":true,"onSearchTextChanged":"{{FindQuery.run()}}","horizontalAlignment":"LEFT","isVisibleSearch":true,"isVisiblePagination":true,"verticalAlignment":"CENTER","columnSizeMap":{"task":245,"deliveryAddress":170,"step":62,"id":228,"status":75}},{"isRequired":false,"widgetName":"key_select","isFilterable":true,"rightColumn":22,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"asmgosgxjm","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"{{FindQuery.data.length > 0}}","label":"","type":"DROP_DOWN_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"defaultOptionValue":"genres","parentColumnSpace":18.8828125,"dynamicTriggerPathList":[{"key":"onOptionChange"}],"leftColumn":7,"dynamicBindingPathList":[{"key":"isVisible"}],"options":"[\n{\n\t\"label\": \"poster_path\",\n\t\"value\": \"poster_path\"\n}, \n{\n\t\"label\": \"homepage\",\n\t\"value\": \"homepage\"\n}, \n{\n\t\"label\": \"imdb_id\",\n\t\"value\": \"imdb_id\"\n}, \n{\n\t\"label\": \"genres\",\n\t\"value\": \"genres\"\n}]","onOptionChange":"{{FindQuery.run()}}","isDisabled":false},{"widgetName":"Text15","rightColumn":7,"textAlign":"LEFT","widgetId":"l8pgl90klz","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":19.75,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"Order By :"},{"isRequired":false,"widgetName":"order_select","isFilterable":true,"rightColumn":30,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"10v8a19m25","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"{{FindQuery.data.length > 0}}","label":"","type":"DROP_DOWN_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"defaultOptionValue":"1","parentColumnSpace":19.75,"dynamicTriggerPathList":[{"key":"onOptionChange"}],"leftColumn":22,"dynamicBindingPathList":[{"key":"isVisible"}],"options":"[\n  {\n    \"label\": \"ASC\",\n    \"value\": \"1\"\n  },\n  {\n    \"label\": \"DESC\",\n    \"value\": \"-1\"\n  }\n]","onOptionChange":"{{FindQuery.run()}}","isDisabled":false},{"widgetName":"Text16","rightColumn":41,"textAlign":"LEFT","widgetId":"urzv99hdc8","topRow":0,"bottomRow":4,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":11.78515625,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"movies Data"},{"boxShadow":"NONE","widgetName":"refresh_btn","rightColumn":64,"onClick":"{{FindQuery.run()}}","iconName":"refresh","buttonColor":"#03B365","widgetId":"nj85l57r47","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","type":"ICON_BUTTON_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":12.0703125,"dynamicTriggerPathList":[{"key":"onClick"}],"borderRadius":"CIRCLE","leftColumn":60,"dynamicBindingPathList":[],"buttonVariant":"GHOST","isDisabled":false},{"boxShadow":"NONE","widgetName":"add_btn","rightColumn":60,"onClick":"{{showModal('Insert_Modal')}}","iconName":"add","buttonColor":"#03B365","widgetId":"atgojamsmw","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","type":"ICON_BUTTON_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":12.0703125,"dynamicTriggerPathList":[{"key":"onClick"}],"borderRadius":"CIRCLE","leftColumn":56,"dynamicBindingPathList":[],"buttonVariant":"GHOST","isDisabled":false}]}]},{"widgetName":"Delete_Modal","rightColumn":45,"detachFromLayout":true,"widgetId":"i3whp03wf0","topRow":13,"bottomRow":37,"parentRowSpace":10,"canOutsideClickClose":true,"type":"MODAL_WIDGET","canEscapeKeyClose":true,"version":2,"parentId":"0","shouldScrollContents":false,"isLoading":false,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":21,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas3","rightColumn":453.1875,"detachFromLayout":true,"widgetId":"zi8fjakv8o","topRow":0,"bottomRow":230,"parentRowSpace":1,"isVisible":"true","canExtend":true,"type":"CANVAS_WIDGET","version":1,"parentId":"i3whp03wf0","shouldScrollContents":false,"minHeight":240,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"Alert_text","rightColumn":41,"textAlign":"LEFT","widgetId":"35yoxo4oec","topRow":1,"bottomRow":5,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Delete Row"},{"widgetName":"Button1","rightColumn":46,"onClick":"{{closeModal('Delete_Modal')}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"lryg8kw537","topRow":17,"bottomRow":21,"isVisible":"true","type":"BUTTON_WIDGET","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":34,"dynamicBindingPathList":[],"text":"Cancel","isDisabled":false},{"widgetName":"Delete_Button","rightColumn":64,"onClick":"{{DeleteQuery.run(() => FindQuery.run(() => closeModal('Delete_Modal')), () => {})}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[{"key":"onClick"}],"buttonColor":"#F22B2B","widgetId":"qq02lh7ust","topRow":17,"bottomRow":21,"isVisible":"true","type":"BUTTON_WIDGET","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":48,"dynamicBindingPathList":[],"text":"Confirm","isDisabled":false},{"widgetName":"Text12","rightColumn":63,"textAlign":"LEFT","widgetId":"48uac29g6e","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"zi8fjakv8o","isLoading":false,"parentColumnSpace":6.875,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"Are you sure you want to delete this item?"}],"isDisabled":false}],"width":456,"height":240},{"widgetName":"Insert_Modal","rightColumn":41,"detachFromLayout":true,"widgetId":"vmorzie6eq","topRow":16,"bottomRow":40,"parentRowSpace":10,"canOutsideClickClose":true,"type":"MODAL_WIDGET","canEscapeKeyClose":true,"version":2,"parentId":"0","shouldScrollContents":false,"isLoading":false,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":17,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas4","rightColumn":453.1875,"detachFromLayout":true,"widgetId":"9rhv3ioohq","topRow":0,"bottomRow":610,"parentRowSpace":1,"isVisible":"true","canExtend":true,"type":"CANVAS_WIDGET","version":1,"parentId":"vmorzie6eq","shouldScrollContents":false,"minHeight":600,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"Form2","backgroundColor":"#F6F7F8","rightColumn":64,"widgetId":"1ruewbc4ef","topRow":0,"bottomRow":58,"parentRowSpace":10,"isVisible":"true","type":"FORM_WIDGET","parentId":"9rhv3ioohq","isLoading":false,"shouldScrollContents":false,"parentColumnSpace":8,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas5","rightColumn":224,"detachFromLayout":true,"widgetId":"tp9pui0e6y","containerStyle":"none","topRow":0,"bottomRow":570,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"1ruewbc4ef","minHeight":580,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"resetFormOnClick":true,"widgetName":"insert_button","rightColumn":62,"onClick":"{{InsertQuery.run(() => FindQuery.run(() => closeModal('Insert_Modal')))}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[{"key":"onClick"}],"buttonColor":"#03B365","widgetId":"h8vxf3oh4s","topRow":51,"bottomRow":55,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":true,"leftColumn":43,"dynamicBindingPathList":[],"googleRecaptchaKey":"","text":"Submit"},{"resetFormOnClick":true,"widgetName":"reset_button","rightColumn":42,"onClick":"{{closeModal('Insert_Modal')}}","isDefaultClickDisabled":true,"buttonColor":"#03B365","widgetId":"o23gs26wm5","topRow":51,"bottomRow":55,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":false,"leftColumn":29,"dynamicBindingPathList":[],"buttonVariant":"OUTLINE","text":"Close"},{"widgetName":"Text21","rightColumn":19,"textAlign":"RIGHT","widgetId":"cfmxebyn06","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"genres:"},{"isRequired":true,"widgetName":"insert_col_input1","rightColumn":62,"widgetId":"h1wbbv7alb","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"genres","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text22","rightColumn":19,"textAlign":"RIGHT","widgetId":"jsffaxrqhw","topRow":12,"bottomRow":16,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":2,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"homepage:"},{"isRequired":true,"widgetName":"insert_col_input2","rightColumn":62,"widgetId":"6enalyprua","topRow":12,"bottomRow":16,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","defaultText":"","placeholderText":"homepage","isDisabled":false,"validation":"true"},{"widgetName":"Text23","rightColumn":19,"textAlign":"RIGHT","widgetId":"btk60uozsm","topRow":19,"bottomRow":23,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"imdb_id:"},{"isRequired":true,"widgetName":"insert_col_input3","rightColumn":62,"widgetId":"e490gfts69","topRow":19,"bottomRow":23,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"imdb_id","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text14","rightColumn":19,"textAlign":"RIGHT","widgetId":"8fm60omwwv","topRow":26,"bottomRow":30,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"poster_path:"},{"isRequired":true,"widgetName":"insert_col_input4","rightColumn":62,"widgetId":"r55cydp0ao","topRow":26,"bottomRow":30,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"poster_path","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text13Copy","rightColumn":35,"textAlign":"LEFT","widgetId":"18x7vdv3gs","topRow":0,"bottomRow":4,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"shouldScroll":false,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Insert Row"}]}]}],"isDisabled":false}],"width":532,"height":600},{"widgetName":"Form1","backgroundColor":"white","rightColumn":64,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"m7dvlazbn7","topRow":0,"bottomRow":46,"parentRowSpace":10,"isVisible":"{{!!data_table.selectedRow._id}}","type":"FORM_WIDGET","parentId":"0","isLoading":false,"shouldScrollContents":true,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":40,"dynamicBindingPathList":[{"key":"isVisible"}],"children":[{"widgetName":"Canvas2","rightColumn":528.71875,"detachFromLayout":true,"widgetId":"cicukwhp5j","containerStyle":"none","topRow":0,"bottomRow":450,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"m7dvlazbn7","minHeight":460,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"resetFormOnClick":false,"widgetName":"update_button","rightColumn":63,"onClick":"{{UpdateQuery.run(() => FindQuery.run(), () => showAlert('Error while updating resource!','error'))}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"4gnygu5jew","topRow":39,"bottomRow":43,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"cicukwhp5j","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":true,"leftColumn":47,"dynamicBindingPathList":[],"text":"Update"},{"resetFormOnClick":true,"widgetName":"reset_update_button","rightColumn":46,"onClick":"","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"twwgpz5wfu","topRow":39,"bottomRow":43,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"cicukwhp5j","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":false,"leftColumn":28,"dynamicBindingPathList":[],"buttonVariant":"OUTLINE","text":"Reset"},{"isRequired":true,"widgetName":"update_col_1","rightColumn":63,"widgetId":"in8e51pg3y","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.genres}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_2","rightColumn":63,"widgetId":"mlhvfasf31","topRow":15,"bottomRow":19,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.homepage}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_3","rightColumn":63,"widgetId":"0lz9vhcnr0","topRow":22,"bottomRow":26,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.imdb_id}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_4","rightColumn":63,"widgetId":"m4esf7fww5","topRow":29,"bottomRow":33,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.poster_path}}","isDisabled":false,"validation":"true"},{"widgetName":"Text9","rightColumn":63,"textAlign":"LEFT","widgetId":"4hnz8ktmz5","topRow":0,"bottomRow":6,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Update Selected Row"},{"widgetName":"Text17","rightColumn":18,"textAlign":"RIGHT","widgetId":"afzzc7q8af","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"genres:"},{"widgetName":"Text18","rightColumn":18,"textAlign":"RIGHT","widgetId":"xqcsd2e5dj","topRow":15,"bottomRow":19,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"homepage:"},{"widgetName":"Text19","rightColumn":18,"textAlign":"RIGHT","widgetId":"l109ilp3vq","topRow":22,"bottomRow":26,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"imdb_id:"},{"widgetName":"Text20","rightColumn":18,"textAlign":"RIGHT","widgetId":"gqpwf0yng6","topRow":29,"bottomRow":33,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"poster_path:"}]}]}]},"layoutOnLoadActions":[[{"id":"616d7e429594b25adfa3e580","name":"FindQuery","pluginType":"DB","jsonPathKeys":["key_select.selectedOptionValue","data_table.pageSize","data_table.searchText||\"\"","(data_table.pageNo - 1) * data_table.pageSize","order_select.selectedOptionValue"],"timeoutInMillisecond":10000}]],"new":false}],"userPermissions":["read:pages","manage:pages"],"lastUpdatedTime":1634565699},"successMessage":"We have generated the <b>Table</b> from the <b>MongoDB datasource</b>. You can use the <b>Form</b> to modify it. Since all your data is already connected you can add more queries and modify the bindings","successImageUrl":"https://assets.appsmith.com/crud/working-flow-chart.png"}}
\ No newline at end of file
diff --git a/app/client/cypress/locators/FirstTimeUserOnboarding.json b/app/client/cypress/locators/FirstTimeUserOnboarding.json
index 1f840b515a..685154fc1b 100644
--- a/app/client/cypress/locators/FirstTimeUserOnboarding.json
+++ b/app/client/cypress/locators/FirstTimeUserOnboarding.json
@@ -7,7 +7,6 @@
   "checklistWidgetBtn": "[data-testid='checklist-widget']",
   "checklistConnectionBtn": "[data-testid='checklist-connection']",
   "checklistDeployBtn": "[data-testid='checklist-deploy']",
-  "datasourcePage": ".t--integrationsHomePage",
   "datasourceMock": ".t--mock-datasource",
   "createQuery": ".t--create-query",
   "widgetSidebar": ".t--widget-sidebar",
diff --git a/app/client/cypress/locators/Pages.json b/app/client/cypress/locators/Pages.json
index 4d02c942b3..45e9d4681f 100644
--- a/app/client/cypress/locators/Pages.json
+++ b/app/client/cypress/locators/Pages.json
@@ -9,7 +9,6 @@
   "Menuaction": ".bp3-overlay-open>.bp3-transition-container",
   "Delete": ":nth-child(2) > .bp3-menu-item",
   "apiEditorIcon": ".t--nav-link-api-editor",
-  "addEntityAPI": ".datasources .t--entity-add-btn",
   "integrationActiveTab": "button[id$='ACTIVE']",
   "entityWidget": ".t--entity-name:contains('Widgets')",
   "entityTable": ".t--entity-name:contains('Table1')",
diff --git a/app/client/cypress/locators/ReconnectLocators.js b/app/client/cypress/locators/ReconnectLocators.js
index 13b76bc286..837f5776d2 100644
--- a/app/client/cypress/locators/ReconnectLocators.js
+++ b/app/client/cypress/locators/ReconnectLocators.js
@@ -6,4 +6,5 @@ export default {
   ImportSuccessModalCloseBtn: ".t--import-success-modal-got-it",
   ListItemIcon: ".ads-v2-icon",
   DatasourceList: ".t--ds-list",
+  DatasourceTitle: ".t--ds-list-title",
 };
diff --git a/app/client/cypress/locators/explorerlocators.json b/app/client/cypress/locators/explorerlocators.json
index f24a3a77cb..3d639a62bd 100644
--- a/app/client/cypress/locators/explorerlocators.json
+++ b/app/client/cypress/locators/explorerlocators.json
@@ -3,7 +3,6 @@
   "NoQueryMsg": "p:contains('No DB Queries yet.')",
   "NoWidgetsMsg": "p:contains('icon above to add widgets')",
   "AddPage": ".pages .t--entity-add-btn",
-  "addEntityAPI": ".datasources .t--entity-add-btn",
   "addEntityJSEditor": ".js_actions .t--entity-add-btn",
   "createQueryMenu": ".file-ops",
   "entityExplorer": ".t--entity-explorer",
@@ -18,7 +17,6 @@
   "entityQuery": ".t--entity-name:contains('Datasources')",
   "datasourceStructure": ".t--entity.datasourceStructure",
   "datasourceColumn": ".t--datasource-column",
-  "templateMenuIcon": ".t--template-menu-trigger",
   "collapse": ".t--entity-collapse-toggle",
   "property": ".language-appsmith-binding",
   "editNameField": ".editing input",
@@ -27,7 +25,6 @@
   "addWidget": ".widgets .t--entity-add-btn button",
   "closeWidgets": ".t--close-widgets-sidebar",
   "dropHere": "#div-dragarena-0",
-  "addDBQueryEntity": ".datasources .t--entity-add-btn button",
   "editEntity": ".t--entity-name input",
   "activeTab": "span:contains('Active')",
   "createNew": ".t--entity-add-btn.group.files button",
diff --git a/app/client/cypress/scripts/util.ts b/app/client/cypress/scripts/util.ts
index 858e09c01b..b13daba338 100644
--- a/app/client/cypress/scripts/util.ts
+++ b/app/client/cypress/scripts/util.ts
@@ -1,5 +1,6 @@
 import { Pool } from "pg";
-import AWS from "aws-sdk";
+import { S3 } from "@aws-sdk/client-s3";
+import { Upload } from "@aws-sdk/lib-storage";
 import fs from "fs";
 import { Octokit } from "@octokit/rest";
 import fetch from "node-fetch";
@@ -94,8 +95,8 @@ export default class util {
 
   // This is to setup the AWS client
   public configureS3() {
-    AWS.config.update({ region: "ap-south-1" });
-    const s3client = new AWS.S3({
+    const s3client = new S3({
+      region: "ap-south-1",
       credentials: {
         accessKeyId: this.getVars().cypressS3Access,
         secretAccessKey: this.getVars().cypressS3Secret,
@@ -105,14 +106,14 @@ export default class util {
   }
 
   // This is to upload files to s3 when required
-  public async uploadToS3(s3Client: AWS.S3, filePath: string, key: string) {
+  public async uploadToS3(s3Client: S3, filePath: string, key: string) {
     const fileContent = fs.readFileSync(filePath);
     const params = {
       Bucket: "appsmith-internal-cy-db",
       Key: key,
       Body: fileContent,
     };
-    return await s3Client.upload(params).promise();
+    return await new Upload({ client: s3Client, params }).done();
   }
 
   public async getActiveRunners() {
diff --git a/app/client/cypress/snapshots/Custom3DChartSpec.ts/2DCustomECharts.snap.png b/app/client/cypress/snapshots/Custom3DChartSpec.ts/2DCustomECharts.snap.png
new file mode 100644
index 0000000000..f2051e9535
Binary files /dev/null and b/app/client/cypress/snapshots/Custom3DChartSpec.ts/2DCustomECharts.snap.png differ
diff --git a/app/client/cypress/snapshots/Custom3DChartSpec.ts/3DCustomECharts-2.snap.png b/app/client/cypress/snapshots/Custom3DChartSpec.ts/3DCustomECharts-2.snap.png
new file mode 100644
index 0000000000..033dba7a32
Binary files /dev/null and b/app/client/cypress/snapshots/Custom3DChartSpec.ts/3DCustomECharts-2.snap.png differ
diff --git a/app/client/cypress/snapshots/Custom3DChartSpec.ts/3DCustomECharts.snap.png b/app/client/cypress/snapshots/Custom3DChartSpec.ts/3DCustomECharts.snap.png
new file mode 100644
index 0000000000..e36a68830d
Binary files /dev/null and b/app/client/cypress/snapshots/Custom3DChartSpec.ts/3DCustomECharts.snap.png differ
diff --git a/app/client/cypress/snapshots/Custom3DChartSpec.ts/FusionCharts.snap.png b/app/client/cypress/snapshots/Custom3DChartSpec.ts/FusionCharts.snap.png
new file mode 100644
index 0000000000..01cb650758
Binary files /dev/null and b/app/client/cypress/snapshots/Custom3DChartSpec.ts/FusionCharts.snap.png differ
diff --git a/app/client/cypress/snapshots/DatasourcePageLayout_spec.js/emptydatasourcepage.snap.png b/app/client/cypress/snapshots/DatasourcePageLayout_spec.js/emptydatasourcepage.snap.png
index fa434d76b6..3251f8e9ae 100644
Binary files a/app/client/cypress/snapshots/DatasourcePageLayout_spec.js/emptydatasourcepage.snap.png and b/app/client/cypress/snapshots/DatasourcePageLayout_spec.js/emptydatasourcepage.snap.png differ
diff --git a/app/client/cypress/support/ApiCommands.js b/app/client/cypress/support/ApiCommands.js
index f6b640caab..cde24de7f6 100644
--- a/app/client/cypress/support/ApiCommands.js
+++ b/app/client/cypress/support/ApiCommands.js
@@ -50,7 +50,6 @@ Cypress.Commands.add("ResponseTextCheck", (textTocheck) => {
 });
 
 Cypress.Commands.add("NavigateToAPI_Panel", () => {
-  cy.get(pages.addEntityAPI).last().should("be.visible").click({ force: true });
   dataSources.NavigateToDSCreateNew();
   cy.get("#loading").should("not.exist");
 });
@@ -196,9 +195,7 @@ Cypress.Commands.add("EnterSourceDetailsWithbody", (baseUrl, v1method) => {
 });
 
 Cypress.Commands.add("CreationOfUniqueAPIcheck", (apiname) => {
-  cy.get(pages.addEntityAPI).click();
   dataSources.NavigateToDSCreateNew();
-
   cy.get(apiwidget.createapi).click({ force: true });
   cy.wait("@createNewApi");
   // cy.wait("@getUser");
@@ -273,6 +270,7 @@ Cypress.Commands.add("RenameEntity", (value, selectFirst) => {
 });
 
 Cypress.Commands.add("CreateApiAndValidateUniqueEntityName", (apiname) => {
+  dataSources.NavigateToDSCreateNew();
   cy.get(apiwidget.createapi).click({ force: true });
   cy.wait("@createNewApi");
   cy.get(apiwidget.resourceUrl).should("be.visible");
@@ -349,10 +347,6 @@ Cypress.Commands.add("DeleteAPI", () => {
     .should("eq", 200);
 });
 
-Cypress.Commands.add("NavigateToApiEditor", () => {
-  cy.get(explorer.addEntityAPI).click({ force: true });
-});
-
 Cypress.Commands.add("testCreateApiButton", () => {
   cy.get(ApiEditor.createBlankApiCard).click({ force: true });
   cy.wait("@createNewApi");
@@ -362,7 +356,6 @@ Cypress.Commands.add("testCreateApiButton", () => {
 });
 
 Cypress.Commands.add("createAndFillApi", (url, parameters) => {
-  cy.NavigateToApiEditor();
   dataSources.NavigateToDSCreateNew();
   cy.testCreateApiButton();
   cy.get("@createNewApi").then((response) => {
diff --git a/app/client/cypress/support/Objects/CommonLocators.ts b/app/client/cypress/support/Objects/CommonLocators.ts
index 0c63f41001..c89551b70d 100644
--- a/app/client/cypress/support/Objects/CommonLocators.ts
+++ b/app/client/cypress/support/Objects/CommonLocators.ts
@@ -201,6 +201,8 @@ export class CommonLocators {
     `//p[text()='${fieldName}']/parent::div//following-sibling::div//input[@type='checkbox']`;
   _deployedPage = `.t--page-switch-tab`;
   _hints = "ul.CodeMirror-hints li";
+  _tern_doc = ".t--tern-doc";
+  _argHintFnName = ".CodeMirror-Tern-tooltip .CodeMirror-Tern-fname";
   _cancelActionExecution = ".t--cancel-action-button";
   _widgetPane = "[data-testid='widget-sidebar-scrollable-wrapper']";
   _sliderThumb = '[data-testid="slider-thumb"]';
@@ -222,6 +224,7 @@ export class CommonLocators {
   _editorBackButton = ".t--close-editor";
   _dialogCloseButton = ".ads-v2-modal__content-header-close-button";
   _evaluateMsg = ".t--evaluatedPopup-error";
+  _evalValuePopover = ".t--CodeEditor-evaluatedValue";
   _canvas = "[data-testid=widgets-editor]";
   _enterPreviewMode = "[data-testid='edit-mode']";
   _exitPreviewMode = "[data-testid='preview-mode']";
@@ -254,7 +257,6 @@ export class CommonLocators {
   _appLeveltooltip = (toolTip: string) => `span:contains('${toolTip}')`;
   _appEditMenu = "[data-testid='t--editor-menu']";
   _appEditMenuBtn = "[data-testid='t--editor-menu-cta']";
-  _appEditMenuSettings = "[data-testid='t--editor-menu-settings']";
   _appEditExportSettings = "[data-testid='t--editor-menu-export-application']";
   _appThemeSettings = "#t--theme-settings-header";
   _appChangeThemeBtn = ".t--change-theme-btn";
@@ -298,7 +300,6 @@ export class CommonLocators {
   _buttonInDeployedMode = ".bp3-button";
   _treeSelectPlaceholder = ".rc-tree-select-selection-placeholder";
   _treeSelectTitle = ".rc-tree-select-tree-title";
-  _newDataSourceBtn = ".datasources .t--entity-add-btn";
   _callbackAddBtn = ".action-callback-add .ads-v2-button";
   _checkboxInDeployedMode = "//label[contains(@class, 'bp3-checkbox')]//input";
   _listText = "//span[text()='Blue']/../..";
diff --git a/app/client/cypress/support/Objects/FeatureFlags.ts b/app/client/cypress/support/Objects/FeatureFlags.ts
index c002462a06..eb46508c0b 100644
--- a/app/client/cypress/support/Objects/FeatureFlags.ts
+++ b/app/client/cypress/support/Objects/FeatureFlags.ts
@@ -1,5 +1,5 @@
 export const featureFlagIntercept = (
-  flags: Record<string, boolean>,
+  flags: Record<string, boolean> = {},
   reload = true,
 ) => {
   const response = {
@@ -7,7 +7,10 @@ export const featureFlagIntercept = (
       status: 200,
       success: true,
     },
-    data: flags,
+    data: {
+      ...flags,
+      release_app_sidebar_enabled: true,
+    },
     errorDisplay: "",
   };
   cy.intercept("GET", "/api/v1/users/features", response);
diff --git a/app/client/cypress/support/Pages/ApiPage.ts b/app/client/cypress/support/Pages/ApiPage.ts
index 7f6fa59f48..10392142a9 100644
--- a/app/client/cypress/support/Pages/ApiPage.ts
+++ b/app/client/cypress/support/Pages/ApiPage.ts
@@ -1,4 +1,5 @@
 import { ObjectsRegistry } from "../Objects/Registry";
+import EditorNavigation, { SidebarButton } from "./EditorNavigation";
 
 type RightPaneTabs = "datasources" | "connections";
 
@@ -88,6 +89,7 @@ export class ApiPage {
   ) {
     if (aftDSSaved) this.agHelper.GetNClick(this._createQuery);
     else {
+      EditorNavigation.ViaSidebar(SidebarButton.Pages);
       this.agHelper.RemoveUIElement("EvaluatedPopUp");
       this.agHelper.GetHoverNClick(this.locator._createNew);
       this.agHelper.GetNClick(this._blankAPI, 0, true);
diff --git a/app/client/cypress/support/Pages/AppSettings/AppSettings.ts b/app/client/cypress/support/Pages/AppSettings/AppSettings.ts
index c94b181342..c318530671 100644
--- a/app/client/cypress/support/Pages/AppSettings/AppSettings.ts
+++ b/app/client/cypress/support/Pages/AppSettings/AppSettings.ts
@@ -1,11 +1,10 @@
 import { ObjectsRegistry } from "../../Objects/Registry";
+import EditorNavigation, { SidebarButton } from "../EditorNavigation";
 export class AppSettings {
   private agHelper = ObjectsRegistry.AggregateHelper;
   private theme = ObjectsRegistry.ThemeSettings;
 
   public locators = {
-    _appSettings: ".t--app-settings-cta",
-    _closeSettings: "#t--close-app-settings-pane",
     _themeSettingsHeader: "#t--theme-settings-header",
     _generalSettingsHeader: "#t--general-settings-header",
     _embedSettingsHeader: "#t--share-embed-settings",
@@ -69,11 +68,11 @@ export class AppSettings {
   };
 
   public OpenAppSettings() {
-    this.agHelper.GetNClick(this.locators._appSettings, 0, true);
+    EditorNavigation.ViaSidebar(SidebarButton.Settings);
   }
 
   public ClosePane() {
-    this.agHelper.GetNClick(this.locators._closeSettings);
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
   }
 
   public GoToThemeSettings() {
@@ -120,6 +119,7 @@ export class AppSettings {
     pageName: string,
     customSlug?: string,
     editMode = true,
+    restOfUrl = "",
   ) {
     appName = appName.replace(/\s+/g, "-");
     this.agHelper.AssertElementAbsence(this.locators._updateStatus, 10000);
@@ -129,14 +129,14 @@ export class AppSettings {
         expect(pathname).to.be.equal(
           `/app/${customSlug}-${pageId}${
             editMode ? "/edit" : ""
-          }`.toLowerCase(),
+          }${restOfUrl}`.toLowerCase(),
         );
       } else {
         const pageId = pathname.split("/")[3]?.split("-").pop();
         expect(pathname).to.be.equal(
           `/app/${appName}/${pageName}-${pageId}${
             editMode ? "/edit" : ""
-          }`.toLowerCase(),
+          }${restOfUrl}`.toLowerCase(),
         );
       }
     });
diff --git a/app/client/cypress/support/Pages/AppSettings/GeneralSettings.ts b/app/client/cypress/support/Pages/AppSettings/GeneralSettings.ts
index f8242ae734..f2a8aca486 100644
--- a/app/client/cypress/support/Pages/AppSettings/GeneralSettings.ts
+++ b/app/client/cypress/support/Pages/AppSettings/GeneralSettings.ts
@@ -1,5 +1,13 @@
 import { ObjectsRegistry } from "../../Objects/Registry";
 
+interface UpdateNameAndVerifyUrlObj {
+  reset: boolean;
+  newAppName: string;
+  verifyAppNameAs?: string;
+  pageName?: string;
+  restOfUrl?: string;
+}
+
 export class GeneralSettings {
   private agHelper = ObjectsRegistry.AggregateHelper;
   private appSettings = ObjectsRegistry.AppSettings;
@@ -11,12 +19,13 @@ export class GeneralSettings {
     _appIconSelector: "#t--general-settings-app-icon",
   };
 
-  UpdateAppNameAndVerifyUrl(
-    reset: boolean,
-    newAppName: string,
-    verifyAppNameAs?: string,
+  UpdateAppNameAndVerifyUrl({
+    newAppName,
     pageName = "page1",
-  ) {
+    reset,
+    restOfUrl = "",
+    verifyAppNameAs,
+  }: UpdateNameAndVerifyUrlObj) {
     const appNameToBeVerified = verifyAppNameAs ?? newAppName;
     this.agHelper
       .GetText(this.locators._appNameField, "val")
@@ -28,7 +37,13 @@ export class GeneralSettings {
         );
         this.agHelper.PressEnter(1000);
         this.assertHelper.AssertNetworkStatus("@updateApplication", 200);
-        this.appSettings.CheckUrl(appNameToBeVerified, pageName);
+        this.appSettings.CheckUrl(
+          appNameToBeVerified,
+          pageName,
+          undefined,
+          true,
+          restOfUrl,
+        );
         if (reset) {
           this.agHelper.RemoveCharsNType(
             this.locators._appNameField,
@@ -37,7 +52,13 @@ export class GeneralSettings {
           );
           this.agHelper.PressEnter(1000);
           this.assertHelper.AssertNetworkStatus("@updateApplication", 200);
-          this.appSettings.CheckUrl(currentAppName as string, pageName);
+          this.appSettings.CheckUrl(
+            currentAppName as string,
+            pageName,
+            undefined,
+            true,
+            restOfUrl,
+          );
         }
       });
   }
diff --git a/app/client/cypress/support/Pages/AppSettings/PageSettings.ts b/app/client/cypress/support/Pages/AppSettings/PageSettings.ts
index 8264ed1e4f..3e3d9f504c 100644
--- a/app/client/cypress/support/Pages/AppSettings/PageSettings.ts
+++ b/app/client/cypress/support/Pages/AppSettings/PageSettings.ts
@@ -1,5 +1,12 @@
 import { ObjectsRegistry } from "../../Objects/Registry";
 
+interface UpdatePageNameAndVerifyUrlObj {
+  newPageName: string;
+  reset?: boolean;
+  verifyPageNameAs?: string;
+  restOfUrl?: string;
+}
+
 export class PageSettings {
   private agHelper = ObjectsRegistry.AggregateHelper;
   private homePage = ObjectsRegistry.HomePage;
@@ -61,11 +68,12 @@ export class PageSettings {
     });
   }
 
-  UpdatePageNameAndVerifyUrl(
-    newPageName: string,
-    verifyPageNameAs?: string,
+  UpdatePageNameAndVerifyUrl({
+    newPageName,
     reset = true,
-  ) {
+    restOfUrl = "",
+    verifyPageNameAs,
+  }: UpdatePageNameAndVerifyUrlObj) {
     const pageNameToBeVerified = verifyPageNameAs ?? newPageName;
     this.agHelper
       .GetText(this.locators._pageNameField, "val")
@@ -80,7 +88,13 @@ export class PageSettings {
           );
           this.agHelper.PressEnter();
           this.assertHelper.AssertNetworkStatus("@updatePage", 200);
-          this.appSettings.CheckUrl(appName as string, pageNameToBeVerified);
+          this.appSettings.CheckUrl(
+            appName as string,
+            pageNameToBeVerified,
+            undefined,
+            true,
+            restOfUrl,
+          );
           if (reset) {
             this.agHelper.RemoveCharsNType(
               this.locators._pageNameField,
@@ -92,13 +106,16 @@ export class PageSettings {
             this.appSettings.CheckUrl(
               appName as string,
               currentPageName as string,
+              undefined,
+              true,
+              restOfUrl,
             );
           }
         });
       });
   }
 
-  UpdateCustomSlugAndVerifyUrl(customSlug: string) {
+  UpdateCustomSlugAndVerifyUrl(customSlug: string, restOfUrl = "") {
     this.agHelper
       .GetText(this.locators._customSlugField, "val")
       .then((currentCustomSlug) => {
@@ -116,7 +133,13 @@ export class PageSettings {
           }
           this.agHelper.PressEnter();
           this.assertHelper.AssertNetworkStatus("@updatePage", 200);
-          this.appSettings.CheckUrl(appName as string, "", customSlug);
+          this.appSettings.CheckUrl(
+            appName as string,
+            "",
+            customSlug,
+            true,
+            restOfUrl,
+          );
         });
       });
   }
diff --git a/app/client/cypress/support/Pages/AutoLayout.ts b/app/client/cypress/support/Pages/AutoLayout.ts
index e2d2399a4e..2401b85f55 100644
--- a/app/client/cypress/support/Pages/AutoLayout.ts
+++ b/app/client/cypress/support/Pages/AutoLayout.ts
@@ -1,5 +1,6 @@
 import { ObjectsRegistry } from "../Objects/Registry";
 import { getWidgetSelector, WIDGET } from "../../locators/WidgetLocators";
+import EditorNavigation, { SidebarButton } from "./EditorNavigation";
 
 type FixedConversionOptions = "DESKTOP" | "MOBILE";
 
@@ -111,12 +112,14 @@ export class AutoLayout {
   }
 
   public VerifyIsAutoLayout() {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.GetNClick(this.locators._selectionCanvas("0"), 0, true);
     this.agHelper.GetNAssertContains(this.autoConvertButton, "fixed layout");
     this.agHelper.AssertElementExist(this.flexMainContainer);
   }
 
   public VerifyIsFixedLayout() {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.GetNClick(this.locators._selectionCanvas("0"), 0, true);
     cy.get(this.autoConvertButton).should("contain", "auto-layout");
     cy.get(this.flexMainContainer).should("not.exist");
diff --git a/app/client/cypress/support/Pages/DataSources.ts b/app/client/cypress/support/Pages/DataSources.ts
index 91bedefd81..de94ac6774 100644
--- a/app/client/cypress/support/Pages/DataSources.ts
+++ b/app/client/cypress/support/Pages/DataSources.ts
@@ -1,6 +1,8 @@
 import { ObjectsRegistry } from "../Objects/Registry";
 import { WIDGET } from "../../locators/WidgetLocators";
 import { EntityItems } from "./AssertHelper";
+import EditorNavigation, { SidebarButton } from "./EditorNavigation";
+import datasource from "../../locators/DatasourcesEditor.json";
 
 export const DataSourceKVP = {
   Postgres: "PostgreSQL",
@@ -52,7 +54,7 @@ export class DataSources {
 
   private _dsCreateNewTab = "[data-testid=t--tab-CREATE_NEW]";
   private _dsReviewSection = "[data-testid='t--ds-review-section']";
-  private _addNewDataSource = ".t--entity-add-btn.datasources button";
+  public _addNewDataSource = ".t--add-datasource-button";
   private _createNewPlgin = (pluginName: string) =>
     ".t--plugin-name:contains('" + pluginName + "')";
   public _host = (index = "0") =>
@@ -79,7 +81,7 @@ export class DataSources {
   _reconnectDataSourceModal = "[data-testid=t--tab-RECONNECT_DATASOURCES]";
   _closeDataSourceModal = ".t--reconnect-close-btn";
   _dsEntityItem = "[data-guided-tour-id='explorer-entity-Datasources']";
-  _activeDS = "[data-testid='active-datasource-name']";
+  _activeDS = "[data-selected='true']";
   _mockDatasourceName = "[data-testid=mockdatasource-name]";
   _templateMenu = ".t--template-menu";
   _addSuggestedExisting = "t--suggested-widget-existing";
@@ -152,8 +154,6 @@ export class DataSources {
   _noRecordFound = "span[data-testid='no-data-table-message']";
   _usePreparedStatement =
     "input[name='actionConfiguration.pluginSpecifiedTemplates[0].value'][type='checkbox'], input[name='actionConfiguration.formData.preparedStatement.data'][type='checkbox']";
-  _queriesOnPageText = (dsName: string) =>
-    ".t--datasource-name:contains('" + dsName + "') .t--queries-for-DB";
   _mockDB = (dbName: string) =>
     "//span[text()='" +
     dbName +
@@ -252,11 +252,9 @@ export class DataSources {
     "//p[contains(text(),'" +
     ddName +
     "')]/ancestor::div[@class='form-config-top']/following-sibling::div//div[contains(@class, 'rc-select-multiple')]";
-  private _datasourceTableSchemaInQueryEditor = (schemaName: string) =>
-    `//div[contains(@class, 'datasourceStructure-query-editor')]//div[contains(@class, 't--entity-name')][text()='${schemaName}']`;
   private _datasourceSchemaRefreshBtn = ".datasourceStructure-refresh";
   private _datasourceStructureHeader = ".datasourceStructure-header";
-  private _datasourceColumnSchemaInQueryEditor = ".t--datasource-column";
+  _datasourceSchemaColumn = ".t--datasource-column";
   _datasourceStructureSearchInput = ".datasourceStructure-search input";
   _jsModeSortingControl = ".t--actionConfiguration\\.formData\\.sortBy\\.data";
   public _queryEditorCollapsibleIcon = ".collapsible-icon";
@@ -285,9 +283,9 @@ export class DataSources {
   _graphQlDsFromRightPane = (dsName: string) =>
     "//div/span[text() ='" + dsName + "']";
   _imgFireStoreLogo = "//img[contains(@src, 'firestore.svg')]";
-  private _dsVirtuosoElement = (dsName: string) =>
-    `[data-testid='t--entity-item-${dsName}'] + div .t--schema-virtuoso-container`;
+  _dsVirtuosoElement = `div .t--schema-virtuoso-container`;
   private _dsVirtuosoList = `[data-test-id="virtuoso-item-list"]`;
+  private _dsSchemaContainer = `[data-testId="datasource-schema-container"]`;
   private _dsVirtuosoElementTable = (targetTableName: string) =>
     `.t--entity-item[data-testid='t--entity-item-${targetTableName}']`;
   private _dsPageTabListItem = (buttonText: string) =>
@@ -297,8 +295,7 @@ export class DataSources {
   _dsPageTableTriggermenuTarget = (tableName: string) =>
     `${this._dsPageTabContainerTableName(tableName)} .t--template-menu-trigger`;
   _gSheetQueryPlaceholder = ".CodeMirror-placeholder";
-  _dsNameInExplorer = (dsName: string) =>
-    `div.t--entity-name:contains('${dsName}')`;
+  _dsStructurePreviewMode = ".datasourceStructure-datasource-view-mode";
 
   public AssertDSEditViewMode(mode: AppModes) {
     if (mode == "Edit") this.agHelper.AssertElementAbsence(this._editButton);
@@ -445,21 +442,19 @@ export class DataSources {
   }
 
   public NavigateToDSCreateNew() {
-    this.entityExplorer.HoverOnEntityItem("Datasources");
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
     Cypress._.times(2, () => {
       this.agHelper.GetNClick(this._addNewDataSource, 0, true);
       this.agHelper.Sleep();
     });
-    this.agHelper.RemoveUIElement("Tooltip", "Add a new datasource");
-    cy.get(this._newDatasourceContainer).scrollTo("bottom", {
-      ensureScrollable: false,
-    });
     cy.get(this._newDatabases).should("be.visible");
   }
 
   CreateMockDB(dbName: "Users" | "Movies"): Cypress.Chainable<string> {
     this.NavigateToDSCreateNew();
-    this.agHelper.GetNClick(this._mockDB(dbName));
+    cy.get(this._mockDatasourceName)
+      .contains(dbName, { matchCase: false })
+      .click();
     this.assertHelper.AssertNetworkStatus("@getMockDb"); //To return the right mock DB name
     return cy
       .get("@getMockDb")
@@ -847,55 +842,13 @@ export class DataSources {
     this.agHelper.AssertContains("datasource updated");
   }
 
-  public ShowAllDatasources() {
-    this.agHelper.GetElement(this.locator._body).then(($body) => {
-      if ($body.find(this._selectedActiveTab).length === 0) {
-        this.agHelper.ClickButton("Show all datasources");
-      }
-    });
-  }
-
-  public ClickActiveTabDSContextMenu(datasourceName: string) {
-    this.agHelper.GetElement(this.locator._body).then(($body) => {
-      if (
-        $body.find(this.locator._visibleTextSpan("Show all datasources", true))
-          .length !== 0
-      ) {
-        this.ShowAllDatasources();
-      } else this.NavigateToActiveTab();
-    });
-
-    cy.get(this._datasourceCard)
-      .contains(datasourceName)
-      .parents(this._datasourceCard)
-      .find(this._dsMenuoptions)
-      .scrollIntoView()
-      .should("be.visible")
-      .click();
-  }
-
-  public DeleteDatasouceFromActiveTab(
-    datasourceName: string,
-    expectedRes = 200 || 409 || [200, 409],
-  ) {
-    this.ClickActiveTabDSContextMenu(datasourceName);
-    this.agHelper.GetNClick(this._dsOptionMenuItem("Delete"), 0, false, 200);
-    this.agHelper.GetNClick(this._dsOptionMenuItem("Are you sure?"));
-    this.ValidateDSDeletion(expectedRes);
-  }
-
   public DeleteDatasourceFromWithinDS(
     datasourceName: string,
     expectedRes: number | number[] = 200 || 409 || [200, 409],
   ) {
-    this.NavigateToActiveTab();
-    cy.get(this._datasourceCard)
-      .contains(datasourceName)
-      .scrollIntoView()
-      .should("be.visible")
-      .click();
+    this.navigateToDatasource(datasourceName);
     this.agHelper.Sleep(); //for the Datasource page to open
-    this.DeleteDSDirectly(expectedRes);
+    this.DeleteDSDirectly(expectedRes, false);
   }
 
   // this initiates saving via the cancel button.
@@ -925,19 +878,6 @@ export class DataSources {
     this.ValidateDSDeletion(expectedRes);
   }
 
-  public DeleteDSFromEntityExplorer(
-    dsName: string,
-    expectedRes: number | number[] = 200,
-  ) {
-    this.entityExplorer.SelectEntityByName(dsName, "Datasources");
-    this.entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dsName,
-      action: "Delete",
-      entityType: EntityItems.Datasource,
-    });
-    this.ValidateDSDeletion(expectedRes);
-  }
-
   public ValidateDSDeletion(expectedRes: number | number[] = 200) {
     this.assertHelper
       .AssertNetworkStatus("@deleteDatasource", expectedRes)
@@ -950,15 +890,6 @@ export class DataSources {
       });
   }
 
-  public NavigateToActiveTab() {
-    this.agHelper.GetElement(this.locator._body).then(($body) => {
-      if ($body.find(this._selectedActiveTab).length === 0) {
-        this.NavigateToDSCreateNew();
-        this.agHelper.GetNClick(this._activeTab, 0, true);
-      }
-    });
-  }
-
   public NavigateFromActiveDS(
     datasourceName: string,
     createQuery: boolean,
@@ -972,13 +903,8 @@ export class DataSources {
     this.AssertDSInActiveList(new RegExp("^" + datasourceName + "$")) //This regex is to exact match the datasource name
       .scrollIntoView()
       .should("be.visible")
-      .then(($element) => {
-        cy.wrap($element)
-          .closest(this._datasourceCard)
-          .within(() => {
-            this.agHelper.GetNClick(btnLocator, 0, true);
-          });
-      });
+      .click();
+    this.agHelper.GetNClick(btnLocator, 0, true);
     this.agHelper.Sleep(3000); //for the CreateQuery/GeneratePage page to load
     createQuery && this.AssertRunButtonVisibility();
     validateTableDropdown &&
@@ -987,11 +913,7 @@ export class DataSources {
   }
 
   public AssertDSInActiveList(dsName: string | RegExp) {
-    this.entityExplorer.NavigateToSwitcher("Explorer", 0, true);
-    this.entityExplorer.ExpandCollapseEntity("Datasources", false);
-    //this.entityExplorer.SelectEntityByName(datasourceName, "Datasources");
-    //this.entityExplorer.ExpandCollapseEntity(datasourceName, false);
-    this.NavigateToActiveTab();
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
     return this.agHelper.GetNAssertContains(this._datasourceCard, dsName);
   }
 
@@ -999,17 +921,10 @@ export class DataSources {
     datasourceName: string,
     toNavigateToActive = true,
   ) {
-    if (toNavigateToActive) this.NavigateToActiveTab();
-    cy.get(this._datasourceCard, { withinSubject: null })
-      .find(this._activeDS)
-      .contains(new RegExp("^" + datasourceName + "$")) //This regex is to exact match the datasource name
-      .scrollIntoView()
-      .should("be.visible")
-      .closest(this._datasourceCard)
-      .scrollIntoView()
-      .within(() => {
-        this.agHelper.GetNClick(this._createQuery, 0, true);
-      });
+    if (toNavigateToActive) EditorNavigation.ViaSidebar(SidebarButton.Data);
+
+    this.navigateToDatasource(datasourceName);
+    this.agHelper.GetNClick(this._createQuery, 0, true);
     this.agHelper.Sleep(2000); //for the CreateQuery
     //this.assertHelper.AssertNetworkStatus("@createNewApi", 201);//throwing 404 in CI sometimes
     this.AssertRunButtonVisibility();
@@ -1041,7 +956,7 @@ export class DataSources {
     queryName = "",
     cancelEditDs = true,
   ) {
-    this.NavigateToActiveTab();
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
     cy.get(this._datasourceCard)
       .contains(new RegExp("^" + datasourceName + "$")) //This regex is to exact match the datasource name
       .scrollIntoView()
@@ -1457,19 +1372,14 @@ export class DataSources {
     } else {
       this.SaveDatasource();
     }
-    this.entityExplorer.ActionContextMenuByEntityName({
-      entityNameinLeftSidebar: dataSourceName,
-      action: "Refresh",
-    });
+    this.selectTabOnDatasourcePage("View data");
     cy.wait("@getDatasourceStructure").then(() => {
-      cy.get(".bp3-collapse-body").contains(schema);
+      cy.get(this._dsSchemaContainer).contains(schema);
     });
   }
 
   public VerifyTableSchemaOnQueryEditor(schema: string) {
-    this.agHelper.AssertElementVisibility(
-      this._datasourceTableSchemaInQueryEditor(schema),
-    );
+    this.agHelper.AssertElementVisibility(this._dsVirtuosoElementTable(schema));
   }
 
   public VerifySchemaAbsenceInQueryEditor() {
@@ -1478,7 +1388,7 @@ export class DataSources {
 
   public VerifyColumnSchemaOnQueryEditor(schema: string, index = 0) {
     this.agHelper
-      .GetElement(this._datasourceColumnSchemaInQueryEditor)
+      .GetElement(this._datasourceSchemaColumn)
       .eq(index)
       .contains(schema);
   }
@@ -1507,6 +1417,22 @@ export class DataSources {
     this.VerifyTableSchemaOnQueryEditor(expectedTableName);
   }
 
+  public createQueryWithDatasourceSchemaTemplate(
+    datasourceName: string,
+    tableName: string,
+    templateName: string,
+  ) {
+    this.CreateQueryFromActiveTab(datasourceName);
+    this.AssertTableInVirtuosoList(datasourceName, tableName);
+    cy.get(this._dsVirtuosoElementTable(tableName)).click();
+    this.agHelper.GetNClick(
+      this.entityExplorer.locator._contextMenuItem(templateName),
+      0,
+      true,
+    );
+    this.agHelper.Sleep(500);
+  }
+
   public AssertDSDialogVisibility(isVisible = true) {
     if (isVisible) {
       this.agHelper.AssertElementVisibility(this._datasourceModalDoNotSave);
@@ -1539,7 +1465,7 @@ export class DataSources {
 
   // this initiates saving via the back button.
   public SaveDSFromDialog(save = true) {
-    this.agHelper.GoBack();
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.AssertDatasourceSaveModalVisibilityAndSave(save);
   }
 
@@ -1926,79 +1852,86 @@ export class DataSources {
     presence = true,
   ) {
     const ds_entity_name = dsName.replace(/\s/g, "_");
-    this.entityExplorer.ExpandCollapseEntity("Datasources");
-    cy.get(this.locator._body).then(($body: any) => {
-      if ($body.find(this._dsNameInExplorer(dsName)).length > 0) {
-        this.entityExplorer.ExpandCollapseEntity(dsName);
-        cy.intercept("GET", "/api/v1/datasources/*/structure?ignoreCache=*").as(
-          `getDatasourceStructureUpdated_${ds_entity_name}`,
+    cy.intercept("GET", "/api/v1/datasources/*/structure?ignoreCache=*").as(
+      `getDatasourceStructureUpdated_${ds_entity_name}`,
+    );
+    this.RefreshDatasourceSchema();
+    this.assertHelper
+      .WaitForNetworkCall(`@getDatasourceStructureUpdated_${ds_entity_name}`)
+      .then(async (response) => {
+        const tables: any[] = response?.body.data?.tables || [];
+        const indexOfTable = tables.findIndex(
+          (table) => table.name === targetTableName,
         );
-        this.entityExplorer.ActionContextMenuByEntityName({
-          entityNameinLeftSidebar: dsName,
-          action: "Refresh",
-        });
+        if (presence) {
+          this.agHelper.Sleep();
+          this.agHelper
+            .GetNClick(this._dsVirtuosoElement)
+            .then((parentElement) => {
+              const heightOfParentElement = parentElement.outerHeight() || 0;
 
-        this.assertHelper
-          .WaitForNetworkCall(
-            `@getDatasourceStructureUpdated_${ds_entity_name}`,
-          )
-          .then(async (response) => {
-            const tables: any[] = response?.body.data?.tables || [];
-            const indexOfTable = tables.findIndex(
-              (table) => table.name === targetTableName,
-            );
-            if (presence) {
-              this.agHelper.Sleep();
-              this.agHelper
-                .GetNClick(this._dsVirtuosoElement(dsName))
-                .then((parentElement) => {
-                  const heightOfParentElement =
-                    parentElement.outerHeight() || 0;
-
-                  // Every element (tables in this scenario) in the virtual list has equal heights. Assumption: Every table element accordion is collapsed by default.
-                  const containerElement = parentElement.find(
-                    this._dsVirtuosoList,
+              // Every element (tables in this scenario) in the virtual list has equal heights. Assumption: Every table element accordion is collapsed by default.
+              const containerElement = parentElement.find(this._dsVirtuosoList);
+              const elementHeight = parseInt(
+                containerElement.children().first().attr("data-known-size") ||
+                  "",
+                10,
+              );
+              // Total height of the parent container holding the tables in the dom normally without virtualization rendering
+              const totalScroll = tables.length * elementHeight;
+              cy.log(JSON.stringify({ heightOfParentElement, totalScroll }));
+              if (heightOfParentElement < totalScroll) {
+                // Index of the table present in the array of tables which will determine the presence of element inside the parent container
+                let offset = indexOfTable * elementHeight;
+                const scrollPercent = Math.max(
+                  (offset / (totalScroll || 1)) * 100,
+                  0,
+                );
+                if (scrollPercent > 0) {
+                  this.agHelper.ScrollToXY(
+                    this._dsVirtuosoElement,
+                    0,
+                    `${scrollPercent}%`,
                   );
-                  const elementHeight = parseInt(
-                    containerElement
-                      .children()
-                      .first()
-                      .attr("data-known-size") || "",
-                    10,
-                  );
-                  // Total height of the parent container holding the tables in the dom normally without virtualization rendering
-                  const totalScroll = tables.length * elementHeight;
-                  cy.log(
-                    JSON.stringify({ heightOfParentElement, totalScroll }),
-                  );
-                  if (heightOfParentElement < totalScroll) {
-                    // Index of the table present in the array of tables which will determine the presence of element inside the parent container
-                    let offset = indexOfTable * elementHeight;
-                    const scrollPercent = Math.max(
-                      (offset / (totalScroll || 1)) * 100,
-                      0,
-                    );
-                    if (scrollPercent > 0) {
-                      this.agHelper.ScrollToXY(
-                        this._dsVirtuosoElement(dsName),
-                        0,
-                        `${scrollPercent}%`,
-                      );
-                    }
-                  }
-                  this.agHelper.AssertElementVisibility(
-                    this._dsVirtuosoElementTable(targetTableName),
-                  );
-                });
-            } else {
-              expect(indexOfTable).to.equal(-1);
-            }
-          });
-      }
-    });
+                }
+              }
+              // To close any template pop up, click on the body
+              cy.get(this.locator._body).click({ force: true });
+              this.agHelper.AssertElementVisibility(
+                this._dsVirtuosoElementTable(targetTableName),
+              );
+            });
+        } else {
+          this.agHelper.AssertElementAbsence(
+            this._dsVirtuosoElementTable(targetTableName),
+          );
+          expect(indexOfTable).to.equal(-1);
+        }
+      });
   }
 
   public selectTabOnDatasourcePage(tab: "View data" | "Configurations") {
     this.agHelper.GetNClick(this._dsPageTabListItem(tab));
   }
+
+  public navigateToDatasource(name: string) {
+    EditorNavigation.ViaSidebar(SidebarButton.Data);
+    cy.get(datasource.datasourceCard)
+      .contains(name)
+      .first()
+      .scrollIntoView()
+      .should("be.visible")
+      .click()
+      .parents(datasource.datasourceCard)
+      .should("have.attr", "data-selected", "true");
+  }
+
+  public getDatasourceListItemDescription(name: string) {
+    return cy
+      .get(datasource.datasourceCard)
+      .contains(name)
+      .parents(datasource.datasourceCard)
+      .find(".ads-v2-listitem__bdesc")
+      .invoke("text");
+  }
 }
diff --git a/app/client/cypress/support/Pages/EditorNavigation.ts b/app/client/cypress/support/Pages/EditorNavigation.ts
new file mode 100644
index 0000000000..11e0e73340
--- /dev/null
+++ b/app/client/cypress/support/Pages/EditorNavigation.ts
@@ -0,0 +1,20 @@
+export enum SidebarButton {
+  Data = "Data",
+  Pages = "Pages",
+  Libraries = "Libraries",
+  Settings = "Settings",
+}
+class EditorNavigation {
+  locators = {
+    sidebar: ".t--sidebar",
+    sidebarButtons: (name: SidebarButton) => `.t--sidebar-${name}`,
+  };
+  ViaSidebar(button: SidebarButton) {
+    cy.get(this.locators.sidebar)
+      .should("be.visible")
+      .find(this.locators.sidebarButtons(button))
+      .click({ force: true });
+  }
+}
+
+export default new EditorNavigation();
diff --git a/app/client/cypress/support/Pages/EntityExplorer.ts b/app/client/cypress/support/Pages/EntityExplorer.ts
index 9bbdb6101c..0d4f01d572 100644
--- a/app/client/cypress/support/Pages/EntityExplorer.ts
+++ b/app/client/cypress/support/Pages/EntityExplorer.ts
@@ -1,5 +1,6 @@
 import { ObjectsRegistry } from "../Objects/Registry";
 import { EntityItems } from "./AssertHelper";
+import EditorNavigation, { SidebarButton } from "./EditorNavigation";
 
 type templateActions =
   | "Find"
@@ -94,15 +95,10 @@ export class EntityExplorer {
 
   public SelectEntityByName(
     entityNameinLeftSidebar: string,
-    section:
-      | "Widgets"
-      | "Queries/JS"
-      | "Datasources"
-      | "Pages"
-      | ""
-      | string = "",
+    section: "Widgets" | "Queries/JS" | "Pages" | "" | string = "",
     ctrlKey = false,
   ) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.NavigateToSwitcher("Explorer");
     if (section) this.ExpandCollapseEntity(section); //to expand respective section
     cy.xpath(this._entityNameInExplorer(entityNameinLeftSidebar))
@@ -133,6 +129,7 @@ export class EntityExplorer {
       | "Generate page with data"
       | "Add page from template" = "New blank page",
   ) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.GetNClick(this.locator._newPage);
     this.agHelper.GetNClick(this._newPageOptions(option));
     if (option === "New blank page") {
@@ -148,6 +145,7 @@ export class EntityExplorer {
     index = 0,
     force = false,
   ) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper
       .GetAttribute(this._openNavigationTab(navigationTab), "data-selected")
       .then(($value) => {
@@ -162,6 +160,7 @@ export class EntityExplorer {
   }
 
   public AssertEntityPresenceInExplorer(entityNameinLeftSidebar: string) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.AssertElementLength(
       this._entityNameInExplorer(entityNameinLeftSidebar),
       1,
@@ -169,12 +168,14 @@ export class EntityExplorer {
   }
 
   public AssertEntityAbsenceInExplorer(entityNameinLeftSidebar: string) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.AssertElementAbsence(
       this._entityNameInExplorer(entityNameinLeftSidebar),
     );
   }
 
   public ExpandCollapseEntity(entityName: string, expand = true, index = 0) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.AssertElementVisibility(
       this._expandCollapseArrow(entityName),
       true,
@@ -246,6 +247,7 @@ export class EntityExplorer {
     toAssertAction,
     toastToValidate = "",
   }: EntityActionParams) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.Sleep();
     cy.xpath(this._contextMenu(entityNameinLeftSidebar))
       .scrollIntoView()
@@ -266,6 +268,7 @@ export class EntityExplorer {
   }
 
   public DeleteWidgetFromEntityExplorer(widgetNameinLeftSidebar: string) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     cy.xpath(this._contextMenu(widgetNameinLeftSidebar))
       .last()
       .click({ force: true });
@@ -280,6 +283,7 @@ export class EntityExplorer {
   }
 
   public DeleteAllQueriesForDB(dsName: string) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.GetElement(this._allQueriesforDB(dsName)).each(($el: any) => {
       cy.wrap($el)
         .invoke("text")
@@ -294,24 +298,12 @@ export class EntityExplorer {
   }
 
   public HoverOnEntityItem(entityNameinLeftSidebar: string) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.ClickOutside();
     //cy.get("body").trigger("mousedown");
     cy.xpath(this._entityNameInExplorer(entityNameinLeftSidebar)).realHover();
   }
 
-  public ActionTemplateMenuByEntityName(
-    entityNameinLeftSidebar: string,
-    action: templateActions,
-  ) {
-    this.HoverOnEntityItem(entityNameinLeftSidebar);
-    cy.xpath(this._templateMenuTrigger(entityNameinLeftSidebar))
-      .first()
-      .click()
-      .wait(100); //for menu template to appear
-    this.agHelper.GetNClick(this.locator._contextMenuItem(action), 0, true);
-    this.agHelper.Sleep(500);
-  }
-
   public SearchWidgetPane(widgetType: string) {
     this.NavigateToSwitcher("Widgets", 0, true);
     this.agHelper.Sleep();
@@ -399,6 +391,7 @@ export class EntityExplorer {
   }
 
   public ClonePage(pageName = "Page1") {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.SelectEntityByName(pageName, "Pages");
     this.ActionContextMenuByEntityName({
       entityNameinLeftSidebar: pageName,
@@ -408,6 +401,7 @@ export class EntityExplorer {
   }
 
   public CreateNewDsQuery(dsName: string, isQuery = true) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     this.agHelper.ClickOutside(); //to close the evaluated pop-up
     cy.get(this.locator._createNew).last().click();
     const searchText = isQuery ? dsName + " query" : dsName;
@@ -449,6 +443,7 @@ export class EntityExplorer {
     renameVal: string,
     viaMenu = false,
   ) {
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     if (viaMenu)
       this.ActionContextMenuByEntityName({
         entityNameinLeftSidebar: entityName,
@@ -460,8 +455,8 @@ export class EntityExplorer {
       .wait(500)
       .type("{enter}")
       .wait(300);
-    this.AssertEntityPresenceInExplorer(renameVal);
     this.agHelper.Sleep(); //allowing time for name change to reflect in EntityExplorer
+    this.AssertEntityPresenceInExplorer(renameVal);
   }
 
   public VerifyIsCurrentPage(pageName: string) {
diff --git a/app/client/cypress/support/Pages/JSEditor.ts b/app/client/cypress/support/Pages/JSEditor.ts
index 1b1b785211..b0d52c8d13 100644
--- a/app/client/cypress/support/Pages/JSEditor.ts
+++ b/app/client/cypress/support/Pages/JSEditor.ts
@@ -1,4 +1,5 @@
 import { ObjectsRegistry } from "../Objects/Registry";
+import EditorNavigation, { SidebarButton } from "./EditorNavigation";
 
 export interface ICreateJSObjectOptions {
   paste: boolean;
@@ -128,7 +129,7 @@ export class JSEditor {
   //#region Page functions
   public NavigateToNewJSEditor() {
     this.agHelper.ClickOutside(); //to enable click of below!
-
+    EditorNavigation.ViaSidebar(SidebarButton.Pages);
     cy.get(this.locator._createNew).last().click({ force: true });
     cy.get(this._newJSobj).eq(0).click({ force: true });
 
diff --git a/app/client/cypress/support/Pages/LibraryInstaller.ts b/app/client/cypress/support/Pages/LibraryInstaller.ts
index 809e213d87..6869514a79 100644
--- a/app/client/cypress/support/Pages/LibraryInstaller.ts
+++ b/app/client/cypress/support/Pages/LibraryInstaller.ts
@@ -2,8 +2,7 @@ import { ObjectsRegistry } from "../Objects/Registry";
 
 export class LibraryInstaller {
   private _aggregateHelper = ObjectsRegistry.AggregateHelper;
-  private _installer_trigger_locator =
-    ".t--entity-add-btn.group.libraries button";
+  private _installer_trigger_locator = ".t--install-library-button";
   private _installer_close_locator =
     ".ads-v2-popover__body-header .ads-v2-icon";
 
diff --git a/app/client/cypress/support/Pages/Onboarding.ts b/app/client/cypress/support/Pages/Onboarding.ts
index d0c96a4e54..fe853fd4c0 100644
--- a/app/client/cypress/support/Pages/Onboarding.ts
+++ b/app/client/cypress/support/Pages/Onboarding.ts
@@ -33,7 +33,7 @@ export class Onboarding {
       true,
     );
     this._aggregateHelper.AssertElementVisibility(
-      OnboardingLocator.datasourcePage,
+      this._datasources._newDatasourceContainer,
     );
     this.closeIntroModal();
     this._aggregateHelper.AssertElementAbsence(
@@ -57,6 +57,7 @@ export class Onboarding {
       .should("have.css", "cursor", "not-allowed");
     cy.get(OnboardingLocator.checklistActionBtn).should("be.visible");
     cy.get(OnboardingLocator.checklistActionBtn).click();
+    this._datasources.navigateToDatasource("Movies");
     cy.get(OnboardingLocator.createQuery).should("be.visible");
     cy.get(OnboardingLocator.createQuery).click();
     cy.wait(1000);
diff --git a/app/client/cypress/support/commands.js b/app/client/cypress/support/commands.js
index 31a9025ac2..b11bc6777b 100644
--- a/app/client/cypress/support/commands.js
+++ b/app/client/cypress/support/commands.js
@@ -2,6 +2,8 @@
 /* eslint-disable cypress/no-assigning-return-values */
 /* This file is used to maintain comman methods across tests , refer other *.js files for adding common methods */
 
+import EditorNavigation, { SidebarButton } from "./Pages/EditorNavigation";
+
 require("cy-verify-downloads").addCustomCommand();
 require("cypress-file-upload");
 //require('cy-verify-downloads').addCustomCommand();
@@ -813,14 +815,6 @@ Cypress.Commands.add("importCurl", () => {
   );
 });
 
-Cypress.Commands.add("NavigateToActiveTab", () => {
-  cy.get(explorer.activeTab).click({ force: true });
-
-  // cy.get(pages.integrationActiveTab)
-  //   .should("be.visible")
-  //   .click({ force: true });
-});
-
 Cypress.Commands.add("selectAction", (option) => {
   cy.get(".ads-v2-menu__menu-item-children")
     .contains(option)
@@ -2119,6 +2113,7 @@ Cypress.Commands.add(
 );
 
 Cypress.Commands.add("CreatePage", () => {
+  EditorNavigation.ViaSidebar(SidebarButton.Pages);
   cy.get(pages.AddPage).first().click();
   cy.xpath("//span[text()='New blank page']/parent::div").click();
 });
diff --git a/app/client/cypress/support/dataSourceCommands.js b/app/client/cypress/support/dataSourceCommands.js
index f8e0bfbc45..912d3d7abc 100644
--- a/app/client/cypress/support/dataSourceCommands.js
+++ b/app/client/cypress/support/dataSourceCommands.js
@@ -1,6 +1,8 @@
 /* eslint-disable cypress/no-unnecessary-waiting */
 /* eslint-disable cypress/no-assigning-return-values */
 
+import EditorNavigation, { SidebarButton } from "./Pages/EditorNavigation";
+
 require("cy-verify-downloads").addCustomCommand();
 require("cypress-file-upload");
 import { ObjectsRegistry } from "../support/Objects/Registry";
@@ -52,15 +54,11 @@ Cypress.Commands.add("testSaveDeleteDatasource", () => {
 });
 
 Cypress.Commands.add("NavigateToDatasourceEditor", () => {
-  cy.get(explorer.addDBQueryEntity).last().click({ force: true });
   dataSources.NavigateToDSCreateNew();
 });
 
 Cypress.Commands.add("NavigateToActiveDatasources", () => {
-  cy.get(explorer.addDBQueryEntity).last().click({ force: true });
-  cy.get(pages.integrationActiveTab)
-    .should("be.visible")
-    .click({ force: true });
+  EditorNavigation.ViaSidebar(SidebarButton.Data);
 });
 
 Cypress.Commands.add("testDatasource", (expectedRes = true) => {
@@ -261,7 +259,7 @@ Cypress.Commands.add(
 );
 
 Cypress.Commands.add("createPostgresDatasource", () => {
-  cy.NavigateToDatasourceEditor();
+  dataSources.NavigateToDSCreateNew();
   cy.get(datasourceEditor.PostgreSQL).click({ force: true });
   cy.fillPostgresDatasourceForm();
   cy.testSaveDatasource();
@@ -269,13 +267,12 @@ Cypress.Commands.add("createPostgresDatasource", () => {
 
 // this can be modified further when google sheets automation is done.
 Cypress.Commands.add("createGoogleSheetsDatasource", () => {
-  cy.NavigateToDatasourceEditor();
+  dataSources.NavigateToDSCreateNew();
   cy.get(datasourceEditor.GoogleSheets).click();
 });
 
 Cypress.Commands.add("deleteDatasource", (datasourceName) => {
-  cy.NavigateToQueryEditor();
-  dataSources.DeleteDatasouceFromActiveTab(datasourceName);
+  dataSources.DeleteDatasourceFromWithinDS(datasourceName);
 });
 
 Cypress.Commands.add("renameDatasource", (datasourceName) => {
@@ -331,8 +328,7 @@ Cypress.Commands.add("createNewAuthApiDatasource", (renameVal) => {
 
 Cypress.Commands.add("deleteAuthApiDatasource", (renameVal) => {
   //Navigate to active datasources panel.
-  cy.get(pages.addEntityAPI).last().should("be.visible").click({ force: true });
-  dataSources.DeleteDatasouceFromActiveTab(renameVal);
+  dataSources.DeleteDatasourceFromWithinDS(renameVal);
 });
 
 Cypress.Commands.add("createGraphqlDatasource", (datasourceName) => {
diff --git a/app/client/cypress/support/gitSync.js b/app/client/cypress/support/gitSync.js
index 0447218586..25f9f3c07c 100644
--- a/app/client/cypress/support/gitSync.js
+++ b/app/client/cypress/support/gitSync.js
@@ -416,12 +416,12 @@ Cypress.Commands.add("gitDiscardChanges", () => {
     .should("have.text", "Are you sure?");
   cy.get(gitSyncLocators.discardChanges).click();
   cy.contains(Cypress.env("MESSAGES").DISCARDING_AND_PULLING_CHANGES());
+  cy.validateToastMessage("Discarded changes successfully.");
   cy.wait(2000);
   assertHelper.AssertContains(
     "Unable to import application in workspace",
     "not.exist",
   );
-  cy.validateToastMessage("Discarded changes successfully.");
 });
 
 Cypress.Commands.add(
diff --git a/app/client/cypress/support/queryCommands.js b/app/client/cypress/support/queryCommands.js
index 6b997f78e3..c32f0f7e35 100644
--- a/app/client/cypress/support/queryCommands.js
+++ b/app/client/cypress/support/queryCommands.js
@@ -1,6 +1,7 @@
 /* eslint-disable cypress/no-unnecessary-waiting */
 /* eslint-disable cypress/no-assigning-return-values */
 import { ObjectsRegistry } from "../support/Objects/Registry";
+import EditorNavigation, { SidebarButton } from "./Pages/EditorNavigation";
 require("cy-verify-downloads").addCustomCommand();
 require("cypress-file-upload");
 const jsEditorLocators = require("../locators/JSEditor.json");
@@ -21,40 +22,20 @@ export const initLocalstorage = () => {
   });
 };
 
-Cypress.Commands.add("NavigateToQueryEditor", () => {
-  cy.get(explorer.addDBQueryEntity).last().click({ force: true });
-});
-
 Cypress.Commands.add("NavigateToQueriesInExplorer", () => {
   cy.get(explorer.entityQuery).click({ force: true });
 });
 
 Cypress.Commands.add("NavigateToActiveDSQueryPane", (datasourceName) => {
-  DataSources.NavigateToActiveTab();
-
-  cy.get(datasource.datasourceCard)
-    .contains(datasourceName)
-    .scrollIntoView()
-    .should("be.visible")
-    .closest(datasource.datasourceCard)
-    .within(() => {
-      cy.get(queryLocators.createQuery).click({ force: true });
-    })
-    .wait(2000); //for the specified page to load
+  DataSources.navigateToDatasource(datasourceName);
+  cy.get(queryLocators.createQuery).click({ force: true });
+  cy.wait(2000); //for the specified page to load
 });
 
 Cypress.Commands.add("NavigateToDSGeneratePage", (datasourceName) => {
-  DataSources.NavigateToActiveTab();
-
-  cy.get(datasource.datasourceCard)
-    .contains(datasourceName)
-    .scrollIntoView()
-    .should("be.visible")
-    .closest(datasource.datasourceCard)
-    .within(() => {
-      cy.get(datasource.datasourceCardGeneratePageBtn).click();
-    })
-    .wait(2000); //for the specified page to load
+  DataSources.navigateToDatasource(datasourceName);
+  cy.get(datasource.datasourceCardGeneratePageBtn).click();
+  cy.wait(2000); //for the specified page to load
 });
 
 Cypress.Commands.add("ClickGotIt", () => {
diff --git a/app/client/package.json b/app/client/package.json
index e7d7f0bc5f..7451258136 100644
--- a/app/client/package.json
+++ b/app/client/package.json
@@ -45,6 +45,8 @@
     "clean:workspaces": "yarn workspaces foreach -pAv exec rm -rf node_modules"
   },
   "dependencies": {
+    "@aws-sdk/client-s3": "^3.441.0",
+    "@aws-sdk/lib-storage": "^3.441.0",
     "@blueprintjs/core": "^3.43.0",
     "@blueprintjs/datetime": "^3.23.6",
     "@blueprintjs/icons": "3.22.0",
@@ -91,7 +93,6 @@
     "algoliasearch": "^4.2.0",
     "assert-never": "^1.2.1",
     "astring": "^1.7.5",
-    "aws-sdk": "^2.1443.0",
     "axios": "^0.27.2",
     "classnames": "^2.3.1",
     "clsx": "^1.2.1",
@@ -105,11 +106,10 @@
     "cypress-log-to-output": "^1.1.2",
     "dayjs": "^1.10.6",
     "deep-diff": "^1.0.2",
-    "design-system": "npm:@appsmithorg/design-system@2.1.26",
+    "design-system": "npm:@appsmithorg/design-system@2.1.27",
     "design-system-old": "npm:@appsmithorg/design-system-old@1.1.14",
     "downloadjs": "^1.4.7",
     "echarts": "^5.4.2",
-    "echarts-gl": "^2.0.9",
     "fast-deep-equal": "^3.1.3",
     "fast-sort": "^3.4.0",
     "fastdom": "^1.0.11",
diff --git a/app/client/packages/design-system/headless/src/components/Button/src/Button.tsx b/app/client/packages/design-system/headless/src/components/Button/src/Button.tsx
index 9f4f8444cc..507ca5c724 100644
--- a/app/client/packages/design-system/headless/src/components/Button/src/Button.tsx
+++ b/app/client/packages/design-system/headless/src/components/Button/src/Button.tsx
@@ -26,16 +26,21 @@ const _Button = (props: ButtonProps, ref: ButtonRef) => {
     className,
     draggable = false,
     isDisabled = false,
+    ...rest
   } = props;
   const { hoverProps, isHovered } = useHover({ isDisabled });
   const { focusProps, isFocusVisible } = useFocusRing({ autoFocus });
-  const { buttonProps, isPressed } = useButton(props, ref as ButtonRefObject);
+  const { buttonProps, isPressed } = useButton(
+    { isDisabled, ...rest },
+    ref as ButtonRefObject,
+  );
 
   return (
     <button
       {...mergeProps(buttonProps, hoverProps, focusProps)}
       aria-busy={props["aria-busy"] ?? undefined}
       aria-disabled={props["aria-disabled"] ?? undefined}
+      autoFocus={autoFocus}
       className={className}
       data-active={isPressed ? "" : undefined}
       data-disabled={isDisabled ? "" : undefined}
diff --git a/app/client/packages/design-system/headless/src/components/Field/src/Field.tsx b/app/client/packages/design-system/headless/src/components/Field/src/Field.tsx
index fb580ee155..19f34b8f8c 100644
--- a/app/client/packages/design-system/headless/src/components/Field/src/Field.tsx
+++ b/app/client/packages/design-system/headless/src/components/Field/src/Field.tsx
@@ -8,15 +8,11 @@ import type { StyleProps } from "@react-types/shared";
 
 export type FieldProps = Omit<
   SpectrumFieldProps,
-  | "includeNecessityIndicatorInAccessibilityName"
-  | "necessityIndicator"
-  | "isRequired"
-  | "showErrorIcon"
-  | "labelPosition"
-  | "labelAlign"
-  | keyof StyleProps
+  "showErrorIcon" | "labelPosition" | "labelAlign" | keyof StyleProps
 > & {
   fieldType?: "field" | "field-group";
+  labelClassName?: string;
+  helpTextClassName?: string;
 };
 
 export type FieldRef = Ref<HTMLDivElement>;
@@ -31,13 +27,19 @@ const _Field = (props: FieldProps, ref: FieldRef) => {
     errorMessage,
     errorMessageProps = {},
     fieldType = "field",
+    helpTextClassName,
+    includeNecessityIndicatorInAccessibilityName,
     isDisabled = false,
+    isRequired,
     label,
+    labelClassName,
     labelProps,
+    necessityIndicator,
     validationState,
     wrapperClassName,
     wrapperProps = {},
   } = props;
+
   const hasHelpText =
     Boolean(description) ||
     (Boolean(errorMessage) && validationState === "invalid");
@@ -45,6 +47,7 @@ const _Field = (props: FieldProps, ref: FieldRef) => {
   const renderHelpText = () => {
     return (
       <HelpText
+        className={helpTextClassName}
         description={description}
         descriptionProps={descriptionProps}
         errorMessage={errorMessage}
@@ -55,13 +58,23 @@ const _Field = (props: FieldProps, ref: FieldRef) => {
     );
   };
 
-  const isLabelVisible = Boolean(label) || Boolean(contextualHelp);
-
-  const labelAndContextualHelp = isLabelVisible && (
+  const labelAndContextualHelp = (Boolean(label) ||
+    Boolean(contextualHelp)) && (
     <div data-field-label-wrapper="">
-      <Label {...labelProps} elementType={elementType}>
-        {label}
-      </Label>
+      {Boolean(label) && (
+        <Label
+          {...labelProps}
+          className={labelClassName}
+          elementType={elementType}
+          includeNecessityIndicatorInAccessibilityName={
+            includeNecessityIndicatorInAccessibilityName
+          }
+          isRequired={isRequired}
+          necessityIndicator={necessityIndicator}
+        >
+          {label}
+        </Label>
+      )}
       {contextualHelp}
     </div>
   );
diff --git a/app/client/packages/design-system/headless/src/components/Field/src/HelpText.tsx b/app/client/packages/design-system/headless/src/components/Field/src/HelpText.tsx
index 6aeea4fd93..2c3e723f5a 100644
--- a/app/client/packages/design-system/headless/src/components/Field/src/HelpText.tsx
+++ b/app/client/packages/design-system/headless/src/components/Field/src/HelpText.tsx
@@ -8,10 +8,13 @@ interface HelpTextProps extends Omit<SpectrumHelpTextProps, "showErrorIcon"> {
   descriptionProps?: HTMLAttributes<HTMLElement>;
   /** Props for the help text error message element. */
   errorMessageProps?: HTMLAttributes<HTMLElement>;
+  /** classname  */
+  className?: string;
 }
 
 function _HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {
   const {
+    className,
     description,
     descriptionProps,
     errorMessage,
@@ -22,7 +25,7 @@ function _HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {
   const isErrorMessage = Boolean(errorMessage) && validationState === "invalid";
 
   return (
-    <div ref={domRef}>
+    <div className={className} ref={domRef}>
       {isErrorMessage ? (
         <div {...errorMessageProps} data-field-error-text="">
           {errorMessage}
diff --git a/app/client/packages/design-system/headless/src/components/Field/src/Label.tsx b/app/client/packages/design-system/headless/src/components/Field/src/Label.tsx
index 075509cbb7..522763a2c1 100644
--- a/app/client/packages/design-system/headless/src/components/Field/src/Label.tsx
+++ b/app/client/packages/design-system/headless/src/components/Field/src/Label.tsx
@@ -6,30 +6,44 @@ import type { SpectrumLabelProps } from "@react-types/label";
 
 export type LabelProps = Omit<
   SpectrumLabelProps,
-  | "necessityIndicator"
-  | "includeNecessityIndicatorInAccessibilityName"
-  | "isRequired"
-  | keyof StyleProps
-  | "labelPosition"
-  | "labelAlign"
+  keyof StyleProps | "labelPosition" | "labelAlign"
 >;
 
 const _Label = (props: LabelProps, ref: DOMRef<HTMLLabelElement>) => {
   const {
     children,
+    className,
     elementType: ElementType = "label",
     for: labelFor,
     htmlFor,
+    includeNecessityIndicatorInAccessibilityName,
+    isRequired,
+    necessityIndicator = "icon",
     onClick,
     ...otherProps
   } = props;
 
   const domRef = useDOMRef(ref);
 
+  const necessityLabel = Boolean(isRequired) ? "(required)" : "(optional)";
+  const icon = (
+    <span
+      aria-label={
+        Boolean(includeNecessityIndicatorInAccessibilityName)
+          ? "(required)"
+          : undefined
+      }
+      data-field-necessity-indicator-icon=""
+    >
+      *
+    </span>
+  );
+
   return (
     <ElementType
       data-field-label=""
       {...filterDOMProps(otherProps)}
+      className={className}
       htmlFor={
         ElementType === "label" ? Boolean(labelFor) || htmlFor : undefined
       }
@@ -37,6 +51,24 @@ const _Label = (props: LabelProps, ref: DOMRef<HTMLLabelElement>) => {
       ref={domRef}
     >
       {children}
+      {/* necessityLabel is hidden to screen readers if the field is required because
+       * aria-required is set on the field in that case. That will already be announced,
+       * so no need to duplicate it here. If optional, we do want it to be announced here. */}
+      {(necessityIndicator === "label" ||
+        (necessityIndicator === "icon" && Boolean(isRequired))) &&
+        " \u200b"}
+      {necessityIndicator === "label" && (
+        <span
+          aria-hidden={
+            includeNecessityIndicatorInAccessibilityName == null
+              ? isRequired
+              : undefined
+          }
+        >
+          {necessityLabel}
+        </span>
+      )}
+      {necessityIndicator === "icon" && Boolean(isRequired) && icon}
     </ElementType>
   );
 };
diff --git a/app/client/packages/design-system/headless/src/components/Menu/src/Menu.tsx b/app/client/packages/design-system/headless/src/components/Menu/src/Menu.tsx
index 6a57fc4bbe..f48b031749 100644
--- a/app/client/packages/design-system/headless/src/components/Menu/src/Menu.tsx
+++ b/app/client/packages/design-system/headless/src/components/Menu/src/Menu.tsx
@@ -54,7 +54,7 @@ export const Menu = <T extends object>(props: MenuProps<T>) => {
           ref,
         })}
       </PopoverTrigger>
-      <PopoverContent className={className}>
+      <PopoverContent contentClassName={className}>
         {cloneElement(menuList as ReactElement, {
           ...rest,
           ...menuProps,
diff --git a/app/client/packages/design-system/headless/src/components/Popover/src/PopoverContent.tsx b/app/client/packages/design-system/headless/src/components/Popover/src/PopoverContent.tsx
index 067d44efe9..0905e91883 100644
--- a/app/client/packages/design-system/headless/src/components/Popover/src/PopoverContent.tsx
+++ b/app/client/packages/design-system/headless/src/components/Popover/src/PopoverContent.tsx
@@ -1,8 +1,9 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useEffect } from "react";
 import {
   FloatingFocusManager,
   FloatingPortal,
   useMergeRefs,
+  useTransitionStatus,
 } from "@floating-ui/react";
 import { usePopoverContext } from "./PopoverContext";
 
@@ -10,12 +11,31 @@ import type { Ref } from "react";
 import type { PopoverContentProps } from "./types";
 
 const _PopoverContent = (props: PopoverContentProps, ref: Ref<HTMLElement>) => {
-  const { children, className, closeOnFocusOut = true, style } = props;
-  const { context, descriptionId, getFloatingProps, labelId, modal, open } =
-    usePopoverContext();
+  const {
+    children,
+    closeOnFocusOut = true,
+    contentClassName,
+    style,
+    ...rest
+  } = props;
+  const {
+    context,
+    descriptionId,
+    duration,
+    getFloatingProps,
+    labelId,
+    onClose,
+  } = usePopoverContext();
   const refs = useMergeRefs([context.refs.setFloating, ref]);
+  const { isMounted, status } = useTransitionStatus(context, { duration });
 
-  if (!Boolean(open)) return null;
+  useEffect(() => {
+    if (!isMounted && status === "close" && onClose) {
+      onClose();
+    }
+  }, [isMounted, status]);
+
+  if (!Boolean(isMounted)) return null;
 
   const root = context.refs.domReference.current?.closest(
     "[data-theme-provider]",
@@ -26,15 +46,19 @@ const _PopoverContent = (props: PopoverContentProps, ref: Ref<HTMLElement>) => {
       <FloatingFocusManager
         closeOnFocusOut={closeOnFocusOut}
         context={context}
-        modal={modal}
+        modal={false}
       >
         <div
           aria-describedby={descriptionId}
           aria-labelledby={labelId}
-          className={className}
+          className={contentClassName}
+          data-status={status}
           ref={refs}
-          style={{ ...context.floatingStyles, ...style }}
-          {...getFloatingProps(props)}
+          style={{
+            ...context.floatingStyles,
+            ...style,
+          }}
+          {...getFloatingProps(rest)}
         >
           {children}
         </div>
diff --git a/app/client/packages/design-system/headless/src/components/Popover/src/PopoverModalContent.tsx b/app/client/packages/design-system/headless/src/components/Popover/src/PopoverModalContent.tsx
new file mode 100644
index 0000000000..87309e77a0
--- /dev/null
+++ b/app/client/packages/design-system/headless/src/components/Popover/src/PopoverModalContent.tsx
@@ -0,0 +1,113 @@
+import React, { forwardRef, useEffect, useState } from "react";
+import {
+  FloatingFocusManager,
+  FloatingPortal,
+  useMergeRefs,
+  FloatingOverlay,
+  useTransitionStatus,
+} from "@floating-ui/react";
+import { usePopoverContext } from "./PopoverContext";
+
+import type { Ref } from "react";
+import type { PopoverModalContentProps } from "./types";
+
+const setAriaAttrs = (
+  triggerElem: HTMLElement,
+  referenceProps: Record<string, unknown>,
+) => {
+  if (Boolean(referenceProps["aria-controls"])) {
+    triggerElem?.setAttribute(
+      "aria-controls",
+      referenceProps["aria-controls"] as string,
+    );
+  }
+
+  triggerElem?.setAttribute(
+    "aria-expanded",
+    referenceProps["aria-expanded"] as string,
+  );
+
+  triggerElem?.setAttribute(
+    "aria-haspopup",
+    referenceProps["aria-haspopup"] as string,
+  );
+};
+
+const _PopoverModalContent = (
+  props: PopoverModalContentProps,
+  ref: Ref<HTMLElement>,
+) => {
+  const {
+    children,
+    closeOnFocusOut = true,
+    contentClassName,
+    overlayClassName,
+    style,
+    ...rest
+  } = props;
+  const {
+    context,
+    descriptionId,
+    duration,
+    getFloatingProps,
+    getReferenceProps,
+    initialFocus,
+    labelId,
+    onClose,
+    triggerRef,
+  } = usePopoverContext();
+  const refs = useMergeRefs([context.refs.setFloating, ref]);
+  const [root, setRoot] = useState<Element | null>(null);
+
+  useEffect(() => {
+    if (triggerRef?.current != null) {
+      setRoot(triggerRef.current?.closest("[data-theme-provider]"));
+    } else {
+      setRoot(document.body.querySelector("[data-theme-provider]"));
+    }
+  }, [triggerRef?.current]);
+
+  const referenceProps = getReferenceProps({ ref: refs });
+  useEffect(() => {
+    if (triggerRef?.current != null) {
+      setAriaAttrs(triggerRef?.current, referenceProps);
+    }
+  }, [referenceProps, triggerRef?.current]);
+
+  const { isMounted, status } = useTransitionStatus(context, { duration });
+
+  useEffect(() => {
+    if (!isMounted && status === "close" && onClose) {
+      onClose();
+    }
+  }, [isMounted, status]);
+
+  if (!Boolean(isMounted)) return null;
+
+  return (
+    <FloatingPortal root={root as HTMLElement}>
+      <FloatingOverlay className={overlayClassName} data-status={status}>
+        <FloatingFocusManager
+          closeOnFocusOut={closeOnFocusOut}
+          context={context}
+          initialFocus={initialFocus}
+          modal
+        >
+          <div
+            aria-describedby={descriptionId}
+            aria-labelledby={labelId}
+            className={contentClassName}
+            data-status={status}
+            ref={refs}
+            style={style}
+            {...getFloatingProps(rest)}
+          >
+            {children}
+          </div>
+        </FloatingFocusManager>
+      </FloatingOverlay>
+    </FloatingPortal>
+  );
+};
+
+export const PopoverModalContent = forwardRef(_PopoverModalContent);
diff --git a/app/client/packages/design-system/headless/src/components/Popover/src/index.ts b/app/client/packages/design-system/headless/src/components/Popover/src/index.ts
index 4493b2cfc3..1466de1902 100644
--- a/app/client/packages/design-system/headless/src/components/Popover/src/index.ts
+++ b/app/client/packages/design-system/headless/src/components/Popover/src/index.ts
@@ -1,4 +1,6 @@
 export { Popover } from "./Popover";
 export { PopoverContent } from "./PopoverContent";
+export { PopoverModalContent } from "./PopoverModalContent";
 export { PopoverTrigger } from "./PopoverTrigger";
+export { usePopoverContext } from "./PopoverContext";
 export * from "./types";
diff --git a/app/client/packages/design-system/headless/src/components/Popover/src/types.ts b/app/client/packages/design-system/headless/src/components/Popover/src/types.ts
index 8f534c2b78..214fcac64d 100644
--- a/app/client/packages/design-system/headless/src/components/Popover/src/types.ts
+++ b/app/client/packages/design-system/headless/src/components/Popover/src/types.ts
@@ -1,3 +1,4 @@
+import type { MutableRefObject } from "react";
 import type { CSSProperties } from "react";
 import type { ReactNode } from "react";
 import type { Dispatch, SetStateAction } from "react";
@@ -38,6 +39,14 @@ export interface PopoverProps {
   children?: ReactNode;
   /** Popover offset. */
   offset?: number;
+  /** Handler that is called when the popover is closed. */
+  onClose?: () => void;
+  /** Open and close animation durations. */
+  duration?: number;
+  /** Ref of trigger element. This ref is necessary for adding aria attributes to trigger */
+  triggerRef?: MutableRefObject<HTMLElement | null>;
+  /** Which element to initially focus. Can be either a number (tabbable index as specified by the order) or a ref.  */
+  initialFocus?: number | MutableRefObject<HTMLElement | null>;
 }
 
 export interface PopoverContentProps {
@@ -50,8 +59,13 @@ export interface PopoverContentProps {
   closeOnFocusOut?: boolean;
   /** Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. Only use as a **last resort**. Use style props instead. */
   style?: CSSProperties;
-  /** Sets the CSS className  for the element. Only use as a last resort. Use style props instead. */
-  className?: string;
+  /** Sets the CSS className  for the content popover. Only use as a **last resort**. */
+  contentClassName?: string;
+}
+
+export interface PopoverModalContentProps extends PopoverContentProps {
+  /** Sets the CSS className  for the overlay. Only use as a **last resort**. */
+  overlayClassName?: string;
 }
 
 export interface PopoverTriggerProps {
diff --git a/app/client/packages/design-system/headless/src/components/Popover/src/usePopover.ts b/app/client/packages/design-system/headless/src/components/Popover/src/usePopover.ts
index 1ebbfca86b..8cce903f3d 100644
--- a/app/client/packages/design-system/headless/src/components/Popover/src/usePopover.ts
+++ b/app/client/packages/design-system/headless/src/components/Popover/src/usePopover.ts
@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import type { UseFloatingOptions } from "@floating-ui/react/src/types";
+import { useState, useMemo } from "react";
 import {
   autoUpdate,
   flip,
@@ -16,23 +17,24 @@ const DEFAULT_POPOVER_OFFSET = 10;
 
 export function usePopover({
   defaultOpen = false,
+  duration = 0,
+  initialFocus,
   isOpen: controlledOpen,
-  modal = true,
+  modal = false,
   offset: offsetProp = DEFAULT_POPOVER_OFFSET,
+  onClose,
   placement = "bottom",
   setOpen: setControlledOpen,
+  triggerRef,
 }: PopoverProps = {}) {
   const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
   const [labelId, setLabelId] = useState<string | undefined>();
   const [descriptionId, setDescriptionId] = useState<string | undefined>();
-
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = setControlledOpen ?? setUncontrolledOpen;
 
-  const data = useFloating({
+  const config: Partial<UseFloatingOptions> = {
     placement,
-    open,
-    onOpenChange: setOpen,
     strategy: "fixed",
     whileElementsMounted: autoUpdate,
     middleware: [
@@ -42,6 +44,12 @@ export function usePopover({
         fallbackAxisSideDirection: "end",
       }),
     ],
+  };
+
+  const data = useFloating({
+    open,
+    onOpenChange: setOpen,
+    ...(modal ? {} : config),
   });
 
   const context = data.context;
@@ -52,7 +60,7 @@ export function usePopover({
   const role = useRole(context);
   const interactions = useInteractions([click, dismiss, role]);
 
-  return React.useMemo(
+  return useMemo(
     () => ({
       open,
       setOpen,
@@ -63,7 +71,22 @@ export function usePopover({
       descriptionId,
       setLabelId,
       setDescriptionId,
+      duration,
+      triggerRef,
+      initialFocus,
+      onClose,
     }),
-    [open, setOpen, interactions, data, modal, labelId, descriptionId],
+    [
+      open,
+      setOpen,
+      interactions,
+      data,
+      modal,
+      labelId,
+      descriptionId,
+      triggerRef,
+      initialFocus,
+      onClose,
+    ],
   );
 }
diff --git a/app/client/packages/design-system/headless/src/components/Popover/stories/Popover.stories.mdx b/app/client/packages/design-system/headless/src/components/Popover/stories/Popover.stories.mdx
index 943ae86c56..340b180585 100644
--- a/app/client/packages/design-system/headless/src/components/Popover/stories/Popover.stories.mdx
+++ b/app/client/packages/design-system/headless/src/components/Popover/stories/Popover.stories.mdx
@@ -2,6 +2,7 @@ import {
   Popover,
   PopoverTrigger,
   PopoverContent,
+  PopoverModalContent,
   Button,
 } from "@design-system/headless";
 import { ControlledPopover } from "./ControlledPopover";
@@ -42,6 +43,36 @@ Based on the [headless Popover component](/?path=/docs/design-system-headless-po
 
 <ArgsTable of={PopoverContent} />
 
+# Modal
+
+A modal is a floating element that displays information that requires immediate attention, appearing over the page content and blocking interactions with the page until it is dismissed.
+
+## PopoverModalContent props
+
+<ArgsTable of={PopoverModalContent} />
+
+<Source
+  dark
+  code={`
+export const Modal = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  const ref = useRef(null);
+
+    return (
+      <>
+        <Button onPress={() => setIsOpen(!isOpen)} ref={ref}>
+          Controlled popover
+        </Button>
+        <Popover isOpen={isOpen} setOpen={setIsOpen} triggerRef={ref}>
+          <PopoverContent>Controlled popover content</PopoverContent>
+        </Popover>
+      </>
+    );
+
+};
+`}
+/>
+
 # Placement
 
 The placement of the popover can be changed by passing the `placement` prop.
diff --git a/app/client/packages/design-system/headless/src/components/TextArea/src/TextArea.tsx b/app/client/packages/design-system/headless/src/components/TextArea/src/TextArea.tsx
index ef64fa04ed..efe7e7929c 100644
--- a/app/client/packages/design-system/headless/src/components/TextArea/src/TextArea.tsx
+++ b/app/client/packages/design-system/headless/src/components/TextArea/src/TextArea.tsx
@@ -11,7 +11,6 @@ export type TextAreaRef = Ref<HTMLDivElement>;
 
 function TextArea(props: TextAreaProps, ref: TextAreaRef) {
   const {
-    className,
     isDisabled = false,
     isReadOnly = false,
     isRequired = false,
@@ -80,7 +79,6 @@ function TextArea(props: TextAreaProps, ref: TextAreaRef) {
   return (
     <TextInputBase
       {...otherProps}
-      className={className}
       descriptionProps={descriptionProps}
       errorMessageProps={errorMessageProps}
       inputProps={inputProps}
diff --git a/app/client/packages/design-system/headless/src/components/TextArea/src/types.ts b/app/client/packages/design-system/headless/src/components/TextArea/src/types.ts
index 227ebc9b24..59c353da58 100644
--- a/app/client/packages/design-system/headless/src/components/TextArea/src/types.ts
+++ b/app/client/packages/design-system/headless/src/components/TextArea/src/types.ts
@@ -4,6 +4,16 @@ import type { OmitedSpectrumTextFieldProps } from "../../TextInput";
 export interface TextAreaProps
   extends OmitedSpectrumTextFieldProps,
     Pick<TextInputBaseProps, "inputClassName"> {
-  spellCheck?: boolean;
   height?: number | string;
+  inputClassName?: string;
+  /** spell check attribute */
+  spellCheck?: boolean;
+  /** classname for label */
+  labelClassName?: string;
+  /** classname for errorMessage or description */
+  helpTextClassName?: string;
+  /** classname for the field */
+  fieldClassName?: string;
+  /** className for the text input. */
+  className?: string;
 }
diff --git a/app/client/packages/design-system/headless/src/components/TextInput/src/types.ts b/app/client/packages/design-system/headless/src/components/TextInput/src/types.ts
index 0bd42cfeda..e49da68482 100644
--- a/app/client/packages/design-system/headless/src/components/TextInput/src/types.ts
+++ b/app/client/packages/design-system/headless/src/components/TextInput/src/types.ts
@@ -1,23 +1,32 @@
-import type { PressEvents, StyleProps } from "@react-types/shared";
+import type { StyleProps } from "@react-types/shared";
 import type { SpectrumTextFieldProps } from "@react-types/textfield";
 
-import type { TextInputBaseProps } from "../../TextInputBase";
-
 export type OmitedSpectrumTextFieldProps = Omit<
   SpectrumTextFieldProps,
-  | keyof StyleProps
-  | "icon"
-  | "isQuiet"
-  | "necessityIndicator"
-  | "labelPosition"
-  | "labelAlign"
-> &
-  PressEvents & {
-    className?: string;
-  };
+  keyof StyleProps | "icon" | "isQuiet" | "labelPosition" | "labelAlign"
+>;
 
-export interface TextInputProps
-  extends OmitedSpectrumTextFieldProps,
-    Pick<TextInputBaseProps, "startIcon" | "endIcon" | "inputClassName"> {
+export interface TextInputProps extends OmitedSpectrumTextFieldProps {
+  /** classname for the input element */
+  inputClassName?: string;
+  /** spell check attribute */
   spellCheck?: boolean;
+  /** classname for label */
+  labelClassName?: string;
+  /** classname for errorMessage or description */
+  helpTextClassName?: string;
+  /** classname for the field */
+  fieldClassName?: string;
+  /** className for the text input. */
+  className?: string;
+  /**an icon to be displayed at the start of the component  */
+  startIcon?: React.ReactNode;
+  /** an icon to be displayed at the end of the component */
+  endIcon?: React.ReactNode;
+  /** indicates loading state of the text input */
+  isLoading?: boolean;
+  /** suffix component  */
+  prefix?: React.ReactNode;
+  /** prefix component */
+  suffix?: React.ReactNode;
 }
diff --git a/app/client/packages/design-system/headless/src/components/TextInputBase/src/TextInputBase.tsx b/app/client/packages/design-system/headless/src/components/TextInputBase/src/TextInputBase.tsx
index e38c46547f..0a91220a78 100644
--- a/app/client/packages/design-system/headless/src/components/TextInputBase/src/TextInputBase.tsx
+++ b/app/client/packages/design-system/headless/src/components/TextInputBase/src/TextInputBase.tsx
@@ -1,8 +1,8 @@
 import type { Ref } from "react";
 import { mergeProps } from "@react-aria/utils";
+import React, { forwardRef, useRef } from "react";
 import { useHover } from "@react-aria/interactions";
 import { useFocusRing, useFocusable } from "@react-aria/focus";
-import React, { forwardRef, useRef, useCallback, useState } from "react";
 
 import { Field } from "../../Field";
 import type { TextInputBaseProps } from "./types";
@@ -10,10 +10,10 @@ import type { TextInputBaseProps } from "./types";
 function TextInputBase(props: TextInputBaseProps, ref: Ref<HTMLDivElement>) {
   const {
     autoFocus,
-    className,
     descriptionProps,
     endIcon,
     errorMessageProps,
+    fieldClassName,
     inputClassName,
     inputProps,
     inputRef: userInputRef,
@@ -23,10 +23,11 @@ function TextInputBase(props: TextInputBaseProps, ref: Ref<HTMLDivElement>) {
     multiLine = false,
     onBlur,
     onFocus,
+    prefix,
     startIcon,
+    suffix,
     validationState,
   } = props;
-  const [isFocussed, setIsFocused] = useState(false);
   const { hoverProps, isHovered } = useHover({ isDisabled });
   const domRef = useRef<HTMLDivElement>(null);
   const defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);
@@ -37,29 +38,13 @@ function TextInputBase(props: TextInputBaseProps, ref: Ref<HTMLDivElement>) {
     : "input";
   const isInvalid = validationState === "invalid" && !Boolean(isDisabled);
 
-  const { focusProps, isFocusVisible } = useFocusRing({
+  const { focusProps, isFocused, isFocusVisible } = useFocusRing({
     isTextInput: true,
     autoFocus,
   });
 
-  // TODO(Pawan): Remove this once has() css selector is available in all browsers
-  const handleOnFocus = useCallback(
-    (e) => {
-      setIsFocused(true);
-      onFocus && onFocus(e);
-    },
-    [onFocus],
-  );
-  const handleOnBlur = useCallback(
-    (e) => {
-      setIsFocused(false);
-      onBlur && onBlur(e);
-    },
-    [onBlur],
-  );
-
   const { focusableProps } = useFocusable(
-    { isDisabled, onFocus: handleOnFocus, onBlur: handleOnBlur },
+    { isDisabled, onFocus: onFocus, onBlur: onBlur },
     inputRef,
   );
 
@@ -73,14 +58,16 @@ function TextInputBase(props: TextInputBaseProps, ref: Ref<HTMLDivElement>) {
       aria-busy={isLoading ? true : undefined}
       data-disabled={isDisabled ? "" : undefined}
       data-field-input=""
-      data-focused={isFocusVisible || isFocussed ? "" : undefined}
+      data-focused={isFocusVisible || isFocused ? "" : undefined}
       data-hovered={isHovered ? "" : undefined}
       data-invalid={isInvalid ? "" : undefined}
       data-loading={isLoading ? "" : undefined}
       onClick={focusInput}
       ref={ref}
     >
-      {startIcon}
+      {Boolean(startIcon) && (
+        <span data-field-input-start-icon="">{startIcon}</span>
+      )}
       <ElementType
         {...mergeProps(inputProps, hoverProps, focusProps, focusableProps)}
         className={inputClassName}
@@ -88,7 +75,7 @@ function TextInputBase(props: TextInputBaseProps, ref: Ref<HTMLDivElement>) {
         ref={inputRef as any}
         rows={multiLine ? 1 : undefined}
       />
-      {endIcon}
+      {Boolean(endIcon) && <span data-field-input-end-icon="">{endIcon}</span>}
     </div>
   );
 
@@ -99,9 +86,13 @@ function TextInputBase(props: TextInputBaseProps, ref: Ref<HTMLDivElement>) {
       errorMessageProps={errorMessageProps}
       labelProps={labelProps}
       ref={domRef}
-      wrapperClassName={className}
+      wrapperClassName={fieldClassName}
     >
-      {inputField}
+      <div data-field-input-group="">
+        {Boolean(prefix) && <span data-field-input-prefix>{prefix}</span>}
+        {inputField}
+        {Boolean(suffix) && <span data-field-input-suffix>{suffix}</span>}
+      </div>
     </Field>
   );
 }
diff --git a/app/client/packages/design-system/headless/src/components/TextInputBase/src/types.ts b/app/client/packages/design-system/headless/src/components/TextInputBase/src/types.ts
index 3f885d6397..967e072e8e 100644
--- a/app/client/packages/design-system/headless/src/components/TextInputBase/src/types.ts
+++ b/app/client/packages/design-system/headless/src/components/TextInputBase/src/types.ts
@@ -1,11 +1,13 @@
 import type { RefObject } from "react";
 import type { TextFieldAria } from "@react-aria/textfield";
 
-import type { OmitedSpectrumTextFieldProps } from "../../TextInput";
+import type { PressEvents } from "@react-types/shared";
 
-export interface TextInputBaseProps extends OmitedSpectrumTextFieldProps {
-  /** classname for the input element */
-  inputClassName?: string;
+import type { TextInputProps } from "../../TextInput";
+
+export interface TextInputBaseProps
+  extends Omit<TextInputProps, "onChange">,
+    PressEvents {
   /** indicates if the component is textarea */
   multiLine?: boolean;
   /** props to be passed to label component */
@@ -18,12 +20,4 @@ export interface TextInputBaseProps extends OmitedSpectrumTextFieldProps {
   errorMessageProps?: TextFieldAria["errorMessageProps"];
   /** ref for input component */
   inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
-  /** indicates loading state of the text input */
-  isLoading?: boolean;
-  /** className for the text input. */
-  className?: string;
-  /**an icon to be displayed at the start of the component  */
-  startIcon?: React.ReactNode;
-  /** an icon to be displayed at the end of the component */
-  endIcon?: React.ReactNode;
 }
diff --git a/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts b/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
index 4f9d774195..fffc24d0a9 100644
--- a/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
+++ b/app/client/packages/design-system/theming/src/color/src/DarkModeTheme.ts
@@ -52,6 +52,7 @@ export class DarkModeTheme implements ColorModeTheme {
       bgAccentSubtleActive: this.bgAccentSubtleActive.to("sRGB").toString(),
       bgAssistive: this.bgAssistive.to("sRGB").toString(),
       bgNeutral: this.bgNeutral.to("sRGB").toString(),
+      bgNeutralOpacity: this.bgNeutralOpacity.to("sRGB").toString(),
       bgNeutralHover: this.bgNeutralHover.to("sRGB").toString(),
       bgNeutralActive: this.bgNeutralActive.to("sRGB").toString(),
       bgNeutralSubtle: this.bgNeutralSubtle.to("sRGB").toString(),
@@ -305,6 +306,15 @@ export class DarkModeTheme implements ColorModeTheme {
     return color;
   }
 
+  private get bgNeutralOpacity() {
+    const color = this.bgNeutral.clone();
+
+    color.oklch.l = 0.15;
+    color.alpha = 0.5;
+
+    return color;
+  }
+
   private get bgNeutralHover() {
     const color = this.bgNeutral.clone();
 
diff --git a/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts b/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
index 78ee01f116..c2c243cef4 100644
--- a/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
+++ b/app/client/packages/design-system/theming/src/color/src/LightModeTheme.ts
@@ -52,6 +52,7 @@ export class LightModeTheme implements ColorModeTheme {
       bgAccentSubtleActive: this.bgAccentSubtleActive.to("sRGB").toString(),
       bgAssistive: this.bgAssistive.to("sRGB").toString(),
       bgNeutral: this.bgNeutral.to("sRGB").toString(),
+      bgNeutralOpacity: this.bgNeutralOpacity.to("sRGB").toString(),
       bgNeutralHover: this.bgNeutralHover.to("sRGB").toString(),
       bgNeutralActive: this.bgNeutralActive.to("sRGB").toString(),
       bgNeutralSubtle: this.bgNeutralSubtle.to("sRGB").toString(),
@@ -301,6 +302,14 @@ export class LightModeTheme implements ColorModeTheme {
     return color;
   }
 
+  private get bgNeutralOpacity() {
+    const color = this.bgNeutral.clone();
+
+    color.alpha = 0.5;
+
+    return color;
+  }
+
   private get bgNeutral() {
     // Low chroma, but not 0, if possible, to produce harmony with accents in the UI
     const color = this.bgAccent.clone();
diff --git a/app/client/packages/design-system/theming/src/color/tests/DarkModeTheme.test.ts b/app/client/packages/design-system/theming/src/color/tests/DarkModeTheme.test.ts
index 0cef23a6d4..e47f67ad4b 100644
--- a/app/client/packages/design-system/theming/src/color/tests/DarkModeTheme.test.ts
+++ b/app/client/packages/design-system/theming/src/color/tests/DarkModeTheme.test.ts
@@ -209,6 +209,15 @@ describe("bgNeutral color", () => {
   });
 });
 
+describe("bgNeutralOpacity color", () => {
+  it("should return correct color", () => {
+    const { bgNeutralOpacity } = new DarkModeTheme(
+      "oklch(0.51 0.24 279)",
+    ).getColors();
+    expect(bgNeutralOpacity).toEqual("rgb(3.6355% 4.017% 7.6512% / 0.5)");
+  });
+});
+
 describe("bgNeutralHover color", () => {
   it("should return correct color when lightness > or equal to 0.85", () => {
     const { bgNeutralHover } = new DarkModeTheme(
diff --git a/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts b/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts
index fd25c54366..81278ef321 100644
--- a/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts
+++ b/app/client/packages/design-system/theming/src/color/tests/LightModeTheme.test.ts
@@ -226,6 +226,15 @@ describe("bgNeutral color", () => {
   });
 });
 
+describe("bgNeutralOpacity color", () => {
+  it("should return correct color", () => {
+    const { bgNeutralOpacity } = new LightModeTheme(
+      "oklch(0.51 0.24 279)",
+    ).getColors();
+    expect(bgNeutralOpacity).toEqual("rgb(27.662% 28.6% 35.606% / 0.5)");
+  });
+});
+
 describe("bgNeutralHover color", () => {
   it("should return correct color when lightness < 0.06", () => {
     const { bgNeutralHover } = new LightModeTheme(
diff --git a/app/client/packages/design-system/theming/src/theme/src/ThemeProvider.tsx b/app/client/packages/design-system/theming/src/theme/src/ThemeProvider.tsx
index eb798ea4b0..ac368c7c18 100644
--- a/app/client/packages/design-system/theming/src/theme/src/ThemeProvider.tsx
+++ b/app/client/packages/design-system/theming/src/theme/src/ThemeProvider.tsx
@@ -23,10 +23,16 @@ const fontFamilyCss = (fontFamily?: FontFamily) => {
   return `font-family: ${fontFamilyCss}; --font-family: ${fontFamilyCss}`;
 };
 
-const providerCss = ({ fontFamily, typography, ...theme }: Theme) => css`
+const providerCss = ({
+  colorMode,
+  fontFamily,
+  typography,
+  ...theme
+}: Theme) => css`
   ${fontFamilyCss(fontFamily)};
   ${createTypographyStringMap(typography, fontFamily)};
   ${cssRule(theme)};
+  color-scheme: ${colorMode};
 `;
 
 export const ThemeProvider = (props: ThemeProviderProps) => {
diff --git a/app/client/packages/design-system/theming/src/theme/src/types.ts b/app/client/packages/design-system/theming/src/theme/src/types.ts
index 8ac6810e3b..1d1743c98d 100644
--- a/app/client/packages/design-system/theming/src/theme/src/types.ts
+++ b/app/client/packages/design-system/theming/src/theme/src/types.ts
@@ -8,6 +8,7 @@ import type { ThemeToken } from "../../token";
 export type Theme = ThemeToken & {
   typography?: Typography;
   fontFamily?: FontFamily;
+  colorMode?: ColorMode;
 };
 
 export interface ThemeProviderProps {
diff --git a/app/client/packages/design-system/theming/src/theme/src/useTheme.tsx b/app/client/packages/design-system/theming/src/theme/src/useTheme.tsx
index a8d79b7f46..b66144b08f 100644
--- a/app/client/packages/design-system/theming/src/theme/src/useTheme.tsx
+++ b/app/client/packages/design-system/theming/src/theme/src/useTheme.tsx
@@ -41,6 +41,7 @@ export function useTheme(props: UseThemeProps = {}) {
         return {
           ...prevState,
           ...tokensAccessor.getColors(),
+          colorMode: tokensAccessor.getColorMode(),
         };
       });
     }
diff --git a/app/client/packages/design-system/theming/src/theme/stories/BorderRadius.stories.mdx b/app/client/packages/design-system/theming/src/theme/stories/BorderRadius.stories.mdx
deleted file mode 100644
index 14f83d5fc4..0000000000
--- a/app/client/packages/design-system/theming/src/theme/stories/BorderRadius.stories.mdx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-import { useTheme, ThemeProvider } from "@design-system/theming";
-import { TokenTable, StyledSquarePreview } from "@design-system/storybook";
-
-<Meta title="Design-system/Theme/Tokens/BorderRadius" />
-
-# BorderRadius
-
-Border radius is a commonly used design element in user interfaces that
-can add visual interest and depth to an application. By incorporating
-standardized border radius values into our design system, we can create
-a more cohesive and professional look for our products.
-
-## Tokens Table
-
-export const BorderRadius = () => {
-  const { theme } = useTheme();
-  const { borderRadius } = theme;
-  return (
-    <ThemeProvider theme={theme}>
-      <TokenTable prefix="border-radius" tokens={borderRadius}>
-        {(cssVar) => (
-          <StyledSquarePreview
-            style={{
-              borderRadius: cssVar,
-            }}
-          />
-        )}
-      </TokenTable>
-    </ThemeProvider>
-  );
-};
-
-<BorderRadius />
diff --git a/app/client/packages/design-system/theming/src/theme/stories/Dimension.stories.mdx b/app/client/packages/design-system/theming/src/theme/stories/Dimension.stories.mdx
new file mode 100644
index 0000000000..30cb3181ee
--- /dev/null
+++ b/app/client/packages/design-system/theming/src/theme/stories/Dimension.stories.mdx
@@ -0,0 +1,174 @@
+import { Meta } from "@storybook/addon-docs";
+import { useTheme, ThemeProvider } from "@design-system/theming";
+import {
+  TokenTable,
+  StyledLinePreview,
+  StyledSquarePreview,
+} from "@design-system/storybook";
+
+<Meta title="Design-system/Theme/Tokens/Dimension" />
+
+# Dimension
+
+WDS provides a set of dimensions scales defining sizing, distances, corner radii etc. They define dimensions of UI in an application. Instead of switching between different tokens depending on the viewport size WDS opts out to provide fluid tokens, so the token values themselves are responsive to the viewport size and fluidly interpolate between minimum and maximum value.
+
+In addition to fluid scales WDS provides non-fluid scales. They always provide precise integer pixel values and switch between those based on viewport size. This is used to optimize the quality of rendering, e.g. rasterization of strokes in icons.
+
+## Available Scales
+
+### Fluid
+
+- [Outer Spacing](#outer-spacing)
+- [Inner Spacing](#inner-spacing)
+- [Typography Sizing](#typography-sizing)
+- [Border Radii](#border-radii)
+
+### Non-fluid
+
+- [Icon Sizing](#icon-sizing)
+- [Border Thickness](#border-thickness)
+
+## Fluid Sizing
+
+The base formula for the minimum token size looks like this:
+
+<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+  <mi>MinSize</mi>
+  <mo>=</mo>
+  <mi>MinV</mi>
+  <mo>×</mo>
+  <mi>
+    <msup>
+      <mi>MinR</mi>
+      <mn>
+        <mfrac>
+          <mi>i</mi>
+          <mi>MinN</mi>
+        </mfrac>
+      </mn>
+    </msup>
+  </mi>
+</math>
+
+In here `MinV`, `MinR`, and `MinN` are configuration defined values and `i` is step numerator.
+
+For maximum value the formula is nearly identical:
+
+<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+  <mi>MaxSize</mi>
+  <mo>=</mo>
+  <mi>MaxV</mi>
+  <mo>×</mo>
+  <mi>
+    <msup>
+      <mi>MaxR</mi>
+      <mn>
+        <mfrac>
+          <mi>i</mi>
+          <mi>MaxN</mi>
+        </mfrac>
+      </mn>
+    </msup>
+  </mi>
+</math>
+
+In between these two values the value of the token is interpolated using CSS `clamp` function and vieport-relative `vw` units, e.g.: `--outer-spacing-1: clamp(4.6px, calc(0.29vw + 3.54px), 9.2px)`.
+
+## User Sizing and Density Coefficient Adjustments
+
+Token values are further adjusted based on theme-set parameters of `sizing` and `density` that apply to different scales using different coefficients.
+
+Generally it looks likes this:
+
+```language=javascript
+const ratio = userDensity * userDensityRatio + userSizing * userSizingRatio;
+
+const scales = calculateScales(
+ {
+  minV: minV * ratio,
+  maxV: maxV * ratio,
+  ...rest,
+ },
+ minVw,
+ maxVw,
+);
+```
+
+The `userDensityRatio` and `userSizingRatio` are different for each scale, e.g. `userDensityRatio` is **1.5** for outer spacing and for **2.5** for inner spacing. The achieved effect is that increasing and decreasing density has more pronounced effect on inner spacing than on outer spacing.
+
+## Scales
+
+export const Spacing = ({ type }) => {
+  const { theme } = useTheme();
+  const { outerSpacing, innerSpacing } = theme;
+  return (
+    <ThemeProvider theme={theme}>
+      <TokenTable
+        prefix={`${type}-spacing`}
+        tokens={type === "inner" ? innerSpacing : outerSpacing}
+      >
+        {(cssVar) => (
+          <StyledLinePreview
+            style={{
+              width: cssVar,
+            }}
+          />
+        )}
+      </TokenTable>
+    </ThemeProvider>
+  );
+};
+
+### Outer Spacing
+
+Outer spacing is used for distances between significant UI elements in a composition, e.g. between multiple inputs in a form.
+
+<Spacing type="outer" />
+
+### Inner Spacing
+
+Inner spacing is used inside individual UI elements, e.g. padding. It can be also used between micro-elements inside a UI element, e.g. distance between an icon and corresponding to it text element.
+
+<Spacing type="inner" />
+
+### Typography Sizing
+
+Typography sizes are fluid tokens that are applied to text with step numbers corresponding to semantical prominence.
+
+[Table goes here]
+
+### Border Radii
+
+Border radii on various elements are fluid and additionally adjusted by theme corner radius setting: `sharp | rounded | pill`.
+
+export const BorderRadius = () => {
+  const { theme } = useTheme();
+  const { borderRadius } = theme;
+  return (
+    <ThemeProvider theme={theme}>
+      <TokenTable prefix="border-radius" tokens={borderRadius}>
+        {(cssVar) => (
+          <StyledSquarePreview
+            style={{
+              borderRadius: cssVar,
+            }}
+          />
+        )}
+      </TokenTable>
+    </ThemeProvider>
+  );
+};
+
+<BorderRadius />
+
+### Icon Sizing
+
+Icon size tokens are applied to icons and are affected by `sizing` theme prop as well as available viewport size.
+
+[Table will be here once scale is implemented]
+
+### Border Thickness
+
+Border thickness tokens are applied to various borders and separators and are affected by `sizing` and `density` theme props as well as available viewport size.
+
+[Table will be here once scale is implemented]
diff --git a/app/client/packages/design-system/theming/src/theme/stories/Sizing.stories.mdx b/app/client/packages/design-system/theming/src/theme/stories/Sizing.stories.mdx
deleted file mode 100644
index 1905f151a3..0000000000
--- a/app/client/packages/design-system/theming/src/theme/stories/Sizing.stories.mdx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-import { useTheme, ThemeProvider } from "@design-system/theming";
-import { TokenTable, StyledLinePreview } from "@design-system/storybook";
-
-<Meta title="Design-system/Theme/Tokens/Sizing" />
-
-# Sizing
-
-Sizing is a fundamental aspect of design systems that determines the
-measurements of various elements in a user interface. It refers to the
-process of defining consistent measurements for different components
-such as buttons, icons, typography, and spacing to ensure that they are
-visually balanced and harmonious.
-
-We use root unit to calculate values of all sizes since this is a
-fundamental element and used to define the size of all the other
-elements in the system.
-
-## Tokens Table
-
-export const Sizing = () => {
-  const { theme } = useTheme();
-  const { sizing } = theme;
-  return (
-    <ThemeProvider theme={theme}>
-      <TokenTable prefix="sizing" tokens={sizing}>
-        {(cssVar) => (
-          <StyledLinePreview
-            style={{
-              width: cssVar,
-            }}
-          />
-        )}
-      </TokenTable>
-    </ThemeProvider>
-  );
-};
-
-<Sizing />
diff --git a/app/client/packages/design-system/theming/src/theme/stories/Spacing.stories.mdx b/app/client/packages/design-system/theming/src/theme/stories/Spacing.stories.mdx
deleted file mode 100644
index 56ede4f203..0000000000
--- a/app/client/packages/design-system/theming/src/theme/stories/Spacing.stories.mdx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-import { useTheme, ThemeProvider } from "@design-system/theming";
-import { TokenTable, StyledLinePreview } from "@design-system/storybook";
-
-<Meta title="Design-system/Theme/Tokens/Spacing" />
-
-# Spacing
-
-Spacing is a crucial aspect of design that can make or break the user
-experience. It helps to create a visual hierarchy, improve readability,
-and make elements of a design easier to understand. A well-thought-out
-spacing system can add clarity and consistency to a design.
-
-## Types of Spacing
-
-There are two types of spacing in design systems: inner spacing and
-outer spacing.
-
-### Inner Spacing
-
-Inner spacing, also known as **padding**, is the space between an
-element's content and its border. It creates room for the content to
-breathe and makes the element more visually appealing.
-
-### Outer Spacing
-
-Outer spacing, also known as **margin** and **gap**, is the space
-between elements. It creates a visual separation between elements and
-contributes to the overall balance of a design.
-
-## Tokens Table
-
-export const Spacing = () => {
-  const { theme } = useTheme();
-  const { spacing } = theme;
-  return (
-    <ThemeProvider theme={theme}>
-      <TokenTable prefix="spacing" tokens={spacing}>
-        {(cssVar) => (
-          <StyledLinePreview
-            style={{
-              width: cssVar,
-            }}
-          />
-        )}
-      </TokenTable>
-    </ThemeProvider>
-  );
-};
-
-<Spacing />
diff --git a/app/client/packages/design-system/theming/src/theme/stories/Typography.stories.mdx b/app/client/packages/design-system/theming/src/theme/stories/Typography.stories.mdx
deleted file mode 100644
index ba8f10bd9b..0000000000
--- a/app/client/packages/design-system/theming/src/theme/stories/Typography.stories.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-
-<Meta title="Design-system/Theme/Tokens/Typography" />
-
-# Typography
-
-To work with typography, we offer a [Text component](/?path=/docs/design-system-widgets-text--text).
-This component provides a <code>variant</code> prop for semantic options.
-You can use the `type` prop to control the component's color in accordance with the theme.
-
-To control the font size and line height, we use the `capHeight`and `lineGap` parameter supplied by the [capsize](https://seek-oss.github.io/capsize/) library.
-
-For font sizes, we also use a approach based on the root unit and viewport calculation.
diff --git a/app/client/packages/design-system/theming/src/token/src/TokensAccessor.ts b/app/client/packages/design-system/theming/src/token/src/TokensAccessor.ts
index 68f611b9a1..236df96c27 100644
--- a/app/client/packages/design-system/theming/src/token/src/TokensAccessor.ts
+++ b/app/client/packages/design-system/theming/src/token/src/TokensAccessor.ts
@@ -108,6 +108,7 @@ export class TokensAccessor {
       ...this.getBorderWidth(),
       ...this.getOpacity(),
       ...this.getZIndex(),
+      colorMode: this.getColorMode(),
     };
   };
 
@@ -189,6 +190,10 @@ export class TokensAccessor {
     return this.createTokenObject(this.zIndex, "zIndex");
   };
 
+  getColorMode = () => {
+    return this.colorMode;
+  };
+
   private get isLightMode() {
     return this.colorMode === "light";
   }
diff --git a/app/client/packages/design-system/theming/src/token/src/fluid/getFluidSizing.ts b/app/client/packages/design-system/theming/src/token/src/fluid/getFluidSizing.ts
index 254eecff86..62451c2522 100644
--- a/app/client/packages/design-system/theming/src/token/src/fluid/getFluidSizing.ts
+++ b/app/client/packages/design-system/theming/src/token/src/fluid/getFluidSizing.ts
@@ -38,7 +38,7 @@ export const getFluidSizing = (
   sizing: ScaleConfig,
   userDensity = 1,
   userSizing = 1,
-  count = 100,
+  count = 200,
 ) => {
   const fluidValue = getFluidValue(
     maxVw,
diff --git a/app/client/packages/design-system/theming/src/token/src/styles.module.css b/app/client/packages/design-system/theming/src/token/src/styles.module.css
index 9acf8c4e5d..09145568de 100644
--- a/app/client/packages/design-system/theming/src/token/src/styles.module.css
+++ b/app/client/packages/design-system/theming/src/token/src/styles.module.css
@@ -1,124 +1,224 @@
 /* THIS FILE IS CREATED AUTOMATICALLY. PLEASE DON'T EDIT IT. */
 :root {
-  --spacing-0: 0;
-  --spacing-1: clamp(4px, calc(0.13vw + 3.54px), 6px);
-  --spacing-2: clamp(5.04px, calc(0.23vw + 4.21px), 8.65px);
-  --spacing-3: clamp(6.35px, calc(0.39vw + 4.93px), 12.48px);
-  --spacing-4: clamp(8px, calc(0.64vw + 5.69px), 18px);
-  --spacing-5: clamp(10.08px, calc(1.02vw + 6.41px), 25.96px);
-  --spacing-6: clamp(12.7px, calc(1.59vw + 6.99px), 37.44px);
-  --spacing-7: clamp(16px, calc(2.44vw + 7.23px), 54px);
-  --spacing-8: clamp(20.16px, calc(3.7vw + 6.84px), 77.88px);
+  --outer-spacing-0: 0;
+  --outer-spacing-1: clamp(4.6px, calc(0.29vw + 3.54px), 9.2px);
+  --outer-spacing-2: clamp(6.51px, calc(0.43vw + 4.94px), 13.27px);
+  --outer-spacing-3: clamp(9.2px, calc(0.64vw + 6.91px), 19.14px);
+  --outer-spacing-4: clamp(13.01px, calc(0.94vw + 9.64px), 27.6px);
+  --outer-spacing-5: clamp(18.4px, calc(1.37vw + 13.46px), 39.81px);
+  --outer-spacing-6: clamp(26.02px, calc(2.01vw + 18.78px), 57.41px);
+  --outer-spacing-7: clamp(36.8px, calc(2.95vw + 26.18px), 82.8px);
+  --outer-spacing-8: clamp(52.04px, calc(4.32vw + 36.49px), 119.42px);
   --inner-spacing-0: 0;
-  --inner-spacing-1: clamp(3px, calc(0.06vw + 2.77px), 4px);
-  --inner-spacing-2: clamp(3.78px, calc(0.13vw + 3.32px), 5.77px);
-  --inner-spacing-3: clamp(4.76px, calc(0.23vw + 3.94px), 8.32px);
-  --inner-spacing-4: clamp(6px, calc(0.38vw + 4.62px), 12px);
-  --inner-spacing-5: clamp(7.56px, calc(0.62vw + 5.31px), 17.31px);
-  --inner-spacing-6: clamp(9.52px, calc(0.99vw + 5.96px), 24.96px);
-  --inner-spacing-7: clamp(12px, calc(1.54vw + 6.46px), 36px);
-  --inner-spacing-8: clamp(15.12px, calc(2.36vw + 6.63px), 51.92px);
+  --inner-spacing-1: clamp(6.19px, calc(0.13vw + 5.71px), 8.25px);
+  --inner-spacing-2: clamp(8.75px, calc(0.2vw + 8.02px), 11.9px);
+  --inner-spacing-3: clamp(12.38px, calc(0.31vw + 11.27px), 17.16px);
+  --inner-spacing-4: clamp(17.5px, calc(0.46vw + 15.83px), 24.75px);
+  --inner-spacing-5: clamp(24.75px, calc(0.7vw + 22.22px), 35.7px);
+  --inner-spacing-6: clamp(35px, calc(1.06vw + 31.2px), 51.48px);
+  --inner-spacing-7: clamp(49.5px, calc(1.59vw + 43.79px), 74.25px);
+  --inner-spacing-8: clamp(70px, calc(2.38vw + 61.45px), 107.09px);
   --sizing-0: 0;
-  --sizing-1: calc(1 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-2: calc(2 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-3: calc(3 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-4: calc(4 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-5: calc(5 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-6: calc(6 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-7: calc(7 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-8: calc(8 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-9: calc(9 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-10: calc(10 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-11: calc(11 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-12: calc(12 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-13: calc(13 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-14: calc(14 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-15: calc(15 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-16: calc(16 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-17: calc(17 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-18: calc(18 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-19: calc(19 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-20: calc(20 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-21: calc(21 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-22: calc(22 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-23: calc(23 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-24: calc(24 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-25: calc(25 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-26: calc(26 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-27: calc(27 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-28: calc(28 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-29: calc(29 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-30: calc(30 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-31: calc(31 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-32: calc(32 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-33: calc(33 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-34: calc(34 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-35: calc(35 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-36: calc(36 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-37: calc(37 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-38: calc(38 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-39: calc(39 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-40: calc(40 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-41: calc(41 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-42: calc(42 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-43: calc(43 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-44: calc(44 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-45: calc(45 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-46: calc(46 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-47: calc(47 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-48: calc(48 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-49: calc(49 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-50: calc(50 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-51: calc(51 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-52: calc(52 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-53: calc(53 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-54: calc(54 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-55: calc(55 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-56: calc(56 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-57: calc(57 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-58: calc(58 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-59: calc(59 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-60: calc(60 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-61: calc(61 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-62: calc(62 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-63: calc(63 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-64: calc(64 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-65: calc(65 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-66: calc(66 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-67: calc(67 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-68: calc(68 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-69: calc(69 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-70: calc(70 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-71: calc(71 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-72: calc(72 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-73: calc(73 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-74: calc(74 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-75: calc(75 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-76: calc(76 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-77: calc(77 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-78: calc(78 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-79: calc(79 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-80: calc(80 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-81: calc(81 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-82: calc(82 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-83: calc(83 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-84: calc(84 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-85: calc(85 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-86: calc(86 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-87: calc(87 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-88: calc(88 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-89: calc(89 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-90: calc(90 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-91: calc(91 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-92: calc(92 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-93: calc(93 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-94: calc(94 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-95: calc(95 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-96: calc(96 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-97: calc(97 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-98: calc(98 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-99: calc(99 * clamp(4px, calc(0.06vw + 3.77px), 5px));
-  --sizing-100: calc(100 * clamp(4px, calc(0.06vw + 3.77px), 5px));
+  --sizing-1: calc(1 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-2: calc(2 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-3: calc(3 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-4: calc(4 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-5: calc(5 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-6: calc(6 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-7: calc(7 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-8: calc(8 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-9: calc(9 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-10: calc(10 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-11: calc(11 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-12: calc(12 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-13: calc(13 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-14: calc(14 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-15: calc(15 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-16: calc(16 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-17: calc(17 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-18: calc(18 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-19: calc(19 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-20: calc(20 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-21: calc(21 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-22: calc(22 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-23: calc(23 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-24: calc(24 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-25: calc(25 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-26: calc(26 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-27: calc(27 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-28: calc(28 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-29: calc(29 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-30: calc(30 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-31: calc(31 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-32: calc(32 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-33: calc(33 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-34: calc(34 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-35: calc(35 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-36: calc(36 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-37: calc(37 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-38: calc(38 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-39: calc(39 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-40: calc(40 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-41: calc(41 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-42: calc(42 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-43: calc(43 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-44: calc(44 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-45: calc(45 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-46: calc(46 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-47: calc(47 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-48: calc(48 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-49: calc(49 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-50: calc(50 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-51: calc(51 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-52: calc(52 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-53: calc(53 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-54: calc(54 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-55: calc(55 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-56: calc(56 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-57: calc(57 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-58: calc(58 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-59: calc(59 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-60: calc(60 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-61: calc(61 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-62: calc(62 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-63: calc(63 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-64: calc(64 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-65: calc(65 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-66: calc(66 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-67: calc(67 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-68: calc(68 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-69: calc(69 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-70: calc(70 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-71: calc(71 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-72: calc(72 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-73: calc(73 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-74: calc(74 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-75: calc(75 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-76: calc(76 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-77: calc(77 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-78: calc(78 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-79: calc(79 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-80: calc(80 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-81: calc(81 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-82: calc(82 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-83: calc(83 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-84: calc(84 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-85: calc(85 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-86: calc(86 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-87: calc(87 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-88: calc(88 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-89: calc(89 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-90: calc(90 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-91: calc(91 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-92: calc(92 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-93: calc(93 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-94: calc(94 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-95: calc(95 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-96: calc(96 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-97: calc(97 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-98: calc(98 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-99: calc(99 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-100: calc(100 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-101: calc(101 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-102: calc(102 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-103: calc(103 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-104: calc(104 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-105: calc(105 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-106: calc(106 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-107: calc(107 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-108: calc(108 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-109: calc(109 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-110: calc(110 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-111: calc(111 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-112: calc(112 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-113: calc(113 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-114: calc(114 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-115: calc(115 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-116: calc(116 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-117: calc(117 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-118: calc(118 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-119: calc(119 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-120: calc(120 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-121: calc(121 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-122: calc(122 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-123: calc(123 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-124: calc(124 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-125: calc(125 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-126: calc(126 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-127: calc(127 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-128: calc(128 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-129: calc(129 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-130: calc(130 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-131: calc(131 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-132: calc(132 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-133: calc(133 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-134: calc(134 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-135: calc(135 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-136: calc(136 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-137: calc(137 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-138: calc(138 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-139: calc(139 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-140: calc(140 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-141: calc(141 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-142: calc(142 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-143: calc(143 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-144: calc(144 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-145: calc(145 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-146: calc(146 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-147: calc(147 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-148: calc(148 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-149: calc(149 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-150: calc(150 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-151: calc(151 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-152: calc(152 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-153: calc(153 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-154: calc(154 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-155: calc(155 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-156: calc(156 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-157: calc(157 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-158: calc(158 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-159: calc(159 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-160: calc(160 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-161: calc(161 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-162: calc(162 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-163: calc(163 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-164: calc(164 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-165: calc(165 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-166: calc(166 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-167: calc(167 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-168: calc(168 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-169: calc(169 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-170: calc(170 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-171: calc(171 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-172: calc(172 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-173: calc(173 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-174: calc(174 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-175: calc(175 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-176: calc(176 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-177: calc(177 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-178: calc(178 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-179: calc(179 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-180: calc(180 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-181: calc(181 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-182: calc(182 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-183: calc(183 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-184: calc(184 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-185: calc(185 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-186: calc(186 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-187: calc(187 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-188: calc(188 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-189: calc(189 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-190: calc(190 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-191: calc(191 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-192: calc(192 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-193: calc(193 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-194: calc(194 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-195: calc(195 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-196: calc(196 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-197: calc(197 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-198: calc(198 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-199: calc(199 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
+  --sizing-200: calc(200 * clamp(3.2px, calc(0.1vw + 2.83px), 4.8px));
   --color-bg: rgb(97.488% 97.871% 100%);
   --color-bg-accent: rgb(33.333% 23.922% 91.373%);
   --color-bg-accent-hover: rgb(38.033% 31.188% 98.353%);
@@ -128,6 +228,7 @@
   --color-bg-accent-subtle-active: rgb(86.728% 87.915% 100%);
   --color-bg-assistive: rgb(3.6713% 2.414% 16.412%);
   --color-bg-neutral: rgb(27.359% 28.199% 35.2%);
+  --color-bg-neutral-opacity: rgb(27.359% 28.199% 35.2% / 0.5);
   --color-bg-neutral-hover: rgb(32.654% 33.544% 40.754%);
   --color-bg-neutral-active: rgb(26.32% 27.149% 34.105%);
   --color-bg-neutral-subtle: rgb(90.262% 90.681% 93.577%);
@@ -190,4 +291,9 @@
   --z-index-2: 4;
   --z-index-3: 10;
   --z-index-99: 9999;
+  ---0: undefined;
+  ---1: undefined;
+  ---2: undefined;
+  ---3: undefined;
+  ---4: undefined;
 }
diff --git a/app/client/packages/design-system/theming/src/token/src/themeTokens.json b/app/client/packages/design-system/theming/src/token/src/themeTokens.json
index e69207cc5c..6b6d01dcf6 100644
--- a/app/client/packages/design-system/theming/src/token/src/themeTokens.json
+++ b/app/client/packages/design-system/theming/src/token/src/themeTokens.json
@@ -36,6 +36,10 @@
       "value": "rgb(27.359% 28.199% 35.2%)",
       "type": "color"
     },
+    "bg-neutral-opacity": {
+      "value": "rgb(27.359% 28.199% 35.2% / 0.5)",
+      "type": "color"
+    },
     "bg-neutral-hover": {
       "value": "rgb(32.654% 33.544% 40.754%)",
       "type": "color"
@@ -294,5 +298,6 @@
       "value": 9999,
       "type": "zIndex"
     }
-  }
+  },
+  "colorMode": "light"
 }
diff --git a/app/client/packages/design-system/widgets/src/components/Flex/src/dimensions.ts b/app/client/packages/design-system/widgets/src/components/Flex/src/dimensions.ts
index 5248e8f21e..54258bd7bd 100644
--- a/app/client/packages/design-system/widgets/src/components/Flex/src/dimensions.ts
+++ b/app/client/packages/design-system/widgets/src/components/Flex/src/dimensions.ts
@@ -113,5 +113,105 @@ export type SizingDimension =
   | "sizing-98"
   | "sizing-99"
   | "sizing-100"
+  | "sizing-101"
+  | "sizing-102"
+  | "sizing-103"
+  | "sizing-104"
+  | "sizing-105"
+  | "sizing-106"
+  | "sizing-107"
+  | "sizing-108"
+  | "sizing-109"
+  | "sizing-110"
+  | "sizing-111"
+  | "sizing-112"
+  | "sizing-113"
+  | "sizing-114"
+  | "sizing-115"
+  | "sizing-116"
+  | "sizing-117"
+  | "sizing-118"
+  | "sizing-119"
+  | "sizing-120"
+  | "sizing-121"
+  | "sizing-122"
+  | "sizing-123"
+  | "sizing-124"
+  | "sizing-125"
+  | "sizing-126"
+  | "sizing-127"
+  | "sizing-128"
+  | "sizing-129"
+  | "sizing-130"
+  | "sizing-131"
+  | "sizing-132"
+  | "sizing-133"
+  | "sizing-134"
+  | "sizing-135"
+  | "sizing-136"
+  | "sizing-137"
+  | "sizing-138"
+  | "sizing-139"
+  | "sizing-140"
+  | "sizing-141"
+  | "sizing-142"
+  | "sizing-143"
+  | "sizing-144"
+  | "sizing-145"
+  | "sizing-146"
+  | "sizing-147"
+  | "sizing-148"
+  | "sizing-149"
+  | "sizing-150"
+  | "sizing-151"
+  | "sizing-152"
+  | "sizing-153"
+  | "sizing-154"
+  | "sizing-155"
+  | "sizing-156"
+  | "sizing-157"
+  | "sizing-158"
+  | "sizing-159"
+  | "sizing-160"
+  | "sizing-161"
+  | "sizing-162"
+  | "sizing-163"
+  | "sizing-164"
+  | "sizing-165"
+  | "sizing-166"
+  | "sizing-167"
+  | "sizing-168"
+  | "sizing-169"
+  | "sizing-170"
+  | "sizing-171"
+  | "sizing-172"
+  | "sizing-173"
+  | "sizing-174"
+  | "sizing-175"
+  | "sizing-176"
+  | "sizing-177"
+  | "sizing-178"
+  | "sizing-179"
+  | "sizing-180"
+  | "sizing-181"
+  | "sizing-182"
+  | "sizing-183"
+  | "sizing-184"
+  | "sizing-185"
+  | "sizing-186"
+  | "sizing-187"
+  | "sizing-188"
+  | "sizing-189"
+  | "sizing-190"
+  | "sizing-191"
+  | "sizing-192"
+  | "sizing-193"
+  | "sizing-194"
+  | "sizing-195"
+  | "sizing-196"
+  | "sizing-197"
+  | "sizing-198"
+  | "sizing-199"
+  | "sizing-200"
   // eslint-disable-next-line @typescript-eslint/ban-types
   | (string & {});
diff --git a/app/client/packages/design-system/widgets/src/components/Flex/src/flexCss.ts b/app/client/packages/design-system/widgets/src/components/Flex/src/flexCss.ts
index e9e582ede4..406f34db84 100644
--- a/app/client/packages/design-system/widgets/src/components/Flex/src/flexCss.ts
+++ b/app/client/packages/design-system/widgets/src/components/Flex/src/flexCss.ts
@@ -58,6 +58,7 @@ const flexStyles = (
       cssProp === "paddingLeft" ||
       cssProp === "paddingRight" ||
       cssProp === "paddingTop" ||
+      cssProp === "paddingBottom" ||
       cssProp === "marginBottom" ||
       cssProp === "width" ||
       cssProp === "height" ||
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/index.ts b/app/client/packages/design-system/widgets/src/components/Modal/index.ts
new file mode 100644
index 0000000000..3bd16e178a
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/index.ts
@@ -0,0 +1 @@
+export * from "./src";
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/CloseIcon.tsx b/app/client/packages/design-system/widgets/src/components/Modal/src/CloseIcon.tsx
new file mode 100644
index 0000000000..53aed19b55
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/CloseIcon.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import type { ComponentProps } from "react";
+
+// Adapted from remixicon-react/closeFill (https://github.com/Remix-Design/RemixIcon/blob/f88a51b6402562c6c2465f61a3e845115992e4c6/icons/System/close-fill.svg)
+export const CloseIcon = (props: ComponentProps<"svg">) => {
+  return (
+    <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+      <path d="M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z" />
+    </svg>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/Modal.tsx b/app/client/packages/design-system/widgets/src/components/Modal/src/Modal.tsx
new file mode 100644
index 0000000000..7f6c000e72
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/Modal.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import { Popover, PopoverModalContent } from "@design-system/headless";
+import styles from "./styles.module.css";
+import type { ModalProps } from "./types";
+import clsx from "clsx";
+
+export const Modal = (props: ModalProps) => {
+  const {
+    children,
+    overlayClassName,
+    size = "medium",
+    triggerRef,
+    ...rest
+  } = props;
+
+  return (
+    // don't forget to change the transition-duration CSS as well
+    <Popover duration={200} modal triggerRef={triggerRef} {...rest}>
+      <PopoverModalContent
+        data-size={size}
+        overlayClassName={clsx(styles.overlay, overlayClassName)}
+      >
+        {children}
+      </PopoverModalContent>
+    </Popover>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/ModalBody.tsx b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalBody.tsx
new file mode 100644
index 0000000000..4dee9a4841
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalBody.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./styles.module.css";
+
+import type { ModalBodyProps } from "./types";
+
+export const ModalBody = (props: ModalBodyProps) => {
+  const { children } = props;
+
+  return <div className={styles.body}>{children}</div>;
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/ModalContent.tsx b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalContent.tsx
new file mode 100644
index 0000000000..a1562263a1
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalContent.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./styles.module.css";
+import clsx from "clsx";
+
+import type { ModalContentProps } from "./types";
+
+export const ModalContent = (props: ModalContentProps) => {
+  const { children, className } = props;
+  return <div className={clsx(styles.content, className)}>{children}</div>;
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/ModalFooter.tsx b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalFooter.tsx
new file mode 100644
index 0000000000..020c0df2d2
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalFooter.tsx
@@ -0,0 +1,35 @@
+import React, { useState } from "react";
+import { usePopoverContext } from "@design-system/headless";
+import { Flex } from "../../Flex";
+import { Button } from "../../Button";
+
+import type { ModalFooterProps } from "./types";
+
+export const ModalFooter = (props: ModalFooterProps) => {
+  const { closeText = "Close", onSubmit, submitText = "Submit" } = props;
+  const { setOpen } = usePopoverContext();
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleSubmit = async () => {
+    if (onSubmit) {
+      setIsLoading(true);
+      await onSubmit();
+      setIsLoading(false);
+      setOpen(false);
+    }
+  };
+
+  return (
+    <Flex alignItems="center" gap="spacing-4" justifyContent="end">
+      <Button onPress={() => setOpen(false)} variant="ghost">
+        {closeText}
+      </Button>
+
+      {onSubmit && (
+        <Button isLoading={isLoading} onPress={handleSubmit}>
+          {submitText}
+        </Button>
+      )}
+    </Flex>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/ModalHeader.tsx b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalHeader.tsx
new file mode 100644
index 0000000000..718d36077f
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/ModalHeader.tsx
@@ -0,0 +1,35 @@
+import React, { useLayoutEffect } from "react";
+import { usePopoverContext } from "@design-system/headless";
+import { Text } from "../../Text";
+import { IconButton } from "../../IconButton";
+import { Flex } from "../../Flex";
+import { CloseIcon } from "./CloseIcon";
+import { useId } from "@floating-ui/react";
+
+import type { ModalHeaderProps } from "./types";
+
+export const ModalHeader = (props: ModalHeaderProps) => {
+  const { title } = props;
+  const { setLabelId, setOpen } = usePopoverContext();
+  const id = useId();
+
+  // Only sets `aria-labelledby` on the Dialog root element
+  // if this component is mounted inside it.
+  useLayoutEffect(() => {
+    setLabelId(id);
+    return () => setLabelId(undefined);
+  }, [id, setLabelId]);
+
+  return (
+    <Flex alignItems="center" gap="spacing-4" justifyContent="space-between">
+      <Text id={id} lineClamp={1} title={title} variant="caption">
+        {title}
+      </Text>
+      <IconButton
+        icon={CloseIcon}
+        onPress={() => setOpen(false)}
+        variant="ghost"
+      />
+    </Flex>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/index.ts b/app/client/packages/design-system/widgets/src/components/Modal/src/index.ts
new file mode 100644
index 0000000000..8f811e192d
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/index.ts
@@ -0,0 +1,5 @@
+export * from "./Modal";
+export * from "./ModalHeader";
+export * from "./ModalFooter";
+export * from "./ModalBody";
+export * from "./ModalContent";
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Modal/src/styles.module.css
new file mode 100644
index 0000000000..8af3bcc3c1
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/styles.module.css
@@ -0,0 +1,59 @@
+.overlay {
+  background: var(--color-bg-neutral-opacity);
+  display: grid;
+  place-items: center;
+  z-index: var(--z-index-99);
+}
+
+.content {
+  background: var(--color-bg);
+  border-radius: var(--border-radius-1);
+  box-shadow: var(--box-shadow-1);
+  max-width: calc(100vw - var(--outer-spacing-6));
+  max-height: calc(100vh - var(--outer-spacing-6));
+  outline: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--outer-spacing-4);
+  padding-inline: var(--outer-spacing-4);
+  padding-block: var(--outer-spacing-4);
+}
+
+[data-size="small"] .content {
+  width: var(--sizing-120);
+}
+
+[data-size="medium"] .content {
+  width: var(--sizing-180);
+}
+
+[data-size="large"] .content {
+  width: 100%;
+  height: 100%;
+}
+
+.body {
+  overflow: auto;
+  max-height: 100%;
+  padding-inline: var(--outer-spacing-4);
+  margin-inline: calc(var(--outer-spacing-4) * -1);
+  flex: 1;
+}
+
+.overlay,
+.content {
+  transition-property: opacity;
+}
+.content[data-status="open"],
+.content[data-status="close"],
+.overlay[data-status="open"],
+.overlay[data-status="close"] {
+  /* don't forget to change the duration Modal.tsx as well */
+  transition-duration: 200ms;
+}
+.content[data-status="initial"],
+.content[data-status="close"],
+.overlay[data-status="initial"],
+.overlay[data-status="close"] {
+  opacity: 0;
+}
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/src/types.ts b/app/client/packages/design-system/widgets/src/components/Modal/src/types.ts
new file mode 100644
index 0000000000..07bdb0e2f3
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/src/types.ts
@@ -0,0 +1,48 @@
+import type {
+  PopoverModalContentProps,
+  PopoverProps,
+} from "@design-system/headless";
+import type { ReactNode } from "react";
+
+export interface ModalProps
+  extends Pick<
+      PopoverProps,
+      "isOpen" | "setOpen" | "onClose" | "triggerRef" | "initialFocus"
+    >,
+    Pick<PopoverModalContentProps, "overlayClassName"> {
+  /** Size of the Modal
+   * @default medium
+   */
+  size?: "small" | "medium" | "large";
+  /** The children of the component. */
+  children: ReactNode;
+}
+
+export interface ModalContentProps {
+  /** The children of the component. */
+  children: ReactNode;
+  /** Sets the CSS className  for the overlay. Only use as a **last resort**. */
+  className?: string;
+}
+
+export interface ModalHeaderProps {
+  /** Adds a header modal Title and the necessary aria attributes. */
+  title: string;
+}
+
+export interface ModalFooterProps {
+  /** Submit button text
+   * @default Submit
+   */
+  submitText?: string;
+  /** Close button text
+   * @default Close
+   */
+  closeText?: string;
+  /** The event that is triggered when the submit button is clicked. */
+  onSubmit?: () => void;
+}
+
+export interface ModalBodyProps {
+  children: ReactNode;
+}
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/stories/CustomModal.tsx b/app/client/packages/design-system/widgets/src/components/Modal/stories/CustomModal.tsx
new file mode 100644
index 0000000000..d7e2e1ad91
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/stories/CustomModal.tsx
@@ -0,0 +1,26 @@
+import React, { useRef, useState } from "react";
+import { Modal, ModalBody, ModalContent, Button } from "@design-system/widgets";
+
+export const CustomModal = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  const ref = useRef(null);
+
+  return (
+    <>
+      <Button onPress={() => setIsOpen(!isOpen)} ref={ref}>
+        Modal trigger
+      </Button>
+      <Modal isOpen={isOpen} setOpen={setIsOpen} triggerRef={ref}>
+        <div style={{ border: "4px solid rgb(255, 155, 78)" }}>
+          <ModalContent>
+            <ModalBody>
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias
+              amet animi corporis laboriosam libero voluptas! A, reiciendis,
+              veniam?
+            </ModalBody>
+          </ModalContent>
+        </div>
+      </Modal>
+    </>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/stories/Modal.stories.mdx b/app/client/packages/design-system/widgets/src/components/Modal/stories/Modal.stories.mdx
new file mode 100644
index 0000000000..1a75960ef2
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/stories/Modal.stories.mdx
@@ -0,0 +1,58 @@
+import {
+  Modal,
+  ModalHeader,
+  ModalFooter,
+  ModalContent,
+} from "@design-system/widgets";
+import { Canvas, Meta, Story, ArgsTable } from "@storybook/addon-docs";
+import { SimpleModal } from "./SimpleModal";
+import { ModalExamples } from "./ModalExamples";
+import { CustomModal } from "./CustomModal";
+
+<Meta title="Design-system/Widgets/Modal" component={Modal} />
+
+export const Template = (args) => {
+  return <SimpleModal {...args} />;
+};
+
+# Modal
+
+A modal is a floating element that displays information that requires immediate attention, appearing over the page content and blocking interactions with the page until it is dismissed.
+
+Modal developed on basis of Popover headless component. Additional information about functionality of Modal component can be found in the [Popover story](/docs/design-system-headless-popover--docs).
+
+<Canvas>
+  <Story name="Modal">{Template.bind({})}</Story>
+</Canvas>
+
+## Modal props
+
+<ArgsTable story="Modal" of={Modal} />
+
+## ModalContent props
+
+<ArgsTable of={ModalContent} />
+
+## ModalHeader props
+
+<ArgsTable of={ModalHeader} />
+
+## ModalBody props
+
+`ModalBody` component has no props, it is responsible for the correct layout and supports the built-in browser scroll.
+
+## ModalFooter props
+
+<ArgsTable of={ModalFooter} />
+
+# ModalExamples
+
+<Canvas>
+  <Story name="Modal Examples">{<ModalExamples />}</Story>
+</Canvas>
+
+# Custom Modal
+
+<Canvas>
+  <Story name="Custom Modal">{<CustomModal />}</Story>
+</Canvas>
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/stories/ModalExamples.tsx b/app/client/packages/design-system/widgets/src/components/Modal/stories/ModalExamples.tsx
new file mode 100644
index 0000000000..c162324e40
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/stories/ModalExamples.tsx
@@ -0,0 +1,133 @@
+import React, { useRef, useState } from "react";
+import {
+  ButtonGroup,
+  ButtonGroupItem,
+  Modal,
+  ModalBody,
+  ModalContent,
+  ModalFooter,
+  ModalHeader,
+} from "@design-system/widgets";
+
+const fakeSubmit = async () => {
+  return new Promise<void>((resolve) =>
+    setTimeout(() => {
+      alert("Submitted");
+      resolve();
+    }, 500),
+  );
+};
+
+export const ModalExamples = () => {
+  const [isSmallOpen, setSmallOpen] = useState(false);
+  const [isMediumOpen, setMediumOpen] = useState(false);
+  const [isLargeOpen, setLargeOpen] = useState(false);
+  const smallRef = useRef(null);
+  const mediumRef = useRef(null);
+  const largeRef = useRef(null);
+
+  return (
+    <ButtonGroup>
+      <ButtonGroupItem
+        onPress={() => setSmallOpen(!isSmallOpen)}
+        ref={smallRef}
+      >
+        Small
+      </ButtonGroupItem>
+      <Modal
+        initialFocus={2}
+        isOpen={isSmallOpen}
+        setOpen={setSmallOpen}
+        size="small"
+        triggerRef={smallRef}
+      >
+        <ModalContent>
+          <ModalHeader title="Small modal title" />
+          <ModalBody>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias amet
+            animi corporis laboriosam libero voluptas! A, reiciendis, veniam?
+          </ModalBody>
+          <ModalFooter onSubmit={fakeSubmit} />
+        </ModalContent>
+      </Modal>
+
+      <ButtonGroupItem
+        onPress={() => setMediumOpen(!isMediumOpen)}
+        ref={mediumRef}
+      >
+        Medium
+      </ButtonGroupItem>
+      <Modal
+        initialFocus={2}
+        isOpen={isMediumOpen}
+        setOpen={setMediumOpen}
+        triggerRef={mediumRef}
+      >
+        <ModalContent>
+          <ModalHeader title="Medium modal title" />
+          <ModalBody>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias amet
+            animi corporis laboriosam libero voluptas! A, reiciendis, veniam?
+          </ModalBody>
+          <ModalFooter onSubmit={fakeSubmit} />
+        </ModalContent>
+      </Modal>
+
+      <ButtonGroupItem
+        onPress={() => setLargeOpen(!isLargeOpen)}
+        ref={largeRef}
+      >
+        Large
+      </ButtonGroupItem>
+      <Modal
+        initialFocus={2}
+        isOpen={isLargeOpen}
+        setOpen={setLargeOpen}
+        size="large"
+        triggerRef={largeRef}
+      >
+        <ModalContent>
+          <ModalHeader title="Large modal title" />
+          <ModalBody>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut ex
+            illo ipsa iste mollitia non nulla qui, sed. Amet aperiam aspernatur
+            at autem beatae blanditiis commodi, cum delectus dignissimos ea enim
+            ex hic illum ipsam ipsum iure iusto magnam mollitia nobis nulla odit
+            pariatur possimus praesentium quaerat quia quo repellat repellendus
+            sequi similique soluta sunt tempora tempore temporibus? Accusamus
+            accusantium ad cumque deserunt dolorum enim error, excepturi
+            exercitationem facere fugiat impedit in ipsum labore laboriosam
+            minus modi mollitia neque nulla officiis porro, quo quos, sapiente
+            totam veritatis vitae voluptas voluptatibus? Aliquid amet asperiores
+            aut exercitationem facilis ipsa itaque magni nam odio reiciendis
+            repellendus rerum tempore ullam, vero voluptatem! Animi cupiditate
+            et minus porro recusandae, temporibus tenetur! Aliquid aperiam
+            aspernatur beatae dolore eius ex exercitationem expedita fuga iste
+            iusto laboriosam laudantium modi necessitatibus nemo nulla odio
+            optio perferendis, placeat praesentium quae quidem rem rerum soluta
+            tempore tenetur unde velit voluptas? At consequuntur corporis
+            delectus earum eos nihil odio officiis, quae quis sed. Asperiores
+            excepturi hic molestiae nesciunt nostrum quae temporibus. Commodi
+            corporis eos illo, ipsum laboriosam molestias neque numquam rerum
+            veniam veritatis. Doloribus impedit iste nulla quia. Assumenda et
+            facilis id minima praesentium quaerat similique. Ad adipisci
+            assumenda aut blanditiis dicta dignissimos eligendi ipsa mollitia
+            natus nobis, obcaecati possimus quam quia recusandae repellat sed
+            sit veniam. Animi consectetur libero praesentium temporibus velit!
+            Amet atque culpa, debitis deleniti eius harum libero maxime odit
+            officia officiis quibusdam, repellat sunt tempora? Accusantium
+            atque, cumque doloribus eveniet laudantium magni molestias officia,
+            sequi temporibus vel velit veritatis vero voluptatibus! Consequuntur
+            delectus eaque minus obcaecati repellat repudiandae sapiente,
+            tempora unde. Ab ad autem beatae commodi, culpa cupiditate debitis
+            dolores doloribus earum eos eveniet ex excepturi expedita explicabo
+            fuga incidunt inventore maxime minus modi molestias nulla odio,
+            perspiciatis quam quisquam quo ratione sapiente voluptatem? Autem
+            inventore quae velit.
+          </ModalBody>
+          <ModalFooter onSubmit={fakeSubmit} />
+        </ModalContent>
+      </Modal>
+    </ButtonGroup>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Modal/stories/SimpleModal.tsx b/app/client/packages/design-system/widgets/src/components/Modal/stories/SimpleModal.tsx
new file mode 100644
index 0000000000..eb6abe6f93
--- /dev/null
+++ b/app/client/packages/design-system/widgets/src/components/Modal/stories/SimpleModal.tsx
@@ -0,0 +1,39 @@
+import React, { useState } from "react";
+import {
+  Modal,
+  ModalBody,
+  ModalHeader,
+  ModalFooter,
+  ModalContent,
+  Button,
+} from "@design-system/widgets";
+import type { ModalProps } from "../src/types";
+
+const fakeSubmit = async () => {
+  return new Promise<void>((resolve) =>
+    setTimeout(() => {
+      alert("Submitted");
+      resolve();
+    }, 500),
+  );
+};
+
+export const SimpleModal = (props: Omit<ModalProps, "children">) => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <>
+      <Button onPress={() => setIsOpen(!isOpen)}>Modal trigger</Button>
+      <Modal initialFocus={2} isOpen={isOpen} setOpen={setIsOpen} {...props}>
+        <ModalContent>
+          <ModalHeader title="Modal title" />
+          <ModalBody>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias amet
+            animi corporis laboriosam libero voluptas! A, reiciendis, veniam?
+          </ModalBody>
+          <ModalFooter onSubmit={fakeSubmit} />
+        </ModalContent>
+      </Modal>
+    </>
+  );
+};
diff --git a/app/client/packages/design-system/widgets/src/components/Text/src/types.ts b/app/client/packages/design-system/widgets/src/components/Text/src/types.ts
index 97d0a1da7a..d7b5dccfab 100644
--- a/app/client/packages/design-system/widgets/src/components/Text/src/types.ts
+++ b/app/client/packages/design-system/widgets/src/components/Text/src/types.ts
@@ -38,4 +38,6 @@ export interface TextProps {
   children: ReactNode;
   /** title attribute for the component */
   title?: string;
+  /** Sets the HTML [id](https://developer.mozilla.org/en-US/docs/Web/API/Element/id) for the element. */
+  id?: string;
 }
diff --git a/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx b/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx
index 7862a6a6ba..49720984b7 100644
--- a/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx
+++ b/app/client/packages/design-system/widgets/src/components/TextArea/src/TextArea.tsx
@@ -6,22 +6,14 @@ import type {
 } from "@design-system/headless";
 import { TextArea as HeadlessTextArea } from "@design-system/headless";
 
-import { Text } from "../../Text";
-import { Label } from "../../TextInput";
 import textAreaStyles from "./styles.module.css";
 import { textInputStyles, fieldStyles } from "../../../styles";
 import { ContextualHelp } from "../../TextInput/src/ContextualHelp";
+import { getTypographyClassName } from "@design-system/theming";
 
 export interface TextAreaProps extends HeadlessTextAreaProps {
   /** loading state for the input */
   isLoading?: boolean;
-  /** indicates what to use when input is required
-   * @default "icon"
-   */
-  necessityIndicator?: "label" | "icon";
-  includeNecessityIndicatorInAccessibilityName?: boolean;
-  /** label for the input */
-  label?: string;
 }
 
 const _TextArea = (props: TextAreaProps, ref: HeadlessTextAreaRef) => {
@@ -29,48 +21,29 @@ const _TextArea = (props: TextAreaProps, ref: HeadlessTextAreaRef) => {
     contextualHelp: contextualHelpProp,
     description,
     errorMessage,
-    includeNecessityIndicatorInAccessibilityName,
     isRequired,
     label,
-    necessityIndicator = "icon",
     ...rest
   } = props;
 
-  const wrappedLabel = Boolean(label) && (
-    <Label
-      includeNecessityIndicatorInAccessibilityName={
-        includeNecessityIndicatorInAccessibilityName
-      }
-      isRequired={isRequired}
-      label={label}
-      necessityIndicator={necessityIndicator}
-    />
-  );
-
   const contextualHelp = Boolean(contextualHelpProp) && (
     <ContextualHelp contextualHelp={contextualHelpProp} />
   );
 
-  const wrappedDescription = Boolean(description) && (
-    <Text variant="footnote">{description}</Text>
-  );
-  const wrappedErrorMessage = Boolean(errorMessage) && (
-    <Text variant="footnote">{errorMessage}</Text>
-  );
-
   return (
     <HeadlessTextArea
-      className={clsx(
+      contextualHelp={contextualHelp}
+      description={description}
+      errorMessage={errorMessage}
+      fieldClassName={clsx(
         textInputStyles["text-input"],
         fieldStyles.field,
         textAreaStyles["textarea"],
       )}
-      contextualHelp={contextualHelp}
-      description={wrappedDescription}
-      errorMessage={wrappedErrorMessage}
       inputClassName="wds-body-text"
       isRequired={isRequired}
-      label={wrappedLabel}
+      label={label}
+      labelClassName={getTypographyClassName("body")}
       ref={ref}
       {...rest}
     />
diff --git a/app/client/packages/design-system/widgets/src/components/TextInput/src/Label.tsx b/app/client/packages/design-system/widgets/src/components/TextInput/src/Label.tsx
deleted file mode 100644
index cd35f52f77..0000000000
--- a/app/client/packages/design-system/widgets/src/components/TextInput/src/Label.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from "react";
-
-import { Text } from "../../Text";
-import type { TextInputProps } from "./TextInput";
-
-export type LabelProps = TextInputProps;
-
-const _Label = (props: LabelProps) => {
-  const {
-    includeNecessityIndicatorInAccessibilityName,
-    isRequired = false,
-    label,
-    necessityIndicator = "icon",
-  } = props;
-  const necessityLabel = isRequired ? "(required)" : "(optional)";
-  const icon = (
-    <span
-      aria-label={
-        Boolean(includeNecessityIndicatorInAccessibilityName)
-          ? "(required)"
-          : undefined
-      }
-      data-field-necessity-indicator-icon=""
-    >
-      *
-    </span>
-  );
-
-  return (
-    <Text lineClamp={1} title={label}>
-      {label}
-      {/* necessityLabel is hidden to screen readers if the field is required because
-       * aria-required is set on the field in that case. That will already be announced,
-       * so no need to duplicate it here. If optional, we do want it to be announced here. */}
-      {(necessityIndicator === "label" ||
-        (necessityIndicator === "icon" && isRequired)) &&
-        " \u200b"}
-      {necessityIndicator === "label" && (
-        <span
-          aria-hidden={
-            includeNecessityIndicatorInAccessibilityName == null
-              ? isRequired
-              : undefined
-          }
-        >
-          {necessityLabel}
-        </span>
-      )}
-      {necessityIndicator === "icon" && isRequired && icon}
-    </Text>
-  );
-};
-
-export const Label = _Label;
diff --git a/app/client/packages/design-system/widgets/src/components/TextInput/src/TextInput.tsx b/app/client/packages/design-system/widgets/src/components/TextInput/src/TextInput.tsx
index a7895bd154..4afcbefad4 100644
--- a/app/client/packages/design-system/widgets/src/components/TextInput/src/TextInput.tsx
+++ b/app/client/packages/design-system/widgets/src/components/TextInput/src/TextInput.tsx
@@ -7,8 +7,6 @@ import React, { forwardRef, useState } from "react";
 import { getTypographyClassName } from "@design-system/theming";
 import { TextInput as HeadlessTextInput } from "@design-system/headless";
 
-import { Label } from "./Label";
-import { Text } from "../../Text";
 import { Spinner } from "../../Spinner";
 import { EyeIcon } from "./icons/EyeIcon";
 import { IconButton } from "../../IconButton";
@@ -21,14 +19,6 @@ export interface TextInputProps extends HeadlessTextInputProps {
   loaderPosition?: "auto" | "start" | "end";
   /** loading state for the input */
   isLoading?: boolean;
-  /** indicates what to use when input is required
-   * @default "icon"
-   */
-  necessityIndicator?: "label" | "icon";
-  /** adds as span for accesiblity for necessity indicator */
-  includeNecessityIndicatorInAccessibilityName?: boolean;
-  /** label for the input */
-  label?: string;
 }
 
 const _TextInput = (props: TextInputProps, ref: HeadlessTextInputRef) => {
@@ -37,41 +27,20 @@ const _TextInput = (props: TextInputProps, ref: HeadlessTextInputRef) => {
     description,
     endIcon,
     errorMessage,
-    includeNecessityIndicatorInAccessibilityName,
     isLoading = false,
     isRequired,
     label,
     loaderPosition = "auto",
-    necessityIndicator = "icon",
     startIcon,
     type,
     ...rest
   } = props;
   const [showPassword, togglePassword] = useState(false);
 
-  const wrappedLabel = Boolean(label) && (
-    <Label
-      includeNecessityIndicatorInAccessibilityName={
-        includeNecessityIndicatorInAccessibilityName
-      }
-      isRequired={isRequired}
-      label={label}
-      necessityIndicator={necessityIndicator}
-    />
-  );
-
   const contextualHelp = Boolean(contextualHelpProp) && (
     <ContextualHelp contextualHelp={contextualHelpProp} />
   );
 
-  const wrappedDescription = Boolean(description) && (
-    <Text variant="footnote">{description}</Text>
-  );
-
-  const wrappedErrorMessage = Boolean(errorMessage) && (
-    <Text variant="footnote">{errorMessage}</Text>
-  );
-
   const onPressEyeIcon = () => {
     togglePassword((prev) => !prev);
   };
@@ -113,14 +82,16 @@ const _TextInput = (props: TextInputProps, ref: HeadlessTextInputRef) => {
 
   return (
     <HeadlessTextInput
-      className={clsx(textInputStyles["text-input"], fieldStyles.field)}
       contextualHelp={contextualHelp}
-      description={wrappedDescription}
+      description={description}
       endIcon={renderEndIcon()}
-      errorMessage={wrappedErrorMessage}
+      errorMessage={errorMessage}
+      fieldClassName={clsx(textInputStyles["text-input"], fieldStyles.field)}
+      helpTextClassName={getTypographyClassName("footnote")}
       inputClassName={getTypographyClassName("body")}
       isRequired={isRequired}
-      label={wrappedLabel}
+      label={label}
+      labelClassName={getTypographyClassName("body")}
       ref={ref}
       startIcon={renderStartIcon()}
       type={showPassword ? "text" : type}
diff --git a/app/client/packages/design-system/widgets/src/components/TextInput/src/index.ts b/app/client/packages/design-system/widgets/src/components/TextInput/src/index.ts
index 6818ec9f5d..51860debd7 100644
--- a/app/client/packages/design-system/widgets/src/components/TextInput/src/index.ts
+++ b/app/client/packages/design-system/widgets/src/components/TextInput/src/index.ts
@@ -1,3 +1,2 @@
-export { Label } from "./Label";
 export { TextInput } from "./TextInput";
 export type { TextInputProps } from "./TextInput";
diff --git a/app/client/packages/design-system/widgets/src/index.ts b/app/client/packages/design-system/widgets/src/index.ts
index 0b35647af1..4c7fc3c0c7 100644
--- a/app/client/packages/design-system/widgets/src/index.ts
+++ b/app/client/packages/design-system/widgets/src/index.ts
@@ -17,6 +17,7 @@ export * from "./components/TextInput";
 export * from "./components/TextArea";
 export * from "./components/Spinner";
 export * from "./components/Menu";
+export * from "./components/Modal";
 
 export * from "./utils";
 export * from "./styles";
diff --git a/app/client/packages/design-system/widgets/src/styles/src/field.module.css b/app/client/packages/design-system/widgets/src/styles/src/field.module.css
index 2c19a18575..e63d2609ef 100644
--- a/app/client/packages/design-system/widgets/src/styles/src/field.module.css
+++ b/app/client/packages/design-system/widgets/src/styles/src/field.module.css
@@ -19,8 +19,6 @@
 
   & [data-field-label] {
     display: flex;
-    align-items: center;
-    gap: var(--inner-spacing-1);
     height: fit-content;
     color: var(--color-fg);
   }
@@ -79,6 +77,16 @@
     flex-direction: column;
   }
 
+  /**
+  * ----------------------------------------------------------------------------
+  * FIELD INPUT GROUP
+  *-----------------------------------------------------------------------------
+  */
+  & [data-field-input-group] {
+    display: flex;
+    align-items: center;
+  }
+
   /**
   * ----------------------------------------------------------------------------
   * DISABLED
diff --git a/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css b/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css
index 34a73f2b04..6efc73c764 100644
--- a/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css
+++ b/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css
@@ -95,7 +95,7 @@
 
   /**
   * ----------------------------------------------------------------------------
-  * DISABleD
+  * DISABLED
   *-----------------------------------------------------------------------------
   */
   &[data-disabled],
@@ -103,4 +103,17 @@
   &[data-disabled] label {
     cursor: not-allowed;
   }
+
+  /**
+  * ----------------------------------------------------------------------------
+  * START ICON AND END ICON
+  *-----------------------------------------------------------------------------
+  */
+  & [data-field-input-start-icon] {
+    width: max-content;
+  }
+
+  & [data-field-input-end-icon] {
+    width: max-content;
+  }
 }
diff --git a/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx b/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx
index 030c103982..918cf86f01 100644
--- a/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx
+++ b/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx
@@ -15,6 +15,10 @@ import {
   Radio,
   IconButton,
   TextArea,
+  Modal,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
 } from "@design-system/widgets";
 // This component is used only for testing purpose and is not used in the prod
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
@@ -23,6 +27,15 @@ import EmotionHappyLineIcon from "remixicon-react/EmotionHappyLineIcon";
 import EmotionUnhappyLineIcon from "remixicon-react/EmotionUnhappyLineIcon";
 
 export const ComplexForm = () => {
+  const fakeSubmit = async () => {
+    return new Promise<void>((resolve) =>
+      setTimeout(() => {
+        alert("Your order is on the way...");
+        resolve();
+      }, 500),
+    );
+  };
+
   return (
     <Flex direction="column" gap="spacing-6">
       <Flex direction="column" gap="spacing-3">
@@ -79,7 +92,20 @@ export const ComplexForm = () => {
             If you cancel, you will lose your order
           </TooltipContent>
         </TooltipRoot>
-        <Button>Ok</Button>
+        <Modal size="small">
+          <Button>Ok</Button>
+          <ModalHeader title="Confirmation" />
+          <ModalBody>
+            <Text>
+              <ul>
+                <li>Hamburger — XL</li>
+                <li>French fries — L</li>
+                <li>Coca-Cola — S</li>
+              </ul>
+            </Text>
+          </ModalBody>
+          <ModalFooter onSubmit={fakeSubmit} submitText="Confirm" />
+        </Modal>
       </Flex>
     </Flex>
   );
diff --git a/app/client/packages/storybook/.storybook/styles.css b/app/client/packages/storybook/.storybook/styles.css
index ac1ff74549..c386567752 100644
--- a/app/client/packages/storybook/.storybook/styles.css
+++ b/app/client/packages/storybook/.storybook/styles.css
@@ -27,3 +27,7 @@ body,
 .is-chromatic * {
   animation: none !important;
 }
+
+*:focus {
+  outline: none;
+}
diff --git a/app/client/packages/storybook/src/components/TokenTable.tsx b/app/client/packages/storybook/src/components/TokenTable.tsx
index 09d6762c1d..c41a550a04 100644
--- a/app/client/packages/storybook/src/components/TokenTable.tsx
+++ b/app/client/packages/storybook/src/components/TokenTable.tsx
@@ -42,13 +42,13 @@ interface TokenTableProps {
   children: (cssVar: string) => ReactNode;
   filter?: string | string[];
   tokens?: { [key: string]: Token };
-  isExactMatch: boolean;
+  isExactMatch?: boolean;
 }
 
 export const TokenTable = ({
   children,
   filter,
-  isExactMatch,
+  isExactMatch = true,
   prefix,
   tokens,
 }: TokenTableProps) => {
diff --git a/app/client/public/libraries/echarts-gl@2.0.9.js b/app/client/public/libraries/echarts-gl@2.0.9.js
new file mode 100644
index 0000000000..adfb1f23aa
--- /dev/null
+++ b/app/client/public/libraries/echarts-gl@2.0.9.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("echarts")):"function"==typeof define&&define.amd?define(["echarts"],t):"object"==typeof exports?exports["echarts-gl"]=t(require("echarts")):e["echarts-gl"]=t(e.echarts)}(self,(function(e){return(()=>{"use strict";var t={468:(e,t,r)=>{r.r(t);var i=r(83);function n(e,t,r){"object"==typeof t&&(r=t,t=null);var i,n=this;if(!(e instanceof Function))for(var s in i=[],e)e.hasOwnProperty(s)&&i.push(s);var l=function(t){if(n.apply(this,arguments),e instanceof Function?a(this,e.call(this,t)):o(this,e,i),this.constructor===l)for(var r=l.__initializers__,s=0;s<r.length;s++)r[s].apply(this,arguments)};l.__super__=n,n.__initializers__?l.__initializers__=n.__initializers__.slice():l.__initializers__=[],t&&l.__initializers__.push(t);var h=function(){};return h.prototype=n.prototype,l.prototype=new h,l.prototype.constructor=l,a(l.prototype,r),l.extend=n.extend,l.derive=n.extend,l}function a(e,t){if(t)for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])}function o(e,t,r){for(var i=0;i<r.length;i++){var n=r[i];e[n]=t[n]}}const s={extend:n,derive:n};function l(e,t){this.action=e,this.context=t}const h={trigger:function(e){if(this.hasOwnProperty("__handlers__")&&this.__handlers__.hasOwnProperty(e)){var t=this.__handlers__[e],r=t.length,i=-1,n=arguments;switch(n.length){case 1:for(;++i<r;)t[i].action.call(t[i].context);return;case 2:for(;++i<r;)t[i].action.call(t[i].context,n[1]);return;case 3:for(;++i<r;)t[i].action.call(t[i].context,n[1],n[2]);return;case 4:for(;++i<r;)t[i].action.call(t[i].context,n[1],n[2],n[3]);return;case 5:for(;++i<r;)t[i].action.call(t[i].context,n[1],n[2],n[3],n[4]);return;default:for(;++i<r;)t[i].action.apply(t[i].context,Array.prototype.slice.call(n,1));return}}},on:function(e,t,r){if(e&&t){var i=this.__handlers__||(this.__handlers__={});if(i[e]){if(this.has(e,t))return}else i[e]=[];var n=new l(t,r||this);return i[e].push(n),this}},once:function(e,t,r){if(e&&t){var i=this;return this.on(e,(function r(){i.off(e,r),t.apply(this,arguments)}),r)}},before:function(e,t,r){if(e&&t)return e="before"+e,this.on(e,t,r)},after:function(e,t,r){if(e&&t)return e="after"+e,this.on(e,t,r)},success:function(e,t){return this.once("success",e,t)},error:function(e,t){return this.once("error",e,t)},off:function(e,t){var r=this.__handlers__||(this.__handlers__={});if(t){if(r[e]){for(var i=r[e],n=[],a=0;a<i.length;a++)t&&i[a].action!==t&&n.push(i[a]);r[e]=n}return this}r[e]=[]},has:function(e,t){var r=this.__handlers__;if(!r||!r[e])return!1;for(var i=r[e],n=0;n<i.length;n++)if(i[n].action===t)return!0}};var u=0,c=Array.prototype.forEach,d={genGUID:function(){return++u},relative2absolute:function(e,t){if(!t||e.match(/^\//))return e;for(var r=e.split("/"),i=t.split("/"),n=r[0];"."===n||".."===n;)".."===n&&i.pop(),r.shift(),n=r[0];return i.join("/")+"/"+r.join("/")},extend:function(e,t){if(t)for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);return e},defaults:function(e,t){if(t)for(var r in t)void 0===e[r]&&(e[r]=t[r]);return e},extendWithPropList:function(e,t,r){if(t)for(var i=0;i<r.length;i++){var n=r[i];e[n]=t[n]}return e},defaultsWithPropList:function(e,t,r){if(t)for(var i=0;i<r.length;i++){var n=r[i];null==e[n]&&(e[n]=t[n])}return e},each:function(e,t,r){if(e&&t)if(e.forEach&&e.forEach===c)e.forEach(t,r);else if(e.length===+e.length)for(var i=0,n=e.length;i<n;i++)t.call(r,e[i],i,e);else for(var a in e)e.hasOwnProperty(a)&&t.call(r,e[a],a,e)},isObject:function(e){return e===Object(e)},isArray:function(e){return Array.isArray(e)},isArrayLike:function(e){return!!e&&e.length===+e.length},clone:function(e){if(d.isObject(e)){if(d.isArray(e))return e.slice();if(d.isArrayLike(e)){for(var t=new e.constructor(e.length),r=0;r<e.length;r++)t[r]=e[r];return t}return d.extend({},e)}return e}};const f=d;var p=function(){this.__uid__=f.genGUID()};p.__initializers__=[function(e){f.extend(this,e)}],f.extend(p,s),f.extend(p.prototype,h);const m=p;var g=["OES_texture_float","OES_texture_half_float","OES_texture_float_linear","OES_texture_half_float_linear","OES_standard_derivatives","OES_vertex_array_object","OES_element_index_uint","WEBGL_compressed_texture_s3tc","WEBGL_depth_texture","EXT_texture_filter_anisotropic","EXT_shader_texture_lod","WEBGL_draw_buffers","EXT_frag_depth","EXT_sRGB","ANGLE_instanced_arrays"],_=["MAX_TEXTURE_SIZE","MAX_CUBE_MAP_TEXTURE_SIZE"];const v=function(e){for(var t={},r={},i=0;i<g.length;i++)a(g[i]);for(i=0;i<_.length;i++){var n=_[i];r[n]=e.getParameter(e[n])}function a(r){if(e.getExtension){var i=e.getExtension(r);i||(i=e.getExtension("MOZ_"+r)),i||(i=e.getExtension("WEBKIT_"+r)),t[r]=i}}this.getExtension=function(e){return e in t||a(e),t[e]},this.getParameter=function(e){return r[e]}},y=1028,x=1029,b=2304,w=2305,T=5121,S=5126,M=6402,A=6408,E=9728,C=9729,D=9984,L=9985,P=9986,O=9987,N=10497,I=33071,R=33306,B={get:function(e){var t=new XMLHttpRequest;t.open("get",e.url),t.responseType=e.responseType||"text",e.onprogress&&(t.onprogress=function(t){if(t.lengthComputable){var r=t.loaded/t.total;e.onprogress(r,t.loaded,t.total)}else e.onprogress(null)}),t.onload=function(r){t.status>=400?e.onerror&&e.onerror():e.onload&&e.onload(t.response)},e.onerror&&(t.onerror=e.onerror),t.send(null)}};var F,z={supportWebGL:function(){if(null==F)try{var e=document.createElement("canvas");if(!e.getContext("webgl")&&!e.getContext("experimental-webgl"))throw new Error}catch(e){F=!1}return F}};z.Int8Array="undefined"==typeof Int8Array?Array:Int8Array,z.Uint8Array="undefined"==typeof Uint8Array?Array:Uint8Array,z.Uint16Array="undefined"==typeof Uint16Array?Array:Uint16Array,z.Uint32Array="undefined"==typeof Uint32Array?Array:Uint32Array,z.Int16Array="undefined"==typeof Int16Array?Array:Int16Array,z.Float32Array="undefined"==typeof Float32Array?Array:Float32Array,z.Float64Array="undefined"==typeof Float64Array?Array:Float64Array;var G={};"undefined"!=typeof window?G=window:void 0!==r.g&&(G=r.g),z.requestAnimationFrame=G.requestAnimationFrame||G.msRequestAnimationFrame||G.mozRequestAnimationFrame||G.webkitRequestAnimationFrame||function(e){setTimeout(e,16)},z.createCanvas=function(){return document.createElement("canvas")},z.createImage=function(){return new G.Image},z.request={get:B.get},z.addEventListener=function(e,t,r,i){e.addEventListener(t,r,i)},z.removeEventListener=function(e,t,r){e.removeEventListener(t,r)};const U=z;var k=function(){this.head=null,this.tail=null,this._length=0};k.prototype.insert=function(e){var t=new k.Entry(e);return this.insertEntry(t),t},k.prototype.insertAt=function(e,t){if(!(e<0)){for(var r=this.head,i=0;r&&i!=e;)r=r.next,i++;if(r){var n=new k.Entry(t),a=r.prev;a?(a.next=n,n.prev=a):this.head=n,n.next=r,r.prev=n}else this.insert(t)}},k.prototype.insertBeforeEntry=function(e,t){var r=new k.Entry(e),i=t.prev;i?(i.next=r,r.prev=i):this.head=r,r.next=t,t.prev=r,this._length++},k.prototype.insertEntry=function(e){this.head?(this.tail.next=e,e.prev=this.tail,this.tail=e):this.head=this.tail=e,this._length++},k.prototype.remove=function(e){var t=e.prev,r=e.next;t?t.next=r:this.head=r,r?r.prev=t:this.tail=t,e.next=e.prev=null,this._length--},k.prototype.removeAt=function(e){if(!(e<0)){for(var t=this.head,r=0;t&&r!=e;)t=t.next,r++;return t?(this.remove(t),t.value):void 0}},k.prototype.getHead=function(){if(this.head)return this.head.value},k.prototype.getTail=function(){if(this.tail)return this.tail.value},k.prototype.getAt=function(e){if(!(e<0)){for(var t=this.head,r=0;t&&r!=e;)t=t.next,r++;return t.value}},k.prototype.indexOf=function(e){for(var t=this.head,r=0;t;){if(t.value===e)return r;t=t.next,r++}},k.prototype.length=function(){return this._length},k.prototype.isEmpty=function(){return 0===this._length},k.prototype.forEach=function(e,t){for(var r=this.head,i=0,n=void 0!==t;r;)n?e.call(t,r.value,i):e(r.value,i),r=r.next,i++},k.prototype.clear=function(){this.tail=this.head=null,this._length=0},k.Entry=function(e){this.value=e,this.next=null,this.prev=null};const V=k;var H=function(e){this._list=new V,this._map={},this._maxSize=e||10};H.prototype.setMaxSize=function(e){this._maxSize=e},H.prototype.put=function(e,t){if(!this._map.hasOwnProperty(e)){var r=this._list.length();if(r>=this._maxSize&&r>0){var i=this._list.head;this._list.remove(i),delete this._map[i.key]}var n=this._list.insert(t);n.key=e,this._map[e]=n}},H.prototype.get=function(e){var t=this._map[e];if(this._map.hasOwnProperty(e))return t!==this._list.tail&&(this._list.remove(t),this._list.insertEntry(t)),t.value},H.prototype.remove=function(e){var t=this._map[e];void 0!==t&&(delete this._map[e],this._list.remove(t))},H.prototype.clear=function(){this._list.clear(),this._map={}};const W=H;var j={},X={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function q(e){return(e=Math.round(e))<0?0:e>255?255:e}function Z(e){return e<0?0:e>1?1:e}function Y(e){return e.length&&"%"===e.charAt(e.length-1)?q(parseFloat(e)/100*255):q(parseInt(e,10))}function K(e){return e.length&&"%"===e.charAt(e.length-1)?Z(parseFloat(e)/100):Z(parseFloat(e))}function Q(e,t,r){return r<0?r+=1:r>1&&(r-=1),6*r<1?e+(t-e)*r*6:2*r<1?t:3*r<2?e+(t-e)*(2/3-r)*6:e}function J(e,t,r){return e+(t-e)*r}function $(e,t,r,i,n){return e[0]=t,e[1]=r,e[2]=i,e[3]=n,e}function ee(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e}var te=new W(20),re=null;function ie(e,t){re&&ee(re,t),re=te.put(e,re||t.slice())}function ne(e,t){var r=(parseFloat(e[0])%360+360)%360/360,i=K(e[1]),n=K(e[2]),a=n<=.5?n*(i+1):n+i-n*i,o=2*n-a;return $(t=t||[],q(255*Q(o,a,r+1/3)),q(255*Q(o,a,r)),q(255*Q(o,a,r-1/3)),1),4===e.length&&(t[3]=e[3]),t}j.parse=function(e,t){if(e){t=t||[];var r=te.get(e);if(r)return ee(t,r);var i,n=(e+="").replace(/ /g,"").toLowerCase();if(n in X)return ee(t,X[n]),ie(e,t),t;if("#"===n.charAt(0))return 4===n.length?(i=parseInt(n.substr(1),16))>=0&&i<=4095?($(t,(3840&i)>>4|(3840&i)>>8,240&i|(240&i)>>4,15&i|(15&i)<<4,1),ie(e,t),t):void $(t,0,0,0,1):7===n.length?(i=parseInt(n.substr(1),16))>=0&&i<=16777215?($(t,(16711680&i)>>16,(65280&i)>>8,255&i,1),ie(e,t),t):void $(t,0,0,0,1):void 0;var a=n.indexOf("("),o=n.indexOf(")");if(-1!==a&&o+1===n.length){var s=n.substr(0,a),l=n.substr(a+1,o-(a+1)).split(","),h=1;switch(s){case"rgba":if(4!==l.length)return void $(t,0,0,0,1);h=K(l.pop());case"rgb":return 3!==l.length?void $(t,0,0,0,1):($(t,Y(l[0]),Y(l[1]),Y(l[2]),h),ie(e,t),t);case"hsla":return 4!==l.length?void $(t,0,0,0,1):(l[3]=K(l[3]),ne(l,t),ie(e,t),t);case"hsl":return 3!==l.length?void $(t,0,0,0,1):(ne(l,t),ie(e,t),t);default:return}}$(t,0,0,0,1)}},j.parseToFloat=function(e,t){if(t=j.parse(e,t))return t[0]/=255,t[1]/=255,t[2]/=255,t},j.lift=function(e,t){var r=j.parse(e);if(r){for(var i=0;i<3;i++)r[i]=t<0?r[i]*(1-t)|0:(255-r[i])*t+r[i]|0;return j.stringify(r,4===r.length?"rgba":"rgb")}},j.toHex=function(e){var t=j.parse(e);if(t)return((1<<24)+(t[0]<<16)+(t[1]<<8)+ +t[2]).toString(16).slice(1)},j.fastLerp=function(e,t,r){if(t&&t.length&&e>=0&&e<=1){r=r||[];var i=e*(t.length-1),n=Math.floor(i),a=Math.ceil(i),o=t[n],s=t[a],l=i-n;return r[0]=q(J(o[0],s[0],l)),r[1]=q(J(o[1],s[1],l)),r[2]=q(J(o[2],s[2],l)),r[3]=Z(J(o[3],s[3],l)),r}},j.fastMapToColor=j.fastLerp,j.lerp=function(e,t,r){if(t&&t.length&&e>=0&&e<=1){var i=e*(t.length-1),n=Math.floor(i),a=Math.ceil(i),o=j.parse(t[n]),s=j.parse(t[a]),l=i-n,h=j.stringify([q(J(o[0],s[0],l)),q(J(o[1],s[1],l)),q(J(o[2],s[2],l)),Z(J(o[3],s[3],l))],"rgba");return r?{color:h,leftIndex:n,rightIndex:a,value:i}:h}},j.mapToColor=j.lerp,j.modifyHSL=function(e,t,r,i){if(e=j.parse(e))return e=function(e){if(e){var t,r,i=e[0]/255,n=e[1]/255,a=e[2]/255,o=Math.min(i,n,a),s=Math.max(i,n,a),l=s-o,h=(s+o)/2;if(0===l)t=0,r=0;else{r=h<.5?l/(s+o):l/(2-s-o);var u=((s-i)/6+l/2)/l,c=((s-n)/6+l/2)/l,d=((s-a)/6+l/2)/l;i===s?t=d-c:n===s?t=1/3+u-d:a===s&&(t=2/3+c-u),t<0&&(t+=1),t>1&&(t-=1)}var f=[360*t,r,h];return null!=e[3]&&f.push(e[3]),f}}(e),null!=t&&(e[0]=(n=t,(n=Math.round(n))<0?0:n>360?360:n)),null!=r&&(e[1]=K(r)),null!=i&&(e[2]=K(i)),j.stringify(ne(e),"rgba");var n},j.modifyAlpha=function(e,t){if((e=j.parse(e))&&null!=t)return e[3]=Z(t),j.stringify(e,"rgba")},j.stringify=function(e,t){if(e&&e.length){var r=e[0]+","+e[1]+","+e[2];return"rgba"!==t&&"hsva"!==t&&"hsla"!==t||(r+=","+e[3]),t+"("+r+")"}};var ae=j.parseToFloat,oe={};function se(e){var t=Object.keys(e);t.sort();for(var r=[],i=0;i<t.length;i++){var n=t[i],a=e[n];null===a?r.push(n):r.push(n+" "+a.toString())}return r.join("\n")}const le=m.extend((function(){return{name:"",depthTest:!0,depthMask:!0,transparent:!1,blend:null,autoUpdateTextureStatus:!0,uniforms:{},vertexDefines:{},fragmentDefines:{},_textureStatus:{},_enabledUniforms:null}}),(function(){this.name||(this.name="MATERIAL_"+this.__uid__),this.shader&&this.attachShader(this.shader,!0)}),{precision:"highp",setUniform:function(e,t){void 0===t&&console.warn('Uniform value "'+e+'" is undefined');var r=this.uniforms[e];r&&("string"==typeof t&&(t=ae(t)||t),r.value=t,this.autoUpdateTextureStatus&&"t"===r.type&&(t?this.enableTexture(e):this.disableTexture(e)))},setUniforms:function(e){for(var t in e){var r=e[t];this.setUniform(t,r)}},isUniformEnabled:function(e){return this._enabledUniforms.indexOf(e)>=0},getEnabledUniforms:function(){return this._enabledUniforms},getTextureUniforms:function(){return this._textureUniforms},set:function(e,t){if("object"==typeof e)for(var r in e){var i=e[r];this.setUniform(r,i)}else this.setUniform(e,t)},get:function(e){var t=this.uniforms[e];if(t)return t.value},attachShader:function(e,t){var r=this.uniforms;this.uniforms=e.createUniforms(),this.shader=e;var i=this.uniforms;this._enabledUniforms=Object.keys(i),this._enabledUniforms.sort(),this._textureUniforms=this._enabledUniforms.filter((function(e){var t=this.uniforms[e].type;return"t"===t||"tv"===t}),this);var n=this.vertexDefines,a=this.fragmentDefines;if(this.vertexDefines=f.clone(e.vertexDefines),this.fragmentDefines=f.clone(e.fragmentDefines),t){for(var o in r)i[o]&&(i[o].value=r[o].value);f.defaults(this.vertexDefines,n),f.defaults(this.fragmentDefines,a)}var s={};for(var l in e.textures)s[l]={shaderType:e.textures[l].shaderType,type:e.textures[l].type,enabled:!(!t||!this._textureStatus[l])&&this._textureStatus[l].enabled};this._textureStatus=s,this._programKey=""},clone:function(){var e=new this.constructor({name:this.name,shader:this.shader});for(var t in this.uniforms)e.uniforms[t].value=this.uniforms[t].value;return e.depthTest=this.depthTest,e.depthMask=this.depthMask,e.transparent=this.transparent,e.blend=this.blend,e.vertexDefines=f.clone(this.vertexDefines),e.fragmentDefines=f.clone(this.fragmentDefines),e.enableTexture(this.getEnabledTextures()),e.precision=this.precision,e},define:function(e,t,r){var i=this.vertexDefines,n=this.fragmentDefines;"vertex"!==e&&"fragment"!==e&&"both"!==e&&arguments.length<3&&(r=t,t=e,e="both"),r=null!=r?r:null,"vertex"!==e&&"both"!==e||i[t]!==r&&(i[t]=r,this._programKey=""),"fragment"!==e&&"both"!==e||n[t]!==r&&(n[t]=r,"both"!==e&&(this._programKey=""))},undefine:function(e,t){"vertex"!==e&&"fragment"!==e&&"both"!==e&&arguments.length<2&&(t=e,e="both"),"vertex"!==e&&"both"!==e||this.isDefined("vertex",t)&&(delete this.vertexDefines[t],this._programKey=""),"fragment"!==e&&"both"!==e||this.isDefined("fragment",t)&&(delete this.fragmentDefines[t],"both"!==e&&(this._programKey=""))},isDefined:function(e,t){switch(e){case"vertex":return void 0!==this.vertexDefines[t];case"fragment":return void 0!==this.fragmentDefines[t]}},getDefine:function(e,t){switch(e){case"vertex":return this.vertexDefines[t];case"fragment":return this.fragmentDefines[t]}},enableTexture:function(e){if(Array.isArray(e))for(var t=0;t<e.length;t++)this.enableTexture(e[t]);else{var r=this._textureStatus[e];r&&(r.enabled||(r.enabled=!0,this._programKey=""))}},enableTexturesAll:function(){var e=this._textureStatus;for(var t in e)e[t].enabled=!0;this._programKey=""},disableTexture:function(e){if(Array.isArray(e))for(var t=0;t<e.length;t++)this.disableTexture(e[t]);else{var r=this._textureStatus[e];r&&(!r.enabled||(r.enabled=!1,this._programKey=""))}},disableTexturesAll:function(){var e=this._textureStatus;for(var t in e)e[t].enabled=!1;this._programKey=""},isTextureEnabled:function(e){var t=this._textureStatus;return!!t[e]&&t[e].enabled},getEnabledTextures:function(){var e=[],t=this._textureStatus;for(var r in t)t[r].enabled&&e.push(r);return e},dirtyDefines:function(){this._programKey=""},getProgramKey:function(){return this._programKey||(this._programKey=function(e,t,r){r.sort();for(var i=[],n=0;n<r.length;n++){var a=r[n];i.push(a)}var o=se(e)+"\n"+se(t)+"\n"+i.join("\n");if(oe[o])return oe[o];var s=f.genGUID();return oe[o]=s,s}(this.vertexDefines,this.fragmentDefines,this.getEnabledTextures())),this._programKey}});var he,ue=1e-6,ce=Array,de=Math.random,fe={create:function(){var e=new ce(2);return e[0]=0,e[1]=0,e},clone:function(e){var t=new ce(2);return t[0]=e[0],t[1]=e[1],t},fromValues:function(e,t){var r=new ce(2);return r[0]=e,r[1]=t,r},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e},set:function(e,t,r){return e[0]=t,e[1]=r,e},add:function(e,t,r){return e[0]=t[0]+r[0],e[1]=t[1]+r[1],e},subtract:function(e,t,r){return e[0]=t[0]-r[0],e[1]=t[1]-r[1],e}};fe.sub=fe.subtract,fe.multiply=function(e,t,r){return e[0]=t[0]*r[0],e[1]=t[1]*r[1],e},fe.mul=fe.multiply,fe.divide=function(e,t,r){return e[0]=t[0]/r[0],e[1]=t[1]/r[1],e},fe.div=fe.divide,fe.min=function(e,t,r){return e[0]=Math.min(t[0],r[0]),e[1]=Math.min(t[1],r[1]),e},fe.max=function(e,t,r){return e[0]=Math.max(t[0],r[0]),e[1]=Math.max(t[1],r[1]),e},fe.scale=function(e,t,r){return e[0]=t[0]*r,e[1]=t[1]*r,e},fe.scaleAndAdd=function(e,t,r,i){return e[0]=t[0]+r[0]*i,e[1]=t[1]+r[1]*i,e},fe.distance=function(e,t){var r=t[0]-e[0],i=t[1]-e[1];return Math.sqrt(r*r+i*i)},fe.dist=fe.distance,fe.squaredDistance=function(e,t){var r=t[0]-e[0],i=t[1]-e[1];return r*r+i*i},fe.sqrDist=fe.squaredDistance,fe.length=function(e){var t=e[0],r=e[1];return Math.sqrt(t*t+r*r)},fe.len=fe.length,fe.squaredLength=function(e){var t=e[0],r=e[1];return t*t+r*r},fe.sqrLen=fe.squaredLength,fe.negate=function(e,t){return e[0]=-t[0],e[1]=-t[1],e},fe.inverse=function(e,t){return e[0]=1/t[0],e[1]=1/t[1],e},fe.normalize=function(e,t){var r=t[0],i=t[1],n=r*r+i*i;return n>0&&(n=1/Math.sqrt(n),e[0]=t[0]*n,e[1]=t[1]*n),e},fe.dot=function(e,t){return e[0]*t[0]+e[1]*t[1]},fe.cross=function(e,t,r){var i=t[0]*r[1]-t[1]*r[0];return e[0]=e[1]=0,e[2]=i,e},fe.lerp=function(e,t,r,i){var n=t[0],a=t[1];return e[0]=n+i*(r[0]-n),e[1]=a+i*(r[1]-a),e},fe.random=function(e,t){t=t||1;var r=2*GLMAT_RANDOM()*Math.PI;return e[0]=Math.cos(r)*t,e[1]=Math.sin(r)*t,e},fe.transformMat2=function(e,t,r){var i=t[0],n=t[1];return e[0]=r[0]*i+r[2]*n,e[1]=r[1]*i+r[3]*n,e},fe.transformMat2d=function(e,t,r){var i=t[0],n=t[1];return e[0]=r[0]*i+r[2]*n+r[4],e[1]=r[1]*i+r[3]*n+r[5],e},fe.transformMat3=function(e,t,r){var i=t[0],n=t[1];return e[0]=r[0]*i+r[3]*n+r[6],e[1]=r[1]*i+r[4]*n+r[7],e},fe.transformMat4=function(e,t,r){var i=t[0],n=t[1];return e[0]=r[0]*i+r[4]*n+r[12],e[1]=r[1]*i+r[5]*n+r[13],e},fe.forEach=(he=fe.create(),function(e,t,r,i,n,a){var o,s;for(t||(t=2),r||(r=0),s=i?Math.min(i*t+r,e.length):e.length,o=r;o<s;o+=t)he[0]=e[o],he[1]=e[o+1],n(he,he,a),e[o]=he[0],e[o+1]=he[1];return e});const pe=fe;var me=function(e,t){e=e||0,t=t||0,this.array=pe.fromValues(e,t),this._dirty=!0};if(me.prototype={constructor:me,add:function(e){return pe.add(this.array,this.array,e.array),this._dirty=!0,this},set:function(e,t){return this.array[0]=e,this.array[1]=t,this._dirty=!0,this},setArray:function(e){return this.array[0]=e[0],this.array[1]=e[1],this._dirty=!0,this},clone:function(){return new me(this.x,this.y)},copy:function(e){return pe.copy(this.array,e.array),this._dirty=!0,this},cross:function(e,t){return pe.cross(e.array,this.array,t.array),e._dirty=!0,this},dist:function(e){return pe.dist(this.array,e.array)},distance:function(e){return pe.distance(this.array,e.array)},div:function(e){return pe.div(this.array,this.array,e.array),this._dirty=!0,this},divide:function(e){return pe.divide(this.array,this.array,e.array),this._dirty=!0,this},dot:function(e){return pe.dot(this.array,e.array)},len:function(){return pe.len(this.array)},length:function(){return pe.length(this.array)},lerp:function(e,t,r){return pe.lerp(this.array,e.array,t.array,r),this._dirty=!0,this},min:function(e){return pe.min(this.array,this.array,e.array),this._dirty=!0,this},max:function(e){return pe.max(this.array,this.array,e.array),this._dirty=!0,this},mul:function(e){return pe.mul(this.array,this.array,e.array),this._dirty=!0,this},multiply:function(e){return pe.multiply(this.array,this.array,e.array),this._dirty=!0,this},negate:function(){return pe.negate(this.array,this.array),this._dirty=!0,this},normalize:function(){return pe.normalize(this.array,this.array),this._dirty=!0,this},random:function(e){return pe.random(this.array,e),this._dirty=!0,this},scale:function(e){return pe.scale(this.array,this.array,e),this._dirty=!0,this},scaleAndAdd:function(e,t){return pe.scaleAndAdd(this.array,this.array,e.array,t),this._dirty=!0,this},sqrDist:function(e){return pe.sqrDist(this.array,e.array)},squaredDistance:function(e){return pe.squaredDistance(this.array,e.array)},sqrLen:function(){return pe.sqrLen(this.array)},squaredLength:function(){return pe.squaredLength(this.array)},sub:function(e){return pe.sub(this.array,this.array,e.array),this._dirty=!0,this},subtract:function(e){return pe.subtract(this.array,this.array,e.array),this._dirty=!0,this},transformMat2:function(e){return pe.transformMat2(this.array,this.array,e.array),this._dirty=!0,this},transformMat2d:function(e){return pe.transformMat2d(this.array,this.array,e.array),this._dirty=!0,this},transformMat3:function(e){return pe.transformMat3(this.array,this.array,e.array),this._dirty=!0,this},transformMat4:function(e){return pe.transformMat4(this.array,this.array,e.array),this._dirty=!0,this},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}},Object.defineProperty){var ge=me.prototype;Object.defineProperty(ge,"x",{get:function(){return this.array[0]},set:function(e){this.array[0]=e,this._dirty=!0}}),Object.defineProperty(ge,"y",{get:function(){return this.array[1]},set:function(e){this.array[1]=e,this._dirty=!0}})}me.add=function(e,t,r){return pe.add(e.array,t.array,r.array),e._dirty=!0,e},me.set=function(e,t,r){return pe.set(e.array,t,r),e._dirty=!0,e},me.copy=function(e,t){return pe.copy(e.array,t.array),e._dirty=!0,e},me.cross=function(e,t,r){return pe.cross(e.array,t.array,r.array),e._dirty=!0,e},me.distance=me.dist=function(e,t){return pe.distance(e.array,t.array)},me.divide=me.div=function(e,t,r){return pe.divide(e.array,t.array,r.array),e._dirty=!0,e},me.dot=function(e,t){return pe.dot(e.array,t.array)},me.len=function(e){return pe.length(e.array)},me.lerp=function(e,t,r,i){return pe.lerp(e.array,t.array,r.array,i),e._dirty=!0,e},me.min=function(e,t,r){return pe.min(e.array,t.array,r.array),e._dirty=!0,e},me.max=function(e,t,r){return pe.max(e.array,t.array,r.array),e._dirty=!0,e},me.multiply=me.mul=function(e,t,r){return pe.multiply(e.array,t.array,r.array),e._dirty=!0,e},me.negate=function(e,t){return pe.negate(e.array,t.array),e._dirty=!0,e},me.normalize=function(e,t){return pe.normalize(e.array,t.array),e._dirty=!0,e},me.random=function(e,t){return pe.random(e.array,t),e._dirty=!0,e},me.scale=function(e,t,r){return pe.scale(e.array,t.array,r),e._dirty=!0,e},me.scaleAndAdd=function(e,t,r,i){return pe.scaleAndAdd(e.array,t.array,r.array,i),e._dirty=!0,e},me.squaredDistance=me.sqrDist=function(e,t){return pe.sqrDist(e.array,t.array)},me.squaredLength=me.sqrLen=function(e){return pe.sqrLen(e.array)},me.subtract=me.sub=function(e,t,r){return pe.subtract(e.array,t.array,r.array),e._dirty=!0,e},me.transformMat2=function(e,t,r){return pe.transformMat2(e.array,t.array,r.array),e._dirty=!0,e},me.transformMat2d=function(e,t,r){return pe.transformMat2d(e.array,t.array,r.array),e._dirty=!0,e},me.transformMat3=function(e,t,r){return pe.transformMat3(e.array,t.array,r.array),e._dirty=!0,e},me.transformMat4=function(e,t,r){return pe.transformMat4(e.array,t.array,r.array),e._dirty=!0,e};const _e=me;var ve={};function ye(e){for(var t=e.split("\n"),r=0,i=t.length;r<i;r++)t[r]=r+1+": "+t[r];return t.join("\n")}function xe(e,t,r){if(!e.getShaderParameter(t,e.COMPILE_STATUS))return[e.getShaderInfoLog(t),ye(r)].join("\n")}var be=new U.Float32Array(16);const we=m.extend({uniformSemantics:{},attributes:{}},(function(){this._locations={},this._textureSlot=0,this._program=null}),{bind:function(e){this._textureSlot=0,e.gl.useProgram(this._program)},hasUniform:function(e){return null!=this._locations[e]},useTextureSlot:function(e,t,r){t&&(e.gl.activeTexture(e.gl.TEXTURE0+r),t.isRenderable()?t.bind(e):t.unbind(e))},currentTextureSlot:function(){return this._textureSlot},resetTextureSlot:function(e){this._textureSlot=e||0},takeCurrentTextureSlot:function(e,t){var r=this._textureSlot;return this.useTextureSlot(e,t,r),this._textureSlot++,r},setUniform:function(e,t,r,i){var n=this._locations[r];if(null==n)return!1;switch(t){case"m4":if(!(i instanceof Float32Array)){for(var a=0;a<i.length;a++)be[a]=i[a];i=be}e.uniformMatrix4fv(n,!1,i);break;case"2i":e.uniform2i(n,i[0],i[1]);break;case"2f":e.uniform2f(n,i[0],i[1]);break;case"3i":e.uniform3i(n,i[0],i[1],i[2]);break;case"3f":e.uniform3f(n,i[0],i[1],i[2]);break;case"4i":e.uniform4i(n,i[0],i[1],i[2],i[3]);break;case"4f":e.uniform4f(n,i[0],i[1],i[2],i[3]);break;case"1i":e.uniform1i(n,i);break;case"1f":e.uniform1f(n,i);break;case"1fv":e.uniform1fv(n,i);break;case"1iv":e.uniform1iv(n,i);break;case"2iv":e.uniform2iv(n,i);break;case"2fv":e.uniform2fv(n,i);break;case"3iv":e.uniform3iv(n,i);break;case"3fv":e.uniform3fv(n,i);break;case"4iv":e.uniform4iv(n,i);break;case"4fv":e.uniform4fv(n,i);break;case"m2":case"m2v":e.uniformMatrix2fv(n,!1,i);break;case"m3":case"m3v":e.uniformMatrix3fv(n,!1,i);break;case"m4v":if(Array.isArray(i)&&Array.isArray(i[0])){var o=new U.Float32Array(16*i.length),s=0;for(a=0;a<i.length;a++)for(var l=i[a],h=0;h<16;h++)o[s++]=l[h];e.uniformMatrix4fv(n,!1,o)}else e.uniformMatrix4fv(n,!1,i)}return!0},setUniformOfSemantic:function(e,t,r){var i=this.uniformSemantics[t];return!!i&&this.setUniform(e,i.type,i.symbol,r)},enableAttributes:function(e,t,r){var i,n=e.gl,a=this._program,o=this._locations;(i=r?r.__enabledAttributeList:ve[e.__uid__])||(i=r?r.__enabledAttributeList=[]:ve[e.__uid__]=[]);for(var s=[],l=0;l<t.length;l++){var h=t[l];if(this.attributes[h]){var u=o[h];if(null==u){if(-1===(u=n.getAttribLocation(a,h))){s[l]=-1;continue}o[h]=u}s[l]=u,i[u]?i[u]=2:i[u]=1}else s[l]=-1}for(l=0;l<i.length;l++)switch(i[l]){case 1:n.enableVertexAttribArray(l),i[l]=3;break;case 2:i[l]=3;break;case 3:n.disableVertexAttribArray(l),i[l]=0}return s},getAttribLocation:function(e,t){var r=this._locations,i=r[t];return null==i&&(i=e.getAttribLocation(this._program,t),r[t]=i),i},buildProgram:function(e,t,r,i){var n=e.createShader(e.VERTEX_SHADER),a=e.createProgram();e.shaderSource(n,r),e.compileShader(n);var o=e.createShader(e.FRAGMENT_SHADER);e.shaderSource(o,i),e.compileShader(o);var s=xe(e,n,r);if(s)return s;if(s=xe(e,o,i))return s;if(e.attachShader(a,n),e.attachShader(a,o),t.attributeSemantics.POSITION)e.bindAttribLocation(a,0,t.attributeSemantics.POSITION.symbol);else{var l=Object.keys(this.attributes);e.bindAttribLocation(a,0,l[0])}if(e.linkProgram(a),e.deleteShader(n),e.deleteShader(o),this._program=a,this.vertexCode=r,this.fragmentCode=i,!e.getProgramParameter(a,e.LINK_STATUS))return"Could not link program\n"+e.getProgramInfoLog(a);for(var h=0;h<t.uniforms.length;h++){var u=t.uniforms[h];this._locations[u]=e.getUniformLocation(a,u)}}});var Te=/for\s*?\(int\s*?_idx_\s*\=\s*([\w-]+)\;\s*_idx_\s*<\s*([\w-]+);\s*_idx_\s*\+\+\s*\)\s*\{\{([\s\S]+?)(?=\}\})\}\}/g;function Se(e,t,r){var i={};for(var n in r)i[n+"_COUNT"]=r[n];return e.replace(Te,(function(e,r,n,a){var o="";isNaN(r)&&(r=r in t?t[r]:i[r]),isNaN(n)&&(n=n in t?t[n]:i[n]);for(var s=parseInt(r);s<parseInt(n);s++)o+="{"+a.replace(/float\s*\(\s*_idx_\s*\)/g,s.toFixed(1)).replace(/_idx_/g,s)+"}";return o}))}function Me(e,t,r){var i=[];if(t)for(var n in t){var a=t[n];a>0&&i.push("#define "+n.toUpperCase()+"_COUNT "+a)}if(r)for(var o=0;o<r.length;o++){var s=r[o];i.push("#define "+s.toUpperCase()+"_ENABLED")}for(var s in e){var l=e[s];null===l?i.push("#define "+s):i.push("#define "+s+" "+l.toString())}return i.join("\n")}function Ae(e){this._renderer=e,this._cache={}}Ae.prototype.getProgram=function(e,t,r){var i=this._cache,n=e.isSkinnedMesh&&e.isSkinnedMesh(),a=e.isInstancedMesh&&e.isInstancedMesh(),o="s"+t.shader.shaderID+"m"+t.getProgramKey();if(r&&(o+="se"+r.getProgramKey(e.lightGroup)),n&&(o+=",sk"+e.joints.length),a&&(o+=",is"),v=i[o])return v;var s=r?r.getLightsNumbers(e.lightGroup):{},l=this._renderer,h=l.gl,u=t.getEnabledTextures(),c="";if(n){var d={SKINNING:null,JOINT_COUNT:e.joints.length};e.joints.length>l.getMaxJointNumber()&&(d.USE_SKIN_MATRICES_TEXTURE=null),c+="\n"+Me(d)+"\n"}a&&(c+="\n#define INSTANCING\n");var f=c+Me(t.vertexDefines,s,u),p=c+Me(t.fragmentDefines,s,u),m=f+"\n"+t.shader.vertex,g=["OES_standard_derivatives","EXT_shader_texture_lod"].filter((function(e){return null!=l.getGLExtension(e)}));g.indexOf("EXT_shader_texture_lod")>=0&&(p+="\n#define SUPPORT_TEXTURE_LOD"),g.indexOf("OES_standard_derivatives")>=0&&(p+="\n#define SUPPORT_STANDARD_DERIVATIVES");var _,v,y=function(e){for(var t=[],r=0;r<e.length;r++)t.push("#extension GL_"+e[r]+" : enable");return t.join("\n")}(g)+"\n"+["precision",_=t.precision,"float"].join(" ")+";\n"+["precision",_,"int"].join(" ")+";\n"+["precision",_,"sampler2D"].join(" ")+";\n\n"+p+"\n"+t.shader.fragment,x=Se(m,t.vertexDefines,s),b=Se(y,t.fragmentDefines,s);(v=new we).uniformSemantics=t.shader.uniformSemantics,v.attributes=t.shader.attributes;var w=v.buildProgram(h,t.shader,x,b);return v.__error=w,i[o]=v,v};const Ee=Ae;var Ce=/uniform\s+(bool|float|int|vec2|vec3|vec4|ivec2|ivec3|ivec4|mat2|mat3|mat4|sampler2D|samplerCube)\s+([\s\S]*?);/g,De=/attribute\s+(float|int|vec2|vec3|vec4)\s+([\s\S]*?);/g,Le=/#define\s+(\w+)?(\s+[\d-.]+)?\s*;?\s*\n/g,Pe={bool:"1i",int:"1i",sampler2D:"t",samplerCube:"t",float:"1f",vec2:"2f",vec3:"3f",vec4:"4f",ivec2:"2i",ivec3:"3i",ivec4:"4i",mat2:"m2",mat3:"m3",mat4:"m4"};function Oe(e){for(var t=[],r=0;r<e;r++)t[r]=0;return t}var Ne={bool:function(){return!0},int:function(){return 0},float:function(){return 0},sampler2D:function(){return null},samplerCube:function(){return null},vec2:function(){return Oe(2)},vec3:function(){return Oe(3)},vec4:function(){return Oe(4)},ivec2:function(){return Oe(2)},ivec3:function(){return Oe(3)},ivec4:function(){return Oe(4)},mat2:function(){return Oe(4)},mat3:function(){return Oe(9)},mat4:function(){return Oe(16)},array:function(){return[]}},Ie=["POSITION","NORMAL","BINORMAL","TANGENT","TEXCOORD","TEXCOORD_0","TEXCOORD_1","COLOR","JOINT","WEIGHT"],Re=["SKIN_MATRIX","VIEWPORT_SIZE","VIEWPORT","DEVICEPIXELRATIO","WINDOW_SIZE","NEAR","FAR","TIME"],Be=["WORLD","VIEW","PROJECTION","WORLDVIEW","VIEWPROJECTION","WORLDVIEWPROJECTION","WORLDINVERSE","VIEWINVERSE","PROJECTIONINVERSE","WORLDVIEWINVERSE","VIEWPROJECTIONINVERSE","WORLDVIEWPROJECTIONINVERSE","WORLDTRANSPOSE","VIEWTRANSPOSE","PROJECTIONTRANSPOSE","WORLDVIEWTRANSPOSE","VIEWPROJECTIONTRANSPOSE","WORLDVIEWPROJECTIONTRANSPOSE","WORLDINVERSETRANSPOSE","VIEWINVERSETRANSPOSE","PROJECTIONINVERSETRANSPOSE","WORLDVIEWINVERSETRANSPOSE","VIEWPROJECTIONINVERSETRANSPOSE","WORLDVIEWPROJECTIONINVERSETRANSPOSE"],Fe={vec4:4,vec3:3,vec2:2,float:1},ze={},Ge={};function Ue(e){return e.replace(/[ \t]*\/\/.*\n/g,"").replace(/[ \t]*\/\*[\s\S]*?\*\//g,"")}function ke(){console.error("Wrong uniform/attributes syntax")}function Ve(e,t){for(var r=/[,=\(\):]/,i=t.replace(/:\s*\[\s*(.*)\s*\]/g,"="+e+"($1)").replace(/\s+/g,"").split(/(?=[,=\(\):])/g),n=[],a=0;a<i.length;a++)i[a].match(r)?n.push(i[a].charAt(0),i[a].slice(1)):n.push(i[a]);var o,s=0,l={},h=null;function u(e){e||ke();var t=e.match(/\[(.*?)\]/);o=e.replace(/\[(.*?)\]/,""),l[o]={},t&&(l[o].isArray=!0,l[o].arraySize=t[1])}for(u((i=n)[0]),a=1;a<i.length;a++){var c=i[a];if(c)if("="!==c)if(":"!==c)if(","!==c)if(")"!==c)if("("!==c)if(c.indexOf("vec")>=0){if(1!==s&&4!==s){ke();break}s=2,h=[]}else if(1!==s)if(4!==s)u(c),s=0;else{var d=c;Ie.indexOf(d)>=0||Re.indexOf(d)>=0||Be.indexOf(d)>=0?l[o].semantic=d:"ignore"===d||"unconfigurable"===d?l[o].ignore=!0:l[o].value="bool"===e?"true"===d:parseFloat(d)}else l[o].value="bool"===e?"true"===c:parseFloat(c),h=null;else{if(2!==s){ke();break}if(!(h instanceof Array)){ke();break}h.push(+i[++a])}else l[o].value=new U.Float32Array(h),h=null,s=5;else if(2===s){if(!(h instanceof Array)){ke();break}h.push(+i[++a])}else s=5;else s=4;else{if(0!==s&&3!==s){ke();break}s=1}}return l}function He(e,t){"object"==typeof e&&(t=e.fragment,e=e.vertex),e=Ue(e),t=Ue(t),this._shaderID=function(e,t){var r="vertex:"+e+"fragment:"+t;if(ze[r])return ze[r];var i=f.genGUID();return ze[r]=i,Ge[i]={vertex:e,fragment:t},i}(e,t),this._vertexCode=He.parseImport(e),this._fragmentCode=He.parseImport(t),this.attributeSemantics={},this.matrixSemantics={},this.uniformSemantics={},this.matrixSemanticKeys=[],this.uniformTemplates={},this.attributes={},this.textures={},this.vertexDefines={},this.fragmentDefines={},this._parseAttributes(),this._parseUniforms(),this._parseDefines()}He.prototype={constructor:He,createUniforms:function(){var e={};for(var t in this.uniformTemplates){var r=this.uniformTemplates[t];e[t]={type:r.type,value:r.value()}}return e},_parseImport:function(){this._vertexCode=He.parseImport(this.vertex),this._fragmentCode=He.parseImport(this.fragment)},_addSemanticUniform:function(e,t,r){if(Ie.indexOf(r)>=0)this.attributeSemantics[r]={symbol:e,type:t};else if(Be.indexOf(r)>=0){var i=!1,n=r;r.match(/TRANSPOSE$/)&&(i=!0,n=r.slice(0,-9)),this.matrixSemantics[r]={symbol:e,type:t,isTranspose:i,semanticNoTranspose:n}}else Re.indexOf(r)>=0&&(this.uniformSemantics[r]={symbol:e,type:t})},_addMaterialUniform:function(e,t,r,i,n,a){a[e]={type:r,value:n?Ne.array:i||Ne[t],semantic:null}},_parseUniforms:function(){var e={},t=this;function r(e){return null!=e?function(){return e}:null}function i(i,n,a){var o=Ve(n,a),s=[];for(var l in o){var h=o[l],u=h.semantic,c=l,d=Pe[n],f=r(o[l].value);o[l].isArray&&(c+="["+o[l].arraySize+"]",d+="v"),s.push(c),t._uniformList.push(l),h.ignore||("sampler2D"!==n&&"samplerCube"!==n||(t.textures[l]={shaderType:"fragment",type:n}),u?t._addSemanticUniform(l,d,u):t._addMaterialUniform(l,n,d,f,o[l].isArray,e))}return s.length>0?"uniform "+n+" "+s.join(",")+";\n":""}this._uniformList=[],this._vertexCode=this._vertexCode.replace(Ce,i),this._fragmentCode=this._fragmentCode.replace(Ce,i),t.matrixSemanticKeys=Object.keys(this.matrixSemantics),this.uniformTemplates=e},_parseAttributes:function(){var e={},t=this;this._vertexCode=this._vertexCode.replace(De,(function(r,i,n){var a=Ve(i,n),o=Fe[i]||1,s=[];for(var l in a){var h=a[l].semantic;if(e[l]={type:"float",size:o,semantic:h||null},h){if(Ie.indexOf(h)<0)throw new Error('Unkown semantic "'+h+'"');t.attributeSemantics[h]={symbol:l,type:i}}s.push(l)}return"attribute "+i+" "+s.join(",")+";\n"})),this.attributes=e},_parseDefines:function(){var e=this;function t(t,r,i){var n=e.fragmentDefines;return n[r]||(n[r]="false"!==i&&("true"===i||(i?isNaN(parseFloat(i))?i.trim():parseFloat(i):null))),""}this._vertexCode=this._vertexCode.replace(Le,t),this._fragmentCode=this._fragmentCode.replace(Le,t)},clone:function(){var e=Ge[this._shaderID];return new He(e.vertex,e.fragment)}},Object.defineProperty&&(Object.defineProperty(He.prototype,"shaderID",{get:function(){return this._shaderID}}),Object.defineProperty(He.prototype,"vertex",{get:function(){return this._vertexCode}}),Object.defineProperty(He.prototype,"fragment",{get:function(){return this._fragmentCode}}),Object.defineProperty(He.prototype,"uniforms",{get:function(){return this._uniformList}}));var We=/(@import)\s*([0-9a-zA-Z_\-\.]*)/g;He.parseImport=function(e){return e.replace(We,(function(e,t,r){return(e=He.source(r))?He.parseImport(e):(console.error('Shader chunk "'+r+'" not existed in library'),"")}))};var je=/(@export)\s*([0-9a-zA-Z_\-\.]*)\s*\n([\s\S]*?)@end/g;He.import=function(e){e.replace(je,(function(e,t,r,i){if(i=i.replace(/(^[\s\t\xa0\u3000]+)|([\u3000\xa0\s\t]+\x24)/g,"")){for(var n,a=r.split("."),o=He.codes,s=0;s<a.length-1;)o[n=a[s++]]||(o[n]={}),o=o[n];o[n=a[s]]=i}return i}))},He.codes={},He.source=function(e){for(var t=e.split("."),r=He.codes,i=0;r&&i<t.length;)r=r[t[i++]];return"string"!=typeof r?(console.error('Shader "'+e+'" not existed in library'),""):r};const Xe=He,qe="@export clay.prez.vertex\nuniform mat4 WVP : WORLDVIEWPROJECTION;\nattribute vec3 pos : POSITION;\nattribute vec2 uv : TEXCOORD_0;\nuniform vec2 uvRepeat : [1.0, 1.0];\nuniform vec2 uvOffset : [0.0, 0.0];\n@import clay.chunk.skinning_header\n@import clay.chunk.instancing_header\nvarying vec2 v_Texcoord;\nvoid main()\n{\n vec4 P = vec4(pos, 1.0);\n#ifdef SKINNING\n @import clay.chunk.skin_matrix\n P = skinMatrixWS * P;\n#endif\n#ifdef INSTANCING\n @import clay.chunk.instancing_matrix\n P = instanceMat * P;\n#endif\n gl_Position = WVP * P;\n v_Texcoord = uv * uvRepeat + uvOffset;\n}\n@end\n@export clay.prez.fragment\nuniform sampler2D alphaMap;\nuniform float alphaCutoff: 0.0;\nvarying vec2 v_Texcoord;\nvoid main()\n{\n if (alphaCutoff > 0.0) {\n if (texture2D(alphaMap, v_Texcoord).a <= alphaCutoff) {\n discard;\n }\n }\n gl_FragColor = vec4(0.0,0.0,0.0,1.0);\n}\n@end";var Ze={create:function(){var e=new ce(16);return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=1,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=1,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,e},clone:function(e){var t=new ce(16);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[8]=e[8],t[9]=e[9],t[10]=e[10],t[11]=e[11],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15],t},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e[9]=t[9],e[10]=t[10],e[11]=t[11],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15],e},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=1,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=1,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,e},transpose:function(e,t){if(e===t){var r=t[1],i=t[2],n=t[3],a=t[6],o=t[7],s=t[11];e[1]=t[4],e[2]=t[8],e[3]=t[12],e[4]=r,e[6]=t[9],e[7]=t[13],e[8]=i,e[9]=a,e[11]=t[14],e[12]=n,e[13]=o,e[14]=s}else e[0]=t[0],e[1]=t[4],e[2]=t[8],e[3]=t[12],e[4]=t[1],e[5]=t[5],e[6]=t[9],e[7]=t[13],e[8]=t[2],e[9]=t[6],e[10]=t[10],e[11]=t[14],e[12]=t[3],e[13]=t[7],e[14]=t[11],e[15]=t[15];return e},invert:function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],l=t[6],h=t[7],u=t[8],c=t[9],d=t[10],f=t[11],p=t[12],m=t[13],g=t[14],_=t[15],v=r*s-i*o,y=r*l-n*o,x=r*h-a*o,b=i*l-n*s,w=i*h-a*s,T=n*h-a*l,S=u*m-c*p,M=u*g-d*p,A=u*_-f*p,E=c*g-d*m,C=c*_-f*m,D=d*_-f*g,L=v*D-y*C+x*E+b*A-w*M+T*S;return L?(L=1/L,e[0]=(s*D-l*C+h*E)*L,e[1]=(n*C-i*D-a*E)*L,e[2]=(m*T-g*w+_*b)*L,e[3]=(d*w-c*T-f*b)*L,e[4]=(l*A-o*D-h*M)*L,e[5]=(r*D-n*A+a*M)*L,e[6]=(g*x-p*T-_*y)*L,e[7]=(u*T-d*x+f*y)*L,e[8]=(o*C-s*A+h*S)*L,e[9]=(i*A-r*C-a*S)*L,e[10]=(p*w-m*x+_*v)*L,e[11]=(c*x-u*w-f*v)*L,e[12]=(s*M-o*E-l*S)*L,e[13]=(r*E-i*M+n*S)*L,e[14]=(m*y-p*b-g*v)*L,e[15]=(u*b-c*y+d*v)*L,e):null},adjoint:function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],l=t[6],h=t[7],u=t[8],c=t[9],d=t[10],f=t[11],p=t[12],m=t[13],g=t[14],_=t[15];return e[0]=s*(d*_-f*g)-c*(l*_-h*g)+m*(l*f-h*d),e[1]=-(i*(d*_-f*g)-c*(n*_-a*g)+m*(n*f-a*d)),e[2]=i*(l*_-h*g)-s*(n*_-a*g)+m*(n*h-a*l),e[3]=-(i*(l*f-h*d)-s*(n*f-a*d)+c*(n*h-a*l)),e[4]=-(o*(d*_-f*g)-u*(l*_-h*g)+p*(l*f-h*d)),e[5]=r*(d*_-f*g)-u*(n*_-a*g)+p*(n*f-a*d),e[6]=-(r*(l*_-h*g)-o*(n*_-a*g)+p*(n*h-a*l)),e[7]=r*(l*f-h*d)-o*(n*f-a*d)+u*(n*h-a*l),e[8]=o*(c*_-f*m)-u*(s*_-h*m)+p*(s*f-h*c),e[9]=-(r*(c*_-f*m)-u*(i*_-a*m)+p*(i*f-a*c)),e[10]=r*(s*_-h*m)-o*(i*_-a*m)+p*(i*h-a*s),e[11]=-(r*(s*f-h*c)-o*(i*f-a*c)+u*(i*h-a*s)),e[12]=-(o*(c*g-d*m)-u*(s*g-l*m)+p*(s*d-l*c)),e[13]=r*(c*g-d*m)-u*(i*g-n*m)+p*(i*d-n*c),e[14]=-(r*(s*g-l*m)-o*(i*g-n*m)+p*(i*l-n*s)),e[15]=r*(s*d-l*c)-o*(i*d-n*c)+u*(i*l-n*s),e},determinant:function(e){var t=e[0],r=e[1],i=e[2],n=e[3],a=e[4],o=e[5],s=e[6],l=e[7],h=e[8],u=e[9],c=e[10],d=e[11],f=e[12],p=e[13],m=e[14],g=e[15];return(t*o-r*a)*(c*g-d*m)-(t*s-i*a)*(u*g-d*p)+(t*l-n*a)*(u*m-c*p)+(r*s-i*o)*(h*g-d*f)-(r*l-n*o)*(h*m-c*f)+(i*l-n*s)*(h*p-u*f)},multiply:function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=t[6],u=t[7],c=t[8],d=t[9],f=t[10],p=t[11],m=t[12],g=t[13],_=t[14],v=t[15],y=r[0],x=r[1],b=r[2],w=r[3];return e[0]=y*i+x*s+b*c+w*m,e[1]=y*n+x*l+b*d+w*g,e[2]=y*a+x*h+b*f+w*_,e[3]=y*o+x*u+b*p+w*v,y=r[4],x=r[5],b=r[6],w=r[7],e[4]=y*i+x*s+b*c+w*m,e[5]=y*n+x*l+b*d+w*g,e[6]=y*a+x*h+b*f+w*_,e[7]=y*o+x*u+b*p+w*v,y=r[8],x=r[9],b=r[10],w=r[11],e[8]=y*i+x*s+b*c+w*m,e[9]=y*n+x*l+b*d+w*g,e[10]=y*a+x*h+b*f+w*_,e[11]=y*o+x*u+b*p+w*v,y=r[12],x=r[13],b=r[14],w=r[15],e[12]=y*i+x*s+b*c+w*m,e[13]=y*n+x*l+b*d+w*g,e[14]=y*a+x*h+b*f+w*_,e[15]=y*o+x*u+b*p+w*v,e},multiplyAffine:function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[4],s=t[5],l=t[6],h=t[8],u=t[9],c=t[10],d=t[12],f=t[13],p=t[14],m=r[0],g=r[1],_=r[2];return e[0]=m*i+g*o+_*h,e[1]=m*n+g*s+_*u,e[2]=m*a+g*l+_*c,m=r[4],g=r[5],_=r[6],e[4]=m*i+g*o+_*h,e[5]=m*n+g*s+_*u,e[6]=m*a+g*l+_*c,m=r[8],g=r[9],_=r[10],e[8]=m*i+g*o+_*h,e[9]=m*n+g*s+_*u,e[10]=m*a+g*l+_*c,m=r[12],g=r[13],_=r[14],e[12]=m*i+g*o+_*h+d,e[13]=m*n+g*s+_*u+f,e[14]=m*a+g*l+_*c+p,e}};Ze.mul=Ze.multiply,Ze.mulAffine=Ze.multiplyAffine,Ze.translate=function(e,t,r){var i,n,a,o,s,l,h,u,c,d,f,p,m=r[0],g=r[1],_=r[2];return t===e?(e[12]=t[0]*m+t[4]*g+t[8]*_+t[12],e[13]=t[1]*m+t[5]*g+t[9]*_+t[13],e[14]=t[2]*m+t[6]*g+t[10]*_+t[14],e[15]=t[3]*m+t[7]*g+t[11]*_+t[15]):(i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=t[6],u=t[7],c=t[8],d=t[9],f=t[10],p=t[11],e[0]=i,e[1]=n,e[2]=a,e[3]=o,e[4]=s,e[5]=l,e[6]=h,e[7]=u,e[8]=c,e[9]=d,e[10]=f,e[11]=p,e[12]=i*m+s*g+c*_+t[12],e[13]=n*m+l*g+d*_+t[13],e[14]=a*m+h*g+f*_+t[14],e[15]=o*m+u*g+p*_+t[15]),e},Ze.scale=function(e,t,r){var i=r[0],n=r[1],a=r[2];return e[0]=t[0]*i,e[1]=t[1]*i,e[2]=t[2]*i,e[3]=t[3]*i,e[4]=t[4]*n,e[5]=t[5]*n,e[6]=t[6]*n,e[7]=t[7]*n,e[8]=t[8]*a,e[9]=t[9]*a,e[10]=t[10]*a,e[11]=t[11]*a,e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15],e},Ze.rotate=function(e,t,r,i){var n,a,o,s,l,h,u,c,d,f,p,m,g,_,v,y,x,b,w,T,S,M,A,E,C=i[0],D=i[1],L=i[2],P=Math.sqrt(C*C+D*D+L*L);return Math.abs(P)<ue?null:(C*=P=1/P,D*=P,L*=P,n=Math.sin(r),o=1-(a=Math.cos(r)),s=t[0],l=t[1],h=t[2],u=t[3],c=t[4],d=t[5],f=t[6],p=t[7],m=t[8],g=t[9],_=t[10],v=t[11],y=C*C*o+a,x=D*C*o+L*n,b=L*C*o-D*n,w=C*D*o-L*n,T=D*D*o+a,S=L*D*o+C*n,M=C*L*o+D*n,A=D*L*o-C*n,E=L*L*o+a,e[0]=s*y+c*x+m*b,e[1]=l*y+d*x+g*b,e[2]=h*y+f*x+_*b,e[3]=u*y+p*x+v*b,e[4]=s*w+c*T+m*S,e[5]=l*w+d*T+g*S,e[6]=h*w+f*T+_*S,e[7]=u*w+p*T+v*S,e[8]=s*M+c*A+m*E,e[9]=l*M+d*A+g*E,e[10]=h*M+f*A+_*E,e[11]=u*M+p*A+v*E,t!==e&&(e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15]),e)},Ze.rotateX=function(e,t,r){var i=Math.sin(r),n=Math.cos(r),a=t[4],o=t[5],s=t[6],l=t[7],h=t[8],u=t[9],c=t[10],d=t[11];return t!==e&&(e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15]),e[4]=a*n+h*i,e[5]=o*n+u*i,e[6]=s*n+c*i,e[7]=l*n+d*i,e[8]=h*n-a*i,e[9]=u*n-o*i,e[10]=c*n-s*i,e[11]=d*n-l*i,e},Ze.rotateY=function(e,t,r){var i=Math.sin(r),n=Math.cos(r),a=t[0],o=t[1],s=t[2],l=t[3],h=t[8],u=t[9],c=t[10],d=t[11];return t!==e&&(e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15]),e[0]=a*n-h*i,e[1]=o*n-u*i,e[2]=s*n-c*i,e[3]=l*n-d*i,e[8]=a*i+h*n,e[9]=o*i+u*n,e[10]=s*i+c*n,e[11]=l*i+d*n,e},Ze.rotateZ=function(e,t,r){var i=Math.sin(r),n=Math.cos(r),a=t[0],o=t[1],s=t[2],l=t[3],h=t[4],u=t[5],c=t[6],d=t[7];return t!==e&&(e[8]=t[8],e[9]=t[9],e[10]=t[10],e[11]=t[11],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15]),e[0]=a*n+h*i,e[1]=o*n+u*i,e[2]=s*n+c*i,e[3]=l*n+d*i,e[4]=h*n-a*i,e[5]=u*n-o*i,e[6]=c*n-s*i,e[7]=d*n-l*i,e},Ze.fromRotationTranslation=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=i+i,l=n+n,h=a+a,u=i*s,c=i*l,d=i*h,f=n*l,p=n*h,m=a*h,g=o*s,_=o*l,v=o*h;return e[0]=1-(f+m),e[1]=c+v,e[2]=d-_,e[3]=0,e[4]=c-v,e[5]=1-(u+m),e[6]=p+g,e[7]=0,e[8]=d+_,e[9]=p-g,e[10]=1-(u+f),e[11]=0,e[12]=r[0],e[13]=r[1],e[14]=r[2],e[15]=1,e},Ze.fromQuat=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=r+r,s=i+i,l=n+n,h=r*o,u=i*o,c=i*s,d=n*o,f=n*s,p=n*l,m=a*o,g=a*s,_=a*l;return e[0]=1-c-p,e[1]=u+_,e[2]=d-g,e[3]=0,e[4]=u-_,e[5]=1-h-p,e[6]=f+m,e[7]=0,e[8]=d+g,e[9]=f-m,e[10]=1-h-c,e[11]=0,e[12]=0,e[13]=0,e[14]=0,e[15]=1,e},Ze.frustum=function(e,t,r,i,n,a,o){var s=1/(r-t),l=1/(n-i),h=1/(a-o);return e[0]=2*a*s,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=2*a*l,e[6]=0,e[7]=0,e[8]=(r+t)*s,e[9]=(n+i)*l,e[10]=(o+a)*h,e[11]=-1,e[12]=0,e[13]=0,e[14]=o*a*2*h,e[15]=0,e},Ze.perspective=function(e,t,r,i,n){var a=1/Math.tan(t/2),o=1/(i-n);return e[0]=a/r,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=a,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=(n+i)*o,e[11]=-1,e[12]=0,e[13]=0,e[14]=2*n*i*o,e[15]=0,e},Ze.ortho=function(e,t,r,i,n,a,o){var s=1/(t-r),l=1/(i-n),h=1/(a-o);return e[0]=-2*s,e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[5]=-2*l,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[10]=2*h,e[11]=0,e[12]=(t+r)*s,e[13]=(n+i)*l,e[14]=(o+a)*h,e[15]=1,e},Ze.lookAt=function(e,t,r,i){var n,a,o,s,l,h,u,c,d,f,p=t[0],m=t[1],g=t[2],_=i[0],v=i[1],y=i[2],x=r[0],b=r[1],w=r[2];return Math.abs(p-x)<ue&&Math.abs(m-b)<ue&&Math.abs(g-w)<ue?Ze.identity(e):(u=p-x,c=m-b,d=g-w,n=v*(d*=f=1/Math.sqrt(u*u+c*c+d*d))-y*(c*=f),a=y*(u*=f)-_*d,o=_*c-v*u,(f=Math.sqrt(n*n+a*a+o*o))?(n*=f=1/f,a*=f,o*=f):(n=0,a=0,o=0),s=c*o-d*a,l=d*n-u*o,h=u*a-c*n,(f=Math.sqrt(s*s+l*l+h*h))?(s*=f=1/f,l*=f,h*=f):(s=0,l=0,h=0),e[0]=n,e[1]=s,e[2]=u,e[3]=0,e[4]=a,e[5]=l,e[6]=c,e[7]=0,e[8]=o,e[9]=h,e[10]=d,e[11]=0,e[12]=-(n*p+a*m+o*g),e[13]=-(s*p+l*m+h*g),e[14]=-(u*p+c*m+d*g),e[15]=1,e)},Ze.frob=function(e){return Math.sqrt(Math.pow(e[0],2)+Math.pow(e[1],2)+Math.pow(e[2],2)+Math.pow(e[3],2)+Math.pow(e[4],2)+Math.pow(e[5],2)+Math.pow(e[6],2)+Math.pow(e[7],2)+Math.pow(e[8],2)+Math.pow(e[9],2)+Math.pow(e[10],2)+Math.pow(e[11],2)+Math.pow(e[12],2)+Math.pow(e[13],2)+Math.pow(e[14],2)+Math.pow(e[15],2))};const Ye=Ze;var Ke={create:function(){var e=new ce(3);return e[0]=0,e[1]=0,e[2]=0,e},clone:function(e){var t=new ce(3);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t},fromValues:function(e,t,r){var i=new ce(3);return i[0]=e,i[1]=t,i[2]=r,i},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e},set:function(e,t,r,i){return e[0]=t,e[1]=r,e[2]=i,e},add:function(e,t,r){return e[0]=t[0]+r[0],e[1]=t[1]+r[1],e[2]=t[2]+r[2],e},subtract:function(e,t,r){return e[0]=t[0]-r[0],e[1]=t[1]-r[1],e[2]=t[2]-r[2],e}};Ke.sub=Ke.subtract,Ke.multiply=function(e,t,r){return e[0]=t[0]*r[0],e[1]=t[1]*r[1],e[2]=t[2]*r[2],e},Ke.mul=Ke.multiply,Ke.divide=function(e,t,r){return e[0]=t[0]/r[0],e[1]=t[1]/r[1],e[2]=t[2]/r[2],e},Ke.div=Ke.divide,Ke.min=function(e,t,r){return e[0]=Math.min(t[0],r[0]),e[1]=Math.min(t[1],r[1]),e[2]=Math.min(t[2],r[2]),e},Ke.max=function(e,t,r){return e[0]=Math.max(t[0],r[0]),e[1]=Math.max(t[1],r[1]),e[2]=Math.max(t[2],r[2]),e},Ke.scale=function(e,t,r){return e[0]=t[0]*r,e[1]=t[1]*r,e[2]=t[2]*r,e},Ke.scaleAndAdd=function(e,t,r,i){return e[0]=t[0]+r[0]*i,e[1]=t[1]+r[1]*i,e[2]=t[2]+r[2]*i,e},Ke.distance=function(e,t){var r=t[0]-e[0],i=t[1]-e[1],n=t[2]-e[2];return Math.sqrt(r*r+i*i+n*n)},Ke.dist=Ke.distance,Ke.squaredDistance=function(e,t){var r=t[0]-e[0],i=t[1]-e[1],n=t[2]-e[2];return r*r+i*i+n*n},Ke.sqrDist=Ke.squaredDistance,Ke.length=function(e){var t=e[0],r=e[1],i=e[2];return Math.sqrt(t*t+r*r+i*i)},Ke.len=Ke.length,Ke.squaredLength=function(e){var t=e[0],r=e[1],i=e[2];return t*t+r*r+i*i},Ke.sqrLen=Ke.squaredLength,Ke.negate=function(e,t){return e[0]=-t[0],e[1]=-t[1],e[2]=-t[2],e},Ke.inverse=function(e,t){return e[0]=1/t[0],e[1]=1/t[1],e[2]=1/t[2],e},Ke.normalize=function(e,t){var r=t[0],i=t[1],n=t[2],a=r*r+i*i+n*n;return a>0&&(a=1/Math.sqrt(a),e[0]=t[0]*a,e[1]=t[1]*a,e[2]=t[2]*a),e},Ke.dot=function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]},Ke.cross=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[0],s=r[1],l=r[2];return e[0]=n*l-a*s,e[1]=a*o-i*l,e[2]=i*s-n*o,e},Ke.lerp=function(e,t,r,i){var n=t[0],a=t[1],o=t[2];return e[0]=n+i*(r[0]-n),e[1]=a+i*(r[1]-a),e[2]=o+i*(r[2]-o),e},Ke.random=function(e,t){t=t||1;var r=2*de()*Math.PI,i=2*de()-1,n=Math.sqrt(1-i*i)*t;return e[0]=Math.cos(r)*n,e[1]=Math.sin(r)*n,e[2]=i*t,e},Ke.transformMat4=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[3]*i+r[7]*n+r[11]*a+r[15];return o=o||1,e[0]=(r[0]*i+r[4]*n+r[8]*a+r[12])/o,e[1]=(r[1]*i+r[5]*n+r[9]*a+r[13])/o,e[2]=(r[2]*i+r[6]*n+r[10]*a+r[14])/o,e},Ke.transformMat3=function(e,t,r){var i=t[0],n=t[1],a=t[2];return e[0]=i*r[0]+n*r[3]+a*r[6],e[1]=i*r[1]+n*r[4]+a*r[7],e[2]=i*r[2]+n*r[5]+a*r[8],e},Ke.transformQuat=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[0],s=r[1],l=r[2],h=r[3],u=h*i+s*a-l*n,c=h*n+l*i-o*a,d=h*a+o*n-s*i,f=-o*i-s*n-l*a;return e[0]=u*h+f*-o+c*-l-d*-s,e[1]=c*h+f*-s+d*-o-u*-l,e[2]=d*h+f*-l+u*-s-c*-o,e},Ke.rotateX=function(e,t,r,i){var n=[],a=[];return n[0]=t[0]-r[0],n[1]=t[1]-r[1],n[2]=t[2]-r[2],a[0]=n[0],a[1]=n[1]*Math.cos(i)-n[2]*Math.sin(i),a[2]=n[1]*Math.sin(i)+n[2]*Math.cos(i),e[0]=a[0]+r[0],e[1]=a[1]+r[1],e[2]=a[2]+r[2],e},Ke.rotateY=function(e,t,r,i){var n=[],a=[];return n[0]=t[0]-r[0],n[1]=t[1]-r[1],n[2]=t[2]-r[2],a[0]=n[2]*Math.sin(i)+n[0]*Math.cos(i),a[1]=n[1],a[2]=n[2]*Math.cos(i)-n[0]*Math.sin(i),e[0]=a[0]+r[0],e[1]=a[1]+r[1],e[2]=a[2]+r[2],e},Ke.rotateZ=function(e,t,r,i){var n=[],a=[];return n[0]=t[0]-r[0],n[1]=t[1]-r[1],n[2]=t[2]-r[2],a[0]=n[0]*Math.cos(i)-n[1]*Math.sin(i),a[1]=n[0]*Math.sin(i)+n[1]*Math.cos(i),a[2]=n[2],e[0]=a[0]+r[0],e[1]=a[1]+r[1],e[2]=a[2]+r[2],e},Ke.forEach=function(){var e=Ke.create();return function(t,r,i,n,a,o){var s,l;for(r||(r=3),i||(i=0),l=n?Math.min(n*r+i,t.length):t.length,s=i;s<l;s+=r)e[0]=t[s],e[1]=t[s+1],e[2]=t[s+2],a(e,e,o),t[s]=e[0],t[s+1]=e[1],t[s+2]=e[2];return t}}(),Ke.angle=function(e,t){var r=Ke.fromValues(e[0],e[1],e[2]),i=Ke.fromValues(t[0],t[1],t[2]);Ke.normalize(r,r),Ke.normalize(i,i);var n=Ke.dot(r,i);return n>1?0:Math.acos(n)};const Qe=Ke;Xe.import(qe);var Je=Ye.create,$e={};function et(e){return e.material}function tt(e,t,r){return t.uniforms[r].value}function rt(e,t,r,i){return r!==i}function it(e){return!0}function nt(){}var at={float:S,byte:5120,ubyte:T,short:5122,ushort:5123};function ot(e,t,r){this.availableAttributes=e,this.availableAttributeSymbols=t,this.indicesBuffer=r,this.vao=null}function st(e){var t,r;this.bind=function(e){t||((t=U.createCanvas()).width=t.height=1,t.getContext("2d"));var i=e.gl,n=!r;n&&(r=i.createTexture()),i.bindTexture(i.TEXTURE_2D,r),n&&i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,t)},this.unbind=function(e){e.gl.bindTexture(e.gl.TEXTURE_2D,null)},this.isRenderable=function(){return!0}}var lt=m.extend((function(){return{canvas:null,_width:100,_height:100,devicePixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1,clearColor:[0,0,0,0],clearBit:17664,alpha:!0,depth:!0,stencil:!1,antialias:!0,premultipliedAlpha:!0,preserveDrawingBuffer:!1,throwError:!0,gl:null,viewport:{},maxJointNumber:20,__currentFrameBuffer:null,_viewportStack:[],_clearStack:[],_sceneRendering:null}}),(function(){this.canvas||(this.canvas=U.createCanvas());var e=this.canvas;try{var t={alpha:this.alpha,depth:this.depth,stencil:this.stencil,antialias:this.antialias,premultipliedAlpha:this.premultipliedAlpha,preserveDrawingBuffer:this.preserveDrawingBuffer};if(this.gl=e.getContext("webgl",t)||e.getContext("experimental-webgl",t),!this.gl)throw new Error;this._glinfo=new v(this.gl),this.gl.targetRenderer&&console.error("Already created a renderer"),this.gl.targetRenderer=this,this.resize()}catch(e){throw"Error creating WebGL Context "+e}this._programMgr=new Ee(this),this._placeholderTexture=new st(this)}),{resize:function(e,t){var r=this.canvas,i=this.devicePixelRatio;null!=e?(r.style&&(r.style.width=e+"px",r.style.height=t+"px"),r.width=e*i,r.height=t*i,this._width=e,this._height=t):(this._width=r.width/i,this._height=r.height/i),this.setViewport(0,0,this._width,this._height)},getWidth:function(){return this._width},getHeight:function(){return this._height},getViewportAspect:function(){var e=this.viewport;return e.width/e.height},setDevicePixelRatio:function(e){this.devicePixelRatio=e,this.resize(this._width,this._height)},getDevicePixelRatio:function(){return this.devicePixelRatio},getGLExtension:function(e){return this._glinfo.getExtension(e)},getGLParameter:function(e){return this._glinfo.getParameter(e)},setViewport:function(e,t,r,i,n){if("object"==typeof e){var a=e;e=a.x,t=a.y,r=a.width,i=a.height,n=a.devicePixelRatio}n=n||this.devicePixelRatio,this.gl.viewport(e*n,t*n,r*n,i*n),this.viewport={x:e,y:t,width:r,height:i,devicePixelRatio:n}},saveViewport:function(){this._viewportStack.push(this.viewport)},restoreViewport:function(){this._viewportStack.length>0&&this.setViewport(this._viewportStack.pop())},saveClear:function(){this._clearStack.push({clearBit:this.clearBit,clearColor:this.clearColor})},restoreClear:function(){if(this._clearStack.length>0){var e=this._clearStack.pop();this.clearColor=e.clearColor,this.clearBit=e.clearBit}},bindSceneRendering:function(e){this._sceneRendering=e},render:function(e,t,r,i){var n=this.gl,a=this.clearColor;if(this.clearBit){n.colorMask(!0,!0,!0,!0),n.depthMask(!0);var o=this.viewport,s=!1,l=o.devicePixelRatio;(o.width!==this._width||o.height!==this._height||l&&l!==this.devicePixelRatio||o.x||o.y)&&(s=!0,n.enable(n.SCISSOR_TEST),n.scissor(o.x*l,o.y*l,o.width*l,o.height*l)),n.clearColor(a[0],a[1],a[2],a[3]),n.clear(this.clearBit),s&&n.disable(n.SCISSOR_TEST)}if(r||e.update(!1),e.updateLights(),t=t||e.getMainCamera()){t.update();var h=e.updateRenderList(t,!0);this._sceneRendering=e;var u=h.opaque,c=h.transparent,d=e.material;e.trigger("beforerender",this,e,t,h),i?(this.renderPreZ(u,e,t),n.depthFunc(n.LEQUAL)):n.depthFunc(n.LESS);for(var f=Je(),p=Qe.create(),m=0;m<c.length;m++){var g=c[m];Ye.multiplyAffine(f,t.viewMatrix.array,g.worldTransform.array),Qe.transformMat4(p,g.position.array,f),g.__depth=p[2]}this.renderPass(u,t,{getMaterial:function(e){return d||e.material},sortCompare:this.opaqueSortCompare}),this.renderPass(c,t,{getMaterial:function(e){return d||e.material},sortCompare:this.transparentSortCompare}),e.trigger("afterrender",this,e,t,h),this._sceneRendering=null}else console.error("Can't find camera in the scene.")},getProgram:function(e,t,r){return t=t||e.material,this._programMgr.getProgram(e,t,r)},validateProgram:function(e){if(e.__error){var t=e.__error;if($e[e.__uid__])return;if($e[e.__uid__]=!0,this.throwError)throw new Error(t);this.trigger("error",t)}},updatePrograms:function(e,t,r){var i=r&&r.getMaterial||et;t=t||null;for(var n=0;n<e.length;n++){var a=e[n],o=i.call(this,a);if(n>0){var s=e[n-1],l=s.joints?s.joints.length:0;if((a.joints?a.joints.length:0)===l&&a.material===s.material&&a.lightGroup===s.lightGroup){a.__program=s.__program;continue}}var h=this._programMgr.getProgram(a,o,t);this.validateProgram(h),a.__program=h}},renderPass:function(e,t,r){this.trigger("beforerenderpass",this,e,t,r),(r=r||{}).getMaterial=r.getMaterial||et,r.getUniform=r.getUniform||tt,r.isMaterialChanged=r.isMaterialChanged||rt,r.beforeRender=r.beforeRender||nt,r.afterRender=r.afterRender||nt;var i=r.ifRender||it;this.updatePrograms(e,this._sceneRendering,r),r.sortCompare&&e.sort(r.sortCompare);var n=this.viewport,a=n.devicePixelRatio,o=[n.x*a,n.y*a,n.width*a,n.height*a],s=this.devicePixelRatio,l=this.__currentFrameBuffer?[this.__currentFrameBuffer.getTextureWidth(),this.__currentFrameBuffer.getTextureHeight()]:[this._width*s,this._height*s],h=[o[2],o[3]],u=Date.now();t?(Ye.copy(ht.VIEW,t.viewMatrix.array),Ye.copy(ht.PROJECTION,t.projectionMatrix.array),Ye.copy(ht.VIEWINVERSE,t.worldTransform.array)):(Ye.identity(ht.VIEW),Ye.identity(ht.PROJECTION),Ye.identity(ht.VIEWINVERSE)),Ye.multiply(ht.VIEWPROJECTION,ht.PROJECTION,ht.VIEW),Ye.invert(ht.PROJECTIONINVERSE,ht.PROJECTION),Ye.invert(ht.VIEWPROJECTIONINVERSE,ht.VIEWPROJECTION);for(var c,d,f,p,m,g,_,v,y,x,b,w,T=this.gl,S=this._sceneRendering,M=0;M<e.length;M++){var A,E=e[M],C=null!=E.worldTransform;if(i(E)){C&&(A=E.isSkinnedMesh&&E.isSkinnedMesh()?E.offsetMatrix?E.offsetMatrix.array:ht.IDENTITY:E.worldTransform.array);var D=E.geometry,L=r.getMaterial.call(this,E),P=E.__program,O=L.shader,N=D.__uid__+"-"+P.__uid__,I=N!==x;x=N,C&&(Ye.copy(ht.WORLD,A),Ye.multiply(ht.WORLDVIEWPROJECTION,ht.VIEWPROJECTION,A),Ye.multiplyAffine(ht.WORLDVIEW,ht.VIEW,A),(O.matrixSemantics.WORLDINVERSE||O.matrixSemantics.WORLDINVERSETRANSPOSE)&&Ye.invert(ht.WORLDINVERSE,A),(O.matrixSemantics.WORLDVIEWINVERSE||O.matrixSemantics.WORLDVIEWINVERSETRANSPOSE)&&Ye.invert(ht.WORLDVIEWINVERSE,ht.WORLDVIEW),(O.matrixSemantics.WORLDVIEWPROJECTIONINVERSE||O.matrixSemantics.WORLDVIEWPROJECTIONINVERSETRANSPOSE)&&Ye.invert(ht.WORLDVIEWPROJECTIONINVERSE,ht.WORLDVIEWPROJECTION)),E.beforeRender&&E.beforeRender(this),r.beforeRender.call(this,E,L,c);var R=P!==d;R?(P.bind(this),P.setUniformOfSemantic(T,"VIEWPORT",o),P.setUniformOfSemantic(T,"WINDOW_SIZE",l),t&&(P.setUniformOfSemantic(T,"NEAR",t.near),P.setUniformOfSemantic(T,"FAR",t.far)),P.setUniformOfSemantic(T,"DEVICEPIXELRATIO",a),P.setUniformOfSemantic(T,"TIME",u),P.setUniformOfSemantic(T,"VIEWPORT_SIZE",h),S&&S.setLightUniforms(P,E.lightGroup,this)):P=d,(R||r.isMaterialChanged(E,f,L,c))&&(L.depthTest!==p&&(L.depthTest?T.enable(T.DEPTH_TEST):T.disable(T.DEPTH_TEST),p=L.depthTest),L.depthMask!==m&&(T.depthMask(L.depthMask),m=L.depthMask),L.transparent!==y&&(L.transparent?T.enable(T.BLEND):T.disable(T.BLEND),y=L.transparent),L.transparent&&(L.blend?L.blend(T):(T.blendEquationSeparate(T.FUNC_ADD,T.FUNC_ADD),T.blendFuncSeparate(T.SRC_ALPHA,T.ONE_MINUS_SRC_ALPHA,T.ONE,T.ONE_MINUS_SRC_ALPHA))),w=this._bindMaterial(E,L,P,f||null,c||null,d||null,r.getUniform),c=L);var B=O.matrixSemanticKeys;if(C)for(var F=0;F<B.length;F++){var z=B[F],G=O.matrixSemantics[z],U=ht[z];if(G.isTranspose){var k=ht[G.semanticNoTranspose];Ye.transpose(U,k)}P.setUniform(T,G.type,G.symbol,U)}E.cullFace!==_&&(_=E.cullFace,T.cullFace(_)),E.frontFace!==v&&(v=E.frontFace,T.frontFace(v)),E.culling!==g&&((g=E.culling)?T.enable(T.CULL_FACE):T.disable(T.CULL_FACE)),this._updateSkeleton(E,P,w),I&&(b=this._bindVAO(null,O,D,P)),this._renderObject(E,b,P),r.afterRender(this,E),E.afterRender&&E.afterRender(this),d=P,f=E}}this.trigger("afterrenderpass",this,e,t,r)},getMaxJointNumber:function(){return this.maxJointNumber},_updateSkeleton:function(e,t,r){var i=this.gl,n=e.skeleton;if(n)if(n.update(),e.joints.length>this.getMaxJointNumber()){var a=n.getSubSkinMatricesTexture(e.__uid__,e.joints);t.useTextureSlot(this,a,r),t.setUniform(i,"1i","skinMatricesTexture",r),t.setUniform(i,"1f","skinMatricesTextureSize",a.width)}else{var o=n.getSubSkinMatrices(e.__uid__,e.joints);t.setUniformOfSemantic(i,"SKIN_MATRIX",o)}},_renderObject:function(e,t,r){var i=this.gl,n=e.geometry,a=e.mode;null==a&&(a=4);var o=null,s=e.isInstancedMesh&&e.isInstancedMesh();if(!s||(o=this.getGLExtension("ANGLE_instanced_arrays"))){var l;if(s&&(l=this._bindInstancedAttributes(e,r,o)),t.indicesBuffer){var h=this.getGLExtension("OES_element_index_uint")&&n.indices instanceof Uint32Array?i.UNSIGNED_INT:i.UNSIGNED_SHORT;s?o.drawElementsInstancedANGLE(a,t.indicesBuffer.count,h,0,e.getInstanceCount()):i.drawElements(a,t.indicesBuffer.count,h,0)}else s?o.drawArraysInstancedANGLE(a,0,n.vertexCount,e.getInstanceCount()):i.drawArrays(a,0,n.vertexCount);if(s)for(var u=0;u<l.length;u++)i.disableVertexAttribArray(l[u])}else console.warn("Device not support ANGLE_instanced_arrays extension")},_bindInstancedAttributes:function(e,t,r){for(var i=this.gl,n=e.getInstancedAttributesBuffers(this),a=[],o=0;o<n.length;o++){var s=n[o],l=t.getAttribLocation(i,s.symbol);if(!(l<0)){var h=at[s.type]||i.FLOAT;i.enableVertexAttribArray(l),i.bindBuffer(i.ARRAY_BUFFER,s.buffer),i.vertexAttribPointer(l,s.size,h,!1,0,0),r.vertexAttribDivisorANGLE(l,s.divisor),a.push(l)}}return a},_bindMaterial:function(e,t,r,i,n,a,o){for(var s=this.gl,l=a===r,h=r.currentTextureSlot(),u=t.getEnabledUniforms(),c=t.getTextureUniforms(),d=this._placeholderTexture,f=0;f<c.length;f++){var p=o(e,t,_=c[f]);if("t"===(g=t.uniforms[_].type)&&p)p.__slot=-1;else if("tv"===g)for(var m=0;m<p.length;m++)p[m]&&(p[m].__slot=-1)}for(d.__slot=-1,f=0;f<u.length;f++){var g,_=u[f],v=t.uniforms[_],y=(p=o(e,t,_),"t"===(g=v.type));if(y&&(p&&p.isRenderable()||(p=d)),n&&l){var x=o(i,n,_);if(y&&(x&&x.isRenderable()||(x=d)),x===p){if(y)r.takeCurrentTextureSlot(this,null);else if("tv"===g&&p)for(m=0;m<p.length;m++)r.takeCurrentTextureSlot(this,null);continue}}if(null!=p)if(y)if(p.__slot<0){var b=r.currentTextureSlot();r.setUniform(s,"1i",_,b)&&(r.takeCurrentTextureSlot(this,p),p.__slot=b)}else r.setUniform(s,"1i",_,p.__slot);else if(Array.isArray(p)){if(0===p.length)continue;if("tv"===g){if(!r.hasUniform(_))continue;var w=[];for(m=0;m<p.length;m++){var T=p[m];T.__slot<0?(b=r.currentTextureSlot(),w.push(b),r.takeCurrentTextureSlot(this,T),T.__slot=b):w.push(T.__slot)}r.setUniform(s,"1iv",_,w)}else r.setUniform(s,v.type,_,p)}else r.setUniform(s,v.type,_,p)}var S=r.currentTextureSlot();return r.resetTextureSlot(h),S},_bindVAO:function(e,t,r,i){var n=!r.dynamic,a=this.gl,o=this.__uid__+"-"+i.__uid__,s=r.__vaoCache[o];if(!s){var l=r.getBufferChunks(this);if(!l||!l.length)return;for(var h=l[0],u=h.attributeBuffers,c=h.indicesBuffer,d=[],f=[],p=0;p<u.length;p++){var m,g=(w=u[p]).name,_=w.semantic;if(_){var v=t.attributeSemantics[_];m=v&&v.symbol}else m=g;m&&i.attributes[m]&&(d.push(w),f.push(m))}s=new ot(d,f,c),n&&(r.__vaoCache[o]=s)}var y=!0;if(e&&n&&(null==s.vao?s.vao=e.createVertexArrayOES():y=!1,e.bindVertexArrayOES(s.vao)),d=s.availableAttributes,c=s.indicesBuffer,y){var x=i.enableAttributes(this,s.availableAttributeSymbols,e&&n&&s);for(p=0;p<d.length;p++){var b=x[p];if(-1!==b){var w,T=(w=d[p]).buffer,S=w.size,M=at[w.type]||a.FLOAT;a.bindBuffer(a.ARRAY_BUFFER,T),a.vertexAttribPointer(b,S,M,!1,0,0)}}r.isUseIndices()&&a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,c.buffer)}return s},renderPreZ:function(e,t,r){var i=this.gl,n=this._prezMaterial||new le({shader:new Xe(Xe.source("clay.prez.vertex"),Xe.source("clay.prez.fragment"))});this._prezMaterial=n,i.colorMask(!1,!1,!1,!1),i.depthMask(!0),this.renderPass(e,r,{ifRender:function(e){return!e.ignorePreZ},isMaterialChanged:function(e,t){var r=e.material,i=t.material;return r.get("diffuseMap")!==i.get("diffuseMap")||(r.get("alphaCutoff")||0)!==(i.get("alphaCutoff")||0)},getUniform:function(e,t,r){return"alphaMap"===r?e.material.get("diffuseMap"):"alphaCutoff"===r?e.material.isDefined("fragment","ALPHA_TEST")&&e.material.get("diffuseMap")&&e.material.get("alphaCutoff")||0:"uvRepeat"===r?e.material.get("uvRepeat"):"uvOffset"===r?e.material.get("uvOffset"):t.get(r)},getMaterial:function(){return n},sort:this.opaqueSortCompare}),i.colorMask(!0,!0,!0,!0),i.depthMask(!0)},disposeScene:function(e){this.disposeNode(e,!0,!0),e.dispose()},disposeNode:function(e,t,r){e.getParent()&&e.getParent().remove(e);var i={};e.traverse((function(e){var n=e.material;if(e.geometry&&t&&e.geometry.dispose(this),r&&n&&!i[n.__uid__]){for(var a=n.getTextureUniforms(),o=0;o<a.length;o++){var s=a[o],l=n.uniforms[s].value,h=n.uniforms[s].type;if(l)if("t"===h)l.dispose&&l.dispose(this);else if("tv"===h)for(var u=0;u<l.length;u++)l[u]&&l[u].dispose&&l[u].dispose(this)}i[n.__uid__]=!0}e.dispose&&e.dispose(this)}),this)},disposeGeometry:function(e){e.dispose(this)},disposeTexture:function(e){e.dispose(this)},disposeFrameBuffer:function(e){e.dispose(this)},dispose:function(){},screenToNDC:function(e,t,r){r||(r=new _e),t=this._height-t;var i=this.viewport,n=r.array;return n[0]=(e-i.x)/i.width,n[0]=2*n[0]-1,n[1]=(t-i.y)/i.height,n[1]=2*n[1]-1,r}});lt.opaqueSortCompare=lt.prototype.opaqueSortCompare=function(e,t){return e.renderOrder===t.renderOrder?e.__program===t.__program?e.material===t.material?e.geometry.__uid__-t.geometry.__uid__:e.material.__uid__-t.material.__uid__:e.__program&&t.__program?e.__program.__uid__-t.__program.__uid__:0:e.renderOrder-t.renderOrder},lt.transparentSortCompare=lt.prototype.transparentSortCompare=function(e,t){return e.renderOrder===t.renderOrder?e.__depth===t.__depth?e.__program===t.__program?e.material===t.material?e.geometry.__uid__-t.geometry.__uid__:e.material.__uid__-t.material.__uid__:e.__program&&t.__program?e.__program.__uid__-t.__program.__uid__:0:e.__depth-t.__depth:e.renderOrder-t.renderOrder};var ht={IDENTITY:Je(),WORLD:Je(),VIEW:Je(),PROJECTION:Je(),WORLDVIEW:Je(),VIEWPROJECTION:Je(),WORLDVIEWPROJECTION:Je(),WORLDINVERSE:Je(),VIEWINVERSE:Je(),PROJECTIONINVERSE:Je(),WORLDVIEWINVERSE:Je(),VIEWPROJECTIONINVERSE:Je(),WORLDVIEWPROJECTIONINVERSE:Je(),WORLDTRANSPOSE:Je(),VIEWTRANSPOSE:Je(),PROJECTIONTRANSPOSE:Je(),WORLDVIEWTRANSPOSE:Je(),VIEWPROJECTIONTRANSPOSE:Je(),WORLDVIEWPROJECTIONTRANSPOSE:Je(),WORLDINVERSETRANSPOSE:Je(),VIEWINVERSETRANSPOSE:Je(),PROJECTIONINVERSETRANSPOSE:Je(),WORLDVIEWINVERSETRANSPOSE:Je(),VIEWPROJECTIONINVERSETRANSPOSE:Je(),WORLDVIEWPROJECTIONINVERSETRANSPOSE:Je()};lt.COLOR_BUFFER_BIT=16384,lt.DEPTH_BUFFER_BIT=256,lt.STENCIL_BUFFER_BIT=1024;const ut=lt;var ct=function(e,t,r){e=e||0,t=t||0,r=r||0,this.array=Qe.fromValues(e,t,r),this._dirty=!0};ct.prototype={constructor:ct,add:function(e){return Qe.add(this.array,this.array,e.array),this._dirty=!0,this},set:function(e,t,r){return this.array[0]=e,this.array[1]=t,this.array[2]=r,this._dirty=!0,this},setArray:function(e){return this.array[0]=e[0],this.array[1]=e[1],this.array[2]=e[2],this._dirty=!0,this},clone:function(){return new ct(this.x,this.y,this.z)},copy:function(e){return Qe.copy(this.array,e.array),this._dirty=!0,this},cross:function(e,t){return Qe.cross(this.array,e.array,t.array),this._dirty=!0,this},dist:function(e){return Qe.dist(this.array,e.array)},distance:function(e){return Qe.distance(this.array,e.array)},div:function(e){return Qe.div(this.array,this.array,e.array),this._dirty=!0,this},divide:function(e){return Qe.divide(this.array,this.array,e.array),this._dirty=!0,this},dot:function(e){return Qe.dot(this.array,e.array)},len:function(){return Qe.len(this.array)},length:function(){return Qe.length(this.array)},lerp:function(e,t,r){return Qe.lerp(this.array,e.array,t.array,r),this._dirty=!0,this},min:function(e){return Qe.min(this.array,this.array,e.array),this._dirty=!0,this},max:function(e){return Qe.max(this.array,this.array,e.array),this._dirty=!0,this},mul:function(e){return Qe.mul(this.array,this.array,e.array),this._dirty=!0,this},multiply:function(e){return Qe.multiply(this.array,this.array,e.array),this._dirty=!0,this},negate:function(){return Qe.negate(this.array,this.array),this._dirty=!0,this},normalize:function(){return Qe.normalize(this.array,this.array),this._dirty=!0,this},random:function(e){return Qe.random(this.array,e),this._dirty=!0,this},scale:function(e){return Qe.scale(this.array,this.array,e),this._dirty=!0,this},scaleAndAdd:function(e,t){return Qe.scaleAndAdd(this.array,this.array,e.array,t),this._dirty=!0,this},sqrDist:function(e){return Qe.sqrDist(this.array,e.array)},squaredDistance:function(e){return Qe.squaredDistance(this.array,e.array)},sqrLen:function(){return Qe.sqrLen(this.array)},squaredLength:function(){return Qe.squaredLength(this.array)},sub:function(e){return Qe.sub(this.array,this.array,e.array),this._dirty=!0,this},subtract:function(e){return Qe.subtract(this.array,this.array,e.array),this._dirty=!0,this},transformMat3:function(e){return Qe.transformMat3(this.array,this.array,e.array),this._dirty=!0,this},transformMat4:function(e){return Qe.transformMat4(this.array,this.array,e.array),this._dirty=!0,this},transformQuat:function(e){return Qe.transformQuat(this.array,this.array,e.array),this._dirty=!0,this},applyProjection:function(e){var t=this.array;if(0===(e=e.array)[15]){var r=-1/t[2];t[0]=e[0]*t[0]*r,t[1]=e[5]*t[1]*r,t[2]=(e[10]*t[2]+e[14])*r}else t[0]=e[0]*t[0]+e[12],t[1]=e[5]*t[1]+e[13],t[2]=e[10]*t[2]+e[14];return this._dirty=!0,this},eulerFromQuat:function(e,t){ct.eulerFromQuat(this,e,t)},eulerFromMat3:function(e,t){ct.eulerFromMat3(this,e,t)},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}};var dt=Object.defineProperty;if(dt){var ft=ct.prototype;dt(ft,"x",{get:function(){return this.array[0]},set:function(e){this.array[0]=e,this._dirty=!0}}),dt(ft,"y",{get:function(){return this.array[1]},set:function(e){this.array[1]=e,this._dirty=!0}}),dt(ft,"z",{get:function(){return this.array[2]},set:function(e){this.array[2]=e,this._dirty=!0}})}function pt(e,t,r){return e<t?t:e>r?r:e}ct.add=function(e,t,r){return Qe.add(e.array,t.array,r.array),e._dirty=!0,e},ct.set=function(e,t,r,i){Qe.set(e.array,t,r,i),e._dirty=!0},ct.copy=function(e,t){return Qe.copy(e.array,t.array),e._dirty=!0,e},ct.cross=function(e,t,r){return Qe.cross(e.array,t.array,r.array),e._dirty=!0,e},ct.distance=ct.dist=function(e,t){return Qe.distance(e.array,t.array)},ct.divide=ct.div=function(e,t,r){return Qe.divide(e.array,t.array,r.array),e._dirty=!0,e},ct.dot=function(e,t){return Qe.dot(e.array,t.array)},ct.len=function(e){return Qe.length(e.array)},ct.lerp=function(e,t,r,i){return Qe.lerp(e.array,t.array,r.array,i),e._dirty=!0,e},ct.min=function(e,t,r){return Qe.min(e.array,t.array,r.array),e._dirty=!0,e},ct.max=function(e,t,r){return Qe.max(e.array,t.array,r.array),e._dirty=!0,e},ct.multiply=ct.mul=function(e,t,r){return Qe.multiply(e.array,t.array,r.array),e._dirty=!0,e},ct.negate=function(e,t){return Qe.negate(e.array,t.array),e._dirty=!0,e},ct.normalize=function(e,t){return Qe.normalize(e.array,t.array),e._dirty=!0,e},ct.random=function(e,t){return Qe.random(e.array,t),e._dirty=!0,e},ct.scale=function(e,t,r){return Qe.scale(e.array,t.array,r),e._dirty=!0,e},ct.scaleAndAdd=function(e,t,r,i){return Qe.scaleAndAdd(e.array,t.array,r.array,i),e._dirty=!0,e},ct.squaredDistance=ct.sqrDist=function(e,t){return Qe.sqrDist(e.array,t.array)},ct.squaredLength=ct.sqrLen=function(e){return Qe.sqrLen(e.array)},ct.subtract=ct.sub=function(e,t,r){return Qe.subtract(e.array,t.array,r.array),e._dirty=!0,e},ct.transformMat3=function(e,t,r){return Qe.transformMat3(e.array,t.array,r.array),e._dirty=!0,e},ct.transformMat4=function(e,t,r){return Qe.transformMat4(e.array,t.array,r.array),e._dirty=!0,e},ct.transformQuat=function(e,t,r){return Qe.transformQuat(e.array,t.array,r.array),e._dirty=!0,e};var mt=Math.atan2,gt=Math.asin,_t=Math.abs;ct.eulerFromQuat=function(e,t,r){e._dirty=!0,t=t.array;var i=e.array,n=t[0],a=t[1],o=t[2],s=t[3],l=n*n,h=a*a,u=o*o,c=s*s;switch(r=(r||"XYZ").toUpperCase()){case"XYZ":i[0]=mt(2*(n*s-a*o),c-l-h+u),i[1]=gt(pt(2*(n*o+a*s),-1,1)),i[2]=mt(2*(o*s-n*a),c+l-h-u);break;case"YXZ":i[0]=gt(pt(2*(n*s-a*o),-1,1)),i[1]=mt(2*(n*o+a*s),c-l-h+u),i[2]=mt(2*(n*a+o*s),c-l+h-u);break;case"ZXY":i[0]=gt(pt(2*(n*s+a*o),-1,1)),i[1]=mt(2*(a*s-o*n),c-l-h+u),i[2]=mt(2*(o*s-n*a),c-l+h-u);break;case"ZYX":i[0]=mt(2*(n*s+o*a),c-l-h+u),i[1]=gt(pt(2*(a*s-n*o),-1,1)),i[2]=mt(2*(n*a+o*s),c+l-h-u);break;case"YZX":i[0]=mt(2*(n*s-o*a),c-l+h-u),i[1]=mt(2*(a*s-n*o),c+l-h-u),i[2]=gt(pt(2*(n*a+o*s),-1,1));break;case"XZY":i[0]=mt(2*(n*s+a*o),c-l+h-u),i[1]=mt(2*(n*o+a*s),c+l-h-u),i[2]=gt(pt(2*(o*s-n*a),-1,1));break;default:console.warn("Unkown order: "+r)}return e},ct.eulerFromMat3=function(e,t,r){var i=t.array,n=i[0],a=i[3],o=i[6],s=i[1],l=i[4],h=i[7],u=i[2],c=i[5],d=i[8],f=e.array;switch(r=(r||"XYZ").toUpperCase()){case"XYZ":f[1]=gt(pt(o,-1,1)),_t(o)<.99999?(f[0]=mt(-h,d),f[2]=mt(-a,n)):(f[0]=mt(c,l),f[2]=0);break;case"YXZ":f[0]=gt(-pt(h,-1,1)),_t(h)<.99999?(f[1]=mt(o,d),f[2]=mt(s,l)):(f[1]=mt(-u,n),f[2]=0);break;case"ZXY":f[0]=gt(pt(c,-1,1)),_t(c)<.99999?(f[1]=mt(-u,d),f[2]=mt(-a,l)):(f[1]=0,f[2]=mt(s,n));break;case"ZYX":f[1]=gt(-pt(u,-1,1)),_t(u)<.99999?(f[0]=mt(c,d),f[2]=mt(s,n)):(f[0]=0,f[2]=mt(-a,l));break;case"YZX":f[2]=gt(pt(s,-1,1)),_t(s)<.99999?(f[0]=mt(-h,l),f[1]=mt(-u,n)):(f[0]=0,f[1]=mt(o,d));break;case"XZY":f[2]=gt(-pt(a,-1,1)),_t(a)<.99999?(f[0]=mt(c,l),f[1]=mt(o,n)):(f[0]=mt(-h,d),f[1]=0);break;default:console.warn("Unkown order: "+r)}return e._dirty=!0,e},Object.defineProperties(ct,{POSITIVE_X:{get:function(){return new ct(1,0,0)}},NEGATIVE_X:{get:function(){return new ct(-1,0,0)}},POSITIVE_Y:{get:function(){return new ct(0,1,0)}},NEGATIVE_Y:{get:function(){return new ct(0,-1,0)}},POSITIVE_Z:{get:function(){return new ct(0,0,1)}},NEGATIVE_Z:{get:function(){return new ct(0,0,-1)}},UP:{get:function(){return new ct(0,1,0)}},ZERO:{get:function(){return new ct}}});const vt=ct;var yt,xt,bt,wt,Tt,St=function(e,t){this.origin=e||new vt,this.direction=t||new vt};St.prototype={constructor:St,intersectPlane:function(e,t){var r=e.normal.array,i=e.distance,n=this.origin.array,a=this.direction.array,o=Qe.dot(r,a);if(0===o)return null;t||(t=new vt);var s=(Qe.dot(r,n)-i)/o;return Qe.scaleAndAdd(t.array,n,a,-s),t._dirty=!0,t},mirrorAgainstPlane:function(e){var t=Qe.dot(e.normal.array,this.direction.array);Qe.scaleAndAdd(this.direction.array,this.direction.array,e.normal.array,2*-t),this.direction._dirty=!0},distanceToPoint:(Tt=Qe.create(),function(e){Qe.sub(Tt,e,this.origin.array);var t=Qe.dot(Tt,this.direction.array);if(t<0)return Qe.distance(this.origin.array,e);var r=Qe.lenSquared(Tt);return Math.sqrt(r-t*t)}),intersectSphere:function(){var e=Qe.create();return function(t,r,i){var n=this.origin.array,a=this.direction.array;t=t.array,Qe.sub(e,t,n);var o=Qe.dot(e,a),s=Qe.squaredLength(e)-o*o,l=r*r;if(!(s>l)){var h=Math.sqrt(l-s),u=o-h,c=o+h;return i||(i=new vt),u<0?c<0?null:(Qe.scaleAndAdd(i.array,n,a,c),i):(Qe.scaleAndAdd(i.array,n,a,u),i)}}}(),intersectBoundingBox:function(e,t){var r,i,n,a,o,s,l=this.direction.array,h=this.origin.array,u=e.min.array,c=e.max.array,d=1/l[0],f=1/l[1],p=1/l[2];if(d>=0?(r=(u[0]-h[0])*d,i=(c[0]-h[0])*d):(i=(u[0]-h[0])*d,r=(c[0]-h[0])*d),f>=0?(n=(u[1]-h[1])*f,a=(c[1]-h[1])*f):(a=(u[1]-h[1])*f,n=(c[1]-h[1])*f),r>a||n>i)return null;if((n>r||r!=r)&&(r=n),(a<i||i!=i)&&(i=a),p>=0?(o=(u[2]-h[2])*p,s=(c[2]-h[2])*p):(s=(u[2]-h[2])*p,o=(c[2]-h[2])*p),r>s||o>i)return null;if((o>r||r!=r)&&(r=o),(s<i||i!=i)&&(i=s),i<0)return null;var m=r>=0?r:i;return t||(t=new vt),Qe.scaleAndAdd(t.array,h,l,m),t},intersectTriangle:(yt=Qe.create(),xt=Qe.create(),bt=Qe.create(),wt=Qe.create(),function(e,t,r,i,n,a){var o=this.direction.array,s=this.origin.array;e=e.array,t=t.array,r=r.array,Qe.sub(yt,t,e),Qe.sub(xt,r,e),Qe.cross(wt,xt,o);var l=Qe.dot(yt,wt);if(i){if(l>-1e-5)return null}else if(l>-1e-5&&l<1e-5)return null;Qe.sub(bt,s,e);var h=Qe.dot(wt,bt)/l;if(h<0||h>1)return null;Qe.cross(wt,yt,bt);var u=Qe.dot(o,wt)/l;if(u<0||u>1||h+u>1)return null;Qe.cross(wt,yt,xt);var c=-Qe.dot(bt,wt)/l;return c<0?null:(n||(n=new vt),a&&vt.set(a,1-h-u,h,u),Qe.scaleAndAdd(n.array,s,o,c),n)}),applyTransform:function(e){vt.add(this.direction,this.direction,this.origin),vt.transformMat4(this.origin,this.origin,e),vt.transformMat4(this.direction,this.direction,e),vt.sub(this.direction,this.direction,this.origin),vt.normalize(this.direction,this.direction)},copy:function(e){vt.copy(this.origin,e.origin),vt.copy(this.direction,e.direction)},clone:function(){var e=new St;return e.copy(this),e}};const Mt=St;var At={create:function(){var e=new ce(4);return e[0]=0,e[1]=0,e[2]=0,e[3]=0,e},clone:function(e){var t=new ce(4);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},fromValues:function(e,t,r,i){var n=new ce(4);return n[0]=e,n[1]=t,n[2]=r,n[3]=i,n},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},set:function(e,t,r,i,n){return e[0]=t,e[1]=r,e[2]=i,e[3]=n,e},add:function(e,t,r){return e[0]=t[0]+r[0],e[1]=t[1]+r[1],e[2]=t[2]+r[2],e[3]=t[3]+r[3],e},subtract:function(e,t,r){return e[0]=t[0]-r[0],e[1]=t[1]-r[1],e[2]=t[2]-r[2],e[3]=t[3]-r[3],e}};At.sub=At.subtract,At.multiply=function(e,t,r){return e[0]=t[0]*r[0],e[1]=t[1]*r[1],e[2]=t[2]*r[2],e[3]=t[3]*r[3],e},At.mul=At.multiply,At.divide=function(e,t,r){return e[0]=t[0]/r[0],e[1]=t[1]/r[1],e[2]=t[2]/r[2],e[3]=t[3]/r[3],e},At.div=At.divide,At.min=function(e,t,r){return e[0]=Math.min(t[0],r[0]),e[1]=Math.min(t[1],r[1]),e[2]=Math.min(t[2],r[2]),e[3]=Math.min(t[3],r[3]),e},At.max=function(e,t,r){return e[0]=Math.max(t[0],r[0]),e[1]=Math.max(t[1],r[1]),e[2]=Math.max(t[2],r[2]),e[3]=Math.max(t[3],r[3]),e},At.scale=function(e,t,r){return e[0]=t[0]*r,e[1]=t[1]*r,e[2]=t[2]*r,e[3]=t[3]*r,e},At.scaleAndAdd=function(e,t,r,i){return e[0]=t[0]+r[0]*i,e[1]=t[1]+r[1]*i,e[2]=t[2]+r[2]*i,e[3]=t[3]+r[3]*i,e},At.distance=function(e,t){var r=t[0]-e[0],i=t[1]-e[1],n=t[2]-e[2],a=t[3]-e[3];return Math.sqrt(r*r+i*i+n*n+a*a)},At.dist=At.distance,At.squaredDistance=function(e,t){var r=t[0]-e[0],i=t[1]-e[1],n=t[2]-e[2],a=t[3]-e[3];return r*r+i*i+n*n+a*a},At.sqrDist=At.squaredDistance,At.length=function(e){var t=e[0],r=e[1],i=e[2],n=e[3];return Math.sqrt(t*t+r*r+i*i+n*n)},At.len=At.length,At.squaredLength=function(e){var t=e[0],r=e[1],i=e[2],n=e[3];return t*t+r*r+i*i+n*n},At.sqrLen=At.squaredLength,At.negate=function(e,t){return e[0]=-t[0],e[1]=-t[1],e[2]=-t[2],e[3]=-t[3],e},At.inverse=function(e,t){return e[0]=1/t[0],e[1]=1/t[1],e[2]=1/t[2],e[3]=1/t[3],e},At.normalize=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=r*r+i*i+n*n+a*a;return o>0&&(o=1/Math.sqrt(o),e[0]=t[0]*o,e[1]=t[1]*o,e[2]=t[2]*o,e[3]=t[3]*o),e},At.dot=function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3]},At.lerp=function(e,t,r,i){var n=t[0],a=t[1],o=t[2],s=t[3];return e[0]=n+i*(r[0]-n),e[1]=a+i*(r[1]-a),e[2]=o+i*(r[2]-o),e[3]=s+i*(r[3]-s),e},At.random=function(e,t){return t=t||1,e[0]=de(),e[1]=de(),e[2]=de(),e[3]=de(),At.normalize(e,e),At.scale(e,e,t),e},At.transformMat4=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3];return e[0]=r[0]*i+r[4]*n+r[8]*a+r[12]*o,e[1]=r[1]*i+r[5]*n+r[9]*a+r[13]*o,e[2]=r[2]*i+r[6]*n+r[10]*a+r[14]*o,e[3]=r[3]*i+r[7]*n+r[11]*a+r[15]*o,e},At.transformQuat=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[0],s=r[1],l=r[2],h=r[3],u=h*i+s*a-l*n,c=h*n+l*i-o*a,d=h*a+o*n-s*i,f=-o*i-s*n-l*a;return e[0]=u*h+f*-o+c*-l-d*-s,e[1]=c*h+f*-s+d*-o-u*-l,e[2]=d*h+f*-l+u*-s-c*-o,e},At.forEach=function(){var e=At.create();return function(t,r,i,n,a,o){var s,l;for(r||(r=4),i||(i=0),l=n?Math.min(n*r+i,t.length):t.length,s=i;s<l;s+=r)e[0]=t[s],e[1]=t[s+1],e[2]=t[s+2],e[3]=t[s+3],a(e,e,o),t[s]=e[0],t[s+1]=e[1],t[s+2]=e[2],t[s+3]=e[3];return t}}();const Et=At;var Ct={create:function(){var e=new ce(9);return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=1,e[5]=0,e[6]=0,e[7]=0,e[8]=1,e},fromMat4:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[4],e[4]=t[5],e[5]=t[6],e[6]=t[8],e[7]=t[9],e[8]=t[10],e},clone:function(e){var t=new ce(9);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[8]=e[8],t},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=1,e[5]=0,e[6]=0,e[7]=0,e[8]=1,e},transpose:function(e,t){if(e===t){var r=t[1],i=t[2],n=t[5];e[1]=t[3],e[2]=t[6],e[3]=r,e[5]=t[7],e[6]=i,e[7]=n}else e[0]=t[0],e[1]=t[3],e[2]=t[6],e[3]=t[1],e[4]=t[4],e[5]=t[7],e[6]=t[2],e[7]=t[5],e[8]=t[8];return e},invert:function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],l=t[6],h=t[7],u=t[8],c=u*o-s*h,d=-u*a+s*l,f=h*a-o*l,p=r*c+i*d+n*f;return p?(p=1/p,e[0]=c*p,e[1]=(-u*i+n*h)*p,e[2]=(s*i-n*o)*p,e[3]=d*p,e[4]=(u*r-n*l)*p,e[5]=(-s*r+n*a)*p,e[6]=f*p,e[7]=(-h*r+i*l)*p,e[8]=(o*r-i*a)*p,e):null},adjoint:function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],l=t[6],h=t[7],u=t[8];return e[0]=o*u-s*h,e[1]=n*h-i*u,e[2]=i*s-n*o,e[3]=s*l-a*u,e[4]=r*u-n*l,e[5]=n*a-r*s,e[6]=a*h-o*l,e[7]=i*l-r*h,e[8]=r*o-i*a,e},determinant:function(e){var t=e[0],r=e[1],i=e[2],n=e[3],a=e[4],o=e[5],s=e[6],l=e[7],h=e[8];return t*(h*a-o*l)+r*(-h*n+o*s)+i*(l*n-a*s)},multiply:function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=t[6],u=t[7],c=t[8],d=r[0],f=r[1],p=r[2],m=r[3],g=r[4],_=r[5],v=r[6],y=r[7],x=r[8];return e[0]=d*i+f*o+p*h,e[1]=d*n+f*s+p*u,e[2]=d*a+f*l+p*c,e[3]=m*i+g*o+_*h,e[4]=m*n+g*s+_*u,e[5]=m*a+g*l+_*c,e[6]=v*i+y*o+x*h,e[7]=v*n+y*s+x*u,e[8]=v*a+y*l+x*c,e}};Ct.mul=Ct.multiply,Ct.translate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=t[6],u=t[7],c=t[8],d=r[0],f=r[1];return e[0]=i,e[1]=n,e[2]=a,e[3]=o,e[4]=s,e[5]=l,e[6]=d*i+f*o+h,e[7]=d*n+f*s+u,e[8]=d*a+f*l+c,e},Ct.rotate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=t[6],u=t[7],c=t[8],d=Math.sin(r),f=Math.cos(r);return e[0]=f*i+d*o,e[1]=f*n+d*s,e[2]=f*a+d*l,e[3]=f*o-d*i,e[4]=f*s-d*n,e[5]=f*l-d*a,e[6]=h,e[7]=u,e[8]=c,e},Ct.scale=function(e,t,r){var i=r[0],n=r[1];return e[0]=i*t[0],e[1]=i*t[1],e[2]=i*t[2],e[3]=n*t[3],e[4]=n*t[4],e[5]=n*t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e},Ct.fromMat2d=function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=0,e[3]=t[2],e[4]=t[3],e[5]=0,e[6]=t[4],e[7]=t[5],e[8]=1,e},Ct.fromQuat=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=r+r,s=i+i,l=n+n,h=r*o,u=i*o,c=i*s,d=n*o,f=n*s,p=n*l,m=a*o,g=a*s,_=a*l;return e[0]=1-c-p,e[3]=u-_,e[6]=d+g,e[1]=u+_,e[4]=1-h-p,e[7]=f-m,e[2]=d-g,e[5]=f+m,e[8]=1-h-c,e},Ct.normalFromMat4=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],l=t[6],h=t[7],u=t[8],c=t[9],d=t[10],f=t[11],p=t[12],m=t[13],g=t[14],_=t[15],v=r*s-i*o,y=r*l-n*o,x=r*h-a*o,b=i*l-n*s,w=i*h-a*s,T=n*h-a*l,S=u*m-c*p,M=u*g-d*p,A=u*_-f*p,E=c*g-d*m,C=c*_-f*m,D=d*_-f*g,L=v*D-y*C+x*E+b*A-w*M+T*S;return L?(L=1/L,e[0]=(s*D-l*C+h*E)*L,e[1]=(l*A-o*D-h*M)*L,e[2]=(o*C-s*A+h*S)*L,e[3]=(n*C-i*D-a*E)*L,e[4]=(r*D-n*A+a*M)*L,e[5]=(i*A-r*C-a*S)*L,e[6]=(m*T-g*w+_*b)*L,e[7]=(g*x-p*T-_*y)*L,e[8]=(p*w-m*x+_*v)*L,e):null},Ct.frob=function(e){return Math.sqrt(Math.pow(e[0],2)+Math.pow(e[1],2)+Math.pow(e[2],2)+Math.pow(e[3],2)+Math.pow(e[4],2)+Math.pow(e[5],2)+Math.pow(e[6],2)+Math.pow(e[7],2)+Math.pow(e[8],2))};const Dt=Ct;var Lt,Pt,Ot,Nt,It={create:function(){var e=new ce(4);return e[0]=0,e[1]=0,e[2]=0,e[3]=1,e}};It.rotationTo=(Lt=Qe.create(),Pt=Qe.fromValues(1,0,0),Ot=Qe.fromValues(0,1,0),function(e,t,r){var i=Qe.dot(t,r);return i<-.999999?(Qe.cross(Lt,Pt,t),Qe.length(Lt)<1e-6&&Qe.cross(Lt,Ot,t),Qe.normalize(Lt,Lt),It.setAxisAngle(e,Lt,Math.PI),e):i>.999999?(e[0]=0,e[1]=0,e[2]=0,e[3]=1,e):(Qe.cross(Lt,t,r),e[0]=Lt[0],e[1]=Lt[1],e[2]=Lt[2],e[3]=1+i,It.normalize(e,e))}),It.setAxes=(Nt=Dt.create(),function(e,t,r,i){return Nt[0]=r[0],Nt[3]=r[1],Nt[6]=r[2],Nt[1]=i[0],Nt[4]=i[1],Nt[7]=i[2],Nt[2]=-t[0],Nt[5]=-t[1],Nt[8]=-t[2],It.normalize(e,It.fromMat3(e,Nt))}),It.clone=Et.clone,It.fromValues=Et.fromValues,It.copy=Et.copy,It.set=Et.set,It.identity=function(e){return e[0]=0,e[1]=0,e[2]=0,e[3]=1,e},It.setAxisAngle=function(e,t,r){r*=.5;var i=Math.sin(r);return e[0]=i*t[0],e[1]=i*t[1],e[2]=i*t[2],e[3]=Math.cos(r),e},It.add=Et.add,It.multiply=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=r[0],l=r[1],h=r[2],u=r[3];return e[0]=i*u+o*s+n*h-a*l,e[1]=n*u+o*l+a*s-i*h,e[2]=a*u+o*h+i*l-n*s,e[3]=o*u-i*s-n*l-a*h,e},It.mul=It.multiply,It.scale=Et.scale,It.rotateX=function(e,t,r){r*=.5;var i=t[0],n=t[1],a=t[2],o=t[3],s=Math.sin(r),l=Math.cos(r);return e[0]=i*l+o*s,e[1]=n*l+a*s,e[2]=a*l-n*s,e[3]=o*l-i*s,e},It.rotateY=function(e,t,r){r*=.5;var i=t[0],n=t[1],a=t[2],o=t[3],s=Math.sin(r),l=Math.cos(r);return e[0]=i*l-a*s,e[1]=n*l+o*s,e[2]=a*l+i*s,e[3]=o*l-n*s,e},It.rotateZ=function(e,t,r){r*=.5;var i=t[0],n=t[1],a=t[2],o=t[3],s=Math.sin(r),l=Math.cos(r);return e[0]=i*l+n*s,e[1]=n*l-i*s,e[2]=a*l+o*s,e[3]=o*l-a*s,e},It.calculateW=function(e,t){var r=t[0],i=t[1],n=t[2];return e[0]=r,e[1]=i,e[2]=n,e[3]=Math.sqrt(Math.abs(1-r*r-i*i-n*n)),e},It.dot=Et.dot,It.lerp=Et.lerp,It.slerp=function(e,t,r,i){var n,a,o,s,l,h=t[0],u=t[1],c=t[2],d=t[3],f=r[0],p=r[1],m=r[2],g=r[3];return(a=h*f+u*p+c*m+d*g)<0&&(a=-a,f=-f,p=-p,m=-m,g=-g),1-a>1e-6?(n=Math.acos(a),o=Math.sin(n),s=Math.sin((1-i)*n)/o,l=Math.sin(i*n)/o):(s=1-i,l=i),e[0]=s*h+l*f,e[1]=s*u+l*p,e[2]=s*c+l*m,e[3]=s*d+l*g,e},It.invert=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=r*r+i*i+n*n+a*a,s=o?1/o:0;return e[0]=-r*s,e[1]=-i*s,e[2]=-n*s,e[3]=a*s,e},It.conjugate=function(e,t){return e[0]=-t[0],e[1]=-t[1],e[2]=-t[2],e[3]=t[3],e},It.length=Et.length,It.len=It.length,It.squaredLength=Et.squaredLength,It.sqrLen=It.squaredLength,It.normalize=Et.normalize,It.fromMat3=function(e,t){var r,i=t[0]+t[4]+t[8];if(i>0)r=Math.sqrt(i+1),e[3]=.5*r,r=.5/r,e[0]=(t[5]-t[7])*r,e[1]=(t[6]-t[2])*r,e[2]=(t[1]-t[3])*r;else{var n=0;t[4]>t[0]&&(n=1),t[8]>t[3*n+n]&&(n=2);var a=(n+1)%3,o=(n+2)%3;r=Math.sqrt(t[3*n+n]-t[3*a+a]-t[3*o+o]+1),e[n]=.5*r,r=.5/r,e[3]=(t[3*a+o]-t[3*o+a])*r,e[a]=(t[3*a+n]+t[3*n+a])*r,e[o]=(t[3*o+n]+t[3*n+o])*r}return e};const Rt=It;var Bt,Ft,zt,Gt,Ut=function(){this._axisX=new vt,this._axisY=new vt,this._axisZ=new vt,this.array=Ye.create(),this._dirty=!0};Ut.prototype={constructor:Ut,setArray:function(e){for(var t=0;t<this.array.length;t++)this.array[t]=e[t];return this._dirty=!0,this},adjoint:function(){return Ye.adjoint(this.array,this.array),this._dirty=!0,this},clone:function(){return(new Ut).copy(this)},copy:function(e){return Ye.copy(this.array,e.array),this._dirty=!0,this},determinant:function(){return Ye.determinant(this.array)},fromQuat:function(e){return Ye.fromQuat(this.array,e.array),this._dirty=!0,this},fromRotationTranslation:function(e,t){return Ye.fromRotationTranslation(this.array,e.array,t.array),this._dirty=!0,this},fromMat2d:function(e){return Ut.fromMat2d(this,e),this},frustum:function(e,t,r,i,n,a){return Ye.frustum(this.array,e,t,r,i,n,a),this._dirty=!0,this},identity:function(){return Ye.identity(this.array),this._dirty=!0,this},invert:function(){return Ye.invert(this.array,this.array),this._dirty=!0,this},lookAt:function(e,t,r){return Ye.lookAt(this.array,e.array,t.array,r.array),this._dirty=!0,this},mul:function(e){return Ye.mul(this.array,this.array,e.array),this._dirty=!0,this},mulLeft:function(e){return Ye.mul(this.array,e.array,this.array),this._dirty=!0,this},multiply:function(e){return Ye.multiply(this.array,this.array,e.array),this._dirty=!0,this},multiplyLeft:function(e){return Ye.multiply(this.array,e.array,this.array),this._dirty=!0,this},ortho:function(e,t,r,i,n,a){return Ye.ortho(this.array,e,t,r,i,n,a),this._dirty=!0,this},perspective:function(e,t,r,i){return Ye.perspective(this.array,e,t,r,i),this._dirty=!0,this},rotate:function(e,t){return Ye.rotate(this.array,this.array,e,t.array),this._dirty=!0,this},rotateX:function(e){return Ye.rotateX(this.array,this.array,e),this._dirty=!0,this},rotateY:function(e){return Ye.rotateY(this.array,this.array,e),this._dirty=!0,this},rotateZ:function(e){return Ye.rotateZ(this.array,this.array,e),this._dirty=!0,this},scale:function(e){return Ye.scale(this.array,this.array,e.array),this._dirty=!0,this},translate:function(e){return Ye.translate(this.array,this.array,e.array),this._dirty=!0,this},transpose:function(){return Ye.transpose(this.array,this.array),this._dirty=!0,this},decomposeMatrix:(Bt=Qe.create(),Ft=Qe.create(),zt=Qe.create(),Gt=Dt.create(),function(e,t,r){var i=this.array;Qe.set(Bt,i[0],i[1],i[2]),Qe.set(Ft,i[4],i[5],i[6]),Qe.set(zt,i[8],i[9],i[10]);var n=Qe.length(Bt),a=Qe.length(Ft),o=Qe.length(zt);this.determinant()<0&&(n=-n),e&&e.set(n,a,o),r.set(i[12],i[13],i[14]),Dt.fromMat4(Gt,i),Gt[0]/=n,Gt[1]/=n,Gt[2]/=n,Gt[3]/=a,Gt[4]/=a,Gt[5]/=a,Gt[6]/=o,Gt[7]/=o,Gt[8]/=o,Rt.fromMat3(t.array,Gt),Rt.normalize(t.array,t.array),t._dirty=!0,r._dirty=!0}),toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}};var kt=Object.defineProperty;if(kt){var Vt=Ut.prototype;kt(Vt,"z",{get:function(){var e=this.array;return this._axisZ.set(e[8],e[9],e[10]),this._axisZ},set:function(e){var t=this.array;e=e.array,t[8]=e[0],t[9]=e[1],t[10]=e[2],this._dirty=!0}}),kt(Vt,"y",{get:function(){var e=this.array;return this._axisY.set(e[4],e[5],e[6]),this._axisY},set:function(e){var t=this.array;e=e.array,t[4]=e[0],t[5]=e[1],t[6]=e[2],this._dirty=!0}}),kt(Vt,"x",{get:function(){var e=this.array;return this._axisX.set(e[0],e[1],e[2]),this._axisX},set:function(e){var t=this.array;e=e.array,t[0]=e[0],t[1]=e[1],t[2]=e[2],this._dirty=!0}})}Ut.adjoint=function(e,t){return Ye.adjoint(e.array,t.array),e._dirty=!0,e},Ut.copy=function(e,t){return Ye.copy(e.array,t.array),e._dirty=!0,e},Ut.determinant=function(e){return Ye.determinant(e.array)},Ut.identity=function(e){return Ye.identity(e.array),e._dirty=!0,e},Ut.ortho=function(e,t,r,i,n,a,o){return Ye.ortho(e.array,t,r,i,n,a,o),e._dirty=!0,e},Ut.perspective=function(e,t,r,i,n){return Ye.perspective(e.array,t,r,i,n),e._dirty=!0,e},Ut.lookAt=function(e,t,r,i){return Ye.lookAt(e.array,t.array,r.array,i.array),e._dirty=!0,e},Ut.invert=function(e,t){return Ye.invert(e.array,t.array),e._dirty=!0,e},Ut.multiply=Ut.mul=function(e,t,r){return Ye.mul(e.array,t.array,r.array),e._dirty=!0,e},Ut.fromQuat=function(e,t){return Ye.fromQuat(e.array,t.array),e._dirty=!0,e},Ut.fromRotationTranslation=function(e,t,r){return Ye.fromRotationTranslation(e.array,t.array,r.array),e._dirty=!0,e},Ut.fromMat2d=function(e,t){return e._dirty=!0,t=t.array,(e=e.array)[0]=t[0],e[4]=t[2],e[12]=t[4],e[1]=t[1],e[5]=t[3],e[13]=t[5],e},Ut.rotate=function(e,t,r,i){return Ye.rotate(e.array,t.array,r,i.array),e._dirty=!0,e},Ut.rotateX=function(e,t,r){return Ye.rotateX(e.array,t.array,r),e._dirty=!0,e},Ut.rotateY=function(e,t,r){return Ye.rotateY(e.array,t.array,r),e._dirty=!0,e},Ut.rotateZ=function(e,t,r){return Ye.rotateZ(e.array,t.array,r),e._dirty=!0,e},Ut.scale=function(e,t,r){return Ye.scale(e.array,t.array,r.array),e._dirty=!0,e},Ut.transpose=function(e,t){return Ye.transpose(e.array,t.array),e._dirty=!0,e},Ut.translate=function(e,t,r){return Ye.translate(e.array,t.array,r.array),e._dirty=!0,e};const Ht=Ut;var Wt=function(e,t,r,i){e=e||0,t=t||0,r=r||0,i=void 0===i?1:i,this.array=Rt.fromValues(e,t,r,i),this._dirty=!0};Wt.prototype={constructor:Wt,add:function(e){return Rt.add(this.array,this.array,e.array),this._dirty=!0,this},calculateW:function(){return Rt.calculateW(this.array,this.array),this._dirty=!0,this},set:function(e,t,r,i){return this.array[0]=e,this.array[1]=t,this.array[2]=r,this.array[3]=i,this._dirty=!0,this},setArray:function(e){return this.array[0]=e[0],this.array[1]=e[1],this.array[2]=e[2],this.array[3]=e[3],this._dirty=!0,this},clone:function(){return new Wt(this.x,this.y,this.z,this.w)},conjugate:function(){return Rt.conjugate(this.array,this.array),this._dirty=!0,this},copy:function(e){return Rt.copy(this.array,e.array),this._dirty=!0,this},dot:function(e){return Rt.dot(this.array,e.array)},fromMat3:function(e){return Rt.fromMat3(this.array,e.array),this._dirty=!0,this},fromMat4:function(){var e=Dt.create();return function(t){return Dt.fromMat4(e,t.array),Dt.transpose(e,e),Rt.fromMat3(this.array,e),this._dirty=!0,this}}(),identity:function(){return Rt.identity(this.array),this._dirty=!0,this},invert:function(){return Rt.invert(this.array,this.array),this._dirty=!0,this},len:function(){return Rt.len(this.array)},length:function(){return Rt.length(this.array)},lerp:function(e,t,r){return Rt.lerp(this.array,e.array,t.array,r),this._dirty=!0,this},mul:function(e){return Rt.mul(this.array,this.array,e.array),this._dirty=!0,this},mulLeft:function(e){return Rt.multiply(this.array,e.array,this.array),this._dirty=!0,this},multiply:function(e){return Rt.multiply(this.array,this.array,e.array),this._dirty=!0,this},multiplyLeft:function(e){return Rt.multiply(this.array,e.array,this.array),this._dirty=!0,this},normalize:function(){return Rt.normalize(this.array,this.array),this._dirty=!0,this},rotateX:function(e){return Rt.rotateX(this.array,this.array,e),this._dirty=!0,this},rotateY:function(e){return Rt.rotateY(this.array,this.array,e),this._dirty=!0,this},rotateZ:function(e){return Rt.rotateZ(this.array,this.array,e),this._dirty=!0,this},rotationTo:function(e,t){return Rt.rotationTo(this.array,e.array,t.array),this._dirty=!0,this},setAxes:function(e,t,r){return Rt.setAxes(this.array,e.array,t.array,r.array),this._dirty=!0,this},setAxisAngle:function(e,t){return Rt.setAxisAngle(this.array,e.array,t),this._dirty=!0,this},slerp:function(e,t,r){return Rt.slerp(this.array,e.array,t.array,r),this._dirty=!0,this},sqrLen:function(){return Rt.sqrLen(this.array)},squaredLength:function(){return Rt.squaredLength(this.array)},fromEuler:function(e,t){return Wt.fromEuler(this,e,t)},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}};var jt=Object.defineProperty;if(jt){var Xt=Wt.prototype;jt(Xt,"x",{get:function(){return this.array[0]},set:function(e){this.array[0]=e,this._dirty=!0}}),jt(Xt,"y",{get:function(){return this.array[1]},set:function(e){this.array[1]=e,this._dirty=!0}}),jt(Xt,"z",{get:function(){return this.array[2]},set:function(e){this.array[2]=e,this._dirty=!0}}),jt(Xt,"w",{get:function(){return this.array[3]},set:function(e){this.array[3]=e,this._dirty=!0}})}Wt.add=function(e,t,r){return Rt.add(e.array,t.array,r.array),e._dirty=!0,e},Wt.set=function(e,t,r,i,n){Rt.set(e.array,t,r,i,n),e._dirty=!0},Wt.copy=function(e,t){return Rt.copy(e.array,t.array),e._dirty=!0,e},Wt.calculateW=function(e,t){return Rt.calculateW(e.array,t.array),e._dirty=!0,e},Wt.conjugate=function(e,t){return Rt.conjugate(e.array,t.array),e._dirty=!0,e},Wt.identity=function(e){return Rt.identity(e.array),e._dirty=!0,e},Wt.invert=function(e,t){return Rt.invert(e.array,t.array),e._dirty=!0,e},Wt.dot=function(e,t){return Rt.dot(e.array,t.array)},Wt.len=function(e){return Rt.length(e.array)},Wt.lerp=function(e,t,r,i){return Rt.lerp(e.array,t.array,r.array,i),e._dirty=!0,e},Wt.slerp=function(e,t,r,i){return Rt.slerp(e.array,t.array,r.array,i),e._dirty=!0,e},Wt.multiply=Wt.mul=function(e,t,r){return Rt.multiply(e.array,t.array,r.array),e._dirty=!0,e},Wt.rotateX=function(e,t,r){return Rt.rotateX(e.array,t.array,r),e._dirty=!0,e},Wt.rotateY=function(e,t,r){return Rt.rotateY(e.array,t.array,r),e._dirty=!0,e},Wt.rotateZ=function(e,t,r){return Rt.rotateZ(e.array,t.array,r),e._dirty=!0,e},Wt.setAxisAngle=function(e,t,r){return Rt.setAxisAngle(e.array,t.array,r),e._dirty=!0,e},Wt.normalize=function(e,t){return Rt.normalize(e.array,t.array),e._dirty=!0,e},Wt.squaredLength=Wt.sqrLen=function(e){return Rt.sqrLen(e.array)},Wt.fromMat3=function(e,t){return Rt.fromMat3(e.array,t.array),e._dirty=!0,e},Wt.setAxes=function(e,t,r,i){return Rt.setAxes(e.array,t.array,r.array,i.array),e._dirty=!0,e},Wt.rotationTo=function(e,t,r){return Rt.rotationTo(e.array,t.array,r.array),e._dirty=!0,e},Wt.fromEuler=function(e,t,r){e._dirty=!0,t=t.array;var i=e.array,n=Math.cos(t[0]/2),a=Math.cos(t[1]/2),o=Math.cos(t[2]/2),s=Math.sin(t[0]/2),l=Math.sin(t[1]/2),h=Math.sin(t[2]/2);switch(r=(r||"XYZ").toUpperCase()){case"XYZ":i[0]=s*a*o+n*l*h,i[1]=n*l*o-s*a*h,i[2]=n*a*h+s*l*o,i[3]=n*a*o-s*l*h;break;case"YXZ":i[0]=s*a*o+n*l*h,i[1]=n*l*o-s*a*h,i[2]=n*a*h-s*l*o,i[3]=n*a*o+s*l*h;break;case"ZXY":i[0]=s*a*o-n*l*h,i[1]=n*l*o+s*a*h,i[2]=n*a*h+s*l*o,i[3]=n*a*o-s*l*h;break;case"ZYX":i[0]=s*a*o-n*l*h,i[1]=n*l*o+s*a*h,i[2]=n*a*h-s*l*o,i[3]=n*a*o+s*l*h;break;case"YZX":i[0]=s*a*o+n*l*h,i[1]=n*l*o+s*a*h,i[2]=n*a*h-s*l*o,i[3]=n*a*o-s*l*h;break;case"XZY":i[0]=s*a*o-n*l*h,i[1]=n*l*o-s*a*h,i[2]=n*a*h+s*l*o,i[3]=n*a*o+s*l*h}};const qt=Wt;var Zt,Yt,Kt,Qt,Jt,$t,er=Qe.set,tr=Qe.copy,rr=function(e,t){this.min=e||new vt(1/0,1/0,1/0),this.max=t||new vt(-1/0,-1/0,-1/0),this.vertices=null};rr.prototype={constructor:rr,updateFromVertices:function(e){if(e.length>0){var t=this.min,r=this.max,i=t.array,n=r.array;tr(i,e[0]),tr(n,e[0]);for(var a=1;a<e.length;a++){var o=e[a];o[0]<i[0]&&(i[0]=o[0]),o[1]<i[1]&&(i[1]=o[1]),o[2]<i[2]&&(i[2]=o[2]),o[0]>n[0]&&(n[0]=o[0]),o[1]>n[1]&&(n[1]=o[1]),o[2]>n[2]&&(n[2]=o[2])}t._dirty=!0,r._dirty=!0}},union:function(e){var t=this.min,r=this.max;return Qe.min(t.array,t.array,e.min.array),Qe.max(r.array,r.array,e.max.array),t._dirty=!0,r._dirty=!0,this},intersection:function(e){var t=this.min,r=this.max;return Qe.max(t.array,t.array,e.min.array),Qe.min(r.array,r.array,e.max.array),t._dirty=!0,r._dirty=!0,this},intersectBoundingBox:function(e){var t=this.min.array,r=this.max.array,i=e.min.array,n=e.max.array;return!(t[0]>n[0]||t[1]>n[1]||t[2]>n[2]||r[0]<i[0]||r[1]<i[1]||r[2]<i[2])},containBoundingBox:function(e){var t=this.min.array,r=this.max.array,i=e.min.array,n=e.max.array;return t[0]<=i[0]&&t[1]<=i[1]&&t[2]<=i[2]&&r[0]>=n[0]&&r[1]>=n[1]&&r[2]>=n[2]},containPoint:function(e){var t=this.min.array,r=this.max.array,i=e.array;return t[0]<=i[0]&&t[1]<=i[1]&&t[2]<=i[2]&&r[0]>=i[0]&&r[1]>=i[1]&&r[2]>=i[2]},isFinite:function(){var e=this.min.array,t=this.max.array;return isFinite(e[0])&&isFinite(e[1])&&isFinite(e[2])&&isFinite(t[0])&&isFinite(t[1])&&isFinite(t[2])},applyTransform:function(e){this.transformFrom(this,e)},transformFrom:(Zt=Qe.create(),Yt=Qe.create(),Kt=Qe.create(),Qt=Qe.create(),Jt=Qe.create(),$t=Qe.create(),function(e,t){var r=e.min.array,i=e.max.array,n=t.array;return Zt[0]=n[0]*r[0],Zt[1]=n[1]*r[0],Zt[2]=n[2]*r[0],Yt[0]=n[0]*i[0],Yt[1]=n[1]*i[0],Yt[2]=n[2]*i[0],Kt[0]=n[4]*r[1],Kt[1]=n[5]*r[1],Kt[2]=n[6]*r[1],Qt[0]=n[4]*i[1],Qt[1]=n[5]*i[1],Qt[2]=n[6]*i[1],Jt[0]=n[8]*r[2],Jt[1]=n[9]*r[2],Jt[2]=n[10]*r[2],$t[0]=n[8]*i[2],$t[1]=n[9]*i[2],$t[2]=n[10]*i[2],r=this.min.array,i=this.max.array,r[0]=Math.min(Zt[0],Yt[0])+Math.min(Kt[0],Qt[0])+Math.min(Jt[0],$t[0])+n[12],r[1]=Math.min(Zt[1],Yt[1])+Math.min(Kt[1],Qt[1])+Math.min(Jt[1],$t[1])+n[13],r[2]=Math.min(Zt[2],Yt[2])+Math.min(Kt[2],Qt[2])+Math.min(Jt[2],$t[2])+n[14],i[0]=Math.max(Zt[0],Yt[0])+Math.max(Kt[0],Qt[0])+Math.max(Jt[0],$t[0])+n[12],i[1]=Math.max(Zt[1],Yt[1])+Math.max(Kt[1],Qt[1])+Math.max(Jt[1],$t[1])+n[13],i[2]=Math.max(Zt[2],Yt[2])+Math.max(Kt[2],Qt[2])+Math.max(Jt[2],$t[2])+n[14],this.min._dirty=!0,this.max._dirty=!0,this}),applyProjection:function(e){var t=this.min.array,r=this.max.array,i=e.array,n=t[0],a=t[1],o=t[2],s=r[0],l=r[1],h=t[2],u=r[0],c=r[1],d=r[2];if(1===i[15])t[0]=i[0]*n+i[12],t[1]=i[5]*a+i[13],r[2]=i[10]*o+i[14],r[0]=i[0]*u+i[12],r[1]=i[5]*c+i[13],t[2]=i[10]*d+i[14];else{var f=-1/o;t[0]=i[0]*n*f,t[1]=i[5]*a*f,r[2]=(i[10]*o+i[14])*f,f=-1/h,r[0]=i[0]*s*f,r[1]=i[5]*l*f,f=-1/d,t[2]=(i[10]*d+i[14])*f}return this.min._dirty=!0,this.max._dirty=!0,this},updateVertices:function(){var e=this.vertices;if(!e){e=[];for(var t=0;t<8;t++)e[t]=Qe.fromValues(0,0,0);this.vertices=e}var r=this.min.array,i=this.max.array;return er(e[0],r[0],r[1],r[2]),er(e[1],r[0],i[1],r[2]),er(e[2],i[0],r[1],r[2]),er(e[3],i[0],i[1],r[2]),er(e[4],r[0],r[1],i[2]),er(e[5],r[0],i[1],i[2]),er(e[6],i[0],r[1],i[2]),er(e[7],i[0],i[1],i[2]),this},copy:function(e){var t=this.min,r=this.max;return tr(t.array,e.min.array),tr(r.array,e.max.array),t._dirty=!0,r._dirty=!0,this},clone:function(){var e=new rr;return e.copy(this),e}};const ir=rr;var nr,ar,or=0;const sr=m.extend({name:"",position:null,rotation:null,scale:null,worldTransform:null,localTransform:null,autoUpdateLocalTransform:!0,_parent:null,_scene:null,_needsUpdateWorldTransform:!0,_inIterating:!1,__depth:0},(function(){this.name||(this.name=(this.type||"NODE")+"_"+or++),this.position||(this.position=new vt),this.rotation||(this.rotation=new qt),this.scale||(this.scale=new vt(1,1,1)),this.worldTransform=new Ht,this.localTransform=new Ht,this._children=[]}),{target:null,invisible:!1,isSkinnedMesh:function(){return!1},isRenderable:function(){return!1},setName:function(e){var t=this._scene;if(t){var r=t._nodeRepository;delete r[this.name],r[e]=this}this.name=e},add:function(e){var t=e._parent;if(t!==this){t&&t.remove(e),e._parent=this,this._children.push(e);var r=this._scene;r&&r!==e.scene&&e.traverse(this._addSelfToScene,this),e._needsUpdateWorldTransform=!0}},remove:function(e){var t=this._children,r=t.indexOf(e);r<0||(t.splice(r,1),e._parent=null,this._scene&&e.traverse(this._removeSelfFromScene,this))},removeAll:function(){for(var e=this._children,t=0;t<e.length;t++)e[t]._parent=null,this._scene&&e[t].traverse(this._removeSelfFromScene,this);this._children=[]},getScene:function(){return this._scene},getParent:function(){return this._parent},_removeSelfFromScene:function(e){e._scene.removeFromScene(e),e._scene=null},_addSelfToScene:function(e){this._scene.addToScene(e),e._scene=this._scene},isAncestor:function(e){for(var t=e._parent;t;){if(t===this)return!0;t=t._parent}return!1},children:function(){return this._children.slice()},childAt:function(e){return this._children[e]},getChildByName:function(e){for(var t=this._children,r=0;r<t.length;r++)if(t[r].name===e)return t[r]},getDescendantByName:function(e){for(var t=this._children,r=0;r<t.length;r++){var i=t[r];if(i.name===e)return i;var n=i.getDescendantByName(e);if(n)return n}},queryNode:function(e){if(e){for(var t=e.split("/"),r=this,i=0;i<t.length;i++){var n=t[i];if(n){for(var a=!1,o=r._children,s=0;s<o.length;s++){var l=o[s];if(l.name===n){r=l,a=!0;break}}if(!a)return}}return r}},getPath:function(e){if(!this._parent)return"/";for(var t=this._parent,r=this.name;t._parent&&(r=t.name+"/"+r,t._parent!=e);)t=t._parent;return!t._parent&&e?null:r},traverse:function(e,t){e.call(t,this);for(var r=this._children,i=0,n=r.length;i<n;i++)r[i].traverse(e,t)},eachChild:function(e,t){for(var r=this._children,i=0,n=r.length;i<n;i++){var a=r[i];e.call(t,a,i)}},setLocalTransform:function(e){Ye.copy(this.localTransform.array,e.array),this.decomposeLocalTransform()},decomposeLocalTransform:function(e){var t=e?null:this.scale;this.localTransform.decomposeMatrix(t,this.rotation,this.position)},setWorldTransform:function(e){Ye.copy(this.worldTransform.array,e.array),this.decomposeWorldTransform()},decomposeWorldTransform:(ar=Ye.create(),function(e){var t=this.localTransform,r=this.worldTransform;this._parent?(Ye.invert(ar,this._parent.worldTransform.array),Ye.multiply(t.array,ar,r.array)):Ye.copy(t.array,r.array);var i=e?null:this.scale;t.decomposeMatrix(i,this.rotation,this.position)}),transformNeedsUpdate:function(){return this.position._dirty||this.rotation._dirty||this.scale._dirty},updateLocalTransform:function(){var e=this.position,t=this.rotation,r=this.scale;if(this.transformNeedsUpdate()){var i=this.localTransform.array;Ye.fromRotationTranslation(i,t.array,e.array),Ye.scale(i,i,r.array),t._dirty=!1,r._dirty=!1,e._dirty=!1,this._needsUpdateWorldTransform=!0}},_updateWorldTransformTopDown:function(){var e=this.localTransform.array,t=this.worldTransform.array;this._parent?Ye.multiplyAffine(t,this._parent.worldTransform.array,e):Ye.copy(t,e)},updateWorldTransform:function(){for(var e=this;e&&e.getParent()&&e.getParent().transformNeedsUpdate();)e=e.getParent();e.update()},update:function(e){this.autoUpdateLocalTransform?this.updateLocalTransform():e=!0,(e||this._needsUpdateWorldTransform)&&(this._updateWorldTransformTopDown(),e=!0,this._needsUpdateWorldTransform=!1);for(var t=this._children,r=0,i=t.length;r<i;r++)t[r].update(e)},getBoundingBox:function(){function e(e){return!e.invisible&&e.geometry}var t=new ir,r=new Ht,i=new Ht;return function(n,a){return a=a||new ir,n=n||e,this._parent?Ht.invert(i,this._parent.worldTransform):Ht.identity(i),this.traverse((function(e){e.geometry&&e.geometry.boundingBox&&(t.copy(e.geometry.boundingBox),Ht.multiply(r,i,e.worldTransform),t.applyTransform(r),a.union(t))}),this,e),a}}(),getWorldPosition:function(e){this.transformNeedsUpdate()&&this.updateWorldTransform();var t=this.worldTransform.array;if(e){var r=e.array;return r[0]=t[12],r[1]=t[13],r[2]=t[14],e}return new vt(t[12],t[13],t[14])},clone:function(){var e=new this.constructor,t=this._children;e.setName(this.name),e.position.copy(this.position),e.rotation.copy(this.rotation),e.scale.copy(this.scale);for(var r=0;r<t.length;r++)e.add(t[r].clone());return e},rotateAround:function(){var e=new vt,t=new Ht;return function(r,i,n){e.copy(this.position).subtract(r);var a=this.localTransform;a.identity(),a.translate(r),a.rotate(n,i),t.fromRotationTranslation(this.rotation,e),a.multiply(t),a.scale(this.scale),this.decomposeLocalTransform(),this._needsUpdateWorldTransform=!0}}(),lookAt:(nr=new Ht,function(e,t){nr.lookAt(this.position,e,t||this.localTransform.y).invert(),this.setLocalTransform(nr),this.target=e})});var lr,hr=sr.extend({material:null,geometry:null,mode:4,_renderInfo:null},{__program:null,lightGroup:0,renderOrder:0,culling:!0,cullFace:x,frontFace:w,frustumCulling:!0,receiveShadow:!0,castShadow:!0,ignorePicking:!1,ignorePreZ:!1,ignoreGBuffer:!1,isRenderable:function(){return this.geometry&&this.material&&this.material.shader&&!this.invisible&&this.geometry.vertexCount>0},beforeRender:function(e){},afterRender:function(e,t){},getBoundingBox:function(e,t){return t=sr.prototype.getBoundingBox.call(this,e,t),this.geometry&&this.geometry.boundingBox&&t.union(this.geometry.boundingBox),t},clone:(lr=["castShadow","receiveShadow","mode","culling","cullFace","frontFace","frustumCulling","renderOrder","lineWidth","ignorePicking","ignorePreZ","ignoreGBuffer"],function(){var e=sr.prototype.clone.call(this);e.geometry=this.geometry,e.material=this.material;for(var t=0;t<lr.length;t++){var r=lr[t];e[r]!==this[r]&&(e[r]=this[r])}return e})});hr.POINTS=0,hr.LINES=1,hr.LINE_LOOP=2,hr.LINE_STRIP=3,hr.TRIANGLES=4,hr.TRIANGLE_STRIP=5,hr.TRIANGLE_FAN=6,hr.BACK=x,hr.FRONT=y,hr.FRONT_AND_BACK=1032,hr.CW=b,hr.CCW=w;const ur=hr;var cr,dr,fr,pr,mr,gr=m.extend({scene:null,camera:null,renderer:null},(function(){this._ray=new Mt,this._ndc=new _e}),{pick:function(e,t,r){return this.pickAll(e,t,[],r)[0]||null},pickAll:function(e,t,r,i){return this.renderer.screenToNDC(e,t,this._ndc),this.camera.castRay(this._ndc,this._ray),r=r||[],this._intersectNode(this.scene,r,i||!1),r.sort(this._intersectionCompareFunc),r},_intersectNode:function(e,t,r){e instanceof ur&&e.isRenderable()&&(e.ignorePicking&&!r||!(4===e.mode&&e.geometry.isUseIndices()||e.geometry.pickByRay||e.geometry.pick)||this._intersectRenderable(e,t));for(var i=0;i<e._children.length;i++)this._intersectNode(e._children[i],t,r)},_intersectRenderable:(cr=new vt,dr=new vt,fr=new vt,pr=new Mt,mr=new Ht,function(e,t){var r=e.isSkinnedMesh();pr.copy(this._ray),Ht.invert(mr,e.worldTransform),r||pr.applyTransform(mr);var i=e.geometry,n=r?e.skeleton.boundingBox:i.boundingBox;if(!n||pr.intersectBoundingBox(n))if(i.pick)i.pick(this._ndc.x,this._ndc.y,this.renderer,this.camera,e,t);else if(i.pickByRay)i.pickByRay(pr,e,t);else{var a,o,s=e.cullFace===x&&e.frontFace===w||e.cullFace===y&&e.frontFace===b,l=i.indices,h=i.attributes.position,u=i.attributes.weight,c=i.attributes.joint,d=[];if(h&&h.value&&l){if(r){o=e.skeleton.getSubSkinMatrices(e.__uid__,e.joints);for(var f=0;f<e.joints.length;f++){d[f]=d[f]||[];for(var p=0;p<16;p++)d[f][p]=o[16*f+p]}var m=[],g=[],_=[],v=[],T=[],S=i.attributes.skinnedPosition;for(S&&S.value||(i.createAttribute("skinnedPosition","f",3),(S=i.attributes.skinnedPosition).init(i.vertexCount)),f=0;f<i.vertexCount;f++){for(h.get(f,m),u.get(f,g),c.get(f,_),g[3]=1-g[0]-g[1]-g[2],Qe.set(v,0,0,0),p=0;p<4;p++)_[p]>=0&&g[p]>1e-4&&(Qe.transformMat4(T,m,d[_[p]]),Qe.scaleAndAdd(v,v,T,g[p]));S.set(f,v)}}for(f=0;f<l.length;f+=3){var M=l[f],A=l[f+1],E=l[f+2],C=r?i.attributes.skinnedPosition:h;if(C.get(M,cr.array),C.get(A,dr.array),C.get(E,fr.array),a=s?pr.intersectTriangle(cr,dr,fr,e.culling):pr.intersectTriangle(cr,fr,dr,e.culling)){var D=new vt;r?vt.copy(D,a):vt.transformMat4(D,a,e.worldTransform),t.push(new gr.Intersection(a,D,e,[M,A,E],f/3,vt.dist(D,this._ray.origin)))}}}}}),_intersectionCompareFunc:function(e,t){return e.distance-t.distance}});gr.Intersection=function(e,t,r,i,n,a){this.point=e,this.pointWorld=t,this.target=r,this.triangle=i,this.triangleIndex=n,this.distance=a};const _r=gr;var vr="__dt__",yr=function(){this._contextId=0,this._caches=[],this._context={}};(yr.prototype={use:function(e,t){var r=this._caches;r[e]||(r[e]={},t&&(r[e]=t())),this._contextId=e,this._context=r[e]},put:function(e,t){this._context[e]=t},get:function(e){return this._context[e]},dirty:function(e){var t=vr+(e=e||"");this.put(t,!0)},dirtyAll:function(e){for(var t=vr+(e=e||""),r=this._caches,i=0;i<r.length;i++)r[i]&&(r[i][t]=!0)},fresh:function(e){var t=vr+(e=e||"");this.put(t,!1)},freshAll:function(e){for(var t=vr+(e=e||""),r=this._caches,i=0;i<r.length;i++)r[i]&&(r[i][t]=!1)},isDirty:function(e){var t=vr+(e=e||""),r=this._context;return!r.hasOwnProperty(t)||!0===r[t]},deleteContext:function(e){delete this._caches[e],this._context={}},delete:function(e){delete this._context[e]},clearAll:function(){this._caches={}},getContext:function(){return this._context},eachContext:function(e,t){Object.keys(this._caches).forEach((function(r){e&&e.call(t,r)}))},miss:function(e){return!this._context.hasOwnProperty(e)}}).constructor=yr;const xr=yr;var br=m.extend({width:512,height:512,type:T,format:A,wrapS:N,wrapT:N,minFilter:O,magFilter:C,useMipmap:!0,anisotropic:1,flipY:!0,sRGB:!0,unpackAlignment:4,premultiplyAlpha:!1,dynamic:!1,NPOT:!1,__used:0},(function(){this._cache=new xr}),{getWebGLTexture:function(e){var t=e.gl,r=this._cache;return r.use(e.__uid__),r.miss("webgl_texture")&&r.put("webgl_texture",t.createTexture()),this.dynamic?this.update(e):r.isDirty()&&(this.update(e),r.fresh()),r.get("webgl_texture")},bind:function(){},unbind:function(){},dirty:function(){this._cache&&this._cache.dirtyAll()},update:function(e){},updateCommon:function(e){var t=e.gl;t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,this.flipY),t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this.premultiplyAlpha),t.pixelStorei(t.UNPACK_ALIGNMENT,this.unpackAlignment),this.format===M&&(this.useMipmap=!1);var r=e.getGLExtension("EXT_sRGB");this.format!==br.SRGB||r||(this.format=br.RGB),this.format!==br.SRGB_ALPHA||r||(this.format=br.RGBA),this.NPOT=!this.isPowerOfTwo()},getAvailableWrapS:function(){return this.NPOT?I:this.wrapS},getAvailableWrapT:function(){return this.NPOT?I:this.wrapT},getAvailableMinFilter:function(){var e=this.minFilter;return this.NPOT||!this.useMipmap?e===D||e===P?E:e===O||e===L?C:e:e},getAvailableMagFilter:function(){return this.magFilter},nextHighestPowerOfTwo:function(e){--e;for(var t=1;t<32;t<<=1)e|=e>>t;return e+1},dispose:function(e){var t=this._cache;t.use(e.__uid__);var r=t.get("webgl_texture");r&&e.gl.deleteTexture(r),t.deleteContext(e.__uid__)},isRenderable:function(){},isPowerOfTwo:function(){}});Object.defineProperty(br.prototype,"width",{get:function(){return this._width},set:function(e){this._width=e}}),Object.defineProperty(br.prototype,"height",{get:function(){return this._height},set:function(e){this._height=e}}),br.BYTE=5120,br.UNSIGNED_BYTE=T,br.SHORT=5122,br.UNSIGNED_SHORT=5123,br.INT=5124,br.UNSIGNED_INT=5125,br.FLOAT=S,br.HALF_FLOAT=36193,br.UNSIGNED_INT_24_8_WEBGL=34042,br.DEPTH_COMPONENT=M,br.DEPTH_STENCIL=34041,br.ALPHA=6406,br.RGB=6407,br.RGBA=A,br.LUMINANCE=6409,br.LUMINANCE_ALPHA=6410,br.SRGB=35904,br.SRGB_ALPHA=35906,br.COMPRESSED_RGB_S3TC_DXT1_EXT=33776,br.COMPRESSED_RGBA_S3TC_DXT1_EXT=33777,br.COMPRESSED_RGBA_S3TC_DXT3_EXT=33778,br.COMPRESSED_RGBA_S3TC_DXT5_EXT=33779,br.NEAREST=E,br.LINEAR=C,br.NEAREST_MIPMAP_NEAREST=D,br.LINEAR_MIPMAP_NEAREST=L,br.NEAREST_MIPMAP_LINEAR=P,br.LINEAR_MIPMAP_LINEAR=O,br.REPEAT=N,br.CLAMP_TO_EDGE=I,br.MIRRORED_REPEAT=33648;const wr=br;var Tr=ur.extend({skeleton:null,joints:null},(function(){this.joints||(this.joints=[])}),{offsetMatrix:null,isInstancedMesh:function(){return!1},isSkinnedMesh:function(){return!!(this.skeleton&&this.joints&&this.joints.length>0)},clone:function(){var e=ur.prototype.clone.call(this);return e.skeleton=this.skeleton,this.joints&&(e.joints=this.joints.slice()),e}});Tr.POINTS=0,Tr.LINES=1,Tr.LINE_LOOP=2,Tr.LINE_STRIP=3,Tr.TRIANGLES=4,Tr.TRIANGLE_STRIP=5,Tr.TRIANGLE_FAN=6,Tr.BACK=x,Tr.FRONT=y,Tr.FRONT_AND_BACK=1032,Tr.CW=b,Tr.CCW=w;const Sr=Tr;const Mr={isPowerOfTwo:function(e){return 0==(e&e-1)},nextPowerOfTwo:function(e){return e--,e|=e>>1,e|=e>>2,e|=e>>4,e|=e>>8,e|=e>>16,++e},nearestPowerOfTwo:function(e){return Math.pow(2,Math.round(Math.log(e)/Math.LN2))}};var Ar=Mr.isPowerOfTwo;function Er(e){return Math.pow(2,Math.round(Math.log(e)/Math.LN2))}var Cr=wr.extend((function(){return{image:null,pixels:null,mipmaps:[],convertToPOT:!1}}),{textureType:"texture2D",update:function(e){var t=e.gl;t.bindTexture(t.TEXTURE_2D,this._cache.get("webgl_texture")),this.updateCommon(e);var r=this.format,i=this.type,n=!(!this.convertToPOT||this.mipmaps.length||!this.image||this.wrapS!==wr.REPEAT&&this.wrapT!==wr.REPEAT||!this.NPOT);t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,n?this.wrapS:this.getAvailableWrapS()),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,n?this.wrapT:this.getAvailableWrapT()),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,n?this.magFilter:this.getAvailableMagFilter()),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,n?this.minFilter:this.getAvailableMinFilter());var a=e.getGLExtension("EXT_texture_filter_anisotropic");if(a&&this.anisotropic>1&&t.texParameterf(t.TEXTURE_2D,a.TEXTURE_MAX_ANISOTROPY_EXT,this.anisotropic),36193===i&&(e.getGLExtension("OES_texture_half_float")||(i=S)),this.mipmaps.length)for(var o=this.width,s=this.height,l=0;l<this.mipmaps.length;l++){var h=this.mipmaps[l];this._updateTextureData(t,h,l,o,s,r,i,!1),o/=2,s/=2}else this._updateTextureData(t,this,0,this.width,this.height,r,i,n),!this.useMipmap||this.NPOT&&!n||t.generateMipmap(t.TEXTURE_2D);t.bindTexture(t.TEXTURE_2D,null)},_updateTextureData:function(e,t,r,i,n,a,o,s){if(t.image){var l=t.image;s&&(this._potCanvas=function(e,t){var r=Er(e.width),i=Er(e.height);return(t=t||document.createElement("canvas")).width=r,t.height=i,t.getContext("2d").drawImage(e.image,0,0,r,i),t}(this,this._potCanvas),l=this._potCanvas),e.texImage2D(e.TEXTURE_2D,r,a,a,o,l)}else a<=wr.COMPRESSED_RGBA_S3TC_DXT5_EXT&&a>=wr.COMPRESSED_RGB_S3TC_DXT1_EXT?e.compressedTexImage2D(e.TEXTURE_2D,r,a,i,n,0,t.pixels):e.texImage2D(e.TEXTURE_2D,r,a,i,n,0,a,o,t.pixels)},generateMipmap:function(e){var t=e.gl;this.useMipmap&&!this.NPOT&&(t.bindTexture(t.TEXTURE_2D,this._cache.get("webgl_texture")),t.generateMipmap(t.TEXTURE_2D))},isPowerOfTwo:function(){return Ar(this.width)&&Ar(this.height)},isRenderable:function(){return this.image?this.image.width>0&&this.image.height>0:!(!this.width||!this.height)},bind:function(e){e.gl.bindTexture(e.gl.TEXTURE_2D,this.getWebGLTexture(e))},unbind:function(e){e.gl.bindTexture(e.gl.TEXTURE_2D,null)},load:function(e,t){var r=U.createImage();t&&(r.crossOrigin=t);var i=this;return r.onload=function(){i.dirty(),i.trigger("success",i)},r.onerror=function(){i.trigger("error",i)},r.src=e,this.image=r,this}});Object.defineProperty(Cr.prototype,"width",{get:function(){return this.image?this.image.width:this._width},set:function(e){this.image?console.warn("Texture from image can't set width"):(this._width!==e&&this.dirty(),this._width=e)}}),Object.defineProperty(Cr.prototype,"height",{get:function(){return this.image?this.image.height:this._height},set:function(e){this.image?console.warn("Texture from image can't set height"):(this._height!==e&&this.dirty(),this._height=e)}});const Dr=Cr;function Lr(e){return{byte:U.Int8Array,ubyte:U.Uint8Array,short:U.Int16Array,ushort:U.Uint16Array}[e]||U.Float32Array}function Pr(e){return"attr_"+e}function Or(e,t,r,i){switch(this.name=e,this.type=t,this.size=r,this.semantic=i||"",this.value=null,r){case 1:this.get=function(e){return this.value[e]},this.set=function(e,t){this.value[e]=t},this.copy=function(e,t){this.value[e]=this.value[e]};break;case 2:this.get=function(e,t){var r=this.value;return t[0]=r[2*e],t[1]=r[2*e+1],t},this.set=function(e,t){var r=this.value;r[2*e]=t[0],r[2*e+1]=t[1]},this.copy=function(e,t){var r=this.value;t*=2,r[e*=2]=r[t],r[e+1]=r[t+1]};break;case 3:this.get=function(e,t){var r=3*e,i=this.value;return t[0]=i[r],t[1]=i[r+1],t[2]=i[r+2],t},this.set=function(e,t){var r=3*e,i=this.value;i[r]=t[0],i[r+1]=t[1],i[r+2]=t[2]},this.copy=function(e,t){var r=this.value;t*=3,r[e*=3]=r[t],r[e+1]=r[t+1],r[e+2]=r[t+2]};break;case 4:this.get=function(e,t){var r=this.value,i=4*e;return t[0]=r[i],t[1]=r[i+1],t[2]=r[i+2],t[3]=r[i+3],t},this.set=function(e,t){var r=this.value,i=4*e;r[i]=t[0],r[i+1]=t[1],r[i+2]=t[2],r[i+3]=t[3]},this.copy=function(e,t){var r=this.value;t*=4,r[e*=4]=r[t],r[e+1]=r[t+1],r[e+2]=r[t+2],r[e+3]=r[t+3]}}}function Nr(e,t,r,i,n){this.name=e,this.type=t,this.buffer=r,this.size=i,this.semantic=n,this.symbol="",this.needsRemove=!1}function Ir(e){this.buffer=e,this.count=0}Or.prototype.init=function(e){if(!this.value||this.value.length!==e*this.size){var t=Lr(this.type);this.value=new t(e*this.size)}},Or.prototype.fromArray=function(e){var t,r=Lr(this.type);if(e[0]&&e[0].length){var i=0,n=this.size;t=new r(e.length*n);for(var a=0;a<e.length;a++)for(var o=0;o<n;o++)t[i++]=e[a][o]}else t=new r(e);this.value=t},Or.prototype.clone=function(e){var t=new Or(this.name,this.type,this.size,this.semantic);return e&&console.warn("todo"),t};var Rr=m.extend((function(){return{attributes:{},indices:null,dynamic:!0,_enabledAttributes:null,__used:0}}),(function(){this._cache=new xr,this._attributeList=Object.keys(this.attributes),this.__vaoCache={}}),{mainAttribute:"",pick:null,pickByRay:null,dirty:function(){for(var e=this.getEnabledAttributes(),t=0;t<e.length;t++)this.dirtyAttribute(e[t]);this.dirtyIndices(),this._enabledAttributes=null,this._cache.dirty("any")},dirtyIndices:function(){this._cache.dirtyAll("indices")},dirtyAttribute:function(e){this._cache.dirtyAll(Pr(e)),this._cache.dirtyAll("attributes")},getTriangleIndices:function(e,t){if(e<this.triangleCount&&e>=0){t||(t=[]);var r=this.indices;return t[0]=r[3*e],t[1]=r[3*e+1],t[2]=r[3*e+2],t}},setTriangleIndices:function(e,t){var r=this.indices;r[3*e]=t[0],r[3*e+1]=t[1],r[3*e+2]=t[2]},isUseIndices:function(){return!!this.indices},initIndicesFromArray:function(e){var t,r=this.vertexCount>65535?U.Uint32Array:U.Uint16Array;if(e[0]&&e[0].length){var i=0;t=new r(3*e.length);for(var n=0;n<e.length;n++)for(var a=0;a<3;a++)t[i++]=e[n][a]}else t=new r(e);this.indices=t},createAttribute:function(e,t,r,i){var n=new Or(e,t,r,i);return this.attributes[e]&&this.removeAttribute(e),this.attributes[e]=n,this._attributeList.push(e),n},removeAttribute:function(e){var t=this._attributeList,r=t.indexOf(e);return r>=0&&(t.splice(r,1),delete this.attributes[e],!0)},getAttribute:function(e){return this.attributes[e]},getEnabledAttributes:function(){var e=this._enabledAttributes,t=this._attributeList;if(e)return e;for(var r=[],i=this.vertexCount,n=0;n<t.length;n++){var a=t[n],o=this.attributes[a];o.value&&o.value.length===i*o.size&&r.push(a)}return this._enabledAttributes=r,r},getBufferChunks:function(e){var t=this._cache;t.use(e.__uid__);var r=t.isDirty("attributes"),i=t.isDirty("indices");if(r||i){this._updateBuffer(e.gl,r,i);for(var n=this.getEnabledAttributes(),a=0;a<n.length;a++)t.fresh(Pr(n[a]));t.fresh("attributes"),t.fresh("indices")}return t.fresh("any"),t.get("chunks")},_updateBuffer:function(e,t,r){var i=this._cache,n=i.get("chunks"),a=!1;n||((n=[])[0]={attributeBuffers:[],indicesBuffer:null},i.put("chunks",n),a=!0);var o=n[0],s=o.attributeBuffers,l=o.indicesBuffer;if(t||a){var h=this.getEnabledAttributes(),u={};if(!a)for(var c=0;c<s.length;c++)u[s[c].name]=s[c];for(var d=0;d<h.length;d++){var f,p,m=h[d],g=this.attributes[m];a||(f=u[m]),p=f?f.buffer:e.createBuffer(),i.isDirty(Pr(m))&&(e.bindBuffer(e.ARRAY_BUFFER,p),e.bufferData(e.ARRAY_BUFFER,g.value,this.dynamic?e.DYNAMIC_DRAW:e.STATIC_DRAW)),s[d]=new Nr(m,g.type,p,g.size,g.semantic)}for(c=d;c<s.length;c++)e.deleteBuffer(s[c].buffer);s.length=d}this.isUseIndices()&&(r||a)&&(l||(l=new Ir(e.createBuffer()),o.indicesBuffer=l),l.count=this.indices.length,e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,l.buffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,this.indices,this.dynamic?e.DYNAMIC_DRAW:e.STATIC_DRAW))},dispose:function(e){var t=this._cache;t.use(e.__uid__);var r=t.get("chunks");if(r)for(var i=0;i<r.length;i++){for(var n=r[i],a=0;a<n.attributeBuffers.length;a++){var o=n.attributeBuffers[a];e.gl.deleteBuffer(o.buffer)}n.indicesBuffer&&e.gl.deleteBuffer(n.indicesBuffer.buffer)}if(this.__vaoCache){var s=e.getGLExtension("OES_vertex_array_object");for(var l in this.__vaoCache){var h=this.__vaoCache[l].vao;h&&s.deleteVertexArrayOES(h)}}this.__vaoCache={},t.deleteContext(e.__uid__)}});Object.defineProperty&&(Object.defineProperty(Rr.prototype,"vertexCount",{enumerable:!1,get:function(){var e=this.attributes[this.mainAttribute];return e||(e=this.attributes[this._attributeList[0]]),e&&e.value?e.value.length/e.size:0}}),Object.defineProperty(Rr.prototype,"triangleCount",{enumerable:!1,get:function(){var e=this.indices;return e?e.length/3:0}})),Rr.STATIC_DRAW=35044,Rr.DYNAMIC_DRAW=35048,Rr.STREAM_DRAW=35040,Rr.AttributeBuffer=Nr,Rr.IndicesBuffer=Ir,Rr.Attribute=Or;const Br=Rr;var Fr=Qe.create,zr=Qe.add,Gr=Qe.set,Ur=Br.Attribute,kr=Br.extend((function(){return{attributes:{position:new Ur("position","float",3,"POSITION"),texcoord0:new Ur("texcoord0","float",2,"TEXCOORD_0"),texcoord1:new Ur("texcoord1","float",2,"TEXCOORD_1"),normal:new Ur("normal","float",3,"NORMAL"),tangent:new Ur("tangent","float",4,"TANGENT"),color:new Ur("color","float",4,"COLOR"),weight:new Ur("weight","float",3,"WEIGHT"),joint:new Ur("joint","float",4,"JOINT"),barycentric:new Ur("barycentric","float",3,null)},boundingBox:null}}),{mainAttribute:"position",updateBoundingBox:function(){var e=this.boundingBox;e||(e=this.boundingBox=new ir);var t=this.attributes.position.value;if(t&&t.length){var r=e.min,i=e.max,n=r.array,a=i.array;Qe.set(n,t[0],t[1],t[2]),Qe.set(a,t[0],t[1],t[2]);for(var o=3;o<t.length;){var s=t[o++],l=t[o++],h=t[o++];s<n[0]&&(n[0]=s),l<n[1]&&(n[1]=l),h<n[2]&&(n[2]=h),s>a[0]&&(a[0]=s),l>a[1]&&(a[1]=l),h>a[2]&&(a[2]=h)}r._dirty=!0,i._dirty=!0}},generateVertexNormals:function(){if(this.vertexCount){var e=this.indices,t=this.attributes,r=t.position.value,i=t.normal.value;if(i&&i.length===r.length)for(var n=0;n<i.length;n++)i[n]=0;else i=t.normal.value=new U.Float32Array(r.length);for(var a,o,s,l=Fr(),h=Fr(),u=Fr(),c=Fr(),d=Fr(),f=Fr(),p=e?e.length:this.vertexCount,m=0;m<p;)for(e?(a=e[m++],o=e[m++],s=e[m++]):(a=m++,o=m++,s=m++),Gr(l,r[3*a],r[3*a+1],r[3*a+2]),Gr(h,r[3*o],r[3*o+1],r[3*o+2]),Gr(u,r[3*s],r[3*s+1],r[3*s+2]),Qe.sub(c,l,h),Qe.sub(d,h,u),Qe.cross(f,c,d),n=0;n<3;n++)i[3*a+n]=i[3*a+n]+f[n],i[3*o+n]=i[3*o+n]+f[n],i[3*s+n]=i[3*s+n]+f[n];for(n=0;n<i.length;)Gr(f,i[n],i[n+1],i[n+2]),Qe.normalize(f,f),i[n++]=f[0],i[n++]=f[1],i[n++]=f[2];this.dirty()}},generateFaceNormals:function(){if(this.vertexCount){this.isUniqueVertex()||this.generateUniqueVertex();var e=this.indices,t=this.attributes,r=t.position.value,i=t.normal.value,n=Fr(),a=Fr(),o=Fr(),s=Fr(),l=Fr(),h=Fr();i||(i=t.normal.value=new Float32Array(r.length));for(var u,c,d,f=e?e.length:this.vertexCount,p=0;p<f;){e?(u=e[p++],c=e[p++],d=e[p++]):(u=p++,c=p++,d=p++),Gr(n,r[3*u],r[3*u+1],r[3*u+2]),Gr(a,r[3*c],r[3*c+1],r[3*c+2]),Gr(o,r[3*d],r[3*d+1],r[3*d+2]),Qe.sub(s,n,a),Qe.sub(l,a,o),Qe.cross(h,s,l),Qe.normalize(h,h);for(var m=0;m<3;m++)i[3*u+m]=h[m],i[3*c+m]=h[m],i[3*d+m]=h[m]}this.dirty()}},generateTangents:function(){if(this.vertexCount){var e=this.vertexCount,t=this.attributes;t.tangent.value||(t.tangent.value=new Float32Array(4*e));var r=t.texcoord0.value,i=t.position.value,n=t.tangent.value,a=t.normal.value;if(r){for(var o=[],s=[],l=0;l<e;l++)o[l]=[0,0,0],s[l]=[0,0,0];var h,u,c,d=[0,0,0],f=[0,0,0],p=this.indices,m=p?p.length:this.vertexCount;for(l=0;l<m;){p?(h=p[l++],u=p[l++],c=p[l++]):(h=l++,u=l++,c=l++);var g=r[2*h],_=r[2*u],v=r[2*c],y=r[2*h+1],x=r[2*u+1],b=r[2*c+1],w=i[3*h],T=i[3*u],S=i[3*c],M=i[3*h+1],A=i[3*u+1],E=i[3*c+1],C=i[3*h+2],D=T-w,L=S-w,P=A-M,O=E-M,N=i[3*u+2]-C,I=i[3*c+2]-C,R=_-g,B=v-g,F=x-y,z=b-y,G=1/(R*z-F*B);d[0]=(z*D-F*L)*G,d[1]=(z*P-F*O)*G,d[2]=(z*N-F*I)*G,f[0]=(R*L-B*D)*G,f[1]=(R*O-B*P)*G,f[2]=(R*I-B*N)*G,zr(o[h],o[h],d),zr(o[u],o[u],d),zr(o[c],o[c],d),zr(s[h],s[h],f),zr(s[u],s[u],f),zr(s[c],s[c],f)}var U=Fr(),k=Fr(),V=Fr();for(l=0;l<e;l++){V[0]=a[3*l],V[1]=a[3*l+1],V[2]=a[3*l+2];var H=o[l];Qe.scale(U,V,Qe.dot(V,H)),Qe.sub(U,H,U),Qe.normalize(U,U),Qe.cross(k,V,H),n[4*l]=U[0],n[4*l+1]=U[1],n[4*l+2]=U[2],n[4*l+3]=Qe.dot(k,s[l])<0?-1:1}this.dirty()}else console.warn("Geometry without texcoords can't generate tangents.")}},isUniqueVertex:function(){return!this.isUseIndices()||this.vertexCount===this.indices.length},generateUniqueVertex:function(){if(this.vertexCount&&this.indices){this.indices.length>65535&&(this.indices=new U.Uint32Array(this.indices));for(var e=this.attributes,t=this.indices,r=this.getEnabledAttributes(),i={},n=0;n<r.length;n++)i[l=r[n]]=e[l].value,e[l].init(this.indices.length);for(var a=0,o=0;o<t.length;o++){var s=t[o];for(n=0;n<r.length;n++)for(var l,h=e[l=r[n]].value,u=e[l].size,c=0;c<u;c++)h[a*u+c]=i[l][s*u+c];t[o]=a,a++}this.dirty()}},generateBarycentric:function(){if(this.vertexCount){this.isUniqueVertex()||this.generateUniqueVertex();var e=this.attributes,t=e.barycentric.value,r=this.indices;if(!t||t.length!==3*r.length){t=e.barycentric.value=new Float32Array(3*r.length);for(var i=0;i<(r?r.length:this.vertexCount/3);)for(var n=0;n<3;n++)t[3*(r?r[i++]:3*i+n)+n]=1;this.dirty()}}},applyTransform:function(e){var t=this.attributes,r=t.position.value,i=t.normal.value,n=t.tangent.value;e=e.array;var a=Ye.create();Ye.invert(a,e),Ye.transpose(a,a);var o=Qe.transformMat4,s=Qe.forEach;s(r,3,0,null,o,e),i&&s(i,3,0,null,o,a),n&&s(n,4,0,null,o,a),this.boundingBox&&this.updateBoundingBox()},dispose:function(e){var t=this._cache;t.use(e.__uid__);var r=t.get("chunks");if(r)for(var i=0;i<r.length;i++){for(var n=r[i],a=0;a<n.attributeBuffers.length;a++){var o=n.attributeBuffers[a];e.gl.deleteBuffer(o.buffer)}n.indicesBuffer&&e.gl.deleteBuffer(n.indicesBuffer.buffer)}if(this.__vaoCache){var s=e.getGLExtension("OES_vertex_array_object");for(var l in this.__vaoCache){var h=this.__vaoCache[l].vao;h&&s.deleteVertexArrayOES(h)}}this.__vaoCache={},t.deleteContext(e.__uid__)}});kr.STATIC_DRAW=Br.STATIC_DRAW,kr.DYNAMIC_DRAW=Br.DYNAMIC_DRAW,kr.STREAM_DRAW=Br.STREAM_DRAW,kr.AttributeBuffer=Br.AttributeBuffer,kr.IndicesBuffer=Br.IndicesBuffer,kr.Attribute=Ur;const Vr=kr;var Hr="@export clay.header.",Wr="@end",jr=":unconfigurable;";const Xr=[Hr+"directional_light","uniform vec3 directionalLightDirection[DIRECTIONAL_LIGHT_COUNT]"+jr,"uniform vec3 directionalLightColor[DIRECTIONAL_LIGHT_COUNT]"+jr,Wr,Hr+"ambient_light","uniform vec3 ambientLightColor[AMBIENT_LIGHT_COUNT]"+jr,Wr,Hr+"ambient_sh_light","uniform vec3 ambientSHLightColor[AMBIENT_SH_LIGHT_COUNT]"+jr,"uniform vec3 ambientSHLightCoefficients[AMBIENT_SH_LIGHT_COUNT * 9]"+jr,"vec3 calcAmbientSHLight(int idx, vec3 N) {\n int offset = 9 * idx;\n return ambientSHLightCoefficients[0]\n + ambientSHLightCoefficients[1] * N.x\n + ambientSHLightCoefficients[2] * N.y\n + ambientSHLightCoefficients[3] * N.z\n + ambientSHLightCoefficients[4] * N.x * N.z\n + ambientSHLightCoefficients[5] * N.z * N.y\n + ambientSHLightCoefficients[6] * N.y * N.x\n + ambientSHLightCoefficients[7] * (3.0 * N.z * N.z - 1.0)\n + ambientSHLightCoefficients[8] * (N.x * N.x - N.y * N.y);\n}",Wr,Hr+"ambient_cubemap_light","uniform vec3 ambientCubemapLightColor[AMBIENT_CUBEMAP_LIGHT_COUNT]"+jr,"uniform samplerCube ambientCubemapLightCubemap[AMBIENT_CUBEMAP_LIGHT_COUNT]"+jr,"uniform sampler2D ambientCubemapLightBRDFLookup[AMBIENT_CUBEMAP_LIGHT_COUNT]"+jr,Wr,Hr+"point_light","uniform vec3 pointLightPosition[POINT_LIGHT_COUNT]"+jr,"uniform float pointLightRange[POINT_LIGHT_COUNT]"+jr,"uniform vec3 pointLightColor[POINT_LIGHT_COUNT]"+jr,Wr,Hr+"spot_light","uniform vec3 spotLightPosition[SPOT_LIGHT_COUNT]"+jr,"uniform vec3 spotLightDirection[SPOT_LIGHT_COUNT]"+jr,"uniform float spotLightRange[SPOT_LIGHT_COUNT]"+jr,"uniform float spotLightUmbraAngleCosine[SPOT_LIGHT_COUNT]"+jr,"uniform float spotLightPenumbraAngleCosine[SPOT_LIGHT_COUNT]"+jr,"uniform float spotLightFalloffFactor[SPOT_LIGHT_COUNT]"+jr,"uniform vec3 spotLightColor[SPOT_LIGHT_COUNT]"+jr,Wr].join("\n");Xe.import(Xr);const qr=sr.extend((function(){return{color:[1,1,1],intensity:1,castShadow:!0,shadowResolution:512,group:0}}),{type:"",clone:function(){var e=sr.prototype.clone.call(this);return e.color=Array.prototype.slice.call(this.color),e.intensity=this.intensity,e.castShadow=this.castShadow,e.shadowResolution=this.shadowResolution,e}});var Zr,Yr,Kr,Qr,Jr=function(e,t){this.normal=e||new vt(0,1,0),this.distance=t||0};Jr.prototype={constructor:Jr,distanceToPoint:function(e){return Qe.dot(e.array,this.normal.array)-this.distance},projectPoint:function(e,t){t||(t=new vt);var r=this.distanceToPoint(e);return Qe.scaleAndAdd(t.array,e.array,this.normal.array,-r),t._dirty=!0,t},normalize:function(){var e=1/Qe.len(this.normal.array);Qe.scale(this.normal.array,e),this.distance*=e},intersectFrustum:function(e){for(var t=e.vertices,r=this.normal.array,i=Qe.dot(t[0].array,r)>this.distance,n=1;n<8;n++)if(Qe.dot(t[n].array,r)>this.distance!=i)return!0},intersectLine:(Qr=Qe.create(),function(e,t,r){var i=this.distanceToPoint(e),n=this.distanceToPoint(t);if(i>0&&n>0||i<0&&n<0)return null;var a=this.normal.array,o=this.distance,s=e.array;Qe.sub(Qr,t.array,e.array),Qe.normalize(Qr,Qr);var l=Qe.dot(a,Qr);if(0===l)return null;r||(r=new vt);var h=(Qe.dot(a,s)-o)/l;return Qe.scaleAndAdd(r.array,s,Qr,-h),r._dirty=!0,r}),applyTransform:(Zr=Ye.create(),Yr=Et.create(),Kr=Et.create(),Kr[3]=1,function(e){e=e.array,Qe.scale(Kr,this.normal.array,this.distance),Et.transformMat4(Kr,Kr,e),this.distance=Qe.dot(Kr,this.normal.array),Ye.invert(Zr,e),Ye.transpose(Zr,Zr),Yr[3]=0,Qe.copy(Yr,this.normal.array),Et.transformMat4(Yr,Yr,Zr),Qe.copy(this.normal.array,Yr)}),copy:function(e){Qe.copy(this.normal.array,e.normal.array),this.normal._dirty=!0,this.distance=e.distance},clone:function(){var e=new Jr;return e.copy(this),e}};const $r=Jr;var ei,ti=Qe.set,ri=Qe.copy,ii=Qe.transformMat4,ni=Math.min,ai=Math.max,oi=function(){this.planes=[];for(var e=0;e<6;e++)this.planes.push(new $r);for(this.boundingBox=new ir,this.vertices=[],e=0;e<8;e++)this.vertices[e]=Qe.fromValues(0,0,0)};oi.prototype={setFromProjection:function(e){var t=this.planes,r=e.array,i=r[0],n=r[1],a=r[2],o=r[3],s=r[4],l=r[5],h=r[6],u=r[7],c=r[8],d=r[9],f=r[10],p=r[11],m=r[12],g=r[13],_=r[14],v=r[15];ti(t[0].normal.array,o-i,u-s,p-c),t[0].distance=-(v-m),t[0].normalize(),ti(t[1].normal.array,o+i,u+s,p+c),t[1].distance=-(v+m),t[1].normalize(),ti(t[2].normal.array,o+n,u+l,p+d),t[2].distance=-(v+g),t[2].normalize(),ti(t[3].normal.array,o-n,u-l,p-d),t[3].distance=-(v-g),t[3].normalize(),ti(t[4].normal.array,o-a,u-h,p-f),t[4].distance=-(v-_),t[4].normalize(),ti(t[5].normal.array,o+a,u+h,p+f),t[5].distance=-(v+_),t[5].normalize();var y=this.boundingBox,x=this.vertices;if(0===v){var b=l/i,w=-_/(f-1),T=-_/(f+1),S=-T/l,M=-w/l;y.min.set(-S*b,-S,T),y.max.set(S*b,S,w),ti(x[0],-S*b,-S,T),ti(x[1],-S*b,S,T),ti(x[2],S*b,-S,T),ti(x[3],S*b,S,T),ti(x[4],-M*b,-M,w),ti(x[5],-M*b,M,w),ti(x[6],M*b,-M,w),ti(x[7],M*b,M,w)}else{var A=(-1-m)/i,E=(1-m)/i,C=(1-g)/l,D=(-1-g)/l,L=(-1-_)/f,P=(1-_)/f;y.min.set(Math.min(A,E),Math.min(D,C),Math.min(P,L)),y.max.set(Math.max(E,A),Math.max(C,D),Math.max(L,P));var O=y.min.array,N=y.max.array;ti(x[0],O[0],O[1],O[2]),ti(x[1],O[0],N[1],O[2]),ti(x[2],N[0],O[1],O[2]),ti(x[3],N[0],N[1],O[2]),ti(x[4],O[0],O[1],N[2]),ti(x[5],O[0],N[1],N[2]),ti(x[6],N[0],O[1],N[2]),ti(x[7],N[0],N[1],N[2])}},getTransformedBoundingBox:(ei=Qe.create(),function(e,t){var r=this.vertices,i=t.array,n=e.min,a=e.max,o=n.array,s=a.array,l=r[0];ii(ei,l,i),ri(o,ei),ri(s,ei);for(var h=1;h<8;h++)l=r[h],ii(ei,l,i),o[0]=ni(ei[0],o[0]),o[1]=ni(ei[1],o[1]),o[2]=ni(ei[2],o[2]),s[0]=ai(ei[0],s[0]),s[1]=ai(ei[1],s[1]),s[2]=ai(ei[2],s[2]);return n._dirty=!0,a._dirty=!0,e})};const si=oi;var li;const hi=sr.extend((function(){return{projectionMatrix:new Ht,invProjectionMatrix:new Ht,viewMatrix:new Ht,frustum:new si}}),(function(){this.update(!0)}),{update:function(e){sr.prototype.update.call(this,e),Ht.invert(this.viewMatrix,this.worldTransform),this.updateProjectionMatrix(),Ht.invert(this.invProjectionMatrix,this.projectionMatrix),this.frustum.setFromProjection(this.projectionMatrix)},setViewMatrix:function(e){Ht.copy(this.viewMatrix,e),Ht.invert(this.worldTransform,e),this.decomposeWorldTransform()},decomposeProjectionMatrix:function(){},setProjectionMatrix:function(e){Ht.copy(this.projectionMatrix,e),Ht.invert(this.invProjectionMatrix,e),this.decomposeProjectionMatrix()},updateProjectionMatrix:function(){},castRay:(li=Et.create(),function(e,t){var r=void 0!==t?t:new Mt,i=e.array[0],n=e.array[1];return Et.set(li,i,n,-1,1),Et.transformMat4(li,li,this.invProjectionMatrix.array),Et.transformMat4(li,li,this.worldTransform.array),Qe.scale(r.origin.array,li,1/li[3]),Et.set(li,i,n,1,1),Et.transformMat4(li,li,this.invProjectionMatrix.array),Et.transformMat4(li,li,this.worldTransform.array),Qe.scale(li,li,1/li[3]),Qe.sub(r.direction.array,li,r.origin.array),Qe.normalize(r.direction.array,r.direction.array),r.direction._dirty=!0,r.origin._dirty=!0,r})});var ui,ci,di=Ye.create(),fi=Ye.create(),pi={};function mi(e){var t=[],r=Object.keys(e);r.sort();for(var i=0;i<r.length;i++){var n=r[i];t.push(n+" "+e[n])}var a=t.join("\n");if(pi[a])return pi[a];var o=f.genGUID();return pi[a]=o,o}function gi(){this.opaque=[],this.transparent=[],this._opaqueCount=0,this._transparentCount=0}function _i(e,t){if(t.castShadow&&!e.castShadow)return!0}gi.prototype.startCount=function(){this._opaqueCount=0,this._transparentCount=0},gi.prototype.add=function(e,t){t?this.transparent[this._transparentCount++]=e:this.opaque[this._opaqueCount++]=e},gi.prototype.endCount=function(){this.transparent.length=this._transparentCount,this.opaque.length=this._opaqueCount};const vi=sr.extend((function(){return{material:null,lights:[],viewBoundingBoxLastFrame:new ir,shadowUniforms:{},_cameraList:[],_lightUniforms:{},_previousLightNumber:{},_lightNumber:{},_lightProgramKeys:{},_nodeRepository:{},_renderLists:new W(20)}}),(function(){this._scene=this}),{addToScene:function(e){e instanceof hi?(this._cameraList.length>0&&console.warn("Found multiple camera in one scene. Use the fist one."),this._cameraList.push(e)):e instanceof qr&&this.lights.push(e),e.name&&(this._nodeRepository[e.name]=e)},removeFromScene:function(e){var t;e instanceof hi?(t=this._cameraList.indexOf(e))>=0&&this._cameraList.splice(t,1):e instanceof qr&&(t=this.lights.indexOf(e))>=0&&this.lights.splice(t,1),e.name&&delete this._nodeRepository[e.name]},getNode:function(e){return this._nodeRepository[e]},setMainCamera:function(e){var t=this._cameraList.indexOf(e);t>=0&&this._cameraList.splice(t,1),this._cameraList.unshift(e)},getMainCamera:function(){return this._cameraList[0]},getLights:function(){return this.lights},updateLights:function(){var e=this.lights;this._previousLightNumber=this._lightNumber;for(var t={},r=0;r<e.length;r++){var i=e[r];if(!i.invisible){var n=i.group;t[n]||(t[n]={}),t[n][i.type]=t[n][i.type]||0,t[n][i.type]++}}for(var a in this._lightNumber=t,t)this._lightProgramKeys[a]=mi(t[a]);this._updateLightUniforms()},cloneNode:function(e){var t=e.clone(),r={};return function e(t,i){r[t.__uid__]=i;for(var n=0;n<t._children.length;n++)e(t._children[n],i._children[n])}(e,t),t.traverse((function(e){e.skeleton&&(e.skeleton=e.skeleton.clone(r)),e.material&&(e.material=e.material.clone())})),t},updateRenderList:function(e,t){var r=e.__uid__,i=this._renderLists.get(r);i||(i=new gi,this._renderLists.put(r,i)),i.startCount(),t&&(this.viewBoundingBoxLastFrame.min.set(1/0,1/0,1/0),this.viewBoundingBoxLastFrame.max.set(-1/0,-1/0,-1/0));var n=this.material&&this.material.transparent||!1;return this._doUpdateRenderList(this,e,n,i,t),i.endCount(),i},getRenderList:function(e){return this._renderLists.get(e.__uid__)},_doUpdateRenderList:function(e,t,r,i,n){if(!e.invisible)for(var a=0;a<e._children.length;a++){var o=e._children[a];if(o.isRenderable()){var s=o.isSkinnedMesh()?di:o.worldTransform.array,l=o.geometry;Ye.multiplyAffine(fi,t.viewMatrix.array,s),(n&&!l.boundingBox||!this.isFrustumCulled(o,t,fi))&&i.add(o,o.material.transparent||r)}o._children.length>0&&this._doUpdateRenderList(o,t,r,i,n)}},isFrustumCulled:(ui=new ir,ci=new Ht,function(e,t,r){var i=e.boundingBox;if(i||(i=e.skeleton&&e.skeleton.boundingBox?e.skeleton.boundingBox:e.geometry.boundingBox),!i)return!1;if(ci.array=r,ui.transformFrom(i,ci),e.castShadow&&this.viewBoundingBoxLastFrame.union(ui),e.frustumCulling){if(!ui.intersectBoundingBox(t.frustum.boundingBox))return!0;ci.array=t.projectionMatrix.array,ui.max.array[2]>0&&ui.min.array[2]<0&&(ui.max.array[2]=-1e-20),ui.applyProjection(ci);var n=ui.min.array,a=ui.max.array;if(a[0]<-1||n[0]>1||a[1]<-1||n[1]>1||a[2]<-1||n[2]>1)return!0}return!1}),_updateLightUniforms:function(){var e=this.lights;e.sort(_i);var t=this._lightUniforms;for(var r in t)for(var i in t[r])t[r][i].value.length=0;for(var n=0;n<e.length;n++){var a=e[n];if(!a.invisible)for(var i in r=a.group,a.uniformTemplates){var o=a.uniformTemplates[i],s=o.value(a);if(null!=s){t[r]||(t[r]={}),t[r][i]||(t[r][i]={type:"",value:[]});var l=t[r][i];switch(l.type=o.type+"v",o.type){case"1i":case"1f":case"t":l.value.push(s);break;case"2f":case"3f":case"4f":for(var h=0;h<s.length;h++)l.value.push(s[h]);break;default:console.error("Unkown light uniform type "+o.type)}}}}},getLightGroups:function(){var e=[];for(var t in this._lightNumber)e.push(t);return e},getNumberChangedLightGroups:function(){var e=[];for(var t in this._lightNumber)this.isLightNumberChanged(t)&&e.push(t);return e},isLightNumberChanged:function(e){var t=this._previousLightNumber,r=this._lightNumber;for(var i in r[e]){if(!t[e])return!0;if(r[e][i]!==t[e][i])return!0}for(var i in t[e]){if(!r[e])return!0;if(r[e][i]!==t[e][i])return!0}return!1},getLightsNumbers:function(e){return this._lightNumber[e]},getProgramKey:function(e){return this._lightProgramKeys[e]},setLightUniforms:function(){function e(e,t,r){for(var i in e){var n=e[i];if("tv"===n.type){if(!t.hasUniform(i))continue;for(var a=[],o=0;o<n.value.length;o++){var s=n.value[o],l=t.takeCurrentTextureSlot(r,s);a.push(l)}t.setUniform(r.gl,"1iv",i,a)}else t.setUniform(r.gl,n.type,i,n.value)}}return function(t,r,i){e(this._lightUniforms[r],t,i),e(this.shadowUniforms,t,i)}}(),dispose:function(){this.material=null,this._opaqueList=[],this._transparentList=[],this.lights=[],this._lightUniforms={},this._lightNumber={},this._nodeRepository={}}});var yi=function(e){this.value=e},xi=function(){function e(){this._len=0}return e.prototype.insert=function(e){var t=new yi(e);return this.insertEntry(t),t},e.prototype.insertEntry=function(e){this.head?(this.tail.next=e,e.prev=this.tail,e.next=null,this.tail=e):this.head=this.tail=e,this._len++},e.prototype.remove=function(e){var t=e.prev,r=e.next;t?t.next=r:this.head=r,r?r.prev=t:this.tail=t,e.next=e.prev=null,this._len--},e.prototype.len=function(){return this._len},e.prototype.clear=function(){this.head=this.tail=null,this._len=0},e}();const bi=function(){function e(e){this._list=new xi,this._maxSize=10,this._map={},this._maxSize=e}return e.prototype.put=function(e,t){var r=this._list,i=this._map,n=null;if(null==i[e]){var a=r.len(),o=this._lastRemovedEntry;if(a>=this._maxSize&&a>0){var s=r.head;r.remove(s),delete i[s.key],n=s.value,this._lastRemovedEntry=s}o?o.value=t:o=new yi(t),o.key=e,r.insertEntry(o),i[e]=o}return n},e.prototype.get=function(e){var t=this._map[e],r=this._list;if(null!=t)return t!==r.tail&&(r.remove(t),r.insertEntry(t)),t.value},e.prototype.clear=function(){this._list.clear(),this._map={}},e.prototype.len=function(){return this._list.len()},e}();var wi=Mr.isPowerOfTwo,Ti=["px","nx","py","ny","pz","nz"],Si=wr.extend((function(){return{image:{px:null,nx:null,py:null,ny:null,pz:null,nz:null},pixels:{px:null,nx:null,py:null,ny:null,pz:null,nz:null},mipmaps:[]}}),{textureType:"textureCube",update:function(e){var t=e.gl;t.bindTexture(t.TEXTURE_CUBE_MAP,this._cache.get("webgl_texture")),this.updateCommon(e);var r=this.format,i=this.type;t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_WRAP_S,this.getAvailableWrapS()),t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_WRAP_T,this.getAvailableWrapT()),t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_MAG_FILTER,this.getAvailableMagFilter()),t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_MIN_FILTER,this.getAvailableMinFilter());var n=e.getGLExtension("EXT_texture_filter_anisotropic");if(n&&this.anisotropic>1&&t.texParameterf(t.TEXTURE_CUBE_MAP,n.TEXTURE_MAX_ANISOTROPY_EXT,this.anisotropic),36193===i&&(e.getGLExtension("OES_texture_half_float")||(i=S)),this.mipmaps.length)for(var a=this.width,o=this.height,s=0;s<this.mipmaps.length;s++){var l=this.mipmaps[s];this._updateTextureData(t,l,s,a,o,r,i),a/=2,o/=2}else this._updateTextureData(t,this,0,this.width,this.height,r,i),!this.NPOT&&this.useMipmap&&t.generateMipmap(t.TEXTURE_CUBE_MAP);t.bindTexture(t.TEXTURE_CUBE_MAP,null)},_updateTextureData:function(e,t,r,i,n,a,o){for(var s=0;s<6;s++){var l=Ti[s],h=t.image&&t.image[l];h?e.texImage2D(e.TEXTURE_CUBE_MAP_POSITIVE_X+s,r,a,a,o,h):e.texImage2D(e.TEXTURE_CUBE_MAP_POSITIVE_X+s,r,a,i,n,0,a,o,t.pixels&&t.pixels[l])}},generateMipmap:function(e){var t=e.gl;this.useMipmap&&!this.NPOT&&(t.bindTexture(t.TEXTURE_CUBE_MAP,this._cache.get("webgl_texture")),t.generateMipmap(t.TEXTURE_CUBE_MAP))},bind:function(e){e.gl.bindTexture(e.gl.TEXTURE_CUBE_MAP,this.getWebGLTexture(e))},unbind:function(e){e.gl.bindTexture(e.gl.TEXTURE_CUBE_MAP,null)},isPowerOfTwo:function(){return this.image.px?wi(this.image.px.width)&&wi(this.image.px.height):wi(this.width)&&wi(this.height)},isRenderable:function(){return this.image.px?Mi(this.image.px)&&Mi(this.image.nx)&&Mi(this.image.py)&&Mi(this.image.ny)&&Mi(this.image.pz)&&Mi(this.image.nz):!(!this.width||!this.height)},load:function(e,t){var r=0,i=this;return f.each(e,(function(e,n){var a=U.createImage();t&&(a.crossOrigin=t),a.onload=function(){0==--r&&(i.dirty(),i.trigger("success",i))},a.onerror=function(){r--},r++,a.src=e,i.image[n]=a})),this}});function Mi(e){return e.width>0&&e.height>0}Object.defineProperty(Si.prototype,"width",{get:function(){return this.image&&this.image.px?this.image.px.width:this._width},set:function(e){this.image&&this.image.px?console.warn("Texture from image can't set width"):(this._width!==e&&this.dirty(),this._width=e)}}),Object.defineProperty(Si.prototype,"height",{get:function(){return this.image&&this.image.px?this.image.px.height:this._height},set:function(e){this.image&&this.image.px?console.warn("Texture from image can't set height"):(this._height!==e&&this.dirty(),this._height=e)}});const Ai=Si,Ei=hi.extend({fov:50,aspect:1,near:.1,far:2e3},{updateProjectionMatrix:function(){var e=this.fov/180*Math.PI;this.projectionMatrix.perspective(e,this.aspect,this.near,this.far)},decomposeProjectionMatrix:function(){var e=this.projectionMatrix.array,t=2*Math.atan(1/e[5]);this.fov=t/Math.PI*180,this.aspect=e[5]/e[0],this.near=e[14]/(e[10]-1),this.far=e[14]/(e[10]+1)},clone:function(){var e=hi.prototype.clone.call(this);return e.fov=this.fov,e.aspect=this.aspect,e.near=this.near,e.far=this.far,e}});var Ci="framebuffer",Di="renderbuffer",Li="renderbuffer_width",Pi="renderbuffer_height",Oi="renderbuffer_attached",Ni="depthtexture_attached",Ii=36160,Ri=36161,Bi=36096,Fi=m.extend({depthBuffer:!0,viewport:null,_width:0,_height:0,_textures:null,_boundRenderer:null},(function(){this._cache=new xr,this._textures={}}),{getTextureWidth:function(){return this._width},getTextureHeight:function(){return this._height},bind:function(e){if(e.__currentFrameBuffer){if(e.__currentFrameBuffer===this)return;console.warn("Renderer already bound with another framebuffer. Unbind it first")}e.__currentFrameBuffer=this;var t=e.gl;t.bindFramebuffer(Ii,this._getFrameBufferGL(e)),this._boundRenderer=e;var r=this._cache;r.put("viewport",e.viewport);var i,n,a=!1;for(var o in this._textures){a=!0;var s=this._textures[o];s&&(i=s.texture.width,n=s.texture.height,this._doAttach(e,s.texture,o,s.target))}this._width=i,this._height=n,!a&&this.depthBuffer&&console.error("Must attach texture before bind, or renderbuffer may have incorrect width and height."),this.viewport?e.setViewport(this.viewport):e.setViewport(0,0,i,n,1);var l=r.get("attached_textures");if(l)for(var o in l)if(!this._textures[o]){var h=l[o];this._doDetach(t,o,h)}if(!r.get(Ni)&&this.depthBuffer){r.miss(Di)&&r.put(Di,t.createRenderbuffer());var u=r.get(Di);i===r.get(Li)&&n===r.get(Pi)||(t.bindRenderbuffer(Ri,u),t.renderbufferStorage(Ri,t.DEPTH_COMPONENT16,i,n),r.put(Li,i),r.put(Pi,n),t.bindRenderbuffer(Ri,null)),r.get(Oi)||(t.framebufferRenderbuffer(Ii,Bi,Ri,u),r.put(Oi,!0))}},unbind:function(e){e.__currentFrameBuffer=null,e.gl.bindFramebuffer(Ii,null),this._boundRenderer=null,this._cache.use(e.__uid__);var t=this._cache.get("viewport");t&&e.setViewport(t),this.updateMipmap(e)},updateMipmap:function(e){var t=e.gl;for(var r in this._textures){var i=this._textures[r];if(i){var n=i.texture;if(!n.NPOT&&n.useMipmap&&n.minFilter===wr.LINEAR_MIPMAP_LINEAR){var a="textureCube"===n.textureType?34067:3553;t.bindTexture(a,n.getWebGLTexture(e)),t.generateMipmap(a),t.bindTexture(a,null)}}}},checkStatus:function(e){return e.checkFramebufferStatus(Ii)},_getFrameBufferGL:function(e){var t=this._cache;return t.use(e.__uid__),t.miss(Ci)&&t.put(Ci,e.gl.createFramebuffer()),t.get(Ci)},attach:function(e,t,r){if(!e.width)throw new Error("The texture attached to color buffer is not a valid.");t=t||36064,r=r||3553;var i,n=this._boundRenderer;if(n&&n.gl){var a=this._cache;a.use(n.__uid__),i=a.get("attached_textures")}var o=this._textures[t];if(!o||o.target!==r||o.texture!==e||!i||null==i[t]){var s=!0;n&&(s=this._doAttach(n,e,t,r),this.viewport||n.setViewport(0,0,e.width,e.height,1)),s&&(this._textures[t]=this._textures[t]||{},this._textures[t].texture=e,this._textures[t].target=r)}},_doAttach:function(e,t,r,i){var n=e.gl,a=t.getWebGLTexture(e),o=this._cache.get("attached_textures");if(o&&o[r]){var s=o[r];if(s.texture===t&&s.target===i)return}var l=!0;if(((r=+r)===Bi||r===R)&&(e.getGLExtension("WEBGL_depth_texture")||(console.error("Depth texture is not supported by the browser"),l=!1),t.format!==M&&34041!==t.format&&(console.error("The texture attached to depth buffer is not a valid."),l=!1),l)){var h=this._cache.get(Di);h&&(n.framebufferRenderbuffer(Ii,Bi,Ri,null),n.deleteRenderbuffer(h),this._cache.put(Di,!1)),this._cache.put(Oi,!1),this._cache.put(Ni,!0)}return n.framebufferTexture2D(Ii,r,i,a,0),o||(o={},this._cache.put("attached_textures",o)),o[r]=o[r]||{},o[r].texture=t,o[r].target=i,l},_doDetach:function(e,t,r){e.framebufferTexture2D(Ii,t,r,null,0);var i=this._cache.get("attached_textures");i&&i[t]&&(i[t]=null),t!==Bi&&t!==R||this._cache.put(Ni,!1)},detach:function(e,t){this._textures[e]=null,this._boundRenderer&&(this._cache.use(this._boundRenderer.__uid__),this._doDetach(this._boundRenderer.gl,e,t))},dispose:function(e){var t=e.gl,r=this._cache;r.use(e.__uid__);var i=r.get(Di);i&&t.deleteRenderbuffer(i);var n=r.get(Ci);n&&t.deleteFramebuffer(n),r.deleteContext(e.__uid__),this._textures={}}});Fi.DEPTH_ATTACHMENT=Bi,Fi.COLOR_ATTACHMENT0=36064,Fi.STENCIL_ATTACHMENT=36128,Fi.DEPTH_STENCIL_ATTACHMENT=R;const zi=Fi;var Gi=["px","nx","py","ny","pz","nz"];const Ui=m.extend((function(){var e={position:new vt,far:1e3,near:.1,texture:null,shadowMapPass:null},t=e._cameras={px:new Ei({fov:90}),nx:new Ei({fov:90}),py:new Ei({fov:90}),ny:new Ei({fov:90}),pz:new Ei({fov:90}),nz:new Ei({fov:90})};return t.px.lookAt(vt.POSITIVE_X,vt.NEGATIVE_Y),t.nx.lookAt(vt.NEGATIVE_X,vt.NEGATIVE_Y),t.py.lookAt(vt.POSITIVE_Y,vt.POSITIVE_Z),t.ny.lookAt(vt.NEGATIVE_Y,vt.NEGATIVE_Z),t.pz.lookAt(vt.POSITIVE_Z,vt.NEGATIVE_Y),t.nz.lookAt(vt.NEGATIVE_Z,vt.NEGATIVE_Y),e._frameBuffer=new zi,e}),{getCamera:function(e){return this._cameras[e]},render:function(e,t,r){var i=e.gl;r||t.update();for(var n=this.texture.width,a=2*Math.atan(n/(n-.5))/Math.PI*180,o=0;o<6;o++){var s=Gi[o],l=this._cameras[s];if(vt.copy(l.position,this.position),l.far=this.far,l.near=this.near,l.fov=a,this.shadowMapPass){l.update();var h=t.getBoundingBox();h.applyTransform(l.viewMatrix),t.viewBoundingBoxLastFrame.copy(h),this.shadowMapPass.render(e,t,l,!0)}this._frameBuffer.attach(this.texture,i.COLOR_ATTACHMENT0,i.TEXTURE_CUBE_MAP_POSITIVE_X+o),this._frameBuffer.bind(e),e.render(t,l,!0),this._frameBuffer.unbind(e)}},dispose:function(e){this._frameBuffer.dispose(e)}}),ki=Vr.extend({dynamic:!1,widthSegments:1,heightSegments:1},(function(){this.build()}),{build:function(){for(var e=this.heightSegments,t=this.widthSegments,r=this.attributes,i=[],n=[],a=[],o=[],s=0;s<=e;s++)for(var l=s/e,h=0;h<=t;h++){var u=h/t;if(i.push([2*u-1,2*l-1,0]),n&&n.push([u,l]),a&&a.push([0,0,1]),h<t&&s<e){var c=h+s*(t+1);o.push([c,c+1,c+t+1]),o.push([c+t+1,c+1,c+t+2])}}r.position.fromArray(i),r.texcoord0.fromArray(n),r.normal.fromArray(a),this.initIndicesFromArray(o),this.boundingBox=new ir,this.boundingBox.min.set(-1,-1,0),this.boundingBox.max.set(1,1,0)}});var Vi=new Ht;function Hi(e,t,r){Vi.identity();var i=new ki({widthSegments:t,heightSegments:r});switch(e){case"px":Ht.translate(Vi,Vi,vt.POSITIVE_X),Ht.rotateY(Vi,Vi,Math.PI/2);break;case"nx":Ht.translate(Vi,Vi,vt.NEGATIVE_X),Ht.rotateY(Vi,Vi,-Math.PI/2);break;case"py":Ht.translate(Vi,Vi,vt.POSITIVE_Y),Ht.rotateX(Vi,Vi,-Math.PI/2);break;case"ny":Ht.translate(Vi,Vi,vt.NEGATIVE_Y),Ht.rotateX(Vi,Vi,Math.PI/2);break;case"pz":Ht.translate(Vi,Vi,vt.POSITIVE_Z);break;case"nz":Ht.translate(Vi,Vi,vt.NEGATIVE_Z),Ht.rotateY(Vi,Vi,Math.PI)}return i.applyTransform(Vi),i}const Wi=Vr.extend({dynamic:!1,widthSegments:1,heightSegments:1,depthSegments:1,inside:!1},(function(){this.build()}),{build:function(){var e={px:Hi("px",this.depthSegments,this.heightSegments),nx:Hi("nx",this.depthSegments,this.heightSegments),py:Hi("py",this.widthSegments,this.depthSegments),ny:Hi("ny",this.widthSegments,this.depthSegments),pz:Hi("pz",this.widthSegments,this.heightSegments),nz:Hi("nz",this.widthSegments,this.heightSegments)},t=["position","texcoord0","normal"],r=0,i=0;for(var n in e)r+=e[n].vertexCount,i+=e[n].indices.length;for(var a=0;a<t.length;a++)this.attributes[t[a]].init(r);this.indices=new U.Uint16Array(i);var o=0,s=0;for(var n in e){var l=e[n];for(a=0;a<t.length;a++)for(var h=t[a],u=l.attributes[h].value,c=l.attributes[h].size,d="normal"===h,f=0;f<u.length;f++){var p=u[f];this.inside&&d&&(p=-p),this.attributes[h].value[f+c*s]=p}var m=l.indices.length;for(f=0;f<l.indices.length;f++)this.indices[f+o]=s+l.indices[this.inside?m-f-1:f];o+=l.indices.length,s+=l.vertexCount}this.boundingBox=new ir,this.boundingBox.max.set(1,1,1),this.boundingBox.min.set(-1,-1,-1)}});Xe.import("@export clay.skybox.vertex\n#define SHADER_NAME skybox\nuniform mat4 world : WORLD;\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nattribute vec3 position : POSITION;\nvarying vec3 v_WorldPosition;\nvoid main()\n{\n v_WorldPosition = (world * vec4(position, 1.0)).xyz;\n gl_Position = worldViewProjection * vec4(position, 1.0);\n}\n@end\n@export clay.skybox.fragment\n#define PI 3.1415926\nuniform mat4 viewInverse : VIEWINVERSE;\n#ifdef EQUIRECTANGULAR\nuniform sampler2D environmentMap;\n#else\nuniform samplerCube environmentMap;\n#endif\nuniform float lod: 0.0;\nvarying vec3 v_WorldPosition;\n@import clay.util.rgbm\n@import clay.util.srgb\n@import clay.util.ACES\nvoid main()\n{\n vec3 eyePos = viewInverse[3].xyz;\n vec3 V = normalize(v_WorldPosition - eyePos);\n#ifdef EQUIRECTANGULAR\n float phi = acos(V.y);\n float theta = atan(-V.x, V.z) + PI * 0.5;\n vec2 uv = vec2(theta / 2.0 / PI, phi / PI);\n vec4 texel = decodeHDR(texture2D(environmentMap, fract(uv)));\n#else\n #if defined(LOD) || defined(SUPPORT_TEXTURE_LOD)\n vec4 texel = decodeHDR(textureCubeLodEXT(environmentMap, V, lod));\n #else\n vec4 texel = decodeHDR(textureCube(environmentMap, V));\n #endif\n#endif\n#ifdef SRGB_DECODE\n texel = sRGBToLinear(texel);\n#endif\n#ifdef TONEMAPPING\n texel.rgb = ACESToneMapping(texel.rgb);\n#endif\n#ifdef SRGB_ENCODE\n texel = linearTosRGB(texel);\n#endif\n gl_FragColor = encodeHDR(vec4(texel.rgb, 1.0));\n}\n@end");const ji=Sr.extend((function(){var e=new Xe({vertex:Xe.source("clay.skybox.vertex"),fragment:Xe.source("clay.skybox.fragment")}),t=new le({shader:e,depthMask:!1});return{scene:null,geometry:new Wi,material:t,environmentMap:null,culling:!1,_dummyCamera:new Ei}}),(function(){var e=this.scene;e&&this.attachScene(e),this.environmentMap&&this.setEnvironmentMap(this.environmentMap)}),{attachScene:function(e){this.scene&&this.detachScene(),e.skybox=this,this.scene=e,e.on("beforerender",this._beforeRenderScene,this)},detachScene:function(){this.scene&&(this.scene.off("beforerender",this._beforeRenderScene),this.scene.skybox=null),this.scene=null},dispose:function(e){this.detachScene(),this.geometry.dispose(e)},setEnvironmentMap:function(e){"texture2D"===e.textureType?(this.material.define("EQUIRECTANGULAR"),e.minFilter=wr.LINEAR):this.material.undefine("EQUIRECTANGULAR"),this.material.set("environmentMap",e)},getEnvironmentMap:function(){return this.material.get("environmentMap")},_beforeRenderScene:function(e,t,r){this.renderSkybox(e,r)},renderSkybox:function(e,t){var r=this._dummyCamera;r.aspect=e.getViewportAspect(),r.fov=t.fov||50,r.updateProjectionMatrix(),Ht.invert(r.invProjectionMatrix,r.projectionMatrix),r.worldTransform.copy(t.worldTransform),r.viewMatrix.copy(t.viewMatrix),this.position.copy(t.getWorldPosition()),this.update(),e.gl.disable(e.gl.BLEND),this.material.get("lod")>0?this.material.define("fragment","LOD"):this.material.undefine("fragment","LOD"),e.renderPass([this],r)}}),Xi=ji;function qi(e){return e.charCodeAt(0)+(e.charCodeAt(1)<<8)+(e.charCodeAt(2)<<16)+(e.charCodeAt(3)<<24)}var Zi=qi("DXT1"),Yi=qi("DXT3"),Ki=qi("DXT5");const Qi=function(e,t){var r=new Int32Array(e,0,31);if(542327876!==r[0])return null;if(4&!r(20))return null;var i,n,a=r(21),o=r[4],s=r[3],l=512&r[28],h=131072&r[2];switch(a){case Zi:i=8,n=wr.COMPRESSED_RGB_S3TC_DXT1_EXT;break;case Yi:i=16,n=wr.COMPRESSED_RGBA_S3TC_DXT3_EXT;break;case Ki:i=16,n=wr.COMPRESSED_RGBA_S3TC_DXT5_EXT;break;default:return null}var u=r[1]+4,c=l?6:1,d=1;h&&(d=Math.max(1,r[7]));for(var f=[],p=0;p<c;p++){var m=o,g=s;f[p]=new Dr({width:m,height:g,format:n});for(var _=[],v=0;v<d;v++){var y=Math.max(4,m)/4*Math.max(4,g)/4*i,x=new Uint8Array(e,u,y);u+=y,m*=.5,g*=.5,_[v]=x}f[p].pixels=_[0],h&&(f[p].mipmaps=_)}if(!t)return f[0];t.width=f[0].width,t.height=f[0].height,t.format=f[0].format,t.pixels=f[0].pixels,t.mipmaps=f[0].mipmaps};var Ji=String.fromCharCode;function $i(e,t,r,i){if(e[3]>0){var n=Math.pow(2,e[3]-128-8+i);t[r+0]=e[0]*n,t[r+1]=e[1]*n,t[r+2]=e[2]*n}else t[r+0]=0,t[r+1]=0,t[r+2]=0;return t[r+3]=1,t}function en(e,t,r,i){for(var n,a,o=0,s=0,l=i;l>0;)if(e[s][0]=t[r++],e[s][1]=t[r++],e[s][2]=t[r++],e[s][3]=t[r++],1===e[s][0]&&1===e[s][1]&&1===e[s][2]){for(var h=e[s][3]<<o>>>0;h>0;h--)n=e[s-1],(a=e[s])[0]=n[0],a[1]=n[1],a[2]=n[2],a[3]=n[3],s++,l--;o+=8}else s++,l--,o=0;return r}function tn(e,t,r,i){if(i<8|i>32767)return en(e,t,r,i);if(2!=(n=t[r++]))return en(e,t,r-1,i);if(e[0][1]=t[r++],e[0][2]=t[r++],n=t[r++],(e[0][2]<<8>>>0|n)>>>0!==i)return null;for(var n=0;n<4;n++)for(var a=0;a<i;){var o=t[r++];if(o>128){o=(127&o)>>>0;for(var s=t[r++];o--;)e[a++][n]=s}else for(;o--;)e[a++][n]=t[r++]}return r}const rn=function(e,t,r){null==r&&(r=0);var i=new Uint8Array(e),n=i.length;if("#?"===function(e,t,r){for(var i="",n=0;n<2;n++)i+=Ji(e[n]);return i}(i)){for(var a=2;a<n&&("\n"!==Ji(i[a])||"\n"!==Ji(i[a+1]));a++);if(!(a>=n)){a+=2;for(var o="";a<n;a++){var s=Ji(i[a]);if("\n"===s)break;o+=s}var l=o.split(" "),h=parseInt(l[1]),u=parseInt(l[3]);if(u&&h){for(var c=a+1,d=[],f=0;f<u;f++){d[f]=[];for(var p=0;p<4;p++)d[f][p]=0}for(var m=new Float32Array(u*h*4),g=0,_=0;_<h;_++){if(!(c=tn(d,i,c,u)))return null;for(f=0;f<u;f++)$i(d[f],m,g,r),g+=4}return t||(t=new Dr),t.width=u,t.height=h,t.pixels=m,t.type=wr.FLOAT,t}}}};var nn={loadTexture:function(e,t,r,i){var n;if("function"==typeof t?(i=r=t,t={}):t=t||{},"string"==typeof e){if(e.match(/.hdr$/)||"hdr"===t.fileType)return n=new Dr({width:0,height:0,sRGB:!1}),nn._fetchTexture(e,(function(e){rn(e,n,t.exposure),n.dirty(),r&&r(n)}),i),n;e.match(/.dds$/)||"dds"===t.fileType?(n=new Dr({width:0,height:0}),nn._fetchTexture(e,(function(e){Qi(e,n),n.dirty(),r&&r(n)}),i)):((n=new Dr).load(e),n.success(r),n.error(i))}else"object"==typeof e&&void 0!==e.px&&((n=new Ai).load(e),n.success(r),n.error(i));return n},loadPanorama:function(e,t,r,i,n,a){var o=this;"function"==typeof i?(a=n=i,i={}):i=i||{},nn.loadTexture(t,i,(function(t){t.flipY=i.flipY||!1,o.panoramaToCubeMap(e,t,r,i),t.dispose(e),n&&n(r)}),a)},panoramaToCubeMap:function(e,t,r,i){var n=new Ui,a=new Xi({scene:new vi});return a.setEnvironmentMap(t),(i=i||{}).encodeRGBM&&a.material.define("fragment","RGBM_ENCODE"),r.sRGB=t.sRGB,n.texture=r,n.render(e,a.scene),n.texture=null,n.dispose(e),r},heightToNormal:function(e,t){var r=document.createElement("canvas"),i=r.width=e.width,n=r.height=e.height,a=r.getContext("2d");a.drawImage(e,0,0,i,n),t=t||!1;for(var o=a.getImageData(0,0,i,n),s=a.createImageData(i,n),l=0;l<o.data.length;l+=4){if(t){var h=o.data[l],u=o.data[l+1],c=o.data[l+2];if(Math.abs(h-u)+Math.abs(u-c)>20)return console.warn("Given image is not a height map"),e}var d,f,p,m;l%(4*i)==0?(d=o.data[l],p=o.data[l+4]):l%(4*i)==4*(i-1)?(d=o.data[l-4],p=o.data[l]):(d=o.data[l-4],p=o.data[l+4]),l<4*i?(f=o.data[l],m=o.data[l+4*i]):l>i*(n-1)*4?(f=o.data[l-4*i],m=o.data[l]):(f=o.data[l-4*i],m=o.data[l+4*i]),s.data[l]=d-p+127,s.data[l+1]=f-m+127,s.data[l+2]=255,s.data[l+3]=255}return a.putImageData(s,0,0),r},isHeightImage:function(e,t,r){if(!e||!e.width||!e.height)return!1;var i=document.createElement("canvas"),n=i.getContext("2d"),a=t||32;r=r||20,i.width=i.height=a,n.drawImage(e,0,0,a,a);for(var o=n.getImageData(0,0,a,a),s=0;s<o.data.length;s+=4){var l=o.data[s],h=o.data[s+1],u=o.data[s+2];if(Math.abs(l-h)+Math.abs(h-u)>r)return!1}return!0},_fetchTexture:function(e,t,r){U.request.get({url:e,responseType:"arraybuffer",onload:t,onerror:r})},createChessboard:function(e,t,r,i){e=e||512,t=t||64,r=r||"black",i=i||"white";var n=Math.ceil(e/t),a=document.createElement("canvas");a.width=e,a.height=e;var o=a.getContext("2d");o.fillStyle=i,o.fillRect(0,0,e,e),o.fillStyle=r;for(var s=0;s<n;s++)for(var l=0;l<n;l++)(l%2?s%2:s%2-1)&&o.fillRect(s*t,l*t,t,t);return new Dr({image:a,anisotropic:8})},createBlank:function(e){var t=document.createElement("canvas");t.width=1,t.height=1;var r=t.getContext("2d");return r.fillStyle=e,r.fillRect(0,0,1,1),new Dr({image:t})}};const an=nn;var on=["mousedown","mouseup","mousemove","mouseover","mouseout","click","dblclick","contextmenu"];function sn(e){return"_on"+e}var ln=function(e){var t=this;this._texture=new Dr({anisotropic:32,flipY:!1,surface:this,dispose:function(e){t.dispose(),Dr.prototype.dispose.call(this,e)}}),on.forEach((function(e){this[sn(e)]=function(t){t.triangle&&this._meshes.forEach((function(r){this.dispatchEvent(e,r,t.triangle,t.point)}),this)}}),this),this._meshes=[],e&&this.setECharts(e),this.onupdate=null};ln.prototype={constructor:ln,getTexture:function(){return this._texture},setECharts:function(e){this._chart=e;var t=e.getDom();if(t instanceof HTMLCanvasElement){var r=this,i=e.getZr(),n=i.__oldRefreshImmediately||i.refreshImmediately;i.refreshImmediately=function(){n.call(this),r._texture.dirty(),r.onupdate&&r.onupdate()},i.__oldRefreshImmediately=n}else console.error("ECharts must init on canvas if it is used as texture."),t=document.createElement("canvas");this._texture.image=t,this._texture.dirty(),this.onupdate&&this.onupdate()},dispatchEvent:function(){var e=new vt,t=new vt,r=new vt,i=new _e,n=new _e,a=new _e,o=new _e,s=new vt;return function(l,h,u,c){var d=h.geometry,f=d.attributes.position,p=d.attributes.texcoord0,m=vt.dot,g=vt.cross;f.get(u[0],e.array),f.get(u[1],t.array),f.get(u[2],r.array),p.get(u[0],i.array),p.get(u[1],n.array),p.get(u[2],a.array),g(s,t,r);var _=m(e,s),v=m(c,s)/_;g(s,r,e);var y=m(c,s)/_;g(s,e,t);var x=m(c,s)/_;_e.scale(o,i,v),_e.scaleAndAdd(o,o,n,y),_e.scaleAndAdd(o,o,a,x);var b=o.x*this._chart.getWidth(),w=o.y*this._chart.getHeight();this._chart.getZr().handler.dispatch(l,{zrX:b,zrY:w})}}(),attachToMesh:function(e){this._meshes.indexOf(e)>=0||(on.forEach((function(t){e.on(t,this[sn(t)],this)}),this),this._meshes.push(e))},detachFromMesh:function(e){var t=this._meshes.indexOf(e);t>=0&&this._meshes.splice(t,1),on.forEach((function(t){e.off(t,this[sn(t)])}),this)},dispose:function(){this._meshes.forEach((function(e){this.detachFromMesh(e)}),this)}};const hn=ln,un=hi.extend({left:-1,right:1,near:-1,far:1,top:1,bottom:-1},{updateProjectionMatrix:function(){this.projectionMatrix.ortho(this.left,this.right,this.bottom,this.top,this.near,this.far)},decomposeProjectionMatrix:function(){var e=this.projectionMatrix.array;this.left=(-1-e[12])/e[0],this.right=(1-e[12])/e[0],this.top=(1-e[13])/e[5],this.bottom=(-1-e[13])/e[5],this.near=-(-1-e[14])/e[10],this.far=-(1-e[14])/e[10]},clone:function(){var e=hi.prototype.clone.call(this);return e.left=this.left,e.right=this.right,e.near=this.near,e.far=this.far,e.top=this.top,e.bottom=this.bottom,e}});Xe.import("\n@export clay.compositor.vertex\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nattribute vec3 position : POSITION;\nattribute vec2 texcoord : TEXCOORD_0;\nvarying vec2 v_Texcoord;\nvoid main()\n{\n v_Texcoord = texcoord;\n gl_Position = worldViewProjection * vec4(position, 1.0);\n}\n@end");var cn=new ki,dn=new Sr({geometry:cn,frustumCulling:!1}),fn=new un;const pn=m.extend((function(){return{fragment:"",outputs:null,material:null,blendWithPrevious:!1,clearColor:!1,clearDepth:!0}}),(function(){var e=new Xe(Xe.source("clay.compositor.vertex"),this.fragment),t=new le({shader:e});t.enableTexturesAll(),this.material=t}),{setUniform:function(e,t){this.material.setUniform(e,t)},getUniform:function(e){var t=this.material.uniforms[e];if(t)return t.value},attachOutput:function(e,t){this.outputs||(this.outputs={}),t=t||36064,this.outputs[t]=e},detachOutput:function(e){for(var t in this.outputs)this.outputs[t]===e&&(this.outputs[t]=null)},bind:function(e,t){if(this.outputs)for(var r in this.outputs){var i=this.outputs[r];i&&t.attach(i,r)}t&&t.bind(e)},unbind:function(e,t){t.unbind(e)},render:function(e,t){var r=e.gl;if(t){this.bind(e,t);var i=e.getGLExtension("EXT_draw_buffers");if(i&&this.outputs){var n=[];for(var a in this.outputs)(a=+a)>=r.COLOR_ATTACHMENT0&&a<=r.COLOR_ATTACHMENT0+8&&n.push(a);i.drawBuffersEXT(n)}}this.trigger("beforerender",this,e);var o=this.clearDepth?r.DEPTH_BUFFER_BIT:0;if(r.depthMask(!0),this.clearColor){o|=r.COLOR_BUFFER_BIT,r.colorMask(!0,!0,!0,!0);var s=this.clearColor;Array.isArray(s)&&r.clearColor(s[0],s[1],s[2],s[3])}r.clear(o),this.blendWithPrevious?(r.enable(r.BLEND),this.material.transparent=!0):(r.disable(r.BLEND),this.material.transparent=!1),this.renderQuad(e),this.trigger("afterrender",this,e),t&&this.unbind(e,t)},renderQuad:function(e){dn.material=this.material,e.renderPass([dn],fn)},dispose:function(e){}});var mn={},gn=["px","nx","py","ny","pz","nz"];mn.prefilterEnvironmentMap=function(e,t,r,i,n){n&&i||(i=mn.generateNormalDistribution(),n=mn.integrateBRDF(e,i));var a=(r=r||{}).width||64,o=r.height||64,s=r.type||t.type,l=new Ai({width:a,height:o,type:s,flipY:!1,mipmaps:[]});l.isPowerOfTwo()||console.warn("Width and height must be power of two to enable mipmap.");var h=Math.min(a,o),u=Math.log(h)/Math.log(2)+1,c=new le({shader:new Xe({vertex:Xe.source("clay.skybox.vertex"),fragment:"#define SHADER_NAME prefilter\n#define SAMPLE_NUMBER 1024\n#define PI 3.14159265358979\nuniform mat4 viewInverse : VIEWINVERSE;\nuniform samplerCube environmentMap;\nuniform sampler2D normalDistribution;\nuniform float roughness : 0.5;\nvarying vec2 v_Texcoord;\nvarying vec3 v_WorldPosition;\n@import clay.util.rgbm\nvec3 importanceSampleNormal(float i, float roughness, vec3 N) {\n vec3 H = texture2D(normalDistribution, vec2(roughness, i)).rgb;\n vec3 upVector = abs(N.y) > 0.999 ? vec3(1.0, 0.0, 0.0) : vec3(0.0, 1.0, 0.0);\n vec3 tangentX = normalize(cross(N, upVector));\n vec3 tangentZ = cross(N, tangentX);\n return normalize(tangentX * H.x + N * H.y + tangentZ * H.z);\n}\nvoid main() {\n vec3 eyePos = viewInverse[3].xyz;\n vec3 V = normalize(v_WorldPosition - eyePos);\n vec3 N = V;\n vec3 prefilteredColor = vec3(0.0);\n float totalWeight = 0.0;\n float fMaxSampleNumber = float(SAMPLE_NUMBER);\n for (int i = 0; i < SAMPLE_NUMBER; i++) {\n vec3 H = importanceSampleNormal(float(i) / fMaxSampleNumber, roughness, N);\n vec3 L = reflect(-V, H);\n float NoL = clamp(dot(N, L), 0.0, 1.0);\n if (NoL > 0.0) {\n prefilteredColor += decodeHDR(textureCube(environmentMap, L)).rgb * NoL;\n totalWeight += NoL;\n }\n }\n gl_FragColor = encodeHDR(vec4(prefilteredColor / totalWeight, 1.0));\n}\n"})});c.set("normalDistribution",i),r.encodeRGBM&&c.define("fragment","RGBM_ENCODE"),r.decodeRGBM&&c.define("fragment","RGBM_DECODE");var d,f=new vi;if("texture2D"===t.textureType){var p=new Ai({width:a,height:o,type:s===wr.FLOAT?wr.HALF_FLOAT:s});an.panoramaToCubeMap(e,t,p,{encodeRGBM:r.decodeRGBM}),t=p}(d=new ji({scene:f,material:c})).material.set("environmentMap",t);var m=new Ui({texture:l});r.encodeRGBM&&(s=l.type=wr.UNSIGNED_BYTE);for(var g=new Dr({width:a,height:o,type:s}),_=new zi({depthBuffer:!1}),v=U[s===wr.UNSIGNED_BYTE?"Uint8Array":"Float32Array"],y=0;y<u;y++){l.mipmaps[y]={pixels:{}},d.material.set("roughness",y/(u-1));for(var x=g.width,b=2*Math.atan(x/(x-.5))/Math.PI*180,w=0;w<gn.length;w++){var T=new v(g.width*g.height*4);_.attach(g),_.bind(e);var S=m.getCamera(gn[w]);S.fov=b,e.render(f,S),e.gl.readPixels(0,0,g.width,g.height,wr.RGBA,s,T),_.unbind(e),l.mipmaps[y].pixels[gn[w]]=T}g.width/=2,g.height/=2,g.dirty()}return _.dispose(e),g.dispose(e),d.dispose(e),i.dispose(e),{environmentMap:l,brdfLookup:n,normalDistribution:i,maxMipmapLevel:u}},mn.integrateBRDF=function(e,t){t=t||mn.generateNormalDistribution();var r=new zi({depthBuffer:!1}),i=new pn({fragment:"#define SAMPLE_NUMBER 1024\n#define PI 3.14159265358979\nuniform sampler2D normalDistribution;\nuniform vec2 viewportSize : [512, 256];\nconst vec3 N = vec3(0.0, 0.0, 1.0);\nconst float fSampleNumber = float(SAMPLE_NUMBER);\nvec3 importanceSampleNormal(float i, float roughness, vec3 N) {\n vec3 H = texture2D(normalDistribution, vec2(roughness, i)).rgb;\n vec3 upVector = abs(N.y) > 0.999 ? vec3(1.0, 0.0, 0.0) : vec3(0.0, 1.0, 0.0);\n vec3 tangentX = normalize(cross(N, upVector));\n vec3 tangentZ = cross(N, tangentX);\n return normalize(tangentX * H.x + N * H.y + tangentZ * H.z);\n}\nfloat G_Smith(float roughness, float NoV, float NoL) {\n float k = roughness * roughness / 2.0;\n float G1V = NoV / (NoV * (1.0 - k) + k);\n float G1L = NoL / (NoL * (1.0 - k) + k);\n return G1L * G1V;\n}\nvoid main() {\n vec2 uv = gl_FragCoord.xy / viewportSize;\n float NoV = uv.x;\n float roughness = uv.y;\n vec3 V;\n V.x = sqrt(1.0 - NoV * NoV);\n V.y = 0.0;\n V.z = NoV;\n float A = 0.0;\n float B = 0.0;\n for (int i = 0; i < SAMPLE_NUMBER; i++) {\n vec3 H = importanceSampleNormal(float(i) / fSampleNumber, roughness, N);\n vec3 L = reflect(-V, H);\n float NoL = clamp(L.z, 0.0, 1.0);\n float NoH = clamp(H.z, 0.0, 1.0);\n float VoH = clamp(dot(V, H), 0.0, 1.0);\n if (NoL > 0.0) {\n float G = G_Smith(roughness, NoV, NoL);\n float G_Vis = G * VoH / (NoH * NoV);\n float Fc = pow(1.0 - VoH, 5.0);\n A += (1.0 - Fc) * G_Vis;\n B += Fc * G_Vis;\n }\n }\n gl_FragColor = vec4(vec2(A, B) / fSampleNumber, 0.0, 1.0);\n}\n"}),n=new Dr({width:512,height:256,type:wr.HALF_FLOAT,wrapS:wr.CLAMP_TO_EDGE,wrapT:wr.CLAMP_TO_EDGE,minFilter:wr.NEAREST,magFilter:wr.NEAREST,useMipmap:!1});return i.setUniform("normalDistribution",t),i.setUniform("viewportSize",[512,256]),i.attachOutput(n),i.render(e,r),r.dispose(e),n},mn.generateNormalDistribution=function(e,t){for(var r=new Dr({width:e=e||256,height:t=t||1024,type:wr.FLOAT,minFilter:wr.NEAREST,magFilter:wr.NEAREST,wrapS:wr.CLAMP_TO_EDGE,wrapT:wr.CLAMP_TO_EDGE,useMipmap:!1}),i=new Float32Array(t*e*4),n=[],a=0;a<e;a++){for(var o=a/e,s=o*o,l=0;l<t;l++){var h=(l<<16|l>>>16)>>>0;h=(((16711935&(h=((252645135&(h=((858993459&(h=((1431655765&h)<<1|(2863311530&h)>>>1)>>>0))<<2|(3435973836&h)>>>2)>>>0))<<4|(4042322160&h)>>>4)>>>0))<<8|(4278255360&h)>>>8)>>>0)/4294967296;var u=Math.sqrt((1-h)/(1+(s*s-1)*h));n[l]=u}for(l=0;l<t;l++){var c=4*(l*e+a),d=(u=n[l],Math.sqrt(1-u*u)),f=l/t,p=2*Math.PI*f;i[c]=d*Math.cos(p),i[c+1]=u,i[c+2]=d*Math.sin(p),i[c+3]=1}}return r.pixels=i,r};const _n=mn,vn=qr.extend({cubemap:null,castShadow:!1,_normalDistribution:null,_brdfLookup:null},{type:"AMBIENT_CUBEMAP_LIGHT",prefilter:function(e,t){if(e.getGLExtension("EXT_shader_texture_lod")){this._brdfLookup||(this._normalDistribution=_n.generateNormalDistribution(),this._brdfLookup=_n.integrateBRDF(e,this._normalDistribution));var r=this.cubemap;if(!r.__prefiltered){var i=_n.prefilterEnvironmentMap(e,r,{encodeRGBM:!0,width:t,height:t},this._normalDistribution,this._brdfLookup);this.cubemap=i.environmentMap,this.cubemap.__prefiltered=!0,r.dispose(e)}}else console.warn("Device not support textureCubeLodEXT")},getBRDFLookup:function(){return this._brdfLookup},uniformTemplates:{ambientCubemapLightColor:{type:"3f",value:function(e){var t=e.color,r=e.intensity;return[t[0]*r,t[1]*r,t[2]*r]}},ambientCubemapLightCubemap:{type:"t",value:function(e){return e.cubemap}},ambientCubemapLightBRDFLookup:{type:"t",value:function(e){return e._brdfLookup}}}}),yn=qr.extend({castShadow:!1,coefficients:[]},(function(){this._coefficientsTmpArr=new U.Float32Array(27)}),{type:"AMBIENT_SH_LIGHT",uniformTemplates:{ambientSHLightColor:{type:"3f",value:function(e){var t=e.color,r=e.intensity;return[t[0]*r,t[1]*r,t[2]*r]}},ambientSHLightCoefficients:{type:"3f",value:function(e){for(var t=e._coefficientsTmpArr,r=0;r<e.coefficients.length;r++)t[r]=e.coefficients[r];return t}}}});var xn={},bn=["px","nx","py","ny","pz","nz"];function wn(e,t){var r=e[0],i=e[1],n=e[2];return 0===t?1:1===t?r:2===t?i:3===t?n:4===t?r*n:5===t?i*n:6===t?r*i:7===t?3*n*n-1:r*r-i*i}var Tn={px:[2,1,0,-1,-1,1],nx:[2,1,0,1,-1,-1],py:[0,2,1,1,-1,-1],ny:[0,2,1,1,1,1],pz:[0,1,2,-1,-1,-1],nz:[0,1,2,1,-1,1]};xn.projectEnvironmentMap=function(e,t,r){var i;(r=r||{}).lod=r.lod||0;var n=new vi,a=64;"texture2D"===t.textureType?i=new Xi({scene:n,environmentMap:t}):(a=t.image&&t.image.px?t.image.px.width:t.width,i=new ji({scene:n,environmentMap:t}));var o=Math.ceil(a/Math.pow(2,r.lod)),s=Math.ceil(a/Math.pow(2,r.lod)),l=new Dr({width:o,height:s}),h=new zi;i.material.define("fragment","RGBM_ENCODE"),r.decodeRGBM&&i.material.define("fragment","RGBM_DECODE"),i.material.set("lod",r.lod);for(var u=new Ui({texture:l}),c={},d=0;d<bn.length;d++){c[bn[d]]=new Uint8Array(o*s*4);var f=u.getCamera(bn[d]);f.fov=90,h.attach(l),h.bind(e),e.render(n,f),e.gl.readPixels(0,0,o,s,wr.RGBA,wr.UNSIGNED_BYTE,c[bn[d]]),h.unbind(e)}return i.dispose(e),h.dispose(e),l.dispose(e),function(e,t,r,i){for(var n=new U.Float32Array(27),a=Qe.create(),o=Qe.create(),s=Qe.create(),l=0;l<9;l++){for(var h=Qe.create(),u=0;u<bn.length;u++){for(var c=t[bn[u]],d=Qe.create(),f=0,p=0,m=Tn[bn[u]],g=0;g<i;g++)for(var _=0;_<r;_++){a[0]=_/(r-1)*2-1,a[1]=g/(i-1)*2-1,a[2]=-1,Qe.normalize(a,a),s[0]=a[m[0]]*m[3],s[1]=a[m[1]]*m[4],s[2]=a[m[2]]*m[5],o[0]=c[p++]/255,o[1]=c[p++]/255,o[2]=c[p++]/255;var v=c[p++]/255*8.12;o[0]*=v,o[1]*=v,o[2]*=v,Qe.scaleAndAdd(d,d,o,wn(s,l)*-a[2]),f+=-a[2]}Qe.scaleAndAdd(h,h,d,1/f)}n[3*l]=h[0]/6,n[3*l+1]=h[1]/6,n[3*l+2]=h[2]/6}return n}(0,c,o,s)};const Sn=xn,Mn=function(){for(var e=0,t=arguments.length;e<t;e++)if(null!=arguments[e])return arguments[e]},An=function(e,t){return null!=t.dataIndexInside?t.dataIndexInside:null!=t.dataIndex?i.util.isArray(t.dataIndex)?i.util.map(t.dataIndex,(function(t){return e.indexOfRawIndex(t)})):e.indexOfRawIndex(t.dataIndex):null!=t.name?i.util.isArray(t.name)?i.util.map(t.name,(function(t){return e.indexOfName(t)})):e.indexOfName(t.name):void 0},En=Vr.extend({dynamic:!1,widthSegments:40,heightSegments:20,phiStart:0,phiLength:2*Math.PI,thetaStart:0,thetaLength:Math.PI,radius:1},(function(){this.build()}),{build:function(){var e=this.heightSegments,t=this.widthSegments,r=this.attributes.position,i=this.attributes.texcoord0,n=this.attributes.normal,a=(t+1)*(e+1);r.init(a),i.init(a),n.init(a);var o,s,l,h,u,c,d,f,p,m,g,_=a>65535?Uint32Array:Uint16Array,v=this.indices=new _(t*e*6),y=this.radius,x=this.phiStart,b=this.phiLength,w=this.thetaStart,T=this.thetaLength,S=[],M=[],A=0,E=1/(y=this.radius);for(d=0;d<=e;d++)for(c=0;c<=t;c++)h=c/t,u=d/e,o=-y*Math.cos(x+h*b)*Math.sin(w+u*T),s=y*Math.cos(w+u*T),l=y*Math.sin(x+h*b)*Math.sin(w+u*T),S[0]=o,S[1]=s,S[2]=l,M[0]=h,M[1]=u,r.set(A,S),i.set(A,M),S[0]*=E,S[1]*=E,S[2]*=E,n.set(A,S),A++;var C=t+1,D=0;for(d=0;d<e;d++)for(c=0;c<t;c++)p=d*C+c,f=d*C+c+1,g=(d+1)*C+c+1,m=(d+1)*C+c,v[D++]=f,v[D++]=p,v[D++]=g,v[D++]=p,v[D++]=m,v[D++]=g;this.boundingBox=new ir,this.boundingBox.max.set(y,y,y),this.boundingBox.min.set(-y,-y,-y)}}),Cn=qr.extend({castShadow:!1},{type:"AMBIENT_LIGHT",uniformTemplates:{ambientLightColor:{type:"3f",value:function(e){var t=e.color,r=e.intensity;return[t[0]*r,t[1]*r,t[2]*r]}}}}),Dn=qr.extend({shadowBias:.001,shadowSlopeScale:2,shadowCascade:1,cascadeSplitLogFactor:.2},{type:"DIRECTIONAL_LIGHT",uniformTemplates:{directionalLightDirection:{type:"3f",value:function(e){return e.__dir=e.__dir||new vt,e.__dir.copy(e.worldTransform.z).normalize().negate().array}},directionalLightColor:{type:"3f",value:function(e){var t=e.color,r=e.intensity;return[t[0]*r,t[1]*r,t[2]*r]}}},clone:function(){var e=qr.prototype.clone.call(this);return e.shadowBias=this.shadowBias,e.shadowSlopeScale=this.shadowSlopeScale,e}}),Ln=qr.extend({range:100,castShadow:!1},{type:"POINT_LIGHT",uniformTemplates:{pointLightPosition:{type:"3f",value:function(e){return e.getWorldPosition().array}},pointLightRange:{type:"1f",value:function(e){return e.range}},pointLightColor:{type:"3f",value:function(e){var t=e.color,r=e.intensity;return[t[0]*r,t[1]*r,t[2]*r]}}},clone:function(){var e=qr.prototype.clone.call(this);return e.range=this.range,e}}),Pn=qr.extend({range:20,umbraAngle:30,penumbraAngle:45,falloffFactor:2,shadowBias:.001,shadowSlopeScale:2},{type:"SPOT_LIGHT",uniformTemplates:{spotLightPosition:{type:"3f",value:function(e){return e.getWorldPosition().array}},spotLightRange:{type:"1f",value:function(e){return e.range}},spotLightUmbraAngleCosine:{type:"1f",value:function(e){return Math.cos(e.umbraAngle*Math.PI/180)}},spotLightPenumbraAngleCosine:{type:"1f",value:function(e){return Math.cos(e.penumbraAngle*Math.PI/180)}},spotLightFalloffFactor:{type:"1f",value:function(e){return e.falloffFactor}},spotLightDirection:{type:"3f",value:function(e){return e.__dir=e.__dir||new vt,e.__dir.copy(e.worldTransform.z).negate().array}},spotLightColor:{type:"3f",value:function(e){var t=e.color,r=e.intensity;return[t[0]*r,t[1]*r,t[2]*r]}}},clone:function(){var e=qr.prototype.clone.call(this);return e.range=this.range,e.umbraAngle=this.umbraAngle,e.penumbraAngle=this.penumbraAngle,e.falloffFactor=this.falloffFactor,e.shadowBias=this.shadowBias,e.shadowSlopeScale=this.shadowSlopeScale,e}});var On=function(e,t,r,i){e=e||0,t=t||0,r=r||0,i=i||0,this.array=Et.fromValues(e,t,r,i),this._dirty=!0};On.prototype={constructor:On,add:function(e){return Et.add(this.array,this.array,e.array),this._dirty=!0,this},set:function(e,t,r,i){return this.array[0]=e,this.array[1]=t,this.array[2]=r,this.array[3]=i,this._dirty=!0,this},setArray:function(e){return this.array[0]=e[0],this.array[1]=e[1],this.array[2]=e[2],this.array[3]=e[3],this._dirty=!0,this},clone:function(){return new On(this.x,this.y,this.z,this.w)},copy:function(e){return Et.copy(this.array,e.array),this._dirty=!0,this},dist:function(e){return Et.dist(this.array,e.array)},distance:function(e){return Et.distance(this.array,e.array)},div:function(e){return Et.div(this.array,this.array,e.array),this._dirty=!0,this},divide:function(e){return Et.divide(this.array,this.array,e.array),this._dirty=!0,this},dot:function(e){return Et.dot(this.array,e.array)},len:function(){return Et.len(this.array)},length:function(){return Et.length(this.array)},lerp:function(e,t,r){return Et.lerp(this.array,e.array,t.array,r),this._dirty=!0,this},min:function(e){return Et.min(this.array,this.array,e.array),this._dirty=!0,this},max:function(e){return Et.max(this.array,this.array,e.array),this._dirty=!0,this},mul:function(e){return Et.mul(this.array,this.array,e.array),this._dirty=!0,this},multiply:function(e){return Et.multiply(this.array,this.array,e.array),this._dirty=!0,this},negate:function(){return Et.negate(this.array,this.array),this._dirty=!0,this},normalize:function(){return Et.normalize(this.array,this.array),this._dirty=!0,this},random:function(e){return Et.random(this.array,e),this._dirty=!0,this},scale:function(e){return Et.scale(this.array,this.array,e),this._dirty=!0,this},scaleAndAdd:function(e,t){return Et.scaleAndAdd(this.array,this.array,e.array,t),this._dirty=!0,this},sqrDist:function(e){return Et.sqrDist(this.array,e.array)},squaredDistance:function(e){return Et.squaredDistance(this.array,e.array)},sqrLen:function(){return Et.sqrLen(this.array)},squaredLength:function(){return Et.squaredLength(this.array)},sub:function(e){return Et.sub(this.array,this.array,e.array),this._dirty=!0,this},subtract:function(e){return Et.subtract(this.array,this.array,e.array),this._dirty=!0,this},transformMat4:function(e){return Et.transformMat4(this.array,this.array,e.array),this._dirty=!0,this},transformQuat:function(e){return Et.transformQuat(this.array,this.array,e.array),this._dirty=!0,this},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}};var Nn=Object.defineProperty;if(Nn){var In=On.prototype;Nn(In,"x",{get:function(){return this.array[0]},set:function(e){this.array[0]=e,this._dirty=!0}}),Nn(In,"y",{get:function(){return this.array[1]},set:function(e){this.array[1]=e,this._dirty=!0}}),Nn(In,"z",{get:function(){return this.array[2]},set:function(e){this.array[2]=e,this._dirty=!0}}),Nn(In,"w",{get:function(){return this.array[3]},set:function(e){this.array[3]=e,this._dirty=!0}})}On.add=function(e,t,r){return Et.add(e.array,t.array,r.array),e._dirty=!0,e},On.set=function(e,t,r,i,n){Et.set(e.array,t,r,i,n),e._dirty=!0},On.copy=function(e,t){return Et.copy(e.array,t.array),e._dirty=!0,e},On.distance=On.dist=function(e,t){return Et.distance(e.array,t.array)},On.divide=On.div=function(e,t,r){return Et.divide(e.array,t.array,r.array),e._dirty=!0,e},On.dot=function(e,t){return Et.dot(e.array,t.array)},On.len=function(e){return Et.length(e.array)},On.lerp=function(e,t,r,i){return Et.lerp(e.array,t.array,r.array,i),e._dirty=!0,e},On.min=function(e,t,r){return Et.min(e.array,t.array,r.array),e._dirty=!0,e},On.max=function(e,t,r){return Et.max(e.array,t.array,r.array),e._dirty=!0,e},On.multiply=On.mul=function(e,t,r){return Et.multiply(e.array,t.array,r.array),e._dirty=!0,e},On.negate=function(e,t){return Et.negate(e.array,t.array),e._dirty=!0,e},On.normalize=function(e,t){return Et.normalize(e.array,t.array),e._dirty=!0,e},On.random=function(e,t){return Et.random(e.array,t),e._dirty=!0,e},On.scale=function(e,t,r){return Et.scale(e.array,t.array,r),e._dirty=!0,e},On.scaleAndAdd=function(e,t,r,i){return Et.scaleAndAdd(e.array,t.array,r.array,i),e._dirty=!0,e},On.squaredDistance=On.sqrDist=function(e,t){return Et.sqrDist(e.array,t.array)},On.squaredLength=On.sqrLen=function(e){return Et.sqrLen(e.array)},On.subtract=On.sub=function(e,t,r){return Et.subtract(e.array,t.array,r.array),e._dirty=!0,e},On.transformMat4=function(e,t,r){return Et.transformMat4(e.array,t.array,r.array),e._dirty=!0,e},On.transformQuat=function(e,t,r){return Et.transformQuat(e.array,t.array,r.array),e._dirty=!0,e};const Rn=On;var Bn={create:function(){var e=new ce(4);return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e},clone:function(e){var t=new ce(4);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e},transpose:function(e,t){if(e===t){var r=t[1];e[1]=t[2],e[2]=r}else e[0]=t[0],e[1]=t[2],e[2]=t[1],e[3]=t[3];return e},invert:function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=r*a-n*i;return o?(o=1/o,e[0]=a*o,e[1]=-i*o,e[2]=-n*o,e[3]=r*o,e):null},adjoint:function(e,t){var r=t[0];return e[0]=t[3],e[1]=-t[1],e[2]=-t[2],e[3]=r,e},determinant:function(e){return e[0]*e[3]-e[2]*e[1]},multiply:function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=r[0],l=r[1],h=r[2],u=r[3];return e[0]=i*s+a*l,e[1]=n*s+o*l,e[2]=i*h+a*u,e[3]=n*h+o*u,e}};Bn.mul=Bn.multiply,Bn.rotate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=Math.sin(r),l=Math.cos(r);return e[0]=i*l+a*s,e[1]=n*l+o*s,e[2]=i*-s+a*l,e[3]=n*-s+o*l,e},Bn.scale=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=r[0],l=r[1];return e[0]=i*s,e[1]=n*s,e[2]=a*l,e[3]=o*l,e},Bn.frob=function(e){return Math.sqrt(Math.pow(e[0],2)+Math.pow(e[1],2)+Math.pow(e[2],2)+Math.pow(e[3],2))},Bn.LDU=function(e,t,r,i){return e[2]=i[2]/i[0],r[0]=i[0],r[1]=i[1],r[3]=i[3]-e[2]*r[1],[e,t,r]};const Fn=Bn;var zn=function(){this.array=Fn.create(),this._dirty=!0};zn.prototype={constructor:zn,setArray:function(e){for(var t=0;t<this.array.length;t++)this.array[t]=e[t];return this._dirty=!0,this},clone:function(){return(new zn).copy(this)},copy:function(e){return Fn.copy(this.array,e.array),this._dirty=!0,this},adjoint:function(){return Fn.adjoint(this.array,this.array),this._dirty=!0,this},determinant:function(){return Fn.determinant(this.array)},identity:function(){return Fn.identity(this.array),this._dirty=!0,this},invert:function(){return Fn.invert(this.array,this.array),this._dirty=!0,this},mul:function(e){return Fn.mul(this.array,this.array,e.array),this._dirty=!0,this},mulLeft:function(e){return Fn.mul(this.array,e.array,this.array),this._dirty=!0,this},multiply:function(e){return Fn.multiply(this.array,this.array,e.array),this._dirty=!0,this},multiplyLeft:function(e){return Fn.multiply(this.array,e.array,this.array),this._dirty=!0,this},rotate:function(e){return Fn.rotate(this.array,this.array,e),this._dirty=!0,this},scale:function(e){return Fn.scale(this.array,this.array,e.array),this._dirty=!0,this},transpose:function(){return Fn.transpose(this.array,this.array),this._dirty=!0,this},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}},zn.adjoint=function(e,t){return Fn.adjoint(e.array,t.array),e._dirty=!0,e},zn.copy=function(e,t){return Fn.copy(e.array,t.array),e._dirty=!0,e},zn.determinant=function(e){return Fn.determinant(e.array)},zn.identity=function(e){return Fn.identity(e.array),e._dirty=!0,e},zn.invert=function(e,t){return Fn.invert(e.array,t.array),e._dirty=!0,e},zn.multiply=zn.mul=function(e,t,r){return Fn.mul(e.array,t.array,r.array),e._dirty=!0,e},zn.rotate=function(e,t,r){return Fn.rotate(e.array,t.array,r),e._dirty=!0,e},zn.scale=function(e,t,r){return Fn.scale(e.array,t.array,r.array),e._dirty=!0,e},zn.transpose=function(e,t){return Fn.transpose(e.array,t.array),e._dirty=!0,e};const Gn=zn;var Un={create:function(){var e=new ce(6);return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e[4]=0,e[5]=0,e},clone:function(e){var t=new ce(6);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e},identity:function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=1,e[4]=0,e[5]=0,e},invert:function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],l=r*a-i*n;return l?(l=1/l,e[0]=a*l,e[1]=-i*l,e[2]=-n*l,e[3]=r*l,e[4]=(n*s-a*o)*l,e[5]=(i*o-r*s)*l,e):null},determinant:function(e){return e[0]*e[3]-e[1]*e[2]},multiply:function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=r[0],u=r[1],c=r[2],d=r[3],f=r[4],p=r[5];return e[0]=i*h+a*u,e[1]=n*h+o*u,e[2]=i*c+a*d,e[3]=n*c+o*d,e[4]=i*f+a*p+s,e[5]=n*f+o*p+l,e}};Un.mul=Un.multiply,Un.rotate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=Math.sin(r),u=Math.cos(r);return e[0]=i*u+a*h,e[1]=n*u+o*h,e[2]=i*-h+a*u,e[3]=n*-h+o*u,e[4]=s,e[5]=l,e},Un.scale=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=r[0],u=r[1];return e[0]=i*h,e[1]=n*h,e[2]=a*u,e[3]=o*u,e[4]=s,e[5]=l,e},Un.translate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],l=t[5],h=r[0],u=r[1];return e[0]=i,e[1]=n,e[2]=a,e[3]=o,e[4]=i*h+a*u+s,e[5]=n*h+o*u+l,e},Un.frob=function(e){return Math.sqrt(Math.pow(e[0],2)+Math.pow(e[1],2)+Math.pow(e[2],2)+Math.pow(e[3],2)+Math.pow(e[4],2)+Math.pow(e[5],2)+1)};const kn=Un;var Vn=function(){this.array=kn.create(),this._dirty=!0};Vn.prototype={constructor:Vn,setArray:function(e){for(var t=0;t<this.array.length;t++)this.array[t]=e[t];return this._dirty=!0,this},clone:function(){return(new Vn).copy(this)},copy:function(e){return kn.copy(this.array,e.array),this._dirty=!0,this},determinant:function(){return kn.determinant(this.array)},identity:function(){return kn.identity(this.array),this._dirty=!0,this},invert:function(){return kn.invert(this.array,this.array),this._dirty=!0,this},mul:function(e){return kn.mul(this.array,this.array,e.array),this._dirty=!0,this},mulLeft:function(e){return kn.mul(this.array,e.array,this.array),this._dirty=!0,this},multiply:function(e){return kn.multiply(this.array,this.array,e.array),this._dirty=!0,this},multiplyLeft:function(e){return kn.multiply(this.array,e.array,this.array),this._dirty=!0,this},rotate:function(e){return kn.rotate(this.array,this.array,e),this._dirty=!0,this},scale:function(e){return kn.scale(this.array,this.array,e.array),this._dirty=!0,this},translate:function(e){return kn.translate(this.array,this.array,e.array),this._dirty=!0,this},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}},Vn.copy=function(e,t){return kn.copy(e.array,t.array),e._dirty=!0,e},Vn.determinant=function(e){return kn.determinant(e.array)},Vn.identity=function(e){return kn.identity(e.array),e._dirty=!0,e},Vn.invert=function(e,t){return kn.invert(e.array,t.array),e._dirty=!0,e},Vn.multiply=Vn.mul=function(e,t,r){return kn.mul(e.array,t.array,r.array),e._dirty=!0,e},Vn.rotate=function(e,t,r){return kn.rotate(e.array,t.array,r),e._dirty=!0,e},Vn.scale=function(e,t,r){return kn.scale(e.array,t.array,r.array),e._dirty=!0,e},Vn.translate=function(e,t,r){return kn.translate(e.array,t.array,r.array),e._dirty=!0,e};const Hn=Vn;var Wn=function(){this.array=Dt.create(),this._dirty=!0};Wn.prototype={constructor:Wn,setArray:function(e){for(var t=0;t<this.array.length;t++)this.array[t]=e[t];return this._dirty=!0,this},adjoint:function(){return Dt.adjoint(this.array,this.array),this._dirty=!0,this},clone:function(){return(new Wn).copy(this)},copy:function(e){return Dt.copy(this.array,e.array),this._dirty=!0,this},determinant:function(){return Dt.determinant(this.array)},fromMat2d:function(e){return Dt.fromMat2d(this.array,e.array),this._dirty=!0,this},fromMat4:function(e){return Dt.fromMat4(this.array,e.array),this._dirty=!0,this},fromQuat:function(e){return Dt.fromQuat(this.array,e.array),this._dirty=!0,this},identity:function(){return Dt.identity(this.array),this._dirty=!0,this},invert:function(){return Dt.invert(this.array,this.array),this._dirty=!0,this},mul:function(e){return Dt.mul(this.array,this.array,e.array),this._dirty=!0,this},mulLeft:function(e){return Dt.mul(this.array,e.array,this.array),this._dirty=!0,this},multiply:function(e){return Dt.multiply(this.array,this.array,e.array),this._dirty=!0,this},multiplyLeft:function(e){return Dt.multiply(this.array,e.array,this.array),this._dirty=!0,this},rotate:function(e){return Dt.rotate(this.array,this.array,e),this._dirty=!0,this},scale:function(e){return Dt.scale(this.array,this.array,e.array),this._dirty=!0,this},translate:function(e){return Dt.translate(this.array,this.array,e.array),this._dirty=!0,this},normalFromMat4:function(e){return Dt.normalFromMat4(this.array,e.array),this._dirty=!0,this},transpose:function(){return Dt.transpose(this.array,this.array),this._dirty=!0,this},toString:function(){return"["+Array.prototype.join.call(this.array,",")+"]"},toArray:function(){return Array.prototype.slice.call(this.array)}},Wn.adjoint=function(e,t){return Dt.adjoint(e.array,t.array),e._dirty=!0,e},Wn.copy=function(e,t){return Dt.copy(e.array,t.array),e._dirty=!0,e},Wn.determinant=function(e){return Dt.determinant(e.array)},Wn.identity=function(e){return Dt.identity(e.array),e._dirty=!0,e},Wn.invert=function(e,t){return Dt.invert(e.array,t.array),e},Wn.multiply=Wn.mul=function(e,t,r){return Dt.mul(e.array,t.array,r.array),e._dirty=!0,e},Wn.fromMat2d=function(e,t){return Dt.fromMat2d(e.array,t.array),e._dirty=!0,e},Wn.fromMat4=function(e,t){return Dt.fromMat4(e.array,t.array),e._dirty=!0,e},Wn.fromQuat=function(e,t){return Dt.fromQuat(e.array,t.array),e._dirty=!0,e},Wn.normalFromMat4=function(e,t){return Dt.normalFromMat4(e.array,t.array),e._dirty=!0,e},Wn.rotate=function(e,t,r){return Dt.rotate(e.array,t.array,r),e._dirty=!0,e},Wn.scale=function(e,t,r){return Dt.scale(e.array,t.array,r.array),e._dirty=!0,e},Wn.transpose=function(e,t){return Dt.transpose(e.array,t.array),e._dirty=!0,e},Wn.translate=function(e,t,r){return Dt.translate(e.array,t.array,r.array),e._dirty=!0,e};const jn=Wn;var Xn={linear:function(e){return e},quadraticIn:function(e){return e*e},quadraticOut:function(e){return e*(2-e)},quadraticInOut:function(e){return(e*=2)<1?.5*e*e:-.5*(--e*(e-2)-1)},cubicIn:function(e){return e*e*e},cubicOut:function(e){return--e*e*e+1},cubicInOut:function(e){return(e*=2)<1?.5*e*e*e:.5*((e-=2)*e*e+2)},quarticIn:function(e){return e*e*e*e},quarticOut:function(e){return 1- --e*e*e*e},quarticInOut:function(e){return(e*=2)<1?.5*e*e*e*e:-.5*((e-=2)*e*e*e-2)},quinticIn:function(e){return e*e*e*e*e},quinticOut:function(e){return--e*e*e*e*e+1},quinticInOut:function(e){return(e*=2)<1?.5*e*e*e*e*e:.5*((e-=2)*e*e*e*e+2)},sinusoidalIn:function(e){return 1-Math.cos(e*Math.PI/2)},sinusoidalOut:function(e){return Math.sin(e*Math.PI/2)},sinusoidalInOut:function(e){return.5*(1-Math.cos(Math.PI*e))},exponentialIn:function(e){return 0===e?0:Math.pow(1024,e-1)},exponentialOut:function(e){return 1===e?1:1-Math.pow(2,-10*e)},exponentialInOut:function(e){return 0===e?0:1===e?1:(e*=2)<1?.5*Math.pow(1024,e-1):.5*(2-Math.pow(2,-10*(e-1)))},circularIn:function(e){return 1-Math.sqrt(1-e*e)},circularOut:function(e){return Math.sqrt(1- --e*e)},circularInOut:function(e){return(e*=2)<1?-.5*(Math.sqrt(1-e*e)-1):.5*(Math.sqrt(1-(e-=2)*e)+1)},elasticIn:function(e){var t,r=.1;return 0===e?0:1===e?1:(!r||r<1?(r=1,t=.1):t=.4*Math.asin(1/r)/(2*Math.PI),-r*Math.pow(2,10*(e-=1))*Math.sin((e-t)*(2*Math.PI)/.4))},elasticOut:function(e){var t,r=.1;return 0===e?0:1===e?1:(!r||r<1?(r=1,t=.1):t=.4*Math.asin(1/r)/(2*Math.PI),r*Math.pow(2,-10*e)*Math.sin((e-t)*(2*Math.PI)/.4)+1)},elasticInOut:function(e){var t,r=.1;return 0===e?0:1===e?1:(!r||r<1?(r=1,t=.1):t=.4*Math.asin(1/r)/(2*Math.PI),(e*=2)<1?r*Math.pow(2,10*(e-=1))*Math.sin((e-t)*(2*Math.PI)/.4)*-.5:r*Math.pow(2,-10*(e-=1))*Math.sin((e-t)*(2*Math.PI)/.4)*.5+1)},backIn:function(e){var t=1.70158;return e*e*((t+1)*e-t)},backOut:function(e){var t=1.70158;return--e*e*((t+1)*e+t)+1},backInOut:function(e){var t=2.5949095;return(e*=2)<1?e*e*((t+1)*e-t)*.5:.5*((e-=2)*e*((t+1)*e+t)+2)},bounceIn:function(e){return 1-Xn.bounceOut(1-e)},bounceOut:function(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375},bounceInOut:function(e){return e<.5?.5*Xn.bounceIn(2*e):.5*Xn.bounceOut(2*e-1)+.5}};const qn=Xn,Zn=function(){function e(e){this._initialized=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=e.life||1e3,this._delay=e.delay||0,this.loop=null!=e.loop&&e.loop,this.gap=e.gap||0,this.easing=e.easing||"linear",this.onframe=e.onframe,this.ondestroy=e.ondestroy,this.onrestart=e.onrestart}return e.prototype.step=function(e,t){if(this._initialized||(this._startTime=e+this._delay,this._initialized=!0),!this._paused){var r=(e-this._startTime-this._pausedTime)/this._life;r<0&&(r=0),r=Math.min(r,1);var i=this.easing,n="string"==typeof i?qn[i]:i,a="function"==typeof n?n(r):r;if(this.onframe&&this.onframe(a),1===r){if(!this.loop)return!0;this._restart(e),this.onrestart&&this.onrestart()}return!1}this._pausedTime+=t},e.prototype._restart=function(e){var t=(e-this._startTime-this._pausedTime)%this._life;this._startTime=e-t+this.gap,this._pausedTime=0},e.prototype.pause=function(){this._paused=!0},e.prototype.resume=function(){this._paused=!1},e}();var Yn={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function Kn(e){return(e=Math.round(e))<0?0:e>255?255:e}function Qn(e){return e<0?0:e>1?1:e}function Jn(e){var t=e;return t.length&&"%"===t.charAt(t.length-1)?Kn(parseFloat(t)/100*255):Kn(parseInt(t,10))}function $n(e){var t=e;return t.length&&"%"===t.charAt(t.length-1)?Qn(parseFloat(t)/100):Qn(parseFloat(t))}function ea(e,t,r){return r<0?r+=1:r>1&&(r-=1),6*r<1?e+(t-e)*r*6:2*r<1?t:3*r<2?e+(t-e)*(2/3-r)*6:e}function ta(e,t,r,i,n){return e[0]=t,e[1]=r,e[2]=i,e[3]=n,e}function ra(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e}var ia=new bi(20),na=null;function aa(e,t){na&&ra(na,t),na=ia.put(e,na||t.slice())}function oa(e,t){if(e){t=t||[];var r=ia.get(e);if(r)return ra(t,r);var i=(e+="").replace(/ /g,"").toLowerCase();if(i in Yn)return ra(t,Yn[i]),aa(e,t),t;var n,a=i.length;if("#"===i.charAt(0))return 4===a||5===a?(n=parseInt(i.slice(1,4),16))>=0&&n<=4095?(ta(t,(3840&n)>>4|(3840&n)>>8,240&n|(240&n)>>4,15&n|(15&n)<<4,5===a?parseInt(i.slice(4),16)/15:1),aa(e,t),t):void ta(t,0,0,0,1):7===a||9===a?(n=parseInt(i.slice(1,7),16))>=0&&n<=16777215?(ta(t,(16711680&n)>>16,(65280&n)>>8,255&n,9===a?parseInt(i.slice(7),16)/255:1),aa(e,t),t):void ta(t,0,0,0,1):void 0;var o=i.indexOf("("),s=i.indexOf(")");if(-1!==o&&s+1===a){var l=i.substr(0,o),h=i.substr(o+1,s-(o+1)).split(","),u=1;switch(l){case"rgba":if(4!==h.length)return 3===h.length?ta(t,+h[0],+h[1],+h[2],1):ta(t,0,0,0,1);u=$n(h.pop());case"rgb":return 3!==h.length?void ta(t,0,0,0,1):(ta(t,Jn(h[0]),Jn(h[1]),Jn(h[2]),u),aa(e,t),t);case"hsla":return 4!==h.length?void ta(t,0,0,0,1):(h[3]=$n(h[3]),sa(h,t),aa(e,t),t);case"hsl":return 3!==h.length?void ta(t,0,0,0,1):(sa(h,t),aa(e,t),t);default:return}}ta(t,0,0,0,1)}}function sa(e,t){var r=(parseFloat(e[0])%360+360)%360/360,i=$n(e[1]),n=$n(e[2]),a=n<=.5?n*(i+1):n+i-n*i,o=2*n-a;return ta(t=t||[],Kn(255*ea(o,a,r+1/3)),Kn(255*ea(o,a,r)),Kn(255*ea(o,a,r-1/3)),1),4===e.length&&(t[3]=e[3]),t}var la=Object.prototype.toString,ha=Array.prototype,ua=ha.forEach,ca=ha.filter,da=ha.slice,fa=ha.map,pa=function(){}.constructor,ma=pa?pa.prototype:null;function ga(e,t){if(Object.assign)Object.assign(e,t);else for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);return e}function _a(e,t,r){if(e="prototype"in e?e.prototype:e,t="prototype"in t?t.prototype:t,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(t),n=0;n<i.length;n++){var a=i[n];"constructor"!==a&&(r?null!=t[a]:null==e[a])&&(e[a]=t[a])}else!function(e,t,r){for(var i=ba(t),n=0;n<i.length;n++){var a=i[n];(r?null!=t[a]:null==e[a])&&(e[a]=t[a])}}(e,t,r)}function va(e){return!!e&&"string"!=typeof e&&"number"==typeof e.length}function ya(e,t,r){if(e&&t)if(e.forEach&&e.forEach===ua)e.forEach(t,r);else if(e.length===+e.length)for(var i=0,n=e.length;i<n;i++)t.call(r,e[i],i,e);else for(var a in e)e.hasOwnProperty(a)&&t.call(r,e[a],a,e)}function xa(e,t,r){if(!e)return[];if(!t)return Sa(e);if(e.map&&e.map===fa)return e.map(t,r);for(var i=[],n=0,a=e.length;n<a;n++)i.push(t.call(r,e[n],n,e));return i}function ba(e){if(!e)return[];if(Object.keys)return Object.keys(e);var t=[];for(var r in e)e.hasOwnProperty(r)&&t.push(r);return t}function wa(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return function(){return e.apply(this,t.concat(da.call(arguments)))}}function Ta(e,t){return null!=e?e:t}function Sa(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return da.apply(e,t)}ma&&"function"==typeof ma.bind&&ma.call.bind(ma.bind);var Ma=function(){function e(t){this.data={};var r,i=(r=t,Array.isArray?Array.isArray(r):"[object Array]"===la.call(r));this.data={};var n=this;function a(e,t){i?n.set(e,t):n.set(t,e)}t instanceof e?t.each(a):t&&ya(t,a)}return e.prototype.get=function(e){return this.data.hasOwnProperty(e)?this.data[e]:null},e.prototype.set=function(e,t){return this.data[e]=t},e.prototype.each=function(e,t){for(var r in this.data)this.data.hasOwnProperty(r)&&e.call(t,this.data[r],r)},e.prototype.keys=function(){return ba(this.data)},e.prototype.removeKey=function(e){delete this.data[e]},e}();function Aa(e,t){for(var r=new e.constructor(e.length+t.length),i=0;i<e.length;i++)r[i]=e[i];var n=e.length;for(i=0;i<t.length;i++)r[i+n]=t[i];return r}var Ea=Array.prototype.slice;function Ca(e,t,r){return(t-e)*r+e}function Da(e,t,r,i){for(var n=t.length,a=0;a<n;a++)e[a]=Ca(t[a],r[a],i)}function La(e,t,r,i){for(var n=t.length,a=0;a<n;a++)e[a]=t[a]+r[a]*i;return e}function Pa(e,t,r,i){for(var n=t.length,a=n&&t[0].length,o=0;o<n;o++){e[o]||(e[o]=[]);for(var s=0;s<a;s++)e[o][s]=t[o][s]+r[o][s]*i}return e}function Oa(e,t,r){var i=e,n=t;if(i.push&&n.push){var a=i.length,o=n.length;if(a!==o)if(a>o)i.length=o;else for(var s=a;s<o;s++)i.push(1===r?n[s]:Ea.call(n[s]));var l=i[0]&&i[0].length;for(s=0;s<i.length;s++)if(1===r)isNaN(i[s])&&(i[s]=n[s]);else for(var h=0;h<l;h++)isNaN(i[s][h])&&(i[s][h]=n[s][h])}}function Na(e,t){var r=e.length;if(r!==t.length)return!1;for(var i=0;i<r;i++)if(e[i]!==t[i])return!1;return!0}function Ia(e,t,r,i,n,a,o){var s=.5*(r-e),l=.5*(i-t);return(2*(t-r)+s+l)*o+(-3*(t-r)-2*s-l)*a+s*n+t}function Ra(e,t,r,i,n,a,o,s){for(var l=t.length,h=0;h<l;h++)e[h]=Ia(t[h],r[h],i[h],n[h],a,o,s)}function Ba(e){if(va(e)){var t=e.length;if(va(e[0])){for(var r=[],i=0;i<t;i++)r.push(Ea.call(e[i]));return r}return Ea.call(e)}return e}function Fa(e){return e[0]=Math.floor(e[0]),e[1]=Math.floor(e[1]),e[2]=Math.floor(e[2]),"rgba("+e.join(",")+")"}var za=[0,0,0,0],Ga=function(){function e(e){this.keyframes=[],this.maxTime=0,this.arrDim=0,this.interpolable=!0,this._needsSort=!1,this._isAllValueEqual=!0,this._lastFrame=0,this._lastFramePercent=0,this.propName=e}return e.prototype.isFinished=function(){return this._finished},e.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},e.prototype.needsAnimate=function(){return!this._isAllValueEqual&&this.keyframes.length>=2&&this.interpolable},e.prototype.getAdditiveTrack=function(){return this._additiveTrack},e.prototype.addKeyframe=function(e,t){e>=this.maxTime?this.maxTime=e:this._needsSort=!0;var r=this.keyframes,i=r.length;if(this.interpolable)if(va(t)){var n=function(e){return va(e&&e[0])?2:1}(t);if(i>0&&this.arrDim!==n)return void(this.interpolable=!1);if(1===n&&"number"!=typeof t[0]||2===n&&"number"!=typeof t[0][0])return void(this.interpolable=!1);if(i>0){var a=r[i-1];this._isAllValueEqual&&(1===n&&Na(t,a.value)||(this._isAllValueEqual=!1))}this.arrDim=n}else{if(this.arrDim>0)return void(this.interpolable=!1);if("string"==typeof t){var o=oa(t);o?(t=o,this.isValueColor=!0):this.interpolable=!1}else if("number"!=typeof t||isNaN(t))return void(this.interpolable=!1);this._isAllValueEqual&&i>0&&(a=r[i-1],(this.isValueColor&&!Na(a.value,t)||a.value!==t)&&(this._isAllValueEqual=!1))}var s={time:e,value:t,percent:0};return this.keyframes.push(s),s},e.prototype.prepare=function(e){var t=this.keyframes;this._needsSort&&t.sort((function(e,t){return e.time-t.time}));for(var r=this.arrDim,i=t.length,n=t[i-1],a=0;a<i;a++)t[a].percent=t[a].time/this.maxTime,r>0&&a!==i-1&&Oa(t[a].value,n.value,r);if(e&&this.needsAnimate()&&e.needsAnimate()&&r===e.arrDim&&this.isValueColor===e.isValueColor&&!e._finished){this._additiveTrack=e;var o=t[0].value;for(a=0;a<i;a++)0===r?this.isValueColor?t[a].additiveValue=La([],t[a].value,o,-1):t[a].additiveValue=t[a].value-o:1===r?t[a].additiveValue=La([],t[a].value,o,-1):2===r&&(t[a].additiveValue=Pa([],t[a].value,o,-1))}},e.prototype.step=function(e,t){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var r,i=null!=this._additiveTrack,n=i?"additiveValue":"value",a=this.keyframes,o=this.keyframes.length,s=this.propName,l=this.arrDim,h=this.isValueColor;if(t<0)r=0;else if(t<this._lastFramePercent){for(r=Math.min(this._lastFrame+1,o-1);r>=0&&!(a[r].percent<=t);r--);r=Math.min(r,o-2)}else{for(r=this._lastFrame;r<o&&!(a[r].percent>t);r++);r=Math.min(r-1,o-2)}var u=a[r+1],c=a[r];if(c&&u){this._lastFrame=r,this._lastFramePercent=t;var d=u.percent-c.percent;if(0!==d){var f=(t-c.percent)/d,p=i?this._additiveValue:h?za:e[s];if((l>0||h)&&!p&&(p=this._additiveValue=[]),this.useSpline){var m=a[r][n],g=a[0===r?r:r-1][n],_=a[r>o-2?o-1:r+1][n],v=a[r>o-3?o-1:r+2][n];if(l>0)1===l?Ra(p,g,m,_,v,f,f*f,f*f*f):function(e,t,r,i,n,a,o,s){for(var l=t.length,h=t[0].length,u=0;u<l;u++){e[u]||(e[1]=[]);for(var c=0;c<h;c++)e[u][c]=Ia(t[u][c],r[u][c],i[u][c],n[u][c],a,o,s)}}(p,g,m,_,v,f,f*f,f*f*f);else if(h)Ra(p,g,m,_,v,f,f*f,f*f*f),i||(e[s]=Fa(p));else{var y=void 0;y=this.interpolable?Ia(g,m,_,v,f,f*f,f*f*f):_,i?this._additiveValue=y:e[s]=y}}else l>0?1===l?Da(p,c[n],u[n],f):function(e,t,r,i){for(var n=t.length,a=n&&t[0].length,o=0;o<n;o++){e[o]||(e[o]=[]);for(var s=0;s<a;s++)e[o][s]=Ca(t[o][s],r[o][s],i)}}(p,c[n],u[n],f):h?(Da(p,c[n],u[n],f),i||(e[s]=Fa(p))):(y=void 0,y=this.interpolable?Ca(c[n],u[n],f):function(e,t,r){return r>.5?t:e}(c[n],u[n],f),i?this._additiveValue=y:e[s]=y);i&&this._addToTarget(e)}}}},e.prototype._addToTarget=function(e){var t=this.arrDim,r=this.propName,i=this._additiveValue;0===t?this.isValueColor?(oa(e[r],za),La(za,za,i,1),e[r]=Fa(za)):e[r]=e[r]+i:1===t?La(e[r],e[r],i,1):2===t&&Pa(e[r],e[r],i,1)},e}();const Ua=function(){function e(e,t,r){this._tracks={},this._trackKeys=[],this._delay=0,this._maxTime=0,this._paused=!1,this._started=0,this._clip=null,this._target=e,this._loop=t,t&&r?function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];"undefined"!=typeof console&&console.error.apply(console,e)}("Can' use additive animation on looped animation."):this._additiveAnimators=r}return e.prototype.getTarget=function(){return this._target},e.prototype.changeTarget=function(e){this._target=e},e.prototype.when=function(e,t){return this.whenWithKeys(e,t,ba(t))},e.prototype.whenWithKeys=function(e,t,r){for(var i=this._tracks,n=0;n<r.length;n++){var a=r[n],o=i[a];if(!o){o=i[a]=new Ga(a);var s=void 0,l=this._getAdditiveTrack(a);if(l){var h=l.keyframes[l.keyframes.length-1];s=h&&h.value,l.isValueColor&&s&&(s=Fa(s))}else s=this._target[a];if(null==s)continue;0!==e&&o.addKeyframe(0,Ba(s)),this._trackKeys.push(a)}o.addKeyframe(e,Ba(t[a]))}return this._maxTime=Math.max(this._maxTime,e),this},e.prototype.pause=function(){this._clip.pause(),this._paused=!0},e.prototype.resume=function(){this._clip.resume(),this._paused=!1},e.prototype.isPaused=function(){return!!this._paused},e.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var e=this._doneList;if(e)for(var t=e.length,r=0;r<t;r++)e[r].call(this)},e.prototype._abortedCallback=function(){this._setTracksFinished();var e=this.animation,t=this._abortedList;if(e&&e.removeClip(this._clip),this._clip=null,t)for(var r=0;r<t.length;r++)t[r].call(this)},e.prototype._setTracksFinished=function(){for(var e=this._tracks,t=this._trackKeys,r=0;r<t.length;r++)e[t[r]].setFinished()},e.prototype._getAdditiveTrack=function(e){var t,r=this._additiveAnimators;if(r)for(var i=0;i<r.length;i++){var n=r[i].getTrack(e);n&&(t=n)}return t},e.prototype.start=function(e,t){if(!(this._started>0)){this._started=1;for(var r=this,i=[],n=0;n<this._trackKeys.length;n++){var a=this._trackKeys[n],o=this._tracks[a],s=this._getAdditiveTrack(a),l=o.keyframes;if(o.prepare(s),o.needsAnimate())i.push(o);else if(!o.interpolable){var h=l[l.length-1];h&&(r._target[o.propName]=h.value)}}if(i.length||t){var u=new Zn({life:this._maxTime,loop:this._loop,delay:this._delay,onframe:function(e){r._started=2;var t=r._additiveAnimators;if(t){for(var n=!1,a=0;a<t.length;a++)if(t[a]._clip){n=!0;break}n||(r._additiveAnimators=null)}for(a=0;a<i.length;a++)i[a].step(r._target,e);var o=r._onframeList;if(o)for(a=0;a<o.length;a++)o[a](r._target,e)},ondestroy:function(){r._doneCallback()}});this._clip=u,this.animation&&this.animation.addClip(u),e&&"spline"!==e&&(u.easing=e)}else this._doneCallback();return this}},e.prototype.stop=function(e){if(this._clip){var t=this._clip;e&&t.onframe(1),this._abortedCallback()}},e.prototype.delay=function(e){return this._delay=e,this},e.prototype.during=function(e){return e&&(this._onframeList||(this._onframeList=[]),this._onframeList.push(e)),this},e.prototype.done=function(e){return e&&(this._doneList||(this._doneList=[]),this._doneList.push(e)),this},e.prototype.aborted=function(e){return e&&(this._abortedList||(this._abortedList=[]),this._abortedList.push(e)),this},e.prototype.getClip=function(){return this._clip},e.prototype.getTrack=function(e){return this._tracks[e]},e.prototype.stopTracks=function(e,t){if(!e.length||!this._clip)return!0;for(var r=this._tracks,i=this._trackKeys,n=0;n<e.length;n++){var a=r[e[n]];a&&(t?a.step(this._target,1):1===this._started&&a.step(this._target,0),a.setFinished())}var o=!0;for(n=0;n<i.length;n++)if(!r[i[n]].isFinished()){o=!1;break}return o&&this._abortedCallback(),o},e.prototype.saveFinalToTarget=function(e,t){if(e){t=t||this._trackKeys;for(var r=0;r<t.length;r++){var i=t[r],n=this._tracks[i];if(n&&!n.isFinished()){var a=n.keyframes,o=a[a.length-1];if(o){var s=Ba(o.value);n.isValueColor&&(s=Fa(s)),e[i]=s}}}}},e.prototype.__changeFinalValue=function(e,t){t=t||ba(e);for(var r=0;r<t.length;r++){var i=t[r],n=this._tracks[i];if(n){var a=n.keyframes;if(a.length>1){var o=a.pop();n.addKeyframe(o.time,e[i]),n.prepare(n.getAdditiveTrack())}}}},e}(),ka={_animators:null,getAnimators:function(){return this._animators=this._animators||[],this._animators},animate:function(e,t){var r;if(this._animators=this._animators||[],e){for(var i=e.split("."),n=this,a=0,o=i.length;a<o;a++)n&&(n=n[i[a]]);n&&(r=n)}else r=this;if(null==r)throw new Error("Target "+e+" not exists");var s=this._animators,l=new Ua(r,t),h=this;return l.during((function(){h.__zr&&h.__zr.refresh()})).done((function(){var e=s.indexOf(l);e>=0&&s.splice(e,1)})),s.push(l),this.__zr&&this.__zr.animation.addAnimator(l),l},stopAnimation:function(e){this._animators=this._animators||[];for(var t=this._animators,r=t.length,i=0;i<r;i++)t[i].stop(e);return t.length=0,this},addAnimatorsToZr:function(e){if(this._animators)for(var t=0;t<this._animators.length;t++)e.animation.addAnimator(this._animators[t])},removeAnimatorsFromZr:function(e){if(this._animators)for(var t=0;t<this._animators.length;t++)e.animation.removeAnimator(this._animators[t])}},Va="\n@export clay.util.rand\nhighp float rand(vec2 uv) {\n const highp float a = 12.9898, b = 78.233, c = 43758.5453;\n highp float dt = dot(uv.xy, vec2(a,b)), sn = mod(dt, 3.141592653589793);\n return fract(sin(sn) * c);\n}\n@end\n@export clay.util.calculate_attenuation\nuniform float attenuationFactor : 5.0;\nfloat lightAttenuation(float dist, float range)\n{\n float attenuation = 1.0;\n attenuation = dist*dist/(range*range+1.0);\n float att_s = attenuationFactor;\n attenuation = 1.0/(attenuation*att_s+1.0);\n att_s = 1.0/(att_s+1.0);\n attenuation = attenuation - att_s;\n attenuation /= 1.0 - att_s;\n return clamp(attenuation, 0.0, 1.0);\n}\n@end\n@export clay.util.edge_factor\n#ifdef SUPPORT_STANDARD_DERIVATIVES\nfloat edgeFactor(float width)\n{\n vec3 d = fwidth(v_Barycentric);\n vec3 a3 = smoothstep(vec3(0.0), d * width, v_Barycentric);\n return min(min(a3.x, a3.y), a3.z);\n}\n#else\nfloat edgeFactor(float width)\n{\n return 1.0;\n}\n#endif\n@end\n@export clay.util.encode_float\nvec4 encodeFloat(const in float depth)\n{\n const vec4 bitShifts = vec4(256.0*256.0*256.0, 256.0*256.0, 256.0, 1.0);\n const vec4 bit_mask = vec4(0.0, 1.0/256.0, 1.0/256.0, 1.0/256.0);\n vec4 res = fract(depth * bitShifts);\n res -= res.xxyz * bit_mask;\n return res;\n}\n@end\n@export clay.util.decode_float\nfloat decodeFloat(const in vec4 color)\n{\n const vec4 bitShifts = vec4(1.0/(256.0*256.0*256.0), 1.0/(256.0*256.0), 1.0/256.0, 1.0);\n return dot(color, bitShifts);\n}\n@end\n@export clay.util.float\n@import clay.util.encode_float\n@import clay.util.decode_float\n@end\n@export clay.util.rgbm_decode\nvec3 RGBMDecode(vec4 rgbm, float range) {\n return range * rgbm.rgb * rgbm.a;\n}\n@end\n@export clay.util.rgbm_encode\nvec4 RGBMEncode(vec3 color, float range) {\n if (dot(color, color) == 0.0) {\n return vec4(0.0);\n }\n vec4 rgbm;\n color /= range;\n rgbm.a = clamp(max(max(color.r, color.g), max(color.b, 1e-6)), 0.0, 1.0);\n rgbm.a = ceil(rgbm.a * 255.0) / 255.0;\n rgbm.rgb = color / rgbm.a;\n return rgbm;\n}\n@end\n@export clay.util.rgbm\n@import clay.util.rgbm_decode\n@import clay.util.rgbm_encode\nvec4 decodeHDR(vec4 color)\n{\n#if defined(RGBM_DECODE) || defined(RGBM)\n return vec4(RGBMDecode(color, 8.12), 1.0);\n#else\n return color;\n#endif\n}\nvec4 encodeHDR(vec4 color)\n{\n#if defined(RGBM_ENCODE) || defined(RGBM)\n return RGBMEncode(color.xyz, 8.12);\n#else\n return color;\n#endif\n}\n@end\n@export clay.util.srgb\nvec4 sRGBToLinear(in vec4 value) {\n return vec4(mix(pow(value.rgb * 0.9478672986 + vec3(0.0521327014), vec3(2.4)), value.rgb * 0.0773993808, vec3(lessThanEqual(value.rgb, vec3(0.04045)))), value.w);\n}\nvec4 linearTosRGB(in vec4 value) {\n return vec4(mix(pow(value.rgb, vec3(0.41666)) * 1.055 - vec3(0.055), value.rgb * 12.92, vec3(lessThanEqual(value.rgb, vec3(0.0031308)))), value.w);\n}\n@end\n@export clay.chunk.skinning_header\n#ifdef SKINNING\nattribute vec3 weight : WEIGHT;\nattribute vec4 joint : JOINT;\n#ifdef USE_SKIN_MATRICES_TEXTURE\nuniform sampler2D skinMatricesTexture : ignore;\nuniform float skinMatricesTextureSize: ignore;\nmat4 getSkinMatrix(sampler2D tex, float idx) {\n float j = idx * 4.0;\n float x = mod(j, skinMatricesTextureSize);\n float y = floor(j / skinMatricesTextureSize) + 0.5;\n vec2 scale = vec2(skinMatricesTextureSize);\n return mat4(\n texture2D(tex, vec2(x + 0.5, y) / scale),\n texture2D(tex, vec2(x + 1.5, y) / scale),\n texture2D(tex, vec2(x + 2.5, y) / scale),\n texture2D(tex, vec2(x + 3.5, y) / scale)\n );\n}\nmat4 getSkinMatrix(float idx) {\n return getSkinMatrix(skinMatricesTexture, idx);\n}\n#else\nuniform mat4 skinMatrix[JOINT_COUNT] : SKIN_MATRIX;\nmat4 getSkinMatrix(float idx) {\n return skinMatrix[int(idx)];\n}\n#endif\n#endif\n@end\n@export clay.chunk.skin_matrix\nmat4 skinMatrixWS = getSkinMatrix(joint.x) * weight.x;\nif (weight.y > 1e-4)\n{\n skinMatrixWS += getSkinMatrix(joint.y) * weight.y;\n}\nif (weight.z > 1e-4)\n{\n skinMatrixWS += getSkinMatrix(joint.z) * weight.z;\n}\nfloat weightW = 1.0-weight.x-weight.y-weight.z;\nif (weightW > 1e-4)\n{\n skinMatrixWS += getSkinMatrix(joint.w) * weightW;\n}\n@end\n@export clay.chunk.instancing_header\n#ifdef INSTANCING\nattribute vec4 instanceMat1;\nattribute vec4 instanceMat2;\nattribute vec4 instanceMat3;\n#endif\n@end\n@export clay.chunk.instancing_matrix\nmat4 instanceMat = mat4(\n vec4(instanceMat1.xyz, 0.0),\n vec4(instanceMat2.xyz, 0.0),\n vec4(instanceMat3.xyz, 0.0),\n vec4(instanceMat1.w, instanceMat2.w, instanceMat3.w, 1.0)\n);\n@end\n@export clay.util.parallax_correct\nvec3 parallaxCorrect(in vec3 dir, in vec3 pos, in vec3 boxMin, in vec3 boxMax) {\n vec3 first = (boxMax - pos) / dir;\n vec3 second = (boxMin - pos) / dir;\n vec3 further = max(first, second);\n float dist = min(further.x, min(further.y, further.z));\n vec3 fixedPos = pos + dir * dist;\n vec3 boxCenter = (boxMax + boxMin) * 0.5;\n return normalize(fixedPos - boxCenter);\n}\n@end\n@export clay.util.clamp_sample\nvec4 clampSample(const in sampler2D texture, const in vec2 coord)\n{\n#ifdef STEREO\n float eye = step(0.5, coord.x) * 0.5;\n vec2 coordClamped = clamp(coord, vec2(eye, 0.0), vec2(0.5 + eye, 1.0));\n#else\n vec2 coordClamped = clamp(coord, vec2(0.0), vec2(1.0));\n#endif\n return texture2D(texture, coordClamped);\n}\n@end\n@export clay.util.ACES\nvec3 ACESToneMapping(vec3 color)\n{\n const float A = 2.51;\n const float B = 0.03;\n const float C = 2.43;\n const float D = 0.59;\n const float E = 0.14;\n return (color * (A * color + B)) / (color * (C * color + D) + E);\n}\n@end";function Ha(e){return e instanceof HTMLCanvasElement||e instanceof HTMLImageElement||e instanceof Image}Object.assign(sr.prototype,ka),Xe.import(Va),Xe.import(qe),Xe.import("\n@export ecgl.common.transformUniforms\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform mat4 worldInverseTranspose : WORLDINVERSETRANSPOSE;\nuniform mat4 world : WORLD;\n@end\n\n@export ecgl.common.attributes\nattribute vec3 position : POSITION;\nattribute vec2 texcoord : TEXCOORD_0;\nattribute vec3 normal : NORMAL;\n@end\n\n@export ecgl.common.uv.header\nuniform vec2 uvRepeat : [1.0, 1.0];\nuniform vec2 uvOffset : [0.0, 0.0];\nuniform vec2 detailUvRepeat : [1.0, 1.0];\nuniform vec2 detailUvOffset : [0.0, 0.0];\n\nvarying vec2 v_Texcoord;\nvarying vec2 v_DetailTexcoord;\n@end\n\n@export ecgl.common.uv.main\nv_Texcoord = texcoord * uvRepeat + uvOffset;\nv_DetailTexcoord = texcoord * detailUvRepeat + detailUvOffset;\n@end\n\n@export ecgl.common.uv.fragmentHeader\nvarying vec2 v_Texcoord;\nvarying vec2 v_DetailTexcoord;\n@end\n\n\n@export ecgl.common.albedo.main\n\n vec4 albedoTexel = vec4(1.0);\n#ifdef DIFFUSEMAP_ENABLED\n albedoTexel = texture2D(diffuseMap, v_Texcoord);\n #ifdef SRGB_DECODE\n albedoTexel = sRGBToLinear(albedoTexel);\n #endif\n#endif\n\n#ifdef DETAILMAP_ENABLED\n vec4 detailTexel = texture2D(detailMap, v_DetailTexcoord);\n #ifdef SRGB_DECODE\n detailTexel = sRGBToLinear(detailTexel);\n #endif\n albedoTexel.rgb = mix(albedoTexel.rgb, detailTexel.rgb, detailTexel.a);\n albedoTexel.a = detailTexel.a + (1.0 - detailTexel.a) * albedoTexel.a;\n#endif\n\n@end\n\n@export ecgl.common.wireframe.vertexHeader\n\n#ifdef WIREFRAME_QUAD\nattribute vec4 barycentric;\nvarying vec4 v_Barycentric;\n#elif defined(WIREFRAME_TRIANGLE)\nattribute vec3 barycentric;\nvarying vec3 v_Barycentric;\n#endif\n\n@end\n\n@export ecgl.common.wireframe.vertexMain\n\n#if defined(WIREFRAME_QUAD) || defined(WIREFRAME_TRIANGLE)\n v_Barycentric = barycentric;\n#endif\n\n@end\n\n\n@export ecgl.common.wireframe.fragmentHeader\n\nuniform float wireframeLineWidth : 1;\nuniform vec4 wireframeLineColor: [0, 0, 0, 0.5];\n\n#ifdef WIREFRAME_QUAD\nvarying vec4 v_Barycentric;\nfloat edgeFactor () {\n vec4 d = fwidth(v_Barycentric);\n vec4 a4 = smoothstep(vec4(0.0), d * wireframeLineWidth, v_Barycentric);\n return min(min(min(a4.x, a4.y), a4.z), a4.w);\n}\n#elif defined(WIREFRAME_TRIANGLE)\nvarying vec3 v_Barycentric;\nfloat edgeFactor () {\n vec3 d = fwidth(v_Barycentric);\n vec3 a3 = smoothstep(vec3(0.0), d * wireframeLineWidth, v_Barycentric);\n return min(min(a3.x, a3.y), a3.z);\n}\n#endif\n\n@end\n\n\n@export ecgl.common.wireframe.fragmentMain\n\n#if defined(WIREFRAME_QUAD) || defined(WIREFRAME_TRIANGLE)\n if (wireframeLineWidth > 0.) {\n vec4 lineColor = wireframeLineColor;\n#ifdef SRGB_DECODE\n lineColor = sRGBToLinear(lineColor);\n#endif\n\n gl_FragColor.rgb = mix(gl_FragColor.rgb, lineColor.rgb, (1.0 - edgeFactor()) * lineColor.a);\n }\n#endif\n@end\n\n\n\n\n@export ecgl.common.bumpMap.header\n\n#ifdef BUMPMAP_ENABLED\nuniform sampler2D bumpMap;\nuniform float bumpScale : 1.0;\n\n\nvec3 bumpNormal(vec3 surfPos, vec3 surfNormal, vec3 baseNormal)\n{\n vec2 dSTdx = dFdx(v_Texcoord);\n vec2 dSTdy = dFdy(v_Texcoord);\n\n float Hll = bumpScale * texture2D(bumpMap, v_Texcoord).x;\n float dHx = bumpScale * texture2D(bumpMap, v_Texcoord + dSTdx).x - Hll;\n float dHy = bumpScale * texture2D(bumpMap, v_Texcoord + dSTdy).x - Hll;\n\n vec3 vSigmaX = dFdx(surfPos);\n vec3 vSigmaY = dFdy(surfPos);\n vec3 vN = surfNormal;\n\n vec3 R1 = cross(vSigmaY, vN);\n vec3 R2 = cross(vN, vSigmaX);\n\n float fDet = dot(vSigmaX, R1);\n\n vec3 vGrad = sign(fDet) * (dHx * R1 + dHy * R2);\n return normalize(abs(fDet) * baseNormal - vGrad);\n\n}\n#endif\n\n@end\n\n@export ecgl.common.normalMap.vertexHeader\n\n#ifdef NORMALMAP_ENABLED\nattribute vec4 tangent : TANGENT;\nvarying vec3 v_Tangent;\nvarying vec3 v_Bitangent;\n#endif\n\n@end\n\n@export ecgl.common.normalMap.vertexMain\n\n#ifdef NORMALMAP_ENABLED\n if (dot(tangent, tangent) > 0.0) {\n v_Tangent = normalize((worldInverseTranspose * vec4(tangent.xyz, 0.0)).xyz);\n v_Bitangent = normalize(cross(v_Normal, v_Tangent) * tangent.w);\n }\n#endif\n\n@end\n\n\n@export ecgl.common.normalMap.fragmentHeader\n\n#ifdef NORMALMAP_ENABLED\nuniform sampler2D normalMap;\nvarying vec3 v_Tangent;\nvarying vec3 v_Bitangent;\n#endif\n\n@end\n\n@export ecgl.common.normalMap.fragmentMain\n#ifdef NORMALMAP_ENABLED\n if (dot(v_Tangent, v_Tangent) > 0.0) {\n vec3 normalTexel = texture2D(normalMap, v_DetailTexcoord).xyz;\n if (dot(normalTexel, normalTexel) > 0.0) { N = normalTexel * 2.0 - 1.0;\n mat3 tbn = mat3(v_Tangent, v_Bitangent, v_Normal);\n N = normalize(tbn * N);\n }\n }\n#endif\n@end\n\n\n\n@export ecgl.common.vertexAnimation.header\n\n#ifdef VERTEX_ANIMATION\nattribute vec3 prevPosition;\nattribute vec3 prevNormal;\nuniform float percent;\n#endif\n\n@end\n\n@export ecgl.common.vertexAnimation.main\n\n#ifdef VERTEX_ANIMATION\n vec3 pos = mix(prevPosition, position, percent);\n vec3 norm = mix(prevNormal, normal, percent);\n#else\n vec3 pos = position;\n vec3 norm = normal;\n#endif\n\n@end\n\n\n@export ecgl.common.ssaoMap.header\n#ifdef SSAOMAP_ENABLED\nuniform sampler2D ssaoMap;\nuniform vec4 viewport : VIEWPORT;\n#endif\n@end\n\n@export ecgl.common.ssaoMap.main\n float ao = 1.0;\n#ifdef SSAOMAP_ENABLED\n ao = texture2D(ssaoMap, (gl_FragCoord.xy - viewport.xy) / viewport.zw).r;\n#endif\n@end\n\n\n\n\n@export ecgl.common.diffuseLayer.header\n\n#if (LAYER_DIFFUSEMAP_COUNT > 0)\nuniform float layerDiffuseIntensity[LAYER_DIFFUSEMAP_COUNT];\nuniform sampler2D layerDiffuseMap[LAYER_DIFFUSEMAP_COUNT];\n#endif\n\n@end\n\n@export ecgl.common.emissiveLayer.header\n\n#if (LAYER_EMISSIVEMAP_COUNT > 0)\nuniform float layerEmissionIntensity[LAYER_EMISSIVEMAP_COUNT];\nuniform sampler2D layerEmissiveMap[LAYER_EMISSIVEMAP_COUNT];\n#endif\n\n@end\n\n@export ecgl.common.layers.header\n@import ecgl.common.diffuseLayer.header\n@import ecgl.common.emissiveLayer.header\n@end\n\n@export ecgl.common.diffuseLayer.main\n\n#if (LAYER_DIFFUSEMAP_COUNT > 0)\n for (int _idx_ = 0; _idx_ < LAYER_DIFFUSEMAP_COUNT; _idx_++) {{\n float intensity = layerDiffuseIntensity[_idx_];\n vec4 texel2 = texture2D(layerDiffuseMap[_idx_], v_Texcoord);\n #ifdef SRGB_DECODE\n texel2 = sRGBToLinear(texel2);\n #endif\n albedoTexel.rgb = mix(albedoTexel.rgb, texel2.rgb * intensity, texel2.a);\n albedoTexel.a = texel2.a + (1.0 - texel2.a) * albedoTexel.a;\n }}\n#endif\n\n@end\n\n@export ecgl.common.emissiveLayer.main\n\n#if (LAYER_EMISSIVEMAP_COUNT > 0)\n for (int _idx_ = 0; _idx_ < LAYER_EMISSIVEMAP_COUNT; _idx_++)\n {{\n vec4 texel2 = texture2D(layerEmissiveMap[_idx_], v_Texcoord) * layerEmissionIntensity[_idx_];\n #ifdef SRGB_DECODE\n texel2 = sRGBToLinear(texel2);\n #endif\n float intensity = layerEmissionIntensity[_idx_];\n gl_FragColor.rgb += texel2.rgb * texel2.a * intensity;\n }}\n#endif\n\n@end\n"),Xe.import("@export ecgl.color.vertex\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\n@import ecgl.common.uv.header\n\nattribute vec2 texcoord : TEXCOORD_0;\nattribute vec3 position: POSITION;\n\n@import ecgl.common.wireframe.vertexHeader\n\n#ifdef VERTEX_COLOR\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n#endif\n\n#ifdef VERTEX_ANIMATION\nattribute vec3 prevPosition;\nuniform float percent : 1.0;\n#endif\n\n#ifdef ATMOSPHERE_ENABLED\nattribute vec3 normal: NORMAL;\nuniform mat4 worldInverseTranspose : WORLDINVERSETRANSPOSE;\nvarying vec3 v_Normal;\n#endif\n\nvoid main()\n{\n#ifdef VERTEX_ANIMATION\n vec3 pos = mix(prevPosition, position, percent);\n#else\n vec3 pos = position;\n#endif\n\n gl_Position = worldViewProjection * vec4(pos, 1.0);\n\n @import ecgl.common.uv.main\n\n#ifdef VERTEX_COLOR\n v_Color = a_Color;\n#endif\n\n#ifdef ATMOSPHERE_ENABLED\n v_Normal = normalize((worldInverseTranspose * vec4(normal, 0.0)).xyz);\n#endif\n\n @import ecgl.common.wireframe.vertexMain\n\n}\n\n@end\n\n@export ecgl.color.fragment\n\n#define LAYER_DIFFUSEMAP_COUNT 0\n#define LAYER_EMISSIVEMAP_COUNT 0\n\nuniform sampler2D diffuseMap;\nuniform sampler2D detailMap;\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\n#ifdef ATMOSPHERE_ENABLED\nuniform mat4 viewTranspose: VIEWTRANSPOSE;\nuniform vec3 glowColor;\nuniform float glowPower;\nvarying vec3 v_Normal;\n#endif\n\n#ifdef VERTEX_COLOR\nvarying vec4 v_Color;\n#endif\n\n@import ecgl.common.layers.header\n\n@import ecgl.common.uv.fragmentHeader\n\n@import ecgl.common.wireframe.fragmentHeader\n\n@import clay.util.srgb\n\nvoid main()\n{\n#ifdef SRGB_DECODE\n gl_FragColor = sRGBToLinear(color);\n#else\n gl_FragColor = color;\n#endif\n\n#ifdef VERTEX_COLOR\n gl_FragColor *= v_Color;\n#endif\n\n @import ecgl.common.albedo.main\n\n @import ecgl.common.diffuseLayer.main\n\n gl_FragColor *= albedoTexel;\n\n#ifdef ATMOSPHERE_ENABLED\n float atmoIntensity = pow(1.0 - dot(v_Normal, (viewTranspose * vec4(0.0, 0.0, 1.0, 0.0)).xyz), glowPower);\n gl_FragColor.rgb += glowColor * atmoIntensity;\n#endif\n\n @import ecgl.common.emissiveLayer.main\n\n @import ecgl.common.wireframe.fragmentMain\n\n}\n@end"),Xe.import("/**\n * http: */\n\n@export ecgl.lambert.vertex\n\n@import ecgl.common.transformUniforms\n\n@import ecgl.common.uv.header\n\n\n@import ecgl.common.attributes\n\n@import ecgl.common.wireframe.vertexHeader\n\n#ifdef VERTEX_COLOR\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n#endif\n\n\n@import ecgl.common.vertexAnimation.header\n\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nvoid main()\n{\n @import ecgl.common.uv.main\n\n @import ecgl.common.vertexAnimation.main\n\n\n gl_Position = worldViewProjection * vec4(pos, 1.0);\n\n v_Normal = normalize((worldInverseTranspose * vec4(norm, 0.0)).xyz);\n v_WorldPosition = (world * vec4(pos, 1.0)).xyz;\n\n#ifdef VERTEX_COLOR\n v_Color = a_Color;\n#endif\n\n @import ecgl.common.wireframe.vertexMain\n}\n\n@end\n\n\n@export ecgl.lambert.fragment\n\n#define LAYER_DIFFUSEMAP_COUNT 0\n#define LAYER_EMISSIVEMAP_COUNT 0\n\n#define NORMAL_UP_AXIS 1\n#define NORMAL_FRONT_AXIS 2\n\n@import ecgl.common.uv.fragmentHeader\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nuniform sampler2D diffuseMap;\nuniform sampler2D detailMap;\n\n@import ecgl.common.layers.header\n\nuniform float emissionIntensity: 1.0;\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\nuniform mat4 viewInverse : VIEWINVERSE;\n\n#ifdef ATMOSPHERE_ENABLED\nuniform mat4 viewTranspose: VIEWTRANSPOSE;\nuniform vec3 glowColor;\nuniform float glowPower;\n#endif\n\n#ifdef AMBIENT_LIGHT_COUNT\n@import clay.header.ambient_light\n#endif\n#ifdef AMBIENT_SH_LIGHT_COUNT\n@import clay.header.ambient_sh_light\n#endif\n\n#ifdef DIRECTIONAL_LIGHT_COUNT\n@import clay.header.directional_light\n#endif\n\n#ifdef VERTEX_COLOR\nvarying vec4 v_Color;\n#endif\n\n\n@import ecgl.common.ssaoMap.header\n\n@import ecgl.common.bumpMap.header\n\n@import clay.util.srgb\n\n@import ecgl.common.wireframe.fragmentHeader\n\n@import clay.plugin.compute_shadow_map\n\nvoid main()\n{\n#ifdef SRGB_DECODE\n gl_FragColor = sRGBToLinear(color);\n#else\n gl_FragColor = color;\n#endif\n\n#ifdef VERTEX_COLOR\n #ifdef SRGB_DECODE\n gl_FragColor *= sRGBToLinear(v_Color);\n #else\n gl_FragColor *= v_Color;\n #endif\n#endif\n\n @import ecgl.common.albedo.main\n\n @import ecgl.common.diffuseLayer.main\n\n gl_FragColor *= albedoTexel;\n\n vec3 N = v_Normal;\n#ifdef DOUBLE_SIDED\n vec3 eyePos = viewInverse[3].xyz;\n vec3 V = normalize(eyePos - v_WorldPosition);\n\n if (dot(N, V) < 0.0) {\n N = -N;\n }\n#endif\n\n float ambientFactor = 1.0;\n\n#ifdef BUMPMAP_ENABLED\n N = bumpNormal(v_WorldPosition, v_Normal, N);\n ambientFactor = dot(v_Normal, N);\n#endif\n\n vec3 N2 = vec3(N.x, N[NORMAL_UP_AXIS], N[NORMAL_FRONT_AXIS]);\n\n vec3 diffuseColor = vec3(0.0, 0.0, 0.0);\n\n @import ecgl.common.ssaoMap.main\n\n#ifdef AMBIENT_LIGHT_COUNT\n for(int i = 0; i < AMBIENT_LIGHT_COUNT; i++)\n {\n diffuseColor += ambientLightColor[i] * ambientFactor * ao;\n }\n#endif\n#ifdef AMBIENT_SH_LIGHT_COUNT\n for(int _idx_ = 0; _idx_ < AMBIENT_SH_LIGHT_COUNT; _idx_++)\n {{\n diffuseColor += calcAmbientSHLight(_idx_, N2) * ambientSHLightColor[_idx_] * ao;\n }}\n#endif\n#ifdef DIRECTIONAL_LIGHT_COUNT\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n float shadowContribsDir[DIRECTIONAL_LIGHT_COUNT];\n if(shadowEnabled)\n {\n computeShadowOfDirectionalLights(v_WorldPosition, shadowContribsDir);\n }\n#endif\n for(int i = 0; i < DIRECTIONAL_LIGHT_COUNT; i++)\n {\n vec3 lightDirection = -directionalLightDirection[i];\n vec3 lightColor = directionalLightColor[i];\n\n float shadowContrib = 1.0;\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n if (shadowEnabled)\n {\n shadowContrib = shadowContribsDir[i];\n }\n#endif\n\n float ndl = dot(N, normalize(lightDirection)) * shadowContrib;\n\n diffuseColor += lightColor * clamp(ndl, 0.0, 1.0);\n }\n#endif\n\n gl_FragColor.rgb *= diffuseColor;\n\n#ifdef ATMOSPHERE_ENABLED\n float atmoIntensity = pow(1.0 - dot(v_Normal, (viewTranspose * vec4(0.0, 0.0, 1.0, 0.0)).xyz), glowPower);\n gl_FragColor.rgb += glowColor * atmoIntensity;\n#endif\n\n @import ecgl.common.emissiveLayer.main\n\n @import ecgl.common.wireframe.fragmentMain\n}\n\n@end"),Xe.import("@export ecgl.realistic.vertex\n\n@import ecgl.common.transformUniforms\n\n@import ecgl.common.uv.header\n\n@import ecgl.common.attributes\n\n\n@import ecgl.common.wireframe.vertexHeader\n\n#ifdef VERTEX_COLOR\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n#endif\n\n#ifdef NORMALMAP_ENABLED\nattribute vec4 tangent : TANGENT;\nvarying vec3 v_Tangent;\nvarying vec3 v_Bitangent;\n#endif\n\n@import ecgl.common.vertexAnimation.header\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nvoid main()\n{\n\n @import ecgl.common.uv.main\n\n @import ecgl.common.vertexAnimation.main\n\n gl_Position = worldViewProjection * vec4(pos, 1.0);\n\n v_Normal = normalize((worldInverseTranspose * vec4(norm, 0.0)).xyz);\n v_WorldPosition = (world * vec4(pos, 1.0)).xyz;\n\n#ifdef VERTEX_COLOR\n v_Color = a_Color;\n#endif\n\n#ifdef NORMALMAP_ENABLED\n v_Tangent = normalize((worldInverseTranspose * vec4(tangent.xyz, 0.0)).xyz);\n v_Bitangent = normalize(cross(v_Normal, v_Tangent) * tangent.w);\n#endif\n\n @import ecgl.common.wireframe.vertexMain\n\n}\n\n@end\n\n\n\n@export ecgl.realistic.fragment\n\n#define LAYER_DIFFUSEMAP_COUNT 0\n#define LAYER_EMISSIVEMAP_COUNT 0\n#define PI 3.14159265358979\n#define ROUGHNESS_CHANEL 0\n#define METALNESS_CHANEL 1\n\n#define NORMAL_UP_AXIS 1\n#define NORMAL_FRONT_AXIS 2\n\n#ifdef VERTEX_COLOR\nvarying vec4 v_Color;\n#endif\n\n@import ecgl.common.uv.fragmentHeader\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nuniform sampler2D diffuseMap;\n\nuniform sampler2D detailMap;\nuniform sampler2D metalnessMap;\nuniform sampler2D roughnessMap;\n\n@import ecgl.common.layers.header\n\nuniform float emissionIntensity: 1.0;\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\nuniform float metalness : 0.0;\nuniform float roughness : 0.5;\n\nuniform mat4 viewInverse : VIEWINVERSE;\n\n#ifdef ATMOSPHERE_ENABLED\nuniform mat4 viewTranspose: VIEWTRANSPOSE;\nuniform vec3 glowColor;\nuniform float glowPower;\n#endif\n\n#ifdef AMBIENT_LIGHT_COUNT\n@import clay.header.ambient_light\n#endif\n\n#ifdef AMBIENT_SH_LIGHT_COUNT\n@import clay.header.ambient_sh_light\n#endif\n\n#ifdef AMBIENT_CUBEMAP_LIGHT_COUNT\n@import clay.header.ambient_cubemap_light\n#endif\n\n#ifdef DIRECTIONAL_LIGHT_COUNT\n@import clay.header.directional_light\n#endif\n\n@import ecgl.common.normalMap.fragmentHeader\n\n@import ecgl.common.ssaoMap.header\n\n@import ecgl.common.bumpMap.header\n\n@import clay.util.srgb\n\n@import clay.util.rgbm\n\n@import ecgl.common.wireframe.fragmentHeader\n\n@import clay.plugin.compute_shadow_map\n\nvec3 F_Schlick(float ndv, vec3 spec) {\n return spec + (1.0 - spec) * pow(1.0 - ndv, 5.0);\n}\n\nfloat D_Phong(float g, float ndh) {\n float a = pow(8192.0, g);\n return (a + 2.0) / 8.0 * pow(ndh, a);\n}\n\nvoid main()\n{\n vec4 albedoColor = color;\n\n vec3 eyePos = viewInverse[3].xyz;\n vec3 V = normalize(eyePos - v_WorldPosition);\n#ifdef VERTEX_COLOR\n #ifdef SRGB_DECODE\n albedoColor *= sRGBToLinear(v_Color);\n #else\n albedoColor *= v_Color;\n #endif\n#endif\n\n @import ecgl.common.albedo.main\n\n @import ecgl.common.diffuseLayer.main\n\n albedoColor *= albedoTexel;\n\n float m = metalness;\n\n#ifdef METALNESSMAP_ENABLED\n float m2 = texture2D(metalnessMap, v_DetailTexcoord)[METALNESS_CHANEL];\n m = clamp(m2 + (m - 0.5) * 2.0, 0.0, 1.0);\n#endif\n\n vec3 baseColor = albedoColor.rgb;\n albedoColor.rgb = baseColor * (1.0 - m);\n vec3 specFactor = mix(vec3(0.04), baseColor, m);\n\n float g = 1.0 - roughness;\n\n#ifdef ROUGHNESSMAP_ENABLED\n float g2 = 1.0 - texture2D(roughnessMap, v_DetailTexcoord)[ROUGHNESS_CHANEL];\n g = clamp(g2 + (g - 0.5) * 2.0, 0.0, 1.0);\n#endif\n\n vec3 N = v_Normal;\n\n#ifdef DOUBLE_SIDED\n if (dot(N, V) < 0.0) {\n N = -N;\n }\n#endif\n\n float ambientFactor = 1.0;\n\n#ifdef BUMPMAP_ENABLED\n N = bumpNormal(v_WorldPosition, v_Normal, N);\n ambientFactor = dot(v_Normal, N);\n#endif\n\n@import ecgl.common.normalMap.fragmentMain\n\n vec3 N2 = vec3(N.x, N[NORMAL_UP_AXIS], N[NORMAL_FRONT_AXIS]);\n\n vec3 diffuseTerm = vec3(0.0);\n vec3 specularTerm = vec3(0.0);\n\n float ndv = clamp(dot(N, V), 0.0, 1.0);\n vec3 fresnelTerm = F_Schlick(ndv, specFactor);\n\n @import ecgl.common.ssaoMap.main\n\n#ifdef AMBIENT_LIGHT_COUNT\n for(int _idx_ = 0; _idx_ < AMBIENT_LIGHT_COUNT; _idx_++)\n {{\n diffuseTerm += ambientLightColor[_idx_] * ambientFactor * ao;\n }}\n#endif\n\n#ifdef AMBIENT_SH_LIGHT_COUNT\n for(int _idx_ = 0; _idx_ < AMBIENT_SH_LIGHT_COUNT; _idx_++)\n {{\n diffuseTerm += calcAmbientSHLight(_idx_, N2) * ambientSHLightColor[_idx_] * ao;\n }}\n#endif\n\n#ifdef DIRECTIONAL_LIGHT_COUNT\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n float shadowContribsDir[DIRECTIONAL_LIGHT_COUNT];\n if(shadowEnabled)\n {\n computeShadowOfDirectionalLights(v_WorldPosition, shadowContribsDir);\n }\n#endif\n for(int _idx_ = 0; _idx_ < DIRECTIONAL_LIGHT_COUNT; _idx_++)\n {{\n vec3 L = -directionalLightDirection[_idx_];\n vec3 lc = directionalLightColor[_idx_];\n\n vec3 H = normalize(L + V);\n float ndl = clamp(dot(N, normalize(L)), 0.0, 1.0);\n float ndh = clamp(dot(N, H), 0.0, 1.0);\n\n float shadowContrib = 1.0;\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n if (shadowEnabled)\n {\n shadowContrib = shadowContribsDir[_idx_];\n }\n#endif\n\n vec3 li = lc * ndl * shadowContrib;\n\n diffuseTerm += li;\n specularTerm += li * fresnelTerm * D_Phong(g, ndh);\n }}\n#endif\n\n\n#ifdef AMBIENT_CUBEMAP_LIGHT_COUNT\n vec3 L = reflect(-V, N);\n L = vec3(L.x, L[NORMAL_UP_AXIS], L[NORMAL_FRONT_AXIS]);\n float rough2 = clamp(1.0 - g, 0.0, 1.0);\n float bias2 = rough2 * 5.0;\n vec2 brdfParam2 = texture2D(ambientCubemapLightBRDFLookup[0], vec2(rough2, ndv)).xy;\n vec3 envWeight2 = specFactor * brdfParam2.x + brdfParam2.y;\n vec3 envTexel2;\n for(int _idx_ = 0; _idx_ < AMBIENT_CUBEMAP_LIGHT_COUNT; _idx_++)\n {{\n envTexel2 = RGBMDecode(textureCubeLodEXT(ambientCubemapLightCubemap[_idx_], L, bias2), 8.12);\n specularTerm += ambientCubemapLightColor[_idx_] * envTexel2 * envWeight2 * ao;\n }}\n#endif\n\n gl_FragColor.rgb = albedoColor.rgb * diffuseTerm + specularTerm;\n gl_FragColor.a = albedoColor.a;\n\n#ifdef ATMOSPHERE_ENABLED\n float atmoIntensity = pow(1.0 - dot(v_Normal, (viewTranspose * vec4(0.0, 0.0, 1.0, 0.0)).xyz), glowPower);\n gl_FragColor.rgb += glowColor * atmoIntensity;\n#endif\n\n#ifdef SRGB_ENCODE\n gl_FragColor = linearTosRGB(gl_FragColor);\n#endif\n\n @import ecgl.common.emissiveLayer.main\n\n @import ecgl.common.wireframe.fragmentMain\n}\n\n@end"),Xe.import("@export ecgl.hatching.vertex\n\n@import ecgl.realistic.vertex\n\n@end\n\n\n@export ecgl.hatching.fragment\n\n#define NORMAL_UP_AXIS 1\n#define NORMAL_FRONT_AXIS 2\n\n@import ecgl.common.uv.fragmentHeader\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nuniform vec4 color : [0.0, 0.0, 0.0, 1.0];\nuniform vec4 paperColor : [1.0, 1.0, 1.0, 1.0];\n\nuniform mat4 viewInverse : VIEWINVERSE;\n\n#ifdef AMBIENT_LIGHT_COUNT\n@import clay.header.ambient_light\n#endif\n#ifdef AMBIENT_SH_LIGHT_COUNT\n@import clay.header.ambient_sh_light\n#endif\n\n#ifdef DIRECTIONAL_LIGHT_COUNT\n@import clay.header.directional_light\n#endif\n\n#ifdef VERTEX_COLOR\nvarying vec4 v_Color;\n#endif\n\n\n@import ecgl.common.ssaoMap.header\n\n@import ecgl.common.bumpMap.header\n\n@import clay.util.srgb\n\n@import ecgl.common.wireframe.fragmentHeader\n\n@import clay.plugin.compute_shadow_map\n\nuniform sampler2D hatch1;\nuniform sampler2D hatch2;\nuniform sampler2D hatch3;\nuniform sampler2D hatch4;\nuniform sampler2D hatch5;\nuniform sampler2D hatch6;\n\nfloat shade(in float tone) {\n vec4 c = vec4(1. ,1., 1., 1.);\n float step = 1. / 6.;\n vec2 uv = v_DetailTexcoord;\n if (tone <= step / 2.0) {\n c = mix(vec4(0.), texture2D(hatch6, uv), 12. * tone);\n }\n else if (tone <= step) {\n c = mix(texture2D(hatch6, uv), texture2D(hatch5, uv), 6. * tone);\n }\n if(tone > step && tone <= 2. * step){\n c = mix(texture2D(hatch5, uv), texture2D(hatch4, uv) , 6. * (tone - step));\n }\n if(tone > 2. * step && tone <= 3. * step){\n c = mix(texture2D(hatch4, uv), texture2D(hatch3, uv), 6. * (tone - 2. * step));\n }\n if(tone > 3. * step && tone <= 4. * step){\n c = mix(texture2D(hatch3, uv), texture2D(hatch2, uv), 6. * (tone - 3. * step));\n }\n if(tone > 4. * step && tone <= 5. * step){\n c = mix(texture2D(hatch2, uv), texture2D(hatch1, uv), 6. * (tone - 4. * step));\n }\n if(tone > 5. * step){\n c = mix(texture2D(hatch1, uv), vec4(1.), 6. * (tone - 5. * step));\n }\n\n return c.r;\n}\n\nconst vec3 w = vec3(0.2125, 0.7154, 0.0721);\n\nvoid main()\n{\n#ifdef SRGB_DECODE\n vec4 inkColor = sRGBToLinear(color);\n#else\n vec4 inkColor = color;\n#endif\n\n#ifdef VERTEX_COLOR\n #ifdef SRGB_DECODE\n inkColor *= sRGBToLinear(v_Color);\n #else\n inkColor *= v_Color;\n #endif\n#endif\n\n vec3 N = v_Normal;\n#ifdef DOUBLE_SIDED\n vec3 eyePos = viewInverse[3].xyz;\n vec3 V = normalize(eyePos - v_WorldPosition);\n\n if (dot(N, V) < 0.0) {\n N = -N;\n }\n#endif\n\n float tone = 0.0;\n\n float ambientFactor = 1.0;\n\n#ifdef BUMPMAP_ENABLED\n N = bumpNormal(v_WorldPosition, v_Normal, N);\n ambientFactor = dot(v_Normal, N);\n#endif\n\n vec3 N2 = vec3(N.x, N[NORMAL_UP_AXIS], N[NORMAL_FRONT_AXIS]);\n\n @import ecgl.common.ssaoMap.main\n\n#ifdef AMBIENT_LIGHT_COUNT\n for(int i = 0; i < AMBIENT_LIGHT_COUNT; i++)\n {\n tone += dot(ambientLightColor[i], w) * ambientFactor * ao;\n }\n#endif\n#ifdef AMBIENT_SH_LIGHT_COUNT\n for(int _idx_ = 0; _idx_ < AMBIENT_SH_LIGHT_COUNT; _idx_++)\n {{\n tone += dot(calcAmbientSHLight(_idx_, N2) * ambientSHLightColor[_idx_], w) * ao;\n }}\n#endif\n#ifdef DIRECTIONAL_LIGHT_COUNT\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n float shadowContribsDir[DIRECTIONAL_LIGHT_COUNT];\n if(shadowEnabled)\n {\n computeShadowOfDirectionalLights(v_WorldPosition, shadowContribsDir);\n }\n#endif\n for(int i = 0; i < DIRECTIONAL_LIGHT_COUNT; i++)\n {\n vec3 lightDirection = -directionalLightDirection[i];\n float lightTone = dot(directionalLightColor[i], w);\n\n float shadowContrib = 1.0;\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n if (shadowEnabled)\n {\n shadowContrib = shadowContribsDir[i];\n }\n#endif\n\n float ndl = dot(N, normalize(lightDirection)) * shadowContrib;\n\n tone += lightTone * clamp(ndl, 0.0, 1.0);\n }\n#endif\n\n gl_FragColor = mix(inkColor, paperColor, shade(clamp(tone, 0.0, 1.0)));\n }\n@end\n"),Xe.import("@export ecgl.sm.depth.vertex\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\nattribute vec3 position : POSITION;\nattribute vec2 texcoord : TEXCOORD_0;\n\n#ifdef VERTEX_ANIMATION\nattribute vec3 prevPosition;\nuniform float percent : 1.0;\n#endif\n\nvarying vec4 v_ViewPosition;\nvarying vec2 v_Texcoord;\n\nvoid main(){\n\n#ifdef VERTEX_ANIMATION\n vec3 pos = mix(prevPosition, position, percent);\n#else\n vec3 pos = position;\n#endif\n\n v_ViewPosition = worldViewProjection * vec4(pos, 1.0);\n gl_Position = v_ViewPosition;\n\n v_Texcoord = texcoord;\n\n}\n@end\n\n\n\n@export ecgl.sm.depth.fragment\n\n@import clay.sm.depth.fragment\n\n@end");var Wa=vi.prototype.addToScene,ja=vi.prototype.removeFromScene;vi.prototype.addToScene=function(e){if(Wa.call(this,e),this.__zr){var t=this.__zr;e.traverse((function(e){e.__zr=t,e.addAnimatorsToZr&&e.addAnimatorsToZr(t)}))}},vi.prototype.removeFromScene=function(e){ja.call(this,e),e.traverse((function(e){var t=e.__zr;e.__zr=null,t&&e.removeAnimatorsFromZr&&e.removeAnimatorsFromZr(t)}))},le.prototype.setTextureImage=function(e,t,r,i){if(this.shader){var n,a=r.getZr(),o=this;return o.autoUpdateTextureStatus=!1,o.disableTexture(e),!(s=t)||"none"===s||(n=Xa.loadTexture(t,r,i,(function(t){o.enableTexture(e),a&&a.refresh()})),o.set(e,n)),n}var s};var Xa={};Xa.Renderer=ut,Xa.Node=sr,Xa.Mesh=Sr,Xa.Shader=Xe,Xa.Material=le,Xa.Texture=wr,Xa.Texture2D=Dr,Xa.Geometry=Vr,Xa.SphereGeometry=En,Xa.PlaneGeometry=ki,Xa.CubeGeometry=Wi,Xa.AmbientLight=Cn,Xa.DirectionalLight=Dn,Xa.PointLight=Ln,Xa.SpotLight=Pn,Xa.PerspectiveCamera=Ei,Xa.OrthographicCamera=un,Xa.Vector2=_e,Xa.Vector3=vt,Xa.Vector4=Rn,Xa.Quaternion=qt,Xa.Matrix2=Gn,Xa.Matrix2d=Hn,Xa.Matrix3=jn,Xa.Matrix4=Ht,Xa.Plane=$r,Xa.Ray=Mt,Xa.BoundingBox=ir,Xa.Frustum=si;var qa=null;function Za(e){return Math.pow(2,Math.round(Math.log(e)/Math.LN2))}function Ya(e){if((e.wrapS===wr.REPEAT||e.wrapT===wr.REPEAT)&&e.image){var t=Za(e.width),r=Za(e.height);if(t!==e.width||r!==e.height){var i=document.createElement("canvas");i.width=t,i.height=r,i.getContext("2d").drawImage(e.image,0,0,t,r),e.image=i}}}Xa.loadTexture=function(e,t,r,i){"function"==typeof r&&(i=r,r={}),r=r||{};for(var n=Object.keys(r).sort(),a="",o=0;o<n.length;o++)a+=n[o]+"_"+r[n[o]]+"_";var s,l=t.__textureCache=t.__textureCache||new bi(20);if((s=e).getZr&&s.setOption){var h=e.__textureid__;if(c=l.get(a+h))c.texture.surface.setECharts(e),i&&i(c.texture);else{var u=new hn(e);for(u.onupdate=function(){t.getZr().refresh()},c={texture:u.getTexture()},o=0;o<n.length;o++)c.texture[n[o]]=r[n[o]];h=e.__textureid__||"__ecgl_ec__"+c.texture.__uid__,e.__textureid__=h,l.put(a+h,c),i&&i(c.texture)}return c.texture}if(Ha(e)){var c;if(h=e.__textureid__,!(c=l.get(a+h))){for(c={texture:new Xa.Texture2D({image:e})},o=0;o<n.length;o++)c.texture[n[o]]=r[n[o]];h=e.__textureid__||"__ecgl_image__"+c.texture.__uid__,e.__textureid__=h,l.put(a+h,c),Ya(c.texture),i&&i(c.texture)}return c.texture}if(c=l.get(a+e))c.callbacks?c.callbacks.push(i):i&&i(c.texture);else if(e.match(/.hdr$|^data:application\/octet-stream/)){c={callbacks:[i]};var d=an.loadTexture(e,{exposure:r.exposure,fileType:"hdr"},(function(){d.dirty(),c.callbacks.forEach((function(e){e&&e(d)})),c.callbacks=null}));c.texture=d,l.put(a+e,c)}else{for(d=new Xa.Texture2D({image:new Image}),o=0;o<n.length;o++)d[n[o]]=r[n[o]];c={texture:d,callbacks:[i]};var f=d.image;f.onload=function(){d.image=f,Ya(d),d.dirty(),c.callbacks.forEach((function(e){e&&e(d)})),c.callbacks=null},f.crossOrigin="Anonymous",f.src=e,d.image=null!==qa?qa:qa=an.createBlank("rgba(255,255,255,0)").image,l.put(a+e,c)}return c.texture},Xa.createAmbientCubemap=function(e,t,r,i){var n=(e=e||{}).texture,a=Mn(e.exposure,1),o=new vn({intensity:Mn(e.specularIntensity,1)}),s=new yn({intensity:Mn(e.diffuseIntensity,1),coefficients:[.844,.712,.691,-.037,.083,.167,.343,.288,.299,-.041,-.021,-.009,-.003,-.041,-.064,-.011,-.007,-.004,-.031,.034,.081,-.06,-.049,-.06,.046,.056,.05]});return o.cubemap=Xa.loadTexture(n,r,{exposure:a},(function(){o.cubemap.flipY=!1,o.prefilter(t,32),s.coefficients=Sn.projectEnvironmentMap(t,o.cubemap,{lod:1}),i&&i()})),{specular:o,diffuse:s}},Xa.createBlankTexture=an.createBlank,Xa.isImage=Ha,Xa.additiveBlend=function(e){e.blendEquation(e.FUNC_ADD),e.blendFunc(e.SRC_ALPHA,e.ONE)},Xa.parseColor=function(e,t){return e instanceof Array?(t||(t=[]),t[0]=e[0],t[1]=e[1],t[2]=e[2],e.length>3?t[3]=e[3]:t[3]=1,t):((t=i.color.parse(e||"#000",t)||[0,0,0,0])[0]/=255,t[1]/=255,t[2]/=255,t)},Xa.directionFromAlphaBeta=function(e,t){var r=e/180*Math.PI+Math.PI/2,i=-t/180*Math.PI+Math.PI/2,n=[],a=Math.sin(r);return n[0]=a*Math.cos(i),n[1]=-Math.cos(r),n[2]=a*Math.sin(i),n},Xa.getShadowResolution=function(e){var t=1024;switch(e){case"low":t=512;break;case"medium":break;case"high":t=2048;break;case"ultra":t=4096}return t},Xa.COMMON_SHADERS=["lambert","color","realistic","hatching","shadow"],Xa.createShader=function(e){"ecgl.shadow"===e&&(e="ecgl.displayShadow");var t=Xe.source(e+".vertex"),r=Xe.source(e+".fragment");t||console.error("Vertex shader of '%s' not exits",e),r||console.error("Fragment shader of '%s' not exits",e);var i=new Xe(t,r);return i.name=e,i},Xa.createMaterial=function(e,t){t instanceof Array||(t=[t]);var r=Xa.createShader(e),i=new le({shader:r});return t.forEach((function(e){"string"==typeof e&&i.define(e)})),i},Xa.setMaterialFromModel=function(e,t,r,i){t.autoUpdateTextureStatus=!1;var n=r.getModel(e+"Material"),a=n.get("detailTexture"),o=Mn(n.get("textureTiling"),1),s=Mn(n.get("textureOffset"),0);"number"==typeof o&&(o=[o,o]),"number"==typeof s&&(s=[s,s]);var l=o[0]>1||o[1]>1?Xa.Texture.REPEAT:Xa.Texture.CLAMP_TO_EDGE,h={anisotropic:8,wrapS:l,wrapT:l};if("realistic"===e){var u=n.get("roughness"),c=n.get("metalness");null!=c?isNaN(c)&&(t.setTextureImage("metalnessMap",c,i,h),c=Mn(n.get("metalnessAdjust"),.5)):c=0,null!=u?isNaN(u)&&(t.setTextureImage("roughnessMap",u,i,h),u=Mn(n.get("roughnessAdjust"),.5)):u=.5;var d=n.get("normalTexture");t.setTextureImage("detailMap",a,i,h),t.setTextureImage("normalMap",d,i,h),t.set({roughness:u,metalness:c,detailUvRepeat:o,detailUvOffset:s})}else if("lambert"===e)t.setTextureImage("detailMap",a,i,h),t.set({detailUvRepeat:o,detailUvOffset:s});else if("color"===e)t.setTextureImage("detailMap",a,i,h),t.set({detailUvRepeat:o,detailUvOffset:s});else if("hatching"===e){var f=n.get("hatchingTextures")||[];f.length;for(var p=0;p<6;p++)t.setTextureImage("hatch"+(p+1),f[p],i,{anisotropic:8,wrapS:Xa.Texture.REPEAT,wrapT:Xa.Texture.REPEAT});t.set({detailUvRepeat:o,detailUvOffset:s})}},Xa.updateVertexAnimation=function(e,t,r,i){var n=i.get("animation"),a=i.get("animationDurationUpdate"),o=i.get("animationEasingUpdate"),s=r.shadowDepthMaterial;if(n&&t&&a>0&&t.geometry.vertexCount===r.geometry.vertexCount){r.material.define("vertex","VERTEX_ANIMATION"),r.ignorePreZ=!0,s&&s.define("vertex","VERTEX_ANIMATION");for(var l=0;l<e.length;l++)r.geometry.attributes[e[l][0]].value=t.geometry.attributes[e[l][1]].value;r.geometry.dirty(),r.__percent=0,r.material.set("percent",0),r.stopAnimation(),r.animate().when(a,{__percent:1}).during((function(){r.material.set("percent",r.__percent),s&&s.set("percent",r.__percent)})).done((function(){r.ignorePreZ=!1,r.material.undefine("vertex","VERTEX_ANIMATION"),s&&s.undefine("vertex","VERTEX_ANIMATION")})).start(o)}else r.material.undefine("vertex","VERTEX_ANIMATION"),s&&s.undefine("vertex","VERTEX_ANIMATION")};const Ka=Xa,Qa="undefined"!=typeof window&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(e){return setTimeout(e,16)};var Ja=function(e,t){this.id=e,this.zr=t;try{this.renderer=new ut({clearBit:0,devicePixelRatio:t.painter.dpr,preserveDrawingBuffer:!0,premultipliedAlpha:!0}),this.renderer.resize(t.painter.getWidth(),t.painter.getHeight())}catch(e){return this.renderer=null,this.dom=document.createElement("div"),this.dom.style.cssText="position:absolute; left: 0; top: 0; right: 0; bottom: 0;",this.dom.className="ecgl-nowebgl",this.dom.innerHTML="Sorry, your browser does not support WebGL",void console.error(e)}this.onglobalout=this.onglobalout.bind(this),t.on("globalout",this.onglobalout),this.dom=this.renderer.canvas;var r=this.dom.style;r.position="absolute",r.left="0",r.top="0",this.views=[],this._picking=new _r({renderer:this.renderer}),this._viewsToDispose=[],this._accumulatingId=0,this._zrEventProxy=new i.graphic.Rect({shape:{x:-1,y:-1,width:2,height:2},__isGLToZRProxy:!0}),this._backgroundColor=null,this._disposed=!1};function $a(e){var t=e.__zr;e.__zr=null,t&&e.removeAnimatorsFromZr&&e.removeAnimatorsFromZr(t)}Ja.prototype.setUnpainted=function(){},Ja.prototype.addView=function(e){if(e.layer!==this){var t=this._viewsToDispose.indexOf(e);t>=0&&this._viewsToDispose.splice(t,1),this.views.push(e),e.layer=this;var r=this.zr;e.scene.traverse((function(e){e.__zr=r,e.addAnimatorsToZr&&e.addAnimatorsToZr(r)}))}},Ja.prototype.removeView=function(e){if(e.layer===this){var t=this.views.indexOf(e);t>=0&&(this.views.splice(t,1),e.scene.traverse($a,this),e.layer=null,this._viewsToDispose.push(e))}},Ja.prototype.removeViewsAll=function(){this.views.forEach((function(e){e.scene.traverse($a,this),e.layer=null,this._viewsToDispose.push(e)}),this),this.views.length=0},Ja.prototype.resize=function(e,t){this.renderer.resize(e,t)},Ja.prototype.clear=function(){var e=this.renderer.gl,t=this._backgroundColor||[0,0,0,0];e.clearColor(t[0],t[1],t[2],t[3]),e.depthMask(!0),e.colorMask(!0,!0,!0,!0),e.clear(e.DEPTH_BUFFER_BIT|e.COLOR_BUFFER_BIT)},Ja.prototype.clearDepth=function(){var e=this.renderer.gl;e.clear(e.DEPTH_BUFFER_BIT)},Ja.prototype.clearColor=function(){var e=this.renderer.gl;e.clearColor(0,0,0,0),e.clear(e.COLOR_BUFFER_BIT)},Ja.prototype.needsRefresh=function(){this.zr.refresh()},Ja.prototype.refresh=function(e){this._backgroundColor=e?Ka.parseColor(e):[0,0,0,0],this.renderer.clearColor=this._backgroundColor;for(var t=0;t<this.views.length;t++)this.views[t].prepareRender(this.renderer);for(this._doRender(!1),this._trackAndClean(),t=0;t<this._viewsToDispose.length;t++)this._viewsToDispose[t].dispose(this.renderer);this._viewsToDispose.length=0,this._startAccumulating()},Ja.prototype.renderToCanvas=function(e){this._startAccumulating(!0),e.drawImage(this.dom,0,0,e.canvas.width,e.canvas.height)},Ja.prototype._doRender=function(e){this.clear(),this.renderer.saveViewport();for(var t=0;t<this.views.length;t++)this.views[t].render(this.renderer,e);this.renderer.restoreViewport()},Ja.prototype._stopAccumulating=function(){this._accumulatingId=0,clearTimeout(this._accumulatingTimeout)};var eo=1;function to(e){for(var t=0;t<e.length;t++)e[t].__used__=0}function ro(e,t){for(var r=0;r<t.length;r++)t[r].__used__||t[r].dispose(e)}function io(e,t){e.__used__=e.__used__||0,e.__used__++,1===e.__used__&&t.push(e)}function no(e,t,r){var i,n;e.traverse((function(e){if(e.isRenderable()){var a=e.geometry,o=e.material;if(o!==i)for(var s=o.getTextureUniforms(),l=0;l<s.length;l++){var h=s[l],u=o.uniforms[h].value;if(u)if(u instanceof wr)io(u,t);else if(u instanceof Array)for(var c=0;c<u.length;c++)u[c]instanceof wr&&io(u[c],t)}a!==n&&io(a,r),i=o,n=a}}));for(var a=0;a<e.lights.length;a++)e.lights[a].cubemap&&io(e.lights[a].cubemap,t)}Ja.prototype._startAccumulating=function(e){var t=this;this._stopAccumulating();for(var r=!1,i=0;i<this.views.length;i++)r=this.views[i].needsAccumulate()||r;function n(i){if(t._accumulatingId&&i===t._accumulatingId){for(var a=!0,o=0;o<t.views.length;o++)a=t.views[o].isAccumulateFinished()&&r;a||(t._doRender(!0),e?n(i):Qa((function(){n(i)})))}}r&&(this._accumulatingId=eo++,e?n(t._accumulatingId):this._accumulatingTimeout=setTimeout((function(){n(t._accumulatingId)}),50))},Ja.prototype._trackAndClean=function(){var e=[],t=[];this._textureList&&(to(this._textureList),to(this._geometriesList));for(var r=0;r<this.views.length;r++)no(this.views[r].scene,e,t);this._textureList&&(ro(this.renderer,this._textureList),ro(this.renderer,this._geometriesList)),this._textureList=e,this._geometriesList=t},Ja.prototype.dispose=function(){this._disposed||(this._stopAccumulating(),this._textureList&&(to(this._textureList),to(this._geometriesList),ro(this.renderer,this._textureList),ro(this.renderer,this._geometriesList)),this.zr.off("globalout",this.onglobalout),this._disposed=!0)},Ja.prototype.onmousedown=function(e){if(!e.target||!e.target.__isGLToZRProxy){e=e.event;var t=this.pickObject(e.offsetX,e.offsetY);t&&(this._dispatchEvent("mousedown",e,t),this._dispatchDataEvent("mousedown",e,t)),this._downX=e.offsetX,this._downY=e.offsetY}},Ja.prototype.onmousemove=function(e){if(!e.target||!e.target.__isGLToZRProxy){e=e.event;var t=this.pickObject(e.offsetX,e.offsetY),r=t&&t.target,i=this._hovered;this._hovered=t,i&&r!==i.target&&(i.relatedTarget=r,this._dispatchEvent("mouseout",e,i),this.zr.setCursorStyle("default")),this._dispatchEvent("mousemove",e,t),t&&(this.zr.setCursorStyle("pointer"),i&&r===i.target||this._dispatchEvent("mouseover",e,t)),this._dispatchDataEvent("mousemove",e,t)}},Ja.prototype.onmouseup=function(e){if(!e.target||!e.target.__isGLToZRProxy){e=e.event;var t=this.pickObject(e.offsetX,e.offsetY);t&&(this._dispatchEvent("mouseup",e,t),this._dispatchDataEvent("mouseup",e,t)),this._upX=e.offsetX,this._upY=e.offsetY}},Ja.prototype.onclick=Ja.prototype.dblclick=function(e){if(!e.target||!e.target.__isGLToZRProxy){var t=this._upX-this._downX,r=this._upY-this._downY;if(!(Math.sqrt(t*t+r*r)>20)){e=e.event;var i=this.pickObject(e.offsetX,e.offsetY);i&&(this._dispatchEvent(e.type,e,i),this._dispatchDataEvent(e.type,e,i));var n=this._clickToSetFocusPoint(e);n&&n.view.setDOFFocusOnPoint(n.distance)&&this.zr.refresh()}}},Ja.prototype._clickToSetFocusPoint=function(e){for(var t=this.renderer,r=t.viewport,i=this.views.length-1;i>=0;i--){var n=this.views[i];if(n.hasDOF()&&n.containPoint(e.offsetX,e.offsetY)){this._picking.scene=n.scene,this._picking.camera=n.camera,t.viewport=n.viewport;var a=this._picking.pick(e.offsetX,e.offsetY,!0);if(a)return a.view=n,a}}t.viewport=r},Ja.prototype.onglobalout=function(e){var t=this._hovered;t&&this._dispatchEvent("mouseout",e,{target:t.target})},Ja.prototype.pickObject=function(e,t){for(var r=[],i=this.renderer,n=i.viewport,a=0;a<this.views.length;a++){var o=this.views[a];o.containPoint(e,t)&&(this._picking.scene=o.scene,this._picking.camera=o.camera,i.viewport=o.viewport,this._picking.pickAll(e,t,r))}return i.viewport=n,r.sort((function(e,t){return e.distance-t.distance})),r[0]},Ja.prototype._dispatchEvent=function(e,t,r){r||(r={});var i=r.target;for(r.cancelBubble=!1,r.event=t,r.type=e,r.offsetX=t.offsetX,r.offsetY=t.offsetY;i&&(i.trigger(e,r),i=i.getParent(),!r.cancelBubble););this._dispatchToView(e,r)},Ja.prototype._dispatchDataEvent=function(e,t,r){var n=r&&r.target,a=n&&n.dataIndex,o=n&&n.seriesIndex,s=n&&n.eventData,l=!1,h=this._zrEventProxy;h.x=t.offsetX,h.y=t.offsetY,h.update();var u={target:h};const c=i.helper.getECData(h);"mousemove"===e&&(null!=a?a!==this._lastDataIndex&&(parseInt(this._lastDataIndex,10)>=0&&(c.dataIndex=this._lastDataIndex,c.seriesIndex=this._lastSeriesIndex,this.zr.handler.dispatchToElement(u,"mouseout",t)),l=!0):null!=s&&s!==this._lastEventData&&(null!=this._lastEventData&&(c.eventData=this._lastEventData,this.zr.handler.dispatchToElement(u,"mouseout",t)),l=!0),this._lastEventData=s,this._lastDataIndex=a,this._lastSeriesIndex=o),c.eventData=s,c.dataIndex=a,c.seriesIndex=o,(null!=s||parseInt(a,10)>=0&&parseInt(o,10)>=0)&&(this.zr.handler.dispatchToElement(u,e,t),l&&this.zr.handler.dispatchToElement(u,"mouseover",t))},Ja.prototype._dispatchToView=function(e,t){for(var r=0;r<this.views.length;r++)this.views[r].containPoint(t.offsetX,t.offsetY)&&this.views[r].trigger(e,t)},Object.assign(Ja.prototype,h);const ao=Ja;var oo=["bar3D","line3D","map3D","scatter3D","surface","lines3D","scatterGL","scatter3D"];function so(e,t){if(e&&e[t]&&(e[t].normal||e[t].emphasis)){var r=e[t].normal,i=e[t].emphasis;r&&(e[t]=r),i&&(e.emphasis=e.emphasis||{},e.emphasis[t]=i)}}function lo(e){e&&(e instanceof Array||(e=[e]),i.util.each(e,(function(e){if(e.axisLabel){var t=e.axisLabel;Object.assign(t,t.textStyle),t.textStyle=null}})))}function ho(e){this._layers={},this._zr=e}ho.prototype.update=function(e,t){var r=this,n=t.getZr();if(n.getWidth()&&n.getHeight()){for(var a in this._layers)this._layers[a].removeViewsAll();e.eachComponent((function(r,i){if("series"!==r){var n=t.getViewOfComponentModel(i),a=i.coordinateSystem;if(n.__ecgl__){if(a){if(!a.viewGL)return void console.error("Can't find viewGL in coordinateSystem of component "+i.id);l=a.viewGL}else{if(!i.viewGL)return void console.error("Can't find viewGL of component "+i.id);l=a.viewGL}var l=a.viewGL,h=o(i);h.addView(l),n.afterRender&&n.afterRender(i,e,t,h),s(n.groupGL,i.get("silent"))}}})),e.eachSeries((function(r){var i=t.getViewOfSeriesModel(r),n=r.coordinateSystem;if(i.__ecgl__){if(n&&!n.viewGL&&!i.viewGL)return void console.error("Can't find viewGL of series "+i.id);var a=n&&n.viewGL||i.viewGL,l=o(r);l.addView(a),i.afterRender&&i.afterRender(r,e,t,l),s(i.groupGL,r.get("silent"))}}))}else console.warn("Dom has no width or height");function o(e){var t;n.setSleepAfterStill(0),e.coordinateSystem&&e.coordinateSystem.model,t=e.get("zlevel");var a=r._layers,o=a[t];if(!o){if(o=a[t]=new ao("gl-"+t,n),n.painter.isSingleCanvas()){o.virtual=!0;var s=new i.graphic.Image({z:1e4,style:{image:o.renderer.canvas},silent:!0});o.__hostImage=s,n.add(s)}n.painter.insertLayer(t,o)}return o.__hostImage&&o.__hostImage.setStyle({width:o.renderer.getWidth(),height:o.renderer.getHeight()}),o}function s(e,t){e&&e.traverse((function(e){e.isRenderable&&e.isRenderable()&&(e.ignorePicking=null!=e.$ignorePicking?e.$ignorePicking:t)}))}},i.registerPostInit((function(e){var t=e.getZr(),r=t.painter.dispose;t.painter.dispose=function(){"function"==typeof this.eachOtherLayer&&this.eachOtherLayer((function(e){e instanceof ao&&e.dispose()})),r.call(this)},t.painter.getRenderedCanvas=function(e){if(e=e||{},this._singleCanvas)return this._layers[0].dom;var t=document.createElement("canvas"),r=e.pixelRatio||this.dpr;t.width=this.getWidth()*r,t.height=this.getHeight()*r;var i=t.getContext("2d");i.dpr=r,i.clearRect(0,0,t.width,t.height),e.backgroundColor&&(i.fillStyle=e.backgroundColor,i.fillRect(0,0,t.width,t.height));var n,a=this.storage.getDisplayList(!0),o={},s=this;function l(e,t){var r,n=s._zlevelList;null==e&&(e=-1/0);for(var a=0;a<n.length;a++){var o=n[a],l=s._layers[o];if(!l.__builtin__&&o>e&&o<t){r=l;break}}r&&r.renderToCanvas&&(i.save(),r.renderToCanvas(i),i.restore())}for(var h={ctx:i},u=0;u<a.length;u++){var c=a[u];c.zlevel!==n&&(l(n,c.zlevel),n=c.zlevel),this._doPaintEl(c,h,!0,null,o)}return l(n,1/0),t}})),i.registerPostUpdate((function(e,t){var r=t.getZr();(r.__egl=r.__egl||new ho(r)).update(e,t)})),i.registerPreprocessor((function(e){i.util.each(e.series,(function(t){i.util.indexOf(oo,t.type)>=0&&(function(e){so(e,"itemStyle"),so(e,"lineStyle"),so(e,"areaStyle"),so(e,"label")}(t),"mapbox"===t.coordinateSystem&&(t.coordinateSystem="mapbox3D",e.mapbox3D=e.mapbox))})),lo(e.xAxis3D),lo(e.yAxis3D),lo(e.zAxis3D),lo(e.grid3D),so(e.geo3D)}));const uo={defaultOption:{viewControl:{projection:"perspective",autoRotate:!1,autoRotateDirection:"cw",autoRotateSpeed:10,autoRotateAfterStill:3,damping:.8,rotateSensitivity:1,zoomSensitivity:1,panSensitivity:1,panMouseButton:"middle",rotateMouseButton:"left",distance:150,minDistance:40,maxDistance:400,orthographicSize:150,maxOrthographicSize:400,minOrthographicSize:20,center:[0,0,0],alpha:0,beta:0,minAlpha:-90,maxAlpha:90}},setView:function(e){e=e||{},this.option.viewControl=this.option.viewControl||{},null!=e.alpha&&(this.option.viewControl.alpha=e.alpha),null!=e.beta&&(this.option.viewControl.beta=e.beta),null!=e.distance&&(this.option.viewControl.distance=e.distance),null!=e.center&&(this.option.viewControl.center=e.center)}},co={defaultOption:{postEffect:{enable:!1,bloom:{enable:!0,intensity:.1},depthOfField:{enable:!1,focalRange:20,focalDistance:50,blurRadius:10,fstop:2.8,quality:"medium"},screenSpaceAmbientOcclusion:{enable:!1,radius:2,quality:"medium",intensity:1},screenSpaceReflection:{enable:!1,quality:"medium",maxRoughness:.8},colorCorrection:{enable:!0,exposure:0,brightness:0,contrast:1,saturation:1,lookupTexture:""},edge:{enable:!1},FXAA:{enable:!1}},temporalSuperSampling:{enable:"auto"}}},fo={defaultOption:{light:{main:{shadow:!1,shadowQuality:"high",color:"#fff",intensity:1,alpha:0,beta:0},ambient:{color:"#fff",intensity:.2},ambientCubemap:{texture:null,exposure:1,diffuseIntensity:.5,specularIntensity:.5}}}};var po=i.ComponentModel.extend({type:"grid3D",dependencies:["xAxis3D","yAxis3D","zAxis3D"],defaultOption:{show:!0,zlevel:-10,left:0,top:0,width:"100%",height:"100%",environment:"auto",boxWidth:100,boxHeight:100,boxDepth:100,axisPointer:{show:!0,lineStyle:{color:"rgba(0, 0, 0, 0.8)",width:1},label:{show:!0,formatter:null,margin:8,textStyle:{fontSize:14,color:"#fff",backgroundColor:"rgba(0,0,0,0.5)",padding:3,borderRadius:3}}},axisLine:{show:!0,lineStyle:{color:"#333",width:2,type:"solid"}},axisTick:{show:!0,inside:!1,length:3,lineStyle:{width:1}},axisLabel:{show:!0,inside:!1,rotate:0,margin:8,textStyle:{fontSize:12}},splitLine:{show:!0,lineStyle:{color:["#ccc"],width:1,type:"solid"}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.3)","rgba(200,200,200,0.3)"]}},light:{main:{alpha:30,beta:40},ambient:{intensity:.4}},viewControl:{alpha:20,beta:40,autoRotate:!1,distance:200,minDistance:40,maxDistance:400}}});i.util.merge(po.prototype,uo),i.util.merge(po.prototype,co),i.util.merge(po.prototype,fo);const mo=po;function go(e,t){switch(e){case"center":case"middle":e="50%";break;case"left":case"top":e="0%";break;case"right":case"bottom":e="100%"}return"string"==typeof e?(r=e,r.replace(/^\s+|\s+$/g,"")).match(/%$/)?parseFloat(e)/100*t:parseFloat(e):null==e?NaN:+e;var r}function _o(){var e="__ec_inner_"+vo++;return function(t){return t[e]||(t[e]={})}}var vo=Math.round(9*Math.random()),yo={};function xo(e,t,r,i,n){var a={};return function(e,t,r,i,n){r=r||yo;var a,o=t.ecModel,s=o&&o.option.textStyle,l=function(e){for(var t;e&&e!==e.ecModel;){var r=(e.option||yo).rich;if(r){t=t||{};for(var i=ba(r),n=0;n<i.length;n++)t[i[n]]=1}e=e.parentModel}return t}(t);if(l)for(var h in a={},l)if(l.hasOwnProperty(h)){var u=t.getModel(["rich",h]);So(a[h]={},u,s,r,i,n,!1,!0)}a&&(e.rich=a);var c=t.get("overflow");c&&(e.overflow=c);var d=t.get("minMargin");null!=d&&(e.margin=d),So(e,t,s,r,i,n,!0,!1)}(a,e,r,i,n),t&&ga(a,t),a}var bo=["fontStyle","fontWeight","fontSize","fontFamily","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY"],wo=["align","lineHeight","width","height","tag","verticalAlign"],To=["padding","borderWidth","borderRadius","borderDashOffset","backgroundColor","borderColor","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"];function So(e,t,r,i,n,a,o,s){r=!n&&r||yo;var l=i&&i.inheritColor,h=t.getShallow("color"),u=t.getShallow("textBorderColor"),c=Ta(t.getShallow("opacity"),r.opacity);"inherit"!==h&&"auto"!==h||(h=l||null),"inherit"!==u&&"auto"!==u||(u=l||null),a||(h=h||r.color,u=u||r.textBorderColor),null!=h&&(e.fill=h),null!=u&&(e.stroke=u);var d=Ta(t.getShallow("textBorderWidth"),r.textBorderWidth);null!=d&&(e.lineWidth=d);var f=Ta(t.getShallow("textBorderType"),r.textBorderType);null!=f&&(e.lineDash=f);var p=Ta(t.getShallow("textBorderDashOffset"),r.textBorderDashOffset);null!=p&&(e.lineDashOffset=p),n||null!=c||s||(c=i&&i.defaultOpacity),null!=c&&(e.opacity=c),n||a||null==e.fill&&i.inheritColor&&(e.fill=i.inheritColor);for(var m=0;m<bo.length;m++){var g=bo[m];null!=(v=Ta(t.getShallow(g),r[g]))&&(e[g]=v)}for(m=0;m<wo.length;m++)g=wo[m],null!=(v=t.getShallow(g))&&(e[g]=v);if(null==e.verticalAlign){var _=t.getShallow("baseline");null!=_&&(e.verticalAlign=_)}if(!o||!i.disableBox){for(m=0;m<To.length;m++){var v;g=To[m],null!=(v=t.getShallow(g))&&(e[g]=v)}var y=t.getShallow("borderType");null!=y&&(e.borderDash=y),"auto"!==e.backgroundColor&&"inherit"!==e.backgroundColor||!l||(e.backgroundColor=l),"auto"!==e.borderColor&&"inherit"!==e.borderColor||!l||(e.borderColor=l)}}_o();var Mo=Mn,Ao={left:0,middle:1,right:2};function Eo(e){return e instanceof Array||(e=[e,e]),e}var Co=m.extend((function(){return{zr:null,viewGL:null,_center:new vt,minDistance:.5,maxDistance:1.5,maxOrthographicSize:300,minOrthographicSize:30,minAlpha:-90,maxAlpha:90,minBeta:-1/0,maxBeta:1/0,autoRotateAfterStill:0,autoRotateDirection:"cw",autoRotateSpeed:60,damping:.8,rotateSensitivity:1,zoomSensitivity:1,panSensitivity:1,panMouseButton:"middle",rotateMouseButton:"left",_mode:"rotate",_camera:null,_needsUpdate:!1,_rotating:!1,_phi:0,_theta:0,_mouseX:0,_mouseY:0,_rotateVelocity:new _e,_panVelocity:new _e,_distance:500,_zoomSpeed:0,_stillTimeout:0,_animators:[]}}),(function(){["_mouseDownHandler","_mouseWheelHandler","_mouseMoveHandler","_mouseUpHandler","_pinchHandler","_contextMenuHandler","_update"].forEach((function(e){this[e]=this[e].bind(this)}),this)}),{init:function(){var e=this.zr;e&&(e.on("mousedown",this._mouseDownHandler),e.on("globalout",this._mouseUpHandler),e.on("mousewheel",this._mouseWheelHandler),e.on("pinch",this._pinchHandler),e.animation.on("frame",this._update),e.dom.addEventListener("contextmenu",this._contextMenuHandler))},dispose:function(){var e=this.zr;e&&(e.off("mousedown",this._mouseDownHandler),e.off("mousemove",this._mouseMoveHandler),e.off("mouseup",this._mouseUpHandler),e.off("mousewheel",this._mouseWheelHandler),e.off("pinch",this._pinchHandler),e.off("globalout",this._mouseUpHandler),e.dom.removeEventListener("contextmenu",this._contextMenuHandler),e.animation.off("frame",this._update)),this.stopAllAnimation()},getDistance:function(){return this._distance},setDistance:function(e){this._distance=e,this._needsUpdate=!0},getOrthographicSize:function(){return this._orthoSize},setOrthographicSize:function(e){this._orthoSize=e,this._needsUpdate=!0},getAlpha:function(){return this._theta/Math.PI*180},getBeta:function(){return-this._phi/Math.PI*180},getCenter:function(){return this._center.toArray()},setAlpha:function(e){e=Math.max(Math.min(this.maxAlpha,e),this.minAlpha),this._theta=e/180*Math.PI,this._needsUpdate=!0},setBeta:function(e){e=Math.max(Math.min(this.maxBeta,e),this.minBeta),this._phi=-e/180*Math.PI,this._needsUpdate=!0},setCenter:function(e){this._center.setArray(e)},setViewGL:function(e){this.viewGL=e},getCamera:function(){return this.viewGL.camera},setFromViewControlModel:function(e,t){var r=(t=t||{}).baseDistance||0,i=t.baseOrthoSize||1,n=e.get("projection");"perspective"!==n&&"orthographic"!==n&&"isometric"!==n&&(n="perspective"),this._projection=n,this.viewGL.setProjection(n);var a=e.get("distance")+r,o=e.get("orthographicSize")+i;[["damping",.8],["autoRotate",!1],["autoRotateAfterStill",3],["autoRotateDirection","cw"],["autoRotateSpeed",10],["minDistance",30],["maxDistance",400],["minOrthographicSize",30],["maxOrthographicSize",300],["minAlpha",-90],["maxAlpha",90],["minBeta",-1/0],["maxBeta",1/0],["rotateSensitivity",1],["zoomSensitivity",1],["panSensitivity",1],["panMouseButton","left"],["rotateMouseButton","middle"]].forEach((function(t){this[t[0]]=Mo(e.get(t[0]),t[1])}),this),this.minDistance+=r,this.maxDistance+=r,this.minOrthographicSize+=i,this.maxOrthographicSize+=i;var s=e.ecModel,l={};["animation","animationDurationUpdate","animationEasingUpdate"].forEach((function(t){l[t]=Mo(e.get(t),s&&s.get(t))}));var h=Mo(t.alpha,e.get("alpha"))||0,u=Mo(t.beta,e.get("beta"))||0,c=Mo(t.center,e.get("center"))||[0,0,0];l.animation&&l.animationDurationUpdate>0&&this._notFirst?this.animateTo({alpha:h,beta:u,center:c,distance:a,orthographicSize:o,easing:l.animationEasingUpdate,duration:l.animationDurationUpdate}):(this.setDistance(a),this.setAlpha(h),this.setBeta(u),this.setCenter(c),this.setOrthographicSize(o)),this._notFirst=!0,this._validateProperties()},_validateProperties:function(){},animateTo:function(e){var t=this.zr,r=this,i={},n={};return null!=e.distance&&(i.distance=this.getDistance(),n.distance=e.distance),null!=e.orthographicSize&&(i.orthographicSize=this.getOrthographicSize(),n.orthographicSize=e.orthographicSize),null!=e.alpha&&(i.alpha=this.getAlpha(),n.alpha=e.alpha),null!=e.beta&&(i.beta=this.getBeta(),n.beta=e.beta),null!=e.center&&(i.center=this.getCenter(),n.center=e.center),this._addAnimator(t.animation.animate(i).when(e.duration||1e3,n).during((function(){null!=i.alpha&&r.setAlpha(i.alpha),null!=i.beta&&r.setBeta(i.beta),null!=i.distance&&r.setDistance(i.distance),null!=i.center&&r.setCenter(i.center),null!=i.orthographicSize&&r.setOrthographicSize(i.orthographicSize),r._needsUpdate=!0}))).start(e.easing||"linear")},stopAllAnimation:function(){for(var e=0;e<this._animators.length;e++)this._animators[e].stop();this._animators.length=0},update:function(){this._needsUpdate=!0,this._update(20)},_isAnimating:function(){return this._animators.length>0},_update:function(e){if(this._rotating){var t=("cw"===this.autoRotateDirection?1:-1)*this.autoRotateSpeed/180*Math.PI;this._phi-=t*e/1e3,this._needsUpdate=!0}else this._rotateVelocity.len()>0&&(this._needsUpdate=!0);(Math.abs(this._zoomSpeed)>.1||this._panVelocity.len()>0)&&(this._needsUpdate=!0),this._needsUpdate&&(e=Math.min(e,50),this._updateDistanceOrSize(e),this._updatePan(e),this._updateRotate(e),this._updateTransform(),this.getCamera().update(),this.zr&&this.zr.refresh(),this.trigger("update"),this._needsUpdate=!1)},_updateRotate:function(e){var t=this._rotateVelocity;this._phi=t.y*e/20+this._phi,this._theta=t.x*e/20+this._theta,this.setAlpha(this.getAlpha()),this.setBeta(this.getBeta()),this._vectorDamping(t,Math.pow(this.damping,e/16))},_updateDistanceOrSize:function(e){"perspective"===this._projection?this._setDistance(this._distance+this._zoomSpeed*e/20):this._setOrthoSize(this._orthoSize+this._zoomSpeed*e/20),this._zoomSpeed*=Math.pow(this.damping,e/16)},_setDistance:function(e){this._distance=Math.max(Math.min(e,this.maxDistance),this.minDistance)},_setOrthoSize:function(e){this._orthoSize=Math.max(Math.min(e,this.maxOrthographicSize),this.minOrthographicSize);var t=this.getCamera(),r=this._orthoSize,i=r/this.viewGL.viewport.height*this.viewGL.viewport.width;t.left=-i/2,t.right=i/2,t.top=r/2,t.bottom=-r/2},_updatePan:function(e){var t=this._panVelocity,r=this._distance,i=this.getCamera(),n=i.worldTransform.y,a=i.worldTransform.x;this._center.scaleAndAdd(a,-t.x*r/200).scaleAndAdd(n,-t.y*r/200),this._vectorDamping(t,0)},_updateTransform:function(){var e=this.getCamera(),t=new vt,r=this._theta+Math.PI/2,i=this._phi+Math.PI/2,n=Math.sin(r);t.x=n*Math.cos(i),t.y=-Math.cos(r),t.z=n*Math.sin(i),e.position.copy(this._center).scaleAndAdd(t,this._distance),e.rotation.identity().rotateY(-this._phi).rotateX(-this._theta)},_startCountingStill:function(){clearTimeout(this._stillTimeout);var e=this.autoRotateAfterStill,t=this;!isNaN(e)&&e>0&&(this._stillTimeout=setTimeout((function(){t._rotating=!0}),1e3*e))},_vectorDamping:function(e,t){var r=e.len();(r*=t)<1e-4&&(r=0),e.normalize().scale(r)},_decomposeTransform:function(){if(this.getCamera()){this.getCamera().updateWorldTransform();var e=this.getCamera().worldTransform.z,t=Math.asin(e.y),r=Math.atan2(e.x,e.z);this._theta=t,this._phi=-r,this.setBeta(this.getBeta()),this.setAlpha(this.getAlpha()),this.getCamera().aspect?this._setDistance(this.getCamera().position.dist(this._center)):this._setOrthoSize(this.getCamera().top-this.getCamera().bottom)}},_mouseDownHandler:function(e){if(!e.target&&!this._isAnimating()){var t=e.offsetX,r=e.offsetY;this.viewGL&&!this.viewGL.containPoint(t,r)||(this.zr.on("mousemove",this._mouseMoveHandler),this.zr.on("mouseup",this._mouseUpHandler),e.event.targetTouches?1===e.event.targetTouches.length&&(this._mode="rotate"):e.event.button===Ao[this.rotateMouseButton]?this._mode="rotate":e.event.button===Ao[this.panMouseButton]?this._mode="pan":this._mode="",this._rotateVelocity.set(0,0),this._rotating=!1,this.autoRotate&&this._startCountingStill(),this._mouseX=e.offsetX,this._mouseY=e.offsetY)}},_mouseMoveHandler:function(e){if(!(e.target&&e.target.__isGLToZRProxy||this._isAnimating())){var t=Eo(this.panSensitivity),r=Eo(this.rotateSensitivity);"rotate"===this._mode?(this._rotateVelocity.y=(e.offsetX-this._mouseX)/this.zr.getHeight()*2*r[0],this._rotateVelocity.x=(e.offsetY-this._mouseY)/this.zr.getWidth()*2*r[1]):"pan"===this._mode&&(this._panVelocity.x=(e.offsetX-this._mouseX)/this.zr.getWidth()*t[0]*400,this._panVelocity.y=(-e.offsetY+this._mouseY)/this.zr.getHeight()*t[1]*400),this._mouseX=e.offsetX,this._mouseY=e.offsetY,e.event.preventDefault()}},_mouseWheelHandler:function(e){if(!this._isAnimating()){var t=e.event.wheelDelta||-e.event.detail;this._zoomHandler(e,t)}},_pinchHandler:function(e){this._isAnimating()||(this._zoomHandler(e,e.pinchScale>1?1:-1),this._mode="")},_zoomHandler:function(e,t){if(0!==t){var r,i=e.offsetX,n=e.offsetY;this.viewGL&&!this.viewGL.containPoint(i,n)||(r="perspective"===this._projection?Math.max(Math.max(Math.min(this._distance-this.minDistance,this.maxDistance-this._distance))/20,.5):Math.max(Math.max(Math.min(this._orthoSize-this.minOrthographicSize,this.maxOrthographicSize-this._orthoSize))/20,.5),this._zoomSpeed=(t>0?-1:1)*r*this.zoomSensitivity,this._rotating=!1,this.autoRotate&&"rotate"===this._mode&&this._startCountingStill(),e.event.preventDefault())}},_mouseUpHandler:function(){this.zr.off("mousemove",this._mouseMoveHandler),this.zr.off("mouseup",this._mouseUpHandler)},_isRightMouseButtonUsed:function(){return"right"===this.rotateMouseButton||"right"===this.panMouseButton},_contextMenuHandler:function(e){this._isRightMouseButtonUsed()&&e.preventDefault()},_addAnimator:function(e){var t=this._animators;return t.push(e),e.done((function(){var r=t.indexOf(e);r>=0&&t.splice(r,1)})),e}});Object.defineProperty(Co.prototype,"autoRotate",{get:function(e){return this._autoRotate},set:function(e){this._autoRotate=e,this._rotating=e}});const Do=Co,Lo={convertToDynamicArray:function(e){e&&this.resetOffset();var t=this.attributes;for(var r in t)e||!t[r].value?t[r].value=[]:t[r].value=Array.prototype.slice.call(t[r].value);e||!this.indices?this.indices=[]:this.indices=Array.prototype.slice.call(this.indices)},convertToTypedArray:function(){var e=this.attributes;for(var t in e)e[t].value&&e[t].value.length>0?e[t].value=new Float32Array(e[t].value):e[t].value=null;this.indices&&this.indices.length>0&&(this.indices=this.vertexCount>65535?new Uint32Array(this.indices):new Uint16Array(this.indices)),this.dirty()}},Po={vec2:pe,vec3:Qe,vec4:Et,mat2:Fn,mat2d:kn,mat3:Dt,mat4:Ye,quat:Rt};var Oo=Po.vec3,No=[[0,0],[1,1]],Io=Vr.extend((function(){return{segmentScale:1,dynamic:!0,useNativeLine:!0,attributes:{position:new Vr.Attribute("position","float",3,"POSITION"),positionPrev:new Vr.Attribute("positionPrev","float",3),positionNext:new Vr.Attribute("positionNext","float",3),prevPositionPrev:new Vr.Attribute("prevPositionPrev","float",3),prevPosition:new Vr.Attribute("prevPosition","float",3),prevPositionNext:new Vr.Attribute("prevPositionNext","float",3),offset:new Vr.Attribute("offset","float",1),color:new Vr.Attribute("color","float",4,"COLOR")}}}),{resetOffset:function(){this._vertexOffset=0,this._triangleOffset=0,this._itemVertexOffsets=[]},setVertexCount:function(e){var t=this.attributes;this.vertexCount!==e&&(t.position.init(e),t.color.init(e),this.useNativeLine||(t.positionPrev.init(e),t.positionNext.init(e),t.offset.init(e)),e>65535?this.indices instanceof Uint16Array&&(this.indices=new Uint32Array(this.indices)):this.indices instanceof Uint32Array&&(this.indices=new Uint16Array(this.indices)))},setTriangleCount:function(e){this.triangleCount!==e&&(this.indices=0===e?null:this.vertexCount>65535?new Uint32Array(3*e):new Uint16Array(3*e))},_getCubicCurveApproxStep:function(e,t,r,i){return 1/(Oo.dist(e,t)+Oo.dist(r,t)+Oo.dist(i,r)+1)*this.segmentScale},getCubicCurveVertexCount:function(e,t,r,i){var n=this._getCubicCurveApproxStep(e,t,r,i),a=Math.ceil(1/n);return this.useNativeLine?2*a:2*a+2},getCubicCurveTriangleCount:function(e,t,r,i){var n=this._getCubicCurveApproxStep(e,t,r,i),a=Math.ceil(1/n);return this.useNativeLine?0:2*a},getLineVertexCount:function(){return this.getPolylineVertexCount(No)},getLineTriangleCount:function(){return this.getPolylineTriangleCount(No)},getPolylineVertexCount:function(e){var t;return t="number"==typeof e?e:"number"!=typeof e[0]?e.length:e.length/3,this.useNativeLine?2*(t-1):2*(t-1)+2},getPolylineTriangleCount:function(e){var t;return t="number"==typeof e?e:"number"!=typeof e[0]?e.length:e.length/3,this.useNativeLine?0:2*Math.max(t-1,0)},addCubicCurve:function(e,t,r,i,n,a){null==a&&(a=1);var o=e[0],s=e[1],l=e[2],h=t[0],u=t[1],c=t[2],d=r[0],f=r[1],p=r[2],m=i[0],g=i[1],_=i[2],v=this._getCubicCurveApproxStep(e,t,r,i),y=v*v,x=y*v,b=3*v,w=3*y,T=6*y,S=6*x,M=o-2*h+d,A=s-2*u+f,E=l-2*c+p,C=3*(h-d)-o+m,D=3*(u-f)-s+g,L=3*(c-p)-l+_,P=o,O=s,N=l,I=(h-o)*b+M*w+C*x,R=(u-s)*b+A*w+D*x,B=(c-l)*b+E*w+L*x,F=M*T+C*S,z=A*T+D*S,G=E*T+L*S,U=C*S,k=D*S,V=L*S,H=0,W=0,j=Math.ceil(1/v),X=new Float32Array(3*(j+1)),q=(X=[],0);for(W=0;W<j+1;W++)X[q++]=P,X[q++]=O,X[q++]=N,P+=I,O+=R,N+=B,I+=F,R+=z,B+=G,F+=U,z+=k,G+=V,(H+=v)>1&&(P=I>0?Math.min(P,m):Math.max(P,m),O=R>0?Math.min(O,g):Math.max(O,g),N=B>0?Math.min(N,_):Math.max(N,_));return this.addPolyline(X,n,a)},addLine:function(e,t,r,i){return this.addPolyline([e,t],r,i)},addPolyline:function(e,t,r,i,n){if(e.length){var a="number"!=typeof e[0];if(null==n&&(n=a?e.length:e.length/3),!(n<2)){null==i&&(i=0),null==r&&(r=1),this._itemVertexOffsets.push(this._vertexOffset);var o,s,l=(a="number"!=typeof e[0])?"number"!=typeof t[0]:t.length/4===n,h=this.attributes.position,u=this.attributes.positionPrev,c=this.attributes.positionNext,d=this.attributes.color,f=this.attributes.offset,p=this.indices,m=this._vertexOffset;r=Math.max(r,.01);for(var g=i;g<n;g++){if(a)o=e[g],s=l?t[g]:t;else{var _=3*g;if((o=o||[])[0]=e[_],o[1]=e[_+1],o[2]=e[_+2],l){var v=4*g;(s=s||[])[0]=t[v],s[1]=t[v+1],s[2]=t[v+2],s[3]=t[v+3]}else s=t}if(this.useNativeLine?g>1&&(h.copy(m,m-1),d.copy(m,m-1),m++):(g<n-1&&(u.set(m+2,o),u.set(m+3,o)),g>0&&(c.set(m-2,o),c.set(m-1,o)),h.set(m,o),h.set(m+1,o),d.set(m,s),d.set(m+1,s),f.set(m,r/2),f.set(m+1,-r/2),m+=2),this.useNativeLine)d.set(m,s),h.set(m,o),m++;else if(g>0){var y=3*this._triangleOffset;(p=this.indices)[y]=m-4,p[y+1]=m-3,p[y+2]=m-2,p[y+3]=m-3,p[y+4]=m-1,p[y+5]=m-2,this._triangleOffset+=2}}if(!this.useNativeLine){var x=this._vertexOffset,b=this._vertexOffset+2*n;u.copy(x,x+2),u.copy(x+1,x+3),c.copy(b-1,b-3),c.copy(b-2,b-4)}return this._vertexOffset=m,this._vertexOffset}}},setItemColor:function(e,t){for(var r=this._itemVertexOffsets[e],i=e<this._itemVertexOffsets.length-1?this._itemVertexOffsets[e+1]:this._vertexOffset,n=r;n<i;n++)this.attributes.color.set(n,t);this.dirty("color")},currentTriangleOffset:function(){return this._triangleOffset},currentVertexOffset:function(){return this._vertexOffset}});i.util.defaults(Io.prototype,Lo);const Ro=Io;function Bo(e,t,r,i,n,a,o){this._zr=e,this._x=0,this._y=0,this._rowHeight=0,this.width=i,this.height=n,this.offsetX=t,this.offsetY=r,this.dpr=o,this.gap=a}function Fo(e){(e=e||{}).width=e.width||512,e.height=e.height||512,e.devicePixelRatio=e.devicePixelRatio||1,e.gap=null==e.gap?2:e.gap;var t=document.createElement("canvas");t.width=e.width*e.devicePixelRatio,t.height=e.height*e.devicePixelRatio,this._canvas=t,this._texture=new Dr({image:t,flipY:!1});var r=this;this._zr=i.zrender.init(t);var n=this._zr.refreshImmediately;this._zr.refreshImmediately=function(){n.call(this),r._texture.dirty(),r.onupdate&&r.onupdate()},this._dpr=e.devicePixelRatio,this._coords={},this.onupdate=e.onupdate,this._gap=e.gap,this._textureAtlasNodes=[new Bo(this._zr,0,0,e.width,e.height,this._gap,this._dpr)],this._nodeWidth=e.width,this._nodeHeight=e.height,this._currentNodeIdx=0}Bo.prototype={constructor:Bo,clear:function(){this._x=0,this._y=0,this._rowHeight=0},add:function(e,t,r){var i=e.getBoundingRect();null==t&&(t=i.width),null==r&&(r=i.height),t*=this.dpr,r*=this.dpr,this._fitElement(e,t,r);var n=this._x,a=this._y,o=this.width*this.dpr,s=this.height*this.dpr,l=this.gap;if(n+t+l>o&&(n=this._x=0,a+=this._rowHeight+l,this._y=a,this._rowHeight=0),this._x+=t+l,this._rowHeight=Math.max(this._rowHeight,r),a+r+l>s)return null;e.x+=this.offsetX*this.dpr+n,e.y+=this.offsetY*this.dpr+a,this._zr.add(e);var h=[this.offsetX/this.width,this.offsetY/this.height];return[[n/o+h[0],a/s+h[1]],[(n+t)/o+h[0],(a+r)/s+h[1]]]},_fitElement:function(e,t,r){var i=e.getBoundingRect(),n=t/i.width,a=r/i.height;e.x=-i.x*n,e.y=-i.y*a,e.scaleX=n,e.scaleY=a,e.update()}},Fo.prototype={clear:function(){for(var e=0;e<this._textureAtlasNodes.length;e++)this._textureAtlasNodes[e].clear();this._currentNodeIdx=0,this._zr.clear(),this._coords={}},getWidth:function(){return this._width},getHeight:function(){return this._height},getTexture:function(){return this._texture},getDevicePixelRatio:function(){return this._dpr},getZr:function(){return this._zr},_getCurrentNode:function(){return this._textureAtlasNodes[this._currentNodeIdx]},_expand:function(){if(this._currentNodeIdx++,this._textureAtlasNodes[this._currentNodeIdx])return this._textureAtlasNodes[this._currentNodeIdx];var e=4096/this._dpr,t=this._textureAtlasNodes.length,r=t*this._nodeWidth%e,i=Math.floor(t*this._nodeWidth/e)*this._nodeHeight;if(!(i>=e)){var n=(r+this._nodeWidth)*this._dpr,a=(i+this._nodeHeight)*this._dpr;try{this._zr.resize({width:n,height:a})}catch(e){this._canvas.width=n,this._canvas.height=a}var o=new Bo(this._zr,r,i,this._nodeWidth,this._nodeHeight,this._gap,this._dpr);return this._textureAtlasNodes.push(o),o}},add:function(e,t,r){if(this._coords[e.id])return this._coords[e.id];var i=this._getCurrentNode().add(e,t,r);if(!i){var n=this._expand();if(!n)return;i=n.add(e,t,r)}return this._coords[e.id]=i,i},getCoordsScale:function(){var e=this._dpr;return[this._nodeWidth/this._canvas.width*e,this._nodeHeight/this._canvas.height*e]},getCoords:function(e){return this._coords[e]},dispose:function(){this._zr.dispose()}};const zo=Fo;function Go(){}Go.prototype={constructor:Go,setScene:function(e){this._scene=e,this._skybox&&this._skybox.attachScene(this._scene)},initLight:function(e){this._lightRoot=e,this.mainLight=new Ka.DirectionalLight({shadowBias:.005}),this.ambientLight=new Ka.AmbientLight,e.add(this.mainLight),e.add(this.ambientLight)},dispose:function(){this._lightRoot&&(this._lightRoot.remove(this.mainLight),this._lightRoot.remove(this.ambientLight))},updateLight:function(e){var t=this.mainLight,r=this.ambientLight,i=e.getModel("light"),n=i.getModel("main"),a=i.getModel("ambient");t.intensity=n.get("intensity"),r.intensity=a.get("intensity"),t.color=Ka.parseColor(n.get("color")).slice(0,3),r.color=Ka.parseColor(a.get("color")).slice(0,3);var o=n.get("alpha")||0,s=n.get("beta")||0;t.position.setArray(Ka.directionFromAlphaBeta(o,s)),t.lookAt(Ka.Vector3.ZERO),t.castShadow=n.get("shadow"),t.shadowResolution=Ka.getShadowResolution(n.get("shadowQuality"))},updateAmbientCubemap:function(e,t,r){var i=t.getModel("light.ambientCubemap"),n=i.get("texture");if(n){this._cubemapLightsCache=this._cubemapLightsCache||{};var a=this._cubemapLightsCache[n];if(!a){var o=this;a=this._cubemapLightsCache[n]=Ka.createAmbientCubemap(i.option,e,r,(function(){o._isSkyboxFromAmbientCubemap&&o._skybox.setEnvironmentMap(a.specular.cubemap),r.getZr().refresh()}))}this._lightRoot.add(a.diffuse),this._lightRoot.add(a.specular),this._currentCubemapLights=a}else this._currentCubemapLights&&(this._lightRoot.remove(this._currentCubemapLights.diffuse),this._lightRoot.remove(this._currentCubemapLights.specular),this._currentCubemapLights=null)},updateSkybox:function(e,t,r){var n=t.get("environment"),a=this,o=(a._skybox=a._skybox||new ji,a._skybox);if(n&&"none"!==n)if("auto"===n)if(this._isSkyboxFromAmbientCubemap=!0,this._currentCubemapLights){var s=this._currentCubemapLights.specular.cubemap;o.setEnvironmentMap(s),this._scene&&o.attachScene(this._scene),o.material.set("lod",3)}else this._skybox&&this._skybox.detachScene();else if("object"==typeof n&&n.colorStops||"string"==typeof n&&i.color.parse(n)){this._isSkyboxFromAmbientCubemap=!1;var l=new Ka.Texture2D({anisotropic:8,flipY:!1});o.setEnvironmentMap(l);var h=l.image=document.createElement("canvas");h.width=h.height=16;var u=h.getContext("2d"),c=new i.graphic.Rect({shape:{x:0,y:0,width:16,height:16},style:{fill:n}});i.innerDrawElementOnCanvas(u,c),o.attachScene(this._scene)}else this._isSkyboxFromAmbientCubemap=!1,l=Ka.loadTexture(n,r,{anisotropic:8,flipY:!1}),o.setEnvironmentMap(l),o.attachScene(this._scene);else this._skybox&&this._skybox.detachScene(this._scene),this._skybox=null;var d=t.coordinateSystem;if(this._skybox)if(!d||!d.viewGL||"auto"===n||n.match&&n.match(/.hdr$/))this._skybox.material.undefine("fragment","SRGB_DECODE");else{var f=d.viewGL.isLinearSpace()?"define":"undefine";this._skybox.material[f]("fragment","SRGB_DECODE")}}};const Uo=Go;var ko=Po.vec3,Vo=Vr.extend((function(){return{segmentScale:1,useNativeLine:!0,attributes:{position:new Vr.Attribute("position","float",3,"POSITION"),normal:new Vr.Attribute("normal","float",3,"NORMAL"),color:new Vr.Attribute("color","float",4,"COLOR")}}}),{resetOffset:function(){this._vertexOffset=0,this._faceOffset=0},setQuadCount:function(e){var t=this.attributes,r=this.getQuadVertexCount()*e,i=this.getQuadTriangleCount()*e;this.vertexCount!==r&&(t.position.init(r),t.normal.init(r),t.color.init(r)),this.triangleCount!==i&&(this.indices=r>65535?new Uint32Array(3*i):new Uint16Array(3*i))},getQuadVertexCount:function(){return 4},getQuadTriangleCount:function(){return 2},addQuad:function(){var e=ko.create(),t=ko.create(),r=ko.create(),i=[0,3,1,3,2,1];return function(n,a){var o=this.attributes.position,s=this.attributes.normal,l=this.attributes.color;ko.sub(e,n[1],n[0]),ko.sub(t,n[2],n[1]),ko.cross(r,e,t),ko.normalize(r,r);for(var h=0;h<4;h++)o.set(this._vertexOffset+h,n[h]),l.set(this._vertexOffset+h,a),s.set(this._vertexOffset+h,r);var u=3*this._faceOffset;for(h=0;h<6;h++)this.indices[u+h]=i[h]+this._vertexOffset;this._vertexOffset+=4,this._faceOffset+=2}}()});i.util.defaults(Vo.prototype,Lo);const Ho=Vo;var Wo=Mn,jo={x:0,y:2,z:1};function Xo(e,t,r){this.rootNode=new Ka.Node;var i=new Ka.Mesh({geometry:new Ro({useNativeLine:!1}),material:t,castShadow:!1,ignorePicking:!0,$ignorePicking:!0,renderOrder:1}),n=new Ka.Mesh({geometry:new Ho,material:r,castShadow:!1,culling:!1,ignorePicking:!0,$ignorePicking:!0,renderOrder:0});this.rootNode.add(n),this.rootNode.add(i),this.faceInfo=e,this.plane=new Ka.Plane,this.linesMesh=i,this.quadsMesh=n}Xo.prototype.update=function(e,t,r){var i=e.coordinateSystem,n=[i.getAxis(this.faceInfo[0]),i.getAxis(this.faceInfo[1])],a=this.linesMesh.geometry,o=this.quadsMesh.geometry;a.convertToDynamicArray(!0),o.convertToDynamicArray(!0),this._updateSplitLines(a,n,e,r),this._udpateSplitAreas(o,n,e,r),a.convertToTypedArray(),o.convertToTypedArray();var s=i.getAxis(this.faceInfo[2]);!function(e,t,r,i){var n=[0,0,0],a=i<0?r.getExtentMin():r.getExtentMax();n[jo[r.dim]]=a,e.position.setArray(n),e.rotation.identity(),t.distance=-Math.abs(a),t.normal.set(0,0,0),"x"===r.dim?(e.rotation.rotateY(i*Math.PI/2),t.normal.x=-i):"z"===r.dim?(e.rotation.rotateX(-i*Math.PI/2),t.normal.y=-i):(i>0&&e.rotation.rotateY(Math.PI),t.normal.z=-i)}(this.rootNode,this.plane,s,this.faceInfo[3])},Xo.prototype._updateSplitLines=function(e,t,r,n){var a=n.getDevicePixelRatio();t.forEach((function(n,o){var s=n.model,l=t[1-o].getExtent();if(!n.scale.isBlank()){var h=s.getModel("splitLine",r.getModel("splitLine"));if(h.get("show")){var u=h.getModel("lineStyle"),c=u.get("color"),d=Wo(u.get("opacity"),1),f=Wo(u.get("width"),1);c=i.util.isArray(c)?c:[c];for(var p=n.getTicksCoords({tickModel:h}),m=0,g=0;g<p.length;g++){var _=p[g].coord,v=Ka.parseColor(c[m%c.length]);v[3]*=d;var y=[0,0,0],x=[0,0,0];y[o]=x[o]=_,y[1-o]=l[0],x[1-o]=l[1],e.addLine(y,x,v,f*a),m++}}}}))},Xo.prototype._udpateSplitAreas=function(e,t,r,n){t.forEach((function(n,a){var o=n.model,s=t[1-a].getExtent();if(!n.scale.isBlank()){var l=o.getModel("splitArea",r.getModel("splitArea"));if(l.get("show")){var h=l.getModel("areaStyle"),u=h.get("color"),c=Wo(h.get("opacity"),1);u=i.util.isArray(u)?u:[u];for(var d=n.getTicksCoords({tickModel:l,clamp:!0}),f=0,p=[0,0,0],m=[0,0,0],g=0;g<d.length;g++){var _=d[g].coord,v=[0,0,0],y=[0,0,0];if(v[a]=y[a]=_,v[1-a]=s[0],y[1-a]=s[1],0!==g){var x=Ka.parseColor(u[f%u.length]);x[3]*=c,e.addQuad([p,v,y,m],x),p=v,m=y,f++}else p=v,m=y}}}}))};const qo=Xo;var Zo=[0,1,2,0,2,3],Yo=Vr.extend((function(){return{attributes:{position:new Vr.Attribute("position","float",3,"POSITION"),texcoord:new Vr.Attribute("texcoord","float",2,"TEXCOORD_0"),offset:new Vr.Attribute("offset","float",2),color:new Vr.Attribute("color","float",4,"COLOR")}}}),{resetOffset:function(){this._vertexOffset=0,this._faceOffset=0},setSpriteCount:function(e){this._spriteCount=e;var t=4*e,r=2*e;this.vertexCount!==t&&(this.attributes.position.init(t),this.attributes.offset.init(t),this.attributes.color.init(t)),this.triangleCount!==r&&(this.indices=t>65535?new Uint32Array(3*r):new Uint16Array(3*r))},setSpriteAlign:function(e,t,r,i,n){var a,o,s,l;switch(null==r&&(r="left"),null==i&&(i="top"),n=n||0,r){case"left":a=n,s=t[0]+n;break;case"center":case"middle":a=-t[0]/2,s=t[0]/2;break;case"right":a=-t[0]-n,s=-n}switch(i){case"bottom":o=n,l=t[1]+n;break;case"middle":o=-t[1]/2,l=t[1]/2;break;case"top":o=-t[1]-n,l=-n}var h=4*e,u=this.attributes.offset;u.set(h,[a,l]),u.set(h+1,[s,l]),u.set(h+2,[s,o]),u.set(h+3,[a,o])},addSprite:function(e,t,r,i,n,a){var o=this._vertexOffset;this.setSprite(this._vertexOffset/4,e,t,r,i,n,a);for(var s=0;s<Zo.length;s++)this.indices[3*this._faceOffset+s]=Zo[s]+o;return this._faceOffset+=2,this._vertexOffset+=4,o/4},setSprite:function(e,t,r,i,n,a,o){for(var s=4*e,l=this.attributes,h=0;h<4;h++)l.position.set(s+h,t);var u=l.texcoord;u.set(s,[i[0][0],i[0][1]]),u.set(s+1,[i[1][0],i[0][1]]),u.set(s+2,[i[1][0],i[1][1]]),u.set(s+3,[i[0][0],i[1][1]]),this.setSpriteAlign(e,r,n,a,o)}});i.util.defaults(Yo.prototype,Lo);const Ko=Yo;Ka.Shader.import("@export ecgl.labels.vertex\n\nattribute vec3 position: POSITION;\nattribute vec2 texcoord: TEXCOORD_0;\nattribute vec2 offset;\n#ifdef VERTEX_COLOR\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n#endif\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform vec4 viewport : VIEWPORT;\n\nvarying vec2 v_Texcoord;\n\nvoid main()\n{\n vec4 proj = worldViewProjection * vec4(position, 1.0);\n\n vec2 screen = (proj.xy / abs(proj.w) + 1.0) * 0.5 * viewport.zw;\n\n screen += offset;\n\n proj.xy = (screen / viewport.zw - 0.5) * 2.0 * abs(proj.w);\n gl_Position = proj;\n#ifdef VERTEX_COLOR\n v_Color = a_Color;\n#endif\n v_Texcoord = texcoord;\n}\n@end\n\n\n@export ecgl.labels.fragment\n\nuniform vec3 color : [1.0, 1.0, 1.0];\nuniform float alpha : 1.0;\nuniform sampler2D textureAtlas;\nuniform vec2 uvScale: [1.0, 1.0];\n\n#ifdef VERTEX_COLOR\nvarying vec4 v_Color;\n#endif\nvarying float v_Miter;\n\nvarying vec2 v_Texcoord;\n\nvoid main()\n{\n gl_FragColor = vec4(color, alpha) * texture2D(textureAtlas, v_Texcoord * uvScale);\n#ifdef VERTEX_COLOR\n gl_FragColor *= v_Color;\n#endif\n}\n\n@end");const Qo=Ka.Mesh.extend((function(){return{geometry:new Ko({dynamic:!0}),material:new Ka.Material({shader:Ka.createShader("ecgl.labels"),transparent:!0,depthMask:!1}),culling:!1,castShadow:!1,ignorePicking:!0}}));var Jo=Mn,$o={x:0,y:2,z:1};function es(e,t){var r=new Ka.Mesh({geometry:new Ro({useNativeLine:!1}),material:t,castShadow:!1,ignorePicking:!0,renderOrder:2}),i=new Qo;i.material.depthMask=!1;var n=new Ka.Node;n.add(r),n.add(i),this.rootNode=n,this.dim=e,this.linesMesh=r,this.labelsMesh=i,this.axisLineCoords=null,this.labelElements=[]}var ts={x:"y",y:"x",z:"y"};es.prototype.update=function(e,t,r){var n=e.coordinateSystem.getAxis(this.dim),a=this.linesMesh.geometry,o=this.labelsMesh.geometry;a.convertToDynamicArray(!0),o.convertToDynamicArray(!0);var s=n.model,l=n.getExtent(),h=r.getDevicePixelRatio(),u=s.getModel("axisLine",e.getModel("axisLine")),c=s.getModel("axisTick",e.getModel("axisTick")),d=s.getModel("axisLabel",e.getModel("axisLabel")),f=u.get("lineStyle.color");if(u.get("show")){var p=u.getModel("lineStyle"),m=[0,0,0];(M=[0,0,0])[A=$o[n.dim]]=l[0],m[A]=l[1],this.axisLineCoords=[M,m];var g=Ka.parseColor(f),_=Jo(p.get("width"),1),v=Jo(p.get("opacity"),1);g[3]*=v,a.addLine(M,m,g,_*h)}if(c.get("show")){var y=c.getModel("lineStyle"),x=Ka.parseColor(Jo(y.get("color"),f));_=Jo(y.get("width"),1),x[3]*=Jo(y.get("opacity"),1);for(var b=n.getTicksCoords(),w=c.get("length"),T=0;T<b.length;T++){var S=b[T].coord,M=[0,0,0],A=(m=[0,0,0],$o[n.dim]),E=$o[ts[n.dim]];M[A]=m[A]=S,m[E]=w,a.addLine(M,m,x,_*h)}}if(this.labelElements=[],h=r.getDevicePixelRatio(),d.get("show")){b=n.getTicksCoords();var C=s.get("data"),D=d.get("margin"),L=n.getViewLabels();for(T=0;T<L.length;T++){var P=L[T].tickValue,O=L[T].formattedLabel,N=L[T].rawLabel,I=(S=n.dataToCoord(P),[0,0,0]);A=$o[n.dim],E=$o[ts[n.dim]],I[A]=I[A]=S,I[E]=D;var R=d;C&&C[P]&&C[P].textStyle&&(R=new i.Model(C[P].textStyle,d,s.ecModel));var B=Jo(R.get("color"),f),F=new i.graphic.Text({style:xo(R,{text:O,fill:"function"==typeof B?B("category"===n.type?N:"value"===n.type?P+"":P,T):B,verticalAlign:"top",align:"left"})}),z=t.add(F),G=F.getBoundingRect();o.addSprite(I,[G.width*h,G.height*h],z),this.labelElements.push(F)}}if(s.get("name")){var U=s.getModel("nameTextStyle"),k=(I=[0,0,0],A=$o[n.dim],E=$o[ts[n.dim]],Jo(U.get("color"),f)),V=U.get("borderColor");_=U.get("borderWidth"),I[A]=I[A]=(l[0]+l[1])/2,I[E]=s.get("nameGap"),F=new i.graphic.Text({style:xo(U,{text:s.get("name"),fill:k,stroke:V,lineWidth:_})}),z=t.add(F),G=F.getBoundingRect(),o.addSprite(I,[G.width*h,G.height*h],z),F.__idx=this.labelElements.length,this.nameLabelElement=F}this.labelsMesh.material.set("textureAtlas",t.getTexture()),this.labelsMesh.material.set("uvScale",t.getCoordsScale()),a.convertToTypedArray(),o.convertToTypedArray()},es.prototype.setSpriteAlign=function(e,t,r){for(var i=r.getDevicePixelRatio(),n=this.labelsMesh.geometry,a=0;a<this.labelElements.length;a++){var o=this.labelElements[a].getBoundingRect();n.setSpriteAlign(a,[o.width*i,o.height*i],e,t)}var s=this.nameLabelElement;s&&(o=s.getBoundingRect(),n.setSpriteAlign(s.__idx,[o.width*i,o.height*i],e,t),n.dirty()),this.textAlign=e,this.textVerticalAlign=t};const rs=es,is="@export ecgl.lines3D.vertex\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\nattribute vec3 position: POSITION;\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n\nvoid main()\n{\n gl_Position = worldViewProjection * vec4(position, 1.0);\n v_Color = a_Color;\n}\n\n@end\n\n@export ecgl.lines3D.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\nvarying vec4 v_Color;\n\n@import clay.util.srgb\n\nvoid main()\n{\n#ifdef SRGB_DECODE\n gl_FragColor = sRGBToLinear(color * v_Color);\n#else\n gl_FragColor = color * v_Color;\n#endif\n}\n@end\n\n\n\n@export ecgl.lines3D.clipNear\n\nvec4 clipNear(vec4 p1, vec4 p2) {\n float n = (p1.w - near) / (p1.w - p2.w);\n return vec4(mix(p1.xy, p2.xy, n), -near, near);\n}\n\n@end\n\n@export ecgl.lines3D.expandLine\n#ifdef VERTEX_ANIMATION\n vec4 prevProj = worldViewProjection * vec4(mix(prevPositionPrev, positionPrev, percent), 1.0);\n vec4 currProj = worldViewProjection * vec4(mix(prevPosition, position, percent), 1.0);\n vec4 nextProj = worldViewProjection * vec4(mix(prevPositionNext, positionNext, percent), 1.0);\n#else\n vec4 prevProj = worldViewProjection * vec4(positionPrev, 1.0);\n vec4 currProj = worldViewProjection * vec4(position, 1.0);\n vec4 nextProj = worldViewProjection * vec4(positionNext, 1.0);\n#endif\n\n if (currProj.w < 0.0) {\n if (nextProj.w > 0.0) {\n currProj = clipNear(currProj, nextProj);\n }\n else if (prevProj.w > 0.0) {\n currProj = clipNear(currProj, prevProj);\n }\n }\n\n vec2 prevScreen = (prevProj.xy / abs(prevProj.w) + 1.0) * 0.5 * viewport.zw;\n vec2 currScreen = (currProj.xy / abs(currProj.w) + 1.0) * 0.5 * viewport.zw;\n vec2 nextScreen = (nextProj.xy / abs(nextProj.w) + 1.0) * 0.5 * viewport.zw;\n\n vec2 dir;\n float len = offset;\n if (position == positionPrev) {\n dir = normalize(nextScreen - currScreen);\n }\n else if (position == positionNext) {\n dir = normalize(currScreen - prevScreen);\n }\n else {\n vec2 dirA = normalize(currScreen - prevScreen);\n vec2 dirB = normalize(nextScreen - currScreen);\n\n vec2 tanget = normalize(dirA + dirB);\n\n float miter = 1.0 / max(dot(tanget, dirA), 0.5);\n len *= miter;\n dir = tanget;\n }\n\n dir = vec2(-dir.y, dir.x) * len;\n currScreen += dir;\n\n currProj.xy = (currScreen / viewport.zw - 0.5) * 2.0 * abs(currProj.w);\n@end\n\n\n@export ecgl.meshLines3D.vertex\n\nattribute vec3 position: POSITION;\nattribute vec3 positionPrev;\nattribute vec3 positionNext;\nattribute float offset;\nattribute vec4 a_Color : COLOR;\n\n#ifdef VERTEX_ANIMATION\nattribute vec3 prevPosition;\nattribute vec3 prevPositionPrev;\nattribute vec3 prevPositionNext;\nuniform float percent : 1.0;\n#endif\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform vec4 viewport : VIEWPORT;\nuniform float near : NEAR;\n\nvarying vec4 v_Color;\n\n@import ecgl.common.wireframe.vertexHeader\n\n@import ecgl.lines3D.clipNear\n\nvoid main()\n{\n @import ecgl.lines3D.expandLine\n\n gl_Position = currProj;\n\n v_Color = a_Color;\n\n @import ecgl.common.wireframe.vertexMain\n}\n@end\n\n\n@export ecgl.meshLines3D.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\nvarying vec4 v_Color;\n\n@import ecgl.common.wireframe.fragmentHeader\n\n@import clay.util.srgb\n\nvoid main()\n{\n#ifdef SRGB_DECODE\n gl_FragColor = sRGBToLinear(color * v_Color);\n#else\n gl_FragColor = color * v_Color;\n#endif\n\n @import ecgl.common.wireframe.fragmentMain\n}\n\n@end";var ns=Mn;Ka.Shader.import(is);var as={x:0,y:2,z:1};const os=i.ComponentView.extend({type:"grid3D",__ecgl__:!0,init:function(e,t){var r=new Ka.Material({shader:Ka.createShader("ecgl.color"),depthMask:!1,transparent:!0}),i=new Ka.Material({shader:Ka.createShader("ecgl.meshLines3D"),depthMask:!1,transparent:!0});r.define("fragment","DOUBLE_SIDED"),r.define("both","VERTEX_COLOR"),this.groupGL=new Ka.Node,this._control=new Do({zr:t.getZr()}),this._control.init(),this._faces=[["y","z","x",-1,"left"],["y","z","x",1,"right"],["x","y","z",-1,"bottom"],["x","y","z",1,"top"],["x","z","y",-1,"far"],["x","z","y",1,"near"]].map((function(e){var t=new qo(e,i,r);return this.groupGL.add(t.rootNode),t}),this),this._axes=["x","y","z"].map((function(e){var t=new rs(e,i);return this.groupGL.add(t.rootNode),t}),this);var n=t.getDevicePixelRatio();this._axisLabelSurface=new zo({width:256,height:256,devicePixelRatio:n}),this._axisLabelSurface.onupdate=function(){t.getZr().refresh()},this._axisPointerLineMesh=new Ka.Mesh({geometry:new Ro({useNativeLine:!1}),material:i,castShadow:!1,ignorePicking:!0,renderOrder:3}),this.groupGL.add(this._axisPointerLineMesh),this._axisPointerLabelsSurface=new zo({width:128,height:128,devicePixelRatio:n}),this._axisPointerLabelsMesh=new Qo({ignorePicking:!0,renderOrder:4,castShadow:!1}),this._axisPointerLabelsMesh.material.set("textureAtlas",this._axisPointerLabelsSurface.getTexture()),this.groupGL.add(this._axisPointerLabelsMesh),this._lightRoot=new Ka.Node,this._sceneHelper=new Uo,this._sceneHelper.initLight(this._lightRoot)},render:function(e,t,r){this._model=e,this._api=r;var i=e.coordinateSystem;i.viewGL.add(this._lightRoot),e.get("show")?i.viewGL.add(this.groupGL):i.viewGL.remove(this.groupGL);var n=this._control;n.setViewGL(i.viewGL);var a=e.getModel("viewControl");n.setFromViewControlModel(a,0),this._axisLabelSurface.clear(),n.off("update"),e.get("show")&&(this._faces.forEach((function(i){i.update(e,t,r)}),this),this._axes.forEach((function(t){t.update(e,this._axisLabelSurface,r)}),this)),n.on("update",this._onCameraChange.bind(this,e,r),this),this._sceneHelper.setScene(i.viewGL.scene),this._sceneHelper.updateLight(e),i.viewGL.setPostEffect(e.getModel("postEffect"),r),i.viewGL.setTemporalSuperSampling(e.getModel("temporalSuperSampling")),this._initMouseHandler(e)},afterRender:function(e,t,r,i){var n=i.renderer;this._sceneHelper.updateAmbientCubemap(n,e,r),this._sceneHelper.updateSkybox(n,e,r)},showAxisPointer:function(e,t,r,i){this._doShowAxisPointer(),this._updateAxisPointer(i.value)},hideAxisPointer:function(e,t,r,i){this._doHideAxisPointer()},_initMouseHandler:function(e){var t=e.coordinateSystem.viewGL;e.get("show")&&e.get("axisPointer.show")?t.on("mousemove",this._updateAxisPointerOnMousePosition,this):t.off("mousemove",this._updateAxisPointerOnMousePosition)},_updateAxisPointerOnMousePosition:function(e){if(!e.target){for(var t,r=this._model.coordinateSystem,i=r.viewGL,n=i.castRay(e.offsetX,e.offsetY,new Ka.Ray),a=0;a<this._faces.length;a++){var o=this._faces[a];if(!o.rootNode.invisible){o.plane.normal.dot(i.camera.worldTransform.z)<0&&o.plane.normal.negate();var s=n.intersectPlane(o.plane);if(s){var l=r.getAxis(o.faceInfo[0]),h=r.getAxis(o.faceInfo[1]),u=as[o.faceInfo[0]],c=as[o.faceInfo[1]];l.contain(s.array[u])&&h.contain(s.array[c])&&(t=s)}}}if(t){var d=r.pointToData(t.array,[],!0);this._updateAxisPointer(d),this._doShowAxisPointer()}else this._doHideAxisPointer()}},_onCameraChange:function(e,t){e.get("show")&&(this._updateFaceVisibility(),this._updateAxisLinePosition());var r=this._control;t.dispatchAction({type:"grid3DChangeCamera",alpha:r.getAlpha(),beta:r.getBeta(),distance:r.getDistance(),center:r.getCenter(),from:this.uid,grid3DId:e.id})},_updateFaceVisibility:function(){var e=this._control.getCamera(),t=new Ka.Vector3;e.update();for(var r=0;r<this._faces.length/2;r++){for(var i=[],n=0;n<2;n++)this._faces[2*r+n].rootNode.getWorldPosition(t),t.transformMat4(e.viewMatrix),i[n]=t.z;var a=i[0]>i[1]?0:1,o=this._faces[2*r+a],s=this._faces[2*r+1-a];o.rootNode.invisible=!0,s.rootNode.invisible=!1}},_updateAxisLinePosition:function(){var e=this._model.coordinateSystem,t=e.getAxis("x"),r=e.getAxis("y"),i=e.getAxis("z"),n=i.getExtentMax(),a=i.getExtentMin(),o=t.getExtentMin(),s=t.getExtentMax(),l=r.getExtentMax(),h=r.getExtentMin(),u=this._axes[0].rootNode,c=this._axes[1].rootNode,d=this._axes[2].rootNode,f=this._faces,p=f[4].rootNode.invisible?h:l,m=f[2].rootNode.invisible?n:a,g=f[0].rootNode.invisible?o:s,_=f[2].rootNode.invisible?n:a,v=f[0].rootNode.invisible?s:o,y=f[4].rootNode.invisible?h:l;u.rotation.identity(),c.rotation.identity(),d.rotation.identity(),f[4].rootNode.invisible&&(this._axes[0].flipped=!0,u.rotation.rotateX(Math.PI)),f[0].rootNode.invisible&&(this._axes[1].flipped=!0,c.rotation.rotateZ(Math.PI)),f[4].rootNode.invisible&&(this._axes[2].flipped=!0,d.rotation.rotateY(Math.PI)),u.position.set(0,m,p),c.position.set(g,_,0),d.position.set(v,0,y),u.update(),c.update(),d.update(),this._updateAxisLabelAlign()},_updateAxisLabelAlign:function(){var e=this._control.getCamera(),t=[new Ka.Vector4,new Ka.Vector4],r=new Ka.Vector4;this.groupGL.getWorldPosition(r),r.w=1,r.transformMat4(e.viewMatrix).transformMat4(e.projectionMatrix),r.x/=r.w,r.y/=r.w,this._axes.forEach((function(i){for(var n=i.axisLineCoords,a=(i.labelsMesh.geometry,0);a<t.length;a++)t[a].setArray(n[a]),t[a].w=1,t[a].transformMat4(i.rootNode.worldTransform).transformMat4(e.viewMatrix).transformMat4(e.projectionMatrix),t[a].x/=t[a].w,t[a].y/=t[a].w;var o,s,l=t[1].x-t[0].x,h=t[1].y-t[0].y,u=(t[1].x+t[0].x)/2,c=(t[1].y+t[0].y)/2;Math.abs(h/l)<.5?(o="center",s=c>r.y?"bottom":"top"):(s="middle",o=u>r.x?"left":"right"),i.setSpriteAlign(o,s,this._api)}),this)},_doShowAxisPointer:function(){this._axisPointerLineMesh.invisible&&(this._axisPointerLineMesh.invisible=!1,this._axisPointerLabelsMesh.invisible=!1,this._api.getZr().refresh())},_doHideAxisPointer:function(){this._axisPointerLineMesh.invisible||(this._axisPointerLineMesh.invisible=!0,this._axisPointerLabelsMesh.invisible=!0,this._api.getZr().refresh())},_updateAxisPointer:function(e){var t=this._model.coordinateSystem,r=t.dataToPoint(e),i=this._axisPointerLineMesh.geometry,n=this._model.getModel("axisPointer"),a=this._api.getDevicePixelRatio();function o(e){return Mn(e.model.get("axisPointer.show"),n.get("show"))}function s(e){var t=e.model.getModel("axisPointer",n).getModel("lineStyle"),r=Ka.parseColor(t.get("color")),i=ns(t.get("width"),1),a=ns(t.get("opacity"),1);return r[3]*=a,{color:r,lineWidth:i}}i.convertToDynamicArray(!0);for(var l=0;l<this._faces.length;l++){var h=this._faces[l];if(!h.rootNode.invisible){for(var u=h.faceInfo,c=u[3]<0?t.getAxis(u[2]).getExtentMin():t.getAxis(u[2]).getExtentMax(),d=as[u[2]],f=0;f<2;f++){var p=u[f],m=u[1-f],g=t.getAxis(p),_=t.getAxis(m);if(o(g)){var v=as[p],y=as[m];(w=[0,0,0])[v]=(b=[0,0,0])[v]=r[v],w[d]=b[d]=c,w[y]=_.getExtentMin(),b[y]=_.getExtentMax();var x=s(g);i.addLine(w,b,x.color,x.lineWidth*a)}}if(o(t.getAxis(u[2]))){var b,w=r.slice();(b=r.slice())[d]=c,x=s(t.getAxis(u[2])),i.addLine(w,b,x.color,x.lineWidth*a)}}}i.convertToTypedArray(),this._updateAxisPointerLabelsMesh(e),this._api.getZr().refresh()},_updateAxisPointerLabelsMesh:function(e){var t=this._model,r=this._axisPointerLabelsMesh,n=this._axisPointerLabelsSurface,a=t.coordinateSystem,o=t.getModel("axisPointer");r.geometry.convertToDynamicArray(!0),n.clear();var s={x:"y",y:"x",z:"y"};this._axes.forEach((function(t,l){var h=a.getAxis(t.dim),u=h.model.getModel("axisPointer",o),c=u.getModel("label"),d=u.get("lineStyle.color");if(c.get("show")&&u.get("show")){var f=e[l],p=c.get("formatter"),m=h.scale.getLabel({value:f});if(null!=p)m=p(m,e);else if("interval"===h.scale.type||"log"===h.scale.type){var g=i.number.getPrecisionSafe(h.scale.getTicks()[0]);m=f.toFixed(g+2)}var _=c.get("color"),v=new i.graphic.Text({style:xo(c,{text:m,fill:_||d,align:"left",verticalAlign:"top"})}),y=n.add(v),x=v.getBoundingRect(),b=this._api.getDevicePixelRatio(),w=t.rootNode.position.toArray();w[as[s[t.dim]]]+=(t.flipped?-1:1)*c.get("margin"),w[as[t.dim]]=h.dataToCoord(e[l]),r.geometry.addSprite(w,[x.width*b,x.height*b],y,t.textAlign,t.textVerticalAlign)}}),this),n.getZr().refreshImmediately(),r.material.set("uvScale",n.getCoordsScale()),r.geometry.convertToTypedArray()},dispose:function(){this.groupGL.removeAll(),this._control.dispose(),this._axisLabelSurface.dispose(),this._axisPointerLabelsSurface.dispose()}}),ss=function(){function e(e){this.type="cartesian",this._dimList=[],this._axes={},this.name=e||""}return e.prototype.getAxis=function(e){return this._axes[e]},e.prototype.getAxes=function(){return xa(this._dimList,(function(e){return this._axes[e]}),this)},e.prototype.getAxesByScale=function(e){return e=e.toLowerCase(),function(e,t,r){if(!e)return[];if(!t)return Sa(e);if(e.filter&&e.filter===ca)return e.filter(t,r);for(var i=[],n=0,a=e.length;n<a;n++)t.call(r,e[n],n,e)&&i.push(e[n]);return i}(this.getAxes(),(function(t){return t.scale.type===e}))},e.prototype.addAxis=function(e){var t=e.dim;this._axes[t]=e,this._dimList.push(t)},e}();function ls(e){ss.call(this,e),this.type="cartesian3D",this.dimensions=["x","y","z"],this.size=[0,0,0]}ls.prototype={constructor:ls,model:null,containPoint:function(e){return this.getAxis("x").contain(e[0])&&this.getAxis("y").contain(e[2])&&this.getAxis("z").contain(e[1])},containData:function(e){return this.getAxis("x").containData(e[0])&&this.getAxis("y").containData(e[1])&&this.getAxis("z").containData(e[2])},dataToPoint:function(e,t,r){return(t=t||[])[0]=this.getAxis("x").dataToCoord(e[0],r),t[2]=this.getAxis("y").dataToCoord(e[1],r),t[1]=this.getAxis("z").dataToCoord(e[2],r),t},pointToData:function(e,t,r){return(t=t||[])[0]=this.getAxis("x").coordToData(e[0],r),t[1]=this.getAxis("y").coordToData(e[2],r),t[2]=this.getAxis("z").coordToData(e[1],r),t}},i.util.inherits(ls,ss);const hs=ls;function us(e,t,r){i.Axis.call(this,e,t,r)}us.prototype={constructor:us,getExtentMin:function(){var e=this._extent;return Math.min(e[0],e[1])},getExtentMax:function(){var e=this._extent;return Math.max(e[0],e[1])},calculateCategoryInterval:function(){return Math.floor(this.scale.count()/8)}},i.util.inherits(us,i.Axis);const cs=us;function ds(e,t,r){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4]+r[0],e[5]=t[5]+r[1],e}const fs=function(){function e(e,t){this.x=e||0,this.y=t||0}return e.prototype.copy=function(e){return this.x=e.x,this.y=e.y,this},e.prototype.clone=function(){return new e(this.x,this.y)},e.prototype.set=function(e,t){return this.x=e,this.y=t,this},e.prototype.equal=function(e){return e.x===this.x&&e.y===this.y},e.prototype.add=function(e){return this.x+=e.x,this.y+=e.y,this},e.prototype.scale=function(e){this.x*=e,this.y*=e},e.prototype.scaleAndAdd=function(e,t){this.x+=e.x*t,this.y+=e.y*t},e.prototype.sub=function(e){return this.x-=e.x,this.y-=e.y,this},e.prototype.dot=function(e){return this.x*e.x+this.y*e.y},e.prototype.len=function(){return Math.sqrt(this.x*this.x+this.y*this.y)},e.prototype.lenSquare=function(){return this.x*this.x+this.y*this.y},e.prototype.normalize=function(){var e=this.len();return this.x/=e,this.y/=e,this},e.prototype.distance=function(e){var t=this.x-e.x,r=this.y-e.y;return Math.sqrt(t*t+r*r)},e.prototype.distanceSquare=function(e){var t=this.x-e.x,r=this.y-e.y;return t*t+r*r},e.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},e.prototype.transform=function(e){if(e){var t=this.x,r=this.y;return this.x=e[0]*t+e[2]*r+e[4],this.y=e[1]*t+e[3]*r+e[5],this}},e.prototype.toArray=function(e){return e[0]=this.x,e[1]=this.y,e},e.prototype.fromArray=function(e){this.x=e[0],this.y=e[1]},e.set=function(e,t,r){e.x=t,e.y=r},e.copy=function(e,t){e.x=t.x,e.y=t.y},e.len=function(e){return Math.sqrt(e.x*e.x+e.y*e.y)},e.lenSquare=function(e){return e.x*e.x+e.y*e.y},e.dot=function(e,t){return e.x*t.x+e.y*t.y},e.add=function(e,t,r){e.x=t.x+r.x,e.y=t.y+r.y},e.sub=function(e,t,r){e.x=t.x-r.x,e.y=t.y-r.y},e.scale=function(e,t,r){e.x=t.x*r,e.y=t.y*r},e.scaleAndAdd=function(e,t,r,i){e.x=t.x+r.x*i,e.y=t.y+r.y*i},e.lerp=function(e,t,r,i){var n=1-i;e.x=n*t.x+i*r.x,e.y=n*t.y+i*r.y},e}();var ps=Math.min,ms=Math.max,gs=new fs,_s=new fs,vs=new fs,ys=new fs,xs=new fs,bs=new fs;const ws=function(){function e(e,t,r,i){r<0&&(e+=r,r=-r),i<0&&(t+=i,i=-i),this.x=e,this.y=t,this.width=r,this.height=i}return e.prototype.union=function(e){var t=ps(e.x,this.x),r=ps(e.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=ms(e.x+e.width,this.x+this.width)-t:this.width=e.width,isFinite(this.y)&&isFinite(this.height)?this.height=ms(e.y+e.height,this.y+this.height)-r:this.height=e.height,this.x=t,this.y=r},e.prototype.applyTransform=function(t){e.applyTransform(this,this,t)},e.prototype.calculateTransform=function(e){var t=this,r=e.width/t.width,i=e.height/t.height,n=[1,0,0,1,0,0];return ds(n,n,[-t.x,-t.y]),function(e,t,r){var i=r[0],n=r[1];e[0]=t[0]*i,e[1]=t[1]*n,e[2]=t[2]*i,e[3]=t[3]*n,e[4]=t[4]*i,e[5]=t[5]*n}(n,n,[r,i]),ds(n,n,[e.x,e.y]),n},e.prototype.intersect=function(t,r){if(!t)return!1;t instanceof e||(t=e.create(t));var i=this,n=i.x,a=i.x+i.width,o=i.y,s=i.y+i.height,l=t.x,h=t.x+t.width,u=t.y,c=t.y+t.height,d=!(a<l||h<n||s<u||c<o);if(r){var f=1/0,p=0,m=Math.abs(a-l),g=Math.abs(h-n),_=Math.abs(s-u),v=Math.abs(c-o),y=Math.min(m,g),x=Math.min(_,v);a<l||h<n?y>p&&(p=y,m<g?fs.set(bs,-m,0):fs.set(bs,g,0)):y<f&&(f=y,m<g?fs.set(xs,m,0):fs.set(xs,-g,0)),s<u||c<o?x>p&&(p=x,_<v?fs.set(bs,0,-_):fs.set(bs,0,v)):y<f&&(f=y,_<v?fs.set(xs,0,_):fs.set(xs,0,-v))}return r&&fs.copy(r,d?xs:bs),d},e.prototype.contain=function(e,t){var r=this;return e>=r.x&&e<=r.x+r.width&&t>=r.y&&t<=r.y+r.height},e.prototype.clone=function(){return new e(this.x,this.y,this.width,this.height)},e.prototype.copy=function(t){e.copy(this,t)},e.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},e.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},e.prototype.isZero=function(){return 0===this.width||0===this.height},e.create=function(t){return new e(t.x,t.y,t.width,t.height)},e.copy=function(e,t){e.x=t.x,e.y=t.y,e.width=t.width,e.height=t.height},e.applyTransform=function(t,r,i){if(i){if(i[1]<1e-5&&i[1]>-1e-5&&i[2]<1e-5&&i[2]>-1e-5){var n=i[0],a=i[3],o=i[4],s=i[5];return t.x=r.x*n+o,t.y=r.y*a+s,t.width=r.width*n,t.height=r.height*a,t.width<0&&(t.x+=t.width,t.width=-t.width),void(t.height<0&&(t.y+=t.height,t.height=-t.height))}gs.x=vs.x=r.x,gs.y=ys.y=r.y,_s.x=ys.x=r.x+r.width,_s.y=vs.y=r.y+r.height,gs.transform(i),ys.transform(i),_s.transform(i),vs.transform(i),t.x=ps(gs.x,_s.x,vs.x,ys.x),t.y=ps(gs.y,_s.y,vs.y,ys.y);var l=ms(gs.x,_s.x,vs.x,ys.x),h=ms(gs.y,_s.y,vs.y,ys.y);t.width=l-t.x,t.height=h-t.y}else t!==r&&e.copy(t,r)},e}();function Ts(e,t,r,i,n){var a=0,o=0;null==i&&(i=1/0),null==n&&(n=1/0);var s=0;t.eachChild((function(l,h){var u,c,d=l.getBoundingRect(),f=t.childAt(h+1),p=f&&f.getBoundingRect();if("horizontal"===e){var m=d.width+(p?-p.x+d.x:0);(u=a+m)>i||l.newline?(a=0,u=m,o+=s+r,s=d.height):s=Math.max(s,d.height)}else{var g=d.height+(p?-p.y+d.y:0);(c=o+g)>n||l.newline?(a+=s+r,o=0,c=g,s=d.width):s=Math.max(s,d.width)}l.newline||(l.x=a,l.y=o,l.markRedraw(),"horizontal"===e?a=u+r:o=c+r)}))}function Ss(e,t,r){r=function(e){if("number"==typeof e)return[e,e,e,e];var t=e.length;return 2===t?[e[0],e[1],e[0],e[1]]:3===t?[e[0],e[1],e[2],e[1]]:e}(r||0);var i=t.width,n=t.height,a=go(e.left,i),o=go(e.top,n),s=go(e.right,i),l=go(e.bottom,n),h=go(e.width,i),u=go(e.height,n),c=r[2]+r[0],d=r[1]+r[3],f=e.aspect;switch(isNaN(h)&&(h=i-s-d-a),isNaN(u)&&(u=n-l-c-o),null!=f&&(isNaN(h)&&isNaN(u)&&(f>i/n?h=.8*i:u=.8*n),isNaN(h)&&(h=f*u),isNaN(u)&&(u=h/f)),isNaN(a)&&(a=i-s-h-d),isNaN(o)&&(o=n-l-u-c),e.left||e.right){case"center":a=i/2-h/2-r[3];break;case"right":a=i-h-d}switch(e.top||e.bottom){case"middle":case"center":o=n/2-u/2-r[0];break;case"bottom":o=n-u-c}a=a||0,o=o||0,isNaN(h)&&(h=i-d-a-(s||0)),isNaN(u)&&(u=n-c-o-(l||0));var p=new ws(a+r[3],o+r[0],h,u);return p.margin=r,p}wa(Ts,"vertical"),wa(Ts,"horizontal");var Ms=function(){this._pool={},this._allocatedTextures=[]};Ms.prototype={constructor:Ms,get:function(e){var t=Cs(e);this._pool.hasOwnProperty(t)||(this._pool[t]=[]);var r=this._pool[t];if(!r.length){var i=new Dr(e);return this._allocatedTextures.push(i),i}return r.pop()},put:function(e){var t=Cs(e);this._pool.hasOwnProperty(t)||(this._pool[t]=[]),this._pool[t].push(e)},clear:function(e){for(var t=0;t<this._allocatedTextures.length;t++)this._allocatedTextures[t].dispose(e);this._pool={},this._allocatedTextures=[]}};var As={width:512,height:512,type:T,format:A,wrapS:I,wrapT:I,minFilter:O,magFilter:C,useMipmap:!0,anisotropic:1,flipY:!0,unpackAlignment:4,premultiplyAlpha:!1},Es=Object.keys(As);function Cs(e){var t,r,i,n;f.defaultsWithPropList(e,As,Es),r=(t=e).width,i=t.height,n=0==(r&r-1)&&0==(i&i-1),t.format===M&&(t.useMipmap=!1),n&&t.useMipmap||(t.minFilter==D||t.minFilter==P?t.minFilter=E:t.minFilter!=O&&t.minFilter!=L||(t.minFilter=C)),n||(t.wrapS=I,t.wrapT=I);for(var a="",o=0;o<Es.length;o++)a+=e[Es[o]].toString();return a}const Ds=Ms;var Ls=["px","nx","py","ny","pz","nz"];function Ps(e,t,r){return"alphaMap"===r?e.material.get("diffuseMap"):"alphaCutoff"===r?e.material.isDefined("fragment","ALPHA_TEST")&&e.material.get("diffuseMap")&&e.material.get("alphaCutoff")||0:"uvRepeat"===r?e.material.get("uvRepeat"):"uvOffset"===r?e.material.get("uvOffset"):t.get(r)}function Os(e,t){var r=e.material,i=t.material;return r.get("diffuseMap")!==i.get("diffuseMap")||(r.get("alphaCutoff")||0)!==(i.get("alphaCutoff")||0)}Xe.import("@export clay.sm.depth.vertex\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nattribute vec3 position : POSITION;\nattribute vec2 texcoord : TEXCOORD_0;\nuniform vec2 uvRepeat = vec2(1.0, 1.0);\nuniform vec2 uvOffset = vec2(0.0, 0.0);\n@import clay.chunk.skinning_header\n@import clay.chunk.instancing_header\nvarying vec4 v_ViewPosition;\nvarying vec2 v_Texcoord;\nvoid main(){\n vec4 P = vec4(position, 1.0);\n#ifdef SKINNING\n @import clay.chunk.skin_matrix\n P = skinMatrixWS * P;\n#endif\n#ifdef INSTANCING\n @import clay.chunk.instancing_matrix\n P = instanceMat * P;\n#endif\n v_ViewPosition = worldViewProjection * P;\n gl_Position = v_ViewPosition;\n v_Texcoord = texcoord * uvRepeat + uvOffset;\n}\n@end\n@export clay.sm.depth.fragment\nvarying vec4 v_ViewPosition;\nvarying vec2 v_Texcoord;\nuniform float bias : 0.001;\nuniform float slopeScale : 1.0;\nuniform sampler2D alphaMap;\nuniform float alphaCutoff: 0.0;\n@import clay.util.encode_float\nvoid main(){\n float depth = v_ViewPosition.z / v_ViewPosition.w;\n if (alphaCutoff > 0.0) {\n if (texture2D(alphaMap, v_Texcoord).a <= alphaCutoff) {\n discard;\n }\n }\n#ifdef USE_VSM\n depth = depth * 0.5 + 0.5;\n float moment1 = depth;\n float moment2 = depth * depth;\n #ifdef SUPPORT_STANDARD_DERIVATIVES\n float dx = dFdx(depth);\n float dy = dFdy(depth);\n moment2 += 0.25*(dx*dx+dy*dy);\n #endif\n gl_FragColor = vec4(moment1, moment2, 0.0, 1.0);\n#else\n #ifdef SUPPORT_STANDARD_DERIVATIVES\n float dx = dFdx(depth);\n float dy = dFdy(depth);\n depth += sqrt(dx*dx + dy*dy) * slopeScale + bias;\n #else\n depth += bias;\n #endif\n gl_FragColor = encodeFloat(depth * 0.5 + 0.5);\n#endif\n}\n@end\n@export clay.sm.debug_depth\nuniform sampler2D depthMap;\nvarying vec2 v_Texcoord;\n@import clay.util.decode_float\nvoid main() {\n vec4 tex = texture2D(depthMap, v_Texcoord);\n#ifdef USE_VSM\n gl_FragColor = vec4(tex.rgb, 1.0);\n#else\n float depth = decodeFloat(tex);\n gl_FragColor = vec4(depth, depth, depth, 1.0);\n#endif\n}\n@end\n@export clay.sm.distance.vertex\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform mat4 world : WORLD;\nattribute vec3 position : POSITION;\n@import clay.chunk.skinning_header\nvarying vec3 v_WorldPosition;\nvoid main (){\n vec4 P = vec4(position, 1.0);\n#ifdef SKINNING\n @import clay.chunk.skin_matrix\n P = skinMatrixWS * P;\n#endif\n#ifdef INSTANCING\n @import clay.chunk.instancing_matrix\n P = instanceMat * P;\n#endif\n gl_Position = worldViewProjection * P;\n v_WorldPosition = (world * P).xyz;\n}\n@end\n@export clay.sm.distance.fragment\nuniform vec3 lightPosition;\nuniform float range : 100;\nvarying vec3 v_WorldPosition;\n@import clay.util.encode_float\nvoid main(){\n float dist = distance(lightPosition, v_WorldPosition);\n#ifdef USE_VSM\n gl_FragColor = vec4(dist, dist * dist, 0.0, 0.0);\n#else\n dist = dist / range;\n gl_FragColor = encodeFloat(dist);\n#endif\n}\n@end\n@export clay.plugin.shadow_map_common\n@import clay.util.decode_float\nfloat tapShadowMap(sampler2D map, vec2 uv, float z){\n vec4 tex = texture2D(map, uv);\n return step(z, decodeFloat(tex) * 2.0 - 1.0);\n}\nfloat pcf(sampler2D map, vec2 uv, float z, float textureSize, vec2 scale) {\n float shadowContrib = tapShadowMap(map, uv, z);\n vec2 offset = vec2(1.0 / textureSize) * scale;\n#ifdef PCF_KERNEL_SIZE\n for (int _idx_ = 0; _idx_ < PCF_KERNEL_SIZE; _idx_++) {{\n shadowContrib += tapShadowMap(map, uv + offset * pcfKernel[_idx_], z);\n }}\n return shadowContrib / float(PCF_KERNEL_SIZE + 1);\n#else\n shadowContrib += tapShadowMap(map, uv+vec2(offset.x, 0.0), z);\n shadowContrib += tapShadowMap(map, uv+vec2(offset.x, offset.y), z);\n shadowContrib += tapShadowMap(map, uv+vec2(-offset.x, offset.y), z);\n shadowContrib += tapShadowMap(map, uv+vec2(0.0, offset.y), z);\n shadowContrib += tapShadowMap(map, uv+vec2(-offset.x, 0.0), z);\n shadowContrib += tapShadowMap(map, uv+vec2(-offset.x, -offset.y), z);\n shadowContrib += tapShadowMap(map, uv+vec2(offset.x, -offset.y), z);\n shadowContrib += tapShadowMap(map, uv+vec2(0.0, -offset.y), z);\n return shadowContrib / 9.0;\n#endif\n}\nfloat pcf(sampler2D map, vec2 uv, float z, float textureSize) {\n return pcf(map, uv, z, textureSize, vec2(1.0));\n}\nfloat chebyshevUpperBound(vec2 moments, float z){\n float p = 0.0;\n z = z * 0.5 + 0.5;\n if (z <= moments.x) {\n p = 1.0;\n }\n float variance = moments.y - moments.x * moments.x;\n variance = max(variance, 0.0000001);\n float mD = moments.x - z;\n float pMax = variance / (variance + mD * mD);\n pMax = clamp((pMax-0.4)/(1.0-0.4), 0.0, 1.0);\n return max(p, pMax);\n}\nfloat computeShadowContrib(\n sampler2D map, mat4 lightVPM, vec3 position, float textureSize, vec2 scale, vec2 offset\n) {\n vec4 posInLightSpace = lightVPM * vec4(position, 1.0);\n posInLightSpace.xyz /= posInLightSpace.w;\n float z = posInLightSpace.z;\n if(all(greaterThan(posInLightSpace.xyz, vec3(-0.99, -0.99, -1.0))) &&\n all(lessThan(posInLightSpace.xyz, vec3(0.99, 0.99, 1.0)))){\n vec2 uv = (posInLightSpace.xy+1.0) / 2.0;\n #ifdef USE_VSM\n vec2 moments = texture2D(map, uv * scale + offset).xy;\n return chebyshevUpperBound(moments, z);\n #else\n return pcf(map, uv * scale + offset, z, textureSize, scale);\n #endif\n }\n return 1.0;\n}\nfloat computeShadowContrib(sampler2D map, mat4 lightVPM, vec3 position, float textureSize) {\n return computeShadowContrib(map, lightVPM, position, textureSize, vec2(1.0), vec2(0.0));\n}\nfloat computeShadowContribOmni(samplerCube map, vec3 direction, float range)\n{\n float dist = length(direction);\n vec4 shadowTex = textureCube(map, direction);\n#ifdef USE_VSM\n vec2 moments = shadowTex.xy;\n float variance = moments.y - moments.x * moments.x;\n float mD = moments.x - dist;\n float p = variance / (variance + mD * mD);\n if(moments.x + 0.001 < dist){\n return clamp(p, 0.0, 1.0);\n }else{\n return 1.0;\n }\n#else\n return step(dist, (decodeFloat(shadowTex) + 0.0002) * range);\n#endif\n}\n@end\n@export clay.plugin.compute_shadow_map\n#if defined(SPOT_LIGHT_SHADOWMAP_COUNT) || defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT) || defined(POINT_LIGHT_SHADOWMAP_COUNT)\n#ifdef SPOT_LIGHT_SHADOWMAP_COUNT\nuniform sampler2D spotLightShadowMaps[SPOT_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\nuniform mat4 spotLightMatrices[SPOT_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\nuniform float spotLightShadowMapSizes[SPOT_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\n#endif\n#ifdef DIRECTIONAL_LIGHT_SHADOWMAP_COUNT\n#if defined(SHADOW_CASCADE)\nuniform sampler2D directionalLightShadowMaps[1]:unconfigurable;\nuniform mat4 directionalLightMatrices[SHADOW_CASCADE]:unconfigurable;\nuniform float directionalLightShadowMapSizes[1]:unconfigurable;\nuniform float shadowCascadeClipsNear[SHADOW_CASCADE]:unconfigurable;\nuniform float shadowCascadeClipsFar[SHADOW_CASCADE]:unconfigurable;\n#else\nuniform sampler2D directionalLightShadowMaps[DIRECTIONAL_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\nuniform mat4 directionalLightMatrices[DIRECTIONAL_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\nuniform float directionalLightShadowMapSizes[DIRECTIONAL_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\n#endif\n#endif\n#ifdef POINT_LIGHT_SHADOWMAP_COUNT\nuniform samplerCube pointLightShadowMaps[POINT_LIGHT_SHADOWMAP_COUNT]:unconfigurable;\n#endif\nuniform bool shadowEnabled : true;\n#ifdef PCF_KERNEL_SIZE\nuniform vec2 pcfKernel[PCF_KERNEL_SIZE];\n#endif\n@import clay.plugin.shadow_map_common\n#if defined(SPOT_LIGHT_SHADOWMAP_COUNT)\nvoid computeShadowOfSpotLights(vec3 position, inout float shadowContribs[SPOT_LIGHT_COUNT] ) {\n float shadowContrib;\n for(int _idx_ = 0; _idx_ < SPOT_LIGHT_SHADOWMAP_COUNT; _idx_++) {{\n shadowContrib = computeShadowContrib(\n spotLightShadowMaps[_idx_], spotLightMatrices[_idx_], position,\n spotLightShadowMapSizes[_idx_]\n );\n shadowContribs[_idx_] = shadowContrib;\n }}\n for(int _idx_ = SPOT_LIGHT_SHADOWMAP_COUNT; _idx_ < SPOT_LIGHT_COUNT; _idx_++){{\n shadowContribs[_idx_] = 1.0;\n }}\n}\n#endif\n#if defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n#ifdef SHADOW_CASCADE\nvoid computeShadowOfDirectionalLights(vec3 position, inout float shadowContribs[DIRECTIONAL_LIGHT_COUNT]){\n float depth = (2.0 * gl_FragCoord.z - gl_DepthRange.near - gl_DepthRange.far)\n / (gl_DepthRange.far - gl_DepthRange.near);\n float shadowContrib;\n shadowContribs[0] = 1.0;\n for (int _idx_ = 0; _idx_ < SHADOW_CASCADE; _idx_++) {{\n if (\n depth >= shadowCascadeClipsNear[_idx_] &&\n depth <= shadowCascadeClipsFar[_idx_]\n ) {\n shadowContrib = computeShadowContrib(\n directionalLightShadowMaps[0], directionalLightMatrices[_idx_], position,\n directionalLightShadowMapSizes[0],\n vec2(1.0 / float(SHADOW_CASCADE), 1.0),\n vec2(float(_idx_) / float(SHADOW_CASCADE), 0.0)\n );\n shadowContribs[0] = shadowContrib;\n }\n }}\n for(int _idx_ = DIRECTIONAL_LIGHT_SHADOWMAP_COUNT; _idx_ < DIRECTIONAL_LIGHT_COUNT; _idx_++) {{\n shadowContribs[_idx_] = 1.0;\n }}\n}\n#else\nvoid computeShadowOfDirectionalLights(vec3 position, inout float shadowContribs[DIRECTIONAL_LIGHT_COUNT]){\n float shadowContrib;\n for(int _idx_ = 0; _idx_ < DIRECTIONAL_LIGHT_SHADOWMAP_COUNT; _idx_++) {{\n shadowContrib = computeShadowContrib(\n directionalLightShadowMaps[_idx_], directionalLightMatrices[_idx_], position,\n directionalLightShadowMapSizes[_idx_]\n );\n shadowContribs[_idx_] = shadowContrib;\n }}\n for(int _idx_ = DIRECTIONAL_LIGHT_SHADOWMAP_COUNT; _idx_ < DIRECTIONAL_LIGHT_COUNT; _idx_++) {{\n shadowContribs[_idx_] = 1.0;\n }}\n}\n#endif\n#endif\n#if defined(POINT_LIGHT_SHADOWMAP_COUNT)\nvoid computeShadowOfPointLights(vec3 position, inout float shadowContribs[POINT_LIGHT_COUNT] ){\n vec3 lightPosition;\n vec3 direction;\n for(int _idx_ = 0; _idx_ < POINT_LIGHT_SHADOWMAP_COUNT; _idx_++) {{\n lightPosition = pointLightPosition[_idx_];\n direction = position - lightPosition;\n shadowContribs[_idx_] = computeShadowContribOmni(pointLightShadowMaps[_idx_], direction, pointLightRange[_idx_]);\n }}\n for(int _idx_ = POINT_LIGHT_SHADOWMAP_COUNT; _idx_ < POINT_LIGHT_COUNT; _idx_++) {{\n shadowContribs[_idx_] = 1.0;\n }}\n}\n#endif\n#endif\n@end");var Ns,Is,Rs,Bs,Fs,zs,Gs,Us=m.extend((function(){return{softShadow:Us.PCF,shadowBlur:1,lightFrustumBias:"auto",kernelPCF:new Float32Array([1,0,1,1,-1,1,0,1,-1,0,-1,-1,1,-1,0,-1]),precision:"highp",_lastRenderNotCastShadow:!1,_frameBuffer:new zi,_textures:{},_shadowMapNumber:{POINT_LIGHT:0,DIRECTIONAL_LIGHT:0,SPOT_LIGHT:0},_depthMaterials:{},_distanceMaterials:{},_receivers:[],_lightsCastShadow:[],_lightCameras:{},_lightMaterials:{},_texturePool:new Ds}}),(function(){this._gaussianPassH=new pn({fragment:Xe.source("clay.compositor.gaussian_blur")}),this._gaussianPassV=new pn({fragment:Xe.source("clay.compositor.gaussian_blur")}),this._gaussianPassH.setUniform("blurSize",this.shadowBlur),this._gaussianPassH.setUniform("blurDir",0),this._gaussianPassV.setUniform("blurSize",this.shadowBlur),this._gaussianPassV.setUniform("blurDir",1),this._outputDepthPass=new pn({fragment:Xe.source("clay.sm.debug_depth")})}),{render:function(e,t,r,i){r||(r=t.getMainCamera()),this.trigger("beforerender",this,e,t,r),this._renderShadowPass(e,t,r,i),this.trigger("afterrender",this,e,t,r)},renderDebug:function(e,t){e.saveClear();var r=e.viewport,i=0,n=t||r.width/4,a=n;for(var o in this.softShadow===Us.VSM?this._outputDepthPass.material.define("fragment","USE_VSM"):this._outputDepthPass.material.undefine("fragment","USE_VSM"),this._textures){var s=this._textures[o];e.setViewport(i,0,n*s.width/s.height,a),this._outputDepthPass.setUniform("depthMap",s),this._outputDepthPass.render(e),i+=n*s.width/s.height}e.setViewport(r),e.restoreClear()},_updateReceivers:function(e,t){if(t.receiveShadow?(this._receivers.push(t),t.material.set("shadowEnabled",1),t.material.set("pcfKernel",this.kernelPCF)):t.material.set("shadowEnabled",0),this.softShadow===Us.VSM)t.material.define("fragment","USE_VSM"),t.material.undefine("fragment","PCF_KERNEL_SIZE");else{t.material.undefine("fragment","USE_VSM");var r=this.kernelPCF;r&&r.length?t.material.define("fragment","PCF_KERNEL_SIZE",r.length/2):t.material.undefine("fragment","PCF_KERNEL_SIZE")}},_update:function(e,t){var r=this;t.traverse((function(t){t.isRenderable()&&r._updateReceivers(e,t)}));for(var i=0;i<t.lights.length;i++){var n=t.lights[i];n.castShadow&&!n.invisible&&this._lightsCastShadow.push(n)}},_renderShadowPass:function(e,t,r,i){for(var n in this._shadowMapNumber)this._shadowMapNumber[n]=0;this._lightsCastShadow.length=0,this._receivers.length=0;var a=e.gl;if(i||t.update(),r&&r.update(),t.updateLights(),this._update(e,t),this._lightsCastShadow.length||!this._lastRenderNotCastShadow){this._lastRenderNotCastShadow=0===this._lightsCastShadow,a.enable(a.DEPTH_TEST),a.depthMask(!0),a.disable(a.BLEND),a.clearColor(1,1,1,1);for(var o,s=[],l=[],h=[],u=[],c=[],d=[],f=0;f<this._lightsCastShadow.length;f++){var p=this._lightsCastShadow[f];if("DIRECTIONAL_LIGHT"===p.type){if(o){console.warn("Only one direectional light supported with shadow cascade");continue}if(p.shadowCascade>4){console.warn("Support at most 4 cascade");continue}p.shadowCascade>1&&(o=p),this.renderDirectionalLightShadow(e,t,r,p,c,u,h)}else"SPOT_LIGHT"===p.type?this.renderSpotLightShadow(e,t,p,l,s):"POINT_LIGHT"===p.type&&this.renderPointLightShadow(e,t,p,d);this._shadowMapNumber[p.type]++}for(var m in this._shadowMapNumber){var g=this._shadowMapNumber[m],_=m+"_SHADOWMAP_COUNT";for(f=0;f<this._receivers.length;f++)(v=this._receivers[f].material).fragmentDefines[_]!==g&&(g>0?v.define("fragment",_,g):v.isDefined("fragment",_)&&v.undefine("fragment",_))}for(f=0;f<this._receivers.length;f++){var v=this._receivers[f].material;o?v.define("fragment","SHADOW_CASCADE",o.shadowCascade):v.undefine("fragment","SHADOW_CASCADE")}var y=t.shadowUniforms;if(h.length>0){var x=h.map(S);if(y.directionalLightShadowMaps={value:h,type:"tv"},y.directionalLightMatrices={value:u,type:"m4v"},y.directionalLightShadowMapSizes={value:x,type:"1fv"},o){var b=c.slice(),w=c.slice();b.pop(),w.shift(),b.reverse(),w.reverse(),u.reverse(),y.shadowCascadeClipsNear={value:b,type:"1fv"},y.shadowCascadeClipsFar={value:w,type:"1fv"}}}if(s.length>0){var T=s.map(S);(y=t.shadowUniforms).spotLightShadowMaps={value:s,type:"tv"},y.spotLightMatrices={value:l,type:"m4v"},y.spotLightShadowMapSizes={value:T,type:"1fv"}}d.length>0&&(y.pointLightShadowMaps={value:d,type:"tv"})}function S(e){return e.height}},renderDirectionalLightShadow:(Ns=new si,Is=new Ht,Rs=new ir,Bs=new Ht,Fs=new Ht,zs=new Ht,Gs=new Ht,function(e,t,r,i,n,a,o){var s=this._getDepthMaterial(i),l={getMaterial:function(e){return e.shadowDepthMaterial||s},isMaterialChanged:Os,getUniform:Ps,ifRender:function(e){return e.castShadow},sortCompare:ut.opaqueSortCompare};if(!t.viewBoundingBoxLastFrame.isFinite()){var h=t.getBoundingBox();t.viewBoundingBoxLastFrame.copy(h).applyTransform(r.viewMatrix)}var u=Math.min(-t.viewBoundingBoxLastFrame.min.z,r.far),c=Math.max(-t.viewBoundingBoxLastFrame.max.z,r.near),d=this._getDirectionalLightCamera(i,t,r),f=zs.array;Gs.copy(d.projectionMatrix),Ye.invert(Fs.array,d.worldTransform.array),Ye.multiply(Fs.array,Fs.array,r.worldTransform.array),Ye.multiply(f,Gs.array,Fs.array);for(var p=[],m=r instanceof Ei,g=(r.near+r.far)/(r.near-r.far),_=2*r.near*r.far/(r.near-r.far),v=0;v<=i.shadowCascade;v++){var y=c*Math.pow(u/c,v/i.shadowCascade),x=c+(u-c)*v/i.shadowCascade,b=y*i.cascadeSplitLogFactor+x*(1-i.cascadeSplitLogFactor);p.push(b),n.push(-(-b*g+_)/-b)}var w=this._getTexture(i,i.shadowCascade);o.push(w);var T=e.viewport,S=e.gl;for(this._frameBuffer.attach(w),this._frameBuffer.bind(e),S.clear(S.COLOR_BUFFER_BIT|S.DEPTH_BUFFER_BIT),v=0;v<i.shadowCascade;v++){var M=p[v],A=p[v+1];m?Ye.perspective(Is.array,r.fov/180*Math.PI,r.aspect,M,A):Ye.ortho(Is.array,r.left,r.right,r.bottom,r.top,M,A),Ns.setFromProjection(Is),Ns.getTransformedBoundingBox(Rs,Fs),Rs.applyProjection(Gs);var E=Rs.min.array,C=Rs.max.array;E[0]=Math.max(E[0],-1),E[1]=Math.max(E[1],-1),C[0]=Math.min(C[0],1),C[1]=Math.min(C[1],1),Bs.ortho(E[0],C[0],E[1],C[1],1,-1),d.projectionMatrix.multiplyLeft(Bs);var D=i.shadowResolution||512;e.setViewport((i.shadowCascade-v-1)*D,0,D,D,1);var L=t.updateRenderList(d);e.renderPass(L.opaque,d,l),this.softShadow===Us.VSM&&this._gaussianFilter(e,w,w.width);var P=new Ht;P.copy(d.viewMatrix).multiplyLeft(d.projectionMatrix),a.push(P.array),d.projectionMatrix.copy(Gs)}this._frameBuffer.unbind(e),e.setViewport(T)}),renderSpotLightShadow:function(e,t,r,i,n){var a=this._getTexture(r),o=this._getSpotLightCamera(r),s=e.gl;this._frameBuffer.attach(a),this._frameBuffer.bind(e),s.clear(s.COLOR_BUFFER_BIT|s.DEPTH_BUFFER_BIT);var l=this._getDepthMaterial(r),h={getMaterial:function(e){return e.shadowDepthMaterial||l},isMaterialChanged:Os,getUniform:Ps,ifRender:function(e){return e.castShadow},sortCompare:ut.opaqueSortCompare},u=t.updateRenderList(o);e.renderPass(u.opaque,o,h),this._frameBuffer.unbind(e),this.softShadow===Us.VSM&&this._gaussianFilter(e,a,a.width);var c=new Ht;c.copy(o.worldTransform).invert().multiplyLeft(o.projectionMatrix),n.push(a),i.push(c.array)},renderPointLightShadow:function(e,t,r,i){var n=this._getTexture(r),a=e.gl;i.push(n);var o=this._getDepthMaterial(r),s={getMaterial:function(e){return e.shadowDepthMaterial||o},getUniform:Ps,sortCompare:ut.opaqueSortCompare},l={px:[],py:[],pz:[],nx:[],ny:[],nz:[]},h=new ir,u=r.getWorldPosition().array,c=new ir,d=r.range;c.min.setArray(u),c.max.setArray(u);var f=new vt(d,d,d);c.max.add(f),c.min.sub(f);var p={px:!1,py:!1,pz:!1,nx:!1,ny:!1,nz:!1};t.traverse((function(e){if(e.isRenderable()&&e.castShadow){var t=e.geometry;if(!t.boundingBox){for(var r=0;r<Ls.length;r++)l[Ls[r]].push(e);return}if(h.transformFrom(t.boundingBox,e.worldTransform),!h.intersectBoundingBox(c))return;for(h.updateVertices(),r=0;r<Ls.length;r++)p[Ls[r]]=!1;for(r=0;r<8;r++){var i=h.vertices[r],n=i[0]-u[0],a=i[1]-u[1],o=i[2]-u[2],s=Math.abs(n),d=Math.abs(a),f=Math.abs(o);s>d?s>f?p[n>0?"px":"nx"]=!0:p[o>0?"pz":"nz"]=!0:d>f?p[a>0?"py":"ny"]=!0:p[o>0?"pz":"nz"]=!0}for(r=0;r<Ls.length;r++)p[Ls[r]]&&l[Ls[r]].push(e)}}));for(var m=0;m<6;m++){var g=Ls[m],_=this._getPointLightCamera(r,g);this._frameBuffer.attach(n,a.COLOR_ATTACHMENT0,a.TEXTURE_CUBE_MAP_POSITIVE_X+m),this._frameBuffer.bind(e),a.clear(a.COLOR_BUFFER_BIT|a.DEPTH_BUFFER_BIT),e.renderPass(l[g],_,s)}this._frameBuffer.unbind(e)},_getDepthMaterial:function(e){var t=this._lightMaterials[e.__uid__],r="POINT_LIGHT"===e.type;if(!t){var i=r?"clay.sm.distance.":"clay.sm.depth.";t=new le({precision:this.precision,shader:new Xe(Xe.source(i+"vertex"),Xe.source(i+"fragment"))}),this._lightMaterials[e.__uid__]=t}return null!=e.shadowSlopeScale&&t.setUniform("slopeScale",e.shadowSlopeScale),null!=e.shadowBias&&t.setUniform("bias",e.shadowBias),this.softShadow===Us.VSM?t.define("fragment","USE_VSM"):t.undefine("fragment","USE_VSM"),r&&(t.set("lightPosition",e.getWorldPosition().array),t.set("range",e.range)),t},_gaussianFilter:function(e,t,r){var i={width:r,height:r,type:wr.FLOAT},n=this._texturePool.get(i);this._frameBuffer.attach(n),this._frameBuffer.bind(e),this._gaussianPassH.setUniform("texture",t),this._gaussianPassH.setUniform("textureWidth",r),this._gaussianPassH.render(e),this._frameBuffer.attach(t),this._gaussianPassV.setUniform("texture",n),this._gaussianPassV.setUniform("textureHeight",r),this._gaussianPassV.render(e),this._frameBuffer.unbind(e),this._texturePool.put(n)},_getTexture:function(e,t){var r=e.__uid__,i=this._textures[r],n=e.shadowResolution||512;return t=t||1,i||((i="POINT_LIGHT"===e.type?new Ai:new Dr).width=n*t,i.height=n,this.softShadow===Us.VSM?(i.type=wr.FLOAT,i.anisotropic=4):(i.minFilter=E,i.magFilter=E,i.useMipmap=!1),this._textures[r]=i),i},_getPointLightCamera:function(e,t){this._lightCameras.point||(this._lightCameras.point={px:new Ei,nx:new Ei,py:new Ei,ny:new Ei,pz:new Ei,nz:new Ei});var r=this._lightCameras.point[t];switch(r.far=e.range,r.fov=90,r.position.set(0,0,0),t){case"px":r.lookAt(vt.POSITIVE_X,vt.NEGATIVE_Y);break;case"nx":r.lookAt(vt.NEGATIVE_X,vt.NEGATIVE_Y);break;case"py":r.lookAt(vt.POSITIVE_Y,vt.POSITIVE_Z);break;case"ny":r.lookAt(vt.NEGATIVE_Y,vt.NEGATIVE_Z);break;case"pz":r.lookAt(vt.POSITIVE_Z,vt.NEGATIVE_Y);break;case"nz":r.lookAt(vt.NEGATIVE_Z,vt.NEGATIVE_Y)}return e.getWorldPosition(r.position),r.update(),r},_getDirectionalLightCamera:function(){var e=new Ht,t=new ir,r=new ir;return function(i,n,a){this._lightCameras.directional||(this._lightCameras.directional=new un);var o=this._lightCameras.directional;t.copy(n.viewBoundingBoxLastFrame),t.intersection(a.frustum.boundingBox),o.position.copy(t.min).add(t.max).scale(.5).transformMat4(a.worldTransform),o.rotation.copy(i.rotation),o.scale.copy(i.scale),o.updateWorldTransform(),Ht.invert(e,o.worldTransform),Ht.multiply(e,e,a.worldTransform),r.copy(t).applyTransform(e);var s=r.min.array,l=r.max.array;return o.position.set((s[0]+l[0])/2,(s[1]+l[1])/2,l[2]).transformMat4(o.worldTransform),o.near=0,o.far=-s[2]+l[2],isNaN(this.lightFrustumBias)?o.far*=4:o.far+=this.lightFrustumBias,o.left=s[0],o.right=l[0],o.top=l[1],o.bottom=s[1],o.update(!0),o}}(),_getSpotLightCamera:function(e){this._lightCameras.spot||(this._lightCameras.spot=new Ei);var t=this._lightCameras.spot;return t.fov=2*e.penumbraAngle,t.far=e.range,t.worldTransform.copy(e.worldTransform),t.updateProjectionMatrix(),Ye.invert(t.viewMatrix.array,t.worldTransform.array),t},dispose:function(e){var t=e.gl||e;for(var r in this._frameBuffer&&this._frameBuffer.dispose(t),this._textures)this._textures[r].dispose(t);this._texturePool.clear(e.gl),this._depthMaterials={},this._distanceMaterials={},this._textures={},this._lightCameras={},this._shadowMapNumber={POINT_LIGHT:0,DIRECTIONAL_LIGHT:0,SPOT_LIGHT:0},this._meshMaterials={};for(var i=0;i<this._receivers.length;i++){var n=this._receivers[i];if(n.material){var a=n.material;a.undefine("fragment","POINT_LIGHT_SHADOW_COUNT"),a.undefine("fragment","DIRECTIONAL_LIGHT_SHADOW_COUNT"),a.undefine("fragment","AMBIENT_LIGHT_SHADOW_COUNT"),a.set("shadowEnabled",0)}}this._receivers=[],this._lightsCastShadow=[]}});Us.VSM=1,Us.PCF=2;const ks=Us,Vs=m.extend((function(){return{name:"",inputLinks:{},outputLinks:{},_prevOutputTextures:{},_outputTextures:{},_outputReferences:{},_rendering:!1,_rendered:!1,_compositor:null}}),{updateParameter:function(e,t){var r,i,n=this.outputs[e],a=n.parameters,o=n._parametersCopy;if(o||(o=n._parametersCopy={}),a)for(var s in a)"width"!==s&&"height"!==s&&(o[s]=a[s]);return r=a.width instanceof Function?a.width.call(this,t):a.width,i=a.height instanceof Function?a.height.call(this,t):a.height,o.width===r&&o.height===i||this._outputTextures[e]&&this._outputTextures[e].dispose(t.gl),o.width=r,o.height=i,o},setParameter:function(e,t){},getParameter:function(e){},setParameters:function(e){for(var t in e)this.setParameter(t,e[t])},render:function(){},getOutput:function(e,t){if(null==t)return t=e,this._outputTextures[t];var r=this.outputs[t];return r?this._rendered?r.outputLastFrame?this._prevOutputTextures[t]:this._outputTextures[t]:this._rendering?(this._prevOutputTextures[t]||(this._prevOutputTextures[t]=this._compositor.allocateTexture(r.parameters||{})),this._prevOutputTextures[t]):(this.render(e),this._outputTextures[t]):void 0},removeReference:function(e){this._outputReferences[e]--,0===this._outputReferences[e]&&(this.outputs[e].keepLastFrame?(this._prevOutputTextures[e]&&this._compositor.releaseTexture(this._prevOutputTextures[e]),this._prevOutputTextures[e]=this._outputTextures[e]):this._compositor.releaseTexture(this._outputTextures[e]))},link:function(e,t,r){this.inputLinks[e]={node:t,pin:r},t.outputLinks[r]||(t.outputLinks[r]=[]),t.outputLinks[r].push({node:this,pin:e}),this.pass.material.enableTexture(e)},clear:function(){this.inputLinks={},this.outputLinks={}},updateReference:function(e){if(!this._rendering){for(var t in this._rendering=!0,this.inputLinks){var r=this.inputLinks[t];r.node.updateReference(r.pin)}this._rendering=!1}e&&this._outputReferences[e]++},beforeFrame:function(){for(var e in this._rendered=!1,this.outputLinks)this._outputReferences[e]=0},afterFrame:function(){for(var e in this.outputLinks)this._outputReferences[e]>0&&(this.outputs[e].keepLastFrame?(this._prevOutputTextures[e]&&this._compositor.releaseTexture(this._prevOutputTextures[e]),this._prevOutputTextures[e]=this._outputTextures[e]):this._compositor.releaseTexture(this._outputTextures[e]))}}),Hs=m.extend((function(){return{nodes:[]}}),{dirty:function(){this._dirty=!0},addNode:function(e){this.nodes.indexOf(e)>=0||(this.nodes.push(e),this._dirty=!0)},removeNode:function(e){"string"==typeof e&&(e=this.getNodeByName(e));var t=this.nodes.indexOf(e);t>=0&&(this.nodes.splice(t,1),this._dirty=!0)},getNodeByName:function(e){for(var t=0;t<this.nodes.length;t++)if(this.nodes[t].name===e)return this.nodes[t]},update:function(){for(var e=0;e<this.nodes.length;e++)this.nodes[e].clear();for(e=0;e<this.nodes.length;e++){var t=this.nodes[e];if(t.inputs)for(var r in t.inputs)if(t.inputs[r])if(!t.pass||t.pass.material.isUniformEnabled(r)){var i=t.inputs[r],n=this.findPin(i);n?t.link(r,n.node,n.pin):"string"==typeof i?console.warn("Node "+i+" not exist"):console.warn("Pin of "+i.node+"."+i.pin+" not exist")}else console.warn("Pin "+t.name+"."+r+" not used.")}},findPin:function(e){var t;if(("string"==typeof e||e instanceof Vs)&&(e={node:e}),"string"==typeof e.node)for(var r=0;r<this.nodes.length;r++){var i=this.nodes[r];i.name===e.node&&(t=i)}else t=e.node;if(t){var n=e.pin;if(n||t.outputs&&(n=Object.keys(t.outputs)[0]),t.outputs[n])return{node:t,pin:n}}}}),Ws=Hs.extend((function(){return{_outputs:[],_texturePool:new Ds,_frameBuffer:new zi({depthBuffer:!1})}}),{addNode:function(e){Hs.prototype.addNode.call(this,e),e._compositor=this},render:function(e,t){if(this._dirty){this.update(),this._dirty=!1,this._outputs.length=0;for(var r=0;r<this.nodes.length;r++)this.nodes[r].outputs||this._outputs.push(this.nodes[r])}for(r=0;r<this.nodes.length;r++)this.nodes[r].beforeFrame();for(r=0;r<this._outputs.length;r++)this._outputs[r].updateReference();for(r=0;r<this._outputs.length;r++)this._outputs[r].render(e,t);for(r=0;r<this.nodes.length;r++)this.nodes[r].afterFrame()},allocateTexture:function(e){return this._texturePool.get(e)},releaseTexture:function(e){this._texturePool.put(e)},getFrameBuffer:function(){return this._frameBuffer},dispose:function(e){this._texturePool.clear(e)}}),js=Vs.extend({name:"scene",scene:null,camera:null,autoUpdateScene:!0,preZ:!1},(function(){this.frameBuffer=new zi}),{render:function(e){this._rendering=!0;var t,r=e.gl;if(this.trigger("beforerender"),this.outputs){var i=this.frameBuffer;for(var n in this.outputs){var a=this.updateParameter(n,e),o=this.outputs[n],s=this._compositor.allocateTexture(a);this._outputTextures[n]=s,"string"==typeof(u=o.attachment||r.COLOR_ATTACHMENT0)&&(u=r[u]),i.attach(s,u)}i.bind(e);var l=e.getGLExtension("EXT_draw_buffers");if(l){var h=[];for(var u in this.outputs)(u=parseInt(u))>=r.COLOR_ATTACHMENT0&&u<=r.COLOR_ATTACHMENT0+8&&h.push(u);l.drawBuffersEXT(h)}e.saveClear(),e.clearBit=16640,t=e.render(this.scene,this.camera,!this.autoUpdateScene,this.preZ),e.restoreClear(),i.unbind(e)}else t=e.render(this.scene,this.camera,!this.autoUpdateScene,this.preZ);this.trigger("afterrender",t),this._rendering=!1,this._rendered=!0}}),Xs=Vs.extend((function(){return{texture:null,outputs:{color:{}}}}),(function(){}),{getOutput:function(e,t){return this.texture},beforeFrame:function(){},afterFrame:function(){}}),qs=Vs.extend((function(){return{name:"",inputs:{},outputs:null,shader:"",inputLinks:{},outputLinks:{},pass:null,_prevOutputTextures:{},_outputTextures:{},_outputReferences:{},_rendering:!1,_rendered:!1,_compositor:null}}),(function(){var e=new pn({fragment:this.shader});this.pass=e}),{render:function(e,t){this.trigger("beforerender",e),this._rendering=!0;var r=e.gl;for(var i in this.inputLinks){var n=(c=this.inputLinks[i]).node.getOutput(e,c.pin);this.pass.setUniform(i,n)}if(this.outputs){this.pass.outputs={};var a={};for(var o in this.outputs){var s=this.updateParameter(o,e);isNaN(s.width)&&this.updateParameter(o,e);var l=this.outputs[o],h=this._compositor.allocateTexture(s);this._outputTextures[o]=h,"string"==typeof(u=l.attachment||r.COLOR_ATTACHMENT0)&&(u=r[u]),a[u]=h}for(var u in this._compositor.getFrameBuffer().bind(e),a)this._compositor.getFrameBuffer().attach(a[u],u);this.pass.render(e),this._compositor.getFrameBuffer().updateMipmap(e)}else this.pass.outputs=null,this._compositor.getFrameBuffer().unbind(e),this.pass.render(e,t);for(var i in this.inputLinks){var c;(c=this.inputLinks[i]).node.removeReference(c.pin)}this._rendering=!1,this._rendered=!0,this.trigger("afterrender",e)},updateParameter:function(e,t){var r,i,n=this.outputs[e],a=n.parameters,o=n._parametersCopy;if(o||(o=n._parametersCopy={}),a)for(var s in a)"width"!==s&&"height"!==s&&(o[s]=a[s]);return r="function"==typeof a.width?a.width.call(this,t):a.width,i="function"==typeof a.height?a.height.call(this,t):a.height,r=Math.ceil(r),i=Math.ceil(i),o.width===r&&o.height===i||this._outputTextures[e]&&this._outputTextures[e].dispose(t),o.width=r,o.height=i,o},setParameter:function(e,t){this.pass.setUniform(e,t)},getParameter:function(e){return this.pass.getUniform(e)},setParameters:function(e){for(var t in e)this.setParameter(t,e[t])},define:function(e,t){this.pass.material.define("fragment",e,t)},undefine:function(e){this.pass.material.undefine("fragment",e)},removeReference:function(e){this._outputReferences[e]--,0===this._outputReferences[e]&&(this.outputs[e].keepLastFrame?(this._prevOutputTextures[e]&&this._compositor.releaseTexture(this._prevOutputTextures[e]),this._prevOutputTextures[e]=this._outputTextures[e]):this._compositor.releaseTexture(this._outputTextures[e]))},clear:function(){Vs.prototype.clear.call(this),this.pass.material.disableTexturesAll()}}),Zs="@export clay.compositor.kernel.gaussian_9\nfloat gaussianKernel[9];\ngaussianKernel[0] = 0.07;\ngaussianKernel[1] = 0.09;\ngaussianKernel[2] = 0.12;\ngaussianKernel[3] = 0.14;\ngaussianKernel[4] = 0.16;\ngaussianKernel[5] = 0.14;\ngaussianKernel[6] = 0.12;\ngaussianKernel[7] = 0.09;\ngaussianKernel[8] = 0.07;\n@end\n@export clay.compositor.kernel.gaussian_13\nfloat gaussianKernel[13];\ngaussianKernel[0] = 0.02;\ngaussianKernel[1] = 0.03;\ngaussianKernel[2] = 0.06;\ngaussianKernel[3] = 0.08;\ngaussianKernel[4] = 0.11;\ngaussianKernel[5] = 0.13;\ngaussianKernel[6] = 0.14;\ngaussianKernel[7] = 0.13;\ngaussianKernel[8] = 0.11;\ngaussianKernel[9] = 0.08;\ngaussianKernel[10] = 0.06;\ngaussianKernel[11] = 0.03;\ngaussianKernel[12] = 0.02;\n@end\n@export clay.compositor.gaussian_blur\n#define SHADER_NAME gaussian_blur\nuniform sampler2D texture;varying vec2 v_Texcoord;\nuniform float blurSize : 2.0;\nuniform vec2 textureSize : [512.0, 512.0];\nuniform float blurDir : 0.0;\n@import clay.util.rgbm\n@import clay.util.clamp_sample\nvoid main (void)\n{\n @import clay.compositor.kernel.gaussian_9\n vec2 off = blurSize / textureSize;\n off *= vec2(1.0 - blurDir, blurDir);\n vec4 sum = vec4(0.0);\n float weightAll = 0.0;\n for (int i = 0; i < 9; i++) {\n float w = gaussianKernel[i];\n vec4 texel = decodeHDR(clampSample(texture, v_Texcoord + float(i - 4) * off));\n sum += texel * w;\n weightAll += w;\n }\n gl_FragColor = encodeHDR(sum / max(weightAll, 0.01));\n}\n@end\n",Ys="\n@export clay.compositor.lut\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform sampler2D lookup;\nvoid main()\n{\n vec4 tex = texture2D(texture, v_Texcoord);\n float blueColor = tex.b * 63.0;\n vec2 quad1;\n quad1.y = floor(floor(blueColor) / 8.0);\n quad1.x = floor(blueColor) - (quad1.y * 8.0);\n vec2 quad2;\n quad2.y = floor(ceil(blueColor) / 8.0);\n quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n vec2 texPos1;\n texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * tex.r);\n texPos1.y = (quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * tex.g);\n vec2 texPos2;\n texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * tex.r);\n texPos2.y = (quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * tex.g);\n vec4 newColor1 = texture2D(lookup, texPos1);\n vec4 newColor2 = texture2D(lookup, texPos2);\n vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n gl_FragColor = vec4(newColor.rgb, tex.w);\n}\n@end",Ks="@export clay.compositor.output\n#define OUTPUT_ALPHA\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\n@import clay.util.rgbm\nvoid main()\n{\n vec4 tex = decodeHDR(texture2D(texture, v_Texcoord));\n gl_FragColor.rgb = tex.rgb;\n#ifdef OUTPUT_ALPHA\n gl_FragColor.a = tex.a;\n#else\n gl_FragColor.a = 1.0;\n#endif\n gl_FragColor = encodeHDR(gl_FragColor);\n#ifdef PREMULTIPLY_ALPHA\n gl_FragColor.rgb *= gl_FragColor.a;\n#endif\n}\n@end",Qs="@export clay.compositor.bright\nuniform sampler2D texture;\nuniform float threshold : 1;\nuniform float scale : 1.0;\nuniform vec2 textureSize: [512, 512];\nvarying vec2 v_Texcoord;\nconst vec3 lumWeight = vec3(0.2125, 0.7154, 0.0721);\n@import clay.util.rgbm\nvec4 median(vec4 a, vec4 b, vec4 c)\n{\n return a + b + c - min(min(a, b), c) - max(max(a, b), c);\n}\nvoid main()\n{\n vec4 texel = decodeHDR(texture2D(texture, v_Texcoord));\n#ifdef ANTI_FLICKER\n vec3 d = 1.0 / textureSize.xyx * vec3(1.0, 1.0, 0.0);\n vec4 s1 = decodeHDR(texture2D(texture, v_Texcoord - d.xz));\n vec4 s2 = decodeHDR(texture2D(texture, v_Texcoord + d.xz));\n vec4 s3 = decodeHDR(texture2D(texture, v_Texcoord - d.zy));\n vec4 s4 = decodeHDR(texture2D(texture, v_Texcoord + d.zy));\n texel = median(median(texel, s1, s2), s3, s4);\n#endif\n float lum = dot(texel.rgb , lumWeight);\n vec4 color;\n if (lum > threshold && texel.a > 0.0)\n {\n color = vec4(texel.rgb * scale, texel.a * scale);\n }\n else\n {\n color = vec4(0.0);\n }\n gl_FragColor = encodeHDR(color);\n}\n@end\n",Js="@export clay.compositor.downsample\nuniform sampler2D texture;\nuniform vec2 textureSize : [512, 512];\nvarying vec2 v_Texcoord;\n@import clay.util.rgbm\nfloat brightness(vec3 c)\n{\n return max(max(c.r, c.g), c.b);\n}\n@import clay.util.clamp_sample\nvoid main()\n{\n vec4 d = vec4(-1.0, -1.0, 1.0, 1.0) / textureSize.xyxy;\n#ifdef ANTI_FLICKER\n vec3 s1 = decodeHDR(clampSample(texture, v_Texcoord + d.xy)).rgb;\n vec3 s2 = decodeHDR(clampSample(texture, v_Texcoord + d.zy)).rgb;\n vec3 s3 = decodeHDR(clampSample(texture, v_Texcoord + d.xw)).rgb;\n vec3 s4 = decodeHDR(clampSample(texture, v_Texcoord + d.zw)).rgb;\n float s1w = 1.0 / (brightness(s1) + 1.0);\n float s2w = 1.0 / (brightness(s2) + 1.0);\n float s3w = 1.0 / (brightness(s3) + 1.0);\n float s4w = 1.0 / (brightness(s4) + 1.0);\n float oneDivideSum = 1.0 / (s1w + s2w + s3w + s4w);\n vec4 color = vec4(\n (s1 * s1w + s2 * s2w + s3 * s3w + s4 * s4w) * oneDivideSum,\n 1.0\n );\n#else\n vec4 color = decodeHDR(clampSample(texture, v_Texcoord + d.xy));\n color += decodeHDR(clampSample(texture, v_Texcoord + d.zy));\n color += decodeHDR(clampSample(texture, v_Texcoord + d.xw));\n color += decodeHDR(clampSample(texture, v_Texcoord + d.zw));\n color *= 0.25;\n#endif\n gl_FragColor = encodeHDR(color);\n}\n@end",$s="\n@export clay.compositor.upsample\n#define HIGH_QUALITY\nuniform sampler2D texture;\nuniform vec2 textureSize : [512, 512];\nuniform float sampleScale: 0.5;\nvarying vec2 v_Texcoord;\n@import clay.util.rgbm\n@import clay.util.clamp_sample\nvoid main()\n{\n#ifdef HIGH_QUALITY\n vec4 d = vec4(1.0, 1.0, -1.0, 0.0) / textureSize.xyxy * sampleScale;\n vec4 s;\n s = decodeHDR(clampSample(texture, v_Texcoord - d.xy));\n s += decodeHDR(clampSample(texture, v_Texcoord - d.wy)) * 2.0;\n s += decodeHDR(clampSample(texture, v_Texcoord - d.zy));\n s += decodeHDR(clampSample(texture, v_Texcoord + d.zw)) * 2.0;\n s += decodeHDR(clampSample(texture, v_Texcoord )) * 4.0;\n s += decodeHDR(clampSample(texture, v_Texcoord + d.xw)) * 2.0;\n s += decodeHDR(clampSample(texture, v_Texcoord + d.zy));\n s += decodeHDR(clampSample(texture, v_Texcoord + d.wy)) * 2.0;\n s += decodeHDR(clampSample(texture, v_Texcoord + d.xy));\n gl_FragColor = encodeHDR(s / 16.0);\n#else\n vec4 d = vec4(-1.0, -1.0, +1.0, +1.0) / textureSize.xyxy;\n vec4 s;\n s = decodeHDR(clampSample(texture, v_Texcoord + d.xy));\n s += decodeHDR(clampSample(texture, v_Texcoord + d.zy));\n s += decodeHDR(clampSample(texture, v_Texcoord + d.xw));\n s += decodeHDR(clampSample(texture, v_Texcoord + d.zw));\n gl_FragColor = encodeHDR(s / 4.0);\n#endif\n}\n@end",el="@export clay.compositor.hdr.composite\n#define TONEMAPPING\nuniform sampler2D texture;\n#ifdef BLOOM_ENABLED\nuniform sampler2D bloom;\n#endif\n#ifdef LENSFLARE_ENABLED\nuniform sampler2D lensflare;\nuniform sampler2D lensdirt;\n#endif\n#ifdef LUM_ENABLED\nuniform sampler2D lum;\n#endif\n#ifdef LUT_ENABLED\nuniform sampler2D lut;\n#endif\n#ifdef COLOR_CORRECTION\nuniform float brightness : 0.0;\nuniform float contrast : 1.0;\nuniform float saturation : 1.0;\n#endif\n#ifdef VIGNETTE\nuniform float vignetteDarkness: 1.0;\nuniform float vignetteOffset: 1.0;\n#endif\nuniform float exposure : 1.0;\nuniform float bloomIntensity : 0.25;\nuniform float lensflareIntensity : 1;\nvarying vec2 v_Texcoord;\n@import clay.util.srgb\nvec3 ACESToneMapping(vec3 color)\n{\n const float A = 2.51;\n const float B = 0.03;\n const float C = 2.43;\n const float D = 0.59;\n const float E = 0.14;\n return (color * (A * color + B)) / (color * (C * color + D) + E);\n}\nfloat eyeAdaption(float fLum)\n{\n return mix(0.2, fLum, 0.5);\n}\n#ifdef LUT_ENABLED\nvec3 lutTransform(vec3 color) {\n float blueColor = color.b * 63.0;\n vec2 quad1;\n quad1.y = floor(floor(blueColor) / 8.0);\n quad1.x = floor(blueColor) - (quad1.y * 8.0);\n vec2 quad2;\n quad2.y = floor(ceil(blueColor) / 8.0);\n quad2.x = ceil(blueColor) - (quad2.y * 8.0);\n vec2 texPos1;\n texPos1.x = (quad1.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * color.r);\n texPos1.y = (quad1.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * color.g);\n vec2 texPos2;\n texPos2.x = (quad2.x * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * color.r);\n texPos2.y = (quad2.y * 0.125) + 0.5/512.0 + ((0.125 - 1.0/512.0) * color.g);\n vec4 newColor1 = texture2D(lut, texPos1);\n vec4 newColor2 = texture2D(lut, texPos2);\n vec4 newColor = mix(newColor1, newColor2, fract(blueColor));\n return newColor.rgb;\n}\n#endif\n@import clay.util.rgbm\nvoid main()\n{\n vec4 texel = vec4(0.0);\n vec4 originalTexel = vec4(0.0);\n#ifdef TEXTURE_ENABLED\n texel = decodeHDR(texture2D(texture, v_Texcoord));\n originalTexel = texel;\n#endif\n#ifdef BLOOM_ENABLED\n vec4 bloomTexel = decodeHDR(texture2D(bloom, v_Texcoord));\n texel.rgb += bloomTexel.rgb * bloomIntensity;\n texel.a += bloomTexel.a * bloomIntensity;\n#endif\n#ifdef LENSFLARE_ENABLED\n texel += decodeHDR(texture2D(lensflare, v_Texcoord)) * texture2D(lensdirt, v_Texcoord) * lensflareIntensity;\n#endif\n texel.a = min(texel.a, 1.0);\n#ifdef LUM_ENABLED\n float fLum = texture2D(lum, vec2(0.5, 0.5)).r;\n float adaptedLumDest = 3.0 / (max(0.1, 1.0 + 10.0*eyeAdaption(fLum)));\n float exposureBias = adaptedLumDest * exposure;\n#else\n float exposureBias = exposure;\n#endif\n#ifdef TONEMAPPING\n texel.rgb *= exposureBias;\n texel.rgb = ACESToneMapping(texel.rgb);\n#endif\n texel = linearTosRGB(texel);\n#ifdef LUT_ENABLED\n texel.rgb = lutTransform(clamp(texel.rgb,vec3(0.0),vec3(1.0)));\n#endif\n#ifdef COLOR_CORRECTION\n texel.rgb = clamp(texel.rgb + vec3(brightness), 0.0, 1.0);\n texel.rgb = clamp((texel.rgb - vec3(0.5))*contrast+vec3(0.5), 0.0, 1.0);\n float lum = dot(texel.rgb, vec3(0.2125, 0.7154, 0.0721));\n texel.rgb = mix(vec3(lum), texel.rgb, saturation);\n#endif\n#ifdef VIGNETTE\n vec2 uv = (v_Texcoord - vec2(0.5)) * vec2(vignetteOffset);\n texel.rgb = mix(texel.rgb, vec3(1.0 - vignetteDarkness), dot(uv, uv));\n#endif\n gl_FragColor = encodeHDR(texel);\n#ifdef DEBUG\n #if DEBUG == 1\n gl_FragColor = encodeHDR(decodeHDR(texture2D(texture, v_Texcoord)));\n #elif DEBUG == 2\n gl_FragColor = encodeHDR(decodeHDR(texture2D(bloom, v_Texcoord)) * bloomIntensity);\n #elif DEBUG == 3\n gl_FragColor = encodeHDR(decodeHDR(texture2D(lensflare, v_Texcoord) * lensflareIntensity));\n #endif\n#endif\n if (originalTexel.a <= 0.01 && gl_FragColor.a > 1e-5) {\n gl_FragColor.a = dot(gl_FragColor.rgb, vec3(0.2125, 0.7154, 0.0721));\n }\n#ifdef PREMULTIPLY_ALPHA\n gl_FragColor.rgb *= gl_FragColor.a;\n#endif\n}\n@end",tl="@export clay.compositor.blend\n#define SHADER_NAME blend\n#ifdef TEXTURE1_ENABLED\nuniform sampler2D texture1;\nuniform float weight1 : 1.0;\n#endif\n#ifdef TEXTURE2_ENABLED\nuniform sampler2D texture2;\nuniform float weight2 : 1.0;\n#endif\n#ifdef TEXTURE3_ENABLED\nuniform sampler2D texture3;\nuniform float weight3 : 1.0;\n#endif\n#ifdef TEXTURE4_ENABLED\nuniform sampler2D texture4;\nuniform float weight4 : 1.0;\n#endif\n#ifdef TEXTURE5_ENABLED\nuniform sampler2D texture5;\nuniform float weight5 : 1.0;\n#endif\n#ifdef TEXTURE6_ENABLED\nuniform sampler2D texture6;\nuniform float weight6 : 1.0;\n#endif\nvarying vec2 v_Texcoord;\n@import clay.util.rgbm\nvoid main()\n{\n vec4 tex = vec4(0.0);\n#ifdef TEXTURE1_ENABLED\n tex += decodeHDR(texture2D(texture1, v_Texcoord)) * weight1;\n#endif\n#ifdef TEXTURE2_ENABLED\n tex += decodeHDR(texture2D(texture2, v_Texcoord)) * weight2;\n#endif\n#ifdef TEXTURE3_ENABLED\n tex += decodeHDR(texture2D(texture3, v_Texcoord)) * weight3;\n#endif\n#ifdef TEXTURE4_ENABLED\n tex += decodeHDR(texture2D(texture4, v_Texcoord)) * weight4;\n#endif\n#ifdef TEXTURE5_ENABLED\n tex += decodeHDR(texture2D(texture5, v_Texcoord)) * weight5;\n#endif\n#ifdef TEXTURE6_ENABLED\n tex += decodeHDR(texture2D(texture6, v_Texcoord)) * weight6;\n#endif\n gl_FragColor = encodeHDR(tex);\n}\n@end",rl="@export clay.compositor.fxaa\nuniform sampler2D texture;\nuniform vec4 viewport : VIEWPORT;\nvarying vec2 v_Texcoord;\n#define FXAA_REDUCE_MIN (1.0/128.0)\n#define FXAA_REDUCE_MUL (1.0/8.0)\n#define FXAA_SPAN_MAX 8.0\n@import clay.util.rgbm\nvoid main()\n{\n vec2 resolution = 1.0 / viewport.zw;\n vec3 rgbNW = decodeHDR( texture2D( texture, ( gl_FragCoord.xy + vec2( -1.0, -1.0 ) ) * resolution ) ).xyz;\n vec3 rgbNE = decodeHDR( texture2D( texture, ( gl_FragCoord.xy + vec2( 1.0, -1.0 ) ) * resolution ) ).xyz;\n vec3 rgbSW = decodeHDR( texture2D( texture, ( gl_FragCoord.xy + vec2( -1.0, 1.0 ) ) * resolution ) ).xyz;\n vec3 rgbSE = decodeHDR( texture2D( texture, ( gl_FragCoord.xy + vec2( 1.0, 1.0 ) ) * resolution ) ).xyz;\n vec4 rgbaM = decodeHDR( texture2D( texture, gl_FragCoord.xy * resolution ) );\n vec3 rgbM = rgbaM.xyz;\n float opacity = rgbaM.w;\n vec3 luma = vec3( 0.299, 0.587, 0.114 );\n float lumaNW = dot( rgbNW, luma );\n float lumaNE = dot( rgbNE, luma );\n float lumaSW = dot( rgbSW, luma );\n float lumaSE = dot( rgbSE, luma );\n float lumaM = dot( rgbM, luma );\n float lumaMin = min( lumaM, min( min( lumaNW, lumaNE ), min( lumaSW, lumaSE ) ) );\n float lumaMax = max( lumaM, max( max( lumaNW, lumaNE) , max( lumaSW, lumaSE ) ) );\n vec2 dir;\n dir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));\n dir.y = ((lumaNW + lumaSW) - (lumaNE + lumaSE));\n float dirReduce = max( ( lumaNW + lumaNE + lumaSW + lumaSE ) * ( 0.25 * FXAA_REDUCE_MUL ), FXAA_REDUCE_MIN );\n float rcpDirMin = 1.0 / ( min( abs( dir.x ), abs( dir.y ) ) + dirReduce );\n dir = min( vec2( FXAA_SPAN_MAX, FXAA_SPAN_MAX),\n max( vec2(-FXAA_SPAN_MAX, -FXAA_SPAN_MAX),\n dir * rcpDirMin)) * resolution;\n vec3 rgbA = decodeHDR( texture2D( texture, gl_FragCoord.xy * resolution + dir * ( 1.0 / 3.0 - 0.5 ) ) ).xyz;\n rgbA += decodeHDR( texture2D( texture, gl_FragCoord.xy * resolution + dir * ( 2.0 / 3.0 - 0.5 ) ) ).xyz;\n rgbA *= 0.5;\n vec3 rgbB = decodeHDR( texture2D( texture, gl_FragCoord.xy * resolution + dir * -0.5 ) ).xyz;\n rgbB += decodeHDR( texture2D( texture, gl_FragCoord.xy * resolution + dir * 0.5 ) ).xyz;\n rgbB *= 0.25;\n rgbB += rgbA * 0.5;\n float lumaB = dot( rgbB, luma );\n if ( ( lumaB < lumaMin ) || ( lumaB > lumaMax ) )\n {\n gl_FragColor = vec4( rgbA, opacity );\n }\n else {\n gl_FragColor = vec4( rgbB, opacity );\n }\n}\n@end";!function(e){e.import("@export clay.compositor.coloradjust\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float brightness : 0.0;\nuniform float contrast : 1.0;\nuniform float exposure : 0.0;\nuniform float gamma : 1.0;\nuniform float saturation : 1.0;\nconst vec3 w = vec3(0.2125, 0.7154, 0.0721);\nvoid main()\n{\n vec4 tex = texture2D( texture, v_Texcoord);\n vec3 color = clamp(tex.rgb + vec3(brightness), 0.0, 1.0);\n color = clamp( (color-vec3(0.5))*contrast+vec3(0.5), 0.0, 1.0);\n color = clamp( color * pow(2.0, exposure), 0.0, 1.0);\n color = clamp( pow(color, vec3(gamma)), 0.0, 1.0);\n float luminance = dot( color, w );\n color = mix(vec3(luminance), color, saturation);\n gl_FragColor = vec4(color, tex.a);\n}\n@end\n@export clay.compositor.brightness\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float brightness : 0.0;\nvoid main()\n{\n vec4 tex = texture2D( texture, v_Texcoord);\n vec3 color = tex.rgb + vec3(brightness);\n gl_FragColor = vec4(color, tex.a);\n}\n@end\n@export clay.compositor.contrast\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float contrast : 1.0;\nvoid main()\n{\n vec4 tex = texture2D( texture, v_Texcoord);\n vec3 color = (tex.rgb-vec3(0.5))*contrast+vec3(0.5);\n gl_FragColor = vec4(color, tex.a);\n}\n@end\n@export clay.compositor.exposure\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float exposure : 0.0;\nvoid main()\n{\n vec4 tex = texture2D(texture, v_Texcoord);\n vec3 color = tex.rgb * pow(2.0, exposure);\n gl_FragColor = vec4(color, tex.a);\n}\n@end\n@export clay.compositor.gamma\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float gamma : 1.0;\nvoid main()\n{\n vec4 tex = texture2D(texture, v_Texcoord);\n vec3 color = pow(tex.rgb, vec3(gamma));\n gl_FragColor = vec4(color, tex.a);\n}\n@end\n@export clay.compositor.saturation\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float saturation : 1.0;\nconst vec3 w = vec3(0.2125, 0.7154, 0.0721);\nvoid main()\n{\n vec4 tex = texture2D(texture, v_Texcoord);\n vec3 color = tex.rgb;\n float luminance = dot(color, w);\n color = mix(vec3(luminance), color, saturation);\n gl_FragColor = vec4(color, tex.a);\n}\n@end"),e.import(Zs),e.import("@export clay.compositor.hdr.log_lum\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nconst vec3 w = vec3(0.2125, 0.7154, 0.0721);\n@import clay.util.rgbm\nvoid main()\n{\n vec4 tex = decodeHDR(texture2D(texture, v_Texcoord));\n float luminance = dot(tex.rgb, w);\n luminance = log(luminance + 0.001);\n gl_FragColor = encodeHDR(vec4(vec3(luminance), 1.0));\n}\n@end\n@export clay.compositor.hdr.lum_adaption\nvarying vec2 v_Texcoord;\nuniform sampler2D adaptedLum;\nuniform sampler2D currentLum;\nuniform float frameTime : 0.02;\n@import clay.util.rgbm\nvoid main()\n{\n float fAdaptedLum = decodeHDR(texture2D(adaptedLum, vec2(0.5, 0.5))).r;\n float fCurrentLum = exp(encodeHDR(texture2D(currentLum, vec2(0.5, 0.5))).r);\n fAdaptedLum += (fCurrentLum - fAdaptedLum) * (1.0 - pow(0.98, 30.0 * frameTime));\n gl_FragColor = encodeHDR(vec4(vec3(fAdaptedLum), 1.0));\n}\n@end\n@export clay.compositor.lum\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nconst vec3 w = vec3(0.2125, 0.7154, 0.0721);\nvoid main()\n{\n vec4 tex = texture2D( texture, v_Texcoord );\n float luminance = dot(tex.rgb, w);\n gl_FragColor = vec4(vec3(luminance), 1.0);\n}\n@end"),e.import(Ys),e.import("@export clay.compositor.vignette\n#define OUTPUT_ALPHA\nvarying vec2 v_Texcoord;\nuniform sampler2D texture;\nuniform float darkness: 1;\nuniform float offset: 1;\n@import clay.util.rgbm\nvoid main()\n{\n vec4 texel = decodeHDR(texture2D(texture, v_Texcoord));\n gl_FragColor.rgb = texel.rgb;\n vec2 uv = (v_Texcoord - vec2(0.5)) * vec2(offset);\n gl_FragColor = encodeHDR(vec4(mix(texel.rgb, vec3(1.0 - darkness), dot(uv, uv)), texel.a));\n}\n@end"),e.import(Ks),e.import(Qs),e.import(Js),e.import($s),e.import(el),e.import("@export clay.compositor.lensflare\n#define SAMPLE_NUMBER 8\nuniform sampler2D texture;\nuniform sampler2D lenscolor;\nuniform vec2 textureSize : [512, 512];\nuniform float dispersal : 0.3;\nuniform float haloWidth : 0.4;\nuniform float distortion : 1.0;\nvarying vec2 v_Texcoord;\n@import clay.util.rgbm\nvec4 textureDistorted(\n in vec2 texcoord,\n in vec2 direction,\n in vec3 distortion\n) {\n return vec4(\n decodeHDR(texture2D(texture, texcoord + direction * distortion.r)).r,\n decodeHDR(texture2D(texture, texcoord + direction * distortion.g)).g,\n decodeHDR(texture2D(texture, texcoord + direction * distortion.b)).b,\n 1.0\n );\n}\nvoid main()\n{\n vec2 texcoord = -v_Texcoord + vec2(1.0); vec2 textureOffset = 1.0 / textureSize;\n vec2 ghostVec = (vec2(0.5) - texcoord) * dispersal;\n vec2 haloVec = normalize(ghostVec) * haloWidth;\n vec3 distortion = vec3(-textureOffset.x * distortion, 0.0, textureOffset.x * distortion);\n vec4 result = vec4(0.0);\n for (int i = 0; i < SAMPLE_NUMBER; i++)\n {\n vec2 offset = fract(texcoord + ghostVec * float(i));\n float weight = length(vec2(0.5) - offset) / length(vec2(0.5));\n weight = pow(1.0 - weight, 10.0);\n result += textureDistorted(offset, normalize(ghostVec), distortion) * weight;\n }\n result *= texture2D(lenscolor, vec2(length(vec2(0.5) - texcoord)) / length(vec2(0.5)));\n float weight = length(vec2(0.5) - fract(texcoord + haloVec)) / length(vec2(0.5));\n weight = pow(1.0 - weight, 10.0);\n vec2 offset = fract(texcoord + haloVec);\n result += textureDistorted(offset, normalize(ghostVec), distortion) * weight;\n gl_FragColor = result;\n}\n@end"),e.import(tl),e.import(rl)}(Xe);var il=/^#source\((.*?)\)/;function nl(e,t,r){var i,n,a,o,s=e.type||"filter";if("filter"===s){var l=e.shader.trim(),h=il.exec(l);if(h?i=Xe.source(h[1].trim()):"#"===l.charAt(0)&&(i=t.shaders[l.substr(1)]),i||(i=l),!i)return}if(e.inputs)for(var u in n={},e.inputs)"string"==typeof e.inputs[u]?n[u]=e.inputs[u]:n[u]={node:e.inputs[u].node,pin:e.inputs[u].pin};if(e.outputs)for(var u in a={},e.outputs){var c=e.outputs[u];a[u]={},null!=c.attachment&&(a[u].attachment=c.attachment),null!=c.keepLastFrame&&(a[u].keepLastFrame=c.keepLastFrame),null!=c.outputLastFrame&&(a[u].outputLastFrame=c.outputLastFrame),c.parameters&&(a[u].parameters=sl(c.parameters))}if(o="scene"===s?new js({name:e.name,scene:r.scene,camera:r.camera,outputs:a}):"texture"===s?new Xs({name:e.name,outputs:a}):new qs({name:e.name,shader:i,inputs:n,outputs:a})){if(e.parameters)for(var u in e.parameters)"string"==typeof(d=e.parameters[u])?"#"===(d=d.trim()).charAt(0)?d=t.textures[d.substr(1)]:o.on("beforerender",ll(u,hl(d))):"function"==typeof d&&o.on("beforerender",d),o.setParameter(u,d);if(e.defines&&o.pass)for(var u in e.defines){var d=e.defines[u];o.pass.material.define("fragment",u,d)}}return o}function al(e,t){return e}function ol(e,t){return t}function sl(e){var t={};if(!e)return t;["type","minFilter","magFilter","wrapS","wrapT","flipY","useMipmap"].forEach((function(r){var i=e[r];null!=i&&("string"==typeof i&&(i=wr[i]),t[r]=i)}));var r=e.scale||1;return["width","height"].forEach((function(i){if(null!=e[i]){var n=e[i];"string"==typeof n?(n=n.trim(),t[i]=(a=hl(n),o=(o=r)||1,function(e){var t=e.getDevicePixelRatio(),r=e.getWidth()*o,i=e.getHeight()*o;return a(r,i,t)})):t[i]=n}var a,o})),t.width||(t.width=al),t.height||(t.height=ol),null!=e.useMipmap&&(t.useMipmap=e.useMipmap),t}function ll(e,t){return function(r){var i=r.getDevicePixelRatio(),n=r.getWidth(),a=r.getHeight(),o=t(n,a,i);this.setParameter(e,o)}}function hl(e){var t=/^expr\((.*)\)$/.exec(e);if(t)try{var r=new Function("width","height","dpr","return "+t[1]);return r(1,1),r}catch(e){throw new Error("Invalid expression.")}}const ul=function(e,t){for(var r=0,i=1/t,n=e;n>0;)r+=i*(n%t),n=Math.floor(n/t),i/=t;return r};function cl(e){for(var t=new Uint8Array(e*e*4),r=0,i=new vt,n=0;n<e;n++)for(var a=0;a<e;a++)i.set(2*Math.random()-1,2*Math.random()-1,0).normalize(),t[r++]=255*(.5*i.x+.5),t[r++]=255*(.5*i.y+.5),t[r++]=0,t[r++]=255;return t}function dl(e){return new Dr({pixels:cl(e),wrapS:wr.REPEAT,wrapT:wr.REPEAT,width:e,height:e})}function fl(e,t,r){var i=new Float32Array(3*e);t=t||0;for(var n=0;n<e;n++){var a=ul(n+t,2)*(r?1:2)*Math.PI,o=ul(n+t,3)*Math.PI,s=Math.random(),l=Math.cos(a)*Math.sin(o)*s,h=Math.cos(o)*s,u=Math.sin(a)*Math.sin(o)*s;i[3*n]=l,i[3*n+1]=h,i[3*n+2]=u}return i}function pl(e){e=e||{},this._ssaoPass=new pn({fragment:Xe.source("ecgl.ssao.estimate")}),this._blurPass=new pn({fragment:Xe.source("ecgl.ssao.blur")}),this._framebuffer=new zi({depthBuffer:!1}),this._ssaoTexture=new Dr,this._blurTexture=new Dr,this._blurTexture2=new Dr,this._depthTex=e.depthTexture,this._normalTex=e.normalTexture,this.setNoiseSize(4),this.setKernelSize(e.kernelSize||12),null!=e.radius&&this.setParameter("radius",e.radius),null!=e.power&&this.setParameter("power",e.power),this._normalTex||(this._ssaoPass.material.disableTexture("normalTex"),this._blurPass.material.disableTexture("normalTex")),this._depthTex||this._blurPass.material.disableTexture("depthTex"),this._blurPass.material.setUniform("normalTex",this._normalTex),this._blurPass.material.setUniform("depthTex",this._depthTex)}Xe.import("@export ecgl.ssao.estimate\n\nuniform sampler2D depthTex;\n\nuniform sampler2D normalTex;\n\nuniform sampler2D noiseTex;\n\nuniform vec2 depthTexSize;\n\nuniform vec2 noiseTexSize;\n\nuniform mat4 projection;\n\nuniform mat4 projectionInv;\n\nuniform mat4 viewInverseTranspose;\n\nuniform vec3 kernel[KERNEL_SIZE];\n\nuniform float radius : 1;\n\nuniform float power : 1;\n\nuniform float bias: 1e-2;\n\nuniform float intensity: 1.0;\n\nvarying vec2 v_Texcoord;\n\nfloat ssaoEstimator(in vec3 originPos, in mat3 kernelBasis) {\n float occlusion = 0.0;\n\n for (int i = 0; i < KERNEL_SIZE; i++) {\n vec3 samplePos = kernel[i];\n#ifdef NORMALTEX_ENABLED\n samplePos = kernelBasis * samplePos;\n#endif\n samplePos = samplePos * radius + originPos;\n\n vec4 texCoord = projection * vec4(samplePos, 1.0);\n texCoord.xy /= texCoord.w;\n\n vec4 depthTexel = texture2D(depthTex, texCoord.xy * 0.5 + 0.5);\n\n float sampleDepth = depthTexel.r * 2.0 - 1.0;\n if (projection[3][3] == 0.0) {\n sampleDepth = projection[3][2] / (sampleDepth * projection[2][3] - projection[2][2]);\n }\n else {\n sampleDepth = (sampleDepth - projection[3][2]) / projection[2][2];\n }\n \n float rangeCheck = smoothstep(0.0, 1.0, radius / abs(originPos.z - sampleDepth));\n occlusion += rangeCheck * step(samplePos.z, sampleDepth - bias);\n }\n#ifdef NORMALTEX_ENABLED\n occlusion = 1.0 - occlusion / float(KERNEL_SIZE);\n#else\n occlusion = 1.0 - clamp((occlusion / float(KERNEL_SIZE) - 0.6) * 2.5, 0.0, 1.0);\n#endif\n return pow(occlusion, power);\n}\n\nvoid main()\n{\n\n vec4 depthTexel = texture2D(depthTex, v_Texcoord);\n\n#ifdef NORMALTEX_ENABLED\n vec4 tex = texture2D(normalTex, v_Texcoord);\n if (dot(tex.rgb, tex.rgb) == 0.0) {\n gl_FragColor = vec4(1.0);\n return;\n }\n vec3 N = tex.rgb * 2.0 - 1.0;\n N = (viewInverseTranspose * vec4(N, 0.0)).xyz;\n\n vec2 noiseTexCoord = depthTexSize / vec2(noiseTexSize) * v_Texcoord;\n vec3 rvec = texture2D(noiseTex, noiseTexCoord).rgb * 2.0 - 1.0;\n vec3 T = normalize(rvec - N * dot(rvec, N));\n vec3 BT = normalize(cross(N, T));\n mat3 kernelBasis = mat3(T, BT, N);\n#else\n if (depthTexel.r > 0.99999) {\n gl_FragColor = vec4(1.0);\n return;\n }\n mat3 kernelBasis;\n#endif\n\n float z = depthTexel.r * 2.0 - 1.0;\n\n vec4 projectedPos = vec4(v_Texcoord * 2.0 - 1.0, z, 1.0);\n vec4 p4 = projectionInv * projectedPos;\n\n vec3 position = p4.xyz / p4.w;\n\n float ao = ssaoEstimator(position, kernelBasis);\n ao = clamp(1.0 - (1.0 - ao) * intensity, 0.0, 1.0);\n gl_FragColor = vec4(vec3(ao), 1.0);\n}\n\n@end\n\n\n@export ecgl.ssao.blur\n#define SHADER_NAME SSAO_BLUR\n\nuniform sampler2D ssaoTexture;\n\n#ifdef NORMALTEX_ENABLED\nuniform sampler2D normalTex;\n#endif\n\nvarying vec2 v_Texcoord;\n\nuniform vec2 textureSize;\nuniform float blurSize : 1.0;\n\nuniform int direction: 0.0;\n\n#ifdef DEPTHTEX_ENABLED\nuniform sampler2D depthTex;\nuniform mat4 projection;\nuniform float depthRange : 0.5;\n\nfloat getLinearDepth(vec2 coord)\n{\n float depth = texture2D(depthTex, coord).r * 2.0 - 1.0;\n return projection[3][2] / (depth * projection[2][3] - projection[2][2]);\n}\n#endif\n\nvoid main()\n{\n float kernel[5];\n kernel[0] = 0.122581;\n kernel[1] = 0.233062;\n kernel[2] = 0.288713;\n kernel[3] = 0.233062;\n kernel[4] = 0.122581;\n\n vec2 off = vec2(0.0);\n if (direction == 0) {\n off[0] = blurSize / textureSize.x;\n }\n else {\n off[1] = blurSize / textureSize.y;\n }\n\n vec2 coord = v_Texcoord;\n\n float sum = 0.0;\n float weightAll = 0.0;\n\n#ifdef NORMALTEX_ENABLED\n vec3 centerNormal = texture2D(normalTex, v_Texcoord).rgb * 2.0 - 1.0;\n#endif\n#if defined(DEPTHTEX_ENABLED)\n float centerDepth = getLinearDepth(v_Texcoord);\n#endif\n\n for (int i = 0; i < 5; i++) {\n vec2 coord = clamp(v_Texcoord + vec2(float(i) - 2.0) * off, vec2(0.0), vec2(1.0));\n\n float w = kernel[i];\n#ifdef NORMALTEX_ENABLED\n vec3 normal = texture2D(normalTex, coord).rgb * 2.0 - 1.0;\n w *= clamp(dot(normal, centerNormal), 0.0, 1.0);\n#endif\n#ifdef DEPTHTEX_ENABLED\n float d = getLinearDepth(coord);\n w *= (1.0 - smoothstep(abs(centerDepth - d) / depthRange, 0.0, 1.0));\n#endif\n\n weightAll += w;\n sum += texture2D(ssaoTexture, coord).r * w;\n }\n\n gl_FragColor = vec4(vec3(sum / weightAll), 1.0);\n}\n\n@end\n"),pl.prototype.setDepthTexture=function(e){this._depthTex=e},pl.prototype.setNormalTexture=function(e){this._normalTex=e,this._ssaoPass.material[e?"enableTexture":"disableTexture"]("normalTex"),this.setKernelSize(this._kernelSize)},pl.prototype.update=function(e,t,r){var i=e.getWidth(),n=e.getHeight(),a=this._ssaoPass,o=this._blurPass;a.setUniform("kernel",this._kernels[r%this._kernels.length]),a.setUniform("depthTex",this._depthTex),null!=this._normalTex&&a.setUniform("normalTex",this._normalTex),a.setUniform("depthTexSize",[this._depthTex.width,this._depthTex.height]);var s=new Ht;Ht.transpose(s,t.worldTransform),a.setUniform("projection",t.projectionMatrix.array),a.setUniform("projectionInv",t.invProjectionMatrix.array),a.setUniform("viewInverseTranspose",s.array);var l=this._ssaoTexture,h=this._blurTexture,u=this._blurTexture2;l.width=i/2,l.height=n/2,h.width=i,h.height=n,u.width=i,u.height=n,this._framebuffer.attach(l),this._framebuffer.bind(e),e.gl.clearColor(1,1,1,1),e.gl.clear(e.gl.COLOR_BUFFER_BIT),a.render(e),o.setUniform("textureSize",[i/2,n/2]),o.setUniform("projection",t.projectionMatrix.array),this._framebuffer.attach(h),o.setUniform("direction",0),o.setUniform("ssaoTexture",l),o.render(e),this._framebuffer.attach(u),o.setUniform("textureSize",[i,n]),o.setUniform("direction",1),o.setUniform("ssaoTexture",h),o.render(e),this._framebuffer.unbind(e);var c=e.clearColor;e.gl.clearColor(c[0],c[1],c[2],c[3])},pl.prototype.getTargetTexture=function(){return this._blurTexture2},pl.prototype.setParameter=function(e,t){"noiseTexSize"===e?this.setNoiseSize(t):"kernelSize"===e?this.setKernelSize(t):"intensity"===e?this._ssaoPass.material.set("intensity",t):this._ssaoPass.setUniform(e,t)},pl.prototype.setKernelSize=function(e){this._kernelSize=e,this._ssaoPass.material.define("fragment","KERNEL_SIZE",e),this._kernels=this._kernels||[];for(var t=0;t<30;t++)this._kernels[t]=fl(e,t*e,!!this._normalTex)},pl.prototype.setNoiseSize=function(e){var t=this._ssaoPass.getUniform("noiseTex");t?(t.data=cl(e),t.width=t.height=e,t.dirty()):(t=dl(e),this._ssaoPass.setUniform("noiseTex",dl(e))),this._ssaoPass.setUniform("noiseTexSize",[e,e])},pl.prototype.dispose=function(e){this._blurTexture.dispose(e),this._ssaoTexture.dispose(e),this._blurTexture2.dispose(e)};const ml=pl;function gl(e){e=e||{},this._ssrPass=new pn({fragment:Xe.source("ecgl.ssr.main"),clearColor:[0,0,0,0]}),this._blurPass1=new pn({fragment:Xe.source("ecgl.ssr.blur"),clearColor:[0,0,0,0]}),this._blurPass2=new pn({fragment:Xe.source("ecgl.ssr.blur"),clearColor:[0,0,0,0]}),this._blendPass=new pn({fragment:Xe.source("clay.compositor.blend")}),this._blendPass.material.disableTexturesAll(),this._blendPass.material.enableTexture(["texture1","texture2"]),this._ssrPass.setUniform("gBufferTexture1",e.normalTexture),this._ssrPass.setUniform("gBufferTexture2",e.depthTexture),this._blurPass1.setUniform("gBufferTexture1",e.normalTexture),this._blurPass1.setUniform("gBufferTexture2",e.depthTexture),this._blurPass2.setUniform("gBufferTexture1",e.normalTexture),this._blurPass2.setUniform("gBufferTexture2",e.depthTexture),this._blurPass2.material.define("fragment","VERTICAL"),this._blurPass2.material.define("fragment","BLEND"),this._ssrTexture=new Dr({type:wr.HALF_FLOAT}),this._texture2=new Dr({type:wr.HALF_FLOAT}),this._texture3=new Dr({type:wr.HALF_FLOAT}),this._prevTexture=new Dr({type:wr.HALF_FLOAT}),this._currentTexture=new Dr({type:wr.HALF_FLOAT}),this._frameBuffer=new zi({depthBuffer:!1}),this._normalDistribution=null,this._totalSamples=256,this._samplePerFrame=4,this._ssrPass.material.define("fragment","SAMPLE_PER_FRAME",this._samplePerFrame),this._ssrPass.material.define("fragment","TOTAL_SAMPLES",this._totalSamples),this._downScale=1}Xe.import("@export ecgl.ssr.main\n\n#define SHADER_NAME SSR\n#define MAX_ITERATION 20;\n#define SAMPLE_PER_FRAME 5;\n#define TOTAL_SAMPLES 128;\n\nuniform sampler2D sourceTexture;\nuniform sampler2D gBufferTexture1;\nuniform sampler2D gBufferTexture2;\nuniform sampler2D gBufferTexture3;\nuniform samplerCube specularCubemap;\nuniform float specularIntensity: 1;\n\nuniform mat4 projection;\nuniform mat4 projectionInv;\nuniform mat4 toViewSpace;\nuniform mat4 toWorldSpace;\n\nuniform float maxRayDistance: 200;\n\nuniform float pixelStride: 16;\nuniform float pixelStrideZCutoff: 50; \nuniform float screenEdgeFadeStart: 0.9; \nuniform float eyeFadeStart : 0.2; uniform float eyeFadeEnd: 0.8; \nuniform float minGlossiness: 0.2; uniform float zThicknessThreshold: 1;\n\nuniform float nearZ;\nuniform vec2 viewportSize : VIEWPORT_SIZE;\n\nuniform float jitterOffset: 0;\n\nvarying vec2 v_Texcoord;\n\n#ifdef DEPTH_DECODE\n@import clay.util.decode_float\n#endif\n\n#ifdef PHYSICALLY_CORRECT\nuniform sampler2D normalDistribution;\nuniform float sampleOffset: 0;\nuniform vec2 normalDistributionSize;\n\nvec3 transformNormal(vec3 H, vec3 N) {\n vec3 upVector = N.y > 0.999 ? vec3(1.0, 0.0, 0.0) : vec3(0.0, 1.0, 0.0);\n vec3 tangentX = normalize(cross(N, upVector));\n vec3 tangentZ = cross(N, tangentX);\n return normalize(tangentX * H.x + N * H.y + tangentZ * H.z);\n}\nvec3 importanceSampleNormalGGX(float i, float roughness, vec3 N) {\n float p = fract((i + sampleOffset) / float(TOTAL_SAMPLES));\n vec3 H = texture2D(normalDistribution,vec2(roughness, p)).rgb;\n return transformNormal(H, N);\n}\nfloat G_Smith(float g, float ndv, float ndl) {\n float roughness = 1.0 - g;\n float k = roughness * roughness / 2.0;\n float G1V = ndv / (ndv * (1.0 - k) + k);\n float G1L = ndl / (ndl * (1.0 - k) + k);\n return G1L * G1V;\n}\nvec3 F_Schlick(float ndv, vec3 spec) {\n return spec + (1.0 - spec) * pow(1.0 - ndv, 5.0);\n}\n#endif\n\nfloat fetchDepth(sampler2D depthTexture, vec2 uv)\n{\n vec4 depthTexel = texture2D(depthTexture, uv);\n return depthTexel.r * 2.0 - 1.0;\n}\n\nfloat linearDepth(float depth)\n{\n if (projection[3][3] == 0.0) {\n return projection[3][2] / (depth * projection[2][3] - projection[2][2]);\n }\n else {\n return (depth - projection[3][2]) / projection[2][2];\n }\n}\n\nbool rayIntersectDepth(float rayZNear, float rayZFar, vec2 hitPixel)\n{\n if (rayZFar > rayZNear)\n {\n float t = rayZFar; rayZFar = rayZNear; rayZNear = t;\n }\n float cameraZ = linearDepth(fetchDepth(gBufferTexture2, hitPixel));\n return rayZFar <= cameraZ && rayZNear >= cameraZ - zThicknessThreshold;\n}\n\n\nbool traceScreenSpaceRay(\n vec3 rayOrigin, vec3 rayDir, float jitter,\n out vec2 hitPixel, out vec3 hitPoint, out float iterationCount\n)\n{\n float rayLength = ((rayOrigin.z + rayDir.z * maxRayDistance) > -nearZ)\n ? (-nearZ - rayOrigin.z) / rayDir.z : maxRayDistance;\n\n vec3 rayEnd = rayOrigin + rayDir * rayLength;\n\n vec4 H0 = projection * vec4(rayOrigin, 1.0);\n vec4 H1 = projection * vec4(rayEnd, 1.0);\n\n float k0 = 1.0 / H0.w, k1 = 1.0 / H1.w;\n\n vec3 Q0 = rayOrigin * k0, Q1 = rayEnd * k1;\n\n vec2 P0 = (H0.xy * k0 * 0.5 + 0.5) * viewportSize;\n vec2 P1 = (H1.xy * k1 * 0.5 + 0.5) * viewportSize;\n\n P1 += dot(P1 - P0, P1 - P0) < 0.0001 ? 0.01 : 0.0;\n vec2 delta = P1 - P0;\n\n bool permute = false;\n if (abs(delta.x) < abs(delta.y)) {\n permute = true;\n delta = delta.yx;\n P0 = P0.yx;\n P1 = P1.yx;\n }\n float stepDir = sign(delta.x);\n float invdx = stepDir / delta.x;\n\n vec3 dQ = (Q1 - Q0) * invdx;\n float dk = (k1 - k0) * invdx;\n\n vec2 dP = vec2(stepDir, delta.y * invdx);\n\n float strideScaler = 1.0 - min(1.0, -rayOrigin.z / pixelStrideZCutoff);\n float pixStride = 1.0 + strideScaler * pixelStride;\n\n dP *= pixStride; dQ *= pixStride; dk *= pixStride;\n\n vec4 pqk = vec4(P0, Q0.z, k0);\n vec4 dPQK = vec4(dP, dQ.z, dk);\n\n pqk += dPQK * jitter;\n float rayZFar = (dPQK.z * 0.5 + pqk.z) / (dPQK.w * 0.5 + pqk.w);\n float rayZNear;\n\n bool intersect = false;\n\n vec2 texelSize = 1.0 / viewportSize;\n\n iterationCount = 0.0;\n\n for (int i = 0; i < MAX_ITERATION; i++)\n {\n pqk += dPQK;\n\n rayZNear = rayZFar;\n rayZFar = (dPQK.z * 0.5 + pqk.z) / (dPQK.w * 0.5 + pqk.w);\n\n hitPixel = permute ? pqk.yx : pqk.xy;\n hitPixel *= texelSize;\n\n intersect = rayIntersectDepth(rayZNear, rayZFar, hitPixel);\n\n iterationCount += 1.0;\n\n dPQK *= 1.2;\n\n if (intersect) {\n break;\n }\n }\n\n Q0.xy += dQ.xy * iterationCount;\n Q0.z = pqk.z;\n hitPoint = Q0 / pqk.w;\n\n return intersect;\n}\n\nfloat calculateAlpha(\n float iterationCount, float reflectivity,\n vec2 hitPixel, vec3 hitPoint, float dist, vec3 rayDir\n)\n{\n float alpha = clamp(reflectivity, 0.0, 1.0);\n alpha *= 1.0 - (iterationCount / float(MAX_ITERATION));\n vec2 hitPixelNDC = hitPixel * 2.0 - 1.0;\n float maxDimension = min(1.0, max(abs(hitPixelNDC.x), abs(hitPixelNDC.y)));\n alpha *= 1.0 - max(0.0, maxDimension - screenEdgeFadeStart) / (1.0 - screenEdgeFadeStart);\n\n float _eyeFadeStart = eyeFadeStart;\n float _eyeFadeEnd = eyeFadeEnd;\n if (_eyeFadeStart > _eyeFadeEnd) {\n float tmp = _eyeFadeEnd;\n _eyeFadeEnd = _eyeFadeStart;\n _eyeFadeStart = tmp;\n }\n\n float eyeDir = clamp(rayDir.z, _eyeFadeStart, _eyeFadeEnd);\n alpha *= 1.0 - (eyeDir - _eyeFadeStart) / (_eyeFadeEnd - _eyeFadeStart);\n\n alpha *= 1.0 - clamp(dist / maxRayDistance, 0.0, 1.0);\n\n return alpha;\n}\n\n@import clay.util.rand\n\n@import clay.util.rgbm\n\nvoid main()\n{\n vec4 normalAndGloss = texture2D(gBufferTexture1, v_Texcoord);\n\n if (dot(normalAndGloss.rgb, vec3(1.0)) == 0.0) {\n discard;\n }\n\n float g = normalAndGloss.a;\n#if !defined(PHYSICALLY_CORRECT)\n if (g <= minGlossiness) {\n discard;\n }\n#endif\n\n float reflectivity = (g - minGlossiness) / (1.0 - minGlossiness);\n\n vec3 N = normalize(normalAndGloss.rgb * 2.0 - 1.0);\n N = normalize((toViewSpace * vec4(N, 0.0)).xyz);\n\n vec4 projectedPos = vec4(v_Texcoord * 2.0 - 1.0, fetchDepth(gBufferTexture2, v_Texcoord), 1.0);\n vec4 pos = projectionInv * projectedPos;\n vec3 rayOrigin = pos.xyz / pos.w;\n vec3 V = -normalize(rayOrigin);\n\n float ndv = clamp(dot(N, V), 0.0, 1.0);\n float iterationCount;\n float jitter = rand(fract(v_Texcoord + jitterOffset));\n\n#ifdef PHYSICALLY_CORRECT\n vec4 color = vec4(vec3(0.0), 1.0);\n vec4 albedoMetalness = texture2D(gBufferTexture3, v_Texcoord);\n vec3 albedo = albedoMetalness.rgb;\n float m = albedoMetalness.a;\n vec3 diffuseColor = albedo * (1.0 - m);\n vec3 spec = mix(vec3(0.04), albedo, m);\n\n float jitter2 = rand(fract(v_Texcoord)) * float(TOTAL_SAMPLES);\n\n for (int i = 0; i < SAMPLE_PER_FRAME; i++) {\n vec3 H = importanceSampleNormalGGX(float(i) + jitter2, 1.0 - g, N);\n vec3 rayDir = normalize(reflect(-V, H));\n#else\n vec3 rayDir = normalize(reflect(-V, N));\n#endif\n vec2 hitPixel;\n vec3 hitPoint;\n\n bool intersect = traceScreenSpaceRay(rayOrigin, rayDir, jitter, hitPixel, hitPoint, iterationCount);\n\n float dist = distance(rayOrigin, hitPoint);\n\n vec3 hitNormal = texture2D(gBufferTexture1, hitPixel).rgb * 2.0 - 1.0;\n hitNormal = normalize((toViewSpace * vec4(hitNormal, 0.0)).xyz);\n#ifdef PHYSICALLY_CORRECT\n float ndl = clamp(dot(N, rayDir), 0.0, 1.0);\n float vdh = clamp(dot(V, H), 0.0, 1.0);\n float ndh = clamp(dot(N, H), 0.0, 1.0);\n vec3 litTexel = vec3(0.0);\n if (dot(hitNormal, rayDir) < 0.0 && intersect) {\n litTexel = texture2D(sourceTexture, hitPixel).rgb;\n litTexel *= pow(clamp(1.0 - dist / 200.0, 0.0, 1.0), 3.0);\n\n }\n else {\n #ifdef SPECULARCUBEMAP_ENABLED\n vec3 rayDirW = normalize(toWorldSpace * vec4(rayDir, 0.0)).rgb;\n litTexel = RGBMDecode(textureCubeLodEXT(specularCubemap, rayDirW, 0.0), 8.12).rgb * specularIntensity;\n#endif\n }\n color.rgb += ndl * litTexel * (\n F_Schlick(ndl, spec) * G_Smith(g, ndv, ndl) * vdh / (ndh * ndv + 0.001)\n );\n }\n color.rgb /= float(SAMPLE_PER_FRAME);\n#else\n #if !defined(SPECULARCUBEMAP_ENABLED)\n if (dot(hitNormal, rayDir) >= 0.0) {\n discard;\n }\n if (!intersect) {\n discard;\n }\n#endif\n float alpha = clamp(calculateAlpha(iterationCount, reflectivity, hitPixel, hitPoint, dist, rayDir), 0.0, 1.0);\n vec4 color = texture2D(sourceTexture, hitPixel);\n color.rgb *= alpha;\n\n#ifdef SPECULARCUBEMAP_ENABLED\n vec3 rayDirW = normalize(toWorldSpace * vec4(rayDir, 0.0)).rgb;\n alpha = alpha * (intersect ? 1.0 : 0.0);\n float bias = (1.0 -g) * 5.0;\n color.rgb += (1.0 - alpha)\n * RGBMDecode(textureCubeLodEXT(specularCubemap, rayDirW, bias), 8.12).rgb\n * specularIntensity;\n#endif\n\n#endif\n\n gl_FragColor = encodeHDR(color);\n}\n@end\n\n@export ecgl.ssr.blur\n\nuniform sampler2D texture;\nuniform sampler2D gBufferTexture1;\nuniform sampler2D gBufferTexture2;\nuniform mat4 projection;\nuniform float depthRange : 0.05;\n\nvarying vec2 v_Texcoord;\n\nuniform vec2 textureSize;\nuniform float blurSize : 1.0;\n\n#ifdef BLEND\n #ifdef SSAOTEX_ENABLED\nuniform sampler2D ssaoTex;\n #endif\nuniform sampler2D sourceTexture;\n#endif\n\nfloat getLinearDepth(vec2 coord)\n{\n float depth = texture2D(gBufferTexture2, coord).r * 2.0 - 1.0;\n return projection[3][2] / (depth * projection[2][3] - projection[2][2]);\n}\n\n@import clay.util.rgbm\n\n\nvoid main()\n{\n @import clay.compositor.kernel.gaussian_9\n\n vec4 centerNTexel = texture2D(gBufferTexture1, v_Texcoord);\n float g = centerNTexel.a;\n float maxBlurSize = clamp(1.0 - g, 0.0, 1.0) * blurSize;\n#ifdef VERTICAL\n vec2 off = vec2(0.0, maxBlurSize / textureSize.y);\n#else\n vec2 off = vec2(maxBlurSize / textureSize.x, 0.0);\n#endif\n\n vec2 coord = v_Texcoord;\n\n vec4 sum = vec4(0.0);\n float weightAll = 0.0;\n\n vec3 cN = centerNTexel.rgb * 2.0 - 1.0;\n float cD = getLinearDepth(v_Texcoord);\n for (int i = 0; i < 9; i++) {\n vec2 coord = clamp((float(i) - 4.0) * off + v_Texcoord, vec2(0.0), vec2(1.0));\n float w = gaussianKernel[i]\n * clamp(dot(cN, texture2D(gBufferTexture1, coord).rgb * 2.0 - 1.0), 0.0, 1.0);\n float d = getLinearDepth(coord);\n w *= (1.0 - smoothstep(abs(cD - d) / depthRange, 0.0, 1.0));\n\n weightAll += w;\n sum += decodeHDR(texture2D(texture, coord)) * w;\n }\n\n#ifdef BLEND\n float aoFactor = 1.0;\n #ifdef SSAOTEX_ENABLED\n aoFactor = texture2D(ssaoTex, v_Texcoord).r;\n #endif\n gl_FragColor = encodeHDR(\n sum / weightAll * aoFactor + decodeHDR(texture2D(sourceTexture, v_Texcoord))\n );\n#else\n gl_FragColor = encodeHDR(sum / weightAll);\n#endif\n}\n\n@end"),gl.prototype.setAmbientCubemap=function(e,t){this._ssrPass.material.set("specularCubemap",e),this._ssrPass.material.set("specularIntensity",t);var r=e&&t;this._ssrPass.material[r?"enableTexture":"disableTexture"]("specularCubemap")},gl.prototype.update=function(e,t,r,i){var n=e.getWidth(),a=e.getHeight(),o=this._ssrTexture,s=this._texture2,l=this._texture3;o.width=this._prevTexture.width=this._currentTexture.width=n/this._downScale,o.height=this._prevTexture.height=this._currentTexture.height=a/this._downScale,s.width=l.width=n,s.height=l.height=a;var h=this._frameBuffer,u=this._ssrPass,c=this._blurPass1,d=this._blurPass2,f=this._blendPass,p=new Ht,m=new Ht;Ht.transpose(p,t.worldTransform),Ht.transpose(m,t.viewMatrix),u.setUniform("sourceTexture",r),u.setUniform("projection",t.projectionMatrix.array),u.setUniform("projectionInv",t.invProjectionMatrix.array),u.setUniform("toViewSpace",p.array),u.setUniform("toWorldSpace",m.array),u.setUniform("nearZ",t.near);var g=i/this._totalSamples*this._samplePerFrame;if(u.setUniform("jitterOffset",g),u.setUniform("sampleOffset",i*this._samplePerFrame),c.setUniform("textureSize",[o.width,o.height]),d.setUniform("textureSize",[n,a]),d.setUniform("sourceTexture",r),c.setUniform("projection",t.projectionMatrix.array),d.setUniform("projection",t.projectionMatrix.array),h.attach(o),h.bind(e),u.render(e),this._physicallyCorrect&&(h.attach(this._currentTexture),f.setUniform("texture1",this._prevTexture),f.setUniform("texture2",o),f.material.set({weight1:i>=1?.95:0,weight2:i>=1?.05:1}),f.render(e)),h.attach(s),c.setUniform("texture",this._physicallyCorrect?this._currentTexture:o),c.render(e),h.attach(l),d.setUniform("texture",s),d.render(e),h.unbind(e),this._physicallyCorrect){var _=this._prevTexture;this._prevTexture=this._currentTexture,this._currentTexture=_}},gl.prototype.getTargetTexture=function(){return this._texture3},gl.prototype.setParameter=function(e,t){"maxIteration"===e?this._ssrPass.material.define("fragment","MAX_ITERATION",t):this._ssrPass.setUniform(e,t)},gl.prototype.setPhysicallyCorrect=function(e){e?(this._normalDistribution||(this._normalDistribution=_n.generateNormalDistribution(64,this._totalSamples)),this._ssrPass.material.define("fragment","PHYSICALLY_CORRECT"),this._ssrPass.material.set("normalDistribution",this._normalDistribution),this._ssrPass.material.set("normalDistributionSize",[64,this._totalSamples])):this._ssrPass.material.undefine("fragment","PHYSICALLY_CORRECT"),this._physicallyCorrect=e},gl.prototype.setSSAOTexture=function(e){var t=this._blurPass2;e?(t.material.enableTexture("ssaoTex"),t.material.set("ssaoTex",e)):t.material.disableTexture("ssaoTex")},gl.prototype.isFinished=function(e){return!this._physicallyCorrect||e>this._totalSamples/this._samplePerFrame},gl.prototype.dispose=function(e){this._ssrTexture.dispose(e),this._texture2.dispose(e),this._texture3.dispose(e),this._prevTexture.dispose(e),this._currentTexture.dispose(e),this._frameBuffer.dispose(e)};const _l=gl,vl=[0,0,-.321585265978,-.154972575841,.458126042375,.188473391593,.842080129861,.527766490688,.147304551086,-.659453822776,-.331943915203,-.940619700594,.0479226680259,.54812163202,.701581552186,-.709825561388,-.295436780218,.940589268233,-.901489676764,.237713156085,.973570876096,-.109899459384,-.866792314779,-.451805525005,.330975007087,.800048655954,-.344275183665,.381779221166,-.386139432542,-.437418421534,-.576478634965,-.0148463392551,.385798197415,-.262426961053,-.666302061145,.682427250835,-.628010632582,-.732836215494,.10163141741,-.987658134403,.711995289051,-.320024291314,.0296005138058,.950296523438,.0130612307608,-.351024443122,-.879596633704,-.10478487883,.435712737232,.504254490347,.779203817497,.206477676721,.388264289969,-.896736162545,-.153106280781,-.629203242522,-.245517550697,.657969239148,.126830499058,.26862328493,-.634888119007,-.302301223431,.617074219636,.779817204925];function yl(e,t,r,i,n){var a=e.gl;t.setUniform(a,"1i",r,n),a.activeTexture(a.TEXTURE0+n),i.isRenderable()?i.bind(e):i.unbind(e)}function xl(e,t,r,i,n){var a,o,s,l,h=e.gl;return function(n,u,c){if(!l||l.material!==n.material){var d=n.material,f=n.__program,p=d.get("roughness");null==p&&(p=1);var m=d.get("normalMap")||t,g=d.get("roughnessMap"),_=d.get("bumpMap"),v=d.get("uvRepeat"),y=d.get("uvOffset"),x=d.get("detailUvRepeat"),b=d.get("detailUvOffset"),w=!!_&&d.isTextureEnabled("bumpMap"),T=!!g&&d.isTextureEnabled("roughnessMap"),S=d.isDefined("fragment","DOUBLE_SIDED");_=_||r,g=g||i,c!==u?(u.set("normalMap",m),u.set("bumpMap",_),u.set("roughnessMap",g),u.set("useBumpMap",w),u.set("useRoughnessMap",T),u.set("doubleSide",S),null!=v&&u.set("uvRepeat",v),null!=y&&u.set("uvOffset",y),null!=x&&u.set("detailUvRepeat",x),null!=b&&u.set("detailUvOffset",b),u.set("roughness",p)):(f.setUniform(h,"1f","roughness",p),a!==m&&yl(e,f,"normalMap",m,0),o!==_&&_&&yl(e,f,"bumpMap",_,1),s!==g&&g&&yl(e,f,"roughnessMap",g,2),null!=v&&f.setUniform(h,"2f","uvRepeat",v),null!=y&&f.setUniform(h,"2f","uvOffset",y),null!=x&&f.setUniform(h,"2f","detailUvRepeat",x),null!=b&&f.setUniform(h,"2f","detailUvOffset",b),f.setUniform(h,"1i","useBumpMap",+w),f.setUniform(h,"1i","useRoughnessMap",+T),f.setUniform(h,"1i","doubleSide",+S)),a=m,o=_,s=g,l=n}}}function bl(e){e=e||{},this._depthTex=new Dr({format:wr.DEPTH_COMPONENT,type:wr.UNSIGNED_INT}),this._normalTex=new Dr({type:wr.HALF_FLOAT}),this._framebuffer=new zi,this._framebuffer.attach(this._normalTex),this._framebuffer.attach(this._depthTex,zi.DEPTH_ATTACHMENT),this._normalMaterial=new le({shader:new Xe(Xe.source("ecgl.normal.vertex"),Xe.source("ecgl.normal.fragment"))}),this._normalMaterial.enableTexture(["normalMap","bumpMap","roughnessMap"]),this._defaultNormalMap=an.createBlank("#000"),this._defaultBumpMap=an.createBlank("#000"),this._defaultRoughessMap=an.createBlank("#000"),this._debugPass=new pn({fragment:Xe.source("clay.compositor.output")}),this._debugPass.setUniform("texture",this._normalTex),this._debugPass.material.undefine("fragment","OUTPUT_ALPHA")}Xe.import("@export ecgl.normal.vertex\n\n@import ecgl.common.transformUniforms\n\n@import ecgl.common.uv.header\n\n@import ecgl.common.attributes\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\n@import ecgl.common.normalMap.vertexHeader\n\n@import ecgl.common.vertexAnimation.header\n\nvoid main()\n{\n\n @import ecgl.common.vertexAnimation.main\n\n @import ecgl.common.uv.main\n\n v_Normal = normalize((worldInverseTranspose * vec4(normal, 0.0)).xyz);\n v_WorldPosition = (world * vec4(pos, 1.0)).xyz;\n\n @import ecgl.common.normalMap.vertexMain\n\n gl_Position = worldViewProjection * vec4(pos, 1.0);\n\n}\n\n\n@end\n\n\n@export ecgl.normal.fragment\n\n#define ROUGHNESS_CHANEL 0\n\nuniform bool useBumpMap;\nuniform bool useRoughnessMap;\nuniform bool doubleSide;\nuniform float roughness;\n\n@import ecgl.common.uv.fragmentHeader\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nuniform mat4 viewInverse : VIEWINVERSE;\n\n@import ecgl.common.normalMap.fragmentHeader\n@import ecgl.common.bumpMap.header\n\nuniform sampler2D roughnessMap;\n\nvoid main()\n{\n vec3 N = v_Normal;\n \n bool flipNormal = false;\n if (doubleSide) {\n vec3 eyePos = viewInverse[3].xyz;\n vec3 V = normalize(eyePos - v_WorldPosition);\n\n if (dot(N, V) < 0.0) {\n flipNormal = true;\n }\n }\n\n @import ecgl.common.normalMap.fragmentMain\n\n if (useBumpMap) {\n N = bumpNormal(v_WorldPosition, v_Normal, N);\n }\n\n float g = 1.0 - roughness;\n\n if (useRoughnessMap) {\n float g2 = 1.0 - texture2D(roughnessMap, v_DetailTexcoord)[ROUGHNESS_CHANEL];\n g = clamp(g2 + (g - 0.5) * 2.0, 0.0, 1.0);\n }\n\n if (flipNormal) {\n N = -N;\n }\n\n gl_FragColor.rgb = (N.xyz + 1.0) * 0.5;\n gl_FragColor.a = g;\n}\n@end"),bl.prototype.getDepthTexture=function(){return this._depthTex},bl.prototype.getNormalTexture=function(){return this._normalTex},bl.prototype.update=function(e,t,r){var i=e.getWidth(),n=e.getHeight(),a=this._depthTex,o=this._normalTex,s=this._normalMaterial;a.width=i,a.height=n,o.width=i,o.height=n;var l=t.getRenderList(r).opaque;this._framebuffer.bind(e),e.gl.clearColor(0,0,0,0),e.gl.clear(e.gl.COLOR_BUFFER_BIT|e.gl.DEPTH_BUFFER_BIT),e.gl.disable(e.gl.BLEND),e.renderPass(l,r,{getMaterial:function(){return s},ifRender:function(e){return e.renderNormal},beforeRender:xl(e,this._defaultNormalMap,this._defaultBumpMap,this._defaultRoughessMap,this._normalMaterial),sort:e.opaqueSortCompare}),this._framebuffer.unbind(e)},bl.prototype.renderDebug=function(e){this._debugPass.render(e)},bl.prototype.dispose=function(e){this._depthTex.dispose(e),this._normalTex.dispose(e)};const wl=bl;function Tl(e){e=e||{},this._edgePass=new pn({fragment:Xe.source("ecgl.edge")}),this._edgePass.setUniform("normalTexture",e.normalTexture),this._edgePass.setUniform("depthTexture",e.depthTexture),this._targetTexture=new Dr({type:wr.HALF_FLOAT}),this._frameBuffer=new zi,this._frameBuffer.attach(this._targetTexture)}Tl.prototype.update=function(e,t,r,i){var n=e.getWidth(),a=e.getHeight(),o=this._targetTexture;o.width=n,o.height=a;var s=this._frameBuffer;s.bind(e),this._edgePass.setUniform("projectionInv",t.invProjectionMatrix.array),this._edgePass.setUniform("textureSize",[n,a]),this._edgePass.setUniform("texture",r),this._edgePass.render(e),s.unbind(e)},Tl.prototype.getTargetTexture=function(){return this._targetTexture},Tl.prototype.setParameter=function(e,t){this._edgePass.setUniform(e,t)},Tl.prototype.dispose=function(e){this._targetTexture.dispose(e),this._frameBuffer.dispose(e)};const Sl=Tl,Ml={type:"compositor",nodes:[{name:"source",type:"texture",outputs:{color:{}}},{name:"source_half",shader:"#source(clay.compositor.downsample)",inputs:{texture:"source"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 2)",height:"expr(height * 1.0 / 2)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0, height * 1.0] )"}},{name:"bright",shader:"#source(clay.compositor.bright)",inputs:{texture:"source_half"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 2)",height:"expr(height * 1.0 / 2)",type:"HALF_FLOAT"}}},parameters:{threshold:2,scale:4,textureSize:"expr([width * 1.0 / 2, height / 2])"}},{name:"bright_downsample_4",shader:"#source(clay.compositor.downsample)",inputs:{texture:"bright"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 4)",height:"expr(height * 1.0 / 4)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0 / 2, height / 2] )"}},{name:"bright_downsample_8",shader:"#source(clay.compositor.downsample)",inputs:{texture:"bright_downsample_4"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 8)",height:"expr(height * 1.0 / 8)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0 / 4, height / 4] )"}},{name:"bright_downsample_16",shader:"#source(clay.compositor.downsample)",inputs:{texture:"bright_downsample_8"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 16)",height:"expr(height * 1.0 / 16)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0 / 8, height / 8] )"}},{name:"bright_downsample_32",shader:"#source(clay.compositor.downsample)",inputs:{texture:"bright_downsample_16"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 32)",height:"expr(height * 1.0 / 32)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0 / 16, height / 16] )"}},{name:"bright_upsample_16_blur_h",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_downsample_32"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 16)",height:"expr(height * 1.0 / 16)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:0,textureSize:"expr( [width * 1.0 / 32, height / 32] )"}},{name:"bright_upsample_16_blur_v",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_upsample_16_blur_h"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 16)",height:"expr(height * 1.0 / 16)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:1,textureSize:"expr( [width * 1.0 / 16, height * 1.0 / 16] )"}},{name:"bright_upsample_8_blur_h",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_downsample_16"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 8)",height:"expr(height * 1.0 / 8)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:0,textureSize:"expr( [width * 1.0 / 16, height * 1.0 / 16] )"}},{name:"bright_upsample_8_blur_v",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_upsample_8_blur_h"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 8)",height:"expr(height * 1.0 / 8)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:1,textureSize:"expr( [width * 1.0 / 8, height * 1.0 / 8] )"}},{name:"bright_upsample_8_blend",shader:"#source(clay.compositor.blend)",inputs:{texture1:"bright_upsample_8_blur_v",texture2:"bright_upsample_16_blur_v"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 8)",height:"expr(height * 1.0 / 8)",type:"HALF_FLOAT"}}},parameters:{weight1:.3,weight2:.7}},{name:"bright_upsample_4_blur_h",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_downsample_8"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 4)",height:"expr(height * 1.0 / 4)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:0,textureSize:"expr( [width * 1.0 / 8, height * 1.0 / 8] )"}},{name:"bright_upsample_4_blur_v",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_upsample_4_blur_h"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 4)",height:"expr(height * 1.0 / 4)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:1,textureSize:"expr( [width * 1.0 / 4, height * 1.0 / 4] )"}},{name:"bright_upsample_4_blend",shader:"#source(clay.compositor.blend)",inputs:{texture1:"bright_upsample_4_blur_v",texture2:"bright_upsample_8_blend"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 4)",height:"expr(height * 1.0 / 4)",type:"HALF_FLOAT"}}},parameters:{weight1:.3,weight2:.7}},{name:"bright_upsample_2_blur_h",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_downsample_4"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 2)",height:"expr(height * 1.0 / 2)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:0,textureSize:"expr( [width * 1.0 / 4, height * 1.0 / 4] )"}},{name:"bright_upsample_2_blur_v",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_upsample_2_blur_h"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 2)",height:"expr(height * 1.0 / 2)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:1,textureSize:"expr( [width * 1.0 / 2, height * 1.0 / 2] )"}},{name:"bright_upsample_2_blend",shader:"#source(clay.compositor.blend)",inputs:{texture1:"bright_upsample_2_blur_v",texture2:"bright_upsample_4_blend"},outputs:{color:{parameters:{width:"expr(width * 1.0 / 2)",height:"expr(height * 1.0 / 2)",type:"HALF_FLOAT"}}},parameters:{weight1:.3,weight2:.7}},{name:"bright_upsample_full_blur_h",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:0,textureSize:"expr( [width * 1.0 / 2, height * 1.0 / 2] )"}},{name:"bright_upsample_full_blur_v",shader:"#source(clay.compositor.gaussian_blur)",inputs:{texture:"bright_upsample_full_blur_h"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)",type:"HALF_FLOAT"}}},parameters:{blurSize:1,blurDir:1,textureSize:"expr( [width * 1.0, height * 1.0] )"}},{name:"bloom_composite",shader:"#source(clay.compositor.blend)",inputs:{texture1:"bright_upsample_full_blur_v",texture2:"bright_upsample_2_blend"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)",type:"HALF_FLOAT"}}},parameters:{weight1:.3,weight2:.7}},{name:"coc",shader:"#source(ecgl.dof.coc)",outputs:{color:{parameters:{minFilter:"NEAREST",magFilter:"NEAREST",width:"expr(width * 1.0)",height:"expr(height * 1.0)"}}},parameters:{focalDist:50,focalRange:30}},{name:"dof_far_blur",shader:"#source(ecgl.dof.diskBlur)",inputs:{texture:"source",coc:"coc"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0, height * 1.0] )"}},{name:"dof_near_blur",shader:"#source(ecgl.dof.diskBlur)",inputs:{texture:"source",coc:"coc"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)",type:"HALF_FLOAT"}}},parameters:{textureSize:"expr( [width * 1.0, height * 1.0] )"},defines:{BLUR_NEARFIELD:null}},{name:"dof_coc_blur",shader:"#source(ecgl.dof.diskBlur)",inputs:{texture:"coc"},outputs:{color:{parameters:{minFilter:"NEAREST",magFilter:"NEAREST",width:"expr(width * 1.0)",height:"expr(height * 1.0)"}}},parameters:{textureSize:"expr( [width * 1.0, height * 1.0] )"},defines:{BLUR_COC:null}},{name:"dof_composite",shader:"#source(ecgl.dof.composite)",inputs:{original:"source",blurred:"dof_far_blur",nearfield:"dof_near_blur",coc:"coc",nearcoc:"dof_coc_blur"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)",type:"HALF_FLOAT"}}}},{name:"composite",shader:"#source(clay.compositor.hdr.composite)",inputs:{texture:"source",bloom:"bloom_composite"},outputs:{color:{parameters:{width:"expr(width * 1.0)",height:"expr(height * 1.0)"}}},defines:{}},{name:"FXAA",shader:"#source(clay.compositor.fxaa)",inputs:{texture:"composite"}}]};function Al(e,t){return{color:{parameters:{width:e,height:t}}}}Xe.import(Zs),Xe.import(Ys),Xe.import(Ks),Xe.import(Qs),Xe.import(Js),Xe.import($s),Xe.import(el),Xe.import(tl),Xe.import(rl),Xe.import("@export ecgl.dof.coc\n\nuniform sampler2D depth;\n\nuniform float zNear: 0.1;\nuniform float zFar: 2000;\n\nuniform float focalDistance: 3;\nuniform float focalRange: 1;\nuniform float focalLength: 30;\nuniform float fstop: 2.8;\n\nvarying vec2 v_Texcoord;\n\n@import clay.util.encode_float\n\nvoid main()\n{\n float z = texture2D(depth, v_Texcoord).r * 2.0 - 1.0;\n\n float dist = 2.0 * zNear * zFar / (zFar + zNear - z * (zFar - zNear));\n\n float aperture = focalLength / fstop;\n\n float coc;\n\n float uppper = focalDistance + focalRange;\n float lower = focalDistance - focalRange;\n if (dist <= uppper && dist >= lower) {\n coc = 0.5;\n }\n else {\n float focalAdjusted = dist > uppper ? uppper : lower;\n\n coc = abs(aperture * (focalLength * (dist - focalAdjusted)) / (dist * (focalAdjusted - focalLength)));\n coc = clamp(coc, 0.0, 2.0) / 2.00001;\n\n if (dist < lower) {\n coc = -coc;\n }\n coc = coc * 0.5 + 0.5;\n }\n\n gl_FragColor = encodeFloat(coc);\n}\n@end\n\n\n@export ecgl.dof.composite\n\n#define DEBUG 0\n\nuniform sampler2D original;\nuniform sampler2D blurred;\nuniform sampler2D nearfield;\nuniform sampler2D coc;\nuniform sampler2D nearcoc;\nvarying vec2 v_Texcoord;\n\n@import clay.util.rgbm\n@import clay.util.float\n\nvoid main()\n{\n vec4 blurredColor = texture2D(blurred, v_Texcoord);\n vec4 originalColor = texture2D(original, v_Texcoord);\n\n float fCoc = decodeFloat(texture2D(coc, v_Texcoord));\n\n fCoc = abs(fCoc * 2.0 - 1.0);\n\n float weight = smoothstep(0.0, 1.0, fCoc);\n \n#ifdef NEARFIELD_ENABLED\n vec4 nearfieldColor = texture2D(nearfield, v_Texcoord);\n float fNearCoc = decodeFloat(texture2D(nearcoc, v_Texcoord));\n fNearCoc = abs(fNearCoc * 2.0 - 1.0);\n\n gl_FragColor = encodeHDR(\n mix(\n nearfieldColor, mix(originalColor, blurredColor, weight),\n pow(1.0 - fNearCoc, 4.0)\n )\n );\n#else\n gl_FragColor = encodeHDR(mix(originalColor, blurredColor, weight));\n#endif\n\n}\n\n@end\n\n\n\n@export ecgl.dof.diskBlur\n\n#define POISSON_KERNEL_SIZE 16;\n\nuniform sampler2D texture;\nuniform sampler2D coc;\nvarying vec2 v_Texcoord;\n\nuniform float blurRadius : 10.0;\nuniform vec2 textureSize : [512.0, 512.0];\n\nuniform vec2 poissonKernel[POISSON_KERNEL_SIZE];\n\nuniform float percent;\n\nfloat nrand(const in vec2 n) {\n return fract(sin(dot(n.xy ,vec2(12.9898,78.233))) * 43758.5453);\n}\n\n@import clay.util.rgbm\n@import clay.util.float\n\n\nvoid main()\n{\n vec2 offset = blurRadius / textureSize;\n\n float rnd = 6.28318 * nrand(v_Texcoord + 0.07 * percent );\n float cosa = cos(rnd);\n float sina = sin(rnd);\n vec4 basis = vec4(cosa, -sina, sina, cosa);\n\n#if !defined(BLUR_NEARFIELD) && !defined(BLUR_COC)\n offset *= abs(decodeFloat(texture2D(coc, v_Texcoord)) * 2.0 - 1.0);\n#endif\n\n#ifdef BLUR_COC\n float cocSum = 0.0;\n#else\n vec4 color = vec4(0.0);\n#endif\n\n\n float weightSum = 0.0;\n\n for (int i = 0; i < POISSON_KERNEL_SIZE; i++) {\n vec2 ofs = poissonKernel[i];\n\n ofs = vec2(dot(ofs, basis.xy), dot(ofs, basis.zw));\n\n vec2 uv = v_Texcoord + ofs * offset;\n vec4 texel = texture2D(texture, uv);\n\n float w = 1.0;\n#ifdef BLUR_COC\n float fCoc = decodeFloat(texel) * 2.0 - 1.0;\n cocSum += clamp(fCoc, -1.0, 0.0) * w;\n#else\n texel = texel;\n #if !defined(BLUR_NEARFIELD)\n float fCoc = decodeFloat(texture2D(coc, uv)) * 2.0 - 1.0;\n w *= abs(fCoc);\n #endif\n texel.rgb *= texel.a;\n color += texel * w;\n#endif\n\n weightSum += w;\n }\n\n#ifdef BLUR_COC\n gl_FragColor = encodeFloat(clamp(cocSum / weightSum, -1.0, 0.0) * 0.5 + 0.5);\n#else\n color /= weightSum;\n color.rgb /= (color.a + 0.0001);\n gl_FragColor = color;\n#endif\n}\n\n@end"),Xe.import("@export ecgl.edge\n\nuniform sampler2D texture;\n\nuniform sampler2D normalTexture;\nuniform sampler2D depthTexture;\n\nuniform mat4 projectionInv;\n\nuniform vec2 textureSize;\n\nuniform vec4 edgeColor: [0,0,0,0.8];\n\nvarying vec2 v_Texcoord;\n\nvec3 packColor(vec2 coord) {\n float z = texture2D(depthTexture, coord).r * 2.0 - 1.0;\n vec4 p = vec4(v_Texcoord * 2.0 - 1.0, z, 1.0);\n vec4 p4 = projectionInv * p;\n\n return vec3(\n texture2D(normalTexture, coord).rg,\n -p4.z / p4.w / 5.0\n );\n}\n\nvoid main() {\n vec2 cc = v_Texcoord;\n vec3 center = packColor(cc);\n\n float size = clamp(1.0 - (center.z - 10.0) / 100.0, 0.0, 1.0) * 0.5;\n float dx = size / textureSize.x;\n float dy = size / textureSize.y;\n\n vec2 coord;\n vec3 topLeft = packColor(cc+vec2(-dx, -dy));\n vec3 top = packColor(cc+vec2(0.0, -dy));\n vec3 topRight = packColor(cc+vec2(dx, -dy));\n vec3 left = packColor(cc+vec2(-dx, 0.0));\n vec3 right = packColor(cc+vec2(dx, 0.0));\n vec3 bottomLeft = packColor(cc+vec2(-dx, dy));\n vec3 bottom = packColor(cc+vec2(0.0, dy));\n vec3 bottomRight = packColor(cc+vec2(dx, dy));\n\n vec3 v = -topLeft-2.0*top-topRight+bottomLeft+2.0*bottom+bottomRight;\n vec3 h = -bottomLeft-2.0*left-topLeft+bottomRight+2.0*right+topRight;\n\n float edge = sqrt(dot(h, h) + dot(v, v));\n\n edge = smoothstep(0.8, 1.0, edge);\n\n gl_FragColor = mix(texture2D(texture, v_Texcoord), vec4(edgeColor.rgb, 1.0), edgeColor.a * edge);\n}\n@end");var El=["composite","FXAA"];function Cl(){this._width,this._height,this._dpr,this._sourceTexture=new Dr({type:wr.HALF_FLOAT}),this._depthTexture=new Dr({format:wr.DEPTH_COMPONENT,type:wr.UNSIGNED_INT}),this._framebuffer=new zi,this._framebuffer.attach(this._sourceTexture),this._framebuffer.attach(this._depthTexture,zi.DEPTH_ATTACHMENT),this._normalPass=new wl,this._compositor=function(e,t){var r=new Ws;t=t||{};var i={textures:{},parameters:{}};for(var n in e.parameters){var a=e.parameters[n];i.parameters[n]=sl(a)}return function(e,t,r,i){if(e.textures){var n={},a=0,o=!1,s=r.textureRootPath;f.each(e.textures,(function(e,t){var r,l=e.path,h=sl(e.parameters);if(Array.isArray(l)&&6===l.length)s&&(l=l.map((function(e){return f.relative2absolute(e,s)}))),r=new Ai(h);else{if("string"!=typeof l)return;s&&(l=f.relative2absolute(l,s)),r=new Dr(h)}r.load(l),a++,r.once("success",(function(){n[t]=r,0==--a&&(i(n),o=!0)}))})),0!==a||o||i(n)}else i({})}(e,0,t,(function(n){i.textures=n,function(n,a){for(var o=0;o<e.nodes.length;o++){var s=nl(e.nodes[o],i,t);s&&r.addNode(s)}}()})),r}(Ml);var e=this._compositor.getNodeByName("source");e.texture=this._sourceTexture;var t=this._compositor.getNodeByName("coc");this._sourceNode=e,this._cocNode=t,this._compositeNode=this._compositor.getNodeByName("composite"),this._fxaaNode=this._compositor.getNodeByName("FXAA"),this._dofBlurNodes=["dof_far_blur","dof_near_blur","dof_coc_blur"].map((function(e){return this._compositor.getNodeByName(e)}),this),this._dofBlurKernel=0,this._dofBlurKernelSize=new Float32Array(0),this._finalNodesChain=El.map((function(e){return this._compositor.getNodeByName(e)}),this);var r={normalTexture:this._normalPass.getNormalTexture(),depthTexture:this._normalPass.getDepthTexture()};this._ssaoPass=new ml(r),this._ssrPass=new _l(r),this._edgePass=new Sl(r)}Cl.prototype.resize=function(e,t,r){e*=r=r||1,t*=r;var i=this._sourceTexture,n=this._depthTexture;i.width=e,i.height=t,n.width=e,n.height=t;var a={getWidth:function(){return e},getHeight:function(){return t},getDevicePixelRatio:function(){return r}};function o(e,t){if("function"==typeof e[t]){var r=e[t].__original||e[t];e[t]=function(e){return r.call(this,a)},e[t].__original=r}}this._compositor.nodes.forEach((function(e){for(var t in e.outputs){var r=e.outputs[t].parameters;r&&(o(r,"width"),o(r,"height"))}for(var i in e.parameters)o(e.parameters,i)})),this._width=e,this._height=t,this._dpr=r},Cl.prototype.getWidth=function(){return this._width},Cl.prototype.getHeight=function(){return this._height},Cl.prototype._ifRenderNormalPass=function(){return this._enableSSAO||this._enableEdge||this._enableSSR},Cl.prototype._getPrevNode=function(e){for(var t=El.indexOf(e.name)-1,r=this._finalNodesChain[t];r&&!this._compositor.getNodeByName(r.name);)t-=1,r=this._finalNodesChain[t];return r},Cl.prototype._getNextNode=function(e){for(var t=El.indexOf(e.name)+1,r=this._finalNodesChain[t];r&&!this._compositor.getNodeByName(r.name);)t+=1,r=this._finalNodesChain[t];return r},Cl.prototype._addChainNode=function(e){var t=this._getPrevNode(e),r=this._getNextNode(e);t&&(e.inputs.texture=t.name,r?(e.outputs=Al(this.getWidth.bind(this),this.getHeight.bind(this)),r.inputs.texture=e.name):e.outputs=null,this._compositor.addNode(e))},Cl.prototype._removeChainNode=function(e){var t=this._getPrevNode(e),r=this._getNextNode(e);t&&(r?(t.outputs=Al(this.getWidth.bind(this),this.getHeight.bind(this)),r.inputs.texture=t.name):t.outputs=null,this._compositor.removeNode(e))},Cl.prototype.updateNormal=function(e,t,r,i){this._ifRenderNormalPass()&&this._normalPass.update(e,t,r)},Cl.prototype.updateSSAO=function(e,t,r,i){this._ssaoPass.update(e,r,i)},Cl.prototype.enableSSAO=function(){this._enableSSAO=!0},Cl.prototype.disableSSAO=function(){this._enableSSAO=!1},Cl.prototype.enableSSR=function(){this._enableSSR=!0},Cl.prototype.disableSSR=function(){this._enableSSR=!1},Cl.prototype.getSSAOTexture=function(){return this._ssaoPass.getTargetTexture()},Cl.prototype.getSourceFrameBuffer=function(){return this._framebuffer},Cl.prototype.getSourceTexture=function(){return this._sourceTexture},Cl.prototype.disableFXAA=function(){this._removeChainNode(this._fxaaNode)},Cl.prototype.enableFXAA=function(){this._addChainNode(this._fxaaNode)},Cl.prototype.enableBloom=function(){this._compositeNode.inputs.bloom="bloom_composite",this._compositor.dirty()},Cl.prototype.disableBloom=function(){this._compositeNode.inputs.bloom=null,this._compositor.dirty()},Cl.prototype.enableDOF=function(){this._compositeNode.inputs.texture="dof_composite",this._compositor.dirty()},Cl.prototype.disableDOF=function(){this._compositeNode.inputs.texture="source",this._compositor.dirty()},Cl.prototype.enableColorCorrection=function(){this._compositeNode.define("COLOR_CORRECTION"),this._enableColorCorrection=!0},Cl.prototype.disableColorCorrection=function(){this._compositeNode.undefine("COLOR_CORRECTION"),this._enableColorCorrection=!1},Cl.prototype.enableEdge=function(){this._enableEdge=!0},Cl.prototype.disableEdge=function(){this._enableEdge=!1},Cl.prototype.setBloomIntensity=function(e){this._compositeNode.setParameter("bloomIntensity",e)},Cl.prototype.setSSAOParameter=function(e,t){switch(e){case"quality":var r={low:6,medium:12,high:32,ultra:62}[t]||12;this._ssaoPass.setParameter("kernelSize",r);break;case"radius":this._ssaoPass.setParameter(e,t),this._ssaoPass.setParameter("bias",t/200);break;case"intensity":this._ssaoPass.setParameter(e,t)}},Cl.prototype.setDOFParameter=function(e,t){switch(e){case"focalDistance":case"focalRange":case"fstop":this._cocNode.setParameter(e,t);break;case"blurRadius":for(var r=0;r<this._dofBlurNodes.length;r++)this._dofBlurNodes[r].setParameter("blurRadius",t);break;case"quality":var i={low:4,medium:8,high:16,ultra:32}[t]||8;for(this._dofBlurKernelSize=i,r=0;r<this._dofBlurNodes.length;r++)this._dofBlurNodes[r].pass.material.define("POISSON_KERNEL_SIZE",i);this._dofBlurKernel=new Float32Array(2*i)}},Cl.prototype.setSSRParameter=function(e,t){if(null!=t)switch(e){case"quality":var r={low:10,medium:15,high:30,ultra:80}[t]||20,i={low:32,medium:16,high:8,ultra:4}[t]||16;this._ssrPass.setParameter("maxIteration",r),this._ssrPass.setParameter("pixelStride",i);break;case"maxRoughness":this._ssrPass.setParameter("minGlossiness",Math.max(Math.min(1-t,1),0));break;case"physical":this.setPhysicallyCorrectSSR(t);break;default:console.warn("Unkown SSR parameter "+e)}},Cl.prototype.setPhysicallyCorrectSSR=function(e){this._ssrPass.setPhysicallyCorrect(e)},Cl.prototype.setEdgeColor=function(e){var t=Ka.parseColor(e);this._edgePass.setParameter("edgeColor",t)},Cl.prototype.setExposure=function(e){this._compositeNode.setParameter("exposure",Math.pow(2,e))},Cl.prototype.setColorLookupTexture=function(e,t){this._compositeNode.pass.material.setTextureImage("lut",this._enableColorCorrection?e:"none",t,{minFilter:Ka.Texture.NEAREST,magFilter:Ka.Texture.NEAREST,flipY:!1})},Cl.prototype.setColorCorrection=function(e,t){this._compositeNode.setParameter(e,t)},Cl.prototype.isSSREnabled=function(){return this._enableSSR},Cl.prototype.composite=function(e,t,r,i,n){var a=this._sourceTexture,o=a;this._enableEdge&&(this._edgePass.update(e,r,a,n),a=o=this._edgePass.getTargetTexture()),this._enableSSR&&(this._ssrPass.update(e,r,a,n),o=this._ssrPass.getTargetTexture(),this._ssrPass.setSSAOTexture(this._enableSSAO?this._ssaoPass.getTargetTexture():null)),this._sourceNode.texture=o,this._cocNode.setParameter("depth",this._depthTexture);for(var s=this._dofBlurKernel,l=this._dofBlurKernelSize,h=n%Math.floor(vl.length/2/l),u=0;u<2*l;u++)s[u]=vl[u+h*l*2];for(u=0;u<this._dofBlurNodes.length;u++)this._dofBlurNodes[u].setParameter("percent",n/30),this._dofBlurNodes[u].setParameter("poissonKernel",s);this._cocNode.setParameter("zNear",r.near),this._cocNode.setParameter("zFar",r.far),this._compositor.render(e,i)},Cl.prototype.dispose=function(e){this._sourceTexture.dispose(e),this._depthTexture.dispose(e),this._framebuffer.dispose(e),this._compositor.dispose(e),this._normalPass.dispose(e),this._ssaoPass.dispose(e)};const Dl=Cl;function Ll(e){for(var t=[],r=0;r<30;r++)t.push([ul(r,2),ul(r,3)]);this._haltonSequence=t,this._frame=0,this._sourceTex=new Dr,this._sourceFb=new zi,this._sourceFb.attach(this._sourceTex),this._prevFrameTex=new Dr,this._outputTex=new Dr;var i=this._blendPass=new pn({fragment:Xe.source("clay.compositor.blend")});i.material.disableTexturesAll(),i.material.enableTexture(["texture1","texture2"]),this._blendFb=new zi({depthBuffer:!1}),this._outputPass=new pn({fragment:Xe.source("clay.compositor.output"),blendWithPrevious:!0}),this._outputPass.material.define("fragment","OUTPUT_ALPHA"),this._outputPass.material.blend=function(e){e.blendEquationSeparate(e.FUNC_ADD,e.FUNC_ADD),e.blendFuncSeparate(e.ONE,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA)}}Ll.prototype={constructor:Ll,jitterProjection:function(e,t){var r=e.viewport,i=r.devicePixelRatio||e.getDevicePixelRatio(),n=r.width*i,a=r.height*i,o=this._haltonSequence[this._frame%this._haltonSequence.length],s=new Ht;s.array[12]=(2*o[0]-1)/n,s.array[13]=(2*o[1]-1)/a,Ht.mul(t.projectionMatrix,s,t.projectionMatrix),Ht.invert(t.invProjectionMatrix,t.projectionMatrix)},resetFrame:function(){this._frame=0},getFrame:function(){return this._frame},getSourceFrameBuffer:function(){return this._sourceFb},getOutputTexture:function(){return this._outputTex},resize:function(e,t){this._prevFrameTex.width=e,this._prevFrameTex.height=t,this._outputTex.width=e,this._outputTex.height=t,this._sourceTex.width=e,this._sourceTex.height=t,this._prevFrameTex.dirty(),this._outputTex.dirty(),this._sourceTex.dirty()},isFinished:function(){return this._frame>=this._haltonSequence.length},render:function(e,t,r){var i=this._blendPass;0===this._frame?(i.setUniform("weight1",0),i.setUniform("weight2",1)):(i.setUniform("weight1",.9),i.setUniform("weight2",.1)),i.setUniform("texture1",this._prevFrameTex),i.setUniform("texture2",t||this._sourceTex),this._blendFb.attach(this._outputTex),this._blendFb.bind(e),i.render(e),this._blendFb.unbind(e),r||(this._outputPass.setUniform("texture",this._outputTex),this._outputPass.render(e));var n=this._prevFrameTex;this._prevFrameTex=this._outputTex,this._outputTex=n,this._frame++},dispose:function(e){this._sourceFb.dispose(e),this._blendFb.dispose(e),this._prevFrameTex.dispose(e),this._outputTex.dispose(e),this._sourceTex.dispose(e),this._outputPass.dispose(e),this._blendPass.dispose(e)}};const Pl=Ll;function Ol(e){e=e||"perspective",this.layer=null,this.scene=new vi,this.rootNode=this.scene,this.viewport={x:0,y:0,width:0,height:0},this.setProjection(e),this._compositor=new Dl,this._temporalSS=new Pl,this._shadowMapPass=new ks;for(var t=[],r=0,i=0;i<30;i++){for(var n=[],a=0;a<6;a++)n.push(4*ul(r,2)-2),n.push(4*ul(r,3)-2),r++;t.push(n)}this._pcfKernels=t,this.scene.on("beforerender",(function(e,t,r){this.needsTemporalSS()&&this._temporalSS.jitterProjection(e,r)}),this)}Ol.prototype.setProjection=function(e){var t=this.camera;t&&t.update(),"perspective"===e?this.camera instanceof Ei||(this.camera=new Ei,t&&this.camera.setLocalTransform(t.localTransform)):this.camera instanceof un||(this.camera=new un,t&&this.camera.setLocalTransform(t.localTransform)),this.camera.near=.1,this.camera.far=2e3},Ol.prototype.setViewport=function(e,t,r,i,n){this.camera instanceof Ei&&(this.camera.aspect=r/i),n=n||1,this.viewport.x=e,this.viewport.y=t,this.viewport.width=r,this.viewport.height=i,this.viewport.devicePixelRatio=n,this._compositor.resize(r*n,i*n),this._temporalSS.resize(r*n,i*n)},Ol.prototype.containPoint=function(e,t){var r=this.viewport;return t=this.layer.renderer.getHeight()-t,e>=r.x&&t>=r.y&&e<=r.x+r.width&&t<=r.y+r.height};var Nl=new _e;Ol.prototype.castRay=function(e,t,r){var i=this.layer.renderer,n=i.viewport;return i.viewport=this.viewport,i.screenToNDC(e,t,Nl),this.camera.castRay(Nl,r),i.viewport=n,r},Ol.prototype.prepareRender=function(){this.scene.update(),this.camera.update(),this.scene.updateLights();var e=this.scene.updateRenderList(this.camera);this._needsSortProgressively=!1;for(var t=0;t<e.transparent.length;t++){var r=e.transparent[t].geometry;r.needsSortVerticesProgressively&&r.needsSortVerticesProgressively()&&(this._needsSortProgressively=!0),r.needsSortTrianglesProgressively&&r.needsSortTrianglesProgressively()&&(this._needsSortProgressively=!0)}this._frame=0,this._temporalSS.resetFrame()},Ol.prototype.render=function(e,t){this._doRender(e,t,this._frame),this._frame++},Ol.prototype.needsAccumulate=function(){return this.needsTemporalSS()||this._needsSortProgressively},Ol.prototype.needsTemporalSS=function(){var e=this._enableTemporalSS;return"auto"===e&&(e=this._enablePostEffect),e},Ol.prototype.hasDOF=function(){return this._enableDOF},Ol.prototype.isAccumulateFinished=function(){return this.needsTemporalSS()?this._temporalSS.isFinished():this._frame>30},Ol.prototype._doRender=function(e,t,r){var i=this.scene,n=this.camera;r=r||0,this._updateTransparent(e,i,n,r),t||(this._shadowMapPass.kernelPCF=this._pcfKernels[0],this._shadowMapPass.render(e,i,n,!0)),this._updateShadowPCFKernel(r);var a,o=e.clearColor;e.gl.clearColor(o[0],o[1],o[2],o[3]),this._enablePostEffect&&(this.needsTemporalSS()&&this._temporalSS.jitterProjection(e,n),this._compositor.updateNormal(e,i,n,this._temporalSS.getFrame())),this._updateSSAO(e,i,n,this._temporalSS.getFrame()),this._enablePostEffect?((a=this._compositor.getSourceFrameBuffer()).bind(e),e.gl.clear(e.gl.DEPTH_BUFFER_BIT|e.gl.COLOR_BUFFER_BIT),e.render(i,n,!0,!0),a.unbind(e),this.needsTemporalSS()&&t?(this._compositor.composite(e,i,n,this._temporalSS.getSourceFrameBuffer(),this._temporalSS.getFrame()),e.setViewport(this.viewport),this._temporalSS.render(e)):(e.setViewport(this.viewport),this._compositor.composite(e,i,n,null,0))):this.needsTemporalSS()&&t?((a=this._temporalSS.getSourceFrameBuffer()).bind(e),e.saveClear(),e.clearBit=e.gl.DEPTH_BUFFER_BIT|e.gl.COLOR_BUFFER_BIT,e.render(i,n,!0,!0),e.restoreClear(),a.unbind(e),e.setViewport(this.viewport),this._temporalSS.render(e)):(e.setViewport(this.viewport),e.render(i,n,!0,!0))},Ol.prototype._updateTransparent=function(e,t,r,i){for(var n=new vt,a=new Ht,o=r.getWorldPosition(),s=t.getRenderList(r).transparent,l=0;l<s.length;l++){var h=s[l],u=h.geometry;Ht.invert(a,h.worldTransform),vt.transformMat4(n,o,a),u.needsSortTriangles&&u.needsSortTriangles()&&u.doSortTriangles(n,i),u.needsSortVertices&&u.needsSortVertices()&&u.doSortVertices(n,i)}},Ol.prototype._updateSSAO=function(e,t,r){var i=this._enableSSAO&&this._enablePostEffect;i&&this._compositor.updateSSAO(e,t,r,this._temporalSS.getFrame());for(var n=t.getRenderList(r),a=0;a<n.opaque.length;a++){var o=n.opaque[a];o.renderNormal&&o.material[i?"enableTexture":"disableTexture"]("ssaoMap"),i&&o.material.set("ssaoMap",this._compositor.getSSAOTexture())}},Ol.prototype._updateShadowPCFKernel=function(e){for(var t=this._pcfKernels[e%this._pcfKernels.length],r=this.scene.getRenderList(this.camera).opaque,i=0;i<r.length;i++)r[i].receiveShadow&&(r[i].material.set("pcfKernel",t),r[i].material.define("fragment","PCF_KERNEL_SIZE",t.length/2))},Ol.prototype.dispose=function(e){this._compositor.dispose(e.gl),this._temporalSS.dispose(e.gl),this._shadowMapPass.dispose(e)},Ol.prototype.setPostEffect=function(e,t){var r=this._compositor;this._enablePostEffect=e.get("enable");var i=e.getModel("bloom"),n=e.getModel("edge"),a=e.getModel("DOF",e.getModel("depthOfField")),o=e.getModel("SSAO",e.getModel("screenSpaceAmbientOcclusion")),s=e.getModel("SSR",e.getModel("screenSpaceReflection")),l=e.getModel("FXAA"),h=e.getModel("colorCorrection");i.get("enable")?r.enableBloom():r.disableBloom(),a.get("enable")?r.enableDOF():r.disableDOF(),s.get("enable")?r.enableSSR():r.disableSSR(),h.get("enable")?r.enableColorCorrection():r.disableColorCorrection(),n.get("enable")?r.enableEdge():r.disableEdge(),l.get("enable")?r.enableFXAA():r.disableFXAA(),this._enableDOF=a.get("enable"),this._enableSSAO=o.get("enable"),this._enableSSAO?r.enableSSAO():r.disableSSAO(),r.setBloomIntensity(i.get("intensity")),r.setEdgeColor(n.get("color")),r.setColorLookupTexture(h.get("lookupTexture"),t),r.setExposure(h.get("exposure")),["radius","quality","intensity"].forEach((function(e){r.setSSAOParameter(e,o.get(e))})),["quality","maxRoughness","physical"].forEach((function(e){r.setSSRParameter(e,s.get(e))})),["quality","focalDistance","focalRange","blurRadius","fstop"].forEach((function(e){r.setDOFParameter(e,a.get(e))})),["brightness","contrast","saturation"].forEach((function(e){r.setColorCorrection(e,h.get(e))}))},Ol.prototype.setDOFFocusOnPoint=function(e){if(this._enablePostEffect){if(e>this.camera.far||e<this.camera.near)return;return this._compositor.setDOFParameter("focalDistance",e),!0}},Ol.prototype.setTemporalSuperSampling=function(e){this._enableTemporalSS=e.get("enable")},Ol.prototype.isLinearSpace=function(){return this._enablePostEffect},Ol.prototype.setRootNode=function(e){if(this.rootNode!==e){for(var t=this.rootNode.children(),r=0;r<t.length;r++)e.add(t[r]);e!==this.scene&&this.scene.add(e),this.rootNode=e}},Ol.prototype.add=function(e){this.rootNode.add(e)},Ol.prototype.remove=function(e){this.rootNode.remove(e)},Ol.prototype.removeAll=function(e){this.rootNode.removeAll(e)},Object.assign(Ol.prototype,h);const Il=Ol;function Rl(e,t){var r=Ss(e.getBoxLayoutParams(),{width:t.getWidth(),height:t.getHeight()});r.y=t.getHeight()-r.y-r.height,this.viewGL.setViewport(r.x,r.y,r.width,r.height,t.getDevicePixelRatio());var i=e.get("boxWidth"),n=e.get("boxHeight"),a=e.get("boxDepth");this.getAxis("x").setExtent(-i/2,i/2),this.getAxis("y").setExtent(a/2,-a/2),this.getAxis("z").setExtent(-n/2,n/2),this.size=[i,n,a]}function Bl(e,t){var r={};e.eachSeries((function(e){if(e.coordinateSystem===this){var t=e.getData();["x","y","z"].forEach((function(e){t.mapDimensionsAll(e,!0).forEach((function(i){var n,a;n=e,a=t.getDataExtent(i,!0),r[n]=r[n]||[1/0,-1/0],r[n][0]=Math.min(a[0],r[n][0]),r[n][1]=Math.max(a[1],r[n][1])}))}))}}),this),["xAxis3D","yAxis3D","zAxis3D"].forEach((function(t){e.eachComponent(t,(function(e){var n=t.charAt(0),a=e.getReferringComponents("grid3D").models[0],o=a.coordinateSystem;if(o===this){var s=o.getAxis(n);if(!s){var l=i.helper.createScale(r[n]||[1/0,-1/0],e);(s=new cs(n,l)).type=e.get("type");var h="category"===s.type;s.onBand=h&&e.get("boundaryGap"),s.inverse=e.get("inverse"),e.axis=s,s.model=e,s.getLabelModel=function(){return e.getModel("axisLabel",a.getModel("axisLabel"))},s.getTickModel=function(){return e.getModel("axisTick",a.getModel("axisTick"))},o.addAxis(s)}}}),this)}),this),this.resize(this.model,t)}const Fl={dimensions:hs.prototype.dimensions,create:function(e,t){var r=[];e.eachComponent("grid3D",(function(e){e.__viewGL=e.__viewGL||new Il;var t=new hs;t.model=e,t.viewGL=e.__viewGL,e.coordinateSystem=t,r.push(t),t.resize=Rl,t.update=Bl}));var i=["xAxis3D","yAxis3D","zAxis3D"];return e.eachSeries((function(t){if("cartesian3D"===t.get("coordinateSystem")){if(null==(n=t.getReferringComponents("grid3D").models[0])){var r=function(e,t){return i.map((function(r){var i=e.getReferringComponents(r).models[0];return null==i&&(i=t.getComponent(r)),i}))}(t,e),n=r[0].getCoordSysModel();r.forEach((function(e){e.getCoordSysModel()}))}var a=n.coordinateSystem;t.coordinateSystem=a}})),r}};var zl=i.ComponentModel.extend({type:"cartesian3DAxis",axis:null,getCoordSysModel:function(){return this.ecModel.queryComponents({mainType:"grid3D",index:this.option.gridIndex,id:this.option.gridId})[0]}});i.helper.mixinAxisModelCommonMethods(zl);const Gl=zl;var Ul={show:!0,grid3DIndex:0,inverse:!1,name:"",nameLocation:"middle",nameTextStyle:{fontSize:16},nameGap:20,axisPointer:{},axisLine:{},axisTick:{},axisLabel:{},splitArea:{}},kl=i.util.merge({boundaryGap:!0,axisTick:{alignWithLabel:!1,interval:"auto"},axisLabel:{interval:"auto"},axisPointer:{label:{show:!1}}},Ul),Vl=i.util.merge({boundaryGap:[0,0],splitNumber:5,axisPointer:{label:{}}},Ul),Hl=i.util.defaults({scale:!0,min:"dataMin",max:"dataMax"},Vl),Wl=i.util.defaults({logBase:10},Vl);Wl.scale=!0;const jl={categoryAxis3D:kl,valueAxis3D:Vl,timeAxis3D:Hl,logAxis3D:Wl};function Xl(e){return("function"===(r=typeof(t=e))||t&&"object"===r)&&null!=e.value?e.value:e+"";var t,r}const ql=function(){function e(e){this.categories=e.categories||[],this._needCollect=e.needCollect,this._deduplication=e.deduplication}return e.createByAxisModel=function(t){var r=t.option,i=r.data,n=i&&xa(i,Xl);return new e({categories:n,needCollect:!n,deduplication:!1!==r.dedplication})},e.prototype.getOrdinal=function(e){return this._getOrCreateMap().get(e)},e.prototype.parseAndCollect=function(e){var t,r=this._needCollect;if("string"!=typeof e&&!r)return e;if(r&&!this._deduplication)return t=this.categories.length,this.categories[t]=e,t;var i=this._getOrCreateMap();return null==(t=i.get(e))&&(r?(t=this.categories.length,this.categories[t]=e,i.set(e,t)):t=NaN),t},e.prototype._getOrCreateMap=function(){return this._map||(this._map=(e=this.categories,new Ma(e)));var e},e}();var Zl=["value","category","time","log"];function Yl(e,t){return t.type||(t.data?"category":"value")}(0,i.use)((function(e){e.registerComponentModel(mo),e.registerComponentView(os),e.registerCoordinateSystem("grid3D",Fl),["x","y","z"].forEach((function(t){!function(e,t,r,n,a){Zl.forEach((function(o){var s=r.extend({type:t+"Axis3D."+o,__ordinalMeta:null,mergeDefaultAndTheme:function(e,r){var a=r.getTheme();i.util.merge(e,a.get(o+"Axis3D")),i.util.merge(e,this.getDefaultOption()),e.type=n(t,e)},optionUpdated:function(){"category"===this.option.type&&(this.__ordinalMeta=ql.createByAxisModel(this))},getCategories:function(){if("category"===this.option.type)return this.__ordinalMeta.categories},getOrdinalMeta:function(){return this.__ordinalMeta},defaultOption:i.util.merge(i.util.clone(jl[o+"Axis3D"]),a||{},!0)});e.registerComponentModel(s)})),e.registerSubTypeDefaulter(t+"Axis3D",i.util.curry(n,t))}(e,t,Gl,Yl,{name:t.toUpperCase()});const r=e.ComponentView.extend({type:t+"Axis3D"});e.registerComponentView(r)})),e.registerAction({type:"grid3DChangeCamera",event:"grid3dcamerachanged",update:"series:updateCamera"},(function(e,t){t.eachComponent({mainType:"grid3D",query:e},(function(t){t.setView(e)}))})),e.registerAction({type:"grid3DShowAxisPointer",event:"grid3dshowaxispointer",update:"grid3D:showAxisPointer"},(function(e,t){})),e.registerAction({type:"grid3DHideAxisPointer",event:"grid3dhideaxispointer",update:"grid3D:hideAxisPointer"},(function(e,t){}))}));const Kl={defaultOption:{shading:null,realisticMaterial:{textureTiling:1,textureOffset:0,detailTexture:null},lambertMaterial:{textureTiling:1,textureOffset:0,detailTexture:null},colorMaterial:{textureTiling:1,textureOffset:0,detailTexture:null},hatchingMaterial:{textureTiling:1,textureOffset:0,paperColor:"#fff"}}},Ql={getFilledRegions:function(e,t){var r,n=(e||[]).slice();if("string"==typeof t?r=(t=i.getMap(t))&&t.geoJson:t&&t.features&&(r=t),!r)return[];for(var a={},o=r.features,s=0;s<n.length;s++)a[n[s].name]=n[s];for(s=0;s<o.length;s++){var l=o[s].properties.name;a[l]||n.push({name:l})}return n},defaultOption:{show:!0,zlevel:-10,map:"",left:0,top:0,width:"100%",height:"100%",boxWidth:100,boxHeight:10,boxDepth:"auto",regionHeight:3,environment:"auto",groundPlane:{show:!1,color:"#aaa"},shading:"lambert",light:{main:{alpha:40,beta:30}},viewControl:{alpha:40,beta:0,distance:100,orthographicSize:60,minAlpha:5,minBeta:-80,maxBeta:80},label:{show:!1,distance:2,textStyle:{fontSize:20,color:"#000",backgroundColor:"rgba(255,255,255,0.7)",padding:3,borderRadius:4}},itemStyle:{color:"#fff",borderWidth:0,borderColor:"#333"},emphasis:{itemStyle:{color:"#639fc0"},label:{show:!0}}}};var Jl=i.ComponentModel.extend({type:"geo3D",layoutMode:"box",coordinateSystem:null,optionUpdated:function(){var e=this.option;e.regions=this.getFilledRegions(e.regions,e.map);var t=i.helper.createDimensions(e.data||[],{coordDimensions:["value"],encodeDefine:this.get("encode"),dimensionsDefine:this.get("dimensions")}),r=new i.List(t,this);r.initData(e.regions);var n={};r.each((function(e){var t=r.getName(e),i=r.getItemModel(e);n[t]=i})),this._regionModelMap=n,this._data=r},getData:function(){return this._data},getRegionModel:function(e){var t=this.getData().getName(e);return this._regionModelMap[t]||new i.Model(null,this)},getRegionPolygonCoords:function(e){var t=this.getData().getName(e),r=this.coordinateSystem.getRegion(t);return r?r.geometries:[]},getFormattedLabel:function(e,t){var r=this._data.getName(e),i=this.getRegionModel(e),n=i.get("normal"===t?["label","formatter"]:["emphasis","label","formatter"]);null==n&&(n=i.get(["label","formatter"]));var a={name:r};if("function"==typeof n)return a.status=t,n(a);if("string"==typeof n){var o=a.seriesName;return n.replace("{a}",null!=o?o:"")}return r},defaultOption:{regions:[]}});i.util.merge(Jl.prototype,Ql),i.util.merge(Jl.prototype,uo),i.util.merge(Jl.prototype,co),i.util.merge(Jl.prototype,fo),i.util.merge(Jl.prototype,Kl);const $l=Jl,eh=th;function th(e,t,r){r=r||2;var i,n,a,o,s,l,h,u=t&&t.length,c=u?t[0]*r:e.length,d=rh(e,0,c,r,!0),f=[];if(!d)return f;if(u&&(d=function(e,t,r,i){var n,a,o,s=[];for(n=0,a=t.length;n<a;n++)(o=rh(e,t[n]*i,n<a-1?t[n+1]*i:e.length,i,!1))===o.next&&(o.steiner=!0),s.push(dh(o));for(s.sort(hh),n=0;n<s.length;n++)uh(s[n],r),r=ih(r,r.next);return r}(e,t,d,r)),e.length>80*r){i=a=e[0],n=o=e[1];for(var p=r;p<c;p+=r)(s=e[p])<i&&(i=s),(l=e[p+1])<n&&(n=l),s>a&&(a=s),l>o&&(o=l);h=Math.max(a-i,o-n)}return nh(d,f,r,i,n,h),f}function rh(e,t,r,i,n){var a,o;if(n===Th(e,t,r,i)>0)for(a=t;a<r;a+=i)o=xh(a,e[a],e[a+1],o);else for(a=r-i;a>=t;a-=i)o=xh(a,e[a],e[a+1],o);return o&&gh(o,o.next)&&(bh(o),o=o.next),o}function ih(e,t){if(!e)return e;t||(t=e);var r,i=e;do{if(r=!1,i.steiner||!gh(i,i.next)&&0!==mh(i.prev,i,i.next))i=i.next;else{if(bh(i),(i=t=i.prev)===i.next)return null;r=!0}}while(r||i!==t);return t}function nh(e,t,r,i,n,a,o){if(e){!o&&a&&function(e,t,r,i){var n=e;do{null===n.z&&(n.z=ch(n.x,n.y,t,r,i)),n.prevZ=n.prev,n.nextZ=n.next,n=n.next}while(n!==e);n.prevZ.nextZ=null,n.prevZ=null,function(e){var t,r,i,n,a,o,s,l,h=1;do{for(r=e,e=null,a=null,o=0;r;){for(o++,i=r,s=0,t=0;t<h&&(s++,i=i.nextZ);t++);for(l=h;s>0||l>0&&i;)0!==s&&(0===l||!i||r.z<=i.z)?(n=r,r=r.nextZ,s--):(n=i,i=i.nextZ,l--),a?a.nextZ=n:e=n,n.prevZ=a,a=n;r=i}a.nextZ=null,h*=2}while(o>1)}(n)}(e,i,n,a);for(var s,l,h=e;e.prev!==e.next;)if(s=e.prev,l=e.next,a?oh(e,i,n,a):ah(e))t.push(s.i/r),t.push(e.i/r),t.push(l.i/r),bh(e),e=l.next,h=l.next;else if((e=l)===h){o?1===o?nh(e=sh(e,t,r),t,r,i,n,a,2):2===o&&lh(e,t,r,i,n,a):nh(ih(e),t,r,i,n,a,1);break}}}function ah(e){var t=e.prev,r=e,i=e.next;if(mh(t,r,i)>=0)return!1;for(var n=e.next.next;n!==e.prev;){if(fh(t.x,t.y,r.x,r.y,i.x,i.y,n.x,n.y)&&mh(n.prev,n,n.next)>=0)return!1;n=n.next}return!0}function oh(e,t,r,i){var n=e.prev,a=e,o=e.next;if(mh(n,a,o)>=0)return!1;for(var s=n.x<a.x?n.x<o.x?n.x:o.x:a.x<o.x?a.x:o.x,l=n.y<a.y?n.y<o.y?n.y:o.y:a.y<o.y?a.y:o.y,h=n.x>a.x?n.x>o.x?n.x:o.x:a.x>o.x?a.x:o.x,u=n.y>a.y?n.y>o.y?n.y:o.y:a.y>o.y?a.y:o.y,c=ch(s,l,t,r,i),d=ch(h,u,t,r,i),f=e.nextZ;f&&f.z<=d;){if(f!==e.prev&&f!==e.next&&fh(n.x,n.y,a.x,a.y,o.x,o.y,f.x,f.y)&&mh(f.prev,f,f.next)>=0)return!1;f=f.nextZ}for(f=e.prevZ;f&&f.z>=c;){if(f!==e.prev&&f!==e.next&&fh(n.x,n.y,a.x,a.y,o.x,o.y,f.x,f.y)&&mh(f.prev,f,f.next)>=0)return!1;f=f.prevZ}return!0}function sh(e,t,r){var i=e;do{var n=i.prev,a=i.next.next;!gh(n,a)&&_h(n,i,i.next,a)&&vh(n,a)&&vh(a,n)&&(t.push(n.i/r),t.push(i.i/r),t.push(a.i/r),bh(i),bh(i.next),i=e=a),i=i.next}while(i!==e);return i}function lh(e,t,r,i,n,a){var o=e;do{for(var s=o.next.next;s!==o.prev;){if(o.i!==s.i&&ph(o,s)){var l=yh(o,s);return o=ih(o,o.next),l=ih(l,l.next),nh(o,t,r,i,n,a),void nh(l,t,r,i,n,a)}s=s.next}o=o.next}while(o!==e)}function hh(e,t){return e.x-t.x}function uh(e,t){if(t=function(e,t){var r,i=t,n=e.x,a=e.y,o=-1/0;do{if(a<=i.y&&a>=i.next.y&&i.next.y!==i.y){var s=i.x+(a-i.y)*(i.next.x-i.x)/(i.next.y-i.y);if(s<=n&&s>o){if(o=s,s===n){if(a===i.y)return i;if(a===i.next.y)return i.next}r=i.x<i.next.x?i:i.next}}i=i.next}while(i!==t);if(!r)return null;if(n===o)return r.prev;var l,h=r,u=r.x,c=r.y,d=1/0;for(i=r.next;i!==h;)n>=i.x&&i.x>=u&&n!==i.x&&fh(a<c?n:o,a,u,c,a<c?o:n,a,i.x,i.y)&&((l=Math.abs(a-i.y)/(n-i.x))<d||l===d&&i.x>r.x)&&vh(i,e)&&(r=i,d=l),i=i.next;return r}(e,t)){var r=yh(t,e);ih(r,r.next)}}function ch(e,t,r,i,n){return(e=1431655765&((e=858993459&((e=252645135&((e=16711935&((e=32767*(e-r)/n)|e<<8))|e<<4))|e<<2))|e<<1))|(t=1431655765&((t=858993459&((t=252645135&((t=16711935&((t=32767*(t-i)/n)|t<<8))|t<<4))|t<<2))|t<<1))<<1}function dh(e){var t=e,r=e;do{t.x<r.x&&(r=t),t=t.next}while(t!==e);return r}function fh(e,t,r,i,n,a,o,s){return(n-o)*(t-s)-(e-o)*(a-s)>=0&&(e-o)*(i-s)-(r-o)*(t-s)>=0&&(r-o)*(a-s)-(n-o)*(i-s)>=0}function ph(e,t){return e.next.i!==t.i&&e.prev.i!==t.i&&!function(e,t){var r=e;do{if(r.i!==e.i&&r.next.i!==e.i&&r.i!==t.i&&r.next.i!==t.i&&_h(r,r.next,e,t))return!0;r=r.next}while(r!==e);return!1}(e,t)&&vh(e,t)&&vh(t,e)&&function(e,t){var r=e,i=!1,n=(e.x+t.x)/2,a=(e.y+t.y)/2;do{r.y>a!=r.next.y>a&&r.next.y!==r.y&&n<(r.next.x-r.x)*(a-r.y)/(r.next.y-r.y)+r.x&&(i=!i),r=r.next}while(r!==e);return i}(e,t)}function mh(e,t,r){return(t.y-e.y)*(r.x-t.x)-(t.x-e.x)*(r.y-t.y)}function gh(e,t){return e.x===t.x&&e.y===t.y}function _h(e,t,r,i){return!!(gh(e,t)&&gh(r,i)||gh(e,i)&&gh(r,t))||mh(e,t,r)>0!=mh(e,t,i)>0&&mh(r,i,e)>0!=mh(r,i,t)>0}function vh(e,t){return mh(e.prev,e,e.next)<0?mh(e,t,e.next)>=0&&mh(e,e.prev,t)>=0:mh(e,t,e.prev)<0||mh(e,e.next,t)<0}function yh(e,t){var r=new wh(e.i,e.x,e.y),i=new wh(t.i,t.x,t.y),n=e.next,a=t.prev;return e.next=t,t.prev=e,r.next=n,n.prev=r,i.next=r,r.prev=i,a.next=i,i.prev=a,i}function xh(e,t,r,i){var n=new wh(e,t,r);return i?(n.next=i.next,n.prev=i,i.next.prev=n,i.next=n):(n.prev=n,n.next=n),n}function bh(e){e.next.prev=e.prev,e.prev.next=e.next,e.prevZ&&(e.prevZ.nextZ=e.nextZ),e.nextZ&&(e.nextZ.prevZ=e.prevZ)}function wh(e,t,r){this.i=e,this.x=t,this.y=r,this.prev=null,this.next=null,this.z=null,this.prevZ=null,this.nextZ=null,this.steiner=!1}function Th(e,t,r,i){for(var n=0,a=t,o=r-i;a<r;a+=i)n+=(e[o]-e[a])*(e[a+1]+e[o+1]),o=a;return n}function Sh(e,t,r){var i=e[t];e[t]=e[r],e[r]=i}function Mh(e,t,r,i,n){var a=r,o=e[t];Sh(e,t,i);for(var s=r;s<i;s++)n(e[s],o)<0&&(Sh(e,s,a),a++);return Sh(e,i,a),a}function Ah(e,t,r,i){if(r<i){var n=Mh(e,Math.floor((r+i)/2),r,i,t);Ah(e,t,r,n-1),Ah(e,t,n+1,i)}}function Eh(){this._parts=[]}th.deviation=function(e,t,r,i){var n=t&&t.length,a=n?t[0]*r:e.length,o=Math.abs(Th(e,0,a,r));if(n)for(var s=0,l=t.length;s<l;s++){var h=t[s]*r,u=s<l-1?t[s+1]*r:e.length;o-=Math.abs(Th(e,h,u,r))}var c=0;for(s=0;s<i.length;s+=3){var d=i[s]*r,f=i[s+1]*r,p=i[s+2]*r;c+=Math.abs((e[d]-e[p])*(e[f+1]-e[d+1])-(e[d]-e[f])*(e[p+1]-e[d+1]))}return 0===o&&0===c?0:Math.abs((c-o)/o)},Eh.prototype.step=function(e,t,r){var i=e.length;if(0===r){this._parts=[],this._sorted=!1;var n=Math.floor(i/2);this._parts.push({pivot:n,left:0,right:i-1}),this._currentSortPartIdx=0}if(!this._sorted){var a=this._parts;if(0===a.length)return this._sorted=!0,!0;if(a.length<512){for(var o=0;o<a.length;o++)a[o].pivot=Mh(e,a[o].pivot,a[o].left,a[o].right,t);var s=[];for(o=0;o<a.length;o++){var l,h=a[o].left;(l=a[o].pivot-1)>h&&s.push({pivot:Math.floor((l+h)/2),left:h,right:l}),h=a[o].pivot+1,(l=a[o].right)>h&&s.push({pivot:Math.floor((l+h)/2),left:h,right:l})}a=this._parts=s}else for(o=0;o<Math.floor(a.length/10);o++){var u=a.length-1-this._currentSortPartIdx;if(Ah(e,t,a[u].left,a[u].right),this._currentSortPartIdx++,this._currentSortPartIdx===a.length)return this._sorted=!0,!0}return!1}},Eh.sort=Ah;const Ch=Eh;var Dh=Po.vec3,Lh=Dh.create(),Ph=Dh.create(),Oh=Dh.create();const Nh={needsSortTriangles:function(){return this.indices&&this.sortTriangles},needsSortTrianglesProgressively:function(){return this.needsSortTriangles()&&this.triangleCount>=2e4},doSortTriangles:function(e,t){var r=this.indices;if(0===t){var i=this.attributes.position;e=e.array,this._triangleZList&&this._triangleZList.length===this.triangleCount||(this._triangleZList=new Float32Array(this.triangleCount),this._sortedTriangleIndices=new Uint32Array(this.triangleCount),this._indicesTmp=new r.constructor(r.length),this._triangleZListTmp=new Float32Array(this.triangleCount));for(var n,a=0,o=0;o<r.length;){i.get(r[o++],Lh),i.get(r[o++],Ph),i.get(r[o++],Oh);var s=Dh.sqrDist(Lh,e),l=Dh.sqrDist(Ph,e),h=Dh.sqrDist(Oh,e),u=Math.min(s,l);u=Math.min(u,h),3===o?(n=u,u=0):u-=n,this._triangleZList[a++]=u}}var c=this._sortedTriangleIndices;for(o=0;o<c.length;o++)c[o]=o;if(this.triangleCount<2e4)0===t&&this._simpleSort(!0);else for(o=0;o<3;o++)this._progressiveQuickSort(3*t+o);var d=this._indicesTmp,f=this._triangleZListTmp,p=this._triangleZList;for(o=0;o<this.triangleCount;o++){var m=3*c[o],g=3*o;d[g++]=r[m++],d[g++]=r[m++],d[g]=r[m],f[o]=p[c[o]]}var _=this._indicesTmp;this._indicesTmp=this.indices,this.indices=_,_=this._triangleZListTmp,this._triangleZListTmp=this._triangleZList,this._triangleZList=_,this.dirtyIndices()},_simpleSort:function(e){var t=this._triangleZList,r=this._sortedTriangleIndices;function i(e,r){return t[r]-t[e]}e?Array.prototype.sort.call(r,i):Ch.sort(r,i,0,r.length-1)},_progressiveQuickSort:function(e){var t=this._triangleZList,r=this._sortedTriangleIndices;this._quickSort=this._quickSort||new Ch,this._quickSort.step(r,(function(e,r){return t[r]-t[e]}),e)}};function Ih(e,t){const r=e.getItemVisual(t,"style");if(r)return r[e.getVisual("drawType")]}function Rh(e,t){const r=e.getItemVisual(t,"style");return r&&r.opacity}function Bh(e,t,r){this._labelsMesh=new Qo,this._labelTextureSurface=new zo({width:512,height:512,devicePixelRatio:r.getDevicePixelRatio(),onupdate:function(){r.getZr().refresh()}}),this._api=r,this._labelsMesh.material.set("textureAtlas",this._labelTextureSurface.getTexture())}Bh.prototype.getLabelPosition=function(e,t,r){return[0,0,0]},Bh.prototype.getLabelDistance=function(e,t,r){return 0},Bh.prototype.getMesh=function(){return this._labelsMesh},Bh.prototype.updateData=function(e,t,r){null==t&&(t=0),null==r&&(r=e.count()),this._labelsVisibilitiesBits&&this._labelsVisibilitiesBits.length===r-t||(this._labelsVisibilitiesBits=new Uint8Array(r-t));for(var i=["label","show"],n=["emphasis","label","show"],a=t;a<r;a++){var o=e.getItemModel(a),s=o.get(i),l=o.get(n);null==l&&(l=s);var h=(s?1:0)|(l?2:0);this._labelsVisibilitiesBits[a-t]=h}this._start=t,this._end=r,this._data=e},Bh.prototype.updateLabels=function(e){if(this._data){for(var t=(e=e||[]).length>0,r={},n=0;n<e.length;n++)r[e[n]]=!0;this._labelsMesh.geometry.convertToDynamicArray(!0),this._labelTextureSurface.clear();for(var a=["label"],o=["emphasis","label"],s=this._data.hostModel,l=this._data,h=s.getModel(a),u=s.getModel(o,h),c={left:"right",right:"left",top:"center",bottom:"center"},d={left:"middle",right:"middle",top:"bottom",bottom:"top"},f=this._start;f<this._end;f++){var p=!1;if(t&&r[f]&&(p=!0),this._labelsVisibilitiesBits[f-this._start]&(p?2:1)){var m=l.getItemModel(f).getModel(p?o:a,p?u:h),g=m.get("distance")||0,_=m.get("position"),v=this._api.getDevicePixelRatio(),y=s.getFormattedLabel(f,p?"emphasis":"normal");if(null==y||""===y)return;var x=new i.graphic.Text({style:xo(m,{text:y,fill:m.get("color")||Ih(l,f)||"#000",align:"left",verticalAlign:"top",opacity:Mn(m.get("opacity"),Rh(l,f),1)})}),b=x.getBoundingRect();b.height*=1.2;var w=this._labelTextureSurface.add(x),T=c[_]||"center",S=d[_]||"bottom";this._labelsMesh.geometry.addSprite(this.getLabelPosition(f,_,g),[b.width*v,b.height*v],w,T,S,this.getLabelDistance(f,_,g)*v)}}this._labelsMesh.material.set("uvScale",this._labelTextureSurface.getCoordsScale()),this._labelTextureSurface.getZr().refreshImmediately(),this._labelsMesh.geometry.convertToTypedArray(),this._labelsMesh.geometry.dirty()}},Bh.prototype.dispose=function(){this._labelTextureSurface.dispose()};const Fh=Bh;var zh=Po.vec3;function Gh(e){this.rootNode=new Ka.Node,this._triangulationResults={},this._shadersMap=Ka.COMMON_SHADERS.filter((function(e){return"shadow"!==e})).reduce((function(e,t){return e[t]=Ka.createShader("ecgl."+t),e}),{}),this._linesShader=Ka.createShader("ecgl.meshLines3D");var t={};Ka.COMMON_SHADERS.forEach((function(e){t[e]=new Ka.Material({shader:Ka.createShader("ecgl."+e)})})),this._groundMaterials=t,this._groundMesh=new Ka.Mesh({geometry:new Ka.PlaneGeometry({dynamic:!0}),castShadow:!1,renderNormal:!0,$ignorePicking:!0}),this._groundMesh.rotation.rotateX(-Math.PI/2),this._labelsBuilder=new Fh(512,512,e),this._labelsBuilder.getMesh().renderOrder=100,this._labelsBuilder.getMesh().material.depthTest=!1,this.rootNode.add(this._labelsBuilder.getMesh()),this._initMeshes(),this._api=e}Ka.Shader.import(is),Gh.prototype={constructor:Gh,extrudeY:!0,update:function(e,t,r,i,n){var a=e.getData();null==i&&(i=0),null==n&&(n=a.count()),this._startIndex=i,this._endIndex=n-1,this._triangulation(e,i,n);var o=this._getShader(e.get("shading"));this._prepareMesh(e,o,r,i,n),this.rootNode.updateWorldTransform(),this._updateRegionMesh(e,r,i,n);var s=e.coordinateSystem;"geo3D"===s.type&&this._updateGroundPlane(e,s,r);var l=this;this._labelsBuilder.updateData(a,i,n),this._labelsBuilder.getLabelPosition=function(e,t,r){var i=a.getName(e),n=r;if("geo3D"===s.type){var o=s.getRegion(i);return o?(u=o.getCenter(),s.dataToPoint([u[0],u[1],n])):[NaN,NaN,NaN]}var h=l._triangulationResults[e-l._startIndex],u=l.extrudeY?[(h.max[0]+h.min[0])/2,h.max[1]+n,(h.max[2]+h.min[2])/2]:[(h.max[0]+h.min[0])/2,(h.max[1]+h.min[1])/2,h.max[2]+n]},this._data=a,this._labelsBuilder.updateLabels(),this._updateDebugWireframe(e),this._lastHoverDataIndex=0},_initMeshes:function(){var e=this,t=function(){var t=new Ka.Mesh({name:"Polygon",material:new Ka.Material({shader:e._shadersMap.lambert}),geometry:new Ka.Geometry({sortTriangles:!0,dynamic:!0}),culling:!1,ignorePicking:!0,renderNormal:!0});return Object.assign(t.geometry,Nh),t}(),r=new Ka.Mesh({material:new Ka.Material({shader:this._linesShader}),castShadow:!1,ignorePicking:!0,$ignorePicking:!0,geometry:new Ro({useNativeLine:!1})});this.rootNode.add(t),this.rootNode.add(r),t.material.define("both","VERTEX_COLOR"),t.material.define("fragment","DOUBLE_SIDED"),this._polygonMesh=t,this._linesMesh=r,this.rootNode.add(this._groundMesh)},_getShader:function(e){var t=this._shadersMap[e];return t||(t=this._shadersMap.lambert),t.__shading=e,t},_prepareMesh:function(e,t,r,i,n){for(var a=0,o=0,s=0,l=0,h=i;h<n;h++){var u=this._getRegionPolygonInfo(h),c=this._getRegionLinesInfo(h,e,this._linesMesh.geometry);a+=u.vertexCount,o+=u.triangleCount,s+=c.vertexCount,l+=c.triangleCount}var d=this._polygonMesh,f=d.geometry;["position","normal","texcoord0","color"].forEach((function(e){f.attributes[e].init(a)})),f.indices=a>65535?new Uint32Array(3*o):new Uint16Array(3*o),d.material.shader!==t&&d.material.attachShader(t,!0),Ka.setMaterialFromModel(t.__shading,d.material,e,r),s>0&&(this._linesMesh.geometry.resetOffset(),this._linesMesh.geometry.setVertexCount(s),this._linesMesh.geometry.setTriangleCount(l)),this._dataIndexOfVertex=new Uint32Array(a),this._vertexRangeOfDataIndex=new Uint32Array(2*(n-i))},_updateRegionMesh:function(e,t,r,i){for(var n=e.getData(),a=0,o=0,s=!1,l=this._polygonMesh,h=this._linesMesh,u=r;u<i;u++){var c=e.getRegionModel(u),d=c.getModel("itemStyle"),f=Mn(Ih(n,u),d.get("color"),"#fff"),p=Mn(Rh(n,u),d.get("opacity"),1),m=Ka.parseColor(f),g=Ka.parseColor(d.get("borderColor"));m[3]*=p,g[3]*=p;var _=m[3]<.99;l.material.set("color",[1,1,1,1]),s=s||_;for(var v=Mn(c.get("height",!0),e.get("regionHeight")),y=this._updatePolygonGeometry(e,l.geometry,u,v,a,o,m),x=a;x<y.vertexOffset;x++)this._dataIndexOfVertex[x]=u;this._vertexRangeOfDataIndex[2*(u-r)]=a,this._vertexRangeOfDataIndex[2*(u-r)+1]=y.vertexOffset,a=y.vertexOffset,o=y.triangleOffset;var b=d.get("borderWidth"),w=b>0;w&&(b*=t.getDevicePixelRatio(),this._updateLinesGeometry(h.geometry,e,u,v,b,e.coordinateSystem.transform)),h.invisible=!w,h.material.set({color:g})}(l=this._polygonMesh).material.transparent=s,l.material.depthMask=!s,l.geometry.updateBoundingBox(),l.frontFace=this.extrudeY?Ka.Mesh.CCW:Ka.Mesh.CW,l.material.get("normalMap")&&l.geometry.generateTangents(),l.seriesIndex=e.seriesIndex,l.on("mousemove",this._onmousemove,this),l.on("mouseout",this._onmouseout,this)},_updateDebugWireframe:function(e){var t=e.getModel("debug.wireframe");if(t.get("show")){var r=Ka.parseColor(t.get("lineStyle.color")||"rgba(0,0,0,0.5)"),i=Mn(t.get("lineStyle.width"),1),n=this._polygonMesh;n.geometry.generateBarycentric(),n.material.define("both","WIREFRAME_TRIANGLE"),n.material.set("wireframeLineColor",r),n.material.set("wireframeLineWidth",i)}},_onmousemove:function(e){var t=this._dataIndexOfVertex[e.triangle[0]];null==t&&(t=-1),t!==this._lastHoverDataIndex&&(this.downplay(this._lastHoverDataIndex),this.highlight(t),this._labelsBuilder.updateLabels([t])),this._lastHoverDataIndex=t,this._polygonMesh.dataIndex=t},_onmouseout:function(e){e.target&&(this.downplay(this._lastHoverDataIndex),this._lastHoverDataIndex=-1,this._polygonMesh.dataIndex=-1),this._labelsBuilder.updateLabels([])},_updateGroundPlane:function(e,t,r){var i=e.getModel("groundPlane",e);if(this._groundMesh.invisible=!i.get("show",!0),!this._groundMesh.invisible){var n=e.get("shading"),a=this._groundMaterials[n];a||(a=this._groundMaterials.lambert),Ka.setMaterialFromModel(n,a,i,r),a.get("normalMap")&&this._groundMesh.geometry.generateTangents(),this._groundMesh.material=a,this._groundMesh.material.set("color",Ka.parseColor(i.get("color"))),this._groundMesh.scale.set(t.size[0],t.size[2],1)}},_triangulation:function(e,t,r){this._triangulationResults=[];for(var i=[1/0,1/0,1/0],n=[-1/0,-1/0,-1/0],a=e.coordinateSystem,o=t;o<r;o++){for(var s=[],l=e.getRegionPolygonCoords(o),h=0;h<l.length;h++){var u=l[h].exterior,c=l[h].interiors,d=[],f=[];if(!(u.length<3)){for(var p=0,m=0;m<u.length;m++){var g=u[m];d[p++]=g[0],d[p++]=g[1]}for(m=0;m<c.length;m++)if(!(c[m].length<3)){for(var _=d.length/2,v=0;v<c[m].length;v++)g=c[m][v],d.push(g[0]),d.push(g[1]);f.push(_)}var y=eh(d,f),x=new Float64Array(d.length/2*3),b=[],w=[1/0,1/0,1/0],T=[-1/0,-1/0,-1/0],S=0;for(m=0;m<d.length;)zh.set(b,d[m++],0,d[m++]),a&&a.transform&&zh.transformMat4(b,b,a.transform),zh.min(w,w,b),zh.max(T,T,b),x[S++]=b[0],x[S++]=b[1],x[S++]=b[2];zh.min(i,i,w),zh.max(n,n,T),s.push({points:x,indices:y,min:w,max:T})}}this._triangulationResults.push(s)}this._geoBoundingBox=[i,n]},_getRegionPolygonInfo:function(e){for(var t=this._triangulationResults[e-this._startIndex],r=0,i=0,n=0;n<t.length;n++)r+=t[n].points.length/3,i+=t[n].indices.length/3;return{vertexCount:2*r+4*r,triangleCount:2*i+2*r}},_updatePolygonGeometry:function(e,t,r,i,n,a,o){var s=e.get("projectUVOnGround"),l=t.attributes.position,h=t.attributes.normal,u=t.attributes.texcoord0,c=t.attributes.color,d=this._triangulationResults[r-this._startIndex],f=c.value&&o,p=t.indices,m=this.extrudeY?1:2,g=this.extrudeY?2:1,_=[this.rootNode.worldTransform.x.len(),this.rootNode.worldTransform.y.len(),this.rootNode.worldTransform.z.len()],v=zh.mul([],this._geoBoundingBox[0],_),y=zh.mul([],this._geoBoundingBox[1],_),x=Math.max(y[0]-v[0],y[2]-v[2]);function b(e,t,r){var i=n;!function(e,t,r){for(var i=e.points,a=i.length,s=[],h=[],d=0;d<a;d+=3)s[0]=i[d],s[m]=t,s[g]=i[d+2],h[0]=(i[d]*_[0]-v[0])/x,h[1]=(i[d+2]*_[g]-v[2])/x,l.set(n,s),f&&c.set(n,o),u.set(n++,h)}(e,t);for(var s=e.indices.length,h=0;h<s;h++)p[3*a+h]=e.indices[h]+i;a+=e.indices.length/3}for(var w=this.extrudeY?[0,1,0]:[0,0,1],T=zh.negate([],w),S=0;S<d.length;S++){var M=n,A=d[S];b(A,0),b(A,i);for(var E=A.points.length/3,C=0;C<E;C++)h.set(M+C,T),h.set(M+C+E,w);var D=[0,3,1,1,3,2],L=[[],[],[],[]],P=[],O=[],N=[],I=[],R=0;for(C=0;C<E;C++){for(var B=(C+1)%E,F=(A.points[3*B]-A.points[3*C])*_[0],z=(A.points[3*B+2]-A.points[3*C+2])*_[g],G=Math.sqrt(F*F+z*z),U=0;U<4;U++){var k=0===U||3===U,V=3*(k?C:B);L[U][0]=A.points[V],L[U][m]=U>1?i:0,L[U][g]=A.points[V+2],l.set(n+U,L[U]),s?(I[0]=(A.points[V]*_[0]-v[0])/x,I[1]=(A.points[V+2]*_[g]-v[g])/x):(I[0]=(k?R:R+G)/x,I[1]=(L[U][m]*_[m]-v[m])/x),u.set(n+U,I)}for(zh.sub(P,L[1],L[0]),zh.sub(O,L[3],L[0]),zh.cross(N,P,O),zh.normalize(N,N),U=0;U<4;U++)h.set(n+U,N),f&&c.set(n+U,o);for(U=0;U<6;U++)p[3*a+U]=D[U]+n;n+=4,a+=2,R+=G}}return t.dirty(),{vertexOffset:n,triangleOffset:a}},_getRegionLinesInfo:function(e,t,r){var i=0,n=0;return t.getRegionModel(e).getModel("itemStyle").get("borderWidth")>0&&t.getRegionPolygonCoords(e).forEach((function(e){var t=e.exterior,a=e.interiors;i+=r.getPolylineVertexCount(t),n+=r.getPolylineTriangleCount(t);for(var o=0;o<a.length;o++)i+=r.getPolylineVertexCount(a[o]),n+=r.getPolylineTriangleCount(a[o])}),this),{vertexCount:i,triangleCount:n}},_updateLinesGeometry:function(e,t,r,i,n,a){function o(e){for(var t=new Float64Array(3*e.length),r=0,n=[],o=0;o<e.length;o++)n[0]=e[o][0],n[1]=i+.1,n[2]=e[o][1],a&&zh.transformMat4(n,n,a),t[r++]=n[0],t[r++]=n[1],t[r++]=n[2];return t}var s=[1,1,1,1];t.getRegionPolygonCoords(r).forEach((function(t){var r=t.exterior,i=t.interiors;e.addPolyline(o(r),s,n);for(var a=0;a<i.length;a++)e.addPolyline(o(i[a]),s,n)}))},highlight:function(e){var t=this._data;if(t){var r=t.getItemModel(e).getModel(["emphasis","itemStyle"]),n=r.get("color"),a=Mn(r.get("opacity"),Rh(t,e),1);if(null==n){var o=Ih(t,e);n=i.color.lift(o,-.4)}null==a&&(a=Rh(t,e));var s=Ka.parseColor(n);s[3]*=a,this._setColorOfDataIndex(t,e,s)}},downplay:function(e){var t=this._data;if(t){var r=t.getItemModel(e),i=Mn(Ih(t,e),r.get(["itemStyle","color"]),"#fff"),n=Mn(Rh(t,e),r.get(["itemStyle","opacity"]),1),a=Ka.parseColor(i);a[3]*=n,this._setColorOfDataIndex(t,e,a)}},dispose:function(){this._labelsBuilder.dispose()},_setColorOfDataIndex:function(e,t,r){if(!(t<this._startIndex&&t>this._endIndex)){t-=this._startIndex;for(var i=this._vertexRangeOfDataIndex[2*t];i<this._vertexRangeOfDataIndex[2*t+1];i++)this._polygonMesh.geometry.attributes.color.set(i,r);this._polygonMesh.geometry.dirty(),this._api.getZr().refresh()}}};const Uh=Gh,kh=i.ComponentView.extend({type:"geo3D",__ecgl__:!0,init:function(e,t){this._geo3DBuilder=new Uh(t),this.groupGL=new Ka.Node,this._lightRoot=new Ka.Node,this._sceneHelper=new Uo(this._lightRoot),this._sceneHelper.initLight(this._lightRoot),this._control=new Do({zr:t.getZr()}),this._control.init()},render:function(e,t,r){this.groupGL.add(this._geo3DBuilder.rootNode);var i=e.coordinateSystem;if(i&&i.viewGL){i.viewGL.add(this._lightRoot),e.get("show")?i.viewGL.add(this.groupGL):i.viewGL.remove(this.groupGL);var n=this._control;n.setViewGL(i.viewGL);var a=e.getModel("viewControl");n.setFromViewControlModel(a,0),this._sceneHelper.setScene(i.viewGL.scene),this._sceneHelper.updateLight(e),i.viewGL.setPostEffect(e.getModel("postEffect"),r),i.viewGL.setTemporalSuperSampling(e.getModel("temporalSuperSampling")),this._geo3DBuilder.update(e,t,r,0,e.getData().count());var o=i.viewGL.isLinearSpace()?"define":"undefine";this._geo3DBuilder.rootNode.traverse((function(e){e.material&&e.material[o]("fragment","SRGB_DECODE")})),n.off("update"),n.on("update",(function(){r.dispatchAction({type:"geo3DChangeCamera",alpha:n.getAlpha(),beta:n.getBeta(),distance:n.getDistance(),center:n.getCenter(),from:this.uid,geo3DId:e.id})})),n.update()}},afterRender:function(e,t,r,i){var n=i.renderer;this._sceneHelper.updateAmbientCubemap(n,e,r),this._sceneHelper.updateSkybox(n,e,r)},dispose:function(){this._control.dispose(),this._geo3DBuilder.dispose()}});var Vh={南海诸岛:[32,80],广东:[0,-10],香港:[10,5],澳门:[-10,10],天津:[5,5]},Hh={Russia:[100,60],"United States":[-99,38],"United States of America":[-99,38]},Wh=Po.vec3,jh=Po.mat4,Xh=[function(e,t){if("china"===e){var r=Vh[t.name];if(r){var i=t.getCenter();i[0]+=r[0]/10.5,i[1]+=-r[1]/14,t.setCenter(i)}}},function(e,t){if("world"===e){var r=Hh[t.name];if(r){var i=[r[0],r[1]];t.setCenter(i)}}}];function qh(e,t,r,i,n){this.name=e,this.map=t,this.regionHeight=0,this.regions=[],this._nameCoordMap={},this.loadGeoJson(r,i,n),this.transform=jh.identity(new Float64Array(16)),this.invTransform=jh.identity(new Float64Array(16)),this.extrudeY=!0,this.altitudeAxis}qh.prototype={constructor:qh,type:"geo3D",dimensions:["lng","lat","alt"],containPoint:function(){},loadGeoJson:function(e,t,r){var n=i.parseGeoJSON||i.parseGeoJson;try{this.regions=e?n(e):[]}catch(e){throw"Invalid geoJson format\n"+e}t=t||{},r=r||{};for(var a=this.regions,o={},s=0;s<a.length;s++){var l=a[s].name;l=r[l]||l,a[s].name=l,o[l]=a[s],this.addGeoCoord(l,a[s].getCenter());var h=t[l];h&&a[s].transformTo(h.left,h.top,h.width,h.height)}this._regionsMap=o,this._geoRect=null,Xh.forEach((function(e){e(this)}),this)},getGeoBoundingRect:function(){if(this._geoRect)return this._geoRect;for(var e,t=this.regions,r=0;r<t.length;r++){var n=t[r].getBoundingRect();(e=e||n.clone()).union(n)}return this._geoRect=e||new i.graphic.BoundingRect(0,0,0,0)},addGeoCoord:function(e,t){this._nameCoordMap[e]=t},getRegion:function(e){return this._regionsMap[e]},getRegionByCoord:function(e){for(var t=this.regions,r=0;r<t.length;r++)if(t[r].contain(e))return t[r]},setSize:function(e,t,r){this.size=[e,t,r];var i=this.getGeoBoundingRect(),n=e/i.width,a=-r/i.height,o=-e/2-i.x*n,s=r/2-i.y*a,l=this.extrudeY?[o,0,s]:[o,s,0],h=this.extrudeY?[n,1,a]:[n,a,1],u=this.transform;jh.identity(u),jh.translate(u,u,l),jh.scale(u,u,h),jh.invert(this.invTransform,u)},dataToPoint:function(e,t){t=t||[];var r=this.extrudeY?1:2,i=this.extrudeY?2:1,n=e[2];return isNaN(n)&&(n=0),t[0]=e[0],t[i]=e[1],this.altitudeAxis?t[r]=this.altitudeAxis.dataToCoord(n):t[r]=0,t[r]+=this.regionHeight,Wh.transformMat4(t,t,this.transform),t},pointToData:function(e,t){}};const Zh=qh;function Yh(e,t){var r=Ss(e.getBoxLayoutParams(),{width:t.getWidth(),height:t.getHeight()});r.y=t.getHeight()-r.y-r.height,this.viewGL.setViewport(r.x,r.y,r.width,r.height,t.getDevicePixelRatio());var i=this.getGeoBoundingRect(),n=i.width/i.height*(e.get("aspectScale")||.75),a=e.get("boxWidth"),o=e.get("boxDepth"),s=e.get("boxHeight");null==s&&(s=5),isNaN(a)&&isNaN(o)&&(a=100),isNaN(o)?o=a/n:isNaN(a)&&(a=o/n),this.setSize(a,s,o),this.regionHeight=e.get("regionHeight"),this.altitudeAxis&&this.altitudeAxis.setExtent(0,Math.max(s-this.regionHeight,0))}function Kh(e,t){var r=[1/0,-1/0];if(e.eachSeries((function(e){if(e.coordinateSystem===this&&"series.map3D"!==e.type){var t=e.getData(),i=e.coordDimToDataDim("alt"),n=i&&i[0];if(n){var a=t.getDataExtent(n,!0);r[0]=Math.min(r[0],a[0]),r[1]=Math.max(r[1],a[1])}}}),this),r&&isFinite(r[1]-r[0])){var n=i.helper.createScale(r,{type:"value",min:"dataMin",max:"dataMax"});this.altitudeAxis=new i.Axis("altitude",n),this.resize(this.model,t)}}var Qh=0,Jh={dimensions:Zh.prototype.dimensions,create:function(e,t){var r=[];if(!i.getMap)throw new Error("geo3D component depends on geo component");function n(e,i){var n=Jh.createGeo3D(e);e.__viewGL=e.__viewGL||new Il,n.viewGL=e.__viewGL,e.coordinateSystem=n,n.model=e,r.push(n),n.resize=Yh,n.resize(e,t),n.update=Kh}return e.eachComponent("geo3D",(function(e,t){n(e)})),e.eachSeriesByType("map3D",(function(e,t){var r=e.get("coordinateSystem");null==r&&(r="geo3D"),"geo3D"===r&&n(e)})),e.eachSeries((function(t){if("geo3D"===t.get("coordinateSystem")){if("series.map3D"===t.type)return;var r=t.getReferringComponents("geo3D").models[0];if(r||(r=e.getComponent("geo3D")),!r)throw new Error('geo "'+Mn(t.get("geo3DIndex"),t.get("geo3DId"),0)+'" not found');t.coordinateSystem=r.coordinateSystem}})),r},createGeo3D:function(e){var t,r=e.get("map");return"string"==typeof r?(t=r,r=i.getMap(r)):r&&r.features&&(r={geoJson:r}),null==t&&(t="GEO_ANONYMOUS_"+Qh++),new Zh(t+Qh++,t,r&&r.geoJson,r&&r.specialAreas,e.get("nameMap"))}};const $h=Jh;function eu(e){e.registerComponentModel($l),e.registerComponentView(kh),e.registerAction({type:"geo3DChangeCamera",event:"geo3dcamerachanged",update:"series:updateCamera"},(function(e,t){t.eachComponent({mainType:"geo3D",query:e},(function(t){t.setView(e)}))})),e.registerCoordinateSystem("geo3D",$h)}function tu(e,t){e.id=e.id||e.name||t+""}(0,i.use)(eu);var ru=i.ComponentModel.extend({type:"globe",layoutMode:"box",coordinateSystem:null,init:function(){ru.superApply(this,"init",arguments),i.util.each(this.option.layers,(function(e,t){i.util.merge(e,this.defaultLayerOption),tu(e,t)}),this)},mergeOption:function(e){var t=this.option.layers;function r(e){return i.util.reduce(e,(function(e,t,r){return tu(t,r),e[t.id]=t,e}),{})}if(this.option.layers=null,ru.superApply(this,"mergeOption",arguments),t&&t.length){var n=r(e.layers),a=r(t);for(var o in n)a[o]?i.util.merge(a[o],n[o],!0):t.push(e.layers[o]);this.option.layers=t}i.util.each(this.option.layers,(function(e){i.util.merge(e,this.defaultLayerOption)}),this)},optionUpdated:function(){this.updateDisplacementHash()},defaultLayerOption:{show:!0,type:"overlay"},defaultOption:{show:!0,zlevel:-10,left:0,top:0,width:"100%",height:"100%",environment:"auto",baseColor:"#fff",baseTexture:"",heightTexture:"",displacementTexture:"",displacementScale:0,displacementQuality:"medium",globeRadius:100,globeOuterRadius:150,shading:"lambert",light:{main:{time:""}},atmosphere:{show:!1,offset:5,color:"#ffffff",glowPower:6,innerGlowPower:2},viewControl:{autoRotate:!0,panSensitivity:0,targetCoord:null},layers:[]},setDisplacementData:function(e,t,r){this.displacementData=e,this.displacementWidth=t,this.displacementHeight=r},getDisplacementTexture:function(){return this.get("displacementTexture")||this.get("heightTexture")},getDisplacemenScale:function(){var e=this.getDisplacementTexture(),t=this.get("displacementScale");return e&&"none"!==e||(t=0),t},hasDisplacement:function(){return this.getDisplacemenScale()>0},_displacementChanged:!0,_displacementScale:0,updateDisplacementHash:function(){var e=this.getDisplacementTexture(),t=this.getDisplacemenScale();this._displacementChanged=this._displacementTexture!==e||this._displacementScale!==t,this._displacementTexture=e,this._displacementScale=t},isDisplacementChanged:function(){return this._displacementChanged}});i.util.merge(ru.prototype,uo),i.util.merge(ru.prototype,co),i.util.merge(ru.prototype,fo),i.util.merge(ru.prototype,Kl);const iu=ru;var nu=Math.PI,au=Math.sin,ou=Math.cos,su=Math.tan,lu=Math.asin,hu=Math.atan2,uu=nu/180,cu=23.4397*uu;function du(e,t){return hu(au(e)*ou(cu)-su(t)*au(cu),ou(e))}function fu(e,t,r){return hu(au(e),ou(e)*au(t)-su(r)*ou(t))}function pu(e,t,r){return lu(au(t)*au(r)+ou(t)*ou(r)*ou(e))}var mu={};mu.getPosition=function(e,t,r){var i=uu*-r,n=uu*t,a=function(e){return function(e){return e.valueOf()/864e5-.5+2440588}(e)-2451545}(e),o=function(e){var t,r,i=(r=function(e){return uu*(357.5291+.98560028*e)}(e))+uu*(1.9148*au(r)+.02*au(2*r)+3e-4*au(3*r))+102.9372*uu+nu;return{dec:(t=i,lu(au(0)*ou(cu)+ou(0)*au(cu)*au(t))),ra:du(i,0)}}(a),s=function(e,t){return uu*(280.16+360.9856235*e)-t}(a,i)-o.ra;return{azimuth:fu(s,n,o.dec),altitude:pu(s,n,o.dec)}};const gu=mu;Ka.Shader.import(Va),Ka.Shader.import("@export ecgl.atmosphere.vertex\nattribute vec3 position: POSITION;\nattribute vec3 normal : NORMAL;\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform mat4 normalMatrix : WORLDINVERSETRANSPOSE;\n\nvarying vec3 v_Normal;\n\nvoid main() {\n v_Normal = normalize((normalMatrix * vec4(normal, 0.0)).xyz);\n gl_Position = worldViewProjection * vec4(position, 1.0);\n}\n@end\n\n\n@export ecgl.atmosphere.fragment\nuniform mat4 viewTranspose: VIEWTRANSPOSE;\nuniform float glowPower;\nuniform vec3 glowColor;\n\nvarying vec3 v_Normal;\n\nvoid main() {\n float intensity = pow(1.0 - dot(v_Normal, (viewTranspose * vec4(0.0, 0.0, 1.0, 0.0)).xyz), glowPower);\n gl_FragColor = vec4(glowColor, intensity * intensity);\n}\n@end");const _u=i.ComponentView.extend({type:"globe",__ecgl__:!0,_displacementScale:0,init:function(e,t){this.groupGL=new Ka.Node,this._sphereGeometry=new Ka.SphereGeometry({widthSegments:200,heightSegments:100,dynamic:!0}),this._overlayGeometry=new Ka.SphereGeometry({widthSegments:80,heightSegments:40}),this._planeGeometry=new Ka.PlaneGeometry,this._earthMesh=new Ka.Mesh({renderNormal:!0}),this._atmosphereMesh=new Ka.Mesh,this._atmosphereGeometry=new Ka.SphereGeometry({widthSegments:80,heightSegments:40}),this._atmosphereMaterial=new Ka.Material({shader:new Ka.Shader(Ka.Shader.source("ecgl.atmosphere.vertex"),Ka.Shader.source("ecgl.atmosphere.fragment")),transparent:!0}),this._atmosphereMesh.geometry=this._atmosphereGeometry,this._atmosphereMesh.material=this._atmosphereMaterial,this._atmosphereMesh.frontFace=Ka.Mesh.CW,this._lightRoot=new Ka.Node,this._sceneHelper=new Uo,this._sceneHelper.initLight(this._lightRoot),this.groupGL.add(this._atmosphereMesh),this.groupGL.add(this._earthMesh),this._control=new Do({zr:t.getZr()}),this._control.init(),this._layerMeshes={}},render:function(e,t,r){var i=e.coordinateSystem,n=e.get("shading");i.viewGL.add(this._lightRoot),e.get("show")?i.viewGL.add(this.groupGL):i.viewGL.remove(this.groupGL),this._sceneHelper.setScene(i.viewGL.scene),i.viewGL.setPostEffect(e.getModel("postEffect"),r),i.viewGL.setTemporalSuperSampling(e.getModel("temporalSuperSampling"));var a=this._earthMesh;a.geometry=this._sphereGeometry;var o="ecgl."+n;a.material&&a.material.shader.name===o||(a.material=Ka.createMaterial(o)),Ka.setMaterialFromModel(n,a.material,e,r),["roughnessMap","metalnessMap","detailMap","normalMap"].forEach((function(e){var t=a.material.get(e);t&&(t.flipY=!1)})),a.material.set("color",Ka.parseColor(e.get("baseColor")));var s=.99*i.radius;if(a.scale.set(s,s,s),e.get("atmosphere.show")){a.material.define("both","ATMOSPHERE_ENABLED"),this._atmosphereMesh.invisible=!1,this._atmosphereMaterial.setUniforms({glowPower:e.get("atmosphere.glowPower")||6,glowColor:e.get("atmosphere.color")||"#ffffff"}),a.material.setUniforms({glowPower:e.get("atmosphere.innerGlowPower")||2,glowColor:e.get("atmosphere.color")||"#ffffff"});var l=e.get("atmosphere.offset")||5;this._atmosphereMesh.scale.set(s+l,s+l,s+l)}else a.material.undefine("both","ATMOSPHERE_ENABLED"),this._atmosphereMesh.invisible=!0;var h=a.material.setTextureImage("diffuseMap",e.get("baseTexture"),r,{flipY:!1,anisotropic:8});h&&h.surface&&h.surface.attachToMesh(a);var u=a.material.setTextureImage("bumpMap",e.get("heightTexture"),r,{flipY:!1,anisotropic:8});u&&u.surface&&u.surface.attachToMesh(a),a.material[e.get("postEffect.enable")?"define":"undefine"]("fragment","SRGB_DECODE"),this._updateLight(e,r),this._displaceVertices(e,r),this._updateViewControl(e,r),this._updateLayers(e,r)},afterRender:function(e,t,r,i){var n=i.renderer;this._sceneHelper.updateAmbientCubemap(n,e,r),this._sceneHelper.updateSkybox(n,e,r)},_updateLayers:function(e,t){var r=e.coordinateSystem,n=e.get("layers"),a=r.radius,o=[],s=[],l=[],h=[];i.util.each(n,(function(e){var n=new i.Model(e),u=n.get("type"),c=Ka.loadTexture(n.get("texture"),t,{flipY:!1,anisotropic:8});if(c.surface&&c.surface.attachToMesh(this._earthMesh),"blend"===u){var d=n.get("blendTo"),f=Mn(n.get("intensity"),1);"emission"===d?(l.push(c),h.push(f)):(o.push(c),s.push(f))}else{var p=n.get("id"),m=this._layerMeshes[p];m||(m=this._layerMeshes[p]=new Ka.Mesh({geometry:this._overlayGeometry,castShadow:!1,ignorePicking:!0})),"lambert"===n.get("shading")?(m.material=m.__lambertMaterial||new Ka.Material({autoUpdateTextureStatus:!1,shader:Ka.createShader("ecgl.lambert"),transparent:!0,depthMask:!1}),m.__lambertMaterial=m.material):(m.material=m.__colorMaterial||new Ka.Material({autoUpdateTextureStatus:!1,shader:Ka.createShader("ecgl.color"),transparent:!0,depthMask:!1}),m.__colorMaterial=m.material),m.material.enableTexture("diffuseMap");var g=n.get("distance"),_=a+(null==g?r.radius/100:g);m.scale.set(_,_,_),a=_;var v=this._blankTexture||(this._blankTexture=Ka.createBlankTexture("rgba(255, 255, 255, 0)"));m.material.set("diffuseMap",v),Ka.loadTexture(n.get("texture"),t,{flipY:!1,anisotropic:8},(function(e){e.surface&&e.surface.attachToMesh(m),m.material.set("diffuseMap",e),t.getZr().refresh()})),n.get("show")?this.groupGL.add(m):this.groupGL.remove(m)}}),this);var u=this._earthMesh.material;u.define("fragment","LAYER_DIFFUSEMAP_COUNT",o.length),u.define("fragment","LAYER_EMISSIVEMAP_COUNT",l.length),u.set("layerDiffuseMap",o),u.set("layerDiffuseIntensity",s),u.set("layerEmissiveMap",l),u.set("layerEmissionIntensity",h);var c=e.getModel("debug.wireframe");if(c.get("show")){u.define("both","WIREFRAME_TRIANGLE");var d=Ka.parseColor(c.get("lineStyle.color")||"rgba(0,0,0,0.5)"),f=Mn(c.get("lineStyle.width"),1);u.set("wireframeLineWidth",f),u.set("wireframeLineColor",d)}else u.undefine("both","WIREFRAME_TRIANGLE")},_updateViewControl:function(e,t){var r=e.coordinateSystem,i=e.getModel("viewControl"),n=(r.viewGL.camera,this),a=this._control;a.setViewGL(r.viewGL);var o,s,l=i.get("targetCoord");null!=l&&(s=l[0]+90,o=l[1]),a.setFromViewControlModel(i,{baseDistance:r.radius,alpha:o,beta:s}),a.off("update"),a.on("update",(function(){t.dispatchAction({type:"globeChangeCamera",alpha:a.getAlpha(),beta:a.getBeta(),distance:a.getDistance()-r.radius,center:a.getCenter(),from:n.uid,globeId:e.id})}))},_displaceVertices:function(e,t){var r=e.get("displacementQuality"),i=e.get("debug.wireframe.show"),n=e.coordinateSystem;if(e.isDisplacementChanged()||r!==this._displacementQuality||i!==this._showDebugWireframe){this._displacementQuality=r,this._showDebugWireframe=i;var a=this._sphereGeometry,o={low:100,medium:200,high:400,ultra:800}[r]||200,s=o/2;(a.widthSegments!==o||i)&&(a.widthSegments=o,a.heightSegments=s,a.build()),this._doDisplaceVertices(a,n),i&&a.generateBarycentric()}},_doDisplaceVertices:function(e,t){var r=e.attributes.position.value,i=e.attributes.texcoord0.value,n=e.__originalPosition;n&&n.length===r.length||((n=new Float32Array(r.length)).set(r),e.__originalPosition=n);for(var a=t.displacementWidth,o=t.displacementHeight,s=t.displacementData,l=0;l<e.vertexCount;l++){var h=3*l,u=2*l,c=n[h+1],d=n[h+2],f=n[h+3],p=i[u++],m=i[u++],g=Math.round(p*(a-1)),_=Math.round(m*(o-1)),v=s?s[_*a+g]:0;r[h+1]=c+c*v,r[h+2]=d+d*v,r[h+3]=f+f*v}e.generateVertexNormals(),e.dirty(),e.updateBoundingBox()},_updateLight:function(e,t){var r=this._earthMesh;this._sceneHelper.updateLight(e);var n=this._sceneHelper.mainLight,a=e.get("light.main.time")||new Date,o=gu.getPosition(i.number.parseDate(a),0,0),s=Math.cos(o.altitude);n.position.y=-s*Math.cos(o.azimuth),n.position.x=Math.sin(o.altitude),n.position.z=s*Math.sin(o.azimuth),n.lookAt(r.getWorldPosition())},dispose:function(e,t){this.groupGL.removeAll(),this._control.dispose()}});var vu=Po.vec3;function yu(e){this.radius=e,this.viewGL=null,this.altitudeAxis,this.displacementData=null,this.displacementWidth,this.displacementHeight}yu.prototype={constructor:yu,dimensions:["lng","lat","alt"],type:"globe",containPoint:function(){},setDisplacementData:function(e,t,r){this.displacementData=e,this.displacementWidth=t,this.displacementHeight=r},_getDisplacementScale:function(e,t){var r=(e+180)/360*(this.displacementWidth-1),i=(90-t)/180*(this.displacementHeight-1),n=Math.round(r)+Math.round(i)*this.displacementWidth;return this.displacementData[n]},dataToPoint:function(e,t){var r=e[0],i=e[1],n=e[2]||0,a=this.radius;this.displacementData&&(a*=1+this._getDisplacementScale(r,i)),this.altitudeAxis&&(a+=this.altitudeAxis.dataToCoord(n)),r=r*Math.PI/180,i=i*Math.PI/180;var o=Math.cos(i)*a;return(t=t||[])[0]=-o*Math.cos(r+Math.PI),t[1]=Math.sin(i)*a,t[2]=o*Math.sin(r+Math.PI),t},pointToData:function(e,t){var r=e[0],i=e[1],n=e[2],a=vu.len(e);r/=a,i/=a,n/=a;var o=Math.asin(i),s=Math.atan2(n,-r);s<0&&(s=2*Math.PI+s);var l=180*o/Math.PI,h=180*s/Math.PI-180;return(t=t||[])[0]=h,t[1]=l,t[2]=a-this.radius,this.altitudeAxis&&(t[2]=this.altitudeAxis.coordToData(t[2])),t}};const xu=yu;function bu(e,t){var r=Ss(e.getBoxLayoutParams(),{width:t.getWidth(),height:t.getHeight()});r.y=t.getHeight()-r.y-r.height,this.viewGL.setViewport(r.x,r.y,r.width,r.height,t.getDevicePixelRatio()),this.radius=e.get("globeRadius");var i=e.get("globeOuterRadius");this.altitudeAxis&&this.altitudeAxis.setExtent(0,i-this.radius)}function wu(e,t){var r=[1/0,-1/0];if(e.eachSeries((function(e){if(e.coordinateSystem===this){var t=e.getData(),i=e.coordDimToDataDim("alt"),n=i&&i[0];if(n){var a=t.getDataExtent(n,!0);r[0]=Math.min(r[0],a[0]),r[1]=Math.max(r[1],a[1])}}}),this),r&&isFinite(r[1]-r[0])){var n=i.helper.createScale(r,{type:"value",min:"dataMin",max:"dataMax"});this.altitudeAxis=new i.Axis("altitude",n),this.resize(this.model,t)}}const Tu={dimensions:xu.prototype.dimensions,create:function(e,t){var r=[];return e.eachComponent("globe",(function(e){e.__viewGL=e.__viewGL||new Il;var i=new xu;i.viewGL=e.__viewGL,e.coordinateSystem=i,i.model=e,r.push(i),i.resize=bu,i.resize(e,t),i.update=wu})),e.eachSeries((function(t){if("globe"===t.get("coordinateSystem")){var r=t.getReferringComponents("globe").models[0];if(r||(r=e.getComponent("globe")),!r)throw new Error('globe "'+Mn(t.get("globe3DIndex"),t.get("globe3DId"),0)+'" not found');var i=r.coordinateSystem;t.coordinateSystem=i}})),e.eachComponent("globe",(function(e,r){var i=e.coordinateSystem,n=e.getDisplacementTexture(),a=e.getDisplacemenScale();if(e.isDisplacementChanged()){if(e.hasDisplacement()){var o=!0;Ka.loadTexture(n,t,(function(r){var i=function(e,t){var r=document.createElement("canvas"),i=r.getContext("2d"),n=e.width,a=e.height;r.width=n,r.height=a,i.drawImage(e,0,0,n,a);for(var o=i.getImageData(0,0,n,a).data,s=new Float32Array(o.length/4),l=0;l<o.length/4;l++){var h=o[4*l];s[l]=h/255*t}return{data:s,width:n,height:a}}(r.image,a);e.setDisplacementData(i.data,i.width,i.height),o||t.dispatchAction({type:"globeUpdateDisplacment"})})),o=!1}else i.setDisplacementData(null,0,0);i.setDisplacementData(e.displacementData,e.displacementWidth,e.displacementHeight)}})),r}};(0,i.use)((function(e){e.registerComponentModel(iu),e.registerComponentView(_u),e.registerCoordinateSystem("globe",Tu),e.registerAction({type:"globeChangeCamera",event:"globecamerachanged",update:"series:updateCamera"},(function(e,t){t.eachComponent({mainType:"globe",query:e},(function(t){t.setView(e)}))})),e.registerAction({type:"globeUpdateDisplacment",event:"globedisplacementupdated",update:"update"},(function(e,t){}))}));var Su=["zoom","center","pitch","bearing"],Mu=i.ComponentModel.extend({type:"mapbox3D",layoutMode:"box",coordinateSystem:null,defaultOption:{zlevel:-10,style:"mapbox://styles/mapbox/light-v9",center:[0,0],zoom:0,pitch:0,bearing:0,light:{main:{alpha:20,beta:30}},altitudeScale:1,boxHeight:"auto"},getMapboxCameraOption:function(){var e=this;return Su.reduce((function(t,r){return t[r]=e.get(r),t}),{})},setMapboxCameraOption:function(e){null!=e&&Su.forEach((function(t){null!=e[t]&&(this.option[t]=e[t])}),this)},getMapbox:function(){return this._mapbox},setMapbox:function(e){this._mapbox=e}});i.util.merge(Mu.prototype,co),i.util.merge(Mu.prototype,fo);const Au=Mu;function Eu(e,t){if(this.id=e,this.zr=t,this.dom=document.createElement("div"),this.dom.style.cssText="position:absolute;left:0;right:0;top:0;bottom:0;",!mapboxgl)throw new Error("Mapbox GL library must be included. See https://www.mapbox.com/mapbox-gl-js/api/");this._mapbox=new mapboxgl.Map({container:this.dom}),this._initEvents()}Eu.prototype.setUnpainted=function(){},Eu.prototype.resize=function(){this._mapbox.resize()},Eu.prototype.getMapbox=function(){return this._mapbox},Eu.prototype.clear=function(){},Eu.prototype.refresh=function(){this._mapbox.resize()};var Cu=["mousedown","mouseup","click","dblclick","mousemove","mousewheel","wheel","touchstart","touchend","touchmove","touchcancel"];Eu.prototype._initEvents=function(){var e=this._mapbox.getCanvasContainer();this._handlers=this._handlers||{contextmenu:function(e){return e.preventDefault(),!1}},Cu.forEach((function(t){this._handlers[t]=function(t){var r={};for(var i in t)r[i]=t[i];r.bubbles=!1;var n=new t.constructor(t.type,r);e.dispatchEvent(n)},this.zr.dom.addEventListener(t,this._handlers[t])}),this),this.zr.dom.addEventListener("contextmenu",this._handlers.contextmenu)},Eu.prototype.dispose=function(){Cu.forEach((function(e){this.zr.dom.removeEventListener(e,this._handlers[e])}),this)};const Du=Eu,Lu="\n@export ecgl.displayShadow.vertex\n\n@import ecgl.common.transformUniforms\n\n@import ecgl.common.uv.header\n\n@import ecgl.common.attributes\n\nvarying vec3 v_WorldPosition;\n\nvarying vec3 v_Normal;\n\nvoid main()\n{\n @import ecgl.common.uv.main\n v_Normal = normalize((worldInverseTranspose * vec4(normal, 0.0)).xyz);\n\n v_WorldPosition = (world * vec4(position, 1.0)).xyz;\n gl_Position = worldViewProjection * vec4(position, 1.0);\n}\n\n@end\n\n\n@export ecgl.displayShadow.fragment\n\n@import ecgl.common.uv.fragmentHeader\n\nvarying vec3 v_Normal;\nvarying vec3 v_WorldPosition;\n\nuniform float roughness: 0.2;\n\n#ifdef DIRECTIONAL_LIGHT_COUNT\n@import clay.header.directional_light\n#endif\n\n@import ecgl.common.ssaoMap.header\n\n@import clay.plugin.compute_shadow_map\n\nvoid main()\n{\n float shadow = 1.0;\n\n @import ecgl.common.ssaoMap.main\n\n#if defined(DIRECTIONAL_LIGHT_COUNT) && defined(DIRECTIONAL_LIGHT_SHADOWMAP_COUNT)\n float shadowContribsDir[DIRECTIONAL_LIGHT_COUNT];\n if(shadowEnabled)\n {\n computeShadowOfDirectionalLights(v_WorldPosition, shadowContribsDir);\n }\n for (int i = 0; i < DIRECTIONAL_LIGHT_COUNT; i++) {\n shadow = min(shadow, shadowContribsDir[i] * 0.5 + 0.5);\n }\n#endif\n\n shadow *= 0.5 + ao * 0.5;\n shadow = clamp(shadow, 0.0, 1.0);\n\n gl_FragColor = vec4(vec3(0.0), 1.0 - shadow);\n}\n\n@end";Ka.Shader.import(Lu);const Pu=i.ComponentView.extend({type:"mapbox3D",__ecgl__:!0,init:function(e,t){var r=t.getZr();this._zrLayer=new Du("mapbox3D",r),r.painter.insertLayer(-1e3,this._zrLayer),this._lightRoot=new Ka.Node,this._sceneHelper=new Uo(this._lightRoot),this._sceneHelper.initLight(this._lightRoot);var i=this._zrLayer.getMapbox(),n=this._dispatchInteractAction.bind(this,t,i);["zoom","rotate","drag","pitch","rotate","move"].forEach((function(e){i.on(e,n)})),this._groundMesh=new Ka.Mesh({geometry:new Ka.PlaneGeometry,material:new Ka.Material({shader:new Ka.Shader({vertex:Ka.Shader.source("ecgl.displayShadow.vertex"),fragment:Ka.Shader.source("ecgl.displayShadow.fragment")}),depthMask:!1}),renderOrder:-100,culling:!1,castShadow:!1,$ignorePicking:!0,renderNormal:!0})},render:function(e,t,r){var i=this._zrLayer.getMapbox(),n=e.get("style"),a=JSON.stringify(n);a!==this._oldStyleStr&&n&&i.setStyle(n),this._oldStyleStr=a,i.setCenter(e.get("center")),i.setZoom(e.get("zoom")),i.setPitch(e.get("pitch")),i.setBearing(e.get("bearing")),e.setMapbox(i);var o=e.coordinateSystem;o.viewGL.scene.add(this._lightRoot),o.viewGL.add(this._groundMesh),this._updateGroundMesh(),this._sceneHelper.setScene(o.viewGL.scene),this._sceneHelper.updateLight(e),o.viewGL.setPostEffect(e.getModel("postEffect"),r),o.viewGL.setTemporalSuperSampling(e.getModel("temporalSuperSampling")),this._mapbox3DModel=e},afterRender:function(e,t,r,i){var n=i.renderer;this._sceneHelper.updateAmbientCubemap(n,e,r),this._sceneHelper.updateSkybox(n,e,r),e.coordinateSystem.viewGL.scene.traverse((function(e){e.material&&(e.material.define("fragment","NORMAL_UP_AXIS",2),e.material.define("fragment","NORMAL_FRONT_AXIS",1))}))},updateCamera:function(e,t,r,i){e.coordinateSystem.setCameraOption(i),this._updateGroundMesh(),r.getZr().refresh()},_dispatchInteractAction:function(e,t,r){e.dispatchAction({type:"mapbox3DChangeCamera",pitch:t.getPitch(),zoom:t.getZoom(),center:t.getCenter().toArray(),bearing:t.getBearing(),mapbox3DId:this._mapbox3DModel&&this._mapbox3DModel.id})},_updateGroundMesh:function(){if(this._mapbox3DModel){var e=this._mapbox3DModel.coordinateSystem,t=e.dataToPoint(e.center);this._groundMesh.position.set(t[0],t[1],-.001);var r=new Ka.Plane(new Ka.Vector3(0,0,1),0),i=e.viewGL.camera.castRay(new Ka.Vector2(-1,-1)),n=e.viewGL.camera.castRay(new Ka.Vector2(1,1)),a=i.intersectPlane(r),o=n.intersectPlane(r),s=a.dist(o)/e.viewGL.rootNode.scale.x;this._groundMesh.scale.set(s,s,1)}},dispose:function(e,t){this._zrLayer&&this._zrLayer.dispose(),t.getZr().painter.delLayer(-1e3)}});var Ou=Po.mat4,Nu=512,Iu=.6435011087932844,Ru=Math.PI,Bu=.1;function Fu(){this.width=0,this.height=0,this.altitudeScale=1,this.boxHeight="auto",this.altitudeExtent,this.bearing=0,this.pitch=0,this.center=[0,0],this._origin,this.zoom=0,this._initialZoom,this.maxPitch=60,this.zoomOffset=0}Fu.prototype={constructor:Fu,dimensions:["lng","lat","alt"],containPoint:function(){},setCameraOption:function(e){this.bearing=e.bearing,this.pitch=e.pitch,this.center=e.center,this.zoom=e.zoom,this._origin||(this._origin=this.projectOnTileWithScale(this.center,Nu)),null==this._initialZoom&&(this._initialZoom=this.zoom),this.updateTransform()},updateTransform:function(){if(this.height){var e=.5/Math.tan(Iu/2)*this.height*Bu,t=Math.max(Math.min(this.pitch,this.maxPitch),0)/180*Math.PI,r=Iu/2,i=Math.PI/2+t,n=Math.sin(r)*e/Math.sin(Math.PI-i-r),a=1.1*(Math.cos(Math.PI/2-t)*n+e);this.pitch>50&&(a=1e3);var o=[];Ou.perspective(o,Iu,this.width/this.height,1,a),this.viewGL.camera.projectionMatrix.setArray(o),this.viewGL.camera.decomposeProjectionMatrix(),o=Ou.identity([]);var s=this.dataToPoint(this.center);Ou.scale(o,o,[1,-1,1]),Ou.translate(o,o,[0,0,-e]),Ou.rotateX(o,o,t),Ou.rotateZ(o,o,-this.bearing/180*Math.PI),Ou.translate(o,o,[-s[0]*this.getScale()*Bu,-s[1]*this.getScale()*Bu,0]),this.viewGL.camera.viewMatrix.array=o;var l=[];Ou.invert(l,o),this.viewGL.camera.worldTransform.array=l,this.viewGL.camera.decomposeWorldTransform();var h,u=Nu*this.getScale();if(this.altitudeExtent&&!isNaN(this.boxHeight)){var c=this.altitudeExtent[1]-this.altitudeExtent[0];h=this.boxHeight/c*this.getScale()/Math.pow(2,this._initialZoom-this.zoomOffset)}else h=u/(2*Math.PI*6378e3*Math.abs(Math.cos(this.center[1]*(Math.PI/180))))*this.altitudeScale*Bu;this.viewGL.rootNode.scale.set(this.getScale()*Bu,this.getScale()*Bu,h)}},getScale:function(){return Math.pow(2,this.zoom-this.zoomOffset)},projectOnTile:function(e,t){return this.projectOnTileWithScale(e,this.getScale()*Nu,t)},projectOnTileWithScale:function(e,t,r){var i=e[0],n=e[1]*Ru/180,a=t*(i*Ru/180+Ru)/(2*Ru),o=t*(Ru-Math.log(Math.tan(Ru/4+.5*n)))/(2*Ru);return(r=r||[])[0]=a,r[1]=o,r},unprojectFromTile:function(e,t){return this.unprojectOnTileWithScale(e,this.getScale()*Nu,t)},unprojectOnTileWithScale:function(e,t,r){var i=e[0],n=e[1],a=i/t*(2*Ru)-Ru,o=2*(Math.atan(Math.exp(Ru-n/t*(2*Ru)))-Ru/4);return(r=r||[])[0]=180*a/Ru,r[1]=180*o/Ru,r},dataToPoint:function(e,t){return(t=this.projectOnTileWithScale(e,Nu,t))[0]-=this._origin[0],t[1]-=this._origin[1],t[2]=isNaN(e[2])?0:e[2],isNaN(e[2])||(t[2]=e[2],this.altitudeExtent&&(t[2]-=this.altitudeExtent[0])),t}};const zu=Fu;function Gu(){zu.apply(this,arguments)}function Uu(e,t,r){function i(e,t){var r=t.getWidth(),i=t.getHeight(),n=t.getDevicePixelRatio();this.viewGL.setViewport(0,0,r,i,n),this.width=r,this.height=i,this.altitudeScale=e.get("altitudeScale"),this.boxHeight=e.get("boxHeight")}function n(e,t){if("auto"!==this.model.get("boxHeight")){var r=[1/0,-1/0];e.eachSeries((function(e){if(e.coordinateSystem===this){var t=e.getData(),i=e.coordDimToDataDim("alt")[0];if(i){var n=t.getDataExtent(i,!0);r[0]=Math.min(r[0],n[0]),r[1]=Math.max(r[1],n[1])}}}),this),r&&isFinite(r[1]-r[0])&&(this.altitudeExtent=r)}}return{dimensions:t.prototype.dimensions,create:function(a,o){var s=[];return a.eachComponent(e,(function(e){var r=e.__viewGL;r||(r=e.__viewGL=new Il).setRootNode(new Ka.Node);var a=new t;a.viewGL=e.__viewGL,a.resize=i,a.resize(e,o),s.push(a),e.coordinateSystem=a,a.model=e,a.update=n})),a.eachSeries((function(t){if(t.get("coordinateSystem")===e){var r=t.getReferringComponents(e).models[0];if(r||(r=a.getComponent(e)),!r)throw new Error(e+' "'+Mn(t.get(e+"Index"),t.get(e+"Id"),0)+'" not found');t.coordinateSystem=r.coordinateSystem}})),r&&r(s,a,o),s}}}Gu.prototype=new zu,Gu.prototype.constructor=Gu,Gu.prototype.type="mapbox3D";const ku=Uu("mapbox3D",Gu,(function(e){e.forEach((function(e){e.setCameraOption(e.model.getMapboxCameraOption())}))}));(0,i.use)((function(e){e.registerComponentModel(Au),e.registerComponentView(Pu),e.registerCoordinateSystem("mapbox3D",ku),e.registerAction({type:"mapbox3DChangeCamera",event:"mapbox3dcamerachanged",update:"mapbox3D:updateCamera"},(function(e,t){t.eachComponent({mainType:"mapbox3D",query:e},(function(t){t.setMapboxCameraOption(e)}))}))}));var Vu=["zoom","center","pitch","bearing"],Hu=i.ComponentModel.extend({type:"maptalks3D",layoutMode:"box",coordinateSystem:null,defaultOption:{zlevel:-10,urlTemplate:"http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",attribution:'&copy; <a href="http://osm.org">OpenStreetMap</a> contributors, &copy; <a href="https://carto.com/">CARTO</a>',center:[0,0],zoom:0,pitch:0,bearing:0,light:{main:{alpha:20,beta:30}},altitudeScale:1,boxHeight:"auto"},getMaptalksCameraOption:function(){var e=this;return Vu.reduce((function(t,r){return t[r]=e.get(r),t}),{})},setMaptalksCameraOption:function(e){null!=e&&Vu.forEach((function(t){null!=e[t]&&(this.option[t]=e[t])}),this)},getMaptalks:function(){return this._maptalks},setMaptalks:function(e){this._maptalks=e}});i.util.merge(Hu.prototype,co),i.util.merge(Hu.prototype,fo);const Wu=Hu;function ju(e,t,r,i){if(this.id=e,this.zr=t,this.dom=document.createElement("div"),this.dom.style.cssText="position:absolute;left:0;right:0;top:0;bottom:0;",!maptalks)throw new Error("Maptalks library must be included. See https://maptalks.org");this._maptalks=new maptalks.Map(this.dom,{center:r,zoom:i,doubleClickZoom:!1,fog:!1}),this._initEvents()}ju.prototype.setUnpainted=function(){},ju.prototype.resize=function(){this._maptalks.checkSize()},ju.prototype.getMaptalks=function(){return this._maptalks},ju.prototype.clear=function(){},ju.prototype.refresh=function(){this._maptalks.checkSize()};var Xu=["mousedown","mouseup","click","dblclick","mousemove","mousewheel","DOMMouseScroll","touchstart","touchend","touchmove","touchcancel"];ju.prototype._initEvents=function(){var e=this.dom;this._handlers=this._handlers||{contextmenu:function(e){return e.preventDefault(),!1}},Xu.forEach((function(t){this._handlers[t]=function(r){var i={};for(var n in r)i[n]=r[n];i.bubbles=!1;var a=new r.constructor(r.type,i);"mousewheel"===t||"DOMMouseScroll"===t?e.dispatchEvent(a):e.firstElementChild.dispatchEvent(a)},this.zr.dom.addEventListener(t,this._handlers[t])}),this),this.zr.dom.addEventListener("contextmenu",this._handlers.contextmenu)},ju.prototype.dispose=function(){Xu.forEach((function(e){this.zr.dom.removeEventListener(e,this._handlers[e])}),this),this._maptalks.remove()};const qu=ju;Ka.Shader.import(Lu);const Zu=i.ComponentView.extend({type:"maptalks3D",__ecgl__:!0,init:function(e,t){this._groundMesh=new Ka.Mesh({geometry:new Ka.PlaneGeometry,material:new Ka.Material({shader:new Ka.Shader({vertex:Ka.Shader.source("ecgl.displayShadow.vertex"),fragment:Ka.Shader.source("ecgl.displayShadow.fragment")}),depthMask:!1}),renderOrder:-100,culling:!1,castShadow:!1,$ignorePicking:!0,renderNormal:!0})},_initMaptalksLayer:function(e,t){var r=t.getZr();this._zrLayer=new qu("maptalks3D",r,e.get("center"),e.get("zoom")),r.painter.insertLayer(-1e3,this._zrLayer),this._lightRoot=new Ka.Node,this._sceneHelper=new Uo(this._lightRoot),this._sceneHelper.initLight(this._lightRoot);var i=this._zrLayer.getMaptalks(),n=this._dispatchInteractAction.bind(this,t,i);["zoomend","zooming","zoomstart","dragrotating","pitch","pitchend","movestart","moving","moveend","resize","touchstart","touchmove","touchend","animating"].forEach((function(e){i.on(e,n)}))},render:function(e,t,r){this._zrLayer||this._initMaptalksLayer(e,r);var i=this._zrLayer.getMaptalks(),n=e.get("urlTemplate"),a=i.getBaseLayer();n!==this._oldUrlTemplate&&(a?a.setOptions({urlTemplate:n,attribution:e.get("attribution")}):(a=new maptalks.TileLayer("maptalks-echarts-gl-baselayer",{urlTemplate:n,subdomains:["a","b","c"],attribution:e.get("attribution")}),i.setBaseLayer(a))),this._oldUrlTemplate=n,i.setCenter(e.get("center")),i.setZoom(e.get("zoom"),{animation:!1}),i.setPitch(e.get("pitch")),i.setBearing(e.get("bearing")),e.setMaptalks(i);var o=e.coordinateSystem;o.viewGL.scene.add(this._lightRoot),o.viewGL.add(this._groundMesh),this._updateGroundMesh(),this._sceneHelper.setScene(o.viewGL.scene),this._sceneHelper.updateLight(e),o.viewGL.setPostEffect(e.getModel("postEffect"),r),o.viewGL.setTemporalSuperSampling(e.getModel("temporalSuperSampling")),this._maptalks3DModel=e},afterRender:function(e,t,r,i){var n=i.renderer;this._sceneHelper.updateAmbientCubemap(n,e,r),this._sceneHelper.updateSkybox(n,e,r),e.coordinateSystem.viewGL.scene.traverse((function(e){e.material&&(e.material.define("fragment","NORMAL_UP_AXIS",2),e.material.define("fragment","NORMAL_FRONT_AXIS",1))}))},updateCamera:function(e,t,r,i){e.coordinateSystem.setCameraOption(i),this._updateGroundMesh(),r.getZr().refresh()},_dispatchInteractAction:function(e,t,r){var i;e.dispatchAction({type:"maptalks3DChangeCamera",pitch:t.getPitch(),zoom:(i=t.getResolution(),19-Math.log(i/Yu)/Math.LN2+1),center:t.getCenter().toArray(),bearing:t.getBearing(),maptalks3DId:this._maptalks3DModel&&this._maptalks3DModel.id})},_updateGroundMesh:function(){if(this._maptalks3DModel){var e=this._maptalks3DModel.coordinateSystem,t=e.dataToPoint(e.center);this._groundMesh.position.set(t[0],t[1],-.001);var r=new Ka.Plane(new Ka.Vector3(0,0,1),0),i=e.viewGL.camera.castRay(new Ka.Vector2(-1,-1)),n=e.viewGL.camera.castRay(new Ka.Vector2(1,1)),a=i.intersectPlane(r),o=n.intersectPlane(r),s=a.dist(o)/e.viewGL.rootNode.scale.x;this._groundMesh.scale.set(s,s,1)}},dispose:function(e,t){this._zrLayer&&this._zrLayer.dispose(),t.getZr().painter.delLayer(-1e3)}}),Yu=12756274*Math.PI/(256*Math.pow(2,20));function Ku(){zu.apply(this,arguments),this.maxPitch=85,this.zoomOffset=1}Ku.prototype=new zu,Ku.prototype.constructor=Ku,Ku.prototype.type="maptalks3D";const Qu=Uu("maptalks3D",Ku,(function(e){e.forEach((function(e){e.setCameraOption(e.model.getMaptalksCameraOption())}))}));(0,i.use)((function(e){e.registerComponentModel(Wu),e.registerComponentView(Zu),e.registerCoordinateSystem("maptalks3D",Qu),e.registerAction({type:"maptalks3DChangeCamera",event:"maptalks3dcamerachanged",update:"maptalks3D:updateCamera"},(function(e,t){t.eachComponent({mainType:"maptalks3D",query:e},(function(t){t.setMaptalksCameraOption(e)}))}))}));var Ju=Po.vec3,$u=i.helper.dataStack.isDimensionStacked;function ec(e,t,r){for(var i=e.getDataExtent(t),n=e.getDataExtent(r),a=i[1]-i[0]||i[0],o=n[1]-n[0]||n[0],s=new Uint8Array(2500),l=0;l<e.count();l++){var h=e.get(t,l),u=e.get(r,l),c=Math.floor((h-i[0])/a*49),d=50*Math.floor((u-n[0])/o*49)+c;s[d]=s[d]||1}var f=0;for(l=0;l<s.length;l++)s[l]&&f++;return f/s.length}var tc=Po.vec3,rc=i.helper.dataStack.isDimensionStacked;function ic(e,t){var r=rc(e,t[2]);return{dimension:r?e.getCalculationInfo("stackResultDimension"):t[2],isStacked:r}}function nc(e){e.registerLayout((function(e,t){e.eachSeriesByType("bar3D",(function(e){var t=e.coordinateSystem,r=t&&t.type;"globe"===r?function(e,t){var r=e.getData(),n=e.get("minHeight")||0,a=e.get("barSize"),o=["lng","lat","alt"].map((function(t){return e.coordDimToDataDim(t)[0]}));if(null==a){var s=t.radius*Math.PI,l=ec(r,o[0],o[1]);a=[s/Math.sqrt(r.count()/l),s/Math.sqrt(r.count()/l)]}else i.util.isArray(a)||(a=[a,a]);var h=ic(r,o);r.each(o,(function(e,i,o,s){var l=r.get(h.dimension,s),u=h.isStacked?l-o:t.altitudeAxis.scale.getExtent()[0],c=Math.max(t.altitudeAxis.dataToCoord(o),n),d=t.dataToPoint([e,i,u]),f=t.dataToPoint([e,i,l]),p=tc.sub([],f,d);tc.normalize(p,p);var m=[a[0],c,a[1]];r.setItemLayout(s,[d,p,m])})),r.setLayout("orient",vt.UP.array)}(e,t):"cartesian3D"===r?function(e,t){var r=e.getData(),n=e.get("barSize");if(null==n){var a,o,s=t.size,l=t.getAxis("x"),h=t.getAxis("y");a="category"===l.type?.7*l.getBandWidth():.6*Math.round(s[0]/Math.sqrt(r.count())),o="category"===h.type?.7*h.getBandWidth():.6*Math.round(s[1]/Math.sqrt(r.count())),n=[a,o]}else i.util.isArray(n)||(n=[n,n]);var u,c,d,f=t.getAxis("z").scale.getExtent(),p=(c=(u=f)[0],d=u[1],!(c>0&&d>0||c<0&&d<0)),m=["x","y","z"].map((function(t){return e.coordDimToDataDim(t)[0]})),g=$u(r,m[2]),_=g?r.getCalculationInfo("stackResultDimension"):m[2];r.each(m,(function(e,i,a,o){var s=r.get(_,o),l=g?s-a:p?0:f[0],h=t.dataToPoint([e,i,l]),u=t.dataToPoint([e,i,s]),c=Ju.dist(h,u),d=[0,u[1]<h[1]?-1:1,0];0===Math.abs(c)&&(c=.1);var m=[n[0],c,n[1]];r.setItemLayout(o,[h,d,m])})),r.setLayout("orient",[1,0,0])}(e,t):"geo3D"===r?function(e,t){var r=e.getData(),n=e.get("barSize"),a=e.get("minHeight")||0,o=["lng","lat","alt"].map((function(t){return e.coordDimToDataDim(t)[0]}));if(null==n){var s=Math.min(t.size[0],t.size[2]),l=ec(r,o[0],o[1]);n=[s/Math.sqrt(r.count()/l),s/Math.sqrt(r.count()/l)]}else i.util.isArray(n)||(n=[n,n]);var h=[0,1,0],u=ic(r,o);r.each(o,(function(e,i,o,s){var l=r.get(u.dimension,s),c=u.isStacked?l-o:t.altitudeAxis.scale.getExtent()[0],d=Math.max(t.altitudeAxis.dataToCoord(o),a),f=t.dataToPoint([e,i,c]),p=[n[0],d,n[1]];r.setItemLayout(s,[f,h,p])})),r.setLayout("orient",[1,0,0])}(e,t):("mapbox3D"===r||"maptalks3D"===r)&&function(e,t){var r=e.getData(),n=e.coordDimToDataDim("lng")[0],a=e.coordDimToDataDim("lat")[0],o=e.coordDimToDataDim("alt")[0],s=e.get("barSize"),l=e.get("minHeight")||0;if(null==s){var h=r.getDataExtent(n),u=r.getDataExtent(a),c=t.dataToPoint([h[0],u[0]]),d=t.dataToPoint([h[1],u[1]]),f=Math.min(Math.abs(c[0]-d[0]),Math.abs(c[1]-d[1]))||1,p=ec(r,n,a);s=[f/Math.sqrt(r.count()/p),f/Math.sqrt(r.count()/p)]}else i.util.isArray(s)||(s=[s,s]),s[0]/=t.getScale()/16,s[1]/=t.getScale()/16;var m=[0,0,1],g=[n,a,o],_=ic(r,g);r.each(g,(function(e,i,n,a){var o=r.get(_.dimension,a),h=_.isStacked?o-n:0,u=t.dataToPoint([e,i,h]),c=t.dataToPoint([e,i,o]),d=Math.max(c[2]-u[2],l),f=[s[0],d,s[1]];r.setItemLayout(a,[u,m,f])})),r.setLayout("orient",[1,0,0])}(e,t)}))}))}const ac={getFormattedLabel:function(e,t,r,n,a){r=r||"normal";var o=e.getData(n).getItemModel(t),s=e.getDataParams(t,n);null!=a&&s.value instanceof Array&&(s.value=s.value[a]);var l,h=o.get("normal"===r?["label","formatter"]:["emphasis","label","formatter"]);return null==h&&(h=o.get(["label","formatter"])),"function"==typeof h?(s.status=r,l=h(s)):"string"==typeof h&&(l=i.format.formatTpl(h,s)),l},normalizeToArray:function(e){return e instanceof Array?e:null==e?[]:[e]}};function oc(e,t,r){var n=e.getData(),a=e.getRawValue(t),o=i.util.isArray(a)?function(e){var a=[],o=function(e,t){var r=[];return i.util.each(e.dimensions,(function(t){var i=e.getDimensionInfo(t),n=i.otherDims.tooltip;null!=n&&!1!==n&&(r[n]=i.name)})),r}(n);function s(e,t){var o=n.getDimensionInfo(t);if(o&&!1!==o.otherDims.tooltip){var s=o.type,l="- "+(o.tooltipName||o.name)+": "+("ordinal"===s?e+"":"time"===s?r?"":i.format.formatTime("yyyy/MM/dd hh:mm:ss",e):i.format.addCommas(e));l&&a.push(i.format.encodeHTML(l))}}return o.length?i.util.each(o,(function(e){s(n.get(e,t),e)})):i.util.each(e,s),"<br/>"+a.join("<br/>")}(a):i.format.encodeHTML(i.format.addCommas(a)),s=n.getName(t),l=Ih(n,t);i.util.isObject(l)&&l.colorStops&&(l=(l.colorStops[0]||{}).color),l=l||"transparent";var h=i.format.getTooltipMarker(l),u=e.name;return"\0-"===u&&(u=""),u=u?i.format.encodeHTML(u)+(r?": ":"<br/>"):"",r?h+u+o:u+h+(s?i.format.encodeHTML(s)+": "+o:o)}function sc(e,t,r){r=r||e.getSource();var n=t||i.getCoordinateSystemDimensions(e.get("coordinateSystem"))||["x","y","z"],a=i.helper.createDimensions(r,{dimensionsDefine:r.dimensionsDefine||e.get("dimensions"),encodeDefine:r.encodeDefine||e.get("encode"),coordDimensions:n.map((function(t){var r=e.getReferringComponents(t+"Axis3D").models[0];return{type:r&&"category"===r.get("type")?"ordinal":"float",name:t}}))});"cartesian3D"===e.get("coordinateSystem")&&a.forEach((function(t){if(n.indexOf(t.coordDim)>=0){var r=e.getReferringComponents(t.coordDim+"Axis3D").models[0];r&&"category"===r.get("type")&&(t.ordinalMeta=r.getOrdinalMeta())}}));var o=i.helper.dataStack.enableDataStack(e,a,{byIndex:!0,stackedCoordDimension:"z"}),s=new i.List(a,e);return s.setCalculationInfo(o),s.initData(r),s}var lc=i.SeriesModel.extend({type:"series.bar3D",dependencies:["globe"],visualStyleAccessPathvisu:"itemStyle",getInitialData:function(e,t){return sc(this)},getFormattedLabel:function(e,t,r,i){var n=ac.getFormattedLabel(this,e,t,r,i);return null==n&&(n=this.getData().get("z",e)),n},formatTooltip:function(e){return oc(this,e)},defaultOption:{coordinateSystem:"cartesian3D",globeIndex:0,grid3DIndex:0,zlevel:-10,bevelSize:0,bevelSmoothness:2,onGridPlane:"xy",shading:"color",minHeight:0,itemStyle:{opacity:1},label:{show:!1,distance:2,textStyle:{fontSize:14,color:"#000",backgroundColor:"rgba(255,255,255,0.7)",padding:3,borderRadius:3}},emphasis:{label:{show:!0}},animationDurationUpdate:500}});i.util.merge(lc.prototype,Kl);const hc=lc;var uc,cc,dc,fc,pc,mc,gc,_c,vc=Po.vec3,yc=Po.mat3,xc=Vr.extend((function(){return{attributes:{position:new Vr.Attribute("position","float",3,"POSITION"),normal:new Vr.Attribute("normal","float",3,"NORMAL"),color:new Vr.Attribute("color","float",4,"COLOR"),prevPosition:new Vr.Attribute("prevPosition","float",3),prevNormal:new Vr.Attribute("prevNormal","float",3)},dynamic:!0,enableNormal:!1,bevelSize:1,bevelSegments:0,_dataIndices:null,_vertexOffset:0,_triangleOffset:0}}),{resetOffset:function(){this._vertexOffset=0,this._triangleOffset=0},setBarCount:function(e){var t=this.enableNormal,r=this.getBarVertexCount()*e,i=this.getBarTriangleCount()*e;this.vertexCount!==r&&(this.attributes.position.init(r),t?this.attributes.normal.init(r):this.attributes.normal.value=null,this.attributes.color.init(r)),this.triangleCount!==i&&(this.indices=r>65535?new Uint32Array(3*i):new Uint16Array(3*i),this._dataIndices=new Uint32Array(r))},getBarVertexCount:function(){var e=this.bevelSize>0?this.bevelSegments:0;return e>0?this._getBevelBarVertexCount(e):this.enableNormal?24:8},getBarTriangleCount:function(){var e=this.bevelSize>0?this.bevelSegments:0;return e>0?this._getBevelBarTriangleCount(e):12},_getBevelBarVertexCount:function(e){return 4*(e+1)*(e+1)*2},_getBevelBarTriangleCount:function(e){return(4*e+3+1)*(2*e+1)*2+4},setColor:function(e,t){for(var r=this.getBarVertexCount(),i=r*(e+1),n=r*e;n<i;n++)this.attributes.color.set(n,t);this.dirtyAttribute("color")},getDataIndexOfVertex:function(e){return this._dataIndices?this._dataIndices[e]:null},addBar:function(){for(var e=vc.create,t=vc.scaleAndAdd,r=e(),i=e(),n=e(),a=e(),o=e(),s=e(),l=e(),h=[],u=[],c=0;c<8;c++)h[c]=e();var d=[[0,1,5,4],[2,3,7,6],[4,5,6,7],[3,2,1,0],[0,4,7,3],[1,2,6,5]],f=[0,1,2,0,2,3],p=[];for(c=0;c<d.length;c++)for(var m=d[c],g=0;g<2;g++){for(var _=[],v=0;v<3;v++)_.push(m[f[3*g+v]]);p.push(_)}return function(e,c,m,g,_,v){var y=this._vertexOffset;if(this.bevelSize>0&&this.bevelSegments>0)this._addBevelBar(e,c,m,g,this.bevelSize,this.bevelSegments,_);else{vc.copy(n,c),vc.normalize(n,n),vc.cross(a,m,n),vc.normalize(a,a),vc.cross(i,n,a),vc.normalize(a,a),vc.negate(o,i),vc.negate(s,n),vc.negate(l,a),t(h[0],e,i,g[0]/2),t(h[0],h[0],a,g[2]/2),t(h[1],e,i,g[0]/2),t(h[1],h[1],l,g[2]/2),t(h[2],e,o,g[0]/2),t(h[2],h[2],l,g[2]/2),t(h[3],e,o,g[0]/2),t(h[3],h[3],a,g[2]/2),t(r,e,n,g[1]),t(h[4],r,i,g[0]/2),t(h[4],h[4],a,g[2]/2),t(h[5],r,i,g[0]/2),t(h[5],h[5],l,g[2]/2),t(h[6],r,o,g[0]/2),t(h[6],h[6],l,g[2]/2),t(h[7],r,o,g[0]/2),t(h[7],h[7],a,g[2]/2);var x=this.attributes;if(this.enableNormal){u[0]=i,u[1]=o,u[2]=n,u[3]=s,u[4]=a,u[5]=l;for(var b=this._vertexOffset,w=0;w<d.length;w++){for(var T=3*this._triangleOffset,S=0;S<6;S++)this.indices[T++]=b+f[S];b+=4,this._triangleOffset+=2}for(w=0;w<d.length;w++){var M=u[w];for(S=0;S<4;S++){var A=d[w][S];x.position.set(this._vertexOffset,h[A]),x.normal.set(this._vertexOffset,M),x.color.set(this._vertexOffset++,_)}}}else{for(w=0;w<p.length;w++){for(T=3*this._triangleOffset,S=0;S<3;S++)this.indices[T+S]=p[w][S]+this._vertexOffset;this._triangleOffset++}for(w=0;w<h.length;w++)x.position.set(this._vertexOffset,h[w]),x.color.set(this._vertexOffset++,_)}}var E=this._vertexOffset;for(w=y;w<E;w++)this._dataIndices[w]=v}}(),_addBevelBar:(uc=vc.create(),cc=vc.create(),dc=vc.create(),fc=yc.create(),pc=[],mc=[1,-1,-1,1],gc=[1,1,-1,-1],_c=[2,0],function(e,t,r,i,n,a,o){vc.copy(cc,t),vc.normalize(cc,cc),vc.cross(dc,r,cc),vc.normalize(dc,dc),vc.cross(uc,cc,dc),vc.normalize(dc,dc),fc[0]=uc[0],fc[1]=uc[1],fc[2]=uc[2],fc[3]=cc[0],fc[4]=cc[1],fc[5]=cc[2],fc[6]=dc[0],fc[7]=dc[1],fc[8]=dc[2],n=Math.min(i[0],i[2])/2*n;for(var s=0;s<3;s++)pc[s]=Math.max(i[s]-2*n,0);var l=(i[0]-pc[0])/2,h=(i[1]-pc[1])/2,u=(i[2]-pc[2])/2,c=[],d=[],f=this._vertexOffset,p=[];for(s=0;s<2;s++){p[s]=p[s]=[];for(var m=0;m<=a;m++)for(var g=0;g<4;g++){(0===m&&0===s||1===s&&m===a)&&p[s].push(f);for(var _=0;_<=a;_++){var v=_/a*Math.PI/2+Math.PI/2*g,y=m/a*Math.PI/2+Math.PI/2*s;d[0]=l*Math.cos(v)*Math.sin(y),d[1]=h*Math.cos(y),d[2]=u*Math.sin(v)*Math.sin(y),c[0]=d[0]+mc[g]*pc[0]/2,c[1]=d[1]+h+_c[s]*pc[1]/2,c[2]=d[2]+gc[g]*pc[2]/2,Math.abs(l-h)<1e-6&&Math.abs(h-u)<1e-6||(d[0]/=l*l,d[1]/=h*h,d[2]/=u*u),vc.normalize(d,d),vc.transformMat3(c,c,fc),vc.transformMat3(d,d,fc),vc.add(c,c,e),this.attributes.position.set(f,c),this.enableNormal&&this.attributes.normal.set(f,d),this.attributes.color.set(f,o),f++}}}var x=4*a+3,b=2*a+1,w=x+1;for(g=0;g<b;g++)for(s=0;s<=x;s++){var T=g*w+s+this._vertexOffset,S=g*w+(s+1)%w+this._vertexOffset,M=(g+1)*w+(s+1)%w+this._vertexOffset,A=(g+1)*w+s+this._vertexOffset;this.setTriangleIndices(this._triangleOffset++,[M,T,S]),this.setTriangleIndices(this._triangleOffset++,[M,A,T])}this.setTriangleIndices(this._triangleOffset++,[p[0][0],p[0][2],p[0][1]]),this.setTriangleIndices(this._triangleOffset++,[p[0][0],p[0][3],p[0][2]]),this.setTriangleIndices(this._triangleOffset++,[p[1][0],p[1][1],p[1][2]]),this.setTriangleIndices(this._triangleOffset++,[p[1][0],p[1][2],p[1][3]]),this._vertexOffset=f})});i.util.defaults(xc.prototype,Lo),i.util.defaults(xc.prototype,Nh);const bc=xc;var wc=Po.vec3;const Tc=i.ChartView.extend({type:"bar3D",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this._api=t,this._labelsBuilder=new Fh(256,256,t);var r=this;this._labelsBuilder.getLabelPosition=function(e,t,i){if(r._data){var n=r._data.getItemLayout(e),a=n[0],o=n[1],s=n[2][1];return wc.scaleAndAdd([],a,o,i+s)}return[0,0]},this._labelsBuilder.getMesh().renderOrder=100},render:function(e,t,r){var i=this._prevBarMesh;this._prevBarMesh=this._barMesh,this._barMesh=i,this._barMesh||(this._barMesh=new Ka.Mesh({geometry:new bc,shadowDepthMaterial:new Ka.Material({shader:new Ka.Shader(Ka.Shader.source("ecgl.sm.depth.vertex"),Ka.Shader.source("ecgl.sm.depth.fragment"))}),culling:"cartesian3D"===e.coordinateSystem.type,renderOrder:10,renderNormal:!0})),this.groupGL.remove(this._prevBarMesh),this.groupGL.add(this._barMesh),this.groupGL.add(this._labelsBuilder.getMesh());var n=e.coordinateSystem;if(this._doRender(e,r),n&&n.viewGL){n.viewGL.add(this.groupGL);var a=n.viewGL.isLinearSpace()?"define":"undefine";this._barMesh.material[a]("fragment","SRGB_DECODE")}this._data=e.getData(),this._labelsBuilder.updateData(this._data),this._labelsBuilder.updateLabels(),this._updateAnimation(e)},_updateAnimation:function(e){Ka.updateVertexAnimation([["prevPosition","position"],["prevNormal","normal"]],this._prevBarMesh,this._barMesh,e)},_doRender:function(e,t){var r=e.getData(),i=e.get("shading"),n="color"!==i,a=this,o=this._barMesh,s="ecgl."+i;o.material&&o.material.shader.name===s||(o.material=Ka.createMaterial(s,["VERTEX_COLOR"])),Ka.setMaterialFromModel(i,o.material,e,t),o.geometry.enableNormal=n,o.geometry.resetOffset();var l=e.get("bevelSize"),h=e.get("bevelSmoothness");o.geometry.bevelSegments=h,o.geometry.bevelSize=l;var u=[],c=new Float32Array(4*r.count()),d=0,f=0,p=!1;r.each((function(e){if(r.hasValue(e)){var t=Ih(r,e),i=Rh(r,e);null==i&&(i=1),Ka.parseColor(t,u),u[3]*=i,c[d++]=u[0],c[d++]=u[1],c[d++]=u[2],c[d++]=u[3],u[3]>0&&(f++,u[3]<.99&&(p=!0))}})),o.geometry.setBarCount(f);var m=r.getLayout("orient"),g=this._barIndexOfData=new Int32Array(r.count());f=0,r.each((function(e){if(r.hasValue(e)){var t=r.getItemLayout(e),i=t[0],n=t[1],o=t[2],s=4*e;u[0]=c[s++],u[1]=c[s++],u[2]=c[s++],u[3]=c[s++],u[3]>0&&(a._barMesh.geometry.addBar(i,n,m,o,u,e),g[e]=f++)}else g[e]=-1})),o.geometry.dirty(),o.geometry.updateBoundingBox();var _=o.material;_.transparent=p,_.depthMask=!p,o.geometry.sortTriangles=p,this._initHandler(e,t)},_initHandler:function(e,t){var r=e.getData(),i=this._barMesh,n="cartesian3D"===e.coordinateSystem.type;i.seriesIndex=e.seriesIndex;var a=-1;i.off("mousemove"),i.off("mouseout"),i.on("mousemove",(function(e){var o=i.geometry.getDataIndexOfVertex(e.triangle[0]);o!==a&&(this._downplay(a),this._highlight(o),this._labelsBuilder.updateLabels([o]),n&&t.dispatchAction({type:"grid3DShowAxisPointer",value:[r.get("x",o),r.get("y",o),r.get("z",o,!0)]})),a=o,i.dataIndex=o}),this),i.on("mouseout",(function(e){this._downplay(a),this._labelsBuilder.updateLabels(),a=-1,i.dataIndex=-1,n&&t.dispatchAction({type:"grid3DHideAxisPointer"})}),this)},_highlight:function(e){var t=this._data;if(t){var r=this._barIndexOfData[e];if(!(r<0)){var n=t.getItemModel(e).getModel("emphasis.itemStyle"),a=n.get("color"),o=n.get("opacity");if(null==a){var s=Ih(t,e);a=i.color.lift(s,-.4)}null==o&&(o=Rh(t,e));var l=Ka.parseColor(a);l[3]*=o,this._barMesh.geometry.setColor(r,l),this._api.getZr().refresh()}}},_downplay:function(e){var t=this._data;if(t){var r=this._barIndexOfData[e];if(!(r<0)){var i=Ih(t,e),n=Rh(t,e),a=Ka.parseColor(i);a[3]*=n,this._barMesh.geometry.setColor(r,a),this._api.getZr().refresh()}}},highlight:function(e,t,r,i){this._toggleStatus("highlight",e,t,r,i)},downplay:function(e,t,r,i){this._toggleStatus("downplay",e,t,r,i)},_toggleStatus:function(e,t,r,n,a){var o=t.getData(),s=An(o,a),l=this;null!=s?i.util.each(ac.normalizeToArray(s),(function(t){"highlight"===e?this._highlight(t):this._downplay(t)}),this):o.each((function(t){"highlight"===e?l._highlight(t):l._downplay(t)}))},remove:function(){this.groupGL.removeAll()},dispose:function(){this._labelsBuilder.dispose(),this.groupGL.removeAll()}});(0,i.use)((function(e){e.registerChartView(Tc),e.registerSeriesModel(hc),nc(e),e.registerProcessor((function(e,t){e.eachSeriesByType("bar3d",(function(e){var t=e.getData();t.filterSelf((function(e){return t.hasValue(e)}))}))}))}));const Sc=i.SeriesModel.extend({type:"series.line3D",dependencies:["grid3D"],visualStyleAccessPath:"lineStyle",visualDrawType:"stroke",getInitialData:function(e,t){return sc(this)},formatTooltip:function(e){return oc(this,e)},defaultOption:{coordinateSystem:"cartesian3D",zlevel:-10,grid3DIndex:0,lineStyle:{width:2},animationDurationUpdate:500}});function Mc(e,t,r,i,n,a,o){if(0===n)return!1;var s,l=n;if(o>t+l&&o>i+l||o<t-l&&o<i-l||a>e+l&&a>r+l||a<e-l&&a<r-l)return!1;if(e===r)return Math.abs(a-e)<=l/2;var h=(s=(t-i)/(e-r))*a-o+(e*i-r*t)/(e-r);return h*h/(s*s+1)<=l/2*l/2}var Ac=Po.vec3;Ka.Shader.import(is);const Ec=i.ChartView.extend({type:"line3D",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this._api=t},render:function(e,t,r){var i=this._prevLine3DMesh;this._prevLine3DMesh=this._line3DMesh,this._line3DMesh=i,this._line3DMesh||(this._line3DMesh=new Ka.Mesh({geometry:new Ro({useNativeLine:!1,sortTriangles:!0}),material:new Ka.Material({shader:Ka.createShader("ecgl.meshLines3D")}),renderOrder:10}),this._line3DMesh.geometry.pick=this._pick.bind(this)),this.groupGL.remove(this._prevLine3DMesh),this.groupGL.add(this._line3DMesh);var n=e.coordinateSystem;if(n&&n.viewGL){n.viewGL.add(this.groupGL);var a=n.viewGL.isLinearSpace()?"define":"undefine";this._line3DMesh.material[a]("fragment","SRGB_DECODE")}this._doRender(e,r),this._data=e.getData(),this._camera=n.viewGL.camera,this.updateCamera(),this._updateAnimation(e)},updateCamera:function(){this._updateNDCPosition()},_doRender:function(e,t){var r=e.getData(),i=this._line3DMesh;i.geometry.resetOffset();var n=r.getLayout("points"),a=[],o=new Float32Array(n.length/3*4),s=0,l=!1;r.each((function(e){var t=Ih(r,e),i=Rh(r,e);null==i&&(i=1),Ka.parseColor(t,a),a[3]*=i,o[s++]=a[0],o[s++]=a[1],o[s++]=a[2],o[s++]=a[3],a[3]<.99&&(l=!0)})),i.geometry.setVertexCount(i.geometry.getPolylineVertexCount(n)),i.geometry.setTriangleCount(i.geometry.getPolylineTriangleCount(n)),i.geometry.addPolyline(n,o,Mn(e.get("lineStyle.width"),1)),i.geometry.dirty(),i.geometry.updateBoundingBox();var h=i.material;h.transparent=l,h.depthMask=!l;var u=e.getModel("debug.wireframe");u.get("show")?(i.geometry.createAttribute("barycentric","float",3),i.geometry.generateBarycentric(),i.material.set("both","WIREFRAME_TRIANGLE"),i.material.set("wireframeLineColor",Ka.parseColor(u.get("lineStyle.color")||"rgba(0,0,0,0.5)")),i.material.set("wireframeLineWidth",Mn(u.get("lineStyle.width"),1))):i.material.set("both","WIREFRAME_TRIANGLE"),this._points=n,this._initHandler(e,t)},_updateAnimation:function(e){Ka.updateVertexAnimation([["prevPosition","position"],["prevPositionPrev","positionPrev"],["prevPositionNext","positionNext"]],this._prevLine3DMesh,this._line3DMesh,e)},_initHandler:function(e,t){var r=e.getData(),i=e.coordinateSystem,n=this._line3DMesh,a=-1;n.seriesIndex=e.seriesIndex,n.off("mousemove"),n.off("mouseout"),n.on("mousemove",(function(e){var o=i.pointToData(e.point.array),s=r.indicesOfNearest("x",o[0])[0];s!==a&&(t.dispatchAction({type:"grid3DShowAxisPointer",value:[r.get("x",s),r.get("y",s),r.get("z",s)]}),n.dataIndex=s),a=s}),this),n.on("mouseout",(function(e){a=-1,n.dataIndex=-1,t.dispatchAction({type:"grid3DHideAxisPointer"})}),this)},_updateNDCPosition:function(){var e=new Ht,t=this._camera;Ht.multiply(e,t.projectionMatrix,t.viewMatrix);var r=this._positionNDC,i=this._points,n=i.length/3;r&&r.length/2===n||(r=this._positionNDC=new Float32Array(2*n));for(var a=[],o=0;o<n;o++){var s=3*o,l=2*o;a[0]=i[s],a[1]=i[s+1],a[2]=i[s+2],a[3]=1,Ac.transformMat4(a,a,e.array),r[l]=a[0]/a[3],r[l+1]=a[1]/a[3]}},_pick:function(e,t,r,i,n,a){var o=this._positionNDC,s=this._data.hostModel.get("lineStyle.width"),l=-1,h=.5*r.viewport.width,u=.5*r.viewport.height;e=(e+1)*h,t=(t+1)*u;for(var c=1;c<o.length/2;c++){var d=(o[2*(c-1)]+1)*h,f=(o[2*(c-1)+1]+1)*u,p=(o[2*c]+1)*h,m=(o[2*c+1]+1)*u;Mc(d,f,p,m,s,e,t)&&(l=(d-e)*(d-e)+(f-t)*(f-t)<(p-e)*(p-e)+(m-t)*(m-t)?c-1:c)}if(l>=0){var g=3*l,_=new vt(this._points[g],this._points[g+1],this._points[g+2]);a.push({dataIndex:l,point:_,pointWorld:_.clone(),target:this._line3DMesh,distance:this._camera.getWorldPosition().dist(_)})}},remove:function(){this.groupGL.removeAll()},dispose:function(){this.groupGL.removeAll()}});(0,i.use)((function(e){e.registerChartView(Ec),e.registerSeriesModel(Sc),e.registerLayout((function(e,t){e.eachSeriesByType("line3D",(function(e){var t=e.getData(),r=e.coordinateSystem;if(r){if("cartesian3D"!==r.type)return;var i=new Float32Array(3*t.count()),n=[],a=[],o=r.dimensions.map((function(t){return e.coordDimToDataDim(t)[0]}));r&&t.each(o,(function(e,t,o,s){n[0]=e,n[1]=t,n[2]=o,r.dataToPoint(n,a),i[3*s]=a[0],i[3*s+1]=a[1],i[3*s+2]=a[2]})),t.setLayout("points",i)}}))}))}));const Cc=i.SeriesModel.extend({type:"series.scatter3D",dependencies:["globe","grid3D","geo3D"],visualStyleAccessPath:"itemStyle",hasSymbolVisual:!0,getInitialData:function(e,t){return sc(this)},getFormattedLabel:function(e,t,r,i){var n=ac.getFormattedLabel(this,e,t,r,i);if(null==n){var a=this.getData(),o=a.dimensions[a.dimensions.length-1];n=a.get(o,e)}return n},formatTooltip:function(e){return oc(this,e)},defaultOption:{coordinateSystem:"cartesian3D",zlevel:-10,progressive:1e5,progressiveThreshold:1e5,grid3DIndex:0,globeIndex:0,symbol:"circle",symbolSize:10,blendMode:"source-over",label:{show:!1,position:"right",distance:5,textStyle:{fontSize:14,color:"#000",backgroundColor:"rgba(255,255,255,0.7)",padding:3,borderRadius:3}},itemStyle:{opacity:.8},emphasis:{label:{show:!0}},animationDurationUpdate:500}});function Dc(e,t,r){(t=t||document.createElement("canvas")).width=e,t.height=e;var i=t.getContext("2d");return r&&r(i),t}var Lc={getMarginByStyle:function(e){var t=e.minMargin||0,r=0;e.stroke&&"none"!==e.stroke&&(r=null==e.lineWidth?1:e.lineWidth);var i=e.shadowBlur||0,n=e.shadowOffsetX||0,a=e.shadowOffsetY||0,o={};return o.left=Math.max(r/2,-n+i,t),o.right=Math.max(r/2,n+i,t),o.top=Math.max(r/2,-a+i,t),o.bottom=Math.max(r/2,a+i,t),o},createSymbolSprite:function(e,t,r,n){var a=function(e,t,r,n){i.util.isArray(t)||(t=[t,t]);var a=Lc.getMarginByStyle(r,void 0),o=t[0]+a.left+a.right,s=t[1]+a.top+a.bottom,l=i.helper.createSymbol(e,0,0,t[0],t[1]),h=Math.max(o,s);l.x=a.left,l.y=a.top,o>s?l.y+=(h-s)/2:l.x+=(h-o)/2;var u=l.getBoundingRect();return l.x-=u.x,l.y-=u.y,l.setStyle(r),l.update(),l.__size=h,l}(e,t,r),o=Lc.getMarginByStyle(r);return{image:Dc(a.__size,n,(function(e){i.innerDrawElementOnCanvas(e,a)})),margin:o}},createSDFFromCanvas:function(e,t,r,i){return Dc(t,i,(function(t){var i=e.getContext("2d").getImageData(0,0,e.width,e.height);t.putImageData(function(e,t,r){var i=t.width,n=t.height,a=e.canvas.width,o=e.canvas.height,s=i/a,l=n/o;function h(e){return e<128?1:-1}function u(e,a){var o=1/0;e=Math.floor(e*s);for(var u=(a=Math.floor(a*l))*i+e,c=h(t.data[4*u]),d=Math.max(a-r,0);d<Math.min(a+r,n);d++)for(var f=Math.max(e-r,0);f<Math.min(e+r,i);f++){u=d*i+f;var p=f-e,m=d-a;if(c!==h(t.data[4*u])){var g=p*p+m*m;g<o&&(o=g)}}return c*Math.sqrt(o)}for(var c=e.createImageData(a,o),d=0;d<o;d++)for(var f=0;f<a;f++){var p=u(f,d)/r*.5+.5,m=4*(d*a+f);c.data[m++]=255*(1-p),c.data[m++]=255*(1-p),c.data[m++]=255*(1-p),c.data[m++]=255}return c}(t,i,r),0,0)}))},createSimpleSprite:function(e,t){return Dc(e,t,(function(t){var r=e/2;t.beginPath(),t.arc(r,r,60,0,2*Math.PI,!1),t.closePath();var i=t.createRadialGradient(r,r,0,r,r,r);i.addColorStop(0,"rgba(255, 255, 255, 1)"),i.addColorStop(.5,"rgba(255, 255, 255, 0.5)"),i.addColorStop(1,"rgba(255, 255, 255, 0)"),t.fillStyle=i,t.fill()}))}};const Pc=Lc;var Oc=Po.vec3;const Nc={needsSortVertices:function(){return this.sortVertices},needsSortVerticesProgressively:function(){return this.needsSortVertices()&&this.vertexCount>=2e4},doSortVertices:function(e,t){var r=this.indices,i=Oc.create();if(!r){r=this.indices=this.vertexCount>65535?new Uint32Array(this.vertexCount):new Uint16Array(this.vertexCount);for(var n=0;n<r.length;n++)r[n]=n}if(0===t){var a,o=this.attributes.position,s=(e=e.array,0);for(this._zList&&this._zList.length===this.vertexCount||(this._zList=new Float32Array(this.vertexCount)),n=0;n<this.vertexCount;n++){o.get(n,i);var l=Oc.sqrDist(i,e);isNaN(l)&&(l=1e7,s++),0===n?(a=l,l=0):l-=a,this._zList[n]=l}this._noneCount=s}if(this.vertexCount<2e4)0===t&&this._simpleSort(this._noneCount/this.vertexCount>.05);else for(n=0;n<3;n++)this._progressiveQuickSort(3*t+n);this.dirtyIndices()},_simpleSort:function(e){var t=this._zList,r=this.indices;function i(e,r){return t[r]-t[e]}e?Array.prototype.sort.call(r,i):Ch.sort(r,i,0,r.length-1)},_progressiveQuickSort:function(e){var t=this._zList,r=this.indices;this._quickSort=this._quickSort||new Ch,this._quickSort.step(r,(function(e,r){return t[r]-t[e]}),e)}};var Ic=Po.vec4;Ka.Shader.import("@export ecgl.sdfSprite.vertex\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform float elapsedTime : 0;\n\nattribute vec3 position : POSITION;\n\n#ifdef VERTEX_SIZE\nattribute float size;\n#else\nuniform float u_Size;\n#endif\n\n#ifdef VERTEX_COLOR\nattribute vec4 a_FillColor: COLOR;\nvarying vec4 v_Color;\n#endif\n\n#ifdef VERTEX_ANIMATION\nattribute vec3 prevPosition;\nattribute float prevSize;\nuniform float percent : 1.0;\n#endif\n\n\n#ifdef POSITIONTEXTURE_ENABLED\nuniform sampler2D positionTexture;\n#endif\n\nvarying float v_Size;\n\nvoid main()\n{\n\n#ifdef POSITIONTEXTURE_ENABLED\n gl_Position = worldViewProjection * vec4(texture2D(positionTexture, position.xy).xy, -10.0, 1.0);\n#else\n\n #ifdef VERTEX_ANIMATION\n vec3 pos = mix(prevPosition, position, percent);\n #else\n vec3 pos = position;\n #endif\n gl_Position = worldViewProjection * vec4(pos, 1.0);\n#endif\n\n#ifdef VERTEX_SIZE\n#ifdef VERTEX_ANIMATION\n v_Size = mix(prevSize, size, percent);\n#else\n v_Size = size;\n#endif\n#else\n v_Size = u_Size;\n#endif\n\n#ifdef VERTEX_COLOR\n v_Color = a_FillColor;\n #endif\n\n gl_PointSize = v_Size;\n}\n\n@end\n\n@export ecgl.sdfSprite.fragment\n\nuniform vec4 color: [1, 1, 1, 1];\nuniform vec4 strokeColor: [1, 1, 1, 1];\nuniform float smoothing: 0.07;\n\nuniform float lineWidth: 0.0;\n\n#ifdef VERTEX_COLOR\nvarying vec4 v_Color;\n#endif\n\nvarying float v_Size;\n\nuniform sampler2D sprite;\n\n@import clay.util.srgb\n\nvoid main()\n{\n gl_FragColor = color;\n\n vec4 _strokeColor = strokeColor;\n\n#ifdef VERTEX_COLOR\n gl_FragColor *= v_Color;\n #endif\n\n#ifdef SPRITE_ENABLED\n float d = texture2D(sprite, gl_PointCoord).r;\n gl_FragColor.a *= smoothstep(0.5 - smoothing, 0.5 + smoothing, d);\n\n if (lineWidth > 0.0) {\n float sLineWidth = lineWidth / 2.0;\n\n float outlineMaxValue0 = 0.5 + sLineWidth;\n float outlineMaxValue1 = 0.5 + sLineWidth + smoothing;\n float outlineMinValue0 = 0.5 - sLineWidth - smoothing;\n float outlineMinValue1 = 0.5 - sLineWidth;\n\n if (d <= outlineMaxValue1 && d >= outlineMinValue0) {\n float a = _strokeColor.a;\n if (d <= outlineMinValue1) {\n a = a * smoothstep(outlineMinValue0, outlineMinValue1, d);\n }\n else {\n a = a * smoothstep(outlineMaxValue1, outlineMaxValue0, d);\n }\n gl_FragColor.rgb = mix(gl_FragColor.rgb * gl_FragColor.a, _strokeColor.rgb, a);\n gl_FragColor.a = gl_FragColor.a * (1.0 - a) + a;\n }\n }\n#endif\n\n#ifdef SRGB_DECODE\n gl_FragColor = sRGBToLinear(gl_FragColor);\n#endif\n}\n@end");const Rc=Ka.Mesh.extend((function(){var e=new Ka.Geometry({dynamic:!0,attributes:{color:new Ka.Geometry.Attribute("color","float",4,"COLOR"),position:new Ka.Geometry.Attribute("position","float",3,"POSITION"),size:new Ka.Geometry.Attribute("size","float",1),prevPosition:new Ka.Geometry.Attribute("prevPosition","float",3),prevSize:new Ka.Geometry.Attribute("prevSize","float",1)}});Object.assign(e,Nc);var t=new Ka.Material({shader:Ka.createShader("ecgl.sdfSprite"),transparent:!0,depthMask:!1});t.enableTexture("sprite"),t.define("both","VERTEX_COLOR"),t.define("both","VERTEX_SIZE");var r=new Ka.Texture2D({image:document.createElement("canvas"),flipY:!1});return t.set("sprite",r),e.pick=this._pick.bind(this),{geometry:e,material:t,mode:Ka.Mesh.POINTS,sizeScale:1}}),{_pick:function(e,t,r,i,n,a){var o=this._positionNDC;if(o)for(var s=r.viewport,l=2/s.width,h=2/s.height,u=this.geometry.vertexCount-1;u>=0;u--){var c,d=o[2*(c=this.geometry.indices?this.geometry.indices[u]:u)],f=o[2*c+1],p=this.geometry.attributes.size.get(c)/this.sizeScale/2;if(e>d-p*l&&e<d+p*l&&t>f-p*h&&t<f+p*h){var m=new Ka.Vector3,g=new Ka.Vector3;this.geometry.attributes.position.get(c,m.array),Ka.Vector3.transformMat4(g,m,this.worldTransform),a.push({vertexIndex:c,point:m,pointWorld:g,target:this,distance:g.distance(i.getWorldPosition())})}}},updateNDCPosition:function(e,t,r){var i=this._positionNDC,n=this.geometry;i&&i.length/2===n.vertexCount||(i=this._positionNDC=new Float32Array(2*n.vertexCount));for(var a=Ic.create(),o=0;o<n.vertexCount;o++)n.attributes.position.get(o,a),a[3]=1,Ic.transformMat4(a,a,e.array),Ic.scale(a,a,1/a[3]),i[2*o]=a[0],i[2*o+1]=a[1]}});function Bc(e,t){this.rootNode=new Ka.Node,this.is2D=e,this._labelsBuilder=new Fh(256,256,t),this._labelsBuilder.getMesh().renderOrder=100,this.rootNode.add(this._labelsBuilder.getMesh()),this._api=t,this._spriteImageCanvas=document.createElement("canvas"),this._startDataIndex=0,this._endDataIndex=0,this._sizeScale=1}Bc.prototype={constructor:Bc,highlightOnMouseover:!0,update:function(e,t,r,i,n){var a=this._prevMesh;this._prevMesh=this._mesh,this._mesh=a;var o=e.getData();if(null==i&&(i=0),null==n&&(n=o.count()),this._startDataIndex=i,this._endDataIndex=n-1,!this._mesh){var s=this._prevMesh&&this._prevMesh.material;this._mesh=new Rc({renderOrder:10,frustumCulling:!1}),s&&(this._mesh.material=s)}s=this._mesh.material;var l=this._mesh.geometry,h=l.attributes;this.rootNode.remove(this._prevMesh),this.rootNode.add(this._mesh),this._setPositionTextureToMesh(this._mesh,this._positionTexture);var u=this._getSymbolInfo(e,i,n),c=r.getDevicePixelRatio(),d=e.getModel("itemStyle").getItemStyle(),f=e.get("large"),p=1;u.maxSize>2?(p=this._updateSymbolSprite(e,d,u,c),s.enableTexture("sprite")):s.disableTexture("sprite"),h.position.init(n-i);var m=[];if(f){s.undefine("VERTEX_SIZE"),s.undefine("VERTEX_COLOR");var g=function(e){const t=e.getVisual("style");if(t)return t[e.getVisual("drawType")]}(o),_=function(e){return e.getVisual("style").opacity}(o);Ka.parseColor(g,m),m[3]*=_,s.set({color:m,u_Size:u.maxSize*this._sizeScale})}else s.set({color:[1,1,1,1]}),s.define("VERTEX_SIZE"),s.define("VERTEX_COLOR"),h.size.init(n-i),h.color.init(n-i),this._originalOpacity=new Float32Array(n-i);for(var v=o.getLayout("points"),y=h.position.value,x=0;x<n-i;x++){var b=3*x,w=2*x;if(this.is2D?(y[b]=v[w],y[b+1]=v[w+1],y[b+2]=-10):(y[b]=v[b],y[b+1]=v[b+1],y[b+2]=v[b+2]),!f){g=Ih(o,x),_=Rh(o,x),Ka.parseColor(g,m),m[3]*=_,h.color.set(x,m),m[3];var T=o.getItemVisual(x,"symbolSize");T=T instanceof Array?Math.max(T[0],T[1]):T,isNaN(T)&&(T=0),h.size.value[x]=T*p*this._sizeScale,this._originalOpacity[x]=m[3]}}this._mesh.sizeScale=p,l.updateBoundingBox(),l.dirty(),this._updateMaterial(e,d);var S=e.coordinateSystem;S&&S.viewGL&&s[S.viewGL.isLinearSpace()?"define":"undefine"]("fragment","SRGB_DECODE"),f||this._updateLabelBuilder(e,i,n),this._updateHandler(e,t,r),this._updateAnimation(e),this._api=r},getPointsMesh:function(){return this._mesh},updateLabels:function(e){this._labelsBuilder.updateLabels(e)},hideLabels:function(){this.rootNode.remove(this._labelsBuilder.getMesh())},showLabels:function(){this.rootNode.add(this._labelsBuilder.getMesh())},dispose:function(){this._labelsBuilder.dispose()},_updateSymbolSprite:function(e,t,r,i){r.maxSize=Math.min(2*r.maxSize,200);var n,a,o=[];return r.aspect>1?(o[0]=r.maxSize,o[1]=r.maxSize/r.aspect):(o[1]=r.maxSize,o[0]=r.maxSize*r.aspect),o[0]=o[0]||1,o[1]=o[1]||1,this._symbolType===r.type&&(a=o,(n=this._symbolSize)&&a&&n[0]===a[0]&&n[1]===a[1])&&this._lineWidth===t.lineWidth||(Pc.createSymbolSprite(r.type,o,{fill:"#fff",lineWidth:t.lineWidth,stroke:"transparent",shadowColor:"transparent",minMargin:Math.min(o[0]/2,10)},this._spriteImageCanvas),Pc.createSDFFromCanvas(this._spriteImageCanvas,Math.min(this._spriteImageCanvas.width,32),20,this._mesh.material.get("sprite").image),this._symbolType=r.type,this._symbolSize=o,this._lineWidth=t.lineWidth),this._spriteImageCanvas.width/r.maxSize*i},_updateMaterial:function(e,t){var r="lighter"===e.get("blendMode")?Ka.additiveBlend:null,i=this._mesh.material;i.blend=r,i.set("lineWidth",t.lineWidth/20);var n=Ka.parseColor(t.stroke);i.set("strokeColor",n),i.transparent=!0,i.depthMask=!1,i.depthTest=!this.is2D,i.sortVertices=!this.is2D},_updateLabelBuilder:function(e,t,r){var i=e.getData(),n=this._mesh.geometry,a=n.attributes.position.value,o=(t=this._startDataIndex,this._mesh.sizeScale);this._labelsBuilder.updateData(i,t,r),this._labelsBuilder.getLabelPosition=function(e,r,i){var n=3*(e-t);return[a[n],a[n+1],a[n+2]]},this._labelsBuilder.getLabelDistance=function(e,r,i){return n.attributes.size.get(e-t)/o/2+i},this._labelsBuilder.updateLabels()},_updateAnimation:function(e){Ka.updateVertexAnimation([["prevPosition","position"],["prevSize","size"]],this._prevMesh,this._mesh,e)},_updateHandler:function(e,t,r){var i,n=e.getData(),a=this._mesh,o=this,s=-1,l=e.coordinateSystem&&"cartesian3D"===e.coordinateSystem.type;l&&(i=e.coordinateSystem.model),a.seriesIndex=e.seriesIndex,a.off("mousemove"),a.off("mouseout"),a.on("mousemove",(function(t){var h=t.vertexIndex+o._startDataIndex;h!==s&&(this.highlightOnMouseover&&(this.downplay(n,s),this.highlight(n,h),this._labelsBuilder.updateLabels([h])),l&&r.dispatchAction({type:"grid3DShowAxisPointer",value:[n.get(e.coordDimToDataDim("x")[0],h),n.get(e.coordDimToDataDim("y")[0],h),n.get(e.coordDimToDataDim("z")[0],h)],grid3DIndex:i.componentIndex})),a.dataIndex=h,s=h}),this),a.on("mouseout",(function(e){var t=e.vertexIndex+o._startDataIndex;this.highlightOnMouseover&&(this.downplay(n,t),this._labelsBuilder.updateLabels()),s=-1,a.dataIndex=-1,l&&r.dispatchAction({type:"grid3DHideAxisPointer",grid3DIndex:i.componentIndex})}),this)},updateLayout:function(e,t,r){var i=e.getData();if(this._mesh){var n=this._mesh.geometry.attributes.position.value,a=i.getLayout("points");if(this.is2D)for(var o=0;o<a.length/2;o++){var s=3*o,l=2*o;n[s]=a[l],n[s+1]=a[l+1],n[s+2]=-10}else for(o=0;o<a.length;o++)n[o]=a[o];this._mesh.geometry.dirty(),r.getZr().refresh()}},updateView:function(e){if(this._mesh){var t=new Ht;Ht.mul(t,e.viewMatrix,this._mesh.worldTransform),Ht.mul(t,e.projectionMatrix,t),this._mesh.updateNDCPosition(t,this.is2D,this._api)}},highlight:function(e,t){if(!(t>this._endDataIndex||t<this._startDataIndex)){var r=e.getItemModel(t).getModel("emphasis.itemStyle"),n=r.get("color"),a=r.get("opacity");if(null==n){var o=Ih(e,t);n=i.color.lift(o,-.4)}null==a&&(a=Rh(e,t));var s=Ka.parseColor(n);s[3]*=a,this._mesh.geometry.attributes.color.set(t-this._startDataIndex,s),this._mesh.geometry.dirtyAttribute("color"),this._api.getZr().refresh()}},downplay:function(e,t){if(!(t>this._endDataIndex||t<this._startDataIndex)){var r=Ih(e,t),i=Rh(e,t),n=Ka.parseColor(r);n[3]*=i,this._mesh.geometry.attributes.color.set(t-this._startDataIndex,n),this._mesh.geometry.dirtyAttribute("color"),this._api.getZr().refresh()}},fadeOutAll:function(e){if(this._originalOpacity){for(var t=this._mesh.geometry,r=0;r<t.vertexCount;r++){var i=this._originalOpacity[r]*e;t.attributes.color.value[4*r+3]=i}t.dirtyAttribute("color"),this._api.getZr().refresh()}},fadeInAll:function(){this.fadeOutAll(1)},setPositionTexture:function(e){this._mesh&&this._setPositionTextureToMesh(this._mesh,e),this._positionTexture=e},removePositionTexture:function(){this._positionTexture=null,this._mesh&&this._setPositionTextureToMesh(this._mesh,null)},setSizeScale:function(e){if(e!==this._sizeScale){if(this._mesh){var t=this._mesh.material.get("u_Size");this._mesh.material.set("u_Size",t/this._sizeScale*e);var r=this._mesh.geometry.attributes;if(r.size.value)for(var i=0;i<r.size.value.length;i++)r.size.value[i]=r.size.value[i]/this._sizeScale*e}this._sizeScale=e}},_setPositionTextureToMesh:function(e,t){t&&e.material.set("positionTexture",t),e.material[t?"enableTexture":"disableTexture"]("positionTexture")},_getSymbolInfo:function(e,t,r){if(e.get("large"))return(h=Mn(e.get("symbolSize"),1))instanceof Array?(o=Math.max(h[0],h[1]),i=h[0]/h[1]):(o=h,i=1),{maxSize:h,type:e.get("symbol"),aspect:i};for(var i,n=e.getData(),a=n.getItemVisual(0,"symbol")||"circle",o=0,s=t;s<r;s++){var l,h=n.getItemVisual(s,"symbolSize"),u=n.getItemVisual(s,"symbol");if(h instanceof Array)l=h[0]/h[1],o=Math.max(Math.max(h[0],h[1]),o);else{if(isNaN(h))continue;l=1,o=Math.max(h,o)}a=u,i=l}return{maxSize:o,type:a,aspect:i}}};const Fc=Bc,zc=i.ChartView.extend({type:"scatter3D",hasSymbolVisual:!0,__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this._pointsBuilderList=[],this._currentStep=0},render:function(e,t,r){if(this.groupGL.removeAll(),e.getData().count()){var i=e.coordinateSystem;if(i&&i.viewGL){i.viewGL.add(this.groupGL),this._camera=i.viewGL.camera;var n=this._pointsBuilderList[0];n||(n=this._pointsBuilderList[0]=new Fc(!1,r)),this._pointsBuilderList.length=1,this.groupGL.add(n.rootNode),n.update(e,t,r),n.updateView(i.viewGL.camera)}}},incrementalPrepareRender:function(e,t,r){var i=e.coordinateSystem;i&&i.viewGL&&(i.viewGL.add(this.groupGL),this._camera=i.viewGL.camera),this.groupGL.removeAll(),this._currentStep=0},incrementalRender:function(e,t,r,i){if(!(e.end<=e.start)){var n=this._pointsBuilderList[this._currentStep];n||(n=new Fc(!1,i),this._pointsBuilderList[this._currentStep]=n),this.groupGL.add(n.rootNode),n.update(t,r,i,e.start,e.end),n.updateView(t.coordinateSystem.viewGL.camera),this._currentStep++}},updateCamera:function(){this._pointsBuilderList.forEach((function(e){e.updateView(this._camera)}),this)},highlight:function(e,t,r,i){this._toggleStatus("highlight",e,t,r,i)},downplay:function(e,t,r,i){this._toggleStatus("downplay",e,t,r,i)},_toggleStatus:function(e,t,r,n,a){var o=t.getData(),s=An(o,a),l="highlight"===e;null!=s?i.util.each(ac.normalizeToArray(s),(function(e){for(var t=0;t<this._pointsBuilderList.length;t++){var r=this._pointsBuilderList[t];l?r.highlight(o,e):r.downplay(o,e)}}),this):o.each((function(e){for(var t=0;t<this._pointsBuilderList.length;t++){var r=this._pointsBuilderList[t];l?r.highlight(o,e):r.downplay(o,e)}}))},dispose:function(){this._pointsBuilderList.forEach((function(e){e.dispose()})),this.groupGL.removeAll()},remove:function(){this.groupGL.removeAll()}});(0,i.use)((function(e){e.registerChartView(zc),e.registerSeriesModel(Cc),e.registerLayout({seriesType:"scatter3D",reset:function(e){var t=e.coordinateSystem;if(t){var r=t.dimensions;if(r.length<3)return;var i=r.map((function(t){return e.coordDimToDataDim(t)[0]})),n=[],a=[];return{progress:function(e,r){for(var o=new Float32Array(3*(e.end-e.start)),s=e.start;s<e.end;s++){var l=3*(s-e.start);n[0]=r.get(i[0],s),n[1]=r.get(i[1],s),n[2]=r.get(i[2],s),t.dataToPoint(n,a),o[l]=a[0],o[l+1]=a[1],o[l+2]=a[2]}r.setLayout("points",o)}}}}})}));var Gc=Po.vec3,Uc=Po.vec2,kc=Gc.normalize,Vc=Gc.cross,Hc=Gc.sub,Wc=Gc.add,jc=Gc.create,Xc=jc(),qc=jc(),Zc=jc(),Yc=jc(),Kc=[],Qc=[];function Jc(e,t){Uc.copy(Kc,e[0]),Uc.copy(Qc,e[1]);var r=[],i=r[0]=jc(),n=r[1]=jc(),a=r[2]=jc(),o=r[3]=jc();t.dataToPoint(Kc,i),t.dataToPoint(Qc,o),kc(Xc,i),Hc(qc,o,i),kc(qc,qc),Vc(Zc,qc,Xc),kc(Zc,Zc),Vc(qc,Xc,Zc),Wc(n,Xc,qc),kc(n,n),kc(Xc,o),Hc(qc,i,o),kc(qc,qc),Vc(Zc,qc,Xc),kc(Zc,Zc),Vc(qc,Xc,Zc),Wc(a,Xc,qc),kc(a,a),Wc(Yc,i,o),kc(Yc,Yc);var s=Gc.dot(i,Yc),l=Gc.dot(Yc,n),h=(Math.max(Gc.len(i),Gc.len(o))-s)/l*2;return Gc.scaleAndAdd(n,i,n,h),Gc.scaleAndAdd(a,o,a,h),r}function $c(e,t){for(var r=new Float32Array(3*e.length),i=0,n=[],a=0;a<e.length;a++)t.dataToPoint(e[a],n),r[i++]=n[0],r[i++]=n[1],r[i++]=n[2];return r}function ed(e){var t=[];return e.each((function(r){var i=e.getItemModel(r),n=i.option instanceof Array?i.option:i.getShallow("coords",!0);t.push(n)})),{coordsList:t}}function td(e,t,r){var i=e.getData(),n=e.get("polyline"),a=ed(i);i.setLayout("lineType",n?"polyline":"cubicBezier"),i.each((function(e){var o=a.coordsList[e],s=n?$c(o,t):function(e,t,r){var i=[],n=i[0]=Gc.create(),a=i[1]=Gc.create(),o=i[2]=Gc.create(),s=i[3]=Gc.create();t.dataToPoint(e[0],n),t.dataToPoint(e[1],s);var l=Gc.dist(n,s);return Gc.lerp(a,n,s,.3),Gc.lerp(o,n,s,.3),Gc.scaleAndAdd(a,a,r,Math.min(.1*l,10)),Gc.scaleAndAdd(o,o,r,Math.min(.1*l,10)),i}(o,t,r);i.setItemLayout(e,s)}))}function rd(e,t){e.eachSeriesByType("lines3D",(function(e){var t=e.coordinateSystem;"globe"===t.type?function(e,t){var r=e.getData(),i=e.get("polyline");r.setLayout("lineType",i?"polyline":"cubicBezier");var n=ed(r);r.each((function(e){var a=n.coordsList[e],o=i?$c:Jc;r.setItemLayout(e,o(a,t))}))}(e,t):"geo3D"===t.type?td(e,t,[0,1,0]):"mapbox3D"!==t.type&&"maptalks3D"!==t.type||td(e,t,[0,0,1])}))}const id=i.SeriesModel.extend({type:"series.lines3D",dependencies:["globe"],visualStyleAccessPath:"lineStyle",visualDrawType:"stroke",getInitialData:function(e,t){var r=new i.List(["value"],this);return r.hasItemOption=!1,r.initData(e.data,[],(function(e,t,i,n){if(e instanceof Array)return NaN;r.hasItemOption=!0;var a=e.value;return null!=a?a instanceof Array?a[n]:a:void 0})),r},defaultOption:{coordinateSystem:"globe",globeIndex:0,geo3DIndex:0,zlevel:-10,polyline:!1,effect:{show:!1,period:4,trailWidth:4,trailLength:.2,spotIntensity:6},silent:!0,blendMode:"source-over",lineStyle:{width:1,opacity:.5}}});var nd=Po.vec3;Ka.Shader.import("@export ecgl.trail2.vertex\nattribute vec3 position: POSITION;\nattribute vec3 positionPrev;\nattribute vec3 positionNext;\nattribute float offset;\nattribute float dist;\nattribute float distAll;\nattribute float start;\n\nattribute vec4 a_Color : COLOR;\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform vec4 viewport : VIEWPORT;\nuniform float near : NEAR;\n\nuniform float speed : 0;\nuniform float trailLength: 0.3;\nuniform float time;\nuniform float period: 1000;\n\nuniform float spotSize: 1;\n\nvarying vec4 v_Color;\nvarying float v_Percent;\nvarying float v_SpotPercent;\n\n@import ecgl.common.wireframe.vertexHeader\n\n@import ecgl.lines3D.clipNear\n\nvoid main()\n{\n @import ecgl.lines3D.expandLine\n\n gl_Position = currProj;\n\n v_Color = a_Color;\n\n @import ecgl.common.wireframe.vertexMain\n\n#ifdef CONSTANT_SPEED\n float t = mod((speed * time + start) / distAll, 1. + trailLength) - trailLength;\n#else\n float t = mod((time + start) / period, 1. + trailLength) - trailLength;\n#endif\n\n float trailLen = distAll * trailLength;\n\n v_Percent = (dist - t * distAll) / trailLen;\n\n v_SpotPercent = spotSize / distAll;\n\n }\n@end\n\n\n@export ecgl.trail2.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\nuniform float spotIntensity: 5;\n\nvarying vec4 v_Color;\nvarying float v_Percent;\nvarying float v_SpotPercent;\n\n@import ecgl.common.wireframe.fragmentHeader\n\n@import clay.util.srgb\n\nvoid main()\n{\n if (v_Percent > 1.0 || v_Percent < 0.0) {\n discard;\n }\n\n float fade = v_Percent;\n\n#ifdef SRGB_DECODE\n gl_FragColor = sRGBToLinear(color * v_Color);\n#else\n gl_FragColor = color * v_Color;\n#endif\n\n @import ecgl.common.wireframe.fragmentMain\n\n if (v_Percent > (1.0 - v_SpotPercent)) {\n gl_FragColor.rgb *= spotIntensity;\n }\n\n gl_FragColor.a *= fade;\n}\n\n@end");const ad=Ka.Mesh.extend((function(){var e=new Ka.Material({shader:new Ka.Shader(Ka.Shader.source("ecgl.trail2.vertex"),Ka.Shader.source("ecgl.trail2.fragment")),transparent:!0,depthMask:!1}),t=new Ro({dynamic:!0});return t.createAttribute("dist","float",1),t.createAttribute("distAll","float",1),t.createAttribute("start","float",1),{geometry:t,material:e,culling:!1,$ignorePicking:!0}}),{updateData:function(e,t,r){var i=e.hostModel,n=this.geometry,a=i.getModel("effect"),o=a.get("trailWidth")*t.getDevicePixelRatio(),s=a.get("trailLength"),l=i.get("effect.constantSpeed"),h=1e3*i.get("effect.period"),u=null!=l;u?this.material.set("speed",l/1e3):this.material.set("period",h),this.material[u?"define":"undefine"]("vertex","CONSTANT_SPEED");var c=i.get("polyline");n.trailLength=s,this.material.set("trailLength",s),n.resetOffset(),["position","positionPrev","positionNext"].forEach((function(e){n.attributes[e].value=r.attributes[e].value})),["dist","distAll","start","offset","color"].forEach((function(e){n.attributes[e].init(n.vertexCount)})),n.indices=r.indices;var d=[],f=a.get("trailColor"),p=a.get("trailOpacity"),m=null!=f,g=null!=p;this.updateWorldTransform();var _=this.worldTransform.x.len(),v=this.worldTransform.y.len(),y=this.worldTransform.z.len(),x=0,b=0;e.each((function(t){var i=e.getItemLayout(t),a=g?p:Rh(e,t),s=Ih(e,t);null==a&&(a=1),(d=Ka.parseColor(m?f:s,d))[3]*=a;for(var l=c?r.getPolylineVertexCount(i):r.getCubicCurveVertexCount(i[0],i[1],i[2],i[3]),w=0,T=[],S=[],M=x;M<x+l;M++)n.attributes.position.get(M,T),T[0]*=_,T[1]*=v,T[2]*=y,M>x&&(w+=nd.dist(T,S)),n.attributes.dist.set(M,w),nd.copy(S,T);b=Math.max(b,w);var A=Math.random()*(u?w:h);for(M=x;M<x+l;M++)n.attributes.distAll.set(M,w),n.attributes.start.set(M,A),n.attributes.offset.set(M,(r.attributes.offset.get(M)>0?1:-1)*o/2),n.attributes.color.set(M,d);x+=l})),this.material.set("spotSize",.1*b*s),this.material.set("spotIntensity",a.get("spotIntensity")),n.dirty()},setAnimationTime:function(e){this.material.set("time",e)}});Ka.Shader.import(is);const od=i.ChartView.extend({type:"lines3D",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this._meshLinesMaterial=new Ka.Material({shader:Ka.createShader("ecgl.meshLines3D"),transparent:!0,depthMask:!1}),this._linesMesh=new Ka.Mesh({geometry:new Ro,material:this._meshLinesMaterial,$ignorePicking:!0}),this._trailMesh=new ad},render:function(e,t,r){this.groupGL.add(this._linesMesh);var i=e.coordinateSystem,n=e.getData();if(i&&i.viewGL){i.viewGL.add(this.groupGL),this._updateLines(e,t,r);var a=i.viewGL.isLinearSpace()?"define":"undefine";this._linesMesh.material[a]("fragment","SRGB_DECODE"),this._trailMesh.material[a]("fragment","SRGB_DECODE")}var o=this._trailMesh;if(o.stopAnimation(),e.get("effect.show")){this.groupGL.add(o),o.updateData(n,r,this._linesMesh.geometry),o.__time=o.__time||0;var s=36e5;this._curveEffectsAnimator=o.animate("",{loop:!0}).when(s,{__time:s}).during((function(){o.setAnimationTime(o.__time)})).start()}else this.groupGL.remove(o),this._curveEffectsAnimator=null;this._linesMesh.material.blend=this._trailMesh.material.blend="lighter"===e.get("blendMode")?Ka.additiveBlend:null},pauseEffect:function(){this._curveEffectsAnimator&&this._curveEffectsAnimator.pause()},resumeEffect:function(){this._curveEffectsAnimator&&this._curveEffectsAnimator.resume()},toggleEffect:function(){var e=this._curveEffectsAnimator;e&&(e.isPaused()?e.resume():e.pause())},_updateLines:function(e,t,r){var i=e.getData(),n=e.coordinateSystem,a=this._linesMesh.geometry,o=e.get("polyline");a.expandLine=!0;var s=function(e){return null!=e.radius?e.radius:null!=e.size?Math.max(e.size[0],e.size[1],e.size[2]):100}(n);a.segmentScale=s/20;var l="lineStyle.width".split("."),h=r.getDevicePixelRatio(),u=0;i.each((function(e){var t=i.getItemModel(e).get(l);null==t&&(t=1),i.setItemVisual(e,"lineWidth",t),u=Math.max(t,u)})),a.useNativeLine=!1;var c=0,d=0;i.each((function(e){var t=i.getItemLayout(e);o?(c+=a.getPolylineVertexCount(t),d+=a.getPolylineTriangleCount(t)):(c+=a.getCubicCurveVertexCount(t[0],t[1],t[2],t[3]),d+=a.getCubicCurveTriangleCount(t[0],t[1],t[2],t[3]))})),a.setVertexCount(c),a.setTriangleCount(d),a.resetOffset();var f=[];i.each((function(e){var t=i.getItemLayout(e),r=Ih(i,e),n=Rh(i,e),s=i.getItemVisual(e,"lineWidth")*h;null==n&&(n=1),(f=Ka.parseColor(r,f))[3]*=n,o?a.addPolyline(t,f,s):a.addCubicCurve(t[0],t[1],t[2],t[3],f,s)})),a.dirty()},remove:function(){this.groupGL.removeAll()},dispose:function(){this.groupGL.removeAll()}});function sd(e,t){for(var r=[],i=0;i<t.length;i++)r.push(e.dataToPoint(t[i]));return r}(0,i.use)((function(e){e.registerChartView(od),e.registerSeriesModel(id),e.registerLayout(rd),e.registerAction({type:"lines3DPauseEffect",event:"lines3deffectpaused",update:"series.lines3D:pauseEffect"},(function(){})),e.registerAction({type:"lines3DResumeEffect",event:"lines3deffectresumed",update:"series.lines3D:resumeEffect"},(function(){})),e.registerAction({type:"lines3DToggleEffect",event:"lines3deffectchanged",update:"series.lines3D:toggleEffect"},(function(){}))}));var ld=i.SeriesModel.extend({type:"series.polygons3D",getRegionModel:function(e){return this.getData().getItemModel(e)},getRegionPolygonCoords:function(e){var t=this.coordinateSystem,r=this.getData().getItemModel(e),i=r.option instanceof Array?r.option:r.getShallow("coords");r.get("multiPolygon")||(i=[i]);for(var n=[],a=0;a<i.length;a++){for(var o=[],s=1;s<i[a].length;s++)o.push(sd(t,i[a][s]));n.push({exterior:sd(t,i[a][0]),interiors:o})}return n},getInitialData:function(e){var t=new i.List(["value"],this);return t.hasItemOption=!1,t.initData(e.data,[],(function(e,r,i,n){if(e instanceof Array)return NaN;t.hasItemOption=!0;var a=e.value;return null!=a?a instanceof Array?a[n]:a:void 0})),t},defaultOption:{show:!0,data:null,multiPolygon:!1,progressiveThreshold:1e3,progressive:1e3,zlevel:-10,label:{show:!1,distance:2,textStyle:{fontSize:20,color:"#000",backgroundColor:"rgba(255,255,255,0.7)",padding:3,borderRadius:4}},itemStyle:{color:"#fff",borderWidth:0,borderColor:"#333"},emphasis:{itemStyle:{color:"#639fc0"},label:{show:!0}}}});i.util.merge(ld.prototype,Kl);const hd=ld,ud=i.ChartView.extend({type:"polygons3D",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this._geo3DBuilderList=[],this._currentStep=0},render:function(e,t,r){this.groupGL.removeAll();var i=e.coordinateSystem;i&&i.viewGL&&i.viewGL.add(this.groupGL);var n=this._geo3DBuilderList[0];n||((n=new Uh(r)).extrudeY="mapbox3D"!==i.type&&"maptalks3D"!==i.type,this._geo3DBuilderList[0]=n),this._updateShaderDefines(i,n),n.update(e,t,r),this._geo3DBuilderList.length=1,this.groupGL.add(n.rootNode)},incrementalPrepareRender:function(e,t,r){this.groupGL.removeAll();var i=e.coordinateSystem;i&&i.viewGL&&i.viewGL.add(this.groupGL),this._currentStep=0},incrementalRender:function(e,t,r,i){var n=this._geo3DBuilderList[this._currentStep],a=t.coordinateSystem;n||((n=new Uh(i)).extrudeY="mapbox3D"!==a.type&&"maptalks3D"!==a.type,this._geo3DBuilderList[this._currentStep]=n),n.update(t,r,i,e.start,e.end),this.groupGL.add(n.rootNode),this._updateShaderDefines(a,n),this._currentStep++},_updateShaderDefines:function(e,t){var r=e.viewGL.isLinearSpace()?"define":"undefine";t.rootNode.traverse((function(t){t.material&&(t.material[r]("fragment","SRGB_DECODE"),"mapbox3D"!==e.type&&"maptalks3D"!==e.type||(t.material.define("fragment","NORMAL_UP_AXIS",2),t.material.define("fragment","NORMAL_FRONT_AXIS",1)))}))},remove:function(){this.groupGL.removeAll()},dispose:function(){this.groupGL.removeAll(),this._geo3DBuilderList.forEach((function(e){e.dispose()}))}});(0,i.use)((function(e){e.registerChartView(ud),e.registerSeriesModel(hd)}));var cd=i.SeriesModel.extend({type:"series.surface",dependencies:["globe","grid3D","geo3D"],visualStyleAccessPath:"itemStyle",formatTooltip:function(e){return oc(this,e)},getInitialData:function(e,t){var r=e.data;function n(e){return!(isNaN(e.min)||isNaN(e.max)||isNaN(e.step))}function a(e){var t=i.number.getPrecisionSafe;return Math.max(t(e.min),t(e.max),t(e.step))+1}if(!r)if(e.parametric){var o=e.parametricEquation||{},s=o.u||{},l=o.v||{};["u","v"].forEach((function(e){n(o[e])})),["x","y","z"].forEach((function(e){o[e]}));var h=Math.floor((s.max+s.step-s.min)/s.step),u=Math.floor((l.max+l.step-l.min)/l.step);r=new Float32Array(h*u*5);var c=a(s),d=a(l);for(S=0,M=0;M<u;M++)for(A=0;A<h;A++){var f=A*s.step+s.min,p=M*l.step+l.min,m=i.number.round(Math.min(f,s.max),c),g=i.number.round(Math.min(p,l.max),d);E=o.x(m,g),C=o.y(m,g),P=o.z(m,g),r[S++]=E,r[S++]=C,r[S++]=P,r[S++]=m,r[S++]=g}}else{var _=e.equation||{},v=_.x||{},y=_.y||{};if(["x","y"].forEach((function(e){n(_[e])})),"function"!=typeof _.z)return;var x=Math.floor((v.max+v.step-v.min)/v.step),b=Math.floor((y.max+y.step-y.min)/y.step);r=new Float32Array(x*b*3);for(var w=a(v),T=a(y),S=0,M=0;M<b;M++)for(var A=0;A<x;A++){var E=A*v.step+v.min,C=M*y.step+y.min,D=i.number.round(Math.min(E,v.max),w),L=i.number.round(Math.min(C,y.max),T),P=_.z(D,L);r[S++]=D,r[S++]=L,r[S++]=P}}var O=["x","y","z"];return e.parametric&&O.push("u","v"),sc(this,O,r)},defaultOption:{coordinateSystem:"cartesian3D",zlevel:-10,grid3DIndex:0,shading:"lambert",parametric:!1,wireframe:{show:!0,lineStyle:{color:"rgba(0,0,0,0.5)",width:1}},equation:{x:{min:-1,max:1,step:.1},y:{min:-1,max:1,step:.1},z:null},parametricEquation:{u:{min:-1,max:1,step:.1},v:{min:-1,max:1,step:.1},x:null,y:null,z:null},dataShape:null,itemStyle:{},animationDurationUpdate:500}});i.util.merge(cd.prototype,Kl);const dd=cd;var fd=Po.vec3;const pd=i.ChartView.extend({type:"surface",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node},render:function(e,t,r){var i=this._prevSurfaceMesh;this._prevSurfaceMesh=this._surfaceMesh,this._surfaceMesh=i,this._surfaceMesh||(this._surfaceMesh=this._createSurfaceMesh()),this.groupGL.remove(this._prevSurfaceMesh),this.groupGL.add(this._surfaceMesh);var n=e.coordinateSystem,a=e.get("shading"),o=e.getData(),s="ecgl."+a;if(this._surfaceMesh.material&&this._surfaceMesh.material.shader.name===s||(this._surfaceMesh.material=Ka.createMaterial(s,["VERTEX_COLOR","DOUBLE_SIDED"])),Ka.setMaterialFromModel(a,this._surfaceMesh.material,e,r),n&&n.viewGL){n.viewGL.add(this.groupGL);var l=n.viewGL.isLinearSpace()?"define":"undefine";this._surfaceMesh.material[l]("fragment","SRGB_DECODE")}var h=e.get("parametric"),u=e.get("dataShape");u||(u=this._getDataShape(o,h));var c=e.getModel("wireframe"),d=c.get("lineStyle.width"),f=c.get("show")&&d>0;this._updateSurfaceMesh(this._surfaceMesh,e,u,f);var p=this._surfaceMesh.material;f?(p.define("WIREFRAME_QUAD"),p.set("wireframeLineWidth",d),p.set("wireframeLineColor",Ka.parseColor(c.get("lineStyle.color")))):p.undefine("WIREFRAME_QUAD"),this._initHandler(e,r),this._updateAnimation(e)},_updateAnimation:function(e){Ka.updateVertexAnimation([["prevPosition","position"],["prevNormal","normal"]],this._prevSurfaceMesh,this._surfaceMesh,e)},_createSurfaceMesh:function(){var e=new Ka.Mesh({geometry:new Ka.Geometry({dynamic:!0,sortTriangles:!0}),shadowDepthMaterial:new Ka.Material({shader:new Ka.Shader(Ka.Shader.source("ecgl.sm.depth.vertex"),Ka.Shader.source("ecgl.sm.depth.fragment"))}),culling:!1,renderOrder:10,renderNormal:!0});return e.geometry.createAttribute("barycentric","float",4),e.geometry.createAttribute("prevPosition","float",3),e.geometry.createAttribute("prevNormal","float",3),Object.assign(e.geometry,Nh),e},_initHandler:function(e,t){var r=e.getData(),i=this._surfaceMesh,n=e.coordinateSystem;i.seriesIndex=e.seriesIndex;var a=-1;i.off("mousemove"),i.off("mouseout"),i.on("mousemove",(function(e){var o=function(e,t){for(var r=1/0,n=-1,a=[],o=0;o<e.length;o++){i.geometry.attributes.position.get(e[o],a);var s=fd.dist(t.array,a);s<r&&(r=s,n=e[o])}return n}(e.triangle,e.point);if(o>=0){var s=[];i.geometry.attributes.position.get(o,s);for(var l=n.pointToData(s),h=1/0,u=-1,c=[],d=0;d<r.count();d++){c[0]=r.get("x",d),c[1]=r.get("y",d),c[2]=r.get("z",d);var f=fd.squaredDistance(c,l);f<h&&(u=d,h=f)}u!==a&&t.dispatchAction({type:"grid3DShowAxisPointer",value:l}),a=u,i.dataIndex=u}else i.dataIndex=-1}),this),i.on("mouseout",(function(e){a=-1,i.dataIndex=-1,t.dispatchAction({type:"grid3DHideAxisPointer"})}),this)},_updateSurfaceMesh:function(e,t,r,i){var n=e.geometry,a=t.getData(),o=a.getLayout("points"),s=0;a.each((function(e){a.hasValue(e)||s++}));var l=s||i,h=n.attributes.position,u=n.attributes.normal,c=n.attributes.texcoord0,d=n.attributes.barycentric,f=n.attributes.color,p=r[0],m=r[1],g="color"!==t.get("shading");if(l){var _=(p-1)*(m-1)*4;h.init(_),i&&d.init(_)}else h.value=new Float32Array(o);f.init(n.vertexCount),c.init(n.vertexCount);var v,y=[0,3,1,1,3,2],x=[[1,1,0,0],[0,1,0,1],[1,0,0,1],[1,0,1,0]],b=n.indices=new(n.vertexCount>65535?Uint32Array:Uint16Array)((p-1)*(m-1)*6),w=function(e,t,r){r[1]=e*m+t,r[0]=e*m+t+1,r[3]=(e+1)*m+t+1,r[2]=(e+1)*m+t},T=!1;if(l){var S=[],M=[],A=0;g?u.init(n.vertexCount):u.value=null;for(var E=[[],[],[]],C=[],D=[],L=fd.create(),P=function(e,t,r){var i=3*t;return r[0]=e[i],r[1]=e[i+1],r[2]=e[i+2],r},O=new Float32Array(o.length),N=new Float32Array(o.length/3*4),I=0;I<a.count();I++)if(a.hasValue(I)){var R=Ka.parseColor(Ih(a,I));null!=(X=Rh(a,I))&&(R[3]*=X),R[3]<.99&&(T=!0);for(var B=0;B<4;B++)N[4*I+B]=R[B]}var F=[1e7,1e7,1e7];for(I=0;I<p-1;I++)for(var z=0;z<m-1;z++){var G=4*(I*(m-1)+z);w(I,z,S);var U=!1;for(B=0;B<4;B++)P(o,S[B],M),v=M,(isNaN(v[0])||isNaN(v[1])||isNaN(v[2]))&&(U=!0);for(B=0;B<4;B++)U?h.set(G+B,F):(P(o,S[B],M),h.set(G+B,M)),i&&d.set(G+B,x[B]);for(B=0;B<6;B++)b[A++]=y[B]+G;if(g&&!U)for(B=0;B<2;B++){for(var k=3*B,V=0;V<3;V++)P(o,j=S[y[k]+V],E[V]);for(fd.sub(C,E[0],E[1]),fd.sub(D,E[1],E[2]),fd.cross(L,C,D),V=0;V<3;V++){var H=3*S[y[k]+V];O[H]=O[H]+L[0],O[H+1]=O[H+1]+L[1],O[H+2]=O[H+2]+L[2]}}}if(g)for(I=0;I<O.length/3;I++)P(O,I,L),fd.normalize(L,L),O[3*I]=L[0],O[3*I+1]=L[1],O[3*I+2]=L[2];R=[];var W=[];for(I=0;I<p-1;I++)for(z=0;z<m-1;z++)for(G=4*(I*(m-1)+z),w(I,z,S),B=0;B<4;B++){for(V=0;V<4;V++)R[V]=N[4*S[B]+V];f.set(G+B,R),g&&(P(O,S[B],L),u.set(G+B,L));var j=S[B];W[0]=j%m/(m-1),W[1]=Math.floor(j/m)/(p-1),c.set(G+B,W)}}else{for(W=[],I=0;I<a.count();I++){var X;W[0]=I%m/(m-1),W[1]=Math.floor(I/m)/(p-1),R=Ka.parseColor(Ih(a,I)),null!=(X=Rh(a,I))&&(R[3]*=X),R[3]<.99&&(T=!0),f.set(I,R),c.set(I,W)}S=[];var q=0;for(I=0;I<p-1;I++)for(z=0;z<m-1;z++)for(w(I,z,S),B=0;B<6;B++)b[q++]=S[y[B]];g?n.generateVertexNormals():u.value=null}e.material.get("normalMap")&&n.generateTangents(),n.updateBoundingBox(),n.dirty(),e.material.transparent=T,e.material.depthMask=!T},_getDataShape:function(e,t){for(var r=-1/0,i=0,n=0,a=!1,o=t?"u":"x",s=e.count(),l=0;l<s;l++){var h=e.get(o,l);h<r&&(n=0,i++),r=h,n++}if(i&&1!==n||(a=!0),!a)return[i+1,n];for(var u=Math.floor(Math.sqrt(s));u>0;){if(Math.floor(s/u)===s/u)return[u,s/u];u--}return[u=Math.floor(Math.sqrt(s)),u]},dispose:function(){this.groupGL.removeAll()},remove:function(){this.groupGL.removeAll()}});function md(e,t){for(var r=[],i=0;i<t.length;i++)r.push(e.dataToPoint(t[i]));return r}(0,i.use)((function(e){e.registerChartView(pd),e.registerSeriesModel(dd),e.registerLayout((function(e,t){e.eachSeriesByType("surface",(function(e){var t=e.coordinateSystem;t&&t.type;var r=e.getData(),i=new Float32Array(3*r.count()),n=[NaN,NaN,NaN];if(t&&"cartesian3D"===t.type){var a=t.dimensions.map((function(t){return e.coordDimToDataDim(t)[0]}));r.each(a,(function(e,a,o,s){var l;l=r.hasValue(s)?t.dataToPoint([e,a,o]):n,i[3*s]=l[0],i[3*s+1]=l[1],i[3*s+2]=l[2]}))}r.setLayout("points",i)}))}))}));var gd=i.SeriesModel.extend({type:"series.map3D",layoutMode:"box",coordinateSystem:null,visualStyleAccessPath:"itemStyle",optionUpdated:function(e){e=e||{};var t=this.get("coordinateSystem");null!=t&&"geo3D"!==t&&(this.get("groundPlane.show")&&(this.option.groundPlane.show=!1),this._geo=null)},getInitialData:function(e){e.data=this.getFilledRegions(e.data,e.map);var t=i.helper.createDimensions(e.data,{coordDimensions:["value"]}),r=new i.List(t,this);r.initData(e.data);var n={};return r.each((function(e){var t=r.getName(e),i=r.getItemModel(e);n[t]=i})),this._regionModelMap=n,r},formatTooltip:function(e){return oc(this,e)},getRegionModel:function(e){var t=this.getData().getName(e);return this._regionModelMap[t]||new i.Model(null,this)},getRegionPolygonCoords:function(e){var t=this.coordinateSystem,r=this.getData().getName(e);if(t.transform)return(i=t.getRegion(r))?i.geometries:[];this._geo||(this._geo=$h.createGeo3D(this));for(var i=this._geo.getRegion(r),n=[],a=0;a<i.geometries.length;a++){var o=i.geometries[a],s=[],l=md(t,o.exterior);if(s&&s.length)for(var h=0;h<o.interiors.length;h++)s.push(md(t,s[h]));n.push({interiors:s,exterior:l})}return n},getFormattedLabel:function(e,t){var r=ac.getFormattedLabel(this,e,t);return null==r&&(r=this.getData().getName(e)),r},defaultOption:{coordinateSystem:"geo3D",data:null}});i.util.merge(gd.prototype,Ql),i.util.merge(gd.prototype,uo),i.util.merge(gd.prototype,co),i.util.merge(gd.prototype,fo),i.util.merge(gd.prototype,Kl);const _d=gd,vd=i.ChartView.extend({type:"map3D",__ecgl__:!0,init:function(e,t){this._geo3DBuilder=new Uh(t),this.groupGL=new Ka.Node},render:function(e,t,r){var i=e.coordinateSystem;if(i&&i.viewGL){if(this.groupGL.add(this._geo3DBuilder.rootNode),i.viewGL.add(this.groupGL),"geo3D"===i.type){this._sceneHelper||(this._sceneHelper=new Uo,this._sceneHelper.initLight(this.groupGL)),this._sceneHelper.setScene(i.viewGL.scene),this._sceneHelper.updateLight(e),i.viewGL.setPostEffect(e.getModel("postEffect"),r),i.viewGL.setTemporalSuperSampling(e.getModel("temporalSuperSampling"));var n=this._control;n||(n=this._control=new Do({zr:r.getZr()}),this._control.init());var a=e.getModel("viewControl");n.setViewGL(i.viewGL),n.setFromViewControlModel(a,0),n.off("update"),n.on("update",(function(){r.dispatchAction({type:"map3DChangeCamera",alpha:n.getAlpha(),beta:n.getBeta(),distance:n.getDistance(),from:this.uid,map3DId:e.id})})),this._geo3DBuilder.extrudeY=!0}else this._control&&(this._control.dispose(),this._control=null),this._sceneHelper&&(this._sceneHelper.dispose(),this._sceneHelper=null),e.getData().getLayout("geo3D"),this._geo3DBuilder.extrudeY=!1;this._geo3DBuilder.update(e,t,r,0,e.getData().count());var o=i.viewGL.isLinearSpace()?"define":"undefine";this._geo3DBuilder.rootNode.traverse((function(e){e.material&&e.material[o]("fragment","SRGB_DECODE")}))}},afterRender:function(e,t,r,i){var n=i.renderer,a=e.coordinateSystem;a&&"geo3D"===a.type&&(this._sceneHelper.updateAmbientCubemap(n,e,r),this._sceneHelper.updateSkybox(n,e,r))},dispose:function(){this.groupGL.removeAll(),this._control.dispose(),this._geo3DBuilder.dispose()}});(0,i.use)((function(e){eu(e),e.registerChartView(vd),e.registerSeriesModel(_d),e.registerAction({type:"map3DChangeCamera",event:"map3dcamerachanged",update:"series:updateCamera"},(function(e,t){t.eachComponent({mainType:"series",subType:"map3D",query:e},(function(t){t.setView(e)}))}))}));const yd=i.SeriesModel.extend({type:"series.scatterGL",dependencies:["grid","polar","geo","singleAxis"],visualStyleAccessPath:"itemStyle",hasSymbolVisual:!0,getInitialData:function(){return i.helper.createList(this)},defaultOption:{coordinateSystem:"cartesian2d",zlevel:10,progressive:1e5,progressiveThreshold:1e5,large:!1,symbol:"circle",symbolSize:10,zoomScale:0,blendMode:"source-over",itemStyle:{opacity:.8},postEffect:{enable:!1,colorCorrection:{exposure:0,brightness:0,contrast:1,saturation:1,enable:!0}}}});function xd(e,t,r){var i=t[0],n=t[1];return e[0]=r[0]*i+r[2]*n+r[4],e[1]=r[1]*i+r[3]*n+r[5],e}function bd(e){this.viewGL=e}bd.prototype.reset=function(e,t){this._updateCamera(t.getWidth(),t.getHeight(),t.getDevicePixelRatio()),this._viewTransform=[1,0,0,1,0,0],this.updateTransform(e,t)},bd.prototype.updateTransform=function(e,t){var r,i,n,a,o,s,l,h,u,c=e.coordinateSystem;c.getRoamTransform&&(r=this._viewTransform,n=(i=c.getRoamTransform())[0],a=i[2],o=i[4],s=i[1],l=i[3],h=i[5],(u=n*l-s*a)&&(u=1/u,r[0]=l*u,r[1]=-s*u,r[2]=-a*u,r[3]=n*u,r[4]=(a*h-l*o)*u,r[5]=(s*o-n*h)*u),this._setCameraTransform(this._viewTransform),t.getZr().refresh())},bd.prototype.dataToPoint=function(e,t,r){r=e.dataToPoint(t,null,r);var i=this._viewTransform;i&&xd(r,r,i)},bd.prototype.removeTransformInPoint=function(e){return this._viewTransform&&xd(e,e,this._viewTransform),e},bd.prototype.getZoom=function(){if(this._viewTransform){var e=this._viewTransform;return 1/Math.max(Math.sqrt(e[0]*e[0]+e[1]*e[1]),Math.sqrt(e[2]*e[2]+e[3]*e[3]))}return 1},bd.prototype._setCameraTransform=function(e){var t=this.viewGL.camera;t.position.set(e[4],e[5],0),t.scale.set(Math.sqrt(e[0]*e[0]+e[1]*e[1]),Math.sqrt(e[2]*e[2]+e[3]*e[3]),1)},bd.prototype._updateCamera=function(e,t,r){this.viewGL.setViewport(0,0,e,t,r);var i=this.viewGL.camera;i.left=i.top=0,i.bottom=t,i.right=e,i.near=0,i.far=100};const wd=bd,Td=i.ChartView.extend({type:"scatterGL",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this.viewGL=new Il("orthographic"),this.viewGL.add(this.groupGL),this._pointsBuilderList=[],this._currentStep=0,this._sizeScale=1,this._glViewHelper=new wd(this.viewGL)},render:function(e,t,r){if(this.groupGL.removeAll(),this._glViewHelper.reset(e,r),e.getData().count()){var i=this._pointsBuilderList[0];i||(i=this._pointsBuilderList[0]=new Fc(!0,r)),this._pointsBuilderList.length=1,this.groupGL.add(i.rootNode),this._removeTransformInPoints(e.getData().getLayout("points")),i.update(e,t,r),this.viewGL.setPostEffect(e.getModel("postEffect"),r)}},incrementalPrepareRender:function(e,t,r){this.groupGL.removeAll(),this._glViewHelper.reset(e,r),this._currentStep=0,this.viewGL.setPostEffect(e.getModel("postEffect"),r)},incrementalRender:function(e,t,r,i){if(!(e.end<=e.start)){var n=this._pointsBuilderList[this._currentStep];n||(n=new Fc(!0,i),this._pointsBuilderList[this._currentStep]=n),this.groupGL.add(n.rootNode),this._removeTransformInPoints(t.getData().getLayout("points")),n.setSizeScale(this._sizeScale),n.update(t,r,i,e.start,e.end),i.getZr().refresh(),this._currentStep++}},updateTransform:function(e,t,r){if(e.coordinateSystem.getRoamTransform){this._glViewHelper.updateTransform(e,r);var i=this._glViewHelper.getZoom(),n=Math.max((e.get("zoomScale")||0)*(i-1)+1,0);this._sizeScale=n,this._pointsBuilderList.forEach((function(e){e.setSizeScale(n)}))}},_removeTransformInPoints:function(e){if(e)for(var t=[],r=0;r<e.length;r+=2)t[0]=e[r],t[1]=e[r+1],this._glViewHelper.removeTransformInPoint(t),e[r]=t[0],e[r+1]=t[1]},dispose:function(){this.groupGL.removeAll(),this._pointsBuilderList.forEach((function(e){e.dispose()}))},remove:function(){this.groupGL.removeAll()}});function Sd(e){return"_EC_"+e}(0,i.use)((function(e){e.registerChartView(Td),e.registerSeriesModel(yd),e.registerLayout({seriesType:"scatterGL",reset:function(e){var t,r=e.coordinateSystem,i=e.getData();if(r){var n=r.dimensions.map((function(e){return i.mapDimension(e)})).slice(0,2),a=[];1===n.length?t=function(e){for(var t=new Float32Array(2*(e.end-e.start)),a=e.start;a<e.end;a++){var o=2*(a-e.start),s=i.get(n[0],a),l=r.dataToPoint(s);t[o]=l[0],t[o+1]=l[1]}i.setLayout("points",t)}:2===n.length&&(t=function(e){for(var t=new Float32Array(2*(e.end-e.start)),o=e.start;o<e.end;o++){var s=2*(o-e.start),l=i.get(n[0],o),h=i.get(n[1],o);a[0]=l,a[1]=h,a=r.dataToPoint(a),t[s]=a[0],t[s+1]=a[1]}i.setLayout("points",t)})}return{progress:t}}})}));var Md=function(){function e(e){this.type="graph",this.nodes=[],this.edges=[],this._nodesMap={},this._edgesMap={},this._directed=e||!1}return e.prototype.isDirected=function(){return this._directed},e.prototype.addNode=function(e,t){e=null==e?""+t:""+e;var r=this._nodesMap;if(!r[Sd(e)]){var i=new Ad(e,t);return i.hostGraph=this,this.nodes.push(i),r[Sd(e)]=i,i}},e.prototype.getNodeByIndex=function(e){var t=this.data.getRawIndex(e);return this.nodes[t]},e.prototype.getNodeById=function(e){return this._nodesMap[Sd(e)]},e.prototype.addEdge=function(e,t,r){var i=this._nodesMap,n=this._edgesMap;if("number"==typeof e&&(e=this.nodes[e]),"number"==typeof t&&(t=this.nodes[t]),e instanceof Ad||(e=i[Sd(e)]),t instanceof Ad||(t=i[Sd(t)]),e&&t){var a=e.id+"-"+t.id,o=new Ed(e,t,r);return o.hostGraph=this,this._directed&&(e.outEdges.push(o),t.inEdges.push(o)),e.edges.push(o),e!==t&&t.edges.push(o),this.edges.push(o),n[a]=o,o}},e.prototype.getEdgeByIndex=function(e){var t=this.edgeData.getRawIndex(e);return this.edges[t]},e.prototype.getEdge=function(e,t){e instanceof Ad&&(e=e.id),t instanceof Ad&&(t=t.id);var r=this._edgesMap;return this._directed?r[e+"-"+t]:r[e+"-"+t]||r[t+"-"+e]},e.prototype.eachNode=function(e,t){for(var r=this.nodes,i=r.length,n=0;n<i;n++)r[n].dataIndex>=0&&e.call(t,r[n],n)},e.prototype.eachEdge=function(e,t){for(var r=this.edges,i=r.length,n=0;n<i;n++)r[n].dataIndex>=0&&r[n].node1.dataIndex>=0&&r[n].node2.dataIndex>=0&&e.call(t,r[n],n)},e.prototype.breadthFirstTraverse=function(e,t,r,i){if(t instanceof Ad||(t=this._nodesMap[Sd(t)]),t){for(var n="out"===r?"outEdges":"in"===r?"inEdges":"edges",a=0;a<this.nodes.length;a++)this.nodes[a].__visited=!1;if(!e.call(i,t,null))for(var o=[t];o.length;){var s=o.shift(),l=s[n];for(a=0;a<l.length;a++){var h=l[a],u=h.node1===s?h.node2:h.node1;if(!u.__visited){if(e.call(i,u,s))return;o.push(u),u.__visited=!0}}}}},e.prototype.update=function(){for(var e=this.data,t=this.edgeData,r=this.nodes,i=this.edges,n=0,a=r.length;n<a;n++)r[n].dataIndex=-1;for(n=0,a=e.count();n<a;n++)r[e.getRawIndex(n)].dataIndex=n;for(t.filterSelf((function(e){var r=i[t.getRawIndex(e)];return r.node1.dataIndex>=0&&r.node2.dataIndex>=0})),n=0,a=i.length;n<a;n++)i[n].dataIndex=-1;for(n=0,a=t.count();n<a;n++)i[t.getRawIndex(n)].dataIndex=n},e.prototype.clone=function(){for(var t=new e(this._directed),r=this.nodes,i=this.edges,n=0;n<r.length;n++)t.addNode(r[n].id,r[n].dataIndex);for(n=0;n<i.length;n++){var a=i[n];t.addEdge(a.node1.id,a.node2.id,a.dataIndex)}return t},e}(),Ad=function(){function e(e,t){this.inEdges=[],this.outEdges=[],this.edges=[],this.dataIndex=-1,this.id=null==e?"":e,this.dataIndex=null==t?-1:t}return e.prototype.degree=function(){return this.edges.length},e.prototype.inDegree=function(){return this.inEdges.length},e.prototype.outDegree=function(){return this.outEdges.length},e.prototype.getModel=function(e){if(!(this.dataIndex<0))return this.hostGraph.data.getItemModel(this.dataIndex).getModel(e)},e.prototype.getAdjacentDataIndices=function(){for(var e={edge:[],node:[]},t=0;t<this.edges.length;t++){var r=this.edges[t];r.dataIndex<0||(e.edge.push(r.dataIndex),e.node.push(r.node1.dataIndex,r.node2.dataIndex))}return e},e}(),Ed=function(){function e(e,t,r){this.dataIndex=-1,this.node1=e,this.node2=t,this.dataIndex=null==r?-1:r}return e.prototype.getModel=function(e){if(!(this.dataIndex<0))return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(e)},e.prototype.getAdjacentDataIndices=function(){return{edge:[this.dataIndex],node:[this.node1.dataIndex,this.node2.dataIndex]}},e}();function Cd(e,t){return{getValue:function(r){var i=this[e][t];return i.get(i.getDimension(r||"value"),this.dataIndex)},setVisual:function(r,i){this.dataIndex>=0&&this[e][t].setItemVisual(this.dataIndex,r,i)},getVisual:function(r){return this[e][t].getItemVisual(this.dataIndex,r)},setLayout:function(r,i){this.dataIndex>=0&&this[e][t].setItemLayout(this.dataIndex,r,i)},getLayout:function(){return this[e][t].getItemLayout(this.dataIndex)},getGraphicEl:function(){return this[e][t].getItemGraphicEl(this.dataIndex)},getRawIndex:function(){return this[e][t].getRawIndex(this.dataIndex)}}}_a(Ad,Cd("hostGraph","data")),_a(Ed,Cd("hostGraph","edgeData"));const Dd=Md;var Ld=_o();function Pd(e,t){if(Ld(this).mainData===this){var r=ga({},Ld(this).datas);r[this.dataType]=t,Bd(t,r,e)}else Fd(t,this.dataType,Ld(this).mainData,e);return t}function Od(e,t){return e.struct&&e.struct.update(),t}function Nd(e,t){return ya(Ld(t).datas,(function(r,i){r!==t&&Fd(r.cloneShallow(),i,t,e)})),t}function Id(e){var t=Ld(this).mainData;return null==e||null==t?t:Ld(t).datas[e]}function Rd(){var e=Ld(this).mainData;return null==e?[{data:e}]:xa(ba(Ld(e).datas),(function(t){return{type:t,data:Ld(e).datas[t]}}))}function Bd(e,t,r){Ld(e).datas={},ya(t,(function(t,i){Fd(t,i,e,r)}))}function Fd(e,t,r,i){Ld(r).datas[t]=e,Ld(e).mainData=r,e.dataType=t,i.struct&&(e[i.structAttr]=i.struct,i.struct[i.datasAttr[t]]=e),e.getLinkedData=Id,e.getLinkedDataAll=Rd}var zd=i.SeriesModel.extend({type:"series.graphGL",visualStyleAccessPath:"itemStyle",hasSymbolVisual:!0,init:function(e){zd.superApply(this,"init",arguments),this.legendDataProvider=function(){return this._categoriesData},this._updateCategoriesData()},mergeOption:function(e){zd.superApply(this,"mergeOption",arguments),this._updateCategoriesData()},getFormattedLabel:function(e,t,r,i){var n=ac.getFormattedLabel(this,e,t,r,i);if(null==n){var a=this.getData(),o=a.dimensions[a.dimensions.length-1];n=a.get(o,e)}return n},getInitialData:function(e,t){var r=e.edges||e.links||[],n=e.data||e.nodes||[],a=this;if(n&&r)return function(e,t,r,n,a){for(var o=new Dd(!0),s=0;s<e.length;s++)o.addNode(Mn(e[s].id,e[s].name,s),s);var l,h=[],u=[],c=0;for(s=0;s<t.length;s++){var d=t[s],f=d.source,p=d.target;o.addEdge(f,p,c)&&(u.push(d),h.push(Mn(d.id,f+" > "+p)),c++)}var m=i.helper.createDimensions(e,{coordDimensions:["value"]});(l=new i.List(m,r)).initData(e);var g,_,v,y=new i.List(["value"],r);return y.initData(u,h),a&&a(l,y),_=(g={mainData:l,struct:o,structAttr:"graph",datas:{node:l,edge:y},datasAttr:{node:"data",edge:"edgeData"}}).mainData,(v=g.datas)||(v={main:_},g.datasAttr={main:"data"}),g.datas=g.mainData=null,Bd(_,v,g),ya(v,(function(e){ya(_.TRANSFERABLE_METHODS,(function(t){e.wrapMethod(t,wa(Pd,g))}))})),_.wrapMethod("cloneShallow",wa(Nd,g)),ya(_.CHANGABLE_METHODS,(function(e){_.wrapMethod(e,wa(Od,g))})),function(e,t){if(!e)throw new Error(void 0)}(v[_.dataType]===_),o.update(),o}(n,r,this,0,(function(e,r){e.wrapMethod("getItemModel",(function(e){const t=a._categoriesModels[e.getShallow("category")];return t&&(t.parentModel=e.parentModel,e.parentModel=t),e}));const i=t.getModel([]).getModel;function n(e,t){const r=i.call(this,e,t);return r.resolveParentPath=o,r}function o(e){if(e&&("label"===e[0]||"label"===e[1])){const t=e.slice();return"label"===e[0]?t[0]="edgeLabel":"label"===e[1]&&(t[1]="edgeLabel"),t}return e}r.wrapMethod("getItemModel",(function(e){return e.resolveParentPath=o,e.getModel=n,e}))})).data},getGraph:function(){return this.getData().graph},getEdgeData:function(){return this.getGraph().edgeData},getCategoriesData:function(){return this._categoriesData},formatTooltip:function(e,t,r){if("edge"===r){var n=this.getData(),a=this.getDataParams(e,r),o=n.graph.getEdgeByIndex(e),s=n.getName(o.node1.dataIndex),l=n.getName(o.node2.dataIndex),h=[];return null!=s&&h.push(s),null!=l&&h.push(l),h=i.format.encodeHTML(h.join(" > ")),a.value&&(h+=" : "+i.format.encodeHTML(a.value)),h}return zd.superApply(this,"formatTooltip",arguments)},_updateCategoriesData:function(){var e=(this.option.categories||[]).map((function(e){return null!=e.value?e:Object.assign({value:0},e)})),t=new i.List(["value"],this);t.initData(e),this._categoriesData=t,this._categoriesModels=t.mapArray((function(e){return t.getItemModel(e,!0)}))},setView:function(e){null!=e.zoom&&(this.option.zoom=e.zoom),null!=e.offset&&(this.option.offset=e.offset)},setNodePosition:function(e){for(var t=0;t<e.length/2;t++){var r=e[2*t],i=e[2*t+1],n=this.getData().getRawDataItem(t);n.x=r,n.y=i}},isAnimationEnabled:function(){return zd.superCall(this,"isAnimationEnabled")&&!("force"===this.get("layout")&&this.get("force.layoutAnimation"))},defaultOption:{zlevel:10,z:2,legendHoverLink:!0,layout:"forceAtlas2",forceAtlas2:{initLayout:null,GPU:!0,steps:1,maxSteps:1e3,repulsionByDegree:!0,linLogMode:!1,strongGravityMode:!1,gravity:1,edgeWeightInfluence:1,edgeWeight:[1,4],nodeWeight:[1,4],preventOverlap:!1,gravityCenter:null},focusNodeAdjacency:!0,focusNodeAdjacencyOn:"mouseover",left:"center",top:"center",symbol:"circle",symbolSize:5,roam:!1,center:null,zoom:1,label:{show:!1,formatter:"{b}",position:"right",distance:5,textStyle:{fontSize:14}},itemStyle:{},lineStyle:{color:"#aaa",width:1,opacity:.5},emphasis:{label:{show:!0}},animation:!1}});const Gd=zd;var Ud=Po.vec2,kd=[[0,0],[1,1]],Vd=Vr.extend((function(){return{segmentScale:4,dynamic:!0,useNativeLine:!0,attributes:{position:new Vr.Attribute("position","float",2,"POSITION"),normal:new Vr.Attribute("normal","float",2),offset:new Vr.Attribute("offset","float",1),color:new Vr.Attribute("color","float",4,"COLOR")}}}),{resetOffset:function(){this._vertexOffset=0,this._faceOffset=0,this._itemVertexOffsets=[]},setVertexCount:function(e){var t=this.attributes;this.vertexCount!==e&&(t.position.init(e),t.color.init(e),this.useNativeLine||(t.offset.init(e),t.normal.init(e)),e>65535?this.indices instanceof Uint16Array&&(this.indices=new Uint32Array(this.indices)):this.indices instanceof Uint32Array&&(this.indices=new Uint16Array(this.indices)))},setTriangleCount:function(e){this.triangleCount!==e&&(this.indices=0===e?null:this.vertexCount>65535?new Uint32Array(3*e):new Uint16Array(3*e))},_getCubicCurveApproxStep:function(e,t,r,i){return 1/(Ud.dist(e,t)+Ud.dist(r,t)+Ud.dist(i,r)+1)*this.segmentScale},getCubicCurveVertexCount:function(e,t,r,i){var n=this._getCubicCurveApproxStep(e,t,r,i),a=Math.ceil(1/n);return this.useNativeLine?2*a:2*a+2},getCubicCurveTriangleCount:function(e,t,r,i){var n=this._getCubicCurveApproxStep(e,t,r,i),a=Math.ceil(1/n);return this.useNativeLine?0:2*a},getLineVertexCount:function(){return this.getPolylineVertexCount(kd)},getLineTriangleCount:function(){return this.getPolylineTriangleCount(kd)},getPolylineVertexCount:function(e){var t;return t="number"==typeof e?e:"number"!=typeof e[0]?e.length:e.length/2,this.useNativeLine?2*(t-1):2*(t-1)+2},getPolylineTriangleCount:function(e){var t;return t="number"==typeof e?e:"number"!=typeof e[0]?e.length:e.length/2,this.useNativeLine?0:2*(t-1)},addCubicCurve:function(e,t,r,i,n,a){null==a&&(a=1);var o=e[0],s=e[1],l=t[0],h=t[1],u=r[0],c=r[1],d=i[0],f=i[1],p=this._getCubicCurveApproxStep(e,t,r,i),m=p*p,g=m*p,_=3*p,v=3*m,y=6*m,x=6*g,b=o-2*l+u,w=s-2*h+c,T=3*(l-u)-o+d,S=3*(h-c)-s+f,M=o,A=s,E=(l-o)*_+b*v+T*g,C=(h-s)*_+w*v+S*g,D=b*y+T*x,L=w*y+S*x,P=T*x,O=S*x,N=0,I=0,R=Math.ceil(1/p),B=new Float32Array(3*(R+1)),F=(B=[],0);for(I=0;I<R+1;I++)B[F++]=M,B[F++]=A,M+=E,A+=C,E+=D,C+=L,D+=P,L+=O,(N+=p)>1&&(M=E>0?Math.min(M,d):Math.max(M,d),A=C>0?Math.min(A,f):Math.max(A,f));this.addPolyline(B,n,a)},addLine:function(e,t,r,i){this.addPolyline([e,t],r,i)},addPolyline:function(){var e=Ud.create(),t=Ud.create(),r=Ud.create(),i=Ud.create(),n=[],a=[],o=[];return function(s,l,h,u,c){if(s.length){var d="number"!=typeof s[0];if(null==c&&(c=d?s.length:s.length/2),!(c<2)){null==u&&(u=0),null==h&&(h=1),this._itemVertexOffsets.push(this._vertexOffset);for(var f,p=d?"number"!=typeof l[0]:l.length/4===c,m=this.attributes.position,g=this.attributes.color,_=this.attributes.offset,v=this.attributes.normal,y=this.indices,x=this._vertexOffset,b=0;b<c;b++){if(d)n=s[b+u],f=p?l[b+u]:l;else{var w=2*b+u;if((n=n||[])[0]=s[w],n[1]=s[w+1],p){var T=4*b+u;(f=f||[])[0]=l[T],f[1]=l[T+1],f[2]=l[T+2],f[3]=l[T+3]}else f=l}if(this.useNativeLine)b>1&&(m.copy(x,x-1),g.copy(x,x-1),x++);else{var S;if(b<c-1)if(d?Ud.copy(a,s[b+1]):(w=2*(b+1)+u,(a=a||[])[0]=s[w],a[1]=s[w+1]),b>0){Ud.sub(e,n,o),Ud.sub(t,a,n),Ud.normalize(e,e),Ud.normalize(t,t),Ud.add(i,e,t),Ud.normalize(i,i);var M=h/2*Math.min(1/Ud.dot(e,i),2);r[0]=-i[1],r[1]=i[0],S=M}else Ud.sub(e,a,n),Ud.normalize(e,e),r[0]=-e[1],r[1]=e[0],S=h/2;else Ud.sub(e,n,o),Ud.normalize(e,e),r[0]=-e[1],r[1]=e[0],S=h/2;v.set(x,r),v.set(x+1,r),_.set(x,S),_.set(x+1,-S),Ud.copy(o,n),m.set(x,n),m.set(x+1,n),g.set(x,f),g.set(x+1,f),x+=2}if(this.useNativeLine)g.set(x,f),m.set(x,n),x++;else if(b>0){var A=3*this._faceOffset;(y=this.indices)[A]=x-4,y[A+1]=x-3,y[A+2]=x-2,y[A+3]=x-3,y[A+4]=x-1,y[A+5]=x-2,this._faceOffset+=2}}this._vertexOffset=x}}}}(),setItemColor:function(e,t){for(var r=this._itemVertexOffsets[e],i=e<this._itemVertexOffsets.length-1?this._itemVertexOffsets[e+1]:this._vertexOffset,n=r;n<i;n++)this.attributes.color.set(n,t);this.dirty("color")}});i.util.defaults(Vd.prototype,Lo);const Hd=Vd;Ka.Shader.import("@export ecgl.forceAtlas2.updateNodeRepulsion\n\n#define NODE_COUNT 0\n\nuniform sampler2D positionTex;\n\nuniform vec2 textureSize;\nuniform float gravity;\nuniform float scaling;\nuniform vec2 gravityCenter;\n\nuniform bool strongGravityMode;\nuniform bool preventOverlap;\n\nvarying vec2 v_Texcoord;\n\nvoid main() {\n\n vec4 n0 = texture2D(positionTex, v_Texcoord);\n\n vec2 force = vec2(0.0);\n for (int i = 0; i < NODE_COUNT; i++) {\n vec2 uv = vec2(\n mod(float(i), textureSize.x) / (textureSize.x - 1.0),\n floor(float(i) / textureSize.x) / (textureSize.y - 1.0)\n );\n vec4 n1 = texture2D(positionTex, uv);\n\n vec2 dir = n0.xy - n1.xy;\n float d2 = dot(dir, dir);\n\n if (d2 > 0.0) {\n float factor = 0.0;\n if (preventOverlap) {\n float d = sqrt(d2);\n d = d - n0.w - n1.w;\n if (d > 0.0) {\n factor = scaling * n0.z * n1.z / (d * d);\n }\n else if (d < 0.0) {\n factor = scaling * 100.0 * n0.z * n1.z;\n }\n }\n else {\n factor = scaling * n0.z * n1.z / d2;\n }\n force += dir * factor;\n }\n }\n\n vec2 dir = gravityCenter - n0.xy;\n float d = 1.0;\n if (!strongGravityMode) {\n d = length(dir);\n }\n\n force += dir * n0.z * gravity / (d + 1.0);\n\n gl_FragColor = vec4(force, 0.0, 1.0);\n}\n@end\n\n@export ecgl.forceAtlas2.updateEdgeAttraction.vertex\n\nattribute vec2 node1;\nattribute vec2 node2;\nattribute float weight;\n\nuniform sampler2D positionTex;\nuniform float edgeWeightInfluence;\nuniform bool preventOverlap;\nuniform bool linLogMode;\n\nuniform vec2 windowSize: WINDOW_SIZE;\n\nvarying vec2 v_Force;\n\nvoid main() {\n\n vec4 n0 = texture2D(positionTex, node1);\n vec4 n1 = texture2D(positionTex, node2);\n\n vec2 dir = n1.xy - n0.xy;\n float d = length(dir);\n float w;\n if (edgeWeightInfluence == 0.0) {\n w = 1.0;\n }\n else if (edgeWeightInfluence == 1.0) {\n w = weight;\n }\n else {\n w = pow(weight, edgeWeightInfluence);\n }\n vec2 offset = vec2(1.0 / windowSize.x, 1.0 / windowSize.y);\n vec2 scale = vec2((windowSize.x - 1.0) / windowSize.x, (windowSize.y - 1.0) / windowSize.y);\n vec2 pos = node1 * scale * 2.0 - 1.0;\n gl_Position = vec4(pos + offset, 0.0, 1.0);\n gl_PointSize = 1.0;\n\n float factor;\n if (preventOverlap) {\n d = d - n1.w - n0.w;\n }\n if (d <= 0.0) {\n v_Force = vec2(0.0);\n return;\n }\n\n if (linLogMode) {\n factor = w * log(d) / d;\n }\n else {\n factor = w;\n }\n v_Force = dir * factor;\n}\n@end\n\n@export ecgl.forceAtlas2.updateEdgeAttraction.fragment\n\nvarying vec2 v_Force;\n\nvoid main() {\n gl_FragColor = vec4(v_Force, 0.0, 0.0);\n}\n@end\n\n@export ecgl.forceAtlas2.calcWeightedSum.vertex\n\nattribute vec2 node;\n\nvarying vec2 v_NodeUv;\n\nvoid main() {\n\n v_NodeUv = node;\n gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n gl_PointSize = 1.0;\n}\n@end\n\n@export ecgl.forceAtlas2.calcWeightedSum.fragment\n\nvarying vec2 v_NodeUv;\n\nuniform sampler2D positionTex;\nuniform sampler2D forceTex;\nuniform sampler2D forcePrevTex;\n\nvoid main() {\n vec2 force = texture2D(forceTex, v_NodeUv).rg;\n vec2 forcePrev = texture2D(forcePrevTex, v_NodeUv).rg;\n\n float mass = texture2D(positionTex, v_NodeUv).z;\n float swing = length(force - forcePrev) * mass;\n float traction = length(force + forcePrev) * 0.5 * mass;\n\n gl_FragColor = vec4(swing, traction, 0.0, 0.0);\n}\n@end\n\n@export ecgl.forceAtlas2.calcGlobalSpeed\n\nuniform sampler2D globalSpeedPrevTex;\nuniform sampler2D weightedSumTex;\nuniform float jitterTolerence;\n\nvoid main() {\n vec2 weightedSum = texture2D(weightedSumTex, vec2(0.5)).xy;\n float prevGlobalSpeed = texture2D(globalSpeedPrevTex, vec2(0.5)).x;\n float globalSpeed = jitterTolerence * jitterTolerence\n * weightedSum.y / weightedSum.x;\n if (prevGlobalSpeed > 0.0) {\n globalSpeed = min(globalSpeed / prevGlobalSpeed, 1.5) * prevGlobalSpeed;\n }\n gl_FragColor = vec4(globalSpeed, 0.0, 0.0, 1.0);\n}\n@end\n\n@export ecgl.forceAtlas2.updatePosition\n\nuniform sampler2D forceTex;\nuniform sampler2D forcePrevTex;\nuniform sampler2D positionTex;\nuniform sampler2D globalSpeedTex;\n\nvarying vec2 v_Texcoord;\n\nvoid main() {\n vec2 force = texture2D(forceTex, v_Texcoord).xy;\n vec2 forcePrev = texture2D(forcePrevTex, v_Texcoord).xy;\n vec4 node = texture2D(positionTex, v_Texcoord);\n\n float globalSpeed = texture2D(globalSpeedTex, vec2(0.5)).r;\n float swing = length(force - forcePrev);\n float speed = 0.1 * globalSpeed / (0.1 + globalSpeed * sqrt(swing));\n\n float df = length(force);\n if (df > 0.0) {\n speed = min(df * speed, 10.0) / df;\n\n gl_FragColor = vec4(node.xy + speed * force, node.zw);\n }\n else {\n gl_FragColor = node;\n }\n}\n@end\n\n@export ecgl.forceAtlas2.edges.vertex\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\nattribute vec2 node;\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n\nuniform sampler2D positionTex;\n\nvoid main()\n{\n gl_Position = worldViewProjection * vec4(\n texture2D(positionTex, node).xy, -10.0, 1.0\n );\n v_Color = a_Color;\n}\n@end\n\n@export ecgl.forceAtlas2.edges.fragment\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\nvarying vec4 v_Color;\nvoid main() {\n gl_FragColor = color * v_Color;\n}\n@end");var Wd={repulsionByDegree:!0,linLogMode:!1,strongGravityMode:!1,gravity:1,scaling:1,edgeWeightInfluence:1,jitterTolerence:.1,preventOverlap:!1,dissuadeHubs:!1,gravityCenter:null};function jd(e){var t={type:Ka.Texture.FLOAT,minFilter:Ka.Texture.NEAREST,magFilter:Ka.Texture.NEAREST};this._positionSourceTex=new Ka.Texture2D(t),this._positionSourceTex.flipY=!1,this._positionTex=new Ka.Texture2D(t),this._positionPrevTex=new Ka.Texture2D(t),this._forceTex=new Ka.Texture2D(t),this._forcePrevTex=new Ka.Texture2D(t),this._weightedSumTex=new Ka.Texture2D(t),this._weightedSumTex.width=this._weightedSumTex.height=1,this._globalSpeedTex=new Ka.Texture2D(t),this._globalSpeedPrevTex=new Ka.Texture2D(t),this._globalSpeedTex.width=this._globalSpeedTex.height=1,this._globalSpeedPrevTex.width=this._globalSpeedPrevTex.height=1,this._nodeRepulsionPass=new pn({fragment:Ka.Shader.source("ecgl.forceAtlas2.updateNodeRepulsion")}),this._positionPass=new pn({fragment:Ka.Shader.source("ecgl.forceAtlas2.updatePosition")}),this._globalSpeedPass=new pn({fragment:Ka.Shader.source("ecgl.forceAtlas2.calcGlobalSpeed")}),this._copyPass=new pn({fragment:Ka.Shader.source("clay.compositor.output")});var r=function(e){e.blendEquation(e.FUNC_ADD),e.blendFunc(e.ONE,e.ONE)};this._edgeForceMesh=new Ka.Mesh({geometry:new Ka.Geometry({attributes:{node1:new Ka.Geometry.Attribute("node1","float",2),node2:new Ka.Geometry.Attribute("node2","float",2),weight:new Ka.Geometry.Attribute("weight","float",1)},dynamic:!0,mainAttribute:"node1"}),material:new Ka.Material({transparent:!0,shader:Ka.createShader("ecgl.forceAtlas2.updateEdgeAttraction"),blend:r,depthMask:!1,depthText:!1}),mode:Ka.Mesh.POINTS}),this._weightedSumMesh=new Ka.Mesh({geometry:new Ka.Geometry({attributes:{node:new Ka.Geometry.Attribute("node","float",2)},dynamic:!0,mainAttribute:"node"}),material:new Ka.Material({transparent:!0,shader:Ka.createShader("ecgl.forceAtlas2.calcWeightedSum"),blend:r,depthMask:!1,depthText:!1}),mode:Ka.Mesh.POINTS}),this._framebuffer=new zi({depthBuffer:!1}),this._dummyCamera=new Ka.OrthographicCamera({left:-1,right:1,top:1,bottom:-1,near:0,far:100}),this._globalSpeed=0}jd.prototype.updateOption=function(e){for(var t in Wd)this[t]=Wd[t];var r=this._nodes.length;if(this.jitterTolerence=r>5e4?10:r>5e3?1:.1,this.scaling=r>100?2:10,e)for(var t in Wd)null!=e[t]&&(this[t]=e[t]);if(this.repulsionByDegree)for(var i=this._positionSourceTex.pixels,n=0;n<this._nodes.length;n++)i[4*n+2]=(this._nodes[n].degree||0)+1},jd.prototype._updateGravityCenter=function(e){var t=this._nodes,r=this._edges;if(this.gravityCenter)this._gravityCenter=this.gravityCenter;else{for(var i=[1/0,1/0],n=[-1/0,-1/0],a=0;a<t.length;a++)i[0]=Math.min(t[a].x,i[0]),i[1]=Math.min(t[a].y,i[1]),n[0]=Math.max(t[a].x,n[0]),n[1]=Math.max(t[a].y,n[1]);this._gravityCenter=[.5*(i[0]+n[0]),.5*(i[1]+n[1])]}for(a=0;a<r.length;a++){var o=r[a].node1,s=r[a].node2;t[o].degree=(t[o].degree||0)+1,t[s].degree=(t[s].degree||0)+1}},jd.prototype.initData=function(e,t){this._nodes=e,this._edges=t,this._updateGravityCenter();var r=Math.ceil(Math.sqrt(e.length)),i=r,n=new Float32Array(r*i*4);this._resize(r,i);for(var a=0,o=0;o<e.length;o++){var s=e[o];n[a++]=s.x||0,n[a++]=s.y||0,n[a++]=s.mass||1,n[a++]=s.size||1}this._positionSourceTex.pixels=n;var l=this._edgeForceMesh.geometry,h=t.length;l.attributes.node1.init(2*h),l.attributes.node2.init(2*h),l.attributes.weight.init(2*h);var u=[];for(o=0;o<t.length;o++){var c=l.attributes,d=t[o].weight;null==d&&(d=1),c.node1.set(o,this.getNodeUV(t[o].node1,u)),c.node2.set(o,this.getNodeUV(t[o].node2,u)),c.weight.set(o,d),c.node1.set(o+h,this.getNodeUV(t[o].node2,u)),c.node2.set(o+h,this.getNodeUV(t[o].node1,u)),c.weight.set(o+h,d)}var f=this._weightedSumMesh.geometry;for(f.attributes.node.init(e.length),o=0;o<e.length;o++)f.attributes.node.set(o,this.getNodeUV(o,u));l.dirty(),f.dirty(),this._nodeRepulsionPass.material.define("fragment","NODE_COUNT",e.length),this._nodeRepulsionPass.material.setUniform("textureSize",[r,i]),this._inited=!1,this._frame=0},jd.prototype.getNodes=function(){return this._nodes},jd.prototype.getEdges=function(){return this._edges},jd.prototype.step=function(e){this._inited||(this._initFromSource(e),this._inited=!0),this._frame++,this._framebuffer.attach(this._forceTex),this._framebuffer.bind(e);var t=this._nodeRepulsionPass;t.setUniform("strongGravityMode",this.strongGravityMode),t.setUniform("gravity",this.gravity),t.setUniform("gravityCenter",this._gravityCenter),t.setUniform("scaling",this.scaling),t.setUniform("preventOverlap",this.preventOverlap),t.setUniform("positionTex",this._positionPrevTex),t.render(e);var r=this._edgeForceMesh;r.material.set("linLogMode",this.linLogMode),r.material.set("edgeWeightInfluence",this.edgeWeightInfluence),r.material.set("preventOverlap",this.preventOverlap),r.material.set("positionTex",this._positionPrevTex),e.gl.enable(e.gl.BLEND),e.renderPass([r],this._dummyCamera),this._framebuffer.attach(this._weightedSumTex),e.gl.clearColor(0,0,0,0),e.gl.clear(e.gl.COLOR_BUFFER_BIT),e.gl.enable(e.gl.BLEND);var i=this._weightedSumMesh;i.material.set("positionTex",this._positionPrevTex),i.material.set("forceTex",this._forceTex),i.material.set("forcePrevTex",this._forcePrevTex),e.renderPass([i],this._dummyCamera),this._framebuffer.attach(this._globalSpeedTex);var n=this._globalSpeedPass;n.setUniform("globalSpeedPrevTex",this._globalSpeedPrevTex),n.setUniform("weightedSumTex",this._weightedSumTex),n.setUniform("jitterTolerence",this.jitterTolerence),e.gl.disable(e.gl.BLEND),n.render(e);var a=this._positionPass;this._framebuffer.attach(this._positionTex),a.setUniform("globalSpeedTex",this._globalSpeedTex),a.setUniform("positionTex",this._positionPrevTex),a.setUniform("forceTex",this._forceTex),a.setUniform("forcePrevTex",this._forcePrevTex),a.render(e),this._framebuffer.unbind(e),this._swapTexture()},jd.prototype.update=function(e,t,r){null==t&&(t=1),t=Math.max(t,1);for(var i=0;i<t;i++)this.step(e);r&&r()},jd.prototype.getNodePositionTexture=function(){return this._inited?this._positionPrevTex:this._positionSourceTex},jd.prototype.getNodeUV=function(e,t){t=t||[];var r=this._positionTex.width,i=this._positionTex.height;return t[0]=e%r/(r-1),t[1]=Math.floor(e/r)/(i-1)||0,t},jd.prototype.getNodePosition=function(e,t){var r=this._positionArr,i=this._positionTex.width,n=this._positionTex.height,a=i*n;r&&r.length===4*a||(r=this._positionArr=new Float32Array(4*a)),this._framebuffer.bind(e),this._framebuffer.attach(this._positionPrevTex),e.gl.readPixels(0,0,i,n,e.gl.RGBA,e.gl.FLOAT,r),this._framebuffer.unbind(e),t||(t=new Float32Array(2*this._nodes.length));for(var o=0;o<this._nodes.length;o++)t[2*o]=r[4*o],t[2*o+1]=r[4*o+1];return t},jd.prototype.getTextureData=function(e,t){var r=this["_"+t+"Tex"],i=r.width,n=r.height;this._framebuffer.bind(e),this._framebuffer.attach(r);var a=new Float32Array(i*n*4);return e.gl.readPixels(0,0,i,n,e.gl.RGBA,e.gl.FLOAT,a),this._framebuffer.unbind(e),a},jd.prototype.getTextureSize=function(){return{width:this._positionTex.width,height:this._positionTex.height}},jd.prototype.isFinished=function(e){return this._frame>e},jd.prototype._swapTexture=function(){var e=this._positionPrevTex;this._positionPrevTex=this._positionTex,this._positionTex=e,e=this._forcePrevTex,this._forcePrevTex=this._forceTex,this._forceTex=e,e=this._globalSpeedPrevTex,this._globalSpeedPrevTex=this._globalSpeedTex,this._globalSpeedTex=e},jd.prototype._initFromSource=function(e){this._framebuffer.attach(this._positionPrevTex),this._framebuffer.bind(e),this._copyPass.setUniform("texture",this._positionSourceTex),this._copyPass.render(e),e.gl.clearColor(0,0,0,0),this._framebuffer.attach(this._forcePrevTex),e.gl.clear(e.gl.COLOR_BUFFER_BIT),this._framebuffer.attach(this._globalSpeedPrevTex),e.gl.clear(e.gl.COLOR_BUFFER_BIT),this._framebuffer.unbind(e)},jd.prototype._resize=function(e,t){["_positionSourceTex","_positionTex","_positionPrevTex","_forceTex","_forcePrevTex"].forEach((function(r){this[r].width=e,this[r].height=t,this[r].dirty()}),this)},jd.prototype.dispose=function(e){this._framebuffer.dispose(e),this._copyPass.dispose(e),this._nodeRepulsionPass.dispose(e),this._positionPass.dispose(e),this._globalSpeedPass.dispose(e),this._edgeForceMesh.geometry.dispose(e),this._weightedSumMesh.geometry.dispose(e),this._positionSourceTex.dispose(e),this._positionTex.dispose(e),this._positionPrevTex.dispose(e),this._forceTex.dispose(e),this._forcePrevTex.dispose(e),this._weightedSumTex.dispose(e),this._globalSpeedTex.dispose(e),this._globalSpeedPrevTex.dispose(e)};const Xd=jd;var qd=function(){var e=function(){return new Float32Array(2)},t=function(e,t){var r=t[0]-e[0],i=t[1]-e[1];return Math.sqrt(r*r+i*i)},r=function(e){var t=e[0],r=e[1];return Math.sqrt(t*t+r*r)},i=function(e,t,r,i){return e[0]=t[0]+r[0]*i,e[1]=t[1]+r[1]*i,e},n=function(e,t,r){return e[0]=t[0]+r[0],e[1]=t[1]+r[1],e},a=function(e,t,r){return e[0]=t[0]-r[0],e[1]=t[1]-r[1],e},o=function(e,t,r){return e[0]=t,e[1]=r,e};function s(){this.subRegions=[],this.nSubRegions=0,this.node=null,this.mass=0,this.centerOfMass=null,this.bbox=new Float32Array(4),this.size=0}var l=s.prototype;function h(){this.position=new Float32Array(2),this.force=e(),this.forcePrev=e(),this.mass=1,this.inDegree=0,this.outDegree=0}function u(e,t){this.source=e,this.target=t,this.weight=1}function c(){this.autoSettings=!0,this.barnesHutOptimize=!0,this.barnesHutTheta=1.5,this.repulsionByDegree=!0,this.linLogMode=!1,this.strongGravityMode=!1,this.gravity=1,this.scaling=1,this.edgeWeightInfluence=1,this.jitterTolerence=.1,this.preventOverlap=!1,this.dissuadeHubs=!1,this.rootRegion=new s,this.rootRegion.centerOfMass=e(),this.nodes=[],this.edges=[],this.bbox=new Float32Array(4),this.gravityCenter=null,this._massArr=null,this._swingingArr=null,this._sizeArr=null,this._globalSpeed=0}l.beforeUpdate=function(){for(var e=0;e<this.nSubRegions;e++)this.subRegions[e].beforeUpdate();this.mass=0,this.centerOfMass&&(this.centerOfMass[0]=0,this.centerOfMass[1]=0),this.nSubRegions=0,this.node=null},l.afterUpdate=function(){this.subRegions.length=this.nSubRegions;for(var e=0;e<this.nSubRegions;e++)this.subRegions[e].afterUpdate()},l.addNode=function(e){if(0===this.nSubRegions){if(null==this.node)return void(this.node=e);this._addNodeToSubRegion(this.node),this.node=null}this._addNodeToSubRegion(e),this._updateCenterOfMass(e)},l.findSubRegion=function(e,t){for(var r=0;r<this.nSubRegions;r++){var i=this.subRegions[r];if(i.contain(e,t))return i}},l.contain=function(e,t){return this.bbox[0]<=e&&this.bbox[2]>=e&&this.bbox[1]<=t&&this.bbox[3]>=t},l.setBBox=function(e,t,r,i){this.bbox[0]=e,this.bbox[1]=t,this.bbox[2]=r,this.bbox[3]=i,this.size=(r-e+i-t)/2},l._newSubRegion=function(){var e=this.subRegions[this.nSubRegions];return e||(e=new s,this.subRegions[this.nSubRegions]=e),this.nSubRegions++,e},l._addNodeToSubRegion=function(e){var t=this.findSubRegion(e.position[0],e.position[1]),r=this.bbox;if(!t){var i=(r[0]+r[2])/2,n=(r[1]+r[3])/2,a=(r[2]-r[0])/2,o=(r[3]-r[1])/2,s=e.position[0]>=i?1:0,l=e.position[1]>=n?1:0;(t=this._newSubRegion()).setBBox(s*a+r[0],l*o+r[1],(s+1)*a+r[0],(l+1)*o+r[1])}t.addNode(e)},l._updateCenterOfMass=function(e){null==this.centerOfMass&&(this.centerOfMass=new Float32Array(2));var t=this.centerOfMass[0]*this.mass,r=this.centerOfMass[1]*this.mass;t+=e.position[0]*e.mass,r+=e.position[1]*e.mass,this.mass+=e.mass,this.centerOfMass[0]=t/this.mass,this.centerOfMass[1]=r/this.mass};var d=c.prototype;d.initNodes=function(e,t,r){var i=t.length;this.nodes.length=0;for(var n=void 0!==r,a=0;a<i;a++){var o=new h;o.position[0]=e[2*a],o.position[1]=e[2*a+1],o.mass=t[a],n&&(o.size=r[a]),this.nodes.push(o)}this._massArr=t,this._swingingArr=new Float32Array(i),n&&(this._sizeArr=r)},d.initEdges=function(e,t){var r=e.length/2;this.edges.length=0;for(var i=0;i<r;i++){var n=e[2*i],a=e[2*i+1],o=this.nodes[n],s=this.nodes[a];if(!o||!s)return void console.error("Node not exists, try initNodes before initEdges");o.outDegree++,s.inDegree++;var l=new u(o,s);t&&(l.weight=t[i]),this.edges.push(l)}},d.updateSettings=function(){if(this.repulsionByDegree)for(var e=0;e<this.nodes.length;e++)(t=this.nodes[e]).mass=t.inDegree+t.outDegree+1;else for(e=0;e<this.nodes.length;e++){var t;(t=this.nodes[e]).mass=this._massArr[e]}},d.update=function(){var a,s,l=this.nodes.length;if(this.updateSettings(),this.updateBBox(),this.barnesHutOptimize){this.rootRegion.setBBox(this.bbox[0],this.bbox[1],this.bbox[2],this.bbox[3]),this.rootRegion.beforeUpdate();for(var h=0;h<l;h++)this.rootRegion.addNode(this.nodes[h]);this.rootRegion.afterUpdate()}for(h=0;h<l;h++){var u=this.nodes[h];a=u.forcePrev,s=u.force,a[0]=s[0],a[1]=s[1],o(u.force,0,0)}for(h=0;h<l;h++){var c=this.nodes[h];if(this.barnesHutOptimize)this.applyRegionToNodeRepulsion(this.rootRegion,c);else for(var d=h+1;d<l;d++){var f=this.nodes[d];this.applyNodeToNodeRepulsion(c,f,!1)}this.gravity>0&&(this.strongGravityMode?this.applyNodeStrongGravity(c):this.applyNodeGravity(c))}for(h=0;h<this.edges.length;h++)this.applyEdgeAttraction(this.edges[h]);var p=0,m=0,g=e();for(h=0;h<l;h++)u=this.nodes[h],p+=(v=t(u.force,u.forcePrev))*u.mass,n(g,u.force,u.forcePrev),m+=.5*r(g)*u.mass,this._swingingArr[h]=v;var _=this.jitterTolerence*this.jitterTolerence*m/p;for(this._globalSpeed>0&&(_=Math.min(_/this._globalSpeed,1.5)*this._globalSpeed),this._globalSpeed=_,h=0;h<l;h++){u=this.nodes[h];var v=this._swingingArr[h],y=.1*_/(1+_*Math.sqrt(v)),x=r(u.force);x>0&&(y=Math.min(x*y,10)/x,i(u.position,u.position,u.force,y))}},d.applyRegionToNodeRepulsion=function(){var t=e();return function(e,r){if(e.node)this.applyNodeToNodeRepulsion(e.node,r,!0);else{a(t,r.position,e.centerOfMass);var n=t[0]*t[0]+t[1]*t[1];if(n>this.barnesHutTheta*e.size*e.size){var o=this.scaling*r.mass*e.mass/n;i(r.force,r.force,t,o)}else for(var s=0;s<e.nSubRegions;s++)this.applyRegionToNodeRepulsion(e.subRegions[s],r)}}}(),d.applyNodeToNodeRepulsion=function(){var t=e();return function(e,r,n){if(e!=r){a(t,e.position,r.position);var o=t[0]*t[0]+t[1]*t[1];if(0!==o){var s;if(this.preventOverlap){var l=Math.sqrt(o);if((l=l-e.size-r.size)>0)s=this.scaling*e.mass*r.mass/(l*l);else{if(!(l<0))return;s=100*this.scaling*e.mass*r.mass}}else s=this.scaling*e.mass*r.mass/o;i(e.force,e.force,t,s),i(r.force,r.force,t,-s)}}}}(),d.applyEdgeAttraction=function(){var t=e();return function(e){var n=e.source,o=e.target;a(t,n.position,o.position);var s,l,h=r(t);s=0===this.edgeWeightInfluence?1:1===this.edgeWeightInfluence?e.weight:Math.pow(e.weight,this.edgeWeightInfluence),this.preventOverlap&&(h=h-n.size-o.size)<=0||(l=this.linLogMode?-s*Math.log(h+1)/(h+1):-s,i(n.force,n.force,t,l),i(o.force,o.force,t,-l))}}(),d.applyNodeGravity=function(){var t=e();return function(e){a(t,this.gravityCenter,e.position);var n=r(t);i(e.force,e.force,t,this.gravity*e.mass/(n+1))}}(),d.applyNodeStrongGravity=function(){var t=e();return function(e){a(t,this.gravityCenter,e.position),i(e.force,e.force,t,this.gravity*e.mass)}}(),d.updateBBox=function(){for(var e=1/0,t=1/0,r=-1/0,i=-1/0,n=0;n<this.nodes.length;n++){var a=this.nodes[n].position;e=Math.min(e,a[0]),t=Math.min(t,a[1]),r=Math.max(r,a[0]),i=Math.max(i,a[1])}this.bbox[0]=e,this.bbox[1]=t,this.bbox[2]=r,this.bbox[3]=i},d.getGlobalSpeed=function(){return this._globalSpeed};var f=null;self.onmessage=function(e){switch(e.data.cmd){case"init":(f=new c).initNodes(e.data.nodesPosition,e.data.nodesMass,e.data.nodesSize),f.initEdges(e.data.edges,e.data.edgesWeight);break;case"updateConfig":if(f)for(var t in e.data.config)f[t]=e.data.config[t];break;case"update":var r=e.data.steps;if(f){for(var i=0;i<r;i++)f.update();var n=f.nodes.length,a=new Float32Array(2*n);for(i=0;i<n;i++){var o=f.nodes[i];a[2*i]=o.position[0],a[2*i+1]=o.position[1]}self.postMessage({buffer:a.buffer,globalSpeed:f.getGlobalSpeed()},[a.buffer])}else{var s=new Float32Array;self.postMessage({buffer:s.buffer,globalSpeed:f.getGlobalSpeed()},[s.buffer])}}}}.toString();qd=qd.slice(qd.indexOf("{")+1,qd.lastIndexOf("}"));var Zd={barnesHutOptimize:!0,barnesHutTheta:1.5,repulsionByDegree:!0,linLogMode:!1,strongGravityMode:!1,gravity:1,scaling:1,edgeWeightInfluence:1,jitterTolerence:.1,preventOverlap:!1,dissuadeHubs:!1,gravityCenter:null},Yd=function(e){for(var t in Zd)this[t]=Zd[t];if(e)for(var t in e)this[t]=e[t];this._nodes=[],this._edges=[],this._disposed=!1,this._positionTex=new Dr({type:wr.FLOAT,flipY:!1,minFilter:wr.NEAREST,magFilter:wr.NEAREST})};Yd.prototype.initData=function(e,t){var r=new Blob([qd]),i=window.URL.createObjectURL(r);this._worker=new Worker(i),this._worker.onmessage=this._$onupdate.bind(this),this._nodes=e,this._edges=t,this._frame=0;for(var n=e.length,a=t.length,o=new Float32Array(2*n),s=new Float32Array(n),l=new Float32Array(n),h=new Float32Array(2*a),u=new Float32Array(a),c=0;c<e.length;c++){var d=e[c];o[2*c]=d.x,o[2*c+1]=d.y,s[c]=null==d.mass?1:d.mass,l[c]=null==d.size?1:d.size}for(c=0;c<t.length;c++){var f=t[c],p=f.node1,m=f.node2;h[2*c]=p,h[2*c+1]=m,u[c]=null==f.weight?1:f.weight}var g=Math.ceil(Math.sqrt(e.length)),_=g,v=new Float32Array(g*_*4),y=this._positionTex;y.width=g,y.height=_,y.pixels=v,this._worker.postMessage({cmd:"init",nodesPosition:o,nodesMass:s,nodesSize:l,edges:h,edgesWeight:u}),this._globalSpeed=1/0},Yd.prototype.updateOption=function(e){var t={};for(var r in Zd)t[r]=Zd[r];var i=this._nodes,n=this._edges,a=i.length;if(t.jitterTolerence=a>5e4?10:a>5e3?1:.1,t.scaling=a>100?2:10,t.barnesHutOptimize=a>1e3,e)for(var r in Zd)null!=e[r]&&(t[r]=e[r]);if(!t.gravityCenter){for(var o=[1/0,1/0],s=[-1/0,-1/0],l=0;l<i.length;l++)o[0]=Math.min(i[l].x,o[0]),o[1]=Math.min(i[l].y,o[1]),s[0]=Math.max(i[l].x,s[0]),s[1]=Math.max(i[l].y,s[1]);t.gravityCenter=[.5*(o[0]+s[0]),.5*(o[1]+s[1])]}for(l=0;l<n.length;l++){var h=n[l].node1,u=n[l].node2;i[h].degree=(i[h].degree||0)+1,i[u].degree=(i[u].degree||0)+1}this._worker&&this._worker.postMessage({cmd:"updateConfig",config:t})},Yd.prototype.update=function(e,t,r){null==t&&(t=1),t=Math.max(t,1),this._frame+=t,this._onupdate=r,this._worker&&this._worker.postMessage({cmd:"update",steps:Math.round(t)})},Yd.prototype._$onupdate=function(e){if(!this._disposed){var t=new Float32Array(e.data.buffer);this._globalSpeed=e.data.globalSpeed,this._positionArr=t,this._updateTexture(t),this._onupdate&&this._onupdate()}},Yd.prototype.getNodePositionTexture=function(){return this._positionTex},Yd.prototype.getNodeUV=function(e,t){t=t||[];var r=this._positionTex.width,i=this._positionTex.height;return t[0]=e%r/(r-1),t[1]=Math.floor(e/r)/(i-1),t},Yd.prototype.getNodes=function(){return this._nodes},Yd.prototype.getEdges=function(){return this._edges},Yd.prototype.isFinished=function(e){return this._frame>e},Yd.prototype.getNodePosition=function(e,t){if(t||(t=new Float32Array(2*this._nodes.length)),this._positionArr)for(var r=0;r<this._positionArr.length;r++)t[r]=this._positionArr[r];return t},Yd.prototype._updateTexture=function(e){for(var t=this._positionTex.pixels,r=0,i=0;i<e.length;)t[r++]=e[i++],t[r++]=e[i++],t[r++]=1,t[r++]=1;this._positionTex.dirty()},Yd.prototype.dispose=function(e){this._disposed=!0,this._worker=null};const Kd=Yd,Qd=m.extend((function(){return{zr:null,viewGL:null,minZoom:.2,maxZoom:5,_needsUpdate:!1,_dx:0,_dy:0,_zoom:1}}),(function(){this._mouseDownHandler=this._mouseDownHandler.bind(this),this._mouseWheelHandler=this._mouseWheelHandler.bind(this),this._mouseMoveHandler=this._mouseMoveHandler.bind(this),this._mouseUpHandler=this._mouseUpHandler.bind(this),this._update=this._update.bind(this)}),{init:function(){var e=this.zr;e.on("mousedown",this._mouseDownHandler),e.on("mousewheel",this._mouseWheelHandler),e.on("globalout",this._mouseUpHandler),e.animation.on("frame",this._update)},setTarget:function(e){this._target=e},setZoom:function(e){this._zoom=Math.max(Math.min(e,this.maxZoom),this.minZoom),this._needsUpdate=!0},setOffset:function(e){this._dx=e[0],this._dy=e[1],this._needsUpdate=!0},getZoom:function(){return this._zoom},getOffset:function(){return[this._dx,this._dy]},_update:function(){if(this._target&&this._needsUpdate){var e=this._target,t=this._zoom;e.position.x=this._dx,e.position.y=this._dy,e.scale.set(t,t,t),this.zr.refresh(),this._needsUpdate=!1,this.trigger("update")}},_mouseDownHandler:function(e){if(!e.target){var t=e.offsetX,r=e.offsetY;if(!this.viewGL||this.viewGL.containPoint(t,r)){this.zr.on("mousemove",this._mouseMoveHandler),this.zr.on("mouseup",this._mouseUpHandler);var i=this._convertPos(t,r);this._x=i.x,this._y=i.y}}},_convertPos:function(e,t){var r=this.viewGL.camera,i=this.viewGL.viewport;return{x:(e-i.x)/i.width*(r.right-r.left)+r.left,y:(t-i.y)/i.height*(r.bottom-r.top)+r.top}},_mouseMoveHandler:function(e){var t=this._convertPos(e.offsetX,e.offsetY);this._dx+=t.x-this._x,this._dy+=t.y-this._y,this._x=t.x,this._y=t.y,this._needsUpdate=!0},_mouseUpHandler:function(e){this.zr.off("mousemove",this._mouseMoveHandler),this.zr.off("mouseup",this._mouseUpHandler)},_mouseWheelHandler:function(e){var t=(e=e.event).wheelDelta||-e.detail;if(0!==t){var r=e.offsetX,i=e.offsetY;if(!this.viewGL||this.viewGL.containPoint(r,i)){var n=t>0?1.1:.9,a=Math.max(Math.min(this._zoom*n,this.maxZoom),this.minZoom);n=a/this._zoom;var o=this._convertPos(r,i),s=(o.x-this._dx)*(n-1),l=(o.y-this._dy)*(n-1);this._dx-=s,this._dy-=l,this._zoom=a,this._needsUpdate=!0}}},dispose:function(){var e=this.zr;e.off("mousedown",this._mouseDownHandler),e.off("mousemove",this._mouseMoveHandler),e.off("mouseup",this._mouseUpHandler),e.off("mousewheel",this._mouseWheelHandler),e.off("globalout",this._mouseUpHandler),e.animation.off("frame",this._update)}});var Jd=Po.vec2;Ka.Shader.import("@export ecgl.lines2D.vertex\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\nattribute vec2 position: POSITION;\nattribute vec4 a_Color : COLOR;\nvarying vec4 v_Color;\n\n#ifdef POSITIONTEXTURE_ENABLED\nuniform sampler2D positionTexture;\n#endif\n\nvoid main()\n{\n gl_Position = worldViewProjection * vec4(position, -10.0, 1.0);\n\n v_Color = a_Color;\n}\n\n@end\n\n@export ecgl.lines2D.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\nvarying vec4 v_Color;\n\nvoid main()\n{\n gl_FragColor = color * v_Color;\n}\n@end\n\n\n@export ecgl.meshLines2D.vertex\n\nattribute vec2 position: POSITION;\nattribute vec2 normal;\nattribute float offset;\nattribute vec4 a_Color : COLOR;\n\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\nuniform vec4 viewport : VIEWPORT;\n\nvarying vec4 v_Color;\nvarying float v_Miter;\n\nvoid main()\n{\n vec4 p2 = worldViewProjection * vec4(position + normal, -10.0, 1.0);\n gl_Position = worldViewProjection * vec4(position, -10.0, 1.0);\n\n p2.xy /= p2.w;\n gl_Position.xy /= gl_Position.w;\n\n vec2 N = normalize(p2.xy - gl_Position.xy);\n gl_Position.xy += N * offset / viewport.zw * 2.0;\n\n gl_Position.xy *= gl_Position.w;\n\n v_Color = a_Color;\n}\n@end\n\n\n@export ecgl.meshLines2D.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\n\nvarying vec4 v_Color;\nvarying float v_Miter;\n\nvoid main()\n{\n gl_FragColor = color * v_Color;\n}\n\n@end");var $d=1;const ef=i.ChartView.extend({type:"graphGL",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this.viewGL=new Il("orthographic"),this.viewGL.camera.left=this.viewGL.camera.right=0,this.viewGL.add(this.groupGL),this._pointsBuilder=new Fc(!0,t),this._forceEdgesMesh=new Ka.Mesh({material:new Ka.Material({shader:Ka.createShader("ecgl.forceAtlas2.edges"),transparent:!0,depthMask:!1,depthTest:!1}),$ignorePicking:!0,geometry:new Ka.Geometry({attributes:{node:new Ka.Geometry.Attribute("node","float",2),color:new Ka.Geometry.Attribute("color","float",4,"COLOR")},dynamic:!0,mainAttribute:"node"}),renderOrder:-1,mode:Ka.Mesh.LINES}),this._edgesMesh=new Ka.Mesh({material:new Ka.Material({shader:Ka.createShader("ecgl.meshLines2D"),transparent:!0,depthMask:!1,depthTest:!1}),$ignorePicking:!0,geometry:new Hd({useNativeLine:!1,dynamic:!0}),renderOrder:-1,culling:!1}),this._layoutId=0,this._control=new Qd({zr:t.getZr(),viewGL:this.viewGL}),this._control.setTarget(this.groupGL),this._control.init(),this._clickHandler=this._clickHandler.bind(this)},render:function(e,t,r){this.groupGL.add(this._pointsBuilder.rootNode),this._model=e,this._api=r,this._initLayout(e,t,r),this._pointsBuilder.update(e,t,r),this._forceLayoutInstance instanceof Xd||this.groupGL.remove(this._forceEdgesMesh),this._updateCamera(e,r),this._control.off("update"),this._control.on("update",(function(){r.dispatchAction({type:"graphGLRoam",seriesId:e.id,zoom:this._control.getZoom(),offset:this._control.getOffset()}),this._pointsBuilder.updateView(this.viewGL.camera)}),this),this._control.setZoom(Mn(e.get("zoom"),1)),this._control.setOffset(e.get("offset")||[0,0]);var i=this._pointsBuilder.getPointsMesh();if(i.off("mousemove",this._mousemoveHandler),i.off("mouseout",this._mouseOutHandler,this),r.getZr().off("click",this._clickHandler),this._pointsBuilder.highlightOnMouseover=!0,e.get("focusNodeAdjacency")){var n=e.get("focusNodeAdjacencyOn");"click"===n?r.getZr().on("click",this._clickHandler):"mouseover"===n&&(i.on("mousemove",this._mousemoveHandler,this),i.on("mouseout",this._mouseOutHandler,this),this._pointsBuilder.highlightOnMouseover=!1)}this._lastMouseOverDataIndex=-1},_clickHandler:function(e){if(!this._layouting){var t=this._pointsBuilder.getPointsMesh().dataIndex;t>=0?this._api.dispatchAction({type:"graphGLFocusNodeAdjacency",seriesId:this._model.id,dataIndex:t}):this._api.dispatchAction({type:"graphGLUnfocusNodeAdjacency",seriesId:this._model.id})}},_mousemoveHandler:function(e){if(!this._layouting){var t=this._pointsBuilder.getPointsMesh().dataIndex;t>=0?t!==this._lastMouseOverDataIndex&&this._api.dispatchAction({type:"graphGLFocusNodeAdjacency",seriesId:this._model.id,dataIndex:t}):this._mouseOutHandler(e),this._lastMouseOverDataIndex=t}},_mouseOutHandler:function(e){this._layouting||(this._api.dispatchAction({type:"graphGLUnfocusNodeAdjacency",seriesId:this._model.id}),this._lastMouseOverDataIndex=-1)},_updateForceEdgesGeometry:function(e,t){var r=this._forceEdgesMesh.geometry,i=t.getEdgeData(),n=0,a=this._forceLayoutInstance,o=2*i.count();r.attributes.node.init(o),r.attributes.color.init(o),i.each((function(t){var o=e[t];r.attributes.node.set(n,a.getNodeUV(o.node1)),r.attributes.node.set(n+1,a.getNodeUV(o.node2));var s=Ih(i,o.dataIndex),l=Ka.parseColor(s);l[3]*=Mn(Rh(i,o.dataIndex),1),r.attributes.color.set(n,l),r.attributes.color.set(n+1,l),n+=2})),r.dirty()},_updateMeshLinesGeometry:function(){var e=this._model.getEdgeData(),t=this._edgesMesh.geometry,r=(e=this._model.getEdgeData(),this._model.getData().getLayout("points"));t.resetOffset(),t.setVertexCount(e.count()*t.getLineVertexCount()),t.setTriangleCount(e.count()*t.getLineTriangleCount());var i=[],n=[],a=["lineStyle","width"];this._originalEdgeColors=new Float32Array(4*e.count()),this._edgeIndicesMap=new Float32Array(e.count()),e.each((function(o){var s=e.graph.getEdgeByIndex(o),l=2*s.node1.dataIndex,h=2*s.node2.dataIndex;i[0]=r[l],i[1]=r[l+1],n[0]=r[h],n[1]=r[h+1];var u=Ih(e,s.dataIndex),c=Ka.parseColor(u);c[3]*=Mn(Rh(e,s.dataIndex),1);var d=e.getItemModel(s.dataIndex),f=Mn(d.get(a),1)*this._api.getDevicePixelRatio();t.addLine(i,n,c,f);for(var p=0;p<4;p++)this._originalEdgeColors[4*s.dataIndex+p]=c[p];this._edgeIndicesMap[s.dataIndex]=o}),this),t.dirty()},_updateForceNodesGeometry:function(e){for(var t=this._pointsBuilder.getPointsMesh(),r=[],i=0;i<e.count();i++)this._forceLayoutInstance.getNodeUV(i,r),t.geometry.attributes.position.set(i,r);t.geometry.dirty("position")},_initLayout:function(e,t,r){var n=e.get("layout"),a=e.getGraph(),o=Ss(e.getBoxLayoutParams(),{width:r.getWidth(),height:r.getHeight()});"force"===n&&(n="forceAtlas2"),this.stopLayout(e,t,r,{beforeLayout:!0});var s=e.getData(),l=e.getData();if("forceAtlas2"===n){var h=e.getModel("forceAtlas2"),u=this._forceLayoutInstance,c=[],d=[],f=s.getDataExtent("value"),p=l.getDataExtent("value"),m=Mn(h.get("edgeWeight"),1),g=Mn(h.get("nodeWeight"),1);"number"==typeof m&&(m=[m,m]),"number"==typeof g&&(g=[g,g]);var _=0,v={},y=new Float32Array(2*s.count());if(a.eachNode((function(e){var t,r,n=e.dataIndex,a=s.get("value",n);if(s.hasItemOption){var l=s.getItemModel(n);t=l.get("x"),r=l.get("y")}null==t&&(t=o.x+Math.random()*o.width,r=o.y+Math.random()*o.height),y[2*_]=t,y[2*_+1]=r,v[e.id]=_++;var h=i.number.linearMap(a,f,g);isNaN(h)&&(h=isNaN(g[0])?1:g[0]),c.push({x:t,y:r,mass:h,size:s.getItemVisual(n,"symbolSize")})})),s.setLayout("points",y),a.eachEdge((function(e){var t=e.dataIndex,r=s.get("value",t),n=i.number.linearMap(r,p,m);isNaN(n)&&(n=isNaN(m[0])?1:m[0]),d.push({node1:v[e.node1.id],node2:v[e.node2.id],weight:n,dataIndex:t})})),!u){var x=h.get("GPU");this._forceLayoutInstance&&((!x||this._forceLayoutInstance instanceof Xd)&&(x||this._forceLayoutInstance instanceof Kd)||(this._forceLayoutInstanceToDispose=this._forceLayoutInstance)),u=this._forceLayoutInstance=x?new Xd:new Kd}u.initData(c,d),u.updateOption(h.option),this._updateForceEdgesGeometry(u.getEdges(),e),this._updatePositionTexture(),r.dispatchAction({type:"graphGLStartLayout",from:this.uid})}else y=new Float32Array(2*s.count()),_=0,a.eachNode((function(e){var t,r,i=e.dataIndex;if(s.hasItemOption){var n=s.getItemModel(i);t=n.get("x"),r=n.get("y")}y[_++]=t,y[_++]=r})),s.setLayout("points",y),this._updateAfterLayout(e,t,r)},_updatePositionTexture:function(){var e=this._forceLayoutInstance.getNodePositionTexture();this._pointsBuilder.setPositionTexture(e),this._forceEdgesMesh.material.set("positionTex",e)},startLayout:function(e,t,r,i){if(!i||null==i.from||i.from===this.uid){var n=this.viewGL,a=(r=this._api,this._forceLayoutInstance),o=this._model.getData(),s=this._model.getModel("forceAtlas2");if(a&&(this.groupGL.remove(this._edgesMesh),this.groupGL.add(this._forceEdgesMesh),this._forceLayoutInstance)){this._updateForceNodesGeometry(e.getData()),this._pointsBuilder.hideLabels();var l=this,h=this._layoutId=$d++,u=s.getShallow("maxSteps"),c=s.getShallow("steps"),d=0,f=Math.max(2*c,20),p=function(t){if(t===l._layoutId)return a.isFinished(u)?(r.dispatchAction({type:"graphGLStopLayout",from:l.uid}),void r.dispatchAction({type:"graphGLFinishLayout",points:o.getLayout("points"),from:l.uid})):void a.update(n.layer.renderer,c,(function(){l._updatePositionTexture(),(d+=c)>=f&&(l._syncNodePosition(e),d=0),r.getZr().refresh(),Qa((function(){p(t)}))}))};Qa((function(){l._forceLayoutInstanceToDispose&&(l._forceLayoutInstanceToDispose.dispose(n.layer.renderer),l._forceLayoutInstanceToDispose=null),p(h)})),this._layouting=!0}}},stopLayout:function(e,t,r,i){i&&null!=i.from&&i.from!==this.uid||(this._layoutId=0,this.groupGL.remove(this._forceEdgesMesh),this.groupGL.add(this._edgesMesh),this._forceLayoutInstance&&this.viewGL.layer&&(i&&i.beforeLayout||(this._syncNodePosition(e),this._updateAfterLayout(e,t,r)),this._api.getZr().refresh(),this._layouting=!1))},_syncNodePosition:function(e){var t=this._forceLayoutInstance.getNodePosition(this.viewGL.layer.renderer);e.getData().setLayout("points",t),e.setNodePosition(t)},_updateAfterLayout:function(e,t,r){this._updateMeshLinesGeometry(),this._pointsBuilder.removePositionTexture(),this._pointsBuilder.updateLayout(e,t,r),this._pointsBuilder.updateView(this.viewGL.camera),this._pointsBuilder.updateLabels(),this._pointsBuilder.showLabels()},focusNodeAdjacency:function(e,t,r,i){var n=this._model.getData();this._downplayAll();var a=i.dataIndex,o=n.graph,s=[],l=o.getNodeByIndex(a);s.push(l),l.edges.forEach((function(e){e.dataIndex<0||(e.node1!==l&&s.push(e.node1),e.node2!==l&&s.push(e.node2))}),this),this._pointsBuilder.fadeOutAll(.05),this._fadeOutEdgesAll(.05),s.forEach((function(e){this._pointsBuilder.highlight(n,e.dataIndex)}),this),this._pointsBuilder.updateLabels(s.map((function(e){return e.dataIndex})));var h=[];l.edges.forEach((function(e){e.dataIndex>=0&&(this._highlightEdge(e.dataIndex),h.push(e))}),this),this._focusNodes=s,this._focusEdges=h},unfocusNodeAdjacency:function(e,t,r,i){this._downplayAll(),this._pointsBuilder.fadeInAll(),this._fadeInEdgesAll(),this._pointsBuilder.updateLabels()},_highlightEdge:function(e){var t=this._model.getEdgeData().getItemModel(e),r=Ka.parseColor(t.get("emphasis.lineStyle.color")||t.get("lineStyle.color")),i=Mn(t.get("emphasis.lineStyle.opacity"),t.get("lineStyle.opacity"),1);r[3]*=i,this._edgesMesh.geometry.setItemColor(this._edgeIndicesMap[e],r)},_downplayAll:function(){this._focusNodes&&this._focusNodes.forEach((function(e){this._pointsBuilder.downplay(this._model.getData(),e.dataIndex)}),this),this._focusEdges&&this._focusEdges.forEach((function(e){this._downplayEdge(e.dataIndex)}),this)},_downplayEdge:function(e){var t=this._getColor(e,[]);this._edgesMesh.geometry.setItemColor(this._edgeIndicesMap[e],t)},_setEdgeFade:(tf=[],function(e,t){this._getColor(e,tf),tf[3]*=t,this._edgesMesh.geometry.setItemColor(this._edgeIndicesMap[e],tf)}),_getColor:function(e,t){for(var r=0;r<4;r++)t[r]=this._originalEdgeColors[4*e+r];return t},_fadeOutEdgesAll:function(e){this._model.getData().graph.eachEdge((function(t){this._setEdgeFade(t.dataIndex,e)}),this)},_fadeInEdgesAll:function(){this._fadeOutEdgesAll(1)},_updateCamera:function(e,t){this.viewGL.setViewport(0,0,t.getWidth(),t.getHeight(),t.getDevicePixelRatio());for(var r=this.viewGL.camera,i=e.getData().getLayout("points"),n=Jd.create(1/0,1/0),a=Jd.create(-1/0,-1/0),o=[],s=0;s<i.length;)o[0]=i[s++],o[1]=i[s++],Jd.min(n,n,o),Jd.max(a,a,o);var l=(a[1]+n[1])/2,h=(a[0]+n[0])/2;if(!(h>r.left&&h<r.right&&l<r.bottom&&l>r.top)){var u=Math.max(a[0]-n[0],10),c=u/t.getWidth()*t.getHeight();u*=1.4,c*=1.4,n[0]-=.2*u,r.left=n[0],r.top=l-c/2,r.bottom=l+c/2,r.right=u+n[0],r.near=0,r.far=100}},dispose:function(){var e=this.viewGL.layer.renderer;this._forceLayoutInstance&&this._forceLayoutInstance.dispose(e),this.groupGL.removeAll(),this._layoutId=-1,this._pointsBuilder.dispose()},remove:function(){this.groupGL.removeAll(),this._control.dispose()}});var tf;function rf(e){return e instanceof Array||(e=[e,e]),e}(0,i.use)((function(e){function t(){}e.registerChartView(ef),e.registerSeriesModel(Gd),e.registerVisual((function(e){const t={};e.eachSeriesByType("graphGL",(function(e){var r=e.getCategoriesData(),n=e.getData(),a={};r.each((function(i){var n=r.getName(i);a["ec-"+n]=i;var o=r.getItemModel(i),s=o.getModel("itemStyle").getItemStyle();s.fill||(s.fill=e.getColorFromPalette(n,t)),r.setItemVisual(i,"style",s);var l=["symbol","symbolSize","symbolKeepAspect"];for(let e=0;e<l.length;e++){var h=o.getShallow(l[e],!0);null!=h&&r.setItemVisual(i,l[e],h)}})),r.count()&&n.each((function(e){let t=n.getItemModel(e).getShallow("category");if(null!=t){"string"==typeof t&&(t=a["ec-"+t]);var o=r.getItemVisual(t,"style"),s=n.ensureUniqueItemVisual(e,"style");i.util.extend(s,o);var l=["symbol","symbolSize","symbolKeepAspect"];for(let i=0;i<l.length;i++)n.setItemVisual(e,l[i],r.getItemVisual(t,l[i]))}}))}))})),e.registerVisual((function(e){e.eachSeriesByType("graphGL",(function(e){var t=e.getGraph(),r=e.getEdgeData(),n=rf(e.get("edgeSymbol")),a=rf(e.get("edgeSymbolSize"));r.setVisual("drawType","stroke"),r.setVisual("fromSymbol",n&&n[0]),r.setVisual("toSymbol",n&&n[1]),r.setVisual("fromSymbolSize",a&&a[0]),r.setVisual("toSymbolSize",a&&a[1]),r.setVisual("style",e.getModel("lineStyle").getLineStyle()),r.each((function(e){var n=r.getItemModel(e),a=t.getEdgeByIndex(e),o=rf(n.getShallow("symbol",!0)),s=rf(n.getShallow("symbolSize",!0)),l=n.getModel("lineStyle").getLineStyle(),h=r.ensureUniqueItemVisual(e,"style");switch(i.util.extend(h,l),h.stroke){case"source":var u=a.node1.getVisual("style");h.stroke=u&&u.fill;break;case"target":u=a.node2.getVisual("style"),h.stroke=u&&u.fill}o[0]&&a.setVisual("fromSymbol",o[0]),o[1]&&a.setVisual("toSymbol",o[1]),s[0]&&a.setVisual("fromSymbolSize",s[0]),s[1]&&a.setVisual("toSymbolSize",s[1])}))}))})),e.registerAction({type:"graphGLRoam",event:"graphglroam",update:"series.graphGL:roam"},(function(e,t){t.eachComponent({mainType:"series",query:e},(function(t){t.setView(e)}))})),e.registerAction({type:"graphGLStartLayout",event:"graphgllayoutstarted",update:"series.graphGL:startLayout"},t),e.registerAction({type:"graphGLStopLayout",event:"graphgllayoutstopped",update:"series.graphGL:stopLayout"},t),e.registerAction({type:"graphGLFocusNodeAdjacency",event:"graphGLFocusNodeAdjacency",update:"series.graphGL:focusNodeAdjacency"},t),e.registerAction({type:"graphGLUnfocusNodeAdjacency",event:"graphGLUnfocusNodeAdjacency",update:"series.graphGL:unfocusNodeAdjacency"},t)}));const nf=i.SeriesModel.extend({type:"series.flowGL",dependencies:["geo","grid","bmap"],visualStyleAccessPath:"itemStyle",getInitialData:function(e,t){var r=this.get("coordinateSystem"),n="geo"===r?["lng","lat"]:i.getCoordinateSystemDimensions(r)||["x","y"];n.push("vx","vy");var a=i.helper.createDimensions(this.getSource(),{coordDimensions:n,encodeDefine:this.get("encode"),dimensionsDefine:this.get("dimensions")}),o=new i.List(a,this);return o.initData(this.getSource()),o},defaultOption:{coordinateSystem:"cartesian2d",zlevel:10,supersampling:1,particleType:"point",particleDensity:128,particleSize:1,particleSpeed:1,particleTrail:2,colorTexture:null,gridWidth:"auto",gridHeight:"auto",itemStyle:{color:"#fff",opacity:.8}}}),af=Vr.extend((function(){return{dynamic:!0,attributes:{position:new Vr.Attribute("position","float",3,"POSITION")}}}),{resetOffset:function(){this._vertexOffset=0,this._faceOffset=0},setLineCount:function(e){var t=this.attributes,r=4*e,i=2*e;this.vertexCount!==r&&t.position.init(r),this.triangleCount!==i&&(this.indices=0===i?null:this.vertexCount>65535?new Uint32Array(3*i):new Uint16Array(3*i))},addLine:function(e){var t=this._vertexOffset;this.attributes.position.set(t,[e[0],e[1],1]),this.attributes.position.set(t+1,[e[0],e[1],-1]),this.attributes.position.set(t+2,[e[0],e[1],2]),this.attributes.position.set(t+3,[e[0],e[1],-2]),this.setTriangleIndices(this._faceOffset++,[t,t+1,t+2]),this.setTriangleIndices(this._faceOffset++,[t+1,t+2,t+3]),this._vertexOffset+=4}});Xe.import("@export ecgl.vfParticle.particle.fragment\n\nuniform sampler2D particleTexture;\nuniform sampler2D spawnTexture;\nuniform sampler2D velocityTexture;\n\nuniform float deltaTime;\nuniform float elapsedTime;\n\nuniform float speedScaling : 1.0;\n\nuniform vec2 textureSize;\nuniform vec4 region : [0, 0, 1, 1];\nuniform float firstFrameTime;\n\nvarying vec2 v_Texcoord;\n\n\nvoid main()\n{\n vec4 p = texture2D(particleTexture, v_Texcoord);\n bool spawn = false;\n if (p.w <= 0.0) {\n p = texture2D(spawnTexture, fract(v_Texcoord + elapsedTime / 10.0));\n p.w -= firstFrameTime;\n spawn = true;\n }\n vec2 v = texture2D(velocityTexture, fract(p.xy * region.zw + region.xy)).xy;\n v = (v - 0.5) * 2.0;\n p.z = length(v);\n p.xy += v * deltaTime / 10.0 * speedScaling;\n p.w -= deltaTime;\n\n if (spawn || p.xy != fract(p.xy)) {\n p.z = 0.0;\n }\n p.xy = fract(p.xy);\n\n gl_FragColor = p;\n}\n@end\n\n@export ecgl.vfParticle.renderPoints.vertex\n\n#define PI 3.1415926\n\nattribute vec2 texcoord : TEXCOORD_0;\n\nuniform sampler2D particleTexture;\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\nuniform float size : 1.0;\n\nvarying float v_Mag;\nvarying vec2 v_Uv;\n\nvoid main()\n{\n vec4 p = texture2D(particleTexture, texcoord);\n\n if (p.w > 0.0 && p.z > 1e-5) {\n gl_Position = worldViewProjection * vec4(p.xy * 2.0 - 1.0, 0.0, 1.0);\n }\n else {\n gl_Position = vec4(100000.0, 100000.0, 100000.0, 1.0);\n }\n\n v_Mag = p.z;\n v_Uv = p.xy;\n\n gl_PointSize = size;\n}\n\n@end\n\n@export ecgl.vfParticle.renderPoints.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\nuniform sampler2D gradientTexture;\nuniform sampler2D colorTexture;\nuniform sampler2D spriteTexture;\n\nvarying float v_Mag;\nvarying vec2 v_Uv;\n\nvoid main()\n{\n gl_FragColor = color;\n#ifdef SPRITETEXTURE_ENABLED\n gl_FragColor *= texture2D(spriteTexture, gl_PointCoord);\n if (color.a == 0.0) {\n discard;\n }\n#endif\n#ifdef GRADIENTTEXTURE_ENABLED\n gl_FragColor *= texture2D(gradientTexture, vec2(v_Mag, 0.5));\n#endif\n#ifdef COLORTEXTURE_ENABLED\n gl_FragColor *= texture2D(colorTexture, v_Uv);\n#endif\n}\n\n@end\n\n@export ecgl.vfParticle.renderLines.vertex\n\n#define PI 3.1415926\n\nattribute vec3 position : POSITION;\n\nuniform sampler2D particleTexture;\nuniform sampler2D prevParticleTexture;\n\nuniform float size : 1.0;\nuniform vec4 vp: VIEWPORT;\nuniform mat4 worldViewProjection : WORLDVIEWPROJECTION;\n\nvarying float v_Mag;\nvarying vec2 v_Uv;\n\n@import clay.util.rand\n\nvoid main()\n{\n vec4 p = texture2D(particleTexture, position.xy);\n vec4 p2 = texture2D(prevParticleTexture, position.xy);\n\n p.xy = p.xy * 2.0 - 1.0;\n p2.xy = p2.xy * 2.0 - 1.0;\n\n if (p.w > 0.0 && p.z > 1e-5) {\n vec2 dir = normalize(p.xy - p2.xy);\n vec2 norm = vec2(dir.y / vp.z, -dir.x / vp.w) * sign(position.z) * size;\n if (abs(position.z) == 2.0) {\n gl_Position = vec4(p.xy + norm, 0.0, 1.0);\n v_Uv = p.xy;\n v_Mag = p.z;\n }\n else {\n gl_Position = vec4(p2.xy + norm, 0.0, 1.0);\n v_Mag = p2.z;\n v_Uv = p2.xy;\n }\n gl_Position = worldViewProjection * gl_Position;\n }\n else {\n gl_Position = vec4(100000.0, 100000.0, 100000.0, 1.0);\n }\n}\n\n@end\n\n@export ecgl.vfParticle.renderLines.fragment\n\nuniform vec4 color : [1.0, 1.0, 1.0, 1.0];\nuniform sampler2D gradientTexture;\nuniform sampler2D colorTexture;\n\nvarying float v_Mag;\nvarying vec2 v_Uv;\n\nvoid main()\n{\n gl_FragColor = color;\n #ifdef GRADIENTTEXTURE_ENABLED\n gl_FragColor *= texture2D(gradientTexture, vec2(v_Mag, 0.5));\n#endif\n#ifdef COLORTEXTURE_ENABLED\n gl_FragColor *= texture2D(colorTexture, v_Uv);\n#endif\n}\n\n@end\n");var of=function(){this.motionBlurFactor=.99,this.vectorFieldTexture=new Dr({type:wr.FLOAT,flipY:!1}),this.particleLife=[5,20],this._particleType="point",this._particleSize=1,this.particleColor=[1,1,1,1],this.particleSpeedScaling=1,this._thisFrameTexture=null,this._particlePass=null,this._spawnTexture=null,this._particleTexture0=null,this._particleTexture1=null,this._particlePointsMesh=null,this._surfaceFrameBuffer=null,this._elapsedTime=0,this._scene=null,this._camera=null,this._lastFrameTexture=null,this._supersampling=1,this._downsampleTextures=[],this._width=512,this._height=512,this.init()};of.prototype={constructor:of,init:function(){var e={type:wr.FLOAT,minFilter:wr.NEAREST,magFilter:wr.NEAREST,useMipmap:!1};this._spawnTexture=new Dr(e),this._particleTexture0=new Dr(e),this._particleTexture1=new Dr(e),this._frameBuffer=new zi({depthBuffer:!1}),this._particlePass=new pn({fragment:Xe.source("ecgl.vfParticle.particle.fragment")}),this._particlePass.setUniform("velocityTexture",this.vectorFieldTexture),this._particlePass.setUniform("spawnTexture",this._spawnTexture),this._downsamplePass=new pn({fragment:Xe.source("clay.compositor.downsample")});var t=new Sr({renderOrder:10,material:new le({shader:new Xe(Xe.source("ecgl.vfParticle.renderPoints.vertex"),Xe.source("ecgl.vfParticle.renderPoints.fragment"))}),mode:Sr.POINTS,geometry:new Vr({dynamic:!0,mainAttribute:"texcoord0"})}),r=new Sr({renderOrder:10,material:new le({shader:new Xe(Xe.source("ecgl.vfParticle.renderLines.vertex"),Xe.source("ecgl.vfParticle.renderLines.fragment"))}),geometry:new af,culling:!1}),i=new Sr({material:new le({shader:new Xe(Xe.source("ecgl.color.vertex"),Xe.source("ecgl.color.fragment"))}),geometry:new ki});i.material.enableTexture("diffuseMap"),this._particlePointsMesh=t,this._particleLinesMesh=r,this._lastFrameFullQuadMesh=i,this._camera=new un,this._thisFrameTexture=new Dr,this._lastFrameTexture=new Dr},setParticleDensity:function(e,t){for(var r=new Float32Array(e*t*4),i=0,n=this.particleLife,a=0;a<e;a++)for(var o=0;o<t;o++,i++){r[4*i]=Math.random(),r[4*i+1]=Math.random(),r[4*i+2]=Math.random();var s=(n[1]-n[0])*Math.random()+n[0];r[4*i+3]=s}"line"===this._particleType?this._setLineGeometry(e,t):this._setPointsGeometry(e,t),this._spawnTexture.width=e,this._spawnTexture.height=t,this._spawnTexture.pixels=r,this._particleTexture0.width=this._particleTexture1.width=e,this._particleTexture0.height=this._particleTexture1.height=t,this._particlePass.setUniform("textureSize",[e,t])},_setPointsGeometry:function(e,t){var r=e*t,i=this._particlePointsMesh.geometry,n=i.attributes;n.texcoord0.init(r);for(var a=0,o=0;o<e;o++)for(var s=0;s<t;s++,a++)n.texcoord0.value[2*a]=o/e,n.texcoord0.value[2*a+1]=s/t;i.dirty()},_setLineGeometry:function(e,t){var r=e*t,i=this._getParticleMesh().geometry;i.setLineCount(r),i.resetOffset();for(var n=0;n<e;n++)for(var a=0;a<t;a++)i.addLine([n/e,a/t]);i.dirty()},_getParticleMesh:function(){return"line"===this._particleType?this._particleLinesMesh:this._particlePointsMesh},update:function(e,t,r,i){var n=this._getParticleMesh(),a=this._frameBuffer,o=this._particlePass;i&&this._updateDownsampleTextures(e,t),n.material.set("size",this._particleSize*this._supersampling),n.material.set("color",this.particleColor),o.setUniform("speedScaling",this.particleSpeedScaling),a.attach(this._particleTexture1),o.setUniform("firstFrameTime",i?(this.particleLife[1]+this.particleLife[0])/2:0),o.setUniform("particleTexture",this._particleTexture0),o.setUniform("deltaTime",r),o.setUniform("elapsedTime",this._elapsedTime),o.render(e,a),n.material.set("particleTexture",this._particleTexture1),n.material.set("prevParticleTexture",this._particleTexture0),a.attach(this._thisFrameTexture),a.bind(e),e.gl.clear(e.gl.DEPTH_BUFFER_BIT|e.gl.COLOR_BUFFER_BIT);var s=this._lastFrameFullQuadMesh;s.material.set("diffuseMap",this._lastFrameTexture),s.material.set("color",[1,1,1,this.motionBlurFactor]),this._camera.update(!0),e.renderPass([s,n],this._camera),a.unbind(e),this._downsample(e),this._swapTexture(),this._elapsedTime+=r},_downsample:function(e){var t=this._downsampleTextures;if(0!==t.length)for(var r=0,i=this._thisFrameTexture,n=t[r];n;)this._frameBuffer.attach(n),this._downsamplePass.setUniform("texture",i),this._downsamplePass.setUniform("textureSize",[i.width,i.height]),this._downsamplePass.render(e,this._frameBuffer),i=n,n=t[++r]},getSurfaceTexture:function(){var e=this._downsampleTextures;return e.length>0?e[e.length-1]:this._lastFrameTexture},setRegion:function(e){this._particlePass.setUniform("region",e)},resize:function(e,t){this._lastFrameTexture.width=e*this._supersampling,this._lastFrameTexture.height=t*this._supersampling,this._thisFrameTexture.width=e*this._supersampling,this._thisFrameTexture.height=t*this._supersampling,this._width=e,this._height=t},setParticleSize:function(e){var t=this._getParticleMesh();if(e<=2)return t.material.disableTexture("spriteTexture"),void(t.material.transparent=!1);this._spriteTexture||(this._spriteTexture=new Dr),this._spriteTexture.image&&this._spriteTexture.image.width===e||(this._spriteTexture.image=function(e){var t=document.createElement("canvas");t.width=t.height=e;var r=t.getContext("2d");return r.fillStyle="#fff",r.arc(e/2,e/2,e/2,0,2*Math.PI),r.fill(),t}(e),this._spriteTexture.dirty()),t.material.transparent=!0,t.material.enableTexture("spriteTexture"),t.material.set("spriteTexture",this._spriteTexture),this._particleSize=e},setGradientTexture:function(e){var t=this._getParticleMesh().material;t[e?"enableTexture":"disableTexture"]("gradientTexture"),t.setUniform("gradientTexture",e)},setColorTextureImage:function(e,t){this._getParticleMesh().material.setTextureImage("colorTexture",e,t,{flipY:!0})},setParticleType:function(e){this._particleType=e},clearFrame:function(e){var t=this._frameBuffer;t.attach(this._lastFrameTexture),t.bind(e),e.gl.clear(e.gl.DEPTH_BUFFER_BIT|e.gl.COLOR_BUFFER_BIT),t.unbind(e)},setSupersampling:function(e){this._supersampling=e,this.resize(this._width,this._height)},_updateDownsampleTextures:function(e,t){for(var r=this._downsampleTextures,i=Math.max(Math.floor(Math.log(this._supersampling/t.getDevicePixelRatio())/Math.log(2)),0),n=2,a=this._width*this._supersampling,o=this._height*this._supersampling,s=0;s<i;s++)r[s]=r[s]||new Dr,r[s].width=a/n,r[s].height=o/n,n*=2;for(;s<r.length;s++)r[s].dispose(e);r.length=i},_swapTexture:function(){var e=this._particleTexture0;this._particleTexture0=this._particleTexture1,this._particleTexture1=e,e=this._thisFrameTexture,this._thisFrameTexture=this._lastFrameTexture,this._lastFrameTexture=e},dispose:function(e){e.disposeFrameBuffer(this._frameBuffer),e.disposeTexture(this.vectorFieldTexture),e.disposeTexture(this._spawnTexture),e.disposeTexture(this._particleTexture0),e.disposeTexture(this._particleTexture1),e.disposeTexture(this._thisFrameTexture),e.disposeTexture(this._lastFrameTexture),e.disposeGeometry(this._particleLinesMesh.geometry),e.disposeGeometry(this._particlePointsMesh.geometry),e.disposeGeometry(this._lastFrameFullQuadMesh.geometry),this._spriteTexture&&e.disposeTexture(this._spriteTexture),this._particlePass.dispose(e),this._downsamplePass.dispose(e),this._downsampleTextures.forEach((function(t){t.dispose(e)}))}};const sf=of,lf=i.ChartView.extend({type:"flowGL",__ecgl__:!0,init:function(e,t){this.viewGL=new Il("orthographic"),this.groupGL=new Ka.Node,this.viewGL.add(this.groupGL),this._particleSurface=new sf;var r=new Ka.Mesh({geometry:new Ka.PlaneGeometry,material:new Ka.Material({shader:new Ka.Shader({vertex:Ka.Shader.source("ecgl.color.vertex"),fragment:Ka.Shader.source("ecgl.color.fragment")}),transparent:!0})});r.material.enableTexture("diffuseMap"),this.groupGL.add(r),this._planeMesh=r},render:function(e,t,r){var i=this._particleSurface;i.setParticleType(e.get("particleType")),i.setSupersampling(e.get("supersampling")),this._updateData(e,r),this._updateCamera(r.getWidth(),r.getHeight(),r.getDevicePixelRatio());var n=Mn(e.get("particleDensity"),128);i.setParticleDensity(n,n);var a=this._planeMesh,o=+new Date,s=this,l=!0;a.__percent=0,a.stopAnimation(),a.animate("",{loop:!0}).when(1e5,{__percent:1}).during((function(){var e=+new Date,t=Math.min(e-o,20);o+=t,s._renderer&&(i.update(s._renderer,r,t/1e3,l),a.material.set("diffuseMap",i.getSurfaceTexture())),l=!1})).start();var h=e.getModel("itemStyle"),u=Ka.parseColor(h.get("color"));u[3]*=Mn(h.get("opacity"),1),a.material.set("color",u),i.setColorTextureImage(e.get("colorTexture"),r),i.setParticleSize(e.get("particleSize")),i.particleSpeedScaling=e.get("particleSpeed"),i.motionBlurFactor=1-Math.pow(.1,e.get("particleTrail"))},updateTransform:function(e,t,r){this._updateData(e,r)},afterRender:function(e,t,r,i){var n=i.renderer;this._renderer=n},_updateData:function(e,t){var r=e.coordinateSystem,i=r.dimensions.map((function(t){return e.coordDimToDataDim(t)[0]})),n=e.getData(),a=n.getDataExtent(i[0]),o=n.getDataExtent(i[1]),s=e.get("gridWidth"),l=e.get("gridHeight");if(null==s||"auto"===s){var h=(a[1]-a[0])/(o[1]-o[0]);s=Math.round(Math.sqrt(h*n.count()))}null!=l&&"auto"!==l||(l=Math.ceil(n.count()/s));var u=this._particleSurface.vectorFieldTexture,c=u.pixels;if(c&&c.length===l*s*4)for(var d=0;d<c.length;d++)c[d]=0;else c=u.pixels=new Float32Array(s*l*4);var f=0,p=1/0,m=new Float32Array(2*n.count()),g=0,_=[[1/0,1/0],[-1/0,-1/0]];n.each([i[0],i[1],"vx","vy"],(function(e,t,i,n){var a=r.dataToPoint([e,t]);m[g++]=a[0],m[g++]=a[1],_[0][0]=Math.min(a[0],_[0][0]),_[0][1]=Math.min(a[1],_[0][1]),_[1][0]=Math.max(a[0],_[1][0]),_[1][1]=Math.max(a[1],_[1][1]);var o=Math.sqrt(i*i+n*n);f=Math.max(f,o),p=Math.min(p,o)})),n.each(["vx","vy"],(function(e,t,r){var i=Math.round((m[2*r]-_[0][0])/(_[1][0]-_[0][0])*(s-1)),n=4*((l-1-Math.round((m[2*r+1]-_[0][1])/(_[1][1]-_[0][1])*(l-1)))*s+i);c[n]=e/f*.5+.5,c[n+1]=t/f*.5+.5,c[n+3]=1})),u.width=s,u.height=l,"bmap"===e.get("coordinateSystem")&&this._fillEmptyPixels(u),u.dirty(),this._updatePlanePosition(_[0],_[1],e,t),this._updateGradientTexture(n.getVisual("visualMeta"),[p,f])},_fillEmptyPixels:function(e){var t=e.pixels,r=e.width,i=e.height;function n(e,n,a){e=Math.max(Math.min(e,r-1),0);var o=4*((n=Math.max(Math.min(n,i-1),0))*(r-1)+e);return 0!==t[o+3]&&(a[0]=t[o],a[1]=t[o+1],!0)}function a(e,t,r){r[0]=e[0]+t[0],r[1]=e[1]+t[1]}for(var o=[],s=[],l=[],h=[],u=[],c=0,d=0;d<i;d++)for(var f=0;f<r;f++){var p=4*(d*(r-1)+f);0===t[p+3]&&(c=o[0]=o[1]=0,n(f-1,d,s)&&(c++,a(s,o,o)),n(f+1,d,l)&&(c++,a(l,o,o)),n(f,d-1,h)&&(c++,a(h,o,o)),n(f,d+1,u)&&(c++,a(u,o,o)),o[0]/=c,o[1]/=c,t[p]=o[0],t[p+1]=o[1]),t[p+3]=1}},_updateGradientTexture:function(e,t){if(e&&e.length){this._gradientTexture=this._gradientTexture||new Ka.Texture2D({image:document.createElement("canvas")});var r=this._gradientTexture,i=r.image;i.width=200,i.height=1;var n=i.getContext("2d"),a=n.createLinearGradient(0,.5,i.width,.5);e[0].stops.forEach((function(e){var r;t[1]===t[0]?r=0:(r=e.value/t[1],r=Math.min(Math.max(r,0),1)),a.addColorStop(r,e.color)})),n.fillStyle=a,n.fillRect(0,0,i.width,i.height),r.dirty(),this._particleSurface.setGradientTexture(this._gradientTexture)}else this._particleSurface.setGradientTexture(null)},_updatePlanePosition:function(e,t,r,i){var n=this._limitInViewportAndFullFill(e,t,r,i);e=n.leftTop,t=n.rightBottom,this._particleSurface.setRegion(n.region),this._planeMesh.position.set((e[0]+t[0])/2,i.getHeight()-(e[1]+t[1])/2,0);var a=t[0]-e[0],o=t[1]-e[1];this._planeMesh.scale.set(a/2,o/2,1),this._particleSurface.resize(Math.max(Math.min(a,2048),1),Math.max(Math.min(o,2048),1)),this._renderer&&this._particleSurface.clearFrame(this._renderer)},_limitInViewportAndFullFill:function(e,t,r,i){var n=[Math.max(e[0],0),Math.max(e[1],0)],a=[Math.min(t[0],i.getWidth()),Math.min(t[1],i.getHeight())];if("bmap"===r.get("coordinateSystem")){var o=r.getData().getDataExtent(r.coordDimToDataDim("lng")[0]);Math.floor(o[1]-o[0])>=359&&(n[0]>0&&(n[0]=0),a[0]<i.getWidth()&&(a[0]=i.getWidth()))}var s=t[0]-e[0],l=t[1]-e[1],h=a[0]-n[0],u=a[1]-n[1];return{leftTop:n,rightBottom:a,region:[(n[0]-e[0])/s,1-u/l-(n[1]-e[1])/l,h/s,u/l]}},_updateCamera:function(e,t,r){this.viewGL.setViewport(0,0,e,t,r);var i=this.viewGL.camera;i.left=i.bottom=0,i.top=t,i.right=e,i.near=0,i.far=100,i.position.z=10},remove:function(){this._planeMesh.stopAnimation(),this.groupGL.removeAll()},dispose:function(){this._renderer&&this._particleSurface.dispose(this._renderer),this.groupGL.removeAll()}});(0,i.use)((function(e){e.registerChartView(lf),e.registerSeriesModel(nf)}));var hf=i.SeriesModel.extend({type:"series.linesGL",dependencies:["grid","geo"],visualStyleAccessPath:"lineStyle",visualDrawType:"stroke",streamEnabled:!0,init:function(e){var t=this._processFlatCoordsArray(e.data);this._flatCoords=t.flatCoords,this._flatCoordsOffset=t.flatCoordsOffset,t.flatCoords&&(e.data=new Float32Array(t.count)),hf.superApply(this,"init",arguments)},mergeOption:function(e){var t=this._processFlatCoordsArray(e.data);this._flatCoords=t.flatCoords,this._flatCoordsOffset=t.flatCoordsOffset,t.flatCoords&&(e.data=new Float32Array(t.count)),hf.superApply(this,"mergeOption",arguments)},appendData:function(e){var t=this._processFlatCoordsArray(e.data);t.flatCoords&&(this._flatCoords?(this._flatCoords=Aa(this._flatCoords,t.flatCoords),this._flatCoordsOffset=Aa(this._flatCoordsOffset,t.flatCoordsOffset)):(this._flatCoords=t.flatCoords,this._flatCoordsOffset=t.flatCoordsOffset),e.data=new Float32Array(t.count)),this.getRawData().appendData(e.data)},_getCoordsFromItemModel:function(e){var t=this.getData().getItemModel(e);return t.option instanceof Array?t.option:t.getShallow("coords")},getLineCoordsCount:function(e){return this._flatCoordsOffset?this._flatCoordsOffset[2*e+1]:this._getCoordsFromItemModel(e).length},getLineCoords:function(e,t){if(this._flatCoordsOffset){for(var r=this._flatCoordsOffset[2*e],i=this._flatCoordsOffset[2*e+1],n=0;n<i;n++)t[n]=t[n]||[],t[n][0]=this._flatCoords[r+2*n],t[n][1]=this._flatCoords[r+2*n+1];return i}var a=this._getCoordsFromItemModel(e);for(n=0;n<a.length;n++)t[n]=t[n]||[],t[n][0]=a[n][0],t[n][1]=a[n][1];return a.length},_processFlatCoordsArray:function(e){var t=0;if(this._flatCoords&&(t=this._flatCoords.length),"number"==typeof e[0]){for(var r=e.length,i=new Uint32Array(r),n=new Float64Array(r),a=0,o=0,s=0,l=0;l<r;){s++;var h=e[l++];i[o++]=a+t,i[o++]=h;for(var u=0;u<h;u++){var c=e[l++],d=e[l++];n[a++]=c,n[a++]=d}}return{flatCoordsOffset:new Uint32Array(i.buffer,0,o),flatCoords:n,count:s}}return{flatCoordsOffset:null,flatCoords:null,count:e.length}},getInitialData:function(e,t){var r=new i.List(["value"],this);return r.hasItemOption=!1,r.initData(e.data,[],(function(e,t,i,n){if(e instanceof Array)return NaN;r.hasItemOption=!0;var a=e.value;return null!=a?a instanceof Array?a[n]:a:void 0})),r},defaultOption:{coordinateSystem:"geo",zlevel:10,progressive:1e4,progressiveThreshold:5e4,blendMode:"source-over",lineStyle:{opacity:.8},postEffect:{enable:!1,colorCorrection:{exposure:0,brightness:0,contrast:1,saturation:1,enable:!0}}}});const uf=hf,cf=i.ChartView.extend({type:"linesGL",__ecgl__:!0,init:function(e,t){this.groupGL=new Ka.Node,this.viewGL=new Il("orthographic"),this.viewGL.add(this.groupGL),this._glViewHelper=new wd(this.viewGL),this._nativeLinesShader=Ka.createShader("ecgl.lines3D"),this._meshLinesShader=Ka.createShader("ecgl.meshLines3D"),this._linesMeshes=[],this._currentStep=0},render:function(e,t,r){this.groupGL.removeAll(),this._glViewHelper.reset(e,r);var i=this._linesMeshes[0];i||(i=this._linesMeshes[0]=this._createLinesMesh(e)),this._linesMeshes.length=1,this.groupGL.add(i),this._updateLinesMesh(e,i,0,e.getData().count()),this.viewGL.setPostEffect(e.getModel("postEffect"),r)},incrementalPrepareRender:function(e,t,r){this.groupGL.removeAll(),this._glViewHelper.reset(e,r),this._currentStep=0,this.viewGL.setPostEffect(e.getModel("postEffect"),r)},incrementalRender:function(e,t,r,i){var n=this._linesMeshes[this._currentStep];n||(n=this._createLinesMesh(t),this._linesMeshes[this._currentStep]=n),this._updateLinesMesh(t,n,e.start,e.end),this.groupGL.add(n),i.getZr().refresh(),this._currentStep++},updateTransform:function(e,t,r){e.coordinateSystem.getRoamTransform&&this._glViewHelper.updateTransform(e,r)},_createLinesMesh:function(e){return new Ka.Mesh({$ignorePicking:!0,material:new Ka.Material({shader:Ka.createShader("ecgl.lines3D"),transparent:!0,depthMask:!1,depthTest:!1}),geometry:new Hd({segmentScale:10,useNativeLine:!0,dynamic:!1}),mode:Ka.Mesh.LINES,culling:!1})},_updateLinesMesh:function(e,t,r,i){var n=e.getData();t.material.blend="lighter"===e.get("blendMode")?Ka.additiveBlend:null;var a=e.get("lineStyle.curveness")||0,o=e.get("polyline"),s=t.geometry,l=e.coordinateSystem,h=Mn(e.get("lineStyle.width"),1);h>1?(t.material.shader!==this._meshLinesShader&&t.material.attachShader(this._meshLinesShader),t.mode=Ka.Mesh.TRIANGLES):(t.material.shader!==this._nativeLinesShader&&t.material.attachShader(this._nativeLinesShader),t.mode=Ka.Mesh.LINES),r=r||0,i=i||n.count(),s.resetOffset();var u=0,c=0,d=[],f=[],p=[],m=[],g=[],_=.3,v=.7;function y(){f[0]=d[0]*v+m[0]*_-(d[1]-m[1])*a,f[1]=d[1]*v+m[1]*_-(m[0]-d[0])*a,p[0]=d[0]*_+m[0]*v-(d[1]-m[1])*a,p[1]=d[1]*_+m[1]*v-(m[0]-d[0])*a}if(o||0!==a)for(var x=r;x<i;x++)if(o){var b=e.getLineCoordsCount(x);u+=s.getPolylineVertexCount(b),c+=s.getPolylineTriangleCount(b)}else e.getLineCoords(x,g),this._glViewHelper.dataToPoint(l,g[0],d),this._glViewHelper.dataToPoint(l,g[1],m),y(),u+=s.getCubicCurveVertexCount(d,f,p,m),c+=s.getCubicCurveTriangleCount(d,f,p,m);else{var w=i-r;u+=w*s.getLineVertexCount(),c+=w*s.getLineVertexCount()}s.setVertexCount(u),s.setTriangleCount(c);var T=r,S=[];for(x=r;x<i;x++){Ka.parseColor(Ih(n,T),S);var M=Mn(Rh(n,T),1);S[3]*=M,b=e.getLineCoords(x,g);for(var A=0;A<b;A++)this._glViewHelper.dataToPoint(l,g[A],g[A]);o?s.addPolyline(g,S,h,0,b):0!==a?(d=g[0],m=g[1],y(),s.addCubicCurve(d,f,p,m,S,h)):s.addPolyline(g,S,h,0,2),T++}},dispose:function(){this.groupGL.removeAll()},remove:function(){this.groupGL.removeAll()}});(0,i.use)((function(e){e.registerChartView(cf),e.registerSeriesModel(uf)}))},83:t=>{t.exports=e}},r={};function i(e){if(r[e])return r[e].exports;var n=r[e]={exports:{}};return t[e](n,n.exports,i),n.exports}return i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i(468)})()}));
\ No newline at end of file
diff --git a/app/client/public/libraries/echarts@5.4.3.js b/app/client/public/libraries/echarts@5.4.3.js
new file mode 100644
index 0000000000..c007c24017
--- /dev/null
+++ b/app/client/public/libraries/echarts@5.4.3.js
@@ -0,0 +1,45 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).echarts={})}(this,(function(t){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var i=function(){this.firefox=!1,this.ie=!1,this.edge=!1,this.newEdge=!1,this.weChat=!1},r=new function(){this.browser=new i,this.node=!1,this.wxa=!1,this.worker=!1,this.svgSupported=!1,this.touchEventsSupported=!1,this.pointerEventsSupported=!1,this.domSupported=!1,this.transformSupported=!1,this.transform3dSupported=!1,this.hasGlobalWindow="undefined"!=typeof window};"object"==typeof wx&&"function"==typeof wx.getSystemInfoSync?(r.wxa=!0,r.touchEventsSupported=!0):"undefined"==typeof document&&"undefined"!=typeof self?r.worker=!0:"undefined"==typeof navigator?(r.node=!0,r.svgSupported=!0):function(t,e){var n=e.browser,i=t.match(/Firefox\/([\d.]+)/),r=t.match(/MSIE\s([\d.]+)/)||t.match(/Trident\/.+?rv:(([\d.]+))/),o=t.match(/Edge?\/([\d.]+)/),a=/micromessenger/i.test(t);i&&(n.firefox=!0,n.version=i[1]);r&&(n.ie=!0,n.version=r[1]);o&&(n.edge=!0,n.version=o[1],n.newEdge=+o[1].split(".")[0]>18);a&&(n.weChat=!0);e.svgSupported="undefined"!=typeof SVGRect,e.touchEventsSupported="ontouchstart"in window&&!n.ie&&!n.edge,e.pointerEventsSupported="onpointerdown"in window&&(n.edge||n.ie&&+n.version>=11),e.domSupported="undefined"!=typeof document;var s=document.documentElement.style;e.transform3dSupported=(n.ie&&"transition"in s||n.edge||"WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix||"MozPerspective"in s)&&!("OTransition"in s),e.transformSupported=e.transform3dSupported||n.ie&&+n.version>=9}(navigator.userAgent,r);var o="sans-serif",a="12px "+o;var s,l,u=function(t){var e={};if("undefined"==typeof JSON)return e;for(var n=0;n<t.length;n++){var i=String.fromCharCode(n+32),r=(t.charCodeAt(n)-20)/100;e[i]=r}return e}("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N"),h={createCanvas:function(){return"undefined"!=typeof document&&document.createElement("canvas")},measureText:function(t,e){if(!s){var n=h.createCanvas();s=n&&n.getContext("2d")}if(s)return l!==e&&(l=s.font=e||a),s.measureText(t);t=t||"";var i=/(\d+)px/.exec(e=e||a),r=i&&+i[1]||12,o=0;if(e.indexOf("mono")>=0)o=r*t.length;else for(var c=0;c<t.length;c++){var p=u[t[c]];o+=null==p?r:p*r}return{width:o}},loadImage:function(t,e,n){var i=new Image;return i.onload=e,i.onerror=n,i.src=t,i}};function c(t){for(var e in h)t[e]&&(h[e]=t[e])}var p=V(["Function","RegExp","Date","Error","CanvasGradient","CanvasPattern","Image","Canvas"],(function(t,e){return t["[object "+e+"]"]=!0,t}),{}),d=V(["Int8","Uint8","Uint8Clamped","Int16","Uint16","Int32","Uint32","Float32","Float64"],(function(t,e){return t["[object "+e+"Array]"]=!0,t}),{}),f=Object.prototype.toString,g=Array.prototype,y=g.forEach,v=g.filter,m=g.slice,x=g.map,_=function(){}.constructor,b=_?_.prototype:null,w="__proto__",S=2311;function M(){return S++}function I(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];"undefined"!=typeof console&&console.error.apply(console,t)}function T(t){if(null==t||"object"!=typeof t)return t;var e=t,n=f.call(t);if("[object Array]"===n){if(!pt(t)){e=[];for(var i=0,r=t.length;i<r;i++)e[i]=T(t[i])}}else if(d[n]){if(!pt(t)){var o=t.constructor;if(o.from)e=o.from(t);else{e=new o(t.length);for(i=0,r=t.length;i<r;i++)e[i]=t[i]}}}else if(!p[n]&&!pt(t)&&!J(t))for(var a in e={},t)t.hasOwnProperty(a)&&a!==w&&(e[a]=T(t[a]));return e}function C(t,e,n){if(!q(e)||!q(t))return n?T(e):t;for(var i in e)if(e.hasOwnProperty(i)&&i!==w){var r=t[i],o=e[i];!q(o)||!q(r)||Y(o)||Y(r)||J(o)||J(r)||K(o)||K(r)||pt(o)||pt(r)?!n&&i in t||(t[i]=T(e[i])):C(r,o,n)}return t}function D(t,e){for(var n=t[0],i=1,r=t.length;i<r;i++)n=C(n,t[i],e);return n}function A(t,e){if(Object.assign)Object.assign(t,e);else for(var n in e)e.hasOwnProperty(n)&&n!==w&&(t[n]=e[n]);return t}function k(t,e,n){for(var i=G(e),r=0;r<i.length;r++){var o=i[r];(n?null!=e[o]:null==t[o])&&(t[o]=e[o])}return t}var L=h.createCanvas;function P(t,e){if(t){if(t.indexOf)return t.indexOf(e);for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n}return-1}function O(t,e){var n=t.prototype;function i(){}for(var r in i.prototype=e.prototype,t.prototype=new i,n)n.hasOwnProperty(r)&&(t.prototype[r]=n[r]);t.prototype.constructor=t,t.superClass=e}function R(t,e,n){if(t="prototype"in t?t.prototype:t,e="prototype"in e?e.prototype:e,Object.getOwnPropertyNames)for(var i=Object.getOwnPropertyNames(e),r=0;r<i.length;r++){var o=i[r];"constructor"!==o&&(n?null!=e[o]:null==t[o])&&(t[o]=e[o])}else k(t,e,n)}function N(t){return!!t&&("string"!=typeof t&&"number"==typeof t.length)}function E(t,e,n){if(t&&e)if(t.forEach&&t.forEach===y)t.forEach(e,n);else if(t.length===+t.length)for(var i=0,r=t.length;i<r;i++)e.call(n,t[i],i,t);else for(var o in t)t.hasOwnProperty(o)&&e.call(n,t[o],o,t)}function z(t,e,n){if(!t)return[];if(!e)return at(t);if(t.map&&t.map===x)return t.map(e,n);for(var i=[],r=0,o=t.length;r<o;r++)i.push(e.call(n,t[r],r,t));return i}function V(t,e,n,i){if(t&&e){for(var r=0,o=t.length;r<o;r++)n=e.call(i,n,t[r],r,t);return n}}function B(t,e,n){if(!t)return[];if(!e)return at(t);if(t.filter&&t.filter===v)return t.filter(e,n);for(var i=[],r=0,o=t.length;r<o;r++)e.call(n,t[r],r,t)&&i.push(t[r]);return i}function F(t,e,n){if(t&&e)for(var i=0,r=t.length;i<r;i++)if(e.call(n,t[i],i,t))return t[i]}function G(t){if(!t)return[];if(Object.keys)return Object.keys(t);var e=[];for(var n in t)t.hasOwnProperty(n)&&e.push(n);return e}var W=b&&X(b.bind)?b.call.bind(b.bind):function(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return function(){return t.apply(e,n.concat(m.call(arguments)))}};function H(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return function(){return t.apply(this,e.concat(m.call(arguments)))}}function Y(t){return Array.isArray?Array.isArray(t):"[object Array]"===f.call(t)}function X(t){return"function"==typeof t}function U(t){return"string"==typeof t}function Z(t){return"[object String]"===f.call(t)}function j(t){return"number"==typeof t}function q(t){var e=typeof t;return"function"===e||!!t&&"object"===e}function K(t){return!!p[f.call(t)]}function $(t){return!!d[f.call(t)]}function J(t){return"object"==typeof t&&"number"==typeof t.nodeType&&"object"==typeof t.ownerDocument}function Q(t){return null!=t.colorStops}function tt(t){return null!=t.image}function et(t){return"[object RegExp]"===f.call(t)}function nt(t){return t!=t}function it(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var n=0,i=t.length;n<i;n++)if(null!=t[n])return t[n]}function rt(t,e){return null!=t?t:e}function ot(t,e,n){return null!=t?t:null!=e?e:n}function at(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return m.apply(t,e)}function st(t){if("number"==typeof t)return[t,t,t,t];var e=t.length;return 2===e?[t[0],t[1],t[0],t[1]]:3===e?[t[0],t[1],t[2],t[1]]:t}function lt(t,e){if(!t)throw new Error(e)}function ut(t){return null==t?null:"function"==typeof t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}var ht="__ec_primitive__";function ct(t){t[ht]=!0}function pt(t){return t[ht]}var dt=function(){function t(){this.data={}}return t.prototype.delete=function(t){var e=this.has(t);return e&&delete this.data[t],e},t.prototype.has=function(t){return this.data.hasOwnProperty(t)},t.prototype.get=function(t){return this.data[t]},t.prototype.set=function(t,e){return this.data[t]=e,this},t.prototype.keys=function(){return G(this.data)},t.prototype.forEach=function(t){var e=this.data;for(var n in e)e.hasOwnProperty(n)&&t(e[n],n)},t}(),ft="function"==typeof Map;var gt=function(){function t(e){var n=Y(e);this.data=ft?new Map:new dt;var i=this;function r(t,e){n?i.set(t,e):i.set(e,t)}e instanceof t?e.each(r):e&&E(e,r)}return t.prototype.hasKey=function(t){return this.data.has(t)},t.prototype.get=function(t){return this.data.get(t)},t.prototype.set=function(t,e){return this.data.set(t,e),e},t.prototype.each=function(t,e){this.data.forEach((function(n,i){t.call(e,n,i)}))},t.prototype.keys=function(){var t=this.data.keys();return ft?Array.from(t):t},t.prototype.removeKey=function(t){this.data.delete(t)},t}();function yt(t){return new gt(t)}function vt(t,e){for(var n=new t.constructor(t.length+e.length),i=0;i<t.length;i++)n[i]=t[i];var r=t.length;for(i=0;i<e.length;i++)n[i+r]=e[i];return n}function mt(t,e){var n;if(Object.create)n=Object.create(t);else{var i=function(){};i.prototype=t,n=new i}return e&&A(n,e),n}function xt(t){var e=t.style;e.webkitUserSelect="none",e.userSelect="none",e.webkitTapHighlightColor="rgba(0,0,0,0)",e["-webkit-touch-callout"]="none"}function _t(t,e){return t.hasOwnProperty(e)}function bt(){}var wt=180/Math.PI,St=Object.freeze({__proto__:null,guid:M,logError:I,clone:T,merge:C,mergeAll:D,extend:A,defaults:k,createCanvas:L,indexOf:P,inherits:O,mixin:R,isArrayLike:N,each:E,map:z,reduce:V,filter:B,find:F,keys:G,bind:W,curry:H,isArray:Y,isFunction:X,isString:U,isStringSafe:Z,isNumber:j,isObject:q,isBuiltInObject:K,isTypedArray:$,isDom:J,isGradientObject:Q,isImagePatternObject:tt,isRegExp:et,eqNaN:nt,retrieve:it,retrieve2:rt,retrieve3:ot,slice:at,normalizeCssArray:st,assert:lt,trim:ut,setAsPrimitive:ct,isPrimitive:pt,HashMap:gt,createHashMap:yt,concatArray:vt,createObject:mt,disableUserSelect:xt,hasOwn:_t,noop:bt,RADIAN_TO_DEGREE:wt});function Mt(t,e){return null==t&&(t=0),null==e&&(e=0),[t,e]}function It(t,e){return t[0]=e[0],t[1]=e[1],t}function Tt(t){return[t[0],t[1]]}function Ct(t,e,n){return t[0]=e,t[1]=n,t}function Dt(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function At(t,e,n,i){return t[0]=e[0]+n[0]*i,t[1]=e[1]+n[1]*i,t}function kt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Lt(t){return Math.sqrt(Ot(t))}var Pt=Lt;function Ot(t){return t[0]*t[0]+t[1]*t[1]}var Rt=Ot;function Nt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Et(t,e){var n=Lt(e);return 0===n?(t[0]=0,t[1]=0):(t[0]=e[0]/n,t[1]=e[1]/n),t}function zt(t,e){return Math.sqrt((t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1]))}var Vt=zt;function Bt(t,e){return(t[0]-e[0])*(t[0]-e[0])+(t[1]-e[1])*(t[1]-e[1])}var Ft=Bt;function Gt(t,e,n,i){return t[0]=e[0]+i*(n[0]-e[0]),t[1]=e[1]+i*(n[1]-e[1]),t}function Wt(t,e,n){var i=e[0],r=e[1];return t[0]=n[0]*i+n[2]*r+n[4],t[1]=n[1]*i+n[3]*r+n[5],t}function Ht(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Yt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}var Xt=Object.freeze({__proto__:null,create:Mt,copy:It,clone:Tt,set:Ct,add:Dt,scaleAndAdd:At,sub:kt,len:Lt,length:Pt,lenSquare:Ot,lengthSquare:Rt,mul:function(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t},div:function(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},scale:Nt,normalize:Et,distance:zt,dist:Vt,distanceSquare:Bt,distSquare:Ft,negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},lerp:Gt,applyTransform:Wt,min:Ht,max:Yt}),Ut=function(t,e){this.target=t,this.topTarget=e&&e.topTarget},Zt=function(){function t(t){this.handler=t,t.on("mousedown",this._dragStart,this),t.on("mousemove",this._drag,this),t.on("mouseup",this._dragEnd,this)}return t.prototype._dragStart=function(t){for(var e=t.target;e&&!e.draggable;)e=e.parent||e.__hostTarget;e&&(this._draggingTarget=e,e.dragging=!0,this._x=t.offsetX,this._y=t.offsetY,this.handler.dispatchToElement(new Ut(e,t),"dragstart",t.event))},t.prototype._drag=function(t){var e=this._draggingTarget;if(e){var n=t.offsetX,i=t.offsetY,r=n-this._x,o=i-this._y;this._x=n,this._y=i,e.drift(r,o,t),this.handler.dispatchToElement(new Ut(e,t),"drag",t.event);var a=this.handler.findHover(n,i,e).target,s=this._dropTarget;this._dropTarget=a,e!==a&&(s&&a!==s&&this.handler.dispatchToElement(new Ut(s,t),"dragleave",t.event),a&&a!==s&&this.handler.dispatchToElement(new Ut(a,t),"dragenter",t.event))}},t.prototype._dragEnd=function(t){var e=this._draggingTarget;e&&(e.dragging=!1),this.handler.dispatchToElement(new Ut(e,t),"dragend",t.event),this._dropTarget&&this.handler.dispatchToElement(new Ut(this._dropTarget,t),"drop",t.event),this._draggingTarget=null,this._dropTarget=null},t}(),jt=function(){function t(t){t&&(this._$eventProcessor=t)}return t.prototype.on=function(t,e,n,i){this._$handlers||(this._$handlers={});var r=this._$handlers;if("function"==typeof e&&(i=n,n=e,e=null),!n||!t)return this;var o=this._$eventProcessor;null!=e&&o&&o.normalizeQuery&&(e=o.normalizeQuery(e)),r[t]||(r[t]=[]);for(var a=0;a<r[t].length;a++)if(r[t][a].h===n)return this;var s={h:n,query:e,ctx:i||this,callAtLast:n.zrEventfulCallAtLast},l=r[t].length-1,u=r[t][l];return u&&u.callAtLast?r[t].splice(l,0,s):r[t].push(s),this},t.prototype.isSilent=function(t){var e=this._$handlers;return!e||!e[t]||!e[t].length},t.prototype.off=function(t,e){var n=this._$handlers;if(!n)return this;if(!t)return this._$handlers={},this;if(e){if(n[t]){for(var i=[],r=0,o=n[t].length;r<o;r++)n[t][r].h!==e&&i.push(n[t][r]);n[t]=i}n[t]&&0===n[t].length&&delete n[t]}else delete n[t];return this},t.prototype.trigger=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=i.length,s=0;s<a;s++){var l=i[s];if(!r||!r.filter||null==l.query||r.filter(t,l.query))switch(o){case 0:l.h.call(l.ctx);break;case 1:l.h.call(l.ctx,e[0]);break;case 2:l.h.call(l.ctx,e[0],e[1]);break;default:l.h.apply(l.ctx,e)}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t.prototype.triggerWithContext=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!this._$handlers)return this;var i=this._$handlers[t],r=this._$eventProcessor;if(i)for(var o=e.length,a=e[o-1],s=i.length,l=0;l<s;l++){var u=i[l];if(!r||!r.filter||null==u.query||r.filter(t,u.query))switch(o){case 0:u.h.call(a);break;case 1:u.h.call(a,e[0]);break;case 2:u.h.call(a,e[0],e[1]);break;default:u.h.apply(a,e.slice(1,o-1))}}return r&&r.afterTrigger&&r.afterTrigger(t),this},t}(),qt=Math.log(2);function Kt(t,e,n,i,r,o){var a=i+"-"+r,s=t.length;if(o.hasOwnProperty(a))return o[a];if(1===e){var l=Math.round(Math.log((1<<s)-1&~r)/qt);return t[n][l]}for(var u=i|1<<n,h=n+1;i&1<<h;)h++;for(var c=0,p=0,d=0;p<s;p++){var f=1<<p;f&r||(c+=(d%2?-1:1)*t[n][p]*Kt(t,e-1,h,u,r|f,o),d++)}return o[a]=c,c}function $t(t,e){var n=[[t[0],t[1],1,0,0,0,-e[0]*t[0],-e[0]*t[1]],[0,0,0,t[0],t[1],1,-e[1]*t[0],-e[1]*t[1]],[t[2],t[3],1,0,0,0,-e[2]*t[2],-e[2]*t[3]],[0,0,0,t[2],t[3],1,-e[3]*t[2],-e[3]*t[3]],[t[4],t[5],1,0,0,0,-e[4]*t[4],-e[4]*t[5]],[0,0,0,t[4],t[5],1,-e[5]*t[4],-e[5]*t[5]],[t[6],t[7],1,0,0,0,-e[6]*t[6],-e[6]*t[7]],[0,0,0,t[6],t[7],1,-e[7]*t[6],-e[7]*t[7]]],i={},r=Kt(n,8,0,0,0,i);if(0!==r){for(var o=[],a=0;a<8;a++)for(var s=0;s<8;s++)null==o[s]&&(o[s]=0),o[s]+=((a+s)%2?-1:1)*Kt(n,7,0===a?1:0,1<<a,1<<s,i)/r*e[a];return function(t,e,n){var i=e*o[6]+n*o[7]+1;t[0]=(e*o[0]+n*o[1]+o[2])/i,t[1]=(e*o[3]+n*o[4]+o[5])/i}}}var Jt="___zrEVENTSAVED",Qt=[];function te(t,e,n,i,o){if(e.getBoundingClientRect&&r.domSupported&&!ee(e)){var a=e[Jt]||(e[Jt]={}),s=function(t,e){var n=e.markers;if(n)return n;n=e.markers=[];for(var i=["left","right"],r=["top","bottom"],o=0;o<4;o++){var a=document.createElement("div"),s=o%2,l=(o>>1)%2;a.style.cssText=["position: absolute","visibility: hidden","padding: 0","margin: 0","border-width: 0","user-select: none","width:0","height:0",i[s]+":0",r[l]+":0",i[1-s]+":auto",r[1-l]+":auto",""].join("!important;"),t.appendChild(a),n.push(a)}return n}(e,a),l=function(t,e,n){for(var i=n?"invTrans":"trans",r=e[i],o=e.srcCoords,a=[],s=[],l=!0,u=0;u<4;u++){var h=t[u].getBoundingClientRect(),c=2*u,p=h.left,d=h.top;a.push(p,d),l=l&&o&&p===o[c]&&d===o[c+1],s.push(t[u].offsetLeft,t[u].offsetTop)}return l&&r?r:(e.srcCoords=a,e[i]=n?$t(s,a):$t(a,s))}(s,a,o);if(l)return l(t,n,i),!0}return!1}function ee(t){return"CANVAS"===t.nodeName.toUpperCase()}var ne=/([&<>"'])/g,ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function re(t){return null==t?"":(t+"").replace(ne,(function(t,e){return ie[e]}))}var oe=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ae=[],se=r.browser.firefox&&+r.browser.version.split(".")[0]<39;function le(t,e,n,i){return n=n||{},i?ue(t,e,n):se&&null!=e.layerX&&e.layerX!==e.offsetX?(n.zrX=e.layerX,n.zrY=e.layerY):null!=e.offsetX?(n.zrX=e.offsetX,n.zrY=e.offsetY):ue(t,e,n),n}function ue(t,e,n){if(r.domSupported&&t.getBoundingClientRect){var i=e.clientX,o=e.clientY;if(ee(t)){var a=t.getBoundingClientRect();return n.zrX=i-a.left,void(n.zrY=o-a.top)}if(te(ae,t,i,o))return n.zrX=ae[0],void(n.zrY=ae[1])}n.zrX=n.zrY=0}function he(t){return t||window.event}function ce(t,e,n){if(null!=(e=he(e)).zrX)return e;var i=e.type;if(i&&i.indexOf("touch")>=0){var r="touchend"!==i?e.targetTouches[0]:e.changedTouches[0];r&&le(t,r,e,n)}else{le(t,e,e,n);var o=function(t){var e=t.wheelDelta;if(e)return e;var n=t.deltaX,i=t.deltaY;if(null==n||null==i)return e;return 3*(0!==i?Math.abs(i):Math.abs(n))*(i>0?-1:i<0?1:n>0?-1:1)}(e);e.zrDelta=o?o/120:-(e.detail||0)/3}var a=e.button;return null==e.which&&void 0!==a&&oe.test(e.type)&&(e.which=1&a?1:2&a?3:4&a?2:0),e}function pe(t,e,n,i){t.addEventListener(e,n,i)}var de=function(t){t.preventDefault(),t.stopPropagation(),t.cancelBubble=!0};function fe(t){return 2===t.which||3===t.which}var ge=function(){function t(){this._track=[]}return t.prototype.recognize=function(t,e,n){return this._doTrack(t,e,n),this._recognize(t)},t.prototype.clear=function(){return this._track.length=0,this},t.prototype._doTrack=function(t,e,n){var i=t.touches;if(i){for(var r={points:[],touches:[],target:e,event:t},o=0,a=i.length;o<a;o++){var s=i[o],l=le(n,s,{});r.points.push([l.zrX,l.zrY]),r.touches.push(s)}this._track.push(r)}},t.prototype._recognize=function(t){for(var e in ve)if(ve.hasOwnProperty(e)){var n=ve[e](this._track,t);if(n)return n}},t}();function ye(t){var e=t[1][0]-t[0][0],n=t[1][1]-t[0][1];return Math.sqrt(e*e+n*n)}var ve={pinch:function(t,e){var n=t.length;if(n){var i,r=(t[n-1]||{}).points,o=(t[n-2]||{}).points||r;if(o&&o.length>1&&r&&r.length>1){var a=ye(r)/ye(o);!isFinite(a)&&(a=1),e.pinchScale=a;var s=[((i=r)[0][0]+i[1][0])/2,(i[0][1]+i[1][1])/2];return e.pinchX=s[0],e.pinchY=s[1],{type:"pinch",target:t[0].target,event:e}}}}};function me(){return[1,0,0,1,0,0]}function xe(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t}function _e(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t}function be(t,e,n){var i=e[0]*n[0]+e[2]*n[1],r=e[1]*n[0]+e[3]*n[1],o=e[0]*n[2]+e[2]*n[3],a=e[1]*n[2]+e[3]*n[3],s=e[0]*n[4]+e[2]*n[5]+e[4],l=e[1]*n[4]+e[3]*n[5]+e[5];return t[0]=i,t[1]=r,t[2]=o,t[3]=a,t[4]=s,t[5]=l,t}function we(t,e,n){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4]+n[0],t[5]=e[5]+n[1],t}function Se(t,e,n){var i=e[0],r=e[2],o=e[4],a=e[1],s=e[3],l=e[5],u=Math.sin(n),h=Math.cos(n);return t[0]=i*h+a*u,t[1]=-i*u+a*h,t[2]=r*h+s*u,t[3]=-r*u+h*s,t[4]=h*o+u*l,t[5]=h*l-u*o,t}function Me(t,e,n){var i=n[0],r=n[1];return t[0]=e[0]*i,t[1]=e[1]*r,t[2]=e[2]*i,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*r,t}function Ie(t,e){var n=e[0],i=e[2],r=e[4],o=e[1],a=e[3],s=e[5],l=n*a-o*i;return l?(l=1/l,t[0]=a*l,t[1]=-o*l,t[2]=-i*l,t[3]=n*l,t[4]=(i*s-a*r)*l,t[5]=(o*r-n*s)*l,t):null}function Te(t){var e=[1,0,0,1,0,0];return _e(e,t),e}var Ce=Object.freeze({__proto__:null,create:me,identity:xe,copy:_e,mul:be,translate:we,rotate:Se,scale:Me,invert:Ie,clone:Te}),De=function(){function t(t,e){this.x=t||0,this.y=e||0}return t.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this},t.prototype.clone=function(){return new t(this.x,this.y)},t.prototype.set=function(t,e){return this.x=t,this.y=e,this},t.prototype.equal=function(t){return t.x===this.x&&t.y===this.y},t.prototype.add=function(t){return this.x+=t.x,this.y+=t.y,this},t.prototype.scale=function(t){this.x*=t,this.y*=t},t.prototype.scaleAndAdd=function(t,e){this.x+=t.x*e,this.y+=t.y*e},t.prototype.sub=function(t){return this.x-=t.x,this.y-=t.y,this},t.prototype.dot=function(t){return this.x*t.x+this.y*t.y},t.prototype.len=function(){return Math.sqrt(this.x*this.x+this.y*this.y)},t.prototype.lenSquare=function(){return this.x*this.x+this.y*this.y},t.prototype.normalize=function(){var t=this.len();return this.x/=t,this.y/=t,this},t.prototype.distance=function(t){var e=this.x-t.x,n=this.y-t.y;return Math.sqrt(e*e+n*n)},t.prototype.distanceSquare=function(t){var e=this.x-t.x,n=this.y-t.y;return e*e+n*n},t.prototype.negate=function(){return this.x=-this.x,this.y=-this.y,this},t.prototype.transform=function(t){if(t){var e=this.x,n=this.y;return this.x=t[0]*e+t[2]*n+t[4],this.y=t[1]*e+t[3]*n+t[5],this}},t.prototype.toArray=function(t){return t[0]=this.x,t[1]=this.y,t},t.prototype.fromArray=function(t){this.x=t[0],this.y=t[1]},t.set=function(t,e,n){t.x=e,t.y=n},t.copy=function(t,e){t.x=e.x,t.y=e.y},t.len=function(t){return Math.sqrt(t.x*t.x+t.y*t.y)},t.lenSquare=function(t){return t.x*t.x+t.y*t.y},t.dot=function(t,e){return t.x*e.x+t.y*e.y},t.add=function(t,e,n){t.x=e.x+n.x,t.y=e.y+n.y},t.sub=function(t,e,n){t.x=e.x-n.x,t.y=e.y-n.y},t.scale=function(t,e,n){t.x=e.x*n,t.y=e.y*n},t.scaleAndAdd=function(t,e,n,i){t.x=e.x+n.x*i,t.y=e.y+n.y*i},t.lerp=function(t,e,n,i){var r=1-i;t.x=r*e.x+i*n.x,t.y=r*e.y+i*n.y},t}(),Ae=Math.min,ke=Math.max,Le=new De,Pe=new De,Oe=new De,Re=new De,Ne=new De,Ee=new De,ze=function(){function t(t,e,n,i){n<0&&(t+=n,n=-n),i<0&&(e+=i,i=-i),this.x=t,this.y=e,this.width=n,this.height=i}return t.prototype.union=function(t){var e=Ae(t.x,this.x),n=Ae(t.y,this.y);isFinite(this.x)&&isFinite(this.width)?this.width=ke(t.x+t.width,this.x+this.width)-e:this.width=t.width,isFinite(this.y)&&isFinite(this.height)?this.height=ke(t.y+t.height,this.y+this.height)-n:this.height=t.height,this.x=e,this.y=n},t.prototype.applyTransform=function(e){t.applyTransform(this,this,e)},t.prototype.calculateTransform=function(t){var e=this,n=t.width/e.width,i=t.height/e.height,r=[1,0,0,1,0,0];return we(r,r,[-e.x,-e.y]),Me(r,r,[n,i]),we(r,r,[t.x,t.y]),r},t.prototype.intersect=function(e,n){if(!e)return!1;e instanceof t||(e=t.create(e));var i=this,r=i.x,o=i.x+i.width,a=i.y,s=i.y+i.height,l=e.x,u=e.x+e.width,h=e.y,c=e.y+e.height,p=!(o<l||u<r||s<h||c<a);if(n){var d=1/0,f=0,g=Math.abs(o-l),y=Math.abs(u-r),v=Math.abs(s-h),m=Math.abs(c-a),x=Math.min(g,y),_=Math.min(v,m);o<l||u<r?x>f&&(f=x,g<y?De.set(Ee,-g,0):De.set(Ee,y,0)):x<d&&(d=x,g<y?De.set(Ne,g,0):De.set(Ne,-y,0)),s<h||c<a?_>f&&(f=_,v<m?De.set(Ee,0,-v):De.set(Ee,0,m)):x<d&&(d=x,v<m?De.set(Ne,0,v):De.set(Ne,0,-m))}return n&&De.copy(n,p?Ne:Ee),p},t.prototype.contain=function(t,e){var n=this;return t>=n.x&&t<=n.x+n.width&&e>=n.y&&e<=n.y+n.height},t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.copy=function(e){t.copy(this,e)},t.prototype.plain=function(){return{x:this.x,y:this.y,width:this.width,height:this.height}},t.prototype.isFinite=function(){return isFinite(this.x)&&isFinite(this.y)&&isFinite(this.width)&&isFinite(this.height)},t.prototype.isZero=function(){return 0===this.width||0===this.height},t.create=function(e){return new t(e.x,e.y,e.width,e.height)},t.copy=function(t,e){t.x=e.x,t.y=e.y,t.width=e.width,t.height=e.height},t.applyTransform=function(e,n,i){if(i){if(i[1]<1e-5&&i[1]>-1e-5&&i[2]<1e-5&&i[2]>-1e-5){var r=i[0],o=i[3],a=i[4],s=i[5];return e.x=n.x*r+a,e.y=n.y*o+s,e.width=n.width*r,e.height=n.height*o,e.width<0&&(e.x+=e.width,e.width=-e.width),void(e.height<0&&(e.y+=e.height,e.height=-e.height))}Le.x=Oe.x=n.x,Le.y=Re.y=n.y,Pe.x=Re.x=n.x+n.width,Pe.y=Oe.y=n.y+n.height,Le.transform(i),Re.transform(i),Pe.transform(i),Oe.transform(i),e.x=Ae(Le.x,Pe.x,Oe.x,Re.x),e.y=Ae(Le.y,Pe.y,Oe.y,Re.y);var l=ke(Le.x,Pe.x,Oe.x,Re.x),u=ke(Le.y,Pe.y,Oe.y,Re.y);e.width=l-e.x,e.height=u-e.y}else e!==n&&t.copy(e,n)},t}(),Ve="silent";function Be(){de(this.event)}var Fe=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.handler=null,e}return n(e,t),e.prototype.dispose=function(){},e.prototype.setCursor=function(){},e}(jt),Ge=function(t,e){this.x=t,this.y=e},We=["click","dblclick","mousewheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],He=new ze(0,0,0,0),Ye=function(t){function e(e,n,i,r,o){var a=t.call(this)||this;return a._hovered=new Ge(0,0),a.storage=e,a.painter=n,a.painterRoot=r,a._pointerSize=o,i=i||new Fe,a.proxy=null,a.setHandlerProxy(i),a._draggingMgr=new Zt(a),a}return n(e,t),e.prototype.setHandlerProxy=function(t){this.proxy&&this.proxy.dispose(),t&&(E(We,(function(e){t.on&&t.on(e,this[e],this)}),this),t.handler=this),this.proxy=t},e.prototype.mousemove=function(t){var e=t.zrX,n=t.zrY,i=Ze(this,e,n),r=this._hovered,o=r.target;o&&!o.__zr&&(o=(r=this.findHover(r.x,r.y)).target);var a=this._hovered=i?new Ge(e,n):this.findHover(e,n),s=a.target,l=this.proxy;l.setCursor&&l.setCursor(s?s.cursor:"default"),o&&s!==o&&this.dispatchToElement(r,"mouseout",t),this.dispatchToElement(a,"mousemove",t),s&&s!==o&&this.dispatchToElement(a,"mouseover",t)},e.prototype.mouseout=function(t){var e=t.zrEventControl;"only_globalout"!==e&&this.dispatchToElement(this._hovered,"mouseout",t),"no_globalout"!==e&&this.trigger("globalout",{type:"globalout",event:t})},e.prototype.resize=function(){this._hovered=new Ge(0,0)},e.prototype.dispatch=function(t,e){var n=this[t];n&&n.call(this,e)},e.prototype.dispose=function(){this.proxy.dispose(),this.storage=null,this.proxy=null,this.painter=null},e.prototype.setCursorStyle=function(t){var e=this.proxy;e.setCursor&&e.setCursor(t)},e.prototype.dispatchToElement=function(t,e,n){var i=(t=t||{}).target;if(!i||!i.silent){for(var r="on"+e,o=function(t,e,n){return{type:t,event:n,target:e.target,topTarget:e.topTarget,cancelBubble:!1,offsetX:n.zrX,offsetY:n.zrY,gestureEvent:n.gestureEvent,pinchX:n.pinchX,pinchY:n.pinchY,pinchScale:n.pinchScale,wheelDelta:n.zrDelta,zrByTouch:n.zrByTouch,which:n.which,stop:Be}}(e,t,n);i&&(i[r]&&(o.cancelBubble=!!i[r].call(i,o)),i.trigger(e,o),i=i.__hostTarget?i.__hostTarget:i.parent,!o.cancelBubble););o.cancelBubble||(this.trigger(e,o),this.painter&&this.painter.eachOtherLayer&&this.painter.eachOtherLayer((function(t){"function"==typeof t[r]&&t[r].call(t,o),t.trigger&&t.trigger(e,o)})))}},e.prototype.findHover=function(t,e,n){var i=this.storage.getDisplayList(),r=new Ge(t,e);if(Ue(i,r,t,e,n),this._pointerSize&&!r.target){for(var o=[],a=this._pointerSize,s=a/2,l=new ze(t-s,e-s,a,a),u=i.length-1;u>=0;u--){var h=i[u];h===n||h.ignore||h.ignoreCoarsePointer||h.parent&&h.parent.ignoreCoarsePointer||(He.copy(h.getBoundingRect()),h.transform&&He.applyTransform(h.transform),He.intersect(l)&&o.push(h))}if(o.length)for(var c=Math.PI/12,p=2*Math.PI,d=0;d<s;d+=4)for(var f=0;f<p;f+=c){if(Ue(o,r,t+d*Math.cos(f),e+d*Math.sin(f),n),r.target)return r}}return r},e.prototype.processGesture=function(t,e){this._gestureMgr||(this._gestureMgr=new ge);var n=this._gestureMgr;"start"===e&&n.clear();var i=n.recognize(t,this.findHover(t.zrX,t.zrY,null).target,this.proxy.dom);if("end"===e&&n.clear(),i){var r=i.type;t.gestureEvent=r;var o=new Ge;o.target=i.target,this.dispatchToElement(o,r,i.event)}},e}(jt);function Xe(t,e,n){if(t[t.rectHover?"rectContain":"contain"](e,n)){for(var i=t,r=void 0,o=!1;i;){if(i.ignoreClip&&(o=!0),!o){var a=i.getClipPath();if(a&&!a.contain(e,n))return!1;i.silent&&(r=!0)}var s=i.__hostTarget;i=s||i.parent}return!r||Ve}return!1}function Ue(t,e,n,i,r){for(var o=t.length-1;o>=0;o--){var a=t[o],s=void 0;if(a!==r&&!a.ignore&&(s=Xe(a,n,i))&&(!e.topTarget&&(e.topTarget=a),s!==Ve)){e.target=a;break}}}function Ze(t,e,n){var i=t.painter;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}E(["click","mousedown","mouseup","mousewheel","dblclick","contextmenu"],(function(t){Ye.prototype[t]=function(e){var n,i,r=e.zrX,o=e.zrY,a=Ze(this,r,o);if("mouseup"===t&&a||(i=(n=this.findHover(r,o)).target),"mousedown"===t)this._downEl=i,this._downPoint=[e.zrX,e.zrY],this._upEl=i;else if("mouseup"===t)this._upEl=i;else if("click"===t){if(this._downEl!==this._upEl||!this._downPoint||Vt(this._downPoint,[e.zrX,e.zrY])>4)return;this._downPoint=null}this.dispatchToElement(n,t,e)}}));function je(t,e,n,i){var r=e+1;if(r===n)return 1;if(i(t[r++],t[e])<0){for(;r<n&&i(t[r],t[r-1])<0;)r++;!function(t,e,n){n--;for(;e<n;){var i=t[e];t[e++]=t[n],t[n--]=i}}(t,e,r)}else for(;r<n&&i(t[r],t[r-1])>=0;)r++;return r-e}function qe(t,e,n,i,r){for(i===e&&i++;i<n;i++){for(var o,a=t[i],s=e,l=i;s<l;)r(a,t[o=s+l>>>1])<0?l=o:s=o+1;var u=i-s;switch(u){case 3:t[s+3]=t[s+2];case 2:t[s+2]=t[s+1];case 1:t[s+1]=t[s];break;default:for(;u>0;)t[s+u]=t[s+u-1],u--}t[s]=a}}function Ke(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])>0){for(s=i-r;l<s&&o(t,e[n+r+l])>0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}else{for(s=r+1;l<s&&o(t,e[n+r-l])<=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}for(a++;a<l;){var h=a+(l-a>>>1);o(t,e[n+h])>0?a=h+1:l=h}return l}function $e(t,e,n,i,r,o){var a=0,s=0,l=1;if(o(t,e[n+r])<0){for(s=r+1;l<s&&o(t,e[n+r-l])<0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s);var u=a;a=r-l,l=r-u}else{for(s=i-r;l<s&&o(t,e[n+r+l])>=0;)a=l,(l=1+(l<<1))<=0&&(l=s);l>s&&(l=s),a+=r,l+=r}for(a++;a<l;){var h=a+(l-a>>>1);o(t,e[n+h])<0?l=h:a=h+1}return l}function Je(t,e){var n,i,r=7,o=0;t.length;var a=[];function s(s){var l=n[s],u=i[s],h=n[s+1],c=i[s+1];i[s]=u+c,s===o-3&&(n[s+1]=n[s+2],i[s+1]=i[s+2]),o--;var p=$e(t[h],t,l,u,0,e);l+=p,0!==(u-=p)&&0!==(c=Ke(t[l+u-1],t,h,c,c-1,e))&&(u<=c?function(n,i,o,s){var l=0;for(l=0;l<i;l++)a[l]=t[n+l];var u=0,h=o,c=n;if(t[c++]=t[h++],0==--s){for(l=0;l<i;l++)t[c+l]=a[u+l];return}if(1===i){for(l=0;l<s;l++)t[c+l]=t[h+l];return void(t[c+s]=a[u])}var p,d,f,g=r;for(;;){p=0,d=0,f=!1;do{if(e(t[h],a[u])<0){if(t[c++]=t[h++],d++,p=0,0==--s){f=!0;break}}else if(t[c++]=a[u++],p++,d=0,1==--i){f=!0;break}}while((p|d)<g);if(f)break;do{if(0!==(p=$e(t[h],a,u,i,0,e))){for(l=0;l<p;l++)t[c+l]=a[u+l];if(c+=p,u+=p,(i-=p)<=1){f=!0;break}}if(t[c++]=t[h++],0==--s){f=!0;break}if(0!==(d=Ke(a[u],t,h,s,0,e))){for(l=0;l<d;l++)t[c+l]=t[h+l];if(c+=d,h+=d,0===(s-=d)){f=!0;break}}if(t[c++]=a[u++],1==--i){f=!0;break}g--}while(p>=7||d>=7);if(f)break;g<0&&(g=0),g+=2}if((r=g)<1&&(r=1),1===i){for(l=0;l<s;l++)t[c+l]=t[h+l];t[c+s]=a[u]}else{if(0===i)throw new Error;for(l=0;l<i;l++)t[c+l]=a[u+l]}}(l,u,h,c):function(n,i,o,s){var l=0;for(l=0;l<s;l++)a[l]=t[o+l];var u=n+i-1,h=s-1,c=o+s-1,p=0,d=0;if(t[c--]=t[u--],0==--i){for(p=c-(s-1),l=0;l<s;l++)t[p+l]=a[l];return}if(1===s){for(d=(c-=i)+1,p=(u-=i)+1,l=i-1;l>=0;l--)t[d+l]=t[p+l];return void(t[c]=a[h])}var f=r;for(;;){var g=0,y=0,v=!1;do{if(e(a[h],t[u])<0){if(t[c--]=t[u--],g++,y=0,0==--i){v=!0;break}}else if(t[c--]=a[h--],y++,g=0,1==--s){v=!0;break}}while((g|y)<f);if(v)break;do{if(0!==(g=i-$e(a[h],t,n,i,i-1,e))){for(i-=g,d=(c-=g)+1,p=(u-=g)+1,l=g-1;l>=0;l--)t[d+l]=t[p+l];if(0===i){v=!0;break}}if(t[c--]=a[h--],1==--s){v=!0;break}if(0!==(y=s-Ke(t[u],a,0,s,s-1,e))){for(s-=y,d=(c-=y)+1,p=(h-=y)+1,l=0;l<y;l++)t[d+l]=a[p+l];if(s<=1){v=!0;break}}if(t[c--]=t[u--],0==--i){v=!0;break}f--}while(g>=7||y>=7);if(v)break;f<0&&(f=0),f+=2}(r=f)<1&&(r=1);if(1===s){for(d=(c-=i)+1,p=(u-=i)+1,l=i-1;l>=0;l--)t[d+l]=t[p+l];t[c]=a[h]}else{if(0===s)throw new Error;for(p=c-(s-1),l=0;l<s;l++)t[p+l]=a[l]}}(l,u,h,c))}return n=[],i=[],{mergeRuns:function(){for(;o>1;){var t=o-2;if(t>=1&&i[t-1]<=i[t]+i[t+1]||t>=2&&i[t-2]<=i[t]+i[t-1])i[t-1]<i[t+1]&&t--;else if(i[t]>i[t+1])break;s(t)}},forceMergeRuns:function(){for(;o>1;){var t=o-2;t>0&&i[t-1]<i[t+1]&&t--,s(t)}},pushRun:function(t,e){n[o]=t,i[o]=e,o+=1}}}function Qe(t,e,n,i){n||(n=0),i||(i=t.length);var r=i-n;if(!(r<2)){var o=0;if(r<32)qe(t,n,i,n+(o=je(t,n,i,e)),e);else{var a=Je(t,e),s=function(t){for(var e=0;t>=32;)e|=1&t,t>>=1;return t+e}(r);do{if((o=je(t,n,i,e))<s){var l=r;l>s&&(l=s),qe(t,n,n+l,n+o,e),o=l}a.pushRun(n,o),a.mergeRuns(),r-=o,n+=o}while(0!==r);a.forceMergeRuns()}}}var tn=!1;function en(){tn||(tn=!0,console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors"))}function nn(t,e){return t.zlevel===e.zlevel?t.z===e.z?t.z2-e.z2:t.z-e.z:t.zlevel-e.zlevel}var rn=function(){function t(){this._roots=[],this._displayList=[],this._displayListLen=0,this.displayableSortFunc=nn}return t.prototype.traverse=function(t,e){for(var n=0;n<this._roots.length;n++)this._roots[n].traverse(t,e)},t.prototype.getDisplayList=function(t,e){e=e||!1;var n=this._displayList;return!t&&n.length||this.updateDisplayList(e),n},t.prototype.updateDisplayList=function(t){this._displayListLen=0;for(var e=this._roots,n=this._displayList,i=0,r=e.length;i<r;i++)this._updateAndAddDisplayable(e[i],null,t);n.length=this._displayListLen,Qe(n,nn)},t.prototype._updateAndAddDisplayable=function(t,e,n){if(!t.ignore||n){t.beforeUpdate(),t.update(),t.afterUpdate();var i=t.getClipPath();if(t.ignoreClip)e=null;else if(i){e=e?e.slice():[];for(var r=i,o=t;r;)r.parent=o,r.updateTransform(),e.push(r),o=r,r=r.getClipPath()}if(t.childrenRef){for(var a=t.childrenRef(),s=0;s<a.length;s++){var l=a[s];t.__dirty&&(l.__dirty|=1),this._updateAndAddDisplayable(l,e,n)}t.__dirty=0}else{var u=t;e&&e.length?u.__clipPaths=e:u.__clipPaths&&u.__clipPaths.length>0&&(u.__clipPaths=[]),isNaN(u.z)&&(en(),u.z=0),isNaN(u.z2)&&(en(),u.z2=0),isNaN(u.zlevel)&&(en(),u.zlevel=0),this._displayList[this._displayListLen++]=u}var h=t.getDecalElement&&t.getDecalElement();h&&this._updateAndAddDisplayable(h,e,n);var c=t.getTextGuideLine();c&&this._updateAndAddDisplayable(c,e,n);var p=t.getTextContent();p&&this._updateAndAddDisplayable(p,e,n)}},t.prototype.addRoot=function(t){t.__zr&&t.__zr.storage===this||this._roots.push(t)},t.prototype.delRoot=function(t){if(t instanceof Array)for(var e=0,n=t.length;e<n;e++)this.delRoot(t[e]);else{var i=P(this._roots,t);i>=0&&this._roots.splice(i,1)}},t.prototype.delAllRoots=function(){this._roots=[],this._displayList=[],this._displayListLen=0},t.prototype.getRoots=function(){return this._roots},t.prototype.dispose=function(){this._displayList=null,this._roots=null},t}(),on=r.hasGlobalWindow&&(window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.msRequestAnimationFrame&&window.msRequestAnimationFrame.bind(window)||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,16)},an={linear:function(t){return t},quadraticIn:function(t){return t*t},quadraticOut:function(t){return t*(2-t)},quadraticInOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)},cubicIn:function(t){return t*t*t},cubicOut:function(t){return--t*t*t+1},cubicInOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},quarticIn:function(t){return t*t*t*t},quarticOut:function(t){return 1- --t*t*t*t},quarticInOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},quinticIn:function(t){return t*t*t*t*t},quinticOut:function(t){return--t*t*t*t*t+1},quinticInOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},sinusoidalIn:function(t){return 1-Math.cos(t*Math.PI/2)},sinusoidalOut:function(t){return Math.sin(t*Math.PI/2)},sinusoidalInOut:function(t){return.5*(1-Math.cos(Math.PI*t))},exponentialIn:function(t){return 0===t?0:Math.pow(1024,t-1)},exponentialOut:function(t){return 1===t?1:1-Math.pow(2,-10*t)},exponentialInOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))},circularIn:function(t){return 1-Math.sqrt(1-t*t)},circularOut:function(t){return Math.sqrt(1- --t*t)},circularInOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},elasticIn:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),-n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},elasticOut:function(t){var e,n=.1;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=.4*Math.asin(1/n)/(2*Math.PI),n*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},elasticInOut:function(t){var e,n=.1,i=.4;return 0===t?0:1===t?1:(!n||n<1?(n=1,e=.1):e=i*Math.asin(1/n)/(2*Math.PI),(t*=2)<1?n*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*-.5:n*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/i)*.5+1)},backIn:function(t){var e=1.70158;return t*t*((e+1)*t-e)},backOut:function(t){var e=1.70158;return--t*t*((e+1)*t+e)+1},backInOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)},bounceIn:function(t){return 1-an.bounceOut(1-t)},bounceOut:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bounceInOut:function(t){return t<.5?.5*an.bounceIn(2*t):.5*an.bounceOut(2*t-1)+.5}},sn=Math.pow,ln=Math.sqrt,un=1e-8,hn=1e-4,cn=ln(3),pn=1/3,dn=Mt(),fn=Mt(),gn=Mt();function yn(t){return t>-1e-8&&t<un}function vn(t){return t>un||t<-1e-8}function mn(t,e,n,i,r){var o=1-r;return o*o*(o*t+3*r*e)+r*r*(r*i+3*o*n)}function xn(t,e,n,i,r){var o=1-r;return 3*(((e-t)*o+2*(n-e)*r)*o+(i-n)*r*r)}function _n(t,e,n,i,r,o){var a=i+3*(e-n)-t,s=3*(n-2*e+t),l=3*(e-t),u=t-r,h=s*s-3*a*l,c=s*l-9*a*u,p=l*l-3*s*u,d=0;if(yn(h)&&yn(c)){if(yn(s))o[0]=0;else(M=-l/s)>=0&&M<=1&&(o[d++]=M)}else{var f=c*c-4*h*p;if(yn(f)){var g=c/h,y=-g/2;(M=-s/a+g)>=0&&M<=1&&(o[d++]=M),y>=0&&y<=1&&(o[d++]=y)}else if(f>0){var v=ln(f),m=h*s+1.5*a*(-c+v),x=h*s+1.5*a*(-c-v);(M=(-s-((m=m<0?-sn(-m,pn):sn(m,pn))+(x=x<0?-sn(-x,pn):sn(x,pn))))/(3*a))>=0&&M<=1&&(o[d++]=M)}else{var _=(2*h*s-3*a*c)/(2*ln(h*h*h)),b=Math.acos(_)/3,w=ln(h),S=Math.cos(b),M=(-s-2*w*S)/(3*a),I=(y=(-s+w*(S+cn*Math.sin(b)))/(3*a),(-s+w*(S-cn*Math.sin(b)))/(3*a));M>=0&&M<=1&&(o[d++]=M),y>=0&&y<=1&&(o[d++]=y),I>=0&&I<=1&&(o[d++]=I)}}return d}function bn(t,e,n,i,r){var o=6*n-12*e+6*t,a=9*e+3*i-3*t-9*n,s=3*e-3*t,l=0;if(yn(a)){if(vn(o))(h=-s/o)>=0&&h<=1&&(r[l++]=h)}else{var u=o*o-4*a*s;if(yn(u))r[0]=-o/(2*a);else if(u>0){var h,c=ln(u),p=(-o-c)/(2*a);(h=(-o+c)/(2*a))>=0&&h<=1&&(r[l++]=h),p>=0&&p<=1&&(r[l++]=p)}}return l}function wn(t,e,n,i,r,o){var a=(e-t)*r+t,s=(n-e)*r+e,l=(i-n)*r+n,u=(s-a)*r+a,h=(l-s)*r+s,c=(h-u)*r+u;o[0]=t,o[1]=a,o[2]=u,o[3]=c,o[4]=c,o[5]=h,o[6]=l,o[7]=i}function Sn(t,e,n,i,r,o,a,s,l,u,h){var c,p,d,f,g,y=.005,v=1/0;dn[0]=l,dn[1]=u;for(var m=0;m<1;m+=.05)fn[0]=mn(t,n,r,a,m),fn[1]=mn(e,i,o,s,m),(f=Ft(dn,fn))<v&&(c=m,v=f);v=1/0;for(var x=0;x<32&&!(y<hn);x++)p=c-y,d=c+y,fn[0]=mn(t,n,r,a,p),fn[1]=mn(e,i,o,s,p),f=Ft(fn,dn),p>=0&&f<v?(c=p,v=f):(gn[0]=mn(t,n,r,a,d),gn[1]=mn(e,i,o,s,d),g=Ft(gn,dn),d<=1&&g<v?(c=d,v=g):y*=.5);return h&&(h[0]=mn(t,n,r,a,c),h[1]=mn(e,i,o,s,c)),ln(v)}function Mn(t,e,n,i,r,o,a,s,l){for(var u=t,h=e,c=0,p=1/l,d=1;d<=l;d++){var f=d*p,g=mn(t,n,r,a,f),y=mn(e,i,o,s,f),v=g-u,m=y-h;c+=Math.sqrt(v*v+m*m),u=g,h=y}return c}function In(t,e,n,i){var r=1-i;return r*(r*t+2*i*e)+i*i*n}function Tn(t,e,n,i){return 2*((1-i)*(e-t)+i*(n-e))}function Cn(t,e,n){var i=t+n-2*e;return 0===i?.5:(t-e)/i}function Dn(t,e,n,i,r){var o=(e-t)*i+t,a=(n-e)*i+e,s=(a-o)*i+o;r[0]=t,r[1]=o,r[2]=s,r[3]=s,r[4]=a,r[5]=n}function An(t,e,n,i,r,o,a,s,l){var u,h=.005,c=1/0;dn[0]=a,dn[1]=s;for(var p=0;p<1;p+=.05){fn[0]=In(t,n,r,p),fn[1]=In(e,i,o,p),(y=Ft(dn,fn))<c&&(u=p,c=y)}c=1/0;for(var d=0;d<32&&!(h<hn);d++){var f=u-h,g=u+h;fn[0]=In(t,n,r,f),fn[1]=In(e,i,o,f);var y=Ft(fn,dn);if(f>=0&&y<c)u=f,c=y;else{gn[0]=In(t,n,r,g),gn[1]=In(e,i,o,g);var v=Ft(gn,dn);g<=1&&v<c?(u=g,c=v):h*=.5}}return l&&(l[0]=In(t,n,r,u),l[1]=In(e,i,o,u)),ln(c)}function kn(t,e,n,i,r,o,a){for(var s=t,l=e,u=0,h=1/a,c=1;c<=a;c++){var p=c*h,d=In(t,n,r,p),f=In(e,i,o,p),g=d-s,y=f-l;u+=Math.sqrt(g*g+y*y),s=d,l=f}return u}var Ln=/cubic-bezier\(([0-9,\.e ]+)\)/;function Pn(t){var e=t&&Ln.exec(t);if(e){var n=e[1].split(","),i=+ut(n[0]),r=+ut(n[1]),o=+ut(n[2]),a=+ut(n[3]);if(isNaN(i+r+o+a))return;var s=[];return function(t){return t<=0?0:t>=1?1:_n(0,i,o,1,t,s)&&mn(0,r,a,1,s[0])}}}var On=function(){function t(t){this._inited=!1,this._startTime=0,this._pausedTime=0,this._paused=!1,this._life=t.life||1e3,this._delay=t.delay||0,this.loop=t.loop||!1,this.onframe=t.onframe||bt,this.ondestroy=t.ondestroy||bt,this.onrestart=t.onrestart||bt,t.easing&&this.setEasing(t.easing)}return t.prototype.step=function(t,e){if(this._inited||(this._startTime=t+this._delay,this._inited=!0),!this._paused){var n=this._life,i=t-this._startTime-this._pausedTime,r=i/n;r<0&&(r=0),r=Math.min(r,1);var o=this.easingFunc,a=o?o(r):r;if(this.onframe(a),1===r){if(!this.loop)return!0;var s=i%n;this._startTime=t-s,this._pausedTime=0,this.onrestart()}return!1}this._pausedTime+=e},t.prototype.pause=function(){this._paused=!0},t.prototype.resume=function(){this._paused=!1},t.prototype.setEasing=function(t){this.easing=t,this.easingFunc=X(t)?t:an[t]||Pn(t)},t}(),Rn=function(t){this.value=t},Nn=function(){function t(){this._len=0}return t.prototype.insert=function(t){var e=new Rn(t);return this.insertEntry(e),e},t.prototype.insertEntry=function(t){this.head?(this.tail.next=t,t.prev=this.tail,t.next=null,this.tail=t):this.head=this.tail=t,this._len++},t.prototype.remove=function(t){var e=t.prev,n=t.next;e?e.next=n:this.head=n,n?n.prev=e:this.tail=e,t.next=t.prev=null,this._len--},t.prototype.len=function(){return this._len},t.prototype.clear=function(){this.head=this.tail=null,this._len=0},t}(),En=function(){function t(t){this._list=new Nn,this._maxSize=10,this._map={},this._maxSize=t}return t.prototype.put=function(t,e){var n=this._list,i=this._map,r=null;if(null==i[t]){var o=n.len(),a=this._lastRemovedEntry;if(o>=this._maxSize&&o>0){var s=n.head;n.remove(s),delete i[s.key],r=s.value,this._lastRemovedEntry=s}a?a.value=e:a=new Rn(e),a.key=t,n.insertEntry(a),i[t]=a}return r},t.prototype.get=function(t){var e=this._map[t],n=this._list;if(null!=e)return e!==n.tail&&(n.remove(e),n.insertEntry(e)),e.value},t.prototype.clear=function(){this._list.clear(),this._map={}},t.prototype.len=function(){return this._list.len()},t}(),zn={transparent:[0,0,0,0],aliceblue:[240,248,255,1],antiquewhite:[250,235,215,1],aqua:[0,255,255,1],aquamarine:[127,255,212,1],azure:[240,255,255,1],beige:[245,245,220,1],bisque:[255,228,196,1],black:[0,0,0,1],blanchedalmond:[255,235,205,1],blue:[0,0,255,1],blueviolet:[138,43,226,1],brown:[165,42,42,1],burlywood:[222,184,135,1],cadetblue:[95,158,160,1],chartreuse:[127,255,0,1],chocolate:[210,105,30,1],coral:[255,127,80,1],cornflowerblue:[100,149,237,1],cornsilk:[255,248,220,1],crimson:[220,20,60,1],cyan:[0,255,255,1],darkblue:[0,0,139,1],darkcyan:[0,139,139,1],darkgoldenrod:[184,134,11,1],darkgray:[169,169,169,1],darkgreen:[0,100,0,1],darkgrey:[169,169,169,1],darkkhaki:[189,183,107,1],darkmagenta:[139,0,139,1],darkolivegreen:[85,107,47,1],darkorange:[255,140,0,1],darkorchid:[153,50,204,1],darkred:[139,0,0,1],darksalmon:[233,150,122,1],darkseagreen:[143,188,143,1],darkslateblue:[72,61,139,1],darkslategray:[47,79,79,1],darkslategrey:[47,79,79,1],darkturquoise:[0,206,209,1],darkviolet:[148,0,211,1],deeppink:[255,20,147,1],deepskyblue:[0,191,255,1],dimgray:[105,105,105,1],dimgrey:[105,105,105,1],dodgerblue:[30,144,255,1],firebrick:[178,34,34,1],floralwhite:[255,250,240,1],forestgreen:[34,139,34,1],fuchsia:[255,0,255,1],gainsboro:[220,220,220,1],ghostwhite:[248,248,255,1],gold:[255,215,0,1],goldenrod:[218,165,32,1],gray:[128,128,128,1],green:[0,128,0,1],greenyellow:[173,255,47,1],grey:[128,128,128,1],honeydew:[240,255,240,1],hotpink:[255,105,180,1],indianred:[205,92,92,1],indigo:[75,0,130,1],ivory:[255,255,240,1],khaki:[240,230,140,1],lavender:[230,230,250,1],lavenderblush:[255,240,245,1],lawngreen:[124,252,0,1],lemonchiffon:[255,250,205,1],lightblue:[173,216,230,1],lightcoral:[240,128,128,1],lightcyan:[224,255,255,1],lightgoldenrodyellow:[250,250,210,1],lightgray:[211,211,211,1],lightgreen:[144,238,144,1],lightgrey:[211,211,211,1],lightpink:[255,182,193,1],lightsalmon:[255,160,122,1],lightseagreen:[32,178,170,1],lightskyblue:[135,206,250,1],lightslategray:[119,136,153,1],lightslategrey:[119,136,153,1],lightsteelblue:[176,196,222,1],lightyellow:[255,255,224,1],lime:[0,255,0,1],limegreen:[50,205,50,1],linen:[250,240,230,1],magenta:[255,0,255,1],maroon:[128,0,0,1],mediumaquamarine:[102,205,170,1],mediumblue:[0,0,205,1],mediumorchid:[186,85,211,1],mediumpurple:[147,112,219,1],mediumseagreen:[60,179,113,1],mediumslateblue:[123,104,238,1],mediumspringgreen:[0,250,154,1],mediumturquoise:[72,209,204,1],mediumvioletred:[199,21,133,1],midnightblue:[25,25,112,1],mintcream:[245,255,250,1],mistyrose:[255,228,225,1],moccasin:[255,228,181,1],navajowhite:[255,222,173,1],navy:[0,0,128,1],oldlace:[253,245,230,1],olive:[128,128,0,1],olivedrab:[107,142,35,1],orange:[255,165,0,1],orangered:[255,69,0,1],orchid:[218,112,214,1],palegoldenrod:[238,232,170,1],palegreen:[152,251,152,1],paleturquoise:[175,238,238,1],palevioletred:[219,112,147,1],papayawhip:[255,239,213,1],peachpuff:[255,218,185,1],peru:[205,133,63,1],pink:[255,192,203,1],plum:[221,160,221,1],powderblue:[176,224,230,1],purple:[128,0,128,1],red:[255,0,0,1],rosybrown:[188,143,143,1],royalblue:[65,105,225,1],saddlebrown:[139,69,19,1],salmon:[250,128,114,1],sandybrown:[244,164,96,1],seagreen:[46,139,87,1],seashell:[255,245,238,1],sienna:[160,82,45,1],silver:[192,192,192,1],skyblue:[135,206,235,1],slateblue:[106,90,205,1],slategray:[112,128,144,1],slategrey:[112,128,144,1],snow:[255,250,250,1],springgreen:[0,255,127,1],steelblue:[70,130,180,1],tan:[210,180,140,1],teal:[0,128,128,1],thistle:[216,191,216,1],tomato:[255,99,71,1],turquoise:[64,224,208,1],violet:[238,130,238,1],wheat:[245,222,179,1],white:[255,255,255,1],whitesmoke:[245,245,245,1],yellow:[255,255,0,1],yellowgreen:[154,205,50,1]};function Vn(t){return(t=Math.round(t))<0?0:t>255?255:t}function Bn(t){return t<0?0:t>1?1:t}function Fn(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?Vn(parseFloat(e)/100*255):Vn(parseInt(e,10))}function Gn(t){var e=t;return e.length&&"%"===e.charAt(e.length-1)?Bn(parseFloat(e)/100):Bn(parseFloat(e))}function Wn(t,e,n){return n<0?n+=1:n>1&&(n-=1),6*n<1?t+(e-t)*n*6:2*n<1?e:3*n<2?t+(e-t)*(2/3-n)*6:t}function Hn(t,e,n){return t+(e-t)*n}function Yn(t,e,n,i,r){return t[0]=e,t[1]=n,t[2]=i,t[3]=r,t}function Xn(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t}var Un=new En(20),Zn=null;function jn(t,e){Zn&&Xn(Zn,e),Zn=Un.put(t,Zn||e.slice())}function qn(t,e){if(t){e=e||[];var n=Un.get(t);if(n)return Xn(e,n);var i=(t+="").replace(/ /g,"").toLowerCase();if(i in zn)return Xn(e,zn[i]),jn(t,e),e;var r,o=i.length;if("#"===i.charAt(0))return 4===o||5===o?(r=parseInt(i.slice(1,4),16))>=0&&r<=4095?(Yn(e,(3840&r)>>4|(3840&r)>>8,240&r|(240&r)>>4,15&r|(15&r)<<4,5===o?parseInt(i.slice(4),16)/15:1),jn(t,e),e):void Yn(e,0,0,0,1):7===o||9===o?(r=parseInt(i.slice(1,7),16))>=0&&r<=16777215?(Yn(e,(16711680&r)>>16,(65280&r)>>8,255&r,9===o?parseInt(i.slice(7),16)/255:1),jn(t,e),e):void Yn(e,0,0,0,1):void 0;var a=i.indexOf("("),s=i.indexOf(")");if(-1!==a&&s+1===o){var l=i.substr(0,a),u=i.substr(a+1,s-(a+1)).split(","),h=1;switch(l){case"rgba":if(4!==u.length)return 3===u.length?Yn(e,+u[0],+u[1],+u[2],1):Yn(e,0,0,0,1);h=Gn(u.pop());case"rgb":return u.length>=3?(Yn(e,Fn(u[0]),Fn(u[1]),Fn(u[2]),3===u.length?h:Gn(u[3])),jn(t,e),e):void Yn(e,0,0,0,1);case"hsla":return 4!==u.length?void Yn(e,0,0,0,1):(u[3]=Gn(u[3]),Kn(u,e),jn(t,e),e);case"hsl":return 3!==u.length?void Yn(e,0,0,0,1):(Kn(u,e),jn(t,e),e);default:return}}Yn(e,0,0,0,1)}}function Kn(t,e){var n=(parseFloat(t[0])%360+360)%360/360,i=Gn(t[1]),r=Gn(t[2]),o=r<=.5?r*(i+1):r+i-r*i,a=2*r-o;return Yn(e=e||[],Vn(255*Wn(a,o,n+1/3)),Vn(255*Wn(a,o,n)),Vn(255*Wn(a,o,n-1/3)),1),4===t.length&&(e[3]=t[3]),e}function $n(t,e){var n=qn(t);if(n){for(var i=0;i<3;i++)n[i]=e<0?n[i]*(1-e)|0:(255-n[i])*e+n[i]|0,n[i]>255?n[i]=255:n[i]<0&&(n[i]=0);return ri(n,4===n.length?"rgba":"rgb")}}function Jn(t,e,n){if(e&&e.length&&t>=0&&t<=1){n=n||[];var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=e[r],s=e[o],l=i-r;return n[0]=Vn(Hn(a[0],s[0],l)),n[1]=Vn(Hn(a[1],s[1],l)),n[2]=Vn(Hn(a[2],s[2],l)),n[3]=Bn(Hn(a[3],s[3],l)),n}}var Qn=Jn;function ti(t,e,n){if(e&&e.length&&t>=0&&t<=1){var i=t*(e.length-1),r=Math.floor(i),o=Math.ceil(i),a=qn(e[r]),s=qn(e[o]),l=i-r,u=ri([Vn(Hn(a[0],s[0],l)),Vn(Hn(a[1],s[1],l)),Vn(Hn(a[2],s[2],l)),Bn(Hn(a[3],s[3],l))],"rgba");return n?{color:u,leftIndex:r,rightIndex:o,value:i}:u}}var ei=ti;function ni(t,e,n,i){var r=qn(t);if(t)return r=function(t){if(t){var e,n,i=t[0]/255,r=t[1]/255,o=t[2]/255,a=Math.min(i,r,o),s=Math.max(i,r,o),l=s-a,u=(s+a)/2;if(0===l)e=0,n=0;else{n=u<.5?l/(s+a):l/(2-s-a);var h=((s-i)/6+l/2)/l,c=((s-r)/6+l/2)/l,p=((s-o)/6+l/2)/l;i===s?e=p-c:r===s?e=1/3+h-p:o===s&&(e=2/3+c-h),e<0&&(e+=1),e>1&&(e-=1)}var d=[360*e,n,u];return null!=t[3]&&d.push(t[3]),d}}(r),null!=e&&(r[0]=function(t){return(t=Math.round(t))<0?0:t>360?360:t}(e)),null!=n&&(r[1]=Gn(n)),null!=i&&(r[2]=Gn(i)),ri(Kn(r),"rgba")}function ii(t,e){var n=qn(t);if(n&&null!=e)return n[3]=Bn(e),ri(n,"rgba")}function ri(t,e){if(t&&t.length){var n=t[0]+","+t[1]+","+t[2];return"rgba"!==e&&"hsva"!==e&&"hsla"!==e||(n+=","+t[3]),e+"("+n+")"}}function oi(t,e){var n=qn(t);return n?(.299*n[0]+.587*n[1]+.114*n[2])*n[3]/255+(1-n[3])*e:0}var ai=Object.freeze({__proto__:null,parse:qn,lift:$n,toHex:function(t){var e=qn(t);if(e)return((1<<24)+(e[0]<<16)+(e[1]<<8)+ +e[2]).toString(16).slice(1)},fastLerp:Jn,fastMapToColor:Qn,lerp:ti,mapToColor:ei,modifyHSL:ni,modifyAlpha:ii,stringify:ri,lum:oi,random:function(){return ri([Math.round(255*Math.random()),Math.round(255*Math.random()),Math.round(255*Math.random())],"rgb")}}),si=Math.round;function li(t){var e;if(t&&"transparent"!==t){if("string"==typeof t&&t.indexOf("rgba")>-1){var n=qn(t);n&&(t="rgb("+n[0]+","+n[1]+","+n[2]+")",e=n[3])}}else t="none";return{color:t,opacity:null==e?1:e}}var ui=1e-4;function hi(t){return t<ui&&t>-1e-4}function ci(t){return si(1e3*t)/1e3}function pi(t){return si(1e4*t)/1e4}var di={left:"start",right:"end",center:"middle",middle:"middle"};function fi(t){return t&&!!t.image}function gi(t){return fi(t)||function(t){return t&&!!t.svgElement}(t)}function yi(t){return"linear"===t.type}function vi(t){return"radial"===t.type}function mi(t){return t&&("linear"===t.type||"radial"===t.type)}function xi(t){return"url(#"+t+")"}function _i(t){var e=t.getGlobalScale(),n=Math.max(e[0],e[1]);return Math.max(Math.ceil(Math.log(n)/Math.log(10)),1)}function bi(t){var e=t.x||0,n=t.y||0,i=(t.rotation||0)*wt,r=rt(t.scaleX,1),o=rt(t.scaleY,1),a=t.skewX||0,s=t.skewY||0,l=[];return(e||n)&&l.push("translate("+e+"px,"+n+"px)"),i&&l.push("rotate("+i+")"),1===r&&1===o||l.push("scale("+r+","+o+")"),(a||s)&&l.push("skew("+si(a*wt)+"deg, "+si(s*wt)+"deg)"),l.join(" ")}var wi=r.hasGlobalWindow&&X(window.btoa)?function(t){return window.btoa(unescape(encodeURIComponent(t)))}:"undefined"!=typeof Buffer?function(t){return Buffer.from(t).toString("base64")}:function(t){return null},Si=Array.prototype.slice;function Mi(t,e,n){return(e-t)*n+t}function Ii(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=Mi(e[o],n[o],i);return t}function Ti(t,e,n,i){for(var r=e.length,o=0;o<r;o++)t[o]=e[o]+n[o]*i;return t}function Ci(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=e[a][s]+n[a][s]*i}return t}function Di(t,e){for(var n=t.length,i=e.length,r=n>i?e:t,o=Math.min(n,i),a=r[o-1]||{color:[0,0,0,0],offset:0},s=o;s<Math.max(n,i);s++)r.push({offset:a.offset,color:a.color.slice()})}function Ai(t,e,n){var i=t,r=e;if(i.push&&r.push){var o=i.length,a=r.length;if(o!==a)if(o>a)i.length=a;else for(var s=o;s<a;s++)i.push(1===n?r[s]:Si.call(r[s]));var l=i[0]&&i[0].length;for(s=0;s<i.length;s++)if(1===n)isNaN(i[s])&&(i[s]=r[s]);else for(var u=0;u<l;u++)isNaN(i[s][u])&&(i[s][u]=r[s][u])}}function ki(t){if(N(t)){var e=t.length;if(N(t[0])){for(var n=[],i=0;i<e;i++)n.push(Si.call(t[i]));return n}return Si.call(t)}return t}function Li(t){return t[0]=Math.floor(t[0])||0,t[1]=Math.floor(t[1])||0,t[2]=Math.floor(t[2])||0,t[3]=null==t[3]?1:t[3],"rgba("+t.join(",")+")"}function Pi(t){return 4===t||5===t}function Oi(t){return 1===t||2===t}var Ri=[0,0,0,0],Ni=function(){function t(t){this.keyframes=[],this.discrete=!1,this._invalid=!1,this._needsSort=!1,this._lastFr=0,this._lastFrP=0,this.propName=t}return t.prototype.isFinished=function(){return this._finished},t.prototype.setFinished=function(){this._finished=!0,this._additiveTrack&&this._additiveTrack.setFinished()},t.prototype.needsAnimate=function(){return this.keyframes.length>=1},t.prototype.getAdditiveTrack=function(){return this._additiveTrack},t.prototype.addKeyframe=function(t,e,n){this._needsSort=!0;var i=this.keyframes,r=i.length,o=!1,a=6,s=e;if(N(e)){var l=function(t){return N(t&&t[0])?2:1}(e);a=l,(1===l&&!j(e[0])||2===l&&!j(e[0][0]))&&(o=!0)}else if(j(e)&&!nt(e))a=0;else if(U(e))if(isNaN(+e)){var u=qn(e);u&&(s=u,a=3)}else a=0;else if(Q(e)){var h=A({},s);h.colorStops=z(e.colorStops,(function(t){return{offset:t.offset,color:qn(t.color)}})),yi(e)?a=4:vi(e)&&(a=5),s=h}0===r?this.valType=a:a===this.valType&&6!==a||(o=!0),this.discrete=this.discrete||o;var c={time:t,value:s,rawValue:e,percent:0};return n&&(c.easing=n,c.easingFunc=X(n)?n:an[n]||Pn(n)),i.push(c),c},t.prototype.prepare=function(t,e){var n=this.keyframes;this._needsSort&&n.sort((function(t,e){return t.time-e.time}));for(var i=this.valType,r=n.length,o=n[r-1],a=this.discrete,s=Oi(i),l=Pi(i),u=0;u<r;u++){var h=n[u],c=h.value,p=o.value;h.percent=h.time/t,a||(s&&u!==r-1?Ai(c,p,i):l&&Di(c.colorStops,p.colorStops))}if(!a&&5!==i&&e&&this.needsAnimate()&&e.needsAnimate()&&i===e.valType&&!e._finished){this._additiveTrack=e;var d=n[0].value;for(u=0;u<r;u++)0===i?n[u].additiveValue=n[u].value-d:3===i?n[u].additiveValue=Ti([],n[u].value,d,-1):Oi(i)&&(n[u].additiveValue=1===i?Ti([],n[u].value,d,-1):Ci([],n[u].value,d,-1))}},t.prototype.step=function(t,e){if(!this._finished){this._additiveTrack&&this._additiveTrack._finished&&(this._additiveTrack=null);var n,i,r,o=null!=this._additiveTrack,a=o?"additiveValue":"value",s=this.valType,l=this.keyframes,u=l.length,h=this.propName,c=3===s,p=this._lastFr,d=Math.min;if(1===u)i=r=l[0];else{if(e<0)n=0;else if(e<this._lastFrP){for(n=d(p+1,u-1);n>=0&&!(l[n].percent<=e);n--);n=d(n,u-2)}else{for(n=p;n<u&&!(l[n].percent>e);n++);n=d(n-1,u-2)}r=l[n+1],i=l[n]}if(i&&r){this._lastFr=n,this._lastFrP=e;var f=r.percent-i.percent,g=0===f?1:d((e-i.percent)/f,1);r.easingFunc&&(g=r.easingFunc(g));var y=o?this._additiveValue:c?Ri:t[h];if(!Oi(s)&&!c||y||(y=this._additiveValue=[]),this.discrete)t[h]=g<1?i.rawValue:r.rawValue;else if(Oi(s))1===s?Ii(y,i[a],r[a],g):function(t,e,n,i){for(var r=e.length,o=r&&e[0].length,a=0;a<r;a++){t[a]||(t[a]=[]);for(var s=0;s<o;s++)t[a][s]=Mi(e[a][s],n[a][s],i)}}(y,i[a],r[a],g);else if(Pi(s)){var v=i[a],m=r[a],x=4===s;t[h]={type:x?"linear":"radial",x:Mi(v.x,m.x,g),y:Mi(v.y,m.y,g),colorStops:z(v.colorStops,(function(t,e){var n=m.colorStops[e];return{offset:Mi(t.offset,n.offset,g),color:Li(Ii([],t.color,n.color,g))}})),global:m.global},x?(t[h].x2=Mi(v.x2,m.x2,g),t[h].y2=Mi(v.y2,m.y2,g)):t[h].r=Mi(v.r,m.r,g)}else if(c)Ii(y,i[a],r[a],g),o||(t[h]=Li(y));else{var _=Mi(i[a],r[a],g);o?this._additiveValue=_:t[h]=_}o&&this._addToTarget(t)}}},t.prototype._addToTarget=function(t){var e=this.valType,n=this.propName,i=this._additiveValue;0===e?t[n]=t[n]+i:3===e?(qn(t[n],Ri),Ti(Ri,Ri,i,1),t[n]=Li(Ri)):1===e?Ti(t[n],t[n],i,1):2===e&&Ci(t[n],t[n],i,1)},t}(),Ei=function(){function t(t,e,n,i){this._tracks={},this._trackKeys=[],this._maxTime=0,this._started=0,this._clip=null,this._target=t,this._loop=e,e&&i?I("Can' use additive animation on looped animation."):(this._additiveAnimators=i,this._allowDiscrete=n)}return t.prototype.getMaxTime=function(){return this._maxTime},t.prototype.getDelay=function(){return this._delay},t.prototype.getLoop=function(){return this._loop},t.prototype.getTarget=function(){return this._target},t.prototype.changeTarget=function(t){this._target=t},t.prototype.when=function(t,e,n){return this.whenWithKeys(t,e,G(e),n)},t.prototype.whenWithKeys=function(t,e,n,i){for(var r=this._tracks,o=0;o<n.length;o++){var a=n[o],s=r[a];if(!s){s=r[a]=new Ni(a);var l=void 0,u=this._getAdditiveTrack(a);if(u){var h=u.keyframes,c=h[h.length-1];l=c&&c.value,3===u.valType&&l&&(l=Li(l))}else l=this._target[a];if(null==l)continue;t>0&&s.addKeyframe(0,ki(l),i),this._trackKeys.push(a)}s.addKeyframe(t,ki(e[a]),i)}return this._maxTime=Math.max(this._maxTime,t),this},t.prototype.pause=function(){this._clip.pause(),this._paused=!0},t.prototype.resume=function(){this._clip.resume(),this._paused=!1},t.prototype.isPaused=function(){return!!this._paused},t.prototype.duration=function(t){return this._maxTime=t,this._force=!0,this},t.prototype._doneCallback=function(){this._setTracksFinished(),this._clip=null;var t=this._doneCbs;if(t)for(var e=t.length,n=0;n<e;n++)t[n].call(this)},t.prototype._abortedCallback=function(){this._setTracksFinished();var t=this.animation,e=this._abortedCbs;if(t&&t.removeClip(this._clip),this._clip=null,e)for(var n=0;n<e.length;n++)e[n].call(this)},t.prototype._setTracksFinished=function(){for(var t=this._tracks,e=this._trackKeys,n=0;n<e.length;n++)t[e[n]].setFinished()},t.prototype._getAdditiveTrack=function(t){var e,n=this._additiveAnimators;if(n)for(var i=0;i<n.length;i++){var r=n[i].getTrack(t);r&&(e=r)}return e},t.prototype.start=function(t){if(!(this._started>0)){this._started=1;for(var e=this,n=[],i=this._maxTime||0,r=0;r<this._trackKeys.length;r++){var o=this._trackKeys[r],a=this._tracks[o],s=this._getAdditiveTrack(o),l=a.keyframes,u=l.length;if(a.prepare(i,s),a.needsAnimate())if(!this._allowDiscrete&&a.discrete){var h=l[u-1];h&&(e._target[a.propName]=h.rawValue),a.setFinished()}else n.push(a)}if(n.length||this._force){var c=new On({life:i,loop:this._loop,delay:this._delay||0,onframe:function(t){e._started=2;var i=e._additiveAnimators;if(i){for(var r=!1,o=0;o<i.length;o++)if(i[o]._clip){r=!0;break}r||(e._additiveAnimators=null)}for(o=0;o<n.length;o++)n[o].step(e._target,t);var a=e._onframeCbs;if(a)for(o=0;o<a.length;o++)a[o](e._target,t)},ondestroy:function(){e._doneCallback()}});this._clip=c,this.animation&&this.animation.addClip(c),t&&c.setEasing(t)}else this._doneCallback();return this}},t.prototype.stop=function(t){if(this._clip){var e=this._clip;t&&e.onframe(1),this._abortedCallback()}},t.prototype.delay=function(t){return this._delay=t,this},t.prototype.during=function(t){return t&&(this._onframeCbs||(this._onframeCbs=[]),this._onframeCbs.push(t)),this},t.prototype.done=function(t){return t&&(this._doneCbs||(this._doneCbs=[]),this._doneCbs.push(t)),this},t.prototype.aborted=function(t){return t&&(this._abortedCbs||(this._abortedCbs=[]),this._abortedCbs.push(t)),this},t.prototype.getClip=function(){return this._clip},t.prototype.getTrack=function(t){return this._tracks[t]},t.prototype.getTracks=function(){var t=this;return z(this._trackKeys,(function(e){return t._tracks[e]}))},t.prototype.stopTracks=function(t,e){if(!t.length||!this._clip)return!0;for(var n=this._tracks,i=this._trackKeys,r=0;r<t.length;r++){var o=n[t[r]];o&&!o.isFinished()&&(e?o.step(this._target,1):1===this._started&&o.step(this._target,0),o.setFinished())}var a=!0;for(r=0;r<i.length;r++)if(!n[i[r]].isFinished()){a=!1;break}return a&&this._abortedCallback(),a},t.prototype.saveTo=function(t,e,n){if(t){e=e||this._trackKeys;for(var i=0;i<e.length;i++){var r=e[i],o=this._tracks[r];if(o&&!o.isFinished()){var a=o.keyframes,s=a[n?0:a.length-1];s&&(t[r]=ki(s.rawValue))}}}},t.prototype.__changeFinalValue=function(t,e){e=e||G(t);for(var n=0;n<e.length;n++){var i=e[n],r=this._tracks[i];if(r){var o=r.keyframes;if(o.length>1){var a=o.pop();r.addKeyframe(a.time,t[i]),r.prepare(this._maxTime,r.getAdditiveTrack())}}}},t}();function zi(){return(new Date).getTime()}var Vi,Bi,Fi=function(t){function e(e){var n=t.call(this)||this;return n._running=!1,n._time=0,n._pausedTime=0,n._pauseStart=0,n._paused=!1,e=e||{},n.stage=e.stage||{},n}return n(e,t),e.prototype.addClip=function(t){t.animation&&this.removeClip(t),this._head?(this._tail.next=t,t.prev=this._tail,t.next=null,this._tail=t):this._head=this._tail=t,t.animation=this},e.prototype.addAnimator=function(t){t.animation=this;var e=t.getClip();e&&this.addClip(e)},e.prototype.removeClip=function(t){if(t.animation){var e=t.prev,n=t.next;e?e.next=n:this._head=n,n?n.prev=e:this._tail=e,t.next=t.prev=t.animation=null}},e.prototype.removeAnimator=function(t){var e=t.getClip();e&&this.removeClip(e),t.animation=null},e.prototype.update=function(t){for(var e=zi()-this._pausedTime,n=e-this._time,i=this._head;i;){var r=i.next;i.step(e,n)?(i.ondestroy(),this.removeClip(i),i=r):i=r}this._time=e,t||(this.trigger("frame",n),this.stage.update&&this.stage.update())},e.prototype._startLoop=function(){var t=this;this._running=!0,on((function e(){t._running&&(on(e),!t._paused&&t.update())}))},e.prototype.start=function(){this._running||(this._time=zi(),this._pausedTime=0,this._startLoop())},e.prototype.stop=function(){this._running=!1},e.prototype.pause=function(){this._paused||(this._pauseStart=zi(),this._paused=!0)},e.prototype.resume=function(){this._paused&&(this._pausedTime+=zi()-this._pauseStart,this._paused=!1)},e.prototype.clear=function(){for(var t=this._head;t;){var e=t.next;t.prev=t.next=t.animation=null,t=e}this._head=this._tail=null},e.prototype.isFinished=function(){return null==this._head},e.prototype.animate=function(t,e){e=e||{},this.start();var n=new Ei(t,e.loop);return this.addAnimator(n),n},e}(jt),Gi=r.domSupported,Wi=(Bi={pointerdown:1,pointerup:1,pointermove:1,pointerout:1},{mouse:Vi=["click","dblclick","mousewheel","wheel","mouseout","mouseup","mousedown","mousemove","contextmenu"],touch:["touchstart","touchend","touchmove"],pointer:z(Vi,(function(t){var e=t.replace("mouse","pointer");return Bi.hasOwnProperty(e)?e:t}))}),Hi=["mousemove","mouseup"],Yi=["pointermove","pointerup"],Xi=!1;function Ui(t){var e=t.pointerType;return"pen"===e||"touch"===e}function Zi(t){t&&(t.zrByTouch=!0)}function ji(t,e){for(var n=e,i=!1;n&&9!==n.nodeType&&!(i=n.domBelongToZr||n!==e&&n===t.painterRoot);)n=n.parentNode;return i}var qi=function(t,e){this.stopPropagation=bt,this.stopImmediatePropagation=bt,this.preventDefault=bt,this.type=e.type,this.target=this.currentTarget=t.dom,this.pointerType=e.pointerType,this.clientX=e.clientX,this.clientY=e.clientY},Ki={mousedown:function(t){t=ce(this.dom,t),this.__mayPointerCapture=[t.zrX,t.zrY],this.trigger("mousedown",t)},mousemove:function(t){t=ce(this.dom,t);var e=this.__mayPointerCapture;!e||t.zrX===e[0]&&t.zrY===e[1]||this.__togglePointerCapture(!0),this.trigger("mousemove",t)},mouseup:function(t){t=ce(this.dom,t),this.__togglePointerCapture(!1),this.trigger("mouseup",t)},mouseout:function(t){ji(this,(t=ce(this.dom,t)).toElement||t.relatedTarget)||(this.__pointerCapturing&&(t.zrEventControl="no_globalout"),this.trigger("mouseout",t))},wheel:function(t){Xi=!0,t=ce(this.dom,t),this.trigger("mousewheel",t)},mousewheel:function(t){Xi||(t=ce(this.dom,t),this.trigger("mousewheel",t))},touchstart:function(t){Zi(t=ce(this.dom,t)),this.__lastTouchMoment=new Date,this.handler.processGesture(t,"start"),Ki.mousemove.call(this,t),Ki.mousedown.call(this,t)},touchmove:function(t){Zi(t=ce(this.dom,t)),this.handler.processGesture(t,"change"),Ki.mousemove.call(this,t)},touchend:function(t){Zi(t=ce(this.dom,t)),this.handler.processGesture(t,"end"),Ki.mouseup.call(this,t),+new Date-+this.__lastTouchMoment<300&&Ki.click.call(this,t)},pointerdown:function(t){Ki.mousedown.call(this,t)},pointermove:function(t){Ui(t)||Ki.mousemove.call(this,t)},pointerup:function(t){Ki.mouseup.call(this,t)},pointerout:function(t){Ui(t)||Ki.mouseout.call(this,t)}};E(["click","dblclick","contextmenu"],(function(t){Ki[t]=function(e){e=ce(this.dom,e),this.trigger(t,e)}}));var $i={pointermove:function(t){Ui(t)||$i.mousemove.call(this,t)},pointerup:function(t){$i.mouseup.call(this,t)},mousemove:function(t){this.trigger("mousemove",t)},mouseup:function(t){var e=this.__pointerCapturing;this.__togglePointerCapture(!1),this.trigger("mouseup",t),e&&(t.zrEventControl="only_globalout",this.trigger("mouseout",t))}};function Ji(t,e){var n=e.domHandlers;r.pointerEventsSupported?E(Wi.pointer,(function(i){tr(e,i,(function(e){n[i].call(t,e)}))})):(r.touchEventsSupported&&E(Wi.touch,(function(i){tr(e,i,(function(r){n[i].call(t,r),function(t){t.touching=!0,null!=t.touchTimer&&(clearTimeout(t.touchTimer),t.touchTimer=null),t.touchTimer=setTimeout((function(){t.touching=!1,t.touchTimer=null}),700)}(e)}))})),E(Wi.mouse,(function(i){tr(e,i,(function(r){r=he(r),e.touching||n[i].call(t,r)}))})))}function Qi(t,e){function n(n){tr(e,n,(function(i){i=he(i),ji(t,i.target)||(i=function(t,e){return ce(t.dom,new qi(t,e),!0)}(t,i),e.domHandlers[n].call(t,i))}),{capture:!0})}r.pointerEventsSupported?E(Yi,n):r.touchEventsSupported||E(Hi,n)}function tr(t,e,n,i){t.mounted[e]=n,t.listenerOpts[e]=i,pe(t.domTarget,e,n,i)}function er(t){var e,n,i,r,o=t.mounted;for(var a in o)o.hasOwnProperty(a)&&(e=t.domTarget,n=a,i=o[a],r=t.listenerOpts[a],e.removeEventListener(n,i,r));t.mounted={}}var nr=function(t,e){this.mounted={},this.listenerOpts={},this.touching=!1,this.domTarget=t,this.domHandlers=e},ir=function(t){function e(e,n){var i=t.call(this)||this;return i.__pointerCapturing=!1,i.dom=e,i.painterRoot=n,i._localHandlerScope=new nr(e,Ki),Gi&&(i._globalHandlerScope=new nr(document,$i)),Ji(i,i._localHandlerScope),i}return n(e,t),e.prototype.dispose=function(){er(this._localHandlerScope),Gi&&er(this._globalHandlerScope)},e.prototype.setCursor=function(t){this.dom.style&&(this.dom.style.cursor=t||"default")},e.prototype.__togglePointerCapture=function(t){if(this.__mayPointerCapture=null,Gi&&+this.__pointerCapturing^+t){this.__pointerCapturing=t;var e=this._globalHandlerScope;t?Qi(this,e):er(e)}},e}(jt),rr=1;r.hasGlobalWindow&&(rr=Math.max(window.devicePixelRatio||window.screen&&window.screen.deviceXDPI/window.screen.logicalXDPI||1,1));var or=rr,ar="#333",sr="#ccc",lr=xe,ur=5e-5;function hr(t){return t>ur||t<-5e-5}var cr=[],pr=[],dr=[1,0,0,1,0,0],fr=Math.abs,gr=function(){function t(){}return t.prototype.getLocalTransform=function(e){return t.getLocalTransform(this,e)},t.prototype.setPosition=function(t){this.x=t[0],this.y=t[1]},t.prototype.setScale=function(t){this.scaleX=t[0],this.scaleY=t[1]},t.prototype.setSkew=function(t){this.skewX=t[0],this.skewY=t[1]},t.prototype.setOrigin=function(t){this.originX=t[0],this.originY=t[1]},t.prototype.needLocalTransform=function(){return hr(this.rotation)||hr(this.x)||hr(this.y)||hr(this.scaleX-1)||hr(this.scaleY-1)||hr(this.skewX)||hr(this.skewY)},t.prototype.updateTransform=function(){var t=this.parent&&this.parent.transform,e=this.needLocalTransform(),n=this.transform;e||t?(n=n||[1,0,0,1,0,0],e?this.getLocalTransform(n):lr(n),t&&(e?be(n,t,n):_e(n,t)),this.transform=n,this._resolveGlobalScaleRatio(n)):n&&(lr(n),this.invTransform=null)},t.prototype._resolveGlobalScaleRatio=function(t){var e=this.globalScaleRatio;if(null!=e&&1!==e){this.getGlobalScale(cr);var n=cr[0]<0?-1:1,i=cr[1]<0?-1:1,r=((cr[0]-n)*e+n)/cr[0]||0,o=((cr[1]-i)*e+i)/cr[1]||0;t[0]*=r,t[1]*=r,t[2]*=o,t[3]*=o}this.invTransform=this.invTransform||[1,0,0,1,0,0],Ie(this.invTransform,t)},t.prototype.getComputedTransform=function(){for(var t=this,e=[];t;)e.push(t),t=t.parent;for(;t=e.pop();)t.updateTransform();return this.transform},t.prototype.setLocalTransform=function(t){if(t){var e=t[0]*t[0]+t[1]*t[1],n=t[2]*t[2]+t[3]*t[3],i=Math.atan2(t[1],t[0]),r=Math.PI/2+i-Math.atan2(t[3],t[2]);n=Math.sqrt(n)*Math.cos(r),e=Math.sqrt(e),this.skewX=r,this.skewY=0,this.rotation=-i,this.x=+t[4],this.y=+t[5],this.scaleX=e,this.scaleY=n,this.originX=0,this.originY=0}},t.prototype.decomposeTransform=function(){if(this.transform){var t=this.parent,e=this.transform;t&&t.transform&&(be(pr,t.invTransform,e),e=pr);var n=this.originX,i=this.originY;(n||i)&&(dr[4]=n,dr[5]=i,be(pr,e,dr),pr[4]-=n,pr[5]-=i,e=pr),this.setLocalTransform(e)}},t.prototype.getGlobalScale=function(t){var e=this.transform;return t=t||[],e?(t[0]=Math.sqrt(e[0]*e[0]+e[1]*e[1]),t[1]=Math.sqrt(e[2]*e[2]+e[3]*e[3]),e[0]<0&&(t[0]=-t[0]),e[3]<0&&(t[1]=-t[1]),t):(t[0]=1,t[1]=1,t)},t.prototype.transformCoordToLocal=function(t,e){var n=[t,e],i=this.invTransform;return i&&Wt(n,n,i),n},t.prototype.transformCoordToGlobal=function(t,e){var n=[t,e],i=this.transform;return i&&Wt(n,n,i),n},t.prototype.getLineScale=function(){var t=this.transform;return t&&fr(t[0]-1)>1e-10&&fr(t[3]-1)>1e-10?Math.sqrt(fr(t[0]*t[3]-t[2]*t[1])):1},t.prototype.copyTransform=function(t){vr(this,t)},t.getLocalTransform=function(t,e){e=e||[];var n=t.originX||0,i=t.originY||0,r=t.scaleX,o=t.scaleY,a=t.anchorX,s=t.anchorY,l=t.rotation||0,u=t.x,h=t.y,c=t.skewX?Math.tan(t.skewX):0,p=t.skewY?Math.tan(-t.skewY):0;if(n||i||a||s){var d=n+a,f=i+s;e[4]=-d*r-c*f*o,e[5]=-f*o-p*d*r}else e[4]=e[5]=0;return e[0]=r,e[3]=o,e[1]=p*r,e[2]=c*o,l&&Se(e,e,l),e[4]+=n+u,e[5]+=i+h,e},t.initDefaultProps=function(){var e=t.prototype;e.scaleX=e.scaleY=e.globalScaleRatio=1,e.x=e.y=e.originX=e.originY=e.skewX=e.skewY=e.rotation=e.anchorX=e.anchorY=0}(),t}(),yr=["x","y","originX","originY","anchorX","anchorY","rotation","scaleX","scaleY","skewX","skewY"];function vr(t,e){for(var n=0;n<yr.length;n++){var i=yr[n];t[i]=e[i]}}var mr={};function xr(t,e){var n=mr[e=e||a];n||(n=mr[e]=new En(500));var i=n.get(t);return null==i&&(i=h.measureText(t,e).width,n.put(t,i)),i}function _r(t,e,n,i){var r=xr(t,e),o=Mr(e),a=wr(0,r,n),s=Sr(0,o,i);return new ze(a,s,r,o)}function br(t,e,n,i){var r=((t||"")+"").split("\n");if(1===r.length)return _r(r[0],e,n,i);for(var o=new ze(0,0,0,0),a=0;a<r.length;a++){var s=_r(r[a],e,n,i);0===a?o.copy(s):o.union(s)}return o}function wr(t,e,n){return"right"===n?t-=e:"center"===n&&(t-=e/2),t}function Sr(t,e,n){return"middle"===n?t-=e/2:"bottom"===n&&(t-=e),t}function Mr(t){return xr("国",t)}function Ir(t,e){return"string"==typeof t?t.lastIndexOf("%")>=0?parseFloat(t)/100*e:parseFloat(t):t}function Tr(t,e,n){var i=e.position||"inside",r=null!=e.distance?e.distance:5,o=n.height,a=n.width,s=o/2,l=n.x,u=n.y,h="left",c="top";if(i instanceof Array)l+=Ir(i[0],n.width),u+=Ir(i[1],n.height),h=null,c=null;else switch(i){case"left":l-=r,u+=s,h="right",c="middle";break;case"right":l+=r+a,u+=s,c="middle";break;case"top":l+=a/2,u-=r,h="center",c="bottom";break;case"bottom":l+=a/2,u+=o+r,h="center";break;case"inside":l+=a/2,u+=s,h="center",c="middle";break;case"insideLeft":l+=r,u+=s,c="middle";break;case"insideRight":l+=a-r,u+=s,h="right",c="middle";break;case"insideTop":l+=a/2,u+=r,h="center";break;case"insideBottom":l+=a/2,u+=o-r,h="center",c="bottom";break;case"insideTopLeft":l+=r,u+=r;break;case"insideTopRight":l+=a-r,u+=r,h="right";break;case"insideBottomLeft":l+=r,u+=o-r,c="bottom";break;case"insideBottomRight":l+=a-r,u+=o-r,h="right",c="bottom"}return(t=t||{}).x=l,t.y=u,t.align=h,t.verticalAlign=c,t}var Cr="__zr_normal__",Dr=yr.concat(["ignore"]),Ar=V(yr,(function(t,e){return t[e]=!0,t}),{ignore:!1}),kr={},Lr=new ze(0,0,0,0),Pr=function(){function t(t){this.id=M(),this.animators=[],this.currentStates=[],this.states={},this._init(t)}return t.prototype._init=function(t){this.attr(t)},t.prototype.drift=function(t,e,n){switch(this.draggable){case"horizontal":e=0;break;case"vertical":t=0}var i=this.transform;i||(i=this.transform=[1,0,0,1,0,0]),i[4]+=t,i[5]+=e,this.decomposeTransform(),this.markRedraw()},t.prototype.beforeUpdate=function(){},t.prototype.afterUpdate=function(){},t.prototype.update=function(){this.updateTransform(),this.__dirty&&this.updateInnerText()},t.prototype.updateInnerText=function(t){var e=this._textContent;if(e&&(!e.ignore||t)){this.textConfig||(this.textConfig={});var n=this.textConfig,i=n.local,r=e.innerTransformable,o=void 0,a=void 0,s=!1;r.parent=i?this:null;var l=!1;if(r.copyTransform(e),null!=n.position){var u=Lr;n.layoutRect?u.copy(n.layoutRect):u.copy(this.getBoundingRect()),i||u.applyTransform(this.transform),this.calculateTextPosition?this.calculateTextPosition(kr,n,u):Tr(kr,n,u),r.x=kr.x,r.y=kr.y,o=kr.align,a=kr.verticalAlign;var h=n.origin;if(h&&null!=n.rotation){var c=void 0,p=void 0;"center"===h?(c=.5*u.width,p=.5*u.height):(c=Ir(h[0],u.width),p=Ir(h[1],u.height)),l=!0,r.originX=-r.x+c+(i?0:u.x),r.originY=-r.y+p+(i?0:u.y)}}null!=n.rotation&&(r.rotation=n.rotation);var d=n.offset;d&&(r.x+=d[0],r.y+=d[1],l||(r.originX=-d[0],r.originY=-d[1]));var f=null==n.inside?"string"==typeof n.position&&n.position.indexOf("inside")>=0:n.inside,g=this._innerTextDefaultStyle||(this._innerTextDefaultStyle={}),y=void 0,v=void 0,m=void 0;f&&this.canBeInsideText()?(y=n.insideFill,v=n.insideStroke,null!=y&&"auto"!==y||(y=this.getInsideTextFill()),null!=v&&"auto"!==v||(v=this.getInsideTextStroke(y),m=!0)):(y=n.outsideFill,v=n.outsideStroke,null!=y&&"auto"!==y||(y=this.getOutsideFill()),null!=v&&"auto"!==v||(v=this.getOutsideStroke(y),m=!0)),(y=y||"#000")===g.fill&&v===g.stroke&&m===g.autoStroke&&o===g.align&&a===g.verticalAlign||(s=!0,g.fill=y,g.stroke=v,g.autoStroke=m,g.align=o,g.verticalAlign=a,e.setDefaultTextStyle(g)),e.__dirty|=1,s&&e.dirtyStyle(!0)}},t.prototype.canBeInsideText=function(){return!0},t.prototype.getInsideTextFill=function(){return"#fff"},t.prototype.getInsideTextStroke=function(t){return"#000"},t.prototype.getOutsideFill=function(){return this.__zr&&this.__zr.isDarkMode()?sr:ar},t.prototype.getOutsideStroke=function(t){var e=this.__zr&&this.__zr.getBackgroundColor(),n="string"==typeof e&&qn(e);n||(n=[255,255,255,1]);for(var i=n[3],r=this.__zr.isDarkMode(),o=0;o<3;o++)n[o]=n[o]*i+(r?0:255)*(1-i);return n[3]=1,ri(n,"rgba")},t.prototype.traverse=function(t,e){},t.prototype.attrKV=function(t,e){"textConfig"===t?this.setTextConfig(e):"textContent"===t?this.setTextContent(e):"clipPath"===t?this.setClipPath(e):"extra"===t?(this.extra=this.extra||{},A(this.extra,e)):this[t]=e},t.prototype.hide=function(){this.ignore=!0,this.markRedraw()},t.prototype.show=function(){this.ignore=!1,this.markRedraw()},t.prototype.attr=function(t,e){if("string"==typeof t)this.attrKV(t,e);else if(q(t))for(var n=G(t),i=0;i<n.length;i++){var r=n[i];this.attrKV(r,t[r])}return this.markRedraw(),this},t.prototype.saveCurrentToNormalState=function(t){this._innerSaveToNormal(t);for(var e=this._normalState,n=0;n<this.animators.length;n++){var i=this.animators[n],r=i.__fromStateTransition;if(!(i.getLoop()||r&&r!==Cr)){var o=i.targetName,a=o?e[o]:e;i.saveTo(a)}}},t.prototype._innerSaveToNormal=function(t){var e=this._normalState;e||(e=this._normalState={}),t.textConfig&&!e.textConfig&&(e.textConfig=this.textConfig),this._savePrimaryToNormal(t,e,Dr)},t.prototype._savePrimaryToNormal=function(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null==t[r]||r in e||(e[r]=this[r])}},t.prototype.hasState=function(){return this.currentStates.length>0},t.prototype.getState=function(t){return this.states[t]},t.prototype.ensureState=function(t){var e=this.states;return e[t]||(e[t]={}),e[t]},t.prototype.clearStates=function(t){this.useState(Cr,!1,t)},t.prototype.useState=function(t,e,n,i){var r=t===Cr;if(this.hasState()||!r){var o=this.currentStates,a=this.stateTransition;if(!(P(o,t)>=0)||!e&&1!==o.length){var s;if(this.stateProxy&&!r&&(s=this.stateProxy(t)),s||(s=this.states&&this.states[t]),s||r){r||this.saveCurrentToNormalState(s);var l=!!(s&&s.hoverLayer||i);l&&this._toggleHoverLayerFlag(!0),this._applyStateObj(t,s,this._normalState,e,!n&&!this.__inHover&&a&&a.duration>0,a);var u=this._textContent,h=this._textGuide;return u&&u.useState(t,e,n,l),h&&h.useState(t,e,n,l),r?(this.currentStates=[],this._normalState={}):e?this.currentStates.push(t):this.currentStates=[t],this._updateAnimationTargets(),this.markRedraw(),!l&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2),s}I("State "+t+" not exists.")}}},t.prototype.useStates=function(t,e,n){if(t.length){var i=[],r=this.currentStates,o=t.length,a=o===r.length;if(a)for(var s=0;s<o;s++)if(t[s]!==r[s]){a=!1;break}if(a)return;for(s=0;s<o;s++){var l=t[s],u=void 0;this.stateProxy&&(u=this.stateProxy(l,t)),u||(u=this.states[l]),u&&i.push(u)}var h=i[o-1],c=!!(h&&h.hoverLayer||n);c&&this._toggleHoverLayerFlag(!0);var p=this._mergeStates(i),d=this.stateTransition;this.saveCurrentToNormalState(p),this._applyStateObj(t.join(","),p,this._normalState,!1,!e&&!this.__inHover&&d&&d.duration>0,d);var f=this._textContent,g=this._textGuide;f&&f.useStates(t,e,c),g&&g.useStates(t,e,c),this._updateAnimationTargets(),this.currentStates=t.slice(),this.markRedraw(),!c&&this.__inHover&&(this._toggleHoverLayerFlag(!1),this.__dirty&=-2)}else this.clearStates()},t.prototype._updateAnimationTargets=function(){for(var t=0;t<this.animators.length;t++){var e=this.animators[t];e.targetName&&e.changeTarget(this[e.targetName])}},t.prototype.removeState=function(t){var e=P(this.currentStates,t);if(e>=0){var n=this.currentStates.slice();n.splice(e,1),this.useStates(n)}},t.prototype.replaceState=function(t,e,n){var i=this.currentStates.slice(),r=P(i,t),o=P(i,e)>=0;r>=0?o?i.splice(r,1):i[r]=e:n&&!o&&i.push(e),this.useStates(i)},t.prototype.toggleState=function(t,e){e?this.useState(t,!0):this.removeState(t)},t.prototype._mergeStates=function(t){for(var e,n={},i=0;i<t.length;i++){var r=t[i];A(n,r),r.textConfig&&A(e=e||{},r.textConfig)}return e&&(n.textConfig=e),n},t.prototype._applyStateObj=function(t,e,n,i,r,o){var a=!(e&&i);e&&e.textConfig?(this.textConfig=A({},i?this.textConfig:n.textConfig),A(this.textConfig,e.textConfig)):a&&n.textConfig&&(this.textConfig=n.textConfig);for(var s={},l=!1,u=0;u<Dr.length;u++){var h=Dr[u],c=r&&Ar[h];e&&null!=e[h]?c?(l=!0,s[h]=e[h]):this[h]=e[h]:a&&null!=n[h]&&(c?(l=!0,s[h]=n[h]):this[h]=n[h])}if(!r)for(u=0;u<this.animators.length;u++){var p=this.animators[u],d=p.targetName;p.getLoop()||p.__changeFinalValue(d?(e||n)[d]:e||n)}l&&this._transitionState(t,s,o)},t.prototype._attachComponent=function(t){if((!t.__zr||t.__hostTarget)&&t!==this){var e=this.__zr;e&&t.addSelfToZr(e),t.__zr=e,t.__hostTarget=this}},t.prototype._detachComponent=function(t){t.__zr&&t.removeSelfFromZr(t.__zr),t.__zr=null,t.__hostTarget=null},t.prototype.getClipPath=function(){return this._clipPath},t.prototype.setClipPath=function(t){this._clipPath&&this._clipPath!==t&&this.removeClipPath(),this._attachComponent(t),this._clipPath=t,this.markRedraw()},t.prototype.removeClipPath=function(){var t=this._clipPath;t&&(this._detachComponent(t),this._clipPath=null,this.markRedraw())},t.prototype.getTextContent=function(){return this._textContent},t.prototype.setTextContent=function(t){var e=this._textContent;e!==t&&(e&&e!==t&&this.removeTextContent(),t.innerTransformable=new gr,this._attachComponent(t),this._textContent=t,this.markRedraw())},t.prototype.setTextConfig=function(t){this.textConfig||(this.textConfig={}),A(this.textConfig,t),this.markRedraw()},t.prototype.removeTextConfig=function(){this.textConfig=null,this.markRedraw()},t.prototype.removeTextContent=function(){var t=this._textContent;t&&(t.innerTransformable=null,this._detachComponent(t),this._textContent=null,this._innerTextDefaultStyle=null,this.markRedraw())},t.prototype.getTextGuideLine=function(){return this._textGuide},t.prototype.setTextGuideLine=function(t){this._textGuide&&this._textGuide!==t&&this.removeTextGuideLine(),this._attachComponent(t),this._textGuide=t,this.markRedraw()},t.prototype.removeTextGuideLine=function(){var t=this._textGuide;t&&(this._detachComponent(t),this._textGuide=null,this.markRedraw())},t.prototype.markRedraw=function(){this.__dirty|=1;var t=this.__zr;t&&(this.__inHover?t.refreshHover():t.refresh()),this.__hostTarget&&this.__hostTarget.markRedraw()},t.prototype.dirty=function(){this.markRedraw()},t.prototype._toggleHoverLayerFlag=function(t){this.__inHover=t;var e=this._textContent,n=this._textGuide;e&&(e.__inHover=t),n&&(n.__inHover=t)},t.prototype.addSelfToZr=function(t){if(this.__zr!==t){this.__zr=t;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.addAnimator(e[n]);this._clipPath&&this._clipPath.addSelfToZr(t),this._textContent&&this._textContent.addSelfToZr(t),this._textGuide&&this._textGuide.addSelfToZr(t)}},t.prototype.removeSelfFromZr=function(t){if(this.__zr){this.__zr=null;var e=this.animators;if(e)for(var n=0;n<e.length;n++)t.animation.removeAnimator(e[n]);this._clipPath&&this._clipPath.removeSelfFromZr(t),this._textContent&&this._textContent.removeSelfFromZr(t),this._textGuide&&this._textGuide.removeSelfFromZr(t)}},t.prototype.animate=function(t,e,n){var i=t?this[t]:this;var r=new Ei(i,e,n);return t&&(r.targetName=t),this.addAnimator(r,t),r},t.prototype.addAnimator=function(t,e){var n=this.__zr,i=this;t.during((function(){i.updateDuringAnimation(e)})).done((function(){var e=i.animators,n=P(e,t);n>=0&&e.splice(n,1)})),this.animators.push(t),n&&n.animation.addAnimator(t),n&&n.wakeUp()},t.prototype.updateDuringAnimation=function(t){this.markRedraw()},t.prototype.stopAnimation=function(t,e){for(var n=this.animators,i=n.length,r=[],o=0;o<i;o++){var a=n[o];t&&t!==a.scope?r.push(a):a.stop(e)}return this.animators=r,this},t.prototype.animateTo=function(t,e,n){Or(this,t,e,n)},t.prototype.animateFrom=function(t,e,n){Or(this,t,e,n,!0)},t.prototype._transitionState=function(t,e,n,i){for(var r=Or(this,e,n,i),o=0;o<r.length;o++)r[o].__fromStateTransition=t},t.prototype.getBoundingRect=function(){return null},t.prototype.getPaintRect=function(){return null},t.initDefaultProps=function(){var e=t.prototype;e.type="element",e.name="",e.ignore=e.silent=e.isGroup=e.draggable=e.dragging=e.ignoreClip=e.__inHover=!1,e.__dirty=1;function n(t,n,i,r){function o(t,e){Object.defineProperty(e,0,{get:function(){return t[i]},set:function(e){t[i]=e}}),Object.defineProperty(e,1,{get:function(){return t[r]},set:function(e){t[r]=e}})}Object.defineProperty(e,t,{get:function(){this[n]||o(this,this[n]=[]);return this[n]},set:function(t){this[i]=t[0],this[r]=t[1],this[n]=t,o(this,t)}})}Object.defineProperty&&(n("position","_legacyPos","x","y"),n("scale","_legacyScale","scaleX","scaleY"),n("origin","_legacyOrigin","originX","originY"))}(),t}();function Or(t,e,n,i,r){var o=[];Er(t,"",t,e,n=n||{},i,o,r);var a=o.length,s=!1,l=n.done,u=n.aborted,h=function(){s=!0,--a<=0&&(s?l&&l():u&&u())},c=function(){--a<=0&&(s?l&&l():u&&u())};a||l&&l(),o.length>0&&n.during&&o[0].during((function(t,e){n.during(e)}));for(var p=0;p<o.length;p++){var d=o[p];h&&d.done(h),c&&d.aborted(c),n.force&&d.duration(n.duration),d.start(n.easing)}return o}function Rr(t,e,n){for(var i=0;i<n;i++)t[i]=e[i]}function Nr(t,e,n){if(N(e[n]))if(N(t[n])||(t[n]=[]),$(e[n])){var i=e[n].length;t[n].length!==i&&(t[n]=new e[n].constructor(i),Rr(t[n],e[n],i))}else{var r=e[n],o=t[n],a=r.length;if(N(r[0]))for(var s=r[0].length,l=0;l<a;l++)o[l]?Rr(o[l],r[l],s):o[l]=Array.prototype.slice.call(r[l]);else Rr(o,r,a);o.length=r.length}else t[n]=e[n]}function Er(t,e,n,i,r,o,a,s){for(var l=G(i),u=r.duration,h=r.delay,c=r.additive,p=r.setToFinal,d=!q(o),f=t.animators,g=[],y=0;y<l.length;y++){var v=l[y],m=i[v];if(null!=m&&null!=n[v]&&(d||o[v]))if(!q(m)||N(m)||Q(m))g.push(v);else{if(e){s||(n[v]=m,t.updateDuringAnimation(e));continue}Er(t,v,n[v],m,r,o&&o[v],a,s)}else s||(n[v]=m,t.updateDuringAnimation(e),g.push(v))}var x=g.length;if(!c&&x)for(var _=0;_<f.length;_++){if((w=f[_]).targetName===e)if(w.stopTracks(g)){var b=P(f,w);f.splice(b,1)}}if(r.force||(g=B(g,(function(t){return e=i[t],r=n[t],!(e===r||N(e)&&N(r)&&function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++)if(t[i]!==e[i])return!1;return!0}(e,r));var e,r})),x=g.length),x>0||r.force&&!a.length){var w,S=void 0,M=void 0,I=void 0;if(s){M={},p&&(S={});for(_=0;_<x;_++){M[v=g[_]]=n[v],p?S[v]=i[v]:n[v]=i[v]}}else if(p){I={};for(_=0;_<x;_++){I[v=g[_]]=ki(n[v]),Nr(n,i,v)}}(w=new Ei(n,!1,!1,c?B(f,(function(t){return t.targetName===e})):null)).targetName=e,r.scope&&(w.scope=r.scope),p&&S&&w.whenWithKeys(0,S,g),I&&w.whenWithKeys(0,I,g),w.whenWithKeys(null==u?500:u,s?M:i,g).delay(h||0),t.addAnimator(w,e),a.push(w)}}R(Pr,jt),R(Pr,gr);var zr=function(t){function e(e){var n=t.call(this)||this;return n.isGroup=!0,n._children=[],n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.children=function(){return this._children.slice()},e.prototype.childAt=function(t){return this._children[t]},e.prototype.childOfName=function(t){for(var e=this._children,n=0;n<e.length;n++)if(e[n].name===t)return e[n]},e.prototype.childCount=function(){return this._children.length},e.prototype.add=function(t){return t&&t!==this&&t.parent!==this&&(this._children.push(t),this._doAdd(t)),this},e.prototype.addBefore=function(t,e){if(t&&t!==this&&t.parent!==this&&e&&e.parent===this){var n=this._children,i=n.indexOf(e);i>=0&&(n.splice(i,0,t),this._doAdd(t))}return this},e.prototype.replace=function(t,e){var n=P(this._children,t);return n>=0&&this.replaceAt(e,n),this},e.prototype.replaceAt=function(t,e){var n=this._children,i=n[e];if(t&&t!==this&&t.parent!==this&&t!==i){n[e]=t,i.parent=null;var r=this.__zr;r&&i.removeSelfFromZr(r),this._doAdd(t)}return this},e.prototype._doAdd=function(t){t.parent&&t.parent.remove(t),t.parent=this;var e=this.__zr;e&&e!==t.__zr&&t.addSelfToZr(e),e&&e.refresh()},e.prototype.remove=function(t){var e=this.__zr,n=this._children,i=P(n,t);return i<0||(n.splice(i,1),t.parent=null,e&&t.removeSelfFromZr(e),e&&e.refresh()),this},e.prototype.removeAll=function(){for(var t=this._children,e=this.__zr,n=0;n<t.length;n++){var i=t[n];e&&i.removeSelfFromZr(e),i.parent=null}return t.length=0,this},e.prototype.eachChild=function(t,e){for(var n=this._children,i=0;i<n.length;i++){var r=n[i];t.call(e,r,i)}return this},e.prototype.traverse=function(t,e){for(var n=0;n<this._children.length;n++){var i=this._children[n],r=t.call(e,i);i.isGroup&&!r&&i.traverse(t,e)}return this},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].addSelfToZr(e)}},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++){this._children[n].removeSelfFromZr(e)}},e.prototype.getBoundingRect=function(t){for(var e=new ze(0,0,0,0),n=t||this._children,i=[],r=null,o=0;o<n.length;o++){var a=n[o];if(!a.ignore&&!a.invisible){var s=a.getBoundingRect(),l=a.getLocalTransform(i);l?(ze.applyTransform(e,s,l),(r=r||e.clone()).union(e)):(r=r||s.clone()).union(s)}}return r||e},e}(Pr);zr.prototype.type="group";
+/*!
+    * ZRender, a high performance 2d drawing library.
+    *
+    * Copyright (c) 2013, Baidu Inc.
+    * All rights reserved.
+    *
+    * LICENSE
+    * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+    */
+var Vr={},Br={};var Fr=function(){function t(t,e,n){var i=this;this._sleepAfterStill=10,this._stillFrameAccum=0,this._needsRefresh=!0,this._needsRefreshHover=!0,this._darkMode=!1,n=n||{},this.dom=e,this.id=t;var o=new rn,a=n.renderer||"canvas";Vr[a]||(a=G(Vr)[0]),n.useDirtyRect=null!=n.useDirtyRect&&n.useDirtyRect;var s=new Vr[a](e,o,n,t),l=n.ssr||s.ssrOnly;this.storage=o,this.painter=s;var u,h=r.node||r.worker||l?null:new ir(s.getViewportRoot(),s.root),c=n.useCoarsePointer;(null==c||"auto"===c?r.touchEventsSupported:!!c)&&(u=rt(n.pointerSize,44)),this.handler=new Ye(o,s,h,s.root,u),this.animation=new Fi({stage:{update:l?null:function(){return i._flush(!0)}}}),l||this.animation.start()}return t.prototype.add=function(t){t&&(this.storage.addRoot(t),t.addSelfToZr(this),this.refresh())},t.prototype.remove=function(t){t&&(this.storage.delRoot(t),t.removeSelfFromZr(this),this.refresh())},t.prototype.configLayer=function(t,e){this.painter.configLayer&&this.painter.configLayer(t,e),this.refresh()},t.prototype.setBackgroundColor=function(t){this.painter.setBackgroundColor&&this.painter.setBackgroundColor(t),this.refresh(),this._backgroundColor=t,this._darkMode=function(t){if(!t)return!1;if("string"==typeof t)return oi(t,1)<.4;if(t.colorStops){for(var e=t.colorStops,n=0,i=e.length,r=0;r<i;r++)n+=oi(e[r].color,1);return(n/=i)<.4}return!1}(t)},t.prototype.getBackgroundColor=function(){return this._backgroundColor},t.prototype.setDarkMode=function(t){this._darkMode=t},t.prototype.isDarkMode=function(){return this._darkMode},t.prototype.refreshImmediately=function(t){t||this.animation.update(!0),this._needsRefresh=!1,this.painter.refresh(),this._needsRefresh=!1},t.prototype.refresh=function(){this._needsRefresh=!0,this.animation.start()},t.prototype.flush=function(){this._flush(!1)},t.prototype._flush=function(t){var e,n=zi();this._needsRefresh&&(e=!0,this.refreshImmediately(t)),this._needsRefreshHover&&(e=!0,this.refreshHoverImmediately());var i=zi();e?(this._stillFrameAccum=0,this.trigger("rendered",{elapsedTime:i-n})):this._sleepAfterStill>0&&(this._stillFrameAccum++,this._stillFrameAccum>this._sleepAfterStill&&this.animation.stop())},t.prototype.setSleepAfterStill=function(t){this._sleepAfterStill=t},t.prototype.wakeUp=function(){this.animation.start(),this._stillFrameAccum=0},t.prototype.refreshHover=function(){this._needsRefreshHover=!0},t.prototype.refreshHoverImmediately=function(){this._needsRefreshHover=!1,this.painter.refreshHover&&"canvas"===this.painter.getType()&&this.painter.refreshHover()},t.prototype.resize=function(t){t=t||{},this.painter.resize(t.width,t.height),this.handler.resize()},t.prototype.clearAnimation=function(){this.animation.clear()},t.prototype.getWidth=function(){return this.painter.getWidth()},t.prototype.getHeight=function(){return this.painter.getHeight()},t.prototype.setCursorStyle=function(t){this.handler.setCursorStyle(t)},t.prototype.findHover=function(t,e){return this.handler.findHover(t,e)},t.prototype.on=function(t,e,n){return this.handler.on(t,e,n),this},t.prototype.off=function(t,e){this.handler.off(t,e)},t.prototype.trigger=function(t,e){this.handler.trigger(t,e)},t.prototype.clear=function(){for(var t=this.storage.getRoots(),e=0;e<t.length;e++)t[e]instanceof zr&&t[e].removeSelfFromZr(this);this.storage.delAllRoots(),this.painter.clear()},t.prototype.dispose=function(){var t;this.animation.stop(),this.clear(),this.storage.dispose(),this.painter.dispose(),this.handler.dispose(),this.animation=this.storage=this.painter=this.handler=null,t=this.id,delete Br[t]},t}();function Gr(t,e){var n=new Fr(M(),t,e);return Br[n.id]=n,n}function Wr(t,e){Vr[t]=e}var Hr=Object.freeze({__proto__:null,init:Gr,dispose:function(t){t.dispose()},disposeAll:function(){for(var t in Br)Br.hasOwnProperty(t)&&Br[t].dispose();Br={}},getInstance:function(t){return Br[t]},registerPainter:Wr,version:"5.4.4"}),Yr=1e-4;function Xr(t,e,n,i){var r=e[0],o=e[1],a=n[0],s=n[1],l=o-r,u=s-a;if(0===l)return 0===u?a:(a+s)/2;if(i)if(l>0){if(t<=r)return a;if(t>=o)return s}else{if(t>=r)return a;if(t<=o)return s}else{if(t===r)return a;if(t===o)return s}return(t-r)/l*u+a}function Ur(t,e){switch(t){case"center":case"middle":t="50%";break;case"left":case"top":t="0%";break;case"right":case"bottom":t="100%"}return U(t)?(n=t,n.replace(/^\s+|\s+$/g,"")).match(/%$/)?parseFloat(t)/100*e:parseFloat(t):null==t?NaN:+t;var n}function Zr(t,e,n){return null==e&&(e=10),e=Math.min(Math.max(0,e),20),t=(+t).toFixed(e),n?t:+t}function jr(t){return t.sort((function(t,e){return t-e})),t}function qr(t){if(t=+t,isNaN(t))return 0;if(t>1e-14)for(var e=1,n=0;n<15;n++,e*=10)if(Math.round(t*e)/e===t)return n;return Kr(t)}function Kr(t){var e=t.toString().toLowerCase(),n=e.indexOf("e"),i=n>0?+e.slice(n+1):0,r=n>0?n:e.length,o=e.indexOf("."),a=o<0?0:r-1-o;return Math.max(0,a-i)}function $r(t,e){var n=Math.log,i=Math.LN10,r=Math.floor(n(t[1]-t[0])/i),o=Math.round(n(Math.abs(e[1]-e[0]))/i),a=Math.min(Math.max(-r+o,0),20);return isFinite(a)?a:20}function Jr(t,e){var n=V(t,(function(t,e){return t+(isNaN(e)?0:e)}),0);if(0===n)return[];for(var i=Math.pow(10,e),r=z(t,(function(t){return(isNaN(t)?0:t)/n*i*100})),o=100*i,a=z(r,(function(t){return Math.floor(t)})),s=V(a,(function(t,e){return t+e}),0),l=z(r,(function(t,e){return t-a[e]}));s<o;){for(var u=Number.NEGATIVE_INFINITY,h=null,c=0,p=l.length;c<p;++c)l[c]>u&&(u=l[c],h=c);++a[h],l[h]=0,++s}return z(a,(function(t){return t/i}))}function Qr(t,e){var n=Math.max(qr(t),qr(e)),i=t+e;return n>20?i:Zr(i,n)}var to=9007199254740991;function eo(t){var e=2*Math.PI;return(t%e+e)%e}function no(t){return t>-1e-4&&t<Yr}var io=/^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/;function ro(t){if(t instanceof Date)return t;if(U(t)){var e=io.exec(t);if(!e)return new Date(NaN);if(e[8]){var n=+e[4]||0;return"Z"!==e[8].toUpperCase()&&(n-=+e[8].slice(0,3)),new Date(Date.UTC(+e[1],+(e[2]||1)-1,+e[3]||1,n,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0))}return new Date(+e[1],+(e[2]||1)-1,+e[3]||1,+e[4]||0,+(e[5]||0),+e[6]||0,e[7]?+e[7].substring(0,3):0)}return null==t?new Date(NaN):new Date(Math.round(t))}function oo(t){return Math.pow(10,ao(t))}function ao(t){if(0===t)return 0;var e=Math.floor(Math.log(t)/Math.LN10);return t/Math.pow(10,e)>=10&&e++,e}function so(t,e){var n=ao(t),i=Math.pow(10,n),r=t/i;return t=(e?r<1.5?1:r<2.5?2:r<4?3:r<7?5:10:r<1?1:r<2?2:r<3?3:r<5?5:10)*i,n>=-20?+t.toFixed(n<0?-n:0):t}function lo(t,e){var n=(t.length-1)*e+1,i=Math.floor(n),r=+t[i-1],o=n-i;return o?r+o*(t[i]-r):r}function uo(t){t.sort((function(t,e){return s(t,e,0)?-1:1}));for(var e=-1/0,n=1,i=0;i<t.length;){for(var r=t[i].interval,o=t[i].close,a=0;a<2;a++)r[a]<=e&&(r[a]=e,o[a]=a?1:1-n),e=r[a],n=o[a];r[0]===r[1]&&o[0]*o[1]!=1?t.splice(i,1):i++}return t;function s(t,e,n){return t.interval[n]<e.interval[n]||t.interval[n]===e.interval[n]&&(t.close[n]-e.close[n]==(n?-1:1)||!n&&s(t,e,1))}}function ho(t){var e=parseFloat(t);return e==t&&(0!==e||!U(t)||t.indexOf("x")<=0)?e:NaN}function co(t){return!isNaN(ho(t))}function po(){return Math.round(9*Math.random())}function fo(t,e){return 0===e?t:fo(e,t%e)}function go(t,e){return null==t?e:null==e?t:t*e/fo(t,e)}"undefined"!=typeof console&&console.warn&&console.log;function yo(t){0}function vo(t){throw new Error(t)}function mo(t,e,n){return(e-t)*n+t}var xo="series\0",_o="\0_ec_\0";function bo(t){return t instanceof Array?t:null==t?[]:[t]}function wo(t,e,n){if(t){t[e]=t[e]||{},t.emphasis=t.emphasis||{},t.emphasis[e]=t.emphasis[e]||{};for(var i=0,r=n.length;i<r;i++){var o=n[i];!t.emphasis[e].hasOwnProperty(o)&&t[e].hasOwnProperty(o)&&(t.emphasis[e][o]=t[e][o])}}}var So=["fontStyle","fontWeight","fontSize","fontFamily","rich","tag","color","textBorderColor","textBorderWidth","width","height","lineHeight","align","verticalAlign","baseline","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY","backgroundColor","borderColor","borderWidth","borderRadius","padding"];function Mo(t){return!q(t)||Y(t)||t instanceof Date?t:t.value}function Io(t){return q(t)&&!(t instanceof Array)}function To(t,e,n){var i="normalMerge"===n,r="replaceMerge"===n,o="replaceAll"===n;t=t||[],e=(e||[]).slice();var a=yt();E(e,(function(t,n){q(t)||(e[n]=null)}));var s,l,u=function(t,e,n){var i=[];if("replaceAll"===n)return i;for(var r=0;r<t.length;r++){var o=t[r];o&&null!=o.id&&e.set(o.id,r),i.push({existing:"replaceMerge"===n||Lo(o)?null:o,newOption:null,keyInfo:null,brandNew:null})}return i}(t,a,n);return(i||r)&&function(t,e,n,i){E(i,(function(r,o){if(r&&null!=r.id){var a=Do(r.id),s=n.get(a);if(null!=s){var l=t[s];lt(!l.newOption,'Duplicated option on id "'+a+'".'),l.newOption=r,l.existing=e[s],i[o]=null}}}))}(u,t,a,e),i&&function(t,e){E(e,(function(n,i){if(n&&null!=n.name)for(var r=0;r<t.length;r++){var o=t[r].existing;if(!t[r].newOption&&o&&(null==o.id||null==n.id)&&!Lo(n)&&!Lo(o)&&Co("name",o,n))return t[r].newOption=n,void(e[i]=null)}}))}(u,e),i||r?function(t,e,n){E(e,(function(e){if(e){for(var i,r=0;(i=t[r])&&(i.newOption||Lo(i.existing)||i.existing&&null!=e.id&&!Co("id",e,i.existing));)r++;i?(i.newOption=e,i.brandNew=n):t.push({newOption:e,brandNew:n,existing:null,keyInfo:null}),r++}}))}(u,e,r):o&&function(t,e){E(e,(function(e){t.push({newOption:e,brandNew:!0,existing:null,keyInfo:null})}))}(u,e),s=u,l=yt(),E(s,(function(t){var e=t.existing;e&&l.set(e.id,t)})),E(s,(function(t){var e=t.newOption;lt(!e||null==e.id||!l.get(e.id)||l.get(e.id)===t,"id duplicates: "+(e&&e.id)),e&&null!=e.id&&l.set(e.id,t),!t.keyInfo&&(t.keyInfo={})})),E(s,(function(t,e){var n=t.existing,i=t.newOption,r=t.keyInfo;if(q(i)){if(r.name=null!=i.name?Do(i.name):n?n.name:xo+e,n)r.id=Do(n.id);else if(null!=i.id)r.id=Do(i.id);else{var o=0;do{r.id="\0"+r.name+"\0"+o++}while(l.get(r.id))}l.set(r.id,t)}})),u}function Co(t,e,n){var i=Ao(e[t],null),r=Ao(n[t],null);return null!=i&&null!=r&&i===r}function Do(t){return Ao(t,"")}function Ao(t,e){return null==t?e:U(t)?t:j(t)||Z(t)?t+"":e}function ko(t){var e=t.name;return!(!e||!e.indexOf(xo))}function Lo(t){return t&&null!=t.id&&0===Do(t.id).indexOf(_o)}function Po(t,e){return null!=e.dataIndexInside?e.dataIndexInside:null!=e.dataIndex?Y(e.dataIndex)?z(e.dataIndex,(function(e){return t.indexOfRawIndex(e)})):t.indexOfRawIndex(e.dataIndex):null!=e.name?Y(e.name)?z(e.name,(function(e){return t.indexOfName(e)})):t.indexOfName(e.name):void 0}function Oo(){var t="__ec_inner_"+Ro++;return function(e){return e[t]||(e[t]={})}}var Ro=po();function No(t,e,n){var i=Eo(e,n),r=i.mainTypeSpecified,o=i.queryOptionMap,a=i.others,s=n?n.defaultMainType:null;return!r&&s&&o.set(s,{}),o.each((function(e,i){var r=Bo(t,i,e,{useDefault:s===i,enableAll:!n||null==n.enableAll||n.enableAll,enableNone:!n||null==n.enableNone||n.enableNone});a[i+"Models"]=r.models,a[i+"Model"]=r.models[0]})),a}function Eo(t,e){var n;if(U(t)){var i={};i[t+"Index"]=0,n=i}else n=t;var r=yt(),o={},a=!1;return E(n,(function(t,n){if("dataIndex"!==n&&"dataIndexInside"!==n){var i=n.match(/^(\w+)(Index|Id|Name)$/)||[],s=i[1],l=(i[2]||"").toLowerCase();if(s&&l&&!(e&&e.includeMainTypes&&P(e.includeMainTypes,s)<0))a=a||!!s,(r.get(s)||r.set(s,{}))[l]=t}else o[n]=t})),{mainTypeSpecified:a,queryOptionMap:r,others:o}}var zo={useDefault:!0,enableAll:!1,enableNone:!1},Vo={useDefault:!1,enableAll:!0,enableNone:!0};function Bo(t,e,n,i){i=i||zo;var r=n.index,o=n.id,a=n.name,s={models:null,specified:null!=r||null!=o||null!=a};if(!s.specified){var l=void 0;return s.models=i.useDefault&&(l=t.getComponent(e))?[l]:[],s}return"none"===r||!1===r?(lt(i.enableNone,'`"none"` or `false` is not a valid value on index option.'),s.models=[],s):("all"===r&&(lt(i.enableAll,'`"all"` is not a valid value on index option.'),r=o=a=null),s.models=t.queryComponents({mainType:e,index:r,id:o,name:a}),s)}function Fo(t,e,n){t.setAttribute?t.setAttribute(e,n):t[e]=n}function Go(t,e){var n=yt(),i=[];return E(t,(function(t){var r=e(t);(n.get(r)||(i.push(r),n.set(r,[]))).push(t)})),{keys:i,buckets:n}}function Wo(t,e,n,i,r){var o=null==e||"auto"===e;if(null==i)return i;if(j(i))return Zr(f=mo(n||0,i,r),o?Math.max(qr(n||0),qr(i)):e);if(U(i))return r<1?n:i;for(var a=[],s=n,l=i,u=Math.max(s?s.length:0,l.length),h=0;h<u;++h){var c=t.getDimensionInfo(h);if(c&&"ordinal"===c.type)a[h]=(r<1&&s?s:l)[h];else{var p=s&&s[h]?s[h]:0,d=l[h],f=mo(p,d,r);a[h]=Zr(f,o?Math.max(qr(p),qr(d)):e)}}return a}var Ho="___EC__COMPONENT__CONTAINER___",Yo="___EC__EXTENDED_CLASS___";function Xo(t){var e={main:"",sub:""};if(t){var n=t.split(".");e.main=n[0]||"",e.sub=n[1]||""}return e}function Uo(t,e){t.$constructor=t,t.extend=function(t){var e,i,r=this;return X(i=r)&&/^class\s/.test(Function.prototype.toString.call(i))?e=function(t){function e(){return t.apply(this,arguments)||this}return n(e,t),e}(r):(e=function(){(t.$constructor||r).apply(this,arguments)},O(e,this)),A(e.prototype,t),e[Yo]=!0,e.extend=this.extend,e.superCall=qo,e.superApply=Ko,e.superClass=r,e}}function Zo(t,e){t.extend=e.extend}var jo=Math.round(10*Math.random());function qo(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];return this.superClass.prototype[e].apply(t,n)}function Ko(t,e,n){return this.superClass.prototype[e].apply(t,n)}function $o(t){var e={};t.registerClass=function(t){var n,i=t.type||t.prototype.type;if(i){lt(/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(n=i),'componentType "'+n+'" illegal'),t.prototype.type=i;var r=Xo(i);if(r.sub){if(r.sub!==Ho){var o=function(t){var n=e[t.main];n&&n[Ho]||((n=e[t.main]={})[Ho]=!0);return n}(r);o[r.sub]=t}}else e[r.main]=t}return t},t.getClass=function(t,n,i){var r=e[t];if(r&&r[Ho]&&(r=n?r[n]:null),i&&!r)throw new Error(n?"Component "+t+"."+(n||"")+" is used but not imported.":t+".type should be specified.");return r},t.getClassesByMainType=function(t){var n=Xo(t),i=[],r=e[n.main];return r&&r[Ho]?E(r,(function(t,e){e!==Ho&&i.push(t)})):i.push(r),i},t.hasClass=function(t){var n=Xo(t);return!!e[n.main]},t.getAllClassMainTypes=function(){var t=[];return E(e,(function(e,n){t.push(n)})),t},t.hasSubTypes=function(t){var n=Xo(t),i=e[n.main];return i&&i[Ho]}}function Jo(t,e){for(var n=0;n<t.length;n++)t[n][1]||(t[n][1]=t[n][0]);return e=e||!1,function(n,i,r){for(var o={},a=0;a<t.length;a++){var s=t[a][1];if(!(i&&P(i,s)>=0||r&&P(r,s)<0)){var l=n.getShallow(s,e);null!=l&&(o[t[a][0]]=l)}}return o}}var Qo=Jo([["fill","color"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["opacity"],["shadowColor"]]),ta=function(){function t(){}return t.prototype.getAreaStyle=function(t,e){return Qo(this,t,e)},t}(),ea=new En(50);function na(t){if("string"==typeof t){var e=ea.get(t);return e&&e.image}return t}function ia(t,e,n,i,r){if(t){if("string"==typeof t){if(e&&e.__zrImageSrc===t||!n)return e;var o=ea.get(t),a={hostEl:n,cb:i,cbPayload:r};return o?!oa(e=o.image)&&o.pending.push(a):((e=h.loadImage(t,ra,ra)).__zrImageSrc=t,ea.put(t,e.__cachedImgObj={image:e,pending:[a]})),e}return t}return e}function ra(){var t=this.__cachedImgObj;this.onload=this.onerror=this.__cachedImgObj=null;for(var e=0;e<t.pending.length;e++){var n=t.pending[e],i=n.cb;i&&i(this,n.cbPayload),n.hostEl.dirty()}t.pending.length=0}function oa(t){return t&&t.width&&t.height}var aa=/\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;function sa(t,e,n,i,r){if(!e)return"";var o=(t+"").split("\n");r=la(e,n,i,r);for(var a=0,s=o.length;a<s;a++)o[a]=ua(o[a],r);return o.join("\n")}function la(t,e,n,i){var r=A({},i=i||{});r.font=e,n=rt(n,"..."),r.maxIterations=rt(i.maxIterations,2);var o=r.minChar=rt(i.minChar,0);r.cnCharWidth=xr("国",e);var a=r.ascCharWidth=xr("a",e);r.placeholder=rt(i.placeholder,"");for(var s=t=Math.max(0,t-1),l=0;l<o&&s>=a;l++)s-=a;var u=xr(n,e);return u>s&&(n="",u=0),s=t-u,r.ellipsis=n,r.ellipsisWidth=u,r.contentWidth=s,r.containerWidth=t,r}function ua(t,e){var n=e.containerWidth,i=e.font,r=e.contentWidth;if(!n)return"";var o=xr(t,i);if(o<=n)return t;for(var a=0;;a++){if(o<=r||a>=e.maxIterations){t+=e.ellipsis;break}var s=0===a?ha(t,r,e.ascCharWidth,e.cnCharWidth):o>0?Math.floor(t.length*r/o):0;o=xr(t=t.substr(0,s),i)}return""===t&&(t=e.placeholder),t}function ha(t,e,n,i){for(var r=0,o=0,a=t.length;o<a&&r<e;o++){var s=t.charCodeAt(o);r+=0<=s&&s<=127?n:i}return o}var ca=function(){},pa=function(t){this.tokens=[],t&&(this.tokens=t)},da=function(){this.width=0,this.height=0,this.contentWidth=0,this.contentHeight=0,this.outerWidth=0,this.outerHeight=0,this.lines=[]};function fa(t,e,n,i,r){var o,a,s=""===e,l=r&&n.rich[r]||{},u=t.lines,h=l.font||n.font,c=!1;if(i){var p=l.padding,d=p?p[1]+p[3]:0;if(null!=l.width&&"auto"!==l.width){var f=Ir(l.width,i.width)+d;u.length>0&&f+i.accumWidth>i.width&&(o=e.split("\n"),c=!0),i.accumWidth=f}else{var g=va(e,h,i.width,i.breakAll,i.accumWidth);i.accumWidth=g.accumWidth+d,a=g.linesWidths,o=g.lines}}else o=e.split("\n");for(var y=0;y<o.length;y++){var v=o[y],m=new ca;if(m.styleName=r,m.text=v,m.isLineHolder=!v&&!s,"number"==typeof l.width?m.width=l.width:m.width=a?a[y]:xr(v,h),y||c)u.push(new pa([m]));else{var x=(u[u.length-1]||(u[0]=new pa)).tokens,_=x.length;1===_&&x[0].isLineHolder?x[0]=m:(v||!_||s)&&x.push(m)}}}var ga=V(",&?/;] ".split(""),(function(t,e){return t[e]=!0,t}),{});function ya(t){return!function(t){var e=t.charCodeAt(0);return e>=32&&e<=591||e>=880&&e<=4351||e>=4608&&e<=5119||e>=7680&&e<=8303}(t)||!!ga[t]}function va(t,e,n,i,r){for(var o=[],a=[],s="",l="",u=0,h=0,c=0;c<t.length;c++){var p=t.charAt(c);if("\n"!==p){var d=xr(p,e),f=!i&&!ya(p);(o.length?h+d>n:r+h+d>n)?h?(s||l)&&(f?(s||(s=l,l="",h=u=0),o.push(s),a.push(h-u),l+=p,s="",h=u+=d):(l&&(s+=l,l="",u=0),o.push(s),a.push(h),s=p,h=d)):f?(o.push(l),a.push(u),l=p,u=d):(o.push(p),a.push(d)):(h+=d,f?(l+=p,u+=d):(l&&(s+=l,l="",u=0),s+=p))}else l&&(s+=l,h+=u),o.push(s),a.push(h),s="",l="",u=0,h=0}return o.length||s||(s=t,l="",u=0),l&&(s+=l),s&&(o.push(s),a.push(h)),1===o.length&&(h+=r),{accumWidth:h,lines:o,linesWidths:a}}var ma="__zr_style_"+Math.round(10*Math.random()),xa={shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"#000",opacity:1,blend:"source-over"},_a={style:{shadowBlur:!0,shadowOffsetX:!0,shadowOffsetY:!0,shadowColor:!0,opacity:!0}};xa[ma]=!0;var ba=["z","z2","invisible"],wa=["invisible"],Sa=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype._init=function(e){for(var n=G(e),i=0;i<n.length;i++){var r=n[i];"style"===r?this.useStyle(e[r]):t.prototype.attrKV.call(this,r,e[r])}this.style||this.useStyle({})},e.prototype.beforeBrush=function(){},e.prototype.afterBrush=function(){},e.prototype.innerBeforeBrush=function(){},e.prototype.innerAfterBrush=function(){},e.prototype.shouldBePainted=function(t,e,n,i){var r=this.transform;if(this.ignore||this.invisible||0===this.style.opacity||this.culling&&function(t,e,n){Ma.copy(t.getBoundingRect()),t.transform&&Ma.applyTransform(t.transform);return Ia.width=e,Ia.height=n,!Ma.intersect(Ia)}(this,t,e)||r&&!r[0]&&!r[3])return!1;if(n&&this.__clipPaths)for(var o=0;o<this.__clipPaths.length;++o)if(this.__clipPaths[o].isZeroArea())return!1;if(i&&this.parent)for(var a=this.parent;a;){if(a.ignore)return!1;a=a.parent}return!0},e.prototype.contain=function(t,e){return this.rectContain(t,e)},e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.rectContain=function(t,e){var n=this.transformCoordToLocal(t,e);return this.getBoundingRect().contain(n[0],n[1])},e.prototype.getPaintRect=function(){var t=this._paintRect;if(!this._paintRect||this.__dirty){var e=this.transform,n=this.getBoundingRect(),i=this.style,r=i.shadowBlur||0,o=i.shadowOffsetX||0,a=i.shadowOffsetY||0;t=this._paintRect||(this._paintRect=new ze(0,0,0,0)),e?ze.applyTransform(t,n,e):t.copy(n),(r||o||a)&&(t.width+=2*r+Math.abs(o),t.height+=2*r+Math.abs(a),t.x=Math.min(t.x,t.x+o-r),t.y=Math.min(t.y,t.y+a-r));var s=this.dirtyRectTolerance;t.isZero()||(t.x=Math.floor(t.x-s),t.y=Math.floor(t.y-s),t.width=Math.ceil(t.width+1+2*s),t.height=Math.ceil(t.height+1+2*s))}return t},e.prototype.setPrevPaintRect=function(t){t?(this._prevPaintRect=this._prevPaintRect||new ze(0,0,0,0),this._prevPaintRect.copy(t)):this._prevPaintRect=null},e.prototype.getPrevPaintRect=function(){return this._prevPaintRect},e.prototype.animateStyle=function(t){return this.animate("style",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():this.markRedraw()},e.prototype.attrKV=function(e,n){"style"!==e?t.prototype.attrKV.call(this,e,n):this.style?this.setStyle(n):this.useStyle(n)},e.prototype.setStyle=function(t,e){return"string"==typeof t?this.style[t]=e:A(this.style,t),this.dirtyStyle(),this},e.prototype.dirtyStyle=function(t){t||this.markRedraw(),this.__dirty|=2,this._rect&&(this._rect=null)},e.prototype.dirty=function(){this.dirtyStyle()},e.prototype.styleChanged=function(){return!!(2&this.__dirty)},e.prototype.styleUpdated=function(){this.__dirty&=-3},e.prototype.createStyle=function(t){return mt(xa,t)},e.prototype.useStyle=function(t){t[ma]||(t=this.createStyle(t)),this.__inHover?this.__hoverStyle=t:this.style=t,this.dirtyStyle()},e.prototype.isStyleObject=function(t){return t[ma]},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.style&&!n.style&&(n.style=this._mergeStyle(this.createStyle(),this.style)),this._savePrimaryToNormal(e,n,ba)},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.style?o?r?s=n.style:(s=this._mergeStyle(this.createStyle(),i.style),this._mergeStyle(s,n.style)):(s=this._mergeStyle(this.createStyle(),r?this.style:i.style),this._mergeStyle(s,n.style)):l&&(s=i.style),s)if(o){var u=this.style;if(this.style=this.createStyle(l?{}:u),l)for(var h=G(u),c=0;c<h.length;c++){(d=h[c])in s&&(s[d]=s[d],this.style[d]=u[d])}var p=G(s);for(c=0;c<p.length;c++){var d=p[c];this.style[d]=this.style[d]}this._transitionState(e,{style:s},a,this.getAnimationStyleProps())}else this.useStyle(s);var f=this.__inHover?wa:ba;for(c=0;c<f.length;c++){d=f[c];n&&null!=n[d]?this[d]=n[d]:l&&null!=i[d]&&(this[d]=i[d])}},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.style&&(n=n||{},this._mergeStyle(n,o.style))}return n&&(i.style=n),i},e.prototype._mergeStyle=function(t,e){return A(t,e),t},e.prototype.getAnimationStyleProps=function(){return _a},e.initDefaultProps=((i=e.prototype).type="displayable",i.invisible=!1,i.z=0,i.z2=0,i.zlevel=0,i.culling=!1,i.cursor="pointer",i.rectHover=!1,i.incremental=!1,i._rect=null,i.dirtyRectTolerance=0,void(i.__dirty=3)),e}(Pr),Ma=new ze(0,0,0,0),Ia=new ze(0,0,0,0);var Ta=Math.min,Ca=Math.max,Da=Math.sin,Aa=Math.cos,ka=2*Math.PI,La=Mt(),Pa=Mt(),Oa=Mt();function Ra(t,e,n){if(0!==t.length){for(var i=t[0],r=i[0],o=i[0],a=i[1],s=i[1],l=1;l<t.length;l++)i=t[l],r=Ta(r,i[0]),o=Ca(o,i[0]),a=Ta(a,i[1]),s=Ca(s,i[1]);e[0]=r,e[1]=a,n[0]=o,n[1]=s}}function Na(t,e,n,i,r,o){r[0]=Ta(t,n),r[1]=Ta(e,i),o[0]=Ca(t,n),o[1]=Ca(e,i)}var Ea=[],za=[];function Va(t,e,n,i,r,o,a,s,l,u){var h=bn,c=mn,p=h(t,n,r,a,Ea);l[0]=1/0,l[1]=1/0,u[0]=-1/0,u[1]=-1/0;for(var d=0;d<p;d++){var f=c(t,n,r,a,Ea[d]);l[0]=Ta(f,l[0]),u[0]=Ca(f,u[0])}p=h(e,i,o,s,za);for(d=0;d<p;d++){var g=c(e,i,o,s,za[d]);l[1]=Ta(g,l[1]),u[1]=Ca(g,u[1])}l[0]=Ta(t,l[0]),u[0]=Ca(t,u[0]),l[0]=Ta(a,l[0]),u[0]=Ca(a,u[0]),l[1]=Ta(e,l[1]),u[1]=Ca(e,u[1]),l[1]=Ta(s,l[1]),u[1]=Ca(s,u[1])}function Ba(t,e,n,i,r,o,a,s){var l=Cn,u=In,h=Ca(Ta(l(t,n,r),1),0),c=Ca(Ta(l(e,i,o),1),0),p=u(t,n,r,h),d=u(e,i,o,c);a[0]=Ta(t,r,p),a[1]=Ta(e,o,d),s[0]=Ca(t,r,p),s[1]=Ca(e,o,d)}function Fa(t,e,n,i,r,o,a,s,l){var u=Ht,h=Yt,c=Math.abs(r-o);if(c%ka<1e-4&&c>1e-4)return s[0]=t-n,s[1]=e-i,l[0]=t+n,void(l[1]=e+i);if(La[0]=Aa(r)*n+t,La[1]=Da(r)*i+e,Pa[0]=Aa(o)*n+t,Pa[1]=Da(o)*i+e,u(s,La,Pa),h(l,La,Pa),(r%=ka)<0&&(r+=ka),(o%=ka)<0&&(o+=ka),r>o&&!a?o+=ka:r<o&&a&&(r+=ka),a){var p=o;o=r,r=p}for(var d=0;d<o;d+=Math.PI/2)d>r&&(Oa[0]=Aa(d)*n+t,Oa[1]=Da(d)*i+e,u(s,Oa,s),h(l,Oa,l))}var Ga={M:1,L:2,C:3,Q:4,A:5,Z:6,R:7},Wa=[],Ha=[],Ya=[],Xa=[],Ua=[],Za=[],ja=Math.min,qa=Math.max,Ka=Math.cos,$a=Math.sin,Ja=Math.abs,Qa=Math.PI,ts=2*Qa,es="undefined"!=typeof Float32Array,ns=[];function is(t){return Math.round(t/Qa*1e8)/1e8%2*Qa}function rs(t,e){var n=is(t[0]);n<0&&(n+=ts);var i=n-t[0],r=t[1];r+=i,!e&&r-n>=ts?r=n+ts:e&&n-r>=ts?r=n-ts:!e&&n>r?r=n+(ts-is(n-r)):e&&n<r&&(r=n-(ts-is(r-n))),t[0]=n,t[1]=r}var os=function(){function t(t){this.dpr=1,this._xi=0,this._yi=0,this._x0=0,this._y0=0,this._len=0,t&&(this._saveData=!1),this._saveData&&(this.data=[])}return t.prototype.increaseVersion=function(){this._version++},t.prototype.getVersion=function(){return this._version},t.prototype.setScale=function(t,e,n){(n=n||0)>0&&(this._ux=Ja(n/or/t)||0,this._uy=Ja(n/or/e)||0)},t.prototype.setDPR=function(t){this.dpr=t},t.prototype.setContext=function(t){this._ctx=t},t.prototype.getContext=function(){return this._ctx},t.prototype.beginPath=function(){return this._ctx&&this._ctx.beginPath(),this.reset(),this},t.prototype.reset=function(){this._saveData&&(this._len=0),this._pathSegLen&&(this._pathSegLen=null,this._pathLen=0),this._version++},t.prototype.moveTo=function(t,e){return this._drawPendingPt(),this.addData(Ga.M,t,e),this._ctx&&this._ctx.moveTo(t,e),this._x0=t,this._y0=e,this._xi=t,this._yi=e,this},t.prototype.lineTo=function(t,e){var n=Ja(t-this._xi),i=Ja(e-this._yi),r=n>this._ux||i>this._uy;if(this.addData(Ga.L,t,e),this._ctx&&r&&this._ctx.lineTo(t,e),r)this._xi=t,this._yi=e,this._pendingPtDist=0;else{var o=n*n+i*i;o>this._pendingPtDist&&(this._pendingPtX=t,this._pendingPtY=e,this._pendingPtDist=o)}return this},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){return this._drawPendingPt(),this.addData(Ga.C,t,e,n,i,r,o),this._ctx&&this._ctx.bezierCurveTo(t,e,n,i,r,o),this._xi=r,this._yi=o,this},t.prototype.quadraticCurveTo=function(t,e,n,i){return this._drawPendingPt(),this.addData(Ga.Q,t,e,n,i),this._ctx&&this._ctx.quadraticCurveTo(t,e,n,i),this._xi=n,this._yi=i,this},t.prototype.arc=function(t,e,n,i,r,o){this._drawPendingPt(),ns[0]=i,ns[1]=r,rs(ns,o),i=ns[0];var a=(r=ns[1])-i;return this.addData(Ga.A,t,e,n,n,i,a,0,o?0:1),this._ctx&&this._ctx.arc(t,e,n,i,r,o),this._xi=Ka(r)*n+t,this._yi=$a(r)*n+e,this},t.prototype.arcTo=function(t,e,n,i,r){return this._drawPendingPt(),this._ctx&&this._ctx.arcTo(t,e,n,i,r),this},t.prototype.rect=function(t,e,n,i){return this._drawPendingPt(),this._ctx&&this._ctx.rect(t,e,n,i),this.addData(Ga.R,t,e,n,i),this},t.prototype.closePath=function(){this._drawPendingPt(),this.addData(Ga.Z);var t=this._ctx,e=this._x0,n=this._y0;return t&&t.closePath(),this._xi=e,this._yi=n,this},t.prototype.fill=function(t){t&&t.fill(),this.toStatic()},t.prototype.stroke=function(t){t&&t.stroke(),this.toStatic()},t.prototype.len=function(){return this._len},t.prototype.setData=function(t){var e=t.length;this.data&&this.data.length===e||!es||(this.data=new Float32Array(e));for(var n=0;n<e;n++)this.data[n]=t[n];this._len=e},t.prototype.appendPath=function(t){t instanceof Array||(t=[t]);for(var e=t.length,n=0,i=this._len,r=0;r<e;r++)n+=t[r].len();es&&this.data instanceof Float32Array&&(this.data=new Float32Array(i+n));for(r=0;r<e;r++)for(var o=t[r].data,a=0;a<o.length;a++)this.data[i++]=o[a];this._len=i},t.prototype.addData=function(t,e,n,i,r,o,a,s,l){if(this._saveData){var u=this.data;this._len+arguments.length>u.length&&(this._expandData(),u=this.data);for(var h=0;h<arguments.length;h++)u[this._len++]=arguments[h]}},t.prototype._drawPendingPt=function(){this._pendingPtDist>0&&(this._ctx&&this._ctx.lineTo(this._pendingPtX,this._pendingPtY),this._pendingPtDist=0)},t.prototype._expandData=function(){if(!(this.data instanceof Array)){for(var t=[],e=0;e<this._len;e++)t[e]=this.data[e];this.data=t}},t.prototype.toStatic=function(){if(this._saveData){this._drawPendingPt();var t=this.data;t instanceof Array&&(t.length=this._len,es&&this._len>11&&(this.data=new Float32Array(t)))}},t.prototype.getBoundingRect=function(){Ya[0]=Ya[1]=Ua[0]=Ua[1]=Number.MAX_VALUE,Xa[0]=Xa[1]=Za[0]=Za[1]=-Number.MAX_VALUE;var t,e=this.data,n=0,i=0,r=0,o=0;for(t=0;t<this._len;){var a=e[t++],s=1===t;switch(s&&(r=n=e[t],o=i=e[t+1]),a){case Ga.M:n=r=e[t++],i=o=e[t++],Ua[0]=r,Ua[1]=o,Za[0]=r,Za[1]=o;break;case Ga.L:Na(n,i,e[t],e[t+1],Ua,Za),n=e[t++],i=e[t++];break;case Ga.C:Va(n,i,e[t++],e[t++],e[t++],e[t++],e[t],e[t+1],Ua,Za),n=e[t++],i=e[t++];break;case Ga.Q:Ba(n,i,e[t++],e[t++],e[t],e[t+1],Ua,Za),n=e[t++],i=e[t++];break;case Ga.A:var l=e[t++],u=e[t++],h=e[t++],c=e[t++],p=e[t++],d=e[t++]+p;t+=1;var f=!e[t++];s&&(r=Ka(p)*h+l,o=$a(p)*c+u),Fa(l,u,h,c,p,d,f,Ua,Za),n=Ka(d)*h+l,i=$a(d)*c+u;break;case Ga.R:Na(r=n=e[t++],o=i=e[t++],r+e[t++],o+e[t++],Ua,Za);break;case Ga.Z:n=r,i=o}Ht(Ya,Ya,Ua),Yt(Xa,Xa,Za)}return 0===t&&(Ya[0]=Ya[1]=Xa[0]=Xa[1]=0),new ze(Ya[0],Ya[1],Xa[0]-Ya[0],Xa[1]-Ya[1])},t.prototype._calculateLength=function(){var t=this.data,e=this._len,n=this._ux,i=this._uy,r=0,o=0,a=0,s=0;this._pathSegLen||(this._pathSegLen=[]);for(var l=this._pathSegLen,u=0,h=0,c=0;c<e;){var p=t[c++],d=1===c;d&&(a=r=t[c],s=o=t[c+1]);var f=-1;switch(p){case Ga.M:r=a=t[c++],o=s=t[c++];break;case Ga.L:var g=t[c++],y=(x=t[c++])-o;(Ja(A=g-r)>n||Ja(y)>i||c===e-1)&&(f=Math.sqrt(A*A+y*y),r=g,o=x);break;case Ga.C:var v=t[c++],m=t[c++],x=(g=t[c++],t[c++]),_=t[c++],b=t[c++];f=Mn(r,o,v,m,g,x,_,b,10),r=_,o=b;break;case Ga.Q:f=kn(r,o,v=t[c++],m=t[c++],g=t[c++],x=t[c++],10),r=g,o=x;break;case Ga.A:var w=t[c++],S=t[c++],M=t[c++],I=t[c++],T=t[c++],C=t[c++],D=C+T;c+=1;t[c++];d&&(a=Ka(T)*M+w,s=$a(T)*I+S),f=qa(M,I)*ja(ts,Math.abs(C)),r=Ka(D)*M+w,o=$a(D)*I+S;break;case Ga.R:a=r=t[c++],s=o=t[c++],f=2*t[c++]+2*t[c++];break;case Ga.Z:var A=a-r;y=s-o;f=Math.sqrt(A*A+y*y),r=a,o=s}f>=0&&(l[h++]=f,u+=f)}return this._pathLen=u,u},t.prototype.rebuildPath=function(t,e){var n,i,r,o,a,s,l,u,h,c,p=this.data,d=this._ux,f=this._uy,g=this._len,y=e<1,v=0,m=0,x=0;if(!y||(this._pathSegLen||this._calculateLength(),l=this._pathSegLen,u=e*this._pathLen))t:for(var _=0;_<g;){var b=p[_++],w=1===_;switch(w&&(n=r=p[_],i=o=p[_+1]),b!==Ga.L&&x>0&&(t.lineTo(h,c),x=0),b){case Ga.M:n=r=p[_++],i=o=p[_++],t.moveTo(r,o);break;case Ga.L:a=p[_++],s=p[_++];var S=Ja(a-r),M=Ja(s-o);if(S>d||M>f){if(y){if(v+(j=l[m++])>u){var I=(u-v)/j;t.lineTo(r*(1-I)+a*I,o*(1-I)+s*I);break t}v+=j}t.lineTo(a,s),r=a,o=s,x=0}else{var T=S*S+M*M;T>x&&(h=a,c=s,x=T)}break;case Ga.C:var C=p[_++],D=p[_++],A=p[_++],k=p[_++],L=p[_++],P=p[_++];if(y){if(v+(j=l[m++])>u){wn(r,C,A,L,I=(u-v)/j,Wa),wn(o,D,k,P,I,Ha),t.bezierCurveTo(Wa[1],Ha[1],Wa[2],Ha[2],Wa[3],Ha[3]);break t}v+=j}t.bezierCurveTo(C,D,A,k,L,P),r=L,o=P;break;case Ga.Q:C=p[_++],D=p[_++],A=p[_++],k=p[_++];if(y){if(v+(j=l[m++])>u){Dn(r,C,A,I=(u-v)/j,Wa),Dn(o,D,k,I,Ha),t.quadraticCurveTo(Wa[1],Ha[1],Wa[2],Ha[2]);break t}v+=j}t.quadraticCurveTo(C,D,A,k),r=A,o=k;break;case Ga.A:var O=p[_++],R=p[_++],N=p[_++],E=p[_++],z=p[_++],V=p[_++],B=p[_++],F=!p[_++],G=N>E?N:E,W=Ja(N-E)>.001,H=z+V,Y=!1;if(y)v+(j=l[m++])>u&&(H=z+V*(u-v)/j,Y=!0),v+=j;if(W&&t.ellipse?t.ellipse(O,R,N,E,B,z,H,F):t.arc(O,R,G,z,H,F),Y)break t;w&&(n=Ka(z)*N+O,i=$a(z)*E+R),r=Ka(H)*N+O,o=$a(H)*E+R;break;case Ga.R:n=r=p[_],i=o=p[_+1],a=p[_++],s=p[_++];var X=p[_++],U=p[_++];if(y){if(v+(j=l[m++])>u){var Z=u-v;t.moveTo(a,s),t.lineTo(a+ja(Z,X),s),(Z-=X)>0&&t.lineTo(a+X,s+ja(Z,U)),(Z-=U)>0&&t.lineTo(a+qa(X-Z,0),s+U),(Z-=X)>0&&t.lineTo(a,s+qa(U-Z,0));break t}v+=j}t.rect(a,s,X,U);break;case Ga.Z:if(y){var j;if(v+(j=l[m++])>u){I=(u-v)/j;t.lineTo(r*(1-I)+n*I,o*(1-I)+i*I);break t}v+=j}t.closePath(),r=n,o=i}}},t.prototype.clone=function(){var e=new t,n=this.data;return e.data=n.slice?n.slice():Array.prototype.slice.call(n),e._len=this._len,e},t.CMD=Ga,t.initDefaultProps=function(){var e=t.prototype;e._saveData=!0,e._ux=0,e._uy=0,e._pendingPtDist=0,e._version=0}(),t}();function as(t,e,n,i,r,o,a){if(0===r)return!1;var s=r,l=0;if(a>e+s&&a>i+s||a<e-s&&a<i-s||o>t+s&&o>n+s||o<t-s&&o<n-s)return!1;if(t===n)return Math.abs(o-t)<=s/2;var u=(l=(e-i)/(t-n))*o-a+(t*i-n*e)/(t-n);return u*u/(l*l+1)<=s/2*s/2}function ss(t,e,n,i,r,o,a,s,l,u,h){if(0===l)return!1;var c=l;return!(h>e+c&&h>i+c&&h>o+c&&h>s+c||h<e-c&&h<i-c&&h<o-c&&h<s-c||u>t+c&&u>n+c&&u>r+c&&u>a+c||u<t-c&&u<n-c&&u<r-c&&u<a-c)&&Sn(t,e,n,i,r,o,a,s,u,h,null)<=c/2}function ls(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;return!(l>e+u&&l>i+u&&l>o+u||l<e-u&&l<i-u&&l<o-u||s>t+u&&s>n+u&&s>r+u||s<t-u&&s<n-u&&s<r-u)&&An(t,e,n,i,r,o,s,l,null)<=u/2}var us=2*Math.PI;function hs(t){return(t%=us)<0&&(t+=us),t}var cs=2*Math.PI;function ps(t,e,n,i,r,o,a,s,l){if(0===a)return!1;var u=a;s-=t,l-=e;var h=Math.sqrt(s*s+l*l);if(h-u>n||h+u<n)return!1;if(Math.abs(i-r)%cs<1e-4)return!0;if(o){var c=i;i=hs(r),r=hs(c)}else i=hs(i),r=hs(r);i>r&&(r+=cs);var p=Math.atan2(l,s);return p<0&&(p+=cs),p>=i&&p<=r||p+cs>=i&&p+cs<=r}function ds(t,e,n,i,r,o){if(o>e&&o>i||o<e&&o<i)return 0;if(i===e)return 0;var a=(o-e)/(i-e),s=i<e?1:-1;1!==a&&0!==a||(s=i<e?.5:-.5);var l=a*(n-t)+t;return l===r?1/0:l>r?s:0}var fs=os.CMD,gs=2*Math.PI;var ys=[-1,-1,-1],vs=[-1,-1];function ms(t,e,n,i,r,o,a,s,l,u){if(u>e&&u>i&&u>o&&u>s||u<e&&u<i&&u<o&&u<s)return 0;var h,c=_n(e,i,o,s,u,ys);if(0===c)return 0;for(var p=0,d=-1,f=void 0,g=void 0,y=0;y<c;y++){var v=ys[y],m=0===v||1===v?.5:1;mn(t,n,r,a,v)<l||(d<0&&(d=bn(e,i,o,s,vs),vs[1]<vs[0]&&d>1&&(h=void 0,h=vs[0],vs[0]=vs[1],vs[1]=h),f=mn(e,i,o,s,vs[0]),d>1&&(g=mn(e,i,o,s,vs[1]))),2===d?v<vs[0]?p+=f<e?m:-m:v<vs[1]?p+=g<f?m:-m:p+=s<g?m:-m:v<vs[0]?p+=f<e?m:-m:p+=s<f?m:-m)}return p}function xs(t,e,n,i,r,o,a,s){if(s>e&&s>i&&s>o||s<e&&s<i&&s<o)return 0;var l=function(t,e,n,i,r){var o=t-2*e+n,a=2*(e-t),s=t-i,l=0;if(yn(o))vn(a)&&(h=-s/a)>=0&&h<=1&&(r[l++]=h);else{var u=a*a-4*o*s;if(yn(u))(h=-a/(2*o))>=0&&h<=1&&(r[l++]=h);else if(u>0){var h,c=ln(u),p=(-a-c)/(2*o);(h=(-a+c)/(2*o))>=0&&h<=1&&(r[l++]=h),p>=0&&p<=1&&(r[l++]=p)}}return l}(e,i,o,s,ys);if(0===l)return 0;var u=Cn(e,i,o);if(u>=0&&u<=1){for(var h=0,c=In(e,i,o,u),p=0;p<l;p++){var d=0===ys[p]||1===ys[p]?.5:1;In(t,n,r,ys[p])<a||(ys[p]<u?h+=c<e?d:-d:h+=o<c?d:-d)}return h}d=0===ys[0]||1===ys[0]?.5:1;return In(t,n,r,ys[0])<a?0:o<e?d:-d}function _s(t,e,n,i,r,o,a,s){if((s-=e)>n||s<-n)return 0;var l=Math.sqrt(n*n-s*s);ys[0]=-l,ys[1]=l;var u=Math.abs(i-r);if(u<1e-4)return 0;if(u>=gs-1e-4){i=0,r=gs;var h=o?1:-1;return a>=ys[0]+t&&a<=ys[1]+t?h:0}if(i>r){var c=i;i=r,r=c}i<0&&(i+=gs,r+=gs);for(var p=0,d=0;d<2;d++){var f=ys[d];if(f+t>a){var g=Math.atan2(s,f);h=o?1:-1;g<0&&(g=gs+g),(g>=i&&g<=r||g+gs>=i&&g+gs<=r)&&(g>Math.PI/2&&g<1.5*Math.PI&&(h=-h),p+=h)}}return p}function bs(t,e,n,i,r){for(var o,a,s,l,u=t.data,h=t.len(),c=0,p=0,d=0,f=0,g=0,y=0;y<h;){var v=u[y++],m=1===y;switch(v===fs.M&&y>1&&(n||(c+=ds(p,d,f,g,i,r))),m&&(f=p=u[y],g=d=u[y+1]),v){case fs.M:p=f=u[y++],d=g=u[y++];break;case fs.L:if(n){if(as(p,d,u[y],u[y+1],e,i,r))return!0}else c+=ds(p,d,u[y],u[y+1],i,r)||0;p=u[y++],d=u[y++];break;case fs.C:if(n){if(ss(p,d,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else c+=ms(p,d,u[y++],u[y++],u[y++],u[y++],u[y],u[y+1],i,r)||0;p=u[y++],d=u[y++];break;case fs.Q:if(n){if(ls(p,d,u[y++],u[y++],u[y],u[y+1],e,i,r))return!0}else c+=xs(p,d,u[y++],u[y++],u[y],u[y+1],i,r)||0;p=u[y++],d=u[y++];break;case fs.A:var x=u[y++],_=u[y++],b=u[y++],w=u[y++],S=u[y++],M=u[y++];y+=1;var I=!!(1-u[y++]);o=Math.cos(S)*b+x,a=Math.sin(S)*w+_,m?(f=o,g=a):c+=ds(p,d,o,a,i,r);var T=(i-x)*w/b+x;if(n){if(ps(x,_,w,S,S+M,I,e,T,r))return!0}else c+=_s(x,_,w,S,S+M,I,T,r);p=Math.cos(S+M)*b+x,d=Math.sin(S+M)*w+_;break;case fs.R:if(f=p=u[y++],g=d=u[y++],o=f+u[y++],a=g+u[y++],n){if(as(f,g,o,g,e,i,r)||as(o,g,o,a,e,i,r)||as(o,a,f,a,e,i,r)||as(f,a,f,g,e,i,r))return!0}else c+=ds(o,g,o,a,i,r),c+=ds(f,a,f,g,i,r);break;case fs.Z:if(n){if(as(p,d,f,g,e,i,r))return!0}else c+=ds(p,d,f,g,i,r);p=f,d=g}}return n||(s=d,l=g,Math.abs(s-l)<1e-4)||(c+=ds(p,d,f,g,i,r)||0),0!==c}var ws=k({fill:"#000",stroke:null,strokePercent:1,fillOpacity:1,strokeOpacity:1,lineDashOffset:0,lineWidth:1,lineCap:"butt",miterLimit:10,strokeNoScale:!1,strokeFirst:!1},xa),Ss={style:k({fill:!0,stroke:!0,strokePercent:!0,fillOpacity:!0,strokeOpacity:!0,lineDashOffset:!0,lineWidth:!0,miterLimit:!0},_a.style)},Ms=yr.concat(["invisible","culling","z","z2","zlevel","parent"]),Is=function(t){function e(e){return t.call(this,e)||this}var i;return n(e,t),e.prototype.update=function(){var n=this;t.prototype.update.call(this);var i=this.style;if(i.decal){var r=this._decalEl=this._decalEl||new e;r.buildPath===e.prototype.buildPath&&(r.buildPath=function(t){n.buildPath(t,n.shape)}),r.silent=!0;var o=r.style;for(var a in i)o[a]!==i[a]&&(o[a]=i[a]);o.fill=i.fill?i.decal:null,o.decal=null,o.shadowColor=null,i.strokeFirst&&(o.stroke=null);for(var s=0;s<Ms.length;++s)r[Ms[s]]=this[Ms[s]];r.__dirty|=1}else this._decalEl&&(this._decalEl=null)},e.prototype.getDecalElement=function(){return this._decalEl},e.prototype._init=function(e){var n=G(e);this.shape=this.getDefaultShape();var i=this.getDefaultStyle();i&&this.useStyle(i);for(var r=0;r<n.length;r++){var o=n[r],a=e[o];"style"===o?this.style?A(this.style,a):this.useStyle(a):"shape"===o?A(this.shape,a):t.prototype.attrKV.call(this,o,a)}this.style||this.useStyle({})},e.prototype.getDefaultStyle=function(){return null},e.prototype.getDefaultShape=function(){return{}},e.prototype.canBeInsideText=function(){return this.hasFill()},e.prototype.getInsideTextFill=function(){var t=this.style.fill;if("none"!==t){if(U(t)){var e=oi(t,0);return e>.5?ar:e>.2?"#eee":sr}if(t)return sr}return ar},e.prototype.getInsideTextStroke=function(t){var e=this.style.fill;if(U(e)){var n=this.__zr;if(!(!n||!n.isDarkMode())===oi(t,0)<.4)return e}},e.prototype.buildPath=function(t,e,n){},e.prototype.pathUpdated=function(){this.__dirty&=-5},e.prototype.getUpdatedPathProxy=function(t){return!this.path&&this.createPathProxy(),this.path.beginPath(),this.buildPath(this.path,this.shape,t),this.path},e.prototype.createPathProxy=function(){this.path=new os(!1)},e.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.getBoundingRect=function(){var t=this._rect,e=this.style,n=!t;if(n){var i=!1;this.path||(i=!0,this.createPathProxy());var r=this.path;(i||4&this.__dirty)&&(r.beginPath(),this.buildPath(r,this.shape,!1),this.pathUpdated()),t=r.getBoundingRect()}if(this._rect=t,this.hasStroke()&&this.path&&this.path.len()>0){var o=this._rectStroke||(this._rectStroke=t.clone());if(this.__dirty||n){o.copy(t);var a=e.strokeNoScale?this.getLineScale():1,s=e.lineWidth;if(!this.hasFill()){var l=this.strokeContainThreshold;s=Math.max(s,null==l?4:l)}a>1e-10&&(o.width+=s/a,o.height+=s/a,o.x-=s/a/2,o.y-=s/a/2)}return o}return t},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect(),r=this.style;if(t=n[0],e=n[1],i.contain(t,e)){var o=this.path;if(this.hasStroke()){var a=r.lineWidth,s=r.strokeNoScale?this.getLineScale():1;if(s>1e-10&&(this.hasFill()||(a=Math.max(a,this.strokeContainThreshold)),function(t,e,n,i){return bs(t,e,!0,n,i)}(o,a/s,t,e)))return!0}if(this.hasFill())return function(t,e,n){return bs(t,0,!1,e,n)}(o,t,e)}return!1},e.prototype.dirtyShape=function(){this.__dirty|=4,this._rect&&(this._rect=null),this._decalEl&&this._decalEl.dirtyShape(),this.markRedraw()},e.prototype.dirty=function(){this.dirtyStyle(),this.dirtyShape()},e.prototype.animateShape=function(t){return this.animate("shape",t)},e.prototype.updateDuringAnimation=function(t){"style"===t?this.dirtyStyle():"shape"===t?this.dirtyShape():this.markRedraw()},e.prototype.attrKV=function(e,n){"shape"===e?this.setShape(n):t.prototype.attrKV.call(this,e,n)},e.prototype.setShape=function(t,e){var n=this.shape;return n||(n=this.shape={}),"string"==typeof t?n[t]=e:A(n,t),this.dirtyShape(),this},e.prototype.shapeChanged=function(){return!!(4&this.__dirty)},e.prototype.createStyle=function(t){return mt(ws,t)},e.prototype._innerSaveToNormal=function(e){t.prototype._innerSaveToNormal.call(this,e);var n=this._normalState;e.shape&&!n.shape&&(n.shape=A({},this.shape))},e.prototype._applyStateObj=function(e,n,i,r,o,a){t.prototype._applyStateObj.call(this,e,n,i,r,o,a);var s,l=!(n&&r);if(n&&n.shape?o?r?s=n.shape:(s=A({},i.shape),A(s,n.shape)):(s=A({},r?this.shape:i.shape),A(s,n.shape)):l&&(s=i.shape),s)if(o){this.shape=A({},this.shape);for(var u={},h=G(s),c=0;c<h.length;c++){var p=h[c];"object"==typeof s[p]?this.shape[p]=s[p]:u[p]=s[p]}this._transitionState(e,{shape:u},a)}else this.shape=s,this.dirtyShape()},e.prototype._mergeStates=function(e){for(var n,i=t.prototype._mergeStates.call(this,e),r=0;r<e.length;r++){var o=e[r];o.shape&&(n=n||{},this._mergeStyle(n,o.shape))}return n&&(i.shape=n),i},e.prototype.getAnimationStyleProps=function(){return Ss},e.prototype.isZeroArea=function(){return!1},e.extend=function(t){var i=function(e){function i(n){var i=e.call(this,n)||this;return t.init&&t.init.call(i,n),i}return n(i,e),i.prototype.getDefaultStyle=function(){return T(t.style)},i.prototype.getDefaultShape=function(){return T(t.shape)},i}(e);for(var r in t)"function"==typeof t[r]&&(i.prototype[r]=t[r]);return i},e.initDefaultProps=((i=e.prototype).type="path",i.strokeContainThreshold=5,i.segmentIgnoreThreshold=0,i.subPixelOptimize=!1,i.autoBatch=!1,void(i.__dirty=7)),e}(Sa),Ts=k({strokeFirst:!0,font:a,x:0,y:0,textAlign:"left",textBaseline:"top",miterLimit:2},ws),Cs=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.hasStroke=function(){var t=this.style,e=t.stroke;return null!=e&&"none"!==e&&t.lineWidth>0},e.prototype.hasFill=function(){var t=this.style.fill;return null!=t&&"none"!==t},e.prototype.createStyle=function(t){return mt(Ts,t)},e.prototype.setBoundingRect=function(t){this._rect=t},e.prototype.getBoundingRect=function(){var t=this.style;if(!this._rect){var e=t.text;null!=e?e+="":e="";var n=br(e,t.font,t.textAlign,t.textBaseline);if(n.x+=t.x||0,n.y+=t.y||0,this.hasStroke()){var i=t.lineWidth;n.x-=i/2,n.y-=i/2,n.width+=i,n.height+=i}this._rect=n}return this._rect},e.initDefaultProps=void(e.prototype.dirtyRectTolerance=10),e}(Sa);Cs.prototype.type="tspan";var Ds=k({x:0,y:0},xa),As={style:k({x:!0,y:!0,width:!0,height:!0,sx:!0,sy:!0,sWidth:!0,sHeight:!0},_a.style)};var ks=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.createStyle=function(t){return mt(Ds,t)},e.prototype._getSize=function(t){var e=this.style,n=e[t];if(null!=n)return n;var i,r=(i=e.image)&&"string"!=typeof i&&i.width&&i.height?e.image:this.__image;if(!r)return 0;var o="width"===t?"height":"width",a=e[o];return null==a?r[t]:r[t]/r[o]*a},e.prototype.getWidth=function(){return this._getSize("width")},e.prototype.getHeight=function(){return this._getSize("height")},e.prototype.getAnimationStyleProps=function(){return As},e.prototype.getBoundingRect=function(){var t=this.style;return this._rect||(this._rect=new ze(t.x||0,t.y||0,this.getWidth(),this.getHeight())),this._rect},e}(Sa);ks.prototype.type="image";var Ls=Math.round;function Ps(t,e,n){if(e){var i=e.x1,r=e.x2,o=e.y1,a=e.y2;t.x1=i,t.x2=r,t.y1=o,t.y2=a;var s=n&&n.lineWidth;return s?(Ls(2*i)===Ls(2*r)&&(t.x1=t.x2=Rs(i,s,!0)),Ls(2*o)===Ls(2*a)&&(t.y1=t.y2=Rs(o,s,!0)),t):t}}function Os(t,e,n){if(e){var i=e.x,r=e.y,o=e.width,a=e.height;t.x=i,t.y=r,t.width=o,t.height=a;var s=n&&n.lineWidth;return s?(t.x=Rs(i,s,!0),t.y=Rs(r,s,!0),t.width=Math.max(Rs(i+o,s,!1)-t.x,0===o?0:1),t.height=Math.max(Rs(r+a,s,!1)-t.y,0===a?0:1),t):t}}function Rs(t,e,n){if(!e)return t;var i=Ls(2*t);return(i+Ls(e))%2==0?i/2:(i+(n?1:-1))/2}var Ns=function(){this.x=0,this.y=0,this.width=0,this.height=0},Es={},zs=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Ns},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=Os(Es,e,this.style);n=a.x,i=a.y,r=a.width,o=a.height,a.r=e.r,e=a}else n=e.x,i=e.y,r=e.width,o=e.height;e.r?function(t,e){var n,i,r,o,a,s=e.x,l=e.y,u=e.width,h=e.height,c=e.r;u<0&&(s+=u,u=-u),h<0&&(l+=h,h=-h),"number"==typeof c?n=i=r=o=c:c instanceof Array?1===c.length?n=i=r=o=c[0]:2===c.length?(n=r=c[0],i=o=c[1]):3===c.length?(n=c[0],i=o=c[1],r=c[2]):(n=c[0],i=c[1],r=c[2],o=c[3]):n=i=r=o=0,n+i>u&&(n*=u/(a=n+i),i*=u/a),r+o>u&&(r*=u/(a=r+o),o*=u/a),i+r>h&&(i*=h/(a=i+r),r*=h/a),n+o>h&&(n*=h/(a=n+o),o*=h/a),t.moveTo(s+n,l),t.lineTo(s+u-i,l),0!==i&&t.arc(s+u-i,l+i,i,-Math.PI/2,0),t.lineTo(s+u,l+h-r),0!==r&&t.arc(s+u-r,l+h-r,r,0,Math.PI/2),t.lineTo(s+o,l+h),0!==o&&t.arc(s+o,l+h-o,o,Math.PI/2,Math.PI),t.lineTo(s,l+n),0!==n&&t.arc(s+n,l+n,n,Math.PI,1.5*Math.PI)}(t,e):t.rect(n,i,r,o)},e.prototype.isZeroArea=function(){return!this.shape.width||!this.shape.height},e}(Is);zs.prototype.type="rect";var Vs={fill:"#000"},Bs={style:k({fill:!0,stroke:!0,fillOpacity:!0,strokeOpacity:!0,lineWidth:!0,fontSize:!0,lineHeight:!0,width:!0,height:!0,textShadowColor:!0,textShadowBlur:!0,textShadowOffsetX:!0,textShadowOffsetY:!0,backgroundColor:!0,padding:!0,borderColor:!0,borderWidth:!0,borderRadius:!0},_a.style)},Fs=function(t){function e(e){var n=t.call(this)||this;return n.type="text",n._children=[],n._defaultStyle=Vs,n.attr(e),n}return n(e,t),e.prototype.childrenRef=function(){return this._children},e.prototype.update=function(){t.prototype.update.call(this),this.styleChanged()&&this._updateSubTexts();for(var e=0;e<this._children.length;e++){var n=this._children[e];n.zlevel=this.zlevel,n.z=this.z,n.z2=this.z2,n.culling=this.culling,n.cursor=this.cursor,n.invisible=this.invisible}},e.prototype.updateTransform=function(){var e=this.innerTransformable;e?(e.updateTransform(),e.transform&&(this.transform=e.transform)):t.prototype.updateTransform.call(this)},e.prototype.getLocalTransform=function(e){var n=this.innerTransformable;return n?n.getLocalTransform(e):t.prototype.getLocalTransform.call(this,e)},e.prototype.getComputedTransform=function(){return this.__hostTarget&&(this.__hostTarget.getComputedTransform(),this.__hostTarget.updateInnerText(!0)),t.prototype.getComputedTransform.call(this)},e.prototype._updateSubTexts=function(){var t;this._childCursor=0,Zs(t=this.style),E(t.rich,Zs),this.style.rich?this._updateRichTexts():this._updatePlainTexts(),this._children.length=this._childCursor,this.styleUpdated()},e.prototype.addSelfToZr=function(e){t.prototype.addSelfToZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=e},e.prototype.removeSelfFromZr=function(e){t.prototype.removeSelfFromZr.call(this,e);for(var n=0;n<this._children.length;n++)this._children[n].__zr=null},e.prototype.getBoundingRect=function(){if(this.styleChanged()&&this._updateSubTexts(),!this._rect){for(var t=new ze(0,0,0,0),e=this._children,n=[],i=null,r=0;r<e.length;r++){var o=e[r],a=o.getBoundingRect(),s=o.getLocalTransform(n);s?(t.copy(a),t.applyTransform(s),(i=i||t.clone()).union(t)):(i=i||a.clone()).union(a)}this._rect=i||t}return this._rect},e.prototype.setDefaultTextStyle=function(t){this._defaultStyle=t||Vs},e.prototype.setTextContent=function(t){0},e.prototype._mergeStyle=function(t,e){if(!e)return t;var n=e.rich,i=t.rich||n&&{};return A(t,e),n&&i?(this._mergeRich(i,n),t.rich=i):i&&(t.rich=i),t},e.prototype._mergeRich=function(t,e){for(var n=G(e),i=0;i<n.length;i++){var r=n[i];t[r]=t[r]||{},A(t[r],e[r])}},e.prototype.getAnimationStyleProps=function(){return Bs},e.prototype._getOrCreateChild=function(t){var e=this._children[this._childCursor];return e&&e instanceof t||(e=new t),this._children[this._childCursor++]=e,e.__zr=this.__zr,e.parent=this,e},e.prototype._updatePlainTexts=function(){var t=this.style,e=t.font||a,n=t.padding,i=function(t,e){null!=t&&(t+="");var n,i=e.overflow,r=e.padding,o=e.font,a="truncate"===i,s=Mr(o),l=rt(e.lineHeight,s),u=!!e.backgroundColor,h="truncate"===e.lineOverflow,c=e.width,p=(n=null==c||"break"!==i&&"breakAll"!==i?t?t.split("\n"):[]:t?va(t,e.font,c,"breakAll"===i,0).lines:[]).length*l,d=rt(e.height,p);if(p>d&&h){var f=Math.floor(d/l);n=n.slice(0,f)}if(t&&a&&null!=c)for(var g=la(c,o,e.ellipsis,{minChar:e.truncateMinChar,placeholder:e.placeholder}),y=0;y<n.length;y++)n[y]=ua(n[y],g);var v=d,m=0;for(y=0;y<n.length;y++)m=Math.max(xr(n[y],o),m);null==c&&(c=m);var x=m;return r&&(v+=r[0]+r[2],x+=r[1]+r[3],c+=r[1]+r[3]),u&&(x=c),{lines:n,height:d,outerWidth:x,outerHeight:v,lineHeight:l,calculatedLineHeight:s,contentWidth:m,contentHeight:p,width:c}}($s(t),t),r=Js(t),o=!!t.backgroundColor,s=i.outerHeight,l=i.outerWidth,u=i.contentWidth,h=i.lines,c=i.lineHeight,p=this._defaultStyle,d=t.x||0,f=t.y||0,g=t.align||p.align||"left",y=t.verticalAlign||p.verticalAlign||"top",v=d,m=Sr(f,i.contentHeight,y);if(r||n){var x=wr(d,l,g),_=Sr(f,s,y);r&&this._renderBackground(t,t,x,_,l,s)}m+=c/2,n&&(v=Ks(d,g,n),"top"===y?m+=n[0]:"bottom"===y&&(m-=n[2]));for(var b=0,w=!1,S=(qs("fill"in t?t.fill:(w=!0,p.fill))),M=(js("stroke"in t?t.stroke:o||p.autoStroke&&!w?null:(b=2,p.stroke))),I=t.textShadowBlur>0,T=null!=t.width&&("truncate"===t.overflow||"break"===t.overflow||"breakAll"===t.overflow),C=i.calculatedLineHeight,D=0;D<h.length;D++){var A=this._getOrCreateChild(Cs),k=A.createStyle();A.useStyle(k),k.text=h[D],k.x=v,k.y=m,g&&(k.textAlign=g),k.textBaseline="middle",k.opacity=t.opacity,k.strokeFirst=!0,I&&(k.shadowBlur=t.textShadowBlur||0,k.shadowColor=t.textShadowColor||"transparent",k.shadowOffsetX=t.textShadowOffsetX||0,k.shadowOffsetY=t.textShadowOffsetY||0),k.stroke=M,k.fill=S,M&&(k.lineWidth=t.lineWidth||b,k.lineDash=t.lineDash,k.lineDashOffset=t.lineDashOffset||0),k.font=e,Xs(k,t),m+=c,T&&A.setBoundingRect(new ze(wr(k.x,t.width,k.textAlign),Sr(k.y,C,k.textBaseline),u,C))}},e.prototype._updateRichTexts=function(){var t=this.style,e=function(t,e){var n=new da;if(null!=t&&(t+=""),!t)return n;for(var i,r=e.width,o=e.height,a=e.overflow,s="break"!==a&&"breakAll"!==a||null==r?null:{width:r,accumWidth:0,breakAll:"breakAll"===a},l=aa.lastIndex=0;null!=(i=aa.exec(t));){var u=i.index;u>l&&fa(n,t.substring(l,u),e,s),fa(n,i[2],e,s,i[1]),l=aa.lastIndex}l<t.length&&fa(n,t.substring(l,t.length),e,s);var h=[],c=0,p=0,d=e.padding,f="truncate"===a,g="truncate"===e.lineOverflow;function y(t,e,n){t.width=e,t.lineHeight=n,c+=n,p=Math.max(p,e)}t:for(var v=0;v<n.lines.length;v++){for(var m=n.lines[v],x=0,_=0,b=0;b<m.tokens.length;b++){var w=(P=m.tokens[b]).styleName&&e.rich[P.styleName]||{},S=P.textPadding=w.padding,M=S?S[1]+S[3]:0,I=P.font=w.font||e.font;P.contentHeight=Mr(I);var T=rt(w.height,P.contentHeight);if(P.innerHeight=T,S&&(T+=S[0]+S[2]),P.height=T,P.lineHeight=ot(w.lineHeight,e.lineHeight,T),P.align=w&&w.align||e.align,P.verticalAlign=w&&w.verticalAlign||"middle",g&&null!=o&&c+P.lineHeight>o){b>0?(m.tokens=m.tokens.slice(0,b),y(m,_,x),n.lines=n.lines.slice(0,v+1)):n.lines=n.lines.slice(0,v);break t}var C=w.width,D=null==C||"auto"===C;if("string"==typeof C&&"%"===C.charAt(C.length-1))P.percentWidth=C,h.push(P),P.contentWidth=xr(P.text,I);else{if(D){var A=w.backgroundColor,k=A&&A.image;k&&oa(k=na(k))&&(P.width=Math.max(P.width,k.width*T/k.height))}var L=f&&null!=r?r-_:null;null!=L&&L<P.width?!D||L<M?(P.text="",P.width=P.contentWidth=0):(P.text=sa(P.text,L-M,I,e.ellipsis,{minChar:e.truncateMinChar}),P.width=P.contentWidth=xr(P.text,I)):P.contentWidth=xr(P.text,I)}P.width+=M,_+=P.width,w&&(x=Math.max(x,P.lineHeight))}y(m,_,x)}for(n.outerWidth=n.width=rt(r,p),n.outerHeight=n.height=rt(o,c),n.contentHeight=c,n.contentWidth=p,d&&(n.outerWidth+=d[1]+d[3],n.outerHeight+=d[0]+d[2]),v=0;v<h.length;v++){var P,O=(P=h[v]).percentWidth;P.width=parseInt(O,10)/100*n.width}return n}($s(t),t),n=e.width,i=e.outerWidth,r=e.outerHeight,o=t.padding,a=t.x||0,s=t.y||0,l=this._defaultStyle,u=t.align||l.align,h=t.verticalAlign||l.verticalAlign,c=wr(a,i,u),p=Sr(s,r,h),d=c,f=p;o&&(d+=o[3],f+=o[0]);var g=d+n;Js(t)&&this._renderBackground(t,t,c,p,i,r);for(var y=!!t.backgroundColor,v=0;v<e.lines.length;v++){for(var m=e.lines[v],x=m.tokens,_=x.length,b=m.lineHeight,w=m.width,S=0,M=d,I=g,T=_-1,C=void 0;S<_&&(!(C=x[S]).align||"left"===C.align);)this._placeToken(C,t,b,f,M,"left",y),w-=C.width,M+=C.width,S++;for(;T>=0&&"right"===(C=x[T]).align;)this._placeToken(C,t,b,f,I,"right",y),w-=C.width,I-=C.width,T--;for(M+=(n-(M-d)-(g-I)-w)/2;S<=T;)C=x[S],this._placeToken(C,t,b,f,M+C.width/2,"center",y),M+=C.width,S++;f+=b}},e.prototype._placeToken=function(t,e,n,i,r,o,s){var l=e.rich[t.styleName]||{};l.text=t.text;var u=t.verticalAlign,h=i+n/2;"top"===u?h=i+t.height/2:"bottom"===u&&(h=i+n-t.height/2),!t.isLineHolder&&Js(l)&&this._renderBackground(l,e,"right"===o?r-t.width:"center"===o?r-t.width/2:r,h-t.height/2,t.width,t.height);var c=!!l.backgroundColor,p=t.textPadding;p&&(r=Ks(r,o,p),h-=t.height/2-p[0]-t.innerHeight/2);var d=this._getOrCreateChild(Cs),f=d.createStyle();d.useStyle(f);var g=this._defaultStyle,y=!1,v=0,m=qs("fill"in l?l.fill:"fill"in e?e.fill:(y=!0,g.fill)),x=js("stroke"in l?l.stroke:"stroke"in e?e.stroke:c||s||g.autoStroke&&!y?null:(v=2,g.stroke)),_=l.textShadowBlur>0||e.textShadowBlur>0;f.text=t.text,f.x=r,f.y=h,_&&(f.shadowBlur=l.textShadowBlur||e.textShadowBlur||0,f.shadowColor=l.textShadowColor||e.textShadowColor||"transparent",f.shadowOffsetX=l.textShadowOffsetX||e.textShadowOffsetX||0,f.shadowOffsetY=l.textShadowOffsetY||e.textShadowOffsetY||0),f.textAlign=o,f.textBaseline="middle",f.font=t.font||a,f.opacity=ot(l.opacity,e.opacity,1),Xs(f,l),x&&(f.lineWidth=ot(l.lineWidth,e.lineWidth,v),f.lineDash=rt(l.lineDash,e.lineDash),f.lineDashOffset=e.lineDashOffset||0,f.stroke=x),m&&(f.fill=m);var b=t.contentWidth,w=t.contentHeight;d.setBoundingRect(new ze(wr(f.x,b,f.textAlign),Sr(f.y,w,f.textBaseline),b,w))},e.prototype._renderBackground=function(t,e,n,i,r,o){var a,s,l,u=t.backgroundColor,h=t.borderWidth,c=t.borderColor,p=u&&u.image,d=u&&!p,f=t.borderRadius,g=this;if(d||t.lineHeight||h&&c){(a=this._getOrCreateChild(zs)).useStyle(a.createStyle()),a.style.fill=null;var y=a.shape;y.x=n,y.y=i,y.width=r,y.height=o,y.r=f,a.dirtyShape()}if(d)(l=a.style).fill=u||null,l.fillOpacity=rt(t.fillOpacity,1);else if(p){(s=this._getOrCreateChild(ks)).onload=function(){g.dirtyStyle()};var v=s.style;v.image=u.image,v.x=n,v.y=i,v.width=r,v.height=o}h&&c&&((l=a.style).lineWidth=h,l.stroke=c,l.strokeOpacity=rt(t.strokeOpacity,1),l.lineDash=t.borderDash,l.lineDashOffset=t.borderDashOffset||0,a.strokeContainThreshold=0,a.hasFill()&&a.hasStroke()&&(l.strokeFirst=!0,l.lineWidth*=2));var m=(a||s).style;m.shadowBlur=t.shadowBlur||0,m.shadowColor=t.shadowColor||"transparent",m.shadowOffsetX=t.shadowOffsetX||0,m.shadowOffsetY=t.shadowOffsetY||0,m.opacity=ot(t.opacity,e.opacity,1)},e.makeFont=function(t){var e="";return Us(t)&&(e=[t.fontStyle,t.fontWeight,Ys(t.fontSize),t.fontFamily||"sans-serif"].join(" ")),e&&ut(e)||t.textFont||t.font},e}(Sa),Gs={left:!0,right:1,center:1},Ws={top:1,bottom:1,middle:1},Hs=["fontStyle","fontWeight","fontSize","fontFamily"];function Ys(t){return"string"!=typeof t||-1===t.indexOf("px")&&-1===t.indexOf("rem")&&-1===t.indexOf("em")?isNaN(+t)?"12px":t+"px":t}function Xs(t,e){for(var n=0;n<Hs.length;n++){var i=Hs[n],r=e[i];null!=r&&(t[i]=r)}}function Us(t){return null!=t.fontSize||t.fontFamily||t.fontWeight}function Zs(t){if(t){t.font=Fs.makeFont(t);var e=t.align;"middle"===e&&(e="center"),t.align=null==e||Gs[e]?e:"left";var n=t.verticalAlign;"center"===n&&(n="middle"),t.verticalAlign=null==n||Ws[n]?n:"top",t.padding&&(t.padding=st(t.padding))}}function js(t,e){return null==t||e<=0||"transparent"===t||"none"===t?null:t.image||t.colorStops?"#000":t}function qs(t){return null==t||"none"===t?null:t.image||t.colorStops?"#000":t}function Ks(t,e,n){return"right"===e?t-n[1]:"center"===e?t+n[3]/2-n[1]/2:t+n[3]}function $s(t){var e=t.text;return null!=e&&(e+=""),e}function Js(t){return!!(t.backgroundColor||t.lineHeight||t.borderWidth&&t.borderColor)}var Qs=Oo(),tl=function(t,e,n,i){if(i){var r=Qs(i);r.dataIndex=n,r.dataType=e,r.seriesIndex=t,"group"===i.type&&i.traverse((function(i){var r=Qs(i);r.seriesIndex=t,r.dataIndex=n,r.dataType=e}))}},el=1,nl={},il=Oo(),rl=Oo(),ol=["emphasis","blur","select"],al=["normal","emphasis","blur","select"],sl=10,ll="highlight",ul="downplay",hl="select",cl="unselect",pl="toggleSelect";function dl(t){return null!=t&&"none"!==t}var fl=new En(100);function gl(t){if(U(t)){var e=fl.get(t);return e||(e=$n(t,-.1),fl.put(t,e)),e}if(Q(t)){var n=A({},t);return n.colorStops=z(t.colorStops,(function(t){return{offset:t.offset,color:$n(t.color,-.1)}})),n}return t}function yl(t,e,n){t.onHoverStateChange&&(t.hoverState||0)!==n&&t.onHoverStateChange(e),t.hoverState=n}function vl(t){yl(t,"emphasis",2)}function ml(t){2===t.hoverState&&yl(t,"normal",0)}function xl(t){yl(t,"blur",1)}function _l(t){1===t.hoverState&&yl(t,"normal",0)}function bl(t){t.selected=!0}function wl(t){t.selected=!1}function Sl(t,e,n){e(t,n)}function Ml(t,e,n){Sl(t,e,n),t.isGroup&&t.traverse((function(t){Sl(t,e,n)}))}function Il(t,e){switch(e){case"emphasis":t.hoverState=2;break;case"normal":t.hoverState=0;break;case"blur":t.hoverState=1;break;case"select":t.selected=!0}}function Tl(t,e){var n=this.states[t];if(this.style){if("emphasis"===t)return function(t,e,n,i){var r=n&&P(n,"select")>=0,o=!1;if(t instanceof Is){var a=il(t),s=r&&a.selectFill||a.normalFill,l=r&&a.selectStroke||a.normalStroke;if(dl(s)||dl(l)){var u=(i=i||{}).style||{};"inherit"===u.fill?(o=!0,i=A({},i),(u=A({},u)).fill=s):!dl(u.fill)&&dl(s)?(o=!0,i=A({},i),(u=A({},u)).fill=gl(s)):!dl(u.stroke)&&dl(l)&&(o||(i=A({},i),u=A({},u)),u.stroke=gl(l)),i.style=u}}if(i&&null==i.z2){o||(i=A({},i));var h=t.z2EmphasisLift;i.z2=t.z2+(null!=h?h:sl)}return i}(this,0,e,n);if("blur"===t)return function(t,e,n){var i=P(t.currentStates,e)>=0,r=t.style.opacity,o=i?null:function(t,e,n,i){for(var r=t.style,o={},a=0;a<e.length;a++){var s=e[a],l=r[s];o[s]=null==l?i&&i[s]:l}for(a=0;a<t.animators.length;a++){var u=t.animators[a];u.__fromStateTransition&&u.__fromStateTransition.indexOf(n)<0&&"style"===u.targetName&&u.saveTo(o,e)}return o}(t,["opacity"],e,{opacity:1}),a=(n=n||{}).style||{};return null==a.opacity&&(n=A({},n),a=A({opacity:i?r:.1*o.opacity},a),n.style=a),n}(this,t,n);if("select"===t)return function(t,e,n){if(n&&null==n.z2){n=A({},n);var i=t.z2SelectLift;n.z2=t.z2+(null!=i?i:9)}return n}(this,0,n)}return n}function Cl(t){t.stateProxy=Tl;var e=t.getTextContent(),n=t.getTextGuideLine();e&&(e.stateProxy=Tl),n&&(n.stateProxy=Tl)}function Dl(t,e){!El(t,e)&&!t.__highByOuter&&Ml(t,vl)}function Al(t,e){!El(t,e)&&!t.__highByOuter&&Ml(t,ml)}function kl(t,e){t.__highByOuter|=1<<(e||0),Ml(t,vl)}function Ll(t,e){!(t.__highByOuter&=~(1<<(e||0)))&&Ml(t,ml)}function Pl(t){Ml(t,xl)}function Ol(t){Ml(t,_l)}function Rl(t){Ml(t,bl)}function Nl(t){Ml(t,wl)}function El(t,e){return t.__highDownSilentOnTouch&&e.zrByTouch}function zl(t){var e=t.getModel(),n=[],i=[];e.eachComponent((function(e,r){var o=rl(r),a="series"===e,s=a?t.getViewOfSeriesModel(r):t.getViewOfComponentModel(r);!a&&i.push(s),o.isBlured&&(s.group.traverse((function(t){_l(t)})),a&&n.push(r)),o.isBlured=!1})),E(i,(function(t){t&&t.toggleBlurSeries&&t.toggleBlurSeries(n,!1,e)}))}function Vl(t,e,n,i){var r=i.getModel();function o(t,e){for(var n=0;n<e.length;n++){var i=t.getItemGraphicEl(e[n]);i&&Ol(i)}}if(n=n||"coordinateSystem",null!=t&&e&&"none"!==e){var a=r.getSeriesByIndex(t),s=a.coordinateSystem;s&&s.master&&(s=s.master);var l=[];r.eachSeries((function(t){var r=a===t,u=t.coordinateSystem;if(u&&u.master&&(u=u.master),!("series"===n&&!r||"coordinateSystem"===n&&!(u&&s?u===s:r)||"series"===e&&r)){if(i.getViewOfSeriesModel(t).group.traverse((function(t){t.__highByOuter&&r&&"self"===e||xl(t)})),N(e))o(t.getData(),e);else if(q(e))for(var h=G(e),c=0;c<h.length;c++)o(t.getData(h[c]),e[h[c]]);l.push(t),rl(t).isBlured=!0}})),r.eachComponent((function(t,e){if("series"!==t){var n=i.getViewOfComponentModel(e);n&&n.toggleBlurSeries&&n.toggleBlurSeries(l,!0,r)}}))}}function Bl(t,e,n){if(null!=t&&null!=e){var i=n.getModel().getComponent(t,e);if(i){rl(i).isBlured=!0;var r=n.getViewOfComponentModel(i);r&&r.focusBlurEnabled&&r.group.traverse((function(t){xl(t)}))}}}function Fl(t,e,n,i){var r={focusSelf:!1,dispatchers:null};if(null==t||"series"===t||null==e||null==n)return r;var o=i.getModel().getComponent(t,e);if(!o)return r;var a=i.getViewOfComponentModel(o);if(!a||!a.findHighDownDispatchers)return r;for(var s,l=a.findHighDownDispatchers(n),u=0;u<l.length;u++)if("self"===Qs(l[u]).focus){s=!0;break}return{focusSelf:s,dispatchers:l}}function Gl(t){E(t.getAllData(),(function(e){var n=e.data,i=e.type;n.eachItemGraphicEl((function(e,n){t.isSelected(n,i)?Rl(e):Nl(e)}))}))}function Wl(t){var e=[];return t.eachSeries((function(t){E(t.getAllData(),(function(n){n.data;var i=n.type,r=t.getSelectedDataIndices();if(r.length>0){var o={dataIndex:r,seriesIndex:t.seriesIndex};null!=i&&(o.dataType=i),e.push(o)}}))})),e}function Hl(t,e,n){ql(t,!0),Ml(t,Cl),Xl(t,e,n)}function Yl(t,e,n,i){i?function(t){ql(t,!1)}(t):Hl(t,e,n)}function Xl(t,e,n){var i=Qs(t);null!=e?(i.focus=e,i.blurScope=n):i.focus&&(i.focus=null)}var Ul=["emphasis","blur","select"],Zl={itemStyle:"getItemStyle",lineStyle:"getLineStyle",areaStyle:"getAreaStyle"};function jl(t,e,n,i){n=n||"itemStyle";for(var r=0;r<Ul.length;r++){var o=Ul[r],a=e.getModel([o,n]);t.ensureState(o).style=i?i(a):a[Zl[n]]()}}function ql(t,e){var n=!1===e,i=t;t.highDownSilentOnTouch&&(i.__highDownSilentOnTouch=t.highDownSilentOnTouch),n&&!i.__highDownDispatcher||(i.__highByOuter=i.__highByOuter||0,i.__highDownDispatcher=!n)}function Kl(t){return!(!t||!t.__highDownDispatcher)}function $l(t){var e=t.type;return e===hl||e===cl||e===pl}function Jl(t){var e=t.type;return e===ll||e===ul}var Ql=os.CMD,tu=[[],[],[]],eu=Math.sqrt,nu=Math.atan2;function iu(t,e){if(e){var n,i,r,o,a,s,l=t.data,u=t.len(),h=Ql.M,c=Ql.C,p=Ql.L,d=Ql.R,f=Ql.A,g=Ql.Q;for(r=0,o=0;r<u;){switch(n=l[r++],o=r,i=0,n){case h:case p:i=1;break;case c:i=3;break;case g:i=2;break;case f:var y=e[4],v=e[5],m=eu(e[0]*e[0]+e[1]*e[1]),x=eu(e[2]*e[2]+e[3]*e[3]),_=nu(-e[1]/x,e[0]/m);l[r]*=m,l[r++]+=y,l[r]*=x,l[r++]+=v,l[r++]*=m,l[r++]*=x,l[r++]+=_,l[r++]+=_,o=r+=2;break;case d:s[0]=l[r++],s[1]=l[r++],Wt(s,s,e),l[o++]=s[0],l[o++]=s[1],s[0]+=l[r++],s[1]+=l[r++],Wt(s,s,e),l[o++]=s[0],l[o++]=s[1]}for(a=0;a<i;a++){var b=tu[a];b[0]=l[r++],b[1]=l[r++],Wt(b,b,e),l[o++]=b[0],l[o++]=b[1]}}t.increaseVersion()}}var ru=Math.sqrt,ou=Math.sin,au=Math.cos,su=Math.PI;function lu(t){return Math.sqrt(t[0]*t[0]+t[1]*t[1])}function uu(t,e){return(t[0]*e[0]+t[1]*e[1])/(lu(t)*lu(e))}function hu(t,e){return(t[0]*e[1]<t[1]*e[0]?-1:1)*Math.acos(uu(t,e))}function cu(t,e,n,i,r,o,a,s,l,u,h){var c=l*(su/180),p=au(c)*(t-n)/2+ou(c)*(e-i)/2,d=-1*ou(c)*(t-n)/2+au(c)*(e-i)/2,f=p*p/(a*a)+d*d/(s*s);f>1&&(a*=ru(f),s*=ru(f));var g=(r===o?-1:1)*ru((a*a*(s*s)-a*a*(d*d)-s*s*(p*p))/(a*a*(d*d)+s*s*(p*p)))||0,y=g*a*d/s,v=g*-s*p/a,m=(t+n)/2+au(c)*y-ou(c)*v,x=(e+i)/2+ou(c)*y+au(c)*v,_=hu([1,0],[(p-y)/a,(d-v)/s]),b=[(p-y)/a,(d-v)/s],w=[(-1*p-y)/a,(-1*d-v)/s],S=hu(b,w);if(uu(b,w)<=-1&&(S=su),uu(b,w)>=1&&(S=0),S<0){var M=Math.round(S/su*1e6)/1e6;S=2*su+M%2*su}h.addData(u,m,x,a,s,_,S,c,o)}var pu=/([mlvhzcqtsa])([^mlvhzcqtsa]*)/gi,du=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;var fu=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.applyTransform=function(t){},e}(Is);function gu(t){return null!=t.setData}function yu(t,e){var n=function(t){var e=new os;if(!t)return e;var n,i=0,r=0,o=i,a=r,s=os.CMD,l=t.match(pu);if(!l)return e;for(var u=0;u<l.length;u++){for(var h=l[u],c=h.charAt(0),p=void 0,d=h.match(du)||[],f=d.length,g=0;g<f;g++)d[g]=parseFloat(d[g]);for(var y=0;y<f;){var v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=i,I=r,T=void 0,C=void 0;switch(c){case"l":i+=d[y++],r+=d[y++],p=s.L,e.addData(p,i,r);break;case"L":i=d[y++],r=d[y++],p=s.L,e.addData(p,i,r);break;case"m":i+=d[y++],r+=d[y++],p=s.M,e.addData(p,i,r),o=i,a=r,c="l";break;case"M":i=d[y++],r=d[y++],p=s.M,e.addData(p,i,r),o=i,a=r,c="L";break;case"h":i+=d[y++],p=s.L,e.addData(p,i,r);break;case"H":i=d[y++],p=s.L,e.addData(p,i,r);break;case"v":r+=d[y++],p=s.L,e.addData(p,i,r);break;case"V":r=d[y++],p=s.L,e.addData(p,i,r);break;case"C":p=s.C,e.addData(p,d[y++],d[y++],d[y++],d[y++],d[y++],d[y++]),i=d[y-2],r=d[y-1];break;case"c":p=s.C,e.addData(p,d[y++]+i,d[y++]+r,d[y++]+i,d[y++]+r,d[y++]+i,d[y++]+r),i+=d[y-2],r+=d[y-1];break;case"S":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),p=s.C,M=d[y++],I=d[y++],i=d[y++],r=d[y++],e.addData(p,v,m,M,I,i,r);break;case"s":v=i,m=r,T=e.len(),C=e.data,n===s.C&&(v+=i-C[T-4],m+=r-C[T-3]),p=s.C,M=i+d[y++],I=r+d[y++],i+=d[y++],r+=d[y++],e.addData(p,v,m,M,I,i,r);break;case"Q":M=d[y++],I=d[y++],i=d[y++],r=d[y++],p=s.Q,e.addData(p,M,I,i,r);break;case"q":M=d[y++]+i,I=d[y++]+r,i+=d[y++],r+=d[y++],p=s.Q,e.addData(p,M,I,i,r);break;case"T":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i=d[y++],r=d[y++],p=s.Q,e.addData(p,v,m,i,r);break;case"t":v=i,m=r,T=e.len(),C=e.data,n===s.Q&&(v+=i-C[T-4],m+=r-C[T-3]),i+=d[y++],r+=d[y++],p=s.Q,e.addData(p,v,m,i,r);break;case"A":x=d[y++],_=d[y++],b=d[y++],w=d[y++],S=d[y++],cu(M=i,I=r,i=d[y++],r=d[y++],w,S,x,_,b,p=s.A,e);break;case"a":x=d[y++],_=d[y++],b=d[y++],w=d[y++],S=d[y++],cu(M=i,I=r,i+=d[y++],r+=d[y++],w,S,x,_,b,p=s.A,e)}}"z"!==c&&"Z"!==c||(p=s.Z,e.addData(p),i=o,r=a),n=p}return e.toStatic(),e}(t),i=A({},e);return i.buildPath=function(t){if(gu(t)){t.setData(n.data),(e=t.getContext())&&t.rebuildPath(e,1)}else{var e=t;n.rebuildPath(e,1)}},i.applyTransform=function(t){iu(n,t),this.dirtyShape()},i}function vu(t,e){return new fu(yu(t,e))}function mu(t,e){e=e||{};var n=new Is;return t.shape&&n.setShape(t.shape),n.setStyle(t.style),e.bakeTransform?iu(n.path,t.getComputedTransform()):e.toLocal?n.setLocalTransform(t.getComputedTransform()):n.copyTransform(t),n.buildPath=t.buildPath,n.applyTransform=n.applyTransform,n.z=t.z,n.z2=t.z2,n.zlevel=t.zlevel,n}var xu=function(){this.cx=0,this.cy=0,this.r=0},_u=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new xu},e.prototype.buildPath=function(t,e){t.moveTo(e.cx+e.r,e.cy),t.arc(e.cx,e.cy,e.r,0,2*Math.PI)},e}(Is);_u.prototype.type="circle";var bu=function(){this.cx=0,this.cy=0,this.rx=0,this.ry=0},wu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new bu},e.prototype.buildPath=function(t,e){var n=.5522848,i=e.cx,r=e.cy,o=e.rx,a=e.ry,s=o*n,l=a*n;t.moveTo(i-o,r),t.bezierCurveTo(i-o,r-l,i-s,r-a,i,r-a),t.bezierCurveTo(i+s,r-a,i+o,r-l,i+o,r),t.bezierCurveTo(i+o,r+l,i+s,r+a,i,r+a),t.bezierCurveTo(i-s,r+a,i-o,r+l,i-o,r),t.closePath()},e}(Is);wu.prototype.type="ellipse";var Su=Math.PI,Mu=2*Su,Iu=Math.sin,Tu=Math.cos,Cu=Math.acos,Du=Math.atan2,Au=Math.abs,ku=Math.sqrt,Lu=Math.max,Pu=Math.min,Ou=1e-4;function Ru(t,e,n,i,r,o,a){var s=t-n,l=e-i,u=(a?o:-o)/ku(s*s+l*l),h=u*l,c=-u*s,p=t+h,d=e+c,f=n+h,g=i+c,y=(p+f)/2,v=(d+g)/2,m=f-p,x=g-d,_=m*m+x*x,b=r-o,w=p*g-f*d,S=(x<0?-1:1)*ku(Lu(0,b*b*_-w*w)),M=(w*x-m*S)/_,I=(-w*m-x*S)/_,T=(w*x+m*S)/_,C=(-w*m+x*S)/_,D=M-y,A=I-v,k=T-y,L=C-v;return D*D+A*A>k*k+L*L&&(M=T,I=C),{cx:M,cy:I,x0:-h,y0:-c,x1:M*(r/b-1),y1:I*(r/b-1)}}function Nu(t,e){var n,i=Lu(e.r,0),r=Lu(e.r0||0,0),o=i>0;if(o||r>0){if(o||(i=r,r=0),r>i){var a=i;i=r,r=a}var s=e.startAngle,l=e.endAngle;if(!isNaN(s)&&!isNaN(l)){var u=e.cx,h=e.cy,c=!!e.clockwise,p=Au(l-s),d=p>Mu&&p%Mu;if(d>Ou&&(p=d),i>Ou)if(p>Mu-Ou)t.moveTo(u+i*Tu(s),h+i*Iu(s)),t.arc(u,h,i,s,l,!c),r>Ou&&(t.moveTo(u+r*Tu(l),h+r*Iu(l)),t.arc(u,h,r,l,s,c));else{var f=void 0,g=void 0,y=void 0,v=void 0,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0,S=void 0,M=void 0,I=void 0,T=void 0,C=void 0,D=void 0,A=void 0,k=i*Tu(s),L=i*Iu(s),P=r*Tu(l),O=r*Iu(l),R=p>Ou;if(R){var N=e.cornerRadius;N&&(n=function(t){var e;if(Y(t)){var n=t.length;if(!n)return t;e=1===n?[t[0],t[0],0,0]:2===n?[t[0],t[0],t[1],t[1]]:3===n?t.concat(t[2]):t}else e=[t,t,t,t];return e}(N),f=n[0],g=n[1],y=n[2],v=n[3]);var E=Au(i-r)/2;if(m=Pu(E,y),x=Pu(E,v),_=Pu(E,f),b=Pu(E,g),M=w=Lu(m,x),I=S=Lu(_,b),(w>Ou||S>Ou)&&(T=i*Tu(l),C=i*Iu(l),D=r*Tu(s),A=r*Iu(s),p<Su)){var z=function(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,h=a-r,c=s-o,p=c*l-h*u;if(!(p*p<Ou))return[t+(p=(h*(e-o)-c*(t-r))/p)*l,e+p*u]}(k,L,D,A,T,C,P,O);if(z){var V=k-z[0],B=L-z[1],F=T-z[0],G=C-z[1],W=1/Iu(Cu((V*F+B*G)/(ku(V*V+B*B)*ku(F*F+G*G)))/2),H=ku(z[0]*z[0]+z[1]*z[1]);M=Pu(w,(i-H)/(W+1)),I=Pu(S,(r-H)/(W-1))}}}if(R)if(M>Ou){var X=Pu(y,M),U=Pu(v,M),Z=Ru(D,A,k,L,i,X,c),j=Ru(T,C,P,O,i,U,c);t.moveTo(u+Z.cx+Z.x0,h+Z.cy+Z.y0),M<w&&X===U?t.arc(u+Z.cx,h+Z.cy,M,Du(Z.y0,Z.x0),Du(j.y0,j.x0),!c):(X>0&&t.arc(u+Z.cx,h+Z.cy,X,Du(Z.y0,Z.x0),Du(Z.y1,Z.x1),!c),t.arc(u,h,i,Du(Z.cy+Z.y1,Z.cx+Z.x1),Du(j.cy+j.y1,j.cx+j.x1),!c),U>0&&t.arc(u+j.cx,h+j.cy,U,Du(j.y1,j.x1),Du(j.y0,j.x0),!c))}else t.moveTo(u+k,h+L),t.arc(u,h,i,s,l,!c);else t.moveTo(u+k,h+L);if(r>Ou&&R)if(I>Ou){X=Pu(f,I),Z=Ru(P,O,T,C,r,-(U=Pu(g,I)),c),j=Ru(k,L,D,A,r,-X,c);t.lineTo(u+Z.cx+Z.x0,h+Z.cy+Z.y0),I<S&&X===U?t.arc(u+Z.cx,h+Z.cy,I,Du(Z.y0,Z.x0),Du(j.y0,j.x0),!c):(U>0&&t.arc(u+Z.cx,h+Z.cy,U,Du(Z.y0,Z.x0),Du(Z.y1,Z.x1),!c),t.arc(u,h,r,Du(Z.cy+Z.y1,Z.cx+Z.x1),Du(j.cy+j.y1,j.cx+j.x1),c),X>0&&t.arc(u+j.cx,h+j.cy,X,Du(j.y1,j.x1),Du(j.y0,j.x0),!c))}else t.lineTo(u+P,h+O),t.arc(u,h,r,l,s,c);else t.lineTo(u+P,h+O)}else t.moveTo(u,h);t.closePath()}}}var Eu=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0,this.cornerRadius=0},zu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Eu},e.prototype.buildPath=function(t,e){Nu(t,e)},e.prototype.isZeroArea=function(){return this.shape.startAngle===this.shape.endAngle||this.shape.r===this.shape.r0},e}(Is);zu.prototype.type="sector";var Vu=function(){this.cx=0,this.cy=0,this.r=0,this.r0=0},Bu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Vu},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=2*Math.PI;t.moveTo(n+e.r,i),t.arc(n,i,e.r,0,r,!1),t.moveTo(n+e.r0,i),t.arc(n,i,e.r0,0,r,!0)},e}(Is);function Fu(t,e,n){var i=e.smooth,r=e.points;if(r&&r.length>=2){if(i){var o=function(t,e,n,i){var r,o,a,s,l=[],u=[],h=[],c=[];if(i){a=[1/0,1/0],s=[-1/0,-1/0];for(var p=0,d=t.length;p<d;p++)Ht(a,a,t[p]),Yt(s,s,t[p]);Ht(a,a,i[0]),Yt(s,s,i[1])}for(p=0,d=t.length;p<d;p++){var f=t[p];if(n)r=t[p?p-1:d-1],o=t[(p+1)%d];else{if(0===p||p===d-1){l.push(Tt(t[p]));continue}r=t[p-1],o=t[p+1]}kt(u,o,r),Nt(u,u,e);var g=zt(f,r),y=zt(f,o),v=g+y;0!==v&&(g/=v,y/=v),Nt(h,u,-g),Nt(c,u,y);var m=Dt([],f,h),x=Dt([],f,c);i&&(Yt(m,m,a),Ht(m,m,s),Yt(x,x,a),Ht(x,x,s)),l.push(m),l.push(x)}return n&&l.push(l.shift()),l}(r,i,n,e.smoothConstraint);t.moveTo(r[0][0],r[0][1]);for(var a=r.length,s=0;s<(n?a:a-1);s++){var l=o[2*s],u=o[2*s+1],h=r[(s+1)%a];t.bezierCurveTo(l[0],l[1],u[0],u[1],h[0],h[1])}}else{t.moveTo(r[0][0],r[0][1]);s=1;for(var c=r.length;s<c;s++)t.lineTo(r[s][0],r[s][1])}n&&t.closePath()}}Bu.prototype.type="ring";var Gu=function(){this.points=null,this.smooth=0,this.smoothConstraint=null},Wu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new Gu},e.prototype.buildPath=function(t,e){Fu(t,e,!0)},e}(Is);Wu.prototype.type="polygon";var Hu=function(){this.points=null,this.percent=1,this.smooth=0,this.smoothConstraint=null},Yu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Hu},e.prototype.buildPath=function(t,e){Fu(t,e,!1)},e}(Is);Yu.prototype.type="polyline";var Xu={},Uu=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1},Zu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Uu},e.prototype.buildPath=function(t,e){var n,i,r,o;if(this.subPixelOptimize){var a=Ps(Xu,e,this.style);n=a.x1,i=a.y1,r=a.x2,o=a.y2}else n=e.x1,i=e.y1,r=e.x2,o=e.y2;var s=e.percent;0!==s&&(t.moveTo(n,i),s<1&&(r=n*(1-s)+r*s,o=i*(1-s)+o*s),t.lineTo(r,o))},e.prototype.pointAt=function(t){var e=this.shape;return[e.x1*(1-t)+e.x2*t,e.y1*(1-t)+e.y2*t]},e}(Is);Zu.prototype.type="line";var ju=[],qu=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.percent=1};function Ku(t,e,n){var i=t.cpx2,r=t.cpy2;return null!=i||null!=r?[(n?xn:mn)(t.x1,t.cpx1,t.cpx2,t.x2,e),(n?xn:mn)(t.y1,t.cpy1,t.cpy2,t.y2,e)]:[(n?Tn:In)(t.x1,t.cpx1,t.x2,e),(n?Tn:In)(t.y1,t.cpy1,t.y2,e)]}var $u=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new qu},e.prototype.buildPath=function(t,e){var n=e.x1,i=e.y1,r=e.x2,o=e.y2,a=e.cpx1,s=e.cpy1,l=e.cpx2,u=e.cpy2,h=e.percent;0!==h&&(t.moveTo(n,i),null==l||null==u?(h<1&&(Dn(n,a,r,h,ju),a=ju[1],r=ju[2],Dn(i,s,o,h,ju),s=ju[1],o=ju[2]),t.quadraticCurveTo(a,s,r,o)):(h<1&&(wn(n,a,l,r,h,ju),a=ju[1],l=ju[2],r=ju[3],wn(i,s,u,o,h,ju),s=ju[1],u=ju[2],o=ju[3]),t.bezierCurveTo(a,s,l,u,r,o)))},e.prototype.pointAt=function(t){return Ku(this.shape,t,!1)},e.prototype.tangentAt=function(t){var e=Ku(this.shape,t,!0);return Et(e,e)},e}(Is);$u.prototype.type="bezier-curve";var Ju=function(){this.cx=0,this.cy=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},Qu=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new Ju},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r,0),o=e.startAngle,a=e.endAngle,s=e.clockwise,l=Math.cos(o),u=Math.sin(o);t.moveTo(l*r+n,u*r+i),t.arc(n,i,r,o,a,!s)},e}(Is);Qu.prototype.type="arc";var th=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="compound",e}return n(e,t),e.prototype._updatePathDirty=function(){for(var t=this.shape.paths,e=this.shapeChanged(),n=0;n<t.length;n++)e=e||t[n].shapeChanged();e&&this.dirtyShape()},e.prototype.beforeBrush=function(){this._updatePathDirty();for(var t=this.shape.paths||[],e=this.getGlobalScale(),n=0;n<t.length;n++)t[n].path||t[n].createPathProxy(),t[n].path.setScale(e[0],e[1],t[n].segmentIgnoreThreshold)},e.prototype.buildPath=function(t,e){for(var n=e.paths||[],i=0;i<n.length;i++)n[i].buildPath(t,n[i].shape,!0)},e.prototype.afterBrush=function(){for(var t=this.shape.paths||[],e=0;e<t.length;e++)t[e].pathUpdated()},e.prototype.getBoundingRect=function(){return this._updatePathDirty.call(this),Is.prototype.getBoundingRect.call(this)},e}(Is),eh=function(){function t(t){this.colorStops=t||[]}return t.prototype.addColorStop=function(t,e){this.colorStops.push({offset:t,color:e})},t}(),nh=function(t){function e(e,n,i,r,o,a){var s=t.call(this,o)||this;return s.x=null==e?0:e,s.y=null==n?0:n,s.x2=null==i?1:i,s.y2=null==r?0:r,s.type="linear",s.global=a||!1,s}return n(e,t),e}(eh),ih=function(t){function e(e,n,i,r,o){var a=t.call(this,r)||this;return a.x=null==e?.5:e,a.y=null==n?.5:n,a.r=null==i?.5:i,a.type="radial",a.global=o||!1,a}return n(e,t),e}(eh),rh=[0,0],oh=[0,0],ah=new De,sh=new De,lh=function(){function t(t,e){this._corners=[],this._axes=[],this._origin=[0,0];for(var n=0;n<4;n++)this._corners[n]=new De;for(n=0;n<2;n++)this._axes[n]=new De;t&&this.fromBoundingRect(t,e)}return t.prototype.fromBoundingRect=function(t,e){var n=this._corners,i=this._axes,r=t.x,o=t.y,a=r+t.width,s=o+t.height;if(n[0].set(r,o),n[1].set(a,o),n[2].set(a,s),n[3].set(r,s),e)for(var l=0;l<4;l++)n[l].transform(e);De.sub(i[0],n[1],n[0]),De.sub(i[1],n[3],n[0]),i[0].normalize(),i[1].normalize();for(l=0;l<2;l++)this._origin[l]=i[l].dot(n[0])},t.prototype.intersect=function(t,e){var n=!0,i=!e;return ah.set(1/0,1/0),sh.set(0,0),!this._intersectCheckOneSide(this,t,ah,sh,i,1)&&(n=!1,i)||!this._intersectCheckOneSide(t,this,ah,sh,i,-1)&&(n=!1,i)||i||De.copy(e,n?ah:sh),n},t.prototype._intersectCheckOneSide=function(t,e,n,i,r,o){for(var a=!0,s=0;s<2;s++){var l=this._axes[s];if(this._getProjMinMaxOnAxis(s,t._corners,rh),this._getProjMinMaxOnAxis(s,e._corners,oh),rh[1]<oh[0]||rh[0]>oh[1]){if(a=!1,r)return a;var u=Math.abs(oh[0]-rh[1]),h=Math.abs(rh[0]-oh[1]);Math.min(u,h)>i.len()&&(u<h?De.scale(i,l,-u*o):De.scale(i,l,h*o))}else if(n){u=Math.abs(oh[0]-rh[1]),h=Math.abs(rh[0]-oh[1]);Math.min(u,h)<n.len()&&(u<h?De.scale(n,l,u*o):De.scale(n,l,-h*o))}}return a},t.prototype._getProjMinMaxOnAxis=function(t,e,n){for(var i=this._axes[t],r=this._origin,o=e[0].dot(i)+r[t],a=o,s=o,l=1;l<e.length;l++){var u=e[l].dot(i)+r[t];a=Math.min(u,a),s=Math.max(u,s)}n[0]=a,n[1]=s},t}(),uh=[],hh=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.notClear=!0,e.incremental=!0,e._displayables=[],e._temporaryDisplayables=[],e._cursor=0,e}return n(e,t),e.prototype.traverse=function(t,e){t.call(e,this)},e.prototype.useStyle=function(){this.style={}},e.prototype.getCursor=function(){return this._cursor},e.prototype.innerAfterBrush=function(){this._cursor=this._displayables.length},e.prototype.clearDisplaybles=function(){this._displayables=[],this._temporaryDisplayables=[],this._cursor=0,this.markRedraw(),this.notClear=!1},e.prototype.clearTemporalDisplayables=function(){this._temporaryDisplayables=[]},e.prototype.addDisplayable=function(t,e){e?this._temporaryDisplayables.push(t):this._displayables.push(t),this.markRedraw()},e.prototype.addDisplayables=function(t,e){e=e||!1;for(var n=0;n<t.length;n++)this.addDisplayable(t[n],e)},e.prototype.getDisplayables=function(){return this._displayables},e.prototype.getTemporalDisplayables=function(){return this._temporaryDisplayables},e.prototype.eachPendingDisplayable=function(t){for(var e=this._cursor;e<this._displayables.length;e++)t&&t(this._displayables[e]);for(e=0;e<this._temporaryDisplayables.length;e++)t&&t(this._temporaryDisplayables[e])},e.prototype.update=function(){this.updateTransform();for(var t=this._cursor;t<this._displayables.length;t++){(e=this._displayables[t]).parent=this,e.update(),e.parent=null}for(t=0;t<this._temporaryDisplayables.length;t++){var e;(e=this._temporaryDisplayables[t]).parent=this,e.update(),e.parent=null}},e.prototype.getBoundingRect=function(){if(!this._rect){for(var t=new ze(1/0,1/0,-1/0,-1/0),e=0;e<this._displayables.length;e++){var n=this._displayables[e],i=n.getBoundingRect().clone();n.needLocalTransform()&&i.applyTransform(n.getLocalTransform(uh)),t.union(i)}this._rect=t}return this._rect},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e);if(this.getBoundingRect().contain(n[0],n[1]))for(var i=0;i<this._displayables.length;i++){if(this._displayables[i].contain(t,e))return!0}return!1},e}(Sa),ch=Oo();function ph(t,e,n,i,r){var o;if(e&&e.ecModel){var a=e.ecModel.getUpdatePayload();o=a&&a.animation}var s="update"===t;if(e&&e.isAnimationEnabled()){var l=void 0,u=void 0,h=void 0;return i?(l=rt(i.duration,200),u=rt(i.easing,"cubicOut"),h=0):(l=e.getShallow(s?"animationDurationUpdate":"animationDuration"),u=e.getShallow(s?"animationEasingUpdate":"animationEasing"),h=e.getShallow(s?"animationDelayUpdate":"animationDelay")),o&&(null!=o.duration&&(l=o.duration),null!=o.easing&&(u=o.easing),null!=o.delay&&(h=o.delay)),X(h)&&(h=h(n,r)),X(l)&&(l=l(n)),{duration:l||0,delay:h,easing:u}}return null}function dh(t,e,n,i,r,o,a){var s,l=!1;X(r)?(a=o,o=r,r=null):q(r)&&(o=r.cb,a=r.during,l=r.isFrom,s=r.removeOpt,r=r.dataIndex);var u="leave"===t;u||e.stopAnimation("leave");var h=ph(t,i,r,u?s||{}:null,i&&i.getAnimationDelayParams?i.getAnimationDelayParams(e,r):null);if(h&&h.duration>0){var c={duration:h.duration,delay:h.delay||0,easing:h.easing,done:o,force:!!o||!!a,setToFinal:!u,scope:t,during:a};l?e.animateFrom(n,c):e.animateTo(n,c)}else e.stopAnimation(),!l&&e.attr(n),a&&a(1),o&&o()}function fh(t,e,n,i,r,o){dh("update",t,e,n,i,r,o)}function gh(t,e,n,i,r,o){dh("enter",t,e,n,i,r,o)}function yh(t){if(!t.__zr)return!0;for(var e=0;e<t.animators.length;e++){if("leave"===t.animators[e].scope)return!0}return!1}function vh(t,e,n,i,r,o){yh(t)||dh("leave",t,e,n,i,r,o)}function mh(t,e,n,i){t.removeTextContent(),t.removeTextGuideLine(),vh(t,{style:{opacity:0}},e,n,i)}function xh(t,e,n){function i(){t.parent&&t.parent.remove(t)}t.isGroup?t.traverse((function(t){t.isGroup||mh(t,e,n,i)})):mh(t,e,n,i)}function _h(t){ch(t).oldStyle=t.style}var bh=Math.max,wh=Math.min,Sh={};function Mh(t){return Is.extend(t)}var Ih=function(t,e){var i=yu(t,e);return function(t){function e(e){var n=t.call(this,e)||this;return n.applyTransform=i.applyTransform,n.buildPath=i.buildPath,n}return n(e,t),e}(fu)};function Th(t,e){return Ih(t,e)}function Ch(t,e){Sh[t]=e}function Dh(t){if(Sh.hasOwnProperty(t))return Sh[t]}function Ah(t,e,n,i){var r=vu(t,e);return n&&("center"===i&&(n=Lh(n,r.getBoundingRect())),Oh(r,n)),r}function kh(t,e,n){var i=new ks({style:{image:t,x:e.x,y:e.y,width:e.width,height:e.height},onload:function(t){if("center"===n){var r={width:t.width,height:t.height};i.setStyle(Lh(e,r))}}});return i}function Lh(t,e){var n,i=e.width/e.height,r=t.height*i;return n=r<=t.width?t.height:(r=t.width)/i,{x:t.x+t.width/2-r/2,y:t.y+t.height/2-n/2,width:r,height:n}}var Ph=function(t,e){for(var n=[],i=t.length,r=0;r<i;r++){var o=t[r];n.push(o.getUpdatedPathProxy(!0))}var a=new Is(e);return a.createPathProxy(),a.buildPath=function(t){if(gu(t)){t.appendPath(n);var e=t.getContext();e&&t.rebuildPath(e,1)}},a};function Oh(t,e){if(t.applyTransform){var n=t.getBoundingRect().calculateTransform(e);t.applyTransform(n)}}function Rh(t,e){return Ps(t,t,{lineWidth:e}),t}var Nh=Rs;function Eh(t,e){for(var n=xe([]);t&&t!==e;)be(n,t.getLocalTransform(),n),t=t.parent;return n}function zh(t,e,n){return e&&!N(e)&&(e=gr.getLocalTransform(e)),n&&(e=Ie([],e)),Wt([],t,e)}function Vh(t,e,n){var i=0===e[4]||0===e[5]||0===e[0]?1:Math.abs(2*e[4]/e[0]),r=0===e[4]||0===e[5]||0===e[2]?1:Math.abs(2*e[4]/e[2]),o=["left"===t?-i:"right"===t?i:0,"top"===t?-r:"bottom"===t?r:0];return o=zh(o,e,n),Math.abs(o[0])>Math.abs(o[1])?o[0]>0?"right":"left":o[1]>0?"bottom":"top"}function Bh(t){return!t.isGroup}function Fh(t,e,n){if(t&&e){var i,r=(i={},t.traverse((function(t){Bh(t)&&t.anid&&(i[t.anid]=t)})),i);e.traverse((function(t){if(Bh(t)&&t.anid){var e=r[t.anid];if(e){var i=o(t);t.attr(o(e)),fh(t,i,n,Qs(t).dataIndex)}}}))}function o(t){var e={x:t.x,y:t.y,rotation:t.rotation};return function(t){return null!=t.shape}(t)&&(e.shape=A({},t.shape)),e}}function Gh(t,e){return z(t,(function(t){var n=t[0];n=bh(n,e.x),n=wh(n,e.x+e.width);var i=t[1];return i=bh(i,e.y),[n,i=wh(i,e.y+e.height)]}))}function Wh(t,e){var n=bh(t.x,e.x),i=wh(t.x+t.width,e.x+e.width),r=bh(t.y,e.y),o=wh(t.y+t.height,e.y+e.height);if(i>=n&&o>=r)return{x:n,y:r,width:i-n,height:o-r}}function Hh(t,e,n){var i=A({rectHover:!0},e),r=i.style={strokeNoScale:!0};if(n=n||{x:-1,y:-1,width:2,height:2},t)return 0===t.indexOf("image://")?(r.image=t.slice(8),k(r,n),new ks(i)):Ah(t.replace("path://",""),i,n,"center")}function Yh(t,e,n,i,r){for(var o=0,a=r[r.length-1];o<r.length;o++){var s=r[o];if(Xh(t,e,n,i,s[0],s[1],a[0],a[1]))return!0;a=s}}function Xh(t,e,n,i,r,o,a,s){var l,u=n-t,h=i-e,c=a-r,p=s-o,d=Uh(c,p,u,h);if((l=d)<=1e-6&&l>=-1e-6)return!1;var f=t-r,g=e-o,y=Uh(f,g,u,h)/d;if(y<0||y>1)return!1;var v=Uh(f,g,c,p)/d;return!(v<0||v>1)}function Uh(t,e,n,i){return t*i-n*e}function Zh(t){var e=t.itemTooltipOption,n=t.componentModel,i=t.itemName,r=U(e)?{formatter:e}:e,o=n.mainType,a=n.componentIndex,s={componentType:o,name:i,$vars:["name"]};s[o+"Index"]=a;var l=t.formatterParamsExtra;l&&E(G(l),(function(t){_t(s,t)||(s[t]=l[t],s.$vars.push(t))}));var u=Qs(t.el);u.componentMainType=o,u.componentIndex=a,u.tooltipConfig={name:i,option:k({content:i,formatterParams:s},r)}}function jh(t,e){var n;t.isGroup&&(n=e(t)),n||t.traverse(e)}function qh(t,e){if(t)if(Y(t))for(var n=0;n<t.length;n++)jh(t[n],e);else jh(t,e)}Ch("circle",_u),Ch("ellipse",wu),Ch("sector",zu),Ch("ring",Bu),Ch("polygon",Wu),Ch("polyline",Yu),Ch("rect",zs),Ch("line",Zu),Ch("bezierCurve",$u),Ch("arc",Qu);var Kh=Object.freeze({__proto__:null,updateProps:fh,initProps:gh,removeElement:vh,removeElementWithFadeOut:xh,isElementRemoved:yh,extendShape:Mh,extendPath:Th,registerShape:Ch,getShapeClass:Dh,makePath:Ah,makeImage:kh,mergePath:Ph,resizePath:Oh,subPixelOptimizeLine:Rh,subPixelOptimizeRect:function(t){return Os(t.shape,t.shape,t.style),t},subPixelOptimize:Nh,getTransform:Eh,applyTransform:zh,transformDirection:Vh,groupTransition:Fh,clipPointsByRect:Gh,clipRectByRect:Wh,createIcon:Hh,linePolygonIntersect:Yh,lineLineIntersect:Xh,setTooltipConfig:Zh,traverseElements:qh,Group:zr,Image:ks,Text:Fs,Circle:_u,Ellipse:wu,Sector:zu,Ring:Bu,Polygon:Wu,Polyline:Yu,Rect:zs,Line:Zu,BezierCurve:$u,Arc:Qu,IncrementalDisplayable:hh,CompoundPath:th,LinearGradient:nh,RadialGradient:ih,BoundingRect:ze,OrientedBoundingRect:lh,Point:De,Path:Is}),$h={};function Jh(t,e){for(var n=0;n<ol.length;n++){var i=ol[n],r=e[i],o=t.ensureState(i);o.style=o.style||{},o.style.text=r}var a=t.currentStates.slice();t.clearStates(!0),t.setStyle({text:e.normal}),t.useStates(a,!0)}function Qh(t,e,n){var i,r=t.labelFetcher,o=t.labelDataIndex,a=t.labelDimIndex,s=e.normal;r&&(i=r.getFormattedLabel(o,"normal",null,a,s&&s.get("formatter"),null!=n?{interpolatedValue:n}:null)),null==i&&(i=X(t.defaultText)?t.defaultText(o,t,n):t.defaultText);for(var l={normal:i},u=0;u<ol.length;u++){var h=ol[u],c=e[h];l[h]=rt(r?r.getFormattedLabel(o,h,null,a,c&&c.get("formatter")):null,i)}return l}function tc(t,e,n,i){n=n||$h;for(var r=t instanceof Fs,o=!1,a=0;a<al.length;a++){if((p=e[al[a]])&&p.getShallow("show")){o=!0;break}}var s=r?t:t.getTextContent();if(o){r||(s||(s=new Fs,t.setTextContent(s)),t.stateProxy&&(s.stateProxy=t.stateProxy));var l=Qh(n,e),u=e.normal,h=!!u.getShallow("show"),c=nc(u,i&&i.normal,n,!1,!r);c.text=l.normal,r||t.setTextConfig(ic(u,n,!1));for(a=0;a<ol.length;a++){var p,d=ol[a];if(p=e[d]){var f=s.ensureState(d),g=!!rt(p.getShallow("show"),h);if(g!==h&&(f.ignore=!g),f.style=nc(p,i&&i[d],n,!0,!r),f.style.text=l[d],!r)t.ensureState(d).textConfig=ic(p,n,!0)}}s.silent=!!u.getShallow("silent"),null!=s.style.x&&(c.x=s.style.x),null!=s.style.y&&(c.y=s.style.y),s.ignore=!h,s.useStyle(c),s.dirty(),n.enableTextSetter&&(uc(s).setLabelText=function(t){var i=Qh(n,e,t);Jh(s,i)})}else s&&(s.ignore=!0);t.dirty()}function ec(t,e){e=e||"label";for(var n={normal:t.getModel(e)},i=0;i<ol.length;i++){var r=ol[i];n[r]=t.getModel([r,e])}return n}function nc(t,e,n,i,r){var o={};return function(t,e,n,i,r){n=n||$h;var o,a=e.ecModel,s=a&&a.option.textStyle,l=function(t){var e;for(;t&&t!==t.ecModel;){var n=(t.option||$h).rich;if(n){e=e||{};for(var i=G(n),r=0;r<i.length;r++){e[i[r]]=1}}t=t.parentModel}return e}(e);if(l)for(var u in o={},l)if(l.hasOwnProperty(u)){var h=e.getModel(["rich",u]);sc(o[u]={},h,s,n,i,r,!1,!0)}o&&(t.rich=o);var c=e.get("overflow");c&&(t.overflow=c);var p=e.get("minMargin");null!=p&&(t.margin=p);sc(t,e,s,n,i,r,!0,!1)}(o,t,n,i,r),e&&A(o,e),o}function ic(t,e,n){e=e||{};var i,r={},o=t.getShallow("rotate"),a=rt(t.getShallow("distance"),n?null:5),s=t.getShallow("offset");return"outside"===(i=t.getShallow("position")||(n?null:"inside"))&&(i=e.defaultOutsidePosition||"top"),null!=i&&(r.position=i),null!=s&&(r.offset=s),null!=o&&(o*=Math.PI/180,r.rotation=o),null!=a&&(r.distance=a),r.outsideFill="inherit"===t.get("color")?e.inheritColor||null:"auto",r}var rc=["fontStyle","fontWeight","fontSize","fontFamily","textShadowColor","textShadowBlur","textShadowOffsetX","textShadowOffsetY"],oc=["align","lineHeight","width","height","tag","verticalAlign","ellipsis"],ac=["padding","borderWidth","borderRadius","borderDashOffset","backgroundColor","borderColor","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"];function sc(t,e,n,i,r,o,a,s){n=!r&&n||$h;var l=i&&i.inheritColor,u=e.getShallow("color"),h=e.getShallow("textBorderColor"),c=rt(e.getShallow("opacity"),n.opacity);"inherit"!==u&&"auto"!==u||(u=l||null),"inherit"!==h&&"auto"!==h||(h=l||null),o||(u=u||n.color,h=h||n.textBorderColor),null!=u&&(t.fill=u),null!=h&&(t.stroke=h);var p=rt(e.getShallow("textBorderWidth"),n.textBorderWidth);null!=p&&(t.lineWidth=p);var d=rt(e.getShallow("textBorderType"),n.textBorderType);null!=d&&(t.lineDash=d);var f=rt(e.getShallow("textBorderDashOffset"),n.textBorderDashOffset);null!=f&&(t.lineDashOffset=f),r||null!=c||s||(c=i&&i.defaultOpacity),null!=c&&(t.opacity=c),r||o||null==t.fill&&i.inheritColor&&(t.fill=i.inheritColor);for(var g=0;g<rc.length;g++){var y=rc[g];null!=(m=rt(e.getShallow(y),n[y]))&&(t[y]=m)}for(g=0;g<oc.length;g++){y=oc[g];null!=(m=e.getShallow(y))&&(t[y]=m)}if(null==t.verticalAlign){var v=e.getShallow("baseline");null!=v&&(t.verticalAlign=v)}if(!a||!i.disableBox){for(g=0;g<ac.length;g++){var m;y=ac[g];null!=(m=e.getShallow(y))&&(t[y]=m)}var x=e.getShallow("borderType");null!=x&&(t.borderDash=x),"auto"!==t.backgroundColor&&"inherit"!==t.backgroundColor||!l||(t.backgroundColor=l),"auto"!==t.borderColor&&"inherit"!==t.borderColor||!l||(t.borderColor=l)}}function lc(t,e){var n=e&&e.getModel("textStyle");return ut([t.fontStyle||n&&n.getShallow("fontStyle")||"",t.fontWeight||n&&n.getShallow("fontWeight")||"",(t.fontSize||n&&n.getShallow("fontSize")||12)+"px",t.fontFamily||n&&n.getShallow("fontFamily")||"sans-serif"].join(" "))}var uc=Oo();function hc(t,e,n,i){if(t){var r=uc(t);r.prevValue=r.value,r.value=n;var o=e.normal;r.valueAnimation=o.get("valueAnimation"),r.valueAnimation&&(r.precision=o.get("precision"),r.defaultInterpolatedText=i,r.statesModels=e)}}function cc(t,e,n,i,r){var o=uc(t);if(o.valueAnimation&&o.prevValue!==o.value){var a=o.defaultInterpolatedText,s=rt(o.interpolatedValue,o.prevValue),l=o.value;t.percent=0,(null==o.prevValue?gh:fh)(t,{percent:1},i,e,null,(function(i){var u=Wo(n,o.precision,s,l,i);o.interpolatedValue=1===i?null:u;var h=Qh({labelDataIndex:e,labelFetcher:r,defaultText:a?a(u):u+""},o.statesModels,u);Jh(t,h)}))}}var pc,dc,fc=["textStyle","color"],gc=["fontStyle","fontWeight","fontSize","fontFamily","padding","lineHeight","rich","width","height","overflow"],yc=new Fs,vc=function(){function t(){}return t.prototype.getTextColor=function(t){var e=this.ecModel;return this.getShallow("color")||(!t&&e?e.get(fc):null)},t.prototype.getFont=function(){return lc({fontStyle:this.getShallow("fontStyle"),fontWeight:this.getShallow("fontWeight"),fontSize:this.getShallow("fontSize"),fontFamily:this.getShallow("fontFamily")},this.ecModel)},t.prototype.getTextRect=function(t){for(var e={text:t,verticalAlign:this.getShallow("verticalAlign")||this.getShallow("baseline")},n=0;n<gc.length;n++)e[gc[n]]=this.getShallow(gc[n]);return yc.useStyle(e),yc.update(),yc.getBoundingRect()},t}(),mc=[["lineWidth","width"],["stroke","color"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","type"],["lineDashOffset","dashOffset"],["lineCap","cap"],["lineJoin","join"],["miterLimit"]],xc=Jo(mc),_c=function(){function t(){}return t.prototype.getLineStyle=function(t){return xc(this,t)},t}(),bc=[["fill","color"],["stroke","borderColor"],["lineWidth","borderWidth"],["opacity"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"],["lineDash","borderType"],["lineDashOffset","borderDashOffset"],["lineCap","borderCap"],["lineJoin","borderJoin"],["miterLimit","borderMiterLimit"]],wc=Jo(bc),Sc=function(){function t(){}return t.prototype.getItemStyle=function(t,e){return wc(this,t,e)},t}(),Mc=function(){function t(t,e,n){this.parentModel=e,this.ecModel=n,this.option=t}return t.prototype.init=function(t,e,n){for(var i=[],r=3;r<arguments.length;r++)i[r-3]=arguments[r]},t.prototype.mergeOption=function(t,e){C(this.option,t,!0)},t.prototype.get=function(t,e){return null==t?this.option:this._doGet(this.parsePath(t),!e&&this.parentModel)},t.prototype.getShallow=function(t,e){var n=this.option,i=null==n?n:n[t];if(null==i&&!e){var r=this.parentModel;r&&(i=r.getShallow(t))}return i},t.prototype.getModel=function(e,n){var i=null!=e,r=i?this.parsePath(e):null;return new t(i?this._doGet(r):this.option,n=n||this.parentModel&&this.parentModel.getModel(this.resolveParentPath(r)),this.ecModel)},t.prototype.isEmpty=function(){return null==this.option},t.prototype.restoreData=function(){},t.prototype.clone=function(){return new(0,this.constructor)(T(this.option))},t.prototype.parsePath=function(t){return"string"==typeof t?t.split("."):t},t.prototype.resolveParentPath=function(t){return t},t.prototype.isAnimationEnabled=function(){if(!r.node&&this.option){if(null!=this.option.animation)return!!this.option.animation;if(this.parentModel)return this.parentModel.isAnimationEnabled()}},t.prototype._doGet=function(t,e){var n=this.option;if(!t)return n;for(var i=0;i<t.length&&(!t[i]||null!=(n=n&&"object"==typeof n?n[t[i]]:null));i++);return null==n&&e&&(n=e._doGet(this.resolveParentPath(t),e.parentModel)),n},t}();Uo(Mc),pc=Mc,dc=["__\0is_clz",jo++].join("_"),pc.prototype[dc]=!0,pc.isInstance=function(t){return!(!t||!t[dc])},R(Mc,_c),R(Mc,Sc),R(Mc,ta),R(Mc,vc);var Ic=Math.round(10*Math.random());function Tc(t){return[t||"",Ic++].join("_")}function Cc(t,e){return C(C({},t,!0),e,!0)}var Dc="ZH",Ac="EN",kc=Ac,Lc={},Pc={},Oc=r.domSupported&&(document.documentElement.lang||navigator.language||navigator.browserLanguage).toUpperCase().indexOf(Dc)>-1?Dc:kc;function Rc(t,e){t=t.toUpperCase(),Pc[t]=new Mc(e),Lc[t]=e}function Nc(t){return Pc[t]}Rc(Ac,{time:{month:["January","February","March","April","May","June","July","August","September","October","November","December"],monthAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayOfWeekAbbr:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},legend:{selector:{all:"All",inverse:"Inv"}},toolbox:{brush:{title:{rect:"Box Select",polygon:"Lasso Select",lineX:"Horizontally Select",lineY:"Vertically Select",keep:"Keep Selections",clear:"Clear Selections"}},dataView:{title:"Data View",lang:["Data View","Close","Refresh"]},dataZoom:{title:{zoom:"Zoom",back:"Zoom Reset"}},magicType:{title:{line:"Switch to Line Chart",bar:"Switch to Bar Chart",stack:"Stack",tiled:"Tile"}},restore:{title:"Restore"},saveAsImage:{title:"Save as Image",lang:["Right Click to Save Image"]}},series:{typeNames:{pie:"Pie chart",bar:"Bar chart",line:"Line chart",scatter:"Scatter plot",effectScatter:"Ripple scatter plot",radar:"Radar chart",tree:"Tree",treemap:"Treemap",boxplot:"Boxplot",candlestick:"Candlestick",k:"K line chart",heatmap:"Heat map",map:"Map",parallel:"Parallel coordinate map",lines:"Line graph",graph:"Relationship graph",sankey:"Sankey diagram",funnel:"Funnel chart",gauge:"Gauge",pictorialBar:"Pictorial bar",themeRiver:"Theme River Map",sunburst:"Sunburst"}},aria:{general:{withTitle:'This is a chart about "{title}"',withoutTitle:"This is a chart"},series:{single:{prefix:"",withName:" with type {seriesType} named {seriesName}.",withoutName:" with type {seriesType}."},multiple:{prefix:". It consists of {seriesCount} series count.",withName:" The {seriesId} series is a {seriesType} representing {seriesName}.",withoutName:" The {seriesId} series is a {seriesType}.",separator:{middle:"",end:""}}},data:{allData:"The data is as follows: ",partialData:"The first {displayCnt} items are: ",withName:"the data for {name} is {value}",withoutName:"{value}",separator:{middle:", ",end:". "}}}}),Rc(Dc,{time:{month:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],dayOfWeekAbbr:["日","一","二","三","四","五","六"]},legend:{selector:{all:"全选",inverse:"反选"}},toolbox:{brush:{title:{rect:"矩形选择",polygon:"圈选",lineX:"横向选择",lineY:"纵向选择",keep:"保持选择",clear:"清除选择"}},dataView:{title:"数据视图",lang:["数据视图","关闭","刷新"]},dataZoom:{title:{zoom:"区域缩放",back:"区域缩放还原"}},magicType:{title:{line:"切换为折线图",bar:"切换为柱状图",stack:"切换为堆叠",tiled:"切换为平铺"}},restore:{title:"还原"},saveAsImage:{title:"保存为图片",lang:["右键另存为图片"]}},series:{typeNames:{pie:"饼图",bar:"柱状图",line:"折线图",scatter:"散点图",effectScatter:"涟漪散点图",radar:"雷达图",tree:"树图",treemap:"矩形树图",boxplot:"箱型图",candlestick:"K线图",k:"K线图",heatmap:"热力图",map:"地图",parallel:"平行坐标图",lines:"线图",graph:"关系图",sankey:"桑基图",funnel:"漏斗图",gauge:"仪表盘图",pictorialBar:"象形柱图",themeRiver:"主题河流图",sunburst:"旭日图"}},aria:{general:{withTitle:"这是一个关于“{title}”的图表。",withoutTitle:"这是一个图表，"},series:{single:{prefix:"",withName:"图表类型是{seriesType}，表示{seriesName}。",withoutName:"图表类型是{seriesType}。"},multiple:{prefix:"它由{seriesCount}个图表系列组成。",withName:"第{seriesId}个系列是一个表示{seriesName}的{seriesType}，",withoutName:"第{seriesId}个系列是一个{seriesType}，",separator:{middle:"；",end:"。"}}},data:{allData:"其数据是——",partialData:"其中，前{displayCnt}项是——",withName:"{name}的数据是{value}",withoutName:"{value}",separator:{middle:"，",end:""}}}});var Ec=1e3,zc=6e4,Vc=36e5,Bc=864e5,Fc=31536e6,Gc={year:"{yyyy}",month:"{MMM}",day:"{d}",hour:"{HH}:{mm}",minute:"{HH}:{mm}",second:"{HH}:{mm}:{ss}",millisecond:"{HH}:{mm}:{ss} {SSS}",none:"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss} {SSS}"},Wc="{yyyy}-{MM}-{dd}",Hc={year:"{yyyy}",month:"{yyyy}-{MM}",day:Wc,hour:Wc+" "+Gc.hour,minute:Wc+" "+Gc.minute,second:Wc+" "+Gc.second,millisecond:Gc.none},Yc=["year","month","day","hour","minute","second","millisecond"],Xc=["year","half-year","quarter","month","week","half-week","day","half-day","quarter-day","hour","minute","second","millisecond"];function Uc(t,e){return"0000".substr(0,e-(t+="").length)+t}function Zc(t){switch(t){case"half-year":case"quarter":return"month";case"week":case"half-week":return"day";case"half-day":case"quarter-day":return"hour";default:return t}}function jc(t){return t===Zc(t)}function qc(t,e,n,i){var r=ro(t),o=r[Jc(n)](),a=r[Qc(n)]()+1,s=Math.floor((a-1)/3)+1,l=r[tp(n)](),u=r["get"+(n?"UTC":"")+"Day"](),h=r[ep(n)](),c=(h-1)%12+1,p=r[np(n)](),d=r[ip(n)](),f=r[rp(n)](),g=(i instanceof Mc?i:Nc(i||Oc)||Pc[kc]).getModel("time"),y=g.get("month"),v=g.get("monthAbbr"),m=g.get("dayOfWeek"),x=g.get("dayOfWeekAbbr");return(e||"").replace(/{yyyy}/g,o+"").replace(/{yy}/g,Uc(o%100+"",2)).replace(/{Q}/g,s+"").replace(/{MMMM}/g,y[a-1]).replace(/{MMM}/g,v[a-1]).replace(/{MM}/g,Uc(a,2)).replace(/{M}/g,a+"").replace(/{dd}/g,Uc(l,2)).replace(/{d}/g,l+"").replace(/{eeee}/g,m[u]).replace(/{ee}/g,x[u]).replace(/{e}/g,u+"").replace(/{HH}/g,Uc(h,2)).replace(/{H}/g,h+"").replace(/{hh}/g,Uc(c+"",2)).replace(/{h}/g,c+"").replace(/{mm}/g,Uc(p,2)).replace(/{m}/g,p+"").replace(/{ss}/g,Uc(d,2)).replace(/{s}/g,d+"").replace(/{SSS}/g,Uc(f,3)).replace(/{S}/g,f+"")}function Kc(t,e){var n=ro(t),i=n[Qc(e)]()+1,r=n[tp(e)](),o=n[ep(e)](),a=n[np(e)](),s=n[ip(e)](),l=0===n[rp(e)](),u=l&&0===s,h=u&&0===a,c=h&&0===o,p=c&&1===r;return p&&1===i?"year":p?"month":c?"day":h?"hour":u?"minute":l?"second":"millisecond"}function $c(t,e,n){var i=j(t)?ro(t):t;switch(e=e||Kc(t,n)){case"year":return i[Jc(n)]();case"half-year":return i[Qc(n)]()>=6?1:0;case"quarter":return Math.floor((i[Qc(n)]()+1)/4);case"month":return i[Qc(n)]();case"day":return i[tp(n)]();case"half-day":return i[ep(n)]()/24;case"hour":return i[ep(n)]();case"minute":return i[np(n)]();case"second":return i[ip(n)]();case"millisecond":return i[rp(n)]()}}function Jc(t){return t?"getUTCFullYear":"getFullYear"}function Qc(t){return t?"getUTCMonth":"getMonth"}function tp(t){return t?"getUTCDate":"getDate"}function ep(t){return t?"getUTCHours":"getHours"}function np(t){return t?"getUTCMinutes":"getMinutes"}function ip(t){return t?"getUTCSeconds":"getSeconds"}function rp(t){return t?"getUTCMilliseconds":"getMilliseconds"}function op(t){return t?"setUTCFullYear":"setFullYear"}function ap(t){return t?"setUTCMonth":"setMonth"}function sp(t){return t?"setUTCDate":"setDate"}function lp(t){return t?"setUTCHours":"setHours"}function up(t){return t?"setUTCMinutes":"setMinutes"}function hp(t){return t?"setUTCSeconds":"setSeconds"}function cp(t){return t?"setUTCMilliseconds":"setMilliseconds"}function pp(t){if(!co(t))return U(t)?t:"-";var e=(t+"").split(".");return e[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g,"$1,")+(e.length>1?"."+e[1]:"")}function dp(t,e){return t=(t||"").toLowerCase().replace(/-(.)/g,(function(t,e){return e.toUpperCase()})),e&&t&&(t=t.charAt(0).toUpperCase()+t.slice(1)),t}var fp=st;function gp(t,e,n){function i(t){return t&&ut(t)?t:"-"}function r(t){return!(null==t||isNaN(t)||!isFinite(t))}var o="time"===e,a=t instanceof Date;if(o||a){var s=o?ro(t):t;if(!isNaN(+s))return qc(s,"{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}",n);if(a)return"-"}if("ordinal"===e)return Z(t)?i(t):j(t)&&r(t)?t+"":"-";var l=ho(t);return r(l)?pp(l):Z(t)?i(t):"boolean"==typeof t?t+"":"-"}var yp=["a","b","c","d","e","f","g"],vp=function(t,e){return"{"+t+(null==e?"":e)+"}"};function mp(t,e,n){Y(e)||(e=[e]);var i=e.length;if(!i)return"";for(var r=e[0].$vars||[],o=0;o<r.length;o++){var a=yp[o];t=t.replace(vp(a),vp(a,0))}for(var s=0;s<i;s++)for(var l=0;l<r.length;l++){var u=e[s][r[l]];t=t.replace(vp(yp[l],s),n?re(u):u)}return t}function xp(t,e){var n=U(t)?{color:t,extraCssText:e}:t||{},i=n.color,r=n.type;e=n.extraCssText;var o=n.renderMode||"html";return i?"html"===o?"subItem"===r?'<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;border-radius:4px;width:4px;height:4px;background-color:'+re(i)+";"+(e||"")+'"></span>':'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:'+re(i)+";"+(e||"")+'"></span>':{renderMode:o,content:"{"+(n.markerId||"markerX")+"|}  ",style:"subItem"===r?{width:4,height:4,borderRadius:2,backgroundColor:i}:{width:10,height:10,borderRadius:5,backgroundColor:i}}:""}function _p(t,e){return e=e||"transparent",U(t)?t:q(t)&&t.colorStops&&(t.colorStops[0]||{}).color||e}function bp(t,e){if("_blank"===e||"blank"===e){var n=window.open();n.opener=null,n.location.href=t}else window.open(t,e)}var wp=E,Sp=["left","right","top","bottom","width","height"],Mp=[["width","left","right"],["height","top","bottom"]];function Ip(t,e,n,i,r){var o=0,a=0;null==i&&(i=1/0),null==r&&(r=1/0);var s=0;e.eachChild((function(l,u){var h,c,p=l.getBoundingRect(),d=e.childAt(u+1),f=d&&d.getBoundingRect();if("horizontal"===t){var g=p.width+(f?-f.x+p.x:0);(h=o+g)>i||l.newline?(o=0,h=g,a+=s+n,s=p.height):s=Math.max(s,p.height)}else{var y=p.height+(f?-f.y+p.y:0);(c=a+y)>r||l.newline?(o+=s+n,a=0,c=y,s=p.width):s=Math.max(s,p.width)}l.newline||(l.x=o,l.y=a,l.markRedraw(),"horizontal"===t?o=h+n:a=c+n)}))}var Tp=Ip;H(Ip,"vertical"),H(Ip,"horizontal");function Cp(t,e,n){n=fp(n||0);var i=e.width,r=e.height,o=Ur(t.left,i),a=Ur(t.top,r),s=Ur(t.right,i),l=Ur(t.bottom,r),u=Ur(t.width,i),h=Ur(t.height,r),c=n[2]+n[0],p=n[1]+n[3],d=t.aspect;switch(isNaN(u)&&(u=i-s-p-o),isNaN(h)&&(h=r-l-c-a),null!=d&&(isNaN(u)&&isNaN(h)&&(d>i/r?u=.8*i:h=.8*r),isNaN(u)&&(u=d*h),isNaN(h)&&(h=u/d)),isNaN(o)&&(o=i-s-u-p),isNaN(a)&&(a=r-l-h-c),t.left||t.right){case"center":o=i/2-u/2-n[3];break;case"right":o=i-u-p}switch(t.top||t.bottom){case"middle":case"center":a=r/2-h/2-n[0];break;case"bottom":a=r-h-c}o=o||0,a=a||0,isNaN(u)&&(u=i-p-o-(s||0)),isNaN(h)&&(h=r-c-a-(l||0));var f=new ze(o+n[3],a+n[0],u,h);return f.margin=n,f}function Dp(t,e,n,i,r,o){var a,s=!r||!r.hv||r.hv[0],l=!r||!r.hv||r.hv[1],u=r&&r.boundingMode||"all";if((o=o||t).x=t.x,o.y=t.y,!s&&!l)return!1;if("raw"===u)a="group"===t.type?new ze(0,0,+e.width||0,+e.height||0):t.getBoundingRect();else if(a=t.getBoundingRect(),t.needLocalTransform()){var h=t.getLocalTransform();(a=a.clone()).applyTransform(h)}var c=Cp(k({width:a.width,height:a.height},e),n,i),p=s?c.x-a.x:0,d=l?c.y-a.y:0;return"raw"===u?(o.x=p,o.y=d):(o.x+=p,o.y+=d),o===t&&t.markRedraw(),!0}function Ap(t){var e=t.layoutMode||t.constructor.layoutMode;return q(e)?e:e?{type:e}:null}function kp(t,e,n){var i=n&&n.ignoreSize;!Y(i)&&(i=[i,i]);var r=a(Mp[0],0),o=a(Mp[1],1);function a(n,r){var o={},a=0,u={},h=0;if(wp(n,(function(e){u[e]=t[e]})),wp(n,(function(t){s(e,t)&&(o[t]=u[t]=e[t]),l(o,t)&&a++,l(u,t)&&h++})),i[r])return l(e,n[1])?u[n[2]]=null:l(e,n[2])&&(u[n[1]]=null),u;if(2!==h&&a){if(a>=2)return o;for(var c=0;c<n.length;c++){var p=n[c];if(!s(o,p)&&s(t,p)){o[p]=t[p];break}}return o}return u}function s(t,e){return t.hasOwnProperty(e)}function l(t,e){return null!=t[e]&&"auto"!==t[e]}function u(t,e,n){wp(t,(function(t){e[t]=n[t]}))}u(Mp[0],t,r),u(Mp[1],t,o)}function Lp(t){return Pp({},t)}function Pp(t,e){return e&&t&&wp(Sp,(function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t}var Op=Oo(),Rp=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.uid=Tc("ec_cpt_model"),r}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=Ap(this),i=n?Lp(t):{};C(t,e.getTheme().get(this.mainType)),C(t,this.getDefaultOption()),n&&kp(t,i,n)},e.prototype.mergeOption=function(t,e){C(this.option,t,!0);var n=Ap(this);n&&kp(this.option,t,n)},e.prototype.optionUpdated=function(t,e){},e.prototype.getDefaultOption=function(){var t=this.constructor;if(!function(t){return!(!t||!t[Yo])}(t))return t.defaultOption;var e=Op(this);if(!e.defaultOption){for(var n=[],i=t;i;){var r=i.prototype.defaultOption;r&&n.push(r),i=i.superClass}for(var o={},a=n.length-1;a>=0;a--)o=C(o,n[a],!0);e.defaultOption=o}return e.defaultOption},e.prototype.getReferringComponents=function(t,e){var n=t+"Index",i=t+"Id";return Bo(this.ecModel,t,{index:this.get(n,!0),id:this.get(i,!0)},e)},e.prototype.getBoxLayoutParams=function(){var t=this;return{left:t.get("left"),top:t.get("top"),right:t.get("right"),bottom:t.get("bottom"),width:t.get("width"),height:t.get("height")}},e.prototype.getZLevelKey=function(){return""},e.prototype.setZLevel=function(t){this.option.zlevel=t},e.protoInitialize=function(){var t=e.prototype;t.type="component",t.id="",t.name="",t.mainType="",t.subType="",t.componentIndex=0}(),e}(Mc);Zo(Rp,Mc),$o(Rp),function(t){var e={};t.registerSubTypeDefaulter=function(t,n){var i=Xo(t);e[i.main]=n},t.determineSubType=function(n,i){var r=i.type;if(!r){var o=Xo(n).main;t.hasSubTypes(n)&&e[o]&&(r=e[o](i))}return r}}(Rp),function(t,e){function n(t,e){return t[e]||(t[e]={predecessor:[],successor:[]}),t[e]}t.topologicalTravel=function(t,i,r,o){if(t.length){var a=function(t){var i={},r=[];return E(t,(function(o){var a=n(i,o),s=function(t,e){var n=[];return E(t,(function(t){P(e,t)>=0&&n.push(t)})),n}(a.originalDeps=e(o),t);a.entryCount=s.length,0===a.entryCount&&r.push(o),E(s,(function(t){P(a.predecessor,t)<0&&a.predecessor.push(t);var e=n(i,t);P(e.successor,t)<0&&e.successor.push(o)}))})),{graph:i,noEntryList:r}}(i),s=a.graph,l=a.noEntryList,u={};for(E(t,(function(t){u[t]=!0}));l.length;){var h=l.pop(),c=s[h],p=!!u[h];p&&(r.call(o,h,c.originalDeps.slice()),delete u[h]),E(c.successor,p?f:d)}E(u,(function(){var t="";throw new Error(t)}))}function d(t){s[t].entryCount--,0===s[t].entryCount&&l.push(t)}function f(t){u[t]=!0,d(t)}}}(Rp,(function(t){var e=[];E(Rp.getClassesByMainType(t),(function(t){e=e.concat(t.dependencies||t.prototype.dependencies||[])})),e=z(e,(function(t){return Xo(t).main})),"dataset"!==t&&P(e,"dataset")<=0&&e.unshift("dataset");return e}));var Np="";"undefined"!=typeof navigator&&(Np=navigator.platform||"");var Ep="rgba(0, 0, 0, 0.2)",zp={darkMode:"auto",colorBy:"series",color:["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],gradientColor:["#f6efa6","#d88273","#bf444c"],aria:{decal:{decals:[{color:Ep,dashArrayX:[1,0],dashArrayY:[2,5],symbolSize:1,rotation:Math.PI/6},{color:Ep,symbol:"circle",dashArrayX:[[8,8],[0,8,8,0]],dashArrayY:[6,0],symbolSize:.8},{color:Ep,dashArrayX:[1,0],dashArrayY:[4,3],rotation:-Math.PI/4},{color:Ep,dashArrayX:[[6,6],[0,6,6,0]],dashArrayY:[6,0]},{color:Ep,dashArrayX:[[1,0],[1,6]],dashArrayY:[1,0,6,0],rotation:Math.PI/4},{color:Ep,symbol:"triangle",dashArrayX:[[9,9],[0,9,9,0]],dashArrayY:[7,2],symbolSize:.75}]}},textStyle:{fontFamily:Np.match(/^Win/)?"Microsoft YaHei":"sans-serif",fontSize:12,fontStyle:"normal",fontWeight:"normal"},blendMode:null,stateAnimation:{duration:300,easing:"cubicOut"},animation:"auto",animationDuration:1e3,animationDurationUpdate:500,animationEasing:"cubicInOut",animationEasingUpdate:"cubicInOut",animationThreshold:2e3,progressiveThreshold:3e3,progressive:400,hoverLayerThreshold:3e3,useUTC:!1},Vp=yt(["tooltip","label","itemName","itemId","itemGroupId","seriesName"]),Bp="original",Fp="arrayRows",Gp="objectRows",Wp="keyedColumns",Hp="typedArray",Yp="unknown",Xp="column",Up="row",Zp=1,jp=2,qp=3,Kp=Oo();function $p(t,e,n){var i={},r=Qp(e);if(!r||!t)return i;var o,a,s=[],l=[],u=e.ecModel,h=Kp(u).datasetMap,c=r.uid+"_"+n.seriesLayoutBy;E(t=t.slice(),(function(e,n){var r=q(e)?e:t[n]={name:e};"ordinal"===r.type&&null==o&&(o=n,a=f(r)),i[r.name]=[]}));var p=h.get(c)||h.set(c,{categoryWayDim:a,valueWayDim:0});function d(t,e,n){for(var i=0;i<n;i++)t.push(e+i)}function f(t){var e=t.dimsDef;return e?e.length:1}return E(t,(function(t,e){var n=t.name,r=f(t);if(null==o){var a=p.valueWayDim;d(i[n],a,r),d(l,a,r),p.valueWayDim+=r}else if(o===e)d(i[n],0,r),d(s,0,r);else{a=p.categoryWayDim;d(i[n],a,r),d(l,a,r),p.categoryWayDim+=r}})),s.length&&(i.itemName=s),l.length&&(i.seriesName=l),i}function Jp(t,e,n){var i={};if(!Qp(t))return i;var r,o=e.sourceFormat,a=e.dimensionsDefine;o!==Gp&&o!==Wp||E(a,(function(t,e){"name"===(q(t)?t.name:t)&&(r=e)}));var s=function(){for(var t={},i={},s=[],l=0,u=Math.min(5,n);l<u;l++){var h=ed(e.data,o,e.seriesLayoutBy,a,e.startIndex,l);s.push(h);var c=h===qp;if(c&&null==t.v&&l!==r&&(t.v=l),(null==t.n||t.n===t.v||!c&&s[t.n]===qp)&&(t.n=l),p(t)&&s[t.n]!==qp)return t;c||(h===jp&&null==i.v&&l!==r&&(i.v=l),null!=i.n&&i.n!==i.v||(i.n=l))}function p(t){return null!=t.v&&null!=t.n}return p(t)?t:p(i)?i:null}();if(s){i.value=[s.v];var l=null!=r?r:s.n;i.itemName=[l],i.seriesName=[l]}return i}function Qp(t){if(!t.get("data",!0))return Bo(t.ecModel,"dataset",{index:t.get("datasetIndex",!0),id:t.get("datasetId",!0)},zo).models[0]}function td(t,e){return ed(t.data,t.sourceFormat,t.seriesLayoutBy,t.dimensionsDefine,t.startIndex,e)}function ed(t,e,n,i,r,o){var a,s,l;if($(t))return qp;if(i){var u=i[o];q(u)?(s=u.name,l=u.type):U(u)&&(s=u)}if(null!=l)return"ordinal"===l?Zp:qp;if(e===Fp){var h=t;if(n===Up){for(var c=h[o],p=0;p<(c||[]).length&&p<5;p++)if(null!=(a=m(c[r+p])))return a}else for(p=0;p<h.length&&p<5;p++){var d=h[r+p];if(d&&null!=(a=m(d[o])))return a}}else if(e===Gp){var f=t;if(!s)return qp;for(p=0;p<f.length&&p<5;p++){if((y=f[p])&&null!=(a=m(y[s])))return a}}else if(e===Wp){if(!s)return qp;if(!(c=t[s])||$(c))return qp;for(p=0;p<c.length&&p<5;p++)if(null!=(a=m(c[p])))return a}else if(e===Bp){var g=t;for(p=0;p<g.length&&p<5;p++){var y,v=Mo(y=g[p]);if(!Y(v))return qp;if(null!=(a=m(v[o])))return a}}function m(t){var e=U(t);return null!=t&&isFinite(t)&&""!==t?e?jp:qp:e&&"-"!==t?Zp:void 0}return qp}var nd=yt();var id,rd,od,ad=Oo(),sd=Oo(),ld=function(){function t(){}return t.prototype.getColorFromPalette=function(t,e,n){var i=bo(this.get("color",!0)),r=this.get("colorLayer",!0);return hd(this,ad,i,r,t,e,n)},t.prototype.clearColorPalette=function(){!function(t,e){e(t).paletteIdx=0,e(t).paletteNameMap={}}(this,ad)},t}();function ud(t,e,n,i){var r=bo(t.get(["aria","decal","decals"]));return hd(t,sd,r,null,e,n,i)}function hd(t,e,n,i,r,o,a){var s=e(o=o||t),l=s.paletteIdx||0,u=s.paletteNameMap=s.paletteNameMap||{};if(u.hasOwnProperty(r))return u[r];var h=null!=a&&i?function(t,e){for(var n=t.length,i=0;i<n;i++)if(t[i].length>e)return t[i];return t[n-1]}(i,a):n;if((h=h||n)&&h.length){var c=h[l];return r&&(u[r]=c),s.paletteIdx=(l+1)%h.length,c}}var cd="\0_ec_inner";var pd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(t,e,n,i,r,o){i=i||{},this.option=null,this._theme=new Mc(i),this._locale=new Mc(r),this._optionManager=o},e.prototype.setOption=function(t,e,n){var i=gd(e);this._optionManager.setOption(t,n,i),this._resetOption(null,i)},e.prototype.resetOption=function(t,e){return this._resetOption(t,gd(e))},e.prototype._resetOption=function(t,e){var n=!1,i=this._optionManager;if(!t||"recreate"===t){var r=i.mountOption("recreate"===t);0,this.option&&"recreate"!==t?(this.restoreData(),this._mergeOption(r,e)):od(this,r),n=!0}if("timeline"!==t&&"media"!==t||this.restoreData(),!t||"recreate"===t||"timeline"===t){var o=i.getTimelineOption(this);o&&(n=!0,this._mergeOption(o,e))}if(!t||"recreate"===t||"media"===t){var a=i.getMediaOption(this);a.length&&E(a,(function(t){n=!0,this._mergeOption(t,e)}),this)}return n},e.prototype.mergeOption=function(t){this._mergeOption(t,null)},e.prototype._mergeOption=function(t,e){var n=this.option,i=this._componentsMap,r=this._componentsCount,o=[],a=yt(),s=e&&e.replaceMergeMainTypeMap;Kp(this).datasetMap=yt(),E(t,(function(t,e){null!=t&&(Rp.hasClass(e)?e&&(o.push(e),a.set(e,!0)):n[e]=null==n[e]?T(t):C(n[e],t,!0))})),s&&s.each((function(t,e){Rp.hasClass(e)&&!a.get(e)&&(o.push(e),a.set(e,!0))})),Rp.topologicalTravel(o,Rp.getAllClassMainTypes(),(function(e){var o=function(t,e,n){var i=nd.get(e);if(!i)return n;var r=i(t);return r?n.concat(r):n}(this,e,bo(t[e])),a=i.get(e),l=a?s&&s.get(e)?"replaceMerge":"normalMerge":"replaceAll",u=To(a,o,l);(function(t,e,n){E(t,(function(t){var i=t.newOption;q(i)&&(t.keyInfo.mainType=e,t.keyInfo.subType=function(t,e,n,i){return e.type?e.type:n?n.subType:i.determineSubType(t,e)}(e,i,t.existing,n))}))})(u,e,Rp),n[e]=null,i.set(e,null),r.set(e,0);var h,c=[],p=[],d=0;E(u,(function(t,n){var i=t.existing,r=t.newOption;if(r){var o="series"===e,a=Rp.getClass(e,t.keyInfo.subType,!o);if(!a)return;if("tooltip"===e){if(h)return void 0;h=!0}if(i&&i.constructor===a)i.name=t.keyInfo.name,i.mergeOption(r,this),i.optionUpdated(r,!1);else{var s=A({componentIndex:n},t.keyInfo);A(i=new a(r,this,this,s),s),t.brandNew&&(i.__requireNewView=!0),i.init(r,this,this),i.optionUpdated(null,!0)}}else i&&(i.mergeOption({},this),i.optionUpdated({},!1));i?(c.push(i.option),p.push(i),d++):(c.push(void 0),p.push(void 0))}),this),n[e]=c,i.set(e,p),r.set(e,d),"series"===e&&id(this)}),this),this._seriesIndices||id(this)},e.prototype.getOption=function(){var t=T(this.option);return E(t,(function(e,n){if(Rp.hasClass(n)){for(var i=bo(e),r=i.length,o=!1,a=r-1;a>=0;a--)i[a]&&!Lo(i[a])?o=!0:(i[a]=null,!o&&r--);i.length=r,t[n]=i}})),delete t[cd],t},e.prototype.getTheme=function(){return this._theme},e.prototype.getLocaleModel=function(){return this._locale},e.prototype.setUpdatePayload=function(t){this._payload=t},e.prototype.getUpdatePayload=function(){return this._payload},e.prototype.getComponent=function(t,e){var n=this._componentsMap.get(t);if(n){var i=n[e||0];if(i)return i;if(null==e)for(var r=0;r<n.length;r++)if(n[r])return n[r]}},e.prototype.queryComponents=function(t){var e=t.mainType;if(!e)return[];var n,i=t.index,r=t.id,o=t.name,a=this._componentsMap.get(e);return a&&a.length?(null!=i?(n=[],E(bo(i),(function(t){a[t]&&n.push(a[t])}))):n=null!=r?dd("id",r,a):null!=o?dd("name",o,a):B(a,(function(t){return!!t})),fd(n,t)):[]},e.prototype.findComponents=function(t){var e,n,i,r,o,a=t.query,s=t.mainType,l=(n=s+"Index",i=s+"Id",r=s+"Name",!(e=a)||null==e[n]&&null==e[i]&&null==e[r]?null:{mainType:s,index:e[n],id:e[i],name:e[r]}),u=l?this.queryComponents(l):B(this._componentsMap.get(s),(function(t){return!!t}));return o=fd(u,t),t.filter?B(o,t.filter):o},e.prototype.eachComponent=function(t,e,n){var i=this._componentsMap;if(X(t)){var r=e,o=t;i.each((function(t,e){for(var n=0;t&&n<t.length;n++){var i=t[n];i&&o.call(r,e,i,i.componentIndex)}}))}else for(var a=U(t)?i.get(t):q(t)?this.findComponents(t):null,s=0;a&&s<a.length;s++){var l=a[s];l&&e.call(n,l,l.componentIndex)}},e.prototype.getSeriesByName=function(t){var e=Ao(t,null);return B(this._componentsMap.get("series"),(function(t){return!!t&&null!=e&&t.name===e}))},e.prototype.getSeriesByIndex=function(t){return this._componentsMap.get("series")[t]},e.prototype.getSeriesByType=function(t){return B(this._componentsMap.get("series"),(function(e){return!!e&&e.subType===t}))},e.prototype.getSeries=function(){return B(this._componentsMap.get("series"),(function(t){return!!t}))},e.prototype.getSeriesCount=function(){return this._componentsCount.get("series")},e.prototype.eachSeries=function(t,e){rd(this),E(this._seriesIndices,(function(n){var i=this._componentsMap.get("series")[n];t.call(e,i,n)}),this)},e.prototype.eachRawSeries=function(t,e){E(this._componentsMap.get("series"),(function(n){n&&t.call(e,n,n.componentIndex)}))},e.prototype.eachSeriesByType=function(t,e,n){rd(this),E(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];r.subType===t&&e.call(n,r,i)}),this)},e.prototype.eachRawSeriesByType=function(t,e,n){return E(this.getSeriesByType(t),e,n)},e.prototype.isSeriesFiltered=function(t){return rd(this),null==this._seriesIndicesMap.get(t.componentIndex)},e.prototype.getCurrentSeriesIndices=function(){return(this._seriesIndices||[]).slice()},e.prototype.filterSeries=function(t,e){rd(this);var n=[];E(this._seriesIndices,(function(i){var r=this._componentsMap.get("series")[i];t.call(e,r,i)&&n.push(i)}),this),this._seriesIndices=n,this._seriesIndicesMap=yt(n)},e.prototype.restoreData=function(t){id(this);var e=this._componentsMap,n=[];e.each((function(t,e){Rp.hasClass(e)&&n.push(e)})),Rp.topologicalTravel(n,Rp.getAllClassMainTypes(),(function(n){E(e.get(n),(function(e){!e||"series"===n&&function(t,e){if(e){var n=e.seriesIndex,i=e.seriesId,r=e.seriesName;return null!=n&&t.componentIndex!==n||null!=i&&t.id!==i||null!=r&&t.name!==r}}(e,t)||e.restoreData()}))}))},e.internalField=(id=function(t){var e=t._seriesIndices=[];E(t._componentsMap.get("series"),(function(t){t&&e.push(t.componentIndex)})),t._seriesIndicesMap=yt(e)},rd=function(t){},void(od=function(t,e){t.option={},t.option[cd]=1,t._componentsMap=yt({series:[]}),t._componentsCount=yt();var n=e.aria;q(n)&&null==n.enabled&&(n.enabled=!0),function(t,e){var n=t.color&&!t.colorLayer;E(e,(function(e,i){"colorLayer"===i&&n||Rp.hasClass(i)||("object"==typeof e?t[i]=t[i]?C(t[i],e,!1):T(e):null==t[i]&&(t[i]=e))}))}(e,t._theme.option),C(e,zp,!1),t._mergeOption(e,null)})),e}(Mc);function dd(t,e,n){if(Y(e)){var i=yt();return E(e,(function(t){null!=t&&(null!=Ao(t,null)&&i.set(t,!0))})),B(n,(function(e){return e&&i.get(e[t])}))}var r=Ao(e,null);return B(n,(function(e){return e&&null!=r&&e[t]===r}))}function fd(t,e){return e.hasOwnProperty("subType")?B(t,(function(t){return t&&t.subType===e.subType})):t}function gd(t){var e=yt();return t&&E(bo(t.replaceMerge),(function(t){e.set(t,!0)})),{replaceMergeMainTypeMap:e}}R(pd,ld);var yd=["getDom","getZr","getWidth","getHeight","getDevicePixelRatio","dispatchAction","isSSR","isDisposed","on","off","getDataURL","getConnectedDataURL","getOption","getId","updateLabelLayout"],vd=function(t){E(yd,(function(e){this[e]=W(t[e],t)}),this)},md={},xd=function(){function t(){this._coordinateSystems=[]}return t.prototype.create=function(t,e){var n=[];E(md,(function(i,r){var o=i.create(t,e);n=n.concat(o||[])})),this._coordinateSystems=n},t.prototype.update=function(t,e){E(this._coordinateSystems,(function(n){n.update&&n.update(t,e)}))},t.prototype.getCoordinateSystems=function(){return this._coordinateSystems.slice()},t.register=function(t,e){md[t]=e},t.get=function(t){return md[t]},t}(),_d=/^(min|max)?(.+)$/,bd=function(){function t(t){this._timelineOptions=[],this._mediaList=[],this._currentMediaIndices=[],this._api=t}return t.prototype.setOption=function(t,e,n){t&&(E(bo(t.series),(function(t){t&&t.data&&$(t.data)&&ct(t.data)})),E(bo(t.dataset),(function(t){t&&t.source&&$(t.source)&&ct(t.source)}))),t=T(t);var i=this._optionBackup,r=function(t,e,n){var i,r,o=[],a=t.baseOption,s=t.timeline,l=t.options,u=t.media,h=!!t.media,c=!!(l||s||a&&a.timeline);a?(r=a).timeline||(r.timeline=s):((c||h)&&(t.options=t.media=null),r=t);h&&Y(u)&&E(u,(function(t){t&&t.option&&(t.query?o.push(t):i||(i=t))}));function p(t){E(e,(function(e){e(t,n)}))}return p(r),E(l,(function(t){return p(t)})),E(o,(function(t){return p(t.option)})),{baseOption:r,timelineOptions:l||[],mediaDefault:i,mediaList:o}}(t,e,!i);this._newBaseOption=r.baseOption,i?(r.timelineOptions.length&&(i.timelineOptions=r.timelineOptions),r.mediaList.length&&(i.mediaList=r.mediaList),r.mediaDefault&&(i.mediaDefault=r.mediaDefault)):this._optionBackup=r},t.prototype.mountOption=function(t){var e=this._optionBackup;return this._timelineOptions=e.timelineOptions,this._mediaList=e.mediaList,this._mediaDefault=e.mediaDefault,this._currentMediaIndices=[],T(t?e.baseOption:this._newBaseOption)},t.prototype.getTimelineOption=function(t){var e,n=this._timelineOptions;if(n.length){var i=t.getComponent("timeline");i&&(e=T(n[i.getCurrentIndex()]))}return e},t.prototype.getMediaOption=function(t){var e,n,i=this._api.getWidth(),r=this._api.getHeight(),o=this._mediaList,a=this._mediaDefault,s=[],l=[];if(!o.length&&!a)return l;for(var u=0,h=o.length;u<h;u++)wd(o[u].query,i,r)&&s.push(u);return!s.length&&a&&(s=[-1]),s.length&&(e=s,n=this._currentMediaIndices,e.join(",")!==n.join(","))&&(l=z(s,(function(t){return T(-1===t?a.option:o[t].option)}))),this._currentMediaIndices=s,l},t}();function wd(t,e,n){var i={width:e,height:n,aspectratio:e/n},r=!0;return E(t,(function(t,e){var n=e.match(_d);if(n&&n[1]&&n[2]){var o=n[1],a=n[2].toLowerCase();(function(t,e,n){return"min"===n?t>=e:"max"===n?t<=e:t===e})(i[a],t,o)||(r=!1)}})),r}var Sd=E,Md=q,Id=["areaStyle","lineStyle","nodeStyle","linkStyle","chordStyle","label","labelLine"];function Td(t){var e=t&&t.itemStyle;if(e)for(var n=0,i=Id.length;n<i;n++){var r=Id[n],o=e.normal,a=e.emphasis;o&&o[r]&&(t[r]=t[r]||{},t[r].normal?C(t[r].normal,o[r]):t[r].normal=o[r],o[r]=null),a&&a[r]&&(t[r]=t[r]||{},t[r].emphasis?C(t[r].emphasis,a[r]):t[r].emphasis=a[r],a[r]=null)}}function Cd(t,e,n){if(t&&t[e]&&(t[e].normal||t[e].emphasis)){var i=t[e].normal,r=t[e].emphasis;i&&(n?(t[e].normal=t[e].emphasis=null,k(t[e],i)):t[e]=i),r&&(t.emphasis=t.emphasis||{},t.emphasis[e]=r,r.focus&&(t.emphasis.focus=r.focus),r.blurScope&&(t.emphasis.blurScope=r.blurScope))}}function Dd(t){Cd(t,"itemStyle"),Cd(t,"lineStyle"),Cd(t,"areaStyle"),Cd(t,"label"),Cd(t,"labelLine"),Cd(t,"upperLabel"),Cd(t,"edgeLabel")}function Ad(t,e){var n=Md(t)&&t[e],i=Md(n)&&n.textStyle;if(i){0;for(var r=0,o=So.length;r<o;r++){var a=So[r];i.hasOwnProperty(a)&&(n[a]=i[a])}}}function kd(t){t&&(Dd(t),Ad(t,"label"),t.emphasis&&Ad(t.emphasis,"label"))}function Ld(t){return Y(t)?t:t?[t]:[]}function Pd(t){return(Y(t)?t[0]:t)||{}}function Od(t,e){Sd(Ld(t.series),(function(t){Md(t)&&function(t){if(Md(t)){Td(t),Dd(t),Ad(t,"label"),Ad(t,"upperLabel"),Ad(t,"edgeLabel"),t.emphasis&&(Ad(t.emphasis,"label"),Ad(t.emphasis,"upperLabel"),Ad(t.emphasis,"edgeLabel"));var e=t.markPoint;e&&(Td(e),kd(e));var n=t.markLine;n&&(Td(n),kd(n));var i=t.markArea;i&&kd(i);var r=t.data;if("graph"===t.type){r=r||t.nodes;var o=t.links||t.edges;if(o&&!$(o))for(var a=0;a<o.length;a++)kd(o[a]);E(t.categories,(function(t){Dd(t)}))}if(r&&!$(r))for(a=0;a<r.length;a++)kd(r[a]);if((e=t.markPoint)&&e.data){var s=e.data;for(a=0;a<s.length;a++)kd(s[a])}if((n=t.markLine)&&n.data){var l=n.data;for(a=0;a<l.length;a++)Y(l[a])?(kd(l[a][0]),kd(l[a][1])):kd(l[a])}"gauge"===t.type?(Ad(t,"axisLabel"),Ad(t,"title"),Ad(t,"detail")):"treemap"===t.type?(Cd(t.breadcrumb,"itemStyle"),E(t.levels,(function(t){Dd(t)}))):"tree"===t.type&&Dd(t.leaves)}}(t)}));var n=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","parallelAxis","radar"];e&&n.push("valueAxis","categoryAxis","logAxis","timeAxis"),Sd(n,(function(e){Sd(Ld(t[e]),(function(t){t&&(Ad(t,"axisLabel"),Ad(t.axisPointer,"label"))}))})),Sd(Ld(t.parallel),(function(t){var e=t&&t.parallelAxisDefault;Ad(e,"axisLabel"),Ad(e&&e.axisPointer,"label")})),Sd(Ld(t.calendar),(function(t){Cd(t,"itemStyle"),Ad(t,"dayLabel"),Ad(t,"monthLabel"),Ad(t,"yearLabel")})),Sd(Ld(t.radar),(function(t){Ad(t,"name"),t.name&&null==t.axisName&&(t.axisName=t.name,delete t.name),null!=t.nameGap&&null==t.axisNameGap&&(t.axisNameGap=t.nameGap,delete t.nameGap)})),Sd(Ld(t.geo),(function(t){Md(t)&&(kd(t),Sd(Ld(t.regions),(function(t){kd(t)})))})),Sd(Ld(t.timeline),(function(t){kd(t),Cd(t,"label"),Cd(t,"itemStyle"),Cd(t,"controlStyle",!0);var e=t.data;Y(e)&&E(e,(function(t){q(t)&&(Cd(t,"label"),Cd(t,"itemStyle"))}))})),Sd(Ld(t.toolbox),(function(t){Cd(t,"iconStyle"),Sd(t.feature,(function(t){Cd(t,"iconStyle")}))})),Ad(Pd(t.axisPointer),"label"),Ad(Pd(t.tooltip).axisPointer,"label")}function Rd(t){t&&E(Nd,(function(e){e[0]in t&&!(e[1]in t)&&(t[e[1]]=t[e[0]])}))}var Nd=[["x","left"],["y","top"],["x2","right"],["y2","bottom"]],Ed=["grid","geo","parallel","legend","toolbox","title","visualMap","dataZoom","timeline"],zd=[["borderRadius","barBorderRadius"],["borderColor","barBorderColor"],["borderWidth","barBorderWidth"]];function Vd(t){var e=t&&t.itemStyle;if(e)for(var n=0;n<zd.length;n++){var i=zd[n][1],r=zd[n][0];null!=e[i]&&(e[r]=e[i])}}function Bd(t){t&&"edge"===t.alignTo&&null!=t.margin&&null==t.edgeDistance&&(t.edgeDistance=t.margin)}function Fd(t){t&&t.downplay&&!t.blur&&(t.blur=t.downplay)}function Gd(t,e){if(t)for(var n=0;n<t.length;n++)e(t[n]),t[n]&&Gd(t[n].children,e)}function Wd(t,e){Od(t,e),t.series=bo(t.series),E(t.series,(function(t){if(q(t)){var e=t.type;if("line"===e)null!=t.clipOverflow&&(t.clip=t.clipOverflow);else if("pie"===e||"gauge"===e){if(null!=t.clockWise&&(t.clockwise=t.clockWise),Bd(t.label),(r=t.data)&&!$(r))for(var n=0;n<r.length;n++)Bd(r[n]);null!=t.hoverOffset&&(t.emphasis=t.emphasis||{},(t.emphasis.scaleSize=null)&&(t.emphasis.scaleSize=t.hoverOffset))}else if("gauge"===e){var i=function(t,e){for(var n=e.split(","),i=t,r=0;r<n.length&&null!=(i=i&&i[n[r]]);r++);return i}(t,"pointer.color");null!=i&&function(t,e,n,i){for(var r,o=e.split(","),a=t,s=0;s<o.length-1;s++)null==a[r=o[s]]&&(a[r]={}),a=a[r];(i||null==a[o[s]])&&(a[o[s]]=n)}(t,"itemStyle.color",i)}else if("bar"===e){var r;if(Vd(t),Vd(t.backgroundStyle),Vd(t.emphasis),(r=t.data)&&!$(r))for(n=0;n<r.length;n++)"object"==typeof r[n]&&(Vd(r[n]),Vd(r[n]&&r[n].emphasis))}else if("sunburst"===e){var o=t.highlightPolicy;o&&(t.emphasis=t.emphasis||{},t.emphasis.focus||(t.emphasis.focus=o)),Fd(t),Gd(t.data,Fd)}else"graph"===e||"sankey"===e?function(t){t&&null!=t.focusNodeAdjacency&&(t.emphasis=t.emphasis||{},null==t.emphasis.focus&&(t.emphasis.focus="adjacency"))}(t):"map"===e&&(t.mapType&&!t.map&&(t.map=t.mapType),t.mapLocation&&k(t,t.mapLocation));null!=t.hoverAnimation&&(t.emphasis=t.emphasis||{},t.emphasis&&null==t.emphasis.scale&&(t.emphasis.scale=t.hoverAnimation)),Rd(t)}})),t.dataRange&&(t.visualMap=t.dataRange),E(Ed,(function(e){var n=t[e];n&&(Y(n)||(n=[n]),E(n,(function(t){Rd(t)})))}))}function Hd(t){E(t,(function(e,n){var i=[],r=[NaN,NaN],o=[e.stackResultDimension,e.stackedOverDimension],a=e.data,s=e.isStackedByIndex,l=e.seriesModel.get("stackStrategy")||"samesign";a.modify(o,(function(o,u,h){var c,p,d=a.get(e.stackedDimension,h);if(isNaN(d))return r;s?p=a.getRawIndex(h):c=a.get(e.stackedByDimension,h);for(var f=NaN,g=n-1;g>=0;g--){var y=t[g];if(s||(p=y.data.rawIndexOf(y.stackedByDimension,c)),p>=0){var v=y.data.getByRawIndex(y.stackResultDimension,p);if("all"===l||"positive"===l&&v>0||"negative"===l&&v<0||"samesign"===l&&d>=0&&v>0||"samesign"===l&&d<=0&&v<0){d=Qr(d,v),f=v;break}}}return i[0]=d,i[1]=f,i}))}))}var Yd,Xd,Ud,Zd,jd,qd=function(t){this.data=t.data||(t.sourceFormat===Wp?{}:[]),this.sourceFormat=t.sourceFormat||Yp,this.seriesLayoutBy=t.seriesLayoutBy||Xp,this.startIndex=t.startIndex||0,this.dimensionsDetectedCount=t.dimensionsDetectedCount,this.metaRawOption=t.metaRawOption;var e=this.dimensionsDefine=t.dimensionsDefine;if(e)for(var n=0;n<e.length;n++){var i=e[n];null==i.type&&td(this,n)===Zp&&(i.type="ordinal")}};function Kd(t){return t instanceof qd}function $d(t,e,n){n=n||Qd(t);var i=e.seriesLayoutBy,r=function(t,e,n,i,r){var o,a;if(!t)return{dimensionsDefine:tf(r),startIndex:a,dimensionsDetectedCount:o};if(e===Fp){var s=t;"auto"===i||null==i?ef((function(t){null!=t&&"-"!==t&&(U(t)?null==a&&(a=1):a=0)}),n,s,10):a=j(i)?i:i?1:0,r||1!==a||(r=[],ef((function(t,e){r[e]=null!=t?t+"":""}),n,s,1/0)),o=r?r.length:n===Up?s.length:s[0]?s[0].length:null}else if(e===Gp)r||(r=function(t){var e,n=0;for(;n<t.length&&!(e=t[n++]););if(e)return G(e)}(t));else if(e===Wp)r||(r=[],E(t,(function(t,e){r.push(e)})));else if(e===Bp){var l=Mo(t[0]);o=Y(l)&&l.length||1}return{startIndex:a,dimensionsDefine:tf(r),dimensionsDetectedCount:o}}(t,n,i,e.sourceHeader,e.dimensions);return new qd({data:t,sourceFormat:n,seriesLayoutBy:i,dimensionsDefine:r.dimensionsDefine,startIndex:r.startIndex,dimensionsDetectedCount:r.dimensionsDetectedCount,metaRawOption:T(e)})}function Jd(t){return new qd({data:t,sourceFormat:$(t)?Hp:Bp})}function Qd(t){var e=Yp;if($(t))e=Hp;else if(Y(t)){0===t.length&&(e=Fp);for(var n=0,i=t.length;n<i;n++){var r=t[n];if(null!=r){if(Y(r)){e=Fp;break}if(q(r)){e=Gp;break}}}}else if(q(t))for(var o in t)if(_t(t,o)&&N(t[o])){e=Wp;break}return e}function tf(t){if(t){var e=yt();return z(t,(function(t,n){var i={name:(t=q(t)?t:{name:t}).name,displayName:t.displayName,type:t.type};if(null==i.name)return i;i.name+="",null==i.displayName&&(i.displayName=i.name);var r=e.get(i.name);return r?i.name+="-"+r.count++:e.set(i.name,{count:1}),i}))}}function ef(t,e,n,i){if(e===Up)for(var r=0;r<n.length&&r<i;r++)t(n[r]?n[r][0]:null,r);else{var o=n[0]||[];for(r=0;r<o.length&&r<i;r++)t(o[r],r)}}function nf(t){var e=t.sourceFormat;return e===Gp||e===Wp}var rf=function(){function t(t,e){var n=Kd(t)?t:Jd(t);this._source=n;var i=this._data=n.data;n.sourceFormat===Hp&&(this._offset=0,this._dimSize=e,this._data=i),jd(this,i,n)}return t.prototype.getSource=function(){return this._source},t.prototype.count=function(){return 0},t.prototype.getItem=function(t,e){},t.prototype.appendData=function(t){},t.prototype.clean=function(){},t.protoInitialize=function(){var e=t.prototype;e.pure=!1,e.persistent=!0}(),t.internalField=function(){var t;jd=function(t,r,o){var a=o.sourceFormat,s=o.seriesLayoutBy,l=o.startIndex,u=o.dimensionsDefine,h=Zd[ff(a,s)];if(A(t,h),a===Hp)t.getItem=e,t.count=i,t.fillStorage=n;else{var c=sf(a,s);t.getItem=W(c,null,r,l,u);var p=hf(a,s);t.count=W(p,null,r,l,u)}};var e=function(t,e){t-=this._offset,e=e||[];for(var n=this._data,i=this._dimSize,r=i*t,o=0;o<i;o++)e[o]=n[r+o];return e},n=function(t,e,n,i){for(var r=this._data,o=this._dimSize,a=0;a<o;a++){for(var s=i[a],l=null==s[0]?1/0:s[0],u=null==s[1]?-1/0:s[1],h=e-t,c=n[a],p=0;p<h;p++){var d=r[p*o+a];c[t+p]=d,d<l&&(l=d),d>u&&(u=d)}s[0]=l,s[1]=u}},i=function(){return this._data?this._data.length/this._dimSize:0};function r(t){for(var e=0;e<t.length;e++)this._data.push(t[e])}(t={})[Fp+"_"+Xp]={pure:!0,appendData:r},t[Fp+"_"+Up]={pure:!0,appendData:function(){throw new Error('Do not support appendData when set seriesLayoutBy: "row".')}},t[Gp]={pure:!0,appendData:r},t[Wp]={pure:!0,appendData:function(t){var e=this._data;E(t,(function(t,n){for(var i=e[n]||(e[n]=[]),r=0;r<(t||[]).length;r++)i.push(t[r])}))}},t[Bp]={appendData:r},t[Hp]={persistent:!1,pure:!0,appendData:function(t){this._data=t},clean:function(){this._offset+=this.count(),this._data=null}},Zd=t}(),t}(),of=function(t,e,n,i){return t[i]},af=((Yd={})[Fp+"_"+Xp]=function(t,e,n,i){return t[i+e]},Yd[Fp+"_"+Up]=function(t,e,n,i,r){i+=e;for(var o=r||[],a=t,s=0;s<a.length;s++){var l=a[s];o[s]=l?l[i]:null}return o},Yd[Gp]=of,Yd[Wp]=function(t,e,n,i,r){for(var o=r||[],a=0;a<n.length;a++){var s=n[a].name;0;var l=t[s];o[a]=l?l[i]:null}return o},Yd[Bp]=of,Yd);function sf(t,e){var n=af[ff(t,e)];return n}var lf=function(t,e,n){return t.length},uf=((Xd={})[Fp+"_"+Xp]=function(t,e,n){return Math.max(0,t.length-e)},Xd[Fp+"_"+Up]=function(t,e,n){var i=t[0];return i?Math.max(0,i.length-e):0},Xd[Gp]=lf,Xd[Wp]=function(t,e,n){var i=n[0].name;var r=t[i];return r?r.length:0},Xd[Bp]=lf,Xd);function hf(t,e){var n=uf[ff(t,e)];return n}var cf=function(t,e,n){return t[e]},pf=((Ud={})[Fp]=cf,Ud[Gp]=function(t,e,n){return t[n]},Ud[Wp]=cf,Ud[Bp]=function(t,e,n){var i=Mo(t);return i instanceof Array?i[e]:i},Ud[Hp]=cf,Ud);function df(t){var e=pf[t];return e}function ff(t,e){return t===Fp?t+"_"+e:t}function gf(t,e,n){if(t){var i=t.getRawDataItem(e);if(null!=i){var r=t.getStore(),o=r.getSource().sourceFormat;if(null!=n){var a=t.getDimensionIndex(n),s=r.getDimensionProperty(a);return df(o)(i,a,s)}var l=i;return o===Bp&&(l=Mo(i)),l}}}var yf=/\{@(.+?)\}/g,vf=function(){function t(){}return t.prototype.getDataParams=function(t,e){var n=this.getData(e),i=this.getRawValue(t,e),r=n.getRawIndex(t),o=n.getName(t),a=n.getRawDataItem(t),s=n.getItemVisual(t,"style"),l=s&&s[n.getItemVisual(t,"drawType")||"fill"],u=s&&s.stroke,h=this.mainType,c="series"===h,p=n.userOutput&&n.userOutput.get();return{componentType:h,componentSubType:this.subType,componentIndex:this.componentIndex,seriesType:c?this.subType:null,seriesIndex:this.seriesIndex,seriesId:c?this.id:null,seriesName:c?this.name:null,name:o,dataIndex:r,data:a,dataType:e,value:i,color:l,borderColor:u,dimensionNames:p?p.fullDimensions:null,encode:p?p.encode:null,$vars:["seriesName","name","value"]}},t.prototype.getFormattedLabel=function(t,e,n,i,r,o){e=e||"normal";var a=this.getData(n),s=this.getDataParams(t,n);(o&&(s.value=o.interpolatedValue),null!=i&&Y(s.value)&&(s.value=s.value[i]),r)||(r=a.getItemModel(t).get("normal"===e?["label","formatter"]:[e,"label","formatter"]));return X(r)?(s.status=e,s.dimensionIndex=i,r(s)):U(r)?mp(r,s).replace(yf,(function(e,n){var i=n.length,r=n;"["===r.charAt(0)&&"]"===r.charAt(i-1)&&(r=+r.slice(1,i-1));var s=gf(a,t,r);if(o&&Y(o.interpolatedValue)){var l=a.getDimensionIndex(r);l>=0&&(s=o.interpolatedValue[l])}return null!=s?s+"":""})):void 0},t.prototype.getRawValue=function(t,e){return gf(this.getData(e),t)},t.prototype.formatTooltip=function(t,e,n){},t}();function mf(t){var e,n;return q(t)?t.type&&(n=t):e=t,{text:e,frag:n}}function xf(t){return new _f(t)}var _f=function(){function t(t){t=t||{},this._reset=t.reset,this._plan=t.plan,this._count=t.count,this._onDirty=t.onDirty,this._dirty=!0}return t.prototype.perform=function(t){var e,n=this._upstream,i=t&&t.skip;if(this._dirty&&n){var r=this.context;r.data=r.outputData=n.context.outputData}this.__pipeline&&(this.__pipeline.currentTask=this),this._plan&&!i&&(e=this._plan(this.context));var o,a=h(this._modBy),s=this._modDataCount||0,l=h(t&&t.modBy),u=t&&t.modDataCount||0;function h(t){return!(t>=1)&&(t=1),t}a===l&&s===u||(e="reset"),(this._dirty||"reset"===e)&&(this._dirty=!1,o=this._doReset(i)),this._modBy=l,this._modDataCount=u;var c=t&&t.step;if(this._dueEnd=n?n._outputDueEnd:this._count?this._count(this.context):1/0,this._progress){var p=this._dueIndex,d=Math.min(null!=c?this._dueIndex+c:1/0,this._dueEnd);if(!i&&(o||p<d)){var f=this._progress;if(Y(f))for(var g=0;g<f.length;g++)this._doProgress(f[g],p,d,l,u);else this._doProgress(f,p,d,l,u)}this._dueIndex=d;var y=null!=this._settedOutputEnd?this._settedOutputEnd:d;0,this._outputDueEnd=y}else this._dueIndex=this._outputDueEnd=null!=this._settedOutputEnd?this._settedOutputEnd:this._dueEnd;return this.unfinished()},t.prototype.dirty=function(){this._dirty=!0,this._onDirty&&this._onDirty(this.context)},t.prototype._doProgress=function(t,e,n,i,r){bf.reset(e,n,i,r),this._callingProgress=t,this._callingProgress({start:e,end:n,count:n-e,next:bf.next},this.context)},t.prototype._doReset=function(t){var e,n;this._dueIndex=this._outputDueEnd=this._dueEnd=0,this._settedOutputEnd=null,!t&&this._reset&&((e=this._reset(this.context))&&e.progress&&(n=e.forceFirstProgress,e=e.progress),Y(e)&&!e.length&&(e=null)),this._progress=e,this._modBy=this._modDataCount=null;var i=this._downstream;return i&&i.dirty(),n},t.prototype.unfinished=function(){return this._progress&&this._dueIndex<this._dueEnd},t.prototype.pipe=function(t){(this._downstream!==t||this._dirty)&&(this._downstream=t,t._upstream=this,t.dirty())},t.prototype.dispose=function(){this._disposed||(this._upstream&&(this._upstream._downstream=null),this._downstream&&(this._downstream._upstream=null),this._dirty=!1,this._disposed=!0)},t.prototype.getUpstream=function(){return this._upstream},t.prototype.getDownstream=function(){return this._downstream},t.prototype.setOutputEnd=function(t){this._outputDueEnd=this._settedOutputEnd=t},t}(),bf=function(){var t,e,n,i,r,o={reset:function(l,u,h,c){e=l,t=u,n=h,i=c,r=Math.ceil(i/n),o.next=n>1&&i>0?s:a}};return o;function a(){return e<t?e++:null}function s(){var o=e%r*n+Math.ceil(e/r),a=e>=t?null:o<i?o:e;return e++,a}}();function wf(t,e){var n=e&&e.type;return"ordinal"===n?t:("time"!==n||j(t)||null==t||"-"===t||(t=+ro(t)),null==t||""===t?NaN:+t)}var Sf=yt({number:function(t){return parseFloat(t)},time:function(t){return+ro(t)},trim:function(t){return U(t)?ut(t):t}});function Mf(t){return Sf.get(t)}var If={lt:function(t,e){return t<e},lte:function(t,e){return t<=e},gt:function(t,e){return t>e},gte:function(t,e){return t>=e}},Tf=function(){function t(t,e){if(!j(e)){var n="";0,vo(n)}this._opFn=If[t],this._rvalFloat=ho(e)}return t.prototype.evaluate=function(t){return j(t)?this._opFn(t,this._rvalFloat):this._opFn(ho(t),this._rvalFloat)},t}(),Cf=function(){function t(t,e){var n="desc"===t;this._resultLT=n?1:-1,null==e&&(e=n?"min":"max"),this._incomparable="min"===e?-1/0:1/0}return t.prototype.evaluate=function(t,e){var n=j(t)?t:ho(t),i=j(e)?e:ho(e),r=isNaN(n),o=isNaN(i);if(r&&(n=this._incomparable),o&&(i=this._incomparable),r&&o){var a=U(t),s=U(e);a&&(n=s?t:0),s&&(i=a?e:0)}return n<i?this._resultLT:n>i?-this._resultLT:0},t}(),Df=function(){function t(t,e){this._rval=e,this._isEQ=t,this._rvalTypeof=typeof e,this._rvalFloat=ho(e)}return t.prototype.evaluate=function(t){var e=t===this._rval;if(!e){var n=typeof t;n===this._rvalTypeof||"number"!==n&&"number"!==this._rvalTypeof||(e=ho(t)===this._rvalFloat)}return this._isEQ?e:!e},t}();function Af(t,e){return"eq"===t||"ne"===t?new Df("eq"===t,e):_t(If,t)?new Tf(t,e):null}var kf=function(){function t(){}return t.prototype.getRawData=function(){throw new Error("not supported")},t.prototype.getRawDataItem=function(t){throw new Error("not supported")},t.prototype.cloneRawData=function(){},t.prototype.getDimensionInfo=function(t){},t.prototype.cloneAllDimensionInfo=function(){},t.prototype.count=function(){},t.prototype.retrieveValue=function(t,e){},t.prototype.retrieveValueFromItem=function(t,e){},t.prototype.convertValue=function(t,e){return wf(t,e)},t}();function Lf(t){var e=t.sourceFormat;if(!zf(e)){var n="";0,vo(n)}return t.data}function Pf(t){var e=t.sourceFormat,n=t.data;if(!zf(e)){var i="";0,vo(i)}if(e===Fp){for(var r=[],o=0,a=n.length;o<a;o++)r.push(n[o].slice());return r}if(e===Gp){for(r=[],o=0,a=n.length;o<a;o++)r.push(A({},n[o]));return r}}function Of(t,e,n){if(null!=n)return j(n)||!isNaN(n)&&!_t(e,n)?t[n]:_t(e,n)?e[n]:void 0}function Rf(t){return T(t)}var Nf=yt();function Ef(t,e,n,i){var r="";e.length||vo(r),q(t)||vo(r);var o=t.type,a=Nf.get(o);a||vo(r);var s=z(e,(function(t){return function(t,e){var n=new kf,i=t.data,r=n.sourceFormat=t.sourceFormat,o=t.startIndex,a="";t.seriesLayoutBy!==Xp&&vo(a);var s=[],l={},u=t.dimensionsDefine;if(u)E(u,(function(t,e){var n=t.name,i={index:e,name:n,displayName:t.displayName};if(s.push(i),null!=n){var r="";_t(l,n)&&vo(r),l[n]=i}}));else for(var h=0;h<t.dimensionsDetectedCount;h++)s.push({index:h});var c=sf(r,Xp);e.__isBuiltIn&&(n.getRawDataItem=function(t){return c(i,o,s,t)},n.getRawData=W(Lf,null,t)),n.cloneRawData=W(Pf,null,t);var p=hf(r,Xp);n.count=W(p,null,i,o,s);var d=df(r);n.retrieveValue=function(t,e){var n=c(i,o,s,t);return f(n,e)};var f=n.retrieveValueFromItem=function(t,e){if(null!=t){var n=s[e];return n?d(t,e,n.name):void 0}};return n.getDimensionInfo=W(Of,null,s,l),n.cloneAllDimensionInfo=W(Rf,null,s),n}(t,a)})),l=bo(a.transform({upstream:s[0],upstreamList:s,config:T(t.config)}));return z(l,(function(t,n){var i,r="";q(t)||vo(r),t.data||vo(r),zf(Qd(t.data))||vo(r);var o=e[0];if(o&&0===n&&!t.dimensions){var a=o.startIndex;a&&(t.data=o.data.slice(0,a).concat(t.data)),i={seriesLayoutBy:Xp,sourceHeader:a,dimensions:o.metaRawOption.dimensions}}else i={seriesLayoutBy:Xp,sourceHeader:0,dimensions:t.dimensions};return $d(t.data,i,null)}))}function zf(t){return t===Fp||t===Gp}var Vf,Bf="undefined",Ff=typeof Uint32Array===Bf?Array:Uint32Array,Gf=typeof Uint16Array===Bf?Array:Uint16Array,Wf=typeof Int32Array===Bf?Array:Int32Array,Hf=typeof Float64Array===Bf?Array:Float64Array,Yf={float:Hf,int:Wf,ordinal:Array,number:Array,time:Hf};function Xf(t){return t>65535?Ff:Gf}function Uf(t,e,n,i,r){var o=Yf[n||"float"];if(r){var a=t[e],s=a&&a.length;if(s!==i){for(var l=new o(i),u=0;u<s;u++)l[u]=a[u];t[e]=l}}else t[e]=new o(i)}var Zf=function(){function t(){this._chunks=[],this._rawExtent=[],this._extent=[],this._count=0,this._rawCount=0,this._calcDimNameToIdx=yt()}return t.prototype.initData=function(t,e,n){this._provider=t,this._chunks=[],this._indices=null,this.getRawIndex=this._getRawIdxIdentity;var i=t.getSource(),r=this.defaultDimValueGetter=Vf[i.sourceFormat];this._dimValueGetter=n||r,this._rawExtent=[];nf(i);this._dimensions=z(e,(function(t){return{type:t.type,property:t.property}})),this._initDataFromProvider(0,t.count())},t.prototype.getProvider=function(){return this._provider},t.prototype.getSource=function(){return this._provider.getSource()},t.prototype.ensureCalculationDimension=function(t,e){var n=this._calcDimNameToIdx,i=this._dimensions,r=n.get(t);if(null!=r){if(i[r].type===e)return r}else r=i.length;return i[r]={type:e},n.set(t,r),this._chunks[r]=new Yf[e||"float"](this._rawCount),this._rawExtent[r]=[1/0,-1/0],r},t.prototype.collectOrdinalMeta=function(t,e){var n=this._chunks[t],i=this._dimensions[t],r=this._rawExtent,o=i.ordinalOffset||0,a=n.length;0===o&&(r[t]=[1/0,-1/0]);for(var s=r[t],l=o;l<a;l++){var u=n[l]=e.parseAndCollect(n[l]);isNaN(u)||(s[0]=Math.min(u,s[0]),s[1]=Math.max(u,s[1]))}i.ordinalMeta=e,i.ordinalOffset=a,i.type="ordinal"},t.prototype.getOrdinalMeta=function(t){return this._dimensions[t].ordinalMeta},t.prototype.getDimensionProperty=function(t){var e=this._dimensions[t];return e&&e.property},t.prototype.appendData=function(t){var e=this._provider,n=this.count();e.appendData(t);var i=e.count();return e.persistent||(i+=n),n<i&&this._initDataFromProvider(n,i,!0),[n,i]},t.prototype.appendValues=function(t,e){for(var n=this._chunks,i=this._dimensions,r=i.length,o=this._rawExtent,a=this.count(),s=a+Math.max(t.length,e||0),l=0;l<r;l++){Uf(n,l,(d=i[l]).type,s,!0)}for(var u=[],h=a;h<s;h++)for(var c=h-a,p=0;p<r;p++){var d=i[p],f=Vf.arrayRows.call(this,t[c]||u,d.property,c,p);n[p][h]=f;var g=o[p];f<g[0]&&(g[0]=f),f>g[1]&&(g[1]=f)}return this._rawCount=this._count=s,{start:a,end:s}},t.prototype._initDataFromProvider=function(t,e,n){for(var i=this._provider,r=this._chunks,o=this._dimensions,a=o.length,s=this._rawExtent,l=z(o,(function(t){return t.property})),u=0;u<a;u++){var h=o[u];s[u]||(s[u]=[1/0,-1/0]),Uf(r,u,h.type,e,n)}if(i.fillStorage)i.fillStorage(t,e,r,s);else for(var c=[],p=t;p<e;p++){c=i.getItem(p,c);for(var d=0;d<a;d++){var f=r[d],g=this._dimValueGetter(c,l[d],p,d);f[p]=g;var y=s[d];g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}!i.persistent&&i.clean&&i.clean(),this._rawCount=this._count=e,this._extent=[]},t.prototype.count=function(){return this._count},t.prototype.get=function(t,e){if(!(e>=0&&e<this._count))return NaN;var n=this._chunks[t];return n?n[this.getRawIndex(e)]:NaN},t.prototype.getValues=function(t,e){var n=[],i=[];if(null==e){e=t,t=[];for(var r=0;r<this._dimensions.length;r++)i.push(r)}else i=t;r=0;for(var o=i.length;r<o;r++)n.push(this.get(i[r],e));return n},t.prototype.getByRawIndex=function(t,e){if(!(e>=0&&e<this._rawCount))return NaN;var n=this._chunks[t];return n?n[e]:NaN},t.prototype.getSum=function(t){var e=0;if(this._chunks[t])for(var n=0,i=this.count();n<i;n++){var r=this.get(t,n);isNaN(r)||(e+=r)}return e},t.prototype.getMedian=function(t){var e=[];this.each([t],(function(t){isNaN(t)||e.push(t)}));var n=e.sort((function(t,e){return t-e})),i=this.count();return 0===i?0:i%2==1?n[(i-1)/2]:(n[i/2]+n[i/2-1])/2},t.prototype.indexOfRawIndex=function(t){if(t>=this._rawCount||t<0)return-1;if(!this._indices)return t;var e=this._indices,n=e[t];if(null!=n&&n<this._count&&n===t)return t;for(var i=0,r=this._count-1;i<=r;){var o=(i+r)/2|0;if(e[o]<t)i=o+1;else{if(!(e[o]>t))return o;r=o-1}}return-1},t.prototype.indicesOfNearest=function(t,e,n){var i=this._chunks[t],r=[];if(!i)return r;null==n&&(n=1/0);for(var o=1/0,a=-1,s=0,l=0,u=this.count();l<u;l++){var h=e-i[this.getRawIndex(l)],c=Math.abs(h);c<=n&&((c<o||c===o&&h>=0&&a<0)&&(o=c,a=h,s=0),h===a&&(r[s++]=l))}return r.length=s,r},t.prototype.getIndices=function(){var t,e=this._indices;if(e){var n=e.constructor,i=this._count;if(n===Array){t=new n(i);for(var r=0;r<i;r++)t[r]=e[r]}else t=new n(e.buffer,0,i)}else{t=new(n=Xf(this._rawCount))(this.count());for(r=0;r<t.length;r++)t[r]=r}return t},t.prototype.filter=function(t,e){if(!this._count)return this;for(var n=this.clone(),i=n.count(),r=new(Xf(n._rawCount))(i),o=[],a=t.length,s=0,l=t[0],u=n._chunks,h=0;h<i;h++){var c=void 0,p=n.getRawIndex(h);if(0===a)c=e(h);else if(1===a){c=e(u[l][p],h)}else{for(var d=0;d<a;d++)o[d]=u[t[d]][p];o[d]=h,c=e.apply(null,o)}c&&(r[s++]=p)}return s<i&&(n._indices=r),n._count=s,n._extent=[],n._updateGetRawIdx(),n},t.prototype.selectRange=function(t){var e=this.clone(),n=e._count;if(!n)return this;var i=G(t),r=i.length;if(!r)return this;var o=e.count(),a=new(Xf(e._rawCount))(o),s=0,l=i[0],u=t[l][0],h=t[l][1],c=e._chunks,p=!1;if(!e._indices){var d=0;if(1===r){for(var f=c[i[0]],g=0;g<n;g++){((x=f[g])>=u&&x<=h||isNaN(x))&&(a[s++]=d),d++}p=!0}else if(2===r){f=c[i[0]];var y=c[i[1]],v=t[i[1]][0],m=t[i[1]][1];for(g=0;g<n;g++){var x=f[g],_=y[g];(x>=u&&x<=h||isNaN(x))&&(_>=v&&_<=m||isNaN(_))&&(a[s++]=d),d++}p=!0}}if(!p)if(1===r)for(g=0;g<o;g++){var b=e.getRawIndex(g);((x=c[i[0]][b])>=u&&x<=h||isNaN(x))&&(a[s++]=b)}else for(g=0;g<o;g++){for(var w=!0,S=(b=e.getRawIndex(g),0);S<r;S++){var M=i[S];((x=c[M][b])<t[M][0]||x>t[M][1])&&(w=!1)}w&&(a[s++]=e.getRawIndex(g))}return s<o&&(e._indices=a),e._count=s,e._extent=[],e._updateGetRawIdx(),e},t.prototype.map=function(t,e){var n=this.clone(t);return this._updateDims(n,t,e),n},t.prototype.modify=function(t,e){this._updateDims(this,t,e)},t.prototype._updateDims=function(t,e,n){for(var i=t._chunks,r=[],o=e.length,a=t.count(),s=[],l=t._rawExtent,u=0;u<e.length;u++)l[e[u]]=[1/0,-1/0];for(var h=0;h<a;h++){for(var c=t.getRawIndex(h),p=0;p<o;p++)s[p]=i[e[p]][c];s[o]=h;var d=n&&n.apply(null,s);if(null!=d){"object"!=typeof d&&(r[0]=d,d=r);for(u=0;u<d.length;u++){var f=e[u],g=d[u],y=l[f],v=i[f];v&&(v[c]=g),g<y[0]&&(y[0]=g),g>y[1]&&(y[1]=g)}}}},t.prototype.lttbDownSample=function(t,e){var n,i,r,o=this.clone([t],!0),a=o._chunks[t],s=this.count(),l=0,u=Math.floor(1/e),h=this.getRawIndex(0),c=new(Xf(this._rawCount))(Math.min(2*(Math.ceil(s/u)+2),s));c[l++]=h;for(var p=1;p<s-1;p+=u){for(var d=Math.min(p+u,s-1),f=Math.min(p+2*u,s),g=(f+d)/2,y=0,v=d;v<f;v++){var m=a[I=this.getRawIndex(v)];isNaN(m)||(y+=m)}y/=f-d;var x=p,_=Math.min(p+u,s),b=p-1,w=a[h];n=-1,r=x;var S=-1,M=0;for(v=x;v<_;v++){var I;m=a[I=this.getRawIndex(v)];isNaN(m)?(M++,S<0&&(S=I)):(i=Math.abs((b-g)*(m-w)-(b-v)*(y-w)))>n&&(n=i,r=I)}M>0&&M<_-x&&(c[l++]=Math.min(S,r),r=Math.max(S,r)),c[l++]=r,h=r}return c[l++]=this.getRawIndex(s-1),o._count=l,o._indices=c,o.getRawIndex=this._getRawIdx,o},t.prototype.downSample=function(t,e,n,i){for(var r=this.clone([t],!0),o=r._chunks,a=[],s=Math.floor(1/e),l=o[t],u=this.count(),h=r._rawExtent[t]=[1/0,-1/0],c=new(Xf(this._rawCount))(Math.ceil(u/s)),p=0,d=0;d<u;d+=s){s>u-d&&(s=u-d,a.length=s);for(var f=0;f<s;f++){var g=this.getRawIndex(d+f);a[f]=l[g]}var y=n(a),v=this.getRawIndex(Math.min(d+i(a,y)||0,u-1));l[v]=y,y<h[0]&&(h[0]=y),y>h[1]&&(h[1]=y),c[p++]=v}return r._count=p,r._indices=c,r._updateGetRawIdx(),r},t.prototype.each=function(t,e){if(this._count)for(var n=t.length,i=this._chunks,r=0,o=this.count();r<o;r++){var a=this.getRawIndex(r);switch(n){case 0:e(r);break;case 1:e(i[t[0]][a],r);break;case 2:e(i[t[0]][a],i[t[1]][a],r);break;default:for(var s=0,l=[];s<n;s++)l[s]=i[t[s]][a];l[s]=r,e.apply(null,l)}}},t.prototype.getDataExtent=function(t){var e=this._chunks[t],n=[1/0,-1/0];if(!e)return n;var i,r=this.count();if(!this._indices)return this._rawExtent[t].slice();if(i=this._extent[t])return i.slice();for(var o=(i=n)[0],a=i[1],s=0;s<r;s++){var l=e[this.getRawIndex(s)];l<o&&(o=l),l>a&&(a=l)}return i=[o,a],this._extent[t]=i,i},t.prototype.getRawDataItem=function(t){var e=this.getRawIndex(t);if(this._provider.persistent)return this._provider.getItem(e);for(var n=[],i=this._chunks,r=0;r<i.length;r++)n.push(i[r][e]);return n},t.prototype.clone=function(e,n){var i,r,o=new t,a=this._chunks,s=e&&V(e,(function(t,e){return t[e]=!0,t}),{});if(s)for(var l=0;l<a.length;l++)o._chunks[l]=s[l]?(i=a[l],r=void 0,(r=i.constructor)===Array?i.slice():new r(i)):a[l];else o._chunks=a;return this._copyCommonProps(o),n||(o._indices=this._cloneIndices()),o._updateGetRawIdx(),o},t.prototype._copyCommonProps=function(t){t._count=this._count,t._rawCount=this._rawCount,t._provider=this._provider,t._dimensions=this._dimensions,t._extent=T(this._extent),t._rawExtent=T(this._rawExtent)},t.prototype._cloneIndices=function(){if(this._indices){var t=this._indices.constructor,e=void 0;if(t===Array){var n=this._indices.length;e=new t(n);for(var i=0;i<n;i++)e[i]=this._indices[i]}else e=new t(this._indices);return e}return null},t.prototype._getRawIdxIdentity=function(t){return t},t.prototype._getRawIdx=function(t){return t<this._count&&t>=0?this._indices[t]:-1},t.prototype._updateGetRawIdx=function(){this.getRawIndex=this._indices?this._getRawIdx:this._getRawIdxIdentity},t.internalField=function(){function t(t,e,n,i){return wf(t[i],this._dimensions[i])}Vf={arrayRows:t,objectRows:function(t,e,n,i){return wf(t[e],this._dimensions[i])},keyedColumns:t,original:function(t,e,n,i){var r=t&&(null==t.value?t:t.value);return wf(r instanceof Array?r[i]:r,this._dimensions[i])},typedArray:function(t,e,n,i){return t[i]}}}(),t}(),jf=function(){function t(t){this._sourceList=[],this._storeList=[],this._upstreamSignList=[],this._versionSignBase=0,this._dirty=!0,this._sourceHost=t}return t.prototype.dirty=function(){this._setLocalSource([],[]),this._storeList=[],this._dirty=!0},t.prototype._setLocalSource=function(t,e){this._sourceList=t,this._upstreamSignList=e,this._versionSignBase++,this._versionSignBase>9e10&&(this._versionSignBase=0)},t.prototype._getVersionSign=function(){return this._sourceHost.uid+"_"+this._versionSignBase},t.prototype.prepareSource=function(){this._isDirty()&&(this._createSource(),this._dirty=!1)},t.prototype._createSource=function(){this._setLocalSource([],[]);var t,e,n=this._sourceHost,i=this._getUpstreamSourceManagers(),r=!!i.length;if(Kf(n)){var o=n,a=void 0,s=void 0,l=void 0;if(r){var u=i[0];u.prepareSource(),a=(l=u.getSource()).data,s=l.sourceFormat,e=[u._getVersionSign()]}else s=$(a=o.get("data",!0))?Hp:Bp,e=[];var h=this._getSourceMetaRawOption()||{},c=l&&l.metaRawOption||{},p=rt(h.seriesLayoutBy,c.seriesLayoutBy)||null,d=rt(h.sourceHeader,c.sourceHeader),f=rt(h.dimensions,c.dimensions);t=p!==c.seriesLayoutBy||!!d!=!!c.sourceHeader||f?[$d(a,{seriesLayoutBy:p,sourceHeader:d,dimensions:f},s)]:[]}else{var g=n;if(r){var y=this._applyTransform(i);t=y.sourceList,e=y.upstreamSignList}else{t=[$d(g.get("source",!0),this._getSourceMetaRawOption(),null)],e=[]}}this._setLocalSource(t,e)},t.prototype._applyTransform=function(t){var e,n=this._sourceHost,i=n.get("transform",!0),r=n.get("fromTransformResult",!0);if(null!=r){var o="";1!==t.length&&$f(o)}var a,s=[],l=[];return E(t,(function(t){t.prepareSource();var e=t.getSource(r||0),n="";null==r||e||$f(n),s.push(e),l.push(t._getVersionSign())})),i?e=function(t,e,n){var i=bo(t),r=i.length,o="";r||vo(o);for(var a=0,s=r;a<s;a++)e=Ef(i[a],e),a!==s-1&&(e.length=Math.max(e.length,1));return e}(i,s,n.componentIndex):null!=r&&(e=[(a=s[0],new qd({data:a.data,sourceFormat:a.sourceFormat,seriesLayoutBy:a.seriesLayoutBy,dimensionsDefine:T(a.dimensionsDefine),startIndex:a.startIndex,dimensionsDetectedCount:a.dimensionsDetectedCount}))]),{sourceList:e,upstreamSignList:l}},t.prototype._isDirty=function(){if(this._dirty)return!0;for(var t=this._getUpstreamSourceManagers(),e=0;e<t.length;e++){var n=t[e];if(n._isDirty()||this._upstreamSignList[e]!==n._getVersionSign())return!0}},t.prototype.getSource=function(t){t=t||0;var e=this._sourceList[t];if(!e){var n=this._getUpstreamSourceManagers();return n[0]&&n[0].getSource(t)}return e},t.prototype.getSharedDataStore=function(t){var e=t.makeStoreSchema();return this._innerGetDataStore(e.dimensions,t.source,e.hash)},t.prototype._innerGetDataStore=function(t,e,n){var i=this._storeList,r=i[0];r||(r=i[0]={});var o=r[n];if(!o){var a=this._getUpstreamSourceManagers()[0];Kf(this._sourceHost)&&a?o=a._innerGetDataStore(t,e,n):(o=new Zf).initData(new rf(e,t.length),t),r[n]=o}return o},t.prototype._getUpstreamSourceManagers=function(){var t=this._sourceHost;if(Kf(t)){var e=Qp(t);return e?[e.getSourceManager()]:[]}return z(function(t){return t.get("transform",!0)||t.get("fromTransformResult",!0)?Bo(t.ecModel,"dataset",{index:t.get("fromDatasetIndex",!0),id:t.get("fromDatasetId",!0)},zo).models:[]}(t),(function(t){return t.getSourceManager()}))},t.prototype._getSourceMetaRawOption=function(){var t,e,n,i=this._sourceHost;if(Kf(i))t=i.get("seriesLayoutBy",!0),e=i.get("sourceHeader",!0),n=i.get("dimensions",!0);else if(!this._getUpstreamSourceManagers().length){var r=i;t=r.get("seriesLayoutBy",!0),e=r.get("sourceHeader",!0),n=r.get("dimensions",!0)}return{seriesLayoutBy:t,sourceHeader:e,dimensions:n}},t}();function qf(t){t.option.transform&&ct(t.option.transform)}function Kf(t){return"series"===t.mainType}function $f(t){throw new Error(t)}var Jf="line-height:1";function Qf(t,e){var n=t.color||"#6e7079",i=t.fontSize||12,r=t.fontWeight||"400",o=t.color||"#464646",a=t.fontSize||14,s=t.fontWeight||"900";return"html"===e?{nameStyle:"font-size:"+re(i+"")+"px;color:"+re(n)+";font-weight:"+re(r+""),valueStyle:"font-size:"+re(a+"")+"px;color:"+re(o)+";font-weight:"+re(s+"")}:{nameStyle:{fontSize:i,fill:n,fontWeight:r},valueStyle:{fontSize:a,fill:o,fontWeight:s}}}var tg=[0,10,20,30],eg=["","\n","\n\n","\n\n\n"];function ng(t,e){return e.type=t,e}function ig(t){return"section"===t.type}function rg(t){return ig(t)?ag:sg}function og(t){if(ig(t)){var e=0,n=t.blocks.length,i=n>1||n>0&&!t.noHeader;return E(t.blocks,(function(t){var n=og(t);n>=e&&(e=n+ +(i&&(!n||ig(t)&&!t.noHeader)))})),e}return 0}function ag(t,e,n,i){var r,o=e.noHeader,a=(r=og(e),{html:tg[r],richText:eg[r]}),s=[],l=e.blocks||[];lt(!l||Y(l)),l=l||[];var u=t.orderMode;if(e.sortBlocks&&u){l=l.slice();var h={valueAsc:"asc",valueDesc:"desc"};if(_t(h,u)){var c=new Cf(h[u],null);l.sort((function(t,e){return c.evaluate(t.sortParam,e.sortParam)}))}else"seriesDesc"===u&&l.reverse()}E(l,(function(n,r){var o=e.valueFormatter,l=rg(n)(o?A(A({},t),{valueFormatter:o}):t,n,r>0?a.html:0,i);null!=l&&s.push(l)}));var p="richText"===t.renderMode?s.join(a.richText):ug(s.join(""),o?n:a.html);if(o)return p;var d=gp(e.header,"ordinal",t.useUTC),f=Qf(i,t.renderMode).nameStyle;return"richText"===t.renderMode?hg(t,d,f)+a.richText+p:ug('<div style="'+f+";"+Jf+';">'+re(d)+"</div>"+p,n)}function sg(t,e,n,i){var r=t.renderMode,o=e.noName,a=e.noValue,s=!e.markerType,l=e.name,u=t.useUTC,h=e.valueFormatter||t.valueFormatter||function(t){return z(t=Y(t)?t:[t],(function(t,e){return gp(t,Y(d)?d[e]:d,u)}))};if(!o||!a){var c=s?"":t.markupStyleCreator.makeTooltipMarker(e.markerType,e.markerColor||"#333",r),p=o?"":gp(l,"ordinal",u),d=e.valueType,f=a?[]:h(e.value),g=!s||!o,y=!s&&o,v=Qf(i,r),m=v.nameStyle,x=v.valueStyle;return"richText"===r?(s?"":c)+(o?"":hg(t,p,m))+(a?"":function(t,e,n,i,r){var o=[r],a=i?10:20;return n&&o.push({padding:[0,0,0,a],align:"right"}),t.markupStyleCreator.wrapRichTextStyle(Y(e)?e.join("  "):e,o)}(t,f,g,y,x)):ug((s?"":c)+(o?"":function(t,e,n){return'<span style="'+n+";"+(e?"margin-left:2px":"")+'">'+re(t)+"</span>"}(p,!s,m))+(a?"":function(t,e,n,i){var r=n?"10px":"20px",o=e?"float:right;margin-left:"+r:"";return t=Y(t)?t:[t],'<span style="'+o+";"+i+'">'+z(t,(function(t){return re(t)})).join("&nbsp;&nbsp;")+"</span>"}(f,g,y,x)),n)}}function lg(t,e,n,i,r,o){if(t)return rg(t)({useUTC:r,renderMode:n,orderMode:i,markupStyleCreator:e,valueFormatter:t.valueFormatter},t,0,o)}function ug(t,e){return'<div style="'+("margin: "+e+"px 0 0")+";"+Jf+';">'+t+'<div style="clear:both"></div></div>'}function hg(t,e,n){return t.markupStyleCreator.wrapRichTextStyle(e,n)}function cg(t,e){return _p(t.getData().getItemVisual(e,"style")[t.visualDrawType])}function pg(t,e){var n=t.get("padding");return null!=n?n:"richText"===e?[8,10]:10}var dg=function(){function t(){this.richTextStyles={},this._nextStyleNameId=po()}return t.prototype._generateStyleName=function(){return"__EC_aUTo_"+this._nextStyleNameId++},t.prototype.makeTooltipMarker=function(t,e,n){var i="richText"===n?this._generateStyleName():null,r=xp({color:e,type:t,renderMode:n,markerId:i});return U(r)?r:(this.richTextStyles[i]=r.style,r.content)},t.prototype.wrapRichTextStyle=function(t,e){var n={};Y(e)?E(e,(function(t){return A(n,t)})):A(n,e);var i=this._generateStyleName();return this.richTextStyles[i]=n,"{"+i+"|"+t+"}"},t}();function fg(t){var e,n,i,r,o=t.series,a=t.dataIndex,s=t.multipleSeries,l=o.getData(),u=l.mapDimensionsAll("defaultedTooltip"),h=u.length,c=o.getRawValue(a),p=Y(c),d=cg(o,a);if(h>1||p&&!h){var f=function(t,e,n,i,r){var o=e.getData(),a=V(t,(function(t,e,n){var i=o.getDimensionInfo(n);return t||i&&!1!==i.tooltip&&null!=i.displayName}),!1),s=[],l=[],u=[];function h(t,e){var n=o.getDimensionInfo(e);n&&!1!==n.otherDims.tooltip&&(a?u.push(ng("nameValue",{markerType:"subItem",markerColor:r,name:n.displayName,value:t,valueType:n.type})):(s.push(t),l.push(n.type)))}return i.length?E(i,(function(t){h(gf(o,n,t),t)})):E(t,h),{inlineValues:s,inlineValueTypes:l,blocks:u}}(c,o,a,u,d);e=f.inlineValues,n=f.inlineValueTypes,i=f.blocks,r=f.inlineValues[0]}else if(h){var g=l.getDimensionInfo(u[0]);r=e=gf(l,a,u[0]),n=g.type}else r=e=p?c[0]:c;var y=ko(o),v=y&&o.name||"",m=l.getName(a),x=s?v:m;return ng("section",{header:v,noHeader:s||!y,sortParam:r,blocks:[ng("nameValue",{markerType:"item",markerColor:d,name:x,noName:!ut(x),value:e,valueType:n})].concat(i||[])})}var gg=Oo();function yg(t,e){return t.getName(e)||t.getId(e)}var vg="__universalTransitionEnabled",mg=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._selectedDataIndicesMap={},e}return n(e,t),e.prototype.init=function(t,e,n){this.seriesIndex=this.componentIndex,this.dataTask=xf({count:_g,reset:bg}),this.dataTask.context={model:this},this.mergeDefaultAndTheme(t,n),(gg(this).sourceManager=new jf(this)).prepareSource();var i=this.getInitialData(t,n);Sg(i,this),this.dataTask.context.data=i,gg(this).dataBeforeProcessed=i,xg(this),this._initSelectedMapFromData(i)},e.prototype.mergeDefaultAndTheme=function(t,e){var n=Ap(this),i=n?Lp(t):{},r=this.subType;Rp.hasClass(r)&&(r+="Series"),C(t,e.getTheme().get(this.subType)),C(t,this.getDefaultOption()),wo(t,"label",["show"]),this.fillDataTextStyle(t.data),n&&kp(t,i,n)},e.prototype.mergeOption=function(t,e){t=C(this.option,t,!0),this.fillDataTextStyle(t.data);var n=Ap(this);n&&kp(this.option,t,n);var i=gg(this).sourceManager;i.dirty(),i.prepareSource();var r=this.getInitialData(t,e);Sg(r,this),this.dataTask.dirty(),this.dataTask.context.data=r,gg(this).dataBeforeProcessed=r,xg(this),this._initSelectedMapFromData(r)},e.prototype.fillDataTextStyle=function(t){if(t&&!$(t))for(var e=["show"],n=0;n<t.length;n++)t[n]&&t[n].label&&wo(t[n],"label",e)},e.prototype.getInitialData=function(t,e){},e.prototype.appendData=function(t){this.getRawData().appendData(t.data)},e.prototype.getData=function(t){var e=Ig(this);if(e){var n=e.context.data;return null==t?n:n.getLinkedData(t)}return gg(this).data},e.prototype.getAllData=function(){var t=this.getData();return t&&t.getLinkedDataAll?t.getLinkedDataAll():[{data:t}]},e.prototype.setData=function(t){var e=Ig(this);if(e){var n=e.context;n.outputData=t,e!==this.dataTask&&(n.data=t)}gg(this).data=t},e.prototype.getEncode=function(){var t=this.get("encode",!0);if(t)return yt(t)},e.prototype.getSourceManager=function(){return gg(this).sourceManager},e.prototype.getSource=function(){return this.getSourceManager().getSource()},e.prototype.getRawData=function(){return gg(this).dataBeforeProcessed},e.prototype.getColorBy=function(){return this.get("colorBy")||"series"},e.prototype.isColorBySeries=function(){return"series"===this.getColorBy()},e.prototype.getBaseAxis=function(){var t=this.coordinateSystem;return t&&t.getBaseAxis&&t.getBaseAxis()},e.prototype.formatTooltip=function(t,e,n){return fg({series:this,dataIndex:t,multipleSeries:e})},e.prototype.isAnimationEnabled=function(){var t=this.ecModel;if(r.node&&(!t||!t.ssr))return!1;var e=this.getShallow("animation");return e&&this.getData().count()>this.getShallow("animationThreshold")&&(e=!1),!!e},e.prototype.restoreData=function(){this.dataTask.dirty()},e.prototype.getColorFromPalette=function(t,e,n){var i=this.ecModel,r=ld.prototype.getColorFromPalette.call(this,t,e,n);return r||(r=i.getColorFromPalette(t,e,n)),r},e.prototype.coordDimToDataDim=function(t){return this.getRawData().mapDimensionsAll(t)},e.prototype.getProgressive=function(){return this.get("progressive")},e.prototype.getProgressiveThreshold=function(){return this.get("progressiveThreshold")},e.prototype.select=function(t,e){this._innerSelect(this.getData(e),t)},e.prototype.unselect=function(t,e){var n=this.option.selectedMap;if(n){var i=this.option.selectedMode,r=this.getData(e);if("series"===i||"all"===n)return this.option.selectedMap={},void(this._selectedDataIndicesMap={});for(var o=0;o<t.length;o++){var a=yg(r,t[o]);n[a]=!1,this._selectedDataIndicesMap[a]=-1}}},e.prototype.toggleSelect=function(t,e){for(var n=[],i=0;i<t.length;i++)n[0]=t[i],this.isSelected(t[i],e)?this.unselect(n,e):this.select(n,e)},e.prototype.getSelectedDataIndices=function(){if("all"===this.option.selectedMap)return[].slice.call(this.getData().getIndices());for(var t=this._selectedDataIndicesMap,e=G(t),n=[],i=0;i<e.length;i++){var r=t[e[i]];r>=0&&n.push(r)}return n},e.prototype.isSelected=function(t,e){var n=this.option.selectedMap;if(!n)return!1;var i=this.getData(e);return("all"===n||n[yg(i,t)])&&!i.getItemModel(t).get(["select","disabled"])},e.prototype.isUniversalTransitionEnabled=function(){if(this[vg])return!0;var t=this.option.universalTransition;return!!t&&(!0===t||t&&t.enabled)},e.prototype._innerSelect=function(t,e){var n,i,r=this.option,o=r.selectedMode,a=e.length;if(o&&a)if("series"===o)r.selectedMap="all";else if("multiple"===o){q(r.selectedMap)||(r.selectedMap={});for(var s=r.selectedMap,l=0;l<a;l++){var u=e[l];s[c=yg(t,u)]=!0,this._selectedDataIndicesMap[c]=t.getRawIndex(u)}}else if("single"===o||!0===o){var h=e[a-1],c=yg(t,h);r.selectedMap=((n={})[c]=!0,n),this._selectedDataIndicesMap=((i={})[c]=t.getRawIndex(h),i)}},e.prototype._initSelectedMapFromData=function(t){if(!this.option.selectedMap){var e=[];t.hasItemOption&&t.each((function(n){var i=t.getRawDataItem(n);i&&i.selected&&e.push(n)})),e.length>0&&this._innerSelect(t,e)}},e.registerClass=function(t){return Rp.registerClass(t)},e.protoInitialize=function(){var t=e.prototype;t.type="series.__base__",t.seriesIndex=0,t.ignoreStyleOnData=!1,t.hasSymbolVisual=!1,t.defaultSymbol="circle",t.visualStyleAccessPath="itemStyle",t.visualDrawType="fill"}(),e}(Rp);function xg(t){var e=t.name;ko(t)||(t.name=function(t){var e=t.getRawData(),n=e.mapDimensionsAll("seriesName"),i=[];return E(n,(function(t){var n=e.getDimensionInfo(t);n.displayName&&i.push(n.displayName)})),i.join(" ")}(t)||e)}function _g(t){return t.model.getRawData().count()}function bg(t){var e=t.model;return e.setData(e.getRawData().cloneShallow()),wg}function wg(t,e){e.outputData&&t.end>e.outputData.count()&&e.model.getRawData().cloneShallow(e.outputData)}function Sg(t,e){E(vt(t.CHANGABLE_METHODS,t.DOWNSAMPLE_METHODS),(function(n){t.wrapMethod(n,H(Mg,e))}))}function Mg(t,e){var n=Ig(t);return n&&n.setOutputEnd((e||this).count()),e}function Ig(t){var e=(t.ecModel||{}).scheduler,n=e&&e.getPipeline(t.uid);if(n){var i=n.currentTask;if(i){var r=i.agentStubMap;r&&(i=r.get(t.uid))}return i}}R(mg,vf),R(mg,ld),Zo(mg,Rp);var Tg=function(){function t(){this.group=new zr,this.uid=Tc("viewComponent")}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){},t.prototype.updateLayout=function(t,e,n,i){},t.prototype.updateVisual=function(t,e,n,i){},t.prototype.toggleBlurSeries=function(t,e,n){},t.prototype.eachRendered=function(t){var e=this.group;e&&e.traverse(t)},t}();function Cg(){var t=Oo();return function(e){var n=t(e),i=e.pipelineContext,r=!!n.large,o=!!n.progressiveRender,a=n.large=!(!i||!i.large),s=n.progressiveRender=!(!i||!i.progressiveRender);return!(r===a&&o===s)&&"reset"}}Uo(Tg),$o(Tg);var Dg=Oo(),Ag=Cg(),kg=function(){function t(){this.group=new zr,this.uid=Tc("viewChart"),this.renderTask=xf({plan:Og,reset:Rg}),this.renderTask.context={view:this}}return t.prototype.init=function(t,e){},t.prototype.render=function(t,e,n,i){0},t.prototype.highlight=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&Pg(r,i,"emphasis")},t.prototype.downplay=function(t,e,n,i){var r=t.getData(i&&i.dataType);r&&Pg(r,i,"normal")},t.prototype.remove=function(t,e){this.group.removeAll()},t.prototype.dispose=function(t,e){},t.prototype.updateView=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateLayout=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.updateVisual=function(t,e,n,i){this.render(t,e,n,i)},t.prototype.eachRendered=function(t){qh(this.group,t)},t.markUpdateMethod=function(t,e){Dg(t).updateMethod=e},t.protoInitialize=void(t.prototype.type="chart"),t}();function Lg(t,e,n){t&&Kl(t)&&("emphasis"===e?kl:Ll)(t,n)}function Pg(t,e,n){var i=Po(t,e),r=e&&null!=e.highlightKey?function(t){var e=nl[t];return null==e&&el<=32&&(e=nl[t]=el++),e}(e.highlightKey):null;null!=i?E(bo(i),(function(e){Lg(t.getItemGraphicEl(e),n,r)})):t.eachItemGraphicEl((function(t){Lg(t,n,r)}))}function Og(t){return Ag(t.model)}function Rg(t){var e=t.model,n=t.ecModel,i=t.api,r=t.payload,o=e.pipelineContext.progressiveRender,a=t.view,s=r&&Dg(r).updateMethod,l=o?"incrementalPrepareRender":s&&a[s]?s:"render";return"render"!==l&&a[l](e,n,i,r),Ng[l]}Uo(kg),$o(kg);var Ng={incrementalPrepareRender:{progress:function(t,e){e.view.incrementalRender(t,e.model,e.ecModel,e.api,e.payload)}},render:{forceFirstProgress:!0,progress:function(t,e){e.view.render(e.model,e.ecModel,e.api,e.payload)}}},Eg="\0__throttleOriginMethod",zg="\0__throttleRate",Vg="\0__throttleType";function Bg(t,e,n){var i,r,o,a,s,l=0,u=0,h=null;function c(){u=(new Date).getTime(),h=null,t.apply(o,a||[])}e=e||0;var p=function(){for(var t=[],p=0;p<arguments.length;p++)t[p]=arguments[p];i=(new Date).getTime(),o=this,a=t;var d=s||e,f=s||n;s=null,r=i-(f?l:u)-d,clearTimeout(h),f?h=setTimeout(c,d):r>=0?c():h=setTimeout(c,-r),l=i};return p.clear=function(){h&&(clearTimeout(h),h=null)},p.debounceNextCall=function(t){s=t},p}function Fg(t,e,n,i){var r=t[e];if(r){var o=r[Eg]||r,a=r[Vg];if(r[zg]!==n||a!==i){if(null==n||!i)return t[e]=o;(r=t[e]=Bg(o,n,"debounce"===i))[Eg]=o,r[Vg]=i,r[zg]=n}return r}}function Gg(t,e){var n=t[e];n&&n[Eg]&&(n.clear&&n.clear(),t[e]=n[Eg])}var Wg=Oo(),Hg={itemStyle:Jo(bc,!0),lineStyle:Jo(mc,!0)},Yg={lineStyle:"stroke",itemStyle:"fill"};function Xg(t,e){var n=t.visualStyleMapper||Hg[e];return n||(console.warn("Unknown style type '"+e+"'."),Hg.itemStyle)}function Ug(t,e){var n=t.visualDrawType||Yg[e];return n||(console.warn("Unknown style type '"+e+"'."),"fill")}var Zg={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=t.getModel(i),o=Xg(t,i)(r),a=r.getShallow("decal");a&&(n.setVisual("decal",a),a.dirty=!0);var s=Ug(t,i),l=o[s],u=X(l)?l:null,h="auto"===o.fill||"auto"===o.stroke;if(!o[s]||u||h){var c=t.getColorFromPalette(t.name,null,e.getSeriesCount());o[s]||(o[s]=c,n.setVisual("colorFromPalette",!0)),o.fill="auto"===o.fill||X(o.fill)?c:o.fill,o.stroke="auto"===o.stroke||X(o.stroke)?c:o.stroke}if(n.setVisual("style",o),n.setVisual("drawType",s),!e.isSeriesFiltered(t)&&u)return n.setVisual("colorFromPalette",!1),{dataEach:function(e,n){var i=t.getDataParams(n),r=A({},o);r[s]=u(i),e.setItemVisual(n,"style",r)}}}},jg=new Mc,qg={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(!t.ignoreStyleOnData&&!e.isSeriesFiltered(t)){var n=t.getData(),i=t.visualStyleAccessPath||"itemStyle",r=Xg(t,i),o=n.getVisual("drawType");return{dataEach:n.hasItemOption?function(t,e){var n=t.getRawDataItem(e);if(n&&n[i]){jg.option=n[i];var a=r(jg);A(t.ensureUniqueItemVisual(e,"style"),a),jg.option.decal&&(t.setItemVisual(e,"decal",jg.option.decal),jg.option.decal.dirty=!0),o in a&&t.setItemVisual(e,"colorFromPalette",!1)}}:null}}}},Kg={performRawSeries:!0,overallReset:function(t){var e=yt();t.eachSeries((function(t){var n=t.getColorBy();if(!t.isColorBySeries()){var i=t.type+"-"+n,r=e.get(i);r||(r={},e.set(i,r)),Wg(t).scope=r}})),t.eachSeries((function(e){if(!e.isColorBySeries()&&!t.isSeriesFiltered(e)){var n=e.getRawData(),i={},r=e.getData(),o=Wg(e).scope,a=e.visualStyleAccessPath||"itemStyle",s=Ug(e,a);r.each((function(t){var e=r.getRawIndex(t);i[e]=t})),n.each((function(t){var a=i[t];if(r.getItemVisual(a,"colorFromPalette")){var l=r.ensureUniqueItemVisual(a,"style"),u=n.getName(t)||t+"",h=n.count();l[s]=e.getColorFromPalette(u,o,h)}}))}}))}},$g=Math.PI;var Jg=function(){function t(t,e,n,i){this._stageTaskMap=yt(),this.ecInstance=t,this.api=e,n=this._dataProcessorHandlers=n.slice(),i=this._visualHandlers=i.slice(),this._allHandlers=n.concat(i)}return t.prototype.restoreData=function(t,e){t.restoreData(e),this._stageTaskMap.each((function(t){var e=t.overallTask;e&&e.dirty()}))},t.prototype.getPerformArgs=function(t,e){if(t.__pipeline){var n=this._pipelineMap.get(t.__pipeline.id),i=n.context,r=!e&&n.progressiveEnabled&&(!i||i.progressiveRender)&&t.__idxInPipeline>n.blockIndex?n.step:null,o=i&&i.modDataCount;return{step:r,modBy:null!=o?Math.ceil(o/r):null,modDataCount:o}}},t.prototype.getPipeline=function(t){return this._pipelineMap.get(t)},t.prototype.updateStreamModes=function(t,e){var n=this._pipelineMap.get(t.uid),i=t.getData().count(),r=n.progressiveEnabled&&e.incrementalPrepareRender&&i>=n.threshold,o=t.get("large")&&i>=t.get("largeThreshold"),a="mod"===t.get("progressiveChunkMode")?i:null;t.pipelineContext=n.context={progressiveRender:r,modDataCount:a,large:o}},t.prototype.restorePipelines=function(t){var e=this,n=e._pipelineMap=yt();t.eachSeries((function(t){var i=t.getProgressive(),r=t.uid;n.set(r,{id:r,head:null,tail:null,threshold:t.getProgressiveThreshold(),progressiveEnabled:i&&!(t.preventIncremental&&t.preventIncremental()),blockIndex:-1,step:Math.round(i||700),count:0}),e._pipe(t,t.dataTask)}))},t.prototype.prepareStageTasks=function(){var t=this._stageTaskMap,e=this.api.getModel(),n=this.api;E(this._allHandlers,(function(i){var r=t.get(i.uid)||t.set(i.uid,{}),o="";lt(!(i.reset&&i.overallReset),o),i.reset&&this._createSeriesStageTask(i,r,e,n),i.overallReset&&this._createOverallStageTask(i,r,e,n)}),this)},t.prototype.prepareView=function(t,e,n,i){var r=t.renderTask,o=r.context;o.model=e,o.ecModel=n,o.api=i,r.__block=!t.incrementalPrepareRender,this._pipe(e,r)},t.prototype.performDataProcessorTasks=function(t,e){this._performStageTasks(this._dataProcessorHandlers,t,e,{block:!0})},t.prototype.performVisualTasks=function(t,e,n){this._performStageTasks(this._visualHandlers,t,e,n)},t.prototype._performStageTasks=function(t,e,n,i){i=i||{};var r=!1,o=this;function a(t,e){return t.setDirty&&(!t.dirtyMap||t.dirtyMap.get(e.__pipeline.id))}E(t,(function(t,s){if(!i.visualType||i.visualType===t.visualType){var l=o._stageTaskMap.get(t.uid),u=l.seriesTaskMap,h=l.overallTask;if(h){var c,p=h.agentStubMap;p.each((function(t){a(i,t)&&(t.dirty(),c=!0)})),c&&h.dirty(),o.updatePayload(h,n);var d=o.getPerformArgs(h,i.block);p.each((function(t){t.perform(d)})),h.perform(d)&&(r=!0)}else u&&u.each((function(s,l){a(i,s)&&s.dirty();var u=o.getPerformArgs(s,i.block);u.skip=!t.performRawSeries&&e.isSeriesFiltered(s.context.model),o.updatePayload(s,n),s.perform(u)&&(r=!0)}))}})),this.unfinished=r||this.unfinished},t.prototype.performSeriesTasks=function(t){var e;t.eachSeries((function(t){e=t.dataTask.perform()||e})),this.unfinished=e||this.unfinished},t.prototype.plan=function(){this._pipelineMap.each((function(t){var e=t.tail;do{if(e.__block){t.blockIndex=e.__idxInPipeline;break}e=e.getUpstream()}while(e)}))},t.prototype.updatePayload=function(t,e){"remain"!==e&&(t.context.payload=e)},t.prototype._createSeriesStageTask=function(t,e,n,i){var r=this,o=e.seriesTaskMap,a=e.seriesTaskMap=yt(),s=t.seriesType,l=t.getTargetSeries;function u(e){var s=e.uid,l=a.set(s,o&&o.get(s)||xf({plan:iy,reset:ry,count:sy}));l.context={model:e,ecModel:n,api:i,useClearVisual:t.isVisual&&!t.isLayout,plan:t.plan,reset:t.reset,scheduler:r},r._pipe(e,l)}t.createOnAllSeries?n.eachRawSeries(u):s?n.eachRawSeriesByType(s,u):l&&l(n,i).each(u)},t.prototype._createOverallStageTask=function(t,e,n,i){var r=this,o=e.overallTask=e.overallTask||xf({reset:Qg});o.context={ecModel:n,api:i,overallReset:t.overallReset,scheduler:r};var a=o.agentStubMap,s=o.agentStubMap=yt(),l=t.seriesType,u=t.getTargetSeries,h=!0,c=!1,p="";function d(t){var e=t.uid,n=s.set(e,a&&a.get(e)||(c=!0,xf({reset:ty,onDirty:ny})));n.context={model:t,overallProgress:h},n.agent=o,n.__block=h,r._pipe(t,n)}lt(!t.createOnAllSeries,p),l?n.eachRawSeriesByType(l,d):u?u(n,i).each(d):(h=!1,E(n.getSeries(),d)),c&&o.dirty()},t.prototype._pipe=function(t,e){var n=t.uid,i=this._pipelineMap.get(n);!i.head&&(i.head=e),i.tail&&i.tail.pipe(e),i.tail=e,e.__idxInPipeline=i.count++,e.__pipeline=i},t.wrapStageHandler=function(t,e){return X(t)&&(t={overallReset:t,seriesType:ly(t)}),t.uid=Tc("stageHandler"),e&&(t.visualType=e),t},t}();function Qg(t){t.overallReset(t.ecModel,t.api,t.payload)}function ty(t){return t.overallProgress&&ey}function ey(){this.agent.dirty(),this.getDownstream().dirty()}function ny(){this.agent&&this.agent.dirty()}function iy(t){return t.plan?t.plan(t.model,t.ecModel,t.api,t.payload):null}function ry(t){t.useClearVisual&&t.data.clearAllVisual();var e=t.resetDefines=bo(t.reset(t.model,t.ecModel,t.api,t.payload));return e.length>1?z(e,(function(t,e){return ay(e)})):oy}var oy=ay(0);function ay(t){return function(e,n){var i=n.data,r=n.resetDefines[t];if(r&&r.dataEach)for(var o=e.start;o<e.end;o++)r.dataEach(i,o);else r&&r.progress&&r.progress(e,i)}}function sy(t){return t.data.count()}function ly(t){uy=null;try{t(hy,cy)}catch(t){}return uy}var uy,hy={},cy={};function py(t,e){for(var n in e.prototype)t[n]=bt}py(hy,pd),py(cy,vd),hy.eachSeriesByType=hy.eachRawSeriesByType=function(t){uy=t},hy.eachComponent=function(t){"series"===t.mainType&&t.subType&&(uy=t.subType)};var dy=["#37A2DA","#32C5E9","#67E0E3","#9FE6B8","#FFDB5C","#ff9f7f","#fb7293","#E062AE","#E690D1","#e7bcf3","#9d96f5","#8378EA","#96BFFF"],fy={color:dy,colorLayer:[["#37A2DA","#ffd85c","#fd7b5f"],["#37A2DA","#67E0E3","#FFDB5C","#ff9f7f","#E062AE","#9d96f5"],["#37A2DA","#32C5E9","#9FE6B8","#FFDB5C","#ff9f7f","#fb7293","#e7bcf3","#8378EA","#96BFFF"],dy]},gy="#B9B8CE",yy="#100C2A",vy=function(){return{axisLine:{lineStyle:{color:gy}},splitLine:{lineStyle:{color:"#484753"}},splitArea:{areaStyle:{color:["rgba(255,255,255,0.02)","rgba(255,255,255,0.05)"]}},minorSplitLine:{lineStyle:{color:"#20203B"}}}},my=["#4992ff","#7cffb2","#fddd60","#ff6e76","#58d9f9","#05c091","#ff8a45","#8d48e3","#dd79ff"],xy={darkMode:!0,color:my,backgroundColor:yy,axisPointer:{lineStyle:{color:"#817f91"},crossStyle:{color:"#817f91"},label:{color:"#fff"}},legend:{textStyle:{color:gy}},textStyle:{color:gy},title:{textStyle:{color:"#EEF1FA"},subtextStyle:{color:"#B9B8CE"}},toolbox:{iconStyle:{borderColor:gy}},dataZoom:{borderColor:"#71708A",textStyle:{color:gy},brushStyle:{color:"rgba(135,163,206,0.3)"},handleStyle:{color:"#353450",borderColor:"#C5CBE3"},moveHandleStyle:{color:"#B0B6C3",opacity:.3},fillerColor:"rgba(135,163,206,0.2)",emphasis:{handleStyle:{borderColor:"#91B7F2",color:"#4D587D"},moveHandleStyle:{color:"#636D9A",opacity:.7}},dataBackground:{lineStyle:{color:"#71708A",width:1},areaStyle:{color:"#71708A"}},selectedDataBackground:{lineStyle:{color:"#87A3CE"},areaStyle:{color:"#87A3CE"}}},visualMap:{textStyle:{color:gy}},timeline:{lineStyle:{color:gy},label:{color:gy},controlStyle:{color:gy,borderColor:gy}},calendar:{itemStyle:{color:yy},dayLabel:{color:gy},monthLabel:{color:gy},yearLabel:{color:gy}},timeAxis:vy(),logAxis:vy(),valueAxis:vy(),categoryAxis:vy(),line:{symbol:"circle"},graph:{color:my},gauge:{title:{color:gy},axisLine:{lineStyle:{color:[[1,"rgba(207,212,219,0.2)"]]}},axisLabel:{color:gy},detail:{color:"#EEF1FA"}},candlestick:{itemStyle:{color:"#f64e56",color0:"#54ea92",borderColor:"#f64e56",borderColor0:"#54ea92"}}};xy.categoryAxis.splitLine.show=!1;var _y=function(){function t(){}return t.prototype.normalizeQuery=function(t){var e={},n={},i={};if(U(t)){var r=Xo(t);e.mainType=r.main||null,e.subType=r.sub||null}else{var o=["Index","Name","Id"],a={name:1,dataIndex:1,dataType:1};E(t,(function(t,r){for(var s=!1,l=0;l<o.length;l++){var u=o[l],h=r.lastIndexOf(u);if(h>0&&h===r.length-u.length){var c=r.slice(0,h);"data"!==c&&(e.mainType=c,e[u.toLowerCase()]=t,s=!0)}}a.hasOwnProperty(r)&&(n[r]=t,s=!0),s||(i[r]=t)}))}return{cptQuery:e,dataQuery:n,otherQuery:i}},t.prototype.filter=function(t,e){var n=this.eventInfo;if(!n)return!0;var i=n.targetEl,r=n.packedEvent,o=n.model,a=n.view;if(!o||!a)return!0;var s=e.cptQuery,l=e.dataQuery;return u(s,o,"mainType")&&u(s,o,"subType")&&u(s,o,"index","componentIndex")&&u(s,o,"name")&&u(s,o,"id")&&u(l,r,"name")&&u(l,r,"dataIndex")&&u(l,r,"dataType")&&(!a.filterForExposedEvent||a.filterForExposedEvent(t,e.otherQuery,i,r));function u(t,e,n,i){return null==t[n]||e[i||n]===t[n]}},t.prototype.afterTrigger=function(){this.eventInfo=null},t}(),by=["symbol","symbolSize","symbolRotate","symbolOffset"],wy=by.concat(["symbolKeepAspect"]),Sy={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){var n=t.getData();if(t.legendIcon&&n.setVisual("legendIcon",t.legendIcon),t.hasSymbolVisual){for(var i={},r={},o=!1,a=0;a<by.length;a++){var s=by[a],l=t.get(s);X(l)?(o=!0,r[s]=l):i[s]=l}if(i.symbol=i.symbol||t.defaultSymbol,n.setVisual(A({legendIcon:t.legendIcon||i.symbol,symbolKeepAspect:t.get("symbolKeepAspect")},i)),!e.isSeriesFiltered(t)){var u=G(r);return{dataEach:o?function(e,n){for(var i=t.getRawValue(n),o=t.getDataParams(n),a=0;a<u.length;a++){var s=u[a];e.setItemVisual(n,s,r[s](i,o))}}:null}}}}},My={createOnAllSeries:!0,performRawSeries:!0,reset:function(t,e){if(t.hasSymbolVisual&&!e.isSeriesFiltered(t))return{dataEach:t.getData().hasItemOption?function(t,e){for(var n=t.getItemModel(e),i=0;i<wy.length;i++){var r=wy[i],o=n.getShallow(r,!0);null!=o&&t.setItemVisual(e,r,o)}}:null}}};function Iy(t,e,n){switch(n){case"color":return t.getItemVisual(e,"style")[t.getVisual("drawType")];case"opacity":return t.getItemVisual(e,"style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getItemVisual(e,n)}}function Ty(t,e){switch(e){case"color":return t.getVisual("style")[t.getVisual("drawType")];case"opacity":return t.getVisual("style").opacity;case"symbol":case"symbolSize":case"liftZ":return t.getVisual(e)}}function Cy(t,e,n,i){switch(n){case"color":t.ensureUniqueItemVisual(e,"style")[t.getVisual("drawType")]=i,t.setItemVisual(e,"colorFromPalette",!1);break;case"opacity":t.ensureUniqueItemVisual(e,"style").opacity=i;break;case"symbol":case"symbolSize":case"liftZ":t.setItemVisual(e,n,i)}}function Dy(t,e){function n(e,n){var i=[];return e.eachComponent({mainType:"series",subType:t,query:n},(function(t){i.push(t.seriesIndex)})),i}E([[t+"ToggleSelect","toggleSelect"],[t+"Select","select"],[t+"UnSelect","unselect"]],(function(t){e(t[0],(function(e,i,r){e=A({},e),r.dispatchAction(A(e,{type:t[1],seriesIndex:n(i,e)}))}))}))}function Ay(t,e,n,i,r){var o=t+e;n.isSilent(o)||i.eachComponent({mainType:"series",subType:"pie"},(function(t){for(var e=t.seriesIndex,i=t.option.selectedMap,a=r.selected,s=0;s<a.length;s++)if(a[s].seriesIndex===e){var l=t.getData(),u=Po(l,r.fromActionPayload);n.trigger(o,{type:o,seriesId:t.id,name:Y(u)?l.getName(u[0]):l.getName(u),selected:U(i)?i:A({},i)})}}))}function ky(t,e,n){for(var i;t&&(!e(t)||(i=t,!n));)t=t.__hostTarget||t.parent;return i}var Ly=Math.round(9*Math.random()),Py="function"==typeof Object.defineProperty,Oy=function(){function t(){this._id="__ec_inner_"+Ly++}return t.prototype.get=function(t){return this._guard(t)[this._id]},t.prototype.set=function(t,e){var n=this._guard(t);return Py?Object.defineProperty(n,this._id,{value:e,enumerable:!1,configurable:!0}):n[this._id]=e,this},t.prototype.delete=function(t){return!!this.has(t)&&(delete this._guard(t)[this._id],!0)},t.prototype.has=function(t){return!!this._guard(t)[this._id]},t.prototype._guard=function(t){if(t!==Object(t))throw TypeError("Value of WeakMap is not a non-null object.");return t},t}(),Ry=Is.extend({type:"triangle",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i+o),t.lineTo(n-r,i+o),t.closePath()}}),Ny=Is.extend({type:"diamond",shape:{cx:0,cy:0,width:0,height:0},buildPath:function(t,e){var n=e.cx,i=e.cy,r=e.width/2,o=e.height/2;t.moveTo(n,i-o),t.lineTo(n+r,i),t.lineTo(n,i+o),t.lineTo(n-r,i),t.closePath()}}),Ey=Is.extend({type:"pin",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.x,i=e.y,r=e.width/5*3,o=Math.max(r,e.height),a=r/2,s=a*a/(o-a),l=i-o+a+s,u=Math.asin(s/a),h=Math.cos(u)*a,c=Math.sin(u),p=Math.cos(u),d=.6*a,f=.7*a;t.moveTo(n-h,l+s),t.arc(n,l,a,Math.PI-u,2*Math.PI+u),t.bezierCurveTo(n+h-c*d,l+s+p*d,n,i-f,n,i),t.bezierCurveTo(n,i-f,n-h+c*d,l+s+p*d,n-h,l+s),t.closePath()}}),zy=Is.extend({type:"arrow",shape:{x:0,y:0,width:0,height:0},buildPath:function(t,e){var n=e.height,i=e.width,r=e.x,o=e.y,a=i/3*2;t.moveTo(r,o),t.lineTo(r+a,o+n),t.lineTo(r,o+n/4*3),t.lineTo(r-a,o+n),t.lineTo(r,o),t.closePath()}}),Vy={line:function(t,e,n,i,r){r.x1=t,r.y1=e+i/2,r.x2=t+n,r.y2=e+i/2},rect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i},roundRect:function(t,e,n,i,r){r.x=t,r.y=e,r.width=n,r.height=i,r.r=Math.min(n,i)/4},square:function(t,e,n,i,r){var o=Math.min(n,i);r.x=t,r.y=e,r.width=o,r.height=o},circle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.r=Math.min(n,i)/2},diamond:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i},pin:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},arrow:function(t,e,n,i,r){r.x=t+n/2,r.y=e+i/2,r.width=n,r.height=i},triangle:function(t,e,n,i,r){r.cx=t+n/2,r.cy=e+i/2,r.width=n,r.height=i}},By={};E({line:Zu,rect:zs,roundRect:zs,square:zs,circle:_u,diamond:Ny,pin:Ey,arrow:zy,triangle:Ry},(function(t,e){By[e]=new t}));var Fy=Is.extend({type:"symbol",shape:{symbolType:"",x:0,y:0,width:0,height:0},calculateTextPosition:function(t,e,n){var i=Tr(t,e,n),r=this.shape;return r&&"pin"===r.symbolType&&"inside"===e.position&&(i.y=n.y+.4*n.height),i},buildPath:function(t,e,n){var i=e.symbolType;if("none"!==i){var r=By[i];r||(r=By[i="rect"]),Vy[i](e.x,e.y,e.width,e.height,r.shape),r.buildPath(t,r.shape,n)}}});function Gy(t,e){if("image"!==this.type){var n=this.style;this.__isEmptyBrush?(n.stroke=t,n.fill=e||"#fff",n.lineWidth=2):"line"===this.shape.symbolType?n.stroke=t:n.fill=t,this.markRedraw()}}function Wy(t,e,n,i,r,o,a){var s,l=0===t.indexOf("empty");return l&&(t=t.substr(5,1).toLowerCase()+t.substr(6)),(s=0===t.indexOf("image://")?kh(t.slice(8),new ze(e,n,i,r),a?"center":"cover"):0===t.indexOf("path://")?Ah(t.slice(7),{},new ze(e,n,i,r),a?"center":"cover"):new Fy({shape:{symbolType:t,x:e,y:n,width:i,height:r}})).__isEmptyBrush=l,s.setColor=Gy,o&&s.setColor(o),s}function Hy(t){return Y(t)||(t=[+t,+t]),[t[0]||0,t[1]||0]}function Yy(t,e){if(null!=t)return Y(t)||(t=[t,t]),[Ur(t[0],e[0])||0,Ur(rt(t[1],t[0]),e[1])||0]}function Xy(t){return isFinite(t)}function Uy(t,e,n){for(var i="radial"===e.type?function(t,e,n){var i=n.width,r=n.height,o=Math.min(i,r),a=null==e.x?.5:e.x,s=null==e.y?.5:e.y,l=null==e.r?.5:e.r;return e.global||(a=a*i+n.x,s=s*r+n.y,l*=o),a=Xy(a)?a:.5,s=Xy(s)?s:.5,l=l>=0&&Xy(l)?l:.5,t.createRadialGradient(a,s,0,a,s,l)}(t,e,n):function(t,e,n){var i=null==e.x?0:e.x,r=null==e.x2?1:e.x2,o=null==e.y?0:e.y,a=null==e.y2?0:e.y2;return e.global||(i=i*n.width+n.x,r=r*n.width+n.x,o=o*n.height+n.y,a=a*n.height+n.y),i=Xy(i)?i:0,r=Xy(r)?r:1,o=Xy(o)?o:0,a=Xy(a)?a:0,t.createLinearGradient(i,o,r,a)}(t,e,n),r=e.colorStops,o=0;o<r.length;o++)i.addColorStop(r[o].offset,r[o].color);return i}function Zy(t){return parseInt(t,10)}function jy(t,e,n){var i=["width","height"][e],r=["clientWidth","clientHeight"][e],o=["paddingLeft","paddingTop"][e],a=["paddingRight","paddingBottom"][e];if(null!=n[i]&&"auto"!==n[i])return parseFloat(n[i]);var s=document.defaultView.getComputedStyle(t);return(t[r]||Zy(s[i])||Zy(t.style[i]))-(Zy(s[o])||0)-(Zy(s[a])||0)|0}function qy(t){var e,n,i=t.style,r=i.lineDash&&i.lineWidth>0&&(e=i.lineDash,n=i.lineWidth,e&&"solid"!==e&&n>0?"dashed"===e?[4*n,2*n]:"dotted"===e?[n]:j(e)?[e]:Y(e)?e:null:null),o=i.lineDashOffset;if(r){var a=i.strokeNoScale&&t.getLineScale?t.getLineScale():1;a&&1!==a&&(r=z(r,(function(t){return t/a})),o/=a)}return[r,o]}var Ky=new os(!0);function $y(t){var e=t.stroke;return!(null==e||"none"===e||!(t.lineWidth>0))}function Jy(t){return"string"==typeof t&&"none"!==t}function Qy(t){var e=t.fill;return null!=e&&"none"!==e}function tv(t,e){if(null!=e.fillOpacity&&1!==e.fillOpacity){var n=t.globalAlpha;t.globalAlpha=e.fillOpacity*e.opacity,t.fill(),t.globalAlpha=n}else t.fill()}function ev(t,e){if(null!=e.strokeOpacity&&1!==e.strokeOpacity){var n=t.globalAlpha;t.globalAlpha=e.strokeOpacity*e.opacity,t.stroke(),t.globalAlpha=n}else t.stroke()}function nv(t,e,n){var i=ia(e.image,e.__image,n);if(oa(i)){var r=t.createPattern(i,e.repeat||"repeat");if("function"==typeof DOMMatrix&&r&&r.setTransform){var o=new DOMMatrix;o.translateSelf(e.x||0,e.y||0),o.rotateSelf(0,0,(e.rotation||0)*wt),o.scaleSelf(e.scaleX||1,e.scaleY||1),r.setTransform(o)}return r}}var iv=["shadowBlur","shadowOffsetX","shadowOffsetY"],rv=[["lineCap","butt"],["lineJoin","miter"],["miterLimit",10]];function ov(t,e,n,i,r){var o=!1;if(!i&&e===(n=n||{}))return!1;if(i||e.opacity!==n.opacity){lv(t,r),o=!0;var a=Math.max(Math.min(e.opacity,1),0);t.globalAlpha=isNaN(a)?xa.opacity:a}(i||e.blend!==n.blend)&&(o||(lv(t,r),o=!0),t.globalCompositeOperation=e.blend||xa.blend);for(var s=0;s<iv.length;s++){var l=iv[s];(i||e[l]!==n[l])&&(o||(lv(t,r),o=!0),t[l]=t.dpr*(e[l]||0))}return(i||e.shadowColor!==n.shadowColor)&&(o||(lv(t,r),o=!0),t.shadowColor=e.shadowColor||xa.shadowColor),o}function av(t,e,n,i,r){var o=uv(e,r.inHover),a=i?null:n&&uv(n,r.inHover)||{};if(o===a)return!1;var s=ov(t,o,a,i,r);if((i||o.fill!==a.fill)&&(s||(lv(t,r),s=!0),Jy(o.fill)&&(t.fillStyle=o.fill)),(i||o.stroke!==a.stroke)&&(s||(lv(t,r),s=!0),Jy(o.stroke)&&(t.strokeStyle=o.stroke)),(i||o.opacity!==a.opacity)&&(s||(lv(t,r),s=!0),t.globalAlpha=null==o.opacity?1:o.opacity),e.hasStroke()){var l=o.lineWidth/(o.strokeNoScale&&e.getLineScale?e.getLineScale():1);t.lineWidth!==l&&(s||(lv(t,r),s=!0),t.lineWidth=l)}for(var u=0;u<rv.length;u++){var h=rv[u],c=h[0];(i||o[c]!==a[c])&&(s||(lv(t,r),s=!0),t[c]=o[c]||h[1])}return s}function sv(t,e){var n=e.transform,i=t.dpr||1;n?t.setTransform(i*n[0],i*n[1],i*n[2],i*n[3],i*n[4],i*n[5]):t.setTransform(i,0,0,i,0,0)}function lv(t,e){e.batchFill&&t.fill(),e.batchStroke&&t.stroke(),e.batchFill="",e.batchStroke=""}function uv(t,e){return e&&t.__hoverStyle||t.style}function hv(t,e){cv(t,e,{inHover:!1,viewWidth:0,viewHeight:0},!0)}function cv(t,e,n,i){var r=e.transform;if(!e.shouldBePainted(n.viewWidth,n.viewHeight,!1,!1))return e.__dirty&=-2,void(e.__isRendered=!1);var o=e.__clipPaths,s=n.prevElClipPaths,l=!1,u=!1;if(s&&!function(t,e){if(t===e||!t&&!e)return!1;if(!t||!e||t.length!==e.length)return!0;for(var n=0;n<t.length;n++)if(t[n]!==e[n])return!0;return!1}(o,s)||(s&&s.length&&(lv(t,n),t.restore(),u=l=!0,n.prevElClipPaths=null,n.allClipped=!1,n.prevEl=null),o&&o.length&&(lv(t,n),t.save(),function(t,e,n){for(var i=!1,r=0;r<t.length;r++){var o=t[r];i=i||o.isZeroArea(),sv(e,o),e.beginPath(),o.buildPath(e,o.shape),e.clip()}n.allClipped=i}(o,t,n),l=!0),n.prevElClipPaths=o),n.allClipped)e.__isRendered=!1;else{e.beforeBrush&&e.beforeBrush(),e.innerBeforeBrush();var h=n.prevEl;h||(u=l=!0);var c,p,d=e instanceof Is&&e.autoBatch&&function(t){var e=Qy(t),n=$y(t);return!(t.lineDash||!(+e^+n)||e&&"string"!=typeof t.fill||n&&"string"!=typeof t.stroke||t.strokePercent<1||t.strokeOpacity<1||t.fillOpacity<1)}(e.style);l||(c=r,p=h.transform,c&&p?c[0]!==p[0]||c[1]!==p[1]||c[2]!==p[2]||c[3]!==p[3]||c[4]!==p[4]||c[5]!==p[5]:c||p)?(lv(t,n),sv(t,e)):d||lv(t,n);var f=uv(e,n.inHover);e instanceof Is?(1!==n.lastDrawType&&(u=!0,n.lastDrawType=1),av(t,e,h,u,n),d&&(n.batchFill||n.batchStroke)||t.beginPath(),function(t,e,n,i){var r,o=$y(n),a=Qy(n),s=n.strokePercent,l=s<1,u=!e.path;e.silent&&!l||!u||e.createPathProxy();var h=e.path||Ky,c=e.__dirty;if(!i){var p=n.fill,d=n.stroke,f=a&&!!p.colorStops,g=o&&!!d.colorStops,y=a&&!!p.image,v=o&&!!d.image,m=void 0,x=void 0,_=void 0,b=void 0,w=void 0;(f||g)&&(w=e.getBoundingRect()),f&&(m=c?Uy(t,p,w):e.__canvasFillGradient,e.__canvasFillGradient=m),g&&(x=c?Uy(t,d,w):e.__canvasStrokeGradient,e.__canvasStrokeGradient=x),y&&(_=c||!e.__canvasFillPattern?nv(t,p,e):e.__canvasFillPattern,e.__canvasFillPattern=_),v&&(b=c||!e.__canvasStrokePattern?nv(t,d,e):e.__canvasStrokePattern,e.__canvasStrokePattern=_),f?t.fillStyle=m:y&&(_?t.fillStyle=_:a=!1),g?t.strokeStyle=x:v&&(b?t.strokeStyle=b:o=!1)}var S,M,I=e.getGlobalScale();h.setScale(I[0],I[1],e.segmentIgnoreThreshold),t.setLineDash&&n.lineDash&&(S=(r=qy(e))[0],M=r[1]);var T=!0;(u||4&c)&&(h.setDPR(t.dpr),l?h.setContext(null):(h.setContext(t),T=!1),h.reset(),e.buildPath(h,e.shape,i),h.toStatic(),e.pathUpdated()),T&&h.rebuildPath(t,l?s:1),S&&(t.setLineDash(S),t.lineDashOffset=M),i||(n.strokeFirst?(o&&ev(t,n),a&&tv(t,n)):(a&&tv(t,n),o&&ev(t,n))),S&&t.setLineDash([])}(t,e,f,d),d&&(n.batchFill=f.fill||"",n.batchStroke=f.stroke||"")):e instanceof Cs?(3!==n.lastDrawType&&(u=!0,n.lastDrawType=3),av(t,e,h,u,n),function(t,e,n){var i,r=n.text;if(null!=r&&(r+=""),r){t.font=n.font||a,t.textAlign=n.textAlign,t.textBaseline=n.textBaseline;var o=void 0,s=void 0;t.setLineDash&&n.lineDash&&(o=(i=qy(e))[0],s=i[1]),o&&(t.setLineDash(o),t.lineDashOffset=s),n.strokeFirst?($y(n)&&t.strokeText(r,n.x,n.y),Qy(n)&&t.fillText(r,n.x,n.y)):(Qy(n)&&t.fillText(r,n.x,n.y),$y(n)&&t.strokeText(r,n.x,n.y)),o&&t.setLineDash([])}}(t,e,f)):e instanceof ks?(2!==n.lastDrawType&&(u=!0,n.lastDrawType=2),function(t,e,n,i,r){ov(t,uv(e,r.inHover),n&&uv(n,r.inHover),i,r)}(t,e,h,u,n),function(t,e,n){var i=e.__image=ia(n.image,e.__image,e,e.onload);if(i&&oa(i)){var r=n.x||0,o=n.y||0,a=e.getWidth(),s=e.getHeight(),l=i.width/i.height;if(null==a&&null!=s?a=s*l:null==s&&null!=a?s=a/l:null==a&&null==s&&(a=i.width,s=i.height),n.sWidth&&n.sHeight){var u=n.sx||0,h=n.sy||0;t.drawImage(i,u,h,n.sWidth,n.sHeight,r,o,a,s)}else if(n.sx&&n.sy){var c=a-(u=n.sx),p=s-(h=n.sy);t.drawImage(i,u,h,c,p,r,o,a,s)}else t.drawImage(i,r,o,a,s)}}(t,e,f)):e.getTemporalDisplayables&&(4!==n.lastDrawType&&(u=!0,n.lastDrawType=4),function(t,e,n){var i=e.getDisplayables(),r=e.getTemporalDisplayables();t.save();var o,a,s={prevElClipPaths:null,prevEl:null,allClipped:!1,viewWidth:n.viewWidth,viewHeight:n.viewHeight,inHover:n.inHover};for(o=e.getCursor(),a=i.length;o<a;o++){(h=i[o]).beforeBrush&&h.beforeBrush(),h.innerBeforeBrush(),cv(t,h,s,o===a-1),h.innerAfterBrush(),h.afterBrush&&h.afterBrush(),s.prevEl=h}for(var l=0,u=r.length;l<u;l++){var h;(h=r[l]).beforeBrush&&h.beforeBrush(),h.innerBeforeBrush(),cv(t,h,s,l===u-1),h.innerAfterBrush(),h.afterBrush&&h.afterBrush(),s.prevEl=h}e.clearTemporalDisplayables(),e.notClear=!0,t.restore()}(t,e,n)),d&&i&&lv(t,n),e.innerAfterBrush(),e.afterBrush&&e.afterBrush(),n.prevEl=e,e.__dirty=0,e.__isRendered=!0}}var pv=new Oy,dv=new En(100),fv=["symbol","symbolSize","symbolKeepAspect","color","backgroundColor","dashArrayX","dashArrayY","maxTileWidth","maxTileHeight"];function gv(t,e){if("none"===t)return null;var n=e.getDevicePixelRatio(),i=e.getZr(),r="svg"===i.painter.type;t.dirty&&pv.delete(t);var o=pv.get(t);if(o)return o;var a=k(t,{symbol:"rect",symbolSize:1,symbolKeepAspect:!0,color:"rgba(0, 0, 0, 0.2)",backgroundColor:null,dashArrayX:5,dashArrayY:5,rotation:0,maxTileWidth:512,maxTileHeight:512});"none"===a.backgroundColor&&(a.backgroundColor=null);var s={repeat:"repeat"};return function(t){for(var e,o=[n],s=!0,l=0;l<fv.length;++l){var u=a[fv[l]];if(null!=u&&!Y(u)&&!U(u)&&!j(u)&&"boolean"!=typeof u){s=!1;break}o.push(u)}if(s){e=o.join(",")+(r?"-svg":"");var c=dv.get(e);c&&(r?t.svgElement=c:t.image=c)}var p,d=vv(a.dashArrayX),f=function(t){if(!t||"object"==typeof t&&0===t.length)return[0,0];if(j(t)){var e=Math.ceil(t);return[e,e]}var n=z(t,(function(t){return Math.ceil(t)}));return t.length%2?n.concat(n):n}(a.dashArrayY),g=yv(a.symbol),y=(b=d,z(b,(function(t){return mv(t)}))),v=mv(f),m=!r&&h.createCanvas(),x=r&&{tag:"g",attrs:{},key:"dcl",children:[]},_=function(){for(var t=1,e=0,n=y.length;e<n;++e)t=go(t,y[e]);var i=1;for(e=0,n=g.length;e<n;++e)i=go(i,g[e].length);t*=i;var r=v*y.length*g.length;return{width:Math.max(1,Math.min(t,a.maxTileWidth)),height:Math.max(1,Math.min(r,a.maxTileHeight))}}();var b;m&&(m.width=_.width*n,m.height=_.height*n,p=m.getContext("2d"));(function(){p&&(p.clearRect(0,0,m.width,m.height),a.backgroundColor&&(p.fillStyle=a.backgroundColor,p.fillRect(0,0,m.width,m.height)));for(var t=0,e=0;e<f.length;++e)t+=f[e];if(t<=0)return;var o=-v,s=0,l=0,u=0;for(;o<_.height;){if(s%2==0){for(var h=l/2%g.length,c=0,y=0,b=0;c<2*_.width;){var w=0;for(e=0;e<d[u].length;++e)w+=d[u][e];if(w<=0)break;if(y%2==0){var S=.5*(1-a.symbolSize),M=c+d[u][y]*S,I=o+f[s]*S,T=d[u][y]*a.symbolSize,C=f[s]*a.symbolSize,D=b/2%g[h].length;A(M,I,T,C,g[h][D])}c+=d[u][y],++b,++y===d[u].length&&(y=0)}++u===d.length&&(u=0)}o+=f[s],++l,++s===f.length&&(s=0)}function A(t,e,o,s,l){var u=r?1:n,h=Wy(l,t*u,e*u,o*u,s*u,a.color,a.symbolKeepAspect);if(r){var c=i.painter.renderOneToVNode(h);c&&x.children.push(c)}else hv(p,h)}})(),s&&dv.put(e,m||x);t.image=m,t.svgElement=x,t.svgWidth=_.width,t.svgHeight=_.height}(s),s.rotation=a.rotation,s.scaleX=s.scaleY=r?1:1/n,pv.set(t,s),t.dirty=!1,s}function yv(t){if(!t||0===t.length)return[["rect"]];if(U(t))return[[t]];for(var e=!0,n=0;n<t.length;++n)if(!U(t[n])){e=!1;break}if(e)return yv([t]);var i=[];for(n=0;n<t.length;++n)U(t[n])?i.push([t[n]]):i.push(t[n]);return i}function vv(t){if(!t||0===t.length)return[[0,0]];if(j(t))return[[r=Math.ceil(t),r]];for(var e=!0,n=0;n<t.length;++n)if(!j(t[n])){e=!1;break}if(e)return vv([t]);var i=[];for(n=0;n<t.length;++n)if(j(t[n])){var r=Math.ceil(t[n]);i.push([r,r])}else{(r=z(t[n],(function(t){return Math.ceil(t)}))).length%2==1?i.push(r.concat(r)):i.push(r)}return i}function mv(t){for(var e=0,n=0;n<t.length;++n)e+=t[n];return t.length%2==1?2*e:e}var xv=new jt,_v={};function bv(t){return _v[t]}var wv=2e3,Sv=4500,Mv={PROCESSOR:{FILTER:1e3,SERIES_FILTER:800,STATISTIC:5e3},VISUAL:{LAYOUT:1e3,PROGRESSIVE_LAYOUT:1100,GLOBAL:wv,CHART:3e3,POST_CHART_LAYOUT:4600,COMPONENT:4e3,BRUSH:5e3,CHART_ITEM:Sv,ARIA:6e3,DECAL:7e3}},Iv="__flagInMainProcess",Tv="__pendingUpdate",Cv="__needsUpdateStatus",Dv=/^[a-zA-Z0-9_]+$/,Av="__connectUpdateStatus";function kv(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(!this.isDisposed())return Pv(this,t,e);nm(this.id)}}function Lv(t){return function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return Pv(this,t,e)}}function Pv(t,e,n){return n[0]=n[0]&&n[0].toLowerCase(),jt.prototype[e].apply(t,n)}var Ov,Rv,Nv,Ev,zv,Vv,Bv,Fv,Gv,Wv,Hv,Yv,Xv,Uv,Zv,jv,qv,Kv,$v=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(jt),Jv=$v.prototype;Jv.on=Lv("on"),Jv.off=Lv("off");var Qv=function(t){function e(e,n,i){var r=t.call(this,new _y)||this;r._chartsViews=[],r._chartsMap={},r._componentsViews=[],r._componentsMap={},r._pendingActions=[],i=i||{},U(n)&&(n=lm[n]),r._dom=e;var o="canvas",a="auto",s=!1,l=r._zr=Gr(e,{renderer:i.renderer||o,devicePixelRatio:i.devicePixelRatio,width:i.width,height:i.height,ssr:i.ssr,useDirtyRect:rt(i.useDirtyRect,s),useCoarsePointer:rt(i.useCoarsePointer,a),pointerSize:i.pointerSize});r._ssr=i.ssr,r._throttledZrFlush=Bg(W(l.flush,l),17),(n=T(n))&&Wd(n,!0),r._theme=n,r._locale=function(t){if(U(t)){var e=Lc[t.toUpperCase()]||{};return t===Dc||t===Ac?T(e):C(T(e),T(Lc[kc]),!1)}return C(T(t),T(Lc[kc]),!1)}(i.locale||Oc),r._coordSysMgr=new xd;var u=r._api=Zv(r);function h(t,e){return t.__prio-e.__prio}return Qe(sm,h),Qe(om,h),r._scheduler=new Jg(r,u,om,sm),r._messageCenter=new $v,r._initEvents(),r.resize=W(r.resize,r),l.animation.on("frame",r._onframe,r),Wv(l,r),Hv(l,r),ct(r),r}return n(e,t),e.prototype._onframe=function(){if(!this._disposed){Kv(this);var t=this._scheduler;if(this[Tv]){var e=this[Tv].silent;this[Iv]=!0;try{Ov(this),Ev.update.call(this,null,this[Tv].updateParams)}catch(t){throw this[Iv]=!1,this[Tv]=null,t}this._zr.flush(),this[Iv]=!1,this[Tv]=null,Fv.call(this,e),Gv.call(this,e)}else if(t.unfinished){var n=1,i=this._model,r=this._api;t.unfinished=!1;do{var o=+new Date;t.performSeriesTasks(i),t.performDataProcessorTasks(i),Vv(this,i),t.performVisualTasks(i),Uv(this,this._model,r,"remain",{}),n-=+new Date-o}while(n>0&&t.unfinished);t.unfinished||this._zr.flush()}}},e.prototype.getDom=function(){return this._dom},e.prototype.getId=function(){return this.id},e.prototype.getZr=function(){return this._zr},e.prototype.isSSR=function(){return this._ssr},e.prototype.setOption=function(t,e,n){if(!this[Iv])if(this._disposed)nm(this.id);else{var i,r,o;if(q(e)&&(n=e.lazyUpdate,i=e.silent,r=e.replaceMerge,o=e.transition,e=e.notMerge),this[Iv]=!0,!this._model||e){var a=new bd(this._api),s=this._theme,l=this._model=new pd;l.scheduler=this._scheduler,l.ssr=this._ssr,l.init(null,null,null,s,this._locale,a)}this._model.setOption(t,{replaceMerge:r},am);var u={seriesTransition:o,optionChanged:!0};if(n)this[Tv]={silent:i,updateParams:u},this[Iv]=!1,this.getZr().wakeUp();else{try{Ov(this),Ev.update.call(this,null,u)}catch(t){throw this[Tv]=null,this[Iv]=!1,t}this._ssr||this._zr.flush(),this[Tv]=null,this[Iv]=!1,Fv.call(this,i),Gv.call(this,i)}}},e.prototype.setTheme=function(){yo()},e.prototype.getModel=function(){return this._model},e.prototype.getOption=function(){return this._model&&this._model.getOption()},e.prototype.getWidth=function(){return this._zr.getWidth()},e.prototype.getHeight=function(){return this._zr.getHeight()},e.prototype.getDevicePixelRatio=function(){return this._zr.painter.dpr||r.hasGlobalWindow&&window.devicePixelRatio||1},e.prototype.getRenderedCanvas=function(t){return this.renderToCanvas(t)},e.prototype.renderToCanvas=function(t){t=t||{};var e=this._zr.painter;return e.getRenderedCanvas({backgroundColor:t.backgroundColor||this._model.get("backgroundColor"),pixelRatio:t.pixelRatio||this.getDevicePixelRatio()})},e.prototype.renderToSVGString=function(t){t=t||{};var e=this._zr.painter;return e.renderToString({useViewBox:t.useViewBox})},e.prototype.getSvgDataURL=function(){if(r.svgSupported){var t=this._zr;return E(t.storage.getDisplayList(),(function(t){t.stopAnimation(null,!0)})),t.painter.toDataURL()}},e.prototype.getDataURL=function(t){if(!this._disposed){var e=(t=t||{}).excludeComponents,n=this._model,i=[],r=this;E(e,(function(t){n.eachComponent({mainType:t},(function(t){var e=r._componentsMap[t.__viewId];e.group.ignore||(i.push(e),e.group.ignore=!0)}))}));var o="svg"===this._zr.painter.getType()?this.getSvgDataURL():this.renderToCanvas(t).toDataURL("image/"+(t&&t.type||"png"));return E(i,(function(t){t.group.ignore=!1})),o}nm(this.id)},e.prototype.getConnectedDataURL=function(t){if(!this._disposed){var e="svg"===t.type,n=this.group,i=Math.min,r=Math.max,o=1/0;if(cm[n]){var a=o,s=o,l=-1/0,u=-1/0,c=[],p=t&&t.pixelRatio||this.getDevicePixelRatio();E(hm,(function(o,h){if(o.group===n){var p=e?o.getZr().painter.getSvgDom().innerHTML:o.renderToCanvas(T(t)),d=o.getDom().getBoundingClientRect();a=i(d.left,a),s=i(d.top,s),l=r(d.right,l),u=r(d.bottom,u),c.push({dom:p,left:d.left,top:d.top})}}));var d=(l*=p)-(a*=p),f=(u*=p)-(s*=p),g=h.createCanvas(),y=Gr(g,{renderer:e?"svg":"canvas"});if(y.resize({width:d,height:f}),e){var v="";return E(c,(function(t){var e=t.left-a,n=t.top-s;v+='<g transform="translate('+e+","+n+')">'+t.dom+"</g>"})),y.painter.getSvgRoot().innerHTML=v,t.connectedBackgroundColor&&y.painter.setBackgroundColor(t.connectedBackgroundColor),y.refreshImmediately(),y.painter.toDataURL()}return t.connectedBackgroundColor&&y.add(new zs({shape:{x:0,y:0,width:d,height:f},style:{fill:t.connectedBackgroundColor}})),E(c,(function(t){var e=new ks({style:{x:t.left*p-a,y:t.top*p-s,image:t.dom}});y.add(e)})),y.refreshImmediately(),g.toDataURL("image/"+(t&&t.type||"png"))}return this.getDataURL(t)}nm(this.id)},e.prototype.convertToPixel=function(t,e){return zv(this,"convertToPixel",t,e)},e.prototype.convertFromPixel=function(t,e){return zv(this,"convertFromPixel",t,e)},e.prototype.containPixel=function(t,e){var n;if(!this._disposed)return E(No(this._model,t),(function(t,i){i.indexOf("Models")>=0&&E(t,(function(t){var r=t.coordinateSystem;if(r&&r.containPoint)n=n||!!r.containPoint(e);else if("seriesModels"===i){var o=this._chartsMap[t.__viewId];o&&o.containPoint&&(n=n||o.containPoint(e,t))}else 0}),this)}),this),!!n;nm(this.id)},e.prototype.getVisual=function(t,e){var n=No(this._model,t,{defaultMainType:"series"}),i=n.seriesModel;var r=i.getData(),o=n.hasOwnProperty("dataIndexInside")?n.dataIndexInside:n.hasOwnProperty("dataIndex")?r.indexOfRawIndex(n.dataIndex):null;return null!=o?Iy(r,o,e):Ty(r,e)},e.prototype.getViewOfComponentModel=function(t){return this._componentsMap[t.__viewId]},e.prototype.getViewOfSeriesModel=function(t){return this._chartsMap[t.__viewId]},e.prototype._initEvents=function(){var t,e,n,i=this;E(em,(function(t){var e=function(e){var n,r=i.getModel(),o=e.target,a="globalout"===t;if(a?n={}:o&&ky(o,(function(t){var e=Qs(t);if(e&&null!=e.dataIndex){var i=e.dataModel||r.getSeriesByIndex(e.seriesIndex);return n=i&&i.getDataParams(e.dataIndex,e.dataType,o)||{},!0}if(e.eventData)return n=A({},e.eventData),!0}),!0),n){var s=n.componentType,l=n.componentIndex;"markLine"!==s&&"markPoint"!==s&&"markArea"!==s||(s="series",l=n.seriesIndex);var u=s&&null!=l&&r.getComponent(s,l),h=u&&i["series"===u.mainType?"_chartsMap":"_componentsMap"][u.__viewId];0,n.event=e,n.type=t,i._$eventProcessor.eventInfo={targetEl:o,packedEvent:n,model:u,view:h},i.trigger(t,n)}};e.zrEventfulCallAtLast=!0,i._zr.on(t,e,i)})),E(rm,(function(t,e){i._messageCenter.on(e,(function(t){this.trigger(e,t)}),i)})),E(["selectchanged"],(function(t){i._messageCenter.on(t,(function(e){this.trigger(t,e)}),i)})),t=this._messageCenter,e=this,n=this._api,t.on("selectchanged",(function(t){var i=n.getModel();t.isFromClick?(Ay("map","selectchanged",e,i,t),Ay("pie","selectchanged",e,i,t)):"select"===t.fromAction?(Ay("map","selected",e,i,t),Ay("pie","selected",e,i,t)):"unselect"===t.fromAction&&(Ay("map","unselected",e,i,t),Ay("pie","unselected",e,i,t))}))},e.prototype.isDisposed=function(){return this._disposed},e.prototype.clear=function(){this._disposed?nm(this.id):this.setOption({series:[]},!0)},e.prototype.dispose=function(){if(this._disposed)nm(this.id);else{this._disposed=!0,this.getDom()&&Fo(this.getDom(),fm,"");var t=this,e=t._api,n=t._model;E(t._componentsViews,(function(t){t.dispose(n,e)})),E(t._chartsViews,(function(t){t.dispose(n,e)})),t._zr.dispose(),t._dom=t._model=t._chartsMap=t._componentsMap=t._chartsViews=t._componentsViews=t._scheduler=t._api=t._zr=t._throttledZrFlush=t._theme=t._coordSysMgr=t._messageCenter=null,delete hm[t.id]}},e.prototype.resize=function(t){if(!this[Iv])if(this._disposed)nm(this.id);else{this._zr.resize(t);var e=this._model;if(this._loadingFX&&this._loadingFX.resize(),e){var n=e.resetOption("media"),i=t&&t.silent;this[Tv]&&(null==i&&(i=this[Tv].silent),n=!0,this[Tv]=null),this[Iv]=!0;try{n&&Ov(this),Ev.update.call(this,{type:"resize",animation:A({duration:0},t&&t.animation)})}catch(t){throw this[Iv]=!1,t}this[Iv]=!1,Fv.call(this,i),Gv.call(this,i)}}},e.prototype.showLoading=function(t,e){if(this._disposed)nm(this.id);else if(q(t)&&(e=t,t=""),t=t||"default",this.hideLoading(),um[t]){var n=um[t](this._api,e),i=this._zr;this._loadingFX=n,i.add(n)}},e.prototype.hideLoading=function(){this._disposed?nm(this.id):(this._loadingFX&&this._zr.remove(this._loadingFX),this._loadingFX=null)},e.prototype.makeActionFromEvent=function(t){var e=A({},t);return e.type=rm[t.type],e},e.prototype.dispatchAction=function(t,e){if(this._disposed)nm(this.id);else if(q(e)||(e={silent:!!e}),im[t.type]&&this._model)if(this[Iv])this._pendingActions.push(t);else{var n=e.silent;Bv.call(this,t,n);var i=e.flush;i?this._zr.flush():!1!==i&&r.browser.weChat&&this._throttledZrFlush(),Fv.call(this,n),Gv.call(this,n)}},e.prototype.updateLabelLayout=function(){xv.trigger("series:layoutlabels",this._model,this._api,{updatedSeries:[]})},e.prototype.appendData=function(t){if(this._disposed)nm(this.id);else{var e=t.seriesIndex,n=this.getModel().getSeriesByIndex(e);0,n.appendData(t),this._scheduler.unfinished=!0,this.getZr().wakeUp()}},e.internalField=function(){function t(t){t.clearColorPalette(),t.eachSeries((function(t){t.clearColorPalette()}))}function e(t){for(var e=[],n=t.currentStates,i=0;i<n.length;i++){var r=n[i];"emphasis"!==r&&"blur"!==r&&"select"!==r&&e.push(r)}t.selected&&t.states.select&&e.push("select"),2===t.hoverState&&t.states.emphasis?e.push("emphasis"):1===t.hoverState&&t.states.blur&&e.push("blur"),t.useStates(e)}function i(t,e){if(!t.preventAutoZ){var n=t.get("z")||0,i=t.get("zlevel")||0;e.eachRendered((function(t){return o(t,n,i,-1/0),!0}))}}function o(t,e,n,i){var r=t.getTextContent(),a=t.getTextGuideLine();if(t.isGroup)for(var s=t.childrenRef(),l=0;l<s.length;l++)i=Math.max(o(s[l],e,n,i),i);else t.z=e,t.zlevel=n,i=Math.max(t.z2,i);if(r&&(r.z=e,r.zlevel=n,isFinite(i)&&(r.z2=i+2)),a){var u=t.textGuideLineConfig;a.z=e,a.zlevel=n,isFinite(i)&&(a.z2=i+(u&&u.showAbove?1:-1))}return i}function a(t,e){e.eachRendered((function(t){if(!yh(t)){var e=t.getTextContent(),n=t.getTextGuideLine();t.stateTransition&&(t.stateTransition=null),e&&e.stateTransition&&(e.stateTransition=null),n&&n.stateTransition&&(n.stateTransition=null),t.hasState()?(t.prevStates=t.currentStates,t.clearStates()):t.prevStates&&(t.prevStates=null)}}))}function s(t,n){var i=t.getModel("stateAnimation"),r=t.isAnimationEnabled(),o=i.get("duration"),a=o>0?{duration:o,delay:i.get("delay"),easing:i.get("easing")}:null;n.eachRendered((function(t){if(t.states&&t.states.emphasis){if(yh(t))return;if(t instanceof Is&&function(t){var e=il(t);e.normalFill=t.style.fill,e.normalStroke=t.style.stroke;var n=t.states.select||{};e.selectFill=n.style&&n.style.fill||null,e.selectStroke=n.style&&n.style.stroke||null}(t),t.__dirty){var n=t.prevStates;n&&t.useStates(n)}if(r){t.stateTransition=a;var i=t.getTextContent(),o=t.getTextGuideLine();i&&(i.stateTransition=a),o&&(o.stateTransition=a)}t.__dirty&&e(t)}}))}Ov=function(t){var e=t._scheduler;e.restorePipelines(t._model),e.prepareStageTasks(),Rv(t,!0),Rv(t,!1),e.plan()},Rv=function(t,e){for(var n=t._model,i=t._scheduler,r=e?t._componentsViews:t._chartsViews,o=e?t._componentsMap:t._chartsMap,a=t._zr,s=t._api,l=0;l<r.length;l++)r[l].__alive=!1;function u(t){var l=t.__requireNewView;t.__requireNewView=!1;var u="_ec_"+t.id+"_"+t.type,h=!l&&o[u];if(!h){var c=Xo(t.type),p=e?Tg.getClass(c.main,c.sub):kg.getClass(c.sub);0,(h=new p).init(n,s),o[u]=h,r.push(h),a.add(h.group)}t.__viewId=h.__id=u,h.__alive=!0,h.__model=t,h.group.__ecComponentInfo={mainType:t.mainType,index:t.componentIndex},!e&&i.prepareView(h,t,n,s)}e?n.eachComponent((function(t,e){"series"!==t&&u(e)})):n.eachSeries(u);for(l=0;l<r.length;){var h=r[l];h.__alive?l++:(!e&&h.renderTask.dispose(),a.remove(h.group),h.dispose(n,s),r.splice(l,1),o[h.__id]===h&&delete o[h.__id],h.__id=h.group.__ecComponentInfo=null)}},Nv=function(t,e,n,i,r){var o=t._model;if(o.setUpdatePayload(n),i){var a={};a[i+"Id"]=n[i+"Id"],a[i+"Index"]=n[i+"Index"],a[i+"Name"]=n[i+"Name"];var s={mainType:i,query:a};r&&(s.subType=r);var l,u=n.excludeSeriesId;null!=u&&(l=yt(),E(bo(u),(function(t){var e=Ao(t,null);null!=e&&l.set(e,!0)}))),o&&o.eachComponent(s,(function(e){if(!(l&&null!=l.get(e.id)))if(Jl(n))if(e instanceof mg)n.type!==ll||n.notBlur||e.get(["emphasis","disabled"])||function(t,e,n){var i=t.seriesIndex,r=t.getData(e.dataType);if(r){var o=Po(r,e);o=(Y(o)?o[0]:o)||0;var a=r.getItemGraphicEl(o);if(!a)for(var s=r.count(),l=0;!a&&l<s;)a=r.getItemGraphicEl(l++);if(a){var u=Qs(a);Vl(i,u.focus,u.blurScope,n)}else{var h=t.get(["emphasis","focus"]),c=t.get(["emphasis","blurScope"]);null!=h&&Vl(i,h,c,n)}}}(e,n,t._api);else{var i=Fl(e.mainType,e.componentIndex,n.name,t._api),r=i.focusSelf,o=i.dispatchers;n.type===ll&&r&&!n.notBlur&&Bl(e.mainType,e.componentIndex,t._api),o&&E(o,(function(t){n.type===ll?kl(t):Ll(t)}))}else $l(n)&&e instanceof mg&&(!function(t,e,n){if($l(e)){var i=e.dataType,r=Po(t.getData(i),e);Y(r)||(r=[r]),t[e.type===pl?"toggleSelect":e.type===hl?"select":"unselect"](r,i)}}(e,n,t._api),Gl(e),qv(t))}),t),o&&o.eachComponent(s,(function(e){l&&null!=l.get(e.id)||h(t["series"===i?"_chartsMap":"_componentsMap"][e.__viewId])}),t)}else E([].concat(t._componentsViews).concat(t._chartsViews),h);function h(i){i&&i.__alive&&i[e]&&i[e](i.__model,o,t._api,n)}},Ev={prepareAndUpdate:function(t){Ov(this),Ev.update.call(this,t,{optionChanged:null!=t.newOption})},update:function(e,n){var i=this._model,r=this._api,o=this._zr,a=this._coordSysMgr,s=this._scheduler;if(i){i.setUpdatePayload(e),s.restoreData(i,e),s.performSeriesTasks(i),a.create(i,r),s.performDataProcessorTasks(i,e),Vv(this,i),a.update(i,r),t(i),s.performVisualTasks(i,e),Yv(this,i,r,e,n);var l=i.get("backgroundColor")||"transparent",u=i.get("darkMode");o.setBackgroundColor(l),null!=u&&"auto"!==u&&o.setDarkMode(u),xv.trigger("afterupdate",i,r)}},updateTransform:function(e){var n=this,i=this._model,r=this._api;if(i){i.setUpdatePayload(e);var o=[];i.eachComponent((function(t,a){if("series"!==t){var s=n.getViewOfComponentModel(a);if(s&&s.__alive)if(s.updateTransform){var l=s.updateTransform(a,i,r,e);l&&l.update&&o.push(s)}else o.push(s)}}));var a=yt();i.eachSeries((function(t){var o=n._chartsMap[t.__viewId];if(o.updateTransform){var s=o.updateTransform(t,i,r,e);s&&s.update&&a.set(t.uid,1)}else a.set(t.uid,1)})),t(i),this._scheduler.performVisualTasks(i,e,{setDirty:!0,dirtyMap:a}),Uv(this,i,r,e,{},a),xv.trigger("afterupdate",i,r)}},updateView:function(e){var n=this._model;n&&(n.setUpdatePayload(e),kg.markUpdateMethod(e,"updateView"),t(n),this._scheduler.performVisualTasks(n,e,{setDirty:!0}),Yv(this,n,this._api,e,{}),xv.trigger("afterupdate",n,this._api))},updateVisual:function(e){var n=this,i=this._model;i&&(i.setUpdatePayload(e),i.eachSeries((function(t){t.getData().clearAllVisual()})),kg.markUpdateMethod(e,"updateVisual"),t(i),this._scheduler.performVisualTasks(i,e,{visualType:"visual",setDirty:!0}),i.eachComponent((function(t,r){if("series"!==t){var o=n.getViewOfComponentModel(r);o&&o.__alive&&o.updateVisual(r,i,n._api,e)}})),i.eachSeries((function(t){n._chartsMap[t.__viewId].updateVisual(t,i,n._api,e)})),xv.trigger("afterupdate",i,this._api))},updateLayout:function(t){Ev.update.call(this,t)}},zv=function(t,e,n,i){if(t._disposed)nm(t.id);else{for(var r,o=t._model,a=t._coordSysMgr.getCoordinateSystems(),s=No(o,n),l=0;l<a.length;l++){var u=a[l];if(u[e]&&null!=(r=u[e](o,s,i)))return r}0}},Vv=function(t,e){var n=t._chartsMap,i=t._scheduler;e.eachSeries((function(t){i.updateStreamModes(t,n[t.__viewId])}))},Bv=function(t,e){var n=this,i=this.getModel(),r=t.type,o=t.escapeConnect,a=im[r],s=a.actionInfo,l=(s.update||"update").split(":"),u=l.pop(),h=null!=l[0]&&Xo(l[0]);this[Iv]=!0;var c=[t],p=!1;t.batch&&(p=!0,c=z(t.batch,(function(e){return(e=k(A({},e),t)).batch=null,e})));var d,f=[],g=$l(t),y=Jl(t);if(y&&zl(this._api),E(c,(function(e){if((d=(d=a.action(e,n._model,n._api))||A({},e)).type=s.event||d.type,f.push(d),y){var i=Eo(t),r=i.queryOptionMap,o=i.mainTypeSpecified?r.keys()[0]:"series";Nv(n,u,e,o),qv(n)}else g?(Nv(n,u,e,"series"),qv(n)):h&&Nv(n,u,e,h.main,h.sub)})),"none"!==u&&!y&&!g&&!h)try{this[Tv]?(Ov(this),Ev.update.call(this,t),this[Tv]=null):Ev[u].call(this,t)}catch(t){throw this[Iv]=!1,t}if(d=p?{type:s.event||r,escapeConnect:o,batch:f}:f[0],this[Iv]=!1,!e){var v=this._messageCenter;if(v.trigger(d.type,d),g){var m={type:"selectchanged",escapeConnect:o,selected:Wl(i),isFromClick:t.isFromClick||!1,fromAction:t.type,fromActionPayload:t};v.trigger(m.type,m)}}},Fv=function(t){for(var e=this._pendingActions;e.length;){var n=e.shift();Bv.call(this,n,t)}},Gv=function(t){!t&&this.trigger("updated")},Wv=function(t,e){t.on("rendered",(function(n){e.trigger("rendered",n),!t.animation.isFinished()||e[Tv]||e._scheduler.unfinished||e._pendingActions.length||e.trigger("finished")}))},Hv=function(t,e){t.on("mouseover",(function(t){var n=ky(t.target,Kl);n&&(!function(t,e,n){var i=Qs(t),r=Fl(i.componentMainType,i.componentIndex,i.componentHighDownName,n),o=r.dispatchers,a=r.focusSelf;o?(a&&Bl(i.componentMainType,i.componentIndex,n),E(o,(function(t){return Dl(t,e)}))):(Vl(i.seriesIndex,i.focus,i.blurScope,n),"self"===i.focus&&Bl(i.componentMainType,i.componentIndex,n),Dl(t,e))}(n,t,e._api),qv(e))})).on("mouseout",(function(t){var n=ky(t.target,Kl);n&&(!function(t,e,n){zl(n);var i=Qs(t),r=Fl(i.componentMainType,i.componentIndex,i.componentHighDownName,n).dispatchers;r?E(r,(function(t){return Al(t,e)})):Al(t,e)}(n,t,e._api),qv(e))})).on("click",(function(t){var n=ky(t.target,(function(t){return null!=Qs(t).dataIndex}),!0);if(n){var i=n.selected?"unselect":"select",r=Qs(n);e._api.dispatchAction({type:i,dataType:r.dataType,dataIndexInside:r.dataIndex,seriesIndex:r.seriesIndex,isFromClick:!0})}}))},Yv=function(t,e,n,i,r){!function(t){var e=[],n=[],i=!1;if(t.eachComponent((function(t,r){var o=r.get("zlevel")||0,a=r.get("z")||0,s=r.getZLevelKey();i=i||!!s,("series"===t?n:e).push({zlevel:o,z:a,idx:r.componentIndex,type:t,key:s})})),i){var r,o,a=e.concat(n);Qe(a,(function(t,e){return t.zlevel===e.zlevel?t.z-e.z:t.zlevel-e.zlevel})),E(a,(function(e){var n=t.getComponent(e.type,e.idx),i=e.zlevel,a=e.key;null!=r&&(i=Math.max(r,i)),a?(i===r&&a!==o&&i++,o=a):o&&(i===r&&i++,o=""),r=i,n.setZLevel(i)}))}}(e),Xv(t,e,n,i,r),E(t._chartsViews,(function(t){t.__alive=!1})),Uv(t,e,n,i,r),E(t._chartsViews,(function(t){t.__alive||t.remove(e,n)}))},Xv=function(t,e,n,r,o,l){E(l||t._componentsViews,(function(t){var o=t.__model;a(o,t),t.render(o,e,n,r),i(o,t),s(o,t)}))},Uv=function(t,e,n,o,l,u){var h=t._scheduler;l=A(l||{},{updatedSeries:e.getSeries()}),xv.trigger("series:beforeupdate",e,n,l);var c=!1;e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];n.__alive=!0;var i=n.renderTask;h.updatePayload(i,o),a(e,n),u&&u.get(e.uid)&&i.dirty(),i.perform(h.getPerformArgs(i))&&(c=!0),n.group.silent=!!e.get("silent"),function(t,e){var n=t.get("blendMode")||null;e.eachRendered((function(t){t.isGroup||(t.style.blend=n)}))}(e,n),Gl(e)})),h.unfinished=c||h.unfinished,xv.trigger("series:layoutlabels",e,n,l),xv.trigger("series:transition",e,n,l),e.eachSeries((function(e){var n=t._chartsMap[e.__viewId];i(e,n),s(e,n)})),function(t,e){var n=t._zr,i=n.storage,o=0;i.traverse((function(t){t.isGroup||o++})),o>e.get("hoverLayerThreshold")&&!r.node&&!r.worker&&e.eachSeries((function(e){if(!e.preventUsingHoverLayer){var n=t._chartsMap[e.__viewId];n.__alive&&n.eachRendered((function(t){t.states.emphasis&&(t.states.emphasis.hoverLayer=!0)}))}}))}(t,e),xv.trigger("series:afterupdate",e,n,l)},qv=function(t){t[Cv]=!0,t.getZr().wakeUp()},Kv=function(t){t[Cv]&&(t.getZr().storage.traverse((function(t){yh(t)||e(t)})),t[Cv]=!1)},Zv=function(t){return new(function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return n(i,e),i.prototype.getCoordinateSystems=function(){return t._coordSysMgr.getCoordinateSystems()},i.prototype.getComponentByElement=function(e){for(;e;){var n=e.__ecComponentInfo;if(null!=n)return t._model.getComponent(n.mainType,n.index);e=e.parent}},i.prototype.enterEmphasis=function(e,n){kl(e,n),qv(t)},i.prototype.leaveEmphasis=function(e,n){Ll(e,n),qv(t)},i.prototype.enterBlur=function(e){Pl(e),qv(t)},i.prototype.leaveBlur=function(e){Ol(e),qv(t)},i.prototype.enterSelect=function(e){Rl(e),qv(t)},i.prototype.leaveSelect=function(e){Nl(e),qv(t)},i.prototype.getModel=function(){return t.getModel()},i.prototype.getViewOfComponentModel=function(e){return t.getViewOfComponentModel(e)},i.prototype.getViewOfSeriesModel=function(e){return t.getViewOfSeriesModel(e)},i}(vd))(t)},jv=function(t){function e(t,e){for(var n=0;n<t.length;n++){t[n][Av]=e}}E(rm,(function(n,i){t._messageCenter.on(i,(function(n){if(cm[t.group]&&0!==t[Av]){if(n&&n.escapeConnect)return;var i=t.makeActionFromEvent(n),r=[];E(hm,(function(e){e!==t&&e.group===t.group&&r.push(e)})),e(r,0),E(r,(function(t){1!==t[Av]&&t.dispatchAction(i)})),e(r,2)}}))}))}}(),e}(jt),tm=Qv.prototype;tm.on=kv("on"),tm.off=kv("off"),tm.one=function(t,e,n){var i=this;yo(),this.on.call(this,t,(function n(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];e&&e.apply&&e.apply(this,r),i.off(t,n)}),n)};var em=["click","dblclick","mouseover","mouseout","mousemove","mousedown","mouseup","globalout","contextmenu"];function nm(t){0}var im={},rm={},om=[],am=[],sm=[],lm={},um={},hm={},cm={},pm=+new Date-0,dm=+new Date-0,fm="_echarts_instance_";function gm(t){cm[t]=!1}var ym=gm;function vm(t){return hm[function(t,e){return t.getAttribute?t.getAttribute(e):t[e]}(t,fm)]}function mm(t,e){lm[t]=e}function xm(t){P(am,t)<0&&am.push(t)}function _m(t,e){Am(om,t,e,2e3)}function bm(t){Sm("afterinit",t)}function wm(t){Sm("afterupdate",t)}function Sm(t,e){xv.on(t,e)}function Mm(t,e,n){X(e)&&(n=e,e="");var i=q(t)?t.type:[t,t={event:e}][0];t.event=(t.event||i).toLowerCase(),e=t.event,rm[e]||(lt(Dv.test(i)&&Dv.test(e)),im[i]||(im[i]={action:n,actionInfo:t}),rm[e]=i)}function Im(t,e){xd.register(t,e)}function Tm(t,e){Am(sm,t,e,1e3,"layout")}function Cm(t,e){Am(sm,t,e,3e3,"visual")}var Dm=[];function Am(t,e,n,i,r){if((X(e)||q(e))&&(n=e,e=i),!(P(Dm,n)>=0)){Dm.push(n);var o=Jg.wrapStageHandler(n,r);o.__prio=e,o.__raw=n,t.push(o)}}function km(t,e){um[t]=e}function Lm(t,e,n){var i=bv("registerMap");i&&i(t,e,n)}var Pm=function(t){var e=(t=T(t)).type,n="";e||vo(n);var i=e.split(":");2!==i.length&&vo(n);var r=!1;"echarts"===i[0]&&(e=i[1],r=!0),t.__isBuiltIn=r,Nf.set(e,t)};Cm(wv,Zg),Cm(Sv,qg),Cm(Sv,Kg),Cm(wv,Sy),Cm(Sv,My),Cm(7e3,(function(t,e){t.eachRawSeries((function(n){if(!t.isSeriesFiltered(n)){var i=n.getData();i.hasItemVisual()&&i.each((function(t){var n=i.getItemVisual(t,"decal");n&&(i.ensureUniqueItemVisual(t,"style").decal=gv(n,e))}));var r=i.getVisual("decal");if(r)i.getVisual("style").decal=gv(r,e)}}))})),xm(Wd),_m(900,(function(t){var e=yt();t.eachSeries((function(t){var n=t.get("stack");if(n){var i=e.get(n)||e.set(n,[]),r=t.getData(),o={stackResultDimension:r.getCalculationInfo("stackResultDimension"),stackedOverDimension:r.getCalculationInfo("stackedOverDimension"),stackedDimension:r.getCalculationInfo("stackedDimension"),stackedByDimension:r.getCalculationInfo("stackedByDimension"),isStackedByIndex:r.getCalculationInfo("isStackedByIndex"),data:r,seriesModel:t};if(!o.stackedDimension||!o.isStackedByIndex&&!o.stackedByDimension)return;i.length&&r.setCalculationInfo("stackedOnSeries",i[i.length-1].seriesModel),i.push(o)}})),e.each(Hd)})),km("default",(function(t,e){k(e=e||{},{text:"loading",textColor:"#000",fontSize:12,fontWeight:"normal",fontStyle:"normal",fontFamily:"sans-serif",maskColor:"rgba(255, 255, 255, 0.8)",showSpinner:!0,color:"#5470c6",spinnerRadius:10,lineWidth:5,zlevel:0});var n=new zr,i=new zs({style:{fill:e.maskColor},zlevel:e.zlevel,z:1e4});n.add(i);var r,o=new Fs({style:{text:e.text,fill:e.textColor,fontSize:e.fontSize,fontWeight:e.fontWeight,fontStyle:e.fontStyle,fontFamily:e.fontFamily},zlevel:e.zlevel,z:10001}),a=new zs({style:{fill:"none"},textContent:o,textConfig:{position:"right",distance:10},zlevel:e.zlevel,z:10001});return n.add(a),e.showSpinner&&((r=new Qu({shape:{startAngle:-$g/2,endAngle:-$g/2+.1,r:e.spinnerRadius},style:{stroke:e.color,lineCap:"round",lineWidth:e.lineWidth},zlevel:e.zlevel,z:10001})).animateShape(!0).when(1e3,{endAngle:3*$g/2}).start("circularInOut"),r.animateShape(!0).when(1e3,{startAngle:3*$g/2}).delay(300).start("circularInOut"),n.add(r)),n.resize=function(){var n=o.getBoundingRect().width,s=e.showSpinner?e.spinnerRadius:0,l=(t.getWidth()-2*s-(e.showSpinner&&n?10:0)-n)/2-(e.showSpinner&&n?0:5+n/2)+(e.showSpinner?0:n/2)+(n?0:s),u=t.getHeight()/2;e.showSpinner&&r.setShape({cx:l,cy:u}),a.setShape({x:l-s,y:u-s,width:2*s,height:2*s}),i.setShape({x:0,y:0,width:t.getWidth(),height:t.getHeight()})},n.resize(),n})),Mm({type:ll,event:ll,update:ll},bt),Mm({type:ul,event:ul,update:ul},bt),Mm({type:hl,event:hl,update:hl},bt),Mm({type:cl,event:cl,update:cl},bt),Mm({type:pl,event:pl,update:pl},bt),mm("light",fy),mm("dark",xy);var Om=[],Rm={registerPreprocessor:xm,registerProcessor:_m,registerPostInit:bm,registerPostUpdate:wm,registerUpdateLifecycle:Sm,registerAction:Mm,registerCoordinateSystem:Im,registerLayout:Tm,registerVisual:Cm,registerTransform:Pm,registerLoading:km,registerMap:Lm,registerImpl:function(t,e){_v[t]=e},PRIORITY:Mv,ComponentModel:Rp,ComponentView:Tg,SeriesModel:mg,ChartView:kg,registerComponentModel:function(t){Rp.registerClass(t)},registerComponentView:function(t){Tg.registerClass(t)},registerSeriesModel:function(t){mg.registerClass(t)},registerChartView:function(t){kg.registerClass(t)},registerSubTypeDefaulter:function(t,e){Rp.registerSubTypeDefaulter(t,e)},registerPainter:function(t,e){Wr(t,e)}};function Nm(t){Y(t)?E(t,(function(t){Nm(t)})):P(Om,t)>=0||(Om.push(t),X(t)&&(t={install:t}),t.install(Rm))}function Em(t){return null==t?0:t.length||1}function zm(t){return t}var Vm=function(){function t(t,e,n,i,r,o){this._old=t,this._new=e,this._oldKeyGetter=n||zm,this._newKeyGetter=i||zm,this.context=r,this._diffModeMultiple="multiple"===o}return t.prototype.add=function(t){return this._add=t,this},t.prototype.update=function(t){return this._update=t,this},t.prototype.updateManyToOne=function(t){return this._updateManyToOne=t,this},t.prototype.updateOneToMany=function(t){return this._updateOneToMany=t,this},t.prototype.updateManyToMany=function(t){return this._updateManyToMany=t,this},t.prototype.remove=function(t){return this._remove=t,this},t.prototype.execute=function(){this[this._diffModeMultiple?"_executeMultiple":"_executeOneToOne"]()},t.prototype._executeOneToOne=function(){var t=this._old,e=this._new,n={},i=new Array(t.length),r=new Array(e.length);this._initIndexMap(t,null,i,"_oldKeyGetter"),this._initIndexMap(e,n,r,"_newKeyGetter");for(var o=0;o<t.length;o++){var a=i[o],s=n[a],l=Em(s);if(l>1){var u=s.shift();1===s.length&&(n[a]=s[0]),this._update&&this._update(u,o)}else 1===l?(n[a]=null,this._update&&this._update(s,o)):this._remove&&this._remove(o)}this._performRestAdd(r,n)},t.prototype._executeMultiple=function(){var t=this._old,e=this._new,n={},i={},r=[],o=[];this._initIndexMap(t,n,r,"_oldKeyGetter"),this._initIndexMap(e,i,o,"_newKeyGetter");for(var a=0;a<r.length;a++){var s=r[a],l=n[s],u=i[s],h=Em(l),c=Em(u);if(h>1&&1===c)this._updateManyToOne&&this._updateManyToOne(u,l),i[s]=null;else if(1===h&&c>1)this._updateOneToMany&&this._updateOneToMany(u,l),i[s]=null;else if(1===h&&1===c)this._update&&this._update(u,l),i[s]=null;else if(h>1&&c>1)this._updateManyToMany&&this._updateManyToMany(u,l),i[s]=null;else if(h>1)for(var p=0;p<h;p++)this._remove&&this._remove(l[p]);else this._remove&&this._remove(l)}this._performRestAdd(o,i)},t.prototype._performRestAdd=function(t,e){for(var n=0;n<t.length;n++){var i=t[n],r=e[i],o=Em(r);if(o>1)for(var a=0;a<o;a++)this._add&&this._add(r[a]);else 1===o&&this._add&&this._add(r);e[i]=null}},t.prototype._initIndexMap=function(t,e,n,i){for(var r=this._diffModeMultiple,o=0;o<t.length;o++){var a="_ec_"+this[i](t[o],o);if(r||(n[o]=a),e){var s=e[a],l=Em(s);0===l?(e[a]=o,r&&n.push(a)):1===l?e[a]=[s,o]:s.push(o)}}},t}(),Bm=function(){function t(t,e){this._encode=t,this._schema=e}return t.prototype.get=function(){return{fullDimensions:this._getFullDimensionNames(),encode:this._encode}},t.prototype._getFullDimensionNames=function(){return this._cachedDimNames||(this._cachedDimNames=this._schema?this._schema.makeOutputDimensionNames():[]),this._cachedDimNames},t}();function Fm(t,e){return t.hasOwnProperty(e)||(t[e]=[]),t[e]}function Gm(t){return"category"===t?"ordinal":"time"===t?"time":"float"}var Wm=function(t){this.otherDims={},null!=t&&A(this,t)},Hm=Oo(),Ym={float:"f",int:"i",ordinal:"o",number:"n",time:"t"},Xm=function(){function t(t){this.dimensions=t.dimensions,this._dimOmitted=t.dimensionOmitted,this.source=t.source,this._fullDimCount=t.fullDimensionCount,this._updateDimOmitted(t.dimensionOmitted)}return t.prototype.isDimensionOmitted=function(){return this._dimOmitted},t.prototype._updateDimOmitted=function(t){this._dimOmitted=t,t&&(this._dimNameMap||(this._dimNameMap=jm(this.source)))},t.prototype.getSourceDimensionIndex=function(t){return rt(this._dimNameMap.get(t),-1)},t.prototype.getSourceDimension=function(t){var e=this.source.dimensionsDefine;if(e)return e[t]},t.prototype.makeStoreSchema=function(){for(var t=this._fullDimCount,e=nf(this.source),n=!qm(t),i="",r=[],o=0,a=0;o<t;o++){var s=void 0,l=void 0,u=void 0,h=this.dimensions[a];if(h&&h.storeDimIndex===o)s=e?h.name:null,l=h.type,u=h.ordinalMeta,a++;else{var c=this.getSourceDimension(o);c&&(s=e?c.name:null,l=c.type)}r.push({property:s,type:l,ordinalMeta:u}),!e||null==s||h&&h.isCalculationCoord||(i+=n?s.replace(/\`/g,"`1").replace(/\$/g,"`2"):s),i+="$",i+=Ym[l]||"f",u&&(i+=u.uid),i+="$"}var p=this.source;return{dimensions:r,hash:[p.seriesLayoutBy,p.startIndex,i].join("$$")}},t.prototype.makeOutputDimensionNames=function(){for(var t=[],e=0,n=0;e<this._fullDimCount;e++){var i=void 0,r=this.dimensions[n];if(r&&r.storeDimIndex===e)r.isCalculationCoord||(i=r.name),n++;else{var o=this.getSourceDimension(e);o&&(i=o.name)}t.push(i)}return t},t.prototype.appendCalculationDimension=function(t){this.dimensions.push(t),t.isCalculationCoord=!0,this._fullDimCount++,this._updateDimOmitted(!0)},t}();function Um(t){return t instanceof Xm}function Zm(t){for(var e=yt(),n=0;n<(t||[]).length;n++){var i=t[n],r=q(i)?i.name:i;null!=r&&null==e.get(r)&&e.set(r,n)}return e}function jm(t){var e=Hm(t);return e.dimNameMap||(e.dimNameMap=Zm(t.dimensionsDefine))}function qm(t){return t>30}var Km,$m,Jm,Qm,tx,ex,nx,ix=q,rx=z,ox="undefined"==typeof Int32Array?Array:Int32Array,ax=["hasItemOption","_nameList","_idList","_invertedIndicesMap","_dimSummary","userOutput","_rawData","_dimValueGetter","_nameDimIdx","_idDimIdx","_nameRepeatCount"],sx=["_approximateExtent"],lx=function(){function t(t,e){var n;this.type="list",this._dimOmitted=!1,this._nameList=[],this._idList=[],this._visual={},this._layout={},this._itemVisuals=[],this._itemLayouts=[],this._graphicEls=[],this._approximateExtent={},this._calculationInfo={},this.hasItemOption=!1,this.TRANSFERABLE_METHODS=["cloneShallow","downSample","lttbDownSample","map"],this.CHANGABLE_METHODS=["filterSelf","selectRange"],this.DOWNSAMPLE_METHODS=["downSample","lttbDownSample"];var i=!1;Um(t)?(n=t.dimensions,this._dimOmitted=t.isDimensionOmitted(),this._schema=t):(i=!0,n=t),n=n||["x","y"];for(var r={},o=[],a={},s=!1,l={},u=0;u<n.length;u++){var h=n[u],c=U(h)?new Wm({name:h}):h instanceof Wm?h:new Wm(h),p=c.name;c.type=c.type||"float",c.coordDim||(c.coordDim=p,c.coordDimIndex=0);var d=c.otherDims=c.otherDims||{};o.push(p),r[p]=c,null!=l[p]&&(s=!0),c.createInvertedIndices&&(a[p]=[]),0===d.itemName&&(this._nameDimIdx=u),0===d.itemId&&(this._idDimIdx=u),i&&(c.storeDimIndex=u)}if(this.dimensions=o,this._dimInfos=r,this._initGetDimensionInfo(s),this.hostModel=e,this._invertedIndicesMap=a,this._dimOmitted){var f=this._dimIdxToName=yt();E(o,(function(t){f.set(r[t].storeDimIndex,t)}))}}return t.prototype.getDimension=function(t){var e=this._recognizeDimIndex(t);if(null==e)return t;if(e=t,!this._dimOmitted)return this.dimensions[e];var n=this._dimIdxToName.get(e);if(null!=n)return n;var i=this._schema.getSourceDimension(e);return i?i.name:void 0},t.prototype.getDimensionIndex=function(t){var e=this._recognizeDimIndex(t);if(null!=e)return e;if(null==t)return-1;var n=this._getDimInfo(t);return n?n.storeDimIndex:this._dimOmitted?this._schema.getSourceDimensionIndex(t):-1},t.prototype._recognizeDimIndex=function(t){if(j(t)||null!=t&&!isNaN(t)&&!this._getDimInfo(t)&&(!this._dimOmitted||this._schema.getSourceDimensionIndex(t)<0))return+t},t.prototype._getStoreDimIndex=function(t){var e=this.getDimensionIndex(t);return e},t.prototype.getDimensionInfo=function(t){return this._getDimInfo(this.getDimension(t))},t.prototype._initGetDimensionInfo=function(t){var e=this._dimInfos;this._getDimInfo=t?function(t){return e.hasOwnProperty(t)?e[t]:void 0}:function(t){return e[t]}},t.prototype.getDimensionsOnCoord=function(){return this._dimSummary.dataDimsOnCoord.slice()},t.prototype.mapDimension=function(t,e){var n=this._dimSummary;if(null==e)return n.encodeFirstDimNotExtra[t];var i=n.encode[t];return i?i[e]:null},t.prototype.mapDimensionsAll=function(t){return(this._dimSummary.encode[t]||[]).slice()},t.prototype.getStore=function(){return this._store},t.prototype.initData=function(t,e,n){var i,r=this;if(t instanceof Zf&&(i=t),!i){var o=this.dimensions,a=Kd(t)||N(t)?new rf(t,o.length):t;i=new Zf;var s=rx(o,(function(t){return{type:r._dimInfos[t].type,property:t}}));i.initData(a,s,n)}this._store=i,this._nameList=(e||[]).slice(),this._idList=[],this._nameRepeatCount={},this._doInit(0,i.count()),this._dimSummary=function(t,e){var n={},i=n.encode={},r=yt(),o=[],a=[],s={};E(t.dimensions,(function(e){var n,l=t.getDimensionInfo(e),u=l.coordDim;if(u){var h=l.coordDimIndex;Fm(i,u)[h]=e,l.isExtraCoord||(r.set(u,1),"ordinal"!==(n=l.type)&&"time"!==n&&(o[0]=e),Fm(s,u)[h]=t.getDimensionIndex(l.name)),l.defaultTooltip&&a.push(e)}Vp.each((function(t,e){var n=Fm(i,e),r=l.otherDims[e];null!=r&&!1!==r&&(n[r]=l.name)}))}));var l=[],u={};r.each((function(t,e){var n=i[e];u[e]=n[0],l=l.concat(n)})),n.dataDimsOnCoord=l,n.dataDimIndicesOnCoord=z(l,(function(e){return t.getDimensionInfo(e).storeDimIndex})),n.encodeFirstDimNotExtra=u;var h=i.label;h&&h.length&&(o=h.slice());var c=i.tooltip;return c&&c.length?a=c.slice():a.length||(a=o.slice()),i.defaultedLabel=o,i.defaultedTooltip=a,n.userOutput=new Bm(s,e),n}(this,this._schema),this.userOutput=this._dimSummary.userOutput},t.prototype.appendData=function(t){var e=this._store.appendData(t);this._doInit(e[0],e[1])},t.prototype.appendValues=function(t,e){var n=this._store.appendValues(t,e.length),i=n.start,r=n.end,o=this._shouldMakeIdFromName();if(this._updateOrdinalMeta(),e)for(var a=i;a<r;a++){var s=a-i;this._nameList[a]=e[s],o&&nx(this,a)}},t.prototype._updateOrdinalMeta=function(){for(var t=this._store,e=this.dimensions,n=0;n<e.length;n++){var i=this._dimInfos[e[n]];i.ordinalMeta&&t.collectOrdinalMeta(i.storeDimIndex,i.ordinalMeta)}},t.prototype._shouldMakeIdFromName=function(){var t=this._store.getProvider();return null==this._idDimIdx&&t.getSource().sourceFormat!==Hp&&!t.fillStorage},t.prototype._doInit=function(t,e){if(!(t>=e)){var n=this._store.getProvider();this._updateOrdinalMeta();var i=this._nameList,r=this._idList;if(n.getSource().sourceFormat===Bp&&!n.pure)for(var o=[],a=t;a<e;a++){var s=n.getItem(a,o);if(!this.hasItemOption&&Io(s)&&(this.hasItemOption=!0),s){var l=s.name;null==i[a]&&null!=l&&(i[a]=Ao(l,null));var u=s.id;null==r[a]&&null!=u&&(r[a]=Ao(u,null))}}if(this._shouldMakeIdFromName())for(a=t;a<e;a++)nx(this,a);Km(this)}},t.prototype.getApproximateExtent=function(t){return this._approximateExtent[t]||this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.setApproximateExtent=function(t,e){e=this.getDimension(e),this._approximateExtent[e]=t.slice()},t.prototype.getCalculationInfo=function(t){return this._calculationInfo[t]},t.prototype.setCalculationInfo=function(t,e){ix(t)?A(this._calculationInfo,t):this._calculationInfo[t]=e},t.prototype.getName=function(t){var e=this.getRawIndex(t),n=this._nameList[e];return null==n&&null!=this._nameDimIdx&&(n=Jm(this,this._nameDimIdx,e)),null==n&&(n=""),n},t.prototype._getCategory=function(t,e){var n=this._store.get(t,e),i=this._store.getOrdinalMeta(t);return i?i.categories[n]:n},t.prototype.getId=function(t){return $m(this,this.getRawIndex(t))},t.prototype.count=function(){return this._store.count()},t.prototype.get=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.get(i.storeDimIndex,e)},t.prototype.getByRawIndex=function(t,e){var n=this._store,i=this._dimInfos[t];if(i)return n.getByRawIndex(i.storeDimIndex,e)},t.prototype.getIndices=function(){return this._store.getIndices()},t.prototype.getDataExtent=function(t){return this._store.getDataExtent(this._getStoreDimIndex(t))},t.prototype.getSum=function(t){return this._store.getSum(this._getStoreDimIndex(t))},t.prototype.getMedian=function(t){return this._store.getMedian(this._getStoreDimIndex(t))},t.prototype.getValues=function(t,e){var n=this,i=this._store;return Y(t)?i.getValues(rx(t,(function(t){return n._getStoreDimIndex(t)})),e):i.getValues(t)},t.prototype.hasValue=function(t){for(var e=this._dimSummary.dataDimIndicesOnCoord,n=0,i=e.length;n<i;n++)if(isNaN(this._store.get(e[n],t)))return!1;return!0},t.prototype.indexOfName=function(t){for(var e=0,n=this._store.count();e<n;e++)if(this.getName(e)===t)return e;return-1},t.prototype.getRawIndex=function(t){return this._store.getRawIndex(t)},t.prototype.indexOfRawIndex=function(t){return this._store.indexOfRawIndex(t)},t.prototype.rawIndexOf=function(t,e){var n=t&&this._invertedIndicesMap[t];var i=n[e];return null==i||isNaN(i)?-1:i},t.prototype.indicesOfNearest=function(t,e,n){return this._store.indicesOfNearest(this._getStoreDimIndex(t),e,n)},t.prototype.each=function(t,e,n){X(t)&&(n=e,e=t,t=[]);var i=n||this,r=rx(Qm(t),this._getStoreDimIndex,this);this._store.each(r,i?W(e,i):e)},t.prototype.filterSelf=function(t,e,n){X(t)&&(n=e,e=t,t=[]);var i=n||this,r=rx(Qm(t),this._getStoreDimIndex,this);return this._store=this._store.filter(r,i?W(e,i):e),this},t.prototype.selectRange=function(t){var e=this,n={};return E(G(t),(function(i){var r=e._getStoreDimIndex(i);n[r]=t[i]})),this._store=this._store.selectRange(n),this},t.prototype.mapArray=function(t,e,n){X(t)&&(n=e,e=t,t=[]),n=n||this;var i=[];return this.each(t,(function(){i.push(e&&e.apply(this,arguments))}),n),i},t.prototype.map=function(t,e,n,i){var r=n||i||this,o=rx(Qm(t),this._getStoreDimIndex,this),a=ex(this);return a._store=this._store.map(o,r?W(e,r):e),a},t.prototype.modify=function(t,e,n,i){var r=n||i||this;var o=rx(Qm(t),this._getStoreDimIndex,this);this._store.modify(o,r?W(e,r):e)},t.prototype.downSample=function(t,e,n,i){var r=ex(this);return r._store=this._store.downSample(this._getStoreDimIndex(t),e,n,i),r},t.prototype.lttbDownSample=function(t,e){var n=ex(this);return n._store=this._store.lttbDownSample(this._getStoreDimIndex(t),e),n},t.prototype.getRawDataItem=function(t){return this._store.getRawDataItem(t)},t.prototype.getItemModel=function(t){var e=this.hostModel,n=this.getRawDataItem(t);return new Mc(n,e,e&&e.ecModel)},t.prototype.diff=function(t){var e=this;return new Vm(t?t.getStore().getIndices():[],this.getStore().getIndices(),(function(e){return $m(t,e)}),(function(t){return $m(e,t)}))},t.prototype.getVisual=function(t){var e=this._visual;return e&&e[t]},t.prototype.setVisual=function(t,e){this._visual=this._visual||{},ix(t)?A(this._visual,t):this._visual[t]=e},t.prototype.getItemVisual=function(t,e){var n=this._itemVisuals[t],i=n&&n[e];return null==i?this.getVisual(e):i},t.prototype.hasItemVisual=function(){return this._itemVisuals.length>0},t.prototype.ensureUniqueItemVisual=function(t,e){var n=this._itemVisuals,i=n[t];i||(i=n[t]={});var r=i[e];return null==r&&(Y(r=this.getVisual(e))?r=r.slice():ix(r)&&(r=A({},r)),i[e]=r),r},t.prototype.setItemVisual=function(t,e,n){var i=this._itemVisuals[t]||{};this._itemVisuals[t]=i,ix(e)?A(i,e):i[e]=n},t.prototype.clearAllVisual=function(){this._visual={},this._itemVisuals=[]},t.prototype.setLayout=function(t,e){ix(t)?A(this._layout,t):this._layout[t]=e},t.prototype.getLayout=function(t){return this._layout[t]},t.prototype.getItemLayout=function(t){return this._itemLayouts[t]},t.prototype.setItemLayout=function(t,e,n){this._itemLayouts[t]=n?A(this._itemLayouts[t]||{},e):e},t.prototype.clearItemLayouts=function(){this._itemLayouts.length=0},t.prototype.setItemGraphicEl=function(t,e){var n=this.hostModel&&this.hostModel.seriesIndex;tl(n,this.dataType,t,e),this._graphicEls[t]=e},t.prototype.getItemGraphicEl=function(t){return this._graphicEls[t]},t.prototype.eachItemGraphicEl=function(t,e){E(this._graphicEls,(function(n,i){n&&t&&t.call(e,n,i)}))},t.prototype.cloneShallow=function(e){return e||(e=new t(this._schema?this._schema:rx(this.dimensions,this._getDimInfo,this),this.hostModel)),tx(e,this),e._store=this._store,e},t.prototype.wrapMethod=function(t,e){var n=this[t];X(n)&&(this.__wrappedMethods=this.__wrappedMethods||[],this.__wrappedMethods.push(t),this[t]=function(){var t=n.apply(this,arguments);return e.apply(this,[t].concat(at(arguments)))})},t.internalField=(Km=function(t){var e=t._invertedIndicesMap;E(e,(function(n,i){var r=t._dimInfos[i],o=r.ordinalMeta,a=t._store;if(o){n=e[i]=new ox(o.categories.length);for(var s=0;s<n.length;s++)n[s]=-1;for(s=0;s<a.count();s++)n[a.get(r.storeDimIndex,s)]=s}}))},Jm=function(t,e,n){return Ao(t._getCategory(e,n),null)},$m=function(t,e){var n=t._idList[e];return null==n&&null!=t._idDimIdx&&(n=Jm(t,t._idDimIdx,e)),null==n&&(n="e\0\0"+e),n},Qm=function(t){return Y(t)||(t=null!=t?[t]:[]),t},ex=function(e){var n=new t(e._schema?e._schema:rx(e.dimensions,e._getDimInfo,e),e.hostModel);return tx(n,e),n},tx=function(t,e){E(ax.concat(e.__wrappedMethods||[]),(function(n){e.hasOwnProperty(n)&&(t[n]=e[n])})),t.__wrappedMethods=e.__wrappedMethods,E(sx,(function(n){t[n]=T(e[n])})),t._calculationInfo=A({},e._calculationInfo)},void(nx=function(t,e){var n=t._nameList,i=t._idList,r=t._nameDimIdx,o=t._idDimIdx,a=n[e],s=i[e];if(null==a&&null!=r&&(n[e]=a=Jm(t,r,e)),null==s&&null!=o&&(i[e]=s=Jm(t,o,e)),null==s&&null!=a){var l=t._nameRepeatCount,u=l[a]=(l[a]||0)+1;s=a,u>1&&(s+="__ec__"+u),i[e]=s}})),t}();function ux(t,e){Kd(t)||(t=Jd(t));var n=(e=e||{}).coordDimensions||[],i=e.dimensionsDefine||t.dimensionsDefine||[],r=yt(),o=[],a=function(t,e,n,i){var r=Math.max(t.dimensionsDetectedCount||1,e.length,n.length,i||0);return E(e,(function(t){var e;q(t)&&(e=t.dimsDef)&&(r=Math.max(r,e.length))})),r}(t,n,i,e.dimensionsCount),s=e.canOmitUnusedDimensions&&qm(a),l=i===t.dimensionsDefine,u=l?jm(t):Zm(i),h=e.encodeDefine;!h&&e.encodeDefaulter&&(h=e.encodeDefaulter(t,a));for(var c=yt(h),p=new Wf(a),d=0;d<p.length;d++)p[d]=-1;function f(t){var e=p[t];if(e<0){var n=i[t],r=q(n)?n:{name:n},a=new Wm,s=r.name;null!=s&&null!=u.get(s)&&(a.name=a.displayName=s),null!=r.type&&(a.type=r.type),null!=r.displayName&&(a.displayName=r.displayName);var l=o.length;return p[t]=l,a.storeDimIndex=t,o.push(a),a}return o[e]}if(!s)for(d=0;d<a;d++)f(d);c.each((function(t,e){var n=bo(t).slice();if(1===n.length&&!U(n[0])&&n[0]<0)c.set(e,!1);else{var i=c.set(e,[]);E(n,(function(t,n){var r=U(t)?u.get(t):t;null!=r&&r<a&&(i[n]=r,y(f(r),e,n))}))}}));var g=0;function y(t,e,n){null!=Vp.get(e)?t.otherDims[e]=n:(t.coordDim=e,t.coordDimIndex=n,r.set(e,!0))}E(n,(function(t){var e,n,i,r;if(U(t))e=t,r={};else{e=(r=t).name;var o=r.ordinalMeta;r.ordinalMeta=null,(r=A({},r)).ordinalMeta=o,n=r.dimsDef,i=r.otherDims,r.name=r.coordDim=r.coordDimIndex=r.dimsDef=r.otherDims=null}var s=c.get(e);if(!1!==s){if(!(s=bo(s)).length)for(var u=0;u<(n&&n.length||1);u++){for(;g<a&&null!=f(g).coordDim;)g++;g<a&&s.push(g++)}E(s,(function(t,o){var a=f(t);if(l&&null!=r.type&&(a.type=r.type),y(k(a,r),e,o),null==a.name&&n){var s=n[o];!q(s)&&(s={name:s}),a.name=a.displayName=s.name,a.defaultTooltip=s.defaultTooltip}i&&k(a.otherDims,i)}))}}));var v=e.generateCoord,m=e.generateCoordCount,x=null!=m;m=v?m||1:0;var _=v||"value";function b(t){null==t.name&&(t.name=t.coordDim)}if(s)E(o,(function(t){b(t)})),o.sort((function(t,e){return t.storeDimIndex-e.storeDimIndex}));else for(var w=0;w<a;w++){var S=f(w);null==S.coordDim&&(S.coordDim=hx(_,r,x),S.coordDimIndex=0,(!v||m<=0)&&(S.isExtraCoord=!0),m--),b(S),null!=S.type||td(t,w)!==Zp&&(!S.isExtraCoord||null==S.otherDims.itemName&&null==S.otherDims.seriesName)||(S.type="ordinal")}return function(t){for(var e=yt(),n=0;n<t.length;n++){var i=t[n],r=i.name,o=e.get(r)||0;o>0&&(i.name=r+(o-1)),o++,e.set(r,o)}}(o),new Xm({source:t,dimensions:o,fullDimensionCount:a,dimensionOmitted:s})}function hx(t,e,n){if(n||e.hasKey(t)){for(var i=0;e.hasKey(t+i);)i++;t+=i}return e.set(t,!0),t}var cx=function(t){this.coordSysDims=[],this.axisMap=yt(),this.categoryAxisMap=yt(),this.coordSysName=t};var px={cartesian2d:function(t,e,n,i){var r=t.getReferringComponents("xAxis",zo).models[0],o=t.getReferringComponents("yAxis",zo).models[0];e.coordSysDims=["x","y"],n.set("x",r),n.set("y",o),dx(r)&&(i.set("x",r),e.firstCategoryDimIndex=0),dx(o)&&(i.set("y",o),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},singleAxis:function(t,e,n,i){var r=t.getReferringComponents("singleAxis",zo).models[0];e.coordSysDims=["single"],n.set("single",r),dx(r)&&(i.set("single",r),e.firstCategoryDimIndex=0)},polar:function(t,e,n,i){var r=t.getReferringComponents("polar",zo).models[0],o=r.findAxisModel("radiusAxis"),a=r.findAxisModel("angleAxis");e.coordSysDims=["radius","angle"],n.set("radius",o),n.set("angle",a),dx(o)&&(i.set("radius",o),e.firstCategoryDimIndex=0),dx(a)&&(i.set("angle",a),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=1))},geo:function(t,e,n,i){e.coordSysDims=["lng","lat"]},parallel:function(t,e,n,i){var r=t.ecModel,o=r.getComponent("parallel",t.get("parallelIndex")),a=e.coordSysDims=o.dimensions.slice();E(o.parallelAxisIndex,(function(t,o){var s=r.getComponent("parallelAxis",t),l=a[o];n.set(l,s),dx(s)&&(i.set(l,s),null==e.firstCategoryDimIndex&&(e.firstCategoryDimIndex=o))}))}};function dx(t){return"category"===t.get("type")}function fx(t,e,n){var i,r,o,a=(n=n||{}).byIndex,s=n.stackedCoordDimension;!function(t){return!Um(t.schema)}(e)?(r=e.schema,i=r.dimensions,o=e.store):i=e;var l,u,h,c,p=!(!t||!t.get("stack"));if(E(i,(function(t,e){U(t)&&(i[e]=t={name:t}),p&&!t.isExtraCoord&&(a||l||!t.ordinalMeta||(l=t),u||"ordinal"===t.type||"time"===t.type||s&&s!==t.coordDim||(u=t))})),!u||a||l||(a=!0),u){h="__\0ecstackresult_"+t.id,c="__\0ecstackedover_"+t.id,l&&(l.createInvertedIndices=!0);var d=u.coordDim,f=u.type,g=0;E(i,(function(t){t.coordDim===d&&g++}));var y={name:h,coordDim:d,coordDimIndex:g,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length},v={name:c,coordDim:c,coordDimIndex:g+1,type:f,isExtraCoord:!0,isCalculationCoord:!0,storeDimIndex:i.length+1};r?(o&&(y.storeDimIndex=o.ensureCalculationDimension(c,f),v.storeDimIndex=o.ensureCalculationDimension(h,f)),r.appendCalculationDimension(y),r.appendCalculationDimension(v)):(i.push(y),i.push(v))}return{stackedDimension:u&&u.name,stackedByDimension:l&&l.name,isStackedByIndex:a,stackedOverDimension:c,stackResultDimension:h}}function gx(t,e){return!!e&&e===t.getCalculationInfo("stackedDimension")}function yx(t,e){return gx(t,e)?t.getCalculationInfo("stackResultDimension"):e}function vx(t,e,n){n=n||{};var i,r=e.getSourceManager(),o=!1;t?(o=!0,i=Jd(t)):o=(i=r.getSource()).sourceFormat===Bp;var a=function(t){var e=t.get("coordinateSystem"),n=new cx(e),i=px[e];if(i)return i(t,n,n.axisMap,n.categoryAxisMap),n}(e),s=function(t,e){var n,i=t.get("coordinateSystem"),r=xd.get(i);return e&&e.coordSysDims&&(n=z(e.coordSysDims,(function(t){var n={name:t},i=e.axisMap.get(t);if(i){var r=i.get("type");n.type=Gm(r)}return n}))),n||(n=r&&(r.getDimensionsInfo?r.getDimensionsInfo():r.dimensions.slice())||["x","y"]),n}(e,a),l=n.useEncodeDefaulter,u=X(l)?l:l?H($p,s,e):null,h=ux(i,{coordDimensions:s,generateCoord:n.generateCoord,encodeDefine:e.getEncode(),encodeDefaulter:u,canOmitUnusedDimensions:!o}),c=function(t,e,n){var i,r;return n&&E(t,(function(t,o){var a=t.coordDim,s=n.categoryAxisMap.get(a);s&&(null==i&&(i=o),t.ordinalMeta=s.getOrdinalMeta(),e&&(t.createInvertedIndices=!0)),null!=t.otherDims.itemName&&(r=!0)})),r||null==i||(t[i].otherDims.itemName=0),i}(h.dimensions,n.createInvertedIndices,a),p=o?null:r.getSharedDataStore(h),d=fx(e,{schema:h,store:p}),f=new lx(h,e);f.setCalculationInfo(d);var g=null!=c&&function(t){if(t.sourceFormat===Bp){var e=function(t){var e=0;for(;e<t.length&&null==t[e];)e++;return t[e]}(t.data||[]);return!Y(Mo(e))}}(i)?function(t,e,n,i){return i===c?n:this.defaultDimValueGetter(t,e,n,i)}:null;return f.hasItemOption=!1,f.initData(o?i:p,null,g),f}var mx=function(){function t(t){this._setting=t||{},this._extent=[1/0,-1/0]}return t.prototype.getSetting=function(t){return this._setting[t]},t.prototype.unionExtent=function(t){var e=this._extent;t[0]<e[0]&&(e[0]=t[0]),t[1]>e[1]&&(e[1]=t[1])},t.prototype.unionExtentFromData=function(t,e){this.unionExtent(t.getApproximateExtent(e))},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.setExtent=function(t,e){var n=this._extent;isNaN(t)||(n[0]=t),isNaN(e)||(n[1]=e)},t.prototype.isInExtentRange=function(t){return this._extent[0]<=t&&this._extent[1]>=t},t.prototype.isBlank=function(){return this._isBlank},t.prototype.setBlank=function(t){this._isBlank=t},t}();$o(mx);var xx=0,_x=function(){function t(t){this.categories=t.categories||[],this._needCollect=t.needCollect,this._deduplication=t.deduplication,this.uid=++xx}return t.createByAxisModel=function(e){var n=e.option,i=n.data,r=i&&z(i,bx);return new t({categories:r,needCollect:!r,deduplication:!1!==n.dedplication})},t.prototype.getOrdinal=function(t){return this._getOrCreateMap().get(t)},t.prototype.parseAndCollect=function(t){var e,n=this._needCollect;if(!U(t)&&!n)return t;if(n&&!this._deduplication)return e=this.categories.length,this.categories[e]=t,e;var i=this._getOrCreateMap();return null==(e=i.get(t))&&(n?(e=this.categories.length,this.categories[e]=t,i.set(t,e)):e=NaN),e},t.prototype._getOrCreateMap=function(){return this._map||(this._map=yt(this.categories))},t}();function bx(t){return q(t)&&null!=t.value?t.value:t+""}function Sx(t){return"interval"===t.type||"log"===t.type}function Mx(t,e,n,i){var r={},o=t[1]-t[0],a=r.interval=so(o/e,!0);null!=n&&a<n&&(a=r.interval=n),null!=i&&a>i&&(a=r.interval=i);var s=r.intervalPrecision=Tx(a);return function(t,e){!isFinite(t[0])&&(t[0]=e[0]),!isFinite(t[1])&&(t[1]=e[1]),Cx(t,0,e),Cx(t,1,e),t[0]>t[1]&&(t[0]=t[1])}(r.niceTickExtent=[Zr(Math.ceil(t[0]/a)*a,s),Zr(Math.floor(t[1]/a)*a,s)],t),r}function Ix(t){var e=Math.pow(10,ao(t)),n=t/e;return n?2===n?n=3:3===n?n=5:n*=2:n=1,Zr(n*e)}function Tx(t){return qr(t)+2}function Cx(t,e,n){t[e]=Math.max(Math.min(t[e],n[1]),n[0])}function Dx(t,e){return t>=e[0]&&t<=e[1]}function Ax(t,e){return e[1]===e[0]?.5:(t-e[0])/(e[1]-e[0])}function kx(t,e){return t*(e[1]-e[0])+e[0]}var Lx=function(t){function e(e){var n=t.call(this,e)||this;n.type="ordinal";var i=n.getSetting("ordinalMeta");return i||(i=new _x({})),Y(i)&&(i=new _x({categories:z(i,(function(t){return q(t)?t.value:t}))})),n._ordinalMeta=i,n._extent=n.getSetting("extent")||[0,i.categories.length-1],n}return n(e,t),e.prototype.parse=function(t){return null==t?NaN:U(t)?this._ordinalMeta.getOrdinal(t):Math.round(t)},e.prototype.contain=function(t){return Dx(t=this.parse(t),this._extent)&&null!=this._ordinalMeta.categories[t]},e.prototype.normalize=function(t){return Ax(t=this._getTickNumber(this.parse(t)),this._extent)},e.prototype.scale=function(t){return t=Math.round(kx(t,this._extent)),this.getRawOrdinalNumber(t)},e.prototype.getTicks=function(){for(var t=[],e=this._extent,n=e[0];n<=e[1];)t.push({value:n}),n++;return t},e.prototype.getMinorTicks=function(t){},e.prototype.setSortInfo=function(t){if(null!=t){for(var e=t.ordinalNumbers,n=this._ordinalNumbersByTick=[],i=this._ticksByOrdinalNumber=[],r=0,o=this._ordinalMeta.categories.length,a=Math.min(o,e.length);r<a;++r){var s=e[r];n[r]=s,i[s]=r}for(var l=0;r<o;++r){for(;null!=i[l];)l++;n.push(l),i[l]=r}}else this._ordinalNumbersByTick=this._ticksByOrdinalNumber=null},e.prototype._getTickNumber=function(t){var e=this._ticksByOrdinalNumber;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getRawOrdinalNumber=function(t){var e=this._ordinalNumbersByTick;return e&&t>=0&&t<e.length?e[t]:t},e.prototype.getLabel=function(t){if(!this.isBlank()){var e=this.getRawOrdinalNumber(t.value),n=this._ordinalMeta.categories[e];return null==n?"":n+""}},e.prototype.count=function(){return this._extent[1]-this._extent[0]+1},e.prototype.unionExtentFromData=function(t,e){this.unionExtent(t.getApproximateExtent(e))},e.prototype.isInExtentRange=function(t){return t=this._getTickNumber(t),this._extent[0]<=t&&this._extent[1]>=t},e.prototype.getOrdinalMeta=function(){return this._ordinalMeta},e.prototype.calcNiceTicks=function(){},e.prototype.calcNiceExtent=function(){},e.type="ordinal",e}(mx);mx.registerClass(Lx);var Px=Zr,Ox=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="interval",e._interval=0,e._intervalPrecision=2,e}return n(e,t),e.prototype.parse=function(t){return t},e.prototype.contain=function(t){return Dx(t,this._extent)},e.prototype.normalize=function(t){return Ax(t,this._extent)},e.prototype.scale=function(t){return kx(t,this._extent)},e.prototype.setExtent=function(t,e){var n=this._extent;isNaN(t)||(n[0]=parseFloat(t)),isNaN(e)||(n[1]=parseFloat(e))},e.prototype.unionExtent=function(t){var e=this._extent;t[0]<e[0]&&(e[0]=t[0]),t[1]>e[1]&&(e[1]=t[1]),this.setExtent(e[0],e[1])},e.prototype.getInterval=function(){return this._interval},e.prototype.setInterval=function(t){this._interval=t,this._niceExtent=this._extent.slice(),this._intervalPrecision=Tx(t)},e.prototype.getTicks=function(t){var e=this._interval,n=this._extent,i=this._niceExtent,r=this._intervalPrecision,o=[];if(!e)return o;n[0]<i[0]&&(t?o.push({value:Px(i[0]-e,r)}):o.push({value:n[0]}));for(var a=i[0];a<=i[1]&&(o.push({value:a}),(a=Px(a+e,r))!==o[o.length-1].value);)if(o.length>1e4)return[];var s=o.length?o[o.length-1].value:i[1];return n[1]>s&&(t?o.push({value:Px(s+e,r)}):o.push({value:n[1]})),o},e.prototype.getMinorTicks=function(t){for(var e=this.getTicks(!0),n=[],i=this.getExtent(),r=1;r<e.length;r++){for(var o=e[r],a=e[r-1],s=0,l=[],u=(o.value-a.value)/t;s<t-1;){var h=Px(a.value+(s+1)*u);h>i[0]&&h<i[1]&&l.push(h),s++}n.push(l)}return n},e.prototype.getLabel=function(t,e){if(null==t)return"";var n=e&&e.precision;return null==n?n=qr(t.value)||0:"auto"===n&&(n=this._intervalPrecision),pp(Px(t.value,n,!0))},e.prototype.calcNiceTicks=function(t,e,n){t=t||5;var i=this._extent,r=i[1]-i[0];if(isFinite(r)){r<0&&(r=-r,i.reverse());var o=Mx(i,t,e,n);this._intervalPrecision=o.intervalPrecision,this._interval=o.interval,this._niceExtent=o.niceTickExtent}},e.prototype.calcNiceExtent=function(t){var e=this._extent;if(e[0]===e[1])if(0!==e[0]){var n=Math.abs(e[0]);t.fixMax||(e[1]+=n/2),e[0]-=n/2}else e[1]=1;var i=e[1]-e[0];isFinite(i)||(e[0]=0,e[1]=1),this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval);var r=this._interval;t.fixMin||(e[0]=Px(Math.floor(e[0]/r)*r)),t.fixMax||(e[1]=Px(Math.ceil(e[1]/r)*r))},e.prototype.setNiceExtent=function(t,e){this._niceExtent=[t,e]},e.type="interval",e}(mx);mx.registerClass(Ox);var Rx="undefined"!=typeof Float32Array,Nx=Rx?Float32Array:Array;function Ex(t){return Y(t)?Rx?new Float32Array(t):t:new Nx(t)}var zx="__ec_stack_";function Vx(t){return t.get("stack")||zx+t.seriesIndex}function Bx(t){return t.dim+t.index}function Fx(t,e){var n=[];return e.eachSeriesByType(t,(function(t){Xx(t)&&n.push(t)})),n}function Gx(t){var e=function(t){var e={};E(t,(function(t){var n=t.coordinateSystem.getBaseAxis();if("time"===n.type||"value"===n.type)for(var i=t.getData(),r=n.dim+"_"+n.index,o=i.getDimensionIndex(i.mapDimension(n.dim)),a=i.getStore(),s=0,l=a.count();s<l;++s){var u=a.get(o,s);e[r]?e[r].push(u):e[r]=[u]}}));var n={};for(var i in e)if(e.hasOwnProperty(i)){var r=e[i];if(r){r.sort((function(t,e){return t-e}));for(var o=null,a=1;a<r.length;++a){var s=r[a]-r[a-1];s>0&&(o=null===o?s:Math.min(o,s))}n[i]=o}}return n}(t),n=[];return E(t,(function(t){var i,r=t.coordinateSystem.getBaseAxis(),o=r.getExtent();if("category"===r.type)i=r.getBandWidth();else if("value"===r.type||"time"===r.type){var a=r.dim+"_"+r.index,s=e[a],l=Math.abs(o[1]-o[0]),u=r.scale.getExtent(),h=Math.abs(u[1]-u[0]);i=s?l/h*s:l}else{var c=t.getData();i=Math.abs(o[1]-o[0])/c.count()}var p=Ur(t.get("barWidth"),i),d=Ur(t.get("barMaxWidth"),i),f=Ur(t.get("barMinWidth")||(Ux(t)?.5:1),i),g=t.get("barGap"),y=t.get("barCategoryGap");n.push({bandWidth:i,barWidth:p,barMaxWidth:d,barMinWidth:f,barGap:g,barCategoryGap:y,axisKey:Bx(r),stackId:Vx(t)})})),Wx(n)}function Wx(t){var e={};E(t,(function(t,n){var i=t.axisKey,r=t.bandWidth,o=e[i]||{bandWidth:r,remainedWidth:r,autoWidthCount:0,categoryGap:null,gap:"20%",stacks:{}},a=o.stacks;e[i]=o;var s=t.stackId;a[s]||o.autoWidthCount++,a[s]=a[s]||{width:0,maxWidth:0};var l=t.barWidth;l&&!a[s].width&&(a[s].width=l,l=Math.min(o.remainedWidth,l),o.remainedWidth-=l);var u=t.barMaxWidth;u&&(a[s].maxWidth=u);var h=t.barMinWidth;h&&(a[s].minWidth=h);var c=t.barGap;null!=c&&(o.gap=c);var p=t.barCategoryGap;null!=p&&(o.categoryGap=p)}));var n={};return E(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=t.categoryGap;if(null==o){var a=G(i).length;o=Math.max(35-4*a,15)+"%"}var s=Ur(o,r),l=Ur(t.gap,1),u=t.remainedWidth,h=t.autoWidthCount,c=(u-s)/(h+(h-1)*l);c=Math.max(c,0),E(i,(function(t){var e=t.maxWidth,n=t.minWidth;if(t.width){i=t.width;e&&(i=Math.min(i,e)),n&&(i=Math.max(i,n)),t.width=i,u-=i+l*i,h--}else{var i=c;e&&e<i&&(i=Math.min(e,u)),n&&n>i&&(i=n),i!==c&&(t.width=i,u-=i+l*i,h--)}})),c=(u-s)/(h+(h-1)*l),c=Math.max(c,0);var p,d=0;E(i,(function(t,e){t.width||(t.width=c),p=t,d+=t.width*(1+l)})),p&&(d-=p.width*l);var f=-d/2;E(i,(function(t,i){n[e][i]=n[e][i]||{bandWidth:r,offset:f,width:t.width},f+=t.width*(1+l)}))})),n}function Hx(t,e){var n=Fx(t,e),i=Gx(n);E(n,(function(t){var e=t.getData(),n=t.coordinateSystem.getBaseAxis(),r=Vx(t),o=i[Bx(n)][r],a=o.offset,s=o.width;e.setLayout({bandWidth:o.bandWidth,offset:a,size:s})}))}function Yx(t){return{seriesType:t,plan:Cg(),reset:function(t){if(Xx(t)){var e=t.getData(),n=t.coordinateSystem,i=n.getBaseAxis(),r=n.getOtherAxis(i),o=e.getDimensionIndex(e.mapDimension(r.dim)),a=e.getDimensionIndex(e.mapDimension(i.dim)),s=t.get("showBackground",!0),l=e.mapDimension(r.dim),u=e.getCalculationInfo("stackResultDimension"),h=gx(e,l)&&!!e.getCalculationInfo("stackedOnSeries"),c=r.isHorizontal(),p=function(t,e){return e.toGlobalCoord(e.dataToCoord("log"===e.type?1:0))}(0,r),d=Ux(t),f=t.get("barMinHeight")||0,g=u&&e.getDimensionIndex(u),y=e.getLayout("size"),v=e.getLayout("offset");return{progress:function(t,e){for(var i,r=t.count,l=d&&Ex(3*r),u=d&&s&&Ex(3*r),m=d&&Ex(r),x=n.master.getRect(),_=c?x.width:x.height,b=e.getStore(),w=0;null!=(i=t.next());){var S=b.get(h?g:o,i),M=b.get(a,i),I=p,T=void 0;h&&(T=+S-b.get(o,i));var C=void 0,D=void 0,A=void 0,k=void 0;if(c){var L=n.dataToPoint([S,M]);if(h)I=n.dataToPoint([T,M])[0];C=I,D=L[1]+v,A=L[0]-I,k=y,Math.abs(A)<f&&(A=(A<0?-1:1)*f)}else{L=n.dataToPoint([M,S]);if(h)I=n.dataToPoint([M,T])[1];C=L[0]+v,D=I,A=y,k=L[1]-I,Math.abs(k)<f&&(k=(k<=0?-1:1)*f)}d?(l[w]=C,l[w+1]=D,l[w+2]=c?A:k,u&&(u[w]=c?x.x:C,u[w+1]=c?D:x.y,u[w+2]=_),m[i]=i):e.setItemLayout(i,{x:C,y:D,width:A,height:k}),w+=3}d&&e.setLayout({largePoints:l,largeDataIndices:m,largeBackgroundPoints:u,valueAxisHorizontal:c})}}}}}}function Xx(t){return t.coordinateSystem&&"cartesian2d"===t.coordinateSystem.type}function Ux(t){return t.pipelineContext&&t.pipelineContext.large}var Zx=function(t){function e(e){var n=t.call(this,e)||this;return n.type="time",n}return n(e,t),e.prototype.getLabel=function(t){var e=this.getSetting("useUTC");return qc(t.value,Hc[function(t){switch(t){case"year":case"month":return"day";case"millisecond":return"millisecond";default:return"second"}}(Zc(this._minLevelUnit))]||Hc.second,e,this.getSetting("locale"))},e.prototype.getFormattedLabel=function(t,e,n){var i=this.getSetting("useUTC");return function(t,e,n,i,r){var o=null;if(U(n))o=n;else if(X(n))o=n(t.value,e,{level:t.level});else{var a=A({},Gc);if(t.level>0)for(var s=0;s<Yc.length;++s)a[Yc[s]]="{primary|"+a[Yc[s]]+"}";var l=n?!1===n.inherit?n:k(n,a):a,u=Kc(t.value,r);if(l[u])o=l[u];else if(l.inherit){for(s=Xc.indexOf(u)-1;s>=0;--s)if(l[u]){o=l[u];break}o=o||a.none}if(Y(o)){var h=null==t.level?0:t.level>=0?t.level:o.length+t.level;o=o[h=Math.min(h,o.length-1)]}}return qc(new Date(t.value),o,r,i)}(t,e,n,this.getSetting("locale"),i)},e.prototype.getTicks=function(){var t=this._interval,e=this._extent,n=[];if(!t)return n;n.push({value:e[0],level:0});var i=this.getSetting("useUTC"),r=function(t,e,n,i){var r=1e4,o=Xc,a=0;function s(t,e,n,r,o,a,s){for(var l=new Date(e),u=e,h=l[r]();u<n&&u<=i[1];)s.push({value:u}),h+=t,l[o](h),u=l.getTime();s.push({value:u,notAdd:!0})}function l(t,r,o){var a=[],l=!r.length;if(!function(t,e,n,i){var r=ro(e),o=ro(n),a=function(t){return $c(r,t,i)===$c(o,t,i)},s=function(){return a("year")},l=function(){return s()&&a("month")},u=function(){return l()&&a("day")},h=function(){return u()&&a("hour")},c=function(){return h()&&a("minute")},p=function(){return c()&&a("second")},d=function(){return p()&&a("millisecond")};switch(t){case"year":return s();case"month":return l();case"day":return u();case"hour":return h();case"minute":return c();case"second":return p();case"millisecond":return d()}}(Zc(t),i[0],i[1],n)){l&&(r=[{value:t_(new Date(i[0]),t,n)},{value:i[1]}]);for(var u=0;u<r.length-1;u++){var h=r[u].value,c=r[u+1].value;if(h!==c){var p=void 0,d=void 0,f=void 0,g=!1;switch(t){case"year":p=Math.max(1,Math.round(e/Bc/365)),d=Jc(n),f=op(n);break;case"half-year":case"quarter":case"month":p=Kx(e),d=Qc(n),f=ap(n);break;case"week":case"half-week":case"day":p=qx(e),d=tp(n),f=sp(n),g=!0;break;case"half-day":case"quarter-day":case"hour":p=$x(e),d=ep(n),f=lp(n);break;case"minute":p=Jx(e,!0),d=np(n),f=up(n);break;case"second":p=Jx(e,!1),d=ip(n),f=hp(n);break;case"millisecond":p=Qx(e),d=rp(n),f=cp(n)}s(p,h,c,d,f,g,a),"year"===t&&o.length>1&&0===u&&o.unshift({value:o[0].value-p})}}for(u=0;u<a.length;u++)o.push(a[u]);return a}}for(var u=[],h=[],c=0,p=0,d=0;d<o.length&&a++<r;++d){var f=Zc(o[d]);if(jc(o[d]))if(l(o[d],u[u.length-1]||[],h),f!==(o[d+1]?Zc(o[d+1]):null)){if(h.length){p=c,h.sort((function(t,e){return t.value-e.value}));for(var g=[],y=0;y<h.length;++y){var v=h[y].value;0!==y&&h[y-1].value===v||(g.push(h[y]),v>=i[0]&&v<=i[1]&&c++)}var m=(i[1]-i[0])/e;if(c>1.5*m&&p>m/1.5)break;if(u.push(g),c>m||t===o[d])break}h=[]}}0;var x=B(z(u,(function(t){return B(t,(function(t){return t.value>=i[0]&&t.value<=i[1]&&!t.notAdd}))})),(function(t){return t.length>0})),_=[],b=x.length-1;for(d=0;d<x.length;++d)for(var w=x[d],S=0;S<w.length;++S)_.push({value:w[S].value,level:b-d});_.sort((function(t,e){return t.value-e.value}));var M=[];for(d=0;d<_.length;++d)0!==d&&_[d].value===_[d-1].value||M.push(_[d]);return M}(this._minLevelUnit,this._approxInterval,i,e);return(n=n.concat(r)).push({value:e[1],level:0}),n},e.prototype.calcNiceExtent=function(t){var e=this._extent;if(e[0]===e[1]&&(e[0]-=Bc,e[1]+=Bc),e[1]===-1/0&&e[0]===1/0){var n=new Date;e[1]=+new Date(n.getFullYear(),n.getMonth(),n.getDate()),e[0]=e[1]-Bc}this.calcNiceTicks(t.splitNumber,t.minInterval,t.maxInterval)},e.prototype.calcNiceTicks=function(t,e,n){t=t||10;var i=this._extent,r=i[1]-i[0];this._approxInterval=r/t,null!=e&&this._approxInterval<e&&(this._approxInterval=e),null!=n&&this._approxInterval>n&&(this._approxInterval=n);var o=jx.length,a=Math.min(function(t,e,n,i){for(;n<i;){var r=n+i>>>1;t[r][1]<e?n=r+1:i=r}return n}(jx,this._approxInterval,0,o),o-1);this._interval=jx[a][1],this._minLevelUnit=jx[Math.max(a-1,0)][0]},e.prototype.parse=function(t){return j(t)?t:+ro(t)},e.prototype.contain=function(t){return Dx(this.parse(t),this._extent)},e.prototype.normalize=function(t){return Ax(this.parse(t),this._extent)},e.prototype.scale=function(t){return kx(t,this._extent)},e.type="time",e}(Ox),jx=[["second",Ec],["minute",zc],["hour",Vc],["quarter-day",216e5],["half-day",432e5],["day",10368e4],["half-week",3024e5],["week",6048e5],["month",26784e5],["quarter",8208e6],["half-year",Fc/2],["year",Fc]];function qx(t,e){return(t/=Bc)>16?16:t>7.5?7:t>3.5?4:t>1.5?2:1}function Kx(t){return(t/=2592e6)>6?6:t>3?3:t>2?2:1}function $x(t){return(t/=Vc)>12?12:t>6?6:t>3.5?4:t>2?2:1}function Jx(t,e){return(t/=e?zc:Ec)>30?30:t>20?20:t>15?15:t>10?10:t>5?5:t>2?2:1}function Qx(t){return so(t,!0)}function t_(t,e,n){var i=new Date(t);switch(Zc(e)){case"year":case"month":i[ap(n)](0);case"day":i[sp(n)](1);case"hour":i[lp(n)](0);case"minute":i[up(n)](0);case"second":i[hp(n)](0),i[cp(n)](0)}return i.getTime()}mx.registerClass(Zx);var e_=mx.prototype,n_=Ox.prototype,i_=Zr,r_=Math.floor,o_=Math.ceil,a_=Math.pow,s_=Math.log,l_=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="log",e.base=10,e._originalScale=new Ox,e._interval=0,e}return n(e,t),e.prototype.getTicks=function(t){var e=this._originalScale,n=this._extent,i=e.getExtent();return z(n_.getTicks.call(this,t),(function(t){var e=t.value,r=Zr(a_(this.base,e));return r=e===n[0]&&this._fixMin?h_(r,i[0]):r,{value:r=e===n[1]&&this._fixMax?h_(r,i[1]):r}}),this)},e.prototype.setExtent=function(t,e){var n=s_(this.base);t=s_(Math.max(0,t))/n,e=s_(Math.max(0,e))/n,n_.setExtent.call(this,t,e)},e.prototype.getExtent=function(){var t=this.base,e=e_.getExtent.call(this);e[0]=a_(t,e[0]),e[1]=a_(t,e[1]);var n=this._originalScale.getExtent();return this._fixMin&&(e[0]=h_(e[0],n[0])),this._fixMax&&(e[1]=h_(e[1],n[1])),e},e.prototype.unionExtent=function(t){this._originalScale.unionExtent(t);var e=this.base;t[0]=s_(t[0])/s_(e),t[1]=s_(t[1])/s_(e),e_.unionExtent.call(this,t)},e.prototype.unionExtentFromData=function(t,e){this.unionExtent(t.getApproximateExtent(e))},e.prototype.calcNiceTicks=function(t){t=t||10;var e=this._extent,n=e[1]-e[0];if(!(n===1/0||n<=0)){var i=oo(n);for(t/n*i<=.5&&(i*=10);!isNaN(i)&&Math.abs(i)<1&&Math.abs(i)>0;)i*=10;var r=[Zr(o_(e[0]/i)*i),Zr(r_(e[1]/i)*i)];this._interval=i,this._niceExtent=r}},e.prototype.calcNiceExtent=function(t){n_.calcNiceExtent.call(this,t),this._fixMin=t.fixMin,this._fixMax=t.fixMax},e.prototype.parse=function(t){return t},e.prototype.contain=function(t){return Dx(t=s_(t)/s_(this.base),this._extent)},e.prototype.normalize=function(t){return Ax(t=s_(t)/s_(this.base),this._extent)},e.prototype.scale=function(t){return t=kx(t,this._extent),a_(this.base,t)},e.type="log",e}(mx),u_=l_.prototype;function h_(t,e){return i_(t,qr(e))}u_.getMinorTicks=n_.getMinorTicks,u_.getLabel=n_.getLabel,mx.registerClass(l_);var c_=function(){function t(t,e,n){this._prepareParams(t,e,n)}return t.prototype._prepareParams=function(t,e,n){n[1]<n[0]&&(n=[NaN,NaN]),this._dataMin=n[0],this._dataMax=n[1];var i=this._isOrdinal="ordinal"===t.type;this._needCrossZero="interval"===t.type&&e.getNeedCrossZero&&e.getNeedCrossZero();var r=this._modelMinRaw=e.get("min",!0);X(r)?this._modelMinNum=g_(t,r({min:n[0],max:n[1]})):"dataMin"!==r&&(this._modelMinNum=g_(t,r));var o=this._modelMaxRaw=e.get("max",!0);if(X(o)?this._modelMaxNum=g_(t,o({min:n[0],max:n[1]})):"dataMax"!==o&&(this._modelMaxNum=g_(t,o)),i)this._axisDataLen=e.getCategories().length;else{var a=e.get("boundaryGap"),s=Y(a)?a:[a||0,a||0];"boolean"==typeof s[0]||"boolean"==typeof s[1]?this._boundaryGapInner=[0,0]:this._boundaryGapInner=[Ir(s[0],1),Ir(s[1],1)]}},t.prototype.calculate=function(){var t=this._isOrdinal,e=this._dataMin,n=this._dataMax,i=this._axisDataLen,r=this._boundaryGapInner,o=t?null:n-e||Math.abs(e),a="dataMin"===this._modelMinRaw?e:this._modelMinNum,s="dataMax"===this._modelMaxRaw?n:this._modelMaxNum,l=null!=a,u=null!=s;null==a&&(a=t?i?0:NaN:e-r[0]*o),null==s&&(s=t?i?i-1:NaN:n+r[1]*o),(null==a||!isFinite(a))&&(a=NaN),(null==s||!isFinite(s))&&(s=NaN);var h=nt(a)||nt(s)||t&&!i;this._needCrossZero&&(a>0&&s>0&&!l&&(a=0),a<0&&s<0&&!u&&(s=0));var c=this._determinedMin,p=this._determinedMax;return null!=c&&(a=c,l=!0),null!=p&&(s=p,u=!0),{min:a,max:s,minFixed:l,maxFixed:u,isBlank:h}},t.prototype.modifyDataMinMax=function(t,e){this[d_[t]]=e},t.prototype.setDeterminedMinMax=function(t,e){var n=p_[t];this[n]=e},t.prototype.freeze=function(){this.frozen=!0},t}(),p_={min:"_determinedMin",max:"_determinedMax"},d_={min:"_dataMin",max:"_dataMax"};function f_(t,e,n){var i=t.rawExtentInfo;return i||(i=new c_(t,e,n),t.rawExtentInfo=i,i)}function g_(t,e){return null==e?null:nt(e)?NaN:t.parse(e)}function y_(t,e){var n=t.type,i=f_(t,e,t.getExtent()).calculate();t.setBlank(i.isBlank);var r=i.min,o=i.max,a=e.ecModel;if(a&&"time"===n){var s=Fx("bar",a),l=!1;if(E(s,(function(t){l=l||t.getBaseAxis()===e.axis})),l){var u=Gx(s),h=function(t,e,n,i){var r=n.axis.getExtent(),o=r[1]-r[0],a=function(t,e,n){if(t&&e){var i=t[Bx(e)];return null!=i&&null!=n?i[Vx(n)]:i}}(i,n.axis);if(void 0===a)return{min:t,max:e};var s=1/0;E(a,(function(t){s=Math.min(t.offset,s)}));var l=-1/0;E(a,(function(t){l=Math.max(t.offset+t.width,l)})),s=Math.abs(s),l=Math.abs(l);var u=s+l,h=e-t,c=h/(1-(s+l)/o)-h;return e+=c*(l/u),t-=c*(s/u),{min:t,max:e}}(r,o,e,u);r=h.min,o=h.max}}return{extent:[r,o],fixMin:i.minFixed,fixMax:i.maxFixed}}function v_(t,e){var n=e,i=y_(t,n),r=i.extent,o=n.get("splitNumber");t instanceof l_&&(t.base=n.get("logBase"));var a=t.type,s=n.get("interval"),l="interval"===a||"time"===a;t.setExtent(r[0],r[1]),t.calcNiceExtent({splitNumber:o,fixMin:i.fixMin,fixMax:i.fixMax,minInterval:l?n.get("minInterval"):null,maxInterval:l?n.get("maxInterval"):null}),null!=s&&t.setInterval&&t.setInterval(s)}function m_(t,e){if(e=e||t.get("type"))switch(e){case"category":return new Lx({ordinalMeta:t.getOrdinalMeta?t.getOrdinalMeta():t.getCategories(),extent:[1/0,-1/0]});case"time":return new Zx({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new(mx.getClass(e)||Ox)}}function x_(t){var e,n,i=t.getLabelModel().get("formatter"),r="category"===t.type?t.scale.getExtent()[0]:null;return"time"===t.scale.type?(n=i,function(e,i){return t.scale.getFormattedLabel(e,i,n)}):U(i)?function(e){return function(n){var i=t.scale.getLabel(n);return e.replace("{value}",null!=i?i:"")}}(i):X(i)?(e=i,function(n,i){return null!=r&&(i=n.value-r),e(__(t,n),i,null!=n.level?{level:n.level}:null)}):function(e){return t.scale.getLabel(e)}}function __(t,e){return"category"===t.type?t.scale.getLabel(e):e.value}function b_(t,e){var n=e*Math.PI/180,i=t.width,r=t.height,o=i*Math.abs(Math.cos(n))+Math.abs(r*Math.sin(n)),a=i*Math.abs(Math.sin(n))+Math.abs(r*Math.cos(n));return new ze(t.x,t.y,o,a)}function w_(t){var e=t.get("interval");return null==e?"auto":e}function S_(t){return"category"===t.type&&0===w_(t.getLabelModel())}function M_(t,e){var n={};return E(t.mapDimensionsAll(e),(function(e){n[yx(t,e)]=!0})),G(n)}var I_=function(){function t(){}return t.prototype.getNeedCrossZero=function(){return!this.option.scale},t.prototype.getCoordSysModel=function(){},t}();var T_={isDimensionStacked:gx,enableDataStack:fx,getStackedDimension:yx};var C_=Object.freeze({__proto__:null,createList:function(t){return vx(null,t)},getLayoutRect:Cp,dataStack:T_,createScale:function(t,e){var n=e;e instanceof Mc||(n=new Mc(e));var i=m_(n);return i.setExtent(t[0],t[1]),v_(i,n),i},mixinAxisModelCommonMethods:function(t){R(t,I_)},getECData:Qs,createTextStyle:function(t,e){return nc(t,null,null,"normal"!==(e=e||{}).state)},createDimensions:function(t,e){return ux(t,e).dimensions},createSymbol:Wy,enableHoverEmphasis:Hl});function D_(t,e){return Math.abs(t-e)<1e-8}function A_(t,e,n){var i=0,r=t[0];if(!r)return!1;for(var o=1;o<t.length;o++){var a=t[o];i+=ds(r[0],r[1],a[0],a[1],e,n),r=a}var s=t[0];return D_(r[0],s[0])&&D_(r[1],s[1])||(i+=ds(r[0],r[1],s[0],s[1],e,n)),0!==i}var k_=[];function L_(t,e){for(var n=0;n<t.length;n++)Wt(t[n],t[n],e)}function P_(t,e,n,i){for(var r=0;r<t.length;r++){var o=t[r];i&&(o=i.project(o)),o&&isFinite(o[0])&&isFinite(o[1])&&(Ht(e,e,o),Yt(n,n,o))}}var O_=function(){function t(t){this.name=t}return t.prototype.setCenter=function(t){this._center=t},t.prototype.getCenter=function(){var t=this._center;return t||(t=this._center=this.calcCenter()),t},t}(),R_=function(t,e){this.type="polygon",this.exterior=t,this.interiors=e},N_=function(t){this.type="linestring",this.points=t},E_=function(t){function e(e,n,i){var r=t.call(this,e)||this;return r.type="geoJSON",r.geometries=n,r._center=i&&[i[0],i[1]],r}return n(e,t),e.prototype.calcCenter=function(){for(var t,e=this.geometries,n=0,i=0;i<e.length;i++){var r=e[i],o=r.exterior,a=o&&o.length;a>n&&(t=r,n=a)}if(t)return function(t){for(var e=0,n=0,i=0,r=t.length,o=t[r-1][0],a=t[r-1][1],s=0;s<r;s++){var l=t[s][0],u=t[s][1],h=o*u-l*a;e+=h,n+=(o+l)*h,i+=(a+u)*h,o=l,a=u}return e?[n/e/3,i/e/3,e]:[t[0][0]||0,t[0][1]||0]}(t.exterior);var s=this.getBoundingRect();return[s.x+s.width/2,s.y+s.height/2]},e.prototype.getBoundingRect=function(t){var e=this._rect;if(e&&!t)return e;var n=[1/0,1/0],i=[-1/0,-1/0];return E(this.geometries,(function(e){"polygon"===e.type?P_(e.exterior,n,i,t):E(e.points,(function(e){P_(e,n,i,t)}))})),isFinite(n[0])&&isFinite(n[1])&&isFinite(i[0])&&isFinite(i[1])||(n[0]=n[1]=i[0]=i[1]=0),e=new ze(n[0],n[1],i[0]-n[0],i[1]-n[1]),t||(this._rect=e),e},e.prototype.contain=function(t){var e=this.getBoundingRect(),n=this.geometries;if(!e.contain(t[0],t[1]))return!1;t:for(var i=0,r=n.length;i<r;i++){var o=n[i];if("polygon"===o.type){var a=o.exterior,s=o.interiors;if(A_(a,t[0],t[1])){for(var l=0;l<(s?s.length:0);l++)if(A_(s[l],t[0],t[1]))continue t;return!0}}}return!1},e.prototype.transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=r.width/r.height;n?i||(i=n/o):n=o*i;for(var a=new ze(t,e,n,i),s=r.calculateTransform(a),l=this.geometries,u=0;u<l.length;u++){var h=l[u];"polygon"===h.type?(L_(h.exterior,s),E(h.interiors,(function(t){L_(t,s)}))):E(h.points,(function(t){L_(t,s)}))}(r=this._rect).copy(a),this._center=[r.x+r.width/2,r.y+r.height/2]},e.prototype.cloneShallow=function(t){null==t&&(t=this.name);var n=new e(t,this.geometries,this._center);return n._rect=this._rect,n.transformTo=null,n},e}(O_),z_=function(t){function e(e,n){var i=t.call(this,e)||this;return i.type="geoSVG",i._elOnlyForCalculate=n,i}return n(e,t),e.prototype.calcCenter=function(){for(var t=this._elOnlyForCalculate,e=t.getBoundingRect(),n=[e.x+e.width/2,e.y+e.height/2],i=xe(k_),r=t;r&&!r.isGeoSVGGraphicRoot;)be(i,r.getLocalTransform(),i),r=r.parent;return Ie(i,i),Wt(n,n,i),n},e}(O_);function V_(t,e,n){for(var i=0;i<t.length;i++)t[i]=B_(t[i],e[i],n)}function B_(t,e,n){for(var i=[],r=e[0],o=e[1],a=0;a<t.length;a+=2){var s=t.charCodeAt(a)-64,l=t.charCodeAt(a+1)-64;s=s>>1^-(1&s),l=l>>1^-(1&l),r=s+=r,o=l+=o,i.push([s/n,l/n])}return i}function F_(t,e){return z(B((t=function(t){if(!t.UTF8Encoding)return t;var e=t,n=e.UTF8Scale;return null==n&&(n=1024),E(e.features,(function(t){var e=t.geometry,i=e.encodeOffsets,r=e.coordinates;if(i)switch(e.type){case"LineString":e.coordinates=B_(r,i,n);break;case"Polygon":case"MultiLineString":V_(r,i,n);break;case"MultiPolygon":E(r,(function(t,e){return V_(t,i[e],n)}))}})),e.UTF8Encoding=!1,e}(t)).features,(function(t){return t.geometry&&t.properties&&t.geometry.coordinates.length>0})),(function(t){var n=t.properties,i=t.geometry,r=[];switch(i.type){case"Polygon":var o=i.coordinates;r.push(new R_(o[0],o.slice(1)));break;case"MultiPolygon":E(i.coordinates,(function(t){t[0]&&r.push(new R_(t[0],t.slice(1)))}));break;case"LineString":r.push(new N_([i.coordinates]));break;case"MultiLineString":r.push(new N_(i.coordinates))}var a=new E_(n[e||"name"],r,n.cp);return a.properties=n,a}))}var G_=Object.freeze({__proto__:null,linearMap:Xr,round:Zr,asc:jr,getPrecision:qr,getPrecisionSafe:Kr,getPixelPrecision:$r,getPercentWithPrecision:function(t,e,n){return t[e]&&Jr(t,n)[e]||0},MAX_SAFE_INTEGER:to,remRadian:eo,isRadianAroundZero:no,parseDate:ro,quantity:oo,quantityExponent:ao,nice:so,quantile:lo,reformIntervals:uo,isNumeric:co,numericToNumber:ho}),W_=Object.freeze({__proto__:null,parse:ro,format:qc}),H_=Object.freeze({__proto__:null,extendShape:Mh,extendPath:Th,makePath:Ah,makeImage:kh,mergePath:Ph,resizePath:Oh,createIcon:Hh,updateProps:fh,initProps:gh,getTransform:Eh,clipPointsByRect:Gh,clipRectByRect:Wh,registerShape:Ch,getShapeClass:Dh,Group:zr,Image:ks,Text:Fs,Circle:_u,Ellipse:wu,Sector:zu,Ring:Bu,Polygon:Wu,Polyline:Yu,Rect:zs,Line:Zu,BezierCurve:$u,Arc:Qu,IncrementalDisplayable:hh,CompoundPath:th,LinearGradient:nh,RadialGradient:ih,BoundingRect:ze}),Y_=Object.freeze({__proto__:null,addCommas:pp,toCamelCase:dp,normalizeCssArray:fp,encodeHTML:re,formatTpl:mp,getTooltipMarker:xp,formatTime:function(t,e,n){"week"!==t&&"month"!==t&&"quarter"!==t&&"half-year"!==t&&"year"!==t||(t="MM-dd\nyyyy");var i=ro(e),r=n?"getUTC":"get",o=i[r+"FullYear"](),a=i[r+"Month"]()+1,s=i[r+"Date"](),l=i[r+"Hours"](),u=i[r+"Minutes"](),h=i[r+"Seconds"](),c=i[r+"Milliseconds"]();return t=t.replace("MM",Uc(a,2)).replace("M",a).replace("yyyy",o).replace("yy",Uc(o%100+"",2)).replace("dd",Uc(s,2)).replace("d",s).replace("hh",Uc(l,2)).replace("h",l).replace("mm",Uc(u,2)).replace("m",u).replace("ss",Uc(h,2)).replace("s",h).replace("SSS",Uc(c,3))},capitalFirst:function(t){return t?t.charAt(0).toUpperCase()+t.substr(1):t},truncateText:sa,getTextRect:function(t,e,n,i,r,o,a,s){return new Fs({style:{text:t,font:e,align:n,verticalAlign:i,padding:r,rich:o,overflow:a?"truncate":null,lineHeight:s}}).getBoundingRect()}}),X_=Object.freeze({__proto__:null,map:z,each:E,indexOf:P,inherits:O,reduce:V,filter:B,bind:W,curry:H,isArray:Y,isString:U,isObject:q,isFunction:X,extend:A,defaults:k,clone:T,merge:C}),U_=Oo();function Z_(t){return"category"===t.type?function(t){var e=t.getLabelModel(),n=q_(t,e);return!e.get("show")||t.scale.isBlank()?{labels:[],labelCategoryInterval:n.labelCategoryInterval}:n}(t):function(t){var e=t.scale.getTicks(),n=x_(t);return{labels:z(e,(function(e,i){return{level:e.level,formattedLabel:n(e,i),rawLabel:t.scale.getLabel(e),tickValue:e.value}}))}}(t)}function j_(t,e){return"category"===t.type?function(t,e){var n,i,r=K_(t,"ticks"),o=w_(e),a=$_(r,o);if(a)return a;e.get("show")&&!t.scale.isBlank()||(n=[]);if(X(o))n=tb(t,o,!0);else if("auto"===o){var s=q_(t,t.getLabelModel());i=s.labelCategoryInterval,n=z(s.labels,(function(t){return t.tickValue}))}else n=Q_(t,i=o,!0);return J_(r,o,{ticks:n,tickCategoryInterval:i})}(t,e):{ticks:z(t.scale.getTicks(),(function(t){return t.value}))}}function q_(t,e){var n,i,r=K_(t,"labels"),o=w_(e),a=$_(r,o);return a||(X(o)?n=tb(t,o):(i="auto"===o?function(t){var e=U_(t).autoInterval;return null!=e?e:U_(t).autoInterval=t.calculateCategoryInterval()}(t):o,n=Q_(t,i)),J_(r,o,{labels:n,labelCategoryInterval:i}))}function K_(t,e){return U_(t)[e]||(U_(t)[e]=[])}function $_(t,e){for(var n=0;n<t.length;n++)if(t[n].key===e)return t[n].value}function J_(t,e,n){return t.push({key:e,value:n}),n}function Q_(t,e,n){var i=x_(t),r=t.scale,o=r.getExtent(),a=t.getLabelModel(),s=[],l=Math.max((e||0)+1,1),u=o[0],h=r.count();0!==u&&l>1&&h/l>2&&(u=Math.round(Math.ceil(u/l)*l));var c=S_(t),p=a.get("showMinLabel")||c,d=a.get("showMaxLabel")||c;p&&u!==o[0]&&g(o[0]);for(var f=u;f<=o[1];f+=l)g(f);function g(t){var e={value:t};s.push(n?t:{formattedLabel:i(e),rawLabel:r.getLabel(e),tickValue:t})}return d&&f-l!==o[1]&&g(o[1]),s}function tb(t,e,n){var i=t.scale,r=x_(t),o=[];return E(i.getTicks(),(function(t){var a=i.getLabel(t),s=t.value;e(t.value,a)&&o.push(n?s:{formattedLabel:r(t),rawLabel:a,tickValue:s})})),o}var eb=[0,1],nb=function(){function t(t,e,n){this.onBand=!1,this.inverse=!1,this.dim=t,this.scale=e,this._extent=n||[0,0]}return t.prototype.contain=function(t){var e=this._extent,n=Math.min(e[0],e[1]),i=Math.max(e[0],e[1]);return t>=n&&t<=i},t.prototype.containData=function(t){return this.scale.contain(t)},t.prototype.getExtent=function(){return this._extent.slice()},t.prototype.getPixelPrecision=function(t){return $r(t||this.scale.getExtent(),this._extent)},t.prototype.setExtent=function(t,e){var n=this._extent;n[0]=t,n[1]=e},t.prototype.dataToCoord=function(t,e){var n=this._extent,i=this.scale;return t=i.normalize(t),this.onBand&&"ordinal"===i.type&&ib(n=n.slice(),i.count()),Xr(t,eb,n,e)},t.prototype.coordToData=function(t,e){var n=this._extent,i=this.scale;this.onBand&&"ordinal"===i.type&&ib(n=n.slice(),i.count());var r=Xr(t,n,eb,e);return this.scale.scale(r)},t.prototype.pointToData=function(t,e){},t.prototype.getTicksCoords=function(t){var e=(t=t||{}).tickModel||this.getTickModel(),n=z(j_(this,e).ticks,(function(t){return{coord:this.dataToCoord("ordinal"===this.scale.type?this.scale.getRawOrdinalNumber(t):t),tickValue:t}}),this);return function(t,e,n,i){var r=e.length;if(!t.onBand||n||!r)return;var o,a,s=t.getExtent();if(1===r)e[0].coord=s[0],o=e[1]={coord:s[1]};else{var l=e[r-1].tickValue-e[0].tickValue,u=(e[r-1].coord-e[0].coord)/l;E(e,(function(t){t.coord-=u/2})),a=1+t.scale.getExtent()[1]-e[r-1].tickValue,o={coord:e[r-1].coord+u*a},e.push(o)}var h=s[0]>s[1];c(e[0].coord,s[0])&&(i?e[0].coord=s[0]:e.shift());i&&c(s[0],e[0].coord)&&e.unshift({coord:s[0]});c(s[1],o.coord)&&(i?o.coord=s[1]:e.pop());i&&c(o.coord,s[1])&&e.push({coord:s[1]});function c(t,e){return t=Zr(t),e=Zr(e),h?t>e:t<e}}(this,n,e.get("alignWithLabel"),t.clamp),n},t.prototype.getMinorTicksCoords=function(){if("ordinal"===this.scale.type)return[];var t=this.model.getModel("minorTick").get("splitNumber");return t>0&&t<100||(t=5),z(this.scale.getMinorTicks(t),(function(t){return z(t,(function(t){return{coord:this.dataToCoord(t),tickValue:t}}),this)}),this)},t.prototype.getViewLabels=function(){return Z_(this).labels},t.prototype.getLabelModel=function(){return this.model.getModel("axisLabel")},t.prototype.getTickModel=function(){return this.model.getModel("axisTick")},t.prototype.getBandWidth=function(){var t=this._extent,e=this.scale.getExtent(),n=e[1]-e[0]+(this.onBand?1:0);0===n&&(n=1);var i=Math.abs(t[1]-t[0]);return Math.abs(i)/n},t.prototype.calculateCategoryInterval=function(){return function(t){var e=function(t){var e=t.getLabelModel();return{axisRotate:t.getRotate?t.getRotate():t.isHorizontal&&!t.isHorizontal()?90:0,labelRotate:e.get("rotate")||0,font:e.getFont()}}(t),n=x_(t),i=(e.axisRotate-e.labelRotate)/180*Math.PI,r=t.scale,o=r.getExtent(),a=r.count();if(o[1]-o[0]<1)return 0;var s=1;a>40&&(s=Math.max(1,Math.floor(a/40)));for(var l=o[0],u=t.dataToCoord(l+1)-t.dataToCoord(l),h=Math.abs(u*Math.cos(i)),c=Math.abs(u*Math.sin(i)),p=0,d=0;l<=o[1];l+=s){var f,g,y=br(n({value:l}),e.font,"center","top");f=1.3*y.width,g=1.3*y.height,p=Math.max(p,f,7),d=Math.max(d,g,7)}var v=p/h,m=d/c;isNaN(v)&&(v=1/0),isNaN(m)&&(m=1/0);var x=Math.max(0,Math.floor(Math.min(v,m))),_=U_(t.model),b=t.getExtent(),w=_.lastAutoInterval,S=_.lastTickCount;return null!=w&&null!=S&&Math.abs(w-x)<=1&&Math.abs(S-a)<=1&&w>x&&_.axisExtent0===b[0]&&_.axisExtent1===b[1]?x=w:(_.lastTickCount=a,_.lastAutoInterval=x,_.axisExtent0=b[0],_.axisExtent1=b[1]),x}(this)},t}();function ib(t,e){var n=(t[1]-t[0])/e/2;t[0]+=n,t[1]-=n}var rb=2*Math.PI,ob=os.CMD,ab=["top","right","bottom","left"];function sb(t,e,n,i,r){var o=n.width,a=n.height;switch(t){case"top":i.set(n.x+o/2,n.y-e),r.set(0,-1);break;case"bottom":i.set(n.x+o/2,n.y+a+e),r.set(0,1);break;case"left":i.set(n.x-e,n.y+a/2),r.set(-1,0);break;case"right":i.set(n.x+o+e,n.y+a/2),r.set(1,0)}}function lb(t,e,n,i,r,o,a,s,l){a-=t,s-=e;var u=Math.sqrt(a*a+s*s),h=(a/=u)*n+t,c=(s/=u)*n+e;if(Math.abs(i-r)%rb<1e-4)return l[0]=h,l[1]=c,u-n;if(o){var p=i;i=hs(r),r=hs(p)}else i=hs(i),r=hs(r);i>r&&(r+=rb);var d=Math.atan2(s,a);if(d<0&&(d+=rb),d>=i&&d<=r||d+rb>=i&&d+rb<=r)return l[0]=h,l[1]=c,u-n;var f=n*Math.cos(i)+t,g=n*Math.sin(i)+e,y=n*Math.cos(r)+t,v=n*Math.sin(r)+e,m=(f-a)*(f-a)+(g-s)*(g-s),x=(y-a)*(y-a)+(v-s)*(v-s);return m<x?(l[0]=f,l[1]=g,Math.sqrt(m)):(l[0]=y,l[1]=v,Math.sqrt(x))}function ub(t,e,n,i,r,o,a,s){var l=r-t,u=o-e,h=n-t,c=i-e,p=Math.sqrt(h*h+c*c),d=(l*(h/=p)+u*(c/=p))/p;s&&(d=Math.min(Math.max(d,0),1)),d*=p;var f=a[0]=t+d*h,g=a[1]=e+d*c;return Math.sqrt((f-r)*(f-r)+(g-o)*(g-o))}function hb(t,e,n,i,r,o,a){n<0&&(t+=n,n=-n),i<0&&(e+=i,i=-i);var s=t+n,l=e+i,u=a[0]=Math.min(Math.max(r,t),s),h=a[1]=Math.min(Math.max(o,e),l);return Math.sqrt((u-r)*(u-r)+(h-o)*(h-o))}var cb=[];function pb(t,e,n){var i=hb(e.x,e.y,e.width,e.height,t.x,t.y,cb);return n.set(cb[0],cb[1]),i}function db(t,e,n){for(var i,r,o=0,a=0,s=0,l=0,u=1/0,h=e.data,c=t.x,p=t.y,d=0;d<h.length;){var f=h[d++];1===d&&(s=o=h[d],l=a=h[d+1]);var g=u;switch(f){case ob.M:o=s=h[d++],a=l=h[d++];break;case ob.L:g=ub(o,a,h[d],h[d+1],c,p,cb,!0),o=h[d++],a=h[d++];break;case ob.C:g=Sn(o,a,h[d++],h[d++],h[d++],h[d++],h[d],h[d+1],c,p,cb),o=h[d++],a=h[d++];break;case ob.Q:g=An(o,a,h[d++],h[d++],h[d],h[d+1],c,p,cb),o=h[d++],a=h[d++];break;case ob.A:var y=h[d++],v=h[d++],m=h[d++],x=h[d++],_=h[d++],b=h[d++];d+=1;var w=!!(1-h[d++]);i=Math.cos(_)*m+y,r=Math.sin(_)*x+v,d<=1&&(s=i,l=r),g=lb(y,v,x,_,_+b,w,(c-y)*x/m+y,p,cb),o=Math.cos(_+b)*m+y,a=Math.sin(_+b)*x+v;break;case ob.R:g=hb(s=o=h[d++],l=a=h[d++],h[d++],h[d++],c,p,cb);break;case ob.Z:g=ub(o,a,s,l,c,p,cb,!0),o=s,a=l}g<u&&(u=g,n.set(cb[0],cb[1]))}return u}var fb=new De,gb=new De,yb=new De,vb=new De,mb=new De;function xb(t,e){if(t){var n=t.getTextGuideLine(),i=t.getTextContent();if(i&&n){var r=t.textGuideLineConfig||{},o=[[0,0],[0,0],[0,0]],a=r.candidates||ab,s=i.getBoundingRect().clone();s.applyTransform(i.getComputedTransform());var l=1/0,u=r.anchor,h=t.getComputedTransform(),c=h&&Ie([],h),p=e.get("length2")||0;u&&yb.copy(u);for(var d=0;d<a.length;d++){sb(a[d],0,s,fb,vb),De.scaleAndAdd(gb,fb,vb,p),gb.transform(c);var f=t.getBoundingRect(),g=u?u.distance(gb):t instanceof Is?db(gb,t.path,yb):pb(gb,f,yb);g<l&&(l=g,gb.transform(h),yb.transform(h),yb.toArray(o[0]),gb.toArray(o[1]),fb.toArray(o[2]))}wb(o,e.get("minTurnAngle")),n.setShape({points:o})}}}var _b=[],bb=new De;function wb(t,e){if(e<=180&&e>0){e=e/180*Math.PI,fb.fromArray(t[0]),gb.fromArray(t[1]),yb.fromArray(t[2]),De.sub(vb,fb,gb),De.sub(mb,yb,gb);var n=vb.len(),i=mb.len();if(!(n<.001||i<.001)){vb.scale(1/n),mb.scale(1/i);var r=vb.dot(mb);if(Math.cos(e)<r){var o=ub(gb.x,gb.y,yb.x,yb.y,fb.x,fb.y,_b,!1);bb.fromArray(_b),bb.scaleAndAdd(mb,o/Math.tan(Math.PI-e));var a=yb.x!==gb.x?(bb.x-gb.x)/(yb.x-gb.x):(bb.y-gb.y)/(yb.y-gb.y);if(isNaN(a))return;a<0?De.copy(bb,gb):a>1&&De.copy(bb,yb),bb.toArray(t[1])}}}}function Sb(t,e,n){if(n<=180&&n>0){n=n/180*Math.PI,fb.fromArray(t[0]),gb.fromArray(t[1]),yb.fromArray(t[2]),De.sub(vb,gb,fb),De.sub(mb,yb,gb);var i=vb.len(),r=mb.len();if(!(i<.001||r<.001))if(vb.scale(1/i),mb.scale(1/r),vb.dot(e)<Math.cos(n)){var o=ub(gb.x,gb.y,yb.x,yb.y,fb.x,fb.y,_b,!1);bb.fromArray(_b);var a=Math.PI/2,s=a+Math.acos(mb.dot(e))-n;if(s>=a)De.copy(bb,yb);else{bb.scaleAndAdd(mb,o/Math.tan(Math.PI/2-s));var l=yb.x!==gb.x?(bb.x-gb.x)/(yb.x-gb.x):(bb.y-gb.y)/(yb.y-gb.y);if(isNaN(l))return;l<0?De.copy(bb,gb):l>1&&De.copy(bb,yb)}bb.toArray(t[1])}}}function Mb(t,e,n,i){var r="normal"===n,o=r?t:t.ensureState(n);o.ignore=e;var a=i.get("smooth");a&&!0===a&&(a=.3),o.shape=o.shape||{},a>0&&(o.shape.smooth=a);var s=i.getModel("lineStyle").getLineStyle();r?t.useStyle(s):o.style=s}function Ib(t,e){var n=e.smooth,i=e.points;if(i)if(t.moveTo(i[0][0],i[0][1]),n>0&&i.length>=3){var r=Vt(i[0],i[1]),o=Vt(i[1],i[2]);if(!r||!o)return t.lineTo(i[1][0],i[1][1]),void t.lineTo(i[2][0],i[2][1]);var a=Math.min(r,o)*n,s=Gt([],i[1],i[0],a/r),l=Gt([],i[1],i[2],a/o),u=Gt([],s,l,.5);t.bezierCurveTo(s[0],s[1],s[0],s[1],u[0],u[1]),t.bezierCurveTo(l[0],l[1],l[0],l[1],i[2][0],i[2][1])}else for(var h=1;h<i.length;h++)t.lineTo(i[h][0],i[h][1])}function Tb(t,e,n){var i=t.getTextGuideLine(),r=t.getTextContent();if(r){for(var o=e.normal,a=o.get("show"),s=r.ignore,l=0;l<al.length;l++){var u=al[l],h=e[u],c="normal"===u;if(h){var p=h.get("show");if((c?s:rt(r.states[u]&&r.states[u].ignore,s))||!rt(p,a)){var d=c?i:i&&i.states[u];d&&(d.ignore=!0);continue}i||(i=new Yu,t.setTextGuideLine(i),c||!s&&a||Mb(i,!0,"normal",e.normal),t.stateProxy&&(i.stateProxy=t.stateProxy)),Mb(i,!1,u,h)}}if(i){k(i.style,n),i.style.fill=null;var f=o.get("showAbove");(t.textGuideLineConfig=t.textGuideLineConfig||{}).showAbove=f||!1,i.buildPath=Ib}}else i&&t.removeTextGuideLine()}function Cb(t,e){e=e||"labelLine";for(var n={normal:t.getModel(e)},i=0;i<ol.length;i++){var r=ol[i];n[r]=t.getModel([r,e])}return n}function Db(t){for(var e=[],n=0;n<t.length;n++){var i=t[n];if(!i.defaultAttr.ignore){var r=i.label,o=r.getComputedTransform(),a=r.getBoundingRect(),s=!o||o[1]<1e-5&&o[2]<1e-5,l=r.style.margin||0,u=a.clone();u.applyTransform(o),u.x-=l/2,u.y-=l/2,u.width+=l,u.height+=l;var h=s?new lh(a,o):null;e.push({label:r,labelLine:i.labelLine,rect:u,localRect:a,obb:h,priority:i.priority,defaultAttr:i.defaultAttr,layoutOption:i.computedLayoutOption,axisAligned:s,transform:o})}}return e}function Ab(t,e,n,i,r,o){var a=t.length;if(!(a<2)){t.sort((function(t,n){return t.rect[e]-n.rect[e]}));for(var s,l=0,u=!1,h=0,c=0;c<a;c++){var p=t[c],d=p.rect;(s=d[e]-l)<0&&(d[e]-=s,p.label[e]-=s,u=!0),h+=Math.max(-s,0),l=d[e]+d[n]}h>0&&o&&_(-h/a,0,a);var f,g,y=t[0],v=t[a-1];return m(),f<0&&b(-f,.8),g<0&&b(g,.8),m(),x(f,g,1),x(g,f,-1),m(),f<0&&w(-f),g<0&&w(g),u}function m(){f=y.rect[e]-i,g=r-v.rect[e]-v.rect[n]}function x(t,e,n){if(t<0){var i=Math.min(e,-t);if(i>0){_(i*n,0,a);var r=i+t;r<0&&b(-r*n,1)}else b(-t*n,1)}}function _(n,i,r){0!==n&&(u=!0);for(var o=i;o<r;o++){var a=t[o];a.rect[e]+=n,a.label[e]+=n}}function b(i,r){for(var o=[],s=0,l=1;l<a;l++){var u=t[l-1].rect,h=Math.max(t[l].rect[e]-u[e]-u[n],0);o.push(h),s+=h}if(s){var c=Math.min(Math.abs(i)/s,r);if(i>0)for(l=0;l<a-1;l++){_(o[l]*c,0,l+1)}else for(l=a-1;l>0;l--){_(-(o[l-1]*c),l,a)}}}function w(t){var e=t<0?-1:1;t=Math.abs(t);for(var n=Math.ceil(t/(a-1)),i=0;i<a-1;i++)if(e>0?_(n,0,i+1):_(-n,a-i-1,a),(t-=n)<=0)return}}function kb(t,e,n,i){return Ab(t,"y","height",e,n,i)}function Lb(t){var e=[];t.sort((function(t,e){return e.priority-t.priority}));var n=new ze(0,0,0,0);function i(t){if(!t.ignore){var e=t.ensureState("emphasis");null==e.ignore&&(e.ignore=!1)}t.ignore=!0}for(var r=0;r<t.length;r++){var o=t[r],a=o.axisAligned,s=o.localRect,l=o.transform,u=o.label,h=o.labelLine;n.copy(o.rect),n.width-=.1,n.height-=.1,n.x+=.05,n.y+=.05;for(var c=o.obb,p=!1,d=0;d<e.length;d++){var f=e[d];if(n.intersect(f.rect)){if(a&&f.axisAligned){p=!0;break}if(f.obb||(f.obb=new lh(f.localRect,f.transform)),c||(c=new lh(s,l)),c.intersect(f.obb)){p=!0;break}}}p?(i(u),h&&i(h)):(u.attr("ignore",o.defaultAttr.ignore),h&&h.attr("ignore",o.defaultAttr.labelGuideIgnore),e.push(o))}}function Pb(t){if(t){for(var e=[],n=0;n<t.length;n++)e.push(t[n].slice());return e}}function Ob(t,e){var n=t.label,i=e&&e.getTextGuideLine();return{dataIndex:t.dataIndex,dataType:t.dataType,seriesIndex:t.seriesModel.seriesIndex,text:t.label.style.text,rect:t.hostRect,labelRect:t.rect,align:n.style.align,verticalAlign:n.style.verticalAlign,labelLinePoints:Pb(i&&i.shape.points)}}var Rb=["align","verticalAlign","width","height","fontSize"],Nb=new gr,Eb=Oo(),zb=Oo();function Vb(t,e,n){for(var i=0;i<n.length;i++){var r=n[i];null!=e[r]&&(t[r]=e[r])}}var Bb=["x","y","rotation"],Fb=function(){function t(){this._labelList=[],this._chartViewList=[]}return t.prototype.clearLabels=function(){this._labelList=[],this._chartViewList=[]},t.prototype._addLabel=function(t,e,n,i,r){var o=i.style,a=i.__hostTarget.textConfig||{},s=i.getComputedTransform(),l=i.getBoundingRect().plain();ze.applyTransform(l,l,s),s?Nb.setLocalTransform(s):(Nb.x=Nb.y=Nb.rotation=Nb.originX=Nb.originY=0,Nb.scaleX=Nb.scaleY=1),Nb.rotation=hs(Nb.rotation);var u,h=i.__hostTarget;if(h){u=h.getBoundingRect().plain();var c=h.getComputedTransform();ze.applyTransform(u,u,c)}var p=u&&h.getTextGuideLine();this._labelList.push({label:i,labelLine:p,seriesModel:n,dataIndex:t,dataType:e,layoutOption:r,computedLayoutOption:null,rect:l,hostRect:u,priority:u?u.width*u.height:0,defaultAttr:{ignore:i.ignore,labelGuideIgnore:p&&p.ignore,x:Nb.x,y:Nb.y,scaleX:Nb.scaleX,scaleY:Nb.scaleY,rotation:Nb.rotation,style:{x:o.x,y:o.y,align:o.align,verticalAlign:o.verticalAlign,width:o.width,height:o.height,fontSize:o.fontSize},cursor:i.cursor,attachedPos:a.position,attachedRot:a.rotation}})},t.prototype.addLabelsOfSeries=function(t){var e=this;this._chartViewList.push(t);var n=t.__model,i=n.get("labelLayout");(X(i)||G(i).length)&&t.group.traverse((function(t){if(t.ignore)return!0;var r=t.getTextContent(),o=Qs(t);r&&!r.disableLabelLayout&&e._addLabel(o.dataIndex,o.dataType,n,r,i)}))},t.prototype.updateLayoutConfig=function(t){var e=t.getWidth(),n=t.getHeight();function i(t,e){return function(){xb(t,e)}}for(var r=0;r<this._labelList.length;r++){var o=this._labelList[r],a=o.label,s=a.__hostTarget,l=o.defaultAttr,u=void 0;u=(u=X(o.layoutOption)?o.layoutOption(Ob(o,s)):o.layoutOption)||{},o.computedLayoutOption=u;var h=Math.PI/180;s&&s.setTextConfig({local:!1,position:null!=u.x||null!=u.y?null:l.attachedPos,rotation:null!=u.rotate?u.rotate*h:l.attachedRot,offset:[u.dx||0,u.dy||0]});var c=!1;if(null!=u.x?(a.x=Ur(u.x,e),a.setStyle("x",0),c=!0):(a.x=l.x,a.setStyle("x",l.style.x)),null!=u.y?(a.y=Ur(u.y,n),a.setStyle("y",0),c=!0):(a.y=l.y,a.setStyle("y",l.style.y)),u.labelLinePoints){var p=s.getTextGuideLine();p&&(p.setShape({points:u.labelLinePoints}),c=!1)}Eb(a).needsUpdateLabelLine=c,a.rotation=null!=u.rotate?u.rotate*h:l.rotation,a.scaleX=l.scaleX,a.scaleY=l.scaleY;for(var d=0;d<Rb.length;d++){var f=Rb[d];a.setStyle(f,null!=u[f]?u[f]:l.style[f])}if(u.draggable){if(a.draggable=!0,a.cursor="move",s){var g=o.seriesModel;if(null!=o.dataIndex)g=o.seriesModel.getData(o.dataType).getItemModel(o.dataIndex);a.on("drag",i(s,g.getModel("labelLine")))}}else a.off("drag"),a.cursor=l.cursor}},t.prototype.layout=function(t){var e,n=t.getWidth(),i=t.getHeight(),r=Db(this._labelList),o=B(r,(function(t){return"shiftX"===t.layoutOption.moveOverlap})),a=B(r,(function(t){return"shiftY"===t.layoutOption.moveOverlap}));Ab(o,"x","width",0,n,e),kb(a,0,i),Lb(B(r,(function(t){return t.layoutOption.hideOverlap})))},t.prototype.processLabelsOverall=function(){var t=this;E(this._chartViewList,(function(e){var n=e.__model,i=e.ignoreLabelLineUpdate,r=n.isAnimationEnabled();e.group.traverse((function(e){if(e.ignore&&!e.forceLabelAnimation)return!0;var o=!i,a=e.getTextContent();!o&&a&&(o=Eb(a).needsUpdateLabelLine),o&&t._updateLabelLine(e,n),r&&t._animateLabels(e,n)}))}))},t.prototype._updateLabelLine=function(t,e){var n=t.getTextContent(),i=Qs(t),r=i.dataIndex;if(n&&null!=r){var o=e.getData(i.dataType),a=o.getItemModel(r),s={},l=o.getItemVisual(r,"style");if(l){var u=o.getVisual("drawType");s.stroke=l[u]}var h=a.getModel("labelLine");Tb(t,Cb(a),s),xb(t,h)}},t.prototype._animateLabels=function(t,e){var n=t.getTextContent(),i=t.getTextGuideLine();if(n&&(t.forceLabelAnimation||!n.ignore&&!n.invisible&&!t.disableLabelAnimation&&!yh(t))){var r=(d=Eb(n)).oldLayout,o=Qs(t),a=o.dataIndex,s={x:n.x,y:n.y,rotation:n.rotation},l=e.getData(o.dataType);if(r){n.attr(r);var u=t.prevStates;u&&(P(u,"select")>=0&&n.attr(d.oldLayoutSelect),P(u,"emphasis")>=0&&n.attr(d.oldLayoutEmphasis)),fh(n,s,e,a)}else if(n.attr(s),!uc(n).valueAnimation){var h=rt(n.style.opacity,1);n.style.opacity=0,gh(n,{style:{opacity:h}},e,a)}if(d.oldLayout=s,n.states.select){var c=d.oldLayoutSelect={};Vb(c,s,Bb),Vb(c,n.states.select,Bb)}if(n.states.emphasis){var p=d.oldLayoutEmphasis={};Vb(p,s,Bb),Vb(p,n.states.emphasis,Bb)}cc(n,a,l,e,e)}if(i&&!i.ignore&&!i.invisible){r=(d=zb(i)).oldLayout;var d,f={points:i.shape.points};r?(i.attr({shape:r}),fh(i,{shape:f},e)):(i.setShape(f),i.style.strokePercent=0,gh(i,{style:{strokePercent:1}},e)),d.oldLayout=f}},t}(),Gb=Oo();var Wb=Math.sin,Hb=Math.cos,Yb=Math.PI,Xb=2*Math.PI,Ub=180/Yb,Zb=function(){function t(){}return t.prototype.reset=function(t){this._start=!0,this._d=[],this._str="",this._p=Math.pow(10,t||4)},t.prototype.moveTo=function(t,e){this._add("M",t,e)},t.prototype.lineTo=function(t,e){this._add("L",t,e)},t.prototype.bezierCurveTo=function(t,e,n,i,r,o){this._add("C",t,e,n,i,r,o)},t.prototype.quadraticCurveTo=function(t,e,n,i){this._add("Q",t,e,n,i)},t.prototype.arc=function(t,e,n,i,r,o){this.ellipse(t,e,n,n,0,i,r,o)},t.prototype.ellipse=function(t,e,n,i,r,o,a,s){var l=a-o,u=!s,h=Math.abs(l),c=hi(h-Xb)||(u?l>=Xb:-l>=Xb),p=l>0?l%Xb:l%Xb+Xb,d=!1;d=!!c||!hi(h)&&p>=Yb==!!u;var f=t+n*Hb(o),g=e+i*Wb(o);this._start&&this._add("M",f,g);var y=Math.round(r*Ub);if(c){var v=1/this._p,m=(u?1:-1)*(Xb-v);this._add("A",n,i,y,1,+u,t+n*Hb(o+m),e+i*Wb(o+m)),v>.01&&this._add("A",n,i,y,0,+u,f,g)}else{var x=t+n*Hb(a),_=e+i*Wb(a);this._add("A",n,i,y,+d,+u,x,_)}},t.prototype.rect=function(t,e,n,i){this._add("M",t,e),this._add("l",n,0),this._add("l",0,i),this._add("l",-n,0),this._add("Z")},t.prototype.closePath=function(){this._d.length>0&&this._add("Z")},t.prototype._add=function(t,e,n,i,r,o,a,s,l){for(var u=[],h=this._p,c=1;c<arguments.length;c++){var p=arguments[c];if(isNaN(p))return void(this._invalid=!0);u.push(Math.round(p*h)/h)}this._d.push(t+u.join(" ")),this._start="Z"===t},t.prototype.generateStr=function(){this._str=this._invalid?"":this._d.join(""),this._d=[]},t.prototype.getStr=function(){return this._str},t}(),jb="none",qb=Math.round;var Kb=["lineCap","miterLimit","lineJoin"],$b=z(Kb,(function(t){return"stroke-"+t.toLowerCase()}));function Jb(t,e,n,i){var r=null==e.opacity?1:e.opacity;if(n instanceof ks)t("opacity",r);else{if(function(t){var e=t.fill;return null!=e&&e!==jb}(e)){var o=li(e.fill);t("fill",o.color);var a=null!=e.fillOpacity?e.fillOpacity*o.opacity*r:o.opacity*r;(i||a<1)&&t("fill-opacity",a)}else t("fill",jb);if(function(t){var e=t.stroke;return null!=e&&e!==jb}(e)){var s=li(e.stroke);t("stroke",s.color);var l=e.strokeNoScale?n.getLineScale():1,u=l?(e.lineWidth||0)/l:0,h=null!=e.strokeOpacity?e.strokeOpacity*s.opacity*r:s.opacity*r,c=e.strokeFirst;if((i||1!==u)&&t("stroke-width",u),(i||c)&&t("paint-order",c?"stroke":"fill"),(i||h<1)&&t("stroke-opacity",h),e.lineDash){var p=qy(n),d=p[0],f=p[1];d&&(f=qb(f||0),t("stroke-dasharray",d.join(",")),(f||i)&&t("stroke-dashoffset",f))}else i&&t("stroke-dasharray",jb);for(var g=0;g<Kb.length;g++){var y=Kb[g];if(i||e[y]!==ws[y]){var v=e[y]||ws[y];v&&t($b[g],v)}}}else i&&t("stroke",jb)}}var Qb="http://www.w3.org/2000/svg",tw="http://www.w3.org/1999/xlink";function ew(t){return document.createElementNS(Qb,t)}function nw(t,e,n,i,r){return{tag:t,attrs:n||{},children:i,text:r,key:e}}function iw(t,e){var n=(e=e||{}).newline?"\n":"";return function t(e){var i=e.children,r=e.tag,o=e.attrs,a=e.text;return function(t,e){var n=[];if(e)for(var i in e){var r=e[i],o=i;!1!==r&&(!0!==r&&null!=r&&(o+='="'+r+'"'),n.push(o))}return"<"+t+" "+n.join(" ")+">"}(r,o)+("style"!==r?re(a):a||"")+(i?""+n+z(i,(function(e){return t(e)})).join(n)+n:"")+("</"+r+">")}(t)}function rw(t){return{zrId:t,shadowCache:{},patternCache:{},gradientCache:{},clipPathCache:{},defs:{},cssNodes:{},cssAnims:{},cssClassIdx:0,cssAnimIdx:0,shadowIdx:0,gradientIdx:0,patternIdx:0,clipPathIdx:0}}function ow(t,e,n,i){return nw("svg","root",{width:t,height:e,xmlns:Qb,"xmlns:xlink":tw,version:"1.1",baseProfile:"full",viewBox:!!i&&"0 0 "+t+" "+e},n)}var aw={cubicIn:"0.32,0,0.67,0",cubicOut:"0.33,1,0.68,1",cubicInOut:"0.65,0,0.35,1",quadraticIn:"0.11,0,0.5,0",quadraticOut:"0.5,1,0.89,1",quadraticInOut:"0.45,0,0.55,1",quarticIn:"0.5,0,0.75,0",quarticOut:"0.25,1,0.5,1",quarticInOut:"0.76,0,0.24,1",quinticIn:"0.64,0,0.78,0",quinticOut:"0.22,1,0.36,1",quinticInOut:"0.83,0,0.17,1",sinusoidalIn:"0.12,0,0.39,0",sinusoidalOut:"0.61,1,0.88,1",sinusoidalInOut:"0.37,0,0.63,1",exponentialIn:"0.7,0,0.84,0",exponentialOut:"0.16,1,0.3,1",exponentialInOut:"0.87,0,0.13,1",circularIn:"0.55,0,1,0.45",circularOut:"0,0.55,0.45,1",circularInOut:"0.85,0,0.15,1"},sw="transform-origin";function lw(t,e,n){var i=A({},t.shape);A(i,e),t.buildPath(n,i);var r=new Zb;return r.reset(_i(t)),n.rebuildPath(r,1),r.generateStr(),r.getStr()}function uw(t,e){var n=e.originX,i=e.originY;(n||i)&&(t[sw]=n+"px "+i+"px")}var hw={fill:"fill",opacity:"opacity",lineWidth:"stroke-width",lineDashOffset:"stroke-dashoffset"};function cw(t,e){var n=e.zrId+"-ani-"+e.cssAnimIdx++;return e.cssAnims[n]=t,n}function pw(t){return U(t)?aw[t]?"cubic-bezier("+aw[t]+")":Pn(t)?t:"":""}function dw(t,e,n,i){var r=t.animators,o=r.length,a=[];if(t instanceof th){var s=function(t,e,n){var i,r,o=t.shape.paths,a={};if(E(o,(function(t){var e=rw(n.zrId);e.animation=!0,dw(t,{},e,!0);var o=e.cssAnims,s=e.cssNodes,l=G(o),u=l.length;if(u){var h=o[r=l[u-1]];for(var c in h){var p=h[c];a[c]=a[c]||{d:""},a[c].d+=p.d||""}for(var d in s){var f=s[d].animation;f.indexOf(r)>=0&&(i=f)}}})),i){e.d=!1;var s=cw(a,n);return i.replace(r,s)}}(t,e,n);if(s)a.push(s);else if(!o)return}else if(!o)return;for(var l={},u=0;u<o;u++){var h=r[u],c=[h.getMaxTime()/1e3+"s"],p=pw(h.getClip().easing),d=h.getDelay();p?c.push(p):c.push("linear"),d&&c.push(d/1e3+"s"),h.getLoop()&&c.push("infinite");var f=c.join(" ");l[f]=l[f]||[f,[]],l[f][1].push(h)}function g(r){var o,a=r[1],s=a.length,l={},u={},h={},c="animation-timing-function";function p(t,e,n){for(var i=t.getTracks(),r=t.getMaxTime(),o=0;o<i.length;o++){var a=i[o];if(a.needsAnimate()){var s=a.keyframes,l=a.propName;if(n&&(l=n(l)),l)for(var u=0;u<s.length;u++){var h=s[u],p=Math.round(h.time/r*100)+"%",d=pw(h.easing),f=h.rawValue;(U(f)||j(f))&&(e[p]=e[p]||{},e[p][l]=h.rawValue,d&&(e[p][c]=d))}}}}for(var d=0;d<s;d++){(S=(w=a[d]).targetName)?"shape"===S&&p(w,u):!i&&p(w,l)}for(var f in l){var g={};vr(g,t),A(g,l[f]);var y=bi(g),v=l[f][c];h[f]=y?{transform:y}:{},uw(h[f],g),v&&(h[f][c]=v)}var m=!0;for(var f in u){h[f]=h[f]||{};var x=!o;v=u[f][c];x&&(o=new os);var _=o.len();o.reset(),h[f].d=lw(t,u[f],o);var b=o.len();if(!x&&_!==b){m=!1;break}v&&(h[f][c]=v)}if(!m)for(var f in h)delete h[f].d;if(!i)for(d=0;d<s;d++){var w,S;"style"===(S=(w=a[d]).targetName)&&p(w,h,(function(t){return hw[t]}))}var M,I=G(h),T=!0;for(d=1;d<I.length;d++){var C=I[d-1],D=I[d];if(h[C][sw]!==h[D][sw]){T=!1;break}M=h[C][sw]}if(T&&M){for(var f in h)h[f][sw]&&delete h[f][sw];e[sw]=M}if(B(I,(function(t){return G(h[t]).length>0})).length)return cw(h,n)+" "+r[0]+" both"}for(var y in l){(s=g(l[y]))&&a.push(s)}if(a.length){var v=n.zrId+"-cls-"+n.cssClassIdx++;n.cssNodes["."+v]={animation:a.join(",")},e.class=v}}var fw=Math.round;function gw(t){return t&&U(t.src)}function yw(t){return t&&X(t.toDataURL)}function vw(t,e,n,i){Jb((function(r,o){var a="fill"===r||"stroke"===r;a&&mi(o)?Cw(e,t,r,i):a&&gi(o)?Dw(n,t,r,i):t[r]=o}),e,n,!1),function(t,e,n){var i=t.style;if(function(t){return t&&(t.shadowBlur||t.shadowOffsetX||t.shadowOffsetY)}(i)){var r=function(t){var e=t.style,n=t.getGlobalScale();return[e.shadowColor,(e.shadowBlur||0).toFixed(2),(e.shadowOffsetX||0).toFixed(2),(e.shadowOffsetY||0).toFixed(2),n[0],n[1]].join(",")}(t),o=n.shadowCache,a=o[r];if(!a){var s=t.getGlobalScale(),l=s[0],u=s[1];if(!l||!u)return;var h=i.shadowOffsetX||0,c=i.shadowOffsetY||0,p=i.shadowBlur,d=li(i.shadowColor),f=d.opacity,g=d.color,y=p/2/l+" "+p/2/u;a=n.zrId+"-s"+n.shadowIdx++,n.defs[a]=nw("filter",a,{id:a,x:"-100%",y:"-100%",width:"300%",height:"300%"},[nw("feDropShadow","",{dx:h/l,dy:c/u,stdDeviation:y,"flood-color":g,"flood-opacity":f})]),o[r]=a}e.filter=xi(a)}}(n,t,i)}function mw(t){return hi(t[0]-1)&&hi(t[1])&&hi(t[2])&&hi(t[3]-1)}function xw(t,e,n){if(e&&(!function(t){return hi(t[4])&&hi(t[5])}(e)||!mw(e))){var i=n?10:1e4;t.transform=mw(e)?"translate("+fw(e[4]*i)/i+" "+fw(e[5]*i)/i+")":function(t){return"matrix("+ci(t[0])+","+ci(t[1])+","+ci(t[2])+","+ci(t[3])+","+pi(t[4])+","+pi(t[5])+")"}(e)}}function _w(t,e,n){for(var i=t.points,r=[],o=0;o<i.length;o++)r.push(fw(i[o][0]*n)/n),r.push(fw(i[o][1]*n)/n);e.points=r.join(" ")}function bw(t){return!t.smooth}var ww,Sw,Mw={circle:[(ww=["cx","cy","r"],Sw=z(ww,(function(t){return"string"==typeof t?[t,t]:t})),function(t,e,n){for(var i=0;i<Sw.length;i++){var r=Sw[i],o=t[r[0]];null!=o&&(e[r[1]]=fw(o*n)/n)}})],polyline:[_w,bw],polygon:[_w,bw]};function Iw(t,e){var n=t.style,i=t.shape,r=Mw[t.type],o={},a=e.animation,s="path",l=t.style.strokePercent,u=e.compress&&_i(t)||4;if(!r||e.willUpdate||r[1]&&!r[1](i)||a&&function(t){for(var e=t.animators,n=0;n<e.length;n++)if("shape"===e[n].targetName)return!0;return!1}(t)||l<1){var h=!t.path||t.shapeChanged();t.path||t.createPathProxy();var c=t.path;h&&(c.beginPath(),t.buildPath(c,t.shape),t.pathUpdated());var p=c.getVersion(),d=t,f=d.__svgPathBuilder;d.__svgPathVersion===p&&f&&l===d.__svgPathStrokePercent||(f||(f=d.__svgPathBuilder=new Zb),f.reset(u),c.rebuildPath(f,l),f.generateStr(),d.__svgPathVersion=p,d.__svgPathStrokePercent=l),o.d=f.getStr()}else{s=t.type;var g=Math.pow(10,u);r[0](i,o,g)}return xw(o,t.transform),vw(o,n,t,e),e.animation&&dw(t,o,e),nw(s,t.id+"",o)}function Tw(t,e){return t instanceof Is?Iw(t,e):t instanceof ks?function(t,e){var n=t.style,i=n.image;if(i&&!U(i)&&(gw(i)?i=i.src:yw(i)&&(i=i.toDataURL())),i){var r=n.x||0,o=n.y||0,a={href:i,width:n.width,height:n.height};return r&&(a.x=r),o&&(a.y=o),xw(a,t.transform),vw(a,n,t,e),e.animation&&dw(t,a,e),nw("image",t.id+"",a)}}(t,e):t instanceof Cs?function(t,e){var n=t.style,i=n.text;if(null!=i&&(i+=""),i&&!isNaN(n.x)&&!isNaN(n.y)){var r=n.font||a,s=n.x||0,l=function(t,e,n){return"top"===n?t+=e/2:"bottom"===n&&(t-=e/2),t}(n.y||0,Mr(r),n.textBaseline),u={"dominant-baseline":"central","text-anchor":di[n.textAlign]||n.textAlign};if(Us(n)){var h="",c=n.fontStyle,p=Ys(n.fontSize);if(!parseFloat(p))return;var d=n.fontFamily||o,f=n.fontWeight;h+="font-size:"+p+";font-family:"+d+";",c&&"normal"!==c&&(h+="font-style:"+c+";"),f&&"normal"!==f&&(h+="font-weight:"+f+";"),u.style=h}else u.style="font: "+r;return i.match(/\s/)&&(u["xml:space"]="preserve"),s&&(u.x=s),l&&(u.y=l),xw(u,t.transform),vw(u,n,t,e),e.animation&&dw(t,u,e),nw("text",t.id+"",u,void 0,i)}}(t,e):void 0}function Cw(t,e,n,i){var r,o=t[n],a={gradientUnits:o.global?"userSpaceOnUse":"objectBoundingBox"};if(yi(o))r="linearGradient",a.x1=o.x,a.y1=o.y,a.x2=o.x2,a.y2=o.y2;else{if(!vi(o))return void 0;r="radialGradient",a.cx=rt(o.x,.5),a.cy=rt(o.y,.5),a.r=rt(o.r,.5)}for(var s=o.colorStops,l=[],u=0,h=s.length;u<h;++u){var c=100*pi(s[u].offset)+"%",p=li(s[u].color),d=p.color,f=p.opacity,g={offset:c};g["stop-color"]=d,f<1&&(g["stop-opacity"]=f),l.push(nw("stop",u+"",g))}var y=iw(nw(r,"",a,l)),v=i.gradientCache,m=v[y];m||(m=i.zrId+"-g"+i.gradientIdx++,v[y]=m,a.id=m,i.defs[m]=nw(r,m,a,l)),e[n]=xi(m)}function Dw(t,e,n,i){var r,o=t.style[n],a=t.getBoundingRect(),s={},l=o.repeat,u="no-repeat"===l,h="repeat-x"===l,c="repeat-y"===l;if(fi(o)){var p=o.imageWidth,d=o.imageHeight,f=void 0,g=o.image;if(U(g)?f=g:gw(g)?f=g.src:yw(g)&&(f=g.toDataURL()),"undefined"==typeof Image){var y="Image width/height must been given explictly in svg-ssr renderer.";lt(p,y),lt(d,y)}else if(null==p||null==d){var v=function(t,e){if(t){var n=t.elm,i=p||e.width,r=d||e.height;"pattern"===t.tag&&(h?(r=1,i/=a.width):c&&(i=1,r/=a.height)),t.attrs.width=i,t.attrs.height=r,n&&(n.setAttribute("width",i),n.setAttribute("height",r))}},m=ia(f,null,t,(function(t){u||v(w,t),v(r,t)}));m&&m.width&&m.height&&(p=p||m.width,d=d||m.height)}r=nw("image","img",{href:f,width:p,height:d}),s.width=p,s.height=d}else o.svgElement&&(r=T(o.svgElement),s.width=o.svgWidth,s.height=o.svgHeight);if(r){var x,_;u?x=_=1:h?(_=1,x=s.width/a.width):c?(x=1,_=s.height/a.height):s.patternUnits="userSpaceOnUse",null==x||isNaN(x)||(s.width=x),null==_||isNaN(_)||(s.height=_);var b=bi(o);b&&(s.patternTransform=b);var w=nw("pattern","",s,[r]),S=iw(w),M=i.patternCache,I=M[S];I||(I=i.zrId+"-p"+i.patternIdx++,M[S]=I,s.id=I,w=i.defs[I]=nw("pattern",I,s,[r])),e[n]=xi(I)}}function Aw(t,e,n){var i=n.clipPathCache,r=n.defs,o=i[t.id];if(!o){var a={id:o=n.zrId+"-c"+n.clipPathIdx++};i[t.id]=o,r[o]=nw("clipPath",o,a,[Iw(t,n)])}e["clip-path"]=xi(o)}function kw(t){return document.createTextNode(t)}function Lw(t,e,n){t.insertBefore(e,n)}function Pw(t,e){t.removeChild(e)}function Ow(t,e){t.appendChild(e)}function Rw(t){return t.parentNode}function Nw(t){return t.nextSibling}function Ew(t,e){t.textContent=e}var zw=nw("","");function Vw(t){return void 0===t}function Bw(t){return void 0!==t}function Fw(t,e,n){for(var i={},r=e;r<=n;++r){var o=t[r].key;void 0!==o&&(i[o]=r)}return i}function Gw(t,e){var n=t.key===e.key;return t.tag===e.tag&&n}function Ww(t){var e,n=t.children,i=t.tag;if(Bw(i)){var r=t.elm=ew(i);if(Xw(zw,t),Y(n))for(e=0;e<n.length;++e){var o=n[e];null!=o&&Ow(r,Ww(o))}else Bw(t.text)&&!q(t.text)&&Ow(r,kw(t.text))}else t.elm=kw(t.text);return t.elm}function Hw(t,e,n,i,r){for(;i<=r;++i){var o=n[i];null!=o&&Lw(t,Ww(o),e)}}function Yw(t,e,n,i){for(;n<=i;++n){var r=e[n];if(null!=r)if(Bw(r.tag))Pw(Rw(r.elm),r.elm);else Pw(t,r.elm)}}function Xw(t,e){var n,i=e.elm,r=t&&t.attrs||{},o=e.attrs||{};if(r!==o){for(n in o){var a=o[n];r[n]!==a&&(!0===a?i.setAttribute(n,""):!1===a?i.removeAttribute(n):120!==n.charCodeAt(0)?i.setAttribute(n,a):"xmlns:xlink"===n||"xmlns"===n?i.setAttributeNS("http://www.w3.org/2000/xmlns/",n,a):58===n.charCodeAt(3)?i.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,a):58===n.charCodeAt(5)?i.setAttributeNS(tw,n,a):i.setAttribute(n,a))}for(n in r)n in o||i.removeAttribute(n)}}function Uw(t,e){var n=e.elm=t.elm,i=t.children,r=e.children;t!==e&&(Xw(t,e),Vw(e.text)?Bw(i)&&Bw(r)?i!==r&&function(t,e,n){for(var i,r,o,a=0,s=0,l=e.length-1,u=e[0],h=e[l],c=n.length-1,p=n[0],d=n[c];a<=l&&s<=c;)null==u?u=e[++a]:null==h?h=e[--l]:null==p?p=n[++s]:null==d?d=n[--c]:Gw(u,p)?(Uw(u,p),u=e[++a],p=n[++s]):Gw(h,d)?(Uw(h,d),h=e[--l],d=n[--c]):Gw(u,d)?(Uw(u,d),Lw(t,u.elm,Nw(h.elm)),u=e[++a],d=n[--c]):Gw(h,p)?(Uw(h,p),Lw(t,h.elm,u.elm),h=e[--l],p=n[++s]):(Vw(i)&&(i=Fw(e,a,l)),Vw(r=i[p.key])||(o=e[r]).tag!==p.tag?Lw(t,Ww(p),u.elm):(Uw(o,p),e[r]=void 0,Lw(t,o.elm,u.elm)),p=n[++s]);(a<=l||s<=c)&&(a>l?Hw(t,null==n[c+1]?null:n[c+1].elm,n,s,c):Yw(t,e,a,l))}(n,i,r):Bw(r)?(Bw(t.text)&&Ew(n,""),Hw(n,null,r,0,r.length-1)):Bw(i)?Yw(n,i,0,i.length-1):Bw(t.text)&&Ew(n,""):t.text!==e.text&&(Bw(i)&&Yw(n,i,0,i.length-1),Ew(n,e.text)))}var Zw=0,jw=function(){function t(t,e,n){if(this.type="svg",this.refreshHover=qw("refreshHover"),this.configLayer=qw("configLayer"),this.storage=e,this._opts=n=A({},n),this.root=t,this._id="zr"+Zw++,this._oldVNode=ow(n.width,n.height),t&&!n.ssr){var i=this._viewport=document.createElement("div");i.style.cssText="position:relative;overflow:hidden";var r=this._svgDom=this._oldVNode.elm=ew("svg");Xw(null,this._oldVNode),i.appendChild(r),t.appendChild(i)}this.resize(n.width,n.height)}return t.prototype.getType=function(){return this.type},t.prototype.getViewportRoot=function(){return this._viewport},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.getSvgDom=function(){return this._svgDom},t.prototype.refresh=function(){if(this.root){var t=this.renderToVNode({willUpdate:!0});t.attrs.style="position:absolute;left:0;top:0;user-select:none",function(t,e){if(Gw(t,e))Uw(t,e);else{var n=t.elm,i=Rw(n);Ww(e),null!==i&&(Lw(i,e.elm,Nw(n)),Yw(i,[t],0,0))}}(this._oldVNode,t),this._oldVNode=t}},t.prototype.renderOneToVNode=function(t){return Tw(t,rw(this._id))},t.prototype.renderToVNode=function(t){t=t||{};var e=this.storage.getDisplayList(!0),n=this._width,i=this._height,r=rw(this._id);r.animation=t.animation,r.willUpdate=t.willUpdate,r.compress=t.compress;var o=[],a=this._bgVNode=function(t,e,n,i){var r;if(n&&"none"!==n)if(r=nw("rect","bg",{width:t,height:e,x:"0",y:"0",id:"0"}),mi(n))Cw({fill:n},r.attrs,"fill",i);else if(gi(n))Dw({style:{fill:n},dirty:bt,getBoundingRect:function(){return{width:t,height:e}}},r.attrs,"fill",i);else{var o=li(n),a=o.color,s=o.opacity;r.attrs.fill=a,s<1&&(r.attrs["fill-opacity"]=s)}return r}(n,i,this._backgroundColor,r);a&&o.push(a);var s=t.compress?null:this._mainVNode=nw("g","main",{},[]);this._paintList(e,r,s?s.children:o),s&&o.push(s);var l=z(G(r.defs),(function(t){return r.defs[t]}));if(l.length&&o.push(nw("defs","defs",{},l)),t.animation){var u=function(t,e,n){var i=(n=n||{}).newline?"\n":"",r=" {"+i,o=i+"}",a=z(G(t),(function(e){return e+r+z(G(t[e]),(function(n){return n+":"+t[e][n]+";"})).join(i)+o})).join(i),s=z(G(e),(function(t){return"@keyframes "+t+r+z(G(e[t]),(function(n){return n+r+z(G(e[t][n]),(function(i){var r=e[t][n][i];return"d"===i&&(r='path("'+r+'")'),i+":"+r+";"})).join(i)+o})).join(i)+o})).join(i);return a||s?["<![CDATA[",a,s,"]]>"].join(i):""}(r.cssNodes,r.cssAnims,{newline:!0});if(u){var h=nw("style","stl",{},[],u);o.push(h)}}return ow(n,i,o,t.useViewBox)},t.prototype.renderToString=function(t){return t=t||{},iw(this.renderToVNode({animation:rt(t.cssAnimation,!0),willUpdate:!1,compress:!0,useViewBox:rt(t.useViewBox,!0)}),{newline:!0})},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t},t.prototype.getSvgRoot=function(){return this._mainVNode&&this._mainVNode.elm},t.prototype._paintList=function(t,e,n){for(var i,r,o=t.length,a=[],s=0,l=0,u=0;u<o;u++){var h=t[u];if(!h.invisible){var c=h.__clipPaths,p=c&&c.length||0,d=r&&r.length||0,f=void 0;for(f=Math.max(p-1,d-1);f>=0&&(!c||!r||c[f]!==r[f]);f--);for(var g=d-1;g>f;g--)i=a[--s-1];for(var y=f+1;y<p;y++){var v={};Aw(c[y],v,e);var m=nw("g","clip-g-"+l++,v,[]);(i?i.children:n).push(m),a[s++]=m,i=m}r=c;var x=Tw(h,e);x&&(i?i.children:n).push(x)}}},t.prototype.resize=function(t,e){var n=this._opts,i=this.root,r=this._viewport;if(null!=t&&(n.width=t),null!=e&&(n.height=e),i&&r&&(r.style.display="none",t=jy(i,0,n),e=jy(i,1,n),r.style.display=""),this._width!==t||this._height!==e){if(this._width=t,this._height=e,r){var o=r.style;o.width=t+"px",o.height=e+"px"}if(gi(this._backgroundColor))this.refresh();else{var a=this._svgDom;a&&(a.setAttribute("width",t),a.setAttribute("height",e));var s=this._bgVNode&&this._bgVNode.elm;s&&(s.setAttribute("width",t),s.setAttribute("height",e))}}},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t.prototype.dispose=function(){this.root&&(this.root.innerHTML=""),this._svgDom=this._viewport=this.storage=this._oldVNode=this._bgVNode=this._mainVNode=null},t.prototype.clear=function(){this._svgDom&&(this._svgDom.innerHTML=null),this._oldVNode=null},t.prototype.toDataURL=function(t){var e=this.renderToString(),n="data:image/svg+xml;";return t?(e=wi(e))&&n+"base64,"+e:n+"charset=UTF-8,"+encodeURIComponent(e)},t}();function qw(t){return function(){0}}function Kw(t,e,n){var i=h.createCanvas(),r=e.getWidth(),o=e.getHeight(),a=i.style;return a&&(a.position="absolute",a.left="0",a.top="0",a.width=r+"px",a.height=o+"px",i.setAttribute("data-zr-dom-id",t)),i.width=r*n,i.height=o*n,i}var $w=function(t){function e(e,n,i){var r,o=t.call(this)||this;o.motionBlur=!1,o.lastFrameAlpha=.7,o.dpr=1,o.virtual=!1,o.config={},o.incremental=!1,o.zlevel=0,o.maxRepaintRectCount=5,o.__dirty=!0,o.__firstTimePaint=!0,o.__used=!1,o.__drawIndex=0,o.__startIndex=0,o.__endIndex=0,o.__prevStartIndex=null,o.__prevEndIndex=null,i=i||or,"string"==typeof e?r=Kw(e,n,i):q(e)&&(e=(r=e).id),o.id=e,o.dom=r;var a=r.style;return a&&(xt(r),r.onselectstart=function(){return!1},a.padding="0",a.margin="0",a.borderWidth="0"),o.painter=n,o.dpr=i,o}return n(e,t),e.prototype.getElementCount=function(){return this.__endIndex-this.__startIndex},e.prototype.afterBrush=function(){this.__prevStartIndex=this.__startIndex,this.__prevEndIndex=this.__endIndex},e.prototype.initContext=function(){this.ctx=this.dom.getContext("2d"),this.ctx.dpr=this.dpr},e.prototype.setUnpainted=function(){this.__firstTimePaint=!0},e.prototype.createBackBuffer=function(){var t=this.dpr;this.domBack=Kw("back-"+this.id,this.painter,t),this.ctxBack=this.domBack.getContext("2d"),1!==t&&this.ctxBack.scale(t,t)},e.prototype.createRepaintRects=function(t,e,n,i){if(this.__firstTimePaint)return this.__firstTimePaint=!1,null;var r,o=[],a=this.maxRepaintRectCount,s=!1,l=new ze(0,0,0,0);function u(t){if(t.isFinite()&&!t.isZero())if(0===o.length){(e=new ze(0,0,0,0)).copy(t),o.push(e)}else{for(var e,n=!1,i=1/0,r=0,u=0;u<o.length;++u){var h=o[u];if(h.intersect(t)){var c=new ze(0,0,0,0);c.copy(h),c.union(t),o[u]=c,n=!0;break}if(s){l.copy(t),l.union(h);var p=t.width*t.height,d=h.width*h.height,f=l.width*l.height-p-d;f<i&&(i=f,r=u)}}if(s&&(o[r].union(t),n=!0),!n)(e=new ze(0,0,0,0)).copy(t),o.push(e);s||(s=o.length>=a)}}for(var h=this.__startIndex;h<this.__endIndex;++h){if(d=t[h]){var c=d.shouldBePainted(n,i,!0,!0);(f=d.__isRendered&&(1&d.__dirty||!c)?d.getPrevPaintRect():null)&&u(f);var p=c&&(1&d.__dirty||!d.__isRendered)?d.getPaintRect():null;p&&u(p)}}for(h=this.__prevStartIndex;h<this.__prevEndIndex;++h){var d,f;c=(d=e[h]).shouldBePainted(n,i,!0,!0);if(d&&(!c||!d.__zr)&&d.__isRendered)(f=d.getPrevPaintRect())&&u(f)}do{r=!1;for(h=0;h<o.length;)if(o[h].isZero())o.splice(h,1);else{for(var g=h+1;g<o.length;)o[h].intersect(o[g])?(r=!0,o[h].union(o[g]),o.splice(g,1)):g++;h++}}while(r);return this._paintRects=o,o},e.prototype.debugGetPaintRects=function(){return(this._paintRects||[]).slice()},e.prototype.resize=function(t,e){var n=this.dpr,i=this.dom,r=i.style,o=this.domBack;r&&(r.width=t+"px",r.height=e+"px"),i.width=t*n,i.height=e*n,o&&(o.width=t*n,o.height=e*n,1!==n&&this.ctxBack.scale(n,n))},e.prototype.clear=function(t,e,n){var i=this.dom,r=this.ctx,o=i.width,a=i.height;e=e||this.clearColor;var s=this.motionBlur&&!t,l=this.lastFrameAlpha,u=this.dpr,h=this;s&&(this.domBack||this.createBackBuffer(),this.ctxBack.globalCompositeOperation="copy",this.ctxBack.drawImage(i,0,0,o/u,a/u));var c=this.domBack;function p(t,n,i,o){if(r.clearRect(t,n,i,o),e&&"transparent"!==e){var a=void 0;if(Q(e))a=(e.global||e.__width===i&&e.__height===o)&&e.__canvasGradient||Uy(r,e,{x:0,y:0,width:i,height:o}),e.__canvasGradient=a,e.__width=i,e.__height=o;else tt(e)&&(e.scaleX=e.scaleX||u,e.scaleY=e.scaleY||u,a=nv(r,e,{dirty:function(){h.setUnpainted(),h.__painter.refresh()}}));r.save(),r.fillStyle=a||e,r.fillRect(t,n,i,o),r.restore()}s&&(r.save(),r.globalAlpha=l,r.drawImage(c,t,n,i,o),r.restore())}!n||s?p(0,0,o,a):n.length&&E(n,(function(t){p(t.x*u,t.y*u,t.width*u,t.height*u)}))},e}(jt),Jw=1e5,Qw=314159,tS=.01;var eS=function(){function t(t,e,n,i){this.type="canvas",this._zlevelList=[],this._prevDisplayList=[],this._layers={},this._layerConfig={},this._needsManuallyCompositing=!1,this.type="canvas";var r=!t.nodeName||"CANVAS"===t.nodeName.toUpperCase();this._opts=n=A({},n||{}),this.dpr=n.devicePixelRatio||or,this._singleCanvas=r,this.root=t,t.style&&(xt(t),t.innerHTML=""),this.storage=e;var o=this._zlevelList;this._prevDisplayList=[];var a=this._layers;if(r){var s=t,l=s.width,u=s.height;null!=n.width&&(l=n.width),null!=n.height&&(u=n.height),this.dpr=n.devicePixelRatio||1,s.width=l*this.dpr,s.height=u*this.dpr,this._width=l,this._height=u;var h=new $w(s,this,this.dpr);h.__builtin__=!0,h.initContext(),a[314159]=h,h.zlevel=Qw,o.push(Qw),this._domRoot=t}else{this._width=jy(t,0,n),this._height=jy(t,1,n);var c=this._domRoot=function(t,e){var n=document.createElement("div");return n.style.cssText=["position:relative","width:"+t+"px","height:"+e+"px","padding:0","margin:0","border-width:0"].join(";")+";",n}(this._width,this._height);t.appendChild(c)}}return t.prototype.getType=function(){return"canvas"},t.prototype.isSingleCanvas=function(){return this._singleCanvas},t.prototype.getViewportRoot=function(){return this._domRoot},t.prototype.getViewportRootOffset=function(){var t=this.getViewportRoot();if(t)return{offsetLeft:t.offsetLeft||0,offsetTop:t.offsetTop||0}},t.prototype.refresh=function(t){var e=this.storage.getDisplayList(!0),n=this._prevDisplayList,i=this._zlevelList;this._redrawId=Math.random(),this._paintList(e,n,t,this._redrawId);for(var r=0;r<i.length;r++){var o=i[r],a=this._layers[o];if(!a.__builtin__&&a.refresh){var s=0===r?this._backgroundColor:null;a.refresh(s)}}return this._opts.useDirtyRect&&(this._prevDisplayList=e.slice()),this},t.prototype.refreshHover=function(){this._paintHoverList(this.storage.getDisplayList(!1))},t.prototype._paintHoverList=function(t){var e=t.length,n=this._hoverlayer;if(n&&n.clear(),e){for(var i,r={inHover:!0,viewWidth:this._width,viewHeight:this._height},o=0;o<e;o++){var a=t[o];a.__inHover&&(n||(n=this._hoverlayer=this.getLayer(Jw)),i||(i=n.ctx).save(),cv(i,a,r,o===e-1))}i&&i.restore()}},t.prototype.getHoverLayer=function(){return this.getLayer(Jw)},t.prototype.paintOne=function(t,e){hv(t,e)},t.prototype._paintList=function(t,e,n,i){if(this._redrawId===i){n=n||!1,this._updateLayerStatus(t);var r=this._doPaintList(t,e,n),o=r.finished,a=r.needsRefreshHover;if(this._needsManuallyCompositing&&this._compositeManually(),a&&this._paintHoverList(t),o)this.eachLayer((function(t){t.afterBrush&&t.afterBrush()}));else{var s=this;on((function(){s._paintList(t,e,n,i)}))}}},t.prototype._compositeManually=function(){var t=this.getLayer(Qw).ctx,e=this._domRoot.width,n=this._domRoot.height;t.clearRect(0,0,e,n),this.eachBuiltinLayer((function(i){i.virtual&&t.drawImage(i.dom,0,0,e,n)}))},t.prototype._doPaintList=function(t,e,n){for(var i=this,o=[],a=this._opts.useDirtyRect,s=0;s<this._zlevelList.length;s++){var l=this._zlevelList[s],u=this._layers[l];u.__builtin__&&u!==this._hoverlayer&&(u.__dirty||n)&&o.push(u)}for(var h=!0,c=!1,p=function(r){var s,l=o[r],u=l.ctx,p=a&&l.createRepaintRects(t,e,d._width,d._height),f=n?l.__startIndex:l.__drawIndex,g=!n&&l.incremental&&Date.now,y=g&&Date.now(),v=l.zlevel===d._zlevelList[0]?d._backgroundColor:null;if(l.__startIndex===l.__endIndex)l.clear(!1,v,p);else if(f===l.__startIndex){var m=t[f];m.incremental&&m.notClear&&!n||l.clear(!1,v,p)}-1===f&&(console.error("For some unknown reason. drawIndex is -1"),f=l.__startIndex);var x=function(e){var n={inHover:!1,allClipped:!1,prevEl:null,viewWidth:i._width,viewHeight:i._height};for(s=f;s<l.__endIndex;s++){var r=t[s];if(r.__inHover&&(c=!0),i._doPaintEl(r,l,a,e,n,s===l.__endIndex-1),g)if(Date.now()-y>15)break}n.prevElClipPaths&&u.restore()};if(p)if(0===p.length)s=l.__endIndex;else for(var _=d.dpr,b=0;b<p.length;++b){var w=p[b];u.save(),u.beginPath(),u.rect(w.x*_,w.y*_,w.width*_,w.height*_),u.clip(),x(w),u.restore()}else u.save(),x(),u.restore();l.__drawIndex=s,l.__drawIndex<l.__endIndex&&(h=!1)},d=this,f=0;f<o.length;f++)p(f);return r.wxa&&E(this._layers,(function(t){t&&t.ctx&&t.ctx.draw&&t.ctx.draw()})),{finished:h,needsRefreshHover:c}},t.prototype._doPaintEl=function(t,e,n,i,r,o){var a=e.ctx;if(n){var s=t.getPaintRect();(!i||s&&s.intersect(i))&&(cv(a,t,r,o),t.setPrevPaintRect(s))}else cv(a,t,r,o)},t.prototype.getLayer=function(t,e){this._singleCanvas&&!this._needsManuallyCompositing&&(t=Qw);var n=this._layers[t];return n||((n=new $w("zr_"+t,this,this.dpr)).zlevel=t,n.__builtin__=!0,this._layerConfig[t]?C(n,this._layerConfig[t],!0):this._layerConfig[t-tS]&&C(n,this._layerConfig[t-tS],!0),e&&(n.virtual=e),this.insertLayer(t,n),n.initContext()),n},t.prototype.insertLayer=function(t,e){var n=this._layers,i=this._zlevelList,r=i.length,o=this._domRoot,a=null,s=-1;if(!n[t]&&function(t){return!!t&&(!!t.__builtin__||"function"==typeof t.resize&&"function"==typeof t.refresh)}(e)){if(r>0&&t>i[0]){for(s=0;s<r-1&&!(i[s]<t&&i[s+1]>t);s++);a=n[i[s]]}if(i.splice(s+1,0,t),n[t]=e,!e.virtual)if(a){var l=a.dom;l.nextSibling?o.insertBefore(e.dom,l.nextSibling):o.appendChild(e.dom)}else o.firstChild?o.insertBefore(e.dom,o.firstChild):o.appendChild(e.dom);e.__painter=this}},t.prototype.eachLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i];t.call(e,this._layers[r],r)}},t.prototype.eachBuiltinLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__&&t.call(e,o,r)}},t.prototype.eachOtherLayer=function(t,e){for(var n=this._zlevelList,i=0;i<n.length;i++){var r=n[i],o=this._layers[r];o.__builtin__||t.call(e,o,r)}},t.prototype.getLayers=function(){return this._layers},t.prototype._updateLayerStatus=function(t){function e(t){o&&(o.__endIndex!==t&&(o.__dirty=!0),o.__endIndex=t)}if(this.eachBuiltinLayer((function(t,e){t.__dirty=t.__used=!1})),this._singleCanvas)for(var n=1;n<t.length;n++){if((s=t[n]).zlevel!==t[n-1].zlevel||s.incremental){this._needsManuallyCompositing=!0;break}}var i,r,o=null,a=0;for(r=0;r<t.length;r++){var s,l=(s=t[r]).zlevel,u=void 0;i!==l&&(i=l,a=0),s.incremental?((u=this.getLayer(l+.001,this._needsManuallyCompositing)).incremental=!0,a=1):u=this.getLayer(l+(a>0?tS:0),this._needsManuallyCompositing),u.__builtin__||I("ZLevel "+l+" has been used by unkown layer "+u.id),u!==o&&(u.__used=!0,u.__startIndex!==r&&(u.__dirty=!0),u.__startIndex=r,u.incremental?u.__drawIndex=-1:u.__drawIndex=r,e(r),o=u),1&s.__dirty&&!s.__inHover&&(u.__dirty=!0,u.incremental&&u.__drawIndex<0&&(u.__drawIndex=r))}e(r),this.eachBuiltinLayer((function(t,e){!t.__used&&t.getElementCount()>0&&(t.__dirty=!0,t.__startIndex=t.__endIndex=t.__drawIndex=0),t.__dirty&&t.__drawIndex<0&&(t.__drawIndex=t.__startIndex)}))},t.prototype.clear=function(){return this.eachBuiltinLayer(this._clearLayer),this},t.prototype._clearLayer=function(t){t.clear()},t.prototype.setBackgroundColor=function(t){this._backgroundColor=t,E(this._layers,(function(t){t.setUnpainted()}))},t.prototype.configLayer=function(t,e){if(e){var n=this._layerConfig;n[t]?C(n[t],e,!0):n[t]=e;for(var i=0;i<this._zlevelList.length;i++){var r=this._zlevelList[i];if(r===t||r===t+tS)C(this._layers[r],n[t],!0)}}},t.prototype.delLayer=function(t){var e=this._layers,n=this._zlevelList,i=e[t];i&&(i.dom.parentNode.removeChild(i.dom),delete e[t],n.splice(P(n,t),1))},t.prototype.resize=function(t,e){if(this._domRoot.style){var n=this._domRoot;n.style.display="none";var i=this._opts,r=this.root;if(null!=t&&(i.width=t),null!=e&&(i.height=e),t=jy(r,0,i),e=jy(r,1,i),n.style.display="",this._width!==t||e!==this._height){for(var o in n.style.width=t+"px",n.style.height=e+"px",this._layers)this._layers.hasOwnProperty(o)&&this._layers[o].resize(t,e);this.refresh(!0)}this._width=t,this._height=e}else{if(null==t||null==e)return;this._width=t,this._height=e,this.getLayer(Qw).resize(t,e)}return this},t.prototype.clearLayer=function(t){var e=this._layers[t];e&&e.clear()},t.prototype.dispose=function(){this.root.innerHTML="",this.root=this.storage=this._domRoot=this._layers=null},t.prototype.getRenderedCanvas=function(t){if(t=t||{},this._singleCanvas&&!this._compositeManually)return this._layers[314159].dom;var e=new $w("image",this,t.pixelRatio||this.dpr);e.initContext(),e.clear(!1,t.backgroundColor||this._backgroundColor);var n=e.ctx;if(t.pixelRatio<=this.dpr){this.refresh();var i=e.dom.width,r=e.dom.height;this.eachLayer((function(t){t.__builtin__?n.drawImage(t.dom,0,0,i,r):t.renderToCanvas&&(n.save(),t.renderToCanvas(n),n.restore())}))}else for(var o={inHover:!1,viewWidth:this._width,viewHeight:this._height},a=this.storage.getDisplayList(!0),s=0,l=a.length;s<l;s++){var u=a[s];cv(n,u,o,s===l-1)}return e.dom},t.prototype.getWidth=function(){return this._width},t.prototype.getHeight=function(){return this._height},t}();var nS=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t){return vx(null,this,{useEncodeDefaulter:!0})},e.prototype.getLegendIcon=function(t){var e=new zr,n=Wy("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);e.add(n),n.setStyle(t.lineStyle);var i=this.getData().getVisual("symbol"),r=this.getData().getVisual("symbolRotate"),o="none"===i?"circle":i,a=.8*t.itemHeight,s=Wy(o,(t.itemWidth-a)/2,(t.itemHeight-a)/2,a,a,t.itemStyle.fill);e.add(s),s.setStyle(t.itemStyle);var l="inherit"===t.iconRotate?r:t.iconRotate||0;return s.rotation=l*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),o.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill="#fff",s.style.lineWidth=2),e},e.type="series.line",e.dependencies=["grid","polar"],e.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:4,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},e}(mg);function iS(t,e){var n=t.mapDimensionsAll("defaultedLabel"),i=n.length;if(1===i){var r=gf(t,e,n[0]);return null!=r?r+"":null}if(i){for(var o=[],a=0;a<n.length;a++)o.push(gf(t,e,n[a]));return o.join(" ")}}function rS(t,e){var n=t.mapDimensionsAll("defaultedLabel");if(!Y(e))return e+"";for(var i=[],r=0;r<n.length;r++){var o=t.getDimensionIndex(n[r]);o>=0&&i.push(e[o])}return i.join(" ")}var oS=function(t){function e(e,n,i,r){var o=t.call(this)||this;return o.updateData(e,n,i,r),o}return n(e,t),e.prototype._createSymbol=function(t,e,n,i,r){this.removeAll();var o=Wy(t,-1,-1,2,2,null,r);o.attr({z2:100,culling:!0,scaleX:i[0]/2,scaleY:i[1]/2}),o.drift=aS,this._symbolType=t,this.add(o)},e.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},e.prototype.getSymbolType=function(){return this._symbolType},e.prototype.getSymbolPath=function(){return this.childAt(0)},e.prototype.highlight=function(){kl(this.childAt(0))},e.prototype.downplay=function(){Ll(this.childAt(0))},e.prototype.setZ=function(t,e){var n=this.childAt(0);n.zlevel=t,n.z=e},e.prototype.setDraggable=function(t,e){var n=this.childAt(0);n.draggable=t,n.cursor=!e&&t?"move":n.cursor},e.prototype.updateData=function(t,n,i,r){this.silent=!1;var o=t.getItemVisual(n,"symbol")||"circle",a=t.hostModel,s=e.getSymbolSize(t,n),l=o!==this._symbolType,u=r&&r.disableAnimation;if(l){var h=t.getItemVisual(n,"symbolKeepAspect");this._createSymbol(o,t,n,s,h)}else{(p=this.childAt(0)).silent=!1;var c={scaleX:s[0]/2,scaleY:s[1]/2};u?p.attr(c):fh(p,c,a,n),_h(p)}if(this._updateCommon(t,n,s,i,r),l){var p=this.childAt(0);if(!u){c={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:p.style.opacity}};p.scaleX=p.scaleY=0,p.style.opacity=0,gh(p,c,a,n)}}u&&this.childAt(0).stopAnimation("leave")},e.prototype._updateCommon=function(t,e,n,i,r){var o,a,s,l,u,h,c,p,d,f=this.childAt(0),g=t.hostModel;if(i&&(o=i.emphasisItemStyle,a=i.blurItemStyle,s=i.selectItemStyle,l=i.focus,u=i.blurScope,c=i.labelStatesModels,p=i.hoverScale,d=i.cursorStyle,h=i.emphasisDisabled),!i||t.hasItemOption){var y=i&&i.itemModel?i.itemModel:t.getItemModel(e),v=y.getModel("emphasis");o=v.getModel("itemStyle").getItemStyle(),s=y.getModel(["select","itemStyle"]).getItemStyle(),a=y.getModel(["blur","itemStyle"]).getItemStyle(),l=v.get("focus"),u=v.get("blurScope"),h=v.get("disabled"),c=ec(y),p=v.getShallow("scale"),d=y.getShallow("cursor")}var m=t.getItemVisual(e,"symbolRotate");f.attr("rotation",(m||0)*Math.PI/180||0);var x=Yy(t.getItemVisual(e,"symbolOffset"),n);x&&(f.x=x[0],f.y=x[1]),d&&f.attr("cursor",d);var _=t.getItemVisual(e,"style"),b=_.fill;if(f instanceof ks){var w=f.style;f.useStyle(A({image:w.image,x:w.x,y:w.y,width:w.width,height:w.height},_))}else f.__isEmptyBrush?f.useStyle(A({},_)):f.useStyle(_),f.style.decal=null,f.setColor(b,r&&r.symbolInnerColor),f.style.strokeNoScale=!0;var S=t.getItemVisual(e,"liftZ"),M=this._z2;null!=S?null==M&&(this._z2=f.z2,f.z2+=S):null!=M&&(f.z2=M,this._z2=null);var I=r&&r.useNameLabel;tc(f,c,{labelFetcher:g,labelDataIndex:e,defaultText:function(e){return I?t.getName(e):iS(t,e)},inheritColor:b,defaultOpacity:_.opacity}),this._sizeX=n[0]/2,this._sizeY=n[1]/2;var T=f.ensureState("emphasis");T.style=o,f.ensureState("select").style=s,f.ensureState("blur").style=a;var C=null==p||!0===p?Math.max(1.1,3/this._sizeY):isFinite(p)&&p>0?+p:1;T.scaleX=this._sizeX*C,T.scaleY=this._sizeY*C,this.setSymbolScale(1),Yl(this,l,u,h)},e.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},e.prototype.fadeOut=function(t,e,n){var i=this.childAt(0),r=Qs(this).dataIndex,o=n&&n.animation;if(this.silent=i.silent=!0,n&&n.fadeLabel){var a=i.getTextContent();a&&vh(a,{style:{opacity:0}},e,{dataIndex:r,removeOpt:o,cb:function(){i.removeTextContent()}})}else i.removeTextContent();vh(i,{style:{opacity:0},scaleX:0,scaleY:0},e,{dataIndex:r,cb:t,removeOpt:o})},e.getSymbolSize=function(t,e){return Hy(t.getItemVisual(e,"symbolSize"))},e}(zr);function aS(t,e){this.parent.drift(t,e)}function sS(t,e,n,i){return e&&!isNaN(e[0])&&!isNaN(e[1])&&!(i.isIgnore&&i.isIgnore(n))&&!(i.clipShape&&!i.clipShape.contain(e[0],e[1]))&&"none"!==t.getItemVisual(n,"symbol")}function lS(t){return null==t||q(t)||(t={isIgnore:t}),t||{}}function uS(t){var e=t.hostModel,n=e.getModel("emphasis");return{emphasisItemStyle:n.getModel("itemStyle").getItemStyle(),blurItemStyle:e.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:e.getModel(["select","itemStyle"]).getItemStyle(),focus:n.get("focus"),blurScope:n.get("blurScope"),emphasisDisabled:n.get("disabled"),hoverScale:n.get("scale"),labelStatesModels:ec(e),cursorStyle:e.get("cursor")}}var hS=function(){function t(t){this.group=new zr,this._SymbolCtor=t||oS}return t.prototype.updateData=function(t,e){this._progressiveEls=null,e=lS(e);var n=this.group,i=t.hostModel,r=this._data,o=this._SymbolCtor,a=e.disableAnimation,s=uS(t),l={disableAnimation:a},u=e.getSymbolPoint||function(e){return t.getItemLayout(e)};r||n.removeAll(),t.diff(r).add((function(i){var r=u(i);if(sS(t,r,i,e)){var a=new o(t,i,s,l);a.setPosition(r),t.setItemGraphicEl(i,a),n.add(a)}})).update((function(h,c){var p=r.getItemGraphicEl(c),d=u(h);if(sS(t,d,h,e)){var f=t.getItemVisual(h,"symbol")||"circle",g=p&&p.getSymbolType&&p.getSymbolType();if(!p||g&&g!==f)n.remove(p),(p=new o(t,h,s,l)).setPosition(d);else{p.updateData(t,h,s,l);var y={x:d[0],y:d[1]};a?p.attr(y):fh(p,y,i)}n.add(p),t.setItemGraphicEl(h,p)}else n.remove(p)})).remove((function(t){var e=r.getItemGraphicEl(t);e&&e.fadeOut((function(){n.remove(e)}),i)})).execute(),this._getSymbolPoint=u,this._data=t},t.prototype.updateLayout=function(){var t=this,e=this._data;e&&e.eachItemGraphicEl((function(e,n){var i=t._getSymbolPoint(n);e.setPosition(i),e.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=uS(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e,n){function i(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],n=lS(n);for(var r=t.start;r<t.end;r++){var o=e.getItemLayout(r);if(sS(e,o,r,n)){var a=new this._SymbolCtor(e,r,this._seriesScope);a.traverse(i),a.setPosition(o),this.group.add(a),e.setItemGraphicEl(r,a),this._progressiveEls.push(a)}}},t.prototype.eachRendered=function(t){qh(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var e=this.group,n=this._data;n&&t?n.eachItemGraphicEl((function(t){t.fadeOut((function(){e.remove(t)}),n.hostModel)})):e.removeAll()},t}();function cS(t,e,n){var i=t.getBaseAxis(),r=t.getOtherAxis(i),o=function(t,e){var n=0,i=t.scale.getExtent();"start"===e?n=i[0]:"end"===e?n=i[1]:j(e)&&!isNaN(e)?n=e:i[0]>0?n=i[0]:i[1]<0&&(n=i[1]);return n}(r,n),a=i.dim,s=r.dim,l=e.mapDimension(s),u=e.mapDimension(a),h="x"===s||"radius"===s?1:0,c=z(t.dimensions,(function(t){return e.mapDimension(t)})),p=!1,d=e.getCalculationInfo("stackResultDimension");return gx(e,c[0])&&(p=!0,c[0]=d),gx(e,c[1])&&(p=!0,c[1]=d),{dataDimsForPoint:c,valueStart:o,valueAxisDim:s,baseAxisDim:a,stacked:!!p,valueDim:l,baseDim:u,baseDataOffset:h,stackedOverDimension:e.getCalculationInfo("stackedOverDimension")}}function pS(t,e,n,i){var r=NaN;t.stacked&&(r=n.get(n.getCalculationInfo("stackedOverDimension"),i)),isNaN(r)&&(r=t.valueStart);var o=t.baseDataOffset,a=[];return a[o]=n.get(t.baseDim,i),a[1-o]=r,e.dataToPoint(a)}var dS=Math.min,fS=Math.max;function gS(t,e){return isNaN(t)||isNaN(e)}function yS(t,e,n,i,r,o,a,s,l){for(var u,h,c,p,d,f,g=n,y=0;y<i;y++){var v=e[2*g],m=e[2*g+1];if(g>=r||g<0)break;if(gS(v,m)){if(l){g+=o;continue}break}if(g===n)t[o>0?"moveTo":"lineTo"](v,m),c=v,p=m;else{var x=v-u,_=m-h;if(x*x+_*_<.5){g+=o;continue}if(a>0){for(var b=g+o,w=e[2*b],S=e[2*b+1];w===v&&S===m&&y<i;)y++,g+=o,w=e[2*(b+=o)],S=e[2*b+1],x=(v=e[2*g])-u,_=(m=e[2*g+1])-h;var M=y+1;if(l)for(;gS(w,S)&&M<i;)M++,w=e[2*(b+=o)],S=e[2*b+1];var I=.5,T=0,C=0,D=void 0,A=void 0;if(M>=i||gS(w,S))d=v,f=m;else{T=w-u,C=S-h;var k=v-u,L=w-v,P=m-h,O=S-m,R=void 0,N=void 0;if("x"===s){var E=T>0?1:-1;d=v-E*(R=Math.abs(k))*a,f=m,D=v+E*(N=Math.abs(L))*a,A=m}else if("y"===s){var z=C>0?1:-1;d=v,f=m-z*(R=Math.abs(P))*a,D=v,A=m+z*(N=Math.abs(O))*a}else R=Math.sqrt(k*k+P*P),d=v-T*a*(1-(I=(N=Math.sqrt(L*L+O*O))/(N+R))),f=m-C*a*(1-I),A=m+C*a*I,D=dS(D=v+T*a*I,fS(w,v)),A=dS(A,fS(S,m)),D=fS(D,dS(w,v)),f=m-(C=(A=fS(A,dS(S,m)))-m)*R/N,d=dS(d=v-(T=D-v)*R/N,fS(u,v)),f=dS(f,fS(h,m)),D=v+(T=v-(d=fS(d,dS(u,v))))*N/R,A=m+(C=m-(f=fS(f,dS(h,m))))*N/R}t.bezierCurveTo(c,p,d,f,v,m),c=D,p=A}else t.lineTo(v,m)}u=v,h=m,g+=o}return y}var vS=function(){this.smooth=0,this.smoothConstraint=!0},mS=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polyline",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new vS},e.prototype.buildPath=function(t,e){var n=e.points,i=0,r=n.length/2;if(e.connectNulls){for(;r>0&&gS(n[2*r-2],n[2*r-1]);r--);for(;i<r&&gS(n[2*i],n[2*i+1]);i++);}for(;i<r;)i+=yS(t,n,i,r,r,1,e.smooth,e.smoothMonotone,e.connectNulls)+1},e.prototype.getPointOn=function(t,e){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var n,i,r=this.path.data,o=os.CMD,a="x"===e,s=[],l=0;l<r.length;){var u=void 0,h=void 0,c=void 0,p=void 0,d=void 0,f=void 0,g=void 0;switch(r[l++]){case o.M:n=r[l++],i=r[l++];break;case o.L:if(u=r[l++],h=r[l++],(g=a?(t-n)/(u-n):(t-i)/(h-i))<=1&&g>=0){var y=a?(h-i)*g+i:(u-n)*g+n;return a?[t,y]:[y,t]}n=u,i=h;break;case o.C:u=r[l++],h=r[l++],c=r[l++],p=r[l++],d=r[l++],f=r[l++];var v=a?_n(n,u,c,d,t,s):_n(i,h,p,f,t,s);if(v>0)for(var m=0;m<v;m++){var x=s[m];if(x<=1&&x>=0){y=a?mn(i,h,p,f,x):mn(n,u,c,d,x);return a?[t,y]:[y,t]}}n=d,i=f}}},e}(Is),xS=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e}(vS),_S=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-polygon",n}return n(e,t),e.prototype.getDefaultShape=function(){return new xS},e.prototype.buildPath=function(t,e){var n=e.points,i=e.stackedOnPoints,r=0,o=n.length/2,a=e.smoothMonotone;if(e.connectNulls){for(;o>0&&gS(n[2*o-2],n[2*o-1]);o--);for(;r<o&&gS(n[2*r],n[2*r+1]);r++);}for(;r<o;){var s=yS(t,n,r,o,o,1,e.smooth,a,e.connectNulls);yS(t,i,r+s-1,s,o,-1,e.stackedOnSmooth,a,e.connectNulls),r+=s+1,t.closePath()}},e}(Is);function bS(t,e,n,i,r){var o=t.getArea(),a=o.x,s=o.y,l=o.width,u=o.height,h=n.get(["lineStyle","width"])||2;a-=h/2,s-=h/2,l+=h,u+=h,a=Math.floor(a),l=Math.round(l);var c=new zs({shape:{x:a,y:s,width:l,height:u}});if(e){var p=t.getBaseAxis(),d=p.isHorizontal(),f=p.inverse;d?(f&&(c.shape.x+=l),c.shape.width=0):(f||(c.shape.y+=u),c.shape.height=0);var g=X(r)?function(t){r(t,c)}:null;gh(c,{shape:{width:l,height:u,x:a,y:s}},n,null,i,g)}return c}function wS(t,e,n){var i=t.getArea(),r=Zr(i.r0,1),o=Zr(i.r,1),a=new zu({shape:{cx:Zr(t.cx,1),cy:Zr(t.cy,1),r0:r,r:o,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}});e&&("angle"===t.getBaseAxis().dim?a.shape.endAngle=i.startAngle:a.shape.r=r,gh(a,{shape:{endAngle:i.endAngle,r:o}},n));return a}function SS(t,e,n,i,r){return t?"polar"===t.type?wS(t,e,n):"cartesian2d"===t.type?bS(t,e,n,i,r):null:null}function MS(t,e){return t.type===e}function IS(t,e){if(t.length===e.length){for(var n=0;n<t.length;n++)if(t[n]!==e[n])return;return!0}}function TS(t){for(var e=1/0,n=1/0,i=-1/0,r=-1/0,o=0;o<t.length;){var a=t[o++],s=t[o++];isNaN(a)||(e=Math.min(a,e),i=Math.max(a,i)),isNaN(s)||(n=Math.min(s,n),r=Math.max(s,r))}return[[e,n],[i,r]]}function CS(t,e){var n=TS(t),i=n[0],r=n[1],o=TS(e),a=o[0],s=o[1];return Math.max(Math.abs(i[0]-a[0]),Math.abs(i[1]-a[1]),Math.abs(r[0]-s[0]),Math.abs(r[1]-s[1]))}function DS(t){return j(t)?t:t?.5:0}function AS(t,e,n,i){var r=e.getBaseAxis(),o="x"===r.dim||"radius"===r.dim?0:1,a=[],s=0,l=[],u=[],h=[],c=[];if(i){for(s=0;s<t.length;s+=2)isNaN(t[s])||isNaN(t[s+1])||c.push(t[s],t[s+1]);t=c}for(s=0;s<t.length-2;s+=2)switch(h[0]=t[s+2],h[1]=t[s+3],u[0]=t[s],u[1]=t[s+1],a.push(u[0],u[1]),n){case"end":l[o]=h[o],l[1-o]=u[1-o],a.push(l[0],l[1]);break;case"middle":var p=(u[o]+h[o])/2,d=[];l[o]=d[o]=p,l[1-o]=u[1-o],d[1-o]=h[1-o],a.push(l[0],l[1]),a.push(d[0],d[1]);break;default:l[o]=u[o],l[1-o]=h[1-o],a.push(l[0],l[1])}return a.push(t[s++],t[s++]),a}function kS(t,e,n){var i=t.getVisual("visualMeta");if(i&&i.length&&t.count()&&"cartesian2d"===e.type){for(var r,o,a=i.length-1;a>=0;a--){var s=t.getDimensionInfo(i[a].dimension);if("x"===(r=s&&s.coordDim)||"y"===r){o=i[a];break}}if(o){var l=e.getAxis(r),u=z(o.stops,(function(t){return{coord:l.toGlobalCoord(l.dataToCoord(t.value)),color:t.color}})),h=u.length,c=o.outerColors.slice();h&&u[0].coord>u[h-1].coord&&(u.reverse(),c.reverse());var p=function(t,e){var n,i,r=[],o=t.length;function a(t,e,n){var i=t.coord;return{coord:n,color:ti((n-i)/(e.coord-i),[t.color,e.color])}}for(var s=0;s<o;s++){var l=t[s],u=l.coord;if(u<0)n=l;else{if(u>e){i?r.push(a(i,l,e)):n&&r.push(a(n,l,0),a(n,l,e));break}n&&(r.push(a(n,l,0)),n=null),r.push(l),i=l}}return r}(u,"x"===r?n.getWidth():n.getHeight()),d=p.length;if(!d&&h)return u[0].coord<0?c[1]?c[1]:u[h-1].color:c[0]?c[0]:u[0].color;var f=p[0].coord-10,g=p[d-1].coord+10,y=g-f;if(y<.001)return"transparent";E(p,(function(t){t.offset=(t.coord-f)/y})),p.push({offset:d?p[d-1].offset:.5,color:c[1]||"transparent"}),p.unshift({offset:d?p[0].offset:.5,color:c[0]||"transparent"});var v=new nh(0,0,0,0,p,!0);return v[r]=f,v[r+"2"]=g,v}}}function LS(t,e,n){var i=t.get("showAllSymbol"),r="auto"===i;if(!i||r){var o=n.getAxesByScale("ordinal")[0];if(o&&(!r||!function(t,e){var n=t.getExtent(),i=Math.abs(n[1]-n[0])/t.scale.count();isNaN(i)&&(i=0);for(var r=e.count(),o=Math.max(1,Math.round(r/5)),a=0;a<r;a+=o)if(1.5*oS.getSymbolSize(e,a)[t.isHorizontal()?1:0]>i)return!1;return!0}(o,e))){var a=e.mapDimension(o.dim),s={};return E(o.getViewLabels(),(function(t){var e=o.scale.getRawOrdinalNumber(t.tickValue);s[e]=1})),function(t){return!s.hasOwnProperty(e.get(a,t))}}}}function PS(t,e){return[t[2*e],t[2*e+1]]}function OS(t){if(t.get(["endLabel","show"]))return!0;for(var e=0;e<ol.length;e++)if(t.get([ol[e],"endLabel","show"]))return!0;return!1}function RS(t,e,n,i){if(MS(e,"cartesian2d")){var r=i.getModel("endLabel"),o=r.get("valueAnimation"),a=i.getData(),s={lastFrameIndex:0},l=OS(i)?function(n,i){t._endLabelOnDuring(n,i,a,s,o,r,e)}:null,u=e.getBaseAxis().isHorizontal(),h=bS(e,n,i,(function(){var e=t._endLabel;e&&n&&null!=s.originalX&&e.attr({x:s.originalX,y:s.originalY})}),l);if(!i.get("clip",!0)){var c=h.shape,p=Math.max(c.width,c.height);u?(c.y-=p,c.height+=2*p):(c.x-=p,c.width+=2*p)}return l&&l(1,h),h}return wS(e,n,i)}var NS=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(){var t=new zr,e=new hS;this.group.add(e.group),this._symbolDraw=e,this._lineGroup=t},e.prototype.render=function(t,e,n){var i=this,r=t.coordinateSystem,o=this.group,a=t.getData(),s=t.getModel("lineStyle"),l=t.getModel("areaStyle"),u=a.getLayout("points")||[],h="polar"===r.type,c=this._coordSys,p=this._symbolDraw,d=this._polyline,f=this._polygon,g=this._lineGroup,y=!e.ssr&&t.isAnimationEnabled(),v=!l.isEmpty(),m=l.get("origin"),x=cS(r,a,m),_=v&&function(t,e,n){if(!n.valueDim)return[];for(var i=e.count(),r=Ex(2*i),o=0;o<i;o++){var a=pS(n,t,e,o);r[2*o]=a[0],r[2*o+1]=a[1]}return r}(r,a,x),b=t.get("showSymbol"),w=t.get("connectNulls"),S=b&&!h&&LS(t,a,r),M=this._data;M&&M.eachItemGraphicEl((function(t,e){t.__temp&&(o.remove(t),M.setItemGraphicEl(e,null))})),b||p.remove(),o.add(g);var I,T=!h&&t.get("step");r&&r.getArea&&t.get("clip",!0)&&(null!=(I=r.getArea()).width?(I.x-=.1,I.y-=.1,I.width+=.2,I.height+=.2):I.r0&&(I.r0-=.5,I.r+=.5)),this._clipShapeForSymbol=I;var C=kS(a,r,n)||a.getVisual("style")[a.getVisual("drawType")];if(d&&c.type===r.type&&T===this._step){v&&!f?f=this._newPolygon(u,_):f&&!v&&(g.remove(f),f=this._polygon=null),h||this._initOrUpdateEndLabel(t,r,_p(C));var D=g.getClipPath();if(D)gh(D,{shape:RS(this,r,!1,t).shape},t);else g.setClipPath(RS(this,r,!0,t));b&&p.updateData(a,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[u[2*t],u[2*t+1]]}}),IS(this._stackedOnPoints,_)&&IS(this._points,u)||(y?this._doUpdateAnimation(a,_,r,n,T,m,w):(T&&(u=AS(u,r,T,w),_&&(_=AS(_,r,T,w))),d.setShape({points:u}),f&&f.setShape({points:u,stackedOnPoints:_})))}else b&&p.updateData(a,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[u[2*t],u[2*t+1]]}}),y&&this._initSymbolLabelAnimation(a,r,I),T&&(u=AS(u,r,T,w),_&&(_=AS(_,r,T,w))),d=this._newPolyline(u),v?f=this._newPolygon(u,_):f&&(g.remove(f),f=this._polygon=null),h||this._initOrUpdateEndLabel(t,r,_p(C)),g.setClipPath(RS(this,r,!0,t));var A=t.getModel("emphasis"),L=A.get("focus"),P=A.get("blurScope"),O=A.get("disabled");(d.useStyle(k(s.getLineStyle(),{fill:"none",stroke:C,lineJoin:"bevel"})),jl(d,t,"lineStyle"),d.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"]))&&(d.getState("emphasis").style.lineWidth=+d.style.lineWidth+1);Qs(d).seriesIndex=t.seriesIndex,Yl(d,L,P,O);var R=DS(t.get("smooth")),N=t.get("smoothMonotone");if(d.setShape({smooth:R,smoothMonotone:N,connectNulls:w}),f){var E=a.getCalculationInfo("stackedOnSeries"),z=0;f.useStyle(k(l.getAreaStyle(),{fill:C,opacity:.7,lineJoin:"bevel",decal:a.getVisual("style").decal})),E&&(z=DS(E.get("smooth"))),f.setShape({smooth:R,stackedOnSmooth:z,smoothMonotone:N,connectNulls:w}),jl(f,t,"areaStyle"),Qs(f).seriesIndex=t.seriesIndex,Yl(f,L,P,O)}var V=function(t){i._changePolyState(t)};a.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=V)})),this._polyline.onHoverStateChange=V,this._data=a,this._coordSys=r,this._stackedOnPoints=_,this._points=u,this._step=T,this._valueOrigin=m,t.get("triggerLineEvent")&&(this.packEventData(t,d),f&&this.packEventData(t,f))},e.prototype.packEventData=function(t,e){Qs(e).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},e.prototype.highlight=function(t,e,n,i){var r=t.getData(),o=Po(r,i);if(this._changePolyState("emphasis"),!(o instanceof Array)&&null!=o&&o>=0){var a=r.getLayout("points"),s=r.getItemGraphicEl(o);if(!s){var l=a[2*o],u=a[2*o+1];if(isNaN(l)||isNaN(u))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(l,u))return;var h=t.get("zlevel")||0,c=t.get("z")||0;(s=new oS(r,o)).x=l,s.y=u,s.setZ(h,c);var p=s.getSymbolPath().getTextContent();p&&(p.zlevel=h,p.z=c,p.z2=this._polyline.z2+1),s.__temp=!0,r.setItemGraphicEl(o,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else kg.prototype.highlight.call(this,t,e,n,i)},e.prototype.downplay=function(t,e,n,i){var r=t.getData(),o=Po(r,i);if(this._changePolyState("normal"),null!=o&&o>=0){var a=r.getItemGraphicEl(o);a&&(a.__temp?(r.setItemGraphicEl(o,null),this.group.remove(a)):a.downplay())}else kg.prototype.downplay.call(this,t,e,n,i)},e.prototype._changePolyState=function(t){var e=this._polygon;Il(this._polyline,t),e&&Il(e,t)},e.prototype._newPolyline=function(t){var e=this._polyline;return e&&this._lineGroup.remove(e),e=new mS({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(e),this._polyline=e,e},e.prototype._newPolygon=function(t,e){var n=this._polygon;return n&&this._lineGroup.remove(n),n=new _S({shape:{points:t,stackedOnPoints:e},segmentIgnoreThreshold:2}),this._lineGroup.add(n),this._polygon=n,n},e.prototype._initSymbolLabelAnimation=function(t,e,n){var i,r,o=e.getBaseAxis(),a=o.inverse;"cartesian2d"===e.type?(i=o.isHorizontal(),r=!1):"polar"===e.type&&(i="angle"===o.dim,r=!0);var s=t.hostModel,l=s.get("animationDuration");X(l)&&(l=l(null));var u=s.get("animationDelay")||0,h=X(u)?u(null):u;t.eachItemGraphicEl((function(t,o){var s=t;if(s){var c=[t.x,t.y],p=void 0,d=void 0,f=void 0;if(n)if(r){var g=n,y=e.pointToCoord(c);i?(p=g.startAngle,d=g.endAngle,f=-y[1]/180*Math.PI):(p=g.r0,d=g.r,f=y[0])}else{var v=n;i?(p=v.x,d=v.x+v.width,f=t.x):(p=v.y+v.height,d=v.y,f=t.y)}var m=d===p?0:(f-p)/(d-p);a&&(m=1-m);var x=X(u)?u(o):l*m+h,_=s.getSymbolPath(),b=_.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:x}),b&&b.animateFrom({style:{opacity:0}},{duration:300,delay:x}),_.disableLabelAnimation=!0}}))},e.prototype._initOrUpdateEndLabel=function(t,e,n){var i=t.getModel("endLabel");if(OS(t)){var r=t.getData(),o=this._polyline,a=r.getLayout("points");if(!a)return o.removeTextContent(),void(this._endLabel=null);var s=this._endLabel;s||((s=this._endLabel=new Fs({z2:200})).ignoreClip=!0,o.setTextContent(this._endLabel),o.disableLabelAnimation=!0);var l=function(t){for(var e,n,i=t.length/2;i>0&&(e=t[2*i-2],n=t[2*i-1],isNaN(e)||isNaN(n));i--);return i-1}(a);l>=0&&(tc(o,ec(t,"endLabel"),{inheritColor:n,labelFetcher:t,labelDataIndex:l,defaultText:function(t,e,n){return null!=n?rS(r,n):iS(r,t)},enableTextSetter:!0},function(t,e){var n=e.getBaseAxis(),i=n.isHorizontal(),r=n.inverse,o=i?r?"right":"left":"center",a=i?"middle":r?"top":"bottom";return{normal:{align:t.get("align")||o,verticalAlign:t.get("verticalAlign")||a}}}(i,e)),o.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},e.prototype._endLabelOnDuring=function(t,e,n,i,r,o,a){var s=this._endLabel,l=this._polyline;if(s){t<1&&null==i.originalX&&(i.originalX=s.x,i.originalY=s.y);var u=n.getLayout("points"),h=n.hostModel,c=h.get("connectNulls"),p=o.get("precision"),d=o.get("distance")||0,f=a.getBaseAxis(),g=f.isHorizontal(),y=f.inverse,v=e.shape,m=y?g?v.x:v.y+v.height:g?v.x+v.width:v.y,x=(g?d:0)*(y?-1:1),_=(g?0:-d)*(y?-1:1),b=g?"x":"y",w=function(t,e,n){for(var i,r,o=t.length/2,a="x"===n?0:1,s=0,l=-1,u=0;u<o;u++)if(r=t[2*u+a],!isNaN(r)&&!isNaN(t[2*u+1-a]))if(0!==u){if(i<=e&&r>=e||i>=e&&r<=e){l=u;break}s=u,i=r}else i=r;return{range:[s,l],t:(e-i)/(r-i)}}(u,m,b),S=w.range,M=S[1]-S[0],I=void 0;if(M>=1){if(M>1&&!c){var T=PS(u,S[0]);s.attr({x:T[0]+x,y:T[1]+_}),r&&(I=h.getRawValue(S[0]))}else{(T=l.getPointOn(m,b))&&s.attr({x:T[0]+x,y:T[1]+_});var C=h.getRawValue(S[0]),D=h.getRawValue(S[1]);r&&(I=Wo(n,p,C,D,w.t))}i.lastFrameIndex=S[0]}else{var A=1===t||i.lastFrameIndex>0?S[0]:0;T=PS(u,A);r&&(I=h.getRawValue(A)),s.attr({x:T[0]+x,y:T[1]+_})}if(r){var k=uc(s);"function"==typeof k.setLabelText&&k.setLabelText(I)}}},e.prototype._doUpdateAnimation=function(t,e,n,i,r,o,a){var s=this._polyline,l=this._polygon,u=t.hostModel,h=function(t,e,n,i,r,o,a,s){for(var l=function(t,e){var n=[];return e.diff(t).add((function(t){n.push({cmd:"+",idx:t})})).update((function(t,e){n.push({cmd:"=",idx:e,idx1:t})})).remove((function(t){n.push({cmd:"-",idx:t})})).execute(),n}(t,e),u=[],h=[],c=[],p=[],d=[],f=[],g=[],y=cS(r,e,a),v=t.getLayout("points")||[],m=e.getLayout("points")||[],x=0;x<l.length;x++){var _=l[x],b=!0,w=void 0,S=void 0;switch(_.cmd){case"=":w=2*_.idx,S=2*_.idx1;var M=v[w],I=v[w+1],T=m[S],C=m[S+1];(isNaN(M)||isNaN(I))&&(M=T,I=C),u.push(M,I),h.push(T,C),c.push(n[w],n[w+1]),p.push(i[S],i[S+1]),g.push(e.getRawIndex(_.idx1));break;case"+":var D=_.idx,A=y.dataDimsForPoint,k=r.dataToPoint([e.get(A[0],D),e.get(A[1],D)]);S=2*D,u.push(k[0],k[1]),h.push(m[S],m[S+1]);var L=pS(y,r,e,D);c.push(L[0],L[1]),p.push(i[S],i[S+1]),g.push(e.getRawIndex(D));break;case"-":b=!1}b&&(d.push(_),f.push(f.length))}f.sort((function(t,e){return g[t]-g[e]}));var P=u.length,O=Ex(P),R=Ex(P),N=Ex(P),E=Ex(P),z=[];for(x=0;x<f.length;x++){var V=f[x],B=2*x,F=2*V;O[B]=u[F],O[B+1]=u[F+1],R[B]=h[F],R[B+1]=h[F+1],N[B]=c[F],N[B+1]=c[F+1],E[B]=p[F],E[B+1]=p[F+1],z[x]=d[V]}return{current:O,next:R,stackedOnCurrent:N,stackedOnNext:E,status:z}}(this._data,t,this._stackedOnPoints,e,this._coordSys,0,this._valueOrigin),c=h.current,p=h.stackedOnCurrent,d=h.next,f=h.stackedOnNext;if(r&&(c=AS(h.current,n,r,a),p=AS(h.stackedOnCurrent,n,r,a),d=AS(h.next,n,r,a),f=AS(h.stackedOnNext,n,r,a)),CS(c,d)>3e3||l&&CS(p,f)>3e3)return s.stopAnimation(),s.setShape({points:d}),void(l&&(l.stopAnimation(),l.setShape({points:d,stackedOnPoints:f})));s.shape.__points=h.current,s.shape.points=c;var g={shape:{points:d}};h.current!==c&&(g.shape.__points=h.next),s.stopAnimation(),fh(s,g,u),l&&(l.setShape({points:c,stackedOnPoints:p}),l.stopAnimation(),fh(l,{shape:{stackedOnPoints:f}},u),s.shape.points!==l.shape.points&&(l.shape.points=s.shape.points));for(var y=[],v=h.status,m=0;m<v.length;m++){if("="===v[m].cmd){var x=t.getItemGraphicEl(v[m].idx1);x&&y.push({el:x,ptIdx:m})}}s.animators&&s.animators.length&&s.animators[0].during((function(){l&&l.dirtyShape();for(var t=s.shape.__points,e=0;e<y.length;e++){var n=y[e].el,i=2*y[e].ptIdx;n.x=t[i],n.y=t[i+1],n.markRedraw()}}))},e.prototype.remove=function(t){var e=this.group,n=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),n&&n.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),n.setItemGraphicEl(i,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},e.type="line",e}(kg);function ES(t,e){return{seriesType:t,plan:Cg(),reset:function(t){var n=t.getData(),i=t.coordinateSystem,r=t.pipelineContext,o=e||r.large;if(i){var a=z(i.dimensions,(function(t){return n.mapDimension(t)})).slice(0,2),s=a.length,l=n.getCalculationInfo("stackResultDimension");gx(n,a[0])&&(a[0]=l),gx(n,a[1])&&(a[1]=l);var u=n.getStore(),h=n.getDimensionIndex(a[0]),c=n.getDimensionIndex(a[1]);return s&&{progress:function(t,e){for(var n=t.end-t.start,r=o&&Ex(n*s),a=[],l=[],p=t.start,d=0;p<t.end;p++){var f=void 0;if(1===s){var g=u.get(h,p);f=i.dataToPoint(g,null,l)}else a[0]=u.get(h,p),a[1]=u.get(c,p),f=i.dataToPoint(a,null,l);o?(r[d++]=f[0],r[d++]=f[1]):e.setItemLayout(p,f.slice())}o&&e.setLayout("points",r)}}}}}}var zS={average:function(t){for(var e=0,n=0,i=0;i<t.length;i++)isNaN(t[i])||(e+=t[i],n++);return 0===n?NaN:e/n},sum:function(t){for(var e=0,n=0;n<t.length;n++)e+=t[n]||0;return e},max:function(t){for(var e=-1/0,n=0;n<t.length;n++)t[n]>e&&(e=t[n]);return isFinite(e)?e:NaN},min:function(t){for(var e=1/0,n=0;n<t.length;n++)t[n]<e&&(e=t[n]);return isFinite(e)?e:NaN},nearest:function(t){return t[0]}},VS=function(t){return Math.round(t.length/2)};function BS(t){return{seriesType:t,reset:function(t,e,n){var i=t.getData(),r=t.get("sampling"),o=t.coordinateSystem,a=i.count();if(a>10&&"cartesian2d"===o.type&&r){var s=o.getBaseAxis(),l=o.getOtherAxis(s),u=s.getExtent(),h=n.getDevicePixelRatio(),c=Math.abs(u[1]-u[0])*(h||1),p=Math.round(a/c);if(isFinite(p)&&p>1){"lttb"===r&&t.setData(i.lttbDownSample(i.mapDimension(l.dim),1/p));var d=void 0;U(r)?d=zS[r]:X(r)&&(d=r),d&&t.setData(i.downSample(i.mapDimension(l.dim),1/p,d,VS))}}}}}var FS=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return vx(null,this,{useEncodeDefaulter:!0})},e.prototype.getMarkerPosition=function(t,e,n){var i=this.coordinateSystem;if(i&&i.clampData){var r=i.clampData(t),o=i.dataToPoint(r);if(n)E(i.getAxes(),(function(t,n){if("category"===t.type&&null!=e){var i=t.getTicksCoords(),a=r[n],s="x1"===e[n]||"y1"===e[n];if(s&&(a+=1),i.length<2)return;if(2===i.length)return void(o[n]=t.toGlobalCoord(t.getExtent()[s?1:0]));for(var l=void 0,u=void 0,h=1,c=0;c<i.length;c++){var p=i[c].coord,d=c===i.length-1?i[c-1].tickValue+h:i[c].tickValue;if(d===a){u=p;break}if(d<a)l=p;else if(null!=l&&d>a){u=(p+l)/2;break}1===c&&(h=d-i[0].tickValue)}null==u&&(l?l&&(u=i[i.length-1].coord):u=i[0].coord),o[n]=t.toGlobalCoord(u)}}));else{var a=this.getData(),s=a.getLayout("offset"),l=a.getLayout("size"),u=i.getBaseAxis().isHorizontal()?0:1;o[u]+=s+l/2}return o}return[NaN,NaN]},e.type="series.__base_bar__",e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},e}(mg);mg.registerClass(FS);var GS=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(){return vx(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},e.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},e.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),e=this.get("largeThreshold");return e>t&&(t=e),t},e.prototype.brushSelector=function(t,e,n){return n.rect(e.getItemLayout(t))},e.type="series.bar",e.dependencies=["grid","polar"],e.defaultOption=Cc(FS.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),e}(FS),WS=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},HS=function(t){function e(e){var n=t.call(this,e)||this;return n.type="sausage",n}return n(e,t),e.prototype.getDefaultShape=function(){return new WS},e.prototype.buildPath=function(t,e){var n=e.cx,i=e.cy,r=Math.max(e.r0||0,0),o=Math.max(e.r,0),a=.5*(o-r),s=r+a,l=e.startAngle,u=e.endAngle,h=e.clockwise,c=2*Math.PI,p=h?u-l<c:l-u<c;p||(l=u-(h?c:-c));var d=Math.cos(l),f=Math.sin(l),g=Math.cos(u),y=Math.sin(u);p?(t.moveTo(d*r+n,f*r+i),t.arc(d*s+n,f*s+i,a,-Math.PI+l,l,!h)):t.moveTo(d*o+n,f*o+i),t.arc(n,i,o,l,u,!h),t.arc(g*s+n,y*s+i,a,u-2*Math.PI,u-Math.PI,!h),0!==r&&t.arc(n,i,r,u,l,h)},e}(Is);function YS(t,e,n){return e*Math.sin(t)*(n?-1:1)}function XS(t,e,n){return e*Math.cos(t)*(n?1:-1)}function US(t,e,n){var i=t.get("borderRadius");if(null==i)return n?{cornerRadius:0}:null;Y(i)||(i=[i,i,i,i]);var r=Math.abs(e.r||0-e.r0||0);return{cornerRadius:z(i,(function(t){return Ir(t,r)}))}}var ZS=Math.max,jS=Math.min;var qS=function(t){function e(){var n=t.call(this)||this;return n.type=e.type,n._isFirstFrame=!0,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._model=t,this._removeOnRenderedListener(n),this._updateDrawMode(t);var r=t.get("coordinateSystem");("cartesian2d"===r||"polar"===r)&&(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,e,n):this._renderNormal(t,e,n,i))},e.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},e.prototype.incrementalRender=function(t,e){this._progressiveEls=[],this._incrementalRenderLarge(t,e)},e.prototype.eachRendered=function(t){qh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t,e,n,i){var r,o=this.group,a=t.getData(),s=this._data,l=t.coordinateSystem,u=l.getBaseAxis();"cartesian2d"===l.type?r=u.isHorizontal():"polar"===l.type&&(r="angle"===u.dim);var h=t.isAnimationEnabled()?t:null,c=function(t,e){var n=t.get("realtimeSort",!0),i=e.getBaseAxis();0;if(n&&"category"===i.type&&"cartesian2d"===e.type)return{baseAxis:i,otherAxis:e.getOtherAxis(i)}}(t,l);c&&this._enableRealtimeSort(c,a,n);var p=t.get("clip",!0)||c,d=function(t,e){var n=t.getArea&&t.getArea();if(MS(t,"cartesian2d")){var i=t.getBaseAxis();if("category"!==i.type||!i.onBand){var r=e.getLayout("bandWidth");i.isHorizontal()?(n.x-=r,n.width+=2*r):(n.y-=r,n.height+=2*r)}}return n}(l,a);o.removeClipPath();var f=t.get("roundCap",!0),g=t.get("showBackground",!0),y=t.getModel("backgroundStyle"),v=y.get("borderRadius")||0,m=[],x=this._backgroundEls,_=i&&i.isInitSort,b=i&&"changeAxisOrder"===i.type;function w(t){var e=iM[l.type](a,t),n=function(t,e,n){var i="polar"===t.type?zu:zs;return new i({shape:hM(e,n,t),silent:!0,z2:0})}(l,r,e);return n.useStyle(y.getItemStyle()),"cartesian2d"===l.type?n.setShape("r",v):n.setShape("cornerRadius",v),m[t]=n,n}a.diff(s).add((function(e){var n=a.getItemModel(e),i=iM[l.type](a,e,n);if(g&&w(e),a.hasValue(e)&&nM[l.type](i)){var s=!1;p&&(s=KS[l.type](d,i));var y=$S[l.type](t,a,e,i,r,h,u.model,!1,f);c&&(y.forceLabelAnimation=!0),oM(y,a,e,n,i,t,r,"polar"===l.type),_?y.attr({shape:i}):c?JS(c,h,y,i,e,r,!1,!1):gh(y,{shape:i},t,e),a.setItemGraphicEl(e,y),o.add(y),y.ignore=s}})).update((function(e,n){var i=a.getItemModel(e),S=iM[l.type](a,e,i);if(g){var M=void 0;0===x.length?M=w(n):((M=x[n]).useStyle(y.getItemStyle()),"cartesian2d"===l.type?M.setShape("r",v):M.setShape("cornerRadius",v),m[e]=M);var I=iM[l.type](a,e);fh(M,{shape:hM(r,I,l)},h,e)}var T=s.getItemGraphicEl(n);if(a.hasValue(e)&&nM[l.type](S)){var C=!1;if(p&&(C=KS[l.type](d,S))&&o.remove(T),T?_h(T):T=$S[l.type](t,a,e,S,r,h,u.model,!!T,f),c&&(T.forceLabelAnimation=!0),b){var D=T.getTextContent();if(D){var A=uc(D);null!=A.prevValue&&(A.prevValue=A.value)}}else oM(T,a,e,i,S,t,r,"polar"===l.type);_?T.attr({shape:S}):c?JS(c,h,T,S,e,r,!0,b):fh(T,{shape:S},t,e,null),a.setItemGraphicEl(e,T),T.ignore=C,o.add(T)}else o.remove(T)})).remove((function(e){var n=s.getItemGraphicEl(e);n&&xh(n,t,e)})).execute();var S=this._backgroundGroup||(this._backgroundGroup=new zr);S.removeAll();for(var M=0;M<m.length;++M)S.add(m[M]);o.add(S),this._backgroundEls=m,this._data=a},e.prototype._renderLarge=function(t,e,n){this._clear(),lM(t,this.group),this._updateLargeClip(t)},e.prototype._incrementalRenderLarge=function(t,e){this._removeBackground(),lM(e,this.group,this._progressiveEls,!0)},e.prototype._updateLargeClip=function(t){var e=t.get("clip",!0)&&SS(t.coordinateSystem,!1,t),n=this.group;e?n.setClipPath(e):n.removeClipPath()},e.prototype._enableRealtimeSort=function(t,e,n){var i=this;if(e.count()){var r=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(e,t,n),this._isFirstFrame=!1;else{var o=function(t){var n=e.getItemGraphicEl(t),i=n&&n.shape;return i&&Math.abs(r.isHorizontal()?i.height:i.width)||0};this._onRendered=function(){i._updateSortWithinSameData(e,o,r,n)},n.getZr().on("rendered",this._onRendered)}}},e.prototype._dataSort=function(t,e,n){var i=[];return t.each(t.mapDimension(e.dim),(function(t,e){var r=n(e);r=null==r?NaN:r,i.push({dataIndex:e,mappedValue:r,ordinalNumber:t})})),i.sort((function(t,e){return e.mappedValue-t.mappedValue})),{ordinalNumbers:z(i,(function(t){return t.ordinalNumber}))}},e.prototype._isOrderChangedWithinSameData=function(t,e,n){for(var i=n.scale,r=t.mapDimension(n.dim),o=Number.MAX_VALUE,a=0,s=i.getOrdinalMeta().categories.length;a<s;++a){var l=t.rawIndexOf(r,i.getRawOrdinalNumber(a)),u=l<0?Number.MIN_VALUE:e(t.indexOfRawIndex(l));if(u>o)return!0;o=u}return!1},e.prototype._isOrderDifferentInView=function(t,e){for(var n=e.scale,i=n.getExtent(),r=Math.max(0,i[0]),o=Math.min(i[1],n.getOrdinalMeta().categories.length-1);r<=o;++r)if(t.ordinalNumbers[r]!==n.getRawOrdinalNumber(r))return!0},e.prototype._updateSortWithinSameData=function(t,e,n,i){if(this._isOrderChangedWithinSameData(t,e,n)){var r=this._dataSort(t,n,e);this._isOrderDifferentInView(r,n)&&(this._removeOnRenderedListener(i),i.dispatchAction({type:"changeAxisOrder",componentType:n.dim+"Axis",axisId:n.index,sortInfo:r}))}},e.prototype._dispatchInitSort=function(t,e,n){var i=e.baseAxis,r=this._dataSort(t,i,(function(n){return t.get(t.mapDimension(e.otherAxis.dim),n)}));n.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",isInitSort:!0,axisId:i.index,sortInfo:r})},e.prototype.remove=function(t,e){this._clear(this._model),this._removeOnRenderedListener(e)},e.prototype.dispose=function(t,e){this._removeOnRenderedListener(e)},e.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},e.prototype._clear=function(t){var e=this.group,n=this._data;t&&t.isAnimationEnabled()&&n&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],n.eachItemGraphicEl((function(e){xh(e,t,Qs(e).dataIndex)}))):e.removeAll(),this._data=null,this._isFirstFrame=!0},e.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},e.type="bar",e}(kg),KS={cartesian2d:function(t,e){var n=e.width<0?-1:1,i=e.height<0?-1:1;n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height);var r=t.x+t.width,o=t.y+t.height,a=ZS(e.x,t.x),s=jS(e.x+e.width,r),l=ZS(e.y,t.y),u=jS(e.y+e.height,o),h=s<a,c=u<l;return e.x=h&&a>r?s:a,e.y=c&&l>o?u:l,e.width=h?0:s-a,e.height=c?0:u-l,n<0&&(e.x+=e.width,e.width=-e.width),i<0&&(e.y+=e.height,e.height=-e.height),h||c},polar:function(t,e){var n=e.r0<=e.r?1:-1;if(n<0){var i=e.r;e.r=e.r0,e.r0=i}var r=jS(e.r,t.r),o=ZS(e.r0,t.r0);e.r=r,e.r0=o;var a=r-o<0;if(n<0){i=e.r;e.r=e.r0,e.r0=i}return a}},$S={cartesian2d:function(t,e,n,i,r,o,a,s,l){var u=new zs({shape:A({},i),z2:1});(u.__dataIndex=n,u.name="item",o)&&(u.shape[r?"height":"width"]=0);return u},polar:function(t,e,n,i,r,o,a,s,l){var u=!r&&l?HS:zu,h=new u({shape:i,z2:1});h.name="item";var c,p,d=rM(r);if(h.calculateTextPosition=(c=d,p=({isRoundCap:u===HS}||{}).isRoundCap,function(t,e,n){var i=e.position;if(!i||i instanceof Array)return Tr(t,e,n);var r=c(i),o=null!=e.distance?e.distance:5,a=this.shape,s=a.cx,l=a.cy,u=a.r,h=a.r0,d=(u+h)/2,f=a.startAngle,g=a.endAngle,y=(f+g)/2,v=p?Math.abs(u-h)/2:0,m=Math.cos,x=Math.sin,_=s+u*m(f),b=l+u*x(f),w="left",S="top";switch(r){case"startArc":_=s+(h-o)*m(y),b=l+(h-o)*x(y),w="center",S="top";break;case"insideStartArc":_=s+(h+o)*m(y),b=l+(h+o)*x(y),w="center",S="bottom";break;case"startAngle":_=s+d*m(f)+YS(f,o+v,!1),b=l+d*x(f)+XS(f,o+v,!1),w="right",S="middle";break;case"insideStartAngle":_=s+d*m(f)+YS(f,-o+v,!1),b=l+d*x(f)+XS(f,-o+v,!1),w="left",S="middle";break;case"middle":_=s+d*m(y),b=l+d*x(y),w="center",S="middle";break;case"endArc":_=s+(u+o)*m(y),b=l+(u+o)*x(y),w="center",S="bottom";break;case"insideEndArc":_=s+(u-o)*m(y),b=l+(u-o)*x(y),w="center",S="top";break;case"endAngle":_=s+d*m(g)+YS(g,o+v,!0),b=l+d*x(g)+XS(g,o+v,!0),w="left",S="middle";break;case"insideEndAngle":_=s+d*m(g)+YS(g,-o+v,!0),b=l+d*x(g)+XS(g,-o+v,!0),w="right",S="middle";break;default:return Tr(t,e,n)}return(t=t||{}).x=_,t.y=b,t.align=w,t.verticalAlign=S,t}),o){var f=r?"r":"endAngle",g={};h.shape[f]=r?i.r0:i.startAngle,g[f]=i[f],(s?fh:gh)(h,{shape:g},o)}return h}};function JS(t,e,n,i,r,o,a,s){var l,u;o?(u={x:i.x,width:i.width},l={y:i.y,height:i.height}):(u={y:i.y,height:i.height},l={x:i.x,width:i.width}),s||(a?fh:gh)(n,{shape:l},e,r,null),(a?fh:gh)(n,{shape:u},e?t.baseAxis.model:null,r)}function QS(t,e){for(var n=0;n<e.length;n++)if(!isFinite(t[e[n]]))return!0;return!1}var tM=["x","y","width","height"],eM=["cx","cy","r","startAngle","endAngle"],nM={cartesian2d:function(t){return!QS(t,tM)},polar:function(t){return!QS(t,eM)}},iM={cartesian2d:function(t,e,n){var i=t.getItemLayout(e),r=n?function(t,e){var n=t.get(["itemStyle","borderColor"]);if(!n||"none"===n)return 0;var i=t.get(["itemStyle","borderWidth"])||0,r=isNaN(e.width)?Number.MAX_VALUE:Math.abs(e.width),o=isNaN(e.height)?Number.MAX_VALUE:Math.abs(e.height);return Math.min(i,r,o)}(n,i):0,o=i.width>0?1:-1,a=i.height>0?1:-1;return{x:i.x+o*r/2,y:i.y+a*r/2,width:i.width-o*r,height:i.height-a*r}},polar:function(t,e,n){var i=t.getItemLayout(e);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function rM(t){return function(t){var e=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+e;default:return t}}}(t)}function oM(t,e,n,i,r,o,a,s){var l=e.getItemVisual(n,"style");if(s){if(!o.get("roundCap")){var u=t.shape;A(u,US(i.getModel("itemStyle"),u,!0)),t.setShape(u)}}else{var h=i.get(["itemStyle","borderRadius"])||0;t.setShape("r",h)}t.useStyle(l);var c=i.getShallow("cursor");c&&t.attr("cursor",c);var p=s?a?r.r>=r.r0?"endArc":"startArc":r.endAngle>=r.startAngle?"endAngle":"startAngle":a?r.height>=0?"bottom":"top":r.width>=0?"right":"left",d=ec(i);tc(t,d,{labelFetcher:o,labelDataIndex:n,defaultText:iS(o.getData(),n),inheritColor:l.fill,defaultOpacity:l.opacity,defaultOutsidePosition:p});var f=t.getTextContent();if(s&&f){var g=i.get(["label","position"]);t.textConfig.inside="middle"===g||null,function(t,e,n,i){if(j(i))t.setTextConfig({rotation:i});else if(Y(e))t.setTextConfig({rotation:0});else{var r,o=t.shape,a=o.clockwise?o.startAngle:o.endAngle,s=o.clockwise?o.endAngle:o.startAngle,l=(a+s)/2,u=n(e);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":r=l;break;case"startAngle":case"insideStartAngle":r=a;break;case"endAngle":case"insideEndAngle":r=s;break;default:return void t.setTextConfig({rotation:0})}var h=1.5*Math.PI-r;"middle"===u&&h>Math.PI/2&&h<1.5*Math.PI&&(h-=Math.PI),t.setTextConfig({rotation:h})}}(t,"outside"===g?p:g,rM(a),i.get(["label","rotate"]))}hc(f,d,o.getRawValue(n),(function(t){return rS(e,t)}));var y=i.getModel(["emphasis"]);Yl(t,y.get("focus"),y.get("blurScope"),y.get("disabled")),jl(t,i),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(r)&&(t.style.fill="none",t.style.stroke="none",E(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var aM=function(){},sM=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeBar",n}return n(e,t),e.prototype.getDefaultShape=function(){return new aM},e.prototype.buildPath=function(t,e){for(var n=e.points,i=this.baseDimIdx,r=1-this.baseDimIdx,o=[],a=[],s=this.barWidth,l=0;l<n.length;l+=3)a[i]=s,a[r]=n[l+2],o[i]=n[l+i],o[r]=n[l+r],t.rect(o[0],o[1],a[0],a[1])},e}(Is);function lM(t,e,n,i){var r=t.getData(),o=r.getLayout("valueAxisHorizontal")?1:0,a=r.getLayout("largeDataIndices"),s=r.getLayout("size"),l=t.getModel("backgroundStyle"),u=r.getLayout("largeBackgroundPoints");if(u){var h=new sM({shape:{points:u},incremental:!!i,silent:!0,z2:0});h.baseDimIdx=o,h.largeDataIndices=a,h.barWidth=s,h.useStyle(l.getItemStyle()),e.add(h),n&&n.push(h)}var c=new sM({shape:{points:r.getLayout("largePoints")},incremental:!!i,ignoreCoarsePointer:!0,z2:1});c.baseDimIdx=o,c.largeDataIndices=a,c.barWidth=s,e.add(c),c.useStyle(r.getVisual("style")),Qs(c).seriesIndex=t.seriesIndex,t.get("silent")||(c.on("mousedown",uM),c.on("mousemove",uM)),n&&n.push(c)}var uM=Bg((function(t){var e=function(t,e,n){for(var i=t.baseDimIdx,r=1-i,o=t.shape.points,a=t.largeDataIndices,s=[],l=[],u=t.barWidth,h=0,c=o.length/3;h<c;h++){var p=3*h;if(l[i]=u,l[r]=o[p+2],s[i]=o[p+i],s[r]=o[p+r],l[r]<0&&(s[r]+=l[r],l[r]=-l[r]),e>=s[0]&&e<=s[0]+l[0]&&n>=s[1]&&n<=s[1]+l[1])return a[h]}return-1}(this,t.offsetX,t.offsetY);Qs(this).dataIndex=e>=0?e:null}),30,!1);function hM(t,e,n){if(MS(n,"cartesian2d")){var i=e,r=n.getArea();return{x:t?i.x:r.x,y:t?r.y:i.y,width:t?i.width:r.width,height:t?r.height:i.height}}var o=e;return{cx:(r=n.getArea()).cx,cy:r.cy,r0:t?r.r0:o.r0,r:t?r.r:o.r,startAngle:t?o.startAngle:0,endAngle:t?o.endAngle:2*Math.PI}}var cM=2*Math.PI,pM=Math.PI/180;function dM(t,e){return Cp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}function fM(t,e){var n=dM(t,e),i=t.get("center"),r=t.get("radius");Y(r)||(r=[0,r]);var o,a,s=Ur(n.width,e.getWidth()),l=Ur(n.height,e.getHeight()),u=Math.min(s,l),h=Ur(r[0],u/2),c=Ur(r[1],u/2),p=t.coordinateSystem;if(p){var d=p.dataToPoint(i);o=d[0]||0,a=d[1]||0}else Y(i)||(i=[i,i]),o=Ur(i[0],s)+n.x,a=Ur(i[1],l)+n.y;return{cx:o,cy:a,r0:h,r:c}}function gM(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.getData(),i=e.mapDimension("value"),r=dM(t,n),o=fM(t,n),a=o.cx,s=o.cy,l=o.r,u=o.r0,h=-t.get("startAngle")*pM,c=t.get("minAngle")*pM,p=0;e.each(i,(function(t){!isNaN(t)&&p++}));var d=e.getSum(i),f=Math.PI/(d||p)*2,g=t.get("clockwise"),y=t.get("roseType"),v=t.get("stillShowZeroSum"),m=e.getDataExtent(i);m[0]=0;var x=cM,_=0,b=h,w=g?1:-1;if(e.setLayout({viewRect:r,r:l}),e.each(i,(function(t,n){var i;if(isNaN(t))e.setItemLayout(n,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:g,cx:a,cy:s,r0:u,r:y?NaN:l});else{(i="area"!==y?0===d&&v?f:t*f:cM/p)<c?(i=c,x-=c):_+=t;var r=b+w*i;e.setItemLayout(n,{angle:i,startAngle:b,endAngle:r,clockwise:g,cx:a,cy:s,r0:u,r:y?Xr(t,m,[u,l]):l}),b=r}})),x<cM&&p)if(x<=.001){var S=cM/p;e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n);i.angle=S,i.startAngle=h+w*n*S,i.endAngle=h+w*(n+1)*S}}))}else f=x/_,b=h,e.each(i,(function(t,n){if(!isNaN(t)){var i=e.getItemLayout(n),r=i.angle===c?c:t*f;i.startAngle=b,i.endAngle=b+w*r,b+=w*r}}))}))}function yM(t){return{seriesType:t,reset:function(t,e){var n=e.findComponents({mainType:"legend"});if(n&&n.length){var i=t.getData();i.filterSelf((function(t){for(var e=i.getName(t),r=0;r<n.length;r++)if(!n[r].isSelected(e))return!1;return!0}))}}}}var vM=Math.PI/180;function mM(t,e,n,i,r,o,a,s,l,u){if(!(t.length<2)){for(var h=t.length,c=0;c<h;c++)if("outer"===t[c].position&&"labelLine"===t[c].labelAlignTo){var p=t[c].label.x-u;t[c].linePoints[1][0]+=p,t[c].label.x=u}kb(t,l,l+a)&&function(t){for(var o={list:[],maxY:0},a={list:[],maxY:0},s=0;s<t.length;s++)if("none"===t[s].labelAlignTo){var l=t[s],u=l.label.y>n?a:o,h=Math.abs(l.label.y-n);if(h>=u.maxY){var c=l.label.x-e-l.len2*r,p=i+l.len,f=Math.abs(c)<p?Math.sqrt(h*h/(1-c*c/p/p)):p;u.rB=f,u.maxY=h}u.list.push(l)}d(o),d(a)}(t)}function d(t){for(var o=t.rB,a=o*o,s=0;s<t.list.length;s++){var l=t.list[s],u=Math.abs(l.label.y-n),h=i+l.len,c=h*h,p=Math.sqrt((1-Math.abs(u*u/a))*c),d=e+(p+l.len2)*r,f=d-l.label.x;xM(l,l.targetTextWidth-f*r,!0),l.label.x=d}}}function xM(t,e,n){if(void 0===n&&(n=!1),null==t.labelStyleWidth){var i=t.label,r=i.style,o=t.rect,a=r.backgroundColor,s=r.padding,l=s?s[1]+s[3]:0,u=r.overflow,h=o.width+(a?0:l);if(e<h||n){var c=o.height;if(u&&u.match("break")){i.setStyle("backgroundColor",null),i.setStyle("width",e-l);var p=i.getBoundingRect();i.setStyle("width",Math.ceil(p.width)),i.setStyle("backgroundColor",a)}else{var d=e-l,f=e<h?d:n?d>t.unconstrainedWidth?null:d:null;i.setStyle("width",f)}var g=i.getBoundingRect();o.width=g.width;var y=(i.style.margin||0)+2.1;o.height=g.height+y,o.y-=(o.height-c)/2}}}function _M(t){return"center"===t.position}function bM(t){var e,n,i=t.getData(),r=[],o=!1,a=(t.get("minShowLabelAngle")||0)*vM,s=i.getLayout("viewRect"),l=i.getLayout("r"),u=s.width,h=s.x,c=s.y,p=s.height;function d(t){t.ignore=!0}i.each((function(t){var s=i.getItemGraphicEl(t),c=s.shape,p=s.getTextContent(),f=s.getTextGuideLine(),g=i.getItemModel(t),y=g.getModel("label"),v=y.get("position")||g.get(["emphasis","label","position"]),m=y.get("distanceToLabelLine"),x=y.get("alignTo"),_=Ur(y.get("edgeDistance"),u),b=y.get("bleedMargin"),w=g.getModel("labelLine"),S=w.get("length");S=Ur(S,u);var M=w.get("length2");if(M=Ur(M,u),Math.abs(c.endAngle-c.startAngle)<a)return E(p.states,d),p.ignore=!0,void(f&&(E(f.states,d),f.ignore=!0));if(function(t){if(!t.ignore)return!0;for(var e in t.states)if(!1===t.states[e].ignore)return!0;return!1}(p)){var I,T,C,D,A=(c.startAngle+c.endAngle)/2,k=Math.cos(A),L=Math.sin(A);e=c.cx,n=c.cy;var P="inside"===v||"inner"===v;if("center"===v)I=c.cx,T=c.cy,D="center";else{var O=(P?(c.r+c.r0)/2*k:c.r*k)+e,R=(P?(c.r+c.r0)/2*L:c.r*L)+n;if(I=O+3*k,T=R+3*L,!P){var N=O+k*(S+l-c.r),z=R+L*(S+l-c.r),V=N+(k<0?-1:1)*M;I="edge"===x?k<0?h+_:h+u-_:V+(k<0?-m:m),T=z,C=[[O,R],[N,z],[V,z]]}D=P?"center":"edge"===x?k>0?"right":"left":k>0?"left":"right"}var B=Math.PI,F=0,G=y.get("rotate");if(j(G))F=G*(B/180);else if("center"===v)F=0;else if("radial"===G||!0===G){F=k<0?-A+B:-A}else if("tangential"===G&&"outside"!==v&&"outer"!==v){var W=Math.atan2(k,L);W<0&&(W=2*B+W),L>0&&(W=B+W),F=W-B}if(o=!!F,p.x=I,p.y=T,p.rotation=F,p.setStyle({verticalAlign:"middle"}),P){p.setStyle({align:D});var H=p.states.select;H&&(H.x+=p.x,H.y+=p.y)}else{var Y=p.getBoundingRect().clone();Y.applyTransform(p.getComputedTransform());var X=(p.style.margin||0)+2.1;Y.y-=X/2,Y.height+=X,r.push({label:p,labelLine:f,position:v,len:S,len2:M,minTurnAngle:w.get("minTurnAngle"),maxSurfaceAngle:w.get("maxSurfaceAngle"),surfaceNormal:new De(k,L),linePoints:C,textAlign:D,labelDistance:m,labelAlignTo:x,edgeDistance:_,bleedMargin:b,rect:Y,unconstrainedWidth:Y.width,labelStyleWidth:p.style.width})}s.setTextConfig({inside:P})}})),!o&&t.get("avoidLabelOverlap")&&function(t,e,n,i,r,o,a,s){for(var l=[],u=[],h=Number.MAX_VALUE,c=-Number.MAX_VALUE,p=0;p<t.length;p++){var d=t[p].label;_M(t[p])||(d.x<e?(h=Math.min(h,d.x),l.push(t[p])):(c=Math.max(c,d.x),u.push(t[p])))}for(p=0;p<t.length;p++)if(!_M(y=t[p])&&y.linePoints){if(null!=y.labelStyleWidth)continue;d=y.label;var f=y.linePoints,g=void 0;g="edge"===y.labelAlignTo?d.x<e?f[2][0]-y.labelDistance-a-y.edgeDistance:a+r-y.edgeDistance-f[2][0]-y.labelDistance:"labelLine"===y.labelAlignTo?d.x<e?h-a-y.bleedMargin:a+r-c-y.bleedMargin:d.x<e?d.x-a-y.bleedMargin:a+r-d.x-y.bleedMargin,y.targetTextWidth=g,xM(y,g)}for(mM(u,e,n,i,1,0,o,0,s,c),mM(l,e,n,i,-1,0,o,0,s,h),p=0;p<t.length;p++){var y;if(!_M(y=t[p])&&y.linePoints){d=y.label,f=y.linePoints;var v="edge"===y.labelAlignTo,m=d.style.padding,x=m?m[1]+m[3]:0,_=d.style.backgroundColor?0:x,b=y.rect.width+_,w=f[1][0]-f[2][0];v?d.x<e?f[2][0]=a+y.edgeDistance+b+y.labelDistance:f[2][0]=a+r-y.edgeDistance-b-y.labelDistance:(d.x<e?f[2][0]=d.x+y.labelDistance:f[2][0]=d.x-y.labelDistance,f[1][0]=f[2][0]+w),f[1][1]=f[2][1]=d.y}}}(r,e,n,l,u,p,h,c);for(var f=0;f<r.length;f++){var g=r[f],y=g.label,v=g.labelLine,m=isNaN(y.x)||isNaN(y.y);if(y){y.setStyle({align:g.textAlign}),m&&(E(y.states,d),y.ignore=!0);var x=y.states.select;x&&(x.x+=y.x,x.y+=y.y)}if(v){var _=g.linePoints;m||!_?(E(v.states,d),v.ignore=!0):(wb(_,g.minTurnAngle),Sb(_,g.surfaceNormal,g.maxSurfaceAngle),v.setShape({points:_}),y.__hostTarget.textGuideLineConfig={anchor:new De(_[0][0],_[0][1])})}}}var wM=function(t){function e(e,n,i){var r=t.call(this)||this;r.z2=2;var o=new Fs;return r.setTextContent(o),r.updateData(e,n,i,!0),r}return n(e,t),e.prototype.updateData=function(t,e,n,i){var r=this,o=t.hostModel,a=t.getItemModel(e),s=a.getModel("emphasis"),l=t.getItemLayout(e),u=A(US(a.getModel("itemStyle"),l,!0),l);if(isNaN(u.startAngle))r.setShape(u);else{if(i){r.setShape(u);var h=o.getShallow("animationType");o.ecModel.ssr?(gh(r,{scaleX:0,scaleY:0},o,{dataIndex:e,isFrom:!0}),r.originX=u.cx,r.originY=u.cy):"scale"===h?(r.shape.r=l.r0,gh(r,{shape:{r:l.r}},o,e)):null!=n?(r.setShape({startAngle:n,endAngle:n}),gh(r,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},o,e)):(r.shape.endAngle=l.startAngle,fh(r,{shape:{endAngle:l.endAngle}},o,e))}else _h(r),fh(r,{shape:u},o,e);r.useStyle(t.getItemVisual(e,"style")),jl(r,a);var c=(l.startAngle+l.endAngle)/2,p=o.get("selectedOffset"),d=Math.cos(c)*p,f=Math.sin(c)*p,g=a.getShallow("cursor");g&&r.attr("cursor",g),this._updateLabel(o,t,e),r.ensureState("emphasis").shape=A({r:l.r+(s.get("scale")&&s.get("scaleSize")||0)},US(s.getModel("itemStyle"),l)),A(r.ensureState("select"),{x:d,y:f,shape:US(a.getModel(["select","itemStyle"]),l)}),A(r.ensureState("blur"),{shape:US(a.getModel(["blur","itemStyle"]),l)});var y=r.getTextGuideLine(),v=r.getTextContent();y&&A(y.ensureState("select"),{x:d,y:f}),A(v.ensureState("select"),{x:d,y:f}),Yl(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))}},e.prototype._updateLabel=function(t,e,n){var i=this,r=e.getItemModel(n),o=r.getModel("labelLine"),a=e.getItemVisual(n,"style"),s=a&&a.fill,l=a&&a.opacity;tc(i,ec(r),{labelFetcher:e.hostModel,labelDataIndex:n,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(n,"normal")||e.getName(n)});var u=i.getTextContent();i.setTextConfig({position:null,rotation:null}),u.attr({z2:10});var h=t.get(["label","position"]);if("outside"!==h&&"outer"!==h)i.removeTextGuideLine();else{var c=this.getTextGuideLine();c||(c=new Yu,this.setTextGuideLine(c)),Tb(this,Cb(r),{stroke:s,opacity:ot(o.get(["lineStyle","opacity"]),l,1)})}},e}(zu),SM=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ignoreLabelLineUpdate=!0,e}return n(e,t),e.prototype.render=function(t,e,n,i){var r,o=t.getData(),a=this._data,s=this.group;if(!a&&o.count()>0){for(var l=o.getItemLayout(0),u=1;isNaN(l&&l.startAngle)&&u<o.count();++u)l=o.getItemLayout(u);l&&(r=l.startAngle)}if(this._emptyCircleSector&&s.remove(this._emptyCircleSector),0===o.count()&&t.get("showEmptyCircle")){var h=new zu({shape:fM(t,n)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle()),this._emptyCircleSector=h,s.add(h)}o.diff(a).add((function(t){var e=new wM(o,t,r);o.setItemGraphicEl(t,e),s.add(e)})).update((function(t,e){var n=a.getItemGraphicEl(e);n.updateData(o,t,r),n.off("click"),s.add(n),o.setItemGraphicEl(t,n)})).remove((function(e){xh(a.getItemGraphicEl(e),t,e)})).execute(),bM(t),"expansion"!==t.get("animationTypeUpdate")&&(this._data=o)},e.prototype.dispose=function(){},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="pie",e}(kg);function MM(t,e,n){e=Y(e)&&{coordDimensions:e}||A({encodeDefine:t.getEncode()},e);var i=t.getSource(),r=ux(i,e).dimensions,o=new lx(r,t);return o.initData(i,n),o}var IM=function(){function t(t,e){this._getDataWithEncodedVisual=t,this._getRawData=e}return t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)},t.prototype.containName=function(t){return this._getRawData().indexOfName(t)>=0},t.prototype.indexOfName=function(t){return this._getDataWithEncodedVisual().indexOfName(t)},t.prototype.getItemVisual=function(t,e){return this._getDataWithEncodedVisual().getItemVisual(t,e)},t}(),TM=Oo(),CM=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new IM(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)},e.prototype.getInitialData=function(){return MM(this,{coordDimensions:["value"],encodeDefaulter:H(Jp,this)})},e.prototype.getDataParams=function(e){var n=this.getData(),i=TM(n),r=i.seats;if(!r){var o=[];n.each(n.mapDimension("value"),(function(t){o.push(t)})),r=i.seats=Jr(o,n.hostModel.get("percentPrecision"))}var a=t.prototype.getDataParams.call(this,e);return a.percent=r[e]||0,a.$vars.push("percent"),a},e.prototype._defaultLabelLine=function(t){wo(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.type="series.pie",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:!0,left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:!0,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",bleedMargin:10,distanceToLabelLine:5},labelLine:{show:!0,length:15,length2:15,smooth:!1,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:!0,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:!0},emphasis:{scale:!0,scaleSize:5},avoidLabelOverlap:!0,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"},e}(mg);var DM=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return vx(null,this,{useEncodeDefaulter:!0})},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?5e3:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?1e4:this.get("progressiveThreshold"):t},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.prototype.getZLevelKey=function(){return this.getData().count()>this.getProgressiveThreshold()?this.id:""},e.type="series.scatter",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,symbolSize:10,large:!1,largeThreshold:2e3,itemStyle:{opacity:.8},emphasis:{scale:!0},clip:!0,select:{itemStyle:{borderColor:"#212121"}},universalTransition:{divideShape:"clone"}},e}(mg),AM=function(){},kM=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.getDefaultShape=function(){return new AM},e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.buildPath=function(t,e){var n,i=e.points,r=e.size,o=this.symbolProxy,a=o.shape,s=t.getContext?t.getContext():t,l=s&&r[0]<4,u=this.softClipShape;if(l)this._ctx=s;else{for(this._ctx=null,n=this._off;n<i.length;){var h=i[n++],c=i[n++];isNaN(h)||isNaN(c)||(u&&!u.contain(h,c)||(a.x=h-r[0]/2,a.y=c-r[1]/2,a.width=r[0],a.height=r[1],o.buildPath(t,a,!0)))}this.incremental&&(this._off=n,this.notClear=!0)}},e.prototype.afterBrush=function(){var t,e=this.shape,n=e.points,i=e.size,r=this._ctx,o=this.softClipShape;if(r){for(t=this._off;t<n.length;){var a=n[t++],s=n[t++];isNaN(a)||isNaN(s)||(o&&!o.contain(a,s)||r.fillRect(a-i[0]/2,s-i[1]/2,i[0],i[1]))}this.incremental&&(this._off=t,this.notClear=!0)}},e.prototype.findDataIndex=function(t,e){for(var n=this.shape,i=n.points,r=n.size,o=Math.max(r[0],4),a=Math.max(r[1],4),s=i.length/2-1;s>=0;s--){var l=2*s,u=i[l]-o/2,h=i[l+1]-a/2;if(t>=u&&e>=h&&t<=u+o&&e<=h+a)return s}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape,n=e.points,i=e.size,r=i[0],o=i[1],a=1/0,s=1/0,l=-1/0,u=-1/0,h=0;h<n.length;){var c=n[h++],p=n[h++];a=Math.min(c,a),l=Math.max(c,l),s=Math.min(p,s),u=Math.max(p,u)}t=this._rect=new ze(a-r/2,s-o/2,l-a+r,u-s+o)}return t},e}(Is),LM=function(){function t(){this.group=new zr}return t.prototype.updateData=function(t,e){this._clear();var n=this._create();n.setShape({points:t.getLayout("points")}),this._setCommon(n,t,e)},t.prototype.updateLayout=function(t){var e=t.getLayout("points");this.group.eachChild((function(t){if(null!=t.startIndex){var n=2*(t.endIndex-t.startIndex),i=4*t.startIndex*2;e=new Float32Array(e.buffer,i,n)}t.setShape("points",e),t.reset()}))},t.prototype.incrementalPrepareUpdate=function(t){this._clear()},t.prototype.incrementalUpdate=function(t,e,n){var i=this._newAdded[0],r=e.getLayout("points"),o=i&&i.shape.points;if(o&&o.length<2e4){var a=o.length,s=new Float32Array(a+r.length);s.set(o),s.set(r,a),i.endIndex=t.end,i.setShape({points:s})}else{this._newAdded=[];var l=this._create();l.startIndex=t.start,l.endIndex=t.end,l.incremental=!0,l.setShape({points:r}),this._setCommon(l,e,n)}},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new kM({cursor:"default"});return t.ignoreCoarsePointer=!0,this.group.add(t),this._newAdded.push(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;n=n||{};var r=e.getVisual("symbolSize");t.setShape("size",r instanceof Array?r:[r,r]),t.softClipShape=n.clipShape||null,t.symbolProxy=Wy(e.getVisual("symbol"),0,0,0,0),t.setColor=t.symbolProxy.setColor;var o=t.shape.size[0]<4;t.useStyle(i.getModel("itemStyle").getItemStyle(o?["color","shadowBlur","shadowColor"]:["color"]));var a=e.getVisual("style"),s=a&&a.fill;s&&t.setColor(s);var l=Qs(t);l.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){l.dataIndex=null;var n=t.hoverDataIdx;n>=0&&(l.dataIndex=n+(t.startIndex||0))}))},t.prototype.remove=function(){this._clear()},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),PM=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).updateData(i,{clipShape:this._getClipShape(t)}),this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateSymbolDraw(i,t).incrementalPrepareUpdate(i),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._symbolDraw.incrementalUpdate(t,e.getData(),{clipShape:this._getClipShape(e)}),this._finished=t.end===e.getData().count()},e.prototype.updateTransform=function(t,e,n){var i=t.getData();if(this.group.dirty(),!this._finished||i.count()>1e4)return{update:!0};var r=ES("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout(i)},e.prototype.eachRendered=function(t){this._symbolDraw&&this._symbolDraw.eachRendered(t)},e.prototype._getClipShape=function(t){var e=t.coordinateSystem,n=e&&e.getArea&&e.getArea();return t.get("clip",!0)?n:null},e.prototype._updateSymbolDraw=function(t,e){var n=this._symbolDraw,i=e.pipelineContext.large;return n&&i===this._isLargeDraw||(n&&n.remove(),n=this._symbolDraw=i?new LM:new hS,this._isLargeDraw=i,this.group.removeAll()),this.group.add(n.group),n},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0),this._symbolDraw=null},e.prototype.dispose=function(){},e.type="scatter",e}(kg),OM=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.type="grid",e.dependencies=["xAxis","yAxis"],e.layoutMode="box",e.defaultOption={show:!1,z:0,left:"10%",top:60,right:"10%",bottom:70,containLabel:!1,backgroundColor:"rgba(0,0,0,0)",borderWidth:1,borderColor:"#ccc"},e}(Rp),RM=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("grid",zo).models[0]},e.type="cartesian2dAxis",e}(Rp);R(RM,I_);var NM={show:!0,z:0,inverse:!1,name:"",nameLocation:"end",nameRotate:null,nameTruncate:{maxWidth:null,ellipsis:"...",placeholder:"."},nameTextStyle:{},nameGap:15,silent:!1,triggerEvent:!1,tooltip:{show:!1},axisPointer:{},axisLine:{show:!0,onZero:!0,onZeroAxisIndex:null,lineStyle:{color:"#6E7079",width:1,type:"solid"},symbol:["none","none"],symbolSize:[10,15]},axisTick:{show:!0,inside:!1,length:5,lineStyle:{width:1}},axisLabel:{show:!0,inside:!1,rotate:0,showMinLabel:null,showMaxLabel:null,margin:8,fontSize:12},splitLine:{show:!0,lineStyle:{color:["#E0E6F1"],width:1,type:"solid"}},splitArea:{show:!1,areaStyle:{color:["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},EM=C({boundaryGap:!0,deduplication:null,splitLine:{show:!1},axisTick:{alignWithLabel:!1,interval:"auto"},axisLabel:{interval:"auto"}},NM),zM=C({boundaryGap:[0,0],axisLine:{show:"auto"},axisTick:{show:"auto"},splitNumber:5,minorTick:{show:!1,splitNumber:5,length:3,lineStyle:{}},minorSplitLine:{show:!1,lineStyle:{color:"#F4F7FD",width:1}}},NM),VM={category:EM,value:zM,time:C({splitNumber:6,axisLabel:{showMinLabel:!1,showMaxLabel:!1,rich:{primary:{fontWeight:"bold"}}},splitLine:{show:!1}},zM),log:k({logBase:10},zM)},BM={value:1,category:1,time:1,log:1};function FM(t,e,i,r){E(BM,(function(o,a){var s=C(C({},VM[a],!0),r,!0),l=function(t){function i(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e+"Axis."+a,n}return n(i,t),i.prototype.mergeDefaultAndTheme=function(t,e){var n=Ap(this),i=n?Lp(t):{};C(t,e.getTheme().get(a+"Axis")),C(t,this.getDefaultOption()),t.type=GM(t),n&&kp(t,i,n)},i.prototype.optionUpdated=function(){"category"===this.option.type&&(this.__ordinalMeta=_x.createByAxisModel(this))},i.prototype.getCategories=function(t){var e=this.option;if("category"===e.type)return t?e.data:this.__ordinalMeta.categories},i.prototype.getOrdinalMeta=function(){return this.__ordinalMeta},i.type=e+"Axis."+a,i.defaultOption=s,i}(i);t.registerComponentModel(l)})),t.registerSubTypeDefaulter(e+"Axis",GM)}function GM(t){return t.type||(t.data?"category":"value")}var WM=function(){function t(t){this.type="cartesian",this._dimList=[],this._axes={},this.name=t||""}return t.prototype.getAxis=function(t){return this._axes[t]},t.prototype.getAxes=function(){return z(this._dimList,(function(t){return this._axes[t]}),this)},t.prototype.getAxesByScale=function(t){return t=t.toLowerCase(),B(this.getAxes(),(function(e){return e.scale.type===t}))},t.prototype.addAxis=function(t){var e=t.dim;this._axes[e]=t,this._dimList.push(e)},t}(),HM=["x","y"];function YM(t){return"interval"===t.type||"time"===t.type}var XM=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="cartesian2d",e.dimensions=HM,e}return n(e,t),e.prototype.calcAffineTransform=function(){this._transform=this._invTransform=null;var t=this.getAxis("x").scale,e=this.getAxis("y").scale;if(YM(t)&&YM(e)){var n=t.getExtent(),i=e.getExtent(),r=this.dataToPoint([n[0],i[0]]),o=this.dataToPoint([n[1],i[1]]),a=n[1]-n[0],s=i[1]-i[0];if(a&&s){var l=(o[0]-r[0])/a,u=(o[1]-r[1])/s,h=r[0]-n[0]*l,c=r[1]-i[0]*u,p=this._transform=[l,0,0,u,h,c];this._invTransform=Ie([],p)}}},e.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAxis("x")},e.prototype.containPoint=function(t){var e=this.getAxis("x"),n=this.getAxis("y");return e.contain(e.toLocalCoord(t[0]))&&n.contain(n.toLocalCoord(t[1]))},e.prototype.containData=function(t){return this.getAxis("x").containData(t[0])&&this.getAxis("y").containData(t[1])},e.prototype.containZone=function(t,e){var n=this.dataToPoint(t),i=this.dataToPoint(e),r=this.getArea(),o=new ze(n[0],n[1],i[0]-n[0],i[1]-n[1]);return r.intersect(o)},e.prototype.dataToPoint=function(t,e,n){n=n||[];var i=t[0],r=t[1];if(this._transform&&null!=i&&isFinite(i)&&null!=r&&isFinite(r))return Wt(n,t,this._transform);var o=this.getAxis("x"),a=this.getAxis("y");return n[0]=o.toGlobalCoord(o.dataToCoord(i,e)),n[1]=a.toGlobalCoord(a.dataToCoord(r,e)),n},e.prototype.clampData=function(t,e){var n=this.getAxis("x").scale,i=this.getAxis("y").scale,r=n.getExtent(),o=i.getExtent(),a=n.parse(t[0]),s=i.parse(t[1]);return(e=e||[])[0]=Math.min(Math.max(Math.min(r[0],r[1]),a),Math.max(r[0],r[1])),e[1]=Math.min(Math.max(Math.min(o[0],o[1]),s),Math.max(o[0],o[1])),e},e.prototype.pointToData=function(t,e){var n=[];if(this._invTransform)return Wt(n,t,this._invTransform);var i=this.getAxis("x"),r=this.getAxis("y");return n[0]=i.coordToData(i.toLocalCoord(t[0]),e),n[1]=r.coordToData(r.toLocalCoord(t[1]),e),n},e.prototype.getOtherAxis=function(t){return this.getAxis("x"===t.dim?"y":"x")},e.prototype.getArea=function(){var t=this.getAxis("x").getGlobalExtent(),e=this.getAxis("y").getGlobalExtent(),n=Math.min(t[0],t[1]),i=Math.min(e[0],e[1]),r=Math.max(t[0],t[1])-n,o=Math.max(e[0],e[1])-i;return new ze(n,i,r,o)},e}(WM),UM=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.index=0,a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.getGlobalExtent=function(t){var e=this.getExtent();return e[0]=this.toGlobalCoord(e[0]),e[1]=this.toGlobalCoord(e[1]),t&&e[0]>e[1]&&e.reverse(),e},e.prototype.pointToData=function(t,e){return this.coordToData(this.toLocalCoord(t["x"===this.dim?0:1]),e)},e.prototype.setCategorySortInfo=function(t){if("category"!==this.type)return!1;this.model.option.categorySortInfo=t,this.scale.setSortInfo(t)},e}(nb);function ZM(t,e,n){n=n||{};var i=t.coordinateSystem,r=e.axis,o={},a=r.getAxesOnZeroOf()[0],s=r.position,l=a?"onZero":s,u=r.dim,h=i.getRect(),c=[h.x,h.x+h.width,h.y,h.y+h.height],p={left:0,right:1,top:0,bottom:1,onZero:2},d=e.get("offset")||0,f="x"===u?[c[2]-d,c[3]+d]:[c[0]-d,c[1]+d];if(a){var g=a.toGlobalCoord(a.dataToCoord(0));f[p.onZero]=Math.max(Math.min(g,f[1]),f[0])}o.position=["y"===u?f[p[l]]:c[0],"x"===u?f[p[l]]:c[3]],o.rotation=Math.PI/2*("x"===u?0:1);o.labelDirection=o.tickDirection=o.nameDirection={top:-1,bottom:1,left:-1,right:1}[s],o.labelOffset=a?f[p[s]]-f[p.onZero]:0,e.get(["axisTick","inside"])&&(o.tickDirection=-o.tickDirection),it(n.labelInside,e.get(["axisLabel","inside"]))&&(o.labelDirection=-o.labelDirection);var y=e.get(["axisLabel","rotate"]);return o.labelRotate="top"===l?-y:y,o.z2=1,o}function jM(t){return"cartesian2d"===t.get("coordinateSystem")}function qM(t){var e={xAxisModel:null,yAxisModel:null};return E(e,(function(n,i){var r=i.replace(/Model$/,""),o=t.getReferringComponents(r,zo).models[0];e[i]=o})),e}var KM=Math.log;function $M(t,e,n){var i=Ox.prototype,r=i.getTicks.call(n),o=i.getTicks.call(n,!0),a=r.length-1,s=i.getInterval.call(n),l=y_(t,e),u=l.extent,h=l.fixMin,c=l.fixMax;if("log"===t.type){var p=KM(t.base);u=[KM(u[0])/p,KM(u[1])/p]}t.setExtent(u[0],u[1]),t.calcNiceExtent({splitNumber:a,fixMin:h,fixMax:c});var d=i.getExtent.call(t);h&&(u[0]=d[0]),c&&(u[1]=d[1]);var f=i.getInterval.call(t),g=u[0],y=u[1];if(h&&c)f=(y-g)/a;else if(h)for(y=u[0]+f*a;y<u[1]&&isFinite(y)&&isFinite(u[1]);)f=Ix(f),y=u[0]+f*a;else if(c)for(g=u[1]-f*a;g>u[0]&&isFinite(g)&&isFinite(u[0]);)f=Ix(f),g=u[1]-f*a;else{t.getTicks().length-1>a&&(f=Ix(f));var v=f*a;(g=Zr((y=Math.ceil(u[1]/f)*f)-v))<0&&u[0]>=0?(g=0,y=Zr(v)):y>0&&u[1]<=0&&(y=0,g=-Zr(v))}var m=(r[0].value-o[0].value)/s,x=(r[a].value-o[a].value)/s;i.setExtent.call(t,g+f*m,y+f*x),i.setInterval.call(t,f),(m||x)&&i.setNiceExtent.call(t,g+f,y-f)}var JM=function(){function t(t,e,n){this.type="grid",this._coordsMap={},this._coordsList=[],this._axesMap={},this._axesList=[],this.axisPointerEnabled=!0,this.dimensions=HM,this._initCartesian(t,e,n),this.model=t}return t.prototype.getRect=function(){return this._rect},t.prototype.update=function(t,e){var n=this._axesMap;function i(t){var e,n=G(t),i=n.length;if(i){for(var r=[],o=i-1;o>=0;o--){var a=t[+n[o]],s=a.model,l=a.scale;Sx(l)&&s.get("alignTicks")&&null==s.get("interval")?r.push(a):(v_(l,s),Sx(l)&&(e=a))}r.length&&(e||v_((e=r.pop()).scale,e.model),E(r,(function(t){$M(t.scale,t.model,e.scale)})))}}this._updateScale(t,this.model),i(n.x),i(n.y);var r={};E(n.x,(function(t){tI(n,"y",t,r)})),E(n.y,(function(t){tI(n,"x",t,r)})),this.resize(this.model,e)},t.prototype.resize=function(t,e,n){var i=t.getBoxLayoutParams(),r=!n&&t.get("containLabel"),o=Cp(i,{width:e.getWidth(),height:e.getHeight()});this._rect=o;var a=this._axesList;function s(){E(a,(function(t){var e=t.isHorizontal(),n=e?[0,o.width]:[0,o.height],i=t.inverse?1:0;t.setExtent(n[i],n[1-i]),function(t,e){var n=t.getExtent(),i=n[0]+n[1];t.toGlobalCoord="x"===t.dim?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord="x"===t.dim?function(t){return t-e}:function(t){return i-t+e}}(t,e?o.x:o.y)}))}s(),r&&(E(a,(function(t){if(!t.model.get(["axisLabel","inside"])){var e=function(t){var e=t.model,n=t.scale;if(e.get(["axisLabel","show"])&&!n.isBlank()){var i,r,o=n.getExtent();r=n instanceof Lx?n.count():(i=n.getTicks()).length;var a,s=t.getLabelModel(),l=x_(t),u=1;r>40&&(u=Math.ceil(r/40));for(var h=0;h<r;h+=u){var c=l(i?i[h]:{value:o[0]+h},h),p=b_(s.getTextRect(c),s.get("rotate")||0);a?a.union(p):a=p}return a}}(t);if(e){var n=t.isHorizontal()?"height":"width",i=t.model.get(["axisLabel","margin"]);o[n]-=e[n]+i,"top"===t.position?o.y+=e.height+i:"left"===t.position&&(o.x+=e.width+i)}}})),s()),E(this._coordsList,(function(t){t.calcAffineTransform()}))},t.prototype.getAxis=function(t,e){var n=this._axesMap[t];if(null!=n)return n[e||0]},t.prototype.getAxes=function(){return this._axesList.slice()},t.prototype.getCartesian=function(t,e){if(null!=t&&null!=e){var n="x"+t+"y"+e;return this._coordsMap[n]}q(t)&&(e=t.yAxisIndex,t=t.xAxisIndex);for(var i=0,r=this._coordsList;i<r.length;i++)if(r[i].getAxis("x").index===t||r[i].getAxis("y").index===e)return r[i]},t.prototype.getCartesians=function(){return this._coordsList.slice()},t.prototype.convertToPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.dataToPoint(n):i.axis?i.axis.toGlobalCoord(i.axis.dataToCoord(n)):null},t.prototype.convertFromPixel=function(t,e,n){var i=this._findConvertTarget(e);return i.cartesian?i.cartesian.pointToData(n):i.axis?i.axis.coordToData(i.axis.toLocalCoord(n)):null},t.prototype._findConvertTarget=function(t){var e,n,i=t.seriesModel,r=t.xAxisModel||i&&i.getReferringComponents("xAxis",zo).models[0],o=t.yAxisModel||i&&i.getReferringComponents("yAxis",zo).models[0],a=t.gridModel,s=this._coordsList;if(i)P(s,e=i.coordinateSystem)<0&&(e=null);else if(r&&o)e=this.getCartesian(r.componentIndex,o.componentIndex);else if(r)n=this.getAxis("x",r.componentIndex);else if(o)n=this.getAxis("y",o.componentIndex);else if(a){a.coordinateSystem===this&&(e=this._coordsList[0])}return{cartesian:e,axis:n}},t.prototype.containPoint=function(t){var e=this._coordsList[0];if(e)return e.containPoint(t)},t.prototype._initCartesian=function(t,e,n){var i=this,r=this,o={left:!1,right:!1,top:!1,bottom:!1},a={x:{},y:{}},s={x:0,y:0};if(e.eachComponent("xAxis",l("x"),this),e.eachComponent("yAxis",l("y"),this),!s.x||!s.y)return this._axesMap={},void(this._axesList=[]);function l(e){return function(n,i){if(QM(n,t)){var l=n.get("position");"x"===e?"top"!==l&&"bottom"!==l&&(l=o.bottom?"top":"bottom"):"left"!==l&&"right"!==l&&(l=o.left?"right":"left"),o[l]=!0;var u=new UM(e,m_(n),[0,0],n.get("type"),l),h="category"===u.type;u.onBand=h&&n.get("boundaryGap"),u.inverse=n.get("inverse"),n.axis=u,u.model=n,u.grid=r,u.index=i,r._axesList.push(u),a[e][i]=u,s[e]++}}}this._axesMap=a,E(a.x,(function(e,n){E(a.y,(function(r,o){var a="x"+n+"y"+o,s=new XM(a);s.master=i,s.model=t,i._coordsMap[a]=s,i._coordsList.push(s),s.addAxis(e),s.addAxis(r)}))}))},t.prototype._updateScale=function(t,e){function n(t,e){E(M_(t,e.dim),(function(n){e.scale.unionExtentFromData(t,n)}))}E(this._axesList,(function(t){if(t.scale.setExtent(1/0,-1/0),"category"===t.type){var e=t.model.get("categorySortInfo");t.scale.setSortInfo(e)}})),t.eachSeries((function(t){if(jM(t)){var i=qM(t),r=i.xAxisModel,o=i.yAxisModel;if(!QM(r,e)||!QM(o,e))return;var a=this.getCartesian(r.componentIndex,o.componentIndex),s=t.getData(),l=a.getAxis("x"),u=a.getAxis("y");n(s,l),n(s,u)}}),this)},t.prototype.getTooltipAxes=function(t){var e=[],n=[];return E(this.getCartesians(),(function(i){var r=null!=t&&"auto"!==t?i.getAxis(t):i.getBaseAxis(),o=i.getOtherAxis(r);P(e,r)<0&&e.push(r),P(n,o)<0&&n.push(o)})),{baseAxes:e,otherAxes:n}},t.create=function(e,n){var i=[];return e.eachComponent("grid",(function(r,o){var a=new t(r,e,n);a.name="grid_"+o,a.resize(r,n,!0),r.coordinateSystem=a,i.push(a)})),e.eachSeries((function(t){if(jM(t)){var e=qM(t),n=e.xAxisModel,i=e.yAxisModel,r=n.getCoordSysModel();0;var o=r.coordinateSystem;t.coordinateSystem=o.getCartesian(n.componentIndex,i.componentIndex)}})),i},t.dimensions=HM,t}();function QM(t,e){return t.getCoordSysModel()===e}function tI(t,e,n,i){n.getAxesOnZeroOf=function(){return r?[r]:[]};var r,o=t[e],a=n.model,s=a.get(["axisLine","onZero"]),l=a.get(["axisLine","onZeroAxisIndex"]);if(s){if(null!=l)eI(o[l])&&(r=o[l]);else for(var u in o)if(o.hasOwnProperty(u)&&eI(o[u])&&!i[h(o[u])]){r=o[u];break}r&&(i[h(r)]=!0)}function h(t){return t.dim+"_"+t.index}}function eI(t){return t&&"category"!==t.type&&"time"!==t.type&&function(t){var e=t.scale.getExtent(),n=e[0],i=e[1];return!(n>0&&i>0||n<0&&i<0)}(t)}var nI=Math.PI,iI=function(){function t(t,e){this.group=new zr,this.opt=e,this.axisModel=t,k(e,{labelOffset:0,nameDirection:1,tickDirection:1,labelDirection:1,silent:!0,handleAutoShown:function(){return!0}});var n=new zr({x:e.position[0],y:e.position[1],rotation:e.rotation});n.updateTransform(),this._transformGroup=n}return t.prototype.hasBuilder=function(t){return!!rI[t]},t.prototype.add=function(t){rI[t](this.opt,this.axisModel,this.group,this._transformGroup)},t.prototype.getGroup=function(){return this.group},t.innerTextLayout=function(t,e,n){var i,r,o=eo(e-t);return no(o)?(r=n>0?"top":"bottom",i="center"):no(o-nI)?(r=n>0?"bottom":"top",i="center"):(r="middle",i=o>0&&o<nI?n>0?"right":"left":n>0?"left":"right"),{rotation:o,textAlign:i,textVerticalAlign:r}},t.makeAxisEventDataBase=function(t){var e={componentType:t.mainType,componentIndex:t.componentIndex};return e[t.mainType+"Index"]=t.componentIndex,e},t.isLabelSilent=function(t){var e=t.get("tooltip");return t.get("silent")||!(t.get("triggerEvent")||e&&e.show)},t}(),rI={axisLine:function(t,e,n,i){var r=e.get(["axisLine","show"]);if("auto"===r&&t.handleAutoShown&&(r=t.handleAutoShown("axisLine")),r){var o=e.axis.getExtent(),a=i.transform,s=[o[0],0],l=[o[1],0],u=s[0]>l[0];a&&(Wt(s,s,a),Wt(l,l,a));var h=A({lineCap:"round"},e.getModel(["axisLine","lineStyle"]).getLineStyle()),c=new Zu({shape:{x1:s[0],y1:s[1],x2:l[0],y2:l[1]},style:h,strokeContainThreshold:t.strokeContainThreshold||5,silent:!0,z2:1});Rh(c.shape,c.style.lineWidth),c.anid="line",n.add(c);var p=e.get(["axisLine","symbol"]);if(null!=p){var d=e.get(["axisLine","symbolSize"]);U(p)&&(p=[p,p]),(U(d)||j(d))&&(d=[d,d]);var f=Yy(e.get(["axisLine","symbolOffset"])||0,d),g=d[0],y=d[1];E([{rotate:t.rotation+Math.PI/2,offset:f[0],r:0},{rotate:t.rotation-Math.PI/2,offset:f[1],r:Math.sqrt((s[0]-l[0])*(s[0]-l[0])+(s[1]-l[1])*(s[1]-l[1]))}],(function(e,i){if("none"!==p[i]&&null!=p[i]){var r=Wy(p[i],-g/2,-y/2,g,y,h.stroke,!0),o=e.r+e.offset,a=u?l:s;r.attr({rotation:e.rotate,x:a[0]+o*Math.cos(t.rotation),y:a[1]-o*Math.sin(t.rotation),silent:!0,z2:11}),n.add(r)}}))}}},axisTickLabel:function(t,e,n,i){var r=function(t,e,n,i){var r=n.axis,o=n.getModel("axisTick"),a=o.get("show");"auto"===a&&i.handleAutoShown&&(a=i.handleAutoShown("axisTick"));if(!a||r.scale.isBlank())return;for(var s=o.getModel("lineStyle"),l=i.tickDirection*o.get("length"),u=lI(r.getTicksCoords(),e.transform,l,k(s.getLineStyle(),{stroke:n.get(["axisLine","lineStyle","color"])}),"ticks"),h=0;h<u.length;h++)t.add(u[h]);return u}(n,i,e,t),o=function(t,e,n,i){var r=n.axis,o=it(i.axisLabelShow,n.get(["axisLabel","show"]));if(!o||r.scale.isBlank())return;var a=n.getModel("axisLabel"),s=a.get("margin"),l=r.getViewLabels(),u=(it(i.labelRotate,a.get("rotate"))||0)*nI/180,h=iI.innerTextLayout(i.rotation,u,i.labelDirection),c=n.getCategories&&n.getCategories(!0),p=[],d=iI.isLabelSilent(n),f=n.get("triggerEvent");return E(l,(function(o,l){var u="ordinal"===r.scale.type?r.scale.getRawOrdinalNumber(o.tickValue):o.tickValue,g=o.formattedLabel,y=o.rawLabel,v=a;if(c&&c[u]){var m=c[u];q(m)&&m.textStyle&&(v=new Mc(m.textStyle,a,n.ecModel))}var x=v.getTextColor()||n.get(["axisLine","lineStyle","color"]),_=r.dataToCoord(u),b=new Fs({x:_,y:i.labelOffset+i.labelDirection*s,rotation:h.rotation,silent:d,z2:10+(o.level||0),style:nc(v,{text:g,align:v.getShallow("align",!0)||h.textAlign,verticalAlign:v.getShallow("verticalAlign",!0)||v.getShallow("baseline",!0)||h.textVerticalAlign,fill:X(x)?x("category"===r.type?y:"value"===r.type?u+"":u,l):x})});if(b.anid="label_"+u,f){var w=iI.makeAxisEventDataBase(n);w.targetType="axisLabel",w.value=y,w.tickIndex=l,"category"===r.type&&(w.dataIndex=u),Qs(b).eventData=w}e.add(b),b.updateTransform(),p.push(b),t.add(b),b.decomposeTransform()})),p}(n,i,e,t);(function(t,e,n){if(S_(t.axis))return;var i=t.get(["axisLabel","showMinLabel"]),r=t.get(["axisLabel","showMaxLabel"]);e=e||[],n=n||[];var o=e[0],a=e[1],s=e[e.length-1],l=e[e.length-2],u=n[0],h=n[1],c=n[n.length-1],p=n[n.length-2];!1===i?(oI(o),oI(u)):aI(o,a)&&(i?(oI(a),oI(h)):(oI(o),oI(u)));!1===r?(oI(s),oI(c)):aI(l,s)&&(r?(oI(l),oI(p)):(oI(s),oI(c)))}(e,o,r),function(t,e,n,i){var r=n.axis,o=n.getModel("minorTick");if(!o.get("show")||r.scale.isBlank())return;var a=r.getMinorTicksCoords();if(!a.length)return;for(var s=o.getModel("lineStyle"),l=i*o.get("length"),u=k(s.getLineStyle(),k(n.getModel("axisTick").getLineStyle(),{stroke:n.get(["axisLine","lineStyle","color"])})),h=0;h<a.length;h++)for(var c=lI(a[h],e.transform,l,u,"minorticks_"+h),p=0;p<c.length;p++)t.add(c[p])}(n,i,e,t.tickDirection),e.get(["axisLabel","hideOverlap"]))&&Lb(Db(z(o,(function(t){return{label:t,priority:t.z2,defaultAttr:{ignore:t.ignore}}}))))},axisName:function(t,e,n,i){var r=it(t.axisName,e.get("name"));if(r){var o,a,s=e.get("nameLocation"),l=t.nameDirection,u=e.getModel("nameTextStyle"),h=e.get("nameGap")||0,c=e.axis.getExtent(),p=c[0]>c[1]?-1:1,d=["start"===s?c[0]-p*h:"end"===s?c[1]+p*h:(c[0]+c[1])/2,sI(s)?t.labelOffset+l*h:0],f=e.get("nameRotate");null!=f&&(f=f*nI/180),sI(s)?o=iI.innerTextLayout(t.rotation,null!=f?f:t.rotation,l):(o=function(t,e,n,i){var r,o,a=eo(n-t),s=i[0]>i[1],l="start"===e&&!s||"start"!==e&&s;no(a-nI/2)?(o=l?"bottom":"top",r="center"):no(a-1.5*nI)?(o=l?"top":"bottom",r="center"):(o="middle",r=a<1.5*nI&&a>nI/2?l?"left":"right":l?"right":"left");return{rotation:a,textAlign:r,textVerticalAlign:o}}(t.rotation,s,f||0,c),null!=(a=t.axisNameAvailableWidth)&&(a=Math.abs(a/Math.sin(o.rotation)),!isFinite(a)&&(a=null)));var g=u.getFont(),y=e.get("nameTruncate",!0)||{},v=y.ellipsis,m=it(t.nameTruncateMaxWidth,y.maxWidth,a),x=new Fs({x:d[0],y:d[1],rotation:o.rotation,silent:iI.isLabelSilent(e),style:nc(u,{text:r,font:g,overflow:"truncate",width:m,ellipsis:v,fill:u.getTextColor()||e.get(["axisLine","lineStyle","color"]),align:u.get("align")||o.textAlign,verticalAlign:u.get("verticalAlign")||o.textVerticalAlign}),z2:1});if(Zh({el:x,componentModel:e,itemName:r}),x.__fullText=r,x.anid="name",e.get("triggerEvent")){var _=iI.makeAxisEventDataBase(e);_.targetType="axisName",_.name=r,Qs(x).eventData=_}i.add(x),x.updateTransform(),n.add(x),x.decomposeTransform()}}};function oI(t){t&&(t.ignore=!0)}function aI(t,e){var n=t&&t.getBoundingRect().clone(),i=e&&e.getBoundingRect().clone();if(n&&i){var r=xe([]);return Se(r,r,-t.rotation),n.applyTransform(be([],r,t.getLocalTransform())),i.applyTransform(be([],r,e.getLocalTransform())),n.intersect(i)}}function sI(t){return"middle"===t||"center"===t}function lI(t,e,n,i,r){for(var o=[],a=[],s=[],l=0;l<t.length;l++){var u=t[l].coord;a[0]=u,a[1]=0,s[0]=u,s[1]=n,e&&(Wt(a,a,e),Wt(s,s,e));var h=new Zu({shape:{x1:a[0],y1:a[1],x2:s[0],y2:s[1]},style:i,z2:2,autoBatch:!0,silent:!0});Rh(h.shape,h.style.lineWidth),h.anid=r+"_"+t[l].tickValue,o.push(h)}return o}function uI(t,e){var n={axesInfo:{},seriesInvolved:!1,coordSysAxesInfo:{},coordSysMap:{}};return function(t,e,n){var i=e.getComponent("tooltip"),r=e.getComponent("axisPointer"),o=r.get("link",!0)||[],a=[];E(n.getCoordinateSystems(),(function(n){if(n.axisPointerEnabled){var s=fI(n.model),l=t.coordSysAxesInfo[s]={};t.coordSysMap[s]=n;var u=n.model.getModel("tooltip",i);if(E(n.getAxes(),H(d,!1,null)),n.getTooltipAxes&&i&&u.get("show")){var h="axis"===u.get("trigger"),c="cross"===u.get(["axisPointer","type"]),p=n.getTooltipAxes(u.get(["axisPointer","axis"]));(h||c)&&E(p.baseAxes,H(d,!c||"cross",h)),c&&E(p.otherAxes,H(d,"cross",!1))}}function d(i,s,h){var c=h.model.getModel("axisPointer",r),p=c.get("show");if(p&&("auto"!==p||i||dI(c))){null==s&&(s=c.get("triggerTooltip")),c=i?function(t,e,n,i,r,o){var a=e.getModel("axisPointer"),s={};E(["type","snap","lineStyle","shadowStyle","label","animation","animationDurationUpdate","animationEasingUpdate","z"],(function(t){s[t]=T(a.get(t))})),s.snap="category"!==t.type&&!!o,"cross"===a.get("type")&&(s.type="line");var l=s.label||(s.label={});if(null==l.show&&(l.show=!1),"cross"===r){var u=a.get(["label","show"]);if(l.show=null==u||u,!o){var h=s.lineStyle=a.get("crossStyle");h&&k(l,h.textStyle)}}return t.model.getModel("axisPointer",new Mc(s,n,i))}(h,u,r,e,i,s):c;var d=c.get("snap"),f=c.get("triggerEmphasis"),g=fI(h.model),y=s||d||"category"===h.type,v=t.axesInfo[g]={key:g,axis:h,coordSys:n,axisPointerModel:c,triggerTooltip:s,triggerEmphasis:f,involveSeries:y,snap:d,useHandle:dI(c),seriesModels:[],linkGroup:null};l[g]=v,t.seriesInvolved=t.seriesInvolved||y;var m=function(t,e){for(var n=e.model,i=e.dim,r=0;r<t.length;r++){var o=t[r]||{};if(hI(o[i+"AxisId"],n.id)||hI(o[i+"AxisIndex"],n.componentIndex)||hI(o[i+"AxisName"],n.name))return r}}(o,h);if(null!=m){var x=a[m]||(a[m]={axesInfo:{}});x.axesInfo[g]=v,x.mapper=o[m].mapper,v.linkGroup=x}}}}))}(n,t,e),n.seriesInvolved&&function(t,e){e.eachSeries((function(e){var n=e.coordinateSystem,i=e.get(["tooltip","trigger"],!0),r=e.get(["tooltip","show"],!0);n&&"none"!==i&&!1!==i&&"item"!==i&&!1!==r&&!1!==e.get(["axisPointer","show"],!0)&&E(t.coordSysAxesInfo[fI(n.model)],(function(t){var i=t.axis;n.getAxis(i.dim)===i&&(t.seriesModels.push(e),null==t.seriesDataCount&&(t.seriesDataCount=0),t.seriesDataCount+=e.getData().count())}))}))}(n,t),n}function hI(t,e){return"all"===t||Y(t)&&P(t,e)>=0||t===e}function cI(t){var e=pI(t);if(e){var n=e.axisPointerModel,i=e.axis.scale,r=n.option,o=n.get("status"),a=n.get("value");null!=a&&(a=i.parse(a));var s=dI(n);null==o&&(r.status=s?"show":"hide");var l=i.getExtent().slice();l[0]>l[1]&&l.reverse(),(null==a||a>l[1])&&(a=l[1]),a<l[0]&&(a=l[0]),r.value=a,s&&(r.status=e.axis.scale.isBlank()?"hide":"show")}}function pI(t){var e=(t.ecModel.getComponent("axisPointer")||{}).coordSysAxesInfo;return e&&e.axesInfo[fI(t)]}function dI(t){return!!t.get(["handle","show"])}function fI(t){return t.type+"||"+t.id}var gI={},yI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(e,n,i,r){this.axisPointerClass&&cI(e),t.prototype.render.apply(this,arguments),this._doUpdateAxisPointerClass(e,i,!0)},e.prototype.updateAxisPointer=function(t,e,n,i){this._doUpdateAxisPointerClass(t,n,!1)},e.prototype.remove=function(t,e){var n=this._axisPointer;n&&n.remove(e)},e.prototype.dispose=function(e,n){this._disposeAxisPointer(n),t.prototype.dispose.apply(this,arguments)},e.prototype._doUpdateAxisPointerClass=function(t,n,i){var r=e.getAxisPointerClass(this.axisPointerClass);if(r){var o=function(t){var e=pI(t);return e&&e.axisPointerModel}(t);o?(this._axisPointer||(this._axisPointer=new r)).render(t,o,n,i):this._disposeAxisPointer(n)}},e.prototype._disposeAxisPointer=function(t){this._axisPointer&&this._axisPointer.dispose(t),this._axisPointer=null},e.registerAxisPointerClass=function(t,e){gI[t]=e},e.getAxisPointerClass=function(t){return t&&gI[t]},e.type="axis",e}(Tg),vI=Oo();function mI(t,e,n,i){var r=n.axis;if(!r.scale.isBlank()){var o=n.getModel("splitArea"),a=o.getModel("areaStyle"),s=a.get("color"),l=i.coordinateSystem.getRect(),u=r.getTicksCoords({tickModel:o,clamp:!0});if(u.length){var h=s.length,c=vI(t).splitAreaColors,p=yt(),d=0;if(c)for(var f=0;f<u.length;f++){var g=c.get(u[f].tickValue);if(null!=g){d=(g+(h-1)*f)%h;break}}var y=r.toGlobalCoord(u[0].coord),v=a.getAreaStyle();s=Y(s)?s:[s];for(f=1;f<u.length;f++){var m=r.toGlobalCoord(u[f].coord),x=void 0,_=void 0,b=void 0,w=void 0;r.isHorizontal()?(x=y,_=l.y,b=m-x,w=l.height,y=x+b):(x=l.x,_=y,b=l.width,y=_+(w=m-_));var S=u[f-1].tickValue;null!=S&&p.set(S,d),e.add(new zs({anid:null!=S?"area_"+S:null,shape:{x:x,y:_,width:b,height:w},style:k({fill:s[d]},v),autoBatch:!0,silent:!0})),d=(d+1)%h}vI(t).splitAreaColors=p}}}function xI(t){vI(t).splitAreaColors=null}var _I=["axisLine","axisTickLabel","axisName"],bI=["splitArea","splitLine","minorSplitLine"],wI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="CartesianAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){this.group.removeAll();var o=this._axisGroup;if(this._axisGroup=new zr,this.group.add(this._axisGroup),e.get("show")){var a=e.getCoordSysModel(),s=ZM(a,e),l=new iI(e,A({handleAutoShown:function(t){for(var n=a.coordinateSystem.getCartesians(),i=0;i<n.length;i++)if(Sx(n[i].getOtherAxis(e.axis).scale))return!0;return!1}},s));E(_I,l.add,l),this._axisGroup.add(l.getGroup()),E(bI,(function(t){e.get([t,"show"])&&SI[t](this,this._axisGroup,e,a)}),this),r&&"changeAxisOrder"===r.type&&r.isInitSort||Fh(o,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r)}},e.prototype.remove=function(){xI(this)},e.type="cartesianAxis",e}(yI),SI={splitLine:function(t,e,n,i){var r=n.axis;if(!r.scale.isBlank()){var o=n.getModel("splitLine"),a=o.getModel("lineStyle"),s=a.get("color");s=Y(s)?s:[s];for(var l=i.coordinateSystem.getRect(),u=r.isHorizontal(),h=0,c=r.getTicksCoords({tickModel:o}),p=[],d=[],f=a.getLineStyle(),g=0;g<c.length;g++){var y=r.toGlobalCoord(c[g].coord);u?(p[0]=y,p[1]=l.y,d[0]=y,d[1]=l.y+l.height):(p[0]=l.x,p[1]=y,d[0]=l.x+l.width,d[1]=y);var v=h++%s.length,m=c[g].tickValue,x=new Zu({anid:null!=m?"line_"+c[g].tickValue:null,autoBatch:!0,shape:{x1:p[0],y1:p[1],x2:d[0],y2:d[1]},style:k({stroke:s[v]},f),silent:!0});Rh(x.shape,f.lineWidth),e.add(x)}}},minorSplitLine:function(t,e,n,i){var r=n.axis,o=n.getModel("minorSplitLine").getModel("lineStyle"),a=i.coordinateSystem.getRect(),s=r.isHorizontal(),l=r.getMinorTicksCoords();if(l.length)for(var u=[],h=[],c=o.getLineStyle(),p=0;p<l.length;p++)for(var d=0;d<l[p].length;d++){var f=r.toGlobalCoord(l[p][d].coord);s?(u[0]=f,u[1]=a.y,h[0]=f,h[1]=a.y+a.height):(u[0]=a.x,u[1]=f,h[0]=a.x+a.width,h[1]=f);var g=new Zu({anid:"minor_line_"+l[p][d].tickValue,autoBatch:!0,shape:{x1:u[0],y1:u[1],x2:h[0],y2:h[1]},style:c,silent:!0});Rh(g.shape,c.lineWidth),e.add(g)}},splitArea:function(t,e,n,i){mI(t,e,n,i)}},MI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="xAxis",e}(wI),II=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type=MI.type,e}return n(e,t),e.type="yAxis",e}(wI),TI=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="grid",e}return n(e,t),e.prototype.render=function(t,e){this.group.removeAll(),t.get("show")&&this.group.add(new zs({shape:t.coordinateSystem.getRect(),style:k({fill:t.get("backgroundColor")},t.getItemStyle()),silent:!0,z2:-1}))},e.type="grid",e}(Tg),CI={offset:0};function DI(t){t.registerComponentView(TI),t.registerComponentModel(OM),t.registerCoordinateSystem("cartesian2d",JM),FM(t,"x",RM,CI),FM(t,"y",RM,CI),t.registerComponentView(MI),t.registerComponentView(II),t.registerPreprocessor((function(t){t.xAxis&&t.yAxis&&!t.grid&&(t.grid={})}))}function AI(t){t.eachSeriesByType("radar",(function(t){var e=t.getData(),n=[],i=t.coordinateSystem;if(i){var r=i.getIndicatorAxes();E(r,(function(t,o){e.each(e.mapDimension(r[o].dim),(function(t,e){n[e]=n[e]||[];var r=i.dataToPoint(t,o);n[e][o]=kI(r)?r:LI(i)}))})),e.each((function(t){var r=F(n[t],(function(t){return kI(t)}))||LI(i);n[t].push(r.slice()),e.setItemLayout(t,n[t])}))}}))}function kI(t){return!isNaN(t[0])&&!isNaN(t[1])}function LI(t){return[t.cx,t.cy]}function PI(t){var e=t.polar;if(e){Y(e)||(e=[e]);var n=[];E(e,(function(e,i){e.indicator?(e.type&&!e.shape&&(e.shape=e.type),t.radar=t.radar||[],Y(t.radar)||(t.radar=[t.radar]),t.radar.push(e)):n.push(e)})),t.polar=n}E(t.series,(function(t){t&&"radar"===t.type&&t.polarIndex&&(t.radarIndex=t.polarIndex)}))}var OI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.coordinateSystem,r=this.group,o=t.getData(),a=this._data;function s(t,e){var n=t.getItemVisual(e,"symbol")||"circle";if("none"!==n){var i=Hy(t.getItemVisual(e,"symbolSize")),r=Wy(n,-1,-1,2,2),o=t.getItemVisual(e,"symbolRotate")||0;return r.attr({style:{strokeNoScale:!0},z2:100,scaleX:i[0]/2,scaleY:i[1]/2,rotation:o*Math.PI/180||0}),r}}function l(e,n,i,r,o,a){i.removeAll();for(var l=0;l<n.length-1;l++){var u=s(r,o);u&&(u.__dimIdx=l,e[l]?(u.setPosition(e[l]),Kh[a?"initProps":"updateProps"](u,{x:n[l][0],y:n[l][1]},t,o)):u.setPosition(n[l]),i.add(u))}}function u(t){return z(t,(function(t){return[i.cx,i.cy]}))}o.diff(a).add((function(e){var n=o.getItemLayout(e);if(n){var i=new Wu,r=new Yu,a={shape:{points:n}};i.shape.points=u(n),r.shape.points=u(n),gh(i,a,t,e),gh(r,a,t,e);var s=new zr,h=new zr;s.add(r),s.add(i),s.add(h),l(r.shape.points,n,h,o,e,!0),o.setItemGraphicEl(e,s)}})).update((function(e,n){var i=a.getItemGraphicEl(n),r=i.childAt(0),s=i.childAt(1),u=i.childAt(2),h={shape:{points:o.getItemLayout(e)}};h.shape.points&&(l(r.shape.points,h.shape.points,u,o,e,!1),_h(s),_h(r),fh(r,h,t),fh(s,h,t),o.setItemGraphicEl(e,i))})).remove((function(t){r.remove(a.getItemGraphicEl(t))})).execute(),o.eachItemGraphicEl((function(t,e){var n=o.getItemModel(e),i=t.childAt(0),a=t.childAt(1),s=t.childAt(2),l=o.getItemVisual(e,"style"),u=l.fill;r.add(t),i.useStyle(k(n.getModel("lineStyle").getLineStyle(),{fill:"none",stroke:u})),jl(i,n,"lineStyle"),jl(a,n,"areaStyle");var h=n.getModel("areaStyle"),c=h.isEmpty()&&h.parentModel.isEmpty();a.ignore=c,E(["emphasis","select","blur"],(function(t){var e=n.getModel([t,"areaStyle"]),i=e.isEmpty()&&e.parentModel.isEmpty();a.ensureState(t).ignore=i&&c})),a.useStyle(k(h.getAreaStyle(),{fill:u,opacity:.7,decal:l.decal}));var p=n.getModel("emphasis"),d=p.getModel("itemStyle").getItemStyle();s.eachChild((function(t){if(t instanceof ks){var i=t.style;t.useStyle(A({image:i.image,x:i.x,y:i.y,width:i.width,height:i.height},l))}else t.useStyle(l),t.setColor(u),t.style.strokeNoScale=!0;t.ensureState("emphasis").style=T(d);var r=o.getStore().get(o.getDimensionIndex(t.__dimIdx),e);(null==r||isNaN(r))&&(r=""),tc(t,ec(n),{labelFetcher:o.hostModel,labelDataIndex:e,labelDimIndex:t.__dimIdx,defaultText:r,inheritColor:u,defaultOpacity:l.opacity})})),Yl(t,p.get("focus"),p.get("blurScope"),p.get("disabled"))})),this._data=o},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.type="radar",e}(kg),RI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new IM(W(this.getData,this),W(this.getRawData,this))},e.prototype.getInitialData=function(t,e){return MM(this,{generateCoord:"indicator_",generateCoordCount:1/0})},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.coordinateSystem.getIndicatorAxes(),o=this.getData().getName(t),a=""===o?this.name:o,s=cg(this,t);return ng("section",{header:a,sortBlocks:!0,blocks:z(r,(function(e){var n=i.get(i.mapDimension(e.dim),t);return ng("nameValue",{markerType:"subItem",markerColor:s,name:e.name,value:n,sortParam:n})}))})},e.prototype.getTooltipPosition=function(t){if(null!=t)for(var e=this.getData(),n=this.coordinateSystem,i=e.getValues(z(n.dimensions,(function(t){return e.mapDimension(t)})),t),r=0,o=i.length;r<o;r++)if(!isNaN(i[r])){var a=n.getIndicatorAxes();return n.coordToPoint(a[r].dataToCoord(i[r]),r)}},e.type="series.radar",e.dependencies=["radar"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"radar",legendHoverLink:!0,radarIndex:0,lineStyle:{width:2,type:"solid",join:"round"},label:{position:"top"},symbolSize:8},e}(mg),NI=VM.value;function EI(t,e){return k({show:e},t)}var zI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){var t=this.get("boundaryGap"),e=this.get("splitNumber"),n=this.get("scale"),i=this.get("axisLine"),r=this.get("axisTick"),o=this.get("axisLabel"),a=this.get("axisName"),s=this.get(["axisName","show"]),l=this.get(["axisName","formatter"]),u=this.get("axisNameGap"),h=this.get("triggerEvent"),c=z(this.get("indicator")||[],(function(c){null!=c.max&&c.max>0&&!c.min?c.min=0:null!=c.min&&c.min<0&&!c.max&&(c.max=0);var p=a;null!=c.color&&(p=k({color:c.color},a));var d=C(T(c),{boundaryGap:t,splitNumber:e,scale:n,axisLine:i,axisTick:r,axisLabel:o,name:c.text,showName:s,nameLocation:"end",nameGap:u,nameTextStyle:p,triggerEvent:h},!1);if(U(l)){var f=d.name;d.name=l.replace("{value}",null!=f?f:"")}else X(l)&&(d.name=l(d.name,d));var g=new Mc(d,null,this.ecModel);return R(g,I_.prototype),g.mainType="radar",g.componentIndex=this.componentIndex,g}),this);this._indicatorModels=c},e.prototype.getIndicatorModels=function(){return this._indicatorModels},e.type="radar",e.defaultOption={z:0,center:["50%","50%"],radius:"75%",startAngle:90,axisName:{show:!0},boundaryGap:[0,0],splitNumber:5,axisNameGap:15,scale:!1,shape:"polygon",axisLine:C({lineStyle:{color:"#bbb"}},NI.axisLine),axisLabel:EI(NI.axisLabel,!1),axisTick:EI(NI.axisTick,!1),splitLine:EI(NI.splitLine,!0),splitArea:EI(NI.splitArea,!0),indicator:[]},e}(Rp),VI=["axisLine","axisTickLabel","axisName"],BI=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll(),this._buildAxes(t),this._buildSplitLineAndArea(t)},e.prototype._buildAxes=function(t){var e=t.coordinateSystem;E(z(e.getIndicatorAxes(),(function(t){var n=t.model.get("showName")?t.name:"";return new iI(t.model,{axisName:n,position:[e.cx,e.cy],rotation:t.angle,labelDirection:-1,tickDirection:-1,nameDirection:1})})),(function(t){E(VI,t.add,t),this.group.add(t.getGroup())}),this)},e.prototype._buildSplitLineAndArea=function(t){var e=t.coordinateSystem,n=e.getIndicatorAxes();if(n.length){var i=t.get("shape"),r=t.getModel("splitLine"),o=t.getModel("splitArea"),a=r.getModel("lineStyle"),s=o.getModel("areaStyle"),l=r.get("show"),u=o.get("show"),h=a.get("color"),c=s.get("color"),p=Y(h)?h:[h],d=Y(c)?c:[c],f=[],g=[];if("circle"===i)for(var y=n[0].getTicksCoords(),v=e.cx,m=e.cy,x=0;x<y.length;x++){if(l)f[C(f,p,x)].push(new _u({shape:{cx:v,cy:m,r:y[x].coord}}));if(u&&x<y.length-1)g[C(g,d,x)].push(new Bu({shape:{cx:v,cy:m,r0:y[x].coord,r:y[x+1].coord}}))}else{var _,b=z(n,(function(t,n){var i=t.getTicksCoords();return _=null==_?i.length-1:Math.min(i.length-1,_),z(i,(function(t){return e.coordToPoint(t.coord,n)}))})),w=[];for(x=0;x<=_;x++){for(var S=[],M=0;M<n.length;M++)S.push(b[M][x]);if(S[0]&&S.push(S[0].slice()),l)f[C(f,p,x)].push(new Yu({shape:{points:S}}));if(u&&w)g[C(g,d,x-1)].push(new Wu({shape:{points:S.concat(w)}}));w=S.slice().reverse()}}var I=a.getLineStyle(),T=s.getAreaStyle();E(g,(function(t,e){this.group.add(Ph(t,{style:k({stroke:"none",fill:d[e%d.length]},T),silent:!0}))}),this),E(f,(function(t,e){this.group.add(Ph(t,{style:k({fill:"none",stroke:p[e%p.length]},I),silent:!0}))}),this)}function C(t,e,n){var i=n%e.length;return t[i]=t[i]||[],i}},e.type="radar",e}(Tg),FI=function(t){function e(e,n,i){var r=t.call(this,e,n,i)||this;return r.type="value",r.angle=0,r.name="",r}return n(e,t),e}(nb),GI=function(){function t(t,e,n){this.dimensions=[],this._model=t,this._indicatorAxes=z(t.getIndicatorModels(),(function(t,e){var n="indicator_"+e,i=new FI(n,new Ox);return i.name=t.get("name"),i.model=t,t.axis=i,this.dimensions.push(n),i}),this),this.resize(t,n)}return t.prototype.getIndicatorAxes=function(){return this._indicatorAxes},t.prototype.dataToPoint=function(t,e){var n=this._indicatorAxes[e];return this.coordToPoint(n.dataToCoord(t),e)},t.prototype.coordToPoint=function(t,e){var n=this._indicatorAxes[e].angle;return[this.cx+t*Math.cos(n),this.cy-t*Math.sin(n)]},t.prototype.pointToData=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=Math.sqrt(e*e+n*n);e/=i,n/=i;for(var r,o=Math.atan2(-n,e),a=1/0,s=-1,l=0;l<this._indicatorAxes.length;l++){var u=this._indicatorAxes[l],h=Math.abs(o-u.angle);h<a&&(r=u,s=l,a=h)}return[s,+(r&&r.coordToData(i))]},t.prototype.resize=function(t,e){var n=t.get("center"),i=e.getWidth(),r=e.getHeight(),o=Math.min(i,r)/2;this.cx=Ur(n[0],i),this.cy=Ur(n[1],r),this.startAngle=t.get("startAngle")*Math.PI/180;var a=t.get("radius");(U(a)||j(a))&&(a=[0,a]),this.r0=Ur(a[0],o),this.r=Ur(a[1],o),E(this._indicatorAxes,(function(t,e){t.setExtent(this.r0,this.r);var n=this.startAngle+e*Math.PI*2/this._indicatorAxes.length;n=Math.atan2(Math.sin(n),Math.cos(n)),t.angle=n}),this)},t.prototype.update=function(t,e){var n=this._indicatorAxes,i=this._model;E(n,(function(t){t.scale.setExtent(1/0,-1/0)})),t.eachSeriesByType("radar",(function(e,r){if("radar"===e.get("coordinateSystem")&&t.getComponent("radar",e.get("radarIndex"))===i){var o=e.getData();E(n,(function(t){t.scale.unionExtentFromData(o,o.mapDimension(t.dim))}))}}),this);var r=i.get("splitNumber"),o=new Ox;o.setExtent(0,r),o.setInterval(1),E(n,(function(t,e){$M(t.scale,t.model,o)}))},t.prototype.convertToPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.convertFromPixel=function(t,e,n){return console.warn("Not implemented."),null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.create=function(e,n){var i=[];return e.eachComponent("radar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachSeriesByType("radar",(function(t){"radar"===t.get("coordinateSystem")&&(t.coordinateSystem=i[t.get("radarIndex")||0])})),i},t.dimensions=[],t}();function WI(t){t.registerCoordinateSystem("radar",GI),t.registerComponentModel(zI),t.registerComponentView(BI),t.registerVisual({seriesType:"radar",reset:function(t){var e=t.getData();e.each((function(t){e.setItemVisual(t,"legendIcon","roundRect")})),e.setVisual("legendIcon","roundRect")}})}var HI="\0_ec_interaction_mutex";function YI(t,e){return!!XI(t)[e]}function XI(t){return t[HI]||(t[HI]={})}Mm({type:"takeGlobalCursor",event:"globalCursorTaken",update:"update"},bt);var UI=function(t){function e(e){var n=t.call(this)||this;n._zr=e;var i=W(n._mousedownHandler,n),r=W(n._mousemoveHandler,n),o=W(n._mouseupHandler,n),a=W(n._mousewheelHandler,n),s=W(n._pinchHandler,n);return n.enable=function(t,n){this.disable(),this._opt=k(T(n)||{},{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0}),null==t&&(t=!0),!0!==t&&"move"!==t&&"pan"!==t||(e.on("mousedown",i),e.on("mousemove",r),e.on("mouseup",o)),!0!==t&&"scale"!==t&&"zoom"!==t||(e.on("mousewheel",a),e.on("pinch",s))},n.disable=function(){e.off("mousedown",i),e.off("mousemove",r),e.off("mouseup",o),e.off("mousewheel",a),e.off("pinch",s)},n}return n(e,t),e.prototype.isDragging=function(){return this._dragging},e.prototype.isPinching=function(){return this._pinching},e.prototype.setPointerChecker=function(t){this.pointerChecker=t},e.prototype.dispose=function(){this.disable()},e.prototype._mousedownHandler=function(t){if(!fe(t)){for(var e=t.target;e;){if(e.draggable)return;e=e.__hostTarget||e.parent}var n=t.offsetX,i=t.offsetY;this.pointerChecker&&this.pointerChecker(t,n,i)&&(this._x=n,this._y=i,this._dragging=!0)}},e.prototype._mousemoveHandler=function(t){if(this._dragging&&qI("moveOnMouseMove",t,this._opt)&&"pinch"!==t.gestureEvent&&!YI(this._zr,"globalPan")){var e=t.offsetX,n=t.offsetY,i=this._x,r=this._y,o=e-i,a=n-r;this._x=e,this._y=n,this._opt.preventDefaultMouseMove&&de(t.event),jI(this,"pan","moveOnMouseMove",t,{dx:o,dy:a,oldX:i,oldY:r,newX:e,newY:n,isAvailableBehavior:null})}},e.prototype._mouseupHandler=function(t){fe(t)||(this._dragging=!1)},e.prototype._mousewheelHandler=function(t){var e=qI("zoomOnMouseWheel",t,this._opt),n=qI("moveOnMouseWheel",t,this._opt),i=t.wheelDelta,r=Math.abs(i),o=t.offsetX,a=t.offsetY;if(0!==i&&(e||n)){if(e){var s=r>3?1.4:r>1?1.2:1.1;ZI(this,"zoom","zoomOnMouseWheel",t,{scale:i>0?s:1/s,originX:o,originY:a,isAvailableBehavior:null})}if(n){var l=Math.abs(i);ZI(this,"scrollMove","moveOnMouseWheel",t,{scrollDelta:(i>0?1:-1)*(l>3?.4:l>1?.15:.05),originX:o,originY:a,isAvailableBehavior:null})}}},e.prototype._pinchHandler=function(t){YI(this._zr,"globalPan")||ZI(this,"zoom",null,t,{scale:t.pinchScale>1?1.1:1/1.1,originX:t.pinchX,originY:t.pinchY,isAvailableBehavior:null})},e}(jt);function ZI(t,e,n,i,r){t.pointerChecker&&t.pointerChecker(i,r.originX,r.originY)&&(de(i.event),jI(t,e,n,i,r))}function jI(t,e,n,i,r){r.isAvailableBehavior=W(qI,null,n,i),t.trigger(e,r)}function qI(t,e,n){var i=n[t];return!t||i&&(!U(i)||e.event[i+"Key"])}function KI(t,e,n){var i=t.target;i.x+=e,i.y+=n,i.dirty()}function $I(t,e,n,i){var r=t.target,o=t.zoomLimit,a=t.zoom=t.zoom||1;if(a*=e,o){var s=o.min||0,l=o.max||1/0;a=Math.max(Math.min(l,a),s)}var u=a/t.zoom;t.zoom=a,r.x-=(n-r.x)*(u-1),r.y-=(i-r.y)*(u-1),r.scaleX*=u,r.scaleY*=u,r.dirty()}var JI,QI={axisPointer:1,tooltip:1,brush:1};function tT(t,e,n){var i=e.getComponentByElement(t.topTarget),r=i&&i.coordinateSystem;return i&&i!==n&&!QI.hasOwnProperty(i.mainType)&&r&&r.model!==n}function eT(t){U(t)&&(t=(new DOMParser).parseFromString(t,"text/xml"));var e=t;for(9===e.nodeType&&(e=e.firstChild);"svg"!==e.nodeName.toLowerCase()||1!==e.nodeType;)e=e.nextSibling;return e}var nT={fill:"fill",stroke:"stroke","stroke-width":"lineWidth",opacity:"opacity","fill-opacity":"fillOpacity","stroke-opacity":"strokeOpacity","stroke-dasharray":"lineDash","stroke-dashoffset":"lineDashOffset","stroke-linecap":"lineCap","stroke-linejoin":"lineJoin","stroke-miterlimit":"miterLimit","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","text-anchor":"textAlign",visibility:"visibility",display:"display"},iT=G(nT),rT={"alignment-baseline":"textBaseline","stop-color":"stopColor"},oT=G(rT),aT=function(){function t(){this._defs={},this._root=null}return t.prototype.parse=function(t,e){e=e||{};var n=eT(t);this._defsUsePending=[];var i=new zr;this._root=i;var r=[],o=n.getAttribute("viewBox")||"",a=parseFloat(n.getAttribute("width")||e.width),s=parseFloat(n.getAttribute("height")||e.height);isNaN(a)&&(a=null),isNaN(s)&&(s=null),pT(n,i,null,!0,!1);for(var l,u,h=n.firstChild;h;)this._parseNode(h,i,r,null,!1,!1),h=h.nextSibling;if(function(t,e){for(var n=0;n<e.length;n++){var i=e[n];i[0].style[i[1]]=t[i[2]]}}(this._defs,this._defsUsePending),this._defsUsePending=[],o){var c=yT(o);c.length>=4&&(l={x:parseFloat(c[0]||0),y:parseFloat(c[1]||0),width:parseFloat(c[2]),height:parseFloat(c[3])})}if(l&&null!=a&&null!=s&&(u=bT(l,{x:0,y:0,width:a,height:s}),!e.ignoreViewBox)){var p=i;(i=new zr).add(p),p.scaleX=p.scaleY=u.scale,p.x=u.x,p.y=u.y}return e.ignoreRootClip||null==a||null==s||i.setClipPath(new zs({shape:{x:0,y:0,width:a,height:s}})),{root:i,width:a,height:s,viewBoxRect:l,viewBoxTransform:u,named:r}},t.prototype._parseNode=function(t,e,n,i,r,o){var a,s=t.nodeName.toLowerCase(),l=i;if("defs"===s&&(r=!0),"text"===s&&(o=!0),"defs"===s||"switch"===s)a=e;else{if(!r){var u=JI[s];if(u&&_t(JI,s)){a=u.call(this,t,e);var h=t.getAttribute("name");if(h){var c={name:h,namedFrom:null,svgNodeTagLower:s,el:a};n.push(c),"g"===s&&(l=c)}else i&&n.push({name:i.name,namedFrom:i,svgNodeTagLower:s,el:a});e.add(a)}}var p=sT[s];if(p&&_t(sT,s)){var d=p.call(this,t),f=t.getAttribute("id");f&&(this._defs[f]=d)}}if(a&&a.isGroup)for(var g=t.firstChild;g;)1===g.nodeType?this._parseNode(g,a,n,l,r,o):3===g.nodeType&&o&&this._parseText(g,a),g=g.nextSibling},t.prototype._parseText=function(t,e){var n=new Cs({style:{text:t.textContent},silent:!0,x:this._textX||0,y:this._textY||0});hT(e,n),pT(t,n,this._defsUsePending,!1,!1),function(t,e){var n=e.__selfStyle;if(n){var i=n.textBaseline,r=i;i&&"auto"!==i?"baseline"===i?r="alphabetic":"before-edge"===i||"text-before-edge"===i?r="top":"after-edge"===i||"text-after-edge"===i?r="bottom":"central"!==i&&"mathematical"!==i||(r="middle"):r="alphabetic",t.style.textBaseline=r}var o=e.__inheritedStyle;if(o){var a=o.textAlign,s=a;a&&("middle"===a&&(s="center"),t.style.textAlign=s)}}(n,e);var i=n.style,r=i.fontSize;r&&r<9&&(i.fontSize=9,n.scaleX*=r/9,n.scaleY*=r/9);var o=(i.fontSize||i.fontFamily)&&[i.fontStyle,i.fontWeight,(i.fontSize||12)+"px",i.fontFamily||"sans-serif"].join(" ");i.font=o;var a=n.getBoundingRect();return this._textX+=a.width,e.add(n),n},t.internalField=void(JI={g:function(t,e){var n=new zr;return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n},rect:function(t,e){var n=new zs;return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n.setShape({x:parseFloat(t.getAttribute("x")||"0"),y:parseFloat(t.getAttribute("y")||"0"),width:parseFloat(t.getAttribute("width")||"0"),height:parseFloat(t.getAttribute("height")||"0")}),n.silent=!0,n},circle:function(t,e){var n=new _u;return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),r:parseFloat(t.getAttribute("r")||"0")}),n.silent=!0,n},line:function(t,e){var n=new Zu;return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n.setShape({x1:parseFloat(t.getAttribute("x1")||"0"),y1:parseFloat(t.getAttribute("y1")||"0"),x2:parseFloat(t.getAttribute("x2")||"0"),y2:parseFloat(t.getAttribute("y2")||"0")}),n.silent=!0,n},ellipse:function(t,e){var n=new wu;return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n.setShape({cx:parseFloat(t.getAttribute("cx")||"0"),cy:parseFloat(t.getAttribute("cy")||"0"),rx:parseFloat(t.getAttribute("rx")||"0"),ry:parseFloat(t.getAttribute("ry")||"0")}),n.silent=!0,n},polygon:function(t,e){var n,i=t.getAttribute("points");i&&(n=cT(i));var r=new Wu({shape:{points:n||[]},silent:!0});return hT(e,r),pT(t,r,this._defsUsePending,!1,!1),r},polyline:function(t,e){var n,i=t.getAttribute("points");i&&(n=cT(i));var r=new Yu({shape:{points:n||[]},silent:!0});return hT(e,r),pT(t,r,this._defsUsePending,!1,!1),r},image:function(t,e){var n=new ks;return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n.setStyle({image:t.getAttribute("xlink:href")||t.getAttribute("href"),x:+t.getAttribute("x"),y:+t.getAttribute("y"),width:+t.getAttribute("width"),height:+t.getAttribute("height")}),n.silent=!0,n},text:function(t,e){var n=t.getAttribute("x")||"0",i=t.getAttribute("y")||"0",r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0";this._textX=parseFloat(n)+parseFloat(r),this._textY=parseFloat(i)+parseFloat(o);var a=new zr;return hT(e,a),pT(t,a,this._defsUsePending,!1,!0),a},tspan:function(t,e){var n=t.getAttribute("x"),i=t.getAttribute("y");null!=n&&(this._textX=parseFloat(n)),null!=i&&(this._textY=parseFloat(i));var r=t.getAttribute("dx")||"0",o=t.getAttribute("dy")||"0",a=new zr;return hT(e,a),pT(t,a,this._defsUsePending,!1,!0),this._textX+=parseFloat(r),this._textY+=parseFloat(o),a},path:function(t,e){var n=vu(t.getAttribute("d")||"");return hT(e,n),pT(t,n,this._defsUsePending,!1,!1),n.silent=!0,n}}),t}(),sT={lineargradient:function(t){var e=parseInt(t.getAttribute("x1")||"0",10),n=parseInt(t.getAttribute("y1")||"0",10),i=parseInt(t.getAttribute("x2")||"10",10),r=parseInt(t.getAttribute("y2")||"0",10),o=new nh(e,n,i,r);return lT(t,o),uT(t,o),o},radialgradient:function(t){var e=parseInt(t.getAttribute("cx")||"0",10),n=parseInt(t.getAttribute("cy")||"0",10),i=parseInt(t.getAttribute("r")||"0",10),r=new ih(e,n,i);return lT(t,r),uT(t,r),r}};function lT(t,e){"userSpaceOnUse"===t.getAttribute("gradientUnits")&&(e.global=!0)}function uT(t,e){for(var n=t.firstChild;n;){if(1===n.nodeType&&"stop"===n.nodeName.toLocaleLowerCase()){var i=n.getAttribute("offset"),r=void 0;r=i&&i.indexOf("%")>0?parseInt(i,10)/100:i?parseFloat(i):0;var o={};_T(n,o,o);var a=o.stopColor||n.getAttribute("stop-color")||"#000000";e.colorStops.push({offset:r,color:a})}n=n.nextSibling}}function hT(t,e){t&&t.__inheritedStyle&&(e.__inheritedStyle||(e.__inheritedStyle={}),k(e.__inheritedStyle,t.__inheritedStyle))}function cT(t){for(var e=yT(t),n=[],i=0;i<e.length;i+=2){var r=parseFloat(e[i]),o=parseFloat(e[i+1]);n.push([r,o])}return n}function pT(t,e,n,i,r){var o=e,a=o.__inheritedStyle=o.__inheritedStyle||{},s={};1===t.nodeType&&(function(t,e){var n=t.getAttribute("transform");if(n){n=n.replace(/,/g," ");var i=[],r=null;n.replace(vT,(function(t,e,n){return i.push(e,n),""}));for(var o=i.length-1;o>0;o-=2){var a=i[o],s=i[o-1],l=yT(a);switch(r=r||[1,0,0,1,0,0],s){case"translate":we(r,r,[parseFloat(l[0]),parseFloat(l[1]||"0")]);break;case"scale":Me(r,r,[parseFloat(l[0]),parseFloat(l[1]||l[0])]);break;case"rotate":Se(r,r,-parseFloat(l[0])*mT);break;case"skewX":be(r,[1,0,Math.tan(parseFloat(l[0])*mT),1,0,0],r);break;case"skewY":be(r,[1,Math.tan(parseFloat(l[0])*mT),0,1,0,0],r);break;case"matrix":r[0]=parseFloat(l[0]),r[1]=parseFloat(l[1]),r[2]=parseFloat(l[2]),r[3]=parseFloat(l[3]),r[4]=parseFloat(l[4]),r[5]=parseFloat(l[5])}}e.setLocalTransform(r)}}(t,e),_T(t,a,s),i||function(t,e,n){for(var i=0;i<iT.length;i++){var r=iT[i];null!=(o=t.getAttribute(r))&&(e[nT[r]]=o)}for(i=0;i<oT.length;i++){var o;r=oT[i];null!=(o=t.getAttribute(r))&&(n[rT[r]]=o)}}(t,a,s)),o.style=o.style||{},null!=a.fill&&(o.style.fill=fT(o,"fill",a.fill,n)),null!=a.stroke&&(o.style.stroke=fT(o,"stroke",a.stroke,n)),E(["lineWidth","opacity","fillOpacity","strokeOpacity","miterLimit","fontSize"],(function(t){null!=a[t]&&(o.style[t]=parseFloat(a[t]))})),E(["lineDashOffset","lineCap","lineJoin","fontWeight","fontFamily","fontStyle","textAlign"],(function(t){null!=a[t]&&(o.style[t]=a[t])})),r&&(o.__selfStyle=s),a.lineDash&&(o.style.lineDash=z(yT(a.lineDash),(function(t){return parseFloat(t)}))),"hidden"!==a.visibility&&"collapse"!==a.visibility||(o.invisible=!0),"none"===a.display&&(o.ignore=!0)}var dT=/^url\(\s*#(.*?)\)/;function fT(t,e,n,i){var r=n&&n.match(dT);if(!r)return"none"===n&&(n=null),n;var o=ut(r[1]);i.push([t,e,o])}var gT=/-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;function yT(t){return t.match(gT)||[]}var vT=/(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g,mT=Math.PI/180;var xT=/([^\s:;]+)\s*:\s*([^:;]+)/g;function _T(t,e,n){var i,r=t.getAttribute("style");if(r)for(xT.lastIndex=0;null!=(i=xT.exec(r));){var o=i[1],a=_t(nT,o)?nT[o]:null;a&&(e[a]=i[2]);var s=_t(rT,o)?rT[o]:null;s&&(n[s]=i[2])}}function bT(t,e){var n=e.width/t.width,i=e.height/t.height,r=Math.min(n,i);return{scale:r,x:-(t.x+t.width/2)*r+(e.x+e.width/2),y:-(t.y+t.height/2)*r+(e.y+e.height/2)}}var wT=yt(["rect","circle","line","ellipse","polygon","polyline","path","text","tspan","g"]),ST=function(){function t(t,e){this.type="geoSVG",this._usedGraphicMap=yt(),this._freedGraphics=[],this._mapName=t,this._parsedXML=eT(e)}return t.prototype.load=function(){var t=this._firstGraphic;if(!t){t=this._firstGraphic=this._buildGraphic(this._parsedXML),this._freedGraphics.push(t),this._boundingRect=this._firstGraphic.boundingRect.clone();var e=function(t){var e=[],n=yt();return E(t,(function(t){if(null==t.namedFrom){var i=new z_(t.name,t.el);e.push(i),n.set(t.name,i)}})),{regions:e,regionsMap:n}}(t.named),n=e.regions,i=e.regionsMap;this._regions=n,this._regionsMap=i}return{boundingRect:this._boundingRect,regions:this._regions,regionsMap:this._regionsMap}},t.prototype._buildGraphic=function(t){var e,n,i,r;try{lt(null!=(n=(e=t&&(i=t,r={ignoreViewBox:!0,ignoreRootClip:!0},(new aT).parse(i,r))||{}).root))}catch(t){throw new Error("Invalid svg format\n"+t.message)}var o=new zr;o.add(n),o.isGeoSVGGraphicRoot=!0;var a=e.width,s=e.height,l=e.viewBoxRect,u=this._boundingRect;if(!u){var h=void 0,c=void 0,p=void 0,d=void 0;if(null!=a?(h=0,p=a):l&&(h=l.x,p=l.width),null!=s?(c=0,d=s):l&&(c=l.y,d=l.height),null==h||null==c){var f=n.getBoundingRect();null==h&&(h=f.x,p=f.width),null==c&&(c=f.y,d=f.height)}u=this._boundingRect=new ze(h,c,p,d)}if(l){var g=bT(l,u);n.scaleX=n.scaleY=g.scale,n.x=g.x,n.y=g.y}o.setClipPath(new zs({shape:u.plain()}));var y=[];return E(e.named,(function(t){var e;null!=wT.get(t.svgNodeTagLower)&&(y.push(t),(e=t.el).silent=!1,e.isGroup&&e.traverse((function(t){t.silent=!1})))})),{root:o,boundingRect:u,named:y}},t.prototype.useGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);return n||(n=this._freedGraphics.pop()||this._buildGraphic(this._parsedXML),e.set(t,n),n)},t.prototype.freeGraphic=function(t){var e=this._usedGraphicMap,n=e.get(t);n&&(e.removeKey(t),this._freedGraphics.push(n))},t}();for(var MT=[126,25],IT="南海诸岛",TT=[[[0,3.5],[7,11.2],[15,11.9],[30,7],[42,.7],[52,.7],[56,7.7],[59,.7],[64,.7],[64,0],[5,0],[0,3.5]],[[13,16.1],[19,14.7],[16,21.7],[11,23.1],[13,16.1]],[[12,32.2],[14,38.5],[15,38.5],[13,32.2],[12,32.2]],[[16,47.6],[12,53.2],[13,53.2],[18,47.6],[16,47.6]],[[6,64.4],[8,70],[9,70],[8,64.4],[6,64.4]],[[23,82.6],[29,79.8],[30,79.8],[25,82.6],[23,82.6]],[[37,70.7],[43,62.3],[44,62.3],[39,70.7],[37,70.7]],[[48,51.1],[51,45.5],[53,45.5],[50,51.1],[48,51.1]],[[51,35],[51,28.7],[53,28.7],[53,35],[51,35]],[[52,22.4],[55,17.5],[56,17.5],[53,22.4],[52,22.4]],[[58,12.6],[62,7],[63,7],[60,12.6],[58,12.6]],[[0,3.5],[0,93.1],[64,93.1],[64,0],[63,0],[63,92.4],[1,92.4],[1,3.5],[0,3.5]]],CT=0;CT<TT.length;CT++)for(var DT=0;DT<TT[CT].length;DT++)TT[CT][DT][0]/=10.5,TT[CT][DT][1]/=-14,TT[CT][DT][0]+=MT[0],TT[CT][DT][1]+=MT[1];var AT={"南海诸岛":[32,80],"广东":[0,-10],"香港":[10,5],"澳门":[-10,10],"天津":[5,5]};var kT=[[[123.45165252685547,25.73527164402261],[123.49731445312499,25.73527164402261],[123.49731445312499,25.750734064600884],[123.45165252685547,25.750734064600884],[123.45165252685547,25.73527164402261]]];var LT=function(){function t(t,e,n){var i;this.type="geoJSON",this._parsedMap=yt(),this._mapName=t,this._specialAreas=n,this._geoJSON=U(i=e)?"undefined"!=typeof JSON&&JSON.parse?JSON.parse(i):new Function("return ("+i+");")():i}return t.prototype.load=function(t,e){e=e||"name";var n=this._parsedMap.get(e);if(!n){var i=this._parseToRegions(e);n=this._parsedMap.set(e,{regions:i,boundingRect:PT(i)})}var r=yt(),o=[];return E(n.regions,(function(e){var n=e.name;t&&_t(t,n)&&(e=e.cloneShallow(n=t[n])),o.push(e),r.set(n,e)})),{regions:o,boundingRect:n.boundingRect||new ze(0,0,0,0),regionsMap:r}},t.prototype._parseToRegions=function(t){var e,n=this._mapName,i=this._geoJSON;try{e=i?F_(i,t):[]}catch(t){throw new Error("Invalid geoJson format\n"+t.message)}return function(t,e){if("china"===t){for(var n=0;n<e.length;n++)if(e[n].name===IT)return;e.push(new E_(IT,z(TT,(function(t){return{type:"polygon",exterior:t}})),MT))}}(n,e),E(e,(function(t){var e=t.name;!function(t,e){if("china"===t){var n=AT[e.name];if(n){var i=e.getCenter();i[0]+=n[0]/10.5,i[1]+=-n[1]/14,e.setCenter(i)}}}(n,t),function(t,e){"china"===t&&"台湾"===e.name&&e.geometries.push({type:"polygon",exterior:kT[0]})}(n,t);var i=this._specialAreas&&this._specialAreas[e];i&&t.transformTo(i.left,i.top,i.width,i.height)}),this),e},t.prototype.getMapForUser=function(){return{geoJson:this._geoJSON,geoJSON:this._geoJSON,specialAreas:this._specialAreas}},t}();function PT(t){for(var e,n=0;n<t.length;n++){var i=t[n].getBoundingRect();(e=e||i.clone()).union(i)}return e}var OT=yt(),RT=function(t,e,n){if(e.svg){var i=new ST(t,e.svg);OT.set(t,i)}else{var r=e.geoJson||e.geoJSON;r&&!e.features?n=e.specialAreas:r=e;i=new LT(t,r,n);OT.set(t,i)}},NT=function(t){return OT.get(t)},ET=function(t){var e=OT.get(t);return e&&"geoJSON"===e.type&&e.getMapForUser()},zT=function(t,e,n){var i=OT.get(t);if(i)return i.load(e,n)},VT=["rect","circle","line","ellipse","polygon","polyline","path"],BT=yt(VT),FT=yt(VT.concat(["g"])),GT=yt(VT.concat(["g"])),WT=Oo();function HT(t){var e=t.getItemStyle(),n=t.get("areaColor");return null!=n&&(e.fill=n),e}function YT(t){var e=t.style;e&&(e.stroke=e.stroke||e.fill,e.fill=null)}var XT=function(){function t(t){var e=new zr;this.uid=Tc("ec_map_draw"),this._controller=new UI(t.getZr()),this._controllerHost={target:e},this.group=e,e.add(this._regionsGroup=new zr),e.add(this._svgGroup=new zr)}return t.prototype.draw=function(t,e,n,i,r){var o="geo"===t.mainType,a=t.getData&&t.getData();o&&e.eachComponent({mainType:"series",subType:"map"},(function(e){a||e.getHostGeoModel()!==t||(a=e.getData())}));var s=t.coordinateSystem,l=this._regionsGroup,u=this.group,h=s.getTransformInfo(),c=h.raw,p=h.roam;!l.childAt(0)||r?(u.x=p.x,u.y=p.y,u.scaleX=p.scaleX,u.scaleY=p.scaleY,u.dirty()):fh(u,p,t);var d=a&&a.getVisual("visualMeta")&&a.getVisual("visualMeta").length>0,f={api:n,geo:s,mapOrGeoModel:t,data:a,isVisualEncodedByVisualMap:d,isGeo:o,transformInfoRaw:c};"geoJSON"===s.resourceType?this._buildGeoJSON(f):"geoSVG"===s.resourceType&&this._buildSVG(f),this._updateController(t,e,n),this._updateMapSelectHandler(t,l,n,i)},t.prototype._buildGeoJSON=function(t){var e=this._regionsGroupByName=yt(),n=yt(),i=this._regionsGroup,r=t.transformInfoRaw,o=t.mapOrGeoModel,a=t.data,s=t.geo.projection,l=s&&s.stream;function u(t,e){return e&&(t=e(t)),t&&[t[0]*r.scaleX+r.x,t[1]*r.scaleY+r.y]}function h(t){for(var e=[],n=!l&&s&&s.project,i=0;i<t.length;++i){var r=u(t[i],n);r&&e.push(r)}return e}function c(t){return{shape:{points:h(t)}}}i.removeAll(),E(t.geo.regions,(function(r){var h=r.name,p=e.get(h),d=n.get(h)||{},f=d.dataIdx,g=d.regionModel;p||(p=e.set(h,new zr),i.add(p),f=a?a.indexOfName(h):null,g=t.isGeo?o.getRegionModel(h):a?a.getItemModel(f):null,n.set(h,{dataIdx:f,regionModel:g}));var y=[],v=[];E(r.geometries,(function(t){if("polygon"===t.type){var e=[t.exterior].concat(t.interiors||[]);l&&(e=$T(e,l)),E(e,(function(t){y.push(new Wu(c(t)))}))}else{var n=t.points;l&&(n=$T(n,l,!0)),E(n,(function(t){v.push(new Yu(c(t)))}))}}));var m=u(r.getCenter(),s&&s.project);function x(e,n){if(e.length){var i=new th({culling:!0,segmentIgnoreThreshold:1,shape:{paths:e}});p.add(i),UT(t,i,f,g),ZT(t,i,h,g,o,f,m),n&&(YT(i),E(i.states,YT))}}x(y),x(v,!0)})),e.each((function(e,i){var r=n.get(i),a=r.dataIdx,s=r.regionModel;jT(t,e,i,s,o,a),qT(t,e,i,s,o),KT(t,e,i,s,o)}),this)},t.prototype._buildSVG=function(t){var e=t.geo.map,n=t.transformInfoRaw;this._svgGroup.x=n.x,this._svgGroup.y=n.y,this._svgGroup.scaleX=n.scaleX,this._svgGroup.scaleY=n.scaleY,this._svgResourceChanged(e)&&(this._freeSVG(),this._useSVG(e));var i=this._svgDispatcherMap=yt(),r=!1;E(this._svgGraphicRecord.named,(function(e){var n=e.name,o=t.mapOrGeoModel,a=t.data,s=e.svgNodeTagLower,l=e.el,u=a?a.indexOfName(n):null,h=o.getRegionModel(n);(null!=BT.get(s)&&l instanceof Sa&&UT(t,l,u,h),l instanceof Sa&&(l.culling=!0),l.z2EmphasisLift=0,e.namedFrom)||(null!=GT.get(s)&&ZT(t,l,n,h,o,u,null),jT(t,l,n,h,o,u),qT(t,l,n,h,o),null!=FT.get(s)&&("self"===KT(t,l,n,h,o)&&(r=!0),(i.get(n)||i.set(n,[])).push(l)))}),this),this._enableBlurEntireSVG(r,t)},t.prototype._enableBlurEntireSVG=function(t,e){if(t&&e.isGeo){var n=e.mapOrGeoModel.getModel(["blur","itemStyle"]).getItemStyle().opacity;this._svgGraphicRecord.root.traverse((function(t){if(!t.isGroup){Cl(t);var e=t.ensureState("blur").style||{};null==e.opacity&&null!=n&&(e.opacity=n),t.ensureState("emphasis")}}))}},t.prototype.remove=function(){this._regionsGroup.removeAll(),this._regionsGroupByName=null,this._svgGroup.removeAll(),this._freeSVG(),this._controller.dispose(),this._controllerHost=null},t.prototype.findHighDownDispatchers=function(t,e){if(null==t)return[];var n=e.coordinateSystem;if("geoJSON"===n.resourceType){var i=this._regionsGroupByName;if(i){var r=i.get(t);return r?[r]:[]}}else if("geoSVG"===n.resourceType)return this._svgDispatcherMap&&this._svgDispatcherMap.get(t)||[]},t.prototype._svgResourceChanged=function(t){return this._svgMapName!==t},t.prototype._useSVG=function(t){var e=NT(t);if(e&&"geoSVG"===e.type){var n=e.useGraphic(this.uid);this._svgGroup.add(n.root),this._svgGraphicRecord=n,this._svgMapName=t}},t.prototype._freeSVG=function(){var t=this._svgMapName;if(null!=t){var e=NT(t);e&&"geoSVG"===e.type&&e.freeGraphic(this.uid),this._svgGraphicRecord=null,this._svgDispatcherMap=null,this._svgGroup.removeAll(),this._svgMapName=null}},t.prototype._updateController=function(t,e,n){var i=t.coordinateSystem,r=this._controller,o=this._controllerHost;o.zoomLimit=t.get("scaleLimit"),o.zoom=i.getZoom(),r.enable(t.get("roam")||!1);var a=t.mainType;function s(){var e={type:"geoRoam",componentType:a};return e[a+"Id"]=t.id,e}r.off("pan").on("pan",(function(t){this._mouseDownFlag=!1,KI(o,t.dx,t.dy),n.dispatchAction(A(s(),{dx:t.dx,dy:t.dy,animation:{duration:0}}))}),this),r.off("zoom").on("zoom",(function(t){this._mouseDownFlag=!1,$I(o,t.scale,t.originX,t.originY),n.dispatchAction(A(s(),{zoom:t.scale,originX:t.originX,originY:t.originY,animation:{duration:0}}))}),this),r.setPointerChecker((function(e,r,o){return i.containPoint([r,o])&&!tT(e,n,t)}))},t.prototype.resetForLabelLayout=function(){this.group.traverse((function(t){var e=t.getTextContent();e&&(e.ignore=WT(e).ignore)}))},t.prototype._updateMapSelectHandler=function(t,e,n,i){var r=this;e.off("mousedown"),e.off("click"),t.get("selectedMode")&&(e.on("mousedown",(function(){r._mouseDownFlag=!0})),e.on("click",(function(t){r._mouseDownFlag&&(r._mouseDownFlag=!1)})))},t}();function UT(t,e,n,i){var r=i.getModel("itemStyle"),o=i.getModel(["emphasis","itemStyle"]),a=i.getModel(["blur","itemStyle"]),s=i.getModel(["select","itemStyle"]),l=HT(r),u=HT(o),h=HT(s),c=HT(a),p=t.data;if(p){var d=p.getItemVisual(n,"style"),f=p.getItemVisual(n,"decal");t.isVisualEncodedByVisualMap&&d.fill&&(l.fill=d.fill),f&&(l.decal=gv(f,t.api))}e.setStyle(l),e.style.strokeNoScale=!0,e.ensureState("emphasis").style=u,e.ensureState("select").style=h,e.ensureState("blur").style=c,Cl(e)}function ZT(t,e,n,i,r,o,a){var s=t.data,l=t.isGeo,u=s&&isNaN(s.get(s.mapDimension("value"),o)),h=s&&s.getItemLayout(o);if(l||u||h&&h.showLabel){var c=l?n:o,p=void 0;(!s||o>=0)&&(p=r);var d=a?{normal:{align:"center",verticalAlign:"middle"}}:null;tc(e,ec(i),{labelFetcher:p,labelDataIndex:c,defaultText:n},d);var f=e.getTextContent();if(f&&(WT(f).ignore=f.ignore,e.textConfig&&a)){var g=e.getBoundingRect().clone();e.textConfig.layoutRect=g,e.textConfig.position=[(a[0]-g.x)/g.width*100+"%",(a[1]-g.y)/g.height*100+"%"]}e.disableLabelAnimation=!0}else e.removeTextContent(),e.removeTextConfig(),e.disableLabelAnimation=null}function jT(t,e,n,i,r,o){t.data?t.data.setItemGraphicEl(o,e):Qs(e).eventData={componentType:"geo",componentIndex:r.componentIndex,geoIndex:r.componentIndex,name:n,region:i&&i.option||{}}}function qT(t,e,n,i,r){t.data||Zh({el:e,componentModel:r,itemName:n,itemTooltipOption:i.get("tooltip")})}function KT(t,e,n,i,r){e.highDownSilentOnTouch=!!r.get("selectedMode");var o=i.getModel("emphasis"),a=o.get("focus");return Yl(e,a,o.get("blurScope"),o.get("disabled")),t.isGeo&&function(t,e,n){var i=Qs(t);i.componentMainType=e.mainType,i.componentIndex=e.componentIndex,i.componentHighDownName=n}(e,r,n),a}function $T(t,e,n){var i,r=[];function o(){i=[]}function a(){i.length&&(r.push(i),i=[])}var s=e({polygonStart:o,polygonEnd:a,lineStart:o,lineEnd:a,point:function(t,e){isFinite(t)&&isFinite(e)&&i.push([t,e])},sphere:function(){}});return!n&&s.polygonStart(),E(t,(function(t){s.lineStart();for(var e=0;e<t.length;e++)s.point(t[e][0],t[e][1]);s.lineEnd()})),!n&&s.polygonEnd(),r}var JT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!i||"mapToggleSelect"!==i.type||i.from!==this.uid){var r=this.group;if(r.removeAll(),!t.getHostGeoModel()){if(this._mapDraw&&i&&"geoRoam"===i.type&&this._mapDraw.resetForLabelLayout(),i&&"geoRoam"===i.type&&"series"===i.componentType&&i.seriesId===t.id)(o=this._mapDraw)&&r.add(o.group);else if(t.needsDrawMap){var o=this._mapDraw||new XT(n);r.add(o.group),o.draw(t,e,n,this,i),this._mapDraw=o}else this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null;t.get("showLegendSymbol")&&e.getComponent("legend")&&this._renderSymbols(t,e,n)}}},e.prototype.remove=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null,this.group.removeAll()},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove(),this._mapDraw=null},e.prototype._renderSymbols=function(t,e,n){var i=t.originalData,r=this.group;i.each(i.mapDimension("value"),(function(e,n){if(!isNaN(e)){var o=i.getItemLayout(n);if(o&&o.point){var a=o.point,s=o.offset,l=new _u({style:{fill:t.getData().getVisual("style").fill},shape:{cx:a[0]+9*s,cy:a[1],r:3},silent:!0,z2:8+(s?0:11)});if(!s){var u=t.mainSeries.getData(),h=i.getName(n),c=u.indexOfName(h),p=i.getItemModel(n),d=p.getModel("label"),f=u.getItemGraphicEl(c);tc(l,ec(p),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(c,n)}},defaultText:h}),l.disableLabelAnimation=!0,d.get("position")||l.setTextConfig({position:"bottom"}),f.onHoverStateChange=function(t){Il(l,t)}}r.add(l)}}}))},e.type="map",e}(kg),QT=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.needsDrawMap=!1,n.seriesGroup=[],n.getTooltipPosition=function(t){if(null!=t){var e=this.getData().getName(t),n=this.coordinateSystem,i=n.getRegion(e);return i&&n.dataToPoint(i.getCenter())}},n}return n(e,t),e.prototype.getInitialData=function(t){for(var e=MM(this,{coordDimensions:["value"],encodeDefaulter:H(Jp,this)}),n=yt(),i=[],r=0,o=e.count();r<o;r++){var a=e.getName(r);n.set(a,!0)}return E(zT(this.getMapType(),this.option.nameMap,this.option.nameProperty).regions,(function(t){var e=t.name;n.get(e)||i.push(e)})),e.appendValues([],i),e},e.prototype.getHostGeoModel=function(){var t=this.option.geoIndex;return null!=t?this.ecModel.getComponent("geo",t):null},e.prototype.getMapType=function(){return(this.getHostGeoModel()||this).option.map},e.prototype.getRawValue=function(t){var e=this.getData();return e.get(e.mapDimension("value"),t)},e.prototype.getRegionModel=function(t){var e=this.getData();return e.getItemModel(e.indexOfName(t))},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData(),r=this.getRawValue(t),o=i.getName(t),a=this.seriesGroup,s=[],l=0;l<a.length;l++){var u=a[l].originalData.indexOfName(o),h=i.mapDimension("value");isNaN(a[l].originalData.get(h,u))||s.push(a[l].name)}return ng("section",{header:s.join(", "),noHeader:!s.length,blocks:[ng("nameValue",{name:o,value:r})]})},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.getLegendIcon=function(t){var e=t.icon||"roundRect",n=Wy(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill);return n.setStyle(t.itemStyle),n.style.stroke="none",e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill="#fff",n.style.lineWidth=2),n},e.type="series.map",e.dependencies=["geo"],e.layoutMode="box",e.defaultOption={z:2,coordinateSystem:"geo",map:"",left:"center",top:"center",aspectScale:null,showLegendSymbol:!0,boundingCoords:null,center:null,zoom:1,scaleLimit:null,selectedMode:!0,label:{show:!1,color:"#000"},itemStyle:{borderWidth:.5,borderColor:"#444",areaColor:"#eee"},emphasis:{label:{show:!0,color:"rgb(100,0,0)"},itemStyle:{areaColor:"rgba(255,215,0,0.8)"}},select:{label:{show:!0,color:"rgb(100,0,0)"},itemStyle:{color:"rgba(255,215,0,0.8)"}},nameProperty:"name"},e}(mg);function tC(t){var e={};t.eachSeriesByType("map",(function(t){var n=t.getHostGeoModel(),i=n?"o"+n.id:"i"+t.getMapType();(e[i]=e[i]||[]).push(t)})),E(e,(function(t,e){for(var n,i,r,o=(n=z(t,(function(t){return t.getData()})),i=t[0].get("mapValueCalculation"),r={},E(n,(function(t){t.each(t.mapDimension("value"),(function(e,n){var i="ec-"+t.getName(n);r[i]=r[i]||[],isNaN(e)||r[i].push(e)}))})),n[0].map(n[0].mapDimension("value"),(function(t,e){for(var o="ec-"+n[0].getName(e),a=0,s=1/0,l=-1/0,u=r[o].length,h=0;h<u;h++)s=Math.min(s,r[o][h]),l=Math.max(l,r[o][h]),a+=r[o][h];return 0===u?NaN:"min"===i?s:"max"===i?l:"average"===i?a/u:a}))),a=0;a<t.length;a++)t[a].originalData=t[a].getData();for(a=0;a<t.length;a++)t[a].seriesGroup=t,t[a].needsDrawMap=0===a&&!t[a].getHostGeoModel(),t[a].setData(o.cloneShallow()),t[a].mainSeries=t[0]}))}function eC(t){var e={};t.eachSeriesByType("map",(function(n){var i=n.getMapType();if(!n.getHostGeoModel()&&!e[i]){var r={};E(n.seriesGroup,(function(e){var n=e.coordinateSystem,i=e.originalData;e.get("showLegendSymbol")&&t.getComponent("legend")&&i.each(i.mapDimension("value"),(function(t,e){var o=i.getName(e),a=n.getRegion(o);if(a&&!isNaN(t)){var s=r[o]||0,l=n.dataToPoint(a.getCenter());r[o]=s+1,i.setItemLayout(e,{point:l,offset:s})}}))}));var o=n.getData();o.each((function(t){var e=o.getName(t),n=o.getItemLayout(t)||{};n.showLabel=!r[e],o.setItemLayout(t,n)})),e[i]=!0}}))}var nC=Wt,iC=function(t){function e(e){var n=t.call(this)||this;return n.type="view",n.dimensions=["x","y"],n._roamTransformable=new gr,n._rawTransformable=new gr,n.name=e,n}return n(e,t),e.prototype.setBoundingRect=function(t,e,n,i){return this._rect=new ze(t,e,n,i),this._rect},e.prototype.getBoundingRect=function(){return this._rect},e.prototype.setViewRect=function(t,e,n,i){this._transformTo(t,e,n,i),this._viewRect=new ze(t,e,n,i)},e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._rawTransformable;o.transform=r.calculateTransform(new ze(t,e,n,i));var a=o.parent;o.parent=null,o.decomposeTransform(),o.parent=a,this._updateTransform()},e.prototype.setCenter=function(t,e){t&&(this._center=[Ur(t[0],e.getWidth()),Ur(t[1],e.getHeight())],this._updateCenterAndZoom())},e.prototype.setZoom=function(t){t=t||1;var e=this.zoomLimit;e&&(null!=e.max&&(t=Math.min(e.max,t)),null!=e.min&&(t=Math.max(e.min,t))),this._zoom=t,this._updateCenterAndZoom()},e.prototype.getDefaultCenter=function(){var t=this.getBoundingRect();return[t.x+t.width/2,t.y+t.height/2]},e.prototype.getCenter=function(){return this._center||this.getDefaultCenter()},e.prototype.getZoom=function(){return this._zoom||1},e.prototype.getRoamTransform=function(){return this._roamTransformable.getLocalTransform()},e.prototype._updateCenterAndZoom=function(){var t=this._rawTransformable.getLocalTransform(),e=this._roamTransformable,n=this.getDefaultCenter(),i=this.getCenter(),r=this.getZoom();i=Wt([],i,t),n=Wt([],n,t),e.originX=i[0],e.originY=i[1],e.x=n[0]-i[0],e.y=n[1]-i[1],e.scaleX=e.scaleY=r,this._updateTransform()},e.prototype._updateTransform=function(){var t=this._roamTransformable,e=this._rawTransformable;e.parent=t,t.updateTransform(),e.updateTransform(),_e(this.transform||(this.transform=[]),e.transform||[1,0,0,1,0,0]),this._rawTransform=e.getLocalTransform(),this.invTransform=this.invTransform||[],Ie(this.invTransform,this.transform),this.decomposeTransform()},e.prototype.getTransformInfo=function(){var t=this._rawTransformable,e=this._roamTransformable,n=new gr;return n.transform=e.transform,n.decomposeTransform(),{roam:{x:n.x,y:n.y,scaleX:n.scaleX,scaleY:n.scaleY},raw:{x:t.x,y:t.y,scaleX:t.scaleX,scaleY:t.scaleY}}},e.prototype.getViewRect=function(){return this._viewRect},e.prototype.getViewRectAfterRoam=function(){var t=this.getBoundingRect().clone();return t.applyTransform(this.transform),t},e.prototype.dataToPoint=function(t,e,n){var i=e?this._rawTransform:this.transform;return n=n||[],i?nC(n,t,i):It(n,t)},e.prototype.pointToData=function(t){var e=this.invTransform;return e?nC([],t,e):[t[0],t[1]]},e.prototype.convertToPixel=function(t,e,n){var i=rC(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=rC(e);return i===this?i.pointToData(n):null},e.prototype.containPoint=function(t){return this.getViewRectAfterRoam().contain(t[0],t[1])},e.dimensions=["x","y"],e}(gr);function rC(t){var e=t.seriesModel;return e?e.coordinateSystem:null}var oC={geoJSON:{aspectScale:.75,invertLongitute:!0},geoSVG:{aspectScale:1,invertLongitute:!1}},aC=["lng","lat"],sC=function(t){function e(e,n,i){var r=t.call(this,e)||this;r.dimensions=aC,r.type="geo",r._nameCoordMap=yt(),r.map=n;var o,a=i.projection,s=zT(n,i.nameMap,i.nameProperty),l=NT(n),u=(r.resourceType=l?l.type:null,r.regions=s.regions),h=oC[l.type];if(r._regionsMap=s.regionsMap,r.regions=s.regions,r.projection=a,a)for(var c=0;c<u.length;c++){var p=u[c].getBoundingRect(a);(o=o||p.clone()).union(p)}else o=s.boundingRect;return r.setBoundingRect(o.x,o.y,o.width,o.height),r.aspectScale=a?1:rt(i.aspectScale,h.aspectScale),r._invertLongitute=!a&&h.invertLongitute,r}return n(e,t),e.prototype._transformTo=function(t,e,n,i){var r=this.getBoundingRect(),o=this._invertLongitute;r=r.clone(),o&&(r.y=-r.y-r.height);var a=this._rawTransformable;a.transform=r.calculateTransform(new ze(t,e,n,i));var s=a.parent;a.parent=null,a.decomposeTransform(),a.parent=s,o&&(a.scaleY=-a.scaleY),this._updateTransform()},e.prototype.getRegion=function(t){return this._regionsMap.get(t)},e.prototype.getRegionByCoord=function(t){for(var e=this.regions,n=0;n<e.length;n++){var i=e[n];if("geoJSON"===i.type&&i.contain(t))return e[n]}},e.prototype.addGeoCoord=function(t,e){this._nameCoordMap.set(t,e)},e.prototype.getGeoCoord=function(t){var e=this._regionsMap.get(t);return this._nameCoordMap.get(t)||e&&e.getCenter()},e.prototype.dataToPoint=function(t,e,n){if(U(t)&&(t=this.getGeoCoord(t)),t){var i=this.projection;return i&&(t=i.project(t)),t&&this.projectedToPoint(t,e,n)}},e.prototype.pointToData=function(t){var e=this.projection;return e&&(t=e.unproject(t)),t&&this.pointToProjected(t)},e.prototype.pointToProjected=function(e){return t.prototype.pointToData.call(this,e)},e.prototype.projectedToPoint=function(e,n,i){return t.prototype.dataToPoint.call(this,e,n,i)},e.prototype.convertToPixel=function(t,e,n){var i=lC(e);return i===this?i.dataToPoint(n):null},e.prototype.convertFromPixel=function(t,e,n){var i=lC(e);return i===this?i.pointToData(n):null},e}(iC);function lC(t){var e=t.geoModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem||(n.getReferringComponents("geo",zo).models[0]||{}).coordinateSystem:null}function uC(t,e){var n=t.get("boundingCoords");if(null!=n){var i=n[0],r=n[1];if(isFinite(i[0])&&isFinite(i[1])&&isFinite(r[0])&&isFinite(r[1])){var o=this.projection;if(o){var a=i[0],s=i[1],l=r[0],u=r[1];i=[1/0,1/0],r=[-1/0,-1/0];var h=function(t,e,n,a){for(var s=n-t,l=a-e,u=0;u<=100;u++){var h=u/100,c=o.project([t+s*h,e+l*h]);Ht(i,i,c),Yt(r,r,c)}};h(a,s,l,s),h(l,s,l,u),h(l,u,a,u),h(a,u,l,s)}this.setBoundingRect(i[0],i[1],r[0]-i[0],r[1]-i[1])}else 0}var c,p,d,f=this.getBoundingRect(),g=t.get("layoutCenter"),y=t.get("layoutSize"),v=e.getWidth(),m=e.getHeight(),x=f.width/f.height*this.aspectScale,_=!1;if(g&&y&&(c=[Ur(g[0],v),Ur(g[1],m)],p=Ur(y,Math.min(v,m)),isNaN(c[0])||isNaN(c[1])||isNaN(p)||(_=!0)),_)d={},x>1?(d.width=p,d.height=p/x):(d.height=p,d.width=p*x),d.y=c[1]-d.height/2,d.x=c[0]-d.width/2;else{var b=t.getBoxLayoutParams();b.aspect=x,d=Cp(b,{width:v,height:m})}this.setViewRect(d.x,d.y,d.width,d.height),this.setCenter(t.get("center"),e),this.setZoom(t.get("zoom"))}R(sC,iC);var hC=function(){function t(){this.dimensions=aC}return t.prototype.create=function(t,e){var n=[];function i(t){return{nameProperty:t.get("nameProperty"),aspectScale:t.get("aspectScale"),projection:t.get("projection")}}t.eachComponent("geo",(function(t,r){var o=t.get("map"),a=new sC(o+r,o,A({nameMap:t.get("nameMap")},i(t)));a.zoomLimit=t.get("scaleLimit"),n.push(a),t.coordinateSystem=a,a.model=t,a.resize=uC,a.resize(t,e)})),t.eachSeries((function(t){if("geo"===t.get("coordinateSystem")){var e=t.get("geoIndex")||0;t.coordinateSystem=n[e]}}));var r={};return t.eachSeriesByType("map",(function(t){if(!t.getHostGeoModel()){var e=t.getMapType();r[e]=r[e]||[],r[e].push(t)}})),E(r,(function(t,r){var o=z(t,(function(t){return t.get("nameMap")})),a=new sC(r,r,A({nameMap:D(o)},i(t[0])));a.zoomLimit=it.apply(null,z(t,(function(t){return t.get("scaleLimit")}))),n.push(a),a.resize=uC,a.resize(t[0],e),E(t,(function(t){t.coordinateSystem=a,function(t,e){E(e.get("geoCoord"),(function(e,n){t.addGeoCoord(n,e)}))}(a,t)}))})),n},t.prototype.getFilledRegions=function(t,e,n,i){for(var r=(t||[]).slice(),o=yt(),a=0;a<r.length;a++)o.set(r[a].name,r[a]);return E(zT(e,n,i).regions,(function(t){var e=t.name;!o.get(e)&&r.push({name:e})})),r},t}(),cC=new hC,pC=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e,n){var i=NT(t.map);if(i&&"geoJSON"===i.type){var r=t.itemStyle=t.itemStyle||{};"color"in r||(r.color="#eee")}this.mergeDefaultAndTheme(t,n),wo(t,"label",["show"])},e.prototype.optionUpdated=function(){var t=this,e=this.option;e.regions=cC.getFilledRegions(e.regions,e.map,e.nameMap,e.nameProperty);var n={};this._optionModelMap=V(e.regions||[],(function(e,i){var r=i.name;return r&&(e.set(r,new Mc(i,t,t.ecModel)),i.selected&&(n[r]=!0)),e}),yt()),e.selectedMap||(e.selectedMap=n)},e.prototype.getRegionModel=function(t){return this._optionModelMap.get(t)||new Mc(null,this,this.ecModel)},e.prototype.getFormattedLabel=function(t,e){var n=this.getRegionModel(t),i="normal"===e?n.get(["label","formatter"]):n.get(["emphasis","label","formatter"]),r={name:t};return X(i)?(r.status=e,i(r)):U(i)?i.replace("{a}",null!=t?t:""):void 0},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.select=function(t){var e=this.option,n=e.selectedMode;n&&("multiple"!==n&&(e.selectedMap=null),(e.selectedMap||(e.selectedMap={}))[t]=!0)},e.prototype.unSelect=function(t){var e=this.option.selectedMap;e&&(e[t]=!1)},e.prototype.toggleSelected=function(t){this[this.isSelected(t)?"unSelect":"select"](t)},e.prototype.isSelected=function(t){var e=this.option.selectedMap;return!(!e||!e[t])},e.type="geo",e.layoutMode="box",e.defaultOption={z:0,show:!0,left:"center",top:"center",aspectScale:null,silent:!1,map:"",boundingCoords:null,center:null,zoom:1,scaleLimit:null,label:{show:!1,color:"#000"},itemStyle:{borderWidth:.5,borderColor:"#444"},emphasis:{label:{show:!0,color:"rgb(100,0,0)"},itemStyle:{color:"rgba(255,215,0,0.8)"}},select:{label:{show:!0,color:"rgb(100,0,0)"},itemStyle:{color:"rgba(255,215,0,0.8)"}},regions:[]},e}(Rp);function dC(t,e){return t.pointToProjected?t.pointToProjected(e):t.pointToData(e)}function fC(t,e,n,i){var r=t.getZoom(),o=t.getCenter(),a=e.zoom,s=t.projectedToPoint?t.projectedToPoint(o):t.dataToPoint(o);if(null!=e.dx&&null!=e.dy&&(s[0]-=e.dx,s[1]-=e.dy,t.setCenter(dC(t,s),i)),null!=a){if(n){var l=n.min||0,u=n.max||1/0;a=Math.max(Math.min(r*a,u),l)/r}t.scaleX*=a,t.scaleY*=a;var h=(e.originX-t.x)*(a-1),c=(e.originY-t.y)*(a-1);t.x-=h,t.y-=c,t.updateTransform(),t.setCenter(dC(t,s),i),t.setZoom(a*r)}return{center:t.getCenter(),zoom:t.getZoom()}}var gC=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.focusBlurEnabled=!0,n}return n(e,t),e.prototype.init=function(t,e){this._api=e},e.prototype.render=function(t,e,n,i){if(this._model=t,!t.get("show"))return this._mapDraw&&this._mapDraw.remove(),void(this._mapDraw=null);this._mapDraw||(this._mapDraw=new XT(n));var r=this._mapDraw;r.draw(t,e,n,this,i),r.group.on("click",this._handleRegionClick,this),r.group.silent=t.get("silent"),this.group.add(r.group),this.updateSelectStatus(t,e,n)},e.prototype._handleRegionClick=function(t){var e;ky(t.target,(function(t){return null!=(e=Qs(t).eventData)}),!0),e&&this._api.dispatchAction({type:"geoToggleSelect",geoId:this._model.id,name:e.name})},e.prototype.updateSelectStatus=function(t,e,n){var i=this;this._mapDraw.group.traverse((function(t){var e=Qs(t).eventData;if(e)return i._model.isSelected(e.name)?n.enterSelect(t):n.leaveSelect(t),!0}))},e.prototype.findHighDownDispatchers=function(t){return this._mapDraw&&this._mapDraw.findHighDownDispatchers(t,this._model)},e.prototype.dispose=function(){this._mapDraw&&this._mapDraw.remove()},e.type="geo",e}(Tg);function yC(t,e,n){RT(t,e,n)}function vC(t){function e(e,n){n.update="geo:updateSelectStatus",t.registerAction(n,(function(t,n){var i={},r=[];return n.eachComponent({mainType:"geo",query:t},(function(n){n[e](t.name),E(n.coordinateSystem.regions,(function(t){i[t.name]=n.isSelected(t.name)||!1}));var o=[];E(i,(function(t,e){i[e]&&o.push(e)})),r.push({geoIndex:n.componentIndex,name:o})})),{selected:i,allSelected:r,name:t.name}}))}t.registerCoordinateSystem("geo",cC),t.registerComponentModel(pC),t.registerComponentView(gC),t.registerImpl("registerMap",yC),t.registerImpl("getMap",(function(t){return ET(t)})),e("toggleSelected",{type:"geoToggleSelect",event:"geoselectchanged"}),e("select",{type:"geoSelect",event:"geoselected"}),e("unSelect",{type:"geoUnSelect",event:"geounselected"}),t.registerAction({type:"geoRoam",event:"geoRoam",update:"updateTransform"},(function(t,e,n){var i=t.componentType||"series";e.eachComponent({mainType:i,query:t},(function(e){var r=e.coordinateSystem;if("geo"===r.type){var o=fC(r,t,e.get("scaleLimit"),n);e.setCenter&&e.setCenter(o.center),e.setZoom&&e.setZoom(o.zoom),"series"===i&&E(e.seriesGroup,(function(t){t.setCenter(o.center),t.setZoom(o.zoom)}))}}))}))}function mC(t,e){var n=t.isExpand?t.children:[],i=t.parentNode.children,r=t.hierNode.i?i[t.hierNode.i-1]:null;if(n.length){!function(t){var e=t.children,n=e.length,i=0,r=0;for(;--n>=0;){var o=e[n];o.hierNode.prelim+=i,o.hierNode.modifier+=i,r+=o.hierNode.change,i+=o.hierNode.shift+r}}(t);var o=(n[0].hierNode.prelim+n[n.length-1].hierNode.prelim)/2;r?(t.hierNode.prelim=r.hierNode.prelim+e(t,r),t.hierNode.modifier=t.hierNode.prelim-o):t.hierNode.prelim=o}else r&&(t.hierNode.prelim=r.hierNode.prelim+e(t,r));t.parentNode.hierNode.defaultAncestor=function(t,e,n,i){if(e){for(var r=t,o=t,a=o.parentNode.children[0],s=e,l=r.hierNode.modifier,u=o.hierNode.modifier,h=a.hierNode.modifier,c=s.hierNode.modifier;s=wC(s),o=SC(o),s&&o;){r=wC(r),a=SC(a),r.hierNode.ancestor=t;var p=s.hierNode.prelim+c-o.hierNode.prelim-u+i(s,o);p>0&&(IC(MC(s,t,n),t,p),u+=p,l+=p),c+=s.hierNode.modifier,u+=o.hierNode.modifier,l+=r.hierNode.modifier,h+=a.hierNode.modifier}s&&!wC(r)&&(r.hierNode.thread=s,r.hierNode.modifier+=c-l),o&&!SC(a)&&(a.hierNode.thread=o,a.hierNode.modifier+=u-h,n=t)}return n}(t,r,t.parentNode.hierNode.defaultAncestor||i[0],e)}function xC(t){var e=t.hierNode.prelim+t.parentNode.hierNode.modifier;t.setLayout({x:e},!0),t.hierNode.modifier+=t.parentNode.hierNode.modifier}function _C(t){return arguments.length?t:TC}function bC(t,e){return t-=Math.PI/2,{x:e*Math.cos(t),y:e*Math.sin(t)}}function wC(t){var e=t.children;return e.length&&t.isExpand?e[e.length-1]:t.hierNode.thread}function SC(t){var e=t.children;return e.length&&t.isExpand?e[0]:t.hierNode.thread}function MC(t,e,n){return t.hierNode.ancestor.parentNode===e.parentNode?t.hierNode.ancestor:n}function IC(t,e,n){var i=n/(e.hierNode.i-t.hierNode.i);e.hierNode.change-=i,e.hierNode.shift+=n,e.hierNode.modifier+=n,e.hierNode.prelim+=n,t.hierNode.change+=i}function TC(t,e){return t.parentNode===e.parentNode?1:2}var CC=function(){this.parentPoint=[],this.childPoints=[]},DC=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new CC},e.prototype.buildPath=function(t,e){var n=e.childPoints,i=n.length,r=e.parentPoint,o=n[0],a=n[i-1];if(1===i)return t.moveTo(r[0],r[1]),void t.lineTo(o[0],o[1]);var s=e.orient,l="TB"===s||"BT"===s?0:1,u=1-l,h=Ur(e.forkPosition,1),c=[];c[l]=r[l],c[u]=r[u]+(a[u]-r[u])*h,t.moveTo(r[0],r[1]),t.lineTo(c[0],c[1]),t.moveTo(o[0],o[1]),c[l]=o[l],t.lineTo(c[0],c[1]),c[l]=a[l],t.lineTo(c[0],c[1]),t.lineTo(a[0],a[1]);for(var p=1;p<i-1;p++){var d=n[p];t.moveTo(d[0],d[1]),c[l]=d[l],t.lineTo(c[0],c[1])}},e}(Is),AC=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._mainGroup=new zr,n}return n(e,t),e.prototype.init=function(t,e){this._controller=new UI(e.getZr()),this._controllerHost={target:this.group},this.group.add(this._mainGroup)},e.prototype.render=function(t,e,n){var i=t.getData(),r=t.layoutInfo,o=this._mainGroup;"radial"===t.get("layout")?(o.x=r.x+r.width/2,o.y=r.y+r.height/2):(o.x=r.x,o.y=r.y),this._updateViewCoordSys(t,n),this._updateController(t,e,n);var a=this._data;i.diff(a).add((function(e){kC(i,e)&&LC(i,e,null,o,t)})).update((function(e,n){var r=a.getItemGraphicEl(n);kC(i,e)?LC(i,e,r,o,t):r&&RC(a,n,r,o,t)})).remove((function(e){var n=a.getItemGraphicEl(e);n&&RC(a,e,n,o,t)})).execute(),this._nodeScaleRatio=t.get("nodeScaleRatio"),this._updateNodeAndLinkScale(t),!0===t.get("expandAndCollapse")&&i.eachItemGraphicEl((function(e,i){e.off("click").on("click",(function(){n.dispatchAction({type:"treeExpandAndCollapse",seriesId:t.id,dataIndex:i})}))})),this._data=i},e.prototype._updateViewCoordSys=function(t,e){var n=t.getData(),i=[];n.each((function(t){var e=n.getItemLayout(t);!e||isNaN(e.x)||isNaN(e.y)||i.push([+e.x,+e.y])}));var r=[],o=[];Ra(i,r,o);var a=this._min,s=this._max;o[0]-r[0]==0&&(r[0]=a?a[0]:r[0]-1,o[0]=s?s[0]:o[0]+1),o[1]-r[1]==0&&(r[1]=a?a[1]:r[1]-1,o[1]=s?s[1]:o[1]+1);var l=t.coordinateSystem=new iC;l.zoomLimit=t.get("scaleLimit"),l.setBoundingRect(r[0],r[1],o[0]-r[0],o[1]-r[1]),l.setCenter(t.get("center"),e),l.setZoom(t.get("zoom")),this.group.attr({x:l.x,y:l.y,scaleX:l.scaleX,scaleY:l.scaleY}),this._min=r,this._max=o},e.prototype._updateController=function(t,e,n){var i=this,r=this._controller,o=this._controllerHost,a=this.group;r.setPointerChecker((function(e,i,r){var o=a.getBoundingRect();return o.applyTransform(a.transform),o.contain(i,r)&&!tT(e,n,t)})),r.enable(t.get("roam")),o.zoomLimit=t.get("scaleLimit"),o.zoom=t.coordinateSystem.getZoom(),r.off("pan").off("zoom").on("pan",(function(e){KI(o,e.dx,e.dy),n.dispatchAction({seriesId:t.id,type:"treeRoam",dx:e.dx,dy:e.dy})})).on("zoom",(function(e){$I(o,e.scale,e.originX,e.originY),n.dispatchAction({seriesId:t.id,type:"treeRoam",zoom:e.scale,originX:e.originX,originY:e.originY}),i._updateNodeAndLinkScale(t),n.updateLabelLayout()}))},e.prototype._updateNodeAndLinkScale=function(t){var e=t.getData(),n=this._getNodeGlobalScale(t);e.eachItemGraphicEl((function(t,e){t.setSymbolScale(n)}))},e.prototype._getNodeGlobalScale=function(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=this._nodeScaleRatio,i=e.scaleX||1;return((e.getZoom()-1)*n+1)/i},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype.remove=function(){this._mainGroup.removeAll(),this._data=null},e.type="tree",e}(kg);function kC(t,e){var n=t.getItemLayout(e);return n&&!isNaN(n.x)&&!isNaN(n.y)}function LC(t,e,n,i,r){var o=!n,a=t.tree.getNodeByDataIndex(e),s=a.getModel(),l=a.getVisual("style").fill,u=!1===a.isExpand&&0!==a.children.length?l:"#fff",h=t.tree.root,c=a.parentNode===h?a:a.parentNode||a,p=t.getItemGraphicEl(c.dataIndex),d=c.getLayout(),f=p?{x:p.__oldX,y:p.__oldY,rawX:p.__radialOldRawX,rawY:p.__radialOldRawY}:d,g=a.getLayout();o?((n=new oS(t,e,null,{symbolInnerColor:u,useNameLabel:!0})).x=f.x,n.y=f.y):n.updateData(t,e,null,{symbolInnerColor:u,useNameLabel:!0}),n.__radialOldRawX=n.__radialRawX,n.__radialOldRawY=n.__radialRawY,n.__radialRawX=g.rawX,n.__radialRawY=g.rawY,i.add(n),t.setItemGraphicEl(e,n),n.__oldX=n.x,n.__oldY=n.y,fh(n,{x:g.x,y:g.y},r);var y=n.getSymbolPath();if("radial"===r.get("layout")){var v=h.children[0],m=v.getLayout(),x=v.children.length,_=void 0,b=void 0;if(g.x===m.x&&!0===a.isExpand&&v.children.length){var w={x:(v.children[0].getLayout().x+v.children[x-1].getLayout().x)/2,y:(v.children[0].getLayout().y+v.children[x-1].getLayout().y)/2};(_=Math.atan2(w.y-m.y,w.x-m.x))<0&&(_=2*Math.PI+_),(b=w.x<m.x)&&(_-=Math.PI)}else(_=Math.atan2(g.y-m.y,g.x-m.x))<0&&(_=2*Math.PI+_),0===a.children.length||0!==a.children.length&&!1===a.isExpand?(b=g.x<m.x)&&(_-=Math.PI):(b=g.x>m.x)||(_-=Math.PI);var S=b?"left":"right",M=s.getModel("label"),I=M.get("rotate"),T=I*(Math.PI/180),C=y.getTextContent();C&&(y.setTextConfig({position:M.get("position")||S,rotation:null==I?-_:T,origin:"center"}),C.setStyle("verticalAlign","middle"))}var D=s.get(["emphasis","focus"]),A="relative"===D?vt(a.getAncestorsIndices(),a.getDescendantIndices()):"ancestor"===D?a.getAncestorsIndices():"descendant"===D?a.getDescendantIndices():null;A&&(Qs(n).focus=A),function(t,e,n,i,r,o,a,s){var l=e.getModel(),u=t.get("edgeShape"),h=t.get("layout"),c=t.getOrient(),p=t.get(["lineStyle","curveness"]),d=t.get("edgeForkPosition"),f=l.getModel("lineStyle").getLineStyle(),g=i.__edge;if("curve"===u)e.parentNode&&e.parentNode!==n&&(g||(g=i.__edge=new $u({shape:NC(h,c,p,r,r)})),fh(g,{shape:NC(h,c,p,o,a)},t));else if("polyline"===u)if("orthogonal"===h){if(e!==n&&e.children&&0!==e.children.length&&!0===e.isExpand){for(var y=e.children,v=[],m=0;m<y.length;m++){var x=y[m].getLayout();v.push([x.x,x.y])}g||(g=i.__edge=new DC({shape:{parentPoint:[a.x,a.y],childPoints:[[a.x,a.y]],orient:c,forkPosition:d}})),fh(g,{shape:{parentPoint:[a.x,a.y],childPoints:v}},t)}}else 0;g&&("polyline"!==u||e.isExpand)&&(g.useStyle(k({strokeNoScale:!0,fill:null},f)),jl(g,l,"lineStyle"),Cl(g),s.add(g))}(r,a,h,n,f,d,g,i),n.__edge&&(n.onHoverStateChange=function(e){if("blur"!==e){var i=a.parentNode&&t.getItemGraphicEl(a.parentNode.dataIndex);i&&1===i.hoverState||Il(n.__edge,e)}})}function PC(t,e,n,i,r){var o=OC(e.tree.root,t),a=o.source,s=o.sourceLayout,l=e.getItemGraphicEl(t.dataIndex);if(l){var u=e.getItemGraphicEl(a.dataIndex).__edge,h=l.__edge||(!1===a.isExpand||1===a.children.length?u:void 0),c=i.get("edgeShape"),p=i.get("layout"),d=i.get("orient"),f=i.get(["lineStyle","curveness"]);h&&("curve"===c?vh(h,{shape:NC(p,d,f,s,s),style:{opacity:0}},i,{cb:function(){n.remove(h)},removeOpt:r}):"polyline"===c&&"orthogonal"===i.get("layout")&&vh(h,{shape:{parentPoint:[s.x,s.y],childPoints:[[s.x,s.y]]},style:{opacity:0}},i,{cb:function(){n.remove(h)},removeOpt:r}))}}function OC(t,e){for(var n,i=e.parentNode===t?e:e.parentNode||e;null==(n=i.getLayout());)i=i.parentNode===t?i:i.parentNode||i;return{source:i,sourceLayout:n}}function RC(t,e,n,i,r){var o=t.tree.getNodeByDataIndex(e),a=OC(t.tree.root,o).sourceLayout,s={duration:r.get("animationDurationUpdate"),easing:r.get("animationEasingUpdate")};vh(n,{x:a.x+1,y:a.y+1},r,{cb:function(){i.remove(n),t.setItemGraphicEl(e,null)},removeOpt:s}),n.fadeOut(null,t.hostModel,{fadeLabel:!0,animation:s}),o.children.forEach((function(e){PC(e,t,i,r,s)})),PC(o,t,i,r,s)}function NC(t,e,n,i,r){var o,a,s,l,u,h,c,p;if("radial"===t){u=i.rawX,c=i.rawY,h=r.rawX,p=r.rawY;var d=bC(u,c),f=bC(u,c+(p-c)*n),g=bC(h,p+(c-p)*n),y=bC(h,p);return{x1:d.x||0,y1:d.y||0,x2:y.x||0,y2:y.y||0,cpx1:f.x||0,cpy1:f.y||0,cpx2:g.x||0,cpy2:g.y||0}}return u=i.x,c=i.y,h=r.x,p=r.y,"LR"!==e&&"RL"!==e||(o=u+(h-u)*n,a=c,s=h+(u-h)*n,l=p),"TB"!==e&&"BT"!==e||(o=u,a=c+(p-c)*n,s=h,l=p+(c-p)*n),{x1:u,y1:c,x2:h,y2:p,cpx1:o,cpy1:a,cpx2:s,cpy2:l}}var EC=Oo();function zC(t){var e=t.mainData,n=t.datas;n||(n={main:e},t.datasAttr={main:"data"}),t.datas=t.mainData=null,HC(e,n,t),E(n,(function(n){E(e.TRANSFERABLE_METHODS,(function(e){n.wrapMethod(e,H(VC,t))}))})),e.wrapMethod("cloneShallow",H(FC,t)),E(e.CHANGABLE_METHODS,(function(n){e.wrapMethod(n,H(BC,t))})),lt(n[e.dataType]===e)}function VC(t,e){if(EC(i=this).mainData===i){var n=A({},EC(this).datas);n[this.dataType]=e,HC(e,n,t)}else YC(e,this.dataType,EC(this).mainData,t);var i;return e}function BC(t,e){return t.struct&&t.struct.update(),e}function FC(t,e){return E(EC(e).datas,(function(n,i){n!==e&&YC(n.cloneShallow(),i,e,t)})),e}function GC(t){var e=EC(this).mainData;return null==t||null==e?e:EC(e).datas[t]}function WC(){var t=EC(this).mainData;return null==t?[{data:t}]:z(G(EC(t).datas),(function(e){return{type:e,data:EC(t).datas[e]}}))}function HC(t,e,n){EC(t).datas={},E(e,(function(e,i){YC(e,i,t,n)}))}function YC(t,e,n,i){EC(n).datas[e]=t,EC(t).mainData=n,t.dataType=e,i.struct&&(t[i.structAttr]=i.struct,i.struct[i.datasAttr[e]]=t),t.getLinkedData=GC,t.getLinkedDataAll=WC}var XC=function(){function t(t,e){this.depth=0,this.height=0,this.dataIndex=-1,this.children=[],this.viewChildren=[],this.isExpand=!1,this.name=t||"",this.hostTree=e}return t.prototype.isRemoved=function(){return this.dataIndex<0},t.prototype.eachNode=function(t,e,n){X(t)&&(n=e,e=t,t=null),U(t=t||{})&&(t={order:t});var i,r=t.order||"preorder",o=this[t.attr||"children"];"preorder"===r&&(i=e.call(n,this));for(var a=0;!i&&a<o.length;a++)o[a].eachNode(t,e,n);"postorder"===r&&e.call(n,this)},t.prototype.updateDepthAndHeight=function(t){var e=0;this.depth=t;for(var n=0;n<this.children.length;n++){var i=this.children[n];i.updateDepthAndHeight(t+1),i.height>e&&(e=i.height)}this.height=e+1},t.prototype.getNodeById=function(t){if(this.getId()===t)return this;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].getNodeById(t);if(r)return r}},t.prototype.contains=function(t){if(t===this)return!0;for(var e=0,n=this.children,i=n.length;e<i;e++){var r=n[e].contains(t);if(r)return r}},t.prototype.getAncestors=function(t){for(var e=[],n=t?this:this.parentNode;n;)e.push(n),n=n.parentNode;return e.reverse(),e},t.prototype.getAncestorsIndices=function(){for(var t=[],e=this;e;)t.push(e.dataIndex),e=e.parentNode;return t.reverse(),t},t.prototype.getDescendantIndices=function(){var t=[];return this.eachNode((function(e){t.push(e.dataIndex)})),t},t.prototype.getValue=function(t){var e=this.hostTree.data;return e.getStore().get(e.getDimensionIndex(t||"value"),this.dataIndex)},t.prototype.setLayout=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemLayout(this.dataIndex,t,e)},t.prototype.getLayout=function(){return this.hostTree.data.getItemLayout(this.dataIndex)},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostTree.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getLevelModel=function(){return(this.hostTree.levelModels||[])[this.depth]},t.prototype.setVisual=function(t,e){this.dataIndex>=0&&this.hostTree.data.setItemVisual(this.dataIndex,t,e)},t.prototype.getVisual=function(t){return this.hostTree.data.getItemVisual(this.dataIndex,t)},t.prototype.getRawIndex=function(){return this.hostTree.data.getRawIndex(this.dataIndex)},t.prototype.getId=function(){return this.hostTree.data.getId(this.dataIndex)},t.prototype.getChildIndex=function(){if(this.parentNode){for(var t=this.parentNode.children,e=0;e<t.length;++e)if(t[e]===this)return e;return-1}return-1},t.prototype.isAncestorOf=function(t){for(var e=t.parentNode;e;){if(e===this)return!0;e=e.parentNode}return!1},t.prototype.isDescendantOf=function(t){return t!==this&&t.isAncestorOf(this)},t}(),UC=function(){function t(t){this.type="tree",this._nodes=[],this.hostModel=t}return t.prototype.eachNode=function(t,e,n){this.root.eachNode(t,e,n)},t.prototype.getNodeByDataIndex=function(t){var e=this.data.getRawIndex(t);return this._nodes[e]},t.prototype.getNodeById=function(t){return this.root.getNodeById(t)},t.prototype.update=function(){for(var t=this.data,e=this._nodes,n=0,i=e.length;n<i;n++)e[n].dataIndex=-1;for(n=0,i=t.count();n<i;n++)e[t.getRawIndex(n)].dataIndex=n},t.prototype.clearLayouts=function(){this.data.clearItemLayouts()},t.createTree=function(e,n,i){var r=new t(n),o=[],a=1;!function t(e,n){var i=e.value;a=Math.max(a,Y(i)?i.length:1),o.push(e);var s=new XC(Ao(e.name,""),r);n?function(t,e){var n=e.children;if(t.parentNode===e)return;n.push(t),t.parentNode=e}(s,n):r.root=s,r._nodes.push(s);var l=e.children;if(l)for(var u=0;u<l.length;u++)t(l[u],s)}(e),r.root.updateDepthAndHeight(0);var s=ux(o,{coordDimensions:["value"],dimensionsCount:a}).dimensions,l=new lx(s,n);return l.initData(o),i&&i(l),zC({mainData:l,struct:r,structAttr:"tree"}),r.update(),r},t}();function ZC(t,e,n){if(t&&P(e,t.type)>=0){var i=n.getData().tree.root,r=t.targetNode;if(U(r)&&(r=i.getNodeById(r)),r&&i.contains(r))return{node:r};var o=t.targetNodeId;if(null!=o&&(r=i.getNodeById(o)))return{node:r}}}function jC(t){for(var e=[];t;)(t=t.parentNode)&&e.push(t);return e.reverse()}function qC(t,e){return P(jC(t),e)>=0}function KC(t,e){for(var n=[];t;){var i=t.dataIndex;n.push({name:t.name,dataIndex:i,value:e.getRawValue(i)}),t=t.parentNode}return n.reverse(),n}var $C=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hasSymbolVisual=!0,e.ignoreStyleOnData=!0,e}return n(e,t),e.prototype.getInitialData=function(t){var e={name:t.name,children:t.data},n=t.leaves||{},i=new Mc(n,this,this.ecModel),r=UC.createTree(e,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e);return n&&n.children.length&&n.isExpand||(t.parentModel=i),t}))}));var o=0;r.eachNode("preorder",(function(t){t.depth>o&&(o=t.depth)}));var a=t.expandAndCollapse&&t.initialTreeDepth>=0?t.initialTreeDepth:o;return r.root.eachNode("preorder",(function(t){var e=t.hostTree.data.getRawDataItem(t.dataIndex);t.isExpand=e&&null!=e.collapsed?!e.collapsed:t.depth<=a})),r.data},e.prototype.getOrient=function(){var t=this.get("orient");return"horizontal"===t?t="LR":"vertical"===t&&(t="TB"),t},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.formatTooltip=function(t,e,n){for(var i=this.getData().tree,r=i.root.children[0],o=i.getNodeByDataIndex(t),a=o.getValue(),s=o.name;o&&o!==r;)s=o.parentNode.name+"."+s,o=o.parentNode;return ng("nameValue",{name:s,value:a,noValue:isNaN(a)||null==a})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=KC(i,this),n.collapsed=!i.isExpand,n},e.type="series.tree",e.layoutMode="box",e.defaultOption={z:2,coordinateSystem:"view",left:"12%",top:"12%",right:"12%",bottom:"12%",layout:"orthogonal",edgeShape:"curve",edgeForkPosition:"50%",roam:!1,nodeScaleRatio:.4,center:null,zoom:1,orient:"LR",symbol:"emptyCircle",symbolSize:7,expandAndCollapse:!0,initialTreeDepth:2,lineStyle:{color:"#ccc",width:1.5,curveness:.5},itemStyle:{color:"lightsteelblue",borderWidth:1.5},label:{show:!0},animationEasing:"linear",animationDuration:700,animationDurationUpdate:500},e}(mg);function JC(t,e){for(var n,i=[t];n=i.pop();)if(e(n),n.isExpand){var r=n.children;if(r.length)for(var o=r.length-1;o>=0;o--)i.push(r[o])}}function QC(t,e){t.eachSeriesByType("tree",(function(t){!function(t,e){var n=function(t,e){return Cp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}(t,e);t.layoutInfo=n;var i=t.get("layout"),r=0,o=0,a=null;"radial"===i?(r=2*Math.PI,o=Math.min(n.height,n.width)/2,a=_C((function(t,e){return(t.parentNode===e.parentNode?1:2)/t.depth}))):(r=n.width,o=n.height,a=_C());var s=t.getData().tree.root,l=s.children[0];if(l){!function(t){var e=t;e.hierNode={defaultAncestor:null,ancestor:e,prelim:0,modifier:0,change:0,shift:0,i:0,thread:null};for(var n,i,r=[e];n=r.pop();)if(i=n.children,n.isExpand&&i.length)for(var o=i.length-1;o>=0;o--){var a=i[o];a.hierNode={defaultAncestor:null,ancestor:a,prelim:0,modifier:0,change:0,shift:0,i:o,thread:null},r.push(a)}}(s),function(t,e,n){for(var i,r=[t],o=[];i=r.pop();)if(o.push(i),i.isExpand){var a=i.children;if(a.length)for(var s=0;s<a.length;s++)r.push(a[s])}for(;i=o.pop();)e(i,n)}(l,mC,a),s.hierNode.modifier=-l.hierNode.prelim,JC(l,xC);var u=l,h=l,c=l;JC(l,(function(t){var e=t.getLayout().x;e<u.getLayout().x&&(u=t),e>h.getLayout().x&&(h=t),t.depth>c.depth&&(c=t)}));var p=u===h?1:a(u,h)/2,d=p-u.getLayout().x,f=0,g=0,y=0,v=0;if("radial"===i)f=r/(h.getLayout().x+p+d),g=o/(c.depth-1||1),JC(l,(function(t){y=(t.getLayout().x+d)*f,v=(t.depth-1)*g;var e=bC(y,v);t.setLayout({x:e.x,y:e.y,rawX:y,rawY:v},!0)}));else{var m=t.getOrient();"RL"===m||"LR"===m?(g=o/(h.getLayout().x+p+d),f=r/(c.depth-1||1),JC(l,(function(t){v=(t.getLayout().x+d)*g,y="LR"===m?(t.depth-1)*f:r-(t.depth-1)*f,t.setLayout({x:y,y:v},!0)}))):"TB"!==m&&"BT"!==m||(f=r/(h.getLayout().x+p+d),g=o/(c.depth-1||1),JC(l,(function(t){y=(t.getLayout().x+d)*f,v="TB"===m?(t.depth-1)*g:o-(t.depth-1)*g,t.setLayout({x:y,y:v},!0)})))}}}(t,e)}))}function tD(t){t.eachSeriesByType("tree",(function(t){var e=t.getData();e.tree.eachNode((function(t){var n=t.getModel().getModel("itemStyle").getItemStyle();A(e.ensureUniqueItemVisual(t.dataIndex,"style"),n)}))}))}var eD=["treemapZoomToNode","treemapRender","treemapMove"];function nD(t){var e=t.getData().tree,n={};e.eachNode((function(e){for(var i=e;i&&i.depth>1;)i=i.parentNode;var r=ud(t.ecModel,i.name||i.dataIndex+"",n);e.setVisual("decal",r)}))}var iD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventUsingHoverLayer=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};rD(n);var i=t.levels||[],r=this.designatedVisualItemStyle={},o=new Mc({itemStyle:r},this,e);i=t.levels=function(t,e){var n,i,r=bo(e.get("color")),o=bo(e.get(["aria","decal","decals"]));if(!r)return;t=t||[],E(t,(function(t){var e=new Mc(t),r=e.get("color"),o=e.get("decal");(e.get(["itemStyle","color"])||r&&"none"!==r)&&(n=!0),(e.get(["itemStyle","decal"])||o&&"none"!==o)&&(i=!0)}));var a=t[0]||(t[0]={});n||(a.color=r.slice());!i&&o&&(a.decal=o.slice());return t}(i,e);var a=z(i||[],(function(t){return new Mc(t,o,e)}),this),s=UC.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=s.getNodeByDataIndex(e),i=n?a[n.depth]:null;return t.parentModel=i||o,t}))}));return s.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t);return ng("nameValue",{name:i.getName(t),value:r})},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treeAncestors=KC(i,this),n.treePathInfo=n.treeAncestors,n},e.prototype.setLayoutInfo=function(t){this.layoutInfo=this.layoutInfo||{},A(this.layoutInfo,t)},e.prototype.mapIdToIndex=function(t){var e=this._idIndexMap;e||(e=this._idIndexMap=yt(),this._idIndexMapCount=0);var n=e.get(t);return null==n&&e.set(t,n=this._idIndexMapCount++),n},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){nD(this)},e.type="series.treemap",e.layoutMode="box",e.defaultOption={progressive:0,left:"center",top:"middle",width:"80%",height:"80%",sort:!0,clipWindow:"origin",squareRatio:.5*(1+Math.sqrt(5)),leafDepth:null,drillDownIcon:"▶",zoomToNodeRatio:.1024,roam:!0,nodeClick:"zoomToNode",animation:!0,animationDurationUpdate:900,animationEasing:"quinticInOut",breadcrumb:{show:!0,height:22,left:"center",top:"bottom",emptyItemWidth:25,itemStyle:{color:"rgba(0,0,0,0.7)",textStyle:{color:"#fff"}},emphasis:{itemStyle:{color:"rgba(0,0,0,0.9)"}}},label:{show:!0,distance:0,padding:5,position:"inside",color:"#fff",overflow:"truncate"},upperLabel:{show:!1,position:[0,"50%"],height:20,overflow:"truncate",verticalAlign:"middle"},itemStyle:{color:null,colorAlpha:null,colorSaturation:null,borderWidth:0,gapWidth:0,borderColor:"#fff",borderColorSaturation:null},emphasis:{upperLabel:{show:!0,position:[0,"50%"],overflow:"truncate",verticalAlign:"middle"}},visualDimension:0,visualMin:null,visualMax:null,color:[],colorAlpha:null,colorSaturation:null,colorMappingBy:"index",visibleMin:10,childrenVisibleMin:null,levels:[]},e}(mg);function rD(t){var e=0;E(t.children,(function(t){rD(t);var n=t.value;Y(n)&&(n=n[0]),e+=n}));var n=t.value;Y(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),Y(t.value)?t.value[0]=n:t.value=n}var oD=function(){function t(t){this.group=new zr,t.add(this.group)}return t.prototype.render=function(t,e,n,i){var r=t.getModel("breadcrumb"),o=this.group;if(o.removeAll(),r.get("show")&&n){var a=r.getModel("itemStyle"),s=r.getModel("emphasis"),l=a.getModel("textStyle"),u=s.getModel(["itemStyle","textStyle"]),h={pos:{left:r.get("left"),right:r.get("right"),top:r.get("top"),bottom:r.get("bottom")},box:{width:e.getWidth(),height:e.getHeight()},emptyItemWidth:r.get("emptyItemWidth"),totalWidth:0,renderList:[]};this._prepare(n,h,l),this._renderContent(t,h,a,s,l,u,i),Dp(o,h.pos,h.box)}},t.prototype._prepare=function(t,e,n){for(var i=t;i;i=i.parentNode){var r=Ao(i.getModel().get("name"),""),o=n.getTextRect(r),a=Math.max(o.width+16,e.emptyItemWidth);e.totalWidth+=a+8,e.renderList.push({node:i,text:r,width:a})}},t.prototype._renderContent=function(t,e,n,i,r,o,a){for(var s,l,u,h,c,p,d,f,g,y=0,v=e.emptyItemWidth,m=t.get(["breadcrumb","height"]),x=(s=e.pos,l=e.box,h=l.width,c=l.height,p=Ur(s.left,h),d=Ur(s.top,c),f=Ur(s.right,h),g=Ur(s.bottom,c),(isNaN(p)||isNaN(parseFloat(s.left)))&&(p=0),(isNaN(f)||isNaN(parseFloat(s.right)))&&(f=h),(isNaN(d)||isNaN(parseFloat(s.top)))&&(d=0),(isNaN(g)||isNaN(parseFloat(s.bottom)))&&(g=c),u=fp(u||0),{width:Math.max(f-p-u[1]-u[3],0),height:Math.max(g-d-u[0]-u[2],0)}),_=e.totalWidth,b=e.renderList,w=i.getModel("itemStyle").getItemStyle(),S=b.length-1;S>=0;S--){var M=b[S],I=M.node,T=M.width,C=M.text;_>x.width&&(_-=T-v,T=v,C=null);var D=new Wu({shape:{points:aD(y,0,T,m,S===b.length-1,0===S)},style:k(n.getItemStyle(),{lineJoin:"bevel"}),textContent:new Fs({style:nc(r,{text:C})}),textConfig:{position:"inside"},z2:1e5,onclick:H(a,I)});D.disableLabelAnimation=!0,D.getTextContent().ensureState("emphasis").style=nc(o,{text:C}),D.ensureState("emphasis").style=w,Yl(D,i.get("focus"),i.get("blurScope"),i.get("disabled")),this.group.add(D),sD(D,t,I),y+=T+8}},t.prototype.remove=function(){this.group.removeAll()},t}();function aD(t,e,n,i,r,o){var a=[[r?t:t-5,e],[t+n,e],[t+n,e+i],[r?t:t-5,e+i]];return!o&&a.splice(2,0,[t+n+5,e+i/2]),!r&&a.push([t,e+i/2]),a}function sD(t,e,n){Qs(t).eventData={componentType:"series",componentSubType:"treemap",componentIndex:e.componentIndex,seriesIndex:e.seriesIndex,seriesName:e.name,seriesType:"treemap",selfType:"breadcrumb",nodeData:{dataIndex:n&&n.dataIndex,name:n&&n.name},treePathInfo:n&&KC(n,e)}}var lD=function(){function t(){this._storage=[],this._elExistsMap={}}return t.prototype.add=function(t,e,n,i,r){return!this._elExistsMap[t.id]&&(this._elExistsMap[t.id]=!0,this._storage.push({el:t,target:e,duration:n,delay:i,easing:r}),!0)},t.prototype.finished=function(t){return this._finishedCallback=t,this},t.prototype.start=function(){for(var t=this,e=this._storage.length,n=function(){--e<=0&&(t._storage.length=0,t._elExistsMap={},t._finishedCallback&&t._finishedCallback())},i=0,r=this._storage.length;i<r;i++){var o=this._storage[i];o.el.animateTo(o.target,{duration:o.duration,delay:o.delay,easing:o.easing,setToFinal:!0,done:n,aborted:n})}return this},t}();var uD=zr,hD=zs,cD="label",pD="upperLabel",dD=Jo([["fill","color"],["stroke","strokeColor"],["lineWidth","strokeWidth"],["shadowBlur"],["shadowOffsetX"],["shadowOffsetY"],["shadowColor"]]),fD=function(t){var e=dD(t);return e.stroke=e.fill=e.lineWidth=null,e},gD=Oo(),yD=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._state="ready",n._storage={nodeGroup:[],background:[],content:[]},n}return n(e,t),e.prototype.render=function(t,e,n,i){if(!(P(e.findComponents({mainType:"series",subType:"treemap",query:i}),t)<0)){this.seriesModel=t,this.api=n,this.ecModel=e;var r=ZC(i,["treemapZoomToNode","treemapRootToNode"],t),o=i&&i.type,a=t.layoutInfo,s=!this._oldTree,l=this._storage,u="treemapRootToNode"===o&&r&&l?{rootNodeGroup:l.nodeGroup[r.node.getRawIndex()],direction:i.direction}:null,h=this._giveContainerGroup(a),c=t.get("animation"),p=this._doRender(h,t,u);!c||s||o&&"treemapZoomToNode"!==o&&"treemapRootToNode"!==o?p.renderFinally():this._doAnimation(h,p,t,u),this._resetController(n),this._renderBreadcrumb(t,n,r)}},e.prototype._giveContainerGroup=function(t){var e=this._containerGroup;return e||(e=this._containerGroup=new uD,this._initEvents(e),this.group.add(e)),e.x=t.x,e.y=t.y,e},e.prototype._doRender=function(t,e,n){var i=e.getData().tree,r=this._oldTree,o={nodeGroup:[],background:[],content:[]},a={nodeGroup:[],background:[],content:[]},s=this._storage,l=[];function u(t,i,r,u){return function(t,e,n,i,r,o,a,s,l,u){if(!a)return;var h=a.getLayout(),c=t.getData(),p=a.getModel();if(c.setItemGraphicEl(a.dataIndex,null),!h||!h.isInView)return;var d=h.width,f=h.height,g=h.borderWidth,y=h.invisible,v=a.getRawIndex(),m=s&&s.getRawIndex(),x=a.viewChildren,_=h.upperHeight,b=x&&x.length,w=p.getModel("itemStyle"),S=p.getModel(["emphasis","itemStyle"]),M=p.getModel(["blur","itemStyle"]),I=p.getModel(["select","itemStyle"]),T=w.get("borderRadius")||0,C=G("nodeGroup",uD);if(!C)return;if(l.add(C),C.x=h.x||0,C.y=h.y||0,C.markRedraw(),gD(C).nodeWidth=d,gD(C).nodeHeight=f,h.isAboveViewRoot)return C;var D=G("background",hD,u,20);D&&E(C,D,b&&h.upperLabelHeight);var k=p.getModel("emphasis"),L=k.get("focus"),P=k.get("blurScope"),O=k.get("disabled"),R="ancestor"===L?a.getAncestorsIndices():"descendant"===L?a.getDescendantIndices():L;if(b)Kl(C)&&ql(C,!1),D&&(ql(D,!O),c.setItemGraphicEl(a.dataIndex,D),Xl(D,R,P));else{var N=G("content",hD,u,30);N&&z(C,N),D.disableMorphing=!0,D&&Kl(D)&&ql(D,!1),ql(C,!O),c.setItemGraphicEl(a.dataIndex,C),Xl(C,R,P)}return C;function E(e,n,i){var r=Qs(n);if(r.dataIndex=a.dataIndex,r.seriesIndex=t.seriesIndex,n.setShape({x:0,y:0,width:d,height:f,r:T}),y)V(n);else{n.invisible=!1;var o=a.getVisual("style"),s=o.stroke,l=fD(w);l.fill=s;var u=dD(S);u.fill=S.get("borderColor");var h=dD(M);h.fill=M.get("borderColor");var c=dD(I);if(c.fill=I.get("borderColor"),i){var p=d-2*g;B(n,s,o.opacity,{x:g,y:0,width:p,height:_})}else n.removeTextContent();n.setStyle(l),n.ensureState("emphasis").style=u,n.ensureState("blur").style=h,n.ensureState("select").style=c,Cl(n)}e.add(n)}function z(e,n){var i=Qs(n);i.dataIndex=a.dataIndex,i.seriesIndex=t.seriesIndex;var r=Math.max(d-2*g,0),o=Math.max(f-2*g,0);if(n.culling=!0,n.setShape({x:g,y:g,width:r,height:o,r:T}),y)V(n);else{n.invisible=!1;var s=a.getVisual("style"),l=s.fill,u=fD(w);u.fill=l,u.decal=s.decal;var h=dD(S),c=dD(M),p=dD(I);B(n,l,s.opacity,null),n.setStyle(u),n.ensureState("emphasis").style=h,n.ensureState("blur").style=c,n.ensureState("select").style=p,Cl(n)}e.add(n)}function V(t){!t.invisible&&o.push(t)}function B(e,n,i,r){var o=p.getModel(r?pD:cD),s=Ao(p.get("name"),null),l=o.getShallow("show");tc(e,ec(p,r?pD:cD),{defaultText:l?s:null,inheritColor:n,defaultOpacity:i,labelFetcher:t,labelDataIndex:a.dataIndex});var u=e.getTextContent();if(u){var c=u.style,d=st(c.padding||0);r&&(e.setTextConfig({layoutRect:r}),u.disableLabelLayout=!0),u.beforeUpdate=function(){var t=Math.max((r?r.width:e.shape.width)-d[1]-d[3],0),n=Math.max((r?r.height:e.shape.height)-d[0]-d[2],0);c.width===t&&c.height===n||u.setStyle({width:t,height:n})},c.truncateMinChar=2,c.lineOverflow="truncate",F(c,r,h);var f=u.getState("emphasis");F(f?f.style:null,r,h)}}function F(e,n,i){var r=e?e.text:null;if(!n&&i.isLeafRoot&&null!=r){var o=t.get("drillDownIcon",!0);e.text=o?o+" "+r:r}}function G(t,i,o,a){var s=null!=m&&n[t][m],l=r[t];return s?(n[t][m]=null,W(l,s)):y||((s=new i)instanceof Sa&&(s.z2=function(t,e){return 100*t+e}(o,a)),H(l,s)),e[t][v]=s}function W(t,e){var n=t[v]={};e instanceof uD?(n.oldX=e.x,n.oldY=e.y):n.oldShape=A({},e.shape)}function H(t,e){var n=t[v]={},o=a.parentNode,s=e instanceof zr;if(o&&(!i||"drillDown"===i.direction)){var l=0,u=0,h=r.background[o.getRawIndex()];!i&&h&&h.oldShape&&(l=h.oldShape.width,u=h.oldShape.height),s?(n.oldX=0,n.oldY=u):n.oldShape={x:l,y:u,width:0,height:0}}n.fadein=!s}}(e,a,s,n,o,l,t,i,r,u)}!function t(e,n,i,r,o){r?(n=e,E(e,(function(t,e){!t.isRemoved()&&s(e,e)}))):new Vm(n,e,a,a).add(s).update(s).remove(H(s,null)).execute();function a(t){return t.getId()}function s(a,s){var l=null!=a?e[a]:null,h=null!=s?n[s]:null,c=u(l,h,i,o);c&&t(l&&l.viewChildren||[],h&&h.viewChildren||[],c,r,o+1)}}(i.root?[i.root]:[],r&&r.root?[r.root]:[],t,i===r||!r,0);var h=function(t){var e={nodeGroup:[],background:[],content:[]};return t&&E(t,(function(t,n){var i=e[n];E(t,(function(t){t&&(i.push(t),gD(t).willDelete=!0)}))})),e}(s);return this._oldTree=i,this._storage=a,{lastsForAnimation:o,willDeleteEls:h,renderFinally:function(){E(h,(function(t){E(t,(function(t){t.parent&&t.parent.remove(t)}))})),E(l,(function(t){t.invisible=!0,t.dirty()}))}}},e.prototype._doAnimation=function(t,e,n,i){var r=n.get("animationDurationUpdate"),o=n.get("animationEasing"),a=(X(r)?0:r)||0,s=(X(o)?null:o)||"cubicOut",l=new lD;E(e.willDeleteEls,(function(t,e){E(t,(function(t,n){if(!t.invisible){var r,o=t.parent,u=gD(o);if(i&&"drillDown"===i.direction)r=o===i.rootNodeGroup?{shape:{x:0,y:0,width:u.nodeWidth,height:u.nodeHeight},style:{opacity:0}}:{style:{opacity:0}};else{var h=0,c=0;u.willDelete||(h=u.nodeWidth/2,c=u.nodeHeight/2),r="nodeGroup"===e?{x:h,y:c,style:{opacity:0}}:{shape:{x:h,y:c,width:0,height:0},style:{opacity:0}}}r&&l.add(t,r,a,0,s)}}))})),E(this._storage,(function(t,n){E(t,(function(t,i){var r=e.lastsForAnimation[n][i],o={};r&&(t instanceof zr?null!=r.oldX&&(o.x=t.x,o.y=t.y,t.x=r.oldX,t.y=r.oldY):(r.oldShape&&(o.shape=A({},t.shape),t.setShape(r.oldShape)),r.fadein?(t.setStyle("opacity",0),o.style={opacity:1}):1!==t.style.opacity&&(o.style={opacity:1})),l.add(t,o,a,0,s))}))}),this),this._state="animating",l.finished(W((function(){this._state="ready",e.renderFinally()}),this)).start()},e.prototype._resetController=function(t){var e=this._controller;e||((e=this._controller=new UI(t.getZr())).enable(this.seriesModel.get("roam")),e.on("pan",W(this._onPan,this)),e.on("zoom",W(this._onZoom,this)));var n=new ze(0,0,t.getWidth(),t.getHeight());e.setPointerChecker((function(t,e,i){return n.contain(e,i)}))},e.prototype._clearController=function(){var t=this._controller;t&&(t.dispose(),t=null)},e.prototype._onPan=function(t){if("animating"!==this._state&&(Math.abs(t.dx)>3||Math.abs(t.dy)>3)){var e=this.seriesModel.getData().tree.root;if(!e)return;var n=e.getLayout();if(!n)return;this.api.dispatchAction({type:"treemapMove",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:n.x+t.dx,y:n.y+t.dy,width:n.width,height:n.height}})}},e.prototype._onZoom=function(t){var e=t.originX,n=t.originY;if("animating"!==this._state){var i=this.seriesModel.getData().tree.root;if(!i)return;var r=i.getLayout();if(!r)return;var o=new ze(r.x,r.y,r.width,r.height),a=this.seriesModel.layoutInfo,s=[1,0,0,1,0,0];we(s,s,[-(e-=a.x),-(n-=a.y)]),Me(s,s,[t.scale,t.scale]),we(s,s,[e,n]),o.applyTransform(s),this.api.dispatchAction({type:"treemapRender",from:this.uid,seriesId:this.seriesModel.id,rootRect:{x:o.x,y:o.y,width:o.width,height:o.height}})}},e.prototype._initEvents=function(t){var e=this;t.on("click",(function(t){if("ready"===e._state){var n=e.seriesModel.get("nodeClick",!0);if(n){var i=e.findTarget(t.offsetX,t.offsetY);if(i){var r=i.node;if(r.getLayout().isLeafRoot)e._rootToNode(i);else if("zoomToNode"===n)e._zoomToNode(i);else if("link"===n){var o=r.hostTree.data.getItemModel(r.dataIndex),a=o.get("link",!0),s=o.get("target",!0)||"blank";a&&bp(a,s)}}}}}),this)},e.prototype._renderBreadcrumb=function(t,e,n){var i=this;n||(n=null!=t.get("leafDepth",!0)?{node:t.getViewRoot()}:this.findTarget(e.getWidth()/2,e.getHeight()/2))||(n={node:t.getData().tree.root}),(this._breadcrumb||(this._breadcrumb=new oD(this.group))).render(t,e,n.node,(function(e){"animating"!==i._state&&(qC(t.getViewRoot(),e)?i._rootToNode({node:e}):i._zoomToNode({node:e}))}))},e.prototype.remove=function(){this._clearController(),this._containerGroup&&this._containerGroup.removeAll(),this._storage={nodeGroup:[],background:[],content:[]},this._state="ready",this._breadcrumb&&this._breadcrumb.remove()},e.prototype.dispose=function(){this._clearController()},e.prototype._zoomToNode=function(t){this.api.dispatchAction({type:"treemapZoomToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype._rootToNode=function(t){this.api.dispatchAction({type:"treemapRootToNode",from:this.uid,seriesId:this.seriesModel.id,targetNode:t.node})},e.prototype.findTarget=function(t,e){var n;return this.seriesModel.getViewRoot().eachNode({attr:"viewChildren",order:"preorder"},(function(i){var r=this._storage.background[i.getRawIndex()];if(r){var o=r.transformCoordToLocal(t,e),a=r.shape;if(!(a.x<=o[0]&&o[0]<=a.x+a.width&&a.y<=o[1]&&o[1]<=a.y+a.height))return!1;n={node:i,offsetX:o[0],offsetY:o[1]}}}),this),n},e.type="treemap",e}(kg);var vD=E,mD=q,xD=-1,_D=function(){function t(e){var n=e.mappingMethod,i=e.type,r=this.option=T(e);this.type=i,this.mappingMethod=n,this._normalizeData=kD[n];var o=t.visualHandlers[i];this.applyVisual=o.applyVisual,this.getColorMapper=o.getColorMapper,this._normalizedToVisual=o._normalizedToVisual[n],"piecewise"===n?(bD(r),function(t){var e=t.pieceList;t.hasSpecialVisual=!1,E(e,(function(e,n){e.originIndex=n,null!=e.visual&&(t.hasSpecialVisual=!0)}))}(r)):"category"===n?r.categories?function(t){var e=t.categories,n=t.categoryMap={},i=t.visual;if(vD(e,(function(t,e){n[t]=e})),!Y(i)){var r=[];q(i)?vD(i,(function(t,e){var i=n[e];r[null!=i?i:xD]=t})):r[-1]=i,i=AD(t,r)}for(var o=e.length-1;o>=0;o--)null==i[o]&&(delete n[e[o]],e.pop())}(r):bD(r,!0):(lt("linear"!==n||r.dataExtent),bD(r))}return t.prototype.mapValueToVisual=function(t){var e=this._normalizeData(t);return this._normalizedToVisual(e,t)},t.prototype.getNormalizer=function(){return W(this._normalizeData,this)},t.listVisualTypes=function(){return G(t.visualHandlers)},t.isValidType=function(e){return t.visualHandlers.hasOwnProperty(e)},t.eachVisual=function(t,e,n){q(t)?E(t,e,n):e.call(n,t)},t.mapVisual=function(e,n,i){var r,o=Y(e)?[]:q(e)?{}:(r=!0,null);return t.eachVisual(e,(function(t,e){var a=n.call(i,t,e);r?o=a:o[e]=a})),o},t.retrieveVisuals=function(e){var n,i={};return e&&vD(t.visualHandlers,(function(t,r){e.hasOwnProperty(r)&&(i[r]=e[r],n=!0)})),n?i:null},t.prepareVisualTypes=function(t){if(Y(t))t=t.slice();else{if(!mD(t))return[];var e=[];vD(t,(function(t,n){e.push(n)})),t=e}return t.sort((function(t,e){return"color"===e&&"color"!==t&&0===t.indexOf("color")?1:-1})),t},t.dependsOn=function(t,e){return"color"===e?!(!t||0!==t.indexOf(e)):t===e},t.findPieceIndex=function(t,e,n){for(var i,r=1/0,o=0,a=e.length;o<a;o++){var s=e[o].value;if(null!=s){if(s===t||U(s)&&s===t+"")return o;n&&c(s,o)}}for(o=0,a=e.length;o<a;o++){var l=e[o],u=l.interval,h=l.close;if(u){if(u[0]===-1/0){if(LD(h[1],t,u[1]))return o}else if(u[1]===1/0){if(LD(h[0],u[0],t))return o}else if(LD(h[0],u[0],t)&&LD(h[1],t,u[1]))return o;n&&c(u[0],o),n&&c(u[1],o)}}if(n)return t===1/0?e.length-1:t===-1/0?0:i;function c(e,n){var o=Math.abs(e-t);o<r&&(r=o,i=n)}},t.visualHandlers={color:{applyVisual:MD("color"),getColorMapper:function(){var t=this.option;return W("category"===t.mappingMethod?function(t,e){return!e&&(t=this._normalizeData(t)),ID.call(this,t)}:function(e,n,i){var r=!!i;return!n&&(e=this._normalizeData(e)),i=Jn(e,t.parsedVisual,i),r?i:ri(i,"rgba")},this)},_normalizedToVisual:{linear:function(t){return ri(Jn(t,this.option.parsedVisual),"rgba")},category:ID,piecewise:function(t,e){var n=DD.call(this,e);return null==n&&(n=ri(Jn(t,this.option.parsedVisual),"rgba")),n},fixed:TD}},colorHue:wD((function(t,e){return ni(t,e)})),colorSaturation:wD((function(t,e){return ni(t,null,e)})),colorLightness:wD((function(t,e){return ni(t,null,null,e)})),colorAlpha:wD((function(t,e){return ii(t,e)})),decal:{applyVisual:MD("decal"),_normalizedToVisual:{linear:null,category:ID,piecewise:null,fixed:null}},opacity:{applyVisual:MD("opacity"),_normalizedToVisual:CD([0,1])},liftZ:{applyVisual:MD("liftZ"),_normalizedToVisual:{linear:TD,category:TD,piecewise:TD,fixed:TD}},symbol:{applyVisual:function(t,e,n){n("symbol",this.mapValueToVisual(t))},_normalizedToVisual:{linear:SD,category:ID,piecewise:function(t,e){var n=DD.call(this,e);return null==n&&(n=SD.call(this,t)),n},fixed:TD}},symbolSize:{applyVisual:MD("symbolSize"),_normalizedToVisual:CD([0,1])}},t}();function bD(t,e){var n=t.visual,i=[];q(n)?vD(n,(function(t){i.push(t)})):null!=n&&i.push(n);e||1!==i.length||{color:1,symbol:1}.hasOwnProperty(t.type)||(i[1]=i[0]),AD(t,i)}function wD(t){return{applyVisual:function(e,n,i){var r=this.mapValueToVisual(e);i("color",t(n("color"),r))},_normalizedToVisual:CD([0,1])}}function SD(t){var e=this.option.visual;return e[Math.round(Xr(t,[0,1],[0,e.length-1],!0))]||{}}function MD(t){return function(e,n,i){i(t,this.mapValueToVisual(e))}}function ID(t){var e=this.option.visual;return e[this.option.loop&&t!==xD?t%e.length:t]}function TD(){return this.option.visual[0]}function CD(t){return{linear:function(e){return Xr(e,t,this.option.visual,!0)},category:ID,piecewise:function(e,n){var i=DD.call(this,n);return null==i&&(i=Xr(e,t,this.option.visual,!0)),i},fixed:TD}}function DD(t){var e=this.option,n=e.pieceList;if(e.hasSpecialVisual){var i=n[_D.findPieceIndex(t,n)];if(i&&i.visual)return i.visual[this.type]}}function AD(t,e){return t.visual=e,"color"===t.type&&(t.parsedVisual=z(e,(function(t){var e=qn(t);return e||[0,0,0,1]}))),e}var kD={linear:function(t){return Xr(t,this.option.dataExtent,[0,1],!0)},piecewise:function(t){var e=this.option.pieceList,n=_D.findPieceIndex(t,e,!0);if(null!=n)return Xr(n,[0,e.length-1],[0,1],!0)},category:function(t){var e=this.option.categories?this.option.categoryMap[t]:t;return null==e?xD:e},fixed:bt};function LD(t,e,n){return t?e<=n:e<n}var PD=Oo(),OD={seriesType:"treemap",reset:function(t){var e=t.getData().tree.root;e.isRemoved()||RD(e,{},t.getViewRoot().getAncestors(),t)}};function RD(t,e,n,i){var r=t.getModel(),o=t.getLayout(),a=t.hostTree.data;if(o&&!o.invisible&&o.isInView){var s,l=r.getModel("itemStyle"),u=function(t,e,n){var i=A({},e),r=n.designatedVisualItemStyle;return E(["color","colorAlpha","colorSaturation"],(function(n){r[n]=e[n];var o=t.get(n);r[n]=null,null!=o&&(i[n]=o)})),i}(l,e,i),h=a.ensureUniqueItemVisual(t.dataIndex,"style"),c=l.get("borderColor"),p=l.get("borderColorSaturation");null!=p&&(c=function(t,e){return null!=e?ni(e,null,null,t):null}(p,s=ND(u))),h.stroke=c;var d=t.viewChildren;if(d&&d.length){var f=function(t,e,n,i,r,o){if(!o||!o.length)return;var a=zD(e,"color")||null!=r.color&&"none"!==r.color&&(zD(e,"colorAlpha")||zD(e,"colorSaturation"));if(!a)return;var s=e.get("visualMin"),l=e.get("visualMax"),u=n.dataExtent.slice();null!=s&&s<u[0]&&(u[0]=s),null!=l&&l>u[1]&&(u[1]=l);var h=e.get("colorMappingBy"),c={type:a.name,dataExtent:u,visual:a.range};"color"!==c.type||"index"!==h&&"id"!==h?c.mappingMethod="linear":(c.mappingMethod="category",c.loop=!0);var p=new _D(c);return PD(p).drColorMappingBy=h,p}(0,r,o,0,u,d);E(d,(function(t,e){if(t.depth>=n.length||t===n[t.depth]){var o=function(t,e,n,i,r,o){var a=A({},e);if(r){var s=r.type,l="color"===s&&PD(r).drColorMappingBy,u="index"===l?i:"id"===l?o.mapIdToIndex(n.getId()):n.getValue(t.get("visualDimension"));a[s]=r.mapValueToVisual(u)}return a}(r,u,t,e,f,i);RD(t,o,n,i)}}))}else s=ND(u),h.fill=s}}function ND(t){var e=ED(t,"color");if(e){var n=ED(t,"colorAlpha"),i=ED(t,"colorSaturation");return i&&(e=ni(e,null,null,i)),n&&(e=ii(e,n)),e}}function ED(t,e){var n=t[e];if(null!=n&&"none"!==n)return n}function zD(t,e){var n=t.get(e);return Y(n)&&n.length?{name:e,range:n}:null}var VD=Math.max,BD=Math.min,FD=it,GD=E,WD=["itemStyle","borderWidth"],HD=["itemStyle","gapWidth"],YD=["upperLabel","show"],XD=["upperLabel","height"],UD={seriesType:"treemap",reset:function(t,e,n,i){var r=n.getWidth(),o=n.getHeight(),a=t.option,s=Cp(t.getBoxLayoutParams(),{width:n.getWidth(),height:n.getHeight()}),l=a.size||[],u=Ur(FD(s.width,l[0]),r),h=Ur(FD(s.height,l[1]),o),c=i&&i.type,p=ZC(i,["treemapZoomToNode","treemapRootToNode"],t),d="treemapRender"===c||"treemapMove"===c?i.rootRect:null,f=t.getViewRoot(),g=jC(f);if("treemapMove"!==c){var y="treemapZoomToNode"===c?function(t,e,n,i,r){var o,a=(e||{}).node,s=[i,r];if(!a||a===n)return s;var l=i*r,u=l*t.option.zoomToNodeRatio;for(;o=a.parentNode;){for(var h=0,c=o.children,p=0,d=c.length;p<d;p++)h+=c[p].getValue();var f=a.getValue();if(0===f)return s;u*=h/f;var g=o.getModel(),y=g.get(WD);(u+=4*y*y+(3*y+Math.max(y,$D(g)))*Math.pow(u,.5))>to&&(u=to),a=o}u<l&&(u=l);var v=Math.pow(u/l,.5);return[i*v,r*v]}(t,p,f,u,h):d?[d.width,d.height]:[u,h],v=a.sort;v&&"asc"!==v&&"desc"!==v&&(v="desc");var m={squareRatio:a.squareRatio,sort:v,leafDepth:a.leafDepth};f.hostTree.clearLayouts();var x={x:0,y:0,width:y[0],height:y[1],area:y[0]*y[1]};f.setLayout(x),ZD(f,m,!1,0),x=f.getLayout(),GD(g,(function(t,e){var n=(g[e+1]||f).getValue();t.setLayout(A({dataExtent:[n,n],borderWidth:0,upperHeight:0},x))}))}var _=t.getData().tree.root;_.setLayout(function(t,e,n){if(e)return{x:e.x,y:e.y};var i={x:0,y:0};if(!n)return i;var r=n.node,o=r.getLayout();if(!o)return i;var a=[o.width/2,o.height/2],s=r;for(;s;){var l=s.getLayout();a[0]+=l.x,a[1]+=l.y,s=s.parentNode}return{x:t.width/2-a[0],y:t.height/2-a[1]}}(s,d,p),!0),t.setLayoutInfo(s),KD(_,new ze(-s.x,-s.y,r,o),g,f,0)}};function ZD(t,e,n,i){var r,o;if(!t.isRemoved()){var a=t.getLayout();r=a.width,o=a.height;var s=t.getModel(),l=s.get(WD),u=s.get(HD)/2,h=$D(s),c=Math.max(l,h),p=l-u,d=c-u;t.setLayout({borderWidth:l,upperHeight:c,upperLabelHeight:h},!0);var f=(r=VD(r-2*p,0))*(o=VD(o-p-d,0)),g=function(t,e,n,i,r,o){var a=t.children||[],s=i.sort;"asc"!==s&&"desc"!==s&&(s=null);var l=null!=i.leafDepth&&i.leafDepth<=o;if(r&&!l)return t.viewChildren=[];a=B(a,(function(t){return!t.isRemoved()})),function(t,e){e&&t.sort((function(t,n){var i="asc"===e?t.getValue()-n.getValue():n.getValue()-t.getValue();return 0===i?"asc"===e?t.dataIndex-n.dataIndex:n.dataIndex-t.dataIndex:i}))}(a,s);var u=function(t,e,n){for(var i=0,r=0,o=e.length;r<o;r++)i+=e[r].getValue();var a,s=t.get("visualDimension");e&&e.length?"value"===s&&n?(a=[e[e.length-1].getValue(),e[0].getValue()],"asc"===n&&a.reverse()):(a=[1/0,-1/0],GD(e,(function(t){var e=t.getValue(s);e<a[0]&&(a[0]=e),e>a[1]&&(a[1]=e)}))):a=[NaN,NaN];return{sum:i,dataExtent:a}}(e,a,s);if(0===u.sum)return t.viewChildren=[];if(u.sum=function(t,e,n,i,r){if(!i)return n;for(var o=t.get("visibleMin"),a=r.length,s=a,l=a-1;l>=0;l--){var u=r["asc"===i?a-l-1:l].getValue();u/n*e<o&&(s=l,n-=u)}return"asc"===i?r.splice(0,a-s):r.splice(s,a-s),n}(e,n,u.sum,s,a),0===u.sum)return t.viewChildren=[];for(var h=0,c=a.length;h<c;h++){var p=a[h].getValue()/u.sum*n;a[h].setLayout({area:p})}l&&(a.length&&t.setLayout({isLeafRoot:!0},!0),a.length=0);return t.viewChildren=a,t.setLayout({dataExtent:u.dataExtent},!0),a}(t,s,f,e,n,i);if(g.length){var y={x:p,y:d,width:r,height:o},v=BD(r,o),m=1/0,x=[];x.area=0;for(var _=0,b=g.length;_<b;){var w=g[_];x.push(w),x.area+=w.getLayout().area;var S=jD(x,v,e.squareRatio);S<=m?(_++,m=S):(x.area-=x.pop().getLayout().area,qD(x,v,y,u,!1),v=BD(y.width,y.height),x.length=x.area=0,m=1/0)}if(x.length&&qD(x,v,y,u,!0),!n){var M=s.get("childrenVisibleMin");null!=M&&f<M&&(n=!0)}for(_=0,b=g.length;_<b;_++)ZD(g[_],e,n,i+1)}}}function jD(t,e,n){for(var i=0,r=1/0,o=0,a=void 0,s=t.length;o<s;o++)(a=t[o].getLayout().area)&&(a<r&&(r=a),a>i&&(i=a));var l=t.area*t.area,u=e*e*n;return l?VD(u*i/l,l/(u*r)):1/0}function qD(t,e,n,i,r){var o=e===n.width?0:1,a=1-o,s=["x","y"],l=["width","height"],u=n[s[o]],h=e?t.area/e:0;(r||h>n[l[a]])&&(h=n[l[a]]);for(var c=0,p=t.length;c<p;c++){var d=t[c],f={},g=h?d.getLayout().area/h:0,y=f[l[a]]=VD(h-2*i,0),v=n[s[o]]+n[l[o]]-u,m=c===p-1||v<g?v:g,x=f[l[o]]=VD(m-2*i,0);f[s[a]]=n[s[a]]+BD(i,y/2),f[s[o]]=u+BD(i,x/2),u+=m,d.setLayout(f,!0)}n[s[a]]+=h,n[l[a]]-=h}function KD(t,e,n,i,r){var o=t.getLayout(),a=n[r],s=a&&a===t;if(!(a&&!s||r===n.length&&t!==i)){t.setLayout({isInView:!0,invisible:!s&&!e.intersect(o),isAboveViewRoot:s},!0);var l=new ze(e.x-o.x,e.y-o.y,e.width,e.height);GD(t.viewChildren||[],(function(t){KD(t,l,n,i,r+1)}))}}function $D(t){return t.get(YD)?t.get(XD):0}function JD(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getGraph().data,r=n.mapArray(n.getName);i.filterSelf((function(t){var n=i.getItemModel(t).getShallow("category");if(null!=n){j(n)&&(n=r[n]);for(var o=0;o<e.length;o++)if(!e[o].isSelected(n))return!1}return!0}))}))}function QD(t){var e={};t.eachSeriesByType("graph",(function(t){var n=t.getCategoriesData(),i=t.getData(),r={};n.each((function(i){var o=n.getName(i);r["ec-"+o]=i;var a=n.getItemModel(i),s=a.getModel("itemStyle").getItemStyle();s.fill||(s.fill=t.getColorFromPalette(o,e)),n.setItemVisual(i,"style",s);for(var l=["symbol","symbolSize","symbolKeepAspect"],u=0;u<l.length;u++){var h=a.getShallow(l[u],!0);null!=h&&n.setItemVisual(i,l[u],h)}})),n.count()&&i.each((function(t){var e=i.getItemModel(t).getShallow("category");if(null!=e){U(e)&&(e=r["ec-"+e]);var o=n.getItemVisual(e,"style");A(i.ensureUniqueItemVisual(t,"style"),o);for(var a=["symbol","symbolSize","symbolKeepAspect"],s=0;s<a.length;s++)i.setItemVisual(t,a[s],n.getItemVisual(e,a[s]))}}))}))}function tA(t){return t instanceof Array||(t=[t,t]),t}function eA(t){t.eachSeriesByType("graph",(function(t){var e=t.getGraph(),n=t.getEdgeData(),i=tA(t.get("edgeSymbol")),r=tA(t.get("edgeSymbolSize"));n.setVisual("fromSymbol",i&&i[0]),n.setVisual("toSymbol",i&&i[1]),n.setVisual("fromSymbolSize",r&&r[0]),n.setVisual("toSymbolSize",r&&r[1]),n.setVisual("style",t.getModel("lineStyle").getLineStyle()),n.each((function(t){var i=n.getItemModel(t),r=e.getEdgeByIndex(t),o=tA(i.getShallow("symbol",!0)),a=tA(i.getShallow("symbolSize",!0)),s=i.getModel("lineStyle").getLineStyle(),l=n.ensureUniqueItemVisual(t,"style");switch(A(l,s),l.stroke){case"source":var u=r.node1.getVisual("style");l.stroke=u&&u.fill;break;case"target":u=r.node2.getVisual("style");l.stroke=u&&u.fill}o[0]&&r.setVisual("fromSymbol",o[0]),o[1]&&r.setVisual("toSymbol",o[1]),a[0]&&r.setVisual("fromSymbolSize",a[0]),a[1]&&r.setVisual("toSymbolSize",a[1])}))}))}var nA="--\x3e",iA=function(t){return t.get("autoCurveness")||null},rA=function(t,e){var n=iA(t),i=20,r=[];if(j(n))i=n;else if(Y(n))return void(t.__curvenessList=n);e>i&&(i=e);var o=i%2?i+2:i+3;r=[];for(var a=0;a<o;a++)r.push((a%2?a+1:a)/10*(a%2?-1:1));t.__curvenessList=r},oA=function(t,e,n){var i=[t.id,t.dataIndex].join("."),r=[e.id,e.dataIndex].join(".");return[n.uid,i,r].join(nA)},aA=function(t){var e=t.split(nA);return[e[0],e[2],e[1]].join(nA)},sA=function(t,e){var n=e.__edgeMap;return n[t]?n[t].length:0};function lA(t,e,n,i){var r=iA(e),o=Y(r);if(!r)return null;var a=function(t,e){var n=oA(t.node1,t.node2,e);return e.__edgeMap[n]}(t,e);if(!a)return null;for(var s=-1,l=0;l<a.length;l++)if(a[l]===n){s=l;break}var u=function(t,e){return sA(oA(t.node1,t.node2,e),e)+sA(oA(t.node2,t.node1,e),e)}(t,e);rA(e,u),t.lineStyle=t.lineStyle||{};var h=oA(t.node1,t.node2,e),c=e.__curvenessList,p=o||u%2?0:1;if(a.isForward)return c[p+s];var d=aA(h),f=sA(d,e),g=c[s+f+p];return i?o?r&&0===r[0]?(f+p)%2?g:-g:((f%2?0:1)+p)%2?g:-g:(f+p)%2?g:-g:c[s+f+p]}function uA(t){var e=t.coordinateSystem;if(!e||"view"===e.type){var n=t.getGraph();n.eachNode((function(t){var e=t.getModel();t.setLayout([+e.get("x"),+e.get("y")])})),hA(n,t)}}function hA(t,e){t.eachEdge((function(t,n){var i=ot(t.getModel().get(["lineStyle","curveness"]),-lA(t,e,n,!0),0),r=Tt(t.node1.getLayout()),o=Tt(t.node2.getLayout()),a=[r,o];+i&&a.push([(r[0]+o[0])/2-(r[1]-o[1])*i,(r[1]+o[1])/2-(o[0]-r[0])*i]),t.setLayout(a)}))}function cA(t,e){t.eachSeriesByType("graph",(function(t){var e=t.get("layout"),n=t.coordinateSystem;if(n&&"view"!==n.type){var i=t.getData(),r=[];E(n.dimensions,(function(t){r=r.concat(i.mapDimensionsAll(t))}));for(var o=0;o<i.count();o++){for(var a=[],s=!1,l=0;l<r.length;l++){var u=i.get(r[l],o);isNaN(u)||(s=!0),a.push(u)}s?i.setItemLayout(o,n.dataToPoint(a)):i.setItemLayout(o,[NaN,NaN])}hA(i.graph,t)}else e&&"none"!==e||uA(t)}))}function pA(t){var e=t.coordinateSystem;if("view"!==e.type)return 1;var n=t.option.nodeScaleRatio,i=e.scaleX;return((e.getZoom()-1)*n+1)/i}function dA(t){var e=t.getVisual("symbolSize");return e instanceof Array&&(e=(e[0]+e[1])/2),+e}var fA=Math.PI,gA=[];function yA(t,e,n,i){var r=t.coordinateSystem;if(!r||"view"===r.type){var o=r.getBoundingRect(),a=t.getData(),s=a.graph,l=o.width/2+o.x,u=o.height/2+o.y,h=Math.min(o.width,o.height)/2,c=a.count();if(a.setLayout({cx:l,cy:u}),c){if(n){var p=r.pointToData(i),d=p[0],f=p[1],g=[d-l,f-u];Et(g,g),Nt(g,g,h),n.setLayout([l+g[0],u+g[1]],!0),mA(n,t.get(["circular","rotateLabel"]),l,u)}vA[e](t,s,a,h,l,u,c),s.eachEdge((function(e,n){var i,r=ot(e.getModel().get(["lineStyle","curveness"]),lA(e,t,n),0),o=Tt(e.node1.getLayout()),a=Tt(e.node2.getLayout()),s=(o[0]+a[0])/2,h=(o[1]+a[1])/2;+r&&(i=[l*(r*=3)+s*(1-r),u*r+h*(1-r)]),e.setLayout([o,a,i])}))}}}var vA={value:function(t,e,n,i,r,o,a){var s=0,l=n.getSum("value"),u=2*Math.PI/(l||a);e.eachNode((function(t){var e=t.getValue("value"),n=u*(l?e:1)/2;s+=n,t.setLayout([i*Math.cos(s)+r,i*Math.sin(s)+o]),s+=n}))},symbolSize:function(t,e,n,i,r,o,a){var s=0;gA.length=a;var l=pA(t);e.eachNode((function(t){var e=dA(t);isNaN(e)&&(e=2),e<0&&(e=0),e*=l;var n=Math.asin(e/2/i);isNaN(n)&&(n=fA/2),gA[t.dataIndex]=n,s+=2*n}));var u=(2*fA-s)/a/2,h=0;e.eachNode((function(t){var e=u+gA[t.dataIndex];h+=e,(!t.getLayout()||!t.getLayout().fixed)&&t.setLayout([i*Math.cos(h)+r,i*Math.sin(h)+o]),h+=e}))}};function mA(t,e,n,i){var r=t.getGraphicEl();if(r){var o=t.getModel().get(["label","rotate"])||0,a=r.getSymbolPath();if(e){var s=t.getLayout(),l=Math.atan2(s[1]-i,s[0]-n);l<0&&(l=2*Math.PI+l);var u=s[0]<n;u&&(l-=Math.PI);var h=u?"left":"right";a.setTextConfig({rotation:-l,position:h,origin:"center"});var c=a.ensureState("emphasis");A(c.textConfig||(c.textConfig={}),{position:h})}else a.setTextConfig({rotation:o*=Math.PI/180})}}function xA(t){t.eachSeriesByType("graph",(function(t){"circular"===t.get("layout")&&yA(t,"symbolSize")}))}var _A=At;function bA(t){t.eachSeriesByType("graph",(function(t){var e=t.coordinateSystem;if(!e||"view"===e.type)if("force"===t.get("layout")){var n=t.preservedPoints||{},i=t.getGraph(),r=i.data,o=i.edgeData,a=t.getModel("force"),s=a.get("initLayout");t.preservedPoints?r.each((function(t){var e=r.getId(t);r.setItemLayout(t,n[e]||[NaN,NaN])})):s&&"none"!==s?"circular"===s&&yA(t,"value"):uA(t);var l=r.getDataExtent("value"),u=o.getDataExtent("value"),h=a.get("repulsion"),c=a.get("edgeLength"),p=Y(h)?h:[h,h],d=Y(c)?c:[c,c];d=[d[1],d[0]];var f=r.mapArray("value",(function(t,e){var n=r.getItemLayout(e),i=Xr(t,l,p);return isNaN(i)&&(i=(p[0]+p[1])/2),{w:i,rep:i,fixed:r.getItemModel(e).get("fixed"),p:!n||isNaN(n[0])||isNaN(n[1])?null:n}})),g=o.mapArray("value",(function(e,n){var r=i.getEdgeByIndex(n),o=Xr(e,u,d);isNaN(o)&&(o=(d[0]+d[1])/2);var a=r.getModel(),s=ot(r.getModel().get(["lineStyle","curveness"]),-lA(r,t,n,!0),0);return{n1:f[r.node1.dataIndex],n2:f[r.node2.dataIndex],d:o,curveness:s,ignoreForceLayout:a.get("ignoreForceLayout")}})),y=e.getBoundingRect(),v=function(t,e,n){for(var i=t,r=e,o=n.rect,a=o.width,s=o.height,l=[o.x+a/2,o.y+s/2],u=null==n.gravity?.1:n.gravity,h=0;h<i.length;h++){var c=i[h];c.p||(c.p=Mt(a*(Math.random()-.5)+l[0],s*(Math.random()-.5)+l[1])),c.pp=Tt(c.p),c.edges=null}var p,d,f=null==n.friction?.6:n.friction,g=f;return{warmUp:function(){g=.8*f},setFixed:function(t){i[t].fixed=!0},setUnfixed:function(t){i[t].fixed=!1},beforeStep:function(t){p=t},afterStep:function(t){d=t},step:function(t){p&&p(i,r);for(var e=[],n=i.length,o=0;o<r.length;o++){var a=r[o];if(!a.ignoreForceLayout){var s=a.n1;kt(e,(y=a.n2).p,s.p);var h=Lt(e)-a.d,c=y.w/(s.w+y.w);isNaN(c)&&(c=0),Et(e,e),!s.fixed&&_A(s.p,s.p,e,c*h*g),!y.fixed&&_A(y.p,y.p,e,-(1-c)*h*g)}}for(o=0;o<n;o++)(x=i[o]).fixed||(kt(e,l,x.p),_A(x.p,x.p,e,u*g));for(o=0;o<n;o++){s=i[o];for(var f=o+1;f<n;f++){var y;kt(e,(y=i[f]).p,s.p),0===(h=Lt(e))&&(Ct(e,Math.random()-.5,Math.random()-.5),h=1);var v=(s.rep+y.rep)/h/h;!s.fixed&&_A(s.pp,s.pp,e,v),!y.fixed&&_A(y.pp,y.pp,e,-v)}}var m=[];for(o=0;o<n;o++){var x;(x=i[o]).fixed||(kt(m,x.p,x.pp),_A(x.p,x.p,m,g),It(x.pp,x.p))}var _=(g*=.992)<.01;d&&d(i,r,_),t&&t(_)}}}(f,g,{rect:y,gravity:a.get("gravity"),friction:a.get("friction")});v.beforeStep((function(t,e){for(var n=0,r=t.length;n<r;n++)t[n].fixed&&It(t[n].p,i.getNodeByIndex(n).getLayout())})),v.afterStep((function(t,e,o){for(var a=0,s=t.length;a<s;a++)t[a].fixed||i.getNodeByIndex(a).setLayout(t[a].p),n[r.getId(a)]=t[a].p;for(a=0,s=e.length;a<s;a++){var l=e[a],u=i.getEdgeByIndex(a),h=l.n1.p,c=l.n2.p,p=u.getLayout();(p=p?p.slice():[])[0]=p[0]||[],p[1]=p[1]||[],It(p[0],h),It(p[1],c),+l.curveness&&(p[2]=[(h[0]+c[0])/2-(h[1]-c[1])*l.curveness,(h[1]+c[1])/2-(c[0]-h[0])*l.curveness]),u.setLayout(p)}})),t.forceLayout=v,t.preservedPoints=n,v.step()}else t.forceLayout=null}))}function wA(t,e){var n=[];return t.eachSeriesByType("graph",(function(t){var i=t.get("coordinateSystem");if(!i||"view"===i){var r=t.getData(),o=[],a=[];Ra(r.mapArray((function(t){var e=r.getItemModel(t);return[+e.get("x"),+e.get("y")]})),o,a),a[0]-o[0]==0&&(a[0]+=1,o[0]-=1),a[1]-o[1]==0&&(a[1]+=1,o[1]-=1);var s=(a[0]-o[0])/(a[1]-o[1]),l=function(t,e,n){return Cp(A(t.getBoxLayoutParams(),{aspect:n}),{width:e.getWidth(),height:e.getHeight()})}(t,e,s);isNaN(s)&&(o=[l.x,l.y],a=[l.x+l.width,l.y+l.height]);var u=a[0]-o[0],h=a[1]-o[1],c=l.width,p=l.height,d=t.coordinateSystem=new iC;d.zoomLimit=t.get("scaleLimit"),d.setBoundingRect(o[0],o[1],u,h),d.setViewRect(l.x,l.y,c,p),d.setCenter(t.get("center"),e),d.setZoom(t.get("zoom")),n.push(d)}})),n}var SA=Zu.prototype,MA=$u.prototype,IA=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.percent=1};!function(t){function e(){return null!==t&&t.apply(this,arguments)||this}n(e,t)}(IA);function TA(t){return isNaN(+t.cpx1)||isNaN(+t.cpy1)}var CA=function(t){function e(e){var n=t.call(this,e)||this;return n.type="ec-line",n}return n(e,t),e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new IA},e.prototype.buildPath=function(t,e){TA(e)?SA.buildPath.call(this,t,e):MA.buildPath.call(this,t,e)},e.prototype.pointAt=function(t){return TA(this.shape)?SA.pointAt.call(this,t):MA.pointAt.call(this,t)},e.prototype.tangentAt=function(t){var e=this.shape,n=TA(e)?[e.x2-e.x1,e.y2-e.y1]:MA.tangentAt.call(this,t);return Et(n,n)},e}(Is),DA=["fromSymbol","toSymbol"];function AA(t){return"_"+t+"Type"}function kA(t,e,n){var i=e.getItemVisual(n,t);if(!i||"none"===i)return i;var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=Hy(r);return i+l+Yy(a||0,l)+(o||"")+(s||"")}function LA(t,e,n){var i=e.getItemVisual(n,t);if(i&&"none"!==i){var r=e.getItemVisual(n,t+"Size"),o=e.getItemVisual(n,t+"Rotate"),a=e.getItemVisual(n,t+"Offset"),s=e.getItemVisual(n,t+"KeepAspect"),l=Hy(r),u=Yy(a||0,l),h=Wy(i,-l[0]/2+u[0],-l[1]/2+u[1],l[0],l[1],null,s);return h.__specifiedRotation=null==o||isNaN(o)?void 0:+o*Math.PI/180||0,h.name=t,h}}function PA(t,e){t.x1=e[0][0],t.y1=e[0][1],t.x2=e[1][0],t.y2=e[1][1],t.percent=1;var n=e[2];n?(t.cpx1=n[0],t.cpy1=n[1]):(t.cpx1=NaN,t.cpy1=NaN)}var OA=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createLine(e,n,i),r}return n(e,t),e.prototype._createLine=function(t,e,n){var i=t.hostModel,r=function(t){var e=new CA({name:"line",subPixelOptimize:!0});return PA(e.shape,t),e}(t.getItemLayout(e));r.shape.percent=0,gh(r,{shape:{percent:1}},i,e),this.add(r),E(DA,(function(n){var i=LA(n,t,e);this.add(i),this[AA(n)]=kA(n,t,e)}),this),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=t.getItemLayout(e),a={shape:{}};PA(a.shape,o),fh(r,a,i,e),E(DA,(function(n){var i=kA(n,t,e),r=AA(n);if(this[r]!==i){this.remove(this.childOfName(n));var o=LA(n,t,e);this.add(o)}this[r]=i}),this),this._updateCommonStl(t,e,n)},e.prototype.getLinePath=function(){return this.childAt(0)},e.prototype._updateCommonStl=function(t,e,n){var i=t.hostModel,r=this.childOfName("line"),o=n&&n.emphasisLineStyle,a=n&&n.blurLineStyle,s=n&&n.selectLineStyle,l=n&&n.labelStatesModels,u=n&&n.emphasisDisabled,h=n&&n.focus,c=n&&n.blurScope;if(!n||t.hasItemOption){var p=t.getItemModel(e),d=p.getModel("emphasis");o=d.getModel("lineStyle").getLineStyle(),a=p.getModel(["blur","lineStyle"]).getLineStyle(),s=p.getModel(["select","lineStyle"]).getLineStyle(),u=d.get("disabled"),h=d.get("focus"),c=d.get("blurScope"),l=ec(p)}var f=t.getItemVisual(e,"style"),g=f.stroke;r.useStyle(f),r.style.fill=null,r.style.strokeNoScale=!0,r.ensureState("emphasis").style=o,r.ensureState("blur").style=a,r.ensureState("select").style=s,E(DA,(function(t){var e=this.childOfName(t);if(e){e.setColor(g),e.style.opacity=f.opacity;for(var n=0;n<ol.length;n++){var i=ol[n],o=r.getState(i);if(o){var a=o.style||{},s=e.ensureState(i),l=s.style||(s.style={});null!=a.stroke&&(l[e.__isEmptyBrush?"stroke":"fill"]=a.stroke),null!=a.opacity&&(l.opacity=a.opacity)}}e.markRedraw()}}),this);var y=i.getRawValue(e);tc(this,l,{labelDataIndex:e,labelFetcher:{getFormattedLabel:function(e,n){return i.getFormattedLabel(e,n,t.dataType)}},inheritColor:g||"#000",defaultOpacity:f.opacity,defaultText:(null==y?t.getName(e):isFinite(y)?Zr(y):y)+""});var v=this.getTextContent();if(v){var m=l.normal;v.__align=v.style.align,v.__verticalAlign=v.style.verticalAlign,v.__position=m.get("position")||"middle";var x=m.get("distance");Y(x)||(x=[x,x]),v.__labelDistance=x}this.setTextConfig({position:null,local:!0,inside:!1}),Yl(this,h,c,u)},e.prototype.highlight=function(){kl(this)},e.prototype.downplay=function(){Ll(this)},e.prototype.updateLayout=function(t,e){this.setLinePoints(t.getItemLayout(e))},e.prototype.setLinePoints=function(t){var e=this.childOfName("line");PA(e.shape,t),e.dirty()},e.prototype.beforeUpdate=function(){var t=this,e=t.childOfName("fromSymbol"),n=t.childOfName("toSymbol"),i=t.getTextContent();if(e||n||i&&!i.ignore){for(var r=1,o=this.parent;o;)o.scaleX&&(r/=o.scaleX),o=o.parent;var a=t.childOfName("line");if(this.__dirty||a.__dirty){var s=a.shape.percent,l=a.pointAt(0),u=a.pointAt(s),h=kt([],u,l);if(Et(h,h),e&&(e.setPosition(l),S(e,0),e.scaleX=e.scaleY=r*s,e.markRedraw()),n&&(n.setPosition(u),S(n,1),n.scaleX=n.scaleY=r*s,n.markRedraw()),i&&!i.ignore){i.x=i.y=0,i.originX=i.originY=0;var c=void 0,p=void 0,d=i.__labelDistance,f=d[0]*r,g=d[1]*r,y=s/2,v=a.tangentAt(y),m=[v[1],-v[0]],x=a.pointAt(y);m[1]>0&&(m[0]=-m[0],m[1]=-m[1]);var _=v[0]<0?-1:1;if("start"!==i.__position&&"end"!==i.__position){var b=-Math.atan2(v[1],v[0]);u[0]<l[0]&&(b=Math.PI+b),i.rotation=b}var w=void 0;switch(i.__position){case"insideStartTop":case"insideMiddleTop":case"insideEndTop":case"middle":w=-g,p="bottom";break;case"insideStartBottom":case"insideMiddleBottom":case"insideEndBottom":w=g,p="top";break;default:w=0,p="middle"}switch(i.__position){case"end":i.x=h[0]*f+u[0],i.y=h[1]*g+u[1],c=h[0]>.8?"left":h[0]<-.8?"right":"center",p=h[1]>.8?"top":h[1]<-.8?"bottom":"middle";break;case"start":i.x=-h[0]*f+l[0],i.y=-h[1]*g+l[1],c=h[0]>.8?"right":h[0]<-.8?"left":"center",p=h[1]>.8?"bottom":h[1]<-.8?"top":"middle";break;case"insideStartTop":case"insideStart":case"insideStartBottom":i.x=f*_+l[0],i.y=l[1]+w,c=v[0]<0?"right":"left",i.originX=-f*_,i.originY=-w;break;case"insideMiddleTop":case"insideMiddle":case"insideMiddleBottom":case"middle":i.x=x[0],i.y=x[1]+w,c="center",i.originY=-w;break;case"insideEndTop":case"insideEnd":case"insideEndBottom":i.x=-f*_+u[0],i.y=u[1]+w,c=v[0]>=0?"right":"left",i.originX=f*_,i.originY=-w}i.scaleX=i.scaleY=r,i.setStyle({verticalAlign:i.__verticalAlign||p,align:i.__align||c})}}}function S(t,e){var n=t.__specifiedRotation;if(null==n){var i=a.tangentAt(e);t.attr("rotation",(1===e?-1:1)*Math.PI/2-Math.atan2(i[1],i[0]))}else t.attr("rotation",n)}},e}(zr),RA=function(){function t(t){this.group=new zr,this._LineCtor=t||OA}return t.prototype.updateData=function(t){var e=this;this._progressiveEls=null;var n=this,i=n.group,r=n._lineData;n._lineData=t,r||i.removeAll();var o=NA(t);t.diff(r).add((function(n){e._doAdd(t,n,o)})).update((function(n,i){e._doUpdate(r,t,i,n,o)})).remove((function(t){i.remove(r.getItemGraphicEl(t))})).execute()},t.prototype.updateLayout=function(){var t=this._lineData;t&&t.eachItemGraphicEl((function(e,n){e.updateLayout(t,n)}),this)},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=NA(t),this._lineData=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,e){function n(t){t.isGroup||function(t){return t.animators&&t.animators.length>0}(t)||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[];for(var i=t.start;i<t.end;i++){if(zA(e.getItemLayout(i))){var r=new this._LineCtor(e,i,this._seriesScope);r.traverse(n),this.group.add(r),e.setItemGraphicEl(i,r),this._progressiveEls.push(r)}}},t.prototype.remove=function(){this.group.removeAll()},t.prototype.eachRendered=function(t){qh(this._progressiveEls||this.group,t)},t.prototype._doAdd=function(t,e,n){if(zA(t.getItemLayout(e))){var i=new this._LineCtor(t,e,n);t.setItemGraphicEl(e,i),this.group.add(i)}},t.prototype._doUpdate=function(t,e,n,i,r){var o=t.getItemGraphicEl(n);zA(e.getItemLayout(i))?(o?o.updateData(e,i,r):o=new this._LineCtor(e,i,r),e.setItemGraphicEl(i,o),this.group.add(o)):this.group.remove(o)},t}();function NA(t){var e=t.hostModel,n=e.getModel("emphasis");return{lineStyle:e.getModel("lineStyle").getLineStyle(),emphasisLineStyle:n.getModel(["lineStyle"]).getLineStyle(),blurLineStyle:e.getModel(["blur","lineStyle"]).getLineStyle(),selectLineStyle:e.getModel(["select","lineStyle"]).getLineStyle(),emphasisDisabled:n.get("disabled"),blurScope:n.get("blurScope"),focus:n.get("focus"),labelStatesModels:ec(e)}}function EA(t){return isNaN(t[0])||isNaN(t[1])}function zA(t){return t&&!EA(t[0])&&!EA(t[1])}var VA=[],BA=[],FA=[],GA=In,WA=Ft,HA=Math.abs;function YA(t,e,n){for(var i,r=t[0],o=t[1],a=t[2],s=1/0,l=n*n,u=.1,h=.1;h<=.9;h+=.1){VA[0]=GA(r[0],o[0],a[0],h),VA[1]=GA(r[1],o[1],a[1],h),(d=HA(WA(VA,e)-l))<s&&(s=d,i=h)}for(var c=0;c<32;c++){var p=i+u;BA[0]=GA(r[0],o[0],a[0],i),BA[1]=GA(r[1],o[1],a[1],i),FA[0]=GA(r[0],o[0],a[0],p),FA[1]=GA(r[1],o[1],a[1],p);var d=WA(BA,e)-l;if(HA(d)<.01)break;var f=WA(FA,e)-l;u/=2,d<0?f>=0?i+=u:i-=u:f>=0?i-=u:i+=u}return i}function XA(t,e){var n=[],i=Dn,r=[[],[],[]],o=[[],[]],a=[];e/=2,t.eachEdge((function(t,s){var l=t.getLayout(),u=t.getVisual("fromSymbol"),h=t.getVisual("toSymbol");l.__original||(l.__original=[Tt(l[0]),Tt(l[1])],l[2]&&l.__original.push(Tt(l[2])));var c=l.__original;if(null!=l[2]){if(It(r[0],c[0]),It(r[1],c[2]),It(r[2],c[1]),u&&"none"!==u){var p=dA(t.node1),d=YA(r,c[0],p*e);i(r[0][0],r[1][0],r[2][0],d,n),r[0][0]=n[3],r[1][0]=n[4],i(r[0][1],r[1][1],r[2][1],d,n),r[0][1]=n[3],r[1][1]=n[4]}if(h&&"none"!==h){p=dA(t.node2),d=YA(r,c[1],p*e);i(r[0][0],r[1][0],r[2][0],d,n),r[1][0]=n[1],r[2][0]=n[2],i(r[0][1],r[1][1],r[2][1],d,n),r[1][1]=n[1],r[2][1]=n[2]}It(l[0],r[0]),It(l[1],r[2]),It(l[2],r[1])}else{if(It(o[0],c[0]),It(o[1],c[1]),kt(a,o[1],o[0]),Et(a,a),u&&"none"!==u){p=dA(t.node1);At(o[0],o[0],a,p*e)}if(h&&"none"!==h){p=dA(t.node2);At(o[1],o[1],a,-p*e)}It(l[0],o[0]),It(l[1],o[1])}}))}function UA(t){return"view"===t.type}var ZA=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){var n=new hS,i=new RA,r=this.group;this._controller=new UI(e.getZr()),this._controllerHost={target:r},r.add(n.group),r.add(i.group),this._symbolDraw=n,this._lineDraw=i,this._firstRender=!0},e.prototype.render=function(t,e,n){var i=this,r=t.coordinateSystem;this._model=t;var o=this._symbolDraw,a=this._lineDraw,s=this.group;if(UA(r)){var l={x:r.x,y:r.y,scaleX:r.scaleX,scaleY:r.scaleY};this._firstRender?s.attr(l):fh(s,l,t)}XA(t.getGraph(),pA(t));var u=t.getData();o.updateData(u);var h=t.getEdgeData();a.updateData(h),this._updateNodeAndLinkScale(),this._updateController(t,e,n),clearTimeout(this._layoutTimeout);var c=t.forceLayout,p=t.get(["force","layoutAnimation"]);c&&this._startForceLayoutIteration(c,p);var d=t.get("layout");u.graph.eachNode((function(e){var n=e.dataIndex,r=e.getGraphicEl(),o=e.getModel();if(r){r.off("drag").off("dragend");var a=o.get("draggable");a&&r.on("drag",(function(o){switch(d){case"force":c.warmUp(),!i._layouting&&i._startForceLayoutIteration(c,p),c.setFixed(n),u.setItemLayout(n,[r.x,r.y]);break;case"circular":u.setItemLayout(n,[r.x,r.y]),e.setLayout({fixed:!0},!0),yA(t,"symbolSize",e,[o.offsetX,o.offsetY]),i.updateLayout(t);break;default:u.setItemLayout(n,[r.x,r.y]),hA(t.getGraph(),t),i.updateLayout(t)}})).on("dragend",(function(){c&&c.setUnfixed(n)})),r.setDraggable(a,!!o.get("cursor")),"adjacency"===o.get(["emphasis","focus"])&&(Qs(r).focus=e.getAdjacentDataIndices())}})),u.graph.eachEdge((function(t){var e=t.getGraphicEl(),n=t.getModel().get(["emphasis","focus"]);e&&"adjacency"===n&&(Qs(e).focus={edge:[t.dataIndex],node:[t.node1.dataIndex,t.node2.dataIndex]})}));var f="circular"===t.get("layout")&&t.get(["circular","rotateLabel"]),g=u.getLayout("cx"),y=u.getLayout("cy");u.graph.eachNode((function(t){mA(t,f,g,y)})),this._firstRender=!1},e.prototype.dispose=function(){this._controller&&this._controller.dispose(),this._controllerHost=null},e.prototype._startForceLayoutIteration=function(t,e){var n=this;!function i(){t.step((function(t){n.updateLayout(n._model),(n._layouting=!t)&&(e?n._layoutTimeout=setTimeout(i,16):i())}))}()},e.prototype._updateController=function(t,e,n){var i=this,r=this._controller,o=this._controllerHost,a=this.group;r.setPointerChecker((function(e,i,r){var o=a.getBoundingRect();return o.applyTransform(a.transform),o.contain(i,r)&&!tT(e,n,t)})),UA(t.coordinateSystem)?(r.enable(t.get("roam")),o.zoomLimit=t.get("scaleLimit"),o.zoom=t.coordinateSystem.getZoom(),r.off("pan").off("zoom").on("pan",(function(e){KI(o,e.dx,e.dy),n.dispatchAction({seriesId:t.id,type:"graphRoam",dx:e.dx,dy:e.dy})})).on("zoom",(function(e){$I(o,e.scale,e.originX,e.originY),n.dispatchAction({seriesId:t.id,type:"graphRoam",zoom:e.scale,originX:e.originX,originY:e.originY}),i._updateNodeAndLinkScale(),XA(t.getGraph(),pA(t)),i._lineDraw.updateLayout(),n.updateLabelLayout()}))):r.disable()},e.prototype._updateNodeAndLinkScale=function(){var t=this._model,e=t.getData(),n=pA(t);e.eachItemGraphicEl((function(t,e){t&&t.setSymbolScale(n)}))},e.prototype.updateLayout=function(t){XA(t.getGraph(),pA(t)),this._symbolDraw.updateLayout(),this._lineDraw.updateLayout()},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(),this._lineDraw&&this._lineDraw.remove()},e.type="graph",e}(kg);function jA(t){return"_EC_"+t}var qA=function(){function t(t){this.type="graph",this.nodes=[],this.edges=[],this._nodesMap={},this._edgesMap={},this._directed=t||!1}return t.prototype.isDirected=function(){return this._directed},t.prototype.addNode=function(t,e){t=null==t?""+e:""+t;var n=this._nodesMap;if(!n[jA(t)]){var i=new KA(t,e);return i.hostGraph=this,this.nodes.push(i),n[jA(t)]=i,i}},t.prototype.getNodeByIndex=function(t){var e=this.data.getRawIndex(t);return this.nodes[e]},t.prototype.getNodeById=function(t){return this._nodesMap[jA(t)]},t.prototype.addEdge=function(t,e,n){var i=this._nodesMap,r=this._edgesMap;if(j(t)&&(t=this.nodes[t]),j(e)&&(e=this.nodes[e]),t instanceof KA||(t=i[jA(t)]),e instanceof KA||(e=i[jA(e)]),t&&e){var o=t.id+"-"+e.id,a=new $A(t,e,n);return a.hostGraph=this,this._directed&&(t.outEdges.push(a),e.inEdges.push(a)),t.edges.push(a),t!==e&&e.edges.push(a),this.edges.push(a),r[o]=a,a}},t.prototype.getEdgeByIndex=function(t){var e=this.edgeData.getRawIndex(t);return this.edges[e]},t.prototype.getEdge=function(t,e){t instanceof KA&&(t=t.id),e instanceof KA&&(e=e.id);var n=this._edgesMap;return this._directed?n[t+"-"+e]:n[t+"-"+e]||n[e+"-"+t]},t.prototype.eachNode=function(t,e){for(var n=this.nodes,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&t.call(e,n[r],r)},t.prototype.eachEdge=function(t,e){for(var n=this.edges,i=n.length,r=0;r<i;r++)n[r].dataIndex>=0&&n[r].node1.dataIndex>=0&&n[r].node2.dataIndex>=0&&t.call(e,n[r],r)},t.prototype.breadthFirstTraverse=function(t,e,n,i){if(e instanceof KA||(e=this._nodesMap[jA(e)]),e){for(var r="out"===n?"outEdges":"in"===n?"inEdges":"edges",o=0;o<this.nodes.length;o++)this.nodes[o].__visited=!1;if(!t.call(i,e,null))for(var a=[e];a.length;){var s=a.shift(),l=s[r];for(o=0;o<l.length;o++){var u=l[o],h=u.node1===s?u.node2:u.node1;if(!h.__visited){if(t.call(i,h,s))return;a.push(h),h.__visited=!0}}}}},t.prototype.update=function(){for(var t=this.data,e=this.edgeData,n=this.nodes,i=this.edges,r=0,o=n.length;r<o;r++)n[r].dataIndex=-1;for(r=0,o=t.count();r<o;r++)n[t.getRawIndex(r)].dataIndex=r;e.filterSelf((function(t){var n=i[e.getRawIndex(t)];return n.node1.dataIndex>=0&&n.node2.dataIndex>=0}));for(r=0,o=i.length;r<o;r++)i[r].dataIndex=-1;for(r=0,o=e.count();r<o;r++)i[e.getRawIndex(r)].dataIndex=r},t.prototype.clone=function(){for(var e=new t(this._directed),n=this.nodes,i=this.edges,r=0;r<n.length;r++)e.addNode(n[r].id,n[r].dataIndex);for(r=0;r<i.length;r++){var o=i[r];e.addEdge(o.node1.id,o.node2.id,o.dataIndex)}return e},t}(),KA=function(){function t(t,e){this.inEdges=[],this.outEdges=[],this.edges=[],this.dataIndex=-1,this.id=null==t?"":t,this.dataIndex=null==e?-1:e}return t.prototype.degree=function(){return this.edges.length},t.prototype.inDegree=function(){return this.inEdges.length},t.prototype.outDegree=function(){return this.outEdges.length},t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.data.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){for(var t={edge:[],node:[]},e=0;e<this.edges.length;e++){var n=this.edges[e];n.dataIndex<0||(t.edge.push(n.dataIndex),t.node.push(n.node1.dataIndex,n.node2.dataIndex))}return t},t.prototype.getTrajectoryDataIndices=function(){for(var t=yt(),e=yt(),n=0;n<this.edges.length;n++){var i=this.edges[n];if(!(i.dataIndex<0)){t.set(i.dataIndex,!0);for(var r=[i.node1],o=[i.node2],a=0;a<r.length;){var s=r[a];a++,e.set(s.dataIndex,!0);for(var l=0;l<s.inEdges.length;l++)t.set(s.inEdges[l].dataIndex,!0),r.push(s.inEdges[l].node1)}for(a=0;a<o.length;){var u=o[a];a++,e.set(u.dataIndex,!0);for(l=0;l<u.outEdges.length;l++)t.set(u.outEdges[l].dataIndex,!0),o.push(u.outEdges[l].node2)}}}return{edge:t.keys(),node:e.keys()}},t}(),$A=function(){function t(t,e,n){this.dataIndex=-1,this.node1=t,this.node2=e,this.dataIndex=null==n?-1:n}return t.prototype.getModel=function(t){if(!(this.dataIndex<0))return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(t)},t.prototype.getAdjacentDataIndices=function(){return{edge:[this.dataIndex],node:[this.node1.dataIndex,this.node2.dataIndex]}},t.prototype.getTrajectoryDataIndices=function(){var t=yt(),e=yt();t.set(this.dataIndex,!0);for(var n=[this.node1],i=[this.node2],r=0;r<n.length;){var o=n[r];r++,e.set(o.dataIndex,!0);for(var a=0;a<o.inEdges.length;a++)t.set(o.inEdges[a].dataIndex,!0),n.push(o.inEdges[a].node1)}for(r=0;r<i.length;){var s=i[r];r++,e.set(s.dataIndex,!0);for(a=0;a<s.outEdges.length;a++)t.set(s.outEdges[a].dataIndex,!0),i.push(s.outEdges[a].node2)}return{edge:t.keys(),node:e.keys()}},t}();function JA(t,e){return{getValue:function(n){var i=this[t][e];return i.getStore().get(i.getDimensionIndex(n||"value"),this.dataIndex)},setVisual:function(n,i){this.dataIndex>=0&&this[t][e].setItemVisual(this.dataIndex,n,i)},getVisual:function(n){return this[t][e].getItemVisual(this.dataIndex,n)},setLayout:function(n,i){this.dataIndex>=0&&this[t][e].setItemLayout(this.dataIndex,n,i)},getLayout:function(){return this[t][e].getItemLayout(this.dataIndex)},getGraphicEl:function(){return this[t][e].getItemGraphicEl(this.dataIndex)},getRawIndex:function(){return this[t][e].getRawIndex(this.dataIndex)}}}function QA(t,e,n,i,r){for(var o=new qA(i),a=0;a<t.length;a++)o.addNode(it(t[a].id,t[a].name,a),a);var s=[],l=[],u=0;for(a=0;a<e.length;a++){var h=e[a],c=h.source,p=h.target;o.addEdge(c,p,u)&&(l.push(h),s.push(it(Ao(h.id,null),c+" > "+p)),u++)}var d,f=n.get("coordinateSystem");if("cartesian2d"===f||"polar"===f)d=vx(t,n);else{var g=xd.get(f),y=g&&g.dimensions||[];P(y,"value")<0&&y.concat(["value"]);var v=ux(t,{coordDimensions:y,encodeDefine:n.getEncode()}).dimensions;(d=new lx(v,n)).initData(t)}var m=new lx(["value"],n);return m.initData(l,s),r&&r(d,m),zC({mainData:d,struct:o,structAttr:"graph",datas:{node:d,edge:m},datasAttr:{node:"data",edge:"edgeData"}}),o.update(),o}R(KA,JA("hostGraph","data")),R($A,JA("hostGraph","edgeData"));var tk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments);var n=this;function i(){return n._categoriesData}this.legendVisualProvider=new IM(i,i),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this.fillDataTextStyle(e.edges||e.links),this._updateCategoriesData()},e.prototype.mergeDefaultAndTheme=function(e){t.prototype.mergeDefaultAndTheme.apply(this,arguments),wo(e,"edgeLabel",["show"])},e.prototype.getInitialData=function(t,e){var n,i=t.edges||t.links||[],r=t.data||t.nodes||[],o=this;if(r&&i){iA(n=this)&&(n.__curvenessList=[],n.__edgeMap={},rA(n));var a=QA(r,i,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t){var e=o._categoriesModels[t.getShallow("category")];return e&&(e.parentModel=t.parentModel,t.parentModel=e),t}));var n=Mc.prototype.getModel;function i(t,e){var i=n.call(this,t,e);return i.resolveParentPath=r,i}function r(t){if(t&&("label"===t[0]||"label"===t[1])){var e=t.slice();return"label"===t[0]?e[0]="edgeLabel":"label"===t[1]&&(e[1]="edgeLabel"),e}return t}e.wrapMethod("getItemModel",(function(t){return t.resolveParentPath=r,t.getModel=i,t}))}));return E(a.edges,(function(t){!function(t,e,n,i){if(iA(n)){var r=oA(t,e,n),o=n.__edgeMap,a=o[aA(r)];o[r]&&!a?o[r].isForward=!0:a&&o[r]&&(a.isForward=!0,o[r].isForward=!1),o[r]=o[r]||[],o[r].push(i)}}(t.node1,t.node2,this,t.dataIndex)}),this),a.data}},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.getCategoriesData=function(){return this._categoriesData},e.prototype.formatTooltip=function(t,e,n){if("edge"===n){var i=this.getData(),r=this.getDataParams(t,n),o=i.graph.getEdgeByIndex(t),a=i.getName(o.node1.dataIndex),s=i.getName(o.node2.dataIndex),l=[];return null!=a&&l.push(a),null!=s&&l.push(s),ng("nameValue",{name:l.join(" > "),value:r.value,noValue:null==r.value})}return fg({series:this,dataIndex:t,multipleSeries:e})},e.prototype._updateCategoriesData=function(){var t=z(this.option.categories||[],(function(t){return null!=t.value?t:A({value:0},t)})),e=new lx(["value"],this);e.initData(t),this._categoriesData=e,this._categoriesModels=e.mapArray((function(t){return e.getItemModel(t)}))},e.prototype.setZoom=function(t){this.option.zoom=t},e.prototype.setCenter=function(t){this.option.center=t},e.prototype.isAnimationEnabled=function(){return t.prototype.isAnimationEnabled.call(this)&&!("force"===this.get("layout")&&this.get(["force","layoutAnimation"]))},e.type="series.graph",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={z:2,coordinateSystem:"view",legendHoverLink:!0,layout:null,circular:{rotateLabel:!1},force:{initLayout:null,repulsion:[0,50],gravity:.1,friction:.6,edgeLength:30,layoutAnimation:!0},left:"center",top:"center",symbol:"circle",symbolSize:10,edgeSymbol:["none","none"],edgeSymbolSize:10,edgeLabel:{position:"middle",distance:5},draggable:!1,roam:!1,center:null,zoom:1,nodeScaleRatio:.6,label:{show:!1,formatter:"{b}"},itemStyle:{},lineStyle:{color:"#aaa",width:1,opacity:.5},emphasis:{scale:!0,label:{show:!0}},select:{itemStyle:{borderColor:"#212121"}}},e}(mg),ek={type:"graphRoam",event:"graphRoam",update:"none"};var nk=function(){this.angle=0,this.width=10,this.r=10,this.x=0,this.y=0},ik=function(t){function e(e){var n=t.call(this,e)||this;return n.type="pointer",n}return n(e,t),e.prototype.getDefaultShape=function(){return new nk},e.prototype.buildPath=function(t,e){var n=Math.cos,i=Math.sin,r=e.r,o=e.width,a=e.angle,s=e.x-n(a)*o*(o>=r/3?1:2),l=e.y-i(a)*o*(o>=r/3?1:2);a=e.angle-Math.PI/2,t.moveTo(s,l),t.lineTo(e.x+n(a)*o,e.y+i(a)*o),t.lineTo(e.x+n(e.angle)*r,e.y+i(e.angle)*r),t.lineTo(e.x-n(a)*o,e.y-i(a)*o),t.lineTo(s,l)},e}(Is);function rk(t,e){var n=null==t?"":t+"";return e&&(U(e)?n=e.replace("{value}",n):X(e)&&(n=e(t))),n}var ok=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeAll();var i=t.get(["axisLine","lineStyle","color"]),r=function(t,e){var n=t.get("center"),i=e.getWidth(),r=e.getHeight(),o=Math.min(i,r);return{cx:Ur(n[0],e.getWidth()),cy:Ur(n[1],e.getHeight()),r:Ur(t.get("radius"),o/2)}}(t,n);this._renderMain(t,e,n,i,r),this._data=t.getData()},e.prototype.dispose=function(){},e.prototype._renderMain=function(t,e,n,i,r){var o=this.group,a=t.get("clockwise"),s=-t.get("startAngle")/180*Math.PI,l=-t.get("endAngle")/180*Math.PI,u=t.getModel("axisLine"),h=u.get("roundCap")?HS:zu,c=u.get("show"),p=u.getModel("lineStyle"),d=p.get("width"),f=[s,l];rs(f,!a);for(var g=(l=f[1])-(s=f[0]),y=s,v=[],m=0;c&&m<i.length;m++){var x=new h({shape:{startAngle:y,endAngle:l=s+g*Math.min(Math.max(i[m][0],0),1),cx:r.cx,cy:r.cy,clockwise:a,r0:r.r-d,r:r.r},silent:!0});x.setStyle({fill:i[m][1]}),x.setStyle(p.getLineStyle(["color","width"])),v.push(x),y=l}v.reverse(),E(v,(function(t){return o.add(t)}));var _=function(t){if(t<=0)return i[0][1];var e;for(e=0;e<i.length;e++)if(i[e][0]>=t&&(0===e?0:i[e-1][0])<t)return i[e][1];return i[e-1][1]};this._renderTicks(t,e,n,_,r,s,l,a,d),this._renderTitleAndDetail(t,e,n,_,r),this._renderAnchor(t,r),this._renderPointer(t,e,n,_,r,s,l,a,d)},e.prototype._renderTicks=function(t,e,n,i,r,o,a,s,l){for(var u,h,c=this.group,p=r.cx,d=r.cy,f=r.r,g=+t.get("min"),y=+t.get("max"),v=t.getModel("splitLine"),m=t.getModel("axisTick"),x=t.getModel("axisLabel"),_=t.get("splitNumber"),b=m.get("splitNumber"),w=Ur(v.get("length"),f),S=Ur(m.get("length"),f),M=o,I=(a-o)/_,T=I/b,C=v.getModel("lineStyle").getLineStyle(),D=m.getModel("lineStyle").getLineStyle(),A=v.get("distance"),k=0;k<=_;k++){if(u=Math.cos(M),h=Math.sin(M),v.get("show")){var L=new Zu({shape:{x1:u*(f-(P=A?A+l:l))+p,y1:h*(f-P)+d,x2:u*(f-w-P)+p,y2:h*(f-w-P)+d},style:C,silent:!0});"auto"===C.stroke&&L.setStyle({stroke:i(k/_)}),c.add(L)}if(x.get("show")){var P=x.get("distance")+A,O=rk(Zr(k/_*(y-g)+g),x.get("formatter")),R=i(k/_),N=u*(f-w-P)+p,E=h*(f-w-P)+d,z=x.get("rotate"),V=0;"radial"===z?(V=-M+2*Math.PI)>Math.PI/2&&(V+=Math.PI):"tangential"===z?V=-M-Math.PI/2:j(z)&&(V=z*Math.PI/180),0===V?c.add(new Fs({style:nc(x,{text:O,x:N,y:E,verticalAlign:h<-.8?"top":h>.8?"bottom":"middle",align:u<-.4?"left":u>.4?"right":"center"},{inheritColor:R}),silent:!0})):c.add(new Fs({style:nc(x,{text:O,x:N,y:E,verticalAlign:"middle",align:"center"},{inheritColor:R}),silent:!0,originX:N,originY:E,rotation:V}))}if(m.get("show")&&k!==_){P=(P=m.get("distance"))?P+l:l;for(var B=0;B<=b;B++){u=Math.cos(M),h=Math.sin(M);var F=new Zu({shape:{x1:u*(f-P)+p,y1:h*(f-P)+d,x2:u*(f-S-P)+p,y2:h*(f-S-P)+d},silent:!0,style:D});"auto"===D.stroke&&F.setStyle({stroke:i((k+B/b)/_)}),c.add(F),M+=T}M-=T}else M+=I}},e.prototype._renderPointer=function(t,e,n,i,r,o,a,s,l){var u=this.group,h=this._data,c=this._progressEls,p=[],d=t.get(["pointer","show"]),f=t.getModel("progress"),g=f.get("show"),y=t.getData(),v=y.mapDimension("value"),m=+t.get("min"),x=+t.get("max"),_=[m,x],b=[o,a];function w(e,n){var i,o=y.getItemModel(e).getModel("pointer"),a=Ur(o.get("width"),r.r),s=Ur(o.get("length"),r.r),l=t.get(["pointer","icon"]),u=o.get("offsetCenter"),h=Ur(u[0],r.r),c=Ur(u[1],r.r),p=o.get("keepAspect");return(i=l?Wy(l,h-a/2,c-s,a,s,null,p):new ik({shape:{angle:-Math.PI/2,width:a,r:s,x:h,y:c}})).rotation=-(n+Math.PI/2),i.x=r.cx,i.y=r.cy,i}function S(t,e){var n=f.get("roundCap")?HS:zu,i=f.get("overlap"),a=i?f.get("width"):l/y.count(),u=i?r.r-a:r.r-(t+1)*a,h=i?r.r:r.r-t*a,c=new n({shape:{startAngle:o,endAngle:e,cx:r.cx,cy:r.cy,clockwise:s,r0:u,r:h}});return i&&(c.z2=x-y.get(v,t)%x),c}(g||d)&&(y.diff(h).add((function(e){var n=y.get(v,e);if(d){var i=w(e,o);gh(i,{rotation:-((isNaN(+n)?b[0]:Xr(n,_,b,!0))+Math.PI/2)},t),u.add(i),y.setItemGraphicEl(e,i)}if(g){var r=S(e,o),a=f.get("clip");gh(r,{shape:{endAngle:Xr(n,_,b,a)}},t),u.add(r),tl(t.seriesIndex,y.dataType,e,r),p[e]=r}})).update((function(e,n){var i=y.get(v,e);if(d){var r=h.getItemGraphicEl(n),a=r?r.rotation:o,s=w(e,a);s.rotation=a,fh(s,{rotation:-((isNaN(+i)?b[0]:Xr(i,_,b,!0))+Math.PI/2)},t),u.add(s),y.setItemGraphicEl(e,s)}if(g){var l=c[n],m=S(e,l?l.shape.endAngle:o),x=f.get("clip");fh(m,{shape:{endAngle:Xr(i,_,b,x)}},t),u.add(m),tl(t.seriesIndex,y.dataType,e,m),p[e]=m}})).execute(),y.each((function(t){var e=y.getItemModel(t),n=e.getModel("emphasis"),r=n.get("focus"),o=n.get("blurScope"),a=n.get("disabled");if(d){var s=y.getItemGraphicEl(t),l=y.getItemVisual(t,"style"),u=l.fill;if(s instanceof ks){var h=s.style;s.useStyle(A({image:h.image,x:h.x,y:h.y,width:h.width,height:h.height},l))}else s.useStyle(l),"pointer"!==s.type&&s.setColor(u);s.setStyle(e.getModel(["pointer","itemStyle"]).getItemStyle()),"auto"===s.style.fill&&s.setStyle("fill",i(Xr(y.get(v,t),_,[0,1],!0))),s.z2EmphasisLift=0,jl(s,e),Yl(s,r,o,a)}if(g){var c=p[t];c.useStyle(y.getItemVisual(t,"style")),c.setStyle(e.getModel(["progress","itemStyle"]).getItemStyle()),c.z2EmphasisLift=0,jl(c,e),Yl(c,r,o,a)}})),this._progressEls=p)},e.prototype._renderAnchor=function(t,e){var n=t.getModel("anchor");if(n.get("show")){var i=n.get("size"),r=n.get("icon"),o=n.get("offsetCenter"),a=n.get("keepAspect"),s=Wy(r,e.cx-i/2+Ur(o[0],e.r),e.cy-i/2+Ur(o[1],e.r),i,i,null,a);s.z2=n.get("showAbove")?1:0,s.setStyle(n.getModel("itemStyle").getItemStyle()),this.group.add(s)}},e.prototype._renderTitleAndDetail=function(t,e,n,i,r){var o=this,a=t.getData(),s=a.mapDimension("value"),l=+t.get("min"),u=+t.get("max"),h=new zr,c=[],p=[],d=t.isAnimationEnabled(),f=t.get(["pointer","showAbove"]);a.diff(this._data).add((function(t){c[t]=new Fs({silent:!0}),p[t]=new Fs({silent:!0})})).update((function(t,e){c[t]=o._titleEls[e],p[t]=o._detailEls[e]})).execute(),a.each((function(e){var n=a.getItemModel(e),o=a.get(s,e),g=new zr,y=i(Xr(o,[l,u],[0,1],!0)),v=n.getModel("title");if(v.get("show")){var m=v.get("offsetCenter"),x=r.cx+Ur(m[0],r.r),_=r.cy+Ur(m[1],r.r);(D=c[e]).attr({z2:f?0:2,style:nc(v,{x:x,y:_,text:a.getName(e),align:"center",verticalAlign:"middle"},{inheritColor:y})}),g.add(D)}var b=n.getModel("detail");if(b.get("show")){var w=b.get("offsetCenter"),S=r.cx+Ur(w[0],r.r),M=r.cy+Ur(w[1],r.r),I=Ur(b.get("width"),r.r),T=Ur(b.get("height"),r.r),C=t.get(["progress","show"])?a.getItemVisual(e,"style").fill:y,D=p[e],A=b.get("formatter");D.attr({z2:f?0:2,style:nc(b,{x:S,y:M,text:rk(o,A),width:isNaN(I)?null:I,height:isNaN(T)?null:T,align:"center",verticalAlign:"middle"},{inheritColor:C})}),hc(D,{normal:b},o,(function(t){return rk(t,A)})),d&&cc(D,e,a,t,{getFormattedLabel:function(t,e,n,i,r,a){return rk(a?a.interpolatedValue:o,A)}}),g.add(D)}h.add(g)})),this.group.add(h),this._titleEls=c,this._detailEls=p},e.type="gauge",e}(kg),ak=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="itemStyle",n}return n(e,t),e.prototype.getInitialData=function(t,e){return MM(this,["value"])},e.type="series.gauge",e.defaultOption={z:2,colorBy:"data",center:["50%","50%"],legendHoverLink:!0,radius:"75%",startAngle:225,endAngle:-45,clockwise:!0,min:0,max:100,splitNumber:10,axisLine:{show:!0,roundCap:!1,lineStyle:{color:[[1,"#E6EBF8"]],width:10}},progress:{show:!1,overlap:!0,width:10,roundCap:!1,clip:!0},splitLine:{show:!0,length:10,distance:10,lineStyle:{color:"#63677A",width:3,type:"solid"}},axisTick:{show:!0,splitNumber:5,length:6,distance:10,lineStyle:{color:"#63677A",width:1,type:"solid"}},axisLabel:{show:!0,distance:15,color:"#464646",fontSize:12,rotate:0},pointer:{icon:null,offsetCenter:[0,0],show:!0,showAbove:!0,length:"60%",width:6,keepAspect:!1},anchor:{show:!1,showAbove:!1,size:6,icon:"circle",offsetCenter:[0,0],keepAspect:!1,itemStyle:{color:"#fff",borderWidth:0,borderColor:"#5470c6"}},title:{show:!0,offsetCenter:[0,"20%"],color:"#464646",fontSize:16,valueAnimation:!1},detail:{show:!0,backgroundColor:"rgba(0,0,0,0)",borderWidth:0,borderColor:"#ccc",width:100,height:null,padding:[5,10],offsetCenter:[0,"40%"],color:"#464646",fontSize:30,fontWeight:"bold",lineHeight:30,valueAnimation:!1}},e}(mg);var sk=["itemStyle","opacity"],lk=function(t){function e(e,n){var i=t.call(this)||this,r=i,o=new Yu,a=new Fs;return r.setTextContent(a),i.setTextGuideLine(o),i.updateData(e,n,!0),i}return n(e,t),e.prototype.updateData=function(t,e,n){var i=this,r=t.hostModel,o=t.getItemModel(e),a=t.getItemLayout(e),s=o.getModel("emphasis"),l=o.get(sk);l=null==l?1:l,n||_h(i),i.useStyle(t.getItemVisual(e,"style")),i.style.lineJoin="round",n?(i.setShape({points:a.points}),i.style.opacity=0,gh(i,{style:{opacity:l}},r,e)):fh(i,{style:{opacity:l},shape:{points:a.points}},r,e),jl(i,o),this._updateLabel(t,e),Yl(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t,e){var n=this,i=this.getTextGuideLine(),r=n.getTextContent(),o=t.hostModel,a=t.getItemModel(e),s=t.getItemLayout(e).label,l=t.getItemVisual(e,"style"),u=l.fill;tc(r,ec(a),{labelFetcher:t.hostModel,labelDataIndex:e,defaultOpacity:l.opacity,defaultText:t.getName(e)},{normal:{align:s.textAlign,verticalAlign:s.verticalAlign}}),n.setTextConfig({local:!0,inside:!!s.inside,insideStroke:u,outsideFill:u});var h=s.linePoints;i.setShape({points:h}),n.textGuideLineConfig={anchor:h?new De(h[0][0],h[0][1]):null},fh(r,{style:{x:s.x,y:s.y}},o,e),r.attr({rotation:s.rotation,originX:s.x,originY:s.y,z2:10}),Tb(n,Cb(a),{stroke:u})},e}(Wu),uk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreLabelLineUpdate=!0,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._data,o=this.group;i.diff(r).add((function(t){var e=new lk(i,t);i.setItemGraphicEl(t,e),o.add(e)})).update((function(t,e){var n=r.getItemGraphicEl(e);n.updateData(i,t),o.add(n),i.setItemGraphicEl(t,n)})).remove((function(e){xh(r.getItemGraphicEl(e),t,e)})).execute(),this._data=i},e.prototype.remove=function(){this.group.removeAll(),this._data=null},e.prototype.dispose=function(){},e.type="funnel",e}(kg),hk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new IM(W(this.getData,this),W(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.getInitialData=function(t,e){return MM(this,{coordDimensions:["value"],encodeDefaulter:H(Jp,this)})},e.prototype._defaultLabelLine=function(t){wo(t,"labelLine",["show"]);var e=t.labelLine,n=t.emphasis.labelLine;e.show=e.show&&t.label.show,n.show=n.show&&t.emphasis.label.show},e.prototype.getDataParams=function(e){var n=this.getData(),i=t.prototype.getDataParams.call(this,e),r=n.mapDimension("value"),o=n.getSum(r);return i.percent=o?+(n.get(r,e)/o*100).toFixed(2):0,i.$vars.push("percent"),i},e.type="series.funnel",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",left:80,top:60,right:80,bottom:60,minSize:"0%",maxSize:"100%",sort:"descending",orient:"vertical",gap:0,funnelAlign:"center",label:{show:!0,position:"outer"},labelLine:{show:!0,length:20,lineStyle:{width:1}},itemStyle:{borderColor:"#fff",borderWidth:1},emphasis:{label:{show:!0}},select:{itemStyle:{borderColor:"#212121"}}},e}(mg);function ck(t,e){t.eachSeriesByType("funnel",(function(t){var n=t.getData(),i=n.mapDimension("value"),r=t.get("sort"),o=function(t,e){return Cp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}(t,e),a=t.get("orient"),s=o.width,l=o.height,u=function(t,e){for(var n=t.mapDimension("value"),i=t.mapArray(n,(function(t){return t})),r=[],o="ascending"===e,a=0,s=t.count();a<s;a++)r[a]=a;return X(e)?r.sort(e):"none"!==e&&r.sort((function(t,e){return o?i[t]-i[e]:i[e]-i[t]})),r}(n,r),h=o.x,c=o.y,p="horizontal"===a?[Ur(t.get("minSize"),l),Ur(t.get("maxSize"),l)]:[Ur(t.get("minSize"),s),Ur(t.get("maxSize"),s)],d=n.getDataExtent(i),f=t.get("min"),g=t.get("max");null==f&&(f=Math.min(d[0],0)),null==g&&(g=d[1]);var y=t.get("funnelAlign"),v=t.get("gap"),m=(("horizontal"===a?s:l)-v*(n.count()-1))/n.count(),x=function(t,e){if("horizontal"===a){var r=Xr(n.get(i,t)||0,[f,g],p,!0),o=void 0;switch(y){case"top":o=c;break;case"center":o=c+(l-r)/2;break;case"bottom":o=c+(l-r)}return[[e,o],[e,o+r]]}var u,d=Xr(n.get(i,t)||0,[f,g],p,!0);switch(y){case"left":u=h;break;case"center":u=h+(s-d)/2;break;case"right":u=h+s-d}return[[u,e],[u+d,e]]};"ascending"===r&&(m=-m,v=-v,"horizontal"===a?h+=s:c+=l,u=u.reverse());for(var _=0;_<u.length;_++){var b=u[_],w=u[_+1],S=n.getItemModel(b);if("horizontal"===a){var M=S.get(["itemStyle","width"]);null==M?M=m:(M=Ur(M,s),"ascending"===r&&(M=-M));var I=x(b,h),T=x(w,h+M);h+=M+v,n.setItemLayout(b,{points:I.concat(T.slice().reverse())})}else{var C=S.get(["itemStyle","height"]);null==C?C=m:(C=Ur(C,l),"ascending"===r&&(C=-C));I=x(b,c),T=x(w,c+C);c+=C+v,n.setItemLayout(b,{points:I.concat(T.slice().reverse())})}}!function(t){var e=t.hostModel.get("orient");t.each((function(n){var i,r,o,a,s=t.getItemModel(n),l=s.getModel("label").get("position"),u=s.getModel("labelLine"),h=t.getItemLayout(n),c=h.points,p="inner"===l||"inside"===l||"center"===l||"insideLeft"===l||"insideRight"===l;if(p)"insideLeft"===l?(r=(c[0][0]+c[3][0])/2+5,o=(c[0][1]+c[3][1])/2,i="left"):"insideRight"===l?(r=(c[1][0]+c[2][0])/2-5,o=(c[1][1]+c[2][1])/2,i="right"):(r=(c[0][0]+c[1][0]+c[2][0]+c[3][0])/4,o=(c[0][1]+c[1][1]+c[2][1]+c[3][1])/4,i="center"),a=[[r,o],[r,o]];else{var d=void 0,f=void 0,g=void 0,y=void 0,v=u.get("length");"left"===l?(d=(c[3][0]+c[0][0])/2,f=(c[3][1]+c[0][1])/2,r=(g=d-v)-5,i="right"):"right"===l?(d=(c[1][0]+c[2][0])/2,f=(c[1][1]+c[2][1])/2,r=(g=d+v)+5,i="left"):"top"===l?(d=(c[3][0]+c[0][0])/2,o=(y=(f=(c[3][1]+c[0][1])/2)-v)-5,i="center"):"bottom"===l?(d=(c[1][0]+c[2][0])/2,o=(y=(f=(c[1][1]+c[2][1])/2)+v)+5,i="center"):"rightTop"===l?(d="horizontal"===e?c[3][0]:c[1][0],f="horizontal"===e?c[3][1]:c[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=d+v)+5,i="top")):"rightBottom"===l?(d=c[2][0],f=c[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=d+v)+5,i="bottom")):"leftTop"===l?(d=c[0][0],f="horizontal"===e?c[0][1]:c[1][1],"horizontal"===e?(o=(y=f-v)-5,i="center"):(r=(g=d-v)-5,i="right")):"leftBottom"===l?(d="horizontal"===e?c[1][0]:c[3][0],f="horizontal"===e?c[1][1]:c[2][1],"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=d-v)-5,i="right")):(d=(c[1][0]+c[2][0])/2,f=(c[1][1]+c[2][1])/2,"horizontal"===e?(o=(y=f+v)+5,i="center"):(r=(g=d+v)+5,i="left")),"horizontal"===e?r=g=d:o=y=f,a=[[d,f],[g,y]]}h.label={linePoints:a,x:r,y:o,verticalAlign:"middle",textAlign:i,inside:p}}))}(n)}))}var pk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._dataGroup=new zr,n._initialized=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._dataGroup)},e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._dataGroup,o=t.getData(),a=this._data,s=t.coordinateSystem,l=s.dimensions,u=gk(t);if(o.diff(a).add((function(t){yk(fk(o,r,t,l,s),o,t,u)})).update((function(e,n){var i=a.getItemGraphicEl(n),r=dk(o,e,l,s);o.setItemGraphicEl(e,i),fh(i,{shape:{points:r}},t,e),_h(i),yk(i,o,e,u)})).remove((function(t){var e=a.getItemGraphicEl(t);r.remove(e)})).execute(),!this._initialized){this._initialized=!0;var h=function(t,e,n){var i=t.model,r=t.getRect(),o=new zs({shape:{x:r.x,y:r.y,width:r.width,height:r.height}}),a="horizontal"===i.get("layout")?"width":"height";return o.setShape(a,0),gh(o,{shape:{width:r.width,height:r.height}},e,n),o}(s,t,(function(){setTimeout((function(){r.removeClipPath()}))}));r.setClipPath(h)}this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this._initialized=!0,this._data=null,this._dataGroup.removeAll()},e.prototype.incrementalRender=function(t,e,n){for(var i=e.getData(),r=e.coordinateSystem,o=r.dimensions,a=gk(e),s=this._progressiveEls=[],l=t.start;l<t.end;l++){var u=fk(i,this._dataGroup,l,o,r);u.incremental=!0,yk(u,i,l,a),s.push(u)}},e.prototype.remove=function(){this._dataGroup&&this._dataGroup.removeAll(),this._data=null},e.type="parallel",e}(kg);function dk(t,e,n,i){for(var r,o=[],a=0;a<n.length;a++){var s=n[a],l=t.get(t.mapDimension(s),e);r=l,("category"===i.getAxis(s).type?null==r:null==r||isNaN(r))||o.push(i.dataToPoint(l,s))}return o}function fk(t,e,n,i,r){var o=dk(t,n,i,r),a=new Yu({shape:{points:o},z2:10});return e.add(a),t.setItemGraphicEl(n,a),a}function gk(t){var e=t.get("smooth",!0);return!0===e&&(e=.3),nt(e=ho(e))&&(e=0),{smooth:e}}function yk(t,e,n,i){t.useStyle(e.getItemVisual(n,"style")),t.style.fill=null,t.setShape("smooth",i.smooth);var r=e.getItemModel(n),o=r.getModel("emphasis");jl(t,r,"lineStyle"),Yl(t,o.get("focus"),o.get("blurScope"),o.get("disabled"))}var vk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.getInitialData=function(t,e){return vx(null,this,{useEncodeDefaulter:W(mk,null,this)})},e.prototype.getRawIndicesByActiveState=function(t){var e=this.coordinateSystem,n=this.getData(),i=[];return e.eachActiveState(n,(function(e,r){t===e&&i.push(n.getRawIndex(r))})),i},e.type="series.parallel",e.dependencies=["parallel"],e.defaultOption={z:2,coordinateSystem:"parallel",parallelIndex:0,label:{show:!1},inactiveOpacity:.05,activeOpacity:1,lineStyle:{width:1,opacity:.45,type:"solid"},emphasis:{label:{show:!1}},progressive:500,smooth:!1,animationEasing:"linear"},e}(mg);function mk(t){var e=t.ecModel.getComponent("parallel",t.get("parallelIndex"));if(e){var n={};return E(e.dimensions,(function(t){var e=+t.replace("dim","");n[t]=e})),n}}var xk=["lineStyle","opacity"],_k={seriesType:"parallel",reset:function(t,e){var n=t.coordinateSystem,i={normal:t.get(["lineStyle","opacity"]),active:t.get("activeOpacity"),inactive:t.get("inactiveOpacity")};return{progress:function(t,e){n.eachActiveState(e,(function(t,n){var r=i[t];if("normal"===t&&e.hasItemOption){var o=e.getItemModel(n).get(xk,!0);null!=o&&(r=o)}e.ensureUniqueItemVisual(n,"style").opacity=r}),t.start,t.end)}}}};function bk(t){!function(t){if(t.parallel)return;var e=!1;E(t.series,(function(t){t&&"parallel"===t.type&&(e=!0)})),e&&(t.parallel=[{}])}(t),function(t){var e=bo(t.parallelAxis);E(e,(function(e){if(q(e)){var n=e.parallelIndex||0,i=bo(t.parallel)[n];i&&i.parallelAxisDefault&&C(e,i.parallelAxisDefault,!1)}}))}(t)}var wk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this._model=t,this._api=n,this._handlers||(this._handlers={},E(Sk,(function(t,e){n.getZr().on(e,this._handlers[e]=W(t,this))}),this)),Fg(this,"_throttledDispatchExpand",t.get("axisExpandRate"),"fixRate")},e.prototype.dispose=function(t,e){Gg(this,"_throttledDispatchExpand"),E(this._handlers,(function(t,n){e.getZr().off(n,t)})),this._handlers=null},e.prototype._throttledDispatchExpand=function(t){this._dispatchExpand(t)},e.prototype._dispatchExpand=function(t){t&&this._api.dispatchAction(A({type:"parallelAxisExpand"},t))},e.type="parallel",e}(Tg),Sk={mousedown:function(t){Mk(this,"click")&&(this._mouseDownPoint=[t.offsetX,t.offsetY])},mouseup:function(t){var e=this._mouseDownPoint;if(Mk(this,"click")&&e){var n=[t.offsetX,t.offsetY];if(Math.pow(e[0]-n[0],2)+Math.pow(e[1]-n[1],2)>5)return;var i=this._model.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]);"none"!==i.behavior&&this._dispatchExpand({axisExpandWindow:i.axisExpandWindow})}this._mouseDownPoint=null},mousemove:function(t){if(!this._mouseDownPoint&&Mk(this,"mousemove")){var e=this._model,n=e.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX,t.offsetY]),i=n.behavior;"jump"===i&&this._throttledDispatchExpand.debounceNextCall(e.get("axisExpandDebounce")),this._throttledDispatchExpand("none"===i?null:{axisExpandWindow:n.axisExpandWindow,animation:"jump"===i?null:{duration:0}})}}};function Mk(t,e){var n=t._model;return n.get("axisExpandable")&&n.get("axisExpandTriggerOn")===e}var Ik=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){t.prototype.init.apply(this,arguments),this.mergeOption({})},e.prototype.mergeOption=function(t){var e=this.option;t&&C(e,t,!0),this._initDimensions()},e.prototype.contains=function(t,e){var n=t.get("parallelIndex");return null!=n&&e.getComponent("parallel",n)===this},e.prototype.setAxisExpand=function(t){E(["axisExpandable","axisExpandCenter","axisExpandCount","axisExpandWidth","axisExpandWindow"],(function(e){t.hasOwnProperty(e)&&(this.option[e]=t[e])}),this)},e.prototype._initDimensions=function(){var t=this.dimensions=[],e=this.parallelAxisIndex=[];E(B(this.ecModel.queryComponents({mainType:"parallelAxis"}),(function(t){return(t.get("parallelIndex")||0)===this.componentIndex}),this),(function(n){t.push("dim"+n.get("dim")),e.push(n.componentIndex)}))},e.type="parallel",e.dependencies=["parallelAxis"],e.layoutMode="box",e.defaultOption={z:0,left:80,top:60,right:80,bottom:60,layout:"horizontal",axisExpandable:!1,axisExpandCenter:null,axisExpandCount:0,axisExpandWidth:50,axisExpandRate:17,axisExpandDebounce:50,axisExpandSlideTriggerArea:[-.15,.05,.4],axisExpandTriggerOn:"click",parallelAxisDefault:null},e}(Rp),Tk=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.axisIndex=o,a}return n(e,t),e.prototype.isHorizontal=function(){return"horizontal"!==this.coordinateSystem.getModel().get("layout")},e}(nb);function Ck(t,e,n,i,r,o){t=t||0;var a=n[1]-n[0];if(null!=r&&(r=Ak(r,[0,a])),null!=o&&(o=Math.max(o,null!=r?r:0)),"all"===i){var s=Math.abs(e[1]-e[0]);s=Ak(s,[0,a]),r=o=Ak(s,[r,o]),i=0}e[0]=Ak(e[0],n),e[1]=Ak(e[1],n);var l=Dk(e,i);e[i]+=t;var u,h=r||0,c=n.slice();return l.sign<0?c[0]+=h:c[1]-=h,e[i]=Ak(e[i],c),u=Dk(e,i),null!=r&&(u.sign!==l.sign||u.span<r)&&(e[1-i]=e[i]+l.sign*r),u=Dk(e,i),null!=o&&u.span>o&&(e[1-i]=e[i]+u.sign*o),e}function Dk(t,e){var n=t[e]-t[1-e];return{span:Math.abs(n),sign:n>0?-1:n<0?1:e?-1:1}}function Ak(t,e){return Math.min(null!=e[1]?e[1]:1/0,Math.max(null!=e[0]?e[0]:-1/0,t))}var kk=E,Lk=Math.min,Pk=Math.max,Ok=Math.floor,Rk=Math.ceil,Nk=Zr,Ek=Math.PI,zk=function(){function t(t,e,n){this.type="parallel",this._axesMap=yt(),this._axesLayout={},this.dimensions=t.dimensions,this._model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=t.dimensions,r=t.parallelAxisIndex;kk(i,(function(t,n){var i=r[n],o=e.getComponent("parallelAxis",i),a=this._axesMap.set(t,new Tk(t,m_(o),[0,0],o.get("type"),i)),s="category"===a.type;a.onBand=s&&o.get("boundaryGap"),a.inverse=o.get("inverse"),o.axis=a,a.model=o,a.coordinateSystem=o.coordinateSystem=this}),this)},t.prototype.update=function(t,e){this._updateAxesFromSeries(this._model,t)},t.prototype.containPoint=function(t){var e=this._makeLayoutInfo(),n=e.axisBase,i=e.layoutBase,r=e.pixelDimIndex,o=t[1-r],a=t[r];return o>=n&&o<=n+e.axisLength&&a>=i&&a<=i+e.layoutLength},t.prototype.getModel=function(){return this._model},t.prototype._updateAxesFromSeries=function(t,e){e.eachSeries((function(n){if(t.contains(n,e)){var i=n.getData();kk(this.dimensions,(function(t){var e=this._axesMap.get(t);e.scale.unionExtentFromData(i,i.mapDimension(t)),v_(e.scale,e.model)}),this)}}),this)},t.prototype.resize=function(t,e){this._rect=Cp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()}),this._layoutAxes()},t.prototype.getRect=function(){return this._rect},t.prototype._makeLayoutInfo=function(){var t,e=this._model,n=this._rect,i=["x","y"],r=["width","height"],o=e.get("layout"),a="horizontal"===o?0:1,s=n[r[a]],l=[0,s],u=this.dimensions.length,h=Vk(e.get("axisExpandWidth"),l),c=Vk(e.get("axisExpandCount")||0,[0,u]),p=e.get("axisExpandable")&&u>3&&u>c&&c>1&&h>0&&s>0,d=e.get("axisExpandWindow");d?(t=Vk(d[1]-d[0],l),d[1]=d[0]+t):(t=Vk(h*(c-1),l),(d=[h*(e.get("axisExpandCenter")||Ok(u/2))-t/2])[1]=d[0]+t);var f=(s-t)/(u-c);f<3&&(f=0);var g=[Ok(Nk(d[0]/h,1))+1,Rk(Nk(d[1]/h,1))-1],y=f/h*d[0];return{layout:o,pixelDimIndex:a,layoutBase:n[i[a]],layoutLength:s,axisBase:n[i[1-a]],axisLength:n[r[1-a]],axisExpandable:p,axisExpandWidth:h,axisCollapseWidth:f,axisExpandWindow:d,axisCount:u,winInnerIndices:g,axisExpandWindow0Pos:y}},t.prototype._layoutAxes=function(){var t=this._rect,e=this._axesMap,n=this.dimensions,i=this._makeLayoutInfo(),r=i.layout;e.each((function(t){var e=[0,i.axisLength],n=t.inverse?1:0;t.setExtent(e[n],e[1-n])})),kk(n,(function(e,n){var o=(i.axisExpandable?Fk:Bk)(n,i),a={horizontal:{x:o.position,y:i.axisLength},vertical:{x:0,y:o.position}},s={horizontal:Ek/2,vertical:0},l=[a[r].x+t.x,a[r].y+t.y],u=s[r],h=[1,0,0,1,0,0];Se(h,h,u),we(h,h,l),this._axesLayout[e]={position:l,rotation:u,transform:h,axisNameAvailableWidth:o.axisNameAvailableWidth,axisLabelShow:o.axisLabelShow,nameTruncateMaxWidth:o.nameTruncateMaxWidth,tickDirection:1,labelDirection:1}}),this)},t.prototype.getAxis=function(t){return this._axesMap.get(t)},t.prototype.dataToPoint=function(t,e){return this.axisCoordToPoint(this._axesMap.get(e).dataToCoord(t),e)},t.prototype.eachActiveState=function(t,e,n,i){null==n&&(n=0),null==i&&(i=t.count());var r=this._axesMap,o=this.dimensions,a=[],s=[];E(o,(function(e){a.push(t.mapDimension(e)),s.push(r.get(e).model)}));for(var l=this.hasAxisBrushed(),u=n;u<i;u++){var h=void 0;if(l){h="active";for(var c=t.getValues(a,u),p=0,d=o.length;p<d;p++){if("inactive"===s[p].getActiveState(c[p])){h="inactive";break}}}else h="normal";e(h,u)}},t.prototype.hasAxisBrushed=function(){for(var t=this.dimensions,e=this._axesMap,n=!1,i=0,r=t.length;i<r;i++)"normal"!==e.get(t[i]).model.getActiveState()&&(n=!0);return n},t.prototype.axisCoordToPoint=function(t,e){return zh([t,0],this._axesLayout[e].transform)},t.prototype.getAxisLayout=function(t){return T(this._axesLayout[t])},t.prototype.getSlidedAxisExpandWindow=function(t){var e=this._makeLayoutInfo(),n=e.pixelDimIndex,i=e.axisExpandWindow.slice(),r=i[1]-i[0],o=[0,e.axisExpandWidth*(e.axisCount-1)];if(!this.containPoint(t))return{behavior:"none",axisExpandWindow:i};var a,s=t[n]-e.layoutBase-e.axisExpandWindow0Pos,l="slide",u=e.axisCollapseWidth,h=this._model.get("axisExpandSlideTriggerArea"),c=null!=h[0];if(u)c&&u&&s<r*h[0]?(l="jump",a=s-r*h[2]):c&&u&&s>r*(1-h[0])?(l="jump",a=s-r*(1-h[2])):(a=s-r*h[1])>=0&&(a=s-r*(1-h[1]))<=0&&(a=0),(a*=e.axisExpandWidth/u)?Ck(a,i,o,"all"):l="none";else{var p=i[1]-i[0];(i=[Pk(0,o[1]*s/p-p/2)])[1]=Lk(o[1],i[0]+p),i[0]=i[1]-p}return{axisExpandWindow:i,behavior:l}},t}();function Vk(t,e){return Lk(Pk(t,e[0]),e[1])}function Bk(t,e){var n=e.layoutLength/(e.axisCount-1);return{position:n*t,axisNameAvailableWidth:n,axisLabelShow:!0}}function Fk(t,e){var n,i,r=e.layoutLength,o=e.axisExpandWidth,a=e.axisCount,s=e.axisCollapseWidth,l=e.winInnerIndices,u=s,h=!1;return t<l[0]?(n=t*s,i=s):t<=l[1]?(n=e.axisExpandWindow0Pos+t*o-e.axisExpandWindow[0],u=o,h=!0):(n=r-(a-1-t)*s,i=s),{position:n,axisNameAvailableWidth:u,axisLabelShow:h,nameTruncateMaxWidth:i}}var Gk={create:function(t,e){var n=[];return t.eachComponent("parallel",(function(i,r){var o=new zk(i,t,e);o.name="parallel_"+r,o.resize(i,e),i.coordinateSystem=o,o.model=i,n.push(o)})),t.eachSeries((function(t){if("parallel"===t.get("coordinateSystem")){var e=t.getReferringComponents("parallel",zo).models[0];t.coordinateSystem=e.coordinateSystem}})),n}},Wk=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.activeIntervals=[],n}return n(e,t),e.prototype.getAreaSelectStyle=function(){return Jo([["fill","color"],["lineWidth","borderWidth"],["stroke","borderColor"],["width","width"],["opacity","opacity"]])(this.getModel("areaSelectStyle"))},e.prototype.setActiveIntervals=function(t){var e=this.activeIntervals=T(t);if(e)for(var n=e.length-1;n>=0;n--)jr(e[n])},e.prototype.getActiveState=function(t){var e=this.activeIntervals;if(!e.length)return"normal";if(null==t||isNaN(+t))return"inactive";if(1===e.length){var n=e[0];if(n[0]<=t&&t<=n[1])return"active"}else for(var i=0,r=e.length;i<r;i++)if(e[i][0]<=t&&t<=e[i][1])return"active";return"inactive"},e}(Rp);R(Wk,I_);var Hk=!0,Yk=Math.min,Xk=Math.max,Uk=Math.pow,Zk="globalPan",jk={w:[0,0],e:[0,1],n:[1,0],s:[1,1]},qk={w:"ew",e:"ew",n:"ns",s:"ns",ne:"nesw",sw:"nesw",nw:"nwse",se:"nwse"},Kk={brushStyle:{lineWidth:2,stroke:"rgba(210,219,238,0.3)",fill:"#D2DBEE"},transformable:!0,brushMode:"single",removeOnClick:!1},$k=0,Jk=function(t){function e(e){var n=t.call(this)||this;return n._track=[],n._covers=[],n._handlers={},n._zr=e,n.group=new zr,n._uid="brushController_"+$k++,E(IL,(function(t,e){this._handlers[e]=W(t,this)}),n),n}return n(e,t),e.prototype.enableBrush=function(t){return this._brushType&&this._doDisableBrush(),t.brushType&&this._doEnableBrush(t),this},e.prototype._doEnableBrush=function(t){var e=this._zr;this._enableGlobalPan||function(t,e,n){XI(t)[e]=n}(e,Zk,this._uid),E(this._handlers,(function(t,n){e.on(n,t)})),this._brushType=t.brushType,this._brushOption=C(T(Kk),t,!0)},e.prototype._doDisableBrush=function(){var t=this._zr;!function(t,e,n){var i=XI(t);i[e]===n&&(i[e]=null)}(t,Zk,this._uid),E(this._handlers,(function(e,n){t.off(n,e)})),this._brushType=this._brushOption=null},e.prototype.setPanels=function(t){if(t&&t.length){var e=this._panels={};E(t,(function(t){e[t.panelId]=T(t)}))}else this._panels=null;return this},e.prototype.mount=function(t){t=t||{},this._enableGlobalPan=t.enableGlobalPan;var e=this.group;return this._zr.add(e),e.attr({x:t.x||0,y:t.y||0,rotation:t.rotation||0,scaleX:t.scaleX||1,scaleY:t.scaleY||1}),this._transform=e.getLocalTransform(),this},e.prototype.updateCovers=function(t){t=z(t,(function(t){return C(T(Kk),t,!0)}));var e=this._covers,n=this._covers=[],i=this,r=this._creatingCover;return new Vm(e,t,(function(t,e){return o(t.__brushOption,e)}),o).add(a).update(a).remove((function(t){e[t]!==r&&i.group.remove(e[t])})).execute(),this;function o(t,e){return(null!=t.id?t.id:"\0-brush-index-"+e)+"-"+t.brushType}function a(o,a){var s=t[o];if(null!=a&&e[a]===r)n[o]=e[a];else{var l=n[o]=null!=a?(e[a].__brushOption=s,e[a]):tL(i,Qk(i,s));iL(i,l)}}},e.prototype.unmount=function(){return this.enableBrush(!1),sL(this),this._zr.remove(this.group),this},e.prototype.dispose=function(){this.unmount(),this.off()},e}(jt);function Qk(t,e){var n=CL[e.brushType].createCover(t,e);return n.__brushOption=e,nL(n,e),t.group.add(n),n}function tL(t,e){var n=rL(e);return n.endCreating&&(n.endCreating(t,e),nL(e,e.__brushOption)),e}function eL(t,e){var n=e.__brushOption;rL(e).updateCoverShape(t,e,n.range,n)}function nL(t,e){var n=e.z;null==n&&(n=1e4),t.traverse((function(t){t.z=n,t.z2=n}))}function iL(t,e){rL(e).updateCommon(t,e),eL(t,e)}function rL(t){return CL[t.__brushOption.brushType]}function oL(t,e,n){var i,r=t._panels;if(!r)return Hk;var o=t._transform;return E(r,(function(t){t.isTargetByCursor(e,n,o)&&(i=t)})),i}function aL(t,e){var n=t._panels;if(!n)return Hk;var i=e.__brushOption.panelId;return null!=i?n[i]:Hk}function sL(t){var e=t._covers,n=e.length;return E(e,(function(e){t.group.remove(e)}),t),e.length=0,!!n}function lL(t,e){var n=z(t._covers,(function(t){var e=t.__brushOption,n=T(e.range);return{brushType:e.brushType,panelId:e.panelId,range:n}}));t.trigger("brush",{areas:n,isEnd:!!e.isEnd,removeOnClick:!!e.removeOnClick})}function uL(t){var e=t.length-1;return e<0&&(e=0),[t[0],t[e]]}function hL(t,e,n,i){var r=new zr;return r.add(new zs({name:"main",style:fL(n),silent:!0,draggable:!0,cursor:"move",drift:H(vL,t,e,r,["n","s","w","e"]),ondragend:H(lL,e,{isEnd:!0})})),E(i,(function(n){r.add(new zs({name:n.join(""),style:{opacity:0},draggable:!0,silent:!0,invisible:!0,drift:H(vL,t,e,r,n),ondragend:H(lL,e,{isEnd:!0})}))})),r}function cL(t,e,n,i){var r=i.brushStyle.lineWidth||0,o=Xk(r,6),a=n[0][0],s=n[1][0],l=a-r/2,u=s-r/2,h=n[0][1],c=n[1][1],p=h-o+r/2,d=c-o+r/2,f=h-a,g=c-s,y=f+r,v=g+r;dL(t,e,"main",a,s,f,g),i.transformable&&(dL(t,e,"w",l,u,o,v),dL(t,e,"e",p,u,o,v),dL(t,e,"n",l,u,y,o),dL(t,e,"s",l,d,y,o),dL(t,e,"nw",l,u,o,o),dL(t,e,"ne",p,u,o,o),dL(t,e,"sw",l,d,o,o),dL(t,e,"se",p,d,o,o))}function pL(t,e){var n=e.__brushOption,i=n.transformable,r=e.childAt(0);r.useStyle(fL(n)),r.attr({silent:!i,cursor:i?"move":"default"}),E([["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]],(function(n){var r=e.childOfName(n.join("")),o=1===n.length?yL(t,n[0]):function(t,e){var n=[yL(t,e[0]),yL(t,e[1])];return("e"===n[0]||"w"===n[0])&&n.reverse(),n.join("")}(t,n);r&&r.attr({silent:!i,invisible:!i,cursor:i?qk[o]+"-resize":null})}))}function dL(t,e,n,i,r,o,a){var s=e.childOfName(n);s&&s.setShape(function(t){var e=Yk(t[0][0],t[1][0]),n=Yk(t[0][1],t[1][1]),i=Xk(t[0][0],t[1][0]),r=Xk(t[0][1],t[1][1]);return{x:e,y:n,width:i-e,height:r-n}}(_L(t,e,[[i,r],[i+o,r+a]])))}function fL(t){return k({strokeNoScale:!0},t.brushStyle)}function gL(t,e,n,i){var r=[Yk(t,n),Yk(e,i)],o=[Xk(t,n),Xk(e,i)];return[[r[0],o[0]],[r[1],o[1]]]}function yL(t,e){var n=Vh({w:"left",e:"right",n:"top",s:"bottom"}[e],function(t){return Eh(t.group)}(t));return{left:"w",right:"e",top:"n",bottom:"s"}[n]}function vL(t,e,n,i,r,o){var a=n.__brushOption,s=t.toRectRange(a.range),l=xL(e,r,o);E(i,(function(t){var e=jk[t];s[e[0]][e[1]]+=l[e[0]]})),a.range=t.fromRectRange(gL(s[0][0],s[1][0],s[0][1],s[1][1])),iL(e,n),lL(e,{isEnd:!1})}function mL(t,e,n,i){var r=e.__brushOption.range,o=xL(t,n,i);E(r,(function(t){t[0]+=o[0],t[1]+=o[1]})),iL(t,e),lL(t,{isEnd:!1})}function xL(t,e,n){var i=t.group,r=i.transformCoordToLocal(e,n),o=i.transformCoordToLocal(0,0);return[r[0]-o[0],r[1]-o[1]]}function _L(t,e,n){var i=aL(t,e);return i&&i!==Hk?i.clipPath(n,t._transform):T(n)}function bL(t){var e=t.event;e.preventDefault&&e.preventDefault()}function wL(t,e,n){return t.childOfName("main").contain(e,n)}function SL(t,e,n,i){var r,o=t._creatingCover,a=t._creatingPanel,s=t._brushOption;if(t._track.push(n.slice()),function(t){var e=t._track;if(!e.length)return!1;var n=e[e.length-1],i=e[0],r=n[0]-i[0],o=n[1]-i[1];return Uk(r*r+o*o,.5)>6}(t)||o){if(a&&!o){"single"===s.brushMode&&sL(t);var l=T(s);l.brushType=ML(l.brushType,a),l.panelId=a===Hk?null:a.panelId,o=t._creatingCover=Qk(t,l),t._covers.push(o)}if(o){var u=CL[ML(t._brushType,a)];o.__brushOption.range=u.getCreatingRange(_L(t,o,t._track)),i&&(tL(t,o),u.updateCommon(t,o)),eL(t,o),r={isEnd:i}}}else i&&"single"===s.brushMode&&s.removeOnClick&&oL(t,e,n)&&sL(t)&&(r={isEnd:i,removeOnClick:!0});return r}function ML(t,e){return"auto"===t?e.defaultBrushType:t}var IL={mousedown:function(t){if(this._dragging)TL(this,t);else if(!t.target||!t.target.draggable){bL(t);var e=this.group.transformCoordToLocal(t.offsetX,t.offsetY);this._creatingCover=null,(this._creatingPanel=oL(this,t,e))&&(this._dragging=!0,this._track=[e.slice()])}},mousemove:function(t){var e=t.offsetX,n=t.offsetY,i=this.group.transformCoordToLocal(e,n);if(function(t,e,n){if(t._brushType&&!function(t,e,n){var i=t._zr;return e<0||e>i.getWidth()||n<0||n>i.getHeight()}(t,e.offsetX,e.offsetY)){var i=t._zr,r=t._covers,o=oL(t,e,n);if(!t._dragging)for(var a=0;a<r.length;a++){var s=r[a].__brushOption;if(o&&(o===Hk||s.panelId===o.panelId)&&CL[s.brushType].contain(r[a],n[0],n[1]))return}o&&i.setCursorStyle("crosshair")}}(this,t,i),this._dragging){bL(t);var r=SL(this,t,i,!1);r&&lL(this,r)}},mouseup:function(t){TL(this,t)}};function TL(t,e){if(t._dragging){bL(e);var n=e.offsetX,i=e.offsetY,r=t.group.transformCoordToLocal(n,i),o=SL(t,e,r,!0);t._dragging=!1,t._track=[],t._creatingCover=null,o&&lL(t,o)}}var CL={lineX:DL(0),lineY:DL(1),rect:{createCover:function(t,e){function n(t){return t}return hL({toRectRange:n,fromRectRange:n},t,e,[["w"],["e"],["n"],["s"],["s","e"],["s","w"],["n","e"],["n","w"]])},getCreatingRange:function(t){var e=uL(t);return gL(e[1][0],e[1][1],e[0][0],e[0][1])},updateCoverShape:function(t,e,n,i){cL(t,e,n,i)},updateCommon:pL,contain:wL},polygon:{createCover:function(t,e){var n=new zr;return n.add(new Yu({name:"main",style:fL(e),silent:!0})),n},getCreatingRange:function(t){return t},endCreating:function(t,e){e.remove(e.childAt(0)),e.add(new Wu({name:"main",draggable:!0,drift:H(mL,t,e),ondragend:H(lL,t,{isEnd:!0})}))},updateCoverShape:function(t,e,n,i){e.childAt(0).setShape({points:_L(t,e,n)})},updateCommon:pL,contain:wL}};function DL(t){return{createCover:function(e,n){return hL({toRectRange:function(e){var n=[e,[0,100]];return t&&n.reverse(),n},fromRectRange:function(e){return e[t]}},e,n,[[["w"],["e"]],[["n"],["s"]]][t])},getCreatingRange:function(e){var n=uL(e);return[Yk(n[0][t],n[1][t]),Xk(n[0][t],n[1][t])]},updateCoverShape:function(e,n,i,r){var o,a=aL(e,n);if(a!==Hk&&a.getLinearBrushOtherExtent)o=a.getLinearBrushOtherExtent(t);else{var s=e._zr;o=[0,[s.getWidth(),s.getHeight()][1-t]]}var l=[i,o];t&&l.reverse(),cL(e,n,l,r)},updateCommon:pL,contain:wL}}function AL(t){return t=PL(t),function(e){return Gh(e,t)}}function kL(t,e){return t=PL(t),function(n){var i=null!=e?e:n,r=i?t.width:t.height,o=i?t.x:t.y;return[o,o+(r||0)]}}function LL(t,e,n){var i=PL(t);return function(t,r){return i.contain(r[0],r[1])&&!tT(t,e,n)}}function PL(t){return ze.create(t)}var OL=["axisLine","axisTickLabel","axisName"],RL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n){t.prototype.init.apply(this,arguments),(this._brushController=new Jk(n.getZr())).on("brush",W(this._onBrush,this))},e.prototype.render=function(t,e,n,i){if(!function(t,e,n){return n&&"axisAreaSelect"===n.type&&e.findComponents({mainType:"parallelAxis",query:n})[0]===t}(t,e,i)){this.axisModel=t,this.api=n,this.group.removeAll();var r=this._axisGroup;if(this._axisGroup=new zr,this.group.add(this._axisGroup),t.get("show")){var o=function(t,e){return e.getComponent("parallel",t.get("parallelIndex"))}(t,e),a=o.coordinateSystem,s=t.getAreaSelectStyle(),l=s.width,u=t.axis.dim,h=A({strokeContainThreshold:l},a.getAxisLayout(u)),c=new iI(t,h);E(OL,c.add,c),this._axisGroup.add(c.getGroup()),this._refreshBrushController(h,s,t,o,l,n),Fh(r,this._axisGroup,t)}}},e.prototype._refreshBrushController=function(t,e,n,i,r,o){var a=n.axis.getExtent(),s=a[1]-a[0],l=Math.min(30,.1*Math.abs(s)),u=ze.create({x:a[0],y:-r/2,width:s,height:r});u.x-=l,u.width+=2*l,this._brushController.mount({enableGlobalPan:!0,rotation:t.rotation,x:t.position[0],y:t.position[1]}).setPanels([{panelId:"pl",clipPath:AL(u),isTargetByCursor:LL(u,o,i),getLinearBrushOtherExtent:kL(u,0)}]).enableBrush({brushType:"lineX",brushStyle:e,removeOnClick:!0}).updateCovers(function(t){var e=t.axis;return z(t.activeIntervals,(function(t){return{brushType:"lineX",panelId:"pl",range:[e.dataToCoord(t[0],!0),e.dataToCoord(t[1],!0)]}}))}(n))},e.prototype._onBrush=function(t){var e=t.areas,n=this.axisModel,i=n.axis,r=z(e,(function(t){return[i.coordToData(t.range[0],!0),i.coordToData(t.range[1],!0)]}));(!n.option.realtime===t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"axisAreaSelect",parallelAxisId:n.id,intervals:r})},e.prototype.dispose=function(){this._brushController.dispose()},e.type="parallelAxis",e}(Tg);var NL={type:"axisAreaSelect",event:"axisAreaSelected"};var EL={type:"value",areaSelectStyle:{width:20,borderWidth:1,borderColor:"rgba(160,197,232)",color:"rgba(160,197,232)",opacity:.3},realtime:!0,z:10};function zL(t){t.registerComponentView(wk),t.registerComponentModel(Ik),t.registerCoordinateSystem("parallel",Gk),t.registerPreprocessor(bk),t.registerComponentModel(Wk),t.registerComponentView(RL),FM(t,"parallel",Wk,EL),function(t){t.registerAction(NL,(function(t,e){e.eachComponent({mainType:"parallelAxis",query:t},(function(e){e.axis.model.setActiveIntervals(t.intervals)}))})),t.registerAction("parallelAxisExpand",(function(t,e){e.eachComponent({mainType:"parallel",query:t},(function(e){e.setAxisExpand(t)}))}))}(t)}var VL=function(){this.x1=0,this.y1=0,this.x2=0,this.y2=0,this.cpx1=0,this.cpy1=0,this.cpx2=0,this.cpy2=0,this.extent=0},BL=function(t){function e(e){return t.call(this,e)||this}return n(e,t),e.prototype.getDefaultShape=function(){return new VL},e.prototype.buildPath=function(t,e){var n=e.extent;t.moveTo(e.x1,e.y1),t.bezierCurveTo(e.cpx1,e.cpy1,e.cpx2,e.cpy2,e.x2,e.y2),"vertical"===e.orient?(t.lineTo(e.x2+n,e.y2),t.bezierCurveTo(e.cpx2+n,e.cpy2,e.cpx1+n,e.cpy1,e.x1+n,e.y1)):(t.lineTo(e.x2,e.y2+n),t.bezierCurveTo(e.cpx2,e.cpy2+n,e.cpx1,e.cpy1+n,e.x1,e.y1+n)),t.closePath()},e.prototype.highlight=function(){kl(this)},e.prototype.downplay=function(){Ll(this)},e}(Is),FL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._focusAdjacencyDisabled=!1,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this,r=t.getGraph(),o=this.group,a=t.layoutInfo,s=a.width,l=a.height,u=t.getData(),h=t.getData("edge"),c=t.get("orient");this._model=t,o.removeAll(),o.x=a.x,o.y=a.y,r.eachEdge((function(e){var n=new BL,i=Qs(n);i.dataIndex=e.dataIndex,i.seriesIndex=t.seriesIndex,i.dataType="edge";var r,a,u,p,d,f,g,y,v=e.getModel(),m=v.getModel("lineStyle"),x=m.get("curveness"),_=e.node1.getLayout(),b=e.node1.getModel(),w=b.get("localX"),S=b.get("localY"),M=e.node2.getLayout(),I=e.node2.getModel(),T=I.get("localX"),C=I.get("localY"),D=e.getLayout();n.shape.extent=Math.max(1,D.dy),n.shape.orient=c,"vertical"===c?(r=(null!=w?w*s:_.x)+D.sy,a=(null!=S?S*l:_.y)+_.dy,u=(null!=T?T*s:M.x)+D.ty,d=r,f=a*(1-x)+(p=null!=C?C*l:M.y)*x,g=u,y=a*x+p*(1-x)):(r=(null!=w?w*s:_.x)+_.dx,a=(null!=S?S*l:_.y)+D.sy,d=r*(1-x)+(u=null!=T?T*s:M.x)*x,f=a,g=r*x+u*(1-x),y=p=(null!=C?C*l:M.y)+D.ty),n.setShape({x1:r,y1:a,x2:u,y2:p,cpx1:d,cpy1:f,cpx2:g,cpy2:y}),n.useStyle(m.getItemStyle()),GL(n.style,c,e);var A=""+v.get("value"),k=ec(v,"edgeLabel");tc(n,k,{labelFetcher:{getFormattedLabel:function(e,n,i,r,o,a){return t.getFormattedLabel(e,n,"edge",r,ot(o,k.normal&&k.normal.get("formatter"),A),a)}},labelDataIndex:e.dataIndex,defaultText:A}),n.setTextConfig({position:"inside"});var L=v.getModel("emphasis");jl(n,v,"lineStyle",(function(t){var n=t.getItemStyle();return GL(n,c,e),n})),o.add(n),h.setItemGraphicEl(e.dataIndex,n);var P=L.get("focus");Yl(n,"adjacency"===P?e.getAdjacentDataIndices():"trajectory"===P?e.getTrajectoryDataIndices():P,L.get("blurScope"),L.get("disabled"))})),r.eachNode((function(e){var n=e.getLayout(),i=e.getModel(),r=i.get("localX"),a=i.get("localY"),h=i.getModel("emphasis"),c=new zs({shape:{x:null!=r?r*s:n.x,y:null!=a?a*l:n.y,width:n.dx,height:n.dy},style:i.getModel("itemStyle").getItemStyle(),z2:10});tc(c,ec(i),{labelFetcher:{getFormattedLabel:function(e,n){return t.getFormattedLabel(e,n,"node")}},labelDataIndex:e.dataIndex,defaultText:e.id}),c.disableLabelAnimation=!0,c.setStyle("fill",e.getVisual("color")),c.setStyle("decal",e.getVisual("style").decal),jl(c,i),o.add(c),u.setItemGraphicEl(e.dataIndex,c),Qs(c).dataType="node";var p=h.get("focus");Yl(c,"adjacency"===p?e.getAdjacentDataIndices():"trajectory"===p?e.getTrajectoryDataIndices():p,h.get("blurScope"),h.get("disabled"))})),u.eachItemGraphicEl((function(e,r){u.getItemModel(r).get("draggable")&&(e.drift=function(e,o){i._focusAdjacencyDisabled=!0,this.shape.x+=e,this.shape.y+=o,this.dirty(),n.dispatchAction({type:"dragNode",seriesId:t.id,dataIndex:u.getRawIndex(r),localX:this.shape.x/s,localY:this.shape.y/l})},e.ondragend=function(){i._focusAdjacencyDisabled=!1},e.draggable=!0,e.cursor="move")})),!this._data&&t.isAnimationEnabled()&&o.setClipPath(function(t,e,n){var i=new zs({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return gh(i,{shape:{width:t.width+20}},e,n),i}(o.getBoundingRect(),t,(function(){o.removeClipPath()}))),this._data=t.getData()},e.prototype.dispose=function(){},e.type="sankey",e}(kg);function GL(t,e,n){switch(t.fill){case"source":t.fill=n.node1.getVisual("color"),t.decal=n.node1.getVisual("style").decal;break;case"target":t.fill=n.node2.getVisual("color"),t.decal=n.node2.getVisual("style").decal;break;case"gradient":var i=n.node1.getVisual("color"),r=n.node2.getVisual("color");U(i)&&U(r)&&(t.fill=new nh(0,0,+("horizontal"===e),+("vertical"===e),[{color:i,offset:0},{color:r,offset:1}]))}}var WL=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n=t.edges||t.links,i=t.data||t.nodes,r=t.levels;this.levelModels=[];for(var o=this.levelModels,a=0;a<r.length;a++)null!=r[a].depth&&r[a].depth>=0&&(o[r[a].depth]=new Mc(r[a],this,e));if(i&&n){var s=QA(i,n,this,!0,(function(t,e){t.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getData().getItemLayout(e);if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t})),e.wrapMethod("getItemModel",(function(t,e){var n=t.parentModel,i=n.getGraph().getEdgeByIndex(e).node1.getLayout();if(i){var r=i.depth,o=n.levelModels[r];o&&(t.parentModel=o)}return t}))}));return s.data}},e.prototype.setNodePosition=function(t,e){var n=(this.option.data||this.option.nodes)[t];n.localX=e[0],n.localY=e[1]},e.prototype.getGraph=function(){return this.getData().graph},e.prototype.getEdgeData=function(){return this.getGraph().edgeData},e.prototype.formatTooltip=function(t,e,n){function i(t){return isNaN(t)||null==t}if("edge"===n){var r=this.getDataParams(t,n),o=r.data,a=r.value;return ng("nameValue",{name:o.source+" -- "+o.target,value:a,noValue:i(a)})}var s=this.getGraph().getNodeByIndex(t).getLayout().value,l=this.getDataParams(t,n).data.name;return ng("nameValue",{name:null!=l?l+"":null,value:s,noValue:i(s)})},e.prototype.optionUpdated=function(){},e.prototype.getDataParams=function(e,n){var i=t.prototype.getDataParams.call(this,e,n);if(null==i.value&&"node"===n){var r=this.getGraph().getNodeByIndex(e).getLayout().value;i.value=r}return i},e.type="series.sankey",e.defaultOption={z:2,coordinateSystem:"view",left:"5%",top:"5%",right:"20%",bottom:"5%",orient:"horizontal",nodeWidth:20,nodeGap:8,draggable:!0,layoutIterations:32,label:{show:!0,position:"right",fontSize:12},edgeLabel:{show:!1,fontSize:12},levels:[],nodeAlign:"justify",lineStyle:{color:"#314656",opacity:.2,curveness:.5},emphasis:{label:{show:!0},lineStyle:{opacity:.5}},select:{itemStyle:{borderColor:"#212121"}},animationEasing:"linear",animationDuration:1e3},e}(mg);function HL(t,e){t.eachSeriesByType("sankey",(function(t){var n=t.get("nodeWidth"),i=t.get("nodeGap"),r=function(t,e){return Cp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}(t,e);t.layoutInfo=r;var o=r.width,a=r.height,s=t.getGraph(),l=s.nodes,u=s.edges;!function(t){E(t,(function(t){var e=QL(t.outEdges,JL),n=QL(t.inEdges,JL),i=t.getValue()||0,r=Math.max(e,n,i);t.setLayout({value:r},!0)}))}(l),function(t,e,n,i,r,o,a,s,l){(function(t,e,n,i,r,o,a){for(var s=[],l=[],u=[],h=[],c=0,p=0;p<e.length;p++)s[p]=1;for(p=0;p<t.length;p++)l[p]=t[p].inEdges.length,0===l[p]&&u.push(t[p]);var d=-1;for(;u.length;){for(var f=0;f<u.length;f++){var g=u[f],y=g.hostGraph.data.getRawDataItem(g.dataIndex),v=null!=y.depth&&y.depth>=0;v&&y.depth>d&&(d=y.depth),g.setLayout({depth:v?y.depth:c},!0),"vertical"===o?g.setLayout({dy:n},!0):g.setLayout({dx:n},!0);for(var m=0;m<g.outEdges.length;m++){var x=g.outEdges[m];s[e.indexOf(x)]=0;var _=x.node2;0==--l[t.indexOf(_)]&&h.indexOf(_)<0&&h.push(_)}}++c,u=h,h=[]}for(p=0;p<s.length;p++)if(1===s[p])throw new Error("Sankey is a DAG, the original data has cycle!");var b=d>c-1?d:c-1;a&&"left"!==a&&function(t,e,n,i){if("right"===e){for(var r=[],o=t,a=0;o.length;){for(var s=0;s<o.length;s++){var l=o[s];l.setLayout({skNodeHeight:a},!0);for(var u=0;u<l.inEdges.length;u++){var h=l.inEdges[u];r.indexOf(h.node1)<0&&r.push(h.node1)}}o=r,r=[],++a}E(t,(function(t){YL(t)||t.setLayout({depth:Math.max(0,i-t.getLayout().skNodeHeight)},!0)}))}else"justify"===e&&function(t,e){E(t,(function(t){YL(t)||t.outEdges.length||t.setLayout({depth:e},!0)}))}(t,i)}(t,a,0,b);var w="vertical"===o?(r-n)/b:(i-n)/b;!function(t,e,n){E(t,(function(t){var i=t.getLayout().depth*e;"vertical"===n?t.setLayout({y:i},!0):t.setLayout({x:i},!0)}))}(t,w,o)})(t,e,n,r,o,s,l),function(t,e,n,i,r,o,a){var s=function(t,e){var n=[],i="vertical"===e?"y":"x",r=Go(t,(function(t){return t.getLayout()[i]}));return r.keys.sort((function(t,e){return t-e})),E(r.keys,(function(t){n.push(r.buckets.get(t))})),n}(t,a);(function(t,e,n,i,r,o){var a=1/0;E(t,(function(t){var e=t.length,s=0;E(t,(function(t){s+=t.getLayout().value}));var l="vertical"===o?(i-(e-1)*r)/s:(n-(e-1)*r)/s;l<a&&(a=l)})),E(t,(function(t){E(t,(function(t,e){var n=t.getLayout().value*a;"vertical"===o?(t.setLayout({x:e},!0),t.setLayout({dx:n},!0)):(t.setLayout({y:e},!0),t.setLayout({dy:n},!0))}))})),E(e,(function(t){var e=+t.getValue()*a;t.setLayout({dy:e},!0)}))})(s,e,n,i,r,a),XL(s,r,n,i,a);for(var l=1;o>0;o--)UL(s,l*=.99,a),XL(s,r,n,i,a),tP(s,l,a),XL(s,r,n,i,a)}(t,e,o,r,i,a,s),function(t,e){var n="vertical"===e?"x":"y";E(t,(function(t){t.outEdges.sort((function(t,e){return t.node2.getLayout()[n]-e.node2.getLayout()[n]})),t.inEdges.sort((function(t,e){return t.node1.getLayout()[n]-e.node1.getLayout()[n]}))})),E(t,(function(t){var e=0,n=0;E(t.outEdges,(function(t){t.setLayout({sy:e},!0),e+=t.getLayout().dy})),E(t.inEdges,(function(t){t.setLayout({ty:n},!0),n+=t.getLayout().dy}))}))}(t,s)}(l,u,n,i,o,a,0!==B(l,(function(t){return 0===t.getLayout().value})).length?0:t.get("layoutIterations"),t.get("orient"),t.get("nodeAlign"))}))}function YL(t){var e=t.hostGraph.data.getRawDataItem(t.dataIndex);return null!=e.depth&&e.depth>=0}function XL(t,e,n,i,r){var o="vertical"===r?"x":"y";E(t,(function(t){var a,s,l;t.sort((function(t,e){return t.getLayout()[o]-e.getLayout()[o]}));for(var u=0,h=t.length,c="vertical"===r?"dx":"dy",p=0;p<h;p++)(l=u-(s=t[p]).getLayout()[o])>0&&(a=s.getLayout()[o]+l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]+s.getLayout()[c]+e;if((l=u-e-("vertical"===r?i:n))>0){a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0),u=a;for(p=h-2;p>=0;--p)(l=(s=t[p]).getLayout()[o]+s.getLayout()[c]+e-u)>0&&(a=s.getLayout()[o]-l,"vertical"===r?s.setLayout({x:a},!0):s.setLayout({y:a},!0)),u=s.getLayout()[o]}}))}function UL(t,e,n){E(t.slice().reverse(),(function(t){E(t,(function(t){if(t.outEdges.length){var i=QL(t.outEdges,ZL,n)/QL(t.outEdges,JL);if(isNaN(i)){var r=t.outEdges.length;i=r?QL(t.outEdges,jL,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-$L(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-$L(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function ZL(t,e){return $L(t.node2,e)*t.getValue()}function jL(t,e){return $L(t.node2,e)}function qL(t,e){return $L(t.node1,e)*t.getValue()}function KL(t,e){return $L(t.node1,e)}function $L(t,e){return"vertical"===e?t.getLayout().x+t.getLayout().dx/2:t.getLayout().y+t.getLayout().dy/2}function JL(t){return t.getValue()}function QL(t,e,n){for(var i=0,r=t.length,o=-1;++o<r;){var a=+e(t[o],n);isNaN(a)||(i+=a)}return i}function tP(t,e,n){E(t,(function(t){E(t,(function(t){if(t.inEdges.length){var i=QL(t.inEdges,qL,n)/QL(t.inEdges,JL);if(isNaN(i)){var r=t.inEdges.length;i=r?QL(t.inEdges,KL,n)/r:0}if("vertical"===n){var o=t.getLayout().x+(i-$L(t,n))*e;t.setLayout({x:o},!0)}else{var a=t.getLayout().y+(i-$L(t,n))*e;t.setLayout({y:a},!0)}}}))}))}function eP(t){t.eachSeriesByType("sankey",(function(t){var e=t.getGraph(),n=e.nodes,i=e.edges;if(n.length){var r=1/0,o=-1/0;E(n,(function(t){var e=t.getLayout().value;e<r&&(r=e),e>o&&(o=e)})),E(n,(function(e){var n=new _D({type:"color",mappingMethod:"linear",dataExtent:[r,o],visual:t.get("color")}).mapValueToVisual(e.getLayout().value),i=e.getModel().get(["itemStyle","color"]);null!=i?(e.setVisual("color",i),e.setVisual("style",{fill:i})):(e.setVisual("color",n),e.setVisual("style",{fill:n}))}))}i.length&&E(i,(function(t){var e=t.getModel().get("lineStyle");t.setVisual("style",e)}))}))}var nP=function(){function t(){}return t.prototype.getInitialData=function(t,e){var n,i,r=e.getComponent("xAxis",this.get("xAxisIndex")),o=e.getComponent("yAxis",this.get("yAxisIndex")),a=r.get("type"),s=o.get("type");"category"===a?(t.layout="horizontal",n=r.getOrdinalMeta(),i=!0):"category"===s?(t.layout="vertical",n=o.getOrdinalMeta(),i=!0):t.layout=t.layout||"horizontal";var l=["x","y"],u="horizontal"===t.layout?0:1,h=this._baseAxisDim=l[u],c=l[1-u],p=[r,o],d=p[u].get("type"),f=p[1-u].get("type"),g=t.data;if(g&&i){var y=[];E(g,(function(t,e){var n;Y(t)?(n=t.slice(),t.unshift(e)):Y(t.value)?((n=A({},t)).value=n.value.slice(),t.value.unshift(e)):n=t,y.push(n)})),t.data=y}var v=this.defaultValueDimensions,m=[{name:h,type:Gm(d),ordinalMeta:n,otherDims:{tooltip:!1,itemName:0},dimsDef:["base"]},{name:c,type:Gm(f),dimsDef:v.slice()}];return MM(this,{coordDimensions:m,dimensionsCount:v.length+1,encodeDefaulter:H($p,m,this)})},t.prototype.getBaseAxis=function(){var t=this._baseAxisDim;return this.ecModel.getComponent(t+"Axis",this.get(t+"AxisIndex")).axis},t}(),iP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"min",defaultTooltip:!0},{name:"Q1",defaultTooltip:!0},{name:"median",defaultTooltip:!0},{name:"Q3",defaultTooltip:!0},{name:"max",defaultTooltip:!0}],n.visualDrawType="stroke",n}return n(e,t),e.type="series.boxplot",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,boxWidth:[7,50],itemStyle:{color:"#fff",borderWidth:1},emphasis:{scale:!0,itemStyle:{borderWidth:2,shadowBlur:5,shadowOffsetX:1,shadowOffsetY:1,shadowColor:"rgba(0,0,0,0.2)"}},animationDuration:800},e}(mg);R(iP,nP,!0);var rP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this.group,o=this._data;this._data||r.removeAll();var a="horizontal"===t.get("layout")?1:0;i.diff(o).add((function(t){if(i.hasValue(t)){var e=sP(i.getItemLayout(t),i,t,a,!0);i.setItemGraphicEl(t,e),r.add(e)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(i.hasValue(t)){var s=i.getItemLayout(t);n?(_h(n),lP(s,n,i,t)):n=sP(s,i,t,a),r.add(n),i.setItemGraphicEl(t,n)}else r.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&r.remove(e)})).execute(),this._data=i},e.prototype.remove=function(t){var e=this.group,n=this._data;this._data=null,n&&n.eachItemGraphicEl((function(t){t&&e.remove(t)}))},e.type="boxplot",e}(kg),oP=function(){},aP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="boxplotBoxPath",n}return n(e,t),e.prototype.getDefaultShape=function(){return new oP},e.prototype.buildPath=function(t,e){var n=e.points,i=0;for(t.moveTo(n[i][0],n[i][1]),i++;i<4;i++)t.lineTo(n[i][0],n[i][1]);for(t.closePath();i<n.length;i++)t.moveTo(n[i][0],n[i][1]),i++,t.lineTo(n[i][0],n[i][1])},e}(Is);function sP(t,e,n,i,r){var o=t.ends,a=new aP({shape:{points:r?uP(o,i,t):o}});return lP(t,a,e,n,r),a}function lP(t,e,n,i,r){var o=n.hostModel;(0,Kh[r?"initProps":"updateProps"])(e,{shape:{points:t.ends}},o,i),e.useStyle(n.getItemVisual(i,"style")),e.style.strokeNoScale=!0,e.z2=100;var a=n.getItemModel(i),s=a.getModel("emphasis");jl(e,a),Yl(e,s.get("focus"),s.get("blurScope"),s.get("disabled"))}function uP(t,e,n){return z(t,(function(t){return(t=t.slice())[e]=n.initBaseline,t}))}var hP=E;function cP(t){var e=function(t){var e=[],n=[];return t.eachSeriesByType("boxplot",(function(t){var i=t.getBaseAxis(),r=P(n,i);r<0&&(r=n.length,n[r]=i,e[r]={axis:i,seriesModels:[]}),e[r].seriesModels.push(t)})),e}(t);hP(e,(function(t){var e=t.seriesModels;e.length&&(!function(t){var e,n=t.axis,i=t.seriesModels,r=i.length,o=t.boxWidthList=[],a=t.boxOffsetList=[],s=[];if("category"===n.type)e=n.getBandWidth();else{var l=0;hP(i,(function(t){l=Math.max(l,t.getData().count())}));var u=n.getExtent();e=Math.abs(u[1]-u[0])/l}hP(i,(function(t){var n=t.get("boxWidth");Y(n)||(n=[n,n]),s.push([Ur(n[0],e)||0,Ur(n[1],e)||0])}));var h=.8*e-2,c=h/r*.3,p=(h-c*(r-1))/r,d=p/2-h/2;hP(i,(function(t,e){a.push(d),d+=c+p,o.push(Math.min(Math.max(p,s[e][0]),s[e][1]))}))}(t),hP(e,(function(e,n){!function(t,e,n){var i=t.coordinateSystem,r=t.getData(),o=n/2,a="horizontal"===t.get("layout")?0:1,s=1-a,l=["x","y"],u=r.mapDimension(l[a]),h=r.mapDimensionsAll(l[s]);if(null==u||h.length<5)return;for(var c=0;c<r.count();c++){var p=r.get(u,c),d=x(p,h[2],c),f=x(p,h[0],c),g=x(p,h[1],c),y=x(p,h[3],c),v=x(p,h[4],c),m=[];_(m,g,!1),_(m,y,!0),m.push(f,g,v,y),b(m,f),b(m,v),b(m,d),r.setItemLayout(c,{initBaseline:d[s],ends:m})}function x(t,n,o){var l,u=r.get(n,o),h=[];return h[a]=t,h[s]=u,isNaN(t)||isNaN(u)?l=[NaN,NaN]:(l=i.dataToPoint(h))[a]+=e,l}function _(t,e,n){var i=e.slice(),r=e.slice();i[a]+=o,r[a]-=o,n?t.push(i,r):t.push(r,i)}function b(t,e){var n=e.slice(),i=e.slice();n[a]-=o,i[a]+=o,t.push(n,i)}}(e,t.boxOffsetList[n],t.boxWidthList[n])})))}))}var pP={type:"echarts:boxplot",transform:function(t){var e=t.upstream;if(e.sourceFormat!==Fp){var n="";0,vo(n)}var i=function(t,e){for(var n=[],i=[],r=(e=e||{}).boundIQR,o="none"===r||0===r,a=0;a<t.length;a++){var s=jr(t[a].slice()),l=lo(s,.25),u=lo(s,.5),h=lo(s,.75),c=s[0],p=s[s.length-1],d=(null==r?1.5:r)*(h-l),f=o?c:Math.max(c,l-d),g=o?p:Math.min(p,h+d),y=e.itemNameFormatter,v=X(y)?y({value:a}):U(y)?y.replace("{value}",a+""):a+"";n.push([v,f,l,u,h,g]);for(var m=0;m<s.length;m++){var x=s[m];if(x<f||x>g){var _=[v,x];i.push(_)}}}return{boxData:n,outliers:i}}(e.getRawData(),t.config);return[{dimensions:["ItemName","Low","Q1","Q2","Q3","High"],data:i.boxData},{data:i.outliers}]}};var dP=["color","borderColor"],fP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){this.group.removeClipPath(),this._progressiveEls=null,this._updateDrawMode(t),this._isLargeDraw?this._renderLarge(t):this._renderNormal(t)},e.prototype.incrementalPrepareRender=function(t,e,n){this._clear(),this._updateDrawMode(t)},e.prototype.incrementalRender=function(t,e,n,i){this._progressiveEls=[],this._isLargeDraw?this._incrementalRenderLarge(t,e):this._incrementalRenderNormal(t,e)},e.prototype.eachRendered=function(t){qh(this._progressiveEls||this.group,t)},e.prototype._updateDrawMode=function(t){var e=t.pipelineContext.large;null!=this._isLargeDraw&&e===this._isLargeDraw||(this._isLargeDraw=e,this._clear())},e.prototype._renderNormal=function(t){var e=t.getData(),n=this._data,i=this.group,r=e.getLayout("isSimpleBox"),o=t.get("clip",!0),a=t.coordinateSystem,s=a.getArea&&a.getArea();this._data||i.removeAll(),e.diff(n).add((function(n){if(e.hasValue(n)){var a=e.getItemLayout(n);if(o&&mP(s,a))return;var l=vP(a,n,!0);gh(l,{shape:{points:a.ends}},t,n),xP(l,e,n,r),i.add(l),e.setItemGraphicEl(n,l)}})).update((function(a,l){var u=n.getItemGraphicEl(l);if(e.hasValue(a)){var h=e.getItemLayout(a);o&&mP(s,h)?i.remove(u):(u?(fh(u,{shape:{points:h.ends}},t,a),_h(u)):u=vP(h),xP(u,e,a,r),i.add(u),e.setItemGraphicEl(a,u))}else i.remove(u)})).remove((function(t){var e=n.getItemGraphicEl(t);e&&i.remove(e)})).execute(),this._data=e},e.prototype._renderLarge=function(t){this._clear(),SP(t,this.group);var e=t.get("clip",!0)?SS(t.coordinateSystem,!1,t):null;e?this.group.setClipPath(e):this.group.removeClipPath()},e.prototype._incrementalRenderNormal=function(t,e){for(var n,i=e.getData(),r=i.getLayout("isSimpleBox");null!=(n=t.next());){var o=vP(i.getItemLayout(n));xP(o,i,n,r),o.incremental=!0,this.group.add(o),this._progressiveEls.push(o)}},e.prototype._incrementalRenderLarge=function(t,e){SP(e,this.group,this._progressiveEls,!0)},e.prototype.remove=function(t){this._clear()},e.prototype._clear=function(){this.group.removeAll(),this._data=null},e.type="candlestick",e}(kg),gP=function(){},yP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="normalCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new gP},e.prototype.buildPath=function(t,e){var n=e.points;this.__simpleBox?(t.moveTo(n[4][0],n[4][1]),t.lineTo(n[6][0],n[6][1])):(t.moveTo(n[0][0],n[0][1]),t.lineTo(n[1][0],n[1][1]),t.lineTo(n[2][0],n[2][1]),t.lineTo(n[3][0],n[3][1]),t.closePath(),t.moveTo(n[4][0],n[4][1]),t.lineTo(n[5][0],n[5][1]),t.moveTo(n[6][0],n[6][1]),t.lineTo(n[7][0],n[7][1]))},e}(Is);function vP(t,e,n){var i=t.ends;return new yP({shape:{points:n?_P(i,t):i},z2:100})}function mP(t,e){for(var n=!0,i=0;i<e.ends.length;i++)if(t.contain(e.ends[i][0],e.ends[i][1])){n=!1;break}return n}function xP(t,e,n,i){var r=e.getItemModel(n);t.useStyle(e.getItemVisual(n,"style")),t.style.strokeNoScale=!0,t.__simpleBox=i,jl(t,r)}function _P(t,e){return z(t,(function(t){return(t=t.slice())[1]=e.initBaseline,t}))}var bP=function(){},wP=function(t){function e(e){var n=t.call(this,e)||this;return n.type="largeCandlestickBox",n}return n(e,t),e.prototype.getDefaultShape=function(){return new bP},e.prototype.buildPath=function(t,e){for(var n=e.points,i=0;i<n.length;)if(this.__sign===n[i++]){var r=n[i++];t.moveTo(r,n[i++]),t.lineTo(r,n[i++])}else i+=3},e}(Is);function SP(t,e,n,i){var r=t.getData().getLayout("largePoints"),o=new wP({shape:{points:r},__sign:1,ignoreCoarsePointer:!0});e.add(o);var a=new wP({shape:{points:r},__sign:-1,ignoreCoarsePointer:!0});e.add(a);var s=new wP({shape:{points:r},__sign:0,ignoreCoarsePointer:!0});e.add(s),MP(1,o,t),MP(-1,a,t),MP(0,s,t),i&&(o.incremental=!0,a.incremental=!0),n&&n.push(o,a)}function MP(t,e,n,i){var r=n.get(["itemStyle",t>0?"borderColor":"borderColor0"])||n.get(["itemStyle",t>0?"color":"color0"]);0===t&&(r=n.get(["itemStyle","borderColorDoji"]));var o=n.getModel("itemStyle").getItemStyle(dP);e.useStyle(o),e.style.fill=null,e.style.stroke=r}var IP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.defaultValueDimensions=[{name:"open",defaultTooltip:!0},{name:"close",defaultTooltip:!0},{name:"lowest",defaultTooltip:!0},{name:"highest",defaultTooltip:!0}],n}return n(e,t),e.prototype.getShadowDim=function(){return"open"},e.prototype.brushSelector=function(t,e,n){var i=e.getItemLayout(t);return i&&n.rect(i.brushRect)},e.type="series.candlestick",e.dependencies=["xAxis","yAxis","grid"],e.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,layout:null,clip:!0,itemStyle:{color:"#eb5454",color0:"#47b262",borderColor:"#eb5454",borderColor0:"#47b262",borderColorDoji:null,borderWidth:1},emphasis:{scale:!0,itemStyle:{borderWidth:2}},barMaxWidth:null,barMinWidth:null,barWidth:null,large:!0,largeThreshold:600,progressive:3e3,progressiveThreshold:1e4,progressiveChunkMode:"mod",animationEasing:"linear",animationDuration:300},e}(mg);function TP(t){t&&Y(t.series)&&E(t.series,(function(t){q(t)&&"k"===t.type&&(t.type="candlestick")}))}R(IP,nP,!0);var CP=["itemStyle","borderColor"],DP=["itemStyle","borderColor0"],AP=["itemStyle","borderColorDoji"],kP=["itemStyle","color"],LP=["itemStyle","color0"],PP={seriesType:"candlestick",plan:Cg(),performRawSeries:!0,reset:function(t,e){function n(t,e){return e.get(t>0?kP:LP)}function i(t,e){return e.get(0===t?AP:t>0?CP:DP)}if(!e.isSeriesFiltered(t))return!t.pipelineContext.large&&{progress:function(t,e){for(var r;null!=(r=t.next());){var o=e.getItemModel(r),a=e.getItemLayout(r).sign,s=o.getItemStyle();s.fill=n(a,o),s.stroke=i(a,o)||s.fill,A(e.ensureUniqueItemVisual(r,"style"),s)}}}}},OP={seriesType:"candlestick",plan:Cg(),reset:function(t){var e=t.coordinateSystem,n=t.getData(),i=function(t,e){var n,i=t.getBaseAxis(),r="category"===i.type?i.getBandWidth():(n=i.getExtent(),Math.abs(n[1]-n[0])/e.count()),o=Ur(rt(t.get("barMaxWidth"),r),r),a=Ur(rt(t.get("barMinWidth"),1),r),s=t.get("barWidth");return null!=s?Ur(s,r):Math.max(Math.min(r/2,o),a)}(t,n),r=["x","y"],o=n.getDimensionIndex(n.mapDimension(r[0])),a=z(n.mapDimensionsAll(r[1]),n.getDimensionIndex,n),s=a[0],l=a[1],u=a[2],h=a[3];if(n.setLayout({candleWidth:i,isSimpleBox:i<=1.3}),!(o<0||a.length<4))return{progress:t.pipelineContext.large?function(n,i){var r,a,c=Ex(4*n.count),p=0,d=[],f=[],g=i.getStore(),y=!!t.get(["itemStyle","borderColorDoji"]);for(;null!=(a=n.next());){var v=g.get(o,a),m=g.get(s,a),x=g.get(l,a),_=g.get(u,a),b=g.get(h,a);isNaN(v)||isNaN(_)||isNaN(b)?(c[p++]=NaN,p+=3):(c[p++]=RP(g,a,m,x,l,y),d[0]=v,d[1]=_,r=e.dataToPoint(d,null,f),c[p++]=r?r[0]:NaN,c[p++]=r?r[1]:NaN,d[1]=b,r=e.dataToPoint(d,null,f),c[p++]=r?r[1]:NaN)}i.setLayout("largePoints",c)}:function(t,n){var r,a=n.getStore();for(;null!=(r=t.next());){var c=a.get(o,r),p=a.get(s,r),d=a.get(l,r),f=a.get(u,r),g=a.get(h,r),y=Math.min(p,d),v=Math.max(p,d),m=M(y,c),x=M(v,c),_=M(f,c),b=M(g,c),w=[];I(w,x,0),I(w,m,1),w.push(C(b),C(x),C(_),C(m));var S=!!n.getItemModel(r).get(["itemStyle","borderColorDoji"]);n.setItemLayout(r,{sign:RP(a,r,p,d,l,S),initBaseline:p>d?x[1]:m[1],ends:w,brushRect:T(f,g,c)})}function M(t,n){var i=[];return i[0]=n,i[1]=t,isNaN(n)||isNaN(t)?[NaN,NaN]:e.dataToPoint(i)}function I(t,e,n){var r=e.slice(),o=e.slice();r[0]=Nh(r[0]+i/2,1,!1),o[0]=Nh(o[0]-i/2,1,!0),n?t.push(r,o):t.push(o,r)}function T(t,e,n){var r=M(t,n),o=M(e,n);return r[0]-=i/2,o[0]-=i/2,{x:r[0],y:r[1],width:i,height:o[1]-r[1]}}function C(t){return t[0]=Nh(t[0],1),t}}}}};function RP(t,e,n,i,r,o){return n>i?-1:n<i?1:o?0:e>0?t.get(r,e-1)<=i?1:-1:1}function NP(t,e){var n=e.rippleEffectColor||e.color;t.eachChild((function(t){t.attr({z:e.z,zlevel:e.zlevel,style:{stroke:"stroke"===e.brushType?n:null,fill:"fill"===e.brushType?n:null}})}))}var EP=function(t){function e(e,n){var i=t.call(this)||this,r=new oS(e,n),o=new zr;return i.add(r),i.add(o),i.updateData(e,n),i}return n(e,t),e.prototype.stopEffectAnimation=function(){this.childAt(1).removeAll()},e.prototype.startEffectAnimation=function(t){for(var e=t.symbolType,n=t.color,i=t.rippleNumber,r=this.childAt(1),o=0;o<i;o++){var a=Wy(e,-1,-1,2,2,n);a.attr({style:{strokeNoScale:!0},z2:99,silent:!0,scaleX:.5,scaleY:.5});var s=-o/i*t.period+t.effectOffset;a.animate("",!0).when(t.period,{scaleX:t.rippleScale/2,scaleY:t.rippleScale/2}).delay(s).start(),a.animateStyle(!0).when(t.period,{opacity:0}).delay(s).start(),r.add(a)}NP(r,t)},e.prototype.updateEffectAnimation=function(t){for(var e=this._effectCfg,n=this.childAt(1),i=["symbolType","period","rippleScale","rippleNumber"],r=0;r<i.length;r++){var o=i[r];if(e[o]!==t[o])return this.stopEffectAnimation(),void this.startEffectAnimation(t)}NP(n,t)},e.prototype.highlight=function(){kl(this)},e.prototype.downplay=function(){Ll(this)},e.prototype.getSymbolType=function(){var t=this.childAt(0);return t&&t.getSymbolType()},e.prototype.updateData=function(t,e){var n=this,i=t.hostModel;this.childAt(0).updateData(t,e);var r=this.childAt(1),o=t.getItemModel(e),a=t.getItemVisual(e,"symbol"),s=Hy(t.getItemVisual(e,"symbolSize")),l=t.getItemVisual(e,"style"),u=l&&l.fill,h=o.getModel("emphasis");r.setScale(s),r.traverse((function(t){t.setStyle("fill",u)}));var c=Yy(t.getItemVisual(e,"symbolOffset"),s);c&&(r.x=c[0],r.y=c[1]);var p=t.getItemVisual(e,"symbolRotate");r.rotation=(p||0)*Math.PI/180||0;var d={};d.showEffectOn=i.get("showEffectOn"),d.rippleScale=o.get(["rippleEffect","scale"]),d.brushType=o.get(["rippleEffect","brushType"]),d.period=1e3*o.get(["rippleEffect","period"]),d.effectOffset=e/t.count(),d.z=i.getShallow("z")||0,d.zlevel=i.getShallow("zlevel")||0,d.symbolType=a,d.color=u,d.rippleEffectColor=o.get(["rippleEffect","color"]),d.rippleNumber=o.get(["rippleEffect","number"]),"render"===d.showEffectOn?(this._effectCfg?this.updateEffectAnimation(d):this.startEffectAnimation(d),this._effectCfg=d):(this._effectCfg=null,this.stopEffectAnimation(),this.onHoverStateChange=function(t){"emphasis"===t?"render"!==d.showEffectOn&&n.startEffectAnimation(d):"normal"===t&&"render"!==d.showEffectOn&&n.stopEffectAnimation()}),this._effectCfg=d,Yl(this,h.get("focus"),h.get("blurScope"),h.get("disabled"))},e.prototype.fadeOut=function(t){t&&t()},e}(zr),zP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._symbolDraw=new hS(EP)},e.prototype.render=function(t,e,n){var i=t.getData(),r=this._symbolDraw;r.updateData(i,{clipShape:this._getClipShape(t)}),this.group.add(r.group)},e.prototype._getClipShape=function(t){var e=t.coordinateSystem,n=e&&e.getArea&&e.getArea();return t.get("clip",!0)?n:null},e.prototype.updateTransform=function(t,e,n){var i=t.getData();this.group.dirty();var r=ES("").reset(t,e,n);r.progress&&r.progress({start:0,end:i.count(),count:i.count()},i),this._symbolDraw.updateLayout()},e.prototype._updateGroupTransform=function(t){var e=t.coordinateSystem;e&&e.getRoamTransform&&(this.group.transform=Te(e.getRoamTransform()),this.group.decomposeTransform())},e.prototype.remove=function(t,e){this._symbolDraw&&this._symbolDraw.remove(!0)},e.type="effectScatter",e}(kg),VP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){return vx(null,this,{useEncodeDefaulter:!0})},e.prototype.brushSelector=function(t,e,n){return n.point(e.getItemLayout(t))},e.type="series.effectScatter",e.dependencies=["grid","polar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,effectType:"ripple",progressive:0,showEffectOn:"render",clip:!0,rippleEffect:{period:4,scale:2.5,brushType:"fill",number:3},universalTransition:{divideShape:"clone"},symbolSize:10},e}(mg);var BP=function(t){function e(e,n,i){var r=t.call(this)||this;return r.add(r.createLine(e,n,i)),r._updateEffectSymbol(e,n),r}return n(e,t),e.prototype.createLine=function(t,e,n){return new OA(t,e,n)},e.prototype._updateEffectSymbol=function(t,e){var n=t.getItemModel(e).getModel("effect"),i=n.get("symbolSize"),r=n.get("symbol");Y(i)||(i=[i,i]);var o=t.getItemVisual(e,"style"),a=n.get("color")||o&&o.stroke,s=this.childAt(1);this._symbolType!==r&&(this.remove(s),(s=Wy(r,-.5,-.5,1,1,a)).z2=100,s.culling=!0,this.add(s)),s&&(s.setStyle("shadowColor",a),s.setStyle(n.getItemStyle(["color"])),s.scaleX=i[0],s.scaleY=i[1],s.setColor(a),this._symbolType=r,this._symbolScale=i,this._updateEffectAnimation(t,n,e))},e.prototype._updateEffectAnimation=function(t,e,n){var i=this.childAt(1);if(i){var r=t.getItemLayout(n),o=1e3*e.get("period"),a=e.get("loop"),s=e.get("roundTrip"),l=e.get("constantSpeed"),u=it(e.get("delay"),(function(e){return e/t.count()*o/3}));if(i.ignore=!0,this._updateAnimationPoints(i,r),l>0&&(o=this._getLineLength(i)/l*1e3),o!==this._period||a!==this._loop||s!==this._roundTrip){i.stopAnimation();var h=void 0;h=X(u)?u(n):u,i.__t>0&&(h=-o*i.__t),this._animateSymbol(i,o,h,a,s)}this._period=o,this._loop=a,this._roundTrip=s}},e.prototype._animateSymbol=function(t,e,n,i,r){if(e>0){t.__t=0;var o=this,a=t.animate("",i).when(r?2*e:e,{__t:r?2:1}).delay(n).during((function(){o._updateSymbolPosition(t)}));i||a.done((function(){o.remove(t)})),a.start()}},e.prototype._getLineLength=function(t){return Vt(t.__p1,t.__cp1)+Vt(t.__cp1,t.__p2)},e.prototype._updateAnimationPoints=function(t,e){t.__p1=e[0],t.__p2=e[1],t.__cp1=e[2]||[(e[0][0]+e[1][0])/2,(e[0][1]+e[1][1])/2]},e.prototype.updateData=function(t,e,n){this.childAt(0).updateData(t,e,n),this._updateEffectSymbol(t,e)},e.prototype._updateSymbolPosition=function(t){var e=t.__p1,n=t.__p2,i=t.__cp1,r=t.__t<1?t.__t:2-t.__t,o=[t.x,t.y],a=o.slice(),s=In,l=Tn;o[0]=s(e[0],i[0],n[0],r),o[1]=s(e[1],i[1],n[1],r);var u=t.__t<1?l(e[0],i[0],n[0],r):l(n[0],i[0],e[0],1-r),h=t.__t<1?l(e[1],i[1],n[1],r):l(n[1],i[1],e[1],1-r);t.rotation=-Math.atan2(h,u)-Math.PI/2,"line"!==this._symbolType&&"rect"!==this._symbolType&&"roundRect"!==this._symbolType||(void 0!==t.__lastT&&t.__lastT<t.__t?(t.scaleY=1.05*Vt(a,o),1===r&&(o[0]=a[0]+(o[0]-a[0])/2,o[1]=a[1]+(o[1]-a[1])/2)):1===t.__lastT?t.scaleY=2*Vt(e,o):t.scaleY=this._symbolScale[1]),t.__lastT=t.__t,t.ignore=!1,t.x=o[0],t.y=o[1]},e.prototype.updateLayout=function(t,e){this.childAt(0).updateLayout(t,e);var n=t.getItemModel(e).getModel("effect");this._updateEffectAnimation(t,n,e)},e}(zr),FP=function(t){function e(e,n,i){var r=t.call(this)||this;return r._createPolyline(e,n,i),r}return n(e,t),e.prototype._createPolyline=function(t,e,n){var i=t.getItemLayout(e),r=new Yu({shape:{points:i}});this.add(r),this._updateCommonStl(t,e,n)},e.prototype.updateData=function(t,e,n){var i=t.hostModel;fh(this.childAt(0),{shape:{points:t.getItemLayout(e)}},i,e),this._updateCommonStl(t,e,n)},e.prototype._updateCommonStl=function(t,e,n){var i=this.childAt(0),r=t.getItemModel(e),o=n&&n.emphasisLineStyle,a=n&&n.focus,s=n&&n.blurScope,l=n&&n.emphasisDisabled;if(!n||t.hasItemOption){var u=r.getModel("emphasis");o=u.getModel("lineStyle").getLineStyle(),l=u.get("disabled"),a=u.get("focus"),s=u.get("blurScope")}i.useStyle(t.getItemVisual(e,"style")),i.style.fill=null,i.style.strokeNoScale=!0,i.ensureState("emphasis").style=o,Yl(this,a,s,l)},e.prototype.updateLayout=function(t,e){this.childAt(0).setShape("points",t.getItemLayout(e))},e}(zr),GP=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._lastFrame=0,e._lastFramePercent=0,e}return n(e,t),e.prototype.createLine=function(t,e,n){return new FP(t,e,n)},e.prototype._updateAnimationPoints=function(t,e){this._points=e;for(var n=[0],i=0,r=1;r<e.length;r++){var o=e[r-1],a=e[r];i+=Vt(o,a),n.push(i)}if(0!==i){for(r=0;r<n.length;r++)n[r]/=i;this._offsets=n,this._length=i}else this._length=0},e.prototype._getLineLength=function(){return this._length},e.prototype._updateSymbolPosition=function(t){var e=t.__t<1?t.__t:2-t.__t,n=this._points,i=this._offsets,r=n.length;if(i){var o,a=this._lastFrame;if(e<this._lastFramePercent){for(o=Math.min(a+1,r-1);o>=0&&!(i[o]<=e);o--);o=Math.min(o,r-2)}else{for(o=a;o<r&&!(i[o]>e);o++);o=Math.min(o-1,r-2)}var s=(e-i[o])/(i[o+1]-i[o]),l=n[o],u=n[o+1];t.x=l[0]*(1-s)+s*u[0],t.y=l[1]*(1-s)+s*u[1];var h=t.__t<1?u[0]-l[0]:l[0]-u[0],c=t.__t<1?u[1]-l[1]:l[1]-u[1];t.rotation=-Math.atan2(c,h)-Math.PI/2,this._lastFrame=o,this._lastFramePercent=e,t.ignore=!1}},e}(BP),WP=function(){this.polyline=!1,this.curveness=0,this.segs=[]},HP=function(t){function e(e){var n=t.call(this,e)||this;return n._off=0,n.hoverDataIdx=-1,n}return n(e,t),e.prototype.reset=function(){this.notClear=!1,this._off=0},e.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},e.prototype.getDefaultShape=function(){return new WP},e.prototype.buildPath=function(t,e){var n,i=e.segs,r=e.curveness;if(e.polyline)for(n=this._off;n<i.length;){var o=i[n++];if(o>0){t.moveTo(i[n++],i[n++]);for(var a=1;a<o;a++)t.lineTo(i[n++],i[n++])}}else for(n=this._off;n<i.length;){var s=i[n++],l=i[n++],u=i[n++],h=i[n++];if(t.moveTo(s,l),r>0){var c=(s+u)/2-(l-h)*r,p=(l+h)/2-(u-s)*r;t.quadraticCurveTo(c,p,u,h)}else t.lineTo(u,h)}this.incremental&&(this._off=n,this.notClear=!0)},e.prototype.findDataIndex=function(t,e){var n=this.shape,i=n.segs,r=n.curveness,o=this.style.lineWidth;if(n.polyline)for(var a=0,s=0;s<i.length;){var l=i[s++];if(l>0)for(var u=i[s++],h=i[s++],c=1;c<l;c++){if(as(u,h,p=i[s++],d=i[s++],o,t,e))return a}a++}else for(a=0,s=0;s<i.length;){u=i[s++],h=i[s++];var p=i[s++],d=i[s++];if(r>0){if(ls(u,h,(u+p)/2-(h-d)*r,(h+d)/2-(p-u)*r,p,d,o,t,e))return a}else if(as(u,h,p,d,o,t,e))return a;a++}return-1},e.prototype.contain=function(t,e){var n=this.transformCoordToLocal(t,e),i=this.getBoundingRect();return t=n[0],e=n[1],i.contain(t,e)?(this.hoverDataIdx=this.findDataIndex(t,e))>=0:(this.hoverDataIdx=-1,!1)},e.prototype.getBoundingRect=function(){var t=this._rect;if(!t){for(var e=this.shape.segs,n=1/0,i=1/0,r=-1/0,o=-1/0,a=0;a<e.length;){var s=e[a++],l=e[a++];n=Math.min(s,n),r=Math.max(s,r),i=Math.min(l,i),o=Math.max(l,o)}t=this._rect=new ze(n,i,r,o)}return t},e}(Is),YP=function(){function t(){this.group=new zr}return t.prototype.updateData=function(t){this._clear();var e=this._create();e.setShape({segs:t.getLayout("linesPoints")}),this._setCommon(e,t)},t.prototype.incrementalPrepareUpdate=function(t){this.group.removeAll(),this._clear()},t.prototype.incrementalUpdate=function(t,e){var n=this._newAdded[0],i=e.getLayout("linesPoints"),r=n&&n.shape.segs;if(r&&r.length<2e4){var o=r.length,a=new Float32Array(o+i.length);a.set(r),a.set(i,o),n.setShape({segs:a})}else{this._newAdded=[];var s=this._create();s.incremental=!0,s.setShape({segs:i}),this._setCommon(s,e),s.__startIndex=t.start}},t.prototype.remove=function(){this._clear()},t.prototype.eachRendered=function(t){this._newAdded[0]&&t(this._newAdded[0])},t.prototype._create=function(){var t=new HP({cursor:"default",ignoreCoarsePointer:!0});return this._newAdded.push(t),this.group.add(t),t},t.prototype._setCommon=function(t,e,n){var i=e.hostModel;t.setShape({polyline:i.get("polyline"),curveness:i.get(["lineStyle","curveness"])}),t.useStyle(i.getModel("lineStyle").getLineStyle()),t.style.strokeNoScale=!0;var r=e.getVisual("style");r&&r.stroke&&t.setStyle("stroke",r.stroke),t.setStyle("fill",null);var o=Qs(t);o.seriesIndex=i.seriesIndex,t.on("mousemove",(function(e){o.dataIndex=null;var n=t.hoverDataIdx;n>0&&(o.dataIndex=n+t.__startIndex)}))},t.prototype._clear=function(){this._newAdded=[],this.group.removeAll()},t}(),XP={seriesType:"lines",plan:Cg(),reset:function(t){var e=t.coordinateSystem;if(e){var n=t.get("polyline"),i=t.pipelineContext.large;return{progress:function(r,o){var a=[];if(i){var s=void 0,l=r.end-r.start;if(n){for(var u=0,h=r.start;h<r.end;h++)u+=t.getLineCoordsCount(h);s=new Float32Array(l+2*u)}else s=new Float32Array(4*l);var c=0,p=[];for(h=r.start;h<r.end;h++){var d=t.getLineCoords(h,a);n&&(s[c++]=d);for(var f=0;f<d;f++)p=e.dataToPoint(a[f],!1,p),s[c++]=p[0],s[c++]=p[1]}o.setLayout("linesPoints",s)}else for(h=r.start;h<r.end;h++){var g=o.getItemModel(h),y=(d=t.getLineCoords(h,a),[]);if(n)for(var v=0;v<d;v++)y.push(e.dataToPoint(a[v]));else{y[0]=e.dataToPoint(a[0]),y[1]=e.dataToPoint(a[1]);var m=g.get(["lineStyle","curveness"]);+m&&(y[2]=[(y[0][0]+y[1][0])/2-(y[0][1]-y[1][1])*m,(y[0][1]+y[1][1])/2-(y[1][0]-y[0][0])*m])}o.setItemLayout(h,y)}}}}}},UP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this._updateLineDraw(i,t),o=t.get("zlevel"),a=t.get(["effect","trailLength"]),s=n.getZr(),l="svg"===s.painter.getType();l||s.painter.getLayer(o).clear(!0),null==this._lastZlevel||l||s.configLayer(this._lastZlevel,{motionBlur:!1}),this._showEffect(t)&&a>0&&(l||s.configLayer(o,{motionBlur:!0,lastFrameAlpha:Math.max(Math.min(a/10+.9,1),0)})),r.updateData(i);var u=t.get("clip",!0)&&SS(t.coordinateSystem,!1,t);u?this.group.setClipPath(u):this.group.removeClipPath(),this._lastZlevel=o,this._finished=!0},e.prototype.incrementalPrepareRender=function(t,e,n){var i=t.getData();this._updateLineDraw(i,t).incrementalPrepareUpdate(i),this._clearLayer(n),this._finished=!1},e.prototype.incrementalRender=function(t,e,n){this._lineDraw.incrementalUpdate(t,e.getData()),this._finished=t.end===e.getData().count()},e.prototype.eachRendered=function(t){this._lineDraw&&this._lineDraw.eachRendered(t)},e.prototype.updateTransform=function(t,e,n){var i=t.getData(),r=t.pipelineContext;if(!this._finished||r.large||r.progressiveRender)return{update:!0};var o=XP.reset(t,e,n);o.progress&&o.progress({start:0,end:i.count(),count:i.count()},i),this._lineDraw.updateLayout(),this._clearLayer(n)},e.prototype._updateLineDraw=function(t,e){var n=this._lineDraw,i=this._showEffect(e),r=!!e.get("polyline"),o=e.pipelineContext.large;return n&&i===this._hasEffet&&r===this._isPolyline&&o===this._isLargeDraw||(n&&n.remove(),n=this._lineDraw=o?new YP:new RA(r?i?GP:FP:i?BP:OA),this._hasEffet=i,this._isPolyline=r,this._isLargeDraw=o),this.group.add(n.group),n},e.prototype._showEffect=function(t){return!!t.get(["effect","show"])},e.prototype._clearLayer=function(t){var e=t.getZr();"svg"===e.painter.getType()||null==this._lastZlevel||e.painter.getLayer(this._lastZlevel).clear(!0)},e.prototype.remove=function(t,e){this._lineDraw&&this._lineDraw.remove(),this._lineDraw=null,this._clearLayer(e)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.type="lines",e}(kg),ZP="undefined"==typeof Uint32Array?Array:Uint32Array,jP="undefined"==typeof Float64Array?Array:Float64Array;function qP(t){var e=t.data;e&&e[0]&&e[0][0]&&e[0][0].coord&&(t.data=z(e,(function(t){var e={coords:[t[0].coord,t[1].coord]};return t[0].name&&(e.fromName=t[0].name),t[1].name&&(e.toName=t[1].name),D([e,t[0],t[1]])})))}var KP=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.visualStyleAccessPath="lineStyle",n.visualDrawType="stroke",n}return n(e,t),e.prototype.init=function(e){e.data=e.data||[],qP(e);var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count)),t.prototype.init.apply(this,arguments)},e.prototype.mergeOption=function(e){if(qP(e),e.data){var n=this._processFlatCoordsArray(e.data);this._flatCoords=n.flatCoords,this._flatCoordsOffset=n.flatCoordsOffset,n.flatCoords&&(e.data=new Float32Array(n.count))}t.prototype.mergeOption.apply(this,arguments)},e.prototype.appendData=function(t){var e=this._processFlatCoordsArray(t.data);e.flatCoords&&(this._flatCoords?(this._flatCoords=vt(this._flatCoords,e.flatCoords),this._flatCoordsOffset=vt(this._flatCoordsOffset,e.flatCoordsOffset)):(this._flatCoords=e.flatCoords,this._flatCoordsOffset=e.flatCoordsOffset),t.data=new Float32Array(e.count)),this.getRawData().appendData(t.data)},e.prototype._getCoordsFromItemModel=function(t){var e=this.getData().getItemModel(t),n=e.option instanceof Array?e.option:e.getShallow("coords");return n},e.prototype.getLineCoordsCount=function(t){return this._flatCoordsOffset?this._flatCoordsOffset[2*t+1]:this._getCoordsFromItemModel(t).length},e.prototype.getLineCoords=function(t,e){if(this._flatCoordsOffset){for(var n=this._flatCoordsOffset[2*t],i=this._flatCoordsOffset[2*t+1],r=0;r<i;r++)e[r]=e[r]||[],e[r][0]=this._flatCoords[n+2*r],e[r][1]=this._flatCoords[n+2*r+1];return i}var o=this._getCoordsFromItemModel(t);for(r=0;r<o.length;r++)e[r]=e[r]||[],e[r][0]=o[r][0],e[r][1]=o[r][1];return o.length},e.prototype._processFlatCoordsArray=function(t){var e=0;if(this._flatCoords&&(e=this._flatCoords.length),j(t[0])){for(var n=t.length,i=new ZP(n),r=new jP(n),o=0,a=0,s=0,l=0;l<n;){s++;var u=t[l++];i[a++]=o+e,i[a++]=u;for(var h=0;h<u;h++){var c=t[l++],p=t[l++];r[o++]=c,r[o++]=p}}return{flatCoordsOffset:new Uint32Array(i.buffer,0,a),flatCoords:r,count:s}}return{flatCoordsOffset:null,flatCoords:null,count:t.length}},e.prototype.getInitialData=function(t,e){var n=new lx(["value"],this);return n.hasItemOption=!1,n.initData(t.data,[],(function(t,e,i,r){if(t instanceof Array)return NaN;n.hasItemOption=!0;var o=t.value;return null!=o?o instanceof Array?o[r]:o:void 0})),n},e.prototype.formatTooltip=function(t,e,n){var i=this.getData().getItemModel(t),r=i.get("name");if(r)return r;var o=i.get("fromName"),a=i.get("toName"),s=[];return null!=o&&s.push(o),null!=a&&s.push(a),ng("nameValue",{name:s.join(" > ")})},e.prototype.preventIncremental=function(){return!!this.get(["effect","show"])},e.prototype.getProgressive=function(){var t=this.option.progressive;return null==t?this.option.large?1e4:this.get("progressive"):t},e.prototype.getProgressiveThreshold=function(){var t=this.option.progressiveThreshold;return null==t?this.option.large?2e4:this.get("progressiveThreshold"):t},e.prototype.getZLevelKey=function(){var t=this.getModel("effect"),e=t.get("trailLength");return this.getData().count()>this.getProgressiveThreshold()?this.id:t.get("show")&&e>0?e+"":""},e.type="series.lines",e.dependencies=["grid","polar","geo","calendar"],e.defaultOption={coordinateSystem:"geo",z:2,legendHoverLink:!0,xAxisIndex:0,yAxisIndex:0,symbol:["none","none"],symbolSize:[10,10],geoIndex:0,effect:{show:!1,period:4,constantSpeed:0,symbol:"circle",symbolSize:3,loop:!0,trailLength:.2},large:!1,largeThreshold:2e3,polyline:!1,clip:!0,label:{show:!1,position:"end"},lineStyle:{opacity:.5}},e}(mg);function $P(t){return t instanceof Array||(t=[t,t]),t}var JP={seriesType:"lines",reset:function(t){var e=$P(t.get("symbol")),n=$P(t.get("symbolSize")),i=t.getData();return i.setVisual("fromSymbol",e&&e[0]),i.setVisual("toSymbol",e&&e[1]),i.setVisual("fromSymbolSize",n&&n[0]),i.setVisual("toSymbolSize",n&&n[1]),{dataEach:i.hasItemOption?function(t,e){var n=t.getItemModel(e),i=$P(n.getShallow("symbol",!0)),r=$P(n.getShallow("symbolSize",!0));i[0]&&t.setItemVisual(e,"fromSymbol",i[0]),i[1]&&t.setItemVisual(e,"toSymbol",i[1]),r[0]&&t.setItemVisual(e,"fromSymbolSize",r[0]),r[1]&&t.setItemVisual(e,"toSymbolSize",r[1])}:null}}};var QP=function(){function t(){this.blurSize=30,this.pointSize=20,this.maxOpacity=1,this.minOpacity=0,this._gradientPixels={inRange:null,outOfRange:null};var t=h.createCanvas();this.canvas=t}return t.prototype.update=function(t,e,n,i,r,o){var a=this._getBrush(),s=this._getGradient(r,"inRange"),l=this._getGradient(r,"outOfRange"),u=this.pointSize+this.blurSize,h=this.canvas,c=h.getContext("2d"),p=t.length;h.width=e,h.height=n;for(var d=0;d<p;++d){var f=t[d],g=f[0],y=f[1],v=i(f[2]);c.globalAlpha=v,c.drawImage(a,g-u,y-u)}if(!h.width||!h.height)return h;for(var m=c.getImageData(0,0,h.width,h.height),x=m.data,_=0,b=x.length,w=this.minOpacity,S=this.maxOpacity-w;_<b;){v=x[_+3]/256;var M=4*Math.floor(255*v);if(v>0){var I=o(v)?s:l;v>0&&(v=v*S+w),x[_++]=I[M],x[_++]=I[M+1],x[_++]=I[M+2],x[_++]=I[M+3]*v*256}else _+=4}return c.putImageData(m,0,0),h},t.prototype._getBrush=function(){var t=this._brushCanvas||(this._brushCanvas=h.createCanvas()),e=this.pointSize+this.blurSize,n=2*e;t.width=n,t.height=n;var i=t.getContext("2d");return i.clearRect(0,0,n,n),i.shadowOffsetX=n,i.shadowBlur=this.blurSize,i.shadowColor="#000",i.beginPath(),i.arc(-e,e,this.pointSize,0,2*Math.PI,!0),i.closePath(),i.fill(),t},t.prototype._getGradient=function(t,e){for(var n=this._gradientPixels,i=n[e]||(n[e]=new Uint8ClampedArray(1024)),r=[0,0,0,0],o=0,a=0;a<256;a++)t[e](a/255,!0,r),i[o++]=r[0],i[o++]=r[1],i[o++]=r[2],i[o++]=r[3];return i},t}();function tO(t){var e=t.dimensions;return"lng"===e[0]&&"lat"===e[1]}var eO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i;e.eachComponent("visualMap",(function(e){e.eachTargetSeries((function(n){n===t&&(i=e)}))})),this._progressiveEls=null,this.group.removeAll();var r=t.coordinateSystem;"cartesian2d"===r.type||"calendar"===r.type?this._renderOnCartesianAndCalendar(t,n,0,t.getData().count()):tO(r)&&this._renderOnGeo(r,t,i,n)},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll()},e.prototype.incrementalRender=function(t,e,n,i){var r=e.coordinateSystem;r&&(tO(r)?this.render(e,n,i):(this._progressiveEls=[],this._renderOnCartesianAndCalendar(e,i,t.start,t.end,!0)))},e.prototype.eachRendered=function(t){qh(this._progressiveEls||this.group,t)},e.prototype._renderOnCartesianAndCalendar=function(t,e,n,i,r){var o,a,s,l,u=t.coordinateSystem,h=MS(u,"cartesian2d");if(h){var c=u.getAxis("x"),p=u.getAxis("y");0,o=c.getBandWidth()+.5,a=p.getBandWidth()+.5,s=c.scale.getExtent(),l=p.scale.getExtent()}for(var d=this.group,f=t.getData(),g=t.getModel(["emphasis","itemStyle"]).getItemStyle(),y=t.getModel(["blur","itemStyle"]).getItemStyle(),v=t.getModel(["select","itemStyle"]).getItemStyle(),m=t.get(["itemStyle","borderRadius"]),x=ec(t),_=t.getModel("emphasis"),b=_.get("focus"),w=_.get("blurScope"),S=_.get("disabled"),M=h?[f.mapDimension("x"),f.mapDimension("y"),f.mapDimension("value")]:[f.mapDimension("time"),f.mapDimension("value")],I=n;I<i;I++){var T=void 0,C=f.getItemVisual(I,"style");if(h){var D=f.get(M[0],I),A=f.get(M[1],I);if(isNaN(f.get(M[2],I))||isNaN(D)||isNaN(A)||D<s[0]||D>s[1]||A<l[0]||A>l[1])continue;var k=u.dataToPoint([D,A]);T=new zs({shape:{x:k[0]-o/2,y:k[1]-a/2,width:o,height:a},style:C})}else{if(isNaN(f.get(M[1],I)))continue;T=new zs({z2:1,shape:u.dataToRect([f.get(M[0],I)]).contentShape,style:C})}if(f.hasItemOption){var L=f.getItemModel(I),P=L.getModel("emphasis");g=P.getModel("itemStyle").getItemStyle(),y=L.getModel(["blur","itemStyle"]).getItemStyle(),v=L.getModel(["select","itemStyle"]).getItemStyle(),m=L.get(["itemStyle","borderRadius"]),b=P.get("focus"),w=P.get("blurScope"),S=P.get("disabled"),x=ec(L)}T.shape.r=m;var O=t.getRawValue(I),R="-";O&&null!=O[2]&&(R=O[2]+""),tc(T,x,{labelFetcher:t,labelDataIndex:I,defaultOpacity:C.opacity,defaultText:R}),T.ensureState("emphasis").style=g,T.ensureState("blur").style=y,T.ensureState("select").style=v,Yl(T,b,w,S),T.incremental=r,r&&(T.states.emphasis.hoverLayer=!0),d.add(T),f.setItemGraphicEl(I,T),this._progressiveEls&&this._progressiveEls.push(T)}},e.prototype._renderOnGeo=function(t,e,n,i){var r=n.targetVisuals.inRange,o=n.targetVisuals.outOfRange,a=e.getData(),s=this._hmLayer||this._hmLayer||new QP;s.blurSize=e.get("blurSize"),s.pointSize=e.get("pointSize"),s.minOpacity=e.get("minOpacity"),s.maxOpacity=e.get("maxOpacity");var l=t.getViewRect().clone(),u=t.getRoamTransform();l.applyTransform(u);var h=Math.max(l.x,0),c=Math.max(l.y,0),p=Math.min(l.width+l.x,i.getWidth()),d=Math.min(l.height+l.y,i.getHeight()),f=p-h,g=d-c,y=[a.mapDimension("lng"),a.mapDimension("lat"),a.mapDimension("value")],v=a.mapArray(y,(function(e,n,i){var r=t.dataToPoint([e,n]);return r[0]-=h,r[1]-=c,r.push(i),r})),m=n.getExtent(),x="visualMap.continuous"===n.type?function(t,e){var n=t[1]-t[0];return e=[(e[0]-t[0])/n,(e[1]-t[0])/n],function(t){return t>=e[0]&&t<=e[1]}}(m,n.option.range):function(t,e,n){var i=t[1]-t[0],r=(e=z(e,(function(e){return{interval:[(e.interval[0]-t[0])/i,(e.interval[1]-t[0])/i]}}))).length,o=0;return function(t){var i;for(i=o;i<r;i++)if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}if(i===r)for(i=o-1;i>=0;i--){var a;if((a=e[i].interval)[0]<=t&&t<=a[1]){o=i;break}}return i>=0&&i<r&&n[i]}}(m,n.getPieceList(),n.option.selected);s.update(v,f,g,r.color.getNormalizer(),{inRange:r.color.getColorMapper(),outOfRange:o.color.getColorMapper()},x);var _=new ks({style:{width:f,height:g,x:h,y:c,image:s.canvas},silent:!0});this.group.add(_)},e.type="heatmap",e}(kg),nO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getInitialData=function(t,e){return vx(null,this,{generateCoord:"value"})},e.prototype.preventIncremental=function(){var t=xd.get(this.get("coordinateSystem"));if(t&&t.dimensions)return"lng"===t.dimensions[0]&&"lat"===t.dimensions[1]},e.type="series.heatmap",e.dependencies=["grid","geo","calendar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,geoIndex:0,blurSize:30,pointSize:20,maxOpacity:1,minOpacity:0,select:{itemStyle:{borderColor:"#212121"}}},e}(mg);var iO=["itemStyle","borderWidth"],rO=[{xy:"x",wh:"width",index:0,posDesc:["left","right"]},{xy:"y",wh:"height",index:1,posDesc:["top","bottom"]}],oO=new _u,aO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group,r=t.getData(),o=this._data,a=t.coordinateSystem,s=a.getBaseAxis().isHorizontal(),l=a.master.getRect(),u={ecSize:{width:n.getWidth(),height:n.getHeight()},seriesModel:t,coordSys:a,coordSysExtent:[[l.x,l.x+l.width],[l.y,l.y+l.height]],isHorizontal:s,valueDim:rO[+s],categoryDim:rO[1-+s]};return r.diff(o).add((function(t){if(r.hasValue(t)){var e=fO(r,t),n=sO(r,t,e,u),o=vO(r,u,n);r.setItemGraphicEl(t,o),i.add(o),wO(o,u,n)}})).update((function(t,e){var n=o.getItemGraphicEl(e);if(r.hasValue(t)){var a=fO(r,t),s=sO(r,t,a,u),l=xO(r,s);n&&l!==n.__pictorialShapeStr&&(i.remove(n),r.setItemGraphicEl(t,null),n=null),n?function(t,e,n){var i=n.animationModel,r=n.dataIndex,o=t.__pictorialBundle;fh(o,{x:n.bundlePosition[0],y:n.bundlePosition[1]},i,r),n.symbolRepeat?hO(t,e,n,!0):cO(t,e,n,!0);pO(t,n,!0),dO(t,e,n,!0)}(n,u,s):n=vO(r,u,s,!0),r.setItemGraphicEl(t,n),n.__pictorialSymbolMeta=s,i.add(n),wO(n,u,s)}else i.remove(n)})).remove((function(t){var e=o.getItemGraphicEl(t);e&&mO(o,t,e.__pictorialSymbolMeta.animationModel,e)})).execute(),this._data=r,this.group},e.prototype.remove=function(t,e){var n=this.group,i=this._data;t.get("animation")?i&&i.eachItemGraphicEl((function(e){mO(i,Qs(e).dataIndex,t,e)})):n.removeAll()},e.type="pictorialBar",e}(kg);function sO(t,e,n,i){var r=t.getItemLayout(e),o=n.get("symbolRepeat"),a=n.get("symbolClip"),s=n.get("symbolPosition")||"start",l=(n.get("symbolRotate")||0)*Math.PI/180||0,u=n.get("symbolPatternSize")||2,h=n.isAnimationEnabled(),c={dataIndex:e,layout:r,itemModel:n,symbolType:t.getItemVisual(e,"symbol")||"circle",style:t.getItemVisual(e,"style"),symbolClip:a,symbolRepeat:o,symbolRepeatDirection:n.get("symbolRepeatDirection"),symbolPatternSize:u,rotation:l,animationModel:h?n:null,hoverScale:h&&n.get(["emphasis","scale"]),z2:n.getShallow("z",!0)||0};!function(t,e,n,i,r){var o,a=i.valueDim,s=t.get("symbolBoundingData"),l=i.coordSys.getOtherAxis(i.coordSys.getBaseAxis()),u=l.toGlobalCoord(l.dataToCoord(0)),h=1-+(n[a.wh]<=0);if(Y(s)){var c=[lO(l,s[0])-u,lO(l,s[1])-u];c[1]<c[0]&&c.reverse(),o=c[h]}else o=null!=s?lO(l,s)-u:e?i.coordSysExtent[a.index][h]-u:n[a.wh];r.boundingLength=o,e&&(r.repeatCutLength=n[a.wh]);r.pxSign=o>0?1:-1}(n,o,r,i,c),function(t,e,n,i,r,o,a,s,l,u){var h,c=l.valueDim,p=l.categoryDim,d=Math.abs(n[p.wh]),f=t.getItemVisual(e,"symbolSize");h=Y(f)?f.slice():null==f?["100%","100%"]:[f,f];h[p.index]=Ur(h[p.index],d),h[c.index]=Ur(h[c.index],i?d:Math.abs(o)),u.symbolSize=h;var g=u.symbolScale=[h[0]/s,h[1]/s];g[c.index]*=(l.isHorizontal?-1:1)*a}(t,e,r,o,0,c.boundingLength,c.pxSign,u,i,c),function(t,e,n,i,r){var o=t.get(iO)||0;o&&(oO.attr({scaleX:e[0],scaleY:e[1],rotation:n}),oO.updateTransform(),o/=oO.getLineScale(),o*=e[i.valueDim.index]);r.valueLineWidth=o||0}(n,c.symbolScale,l,i,c);var p=c.symbolSize,d=Yy(n.get("symbolOffset"),p);return function(t,e,n,i,r,o,a,s,l,u,h,c){var p=h.categoryDim,d=h.valueDim,f=c.pxSign,g=Math.max(e[d.index]+s,0),y=g;if(i){var v=Math.abs(l),m=it(t.get("symbolMargin"),"15%")+"",x=!1;m.lastIndexOf("!")===m.length-1&&(x=!0,m=m.slice(0,m.length-1));var _=Ur(m,e[d.index]),b=Math.max(g+2*_,0),w=x?0:2*_,S=co(i),M=S?i:SO((v+w)/b);b=g+2*(_=(v-M*g)/2/(x?M:Math.max(M-1,1))),w=x?0:2*_,S||"fixed"===i||(M=u?SO((Math.abs(u)+w)/b):0),y=M*b-w,c.repeatTimes=M,c.symbolMargin=_}var I=f*(y/2),T=c.pathPosition=[];T[p.index]=n[p.wh]/2,T[d.index]="start"===a?I:"end"===a?l-I:l/2,o&&(T[0]+=o[0],T[1]+=o[1]);var C=c.bundlePosition=[];C[p.index]=n[p.xy],C[d.index]=n[d.xy];var D=c.barRectShape=A({},n);D[d.wh]=f*Math.max(Math.abs(n[d.wh]),Math.abs(T[d.index]+I)),D[p.wh]=n[p.wh];var k=c.clipShape={};k[p.xy]=-n[p.xy],k[p.wh]=h.ecSize[p.wh],k[d.xy]=0,k[d.wh]=n[d.wh]}(n,p,r,o,0,d,s,c.valueLineWidth,c.boundingLength,c.repeatCutLength,i,c),c}function lO(t,e){return t.toGlobalCoord(t.dataToCoord(t.scale.parse(e)))}function uO(t){var e=t.symbolPatternSize,n=Wy(t.symbolType,-e/2,-e/2,e,e);return n.attr({culling:!0}),"image"!==n.type&&n.setStyle({strokeNoScale:!0}),n}function hO(t,e,n,i){var r=t.__pictorialBundle,o=n.symbolSize,a=n.valueLineWidth,s=n.pathPosition,l=e.valueDim,u=n.repeatTimes||0,h=0,c=o[e.valueDim.index]+a+2*n.symbolMargin;for(_O(t,(function(t){t.__pictorialAnimationIndex=h,t.__pictorialRepeatTimes=u,h<u?bO(t,null,f(h),n,i):bO(t,null,{scaleX:0,scaleY:0},n,i,(function(){r.remove(t)})),h++}));h<u;h++){var p=uO(n);p.__pictorialAnimationIndex=h,p.__pictorialRepeatTimes=u,r.add(p);var d=f(h);bO(p,{x:d.x,y:d.y,scaleX:0,scaleY:0},{scaleX:d.scaleX,scaleY:d.scaleY,rotation:d.rotation},n,i)}function f(t){var e=s.slice(),i=n.pxSign,r=t;return("start"===n.symbolRepeatDirection?i>0:i<0)&&(r=u-1-t),e[l.index]=c*(r-u/2+.5)+s[l.index],{x:e[0],y:e[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation}}}function cO(t,e,n,i){var r=t.__pictorialBundle,o=t.__pictorialMainPath;o?bO(o,null,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:n.symbolScale[0],scaleY:n.symbolScale[1],rotation:n.rotation},n,i):(o=t.__pictorialMainPath=uO(n),r.add(o),bO(o,{x:n.pathPosition[0],y:n.pathPosition[1],scaleX:0,scaleY:0,rotation:n.rotation},{scaleX:n.symbolScale[0],scaleY:n.symbolScale[1]},n,i))}function pO(t,e,n){var i=A({},e.barRectShape),r=t.__pictorialBarRect;r?bO(r,null,{shape:i},e,n):((r=t.__pictorialBarRect=new zs({z2:2,shape:i,silent:!0,style:{stroke:"transparent",fill:"transparent",lineWidth:0}})).disableMorphing=!0,t.add(r))}function dO(t,e,n,i){if(n.symbolClip){var r=t.__pictorialClipPath,o=A({},n.clipShape),a=e.valueDim,s=n.animationModel,l=n.dataIndex;if(r)fh(r,{shape:o},s,l);else{o[a.wh]=0,r=new zs({shape:o}),t.__pictorialBundle.setClipPath(r),t.__pictorialClipPath=r;var u={};u[a.wh]=n.clipShape[a.wh],Kh[i?"updateProps":"initProps"](r,{shape:u},s,l)}}}function fO(t,e){var n=t.getItemModel(e);return n.getAnimationDelayParams=gO,n.isAnimationEnabled=yO,n}function gO(t){return{index:t.__pictorialAnimationIndex,count:t.__pictorialRepeatTimes}}function yO(){return this.parentModel.isAnimationEnabled()&&!!this.getShallow("animation")}function vO(t,e,n,i){var r=new zr,o=new zr;return r.add(o),r.__pictorialBundle=o,o.x=n.bundlePosition[0],o.y=n.bundlePosition[1],n.symbolRepeat?hO(r,e,n):cO(r,0,n),pO(r,n,i),dO(r,e,n,i),r.__pictorialShapeStr=xO(t,n),r.__pictorialSymbolMeta=n,r}function mO(t,e,n,i){var r=i.__pictorialBarRect;r&&r.removeTextContent();var o=[];_O(i,(function(t){o.push(t)})),i.__pictorialMainPath&&o.push(i.__pictorialMainPath),i.__pictorialClipPath&&(n=null),E(o,(function(t){vh(t,{scaleX:0,scaleY:0},n,e,(function(){i.parent&&i.parent.remove(i)}))})),t.setItemGraphicEl(e,null)}function xO(t,e){return[t.getItemVisual(e.dataIndex,"symbol")||"none",!!e.symbolRepeat,!!e.symbolClip].join(":")}function _O(t,e,n){E(t.__pictorialBundle.children(),(function(i){i!==t.__pictorialBarRect&&e.call(n,i)}))}function bO(t,e,n,i,r,o){e&&t.attr(e),i.symbolClip&&!r?n&&t.attr(n):n&&Kh[r?"updateProps":"initProps"](t,n,i.animationModel,i.dataIndex,o)}function wO(t,e,n){var i=n.dataIndex,r=n.itemModel,o=r.getModel("emphasis"),a=o.getModel("itemStyle").getItemStyle(),s=r.getModel(["blur","itemStyle"]).getItemStyle(),l=r.getModel(["select","itemStyle"]).getItemStyle(),u=r.getShallow("cursor"),h=o.get("focus"),c=o.get("blurScope"),p=o.get("scale");_O(t,(function(t){if(t instanceof ks){var e=t.style;t.useStyle(A({image:e.image,x:e.x,y:e.y,width:e.width,height:e.height},n.style))}else t.useStyle(n.style);var i=t.ensureState("emphasis");i.style=a,p&&(i.scaleX=1.1*t.scaleX,i.scaleY=1.1*t.scaleY),t.ensureState("blur").style=s,t.ensureState("select").style=l,u&&(t.cursor=u),t.z2=n.z2}));var d=e.valueDim.posDesc[+(n.boundingLength>0)];tc(t.__pictorialBarRect,ec(r),{labelFetcher:e.seriesModel,labelDataIndex:i,defaultText:iS(e.seriesModel.getData(),i),inheritColor:n.style.fill,defaultOpacity:n.style.opacity,defaultOutsidePosition:d}),Yl(t,h,c,o.get("disabled"))}function SO(t){var e=Math.round(t);return Math.abs(t-e)<1e-4?e:Math.ceil(t)}var MO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.hasSymbolVisual=!0,n.defaultSymbol="roundRect",n}return n(e,t),e.prototype.getInitialData=function(e){return e.stack=null,t.prototype.getInitialData.apply(this,arguments)},e.type="series.pictorialBar",e.dependencies=["grid"],e.defaultOption=Cc(FS.defaultOption,{symbol:"circle",symbolSize:null,symbolRotate:null,symbolPosition:null,symbolOffset:null,symbolMargin:null,symbolRepeat:!1,symbolRepeatDirection:"end",symbolClip:!1,symbolBoundingData:null,symbolPatternSize:400,barGap:"-100%",progressive:0,emphasis:{scale:!1},select:{itemStyle:{borderColor:"#212121"}}}),e}(FS);var IO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._layers=[],n}return n(e,t),e.prototype.render=function(t,e,n){var i=t.getData(),r=this,o=this.group,a=t.getLayerSeries(),s=i.getLayout("layoutInfo"),l=s.rect,u=s.boundaryGap;function h(t){return t.name}o.x=0,o.y=l.y+u[0];var c=new Vm(this._layersSeries||[],a,h,h),p=[];function d(e,n,s){var l=r._layers;if("remove"!==e){for(var u,h,c=[],d=[],f=a[n].indices,g=0;g<f.length;g++){var y=i.getItemLayout(f[g]),v=y.x,m=y.y0,x=y.y;c.push(v,m),d.push(v,m+x),u=i.getItemVisual(f[g],"style")}var _=i.getItemLayout(f[0]),b=t.getModel("label").get("margin"),w=t.getModel("emphasis");if("add"===e){var S=p[n]=new zr;h=new _S({shape:{points:c,stackedOnPoints:d,smooth:.4,stackedOnSmooth:.4,smoothConstraint:!1},z2:0}),S.add(h),o.add(S),t.isAnimationEnabled()&&h.setClipPath(function(t,e,n){var i=new zs({shape:{x:t.x-10,y:t.y-10,width:0,height:t.height+20}});return gh(i,{shape:{x:t.x-50,width:t.width+100,height:t.height+20}},e,n),i}(h.getBoundingRect(),t,(function(){h.removeClipPath()})))}else{S=l[s];h=S.childAt(0),o.add(S),p[n]=S,fh(h,{shape:{points:c,stackedOnPoints:d}},t),_h(h)}tc(h,ec(t),{labelDataIndex:f[g-1],defaultText:i.getName(f[g-1]),inheritColor:u.fill},{normal:{verticalAlign:"middle"}}),h.setTextConfig({position:null,local:!0});var M=h.getTextContent();M&&(M.x=_.x-b,M.y=_.y0+_.y/2),h.useStyle(u),i.setItemGraphicEl(n,h),jl(h,t),Yl(h,w.get("focus"),w.get("blurScope"),w.get("disabled"))}else o.remove(l[n])}c.add(W(d,this,"add")).update(W(d,this,"update")).remove(W(d,this,"remove")).execute(),this._layersSeries=a,this._layers=p},e.type="themeRiver",e}(kg);var TO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new IM(W(this.getData,this),W(this.getRawData,this))},e.prototype.fixData=function(t){var e=t.length,n={},i=Go(t,(function(t){return n.hasOwnProperty(t[0]+"")||(n[t[0]+""]=-1),t[2]})),r=[];i.buckets.each((function(t,e){r.push({name:e,dataList:t})}));for(var o=r.length,a=0;a<o;++a){for(var s=r[a].name,l=0;l<r[a].dataList.length;++l){var u=r[a].dataList[l][0]+"";n[u]=a}for(var u in n)n.hasOwnProperty(u)&&n[u]!==a&&(n[u]=a,t[e]=[u,0,s],e++)}return t},e.prototype.getInitialData=function(t,e){for(var n=this.getReferringComponents("singleAxis",zo).models[0].get("type"),i=B(t.data,(function(t){return void 0!==t[2]})),r=this.fixData(i||[]),o=[],a=this.nameMap=yt(),s=0,l=0;l<r.length;++l)o.push(r[l][2]),a.get(r[l][2])||(a.set(r[l][2],s),s++);var u=ux(r,{coordDimensions:["single"],dimensionsDefine:[{name:"time",type:Gm(n)},{name:"value",type:"float"},{name:"name",type:"ordinal"}],encodeDefine:{single:0,value:1,itemName:2}}).dimensions,h=new lx(u,this);return h.initData(r),h},e.prototype.getLayerSeries=function(){for(var t=this.getData(),e=t.count(),n=[],i=0;i<e;++i)n[i]=i;var r=t.mapDimension("single"),o=Go(n,(function(e){return t.get("name",e)})),a=[];return o.buckets.each((function(e,n){e.sort((function(e,n){return t.get(r,e)-t.get(r,n)})),a.push({name:n,indices:e})})),a},e.prototype.getAxisTooltipData=function(t,e,n){Y(t)||(t=t?[t]:[]);for(var i,r=this.getData(),o=this.getLayerSeries(),a=[],s=o.length,l=0;l<s;++l){for(var u=Number.MAX_VALUE,h=-1,c=o[l].indices.length,p=0;p<c;++p){var d=r.get(t[0],o[l].indices[p]),f=Math.abs(d-e);f<=u&&(i=d,u=f,h=o[l].indices[p])}a.push(h)}return{dataIndices:a,nestestValue:i}},e.prototype.formatTooltip=function(t,e,n){var i=this.getData();return ng("nameValue",{name:i.getName(t),value:i.get(i.mapDimension("value"),t)})},e.type="series.themeRiver",e.dependencies=["singleAxis"],e.defaultOption={z:2,colorBy:"data",coordinateSystem:"singleAxis",boundaryGap:["10%","10%"],singleAxisIndex:0,animationEasing:"linear",label:{margin:4,show:!0,position:"left",fontSize:11},emphasis:{label:{show:!0}}},e}(mg);function CO(t,e){t.eachSeriesByType("themeRiver",(function(t){var e=t.getData(),n=t.coordinateSystem,i={},r=n.getRect();i.rect=r;var o=t.get("boundaryGap"),a=n.getAxis();(i.boundaryGap=o,"horizontal"===a.orient)?(o[0]=Ur(o[0],r.height),o[1]=Ur(o[1],r.height),DO(e,t,r.height-o[0]-o[1])):(o[0]=Ur(o[0],r.width),o[1]=Ur(o[1],r.width),DO(e,t,r.width-o[0]-o[1]));e.setLayout("layoutInfo",i)}))}function DO(t,e,n){if(t.count())for(var i,r=e.coordinateSystem,o=e.getLayerSeries(),a=t.mapDimension("single"),s=t.mapDimension("value"),l=z(o,(function(e){return z(e.indices,(function(e){var n=r.dataToPoint(t.get(a,e));return n[1]=t.get(s,e),n}))})),u=function(t){for(var e=t.length,n=t[0].length,i=[],r=[],o=0,a=0;a<n;++a){for(var s=0,l=0;l<e;++l)s+=t[l][a][1];s>o&&(o=s),i.push(s)}for(var u=0;u<n;++u)r[u]=(o-i[u])/2;o=0;for(var h=0;h<n;++h){var c=i[h]+r[h];c>o&&(o=c)}return{y0:r,max:o}}(l),h=u.y0,c=n/u.max,p=o.length,d=o[0].indices.length,f=0;f<d;++f){i=h[f]*c,t.setItemLayout(o[0].indices[f],{layerIndex:0,x:l[0][f][0],y0:i,y:l[0][f][1]*c});for(var g=1;g<p;++g)i+=l[g-1][f][1]*c,t.setItemLayout(o[g].indices[f],{layerIndex:g,x:l[g][f][0],y0:i,y:l[g][f][1]*c})}}var AO=function(t){function e(e,n,i,r){var o=t.call(this)||this;o.z2=2,o.textConfig={inside:!0},Qs(o).seriesIndex=n.seriesIndex;var a=new Fs({z2:4,silent:e.getModel().get(["label","silent"])});return o.setTextContent(a),o.updateData(!0,e,n,i,r),o}return n(e,t),e.prototype.updateData=function(t,e,n,i,r){this.node=e,e.piece=this,n=n||this._seriesModel,i=i||this._ecModel;var o=this;Qs(o).dataIndex=e.dataIndex;var a=e.getModel(),s=a.getModel("emphasis"),l=e.getLayout(),u=A({},l);u.label=null;var h=e.getVisual("style");h.lineJoin="bevel";var c=e.getVisual("decal");c&&(h.decal=gv(c,r));var p=US(a.getModel("itemStyle"),u,!0);A(u,p),E(ol,(function(t){var e=o.ensureState(t),n=a.getModel([t,"itemStyle"]);e.style=n.getItemStyle();var i=US(n,u);i&&(e.shape=i)})),t?(o.setShape(u),o.shape.r=l.r0,gh(o,{shape:{r:l.r}},n,e.dataIndex)):(fh(o,{shape:u},n),_h(o)),o.useStyle(h),this._updateLabel(n);var d=a.getShallow("cursor");d&&o.attr("cursor",d),this._seriesModel=n||this._seriesModel,this._ecModel=i||this._ecModel;var f=s.get("focus");Yl(this,"ancestor"===f?e.getAncestorsIndices():"descendant"===f?e.getDescendantIndices():f,s.get("blurScope"),s.get("disabled"))},e.prototype._updateLabel=function(t){var e=this,n=this.node.getModel(),i=n.getModel("label"),r=this.node.getLayout(),o=r.endAngle-r.startAngle,a=(r.startAngle+r.endAngle)/2,s=Math.cos(a),l=Math.sin(a),u=this,h=u.getTextContent(),c=this.node.dataIndex,p=i.get("minAngle")/180*Math.PI,d=i.get("show")&&!(null!=p&&Math.abs(o)<p);function f(t,e){var n=t.get(e);return null==n?i.get(e):n}h.ignore=!d,E(al,(function(i){var p="normal"===i?n.getModel("label"):n.getModel([i,"label"]),d="normal"===i,g=d?h:h.ensureState(i),y=t.getFormattedLabel(c,i);d&&(y=y||e.node.name),g.style=nc(p,{},null,"normal"!==i,!0),y&&(g.style.text=y);var v=p.get("show");null==v||d||(g.ignore=!v);var m,x=f(p,"position"),_=d?u:u.states[i],b=_.style.fill;_.textConfig={outsideFill:"inherit"===p.get("color")?b:null,inside:"outside"!==x};var w=f(p,"distance")||0,S=f(p,"align");"outside"===x?(m=r.r+w,S=a>Math.PI/2?"right":"left"):S&&"center"!==S?"left"===S?(m=r.r0+w,a>Math.PI/2&&(S="right")):"right"===S&&(m=r.r-w,a>Math.PI/2&&(S="left")):(m=o===2*Math.PI&&0===r.r0?0:(r.r+r.r0)/2,S="center"),g.style.align=S,g.style.verticalAlign=f(p,"verticalAlign")||"middle",g.x=m*s+r.cx,g.y=m*l+r.cy;var M=f(p,"rotate"),I=0;"radial"===M?(I=hs(-a))>Math.PI/2&&I<1.5*Math.PI&&(I+=Math.PI):"tangential"===M?(I=Math.PI/2-a)>Math.PI/2?I-=Math.PI:I<-Math.PI/2&&(I+=Math.PI):j(M)&&(I=M*Math.PI/180),g.rotation=hs(I)})),h.dirtyStyle()},e}(zu),kO="sunburstRootToNode",LO="sunburstHighlight";var PO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this;this.seriesModel=t,this.api=n,this.ecModel=e;var o=t.getData(),a=o.tree.root,s=t.getViewRoot(),l=this.group,u=t.get("renderLabelForZeroData"),h=[];s.eachNode((function(t){h.push(t)}));var c=this._oldChildren||[];!function(i,r){if(0===i.length&&0===r.length)return;function s(t){return t.getId()}function h(s,h){!function(i,r){u||!i||i.getValue()||(i=null);if(i!==a&&r!==a)if(r&&r.piece)i?(r.piece.updateData(!1,i,t,e,n),o.setItemGraphicEl(i.dataIndex,r.piece)):function(t){if(!t)return;t.piece&&(l.remove(t.piece),t.piece=null)}(r);else if(i){var s=new AO(i,t,e,n);l.add(s),o.setItemGraphicEl(i.dataIndex,s)}}(null==s?null:i[s],null==h?null:r[h])}new Vm(r,i,s,s).add(h).update(h).remove(H(h,null)).execute()}(h,c),function(i,o){o.depth>0?(r.virtualPiece?r.virtualPiece.updateData(!1,i,t,e,n):(r.virtualPiece=new AO(i,t,e,n),l.add(r.virtualPiece)),o.piece.off("click"),r.virtualPiece.on("click",(function(t){r._rootToNode(o.parentNode)}))):r.virtualPiece&&(l.remove(r.virtualPiece),r.virtualPiece=null)}(a,s),this._initEvents(),this._oldChildren=h},e.prototype._initEvents=function(){var t=this;this.group.off("click"),this.group.on("click",(function(e){var n=!1;t.seriesModel.getViewRoot().eachNode((function(i){if(!n&&i.piece&&i.piece===e.target){var r=i.getModel().get("nodeClick");if("rootToNode"===r)t._rootToNode(i);else if("link"===r){var o=i.getModel(),a=o.get("link");if(a)bp(a,o.get("target",!0)||"_blank")}n=!0}}))}))},e.prototype._rootToNode=function(t){t!==this.seriesModel.getViewRoot()&&this.api.dispatchAction({type:kO,from:this.uid,seriesId:this.seriesModel.id,targetNode:t})},e.prototype.containPoint=function(t,e){var n=e.getData().getItemLayout(0);if(n){var i=t[0]-n.cx,r=t[1]-n.cy,o=Math.sqrt(i*i+r*r);return o<=n.r&&o>=n.r0}},e.type="sunburst",e}(kg),OO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.ignoreStyleOnData=!0,n}return n(e,t),e.prototype.getInitialData=function(t,e){var n={name:t.name,children:t.data};RO(n);var i=this._levelModels=z(t.levels||[],(function(t){return new Mc(t,this,e)}),this),r=UC.createTree(n,this,(function(t){t.wrapMethod("getItemModel",(function(t,e){var n=r.getNodeByDataIndex(e),o=i[n.depth];return o&&(t.parentModel=o),t}))}));return r.data},e.prototype.optionUpdated=function(){this.resetViewRoot()},e.prototype.getDataParams=function(e){var n=t.prototype.getDataParams.apply(this,arguments),i=this.getData().tree.getNodeByDataIndex(e);return n.treePathInfo=KC(i,this),n},e.prototype.getLevelModel=function(t){return this._levelModels&&this._levelModels[t.depth]},e.prototype.getViewRoot=function(){return this._viewRoot},e.prototype.resetViewRoot=function(t){t?this._viewRoot=t:t=this._viewRoot;var e=this.getRawData().tree.root;t&&(t===e||e.contains(t))||(this._viewRoot=e)},e.prototype.enableAriaDecal=function(){nD(this)},e.type="series.sunburst",e.defaultOption={z:2,center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,stillShowZeroSum:!0,nodeClick:"rootToNode",renderLabelForZeroData:!1,label:{rotate:"radial",show:!0,opacity:1,align:"center",position:"inside",distance:5,silent:!0},itemStyle:{borderWidth:1,borderColor:"white",borderType:"solid",shadowBlur:0,shadowColor:"rgba(0, 0, 0, 0.2)",shadowOffsetX:0,shadowOffsetY:0,opacity:1},emphasis:{focus:"descendant"},blur:{itemStyle:{opacity:.2},label:{opacity:.1}},animationType:"expansion",animationDuration:1e3,animationDurationUpdate:500,data:[],sort:"desc"},e}(mg);function RO(t){var e=0;E(t.children,(function(t){RO(t);var n=t.value;Y(n)&&(n=n[0]),e+=n}));var n=t.value;Y(n)&&(n=n[0]),(null==n||isNaN(n))&&(n=e),n<0&&(n=0),Y(t.value)?t.value[0]=n:t.value=n}var NO=Math.PI/180;function EO(t,e,n){e.eachSeriesByType(t,(function(t){var e=t.get("center"),i=t.get("radius");Y(i)||(i=[0,i]),Y(e)||(e=[e,e]);var r=n.getWidth(),o=n.getHeight(),a=Math.min(r,o),s=Ur(e[0],r),l=Ur(e[1],o),u=Ur(i[0],a/2),h=Ur(i[1],a/2),c=-t.get("startAngle")*NO,p=t.get("minAngle")*NO,d=t.getData().tree.root,f=t.getViewRoot(),g=f.depth,y=t.get("sort");null!=y&&zO(f,y);var v=0;E(f.children,(function(t){!isNaN(t.getValue())&&v++}));var m=f.getValue(),x=Math.PI/(m||v)*2,_=f.depth>0,b=f.height-(_?-1:1),w=(h-u)/(b||1),S=t.get("clockwise"),M=t.get("stillShowZeroSum"),I=S?1:-1,T=function(e,n){if(e){var i=n;if(e!==d){var r=e.getValue(),o=0===m&&M?x:r*x;o<p&&(o=p),i=n+I*o;var h=e.depth-g-(_?-1:1),c=u+w*h,f=u+w*(h+1),y=t.getLevelModel(e);if(y){var v=y.get("r0",!0),b=y.get("r",!0),C=y.get("radius",!0);null!=C&&(v=C[0],b=C[1]),null!=v&&(c=Ur(v,a/2)),null!=b&&(f=Ur(b,a/2))}e.setLayout({angle:o,startAngle:n,endAngle:i,clockwise:S,cx:s,cy:l,r0:c,r:f})}if(e.children&&e.children.length){var D=0;E(e.children,(function(t){D+=T(t,n+D)}))}return i-n}};if(_){var C=u,D=u+w,A=2*Math.PI;d.setLayout({angle:A,startAngle:c,endAngle:c+A,clockwise:S,cx:s,cy:l,r0:C,r:D})}T(f,c)}))}function zO(t,e){var n=t.children||[];t.children=function(t,e){if(X(e)){var n=z(t,(function(t,e){var n=t.getValue();return{params:{depth:t.depth,height:t.height,dataIndex:t.dataIndex,getValue:function(){return n}},index:e}}));return n.sort((function(t,n){return e(t.params,n.params)})),z(n,(function(e){return t[e.index]}))}var i="asc"===e;return t.sort((function(t,e){var n=(t.getValue()-e.getValue())*(i?1:-1);return 0===n?(t.dataIndex-e.dataIndex)*(i?-1:1):n}))}(n,e),n.length&&E(t.children,(function(t){zO(t,e)}))}function VO(t){var e={};t.eachSeriesByType("sunburst",(function(t){var n=t.getData(),i=n.tree;i.eachNode((function(r){var o=r.getModel().getModel("itemStyle").getItemStyle();o.fill||(o.fill=function(t,n,i){for(var r=t;r&&r.depth>1;)r=r.parentNode;var o=n.getColorFromPalette(r.name||r.dataIndex+"",e);return t.depth>1&&U(o)&&(o=$n(o,(t.depth-1)/(i-1)*.5)),o}(r,t,i.root.height)),A(n.ensureUniqueItemVisual(r.dataIndex,"style"),o)}))}))}var BO={color:"fill",borderColor:"stroke"},FO={symbol:1,symbolSize:1,symbolKeepAspect:1,legendIcon:1,visualMeta:1,liftZ:1,decal:1},GO=Oo(),WO=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){this.currentZLevel=this.get("zlevel",!0),this.currentZ=this.get("z",!0)},e.prototype.getInitialData=function(t,e){return vx(null,this)},e.prototype.getDataParams=function(e,n,i){var r=t.prototype.getDataParams.call(this,e,n);return i&&(r.info=GO(i).info),r},e.type="series.custom",e.dependencies=["grid","polar","geo","singleAxis","calendar"],e.defaultOption={coordinateSystem:"cartesian2d",z:2,legendHoverLink:!0,clip:!1},e}(mg);function HO(t,e){return e=e||[0,0],z(["x","y"],(function(n,i){var r=this.getAxis(n),o=e[i],a=t[i]/2;return"category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a))}),this)}function YO(t,e){return e=e||[0,0],z([0,1],(function(n){var i=e[n],r=t[n]/2,o=[],a=[];return o[n]=i-r,a[n]=i+r,o[1-n]=a[1-n]=e[1-n],Math.abs(this.dataToPoint(o)[n]-this.dataToPoint(a)[n])}),this)}function XO(t,e){var n=this.getAxis(),i=e instanceof Array?e[0]:e,r=(t instanceof Array?t[0]:t)/2;return"category"===n.type?n.getBandWidth():Math.abs(n.dataToCoord(i-r)-n.dataToCoord(i+r))}function UO(t,e){return e=e||[0,0],z(["Radius","Angle"],(function(n,i){var r=this["get"+n+"Axis"](),o=e[i],a=t[i]/2,s="category"===r.type?r.getBandWidth():Math.abs(r.dataToCoord(o-a)-r.dataToCoord(o+a));return"Angle"===n&&(s=s*Math.PI/180),s}),this)}function ZO(t,e,n,i){return t&&(t.legacy||!1!==t.legacy&&!n&&!i&&"tspan"!==e&&("text"===e||_t(t,"text")))}function jO(t,e,n){var i,r,o,a=t;if("text"===e)o=a;else{o={},_t(a,"text")&&(o.text=a.text),_t(a,"rich")&&(o.rich=a.rich),_t(a,"textFill")&&(o.fill=a.textFill),_t(a,"textStroke")&&(o.stroke=a.textStroke),_t(a,"fontFamily")&&(o.fontFamily=a.fontFamily),_t(a,"fontSize")&&(o.fontSize=a.fontSize),_t(a,"fontStyle")&&(o.fontStyle=a.fontStyle),_t(a,"fontWeight")&&(o.fontWeight=a.fontWeight),r={type:"text",style:o,silent:!0},i={};var s=_t(a,"textPosition");n?i.position=s?a.textPosition:"inside":s&&(i.position=a.textPosition),_t(a,"textPosition")&&(i.position=a.textPosition),_t(a,"textOffset")&&(i.offset=a.textOffset),_t(a,"textRotation")&&(i.rotation=a.textRotation),_t(a,"textDistance")&&(i.distance=a.textDistance)}return qO(o,t),E(o.rich,(function(t){qO(t,t)})),{textConfig:i,textContent:r}}function qO(t,e){e&&(e.font=e.textFont||e.font,_t(e,"textStrokeWidth")&&(t.lineWidth=e.textStrokeWidth),_t(e,"textAlign")&&(t.align=e.textAlign),_t(e,"textVerticalAlign")&&(t.verticalAlign=e.textVerticalAlign),_t(e,"textLineHeight")&&(t.lineHeight=e.textLineHeight),_t(e,"textWidth")&&(t.width=e.textWidth),_t(e,"textHeight")&&(t.height=e.textHeight),_t(e,"textBackgroundColor")&&(t.backgroundColor=e.textBackgroundColor),_t(e,"textPadding")&&(t.padding=e.textPadding),_t(e,"textBorderColor")&&(t.borderColor=e.textBorderColor),_t(e,"textBorderWidth")&&(t.borderWidth=e.textBorderWidth),_t(e,"textBorderRadius")&&(t.borderRadius=e.textBorderRadius),_t(e,"textBoxShadowColor")&&(t.shadowColor=e.textBoxShadowColor),_t(e,"textBoxShadowBlur")&&(t.shadowBlur=e.textBoxShadowBlur),_t(e,"textBoxShadowOffsetX")&&(t.shadowOffsetX=e.textBoxShadowOffsetX),_t(e,"textBoxShadowOffsetY")&&(t.shadowOffsetY=e.textBoxShadowOffsetY))}function KO(t,e,n){var i=t;i.textPosition=i.textPosition||n.position||"inside",null!=n.offset&&(i.textOffset=n.offset),null!=n.rotation&&(i.textRotation=n.rotation),null!=n.distance&&(i.textDistance=n.distance);var r=i.textPosition.indexOf("inside")>=0,o=t.fill||"#000";$O(i,e);var a=null==i.textFill;return r?a&&(i.textFill=n.insideFill||"#fff",!i.textStroke&&n.insideStroke&&(i.textStroke=n.insideStroke),!i.textStroke&&(i.textStroke=o),null==i.textStrokeWidth&&(i.textStrokeWidth=2)):(a&&(i.textFill=t.fill||n.outsideFill||"#000"),!i.textStroke&&n.outsideStroke&&(i.textStroke=n.outsideStroke)),i.text=e.text,i.rich=e.rich,E(e.rich,(function(t){$O(t,t)})),i}function $O(t,e){e&&(_t(e,"fill")&&(t.textFill=e.fill),_t(e,"stroke")&&(t.textStroke=e.fill),_t(e,"lineWidth")&&(t.textStrokeWidth=e.lineWidth),_t(e,"font")&&(t.font=e.font),_t(e,"fontStyle")&&(t.fontStyle=e.fontStyle),_t(e,"fontWeight")&&(t.fontWeight=e.fontWeight),_t(e,"fontSize")&&(t.fontSize=e.fontSize),_t(e,"fontFamily")&&(t.fontFamily=e.fontFamily),_t(e,"align")&&(t.textAlign=e.align),_t(e,"verticalAlign")&&(t.textVerticalAlign=e.verticalAlign),_t(e,"lineHeight")&&(t.textLineHeight=e.lineHeight),_t(e,"width")&&(t.textWidth=e.width),_t(e,"height")&&(t.textHeight=e.height),_t(e,"backgroundColor")&&(t.textBackgroundColor=e.backgroundColor),_t(e,"padding")&&(t.textPadding=e.padding),_t(e,"borderColor")&&(t.textBorderColor=e.borderColor),_t(e,"borderWidth")&&(t.textBorderWidth=e.borderWidth),_t(e,"borderRadius")&&(t.textBorderRadius=e.borderRadius),_t(e,"shadowColor")&&(t.textBoxShadowColor=e.shadowColor),_t(e,"shadowBlur")&&(t.textBoxShadowBlur=e.shadowBlur),_t(e,"shadowOffsetX")&&(t.textBoxShadowOffsetX=e.shadowOffsetX),_t(e,"shadowOffsetY")&&(t.textBoxShadowOffsetY=e.shadowOffsetY),_t(e,"textShadowColor")&&(t.textShadowColor=e.textShadowColor),_t(e,"textShadowBlur")&&(t.textShadowBlur=e.textShadowBlur),_t(e,"textShadowOffsetX")&&(t.textShadowOffsetX=e.textShadowOffsetX),_t(e,"textShadowOffsetY")&&(t.textShadowOffsetY=e.textShadowOffsetY))}var JO={position:["x","y"],scale:["scaleX","scaleY"],origin:["originX","originY"]},QO=G(JO),tR=(V(yr,(function(t,e){return t[e]=1,t}),{}),yr.join(", "),["","style","shape","extra"]),eR=Oo();function nR(t,e,n,i,r){var o=t+"Animation",a=ph(t,i,r)||{},s=eR(e).userDuring;return a.duration>0&&(a.during=s?W(uR,{el:e,userDuring:s}):null,a.setToFinal=!0,a.scope=t),A(a,n[o]),a}function iR(t,e,n,i){var r=(i=i||{}).dataIndex,o=i.isInit,a=i.clearStyle,s=n.isAnimationEnabled(),l=eR(t),u=e.style;l.userDuring=e.during;var h={},c={};if(function(t,e,n){for(var i=0;i<QO.length;i++){var r=QO[i],o=JO[r],a=e[r];a&&(n[o[0]]=a[0],n[o[1]]=a[1])}for(i=0;i<yr.length;i++){var s=yr[i];null!=e[s]&&(n[s]=e[s])}}(0,e,c),cR("shape",e,c),cR("extra",e,c),!o&&s&&(function(t,e,n){for(var i=e.transition,r=aR(i)?yr:bo(i||[]),o=0;o<r.length;o++){var a=r[o];if("style"!==a&&"shape"!==a&&"extra"!==a){var s=t[a];0,n[a]=s}}}(t,e,h),hR("shape",t,e,h),hR("extra",t,e,h),function(t,e,n,i){if(!n)return;var r,o=t.style;if(o){var a=n.transition,s=e.transition;if(a&&!aR(a)){var l=bo(a);!r&&(r=i.style={});for(var u=0;u<l.length;u++){var h=o[f=l[u]];r[f]=h}}else if(t.getAnimationStyleProps&&(aR(s)||aR(a)||P(s,"style")>=0)){var c=t.getAnimationStyleProps(),p=c?c.style:null;if(p){!r&&(r=i.style={});var d=G(n);for(u=0;u<d.length;u++){var f;if(p[f=d[u]]){h=o[f];r[f]=h}}}}}}(t,e,u,h)),c.style=u,function(t,e,n){var i=e.style;if(!t.isGroup&&i){if(n){t.useStyle({});for(var r=t.animators,o=0;o<r.length;o++){var a=r[o];"style"===a.targetName&&a.changeTarget(t.style)}}t.setStyle(i)}e&&(e.style=null,e&&t.attr(e),e.style=i)}(t,c,a),function(t,e){_t(e,"silent")&&(t.silent=e.silent),_t(e,"ignore")&&(t.ignore=e.ignore),t instanceof Sa&&_t(e,"invisible")&&(t.invisible=e.invisible);t instanceof Is&&_t(e,"autoBatch")&&(t.autoBatch=e.autoBatch)}(t,e),s)if(o){var p={};E(tR,(function(t){var n=t?e[t]:e;n&&n.enterFrom&&(t&&(p[t]=p[t]||{}),A(t?p[t]:p,n.enterFrom))}));var d=nR("enter",t,e,n,r);d.duration>0&&t.animateFrom(p,d)}else!function(t,e,n,i,r){if(r){var o=nR("update",t,e,i,n);o.duration>0&&t.animateFrom(r,o)}}(t,e,r||0,n,h);rR(t,e),u?t.dirty():t.markRedraw()}function rR(t,e){for(var n=eR(t).leaveToProps,i=0;i<tR.length;i++){var r=tR[i],o=r?e[r]:e;o&&o.leaveTo&&(n||(n=eR(t).leaveToProps={}),r&&(n[r]=n[r]||{}),A(r?n[r]:n,o.leaveTo))}}function oR(t,e,n,i){if(t){var r=t.parent,o=eR(t).leaveToProps;if(o){var a=nR("update",t,e,n,0);a.done=function(){r.remove(t),i&&i()},t.animateTo(o,a)}else r.remove(t),i&&i()}}function aR(t){return"all"===t}var sR={},lR={setTransform:function(t,e){return sR.el[t]=e,this},getTransform:function(t){return sR.el[t]},setShape:function(t,e){var n=sR.el;return(n.shape||(n.shape={}))[t]=e,n.dirtyShape&&n.dirtyShape(),this},getShape:function(t){var e=sR.el.shape;if(e)return e[t]},setStyle:function(t,e){var n=sR.el,i=n.style;return i&&(i[t]=e,n.dirtyStyle&&n.dirtyStyle()),this},getStyle:function(t){var e=sR.el.style;if(e)return e[t]},setExtra:function(t,e){return(sR.el.extra||(sR.el.extra={}))[t]=e,this},getExtra:function(t){var e=sR.el.extra;if(e)return e[t]}};function uR(){var t=this,e=t.el;if(e){var n=eR(e).userDuring,i=t.userDuring;n===i?(sR.el=e,i(lR)):t.el=t.userDuring=null}}function hR(t,e,n,i){var r=n[t];if(r){var o,a=e[t];if(a){var s=n.transition,l=r.transition;if(l)if(!o&&(o=i[t]={}),aR(l))A(o,a);else for(var u=bo(l),h=0;h<u.length;h++){var c=a[d=u[h]];o[d]=c}else if(aR(s)||P(s,t)>=0){!o&&(o=i[t]={});var p=G(a);for(h=0;h<p.length;h++){var d;c=a[d=p[h]];pR(r[d],c)&&(o[d]=c)}}}}}function cR(t,e,n){var i=e[t];if(i)for(var r=n[t]={},o=G(i),a=0;a<o.length;a++){var s=o[a];r[s]=ki(i[s])}}function pR(t,e){return N(t)?t!==e:null!=t&&isFinite(t)}var dR=Oo(),fR=["percent","easing","shape","style","extra"];function gR(t){t.stopAnimation("keyframe"),t.attr(dR(t))}function yR(t,e,n){if(n.isAnimationEnabled()&&e)if(Y(e))E(e,(function(e){yR(t,e,n)}));else{var i=e.keyframes,r=e.duration;if(n&&null==r){var o=ph("enter",n,0);r=o&&o.duration}if(i&&r){var a=dR(t);E(tR,(function(n){if(!n||t[n]){var o;i.sort((function(t,e){return t.percent-e.percent})),E(i,(function(i){var s=t.animators,l=n?i[n]:i;if(l){var u=G(l);if(n||(u=B(u,(function(t){return P(fR,t)<0}))),u.length){o||((o=t.animate(n,e.loop,!0)).scope="keyframe");for(var h=0;h<s.length;h++)s[h]!==o&&s[h].targetName===o.targetName&&s[h].stopTracks(u);n&&(a[n]=a[n]||{});var c=n?a[n]:a;E(u,(function(e){c[e]=((n?t[n]:t)||{})[e]})),o.whenWithKeys(r*i.percent,l,u,i.easing)}}})),o&&o.delay(e.delay||0).duration(r).start(e.easing)}}))}}}var vR="emphasis",mR="normal",xR="blur",_R="select",bR=[mR,vR,xR,_R],wR={normal:["itemStyle"],emphasis:[vR,"itemStyle"],blur:[xR,"itemStyle"],select:[_R,"itemStyle"]},SR={normal:["label"],emphasis:[vR,"label"],blur:[xR,"label"],select:[_R,"label"]},MR=["x","y"],IR={normal:{},emphasis:{},blur:{},select:{}},TR={cartesian2d:function(t){var e=t.master.getRect();return{coordSys:{type:"cartesian2d",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(HO,t)}}},geo:function(t){var e=t.getBoundingRect();return{coordSys:{type:"geo",x:e.x,y:e.y,width:e.width,height:e.height,zoom:t.getZoom()},api:{coord:function(e){return t.dataToPoint(e)},size:W(YO,t)}}},single:function(t){var e=t.getRect();return{coordSys:{type:"singleAxis",x:e.x,y:e.y,width:e.width,height:e.height},api:{coord:function(e){return t.dataToPoint(e)},size:W(XO,t)}}},polar:function(t){var e=t.getRadiusAxis(),n=t.getAngleAxis(),i=e.getExtent();return i[0]>i[1]&&i.reverse(),{coordSys:{type:"polar",cx:t.cx,cy:t.cy,r:i[1],r0:i[0]},api:{coord:function(i){var r=e.dataToRadius(i[0]),o=n.dataToAngle(i[1]),a=t.coordToPoint([r,o]);return a.push(r,o*Math.PI/180),a},size:W(UO,t)}}},calendar:function(t){var e=t.getRect(),n=t.getRangeInfo();return{coordSys:{type:"calendar",x:e.x,y:e.y,width:e.width,height:e.height,cellWidth:t.getCellWidth(),cellHeight:t.getCellHeight(),rangeInfo:{start:n.start,end:n.end,weeks:n.weeks,dayCount:n.allDay}},api:{coord:function(e,n){return t.dataToPoint(e,n)}}}}};function CR(t){return t instanceof Is}function DR(t){return t instanceof Sa}var AR=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this._progressiveEls=null;var r=this._data,o=t.getData(),a=this.group,s=RR(t,o,e,n);r||a.removeAll(),o.diff(r).add((function(e){ER(n,null,e,s(e,i),t,a,o)})).remove((function(e){var n=r.getItemGraphicEl(e);n&&oR(n,GO(n).option,t)})).update((function(e,l){var u=r.getItemGraphicEl(l);ER(n,u,e,s(e,i),t,a,o)})).execute();var l=t.get("clip",!0)?SS(t.coordinateSystem,!1,t):null;l?a.setClipPath(l):a.removeClipPath(),this._data=o},e.prototype.incrementalPrepareRender=function(t,e,n){this.group.removeAll(),this._data=null},e.prototype.incrementalRender=function(t,e,n,i,r){var o=e.getData(),a=RR(e,o,n,i),s=this._progressiveEls=[];function l(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}for(var u=t.start;u<t.end;u++){var h=ER(null,null,u,a(u,r),e,this.group,o);h&&(h.traverse(l),s.push(h))}},e.prototype.eachRendered=function(t){qh(this._progressiveEls||this.group,t)},e.prototype.filterForExposedEvent=function(t,e,n,i){var r=e.element;if(null==r||n.name===r)return!0;for(;(n=n.__hostTarget||n.parent)&&n!==this.group;)if(n.name===r)return!0;return!1},e.type="custom",e}(kg);function kR(t){var e,n=t.type;if("path"===n){var i=t.shape,r=null!=i.width&&null!=i.height?{x:i.x||0,y:i.y||0,width:i.width,height:i.height}:null,o=UR(i);e=Ah(o,null,r,i.layout||"center"),GO(e).customPathData=o}else if("image"===n)e=new ks({}),GO(e).customImagePath=t.style.image;else if("text"===n)e=new Fs({});else if("group"===n)e=new zr;else{if("compoundPath"===n)throw new Error('"compoundPath" is not supported yet.');var a=Dh(n);if(!a){var s="";0,vo(s)}e=new a}return GO(e).customGraphicType=n,e.name=t.name,e.z2EmphasisLift=1,e.z2SelectLift=1,e}function LR(t,e,n,i,r,o,a){gR(e);var s=r&&r.normal.cfg;s&&e.setTextConfig(s),i&&null==i.transition&&(i.transition=MR);var l=i&&i.style;if(l){if("text"===e.type){var u=l;_t(u,"textFill")&&(u.fill=u.textFill),_t(u,"textStroke")&&(u.stroke=u.textStroke)}var h=void 0,c=CR(e)?l.decal:null;t&&c&&(c.dirty=!0,h=gv(c,t)),l.__decalPattern=h}DR(e)&&(l&&(h=l.__decalPattern)&&(l.decal=h));iR(e,i,o,{dataIndex:n,isInit:a,clearStyle:!0}),yR(e,i.keyframeAnimation,o)}function PR(t,e,n,i,r){var o=e.isGroup?null:e,a=r&&r[t].cfg;if(o){var s=o.ensureState(t);if(!1===i){var l=o.getState(t);l&&(l.style=null)}else s.style=i||null;a&&(s.textConfig=a),Cl(o)}}function OR(t,e,n){var i=n===mR,r=i?e:FR(e,n),o=r?r.z2:null;null!=o&&((i?t:t.ensureState(n)).z2=o||0)}function RR(t,e,n,i){var r=t.get("renderItem"),o=t.coordinateSystem,a={};o&&(a=o.prepareCustoms?o.prepareCustoms(o):TR[o.type](o));for(var s,l,u=k({getWidth:i.getWidth,getHeight:i.getHeight,getZr:i.getZr,getDevicePixelRatio:i.getDevicePixelRatio,value:function(t,n){return null==n&&(n=s),e.getStore().get(e.getDimensionIndex(t||0),n)},style:function(n,i){0;null==i&&(i=s);var r=e.getItemVisual(i,"style"),o=r&&r.fill,a=r&&r.opacity,l=m(i,mR).getItemStyle();null!=o&&(l.fill=o),null!=a&&(l.opacity=a);var u={inheritColor:U(o)?o:"#000"},h=x(i,mR),c=nc(h,null,u,!1,!0);c.text=h.getShallow("show")?rt(t.getFormattedLabel(i,mR),iS(e,i)):null;var p=ic(h,u,!1);return b(n,l),l=KO(l,c,p),n&&_(l,n),l.legacy=!0,l},ordinalRawValue:function(t,n){null==n&&(n=s),t=t||0;var i=e.getDimensionInfo(t);if(!i){var r=e.getDimensionIndex(t);return r>=0?e.getStore().get(r,n):void 0}var o=e.get(i.name,n),a=i&&i.ordinalMeta;return a?a.categories[o]:o},styleEmphasis:function(n,i){0;null==i&&(i=s);var r=m(i,vR).getItemStyle(),o=x(i,vR),a=nc(o,null,null,!0,!0);a.text=o.getShallow("show")?ot(t.getFormattedLabel(i,vR),t.getFormattedLabel(i,mR),iS(e,i)):null;var l=ic(o,null,!0);return b(n,r),r=KO(r,a,l),n&&_(r,n),r.legacy=!0,r},visual:function(t,n){if(null==n&&(n=s),_t(BO,t)){var i=e.getItemVisual(n,"style");return i?i[BO[t]]:null}if(_t(FO,t))return e.getItemVisual(n,t)},barLayout:function(t){if("cartesian2d"===o.type){return function(t){var e=[],n=t.axis,i="axis0";if("category"===n.type){for(var r=n.getBandWidth(),o=0;o<t.count;o++)e.push(k({bandWidth:r,axisKey:i,stackId:zx+o},t));var a=Wx(e),s=[];for(o=0;o<t.count;o++){var l=a[i][zx+o];l.offsetCenter=l.offset+l.width/2,s.push(l)}return s}}(k({axis:o.getBaseAxis()},t))}},currentSeriesIndices:function(){return n.getCurrentSeriesIndices()},font:function(t){return lc(t,n)}},a.api||{}),h={context:{},seriesId:t.id,seriesName:t.name,seriesIndex:t.seriesIndex,coordSys:a.coordSys,dataInsideLength:e.count(),encode:NR(t.getData())},c={},p={},d={},f={},g=0;g<bR.length;g++){var y=bR[g];d[y]=t.getModel(wR[y]),f[y]=t.getModel(SR[y])}function v(t){return t===s?l||(l=e.getItemModel(t)):e.getItemModel(t)}function m(t,n){return e.hasItemOption?t===s?c[n]||(c[n]=v(t).getModel(wR[n])):v(t).getModel(wR[n]):d[n]}function x(t,n){return e.hasItemOption?t===s?p[n]||(p[n]=v(t).getModel(SR[n])):v(t).getModel(SR[n]):f[n]}return function(t,n){return s=t,l=null,c={},p={},r&&r(k({dataIndexInside:t,dataIndex:e.getRawIndex(t),actionType:n?n.type:null},h),u)};function _(t,e){for(var n in e)_t(e,n)&&(t[n]=e[n])}function b(t,e){t&&(t.textFill&&(e.textFill=t.textFill),t.textPosition&&(e.textPosition=t.textPosition))}}function NR(t){var e={};return E(t.dimensions,(function(n){var i=t.getDimensionInfo(n);if(!i.isExtraCoord){var r=i.coordDim;(e[r]=e[r]||[])[i.coordDimIndex]=t.getDimensionIndex(n)}})),e}function ER(t,e,n,i,r,o,a){if(i){var s=zR(t,e,n,i,r,o);return s&&a.setItemGraphicEl(n,s),s&&Yl(s,i.focus,i.blurScope,i.emphasisDisabled),s}o.remove(e)}function zR(t,e,n,i,r,o){var a=-1,s=e;e&&VR(e,i,r)&&(a=P(o.childrenRef(),e),e=null);var l,u,h=!e,c=e;c?c.clearStates():(c=kR(i),s&&(l=s,(u=c).copyTransform(l),DR(u)&&DR(l)&&(u.setStyle(l.style),u.z=l.z,u.z2=l.z2,u.zlevel=l.zlevel,u.invisible=l.invisible,u.ignore=l.ignore,CR(u)&&CR(l)&&u.setShape(l.shape)))),!1===i.morph?c.disableMorphing=!0:c.disableMorphing&&(c.disableMorphing=!1),IR.normal.cfg=IR.normal.conOpt=IR.emphasis.cfg=IR.emphasis.conOpt=IR.blur.cfg=IR.blur.conOpt=IR.select.cfg=IR.select.conOpt=null,IR.isLegacy=!1,function(t,e,n,i,r,o){if(t.isGroup)return;BR(n,null,o),BR(n,vR,o);var a=o.normal.conOpt,s=o.emphasis.conOpt,l=o.blur.conOpt,u=o.select.conOpt;if(null!=a||null!=s||null!=u||null!=l){var h=t.getTextContent();if(!1===a)h&&t.removeTextContent();else{a=o.normal.conOpt=a||{type:"text"},h?h.clearStates():(h=kR(a),t.setTextContent(h)),LR(null,h,e,a,null,i,r);for(var c=a&&a.style,p=0;p<bR.length;p++){var d=bR[p];if(d!==mR){var f=o[d].conOpt;PR(d,h,0,GR(a,f,d),null)}}c?h.dirty():h.markRedraw()}}}(c,n,i,r,h,IR),function(t,e,n,i,r){var o=n.clipPath;if(!1===o)t&&t.getClipPath()&&t.removeClipPath();else if(o){var a=t.getClipPath();a&&VR(a,o,i)&&(a=null),a||(a=kR(o),t.setClipPath(a)),LR(null,a,e,o,null,i,r)}}(c,n,i,r,h),LR(t,c,n,i,IR,r,h),_t(i,"info")&&(GO(c).info=i.info);for(var p=0;p<bR.length;p++){var d=bR[p];if(d!==mR){var f=FR(i,d);PR(d,c,0,GR(i,f,d),IR)}}return function(t,e,n){if(!t.isGroup){var i=t,r=n.currentZ,o=n.currentZLevel;i.z=r,i.zlevel=o;var a=e.z2;null!=a&&(i.z2=a||0);for(var s=0;s<bR.length;s++)OR(i,e,bR[s])}}(c,i,r),"group"===i.type&&function(t,e,n,i,r){var o=i.children,a=o?o.length:0,s=i.$mergeChildren,l="byName"===s||i.diffChildrenByName,u=!1===s;if(!a&&!l&&!u)return;if(l)return h={api:t,oldChildren:e.children()||[],newChildren:o||[],dataIndex:n,seriesModel:r,group:e},void new Vm(h.oldChildren,h.newChildren,HR,HR,h).add(YR).update(YR).remove(XR).execute();var h;u&&e.removeAll();for(var c=0;c<a;c++){var p=o[c],d=e.childAt(c);p?(null==p.ignore&&(p.ignore=!1),zR(t,d,n,p,r,e)):d.ignore=!0}for(var f=e.childCount()-1;f>=c;f--){var g=e.childAt(f);WR(e,g,r)}}(t,c,n,i,r),a>=0?o.replaceAt(c,a):o.add(c),c}function VR(t,e,n){var i,r=GO(t),o=e.type,a=e.shape,s=e.style;return n.isUniversalTransitionEnabled()||null!=o&&o!==r.customGraphicType||"path"===o&&((i=a)&&(_t(i,"pathData")||_t(i,"d")))&&UR(a)!==r.customPathData||"image"===o&&_t(s,"image")&&s.image!==r.customImagePath}function BR(t,e,n){var i=e?FR(t,e):t,r=e?GR(t,i,vR):t.style,o=t.type,a=i?i.textConfig:null,s=t.textContent,l=s?e?FR(s,e):s:null;if(r&&(n.isLegacy||ZO(r,o,!!a,!!l))){n.isLegacy=!0;var u=jO(r,o,!e);!a&&u.textConfig&&(a=u.textConfig),!l&&u.textContent&&(l=u.textContent)}if(!e&&l){var h=l;!h.type&&(h.type="text")}var c=e?n[e]:n.normal;c.cfg=a,c.conOpt=l}function FR(t,e){return e?t?t[e]:null:t}function GR(t,e,n){var i=e&&e.style;return null==i&&n===vR&&t&&(i=t.styleEmphasis),i}function WR(t,e,n){e&&oR(e,GO(t).option,n)}function HR(t,e){var n=t&&t.name;return null!=n?n:"e\0\0"+e}function YR(t,e){var n=this.context,i=null!=t?n.newChildren[t]:null,r=null!=e?n.oldChildren[e]:null;zR(n.api,r,n.dataIndex,i,n.seriesModel,n.group)}function XR(t){var e=this.context,n=e.oldChildren[t];n&&oR(n,GO(n).option,e.seriesModel)}function UR(t){return t&&(t.pathData||t.d)}var ZR=Oo(),jR=T,qR=W,KR=function(){function t(){this._dragging=!1,this.animationThreshold=15}return t.prototype.render=function(t,e,n,i){var r=e.get("value"),o=e.get("status");if(this._axisModel=t,this._axisPointerModel=e,this._api=n,i||this._lastValue!==r||this._lastStatus!==o){this._lastValue=r,this._lastStatus=o;var a=this._group,s=this._handle;if(!o||"hide"===o)return a&&a.hide(),void(s&&s.hide());a&&a.show(),s&&s.show();var l={};this.makeElOption(l,r,t,e,n);var u=l.graphicKey;u!==this._lastGraphicKey&&this.clear(n),this._lastGraphicKey=u;var h=this._moveAnimation=this.determineAnimation(t,e);if(a){var c=H($R,e,h);this.updatePointerEl(a,l,c),this.updateLabelEl(a,l,c,e)}else a=this._group=new zr,this.createPointerEl(a,l,t,e),this.createLabelEl(a,l,t,e),n.getZr().add(a);eN(a,e,!0),this._renderHandle(r)}},t.prototype.remove=function(t){this.clear(t)},t.prototype.dispose=function(t){this.clear(t)},t.prototype.determineAnimation=function(t,e){var n=e.get("animation"),i=t.axis,r="category"===i.type,o=e.get("snap");if(!o&&!r)return!1;if("auto"===n||null==n){var a=this.animationThreshold;if(r&&i.getBandWidth()>a)return!0;if(o){var s=pI(t).seriesDataCount,l=i.getExtent();return Math.abs(l[0]-l[1])/s>a}return!1}return!0===n},t.prototype.makeElOption=function(t,e,n,i,r){},t.prototype.createPointerEl=function(t,e,n,i){var r=e.pointer;if(r){var o=ZR(t).pointerEl=new Kh[r.type](jR(e.pointer));t.add(o)}},t.prototype.createLabelEl=function(t,e,n,i){if(e.label){var r=ZR(t).labelEl=new Fs(jR(e.label));t.add(r),QR(r,i)}},t.prototype.updatePointerEl=function(t,e,n){var i=ZR(t).pointerEl;i&&e.pointer&&(i.setStyle(e.pointer.style),n(i,{shape:e.pointer.shape}))},t.prototype.updateLabelEl=function(t,e,n,i){var r=ZR(t).labelEl;r&&(r.setStyle(e.label.style),n(r,{x:e.label.x,y:e.label.y}),QR(r,i))},t.prototype._renderHandle=function(t){if(!this._dragging&&this.updateHandleTransform){var e,n=this._axisPointerModel,i=this._api.getZr(),r=this._handle,o=n.getModel("handle"),a=n.get("status");if(!o.get("show")||!a||"hide"===a)return r&&i.remove(r),void(this._handle=null);this._handle||(e=!0,r=this._handle=Hh(o.get("icon"),{cursor:"move",draggable:!0,onmousemove:function(t){de(t.event)},onmousedown:qR(this._onHandleDragMove,this,0,0),drift:qR(this._onHandleDragMove,this),ondragend:qR(this._onHandleDragEnd,this)}),i.add(r)),eN(r,n,!1),r.setStyle(o.getItemStyle(null,["color","borderColor","borderWidth","opacity","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"]));var s=o.get("size");Y(s)||(s=[s,s]),r.scaleX=s[0]/2,r.scaleY=s[1]/2,Fg(this,"_doDispatchAxisPointer",o.get("throttle")||0,"fixRate"),this._moveHandleToValue(t,e)}},t.prototype._moveHandleToValue=function(t,e){$R(this._axisPointerModel,!e&&this._moveAnimation,this._handle,tN(this.getHandleTransform(t,this._axisModel,this._axisPointerModel)))},t.prototype._onHandleDragMove=function(t,e){var n=this._handle;if(n){this._dragging=!0;var i=this.updateHandleTransform(tN(n),[t,e],this._axisModel,this._axisPointerModel);this._payloadInfo=i,n.stopAnimation(),n.attr(tN(i)),ZR(n).lastProp=null,this._doDispatchAxisPointer()}},t.prototype._doDispatchAxisPointer=function(){if(this._handle){var t=this._payloadInfo,e=this._axisModel;this._api.dispatchAction({type:"updateAxisPointer",x:t.cursorPoint[0],y:t.cursorPoint[1],tooltipOption:t.tooltipOption,axesInfo:[{axisDim:e.axis.dim,axisIndex:e.componentIndex}]})}},t.prototype._onHandleDragEnd=function(){if(this._dragging=!1,this._handle){var t=this._axisPointerModel.get("value");this._moveHandleToValue(t),this._api.dispatchAction({type:"hideTip"})}},t.prototype.clear=function(t){this._lastValue=null,this._lastStatus=null;var e=t.getZr(),n=this._group,i=this._handle;e&&n&&(this._lastGraphicKey=null,n&&e.remove(n),i&&e.remove(i),this._group=null,this._handle=null,this._payloadInfo=null),Gg(this,"_doDispatchAxisPointer")},t.prototype.doClear=function(){},t.prototype.buildLabel=function(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}},t}();function $R(t,e,n,i){JR(ZR(n).lastProp,i)||(ZR(n).lastProp=i,e?fh(n,i,t):(n.stopAnimation(),n.attr(i)))}function JR(t,e){if(q(t)&&q(e)){var n=!0;return E(e,(function(e,i){n=n&&JR(t[i],e)})),!!n}return t===e}function QR(t,e){t[e.get(["label","show"])?"show":"hide"]()}function tN(t){return{x:t.x||0,y:t.y||0,rotation:t.rotation||0}}function eN(t,e,n){var i=e.get("z"),r=e.get("zlevel");t&&t.traverse((function(t){"group"!==t.type&&(null!=i&&(t.z=i),null!=r&&(t.zlevel=r),t.silent=n)}))}function nN(t){var e,n=t.get("type"),i=t.getModel(n+"Style");return"line"===n?(e=i.getLineStyle()).fill=null:"shadow"===n&&((e=i.getAreaStyle()).stroke=null),e}function iN(t,e,n,i,r){var o=rN(n.get("value"),e.axis,e.ecModel,n.get("seriesDataIndices"),{precision:n.get(["label","precision"]),formatter:n.get(["label","formatter"])}),a=n.getModel("label"),s=fp(a.get("padding")||0),l=a.getFont(),u=br(o,l),h=r.position,c=u.width+s[1]+s[3],p=u.height+s[0]+s[2],d=r.align;"right"===d&&(h[0]-=c),"center"===d&&(h[0]-=c/2);var f=r.verticalAlign;"bottom"===f&&(h[1]-=p),"middle"===f&&(h[1]-=p/2),function(t,e,n,i){var r=i.getWidth(),o=i.getHeight();t[0]=Math.min(t[0]+e,r)-e,t[1]=Math.min(t[1]+n,o)-n,t[0]=Math.max(t[0],0),t[1]=Math.max(t[1],0)}(h,c,p,i);var g=a.get("backgroundColor");g&&"auto"!==g||(g=e.get(["axisLine","lineStyle","color"])),t.label={x:h[0],y:h[1],style:nc(a,{text:o,font:l,fill:a.getTextColor(),padding:s,backgroundColor:g}),z2:10}}function rN(t,e,n,i,r){t=e.scale.parse(t);var o=e.scale.getLabel({value:t},{precision:r.precision}),a=r.formatter;if(a){var s={value:__(e,{value:t}),axisDimension:e.dim,axisIndex:e.index,seriesData:[]};E(i,(function(t){var e=n.getSeriesByIndex(t.seriesIndex),i=t.dataIndexInside,r=e&&e.getDataParams(i);r&&s.seriesData.push(r)})),U(a)?o=a.replace("{value}",o):X(a)&&(o=a(s))}return o}function oN(t,e,n){var i=[1,0,0,1,0,0];return Se(i,i,n.rotation),we(i,i,n.position),zh([t.dataToCoord(e),(n.labelOffset||0)+(n.labelDirection||1)*(n.labelMargin||0)],i)}function aN(t,e,n,i,r,o){var a=iI.innerTextLayout(n.rotation,0,n.labelDirection);n.labelMargin=r.get(["label","margin"]),iN(e,i,r,o,{position:oN(i.axis,t,n),align:a.textAlign,verticalAlign:a.textVerticalAlign})}function sN(t,e,n){return{x1:t[n=n||0],y1:t[1-n],x2:e[n],y2:e[1-n]}}function lN(t,e,n){return{x:t[n=n||0],y:t[1-n],width:e[n],height:e[1-n]}}function uN(t,e,n,i,r,o){return{cx:t,cy:e,r0:n,r:i,startAngle:r,endAngle:o,clockwise:!0}}var hN=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.grid,s=i.get("type"),l=cN(a,o).getOtherAxis(o).getGlobalExtent(),u=o.toGlobalCoord(o.dataToCoord(e,!0));if(s&&"none"!==s){var h=nN(i),c=pN[s](o,u,l);c.style=h,t.graphicKey=c.type,t.pointer=c}aN(e,t,ZM(a.model,n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=ZM(e.axis.grid.model,e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=oN(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.grid,a=r.getGlobalExtent(!0),s=cN(o,r).getOtherAxis(r).getGlobalExtent(),l="x"===r.dim?0:1,u=[t.x,t.y];u[l]+=e[l],u[l]=Math.min(a[1],u[l]),u[l]=Math.max(a[0],u[l]);var h=(s[1]+s[0])/2,c=[h,h];c[l]=u[l];return{x:u[0],y:u[1],rotation:t.rotation,cursorPoint:c,tooltipOption:[{verticalAlign:"middle"},{align:"center"}][l]}},e}(KR);function cN(t,e){var n={};return n[e.dim+"AxisIndex"]=e.index,t.getCartesian(n)}var pN={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:sN([e,n[0]],[e,n[1]],dN(t))}},shadow:function(t,e,n){var i=Math.max(1,t.getBandWidth()),r=n[1]-n[0];return{type:"Rect",shape:lN([e-i/2,n[0]],[i,r],dN(t))}}};function dN(t){return"x"===t.dim?0:1}var fN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="axisPointer",e.defaultOption={show:"auto",z:50,type:"line",snap:!1,triggerTooltip:!0,triggerEmphasis:!0,value:null,status:null,link:[],animation:null,animationDurationUpdate:200,lineStyle:{color:"#B9BEC9",width:1,type:"dashed"},shadowStyle:{color:"rgba(210,219,238,0.2)"},label:{show:!0,formatter:null,precision:"auto",margin:3,color:"#fff",padding:[5,7,5,7],backgroundColor:"auto",borderColor:null,borderWidth:0,borderRadius:3},handle:{show:!1,icon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",size:45,margin:50,color:"#333",shadowBlur:3,shadowColor:"#aaa",shadowOffsetX:0,shadowOffsetY:2,throttle:40}},e}(Rp),gN=Oo(),yN=E;function vN(t,e,n){if(!r.node){var i=e.getZr();gN(i).records||(gN(i).records={}),function(t,e){if(gN(t).initialized)return;function n(n,i){t.on(n,(function(n){var r=function(t){var e={showTip:[],hideTip:[]},n=function(i){var r=e[i.type];r?r.push(i):(i.dispatchAction=n,t.dispatchAction(i))};return{dispatchAction:n,pendings:e}}(e);yN(gN(t).records,(function(t){t&&i(t,n,r.dispatchAction)})),function(t,e){var n,i=t.showTip.length,r=t.hideTip.length;i?n=t.showTip[i-1]:r&&(n=t.hideTip[r-1]);n&&(n.dispatchAction=null,e.dispatchAction(n))}(r.pendings,e)}))}gN(t).initialized=!0,n("click",H(xN,"click")),n("mousemove",H(xN,"mousemove")),n("globalout",mN)}(i,e),(gN(i).records[t]||(gN(i).records[t]={})).handler=n}}function mN(t,e,n){t.handler("leave",null,n)}function xN(t,e,n,i){e.handler(t,n,i)}function _N(t,e){if(!r.node){var n=e.getZr();(gN(n).records||{})[t]&&(gN(n).records[t]=null)}}var bN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=e.getComponent("tooltip"),r=t.get("triggerOn")||i&&i.get("triggerOn")||"mousemove|click";vN("axisPointer",n,(function(t,e,n){"none"!==r&&("leave"===t||r.indexOf(t)>=0)&&n({type:"updateAxisPointer",currTrigger:t,x:e&&e.offsetX,y:e&&e.offsetY})}))},e.prototype.remove=function(t,e){_N("axisPointer",e)},e.prototype.dispose=function(t,e){_N("axisPointer",e)},e.type="axisPointer",e}(Tg);function wN(t,e){var n,i=[],r=t.seriesIndex;if(null==r||!(n=e.getSeriesByIndex(r)))return{point:[]};var o=n.getData(),a=Po(o,t);if(null==a||a<0||Y(a))return{point:[]};var s=o.getItemGraphicEl(a),l=n.coordinateSystem;if(n.getTooltipPosition)i=n.getTooltipPosition(a)||[];else if(l&&l.dataToPoint)if(t.isStacked){var u=l.getBaseAxis(),h=l.getOtherAxis(u).dim,c=u.dim,p="x"===h||"radius"===h?1:0,d=o.mapDimension(c),f=[];f[p]=o.get(d,a),f[1-p]=o.get(o.getCalculationInfo("stackResultDimension"),a),i=l.dataToPoint(f)||[]}else i=l.dataToPoint(o.getValues(z(l.dimensions,(function(t){return o.mapDimension(t)})),a))||[];else if(s){var g=s.getBoundingRect().clone();g.applyTransform(s.transform),i=[g.x+g.width/2,g.y+g.height/2]}return{point:i,el:s}}var SN=Oo();function MN(t,e,n){var i=t.currTrigger,r=[t.x,t.y],o=t,a=t.dispatchAction||W(n.dispatchAction,n),s=e.getComponent("axisPointer").coordSysAxesInfo;if(s){AN(r)&&(r=wN({seriesIndex:o.seriesIndex,dataIndex:o.dataIndex},e).point);var l=AN(r),u=o.axesInfo,h=s.axesInfo,c="leave"===i||AN(r),p={},d={},f={list:[],map:{}},g={showPointer:H(TN,d),showTooltip:H(CN,f)};E(s.coordSysMap,(function(t,e){var n=l||t.containPoint(r);E(s.coordSysAxesInfo[e],(function(t,e){var i=t.axis,o=function(t,e){for(var n=0;n<(t||[]).length;n++){var i=t[n];if(e.axis.dim===i.axisDim&&e.axis.model.componentIndex===i.axisIndex)return i}}(u,t);if(!c&&n&&(!u||o)){var a=o&&o.value;null!=a||l||(a=i.pointToData(r)),null!=a&&IN(t,a,g,!1,p)}}))}));var y={};return E(h,(function(t,e){var n=t.linkGroup;n&&!d[e]&&E(n.axesInfo,(function(e,i){var r=d[i];if(e!==t&&r){var o=r.value;n.mapper&&(o=t.axis.scale.parse(n.mapper(o,DN(e),DN(t)))),y[t.key]=o}}))})),E(y,(function(t,e){IN(h[e],t,g,!0,p)})),function(t,e,n){var i=n.axesInfo=[];E(e,(function(e,n){var r=e.axisPointerModel.option,o=t[n];o?(!e.useHandle&&(r.status="show"),r.value=o.value,r.seriesDataIndices=(o.payloadBatch||[]).slice()):!e.useHandle&&(r.status="hide"),"show"===r.status&&i.push({axisDim:e.axis.dim,axisIndex:e.axis.model.componentIndex,value:r.value})}))}(d,h,p),function(t,e,n,i){if(AN(e)||!t.list.length)return void i({type:"hideTip"});var r=((t.list[0].dataByAxis[0]||{}).seriesDataIndices||[])[0]||{};i({type:"showTip",escapeConnect:!0,x:e[0],y:e[1],tooltipOption:n.tooltipOption,position:n.position,dataIndexInside:r.dataIndexInside,dataIndex:r.dataIndex,seriesIndex:r.seriesIndex,dataByCoordSys:t.list})}(f,r,t,a),function(t,e,n){var i=n.getZr(),r="axisPointerLastHighlights",o=SN(i)[r]||{},a=SN(i)[r]={};E(t,(function(t,e){var n=t.axisPointerModel.option;"show"===n.status&&t.triggerEmphasis&&E(n.seriesDataIndices,(function(t){var e=t.seriesIndex+" | "+t.dataIndex;a[e]=t}))}));var s=[],l=[];E(o,(function(t,e){!a[e]&&l.push(t)})),E(a,(function(t,e){!o[e]&&s.push(t)})),l.length&&n.dispatchAction({type:"downplay",escapeConnect:!0,notBlur:!0,batch:l}),s.length&&n.dispatchAction({type:"highlight",escapeConnect:!0,notBlur:!0,batch:s})}(h,0,n),p}}function IN(t,e,n,i,r){var o=t.axis;if(!o.scale.isBlank()&&o.containData(e))if(t.involveSeries){var a=function(t,e){var n=e.axis,i=n.dim,r=t,o=[],a=Number.MAX_VALUE,s=-1;return E(e.seriesModels,(function(e,l){var u,h,c=e.getData().mapDimensionsAll(i);if(e.getAxisTooltipData){var p=e.getAxisTooltipData(c,t,n);h=p.dataIndices,u=p.nestestValue}else{if(!(h=e.getData().indicesOfNearest(c[0],t,"category"===n.type?.5:null)).length)return;u=e.getData().get(c[0],h[0])}if(null!=u&&isFinite(u)){var d=t-u,f=Math.abs(d);f<=a&&((f<a||d>=0&&s<0)&&(a=f,s=d,r=u,o.length=0),E(h,(function(t){o.push({seriesIndex:e.seriesIndex,dataIndexInside:t,dataIndex:e.getData().getRawIndex(t)})})))}})),{payloadBatch:o,snapToValue:r}}(e,t),s=a.payloadBatch,l=a.snapToValue;s[0]&&null==r.seriesIndex&&A(r,s[0]),!i&&t.snap&&o.containData(l)&&null!=l&&(e=l),n.showPointer(t,e,s),n.showTooltip(t,a,l)}else n.showPointer(t,e)}function TN(t,e,n,i){t[e.key]={value:n,payloadBatch:i}}function CN(t,e,n,i){var r=n.payloadBatch,o=e.axis,a=o.model,s=e.axisPointerModel;if(e.triggerTooltip&&r.length){var l=e.coordSys.model,u=fI(l),h=t.map[u];h||(h=t.map[u]={coordSysId:l.id,coordSysIndex:l.componentIndex,coordSysType:l.type,coordSysMainType:l.mainType,dataByAxis:[]},t.list.push(h)),h.dataByAxis.push({axisDim:o.dim,axisIndex:a.componentIndex,axisType:a.type,axisId:a.id,value:i,valueLabelOpt:{precision:s.get(["label","precision"]),formatter:s.get(["label","formatter"])},seriesDataIndices:r.slice()})}}function DN(t){var e=t.axis.model,n={},i=n.axisDim=t.axis.dim;return n.axisIndex=n[i+"AxisIndex"]=e.componentIndex,n.axisName=n[i+"AxisName"]=e.name,n.axisId=n[i+"AxisId"]=e.id,n}function AN(t){return!t||null==t[0]||isNaN(t[0])||null==t[1]||isNaN(t[1])}function kN(t){yI.registerAxisPointerClass("CartesianAxisPointer",hN),t.registerComponentModel(fN),t.registerComponentView(bN),t.registerPreprocessor((function(t){if(t){(!t.axisPointer||0===t.axisPointer.length)&&(t.axisPointer={});var e=t.axisPointer.link;e&&!Y(e)&&(t.axisPointer.link=[e])}})),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,(function(t,e){t.getComponent("axisPointer").coordSysAxesInfo=uI(t,e)})),t.registerAction({type:"updateAxisPointer",event:"updateAxisPointer",update:":updateAxisPointer"},MN)}var LN=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis;"angle"===o.dim&&(this.animationThreshold=Math.PI/18);var a=o.polar,s=a.getOtherAxis(o).getExtent(),l=o.dataToCoord(e),u=i.get("type");if(u&&"none"!==u){var h=nN(i),c=PN[u](o,a,l,s);c.style=h,t.graphicKey=c.type,t.pointer=c}var p=function(t,e,n,i,r){var o=e.axis,a=o.dataToCoord(t),s=i.getAngleAxis().getExtent()[0];s=s/180*Math.PI;var l,u,h,c=i.getRadiusAxis().getExtent();if("radius"===o.dim){var p=[1,0,0,1,0,0];Se(p,p,s),we(p,p,[i.cx,i.cy]),l=zh([a,-r],p);var d=e.getModel("axisLabel").get("rotate")||0,f=iI.innerTextLayout(s,d*Math.PI/180,-1);u=f.textAlign,h=f.textVerticalAlign}else{var g=c[1];l=i.coordToPoint([g+r,a]);var y=i.cx,v=i.cy;u=Math.abs(l[0]-y)/g<.3?"center":l[0]>y?"left":"right",h=Math.abs(l[1]-v)/g<.3?"middle":l[1]>v?"top":"bottom"}return{position:l,align:u,verticalAlign:h}}(e,n,0,a,i.get(["label","margin"]));iN(t,n,i,r,p)},e}(KR);var PN={line:function(t,e,n,i){return"angle"===t.dim?{type:"Line",shape:sN(e.coordToPoint([i[0],n]),e.coordToPoint([i[1],n]))}:{type:"Circle",shape:{cx:e.cx,cy:e.cy,r:n}}},shadow:function(t,e,n,i){var r=Math.max(1,t.getBandWidth()),o=Math.PI/180;return"angle"===t.dim?{type:"Sector",shape:uN(e.cx,e.cy,i[0],i[1],(-n-r/2)*o,(r/2-n)*o)}:{type:"Sector",shape:uN(e.cx,e.cy,n-r/2,n+r/2,0,2*Math.PI)}}},ON=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.findAxisModel=function(t){var e;return this.ecModel.eachComponent(t,(function(t){t.getCoordSysModel()===this&&(e=t)}),this),e},e.type="polar",e.dependencies=["radiusAxis","angleAxis"],e.defaultOption={z:0,center:["50%","50%"],radius:"80%"},e}(Rp),RN=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getCoordSysModel=function(){return this.getReferringComponents("polar",zo).models[0]},e.type="polarAxis",e}(Rp);R(RN,I_);var NN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="angleAxis",e}(RN),EN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="radiusAxis",e}(RN),zN=function(t){function e(e,n){return t.call(this,"radius",e,n)||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e}(nb);zN.prototype.dataToRadius=nb.prototype.dataToCoord,zN.prototype.radiusToData=nb.prototype.coordToData;var VN=Oo(),BN=function(t){function e(e,n){return t.call(this,"angle",e,n||[0,360])||this}return n(e,t),e.prototype.pointToData=function(t,e){return this.polar.pointToData(t,e)["radius"===this.dim?0:1]},e.prototype.calculateCategoryInterval=function(){var t=this,e=t.getLabelModel(),n=t.scale,i=n.getExtent(),r=n.count();if(i[1]-i[0]<1)return 0;var o=i[0],a=t.dataToCoord(o+1)-t.dataToCoord(o),s=Math.abs(a),l=br(null==o?"":o+"",e.getFont(),"center","top"),u=Math.max(l.height,7)/s;isNaN(u)&&(u=1/0);var h=Math.max(0,Math.floor(u)),c=VN(t.model),p=c.lastAutoInterval,d=c.lastTickCount;return null!=p&&null!=d&&Math.abs(p-h)<=1&&Math.abs(d-r)<=1&&p>h?h=p:(c.lastTickCount=r,c.lastAutoInterval=h),h},e}(nb);BN.prototype.dataToAngle=nb.prototype.dataToCoord,BN.prototype.angleToData=nb.prototype.coordToData;var FN=["radius","angle"],GN=function(){function t(t){this.dimensions=FN,this.type="polar",this.cx=0,this.cy=0,this._radiusAxis=new zN,this._angleAxis=new BN,this.axisPointerEnabled=!0,this.name=t||"",this._radiusAxis.polar=this._angleAxis.polar=this}return t.prototype.containPoint=function(t){var e=this.pointToCoord(t);return this._radiusAxis.contain(e[0])&&this._angleAxis.contain(e[1])},t.prototype.containData=function(t){return this._radiusAxis.containData(t[0])&&this._angleAxis.containData(t[1])},t.prototype.getAxis=function(t){return this["_"+t+"Axis"]},t.prototype.getAxes=function(){return[this._radiusAxis,this._angleAxis]},t.prototype.getAxesByScale=function(t){var e=[],n=this._angleAxis,i=this._radiusAxis;return n.scale.type===t&&e.push(n),i.scale.type===t&&e.push(i),e},t.prototype.getAngleAxis=function(){return this._angleAxis},t.prototype.getRadiusAxis=function(){return this._radiusAxis},t.prototype.getOtherAxis=function(t){var e=this._angleAxis;return t===e?this._radiusAxis:e},t.prototype.getBaseAxis=function(){return this.getAxesByScale("ordinal")[0]||this.getAxesByScale("time")[0]||this.getAngleAxis()},t.prototype.getTooltipAxes=function(t){var e=null!=t&&"auto"!==t?this.getAxis(t):this.getBaseAxis();return{baseAxes:[e],otherAxes:[this.getOtherAxis(e)]}},t.prototype.dataToPoint=function(t,e){return this.coordToPoint([this._radiusAxis.dataToRadius(t[0],e),this._angleAxis.dataToAngle(t[1],e)])},t.prototype.pointToData=function(t,e){var n=this.pointToCoord(t);return[this._radiusAxis.radiusToData(n[0],e),this._angleAxis.angleToData(n[1],e)]},t.prototype.pointToCoord=function(t){var e=t[0]-this.cx,n=t[1]-this.cy,i=this.getAngleAxis(),r=i.getExtent(),o=Math.min(r[0],r[1]),a=Math.max(r[0],r[1]);i.inverse?o=a-360:a=o+360;var s=Math.sqrt(e*e+n*n);e/=s,n/=s;for(var l=Math.atan2(-n,e)/Math.PI*180,u=l<o?1:-1;l<o||l>a;)l+=360*u;return[s,l]},t.prototype.coordToPoint=function(t){var e=t[0],n=t[1]/180*Math.PI;return[Math.cos(n)*e+this.cx,-Math.sin(n)*e+this.cy]},t.prototype.getArea=function(){var t=this.getAngleAxis(),e=this.getRadiusAxis().getExtent().slice();e[0]>e[1]&&e.reverse();var n=t.getExtent(),i=Math.PI/180;return{cx:this.cx,cy:this.cy,r0:e[0],r:e[1],startAngle:-n[0]*i,endAngle:-n[1]*i,clockwise:t.inverse,contain:function(t,e){var n=t-this.cx,i=e-this.cy,r=n*n+i*i-1e-4,o=this.r,a=this.r0;return r<=o*o&&r>=a*a}}},t.prototype.convertToPixel=function(t,e,n){return WN(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return WN(e)===this?this.pointToData(n):null},t}();function WN(t){var e=t.seriesModel,n=t.polarModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}function HN(t,e){var n=this,i=n.getAngleAxis(),r=n.getRadiusAxis();if(i.scale.setExtent(1/0,-1/0),r.scale.setExtent(1/0,-1/0),t.eachSeries((function(t){if(t.coordinateSystem===n){var e=t.getData();E(M_(e,"radius"),(function(t){r.scale.unionExtentFromData(e,t)})),E(M_(e,"angle"),(function(t){i.scale.unionExtentFromData(e,t)}))}})),v_(i.scale,i.model),v_(r.scale,r.model),"category"===i.type&&!i.onBand){var o=i.getExtent(),a=360/i.scale.count();i.inverse?o[1]+=a:o[1]-=a,i.setExtent(o[0],o[1])}}function YN(t,e){if(t.type=e.get("type"),t.scale=m_(e),t.onBand=e.get("boundaryGap")&&"category"===t.type,t.inverse=e.get("inverse"),function(t){return"angleAxis"===t.mainType}(e)){t.inverse=t.inverse!==e.get("clockwise");var n=e.get("startAngle");t.setExtent(n,n+(t.inverse?-360:360))}e.axis=t,t.model=e}var XN={dimensions:FN,create:function(t,e){var n=[];return t.eachComponent("polar",(function(t,i){var r=new GN(i+"");r.update=HN;var o=r.getRadiusAxis(),a=r.getAngleAxis(),s=t.findAxisModel("radiusAxis"),l=t.findAxisModel("angleAxis");YN(o,s),YN(a,l),function(t,e,n){var i=e.get("center"),r=n.getWidth(),o=n.getHeight();t.cx=Ur(i[0],r),t.cy=Ur(i[1],o);var a=t.getRadiusAxis(),s=Math.min(r,o)/2,l=e.get("radius");null==l?l=[0,"100%"]:Y(l)||(l=[0,l]);var u=[Ur(l[0],s),Ur(l[1],s)];a.inverse?a.setExtent(u[1],u[0]):a.setExtent(u[0],u[1])}(r,t,e),n.push(r),t.coordinateSystem=r,r.model=t})),t.eachSeries((function(t){if("polar"===t.get("coordinateSystem")){var e=t.getReferringComponents("polar",zo).models[0];0,t.coordinateSystem=e.coordinateSystem}})),n}},UN=["axisLine","axisLabel","axisTick","minorTick","splitLine","minorSplitLine","splitArea"];function ZN(t,e,n){e[1]>e[0]&&(e=e.slice().reverse());var i=t.coordToPoint([e[0],n]),r=t.coordToPoint([e[1],n]);return{x1:i[0],y1:i[1],x2:r[0],y2:r[1]}}function jN(t){return t.getRadiusAxis().inverse?0:1}function qN(t){var e=t[0],n=t[t.length-1];e&&n&&Math.abs(Math.abs(e.coord-n.coord)-360)<1e-4&&t.pop()}var KN=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e){if(this.group.removeAll(),t.get("show")){var n=t.axis,i=n.polar,r=i.getRadiusAxis().getExtent(),o=n.getTicksCoords(),a=n.getMinorTicksCoords(),s=z(n.getViewLabels(),(function(t){t=T(t);var e=n.scale,i="ordinal"===e.type?e.getRawOrdinalNumber(t.tickValue):t.tickValue;return t.coord=n.dataToCoord(i),t}));qN(s),qN(o),E(UN,(function(e){!t.get([e,"show"])||n.scale.isBlank()&&"axisLine"!==e||$N[e](this.group,t,i,o,a,r,s)}),this)}},e.type="angleAxis",e}(yI),$N={axisLine:function(t,e,n,i,r,o){var a,s=e.getModel(["axisLine","lineStyle"]),l=jN(n),u=l?0:1;(a=0===o[u]?new _u({shape:{cx:n.cx,cy:n.cy,r:o[l]},style:s.getLineStyle(),z2:1,silent:!0}):new Bu({shape:{cx:n.cx,cy:n.cy,r:o[l],r0:o[u]},style:s.getLineStyle(),z2:1,silent:!0})).style.fill=null,t.add(a)},axisTick:function(t,e,n,i,r,o){var a=e.getModel("axisTick"),s=(a.get("inside")?-1:1)*a.get("length"),l=o[jN(n)],u=z(i,(function(t){return new Zu({shape:ZN(n,[l,l+s],t.coord)})}));t.add(Ph(u,{style:k(a.getModel("lineStyle").getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])})}))},minorTick:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("axisTick"),s=e.getModel("minorTick"),l=(a.get("inside")?-1:1)*s.get("length"),u=o[jN(n)],h=[],c=0;c<r.length;c++)for(var p=0;p<r[c].length;p++)h.push(new Zu({shape:ZN(n,[u,u+l],r[c][p].coord)}));t.add(Ph(h,{style:k(s.getModel("lineStyle").getLineStyle(),k(a.getLineStyle(),{stroke:e.get(["axisLine","lineStyle","color"])}))}))}},axisLabel:function(t,e,n,i,r,o,a){var s=e.getCategories(!0),l=e.getModel("axisLabel"),u=l.get("margin"),h=e.get("triggerEvent");E(a,(function(i,r){var a=l,c=i.tickValue,p=o[jN(n)],d=n.coordToPoint([p+u,i.coord]),f=n.cx,g=n.cy,y=Math.abs(d[0]-f)/p<.3?"center":d[0]>f?"left":"right",v=Math.abs(d[1]-g)/p<.3?"middle":d[1]>g?"top":"bottom";if(s&&s[c]){var m=s[c];q(m)&&m.textStyle&&(a=new Mc(m.textStyle,l,l.ecModel))}var x=new Fs({silent:iI.isLabelSilent(e),style:nc(a,{x:d[0],y:d[1],fill:a.getTextColor()||e.get(["axisLine","lineStyle","color"]),text:i.formattedLabel,align:y,verticalAlign:v})});if(t.add(x),h){var _=iI.makeAxisEventDataBase(e);_.targetType="axisLabel",_.value=i.rawLabel,Qs(x).eventData=_}}),this)},splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],h=0;h<i.length;h++){var c=l++%s.length;u[c]=u[c]||[],u[c].push(new Zu({shape:ZN(n,o,i[h].coord)}))}for(h=0;h<u.length;h++)t.add(Ph(u[h],{style:k({stroke:s[h%s.length]},a.getLineStyle()),silent:!0,z:e.get("z")}))},minorSplitLine:function(t,e,n,i,r,o){if(r.length){for(var a=e.getModel("minorSplitLine").getModel("lineStyle"),s=[],l=0;l<r.length;l++)for(var u=0;u<r[l].length;u++)s.push(new Zu({shape:ZN(n,o,r[l][u].coord)}));t.add(Ph(s,{style:a.getLineStyle(),silent:!0,z:e.get("z")}))}},splitArea:function(t,e,n,i,r,o){if(i.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],h=Math.PI/180,c=-i[0].coord*h,p=Math.min(o[0],o[1]),d=Math.max(o[0],o[1]),f=e.get("clockwise"),g=1,y=i.length;g<=y;g++){var v=g===y?i[0].coord:i[g].coord,m=l++%s.length;u[m]=u[m]||[],u[m].push(new zu({shape:{cx:n.cx,cy:n.cy,r0:p,r:d,startAngle:c,endAngle:-v*h,clockwise:f},silent:!0})),c=-v*h}for(g=0;g<u.length;g++)t.add(Ph(u[g],{style:k({fill:s[g%s.length]},a.getAreaStyle()),silent:!0}))}}},JN=["axisLine","axisTickLabel","axisName"],QN=["splitLine","splitArea","minorSplitLine"],tE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="PolarAxisPointer",n}return n(e,t),e.prototype.render=function(t,e){if(this.group.removeAll(),t.get("show")){var n=this._axisGroup,i=this._axisGroup=new zr;this.group.add(i);var r=t.axis,o=r.polar,a=o.getAngleAxis(),s=r.getTicksCoords(),l=r.getMinorTicksCoords(),u=a.getExtent()[0],h=r.getExtent(),c=function(t,e,n){return{position:[t.cx,t.cy],rotation:n/180*Math.PI,labelDirection:-1,tickDirection:-1,nameDirection:1,labelRotate:e.getModel("axisLabel").get("rotate"),z2:1}}(o,t,u),p=new iI(t,c);E(JN,p.add,p),i.add(p.getGroup()),Fh(n,i,t),E(QN,(function(e){t.get([e,"show"])&&!r.scale.isBlank()&&eE[e](this.group,t,o,u,h,s,l)}),this)}},e.type="radiusAxis",e}(yI),eE={splitLine:function(t,e,n,i,r,o){var a=e.getModel("splitLine").getModel("lineStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],h=0;h<o.length;h++){var c=l++%s.length;u[c]=u[c]||[],u[c].push(new _u({shape:{cx:n.cx,cy:n.cy,r:Math.max(o[h].coord,0)}}))}for(h=0;h<u.length;h++)t.add(Ph(u[h],{style:k({stroke:s[h%s.length],fill:null},a.getLineStyle()),silent:!0}))},minorSplitLine:function(t,e,n,i,r,o,a){if(a.length){for(var s=e.getModel("minorSplitLine").getModel("lineStyle"),l=[],u=0;u<a.length;u++)for(var h=0;h<a[u].length;h++)l.push(new _u({shape:{cx:n.cx,cy:n.cy,r:a[u][h].coord}}));t.add(Ph(l,{style:k({fill:null},s.getLineStyle()),silent:!0}))}},splitArea:function(t,e,n,i,r,o){if(o.length){var a=e.getModel("splitArea").getModel("areaStyle"),s=a.get("color"),l=0;s=s instanceof Array?s:[s];for(var u=[],h=o[0].coord,c=1;c<o.length;c++){var p=l++%s.length;u[p]=u[p]||[],u[p].push(new zu({shape:{cx:n.cx,cy:n.cy,r0:h,r:o[c].coord,startAngle:0,endAngle:2*Math.PI},silent:!0})),h=o[c].coord}for(c=0;c<u.length;c++)t.add(Ph(u[c],{style:k({fill:s[c%s.length]},a.getAreaStyle()),silent:!0}))}}};function nE(t){return t.get("stack")||"__ec_stack_"+t.seriesIndex}function iE(t,e){return e.dim+t.model.componentIndex}function rE(t,e,n){var i={},r=function(t){var e={};E(t,(function(t,n){var i=t.getData(),r=t.coordinateSystem,o=r.getBaseAxis(),a=iE(r,o),s=o.getExtent(),l="category"===o.type?o.getBandWidth():Math.abs(s[1]-s[0])/i.count(),u=e[a]||{bandWidth:l,remainedWidth:l,autoWidthCount:0,categoryGap:"20%",gap:"30%",stacks:{}},h=u.stacks;e[a]=u;var c=nE(t);h[c]||u.autoWidthCount++,h[c]=h[c]||{width:0,maxWidth:0};var p=Ur(t.get("barWidth"),l),d=Ur(t.get("barMaxWidth"),l),f=t.get("barGap"),g=t.get("barCategoryGap");p&&!h[c].width&&(p=Math.min(u.remainedWidth,p),h[c].width=p,u.remainedWidth-=p),d&&(h[c].maxWidth=d),null!=f&&(u.gap=f),null!=g&&(u.categoryGap=g)}));var n={};return E(e,(function(t,e){n[e]={};var i=t.stacks,r=t.bandWidth,o=Ur(t.categoryGap,r),a=Ur(t.gap,1),s=t.remainedWidth,l=t.autoWidthCount,u=(s-o)/(l+(l-1)*a);u=Math.max(u,0),E(i,(function(t,e){var n=t.maxWidth;n&&n<u&&(n=Math.min(n,s),t.width&&(n=Math.min(n,t.width)),s-=n,t.width=n,l--)})),u=(s-o)/(l+(l-1)*a),u=Math.max(u,0);var h,c=0;E(i,(function(t,e){t.width||(t.width=u),h=t,c+=t.width*(1+a)})),h&&(c-=h.width*a);var p=-c/2;E(i,(function(t,i){n[e][i]=n[e][i]||{offset:p,width:t.width},p+=t.width*(1+a)}))})),n}(B(e.getSeriesByType(t),(function(t){return!e.isSeriesFiltered(t)&&t.coordinateSystem&&"polar"===t.coordinateSystem.type})));e.eachSeriesByType(t,(function(t){if("polar"===t.coordinateSystem.type){var e=t.getData(),n=t.coordinateSystem,o=n.getBaseAxis(),a=iE(n,o),s=nE(t),l=r[a][s],u=l.offset,h=l.width,c=n.getOtherAxis(o),p=t.coordinateSystem.cx,d=t.coordinateSystem.cy,f=t.get("barMinHeight")||0,g=t.get("barMinAngle")||0;i[s]=i[s]||[];for(var y=e.mapDimension(c.dim),v=e.mapDimension(o.dim),m=gx(e,y),x="radius"!==o.dim||!t.get("roundCap",!0),_=c.dataToCoord(0),b=0,w=e.count();b<w;b++){var S=e.get(y,b),M=e.get(v,b),I=S>=0?"p":"n",T=_;m&&(i[s][M]||(i[s][M]={p:_,n:_}),T=i[s][M][I]);var C=void 0,D=void 0,A=void 0,k=void 0;if("radius"===c.dim){var L=c.dataToCoord(S)-_,P=o.dataToCoord(M);Math.abs(L)<f&&(L=(L<0?-1:1)*f),C=T,D=T+L,k=(A=P-u)-h,m&&(i[s][M][I]=D)}else{var O=c.dataToCoord(S,x)-_,R=o.dataToCoord(M);Math.abs(O)<g&&(O=(O<0?-1:1)*g),D=(C=R+u)+h,A=T,k=T+O,m&&(i[s][M][I]=k)}e.setItemLayout(b,{cx:p,cy:d,r0:C,r:D,startAngle:-A*Math.PI/180,endAngle:-k*Math.PI/180,clockwise:A>=k})}}}))}var oE={startAngle:90,clockwise:!0,splitNumber:12,axisLabel:{rotate:0}},aE={splitNumber:5},sE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="polar",e}(Tg);function lE(t,e){e=e||{};var n=t.coordinateSystem,i=t.axis,r={},o=i.position,a=i.orient,s=n.getRect(),l=[s.x,s.x+s.width,s.y,s.y+s.height],u={horizontal:{top:l[2],bottom:l[3]},vertical:{left:l[0],right:l[1]}};r.position=["vertical"===a?u.vertical[o]:l[0],"horizontal"===a?u.horizontal[o]:l[3]];r.rotation=Math.PI/2*{horizontal:0,vertical:1}[a];r.labelDirection=r.tickDirection=r.nameDirection={top:-1,bottom:1,right:1,left:-1}[o],t.get(["axisTick","inside"])&&(r.tickDirection=-r.tickDirection),it(e.labelInside,t.get(["axisLabel","inside"]))&&(r.labelDirection=-r.labelDirection);var h=e.rotate;return null==h&&(h=t.get(["axisLabel","rotate"])),r.labelRotation="top"===o?-h:h,r.z2=1,r}var uE=["axisLine","axisTickLabel","axisName"],hE=["splitArea","splitLine"],cE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.axisPointerClass="SingleAxisPointer",n}return n(e,t),e.prototype.render=function(e,n,i,r){var o=this.group;o.removeAll();var a=this._axisGroup;this._axisGroup=new zr;var s=lE(e),l=new iI(e,s);E(uE,l.add,l),o.add(this._axisGroup),o.add(l.getGroup()),E(hE,(function(t){e.get([t,"show"])&&pE[t](this,this.group,this._axisGroup,e)}),this),Fh(a,this._axisGroup,e),t.prototype.render.call(this,e,n,i,r)},e.prototype.remove=function(){xI(this)},e.type="singleAxis",e}(yI),pE={splitLine:function(t,e,n,i){var r=i.axis;if(!r.scale.isBlank()){var o=i.getModel("splitLine"),a=o.getModel("lineStyle"),s=a.get("color");s=s instanceof Array?s:[s];for(var l=a.get("width"),u=i.coordinateSystem.getRect(),h=r.isHorizontal(),c=[],p=0,d=r.getTicksCoords({tickModel:o}),f=[],g=[],y=0;y<d.length;++y){var v=r.toGlobalCoord(d[y].coord);h?(f[0]=v,f[1]=u.y,g[0]=v,g[1]=u.y+u.height):(f[0]=u.x,f[1]=v,g[0]=u.x+u.width,g[1]=v);var m=new Zu({shape:{x1:f[0],y1:f[1],x2:g[0],y2:g[1]},silent:!0});Rh(m.shape,l);var x=p++%s.length;c[x]=c[x]||[],c[x].push(m)}var _=a.getLineStyle(["color"]);for(y=0;y<c.length;++y)e.add(Ph(c[y],{style:k({stroke:s[y%s.length]},_),silent:!0}))}},splitArea:function(t,e,n,i){mI(t,n,i,i)}},dE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.getCoordSysModel=function(){return this},e.type="singleAxis",e.layoutMode="box",e.defaultOption={left:"5%",top:"5%",right:"5%",bottom:"5%",type:"value",position:"bottom",orient:"horizontal",axisLine:{show:!0,lineStyle:{width:1,type:"solid"}},tooltip:{show:!0},axisTick:{show:!0,length:6,lineStyle:{width:1}},axisLabel:{show:!0,interval:"auto"},splitLine:{show:!0,lineStyle:{type:"dashed",opacity:.2}}},e}(Rp);R(dE,I_.prototype);var fE=function(t){function e(e,n,i,r,o){var a=t.call(this,e,n,i)||this;return a.type=r||"value",a.position=o||"bottom",a}return n(e,t),e.prototype.isHorizontal=function(){var t=this.position;return"top"===t||"bottom"===t},e.prototype.pointToData=function(t,e){return this.coordinateSystem.pointToData(t)[0]},e}(nb),gE=["single"],yE=function(){function t(t,e,n){this.type="single",this.dimension="single",this.dimensions=gE,this.axisPointerEnabled=!0,this.model=t,this._init(t,e,n)}return t.prototype._init=function(t,e,n){var i=this.dimension,r=new fE(i,m_(t),[0,0],t.get("type"),t.get("position")),o="category"===r.type;r.onBand=o&&t.get("boundaryGap"),r.inverse=t.get("inverse"),r.orient=t.get("orient"),t.axis=r,r.model=t,r.coordinateSystem=this,this._axis=r},t.prototype.update=function(t,e){t.eachSeries((function(t){if(t.coordinateSystem===this){var e=t.getData();E(e.mapDimensionsAll(this.dimension),(function(t){this._axis.scale.unionExtentFromData(e,t)}),this),v_(this._axis.scale,this._axis.model)}}),this)},t.prototype.resize=function(t,e){this._rect=Cp({left:t.get("left"),top:t.get("top"),right:t.get("right"),bottom:t.get("bottom"),width:t.get("width"),height:t.get("height")},{width:e.getWidth(),height:e.getHeight()}),this._adjustAxis()},t.prototype.getRect=function(){return this._rect},t.prototype._adjustAxis=function(){var t=this._rect,e=this._axis,n=e.isHorizontal(),i=n?[0,t.width]:[0,t.height],r=e.inverse?1:0;e.setExtent(i[r],i[1-r]),this._updateAxisTransform(e,n?t.x:t.y)},t.prototype._updateAxisTransform=function(t,e){var n=t.getExtent(),i=n[0]+n[1],r=t.isHorizontal();t.toGlobalCoord=r?function(t){return t+e}:function(t){return i-t+e},t.toLocalCoord=r?function(t){return t-e}:function(t){return i-t+e}},t.prototype.getAxis=function(){return this._axis},t.prototype.getBaseAxis=function(){return this._axis},t.prototype.getAxes=function(){return[this._axis]},t.prototype.getTooltipAxes=function(){return{baseAxes:[this.getAxis()],otherAxes:[]}},t.prototype.containPoint=function(t){var e=this.getRect(),n=this.getAxis();return"horizontal"===n.orient?n.contain(n.toLocalCoord(t[0]))&&t[1]>=e.y&&t[1]<=e.y+e.height:n.contain(n.toLocalCoord(t[1]))&&t[0]>=e.y&&t[0]<=e.y+e.height},t.prototype.pointToData=function(t){var e=this.getAxis();return[e.coordToData(e.toLocalCoord(t["horizontal"===e.orient?0:1]))]},t.prototype.dataToPoint=function(t){var e=this.getAxis(),n=this.getRect(),i=[],r="horizontal"===e.orient?0:1;return t instanceof Array&&(t=t[0]),i[r]=e.toGlobalCoord(e.dataToCoord(+t)),i[1-r]=0===r?n.y+n.height/2:n.x+n.width/2,i},t.prototype.convertToPixel=function(t,e,n){return vE(e)===this?this.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){return vE(e)===this?this.pointToData(n):null},t}();function vE(t){var e=t.seriesModel,n=t.singleAxisModel;return n&&n.coordinateSystem||e&&e.coordinateSystem}var mE={create:function(t,e){var n=[];return t.eachComponent("singleAxis",(function(i,r){var o=new yE(i,t,e);o.name="single_"+r,o.resize(i,e),i.coordinateSystem=o,n.push(o)})),t.eachSeries((function(t){if("singleAxis"===t.get("coordinateSystem")){var e=t.getReferringComponents("singleAxis",zo).models[0];t.coordinateSystem=e&&e.coordinateSystem}})),n},dimensions:gE},xE=["x","y"],_E=["width","height"],bE=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.makeElOption=function(t,e,n,i,r){var o=n.axis,a=o.coordinateSystem,s=ME(a,1-SE(o)),l=a.dataToPoint(e)[0],u=i.get("type");if(u&&"none"!==u){var h=nN(i),c=wE[u](o,l,s);c.style=h,t.graphicKey=c.type,t.pointer=c}aN(e,t,lE(n),n,i,r)},e.prototype.getHandleTransform=function(t,e,n){var i=lE(e,{labelInside:!1});i.labelMargin=n.get(["handle","margin"]);var r=oN(e.axis,t,i);return{x:r[0],y:r[1],rotation:i.rotation+(i.labelDirection<0?Math.PI:0)}},e.prototype.updateHandleTransform=function(t,e,n,i){var r=n.axis,o=r.coordinateSystem,a=SE(r),s=ME(o,a),l=[t.x,t.y];l[a]+=e[a],l[a]=Math.min(s[1],l[a]),l[a]=Math.max(s[0],l[a]);var u=ME(o,1-a),h=(u[1]+u[0])/2,c=[h,h];return c[a]=l[a],{x:l[0],y:l[1],rotation:t.rotation,cursorPoint:c,tooltipOption:{verticalAlign:"middle"}}},e}(KR),wE={line:function(t,e,n){return{type:"Line",subPixelOptimize:!0,shape:sN([e,n[0]],[e,n[1]],SE(t))}},shadow:function(t,e,n){var i=t.getBandWidth(),r=n[1]-n[0];return{type:"Rect",shape:lN([e-i/2,n[0]],[i,r],SE(t))}}};function SE(t){return t.isHorizontal()?0:1}function ME(t,e){var n=t.getRect();return[n[xE[e]],n[xE[e]]+n[_E[e]]]}var IE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="single",e}(Tg);var TE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(e,n,i){var r=Lp(e);t.prototype.init.apply(this,arguments),CE(e,r)},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),CE(this.option,e)},e.prototype.getCellSize=function(){return this.option.cellSize},e.type="calendar",e.defaultOption={z:2,left:80,top:60,cellSize:20,orient:"horizontal",splitLine:{show:!0,lineStyle:{color:"#000",width:1,type:"solid"}},itemStyle:{color:"#fff",borderWidth:1,borderColor:"#ccc"},dayLabel:{show:!0,firstDay:0,position:"start",margin:"50%",color:"#000"},monthLabel:{show:!0,position:"start",margin:5,align:"center",formatter:null,color:"#000"},yearLabel:{show:!0,position:null,margin:30,formatter:null,color:"#ccc",fontFamily:"sans-serif",fontWeight:"bolder",fontSize:20}},e}(Rp);function CE(t,e){var n,i=t.cellSize;1===(n=Y(i)?i:t.cellSize=[i,i]).length&&(n[1]=n[0]);var r=z([0,1],(function(t){return function(t,e){return null!=t[Mp[e][0]]||null!=t[Mp[e][1]]&&null!=t[Mp[e][2]]}(e,t)&&(n[t]="auto"),null!=n[t]&&"auto"!==n[t]}));kp(t,e,{type:"box",ignoreSize:r})}var DE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){var i=this.group;i.removeAll();var r=t.coordinateSystem,o=r.getRangeInfo(),a=r.getOrient(),s=e.getLocaleModel();this._renderDayRect(t,o,i),this._renderLines(t,o,a,i),this._renderYearText(t,o,a,i),this._renderMonthText(t,s,a,i),this._renderWeekText(t,s,o,a,i)},e.prototype._renderDayRect=function(t,e,n){for(var i=t.coordinateSystem,r=t.getModel("itemStyle").getItemStyle(),o=i.getCellWidth(),a=i.getCellHeight(),s=e.start.time;s<=e.end.time;s=i.getNextNDay(s,1).time){var l=i.dataToRect([s],!1).tl,u=new zs({shape:{x:l[0],y:l[1],width:o,height:a},cursor:"default",style:r});n.add(u)}},e.prototype._renderLines=function(t,e,n,i){var r=this,o=t.coordinateSystem,a=t.getModel(["splitLine","lineStyle"]).getLineStyle(),s=t.get(["splitLine","show"]),l=a.lineWidth;this._tlpoints=[],this._blpoints=[],this._firstDayOfMonth=[],this._firstDayPoints=[];for(var u=e.start,h=0;u.time<=e.end.time;h++){p(u.formatedDate),0===h&&(u=o.getDateInfo(e.start.y+"-"+e.start.m));var c=u.date;c.setMonth(c.getMonth()+1),u=o.getDateInfo(c)}function p(e){r._firstDayOfMonth.push(o.getDateInfo(e)),r._firstDayPoints.push(o.dataToRect([e],!1).tl);var l=r._getLinePointsOfOneWeek(t,e,n);r._tlpoints.push(l[0]),r._blpoints.push(l[l.length-1]),s&&r._drawSplitline(l,a,i)}p(o.getNextNDay(e.end.time,1).formatedDate),s&&this._drawSplitline(r._getEdgesPoints(r._tlpoints,l,n),a,i),s&&this._drawSplitline(r._getEdgesPoints(r._blpoints,l,n),a,i)},e.prototype._getEdgesPoints=function(t,e,n){var i=[t[0].slice(),t[t.length-1].slice()],r="horizontal"===n?0:1;return i[0][r]=i[0][r]-e/2,i[1][r]=i[1][r]+e/2,i},e.prototype._drawSplitline=function(t,e,n){var i=new Yu({z2:20,shape:{points:t},style:e});n.add(i)},e.prototype._getLinePointsOfOneWeek=function(t,e,n){for(var i=t.coordinateSystem,r=i.getDateInfo(e),o=[],a=0;a<7;a++){var s=i.getNextNDay(r.time,a),l=i.dataToRect([s.time],!1);o[2*s.day]=l.tl,o[2*s.day+1]=l["horizontal"===n?"bl":"tr"]}return o},e.prototype._formatterLabel=function(t,e){return U(t)&&t?(n=t,E(e,(function(t,e){n=n.replace("{"+e+"}",i?re(t):t)})),n):X(t)?t(e):e.nameMap;var n,i},e.prototype._yearTextPositionControl=function(t,e,n,i,r){var o=e[0],a=e[1],s=["center","bottom"];"bottom"===i?(a+=r,s=["center","top"]):"left"===i?o-=r:"right"===i?(o+=r,s=["center","top"]):a-=r;var l=0;return"left"!==i&&"right"!==i||(l=Math.PI/2),{rotation:l,x:o,y:a,style:{align:s[0],verticalAlign:s[1]}}},e.prototype._renderYearText=function(t,e,n,i){var r=t.getModel("yearLabel");if(r.get("show")){var o=r.get("margin"),a=r.get("position");a||(a="horizontal"!==n?"top":"left");var s=[this._tlpoints[this._tlpoints.length-1],this._blpoints[0]],l=(s[0][0]+s[1][0])/2,u=(s[0][1]+s[1][1])/2,h="horizontal"===n?0:1,c={top:[l,s[h][1]],bottom:[l,s[1-h][1]],left:[s[1-h][0],u],right:[s[h][0],u]},p=e.start.y;+e.end.y>+e.start.y&&(p=p+"-"+e.end.y);var d=r.get("formatter"),f={start:e.start.y,end:e.end.y,nameMap:p},g=this._formatterLabel(d,f),y=new Fs({z2:30,style:nc(r,{text:g})});y.attr(this._yearTextPositionControl(y,c[a],n,a,o)),i.add(y)}},e.prototype._monthTextPositionControl=function(t,e,n,i,r){var o="left",a="top",s=t[0],l=t[1];return"horizontal"===n?(l+=r,e&&(o="center"),"start"===i&&(a="bottom")):(s+=r,e&&(a="middle"),"start"===i&&(o="right")),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderMonthText=function(t,e,n,i){var r=t.getModel("monthLabel");if(r.get("show")){var o=r.get("nameMap"),a=r.get("margin"),s=r.get("position"),l=r.get("align"),u=[this._tlpoints,this._blpoints];o&&!U(o)||(o&&(e=Nc(o)||e),o=e.get(["time","monthAbbr"])||[]);var h="start"===s?0:1,c="horizontal"===n?0:1;a="start"===s?-a:a;for(var p="center"===l,d=0;d<u[h].length-1;d++){var f=u[h][d].slice(),g=this._firstDayOfMonth[d];if(p){var y=this._firstDayPoints[d];f[c]=(y[c]+u[0][d+1][c])/2}var v=r.get("formatter"),m=o[+g.m-1],x={yyyy:g.y,yy:(g.y+"").slice(2),MM:g.m,M:+g.m,nameMap:m},_=this._formatterLabel(v,x),b=new Fs({z2:30,style:A(nc(r,{text:_}),this._monthTextPositionControl(f,p,n,s,a))});i.add(b)}}},e.prototype._weekTextPositionControl=function(t,e,n,i,r){var o="center",a="middle",s=t[0],l=t[1],u="start"===n;return"horizontal"===e?(s=s+i+(u?1:-1)*r[0]/2,o=u?"right":"left"):(l=l+i+(u?1:-1)*r[1]/2,a=u?"bottom":"top"),{x:s,y:l,align:o,verticalAlign:a}},e.prototype._renderWeekText=function(t,e,n,i,r){var o=t.getModel("dayLabel");if(o.get("show")){var a=t.coordinateSystem,s=o.get("position"),l=o.get("nameMap"),u=o.get("margin"),h=a.getFirstDayOfWeek();if(!l||U(l))l&&(e=Nc(l)||e),l=e.get(["time","dayOfWeekShort"])||z(e.get(["time","dayOfWeekAbbr"]),(function(t){return t[0]}));var c=a.getNextNDay(n.end.time,7-n.lweek).time,p=[a.getCellWidth(),a.getCellHeight()];u=Ur(u,Math.min(p[1],p[0])),"start"===s&&(c=a.getNextNDay(n.start.time,-(7+n.fweek)).time,u=-u);for(var d=0;d<7;d++){var f,g=a.getNextNDay(c,d),y=a.dataToRect([g.time],!1).center;f=Math.abs((d+h)%7);var v=new Fs({z2:30,style:A(nc(o,{text:l[f]}),this._weekTextPositionControl(y,i,s,u,p))});r.add(v)}}},e.type="calendar",e}(Tg),AE=864e5,kE=function(){function t(e,n,i){this.type="calendar",this.dimensions=t.dimensions,this.getDimensionsInfo=t.getDimensionsInfo,this._model=e}return t.getDimensionsInfo=function(){return[{name:"time",type:"time"},"value"]},t.prototype.getRangeInfo=function(){return this._rangeInfo},t.prototype.getModel=function(){return this._model},t.prototype.getRect=function(){return this._rect},t.prototype.getCellWidth=function(){return this._sw},t.prototype.getCellHeight=function(){return this._sh},t.prototype.getOrient=function(){return this._orient},t.prototype.getFirstDayOfWeek=function(){return this._firstDayOfWeek},t.prototype.getDateInfo=function(t){var e=(t=ro(t)).getFullYear(),n=t.getMonth()+1,i=n<10?"0"+n:""+n,r=t.getDate(),o=r<10?"0"+r:""+r,a=t.getDay();return{y:e+"",m:i,d:o,day:a=Math.abs((a+7-this.getFirstDayOfWeek())%7),time:t.getTime(),formatedDate:e+"-"+i+"-"+o,date:t}},t.prototype.getNextNDay=function(t,e){return 0===(e=e||0)||(t=new Date(this.getDateInfo(t).time)).setDate(t.getDate()+e),this.getDateInfo(t)},t.prototype.update=function(t,e){this._firstDayOfWeek=+this._model.getModel("dayLabel").get("firstDay"),this._orient=this._model.get("orient"),this._lineWidth=this._model.getModel("itemStyle").getItemStyle().lineWidth||0,this._rangeInfo=this._getRangeInfo(this._initRangeOption());var n=this._rangeInfo.weeks||1,i=["width","height"],r=this._model.getCellSize().slice(),o=this._model.getBoxLayoutParams(),a="horizontal"===this._orient?[n,7]:[7,n];E([0,1],(function(t){u(r,t)&&(o[i[t]]=r[t]*a[t])}));var s={width:e.getWidth(),height:e.getHeight()},l=this._rect=Cp(o,s);function u(t,e){return null!=t[e]&&"auto"!==t[e]}E([0,1],(function(t){u(r,t)||(r[t]=l[i[t]]/a[t])})),this._sw=r[0],this._sh=r[1]},t.prototype.dataToPoint=function(t,e){Y(t)&&(t=t[0]),null==e&&(e=!0);var n=this.getDateInfo(t),i=this._rangeInfo,r=n.formatedDate;if(e&&!(n.time>=i.start.time&&n.time<i.end.time+AE))return[NaN,NaN];var o=n.day,a=this._getRangeInfo([i.start.time,r]).nthWeek;return"vertical"===this._orient?[this._rect.x+o*this._sw+this._sw/2,this._rect.y+a*this._sh+this._sh/2]:[this._rect.x+a*this._sw+this._sw/2,this._rect.y+o*this._sh+this._sh/2]},t.prototype.pointToData=function(t){var e=this.pointToDate(t);return e&&e.time},t.prototype.dataToRect=function(t,e){var n=this.dataToPoint(t,e);return{contentShape:{x:n[0]-(this._sw-this._lineWidth)/2,y:n[1]-(this._sh-this._lineWidth)/2,width:this._sw-this._lineWidth,height:this._sh-this._lineWidth},center:n,tl:[n[0]-this._sw/2,n[1]-this._sh/2],tr:[n[0]+this._sw/2,n[1]-this._sh/2],br:[n[0]+this._sw/2,n[1]+this._sh/2],bl:[n[0]-this._sw/2,n[1]+this._sh/2]}},t.prototype.pointToDate=function(t){var e=Math.floor((t[0]-this._rect.x)/this._sw)+1,n=Math.floor((t[1]-this._rect.y)/this._sh)+1,i=this._rangeInfo.range;return"vertical"===this._orient?this._getDateByWeeksAndDay(n,e-1,i):this._getDateByWeeksAndDay(e,n-1,i)},t.prototype.convertToPixel=function(t,e,n){var i=LE(e);return i===this?i.dataToPoint(n):null},t.prototype.convertFromPixel=function(t,e,n){var i=LE(e);return i===this?i.pointToData(n):null},t.prototype.containPoint=function(t){return console.warn("Not implemented."),!1},t.prototype._initRangeOption=function(){var t,e=this._model.get("range");if(Y(e)&&1===e.length&&(e=e[0]),Y(e))t=e;else{var n=e.toString();if(/^\d{4}$/.test(n)&&(t=[n+"-01-01",n+"-12-31"]),/^\d{4}[\/|-]\d{1,2}$/.test(n)){var i=this.getDateInfo(n),r=i.date;r.setMonth(r.getMonth()+1);var o=this.getNextNDay(r,-1);t=[i.formatedDate,o.formatedDate]}/^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(n)&&(t=[n,n])}if(!t)return e;var a=this._getRangeInfo(t);return a.start.time>a.end.time&&t.reverse(),t},t.prototype._getRangeInfo=function(t){var e,n=[this.getDateInfo(t[0]),this.getDateInfo(t[1])];n[0].time>n[1].time&&(e=!0,n.reverse());var i=Math.floor(n[1].time/AE)-Math.floor(n[0].time/AE)+1,r=new Date(n[0].time),o=r.getDate(),a=n[1].date.getDate();r.setDate(o+i-1);var s=r.getDate();if(s!==a)for(var l=r.getTime()-n[1].time>0?1:-1;(s=r.getDate())!==a&&(r.getTime()-n[1].time)*l>0;)i-=l,r.setDate(s-l);var u=Math.floor((i+n[0].day+6)/7),h=e?1-u:u-1;return e&&n.reverse(),{range:[n[0].formatedDate,n[1].formatedDate],start:n[0],end:n[1],allDay:i,weeks:u,nthWeek:h,fweek:n[0].day,lweek:n[1].day}},t.prototype._getDateByWeeksAndDay=function(t,e,n){var i=this._getRangeInfo(n);if(t>i.weeks||0===t&&e<i.fweek||t===i.weeks&&e>i.lweek)return null;var r=7*(t-1)-i.fweek+e,o=new Date(i.start.time);return o.setDate(+i.start.d+r),this.getDateInfo(o)},t.create=function(e,n){var i=[];return e.eachComponent("calendar",(function(r){var o=new t(r,e,n);i.push(o),r.coordinateSystem=o})),e.eachSeries((function(t){"calendar"===t.get("coordinateSystem")&&(t.coordinateSystem=i[t.get("calendarIndex")||0])})),i},t.dimensions=["time","value"],t}();function LE(t){var e=t.calendarModel,n=t.seriesModel;return e?e.coordinateSystem:n?n.coordinateSystem:null}function PE(t,e){var n;return E(e,(function(e){null!=t[e]&&"auto"!==t[e]&&(n=!0)})),n}var OE=["transition","enterFrom","leaveTo"],RE=OE.concat(["enterAnimation","updateAnimation","leaveAnimation"]);function NE(t,e,n){if(n&&(!t[n]&&e[n]&&(t[n]={}),t=t[n],e=e[n]),t&&e)for(var i=n?OE:RE,r=0;r<i.length;r++){var o=i[r];null==t[o]&&null!=e[o]&&(t[o]=e[o])}}var EE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.preventAutoZ=!0,n}return n(e,t),e.prototype.mergeOption=function(e,n){var i=this.option.elements;this.option.elements=null,t.prototype.mergeOption.call(this,e,n),this.option.elements=i},e.prototype.optionUpdated=function(t,e){var n=this.option,i=(e?n:t).elements,r=n.elements=e?[]:n.elements,o=[];this._flatten(i,o,null);var a=To(r,o,"normalMerge"),s=this._elOptionsToUpdate=[];E(a,(function(t,e){var n=t.newOption;n&&(s.push(n),function(t,e){var n=t.existing;if(e.id=t.keyInfo.id,!e.type&&n&&(e.type=n.type),null==e.parentId){var i=e.parentOption;i?e.parentId=i.id:n&&(e.parentId=n.parentId)}e.parentOption=null}(t,n),function(t,e,n){var i=A({},n),r=t[e],o=n.$action||"merge";"merge"===o?r?(C(r,i,!0),kp(r,i,{ignoreSize:!0}),Pp(n,r),NE(n,r),NE(n,r,"shape"),NE(n,r,"style"),NE(n,r,"extra"),n.clipPath=r.clipPath):t[e]=i:"replace"===o?t[e]=i:"remove"===o&&r&&(t[e]=null)}(r,e,n),function(t,e){if(t&&(t.hv=e.hv=[PE(e,["left","right"]),PE(e,["top","bottom"])],"group"===t.type)){var n=t,i=e;null==n.width&&(n.width=i.width=0),null==n.height&&(n.height=i.height=0)}}(r[e],n))}),this),n.elements=B(r,(function(t){return t&&delete t.$action,null!=t}))},e.prototype._flatten=function(t,e,n){E(t,(function(t){if(t){n&&(t.parentOption=n),e.push(t);var i=t.children;i&&i.length&&this._flatten(i,e,t),delete t.children}}),this)},e.prototype.useElOptionsToUpdate=function(){var t=this._elOptionsToUpdate;return this._elOptionsToUpdate=null,t},e.type="graphic",e.defaultOption={elements:[]},e}(Rp),zE={path:null,compoundPath:null,group:zr,image:ks,text:Fs},VE=Oo(),BE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this._elMap=yt()},e.prototype.render=function(t,e,n){t!==this._lastGraphicModel&&this._clear(),this._lastGraphicModel=t,this._updateElements(t),this._relocate(t,n)},e.prototype._updateElements=function(t){var e=t.useElOptionsToUpdate();if(e){var n=this._elMap,i=this.group,r=t.get("z"),o=t.get("zlevel");E(e,(function(e){var a=Ao(e.id,null),s=null!=a?n.get(a):null,l=Ao(e.parentId,null),u=null!=l?n.get(l):i,h=e.type,c=e.style;"text"===h&&c&&e.hv&&e.hv[1]&&(c.textVerticalAlign=c.textBaseline=c.verticalAlign=c.align=null);var p=e.textContent,d=e.textConfig;if(c&&ZO(c,h,!!d,!!p)){var f=jO(c,h,!0);!d&&f.textConfig&&(d=e.textConfig=f.textConfig),!p&&f.textContent&&(p=f.textContent)}var g=function(t){return t=A({},t),E(["id","parentId","$action","hv","bounding","textContent","clipPath"].concat(Sp),(function(e){delete t[e]})),t}(e);var y=e.$action||"merge",v="merge"===y,m="replace"===y;if(v){var x=s;(T=!s)?x=GE(a,u,e.type,n):(x&&(VE(x).isNew=!1),gR(x)),x&&(iR(x,g,t,{isInit:T}),HE(x,e,r,o))}else if(m){WE(s,e,n,t);var _=GE(a,u,e.type,n);_&&(iR(_,g,t,{isInit:!0}),HE(_,e,r,o))}else"remove"===y&&(rR(s,e),WE(s,e,n,t));var b=n.get(a);if(b&&p)if(v){var w=b.getTextContent();w?w.attr(p):b.setTextContent(new Fs(p))}else m&&b.setTextContent(new Fs(p));if(b){var S=e.clipPath;if(S){var M=S.type,I=void 0,T=!1;if(v){var C=b.getClipPath();I=(T=!C||VE(C).type!==M)?FE(M):C}else m&&(T=!0,I=FE(M));b.setClipPath(I),iR(I,S,t,{isInit:T}),yR(I,S.keyframeAnimation,t)}var D=VE(b);b.setTextConfig(d),D.option=e,function(t,e,n){var i=Qs(t).eventData;t.silent||t.ignore||i||(i=Qs(t).eventData={componentType:"graphic",componentIndex:e.componentIndex,name:t.name});i&&(i.info=n.info)}(b,t,e),Zh({el:b,componentModel:t,itemName:b.name,itemTooltipOption:e.tooltip}),yR(b,e.keyframeAnimation,t)}}))}},e.prototype._relocate=function(t,e){for(var n=t.option.elements,i=this.group,r=this._elMap,o=e.getWidth(),a=e.getHeight(),s=["x","y"],l=0;l<n.length;l++){if((f=null!=(d=Ao((p=n[l]).id,null))?r.get(d):null)&&f.isGroup){var u=(g=f.parent)===i,h=VE(f),c=VE(g);h.width=Ur(h.option.width,u?o:c.width)||0,h.height=Ur(h.option.height,u?a:c.height)||0}}for(l=n.length-1;l>=0;l--){var p,d,f;if(f=null!=(d=Ao((p=n[l]).id,null))?r.get(d):null){var g=f.parent,y=(c=VE(g),{}),v=Dp(f,p,g===i?{width:o,height:a}:{width:c.width,height:c.height},null,{hv:p.hv,boundingMode:p.bounding},y);if(!VE(f).isNew&&v){for(var m=p.transition,x={},_=0;_<s.length;_++){var b=s[_],w=y[b];m&&(aR(m)||P(m,b)>=0)?x[b]=w:f[b]=w}fh(f,x,t,0)}else f.attr(y)}}},e.prototype._clear=function(){var t=this,e=this._elMap;e.each((function(n){WE(n,VE(n).option,e,t._lastGraphicModel)})),this._elMap=yt()},e.prototype.dispose=function(){this._clear()},e.type="graphic",e}(Tg);function FE(t){var e=_t(zE,t)?zE[t]:Dh(t);var n=new e({});return VE(n).type=t,n}function GE(t,e,n,i){var r=FE(n);return e.add(r),i.set(t,r),VE(r).id=t,VE(r).isNew=!0,r}function WE(t,e,n,i){t&&t.parent&&("group"===t.type&&t.traverse((function(t){WE(t,e,n,i)})),oR(t,e,i),n.removeKey(VE(t).id))}function HE(t,e,n,i){t.isGroup||E([["cursor",Sa.prototype.cursor],["zlevel",i||0],["z",n||0],["z2",0]],(function(n){var i=n[0];_t(e,i)?t[i]=rt(e[i],n[1]):null==t[i]&&(t[i]=n[1])})),E(G(e),(function(n){if(0===n.indexOf("on")){var i=e[n];t[n]=X(i)?i:null}})),_t(e,"draggable")&&(t.draggable=e.draggable),null!=e.name&&(t.name=e.name),null!=e.id&&(t.id=e.id)}var YE=["x","y","radius","angle","single"],XE=["cartesian2d","polar","singleAxis"];function UE(t){return t+"Axis"}function ZE(t,e){var n,i=yt(),r=[],o=yt();t.eachComponent({mainType:"dataZoom",query:e},(function(t){o.get(t.uid)||s(t)}));do{n=!1,t.eachComponent("dataZoom",a)}while(n);function a(t){!o.get(t.uid)&&function(t){var e=!1;return t.eachTargetAxis((function(t,n){var r=i.get(t);r&&r[n]&&(e=!0)})),e}(t)&&(s(t),n=!0)}function s(t){o.set(t.uid,!0),r.push(t),t.eachTargetAxis((function(t,e){(i.get(t)||i.set(t,[]))[e]=!0}))}return r}function jE(t){var e=t.ecModel,n={infoList:[],infoMap:yt()};return t.eachTargetAxis((function(t,i){var r=e.getComponent(UE(t),i);if(r){var o=r.getCoordSysModel();if(o){var a=o.uid,s=n.infoMap.get(a);s||(s={model:o,axisModels:[]},n.infoList.push(s),n.infoMap.set(a,s)),s.axisModels.push(r)}}})),n}var qE=function(){function t(){this.indexList=[],this.indexMap=[]}return t.prototype.add=function(t){this.indexMap[t]||(this.indexList.push(t),this.indexMap[t]=!0)},t}(),KE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._autoThrottle=!0,n._noTarget=!0,n._rangePropMode=["percent","percent"],n}return n(e,t),e.prototype.init=function(t,e,n){var i=$E(t);this.settledOption=i,this.mergeDefaultAndTheme(t,n),this._doInit(i)},e.prototype.mergeOption=function(t){var e=$E(t);C(this.option,t,!0),C(this.settledOption,e,!0),this._doInit(e)},e.prototype._doInit=function(t){var e=this.option;this._setDefaultThrottle(t),this._updateRangeUse(t);var n=this.settledOption;E([["start","startValue"],["end","endValue"]],(function(t,i){"value"===this._rangePropMode[i]&&(e[t[0]]=n[t[0]]=null)}),this),this._resetTarget()},e.prototype._resetTarget=function(){var t=this.get("orient",!0),e=this._targetAxisInfoMap=yt();this._fillSpecifiedTargetAxis(e)?this._orient=t||this._makeAutoOrientByTargetAxis():(this._orient=t||"horizontal",this._fillAutoTargetAxisByOrient(e,this._orient)),this._noTarget=!0,e.each((function(t){t.indexList.length&&(this._noTarget=!1)}),this)},e.prototype._fillSpecifiedTargetAxis=function(t){var e=!1;return E(YE,(function(n){var i=this.getReferringComponents(UE(n),Vo);if(i.specified){e=!0;var r=new qE;E(i.models,(function(t){r.add(t.componentIndex)})),t.set(n,r)}}),this),e},e.prototype._fillAutoTargetAxisByOrient=function(t,e){var n=this.ecModel,i=!0;if(i){var r="vertical"===e?"y":"x";o(n.findComponents({mainType:r+"Axis"}),r)}i&&o(n.findComponents({mainType:"singleAxis",filter:function(t){return t.get("orient",!0)===e}}),"single");function o(e,n){var r=e[0];if(r){var o=new qE;if(o.add(r.componentIndex),t.set(n,o),i=!1,"x"===n||"y"===n){var a=r.getReferringComponents("grid",zo).models[0];a&&E(e,(function(t){r.componentIndex!==t.componentIndex&&a===t.getReferringComponents("grid",zo).models[0]&&o.add(t.componentIndex)}))}}}i&&E(YE,(function(e){if(i){var r=n.findComponents({mainType:UE(e),filter:function(t){return"category"===t.get("type",!0)}});if(r[0]){var o=new qE;o.add(r[0].componentIndex),t.set(e,o),i=!1}}}),this)},e.prototype._makeAutoOrientByTargetAxis=function(){var t;return this.eachTargetAxis((function(e){!t&&(t=e)}),this),"y"===t?"vertical":"horizontal"},e.prototype._setDefaultThrottle=function(t){if(t.hasOwnProperty("throttle")&&(this._autoThrottle=!1),this._autoThrottle){var e=this.ecModel.option;this.option.throttle=e.animation&&e.animationDurationUpdate>0?100:20}},e.prototype._updateRangeUse=function(t){var e=this._rangePropMode,n=this.get("rangeMode");E([["start","startValue"],["end","endValue"]],(function(i,r){var o=null!=t[i[0]],a=null!=t[i[1]];o&&!a?e[r]="percent":!o&&a?e[r]="value":n?e[r]=n[r]:o&&(e[r]="percent")}))},e.prototype.noTarget=function(){return this._noTarget},e.prototype.getFirstTargetAxisModel=function(){var t;return this.eachTargetAxis((function(e,n){null==t&&(t=this.ecModel.getComponent(UE(e),n))}),this),t},e.prototype.eachTargetAxis=function(t,e){this._targetAxisInfoMap.each((function(n,i){E(n.indexList,(function(n){t.call(e,i,n)}))}))},e.prototype.getAxisProxy=function(t,e){var n=this.getAxisModel(t,e);if(n)return n.__dzAxisProxy},e.prototype.getAxisModel=function(t,e){var n=this._targetAxisInfoMap.get(t);if(n&&n.indexMap[e])return this.ecModel.getComponent(UE(t),e)},e.prototype.setRawRange=function(t){var e=this.option,n=this.settledOption;E([["start","startValue"],["end","endValue"]],(function(i){null==t[i[0]]&&null==t[i[1]]||(e[i[0]]=n[i[0]]=t[i[0]],e[i[1]]=n[i[1]]=t[i[1]])}),this),this._updateRangeUse(t)},e.prototype.setCalculatedRange=function(t){var e=this.option;E(["start","startValue","end","endValue"],(function(n){e[n]=t[n]}))},e.prototype.getPercentRange=function(){var t=this.findRepresentativeAxisProxy();if(t)return t.getDataPercentWindow()},e.prototype.getValueRange=function(t,e){if(null!=t||null!=e)return this.getAxisProxy(t,e).getDataValueWindow();var n=this.findRepresentativeAxisProxy();return n?n.getDataValueWindow():void 0},e.prototype.findRepresentativeAxisProxy=function(t){if(t)return t.__dzAxisProxy;for(var e,n=this._targetAxisInfoMap.keys(),i=0;i<n.length;i++)for(var r=n[i],o=this._targetAxisInfoMap.get(r),a=0;a<o.indexList.length;a++){var s=this.getAxisProxy(r,o.indexList[a]);if(s.hostedBy(this))return s;e||(e=s)}return e},e.prototype.getRangePropMode=function(){return this._rangePropMode.slice()},e.prototype.getOrient=function(){return this._orient},e.type="dataZoom",e.dependencies=["xAxis","yAxis","radiusAxis","angleAxis","singleAxis","series","toolbox"],e.defaultOption={z:4,filterMode:"filter",start:0,end:100},e}(Rp);function $E(t){var e={};return E(["start","end","startValue","endValue","throttle"],(function(n){t.hasOwnProperty(n)&&(e[n]=t[n])})),e}var JE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(KE),QE=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n,i){this.dataZoomModel=t,this.ecModel=e,this.api=n},e.type="dataZoom",e}(Tg),tz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.select",e}(QE),ez=E,nz=jr,iz=function(){function t(t,e,n,i){this._dimName=t,this._axisIndex=e,this.ecModel=i,this._dataZoomModel=n}return t.prototype.hostedBy=function(t){return this._dataZoomModel===t},t.prototype.getDataValueWindow=function(){return this._valueWindow.slice()},t.prototype.getDataPercentWindow=function(){return this._percentWindow.slice()},t.prototype.getTargetSeriesModels=function(){var t=[];return this.ecModel.eachSeries((function(e){if(function(t){var e=t.get("coordinateSystem");return P(XE,e)>=0}(e)){var n=UE(this._dimName),i=e.getReferringComponents(n,zo).models[0];i&&this._axisIndex===i.componentIndex&&t.push(e)}}),this),t},t.prototype.getAxisModel=function(){return this.ecModel.getComponent(this._dimName+"Axis",this._axisIndex)},t.prototype.getMinMaxSpan=function(){return T(this._minMaxSpan)},t.prototype.calculateDataWindow=function(t){var e,n=this._dataExtent,i=this.getAxisModel().axis.scale,r=this._dataZoomModel.getRangePropMode(),o=[0,100],a=[],s=[];ez(["start","end"],(function(l,u){var h=t[l],c=t[l+"Value"];"percent"===r[u]?(null==h&&(h=o[u]),c=i.parse(Xr(h,o,n))):(e=!0,h=Xr(c=null==c?n[u]:i.parse(c),n,o)),s[u]=null==c||isNaN(c)?n[u]:c,a[u]=null==h||isNaN(h)?o[u]:h})),nz(s),nz(a);var l=this._minMaxSpan;function u(t,e,n,r,o){var a=o?"Span":"ValueSpan";Ck(0,t,n,"all",l["min"+a],l["max"+a]);for(var s=0;s<2;s++)e[s]=Xr(t[s],n,r,!0),o&&(e[s]=i.parse(e[s]))}return e?u(s,a,n,o,!1):u(a,s,o,n,!0),{valueWindow:s,percentWindow:a}},t.prototype.reset=function(t){if(t===this._dataZoomModel){var e=this.getTargetSeriesModels();this._dataExtent=function(t,e,n){var i=[1/0,-1/0];ez(n,(function(t){!function(t,e,n){e&&E(M_(e,n),(function(n){var i=e.getApproximateExtent(n);i[0]<t[0]&&(t[0]=i[0]),i[1]>t[1]&&(t[1]=i[1])}))}(i,t.getData(),e)}));var r=t.getAxisModel(),o=f_(r.axis.scale,r,i).calculate();return[o.min,o.max]}(this,this._dimName,e),this._updateMinMaxSpan();var n=this.calculateDataWindow(t.settledOption);this._valueWindow=n.valueWindow,this._percentWindow=n.percentWindow,this._setAxisModel()}},t.prototype.filterData=function(t,e){if(t===this._dataZoomModel){var n=this._dimName,i=this.getTargetSeriesModels(),r=t.get("filterMode"),o=this._valueWindow;"none"!==r&&ez(i,(function(t){var e=t.getData(),i=e.mapDimensionsAll(n);if(i.length){if("weakFilter"===r){var a=e.getStore(),s=z(i,(function(t){return e.getDimensionIndex(t)}),e);e.filterSelf((function(t){for(var e,n,r,l=0;l<i.length;l++){var u=a.get(s[l],t),h=!isNaN(u),c=u<o[0],p=u>o[1];if(h&&!c&&!p)return!0;h&&(r=!0),c&&(e=!0),p&&(n=!0)}return r&&e&&n}))}else ez(i,(function(n){if("empty"===r)t.setData(e=e.map(n,(function(t){return function(t){return t>=o[0]&&t<=o[1]}(t)?t:NaN})));else{var i={};i[n]=o,e.selectRange(i)}}));ez(i,(function(t){e.setApproximateExtent(o,t)}))}}))}},t.prototype._updateMinMaxSpan=function(){var t=this._minMaxSpan={},e=this._dataZoomModel,n=this._dataExtent;ez(["min","max"],(function(i){var r=e.get(i+"Span"),o=e.get(i+"ValueSpan");null!=o&&(o=this.getAxisModel().axis.scale.parse(o)),null!=o?r=Xr(n[0]+o,n,[0,100],!0):null!=r&&(o=Xr(r,[0,100],n,!0)-n[0]),t[i+"Span"]=r,t[i+"ValueSpan"]=o}),this)},t.prototype._setAxisModel=function(){var t=this.getAxisModel(),e=this._percentWindow,n=this._valueWindow;if(e){var i=$r(n,[0,500]);i=Math.min(i,20);var r=t.axis.scale.rawExtentInfo;0!==e[0]&&r.setDeterminedMinMax("min",+n[0].toFixed(i)),100!==e[1]&&r.setDeterminedMinMax("max",+n[1].toFixed(i)),r.freeze()}},t}();var rz={getTargetSeries:function(t){function e(e){t.eachComponent("dataZoom",(function(n){n.eachTargetAxis((function(i,r){var o=t.getComponent(UE(i),r);e(i,r,o,n)}))}))}e((function(t,e,n,i){n.__dzAxisProxy=null}));var n=[];e((function(e,i,r,o){r.__dzAxisProxy||(r.__dzAxisProxy=new iz(e,i,o,t),n.push(r.__dzAxisProxy))}));var i=yt();return E(n,(function(t){E(t.getTargetSeriesModels(),(function(t){i.set(t.uid,t)}))})),i},overallReset:function(t,e){t.eachComponent("dataZoom",(function(t){t.eachTargetAxis((function(e,n){t.getAxisProxy(e,n).reset(t)})),t.eachTargetAxis((function(n,i){t.getAxisProxy(n,i).filterData(t,e)}))})),t.eachComponent("dataZoom",(function(t){var e=t.findRepresentativeAxisProxy();if(e){var n=e.getDataPercentWindow(),i=e.getDataValueWindow();t.setCalculatedRange({start:n[0],end:n[1],startValue:i[0],endValue:i[1]})}}))}};var oz=!1;function az(t){oz||(oz=!0,t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,rz),function(t){t.registerAction("dataZoom",(function(t,e){E(ZE(e,t),(function(e){e.setRawRange({start:t.start,end:t.end,startValue:t.startValue,endValue:t.endValue})}))}))}(t),t.registerSubTypeDefaulter("dataZoom",(function(){return"slider"})))}function sz(t){t.registerComponentModel(JE),t.registerComponentView(tz),az(t)}var lz=function(){},uz={};function hz(t,e){uz[t]=e}function cz(t){return uz[t]}var pz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(){t.prototype.optionUpdated.apply(this,arguments);var e=this.ecModel;E(this.option.feature,(function(t,n){var i=cz(n);i&&(i.getDefaultOption&&(i.defaultOption=i.getDefaultOption(e)),C(t,i.defaultOption))}))},e.type="toolbox",e.layoutMode={type:"box",ignoreSize:!0},e.defaultOption={show:!0,z:6,orient:"horizontal",left:"right",top:"top",backgroundColor:"transparent",borderColor:"#ccc",borderRadius:0,borderWidth:0,padding:5,itemSize:15,itemGap:8,showTitle:!0,iconStyle:{borderColor:"#666",color:"none"},emphasis:{iconStyle:{borderColor:"#3E98C5"}},tooltip:{show:!1,position:"bottom"}},e}(Rp);function dz(t,e){var n=fp(e.get("padding")),i=e.getItemStyle(["color","opacity"]);return i.fill=e.get("backgroundColor"),t=new zs({shape:{x:t.x-n[3],y:t.y-n[0],width:t.width+n[1]+n[3],height:t.height+n[0]+n[2],r:e.get("borderRadius")},style:i,silent:!0,z2:-1})}var fz=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){var r=this.group;if(r.removeAll(),t.get("show")){var o=+t.get("itemSize"),a="vertical"===t.get("orient"),s=t.get("feature")||{},l=this._features||(this._features={}),u=[];E(s,(function(t,e){u.push(e)})),new Vm(this._featureNames||[],u).add(h).update(h).remove(H(h,null)).execute(),this._featureNames=u,function(t,e,n){var i=e.getBoxLayoutParams(),r=e.get("padding"),o={width:n.getWidth(),height:n.getHeight()},a=Cp(i,o,r);Tp(e.get("orient"),t,e.get("itemGap"),a.width,a.height),Dp(t,i,o,r)}(r,t,n),r.add(dz(r.getBoundingRect(),t)),a||r.eachChild((function(t){var e=t.__title,i=t.ensureState("emphasis"),a=i.textConfig||(i.textConfig={}),s=t.getTextContent(),l=s&&s.ensureState("emphasis");if(l&&!X(l)&&e){var u=l.style||(l.style={}),h=br(e,Fs.makeFont(u)),c=t.x+r.x,p=!1;t.y+r.y+o+h.height>n.getHeight()&&(a.position="top",p=!0);var d=p?-5-h.height:o+10;c+h.width/2>n.getWidth()?(a.position=["100%",d],u.align="right"):c-h.width/2<0&&(a.position=[0,d],u.align="left")}}))}function h(h,c){var p,d=u[h],f=u[c],g=s[d],y=new Mc(g,t,t.ecModel);if(i&&null!=i.newTitle&&i.featureName===d&&(g.title=i.newTitle),d&&!f){if(function(t){return 0===t.indexOf("my")}(d))p={onclick:y.option.onclick,featureName:d};else{var v=cz(d);if(!v)return;p=new v}l[d]=p}else if(!(p=l[f]))return;p.uid=Tc("toolbox-feature"),p.model=y,p.ecModel=e,p.api=n;var m=p instanceof lz;d||!f?!y.get("show")||m&&p.unusable?m&&p.remove&&p.remove(e,n):(!function(i,s,l){var u,h,c=i.getModel("iconStyle"),p=i.getModel(["emphasis","iconStyle"]),d=s instanceof lz&&s.getIcons?s.getIcons():i.get("icon"),f=i.get("title")||{};U(d)?(u={})[l]=d:u=d;U(f)?(h={})[l]=f:h=f;var g=i.iconPaths={};E(u,(function(l,u){var d=Hh(l,{},{x:-o/2,y:-o/2,width:o,height:o});d.setStyle(c.getItemStyle()),d.ensureState("emphasis").style=p.getItemStyle();var f=new Fs({style:{text:h[u],align:p.get("textAlign"),borderRadius:p.get("textBorderRadius"),padding:p.get("textPadding"),fill:null},ignore:!0});d.setTextContent(f),Zh({el:d,componentModel:t,itemName:u,formatterParamsExtra:{title:h[u]}}),d.__title=h[u],d.on("mouseover",(function(){var e=p.getItemStyle(),i=a?null==t.get("right")&&"right"!==t.get("left")?"right":"left":null==t.get("bottom")&&"bottom"!==t.get("top")?"bottom":"top";f.setStyle({fill:p.get("textFill")||e.fill||e.stroke||"#000",backgroundColor:p.get("textBackgroundColor")}),d.setTextConfig({position:p.get("textPosition")||i}),f.ignore=!t.get("showTitle"),n.enterEmphasis(this)})).on("mouseout",(function(){"emphasis"!==i.get(["iconStatus",u])&&n.leaveEmphasis(this),f.hide()})),("emphasis"===i.get(["iconStatus",u])?kl:Ll)(d),r.add(d),d.on("click",W(s.onclick,s,e,n,u)),g[u]=d}))}(y,p,d),y.setIconStatus=function(t,e){var n=this.option,i=this.iconPaths;n.iconStatus=n.iconStatus||{},n.iconStatus[t]=e,i[t]&&("emphasis"===e?kl:Ll)(i[t])},p instanceof lz&&p.render&&p.render(y,e,n,i)):m&&p.dispose&&p.dispose(e,n)}},e.prototype.updateView=function(t,e,n,i){E(this._features,(function(t){t instanceof lz&&t.updateView&&t.updateView(t.model,e,n,i)}))},e.prototype.remove=function(t,e){E(this._features,(function(n){n instanceof lz&&n.remove&&n.remove(t,e)})),this.group.removeAll()},e.prototype.dispose=function(t,e){E(this._features,(function(n){n instanceof lz&&n.dispose&&n.dispose(t,e)}))},e.type="toolbox",e}(Tg);var gz=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){var n=this.model,i=n.get("name")||t.get("title.0.text")||"echarts",o="svg"===e.getZr().painter.getType(),a=o?"svg":n.get("type",!0)||"png",s=e.getConnectedDataURL({type:a,backgroundColor:n.get("backgroundColor",!0)||t.get("backgroundColor")||"#fff",connectedBackgroundColor:n.get("connectedBackgroundColor"),excludeComponents:n.get("excludeComponents"),pixelRatio:n.get("pixelRatio")}),l=r.browser;if(X(MouseEvent)&&(l.newEdge||!l.ie&&!l.edge)){var u=document.createElement("a");u.download=i+"."+a,u.target="_blank",u.href=s;var h=new MouseEvent("click",{view:document.defaultView,bubbles:!0,cancelable:!1});u.dispatchEvent(h)}else if(window.navigator.msSaveOrOpenBlob||o){var c=s.split(","),p=c[0].indexOf("base64")>-1,d=o?decodeURIComponent(c[1]):c[1];p&&(d=window.atob(d));var f=i+"."+a;if(window.navigator.msSaveOrOpenBlob){for(var g=d.length,y=new Uint8Array(g);g--;)y[g]=d.charCodeAt(g);var v=new Blob([y]);window.navigator.msSaveOrOpenBlob(v,f)}else{var m=document.createElement("iframe");document.body.appendChild(m);var x=m.contentWindow,_=x.document;_.open("image/svg+xml","replace"),_.write(d),_.close(),x.focus(),_.execCommand("SaveAs",!0,f),document.body.removeChild(m)}}else{var b=n.get("lang"),w='<body style="margin:0;"><img src="'+s+'" style="max-width:100%;" title="'+(b&&b[0]||"")+'" /></body>',S=window.open();S.document.write(w),S.document.title=i}},e.getDefaultOption=function(t){return{show:!0,icon:"M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0",title:t.getLocaleModel().get(["toolbox","saveAsImage","title"]),type:"png",connectedBackgroundColor:"#fff",name:"",excludeComponents:["toolbox"],lang:t.getLocaleModel().get(["toolbox","saveAsImage","lang"])}},e}(lz),yz="__ec_magicType_stack__",vz=[["line","bar"],["stack"]],mz=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.getIcons=function(){var t=this.model,e=t.get("icon"),n={};return E(t.get("type"),(function(t){e[t]&&(n[t]=e[t])})),n},e.getDefaultOption=function(t){return{show:!0,type:[],icon:{line:"M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4",bar:"M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7",stack:"M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z"},title:t.getLocaleModel().get(["toolbox","magicType","title"]),option:{},seriesIndex:{}}},e.prototype.onclick=function(t,e,n){var i=this.model,r=i.get(["seriesIndex",n]);if(xz[n]){var o,a={series:[]};E(vz,(function(t){P(t,n)>=0&&E(t,(function(t){i.setIconStatus(t,"normal")}))})),i.setIconStatus(n,"emphasis"),t.eachComponent({mainType:"series",query:null==r?null:{seriesIndex:r}},(function(t){var e=t.subType,r=t.id,o=xz[n](e,r,t,i);o&&(k(o,t.option),a.series.push(o));var s=t.coordinateSystem;if(s&&"cartesian2d"===s.type&&("line"===n||"bar"===n)){var l=s.getAxesByScale("ordinal")[0];if(l){var u=l.dim+"Axis",h=t.getReferringComponents(u,zo).models[0].componentIndex;a[u]=a[u]||[];for(var c=0;c<=h;c++)a[u][h]=a[u][h]||{};a[u][h].boundaryGap="bar"===n}}}));var s=n;"stack"===n&&(o=C({stack:i.option.title.tiled,tiled:i.option.title.stack},i.option.title),"emphasis"!==i.get(["iconStatus",n])&&(s="tiled")),e.dispatchAction({type:"changeMagicType",currentType:s,newOption:a,newTitle:o,featureName:"magicType"})}},e}(lz),xz={line:function(t,e,n,i){if("bar"===t)return C({id:e,type:"line",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","line"])||{},!0)},bar:function(t,e,n,i){if("line"===t)return C({id:e,type:"bar",data:n.get("data"),stack:n.get("stack"),markPoint:n.get("markPoint"),markLine:n.get("markLine")},i.get(["option","bar"])||{},!0)},stack:function(t,e,n,i){var r=n.get("stack")===yz;if("line"===t||"bar"===t)return i.setIconStatus("stack",r?"normal":"emphasis"),C({id:e,stack:r?"":yz},i.get(["option","stack"])||{},!0)}};Mm({type:"changeMagicType",event:"magicTypeChanged",update:"prepareAndUpdate"},(function(t,e){e.mergeOption(t.newOption)}));var _z=new Array(60).join("-"),bz="\t";function wz(t){return t.replace(/^\s\s*/,"").replace(/\s\s*$/,"")}var Sz=new RegExp("[\t]+","g");function Mz(t,e){var n=t.split(new RegExp("\n*"+_z+"\n*","g")),i={series:[]};return E(n,(function(t,n){if(function(t){if(t.slice(0,t.indexOf("\n")).indexOf(bz)>=0)return!0}(t)){var r=function(t){for(var e=t.split(/\n+/g),n=[],i=z(wz(e.shift()).split(Sz),(function(t){return{name:t,data:[]}})),r=0;r<e.length;r++){var o=wz(e[r]).split(Sz);n.push(o.shift());for(var a=0;a<o.length;a++)i[a]&&(i[a].data[r]=o[a])}return{series:i,categories:n}}(t),o=e[n],a=o.axisDim+"Axis";o&&(i[a]=i[a]||[],i[a][o.axisIndex]={data:r.categories},i.series=i.series.concat(r.series))}else{r=function(t){for(var e=t.split(/\n+/g),n=wz(e.shift()),i=[],r=0;r<e.length;r++){var o=wz(e[r]);if(o){var a=o.split(Sz),s="",l=void 0,u=!1;isNaN(a[0])?(u=!0,s=a[0],a=a.slice(1),i[r]={name:s,value:[]},l=i[r].value):l=i[r]=[];for(var h=0;h<a.length;h++)l.push(+a[h]);1===l.length&&(u?i[r].value=l[0]:i[r]=l[0])}}return{name:n,data:i}}(t);i.series.push(r)}})),i}var Iz=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){setTimeout((function(){e.dispatchAction({type:"hideTip"})}));var n=e.getDom(),i=this.model;this._dom&&n.removeChild(this._dom);var r=document.createElement("div");r.style.cssText="position:absolute;top:0;bottom:0;left:0;right:0;padding:5px",r.style.backgroundColor=i.get("backgroundColor")||"#fff";var o=document.createElement("h4"),a=i.get("lang")||[];o.innerHTML=a[0]||i.get("title"),o.style.cssText="margin:10px 20px",o.style.color=i.get("textColor");var s=document.createElement("div"),l=document.createElement("textarea");s.style.cssText="overflow:auto";var u=i.get("optionToContent"),h=i.get("contentToOption"),c=function(t){var e,n,i,r=function(t){var e={},n=[],i=[];return t.eachRawSeries((function(t){var r=t.coordinateSystem;if(!r||"cartesian2d"!==r.type&&"polar"!==r.type)n.push(t);else{var o=r.getBaseAxis();if("category"===o.type){var a=o.dim+"_"+o.index;e[a]||(e[a]={categoryAxis:o,valueAxis:r.getOtherAxis(o),series:[]},i.push({axisDim:o.dim,axisIndex:o.index})),e[a].series.push(t)}else n.push(t)}})),{seriesGroupByCategoryAxis:e,other:n,meta:i}}(t);return{value:B([(n=r.seriesGroupByCategoryAxis,i=[],E(n,(function(t,e){var n=t.categoryAxis,r=t.valueAxis.dim,o=[" "].concat(z(t.series,(function(t){return t.name}))),a=[n.model.getCategories()];E(t.series,(function(t){var e=t.getRawData();a.push(t.getRawData().mapArray(e.mapDimension(r),(function(t){return t})))}));for(var s=[o.join(bz)],l=0;l<a[0].length;l++){for(var u=[],h=0;h<a.length;h++)u.push(a[h][l]);s.push(u.join(bz))}i.push(s.join("\n"))})),i.join("\n\n"+_z+"\n\n")),(e=r.other,z(e,(function(t){var e=t.getRawData(),n=[t.name],i=[];return e.each(e.dimensions,(function(){for(var t=arguments.length,r=arguments[t-1],o=e.getName(r),a=0;a<t-1;a++)i[a]=arguments[a];n.push((o?o+bz:"")+i.join(bz))})),n.join("\n")})).join("\n\n"+_z+"\n\n"))],(function(t){return!!t.replace(/[\n\t\s]/g,"")})).join("\n\n"+_z+"\n\n"),meta:r.meta}}(t);if(X(u)){var p=u(e.getOption());U(p)?s.innerHTML=p:J(p)&&s.appendChild(p)}else{l.readOnly=i.get("readOnly");var d=l.style;d.cssText="display:block;width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;resize:none;box-sizing:border-box;outline:none",d.color=i.get("textColor"),d.borderColor=i.get("textareaBorderColor"),d.backgroundColor=i.get("textareaColor"),l.value=c.value,s.appendChild(l)}var f=c.meta,g=document.createElement("div");g.style.cssText="position:absolute;bottom:5px;left:0;right:0";var y="float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px",v=document.createElement("div"),m=document.createElement("div");y+=";background-color:"+i.get("buttonColor"),y+=";color:"+i.get("buttonTextColor");var x=this;function _(){n.removeChild(r),x._dom=null}pe(v,"click",_),pe(m,"click",(function(){if(null==h&&null!=u||null!=h&&null==u)_();else{var t;try{t=X(h)?h(s,e.getOption()):Mz(l.value,f)}catch(t){throw _(),new Error("Data view format error "+t)}t&&e.dispatchAction({type:"changeDataView",newOption:t}),_()}})),v.innerHTML=a[1],m.innerHTML=a[2],m.style.cssText=v.style.cssText=y,!i.get("readOnly")&&g.appendChild(m),g.appendChild(v),r.appendChild(o),r.appendChild(s),r.appendChild(g),s.style.height=n.clientHeight-80+"px",n.appendChild(r),this._dom=r},e.prototype.remove=function(t,e){this._dom&&e.getDom().removeChild(this._dom)},e.prototype.dispose=function(t,e){this.remove(t,e)},e.getDefaultOption=function(t){return{show:!0,readOnly:!1,optionToContent:null,contentToOption:null,icon:"M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28",title:t.getLocaleModel().get(["toolbox","dataView","title"]),lang:t.getLocaleModel().get(["toolbox","dataView","lang"]),backgroundColor:"#fff",textColor:"#000",textareaColor:"#fff",textareaBorderColor:"#333",buttonColor:"#c23531",buttonTextColor:"#fff"}},e}(lz);function Tz(t,e){return z(t,(function(t,n){var i=e&&e[n];if(q(i)&&!Y(i)){q(t)&&!Y(t)||(t={value:t});var r=null!=i.name&&null==t.name;return t=k(t,i),r&&delete t.name,t}return t}))}Mm({type:"changeDataView",event:"dataViewChanged",update:"prepareAndUpdate"},(function(t,e){var n=[];E(t.newOption.series,(function(t){var i=e.getSeriesByName(t.name)[0];if(i){var r=i.get("data");n.push({name:t.name,data:Tz(t.data,r)})}else n.push(A({type:"scatter"},t))})),e.mergeOption(k({series:n},t.newOption))}));var Cz=E,Dz=Oo();function Az(t){var e=Dz(t);return e.snapshots||(e.snapshots=[{}]),e.snapshots}var kz=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.onclick=function(t,e){!function(t){Dz(t).snapshots=null}(t),e.dispatchAction({type:"restore",from:this.uid})},e.getDefaultOption=function(t){return{show:!0,icon:"M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5",title:t.getLocaleModel().get(["toolbox","restore","title"])}},e}(lz);Mm({type:"restore",event:"restore",update:"prepareAndUpdate"},(function(t,e){e.resetOption("recreate")}));var Lz=["grid","xAxis","yAxis","geo","graph","polar","radiusAxis","angleAxis","bmap"],Pz=function(){function t(t,e,n){var i=this;this._targetInfoList=[];var r=Rz(e,t);E(Nz,(function(t,e){(!n||!n.include||P(n.include,e)>=0)&&t(r,i._targetInfoList)}))}return t.prototype.setOutputRanges=function(t,e){return this.matchOutputRanges(t,e,(function(t,e,n){if((t.coordRanges||(t.coordRanges=[])).push(e),!t.coordRange){t.coordRange=e;var i=Vz[t.brushType](0,n,e);t.__rangeOffset={offset:Fz[t.brushType](i.values,t.range,[1,1]),xyMinMax:i.xyMinMax}}})),t},t.prototype.matchOutputRanges=function(t,e,n){E(t,(function(t){var i=this.findTargetInfo(t,e);i&&!0!==i&&E(i.coordSyses,(function(i){var r=Vz[t.brushType](1,i,t.range,!0);n(t,r.values,i,e)}))}),this)},t.prototype.setInputRanges=function(t,e){E(t,(function(t){var n,i,r,o,a,s=this.findTargetInfo(t,e);if(t.range=t.range||[],s&&!0!==s){t.panelId=s.panelId;var l=Vz[t.brushType](0,s.coordSys,t.coordRange),u=t.__rangeOffset;t.range=u?Fz[t.brushType](l.values,u.offset,(n=l.xyMinMax,i=u.xyMinMax,r=Wz(n),o=Wz(i),a=[r[0]/o[0],r[1]/o[1]],isNaN(a[0])&&(a[0]=1),isNaN(a[1])&&(a[1]=1),a)):l.values}}),this)},t.prototype.makePanelOpts=function(t,e){return z(this._targetInfoList,(function(n){var i=n.getPanelRect();return{panelId:n.panelId,defaultBrushType:e?e(n):null,clipPath:AL(i),isTargetByCursor:LL(i,t,n.coordSysModel),getLinearBrushOtherExtent:kL(i)}}))},t.prototype.controlSeries=function(t,e,n){var i=this.findTargetInfo(t,n);return!0===i||i&&P(i.coordSyses,e.coordinateSystem)>=0},t.prototype.findTargetInfo=function(t,e){for(var n=this._targetInfoList,i=Rz(e,t),r=0;r<n.length;r++){var o=n[r],a=t.panelId;if(a){if(o.panelId===a)return o}else for(var s=0;s<Ez.length;s++)if(Ez[s](i,o))return o}return!0},t}();function Oz(t){return t[0]>t[1]&&t.reverse(),t}function Rz(t,e){return No(t,e,{includeMainTypes:Lz})}var Nz={grid:function(t,e){var n=t.xAxisModels,i=t.yAxisModels,r=t.gridModels,o=yt(),a={},s={};(n||i||r)&&(E(n,(function(t){var e=t.axis.grid.model;o.set(e.id,e),a[e.id]=!0})),E(i,(function(t){var e=t.axis.grid.model;o.set(e.id,e),s[e.id]=!0})),E(r,(function(t){o.set(t.id,t),a[t.id]=!0,s[t.id]=!0})),o.each((function(t){var r=t.coordinateSystem,o=[];E(r.getCartesians(),(function(t,e){(P(n,t.getAxis("x").model)>=0||P(i,t.getAxis("y").model)>=0)&&o.push(t)})),e.push({panelId:"grid--"+t.id,gridModel:t,coordSysModel:t,coordSys:o[0],coordSyses:o,getPanelRect:zz.grid,xAxisDeclared:a[t.id],yAxisDeclared:s[t.id]})})))},geo:function(t,e){E(t.geoModels,(function(t){var n=t.coordinateSystem;e.push({panelId:"geo--"+t.id,geoModel:t,coordSysModel:t,coordSys:n,coordSyses:[n],getPanelRect:zz.geo})}))}},Ez=[function(t,e){var n=t.xAxisModel,i=t.yAxisModel,r=t.gridModel;return!r&&n&&(r=n.axis.grid.model),!r&&i&&(r=i.axis.grid.model),r&&r===e.gridModel},function(t,e){var n=t.geoModel;return n&&n===e.geoModel}],zz={grid:function(){return this.coordSys.master.getRect().clone()},geo:function(){var t=this.coordSys,e=t.getBoundingRect().clone();return e.applyTransform(Eh(t)),e}},Vz={lineX:H(Bz,0),lineY:H(Bz,1),rect:function(t,e,n,i){var r=t?e.pointToData([n[0][0],n[1][0]],i):e.dataToPoint([n[0][0],n[1][0]],i),o=t?e.pointToData([n[0][1],n[1][1]],i):e.dataToPoint([n[0][1],n[1][1]],i),a=[Oz([r[0],o[0]]),Oz([r[1],o[1]])];return{values:a,xyMinMax:a}},polygon:function(t,e,n,i){var r=[[1/0,-1/0],[1/0,-1/0]];return{values:z(n,(function(n){var o=t?e.pointToData(n,i):e.dataToPoint(n,i);return r[0][0]=Math.min(r[0][0],o[0]),r[1][0]=Math.min(r[1][0],o[1]),r[0][1]=Math.max(r[0][1],o[0]),r[1][1]=Math.max(r[1][1],o[1]),o})),xyMinMax:r}}};function Bz(t,e,n,i){var r=n.getAxis(["x","y"][t]),o=Oz(z([0,1],(function(t){return e?r.coordToData(r.toLocalCoord(i[t]),!0):r.toGlobalCoord(r.dataToCoord(i[t]))}))),a=[];return a[t]=o,a[1-t]=[NaN,NaN],{values:o,xyMinMax:a}}var Fz={lineX:H(Gz,0),lineY:H(Gz,1),rect:function(t,e,n){return[[t[0][0]-n[0]*e[0][0],t[0][1]-n[0]*e[0][1]],[t[1][0]-n[1]*e[1][0],t[1][1]-n[1]*e[1][1]]]},polygon:function(t,e,n){return z(t,(function(t,i){return[t[0]-n[0]*e[i][0],t[1]-n[1]*e[i][1]]}))}};function Gz(t,e,n,i){return[e[0]-i[t]*n[0],e[1]-i[t]*n[1]]}function Wz(t){return t?[t[0][1]-t[0][0],t[1][1]-t[1][0]]:[NaN,NaN]}var Hz,Yz,Xz=E,Uz=_o+"toolbox-dataZoom_",Zz=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n,i){this._brushController||(this._brushController=new Jk(n.getZr()),this._brushController.on("brush",W(this._onBrush,this)).mount()),function(t,e,n,i,r){var o=n._isZoomActive;i&&"takeGlobalCursor"===i.type&&(o="dataZoomSelect"===i.key&&i.dataZoomSelectActive);n._isZoomActive=o,t.setIconStatus("zoom",o?"emphasis":"normal");var a=new Pz(qz(t),e,{include:["grid"]}),s=a.makePanelOpts(r,(function(t){return t.xAxisDeclared&&!t.yAxisDeclared?"lineX":!t.xAxisDeclared&&t.yAxisDeclared?"lineY":"rect"}));n._brushController.setPanels(s).enableBrush(!(!o||!s.length)&&{brushType:"auto",brushStyle:t.getModel("brushStyle").getItemStyle()})}(t,e,this,i,n),function(t,e){t.setIconStatus("back",function(t){return Az(t).length}(e)>1?"emphasis":"normal")}(t,e)},e.prototype.onclick=function(t,e,n){jz[n].call(this)},e.prototype.remove=function(t,e){this._brushController&&this._brushController.unmount()},e.prototype.dispose=function(t,e){this._brushController&&this._brushController.dispose()},e.prototype._onBrush=function(t){var e=t.areas;if(t.isEnd&&e.length){var n={},i=this.ecModel;this._brushController.updateCovers([]),new Pz(qz(this.model),i,{include:["grid"]}).matchOutputRanges(e,i,(function(t,e,n){if("cartesian2d"===n.type){var i=t.brushType;"rect"===i?(r("x",n,e[0]),r("y",n,e[1])):r({lineX:"x",lineY:"y"}[i],n,e)}})),function(t,e){var n=Az(t);Cz(e,(function(e,i){for(var r=n.length-1;r>=0&&!n[r][i];r--);if(r<0){var o=t.queryComponents({mainType:"dataZoom",subType:"select",id:i})[0];if(o){var a=o.getPercentRange();n[0][i]={dataZoomId:i,start:a[0],end:a[1]}}}})),n.push(e)}(i,n),this._dispatchZoomAction(n)}function r(t,e,r){var o=e.getAxis(t),a=o.model,s=function(t,e,n){var i;return n.eachComponent({mainType:"dataZoom",subType:"select"},(function(n){n.getAxisModel(t,e.componentIndex)&&(i=n)})),i}(t,a,i),l=s.findRepresentativeAxisProxy(a).getMinMaxSpan();null==l.minValueSpan&&null==l.maxValueSpan||(r=Ck(0,r.slice(),o.scale.getExtent(),0,l.minValueSpan,l.maxValueSpan)),s&&(n[s.id]={dataZoomId:s.id,startValue:r[0],endValue:r[1]})}},e.prototype._dispatchZoomAction=function(t){var e=[];Xz(t,(function(t,n){e.push(T(t))})),e.length&&this.api.dispatchAction({type:"dataZoom",from:this.uid,batch:e})},e.getDefaultOption=function(t){return{show:!0,filterMode:"filter",icon:{zoom:"M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",back:"M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"},title:t.getLocaleModel().get(["toolbox","dataZoom","title"]),brushStyle:{borderWidth:0,color:"rgba(210,219,238,0.2)"}}},e}(lz),jz={zoom:function(){var t=!this._isZoomActive;this.api.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:t})},back:function(){this._dispatchZoomAction(function(t){var e=Az(t),n=e[e.length-1];e.length>1&&e.pop();var i={};return Cz(n,(function(t,n){for(var r=e.length-1;r>=0;r--)if(t=e[r][n]){i[n]=t;break}})),i}(this.ecModel))}};function qz(t){var e={xAxisIndex:t.get("xAxisIndex",!0),yAxisIndex:t.get("yAxisIndex",!0),xAxisId:t.get("xAxisId",!0),yAxisId:t.get("yAxisId",!0)};return null==e.xAxisIndex&&null==e.xAxisId&&(e.xAxisIndex="all"),null==e.yAxisIndex&&null==e.yAxisId&&(e.yAxisIndex="all"),e}Hz="dataZoom",Yz=function(t){var e=t.getComponent("toolbox",0),n=["feature","dataZoom"];if(e&&null!=e.get(n)){var i=e.getModel(n),r=[],o=No(t,qz(i));return Xz(o.xAxisModels,(function(t){return a(t,"xAxis","xAxisIndex")})),Xz(o.yAxisModels,(function(t){return a(t,"yAxis","yAxisIndex")})),r}function a(t,e,n){var o=t.componentIndex,a={type:"select",$fromToolbox:!0,filterMode:i.get("filterMode",!0)||"filter",id:Uz+e+o};a[n]=o,r.push(a)}},lt(null==nd.get(Hz)&&Yz),nd.set(Hz,Yz);var Kz=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="tooltip",e.dependencies=["axisPointer"],e.defaultOption={z:60,show:!0,showContent:!0,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:!1,displayMode:"single",renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,enterable:!1,backgroundColor:"#fff",shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:"#999",width:1,type:"dashed",textStyle:{}}},textStyle:{color:"#666",fontSize:14}},e}(Rp);function $z(t){var e=t.get("confine");return null!=e?!!e:"richText"===t.get("renderMode")}function Jz(t){if(r.domSupported)for(var e=document.documentElement.style,n=0,i=t.length;n<i;n++)if(t[n]in e)return t[n]}var Qz=Jz(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);function tV(t,e){if(!t)return e;e=dp(e,!0);var n=t.indexOf(e);return(t=-1===n?e:"-"+t.slice(0,n)+"-"+e).toLowerCase()}var eV=tV(Jz(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),"transition"),nV=tV(Qz,"transform"),iV="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(r.transform3dSupported?"will-change:transform;":"");function rV(t,e,n){var i=t.toFixed(0)+"px",o=e.toFixed(0)+"px";if(!r.transformSupported)return n?"top:"+o+";left:"+i+";":[["top",o],["left",i]];var a=r.transform3dSupported,s="translate"+(a?"3d":"")+"("+i+","+o+(a?",0":"")+")";return n?"top:0;left:0;"+nV+":"+s+";":[["top",0],["left",0],[Qz,s]]}function oV(t,e,n){var i=[],o=t.get("transitionDuration"),a=t.get("backgroundColor"),s=t.get("shadowBlur"),l=t.get("shadowColor"),u=t.get("shadowOffsetX"),h=t.get("shadowOffsetY"),c=t.getModel("textStyle"),p=pg(t,"html"),d=u+"px "+h+"px "+s+"px "+l;return i.push("box-shadow:"+d),e&&o&&i.push(function(t,e){var n="cubic-bezier(0.23,1,0.32,1)",i=" "+t/2+"s "+n,o="opacity"+i+",visibility"+i;return e||(i=" "+t+"s "+n,o+=r.transformSupported?","+nV+i:",left"+i+",top"+i),eV+":"+o}(o,n)),a&&i.push("background-color:"+a),E(["width","color","radius"],(function(e){var n="border-"+e,r=dp(n),o=t.get(r);null!=o&&i.push(n+":"+o+("color"===e?"":"px"))})),i.push(function(t){var e=[],n=t.get("fontSize"),i=t.getTextColor();i&&e.push("color:"+i),e.push("font:"+t.getFont()),n&&e.push("line-height:"+Math.round(3*n/2)+"px");var r=t.get("textShadowColor"),o=t.get("textShadowBlur")||0,a=t.get("textShadowOffsetX")||0,s=t.get("textShadowOffsetY")||0;return r&&o&&e.push("text-shadow:"+a+"px "+s+"px "+o+"px "+r),E(["decoration","align"],(function(n){var i=t.get(n);i&&e.push("text-"+n+":"+i)})),e.join(";")}(c)),null!=p&&i.push("padding:"+fp(p).join("px ")+"px"),i.join(";")+";"}function aV(t,e,n,i,r){var o=e&&e.painter;if(n){var a=o&&o.getViewportRoot();a&&function(t,e,n,i,r){te(Qt,e,i,r,!0)&&te(t,n,Qt[0],Qt[1])}(t,a,document.body,i,r)}else{t[0]=i,t[1]=r;var s=o&&o.getViewportRootOffset();s&&(t[0]+=s.offsetLeft,t[1]+=s.offsetTop)}t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var sV=function(){function t(t,e,n){if(this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._alwaysShowContent=!1,this._firstShow=!0,this._longHide=!0,r.wxa)return null;var i=document.createElement("div");i.domBelongToZr=!0,this.el=i;var o=this._zr=e.getZr(),a=this._appendToBody=n&&n.appendToBody;aV(this._styleCoord,o,a,e.getWidth()/2,e.getHeight()/2),a?document.body.appendChild(i):t.appendChild(i),this._container=t;var s=this;i.onmouseenter=function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0},i.onmousemove=function(t){if(t=t||window.event,!s._enterable){var e=o.handler;ce(o.painter.getViewportRoot(),t,!0),e.dispatch("mousemove",t)}},i.onmouseleave=function(){s._inContent=!1,s._enterable&&s._show&&s.hideLater(s._hideDelay)}}return t.prototype.update=function(t){var e,n,i,r=this._container,o=(n="position",(i=(e=r).currentStyle||document.defaultView&&document.defaultView.getComputedStyle(e))?n?i[n]:i:null),a=r.style;"absolute"!==a.position&&"absolute"!==o&&(a.position="relative");var s=t.get("alwaysShowContent");s&&this._moveIfResized(),this._alwaysShowContent=s,this.el.className=t.get("className")||""},t.prototype.show=function(t,e){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var n=this.el,i=n.style,r=this._styleCoord;n.innerHTML?i.cssText=iV+oV(t,!this._firstShow,this._longHide)+rV(r[0],r[1],!0)+"border-color:"+_p(e)+";"+(t.get("extraCssText")||"")+";pointer-events:"+(this._enterable?"auto":"none"):i.display="none",this._show=!0,this._firstShow=!1,this._longHide=!1},t.prototype.setContent=function(t,e,n,i,r){var o=this.el;if(null!=t){var a="";if(U(r)&&"item"===n.get("trigger")&&!$z(n)&&(a=function(t,e,n){if(!U(n)||"inside"===n)return"";var i=t.get("backgroundColor"),r=t.get("borderWidth");e=_p(e);var o,a,s="left"===(o=n)?"right":"right"===o?"left":"top"===o?"bottom":"top",l=Math.max(1.5*Math.round(r),6),u="",h=nV+":";P(["left","right"],s)>-1?(u+="top:50%",h+="translateY(-50%) rotate("+(a="left"===s?-225:-45)+"deg)"):(u+="left:50%",h+="translateX(-50%) rotate("+(a="top"===s?225:45)+"deg)");var c=a*Math.PI/180,p=l+r,d=p*Math.abs(Math.cos(c))+p*Math.abs(Math.sin(c)),f=e+" solid "+r+"px;";return'<div style="'+["position:absolute;width:"+l+"px;height:"+l+"px;z-index:-1;",(u+=";"+s+":-"+Math.round(100*((d-Math.SQRT2*r)/2+Math.SQRT2*r-(d-p)/2))/100+"px")+";"+h+";","border-bottom:"+f,"border-right:"+f,"background-color:"+i+";"].join("")+'"></div>'}(n,i,r)),U(t))o.innerHTML=t+a;else if(t){o.innerHTML="",Y(t)||(t=[t]);for(var s=0;s<t.length;s++)J(t[s])&&t[s].parentNode!==o&&o.appendChild(t[s]);if(a&&o.childNodes.length){var l=document.createElement("div");l.innerHTML=a,o.appendChild(l)}}}else o.innerHTML=""},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el;return[t.offsetWidth,t.offsetHeight]},t.prototype.moveTo=function(t,e){var n=this._styleCoord;if(aV(n,this._zr,this._appendToBody,t,e),null!=n[0]&&null!=n[1]){var i=this.el.style;E(rV(n[0],n[1]),(function(t){i[t[0]]=t[1]}))}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){var t=this,e=this.el.style;e.visibility="hidden",e.opacity="0",r.transform3dSupported&&(e.willChange=""),this._show=!1,this._longHideTimeout=setTimeout((function(){return t._longHide=!0}),500)},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this.el.parentNode.removeChild(this.el)},t}(),lV=function(){function t(t){this._show=!1,this._styleCoord=[0,0,0,0],this._alwaysShowContent=!1,this._enterable=!0,this._zr=t.getZr(),cV(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}return t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized(),this._alwaysShowContent=e},t.prototype.show=function(){this._hideTimeout&&clearTimeout(this._hideTimeout),this.el.show(),this._show=!0},t.prototype.setContent=function(t,e,n,i,r){var o=this;q(t)&&vo(""),this.el&&this._zr.remove(this.el);var a=n.getModel("textStyle");this.el=new Fs({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:a.get("textShadowColor"),fill:n.get(["textStyle","color"]),padding:pg(n,"richText"),verticalAlign:"top",align:"left"},z:n.get("z")}),E(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){o.el.style[t]=n.get(t)})),E(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){o.el.style[t]=a.get(t)||0})),this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){s._enterable&&(clearTimeout(s._hideTimeout),s._show=!0),s._inContent=!0})),this.el.on("mouseout",(function(){s._enterable&&s._show&&s.hideLater(s._hideDelay),s._inContent=!1}))},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el,e=this.el.getBoundingRect(),n=hV(t.style);return[e.width+n.left+n.right,e.height+n.top+n.bottom]},t.prototype.moveTo=function(t,e){var n=this.el;if(n){var i=this._styleCoord;cV(i,this._zr,t,e),t=i[0],e=i[1];var r=n.style,o=uV(r.borderWidth||0),a=hV(r);n.x=t+o+a.left,n.y=e+o+a.top,n.markRedraw()}},t.prototype._moveIfResized=function(){var t=this._styleCoord[2],e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())},t.prototype.hide=function(){this.el&&this.el.hide(),this._show=!1},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||this._alwaysShowContent||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(W(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this._zr.remove(this.el)},t}();function uV(t){return Math.max(0,t)}function hV(t){var e=uV(t.shadowBlur||0),n=uV(t.shadowOffsetX||0),i=uV(t.shadowOffsetY||0);return{left:uV(e-n),right:uV(e+n),top:uV(e-i),bottom:uV(e+i)}}function cV(t,e,n,i){t[0]=n,t[1]=i,t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var pV=new zs({shape:{x:-1,y:-1,width:2,height:2}}),dV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){if(!r.node&&e.getDom()){var n,i=t.getComponent("tooltip"),o=this._renderMode="auto"===(n=i.get("renderMode"))?r.domSupported?"html":"richText":n||"html";this._tooltipContent="richText"===o?new lV(e):new sV(e.getDom(),e,{appendToBody:i.get("appendToBody",!0)})}},e.prototype.render=function(t,e,n){if(!r.node&&n.getDom()){this.group.removeAll(),this._tooltipModel=t,this._ecModel=e,this._api=n;var i=this._tooltipContent;i.update(t),i.setEnterable(t.get("enterable")),this._initGlobalListener(),this._keepShow(),"richText"!==this._renderMode&&t.get("transitionDuration")?Fg(this,"_updatePosition",50,"fixRate"):Gg(this,"_updatePosition")}},e.prototype._initGlobalListener=function(){var t=this._tooltipModel.get("triggerOn");vN("itemTooltip",this._api,W((function(e,n,i){"none"!==t&&(t.indexOf(e)>=0?this._tryShow(n,i):"leave"===e&&this._hide(i))}),this))},e.prototype._keepShow=function(){var t=this._tooltipModel,e=this._ecModel,n=this._api,i=t.get("triggerOn");if(null!=this._lastX&&null!=this._lastY&&"none"!==i&&"click"!==i){var r=this;clearTimeout(this._refreshUpdateTimeout),this._refreshUpdateTimeout=setTimeout((function(){!n.isDisposed()&&r.manuallyShowTip(t,e,n,{x:r._lastX,y:r._lastY,dataByCoordSys:r._lastDataByCoordSys})}))}},e.prototype.manuallyShowTip=function(t,e,n,i){if(i.from!==this.uid&&!r.node&&n.getDom()){var o=gV(i,n);this._ticket="";var a=i.dataByCoordSys,s=function(t,e,n){var i=Eo(t).queryOptionMap,r=i.keys()[0];if(!r||"series"===r)return;var o=Bo(e,r,i.get(r),{useDefault:!1,enableAll:!1,enableNone:!1}),a=o.models[0];if(!a)return;var s,l=n.getViewOfComponentModel(a);if(l.group.traverse((function(e){var n=Qs(e).tooltipConfig;if(n&&n.name===t.name)return s=e,!0})),s)return{componentMainType:r,componentIndex:a.componentIndex,el:s}}(i,e,n);if(s){var l=s.el.getBoundingRect().clone();l.applyTransform(s.el.transform),this._tryShow({offsetX:l.x+l.width/2,offsetY:l.y+l.height/2,target:s.el,position:i.position,positionDefault:"bottom"},o)}else if(i.tooltip&&null!=i.x&&null!=i.y){var u=pV;u.x=i.x,u.y=i.y,u.update(),Qs(u).tooltipConfig={name:null,option:i.tooltip},this._tryShow({offsetX:i.x,offsetY:i.y,target:u},o)}else if(a)this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:a,tooltipOption:i.tooltipOption},o);else if(null!=i.seriesIndex){if(this._manuallyAxisShowTip(t,e,n,i))return;var h=wN(i,e),c=h.point[0],p=h.point[1];null!=c&&null!=p&&this._tryShow({offsetX:c,offsetY:p,target:h.el,position:i.position,positionDefault:"bottom"},o)}else null!=i.x&&null!=i.y&&(n.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y}),this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:n.getZr().findHover(i.x,i.y).target},o))}},e.prototype.manuallyHideTip=function(t,e,n,i){var r=this._tooltipContent;this._tooltipModel&&r.hideLater(this._tooltipModel.get("hideDelay")),this._lastX=this._lastY=this._lastDataByCoordSys=null,i.from!==this.uid&&this._hide(gV(i,n))},e.prototype._manuallyAxisShowTip=function(t,e,n,i){var r=i.seriesIndex,o=i.dataIndex,a=e.getComponent("axisPointer").coordSysAxesInfo;if(null!=r&&null!=o&&null!=a){var s=e.getSeriesByIndex(r);if(s)if("axis"===fV([s.getData().getItemModel(o),s,(s.coordinateSystem||{}).model],this._tooltipModel).get("trigger"))return n.dispatchAction({type:"updateAxisPointer",seriesIndex:r,dataIndex:o,position:i.position}),!0}},e.prototype._tryShow=function(t,e){var n=t.target;if(this._tooltipModel){this._lastX=t.offsetX,this._lastY=t.offsetY;var i=t.dataByCoordSys;if(i&&i.length)this._showAxisTooltip(i,t);else if(n){var r,o;this._lastDataByCoordSys=null,ky(n,(function(t){return null!=Qs(t).dataIndex?(r=t,!0):null!=Qs(t).tooltipConfig?(o=t,!0):void 0}),!0),r?this._showSeriesItemTooltip(t,r,e):o?this._showComponentItemTooltip(t,o,e):this._hide(e)}else this._lastDataByCoordSys=null,this._hide(e)}},e.prototype._showOrMove=function(t,e){var n=t.get("showDelay");e=W(e,this),clearTimeout(this._showTimout),n>0?this._showTimout=setTimeout(e,n):e()},e.prototype._showAxisTooltip=function(t,e){var n=this._ecModel,i=this._tooltipModel,r=[e.offsetX,e.offsetY],o=fV([e.tooltipOption],i),a=this._renderMode,s=[],l=ng("section",{blocks:[],noHeader:!0}),u=[],h=new dg;E(t,(function(t){E(t.dataByAxis,(function(t){var e=n.getComponent(t.axisDim+"Axis",t.axisIndex),r=t.value;if(e&&null!=r){var o=rN(r,e.axis,n,t.seriesDataIndices,t.valueLabelOpt),c=ng("section",{header:o,noHeader:!ut(o),sortBlocks:!0,blocks:[]});l.blocks.push(c),E(t.seriesDataIndices,(function(l){var p=n.getSeriesByIndex(l.seriesIndex),d=l.dataIndexInside,f=p.getDataParams(d);if(!(f.dataIndex<0)){f.axisDim=t.axisDim,f.axisIndex=t.axisIndex,f.axisType=t.axisType,f.axisId=t.axisId,f.axisValue=__(e.axis,{value:r}),f.axisValueLabel=o,f.marker=h.makeTooltipMarker("item",_p(f.color),a);var g=mf(p.formatTooltip(d,!0,null)),y=g.frag;if(y){var v=fV([p],i).get("valueFormatter");c.blocks.push(v?A({valueFormatter:v},y):y)}g.text&&u.push(g.text),s.push(f)}}))}}))})),l.blocks.reverse(),u.reverse();var c=e.position,p=o.get("order"),d=lg(l,h,a,p,n.get("useUTC"),o.get("textStyle"));d&&u.unshift(d);var f="richText"===a?"\n\n":"<br/>",g=u.join(f);this._showOrMove(o,(function(){this._updateContentNotChangedOnAxis(t,s)?this._updatePosition(o,c,r[0],r[1],this._tooltipContent,s):this._showTooltipContent(o,g,s,Math.random()+"",r[0],r[1],c,null,h)}))},e.prototype._showSeriesItemTooltip=function(t,e,n){var i=this._ecModel,r=Qs(e),o=r.seriesIndex,a=i.getSeriesByIndex(o),s=r.dataModel||a,l=r.dataIndex,u=r.dataType,h=s.getData(u),c=this._renderMode,p=t.positionDefault,d=fV([h.getItemModel(l),s,a&&(a.coordinateSystem||{}).model],this._tooltipModel,p?{position:p}:null),f=d.get("trigger");if(null==f||"item"===f){var g=s.getDataParams(l,u),y=new dg;g.marker=y.makeTooltipMarker("item",_p(g.color),c);var v=mf(s.formatTooltip(l,!1,u)),m=d.get("order"),x=d.get("valueFormatter"),_=v.frag,b=_?lg(x?A({valueFormatter:x},_):_,y,c,m,i.get("useUTC"),d.get("textStyle")):v.text,w="item_"+s.name+"_"+l;this._showOrMove(d,(function(){this._showTooltipContent(d,b,g,w,t.offsetX,t.offsetY,t.position,t.target,y)})),n({type:"showTip",dataIndexInside:l,dataIndex:h.getRawIndex(l),seriesIndex:o,from:this.uid})}},e.prototype._showComponentItemTooltip=function(t,e,n){var i=Qs(e),r=i.tooltipConfig.option||{};if(U(r)){r={content:r,formatter:r}}var o=[r],a=this._ecModel.getComponent(i.componentMainType,i.componentIndex);a&&o.push(a),o.push({formatter:r.content});var s=t.positionDefault,l=fV(o,this._tooltipModel,s?{position:s}:null),u=l.get("content"),h=Math.random()+"",c=new dg;this._showOrMove(l,(function(){var n=T(l.get("formatterParams")||{});this._showTooltipContent(l,u,n,h,t.offsetX,t.offsetY,t.position,e,c)})),n({type:"showTip",from:this.uid})},e.prototype._showTooltipContent=function(t,e,n,i,r,o,a,s,l){if(this._ticket="",t.get("showContent")&&t.get("show")){var u=this._tooltipContent;u.setEnterable(t.get("enterable"));var h=t.get("formatter");a=a||t.get("position");var c=e,p=this._getNearestPoint([r,o],n,t.get("trigger"),t.get("borderColor")).color;if(h)if(U(h)){var d=t.ecModel.get("useUTC"),f=Y(n)?n[0]:n;c=h,f&&f.axisType&&f.axisType.indexOf("time")>=0&&(c=qc(f.axisValue,c,d)),c=mp(c,n,!0)}else if(X(h)){var g=W((function(e,i){e===this._ticket&&(u.setContent(i,l,t,p,a),this._updatePosition(t,a,r,o,u,n,s))}),this);this._ticket=i,c=h(n,i,g)}else c=h;u.setContent(c,l,t,p,a),u.show(t,p),this._updatePosition(t,a,r,o,u,n,s)}},e.prototype._getNearestPoint=function(t,e,n,i){return"axis"===n||Y(e)?{color:i||("html"===this._renderMode?"#fff":"none")}:Y(e)?void 0:{color:i||e.color||e.borderColor}},e.prototype._updatePosition=function(t,e,n,i,r,o,a){var s=this._api.getWidth(),l=this._api.getHeight();e=e||t.get("position");var u=r.getSize(),h=t.get("align"),c=t.get("verticalAlign"),p=a&&a.getBoundingRect().clone();if(a&&p.applyTransform(a.transform),X(e)&&(e=e([n,i],o,r.el,p,{viewSize:[s,l],contentSize:u.slice()})),Y(e))n=Ur(e[0],s),i=Ur(e[1],l);else if(q(e)){var d=e;d.width=u[0],d.height=u[1];var f=Cp(d,{width:s,height:l});n=f.x,i=f.y,h=null,c=null}else if(U(e)&&a){var g=function(t,e,n,i){var r=n[0],o=n[1],a=Math.ceil(Math.SQRT2*i)+8,s=0,l=0,u=e.width,h=e.height;switch(t){case"inside":s=e.x+u/2-r/2,l=e.y+h/2-o/2;break;case"top":s=e.x+u/2-r/2,l=e.y-o-a;break;case"bottom":s=e.x+u/2-r/2,l=e.y+h+a;break;case"left":s=e.x-r-a,l=e.y+h/2-o/2;break;case"right":s=e.x+u+a,l=e.y+h/2-o/2}return[s,l]}(e,p,u,t.get("borderWidth"));n=g[0],i=g[1]}else{g=function(t,e,n,i,r,o,a){var s=n.getSize(),l=s[0],u=s[1];null!=o&&(t+l+o+2>i?t-=l+o:t+=o);null!=a&&(e+u+a>r?e-=u+a:e+=a);return[t,e]}(n,i,r,s,l,h?null:20,c?null:20);n=g[0],i=g[1]}if(h&&(n-=yV(h)?u[0]/2:"right"===h?u[0]:0),c&&(i-=yV(c)?u[1]/2:"bottom"===c?u[1]:0),$z(t)){g=function(t,e,n,i,r){var o=n.getSize(),a=o[0],s=o[1];return t=Math.min(t+a,i)-a,e=Math.min(e+s,r)-s,t=Math.max(t,0),e=Math.max(e,0),[t,e]}(n,i,r,s,l);n=g[0],i=g[1]}r.moveTo(n,i)},e.prototype._updateContentNotChangedOnAxis=function(t,e){var n=this._lastDataByCoordSys,i=this._cbParamsList,r=!!n&&n.length===t.length;return r&&E(n,(function(n,o){var a=n.dataByAxis||[],s=(t[o]||{}).dataByAxis||[];(r=r&&a.length===s.length)&&E(a,(function(t,n){var o=s[n]||{},a=t.seriesDataIndices||[],l=o.seriesDataIndices||[];(r=r&&t.value===o.value&&t.axisType===o.axisType&&t.axisId===o.axisId&&a.length===l.length)&&E(a,(function(t,e){var n=l[e];r=r&&t.seriesIndex===n.seriesIndex&&t.dataIndex===n.dataIndex})),i&&E(t.seriesDataIndices,(function(t){var n=t.seriesIndex,o=e[n],a=i[n];o&&a&&a.data!==o.data&&(r=!1)}))}))})),this._lastDataByCoordSys=t,this._cbParamsList=e,!!r},e.prototype._hide=function(t){this._lastDataByCoordSys=null,t({type:"hideTip",from:this.uid})},e.prototype.dispose=function(t,e){!r.node&&e.getDom()&&(Gg(this,"_updatePosition"),this._tooltipContent.dispose(),_N("itemTooltip",e))},e.type="tooltip",e}(Tg);function fV(t,e,n){var i,r=e.ecModel;n?(i=new Mc(n,r,r),i=new Mc(e.option,i,r)):i=e;for(var o=t.length-1;o>=0;o--){var a=t[o];a&&(a instanceof Mc&&(a=a.get("tooltip",!0)),U(a)&&(a={formatter:a}),a&&(i=new Mc(a,i,r)))}return i}function gV(t,e){return t.dispatchAction||W(e.dispatchAction,e)}function yV(t){return"center"===t||"middle"===t}var vV=["rect","polygon","keep","clear"];function mV(t,e){var n=bo(t?t.brush:[]);if(n.length){var i=[];E(n,(function(t){var e=t.hasOwnProperty("toolbox")?t.toolbox:[];e instanceof Array&&(i=i.concat(e))}));var r=t&&t.toolbox;Y(r)&&(r=r[0]),r||(r={feature:{}},t.toolbox=[r]);var o=r.feature||(r.feature={}),a=o.brush||(o.brush={}),s=a.type||(a.type=[]);s.push.apply(s,i),function(t){var e={};E(t,(function(t){e[t]=1})),t.length=0,E(e,(function(e,n){t.push(n)}))}(s),e&&!s.length&&s.push.apply(s,vV)}}var xV=E;function _V(t){if(t)for(var e in t)if(t.hasOwnProperty(e))return!0}function bV(t,e,n){var i={};return xV(e,(function(e){var r,o=i[e]=((r=function(){}).prototype.__hidden=r.prototype,new r);xV(t[e],(function(t,i){if(_D.isValidType(i)){var r={type:i,visual:t};n&&n(r,e),o[i]=new _D(r),"opacity"===i&&((r=T(r)).type="colorAlpha",o.__hidden.__alphaForOpacity=new _D(r))}}))})),i}function wV(t,e,n){var i;E(n,(function(t){e.hasOwnProperty(t)&&_V(e[t])&&(i=!0)})),i&&E(n,(function(n){e.hasOwnProperty(n)&&_V(e[n])?t[n]=T(e[n]):delete t[n]}))}var SV={lineX:MV(0),lineY:MV(1),rect:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])},rect:function(t,e,n){return t&&n.boundingRect.intersect(t)}},polygon:{point:function(t,e,n){return t&&n.boundingRect.contain(t[0],t[1])&&A_(n.range,t[0],t[1])},rect:function(t,e,n){var i=n.range;if(!t||i.length<=1)return!1;var r=t.x,o=t.y,a=t.width,s=t.height,l=i[0];return!!(A_(i,r,o)||A_(i,r+a,o)||A_(i,r,o+s)||A_(i,r+a,o+s)||ze.create(t).contain(l[0],l[1])||Yh(r,o,r+a,o,i)||Yh(r,o,r,o+s,i)||Yh(r+a,o,r+a,o+s,i)||Yh(r,o+s,r+a,o+s,i))||void 0}}};function MV(t){var e=["x","y"],n=["width","height"];return{point:function(e,n,i){if(e){var r=i.range;return IV(e[t],r)}},rect:function(i,r,o){if(i){var a=o.range,s=[i[e[t]],i[e[t]]+i[n[t]]];return s[1]<s[0]&&s.reverse(),IV(s[0],a)||IV(s[1],a)||IV(a[0],s)||IV(a[1],s)}}}}function IV(t,e){return e[0]<=t&&t<=e[1]}var TV=["inBrush","outOfBrush"],CV="__ecBrushSelect",DV="__ecInBrushSelectEvent";function AV(t){t.eachComponent({mainType:"brush"},(function(e){(e.brushTargetManager=new Pz(e.option,t)).setInputRanges(e.areas,t)}))}function kV(t,e,n){var i,r,o=[];t.eachComponent({mainType:"brush"},(function(t){n&&"takeGlobalCursor"===n.type&&t.setBrushOption("brush"===n.key?n.brushOption:{brushType:!1})})),AV(t),t.eachComponent({mainType:"brush"},(function(e,n){var a={brushId:e.id,brushIndex:n,brushName:e.name,areas:T(e.areas),selected:[]};o.push(a);var s=e.option,l=s.brushLink,u=[],h=[],c=[],p=!1;n||(i=s.throttleType,r=s.throttleDelay);var d=z(e.areas,(function(t){var e=OV[t.brushType],n=k({boundingRect:e?e(t):void 0},t);return n.selectors=function(t){var e=t.brushType,n={point:function(i){return SV[e].point(i,n,t)},rect:function(i){return SV[e].rect(i,n,t)}};return n}(n),n})),f=bV(e.option,TV,(function(t){t.mappingMethod="fixed"}));function g(t){return"all"===l||!!u[t]}function y(t){return!!t.length}Y(l)&&E(l,(function(t){u[t]=1})),t.eachSeries((function(n,i){var r=c[i]=[];"parallel"===n.subType?function(t,e){var n=t.coordinateSystem;p=p||n.hasAxisBrushed(),g(e)&&n.eachActiveState(t.getData(),(function(t,e){"active"===t&&(h[e]=1)}))}(n,i):function(n,i,r){if(!n.brushSelector||function(t,e){var n=t.option.seriesIndex;return null!=n&&"all"!==n&&(Y(n)?P(n,e)<0:e!==n)}(e,i))return;if(E(d,(function(i){e.brushTargetManager.controlSeries(i,n,t)&&r.push(i),p=p||y(r)})),g(i)&&y(r)){var o=n.getData();o.each((function(t){PV(n,r,o,t)&&(h[t]=1)}))}}(n,i,r)})),t.eachSeries((function(t,e){var n={seriesId:t.id,seriesIndex:e,seriesName:t.name,dataIndex:[]};a.selected.push(n);var i=c[e],r=t.getData(),o=g(e)?function(t){return h[t]?(n.dataIndex.push(r.getRawIndex(t)),"inBrush"):"outOfBrush"}:function(e){return PV(t,i,r,e)?(n.dataIndex.push(r.getRawIndex(e)),"inBrush"):"outOfBrush"};(g(e)?p:y(i))&&function(t,e,n,i,r,o){var a,s={};function l(t){return Iy(n,a,t)}function u(t,e){Cy(n,a,t,e)}function h(t,h){a=null==o?t:h;var c=n.getRawDataItem(a);if(!c||!1!==c.visualMap)for(var p=i.call(r,t),d=e[p],f=s[p],g=0,y=f.length;g<y;g++){var v=f[g];d[v]&&d[v].applyVisual(t,l,u)}}E(t,(function(t){var n=_D.prepareVisualTypes(e[t]);s[t]=n})),null==o?n.each(h):n.each([o],h)}(TV,f,r,o)}))})),function(t,e,n,i,r){if(!r)return;var o=t.getZr();if(o[DV])return;o[CV]||(o[CV]=LV);var a=Fg(o,CV,n,e);a(t,i)}(e,i,r,o,n)}function LV(t,e){if(!t.isDisposed()){var n=t.getZr();n[DV]=!0,t.dispatchAction({type:"brushSelect",batch:e}),n[DV]=!1}}function PV(t,e,n,i){for(var r=0,o=e.length;r<o;r++){var a=e[r];if(t.brushSelector(i,n,a.selectors,a))return!0}}var OV={rect:function(t){return RV(t.range)},polygon:function(t){for(var e,n=t.range,i=0,r=n.length;i<r;i++){e=e||[[1/0,-1/0],[1/0,-1/0]];var o=n[i];o[0]<e[0][0]&&(e[0][0]=o[0]),o[0]>e[0][1]&&(e[0][1]=o[0]),o[1]<e[1][0]&&(e[1][0]=o[1]),o[1]>e[1][1]&&(e[1][1]=o[1])}return e&&RV(e)}};function RV(t){return new ze(t[0][0],t[1][0],t[0][1]-t[0][0],t[1][1]-t[1][0])}var NV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e,this.model,(this._brushController=new Jk(e.getZr())).on("brush",W(this._onBrush,this)).mount()},e.prototype.render=function(t,e,n,i){this.model=t,this._updateController(t,e,n,i)},e.prototype.updateTransform=function(t,e,n,i){AV(e),this._updateController(t,e,n,i)},e.prototype.updateVisual=function(t,e,n,i){this.updateTransform(t,e,n,i)},e.prototype.updateView=function(t,e,n,i){this._updateController(t,e,n,i)},e.prototype._updateController=function(t,e,n,i){(!i||i.$from!==t.id)&&this._brushController.setPanels(t.brushTargetManager.makePanelOpts(n)).enableBrush(t.brushOption).updateCovers(t.areas.slice())},e.prototype.dispose=function(){this._brushController.dispose()},e.prototype._onBrush=function(t){var e=this.model.id,n=this.model.brushTargetManager.setOutputRanges(t.areas,this.ecModel);(!t.isEnd||t.removeOnClick)&&this.api.dispatchAction({type:"brush",brushId:e,areas:T(n),$from:e}),t.isEnd&&this.api.dispatchAction({type:"brushEnd",brushId:e,areas:T(n),$from:e})},e.type="brush",e}(Tg),EV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.areas=[],n.brushOption={},n}return n(e,t),e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&wV(n,t,["inBrush","outOfBrush"]);var i=n.inBrush=n.inBrush||{};n.outOfBrush=n.outOfBrush||{color:"#ddd"},i.hasOwnProperty("liftZ")||(i.liftZ=5)},e.prototype.setAreas=function(t){t&&(this.areas=z(t,(function(t){return zV(this.option,t)}),this))},e.prototype.setBrushOption=function(t){this.brushOption=zV(this.option,t),this.brushType=this.brushOption.brushType},e.type="brush",e.dependencies=["geo","grid","xAxis","yAxis","parallel","series"],e.defaultOption={seriesIndex:"all",brushType:"rect",brushMode:"single",transformable:!0,brushStyle:{borderWidth:1,color:"rgba(210,219,238,0.3)",borderColor:"#D2DBEE"},throttleType:"fixRate",throttleDelay:0,removeOnClick:!0,z:1e4},e}(Rp);function zV(t,e){return C({brushType:t.brushType,brushMode:t.brushMode,transformable:t.transformable,brushStyle:new Mc(t.brushStyle).getItemStyle(),removeOnClick:t.removeOnClick,z:t.z},e,!0)}var VV=["rect","polygon","lineX","lineY","keep","clear"],BV=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(t,e,n){var i,r,o;e.eachComponent({mainType:"brush"},(function(t){i=t.brushType,r=t.brushOption.brushMode||"single",o=o||!!t.areas.length})),this._brushType=i,this._brushMode=r,E(t.get("type",!0),(function(e){t.setIconStatus(e,("keep"===e?"multiple"===r:"clear"===e?o:e===i)?"emphasis":"normal")}))},e.prototype.updateView=function(t,e,n){this.render(t,e,n)},e.prototype.getIcons=function(){var t=this.model,e=t.get("icon",!0),n={};return E(t.get("type",!0),(function(t){e[t]&&(n[t]=e[t])})),n},e.prototype.onclick=function(t,e,n){var i=this._brushType,r=this._brushMode;"clear"===n?(e.dispatchAction({type:"axisAreaSelect",intervals:[]}),e.dispatchAction({type:"brush",command:"clear",areas:[]})):e.dispatchAction({type:"takeGlobalCursor",key:"brush",brushOption:{brushType:"keep"===n?i:i!==n&&n,brushMode:"keep"===n?"multiple"===r?"single":"multiple":r}})},e.getDefaultOption=function(t){return{show:!0,type:VV.slice(),icon:{rect:"M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13",polygon:"M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2",lineX:"M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4",lineY:"M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4",keep:"M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z",clear:"M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2"},title:t.getLocaleModel().get(["toolbox","brush","title"])}},e}(lz);var FV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.type="title",e.defaultOption={z:6,show:!0,text:"",target:"blank",subtext:"",subtarget:"blank",left:0,top:0,backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderWidth:0,padding:5,itemGap:10,textStyle:{fontSize:18,fontWeight:"bold",color:"#464646"},subtextStyle:{fontSize:12,color:"#6E7079"}},e}(Rp),GV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.render=function(t,e,n){if(this.group.removeAll(),t.get("show")){var i=this.group,r=t.getModel("textStyle"),o=t.getModel("subtextStyle"),a=t.get("textAlign"),s=rt(t.get("textBaseline"),t.get("textVerticalAlign")),l=new Fs({style:nc(r,{text:t.get("text"),fill:r.getTextColor()},{disableBox:!0}),z2:10}),u=l.getBoundingRect(),h=t.get("subtext"),c=new Fs({style:nc(o,{text:h,fill:o.getTextColor(),y:u.height+t.get("itemGap"),verticalAlign:"top"},{disableBox:!0}),z2:10}),p=t.get("link"),d=t.get("sublink"),f=t.get("triggerEvent",!0);l.silent=!p&&!f,c.silent=!d&&!f,p&&l.on("click",(function(){bp(p,"_"+t.get("target"))})),d&&c.on("click",(function(){bp(d,"_"+t.get("subtarget"))})),Qs(l).eventData=Qs(c).eventData=f?{componentType:"title",componentIndex:t.componentIndex}:null,i.add(l),h&&i.add(c);var g=i.getBoundingRect(),y=t.getBoxLayoutParams();y.width=g.width,y.height=g.height;var v=Cp(y,{width:n.getWidth(),height:n.getHeight()},t.get("padding"));a||("middle"===(a=t.get("left")||t.get("right"))&&(a="center"),"right"===a?v.x+=v.width:"center"===a&&(v.x+=v.width/2)),s||("center"===(s=t.get("top")||t.get("bottom"))&&(s="middle"),"bottom"===s?v.y+=v.height:"middle"===s&&(v.y+=v.height/2),s=s||"top"),i.x=v.x,i.y=v.y,i.markRedraw();var m={align:a,verticalAlign:s};l.setStyle(m),c.setStyle(m),g=i.getBoundingRect();var x=v.margin,_=t.getItemStyle(["color","opacity"]);_.fill=t.get("backgroundColor");var b=new zs({shape:{x:g.x-x[3],y:g.y-x[0],width:g.width+x[1]+x[3],height:g.height+x[0]+x[2],r:t.get("borderRadius")},style:_,subPixelOptimize:!0,silent:!0});i.add(b)}},e.type="title",e}(Tg);var WV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode="box",n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._initData()},e.prototype.mergeOption=function(e){t.prototype.mergeOption.apply(this,arguments),this._initData()},e.prototype.setCurrentIndex=function(t){null==t&&(t=this.option.currentIndex);var e=this._data.count();this.option.loop?t=(t%e+e)%e:(t>=e&&(t=e-1),t<0&&(t=0)),this.option.currentIndex=t},e.prototype.getCurrentIndex=function(){return this.option.currentIndex},e.prototype.isIndexMax=function(){return this.getCurrentIndex()>=this._data.count()-1},e.prototype.setPlayState=function(t){this.option.autoPlay=!!t},e.prototype.getPlayState=function(){return!!this.option.autoPlay},e.prototype._initData=function(){var t,e=this.option,n=e.data||[],i=e.axisType,r=this._names=[];"category"===i?(t=[],E(n,(function(e,n){var i,o=Ao(Mo(e),"");q(e)?(i=T(e)).value=n:i=n,t.push(i),r.push(o)}))):t=n;var o={category:"ordinal",time:"time",value:"number"}[i]||"number";(this._data=new lx([{name:"value",type:o}],this)).initData(t,r)},e.prototype.getData=function(){return this._data},e.prototype.getCategories=function(){if("category"===this.get("axisType"))return this._names.slice()},e.type="timeline",e.defaultOption={z:4,show:!0,axisType:"time",realtime:!0,left:"20%",top:null,right:"20%",bottom:0,width:null,height:40,padding:5,controlPosition:"left",autoPlay:!1,rewind:!1,loop:!0,playInterval:2e3,currentIndex:0,itemStyle:{},label:{color:"#000"},data:[]},e}(Rp),HV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline.slider",e.defaultOption=Cc(WV.defaultOption,{backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderWidth:0,orient:"horizontal",inverse:!1,tooltip:{trigger:"item"},symbol:"circle",symbolSize:12,lineStyle:{show:!0,width:2,color:"#DAE1F5"},label:{position:"auto",show:!0,interval:"auto",rotate:0,color:"#A4B1D7"},itemStyle:{color:"#A4B1D7",borderWidth:1},checkpointStyle:{symbol:"circle",symbolSize:15,color:"#316bf3",borderColor:"#fff",borderWidth:2,shadowBlur:2,shadowOffsetX:1,shadowOffsetY:1,shadowColor:"rgba(0, 0, 0, 0.3)",animation:!0,animationDuration:300,animationEasing:"quinticInOut"},controlStyle:{show:!0,showPlayBtn:!0,showPrevBtn:!0,showNextBtn:!0,itemSize:24,itemGap:12,position:"left",playIcon:"path://M31.6,53C17.5,53,6,41.5,6,27.4S17.5,1.8,31.6,1.8C45.7,1.8,57.2,13.3,57.2,27.4S45.7,53,31.6,53z M31.6,3.3 C18.4,3.3,7.5,14.1,7.5,27.4c0,13.3,10.8,24.1,24.1,24.1C44.9,51.5,55.7,40.7,55.7,27.4C55.7,14.1,44.9,3.3,31.6,3.3z M24.9,21.3 c0-2.2,1.6-3.1,3.5-2l10.5,6.1c1.899,1.1,1.899,2.9,0,4l-10.5,6.1c-1.9,1.1-3.5,0.2-3.5-2V21.3z",stopIcon:"path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z",nextIcon:"M2,18.5A1.52,1.52,0,0,1,.92,18a1.49,1.49,0,0,1,0-2.12L7.81,9.36,1,3.11A1.5,1.5,0,1,1,3,.89l8,7.34a1.48,1.48,0,0,1,.49,1.09,1.51,1.51,0,0,1-.46,1.1L3,18.08A1.5,1.5,0,0,1,2,18.5Z",prevIcon:"M10,.5A1.52,1.52,0,0,1,11.08,1a1.49,1.49,0,0,1,0,2.12L4.19,9.64,11,15.89a1.5,1.5,0,1,1-2,2.22L1,10.77A1.48,1.48,0,0,1,.5,9.68,1.51,1.51,0,0,1,1,8.58L9,.92A1.5,1.5,0,0,1,10,.5Z",prevBtnSize:18,nextBtnSize:18,color:"#A4B1D7",borderColor:"#A4B1D7",borderWidth:1},emphasis:{label:{show:!0,color:"#6f778d"},itemStyle:{color:"#316BF3"},controlStyle:{color:"#316BF3",borderColor:"#316BF3",borderWidth:2}},progress:{lineStyle:{color:"#316BF3"},itemStyle:{color:"#316BF3"},label:{color:"#6f778d"}},data:[]}),e}(WV);R(HV,vf.prototype);var YV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="timeline",e}(Tg),XV=function(t){function e(e,n,i,r){var o=t.call(this,e,n,i)||this;return o.type=r||"value",o}return n(e,t),e.prototype.getLabelModel=function(){return this.model.getModel("label")},e.prototype.isHorizontal=function(){return"horizontal"===this.model.get("orient")},e}(nb),UV=Math.PI,ZV=Oo(),jV=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(t,e){this.api=e},e.prototype.render=function(t,e,n){if(this.model=t,this.api=n,this.ecModel=e,this.group.removeAll(),t.get("show",!0)){var i=this._layout(t,n),r=this._createGroup("_mainGroup"),o=this._createGroup("_labelGroup"),a=this._axis=this._createAxis(i,t);t.formatTooltip=function(t){return ng("nameValue",{noName:!0,value:a.scale.getLabel({value:t})})},E(["AxisLine","AxisTick","Control","CurrentPointer"],(function(e){this["_render"+e](i,r,a,t)}),this),this._renderAxisLabel(i,o,a,t),this._position(i,t)}this._doPlayStop(),this._updateTicksStatus()},e.prototype.remove=function(){this._clearTimer(),this.group.removeAll()},e.prototype.dispose=function(){this._clearTimer()},e.prototype._layout=function(t,e){var n,i,r,o,a=t.get(["label","position"]),s=t.get("orient"),l=function(t,e){return Cp(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()},t.get("padding"))}(t,e),u={horizontal:"center",vertical:(n=null==a||"auto"===a?"horizontal"===s?l.y+l.height/2<e.getHeight()/2?"-":"+":l.x+l.width/2<e.getWidth()/2?"+":"-":U(a)?{horizontal:{top:"-",bottom:"+"},vertical:{left:"-",right:"+"}}[s][a]:a)>=0||"+"===n?"left":"right"},h={horizontal:n>=0||"+"===n?"top":"bottom",vertical:"middle"},c={horizontal:0,vertical:UV/2},p="vertical"===s?l.height:l.width,d=t.getModel("controlStyle"),f=d.get("show",!0),g=f?d.get("itemSize"):0,y=f?d.get("itemGap"):0,v=g+y,m=t.get(["label","rotate"])||0;m=m*UV/180;var x=d.get("position",!0),_=f&&d.get("showPlayBtn",!0),b=f&&d.get("showPrevBtn",!0),w=f&&d.get("showNextBtn",!0),S=0,M=p;"left"===x||"bottom"===x?(_&&(i=[0,0],S+=v),b&&(r=[S,0],S+=v),w&&(o=[M-g,0],M-=v)):(_&&(i=[M-g,0],M-=v),b&&(r=[0,0],S+=v),w&&(o=[M-g,0],M-=v));var I=[S,M];return t.get("inverse")&&I.reverse(),{viewRect:l,mainLength:p,orient:s,rotation:c[s],labelRotation:m,labelPosOpt:n,labelAlign:t.get(["label","align"])||u[s],labelBaseline:t.get(["label","verticalAlign"])||t.get(["label","baseline"])||h[s],playPosition:i,prevBtnPosition:r,nextBtnPosition:o,axisExtent:I,controlSize:g,controlGap:y}},e.prototype._position=function(t,e){var n=this._mainGroup,i=this._labelGroup,r=t.viewRect;if("vertical"===t.orient){var o=[1,0,0,1,0,0],a=r.x,s=r.y+r.height;we(o,o,[-a,-s]),Se(o,o,-UV/2),we(o,o,[a,s]),(r=r.clone()).applyTransform(o)}var l=y(r),u=y(n.getBoundingRect()),h=y(i.getBoundingRect()),c=[n.x,n.y],p=[i.x,i.y];p[0]=c[0]=l[0][0];var d,f=t.labelPosOpt;null==f||U(f)?(v(c,u,l,1,d="+"===f?0:1),v(p,h,l,1,1-d)):(v(c,u,l,1,d=f>=0?0:1),p[1]=c[1]+f);function g(t){t.originX=l[0][0]-t.x,t.originY=l[1][0]-t.y}function y(t){return[[t.x,t.x+t.width],[t.y,t.y+t.height]]}function v(t,e,n,i,r){t[i]+=n[i][r]-e[i][r]}n.setPosition(c),i.setPosition(p),n.rotation=i.rotation=t.rotation,g(n),g(i)},e.prototype._createAxis=function(t,e){var n=e.getData(),i=e.get("axisType"),r=function(t,e){if(e=e||t.get("type"),e)switch(e){case"category":return new Lx({ordinalMeta:t.getCategories(),extent:[1/0,-1/0]});case"time":return new Zx({locale:t.ecModel.getLocaleModel(),useUTC:t.ecModel.get("useUTC")});default:return new Ox}}(e,i);r.getTicks=function(){return n.mapArray(["value"],(function(t){return{value:t}}))};var o=n.getDataExtent("value");r.setExtent(o[0],o[1]),r.calcNiceTicks();var a=new XV("value",r,t.axisExtent,i);return a.model=e,a},e.prototype._createGroup=function(t){var e=this[t]=new zr;return this.group.add(e),e},e.prototype._renderAxisLine=function(t,e,n,i){var r=n.getExtent();if(i.get(["lineStyle","show"])){var o=new Zu({shape:{x1:r[0],y1:0,x2:r[1],y2:0},style:A({lineCap:"round"},i.getModel("lineStyle").getLineStyle()),silent:!0,z2:1});e.add(o);var a=this._progressLine=new Zu({shape:{x1:r[0],x2:this._currentPointer?this._currentPointer.x:r[0],y1:0,y2:0},style:k({lineCap:"round",lineWidth:o.style.lineWidth},i.getModel(["progress","lineStyle"]).getLineStyle()),silent:!0,z2:1});e.add(a)}},e.prototype._renderAxisTick=function(t,e,n,i){var r=this,o=i.getData(),a=n.scale.getTicks();this._tickSymbols=[],E(a,(function(t){var a=n.dataToCoord(t.value),s=o.getItemModel(t.value),l=s.getModel("itemStyle"),u=s.getModel(["emphasis","itemStyle"]),h=s.getModel(["progress","itemStyle"]),c={x:a,y:0,onclick:W(r._changeTimeline,r,t.value)},p=qV(s,l,e,c);p.ensureState("emphasis").style=u.getItemStyle(),p.ensureState("progress").style=h.getItemStyle(),Hl(p);var d=Qs(p);s.get("tooltip")?(d.dataIndex=t.value,d.dataModel=i):d.dataIndex=d.dataModel=null,r._tickSymbols.push(p)}))},e.prototype._renderAxisLabel=function(t,e,n,i){var r=this;if(n.getLabelModel().get("show")){var o=i.getData(),a=n.getViewLabels();this._tickLabels=[],E(a,(function(i){var a=i.tickValue,s=o.getItemModel(a),l=s.getModel("label"),u=s.getModel(["emphasis","label"]),h=s.getModel(["progress","label"]),c=n.dataToCoord(i.tickValue),p=new Fs({x:c,y:0,rotation:t.labelRotation-t.rotation,onclick:W(r._changeTimeline,r,a),silent:!1,style:nc(l,{text:i.formattedLabel,align:t.labelAlign,verticalAlign:t.labelBaseline})});p.ensureState("emphasis").style=nc(u),p.ensureState("progress").style=nc(h),e.add(p),Hl(p),ZV(p).dataIndex=a,r._tickLabels.push(p)}))}},e.prototype._renderControl=function(t,e,n,i){var r=t.controlSize,o=t.rotation,a=i.getModel("controlStyle").getItemStyle(),s=i.getModel(["emphasis","controlStyle"]).getItemStyle(),l=i.getPlayState(),u=i.get("inverse",!0);function h(t,n,l,u){if(t){var h=Ir(rt(i.get(["controlStyle",n+"BtnSize"]),r),r),c=function(t,e,n,i){var r=i.style,o=Hh(t.get(["controlStyle",e]),i||{},new ze(n[0],n[1],n[2],n[3]));r&&o.setStyle(r);return o}(i,n+"Icon",[0,-h/2,h,h],{x:t[0],y:t[1],originX:r/2,originY:0,rotation:u?-o:0,rectHover:!0,style:a,onclick:l});c.ensureState("emphasis").style=s,e.add(c),Hl(c)}}h(t.nextBtnPosition,"next",W(this._changeTimeline,this,u?"-":"+")),h(t.prevBtnPosition,"prev",W(this._changeTimeline,this,u?"+":"-")),h(t.playPosition,l?"stop":"play",W(this._handlePlayClick,this,!l),!0)},e.prototype._renderCurrentPointer=function(t,e,n,i){var r=i.getData(),o=i.getCurrentIndex(),a=r.getItemModel(o).getModel("checkpointStyle"),s=this,l={onCreate:function(t){t.draggable=!0,t.drift=W(s._handlePointerDrag,s),t.ondragend=W(s._handlePointerDragend,s),KV(t,s._progressLine,o,n,i,!0)},onUpdate:function(t){KV(t,s._progressLine,o,n,i)}};this._currentPointer=qV(a,a,this._mainGroup,{},this._currentPointer,l)},e.prototype._handlePlayClick=function(t){this._clearTimer(),this.api.dispatchAction({type:"timelinePlayChange",playState:t,from:this.uid})},e.prototype._handlePointerDrag=function(t,e,n){this._clearTimer(),this._pointerChangeTimeline([n.offsetX,n.offsetY])},e.prototype._handlePointerDragend=function(t){this._pointerChangeTimeline([t.offsetX,t.offsetY],!0)},e.prototype._pointerChangeTimeline=function(t,e){var n=this._toAxisCoord(t)[0],i=jr(this._axis.getExtent().slice());n>i[1]&&(n=i[1]),n<i[0]&&(n=i[0]),this._currentPointer.x=n,this._currentPointer.markRedraw();var r=this._progressLine;r&&(r.shape.x2=n,r.dirty());var o=this._findNearestTick(n),a=this.model;(e||o!==a.getCurrentIndex()&&a.get("realtime"))&&this._changeTimeline(o)},e.prototype._doPlayStop=function(){var t=this;this._clearTimer(),this.model.getPlayState()&&(this._timer=setTimeout((function(){var e=t.model;t._changeTimeline(e.getCurrentIndex()+(e.get("rewind",!0)?-1:1))}),this.model.get("playInterval")))},e.prototype._toAxisCoord=function(t){return zh(t,this._mainGroup.getLocalTransform(),!0)},e.prototype._findNearestTick=function(t){var e,n=this.model.getData(),i=1/0,r=this._axis;return n.each(["value"],(function(n,o){var a=r.dataToCoord(n),s=Math.abs(a-t);s<i&&(i=s,e=o)})),e},e.prototype._clearTimer=function(){this._timer&&(clearTimeout(this._timer),this._timer=null)},e.prototype._changeTimeline=function(t){var e=this.model.getCurrentIndex();"+"===t?t=e+1:"-"===t&&(t=e-1),this.api.dispatchAction({type:"timelineChange",currentIndex:t,from:this.uid})},e.prototype._updateTicksStatus=function(){var t=this.model.getCurrentIndex(),e=this._tickSymbols,n=this._tickLabels;if(e)for(var i=0;i<e.length;i++)e&&e[i]&&e[i].toggleState("progress",i<t);if(n)for(i=0;i<n.length;i++)n&&n[i]&&n[i].toggleState("progress",ZV(n[i]).dataIndex<=t)},e.type="timeline.slider",e}(YV);function qV(t,e,n,i,r,o){var a=e.get("color");r?(r.setColor(a),n.add(r),o&&o.onUpdate(r)):((r=Wy(t.get("symbol"),-1,-1,2,2,a)).setStyle("strokeNoScale",!0),n.add(r),o&&o.onCreate(r));var s=e.getItemStyle(["color"]);r.setStyle(s),i=C({rectHover:!0,z2:100},i,!0);var l=Hy(t.get("symbolSize"));i.scaleX=l[0]/2,i.scaleY=l[1]/2;var u=Yy(t.get("symbolOffset"),l);u&&(i.x=(i.x||0)+u[0],i.y=(i.y||0)+u[1]);var h=t.get("symbolRotate");return i.rotation=(h||0)*Math.PI/180||0,r.attr(i),r.updateTransform(),r}function KV(t,e,n,i,r,o){if(!t.dragging){var a=r.getModel("checkpointStyle"),s=i.dataToCoord(r.getData().get("value",n));if(o||!a.get("animation",!0))t.attr({x:s,y:0}),e&&e.attr({shape:{x2:s}});else{var l={duration:a.get("animationDuration",!0),easing:a.get("animationEasing",!0)};t.stopAnimation(null,!0),t.animateTo({x:s,y:0},l),e&&e.animateTo({shape:{x2:s}},l)}}}function $V(t){var e=t&&t.timeline;Y(e)||(e=e?[e]:[]),E(e,(function(t){t&&function(t){var e=t.type,n={number:"value",time:"time"};n[e]&&(t.axisType=n[e],delete t.type);if(JV(t),QV(t,"controlPosition")){var i=t.controlStyle||(t.controlStyle={});QV(i,"position")||(i.position=t.controlPosition),"none"!==i.position||QV(i,"show")||(i.show=!1,delete i.position),delete t.controlPosition}E(t.data||[],(function(t){q(t)&&!Y(t)&&(!QV(t,"value")&&QV(t,"name")&&(t.value=t.name),JV(t))}))}(t)}))}function JV(t){var e=t.itemStyle||(t.itemStyle={}),n=e.emphasis||(e.emphasis={}),i=t.label||t.label||{},r=i.normal||(i.normal={}),o={normal:1,emphasis:1};E(i,(function(t,e){o[e]||QV(r,e)||(r[e]=t)})),n.label&&!QV(i,"emphasis")&&(i.emphasis=n.label,delete n.label)}function QV(t,e){return t.hasOwnProperty(e)}function tB(t,e){if(!t)return!1;for(var n=Y(t)?t:[t],i=0;i<n.length;i++)if(n[i]&&n[i][e])return!0;return!1}function eB(t){wo(t,"label",["show"])}var nB=Oo(),iB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.createdBySelf=!1,n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),this._mergeOption(t,n,!1,!0)},e.prototype.isAnimationEnabled=function(){if(r.node)return!1;var t=this.__hostSeries;return this.getShallow("animation")&&t&&t.isAnimationEnabled()},e.prototype.mergeOption=function(t,e){this._mergeOption(t,e,!1,!1)},e.prototype._mergeOption=function(t,e,n,i){var r=this.mainType;n||e.eachSeries((function(t){var n=t.get(this.mainType,!0),o=nB(t)[r];n&&n.data?(o?o._mergeOption(n,e,!0):(i&&eB(n),E(n.data,(function(t){t instanceof Array?(eB(t[0]),eB(t[1])):eB(t)})),A(o=this.createMarkerModelFromSeries(n,this,e),{mainType:this.mainType,seriesIndex:t.seriesIndex,name:t.name,createdBySelf:!0}),o.__hostSeries=t),nB(t)[r]=o):nB(t)[r]=null}),this)},e.prototype.formatTooltip=function(t,e,n){var i=this.getData(),r=this.getRawValue(t),o=i.getName(t);return ng("section",{header:this.name,blocks:[ng("nameValue",{name:o,value:r,noName:!o,noValue:null==r})]})},e.prototype.getData=function(){return this._data},e.prototype.setData=function(t){this._data=t},e.getMarkerModelFromSeries=function(t,e){return nB(t)[e]},e.type="marker",e.dependencies=["series","grid","polar","geo"],e}(Rp);R(iB,vf.prototype);var rB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markPoint",e.defaultOption={z:5,symbol:"pin",symbolSize:50,tooltip:{trigger:"item"},label:{show:!0,position:"inside"},itemStyle:{borderWidth:2},emphasis:{label:{show:!0}}},e}(iB);function oB(t){return!(isNaN(parseFloat(t.x))&&isNaN(parseFloat(t.y)))}function aB(t,e,n,i,r,o){var a=[],s=gx(e,i)?e.getCalculationInfo("stackResultDimension"):i,l=pB(e,s,t),u=e.indicesOfNearest(s,l)[0];a[r]=e.get(n,u),a[o]=e.get(s,u);var h=e.get(i,u),c=qr(e.get(i,u));return(c=Math.min(c,20))>=0&&(a[o]=+a[o].toFixed(c)),[a,h]}var sB={min:H(aB,"min"),max:H(aB,"max"),average:H(aB,"average"),median:H(aB,"median")};function lB(t,e){if(e){var n=t.getData(),i=t.coordinateSystem,r=i&&i.dimensions;if(!function(t){return!isNaN(parseFloat(t.x))&&!isNaN(parseFloat(t.y))}(e)&&!Y(e.coord)&&Y(r)){var o=uB(e,n,i,t);if((e=T(e)).type&&sB[e.type]&&o.baseAxis&&o.valueAxis){var a=P(r,o.baseAxis.dim),s=P(r,o.valueAxis.dim),l=sB[e.type](n,o.baseDataDim,o.valueDataDim,a,s);e.coord=l[0],e.value=l[1]}else e.coord=[null!=e.xAxis?e.xAxis:e.radiusAxis,null!=e.yAxis?e.yAxis:e.angleAxis]}if(null!=e.coord&&Y(r))for(var u=e.coord,h=0;h<2;h++)sB[u[h]]&&(u[h]=pB(n,n.mapDimension(r[h]),u[h]));else e.coord=[];return e}}function uB(t,e,n,i){var r={};return null!=t.valueIndex||null!=t.valueDim?(r.valueDataDim=null!=t.valueIndex?e.getDimension(t.valueIndex):t.valueDim,r.valueAxis=n.getAxis(function(t,e){var n=t.getData().getDimensionInfo(e);return n&&n.coordDim}(i,r.valueDataDim)),r.baseAxis=n.getOtherAxis(r.valueAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim)):(r.baseAxis=i.getBaseAxis(),r.valueAxis=n.getOtherAxis(r.baseAxis),r.baseDataDim=e.mapDimension(r.baseAxis.dim),r.valueDataDim=e.mapDimension(r.valueAxis.dim)),r}function hB(t,e){return!(t&&t.containData&&e.coord&&!oB(e))||t.containData(e.coord)}function cB(t,e){return t?function(t,n,i,r){return wf(r<2?t.coord&&t.coord[r]:t.value,e[r])}:function(t,n,i,r){return wf(t.value,e[r])}}function pB(t,e,n){if("average"===n){var i=0,r=0;return t.each(e,(function(t,e){isNaN(t)||(i+=t,r++)})),i/r}return"median"===n?t.getMedian(e):t.getDataExtent(e)["max"===n?1:0]}var dB=Oo(),fB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.init=function(){this.markerGroupMap=yt()},e.prototype.render=function(t,e,n){var i=this,r=this.markerGroupMap;r.each((function(t){dB(t).keep=!1})),e.eachSeries((function(t){var r=iB.getMarkerModelFromSeries(t,i.type);r&&i.renderSeries(t,r,e,n)})),r.each((function(t){!dB(t).keep&&i.group.remove(t.group)}))},e.prototype.markKeep=function(t){dB(t).keep=!0},e.prototype.toggleBlurSeries=function(t,e){var n=this;E(t,(function(t){var i=iB.getMarkerModelFromSeries(t,n.type);i&&i.getData().eachItemGraphicEl((function(t){t&&(e?Pl(t):Ol(t))}))}))},e.type="marker",e}(Tg);function gB(t,e,n){var i=e.coordinateSystem;t.each((function(r){var o,a=t.getItemModel(r),s=Ur(a.get("x"),n.getWidth()),l=Ur(a.get("y"),n.getHeight());if(isNaN(s)||isNaN(l)){if(e.getMarkerPosition)o=e.getMarkerPosition(t.getValues(t.dimensions,r));else if(i){var u=t.get(i.dimensions[0],r),h=t.get(i.dimensions[1],r);o=i.dataToPoint([u,h])}}else o=[s,l];isNaN(s)||(o[0]=s),isNaN(l)||(o[1]=l),t.setItemLayout(r,o)}))}var yB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=iB.getMarkerModelFromSeries(t,"markPoint");e&&(gB(e.getData(),t,n),this.markerGroupMap.get(t.id).updateLayout())}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new hS),u=function(t,e,n){var i;i=t?z(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new lx(i,n),o=z(n.get("data"),H(lB,e));t&&(o=B(o,H(hB,t)));var a=cB(!!t,i);return r.initData(o,null,a),r}(r,t,e);e.setData(u),gB(e.getData(),t,i),u.each((function(t){var n=u.getItemModel(t),i=n.getShallow("symbol"),r=n.getShallow("symbolSize"),o=n.getShallow("symbolRotate"),s=n.getShallow("symbolOffset"),l=n.getShallow("symbolKeepAspect");if(X(i)||X(r)||X(o)||X(s)){var h=e.getRawValue(t),c=e.getDataParams(t);X(i)&&(i=i(h,c)),X(r)&&(r=r(h,c)),X(o)&&(o=o(h,c)),X(s)&&(s=s(h,c))}var p=n.getModel("itemStyle").getItemStyle(),d=Ty(a,"color");p.fill||(p.fill=d),u.setItemVisual(t,{symbol:i,symbolSize:r,symbolRotate:o,symbolOffset:s,symbolKeepAspect:l,style:p})})),l.updateData(u),this.group.add(l.group),u.eachItemGraphicEl((function(t){t.traverse((function(t){Qs(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markPoint",e}(fB);var vB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markLine",e.defaultOption={z:5,symbol:["circle","arrow"],symbolSize:[8,16],symbolOffset:0,precision:2,tooltip:{trigger:"item"},label:{show:!0,position:"end",distance:5},lineStyle:{type:"dashed"},emphasis:{label:{show:!0},lineStyle:{width:3}},animationEasing:"linear"},e}(iB),mB=Oo(),xB=function(t,e,n,i){var r,o=t.getData();if(Y(i))r=i;else{var a=i.type;if("min"===a||"max"===a||"average"===a||"median"===a||null!=i.xAxis||null!=i.yAxis){var s=void 0,l=void 0;if(null!=i.yAxis||null!=i.xAxis)s=e.getAxis(null!=i.yAxis?"y":"x"),l=it(i.yAxis,i.xAxis);else{var u=uB(i,o,e,t);s=u.valueAxis,l=pB(o,yx(o,u.valueDataDim),a)}var h="x"===s.dim?0:1,c=1-h,p=T(i),d={coord:[]};p.type=null,p.coord=[],p.coord[c]=-1/0,d.coord[c]=1/0;var f=n.get("precision");f>=0&&j(l)&&(l=+l.toFixed(Math.min(f,20))),p.coord[h]=d.coord[h]=l,r=[p,d,{type:a,valueIndex:i.valueIndex,value:l}]}else r=[]}var g=[lB(t,r[0]),lB(t,r[1]),A({},r[2])];return g[2].type=g[2].type||null,C(g[2],g[0]),C(g[2],g[1]),g};function _B(t){return!isNaN(t)&&!isFinite(t)}function bB(t,e,n,i){var r=1-t,o=i.dimensions[t];return _B(e[r])&&_B(n[r])&&e[t]===n[t]&&i.getAxis(o).containData(e[t])}function wB(t,e){if("cartesian2d"===t.type){var n=e[0].coord,i=e[1].coord;if(n&&i&&(bB(1,n,i,t)||bB(0,n,i,t)))return!0}return hB(t,e[0])&&hB(t,e[1])}function SB(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=Ur(s.get("x"),r.getWidth()),u=Ur(s.get("y"),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition)o=i.getMarkerPosition(t.getValues(t.dimensions,e));else{var h=a.dimensions,c=t.get(h[0],e),p=t.get(h[1],e);o=a.dataToPoint([c,p])}if(MS(a,"cartesian2d")){var d=a.getAxis("x"),f=a.getAxis("y");h=a.dimensions;_B(t.get(h[0],e))?o[0]=d.toGlobalCoord(d.getExtent()[n?0:1]):_B(t.get(h[1],e))&&(o[1]=f.toGlobalCoord(f.getExtent()[n?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];t.setItemLayout(e,o)}var MB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=iB.getMarkerModelFromSeries(t,"markLine");if(e){var i=e.getData(),r=mB(e).from,o=mB(e).to;r.each((function(e){SB(r,e,!0,t,n),SB(o,e,!1,t,n)})),i.each((function(t){i.setItemLayout(t,[r.getItemLayout(t),o.getItemLayout(t)])})),this.markerGroupMap.get(t.id).updateLayout()}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,new RA);this.group.add(l.group);var u=function(t,e,n){var i;i=t?z(t&&t.dimensions,(function(t){return A(A({},e.getData().getDimensionInfo(e.getData().mapDimension(t))||{}),{name:t,ordinalMeta:null})})):[{name:"value",type:"float"}];var r=new lx(i,n),o=new lx(i,n),a=new lx([],n),s=z(n.get("data"),H(xB,e,t,n));t&&(s=B(s,H(wB,t)));var l=cB(!!t,i);return r.initData(z(s,(function(t){return t[0]})),null,l),o.initData(z(s,(function(t){return t[1]})),null,l),a.initData(z(s,(function(t){return t[2]}))),a.hasItemOption=!0,{from:r,to:o,line:a}}(r,t,e),h=u.from,c=u.to,p=u.line;mB(e).from=h,mB(e).to=c,e.setData(p);var d=e.get("symbol"),f=e.get("symbolSize"),g=e.get("symbolRotate"),y=e.get("symbolOffset");function v(e,n,r){var o=e.getItemModel(n);SB(e,n,r,t,i);var s=o.getModel("itemStyle").getItemStyle();null==s.fill&&(s.fill=Ty(a,"color")),e.setItemVisual(n,{symbolKeepAspect:o.get("symbolKeepAspect"),symbolOffset:rt(o.get("symbolOffset",!0),y[r?0:1]),symbolRotate:rt(o.get("symbolRotate",!0),g[r?0:1]),symbolSize:rt(o.get("symbolSize"),f[r?0:1]),symbol:rt(o.get("symbol",!0),d[r?0:1]),style:s})}Y(d)||(d=[d,d]),Y(f)||(f=[f,f]),Y(g)||(g=[g,g]),Y(y)||(y=[y,y]),u.from.each((function(t){v(h,t,!0),v(c,t,!1)})),p.each((function(t){var e=p.getItemModel(t).getModel("lineStyle").getLineStyle();p.setItemLayout(t,[h.getItemLayout(t),c.getItemLayout(t)]),null==e.stroke&&(e.stroke=h.getItemVisual(t,"style").fill),p.setItemVisual(t,{fromSymbolKeepAspect:h.getItemVisual(t,"symbolKeepAspect"),fromSymbolOffset:h.getItemVisual(t,"symbolOffset"),fromSymbolRotate:h.getItemVisual(t,"symbolRotate"),fromSymbolSize:h.getItemVisual(t,"symbolSize"),fromSymbol:h.getItemVisual(t,"symbol"),toSymbolKeepAspect:c.getItemVisual(t,"symbolKeepAspect"),toSymbolOffset:c.getItemVisual(t,"symbolOffset"),toSymbolRotate:c.getItemVisual(t,"symbolRotate"),toSymbolSize:c.getItemVisual(t,"symbolSize"),toSymbol:c.getItemVisual(t,"symbol"),style:e})})),l.updateData(p),u.line.eachItemGraphicEl((function(t){Qs(t).dataModel=e,t.traverse((function(t){Qs(t).dataModel=e}))})),this.markKeep(l),l.group.silent=e.get("silent")||t.get("silent")},e.type="markLine",e}(fB);var IB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.createMarkerModelFromSeries=function(t,n,i){return new e(t,n,i)},e.type="markArea",e.defaultOption={z:1,tooltip:{trigger:"item"},animation:!1,label:{show:!0,position:"top"},itemStyle:{borderWidth:0},emphasis:{label:{show:!0,position:"top"}}},e}(iB),TB=Oo(),CB=function(t,e,n,i){var r=i[0],o=i[1];if(r&&o){var a=lB(t,r),s=lB(t,o),l=a.coord,u=s.coord;l[0]=it(l[0],-1/0),l[1]=it(l[1],-1/0),u[0]=it(u[0],1/0),u[1]=it(u[1],1/0);var h=D([{},a,s]);return h.coord=[a.coord,s.coord],h.x0=a.x,h.y0=a.y,h.x1=s.x,h.y1=s.y,h}};function DB(t){return!isNaN(t)&&!isFinite(t)}function AB(t,e,n,i){var r=1-t;return DB(e[r])&&DB(n[r])}function kB(t,e){var n=e.coord[0],i=e.coord[1],r={coord:n,x:e.x0,y:e.y0},o={coord:i,x:e.x1,y:e.y1};return MS(t,"cartesian2d")?!(!n||!i||!AB(1,n,i)&&!AB(0,n,i))||function(t,e,n){return!(t&&t.containZone&&e.coord&&n.coord&&!oB(e)&&!oB(n))||t.containZone(e.coord,n.coord)}(t,r,o):hB(t,r)||hB(t,o)}function LB(t,e,n,i,r){var o,a=i.coordinateSystem,s=t.getItemModel(e),l=Ur(s.get(n[0]),r.getWidth()),u=Ur(s.get(n[1]),r.getHeight());if(isNaN(l)||isNaN(u)){if(i.getMarkerPosition){var h=t.getValues(["x0","y0"],e),c=t.getValues(["x1","y1"],e),p=a.clampData(h),d=a.clampData(c),f=[];"x0"===n[0]?f[0]=p[0]>d[0]?c[0]:h[0]:f[0]=p[0]>d[0]?h[0]:c[0],"y0"===n[1]?f[1]=p[1]>d[1]?c[1]:h[1]:f[1]=p[1]>d[1]?h[1]:c[1],o=i.getMarkerPosition(f,n,!0)}else{var g=[m=t.get(n[0],e),x=t.get(n[1],e)];a.clampData&&a.clampData(g,g),o=a.dataToPoint(g,!0)}if(MS(a,"cartesian2d")){var y=a.getAxis("x"),v=a.getAxis("y"),m=t.get(n[0],e),x=t.get(n[1],e);DB(m)?o[0]=y.toGlobalCoord(y.getExtent()["x0"===n[0]?0:1]):DB(x)&&(o[1]=v.toGlobalCoord(v.getExtent()["y0"===n[1]?0:1]))}isNaN(l)||(o[0]=l),isNaN(u)||(o[1]=u)}else o=[l,u];return o}var PB=[["x0","y0"],["x1","y0"],["x1","y1"],["x0","y1"]],OB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.updateTransform=function(t,e,n){e.eachSeries((function(t){var e=iB.getMarkerModelFromSeries(t,"markArea");if(e){var i=e.getData();i.each((function(e){var r=z(PB,(function(r){return LB(i,e,r,t,n)}));i.setItemLayout(e,r),i.getItemGraphicEl(e).setShape("points",r)}))}}),this)},e.prototype.renderSeries=function(t,e,n,i){var r=t.coordinateSystem,o=t.id,a=t.getData(),s=this.markerGroupMap,l=s.get(o)||s.set(o,{group:new zr});this.group.add(l.group),this.markKeep(l);var u=function(t,e,n){var i,r,o=["x0","y0","x1","y1"];if(t){var a=z(t&&t.dimensions,(function(t){var n=e.getData();return A(A({},n.getDimensionInfo(n.mapDimension(t))||{}),{name:t,ordinalMeta:null})}));r=z(o,(function(t,e){return{name:t,type:a[e%2].type}})),i=new lx(r,n)}else i=new lx(r=[{name:"value",type:"float"}],n);var s=z(n.get("data"),H(CB,e,t,n));t&&(s=B(s,H(kB,t)));var l=t?function(t,e,n,i){return wf(t.coord[Math.floor(i/2)][i%2],r[i])}:function(t,e,n,i){return wf(t.value,r[i])};return i.initData(s,null,l),i.hasItemOption=!0,i}(r,t,e);e.setData(u),u.each((function(e){var n=z(PB,(function(n){return LB(u,e,n,t,i)})),o=r.getAxis("x").scale,s=r.getAxis("y").scale,l=o.getExtent(),h=s.getExtent(),c=[o.parse(u.get("x0",e)),o.parse(u.get("x1",e))],p=[s.parse(u.get("y0",e)),s.parse(u.get("y1",e))];jr(c),jr(p);var d=!!(l[0]>c[1]||l[1]<c[0]||h[0]>p[1]||h[1]<p[0]);u.setItemLayout(e,{points:n,allClipped:d});var f=u.getItemModel(e).getModel("itemStyle").getItemStyle(),g=Ty(a,"color");f.fill||(f.fill=g,U(f.fill)&&(f.fill=ii(f.fill,.4))),f.stroke||(f.stroke=g),u.setItemVisual(e,"style",f)})),u.diff(TB(l).data).add((function(t){var e=u.getItemLayout(t);if(!e.allClipped){var n=new Wu({shape:{points:e.points}});u.setItemGraphicEl(t,n),l.group.add(n)}})).update((function(t,n){var i=TB(l).data.getItemGraphicEl(n),r=u.getItemLayout(t);r.allClipped?i&&l.group.remove(i):(i?fh(i,{shape:{points:r.points}},e,t):i=new Wu({shape:{points:r.points}}),u.setItemGraphicEl(t,i),l.group.add(i))})).remove((function(t){var e=TB(l).data.getItemGraphicEl(t);l.group.remove(e)})).execute(),u.eachItemGraphicEl((function(t,n){var i=u.getItemModel(n),r=u.getItemVisual(n,"style");t.useStyle(u.getItemVisual(n,"style")),tc(t,ec(i),{labelFetcher:e,labelDataIndex:n,defaultText:u.getName(n)||"",inheritColor:U(r.fill)?ii(r.fill,1):"#000"}),jl(t,i),Yl(t,null,null,i.get(["emphasis","disabled"])),Qs(t).dataModel=e})),TB(l).data=u,l.group.silent=e.get("silent")||t.get("silent")},e.type="markArea",e}(fB);var RB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.layoutMode={type:"box",ignoreSize:!0},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n),t.selected=t.selected||{},this._updateSelector(t)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),this._updateSelector(e)},e.prototype._updateSelector=function(t){var e=t.selector,n=this.ecModel;!0===e&&(e=t.selector=["all","inverse"]),Y(e)&&E(e,(function(t,i){U(t)&&(t={type:t}),e[i]=C(t,function(t,e){return"all"===e?{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}:"inverse"===e?{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}:void 0}(n,t.type))}))},e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&"single"===this.get("selectedMode")){for(var e=!1,n=0;n<t.length;n++){var i=t[n].get("name");if(this.isSelected(i)){this.select(i),e=!0;break}}!e&&this.select(t[0].get("name"))}},e.prototype._updateData=function(t){var e=[],n=[];t.eachRawSeries((function(i){var r,o=i.name;if(n.push(o),i.legendVisualProvider){var a=i.legendVisualProvider.getAllNames();t.isSeriesFiltered(i)||(n=n.concat(a)),a.length?e=e.concat(a):r=!0}else r=!0;r&&ko(i)&&e.push(i.name)})),this._availableNames=n;var i=this.get("data")||e,r=yt(),o=z(i,(function(t){return(U(t)||j(t))&&(t={name:t}),r.get(t.name)?null:(r.set(t.name,!0),new Mc(t,this,this.ecModel))}),this);this._data=B(o,(function(t){return!!t}))},e.prototype.getData=function(){return this._data},e.prototype.select=function(t){var e=this.option.selected;"single"===this.get("selectedMode")&&E(this._data,(function(t){e[t.get("name")]=!1}));e[t]=!0},e.prototype.unSelect=function(t){"single"!==this.get("selectedMode")&&(this.option.selected[t]=!1)},e.prototype.toggleSelected=function(t){var e=this.option.selected;e.hasOwnProperty(t)||(e[t]=!0),this[e[t]?"unSelect":"select"](t)},e.prototype.allSelect=function(){var t=this._data,e=this.option.selected;E(t,(function(t){e[t.get("name",!0)]=!0}))},e.prototype.inverseSelect=function(){var t=this._data,e=this.option.selected;E(t,(function(t){var n=t.get("name",!0);e.hasOwnProperty(n)||(e[n]=!0),e[n]=!e[n]}))},e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&P(this._availableNames,t)>=0},e.prototype.getOrient=function(){return"vertical"===this.get("orient")?{index:1,name:"vertical"}:{index:0,name:"horizontal"}},e.type="legend.plain",e.dependencies=["series"],e.defaultOption={z:4,show:!0,orient:"horizontal",left:"center",top:0,align:"auto",backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderRadius:0,borderWidth:0,padding:5,itemGap:10,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:!0,inactiveColor:"#ccc",inactiveBorderColor:"#ccc",inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:"#ccc",inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:"#333"},selectedMode:!0,selector:!1,selectorLabel:{show:!0,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:"#666",borderWidth:1,borderColor:"#666"},emphasis:{selectorLabel:{show:!0,color:"#eee",backgroundColor:"#666"}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:!1}},e}(Rp),NB=H,EB=E,zB=zr,VB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!1,n}return n(e,t),e.prototype.init=function(){this.group.add(this._contentGroup=new zB),this.group.add(this._selectorGroup=new zB),this._isFirstRender=!0},e.prototype.getContentGroup=function(){return this._contentGroup},e.prototype.getSelectorGroup=function(){return this._selectorGroup},e.prototype.render=function(t,e,n){var i=this._isFirstRender;if(this._isFirstRender=!1,this.resetInner(),t.get("show",!0)){var r=t.get("align"),o=t.get("orient");r&&"auto"!==r||(r="right"===t.get("left")&&"vertical"===o?"right":"left");var a=t.get("selector",!0),s=t.get("selectorPosition",!0);!a||s&&"auto"!==s||(s="horizontal"===o?"end":"start"),this.renderInner(r,t,e,n,a,o,s);var l=t.getBoxLayoutParams(),u={width:n.getWidth(),height:n.getHeight()},h=t.get("padding"),c=Cp(l,u,h),p=this.layoutInner(t,r,c,i,a,s),d=Cp(k({width:p.width,height:p.height},l),u,h);this.group.x=d.x-p.x,this.group.y=d.y-p.y,this.group.markRedraw(),this.group.add(this._backgroundEl=dz(p,t))}},e.prototype.resetInner=function(){this.getContentGroup().removeAll(),this._backgroundEl&&this.group.remove(this._backgroundEl),this.getSelectorGroup().removeAll()},e.prototype.renderInner=function(t,e,n,i,r,o,a){var s=this.getContentGroup(),l=yt(),u=e.get("selectedMode"),h=[];n.eachRawSeries((function(t){!t.get("legendHoverLink")&&h.push(t.id)})),EB(e.getData(),(function(r,o){var a=r.get("name");if(!this.newlineDisabled&&(""===a||"\n"===a)){var c=new zB;return c.newline=!0,void s.add(c)}var p=n.getSeriesByName(a)[0];if(!l.get(a)){if(p){var d=p.getData(),f=d.getVisual("legendLineStyle")||{},g=d.getVisual("legendIcon"),y=d.getVisual("style");this._createItem(p,a,o,r,e,t,f,y,g,u,i).on("click",NB(BB,a,null,i,h)).on("mouseover",NB(GB,p.name,null,i,h)).on("mouseout",NB(WB,p.name,null,i,h)),l.set(a,!0)}else n.eachRawSeries((function(n){if(!l.get(a)&&n.legendVisualProvider){var s=n.legendVisualProvider;if(!s.containName(a))return;var c=s.indexOfName(a),p=s.getItemVisual(c,"style"),d=s.getItemVisual(c,"legendIcon"),f=qn(p.fill);f&&0===f[3]&&(f[3]=.2,p=A(A({},p),{fill:ri(f,"rgba")})),this._createItem(n,a,o,r,e,t,{},p,d,u,i).on("click",NB(BB,null,a,i,h)).on("mouseover",NB(GB,null,a,i,h)).on("mouseout",NB(WB,null,a,i,h)),l.set(a,!0)}}),this);0}}),this),r&&this._createSelector(r,e,i,o,a)},e.prototype._createSelector=function(t,e,n,i,r){var o=this.getSelectorGroup();EB(t,(function(t){var i=t.type,r=new Fs({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){n.dispatchAction({type:"all"===i?"legendAllSelect":"legendInverseSelect"})}});o.add(r),tc(r,{normal:e.getModel("selectorLabel"),emphasis:e.getModel(["emphasis","selectorLabel"])},{defaultText:t.title}),Hl(r)}))},e.prototype._createItem=function(t,e,n,i,r,o,a,s,l,u,h){var c=t.visualDrawType,p=r.get("itemWidth"),d=r.get("itemHeight"),f=r.isSelected(e),g=i.get("symbolRotate"),y=i.get("symbolKeepAspect"),v=i.get("icon"),m=function(t,e,n,i,r,o,a){function s(t,e){"auto"===t.lineWidth&&(t.lineWidth=e.lineWidth>0?2:0),EB(t,(function(n,i){"inherit"===t[i]&&(t[i]=e[i])}))}var l=e.getModel("itemStyle"),u=l.getItemStyle(),h=0===t.lastIndexOf("empty",0)?"fill":"stroke",c=l.getShallow("decal");u.decal=c&&"inherit"!==c?gv(c,a):i.decal,"inherit"===u.fill&&(u.fill=i[r]);"inherit"===u.stroke&&(u.stroke=i[h]);"inherit"===u.opacity&&(u.opacity=("fill"===r?i:n).opacity);s(u,i);var p=e.getModel("lineStyle"),d=p.getLineStyle();if(s(d,n),"auto"===u.fill&&(u.fill=i.fill),"auto"===u.stroke&&(u.stroke=i.fill),"auto"===d.stroke&&(d.stroke=i.fill),!o){var f=e.get("inactiveBorderWidth"),g=u[h];u.lineWidth="auto"===f?i.lineWidth>0&&g?2:0:u.lineWidth,u.fill=e.get("inactiveColor"),u.stroke=e.get("inactiveBorderColor"),d.stroke=p.get("inactiveColor"),d.lineWidth=p.get("inactiveWidth")}return{itemStyle:u,lineStyle:d}}(l=v||l||"roundRect",i,a,s,c,f,h),x=new zB,_=i.getModel("textStyle");if(!X(t.getLegendIcon)||v&&"inherit"!==v){var b="inherit"===v&&t.getData().getVisual("symbol")?"inherit"===g?t.getData().getVisual("symbolRotate"):g:0;x.add(function(t){var e=t.icon||"roundRect",n=Wy(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);n.setStyle(t.itemStyle),n.rotation=(t.iconRotate||0)*Math.PI/180,n.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(n.style.stroke=n.style.fill,n.style.fill="#fff",n.style.lineWidth=2);return n}({itemWidth:p,itemHeight:d,icon:l,iconRotate:b,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}))}else x.add(t.getLegendIcon({itemWidth:p,itemHeight:d,icon:l,iconRotate:g,itemStyle:m.itemStyle,lineStyle:m.lineStyle,symbolKeepAspect:y}));var w="left"===o?p+5:-5,S=o,M=r.get("formatter"),I=e;U(M)&&M?I=M.replace("{name}",null!=e?e:""):X(M)&&(I=M(e));var T=f?_.getTextColor():i.get("inactiveColor");x.add(new Fs({style:nc(_,{text:I,x:w,y:d/2,fill:T,align:S,verticalAlign:"middle"},{inheritColor:T})}));var C=new zs({shape:x.getBoundingRect(),invisible:!0}),D=i.getModel("tooltip");return D.get("show")&&Zh({el:C,componentModel:r,itemName:e,itemTooltipOption:D.option}),x.add(C),x.eachChild((function(t){t.silent=!0})),C.silent=!u,this.getContentGroup().add(x),Hl(x),x.__legendDataIndex=n,x},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getContentGroup(),s=this.getSelectorGroup();Tp(t.get("orient"),a,t.get("itemGap"),n.width,n.height);var l=a.getBoundingRect(),u=[-l.x,-l.y];if(s.markRedraw(),a.markRedraw(),r){Tp("horizontal",s,t.get("selectorItemGap",!0));var h=s.getBoundingRect(),c=[-h.x,-h.y],p=t.get("selectorButtonGap",!0),d=t.getOrient().index,f=0===d?"width":"height",g=0===d?"height":"width",y=0===d?"y":"x";"end"===o?c[d]+=l[f]+p:u[d]+=h[f]+p,c[1-d]+=l[g]/2-h[g]/2,s.x=c[0],s.y=c[1],a.x=u[0],a.y=u[1];var v={x:0,y:0};return v[f]=l[f]+p+h[f],v[g]=Math.max(l[g],h[g]),v[y]=Math.min(0,h[y]+c[1-d]),v}return a.x=u[0],a.y=u[1],this.group.getBoundingRect()},e.prototype.remove=function(){this.getContentGroup().removeAll(),this._isFirstRender=!0},e.type="legend.plain",e}(Tg);function BB(t,e,n,i){WB(t,e,n,i),n.dispatchAction({type:"legendToggleSelect",name:null!=t?t:e}),GB(t,e,n,i)}function FB(t){for(var e,n=t.getZr().storage.getDisplayList(),i=0,r=n.length;i<r&&!(e=n[i].states.emphasis);)i++;return e&&e.hoverLayer}function GB(t,e,n,i){FB(n)||n.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}function WB(t,e,n,i){FB(n)||n.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}function HB(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.filterSeries((function(t){for(var n=0;n<e.length;n++)if(!e[n].isSelected(t.name))return!1;return!0}))}function YB(t,e,n){var i,r={},o="toggleSelected"===t;return n.eachComponent("legend",(function(n){o&&null!=i?n[i?"select":"unSelect"](e.name):"allSelect"===t||"inverseSelect"===t?n[t]():(n[t](e.name),i=n.isSelected(e.name)),E(n.getData(),(function(t){var e=t.get("name");if("\n"!==e&&""!==e){var i=n.isSelected(e);r.hasOwnProperty(e)?r[e]=r[e]&&i:r[e]=i}}))})),"allSelect"===t||"inverseSelect"===t?{selected:r}:{name:e.name,selected:r}}function XB(t){t.registerComponentModel(RB),t.registerComponentView(VB),t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,HB),t.registerSubTypeDefaulter("legend",(function(){return"plain"})),function(t){t.registerAction("legendToggleSelect","legendselectchanged",H(YB,"toggleSelected")),t.registerAction("legendAllSelect","legendselectall",H(YB,"allSelect")),t.registerAction("legendInverseSelect","legendinverseselect",H(YB,"inverseSelect")),t.registerAction("legendSelect","legendselected",H(YB,"select")),t.registerAction("legendUnSelect","legendunselected",H(YB,"unSelect"))}(t)}var UB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t},e.prototype.init=function(e,n,i){var r=Lp(e);t.prototype.init.call(this,e,n,i),ZB(this,e,r)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),ZB(this,this.option,e)},e.type="legend.scroll",e.defaultOption=Cc(RB.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:"#2f4554",pageIconInactiveColor:"#aaa",pageIconSize:15,pageTextStyle:{color:"#333"},animationDurationUpdate:800}),e}(RB);function ZB(t,e,n){var i=[1,1];i[t.getOrient().index]=0,kp(e,n,{type:"box",ignoreSize:!!i})}var jB=zr,qB=["width","height"],KB=["x","y"],$B=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.newlineDisabled=!0,n._currentIndex=0,n}return n(e,t),e.prototype.init=function(){t.prototype.init.call(this),this.group.add(this._containerGroup=new jB),this._containerGroup.add(this.getContentGroup()),this.group.add(this._controllerGroup=new jB)},e.prototype.resetInner=function(){t.prototype.resetInner.call(this),this._controllerGroup.removeAll(),this._containerGroup.removeClipPath(),this._containerGroup.__rectSize=null},e.prototype.renderInner=function(e,n,i,r,o,a,s){var l=this;t.prototype.renderInner.call(this,e,n,i,r,o,a,s);var u=this._controllerGroup,h=n.get("pageIconSize",!0),c=Y(h)?h:[h,h];d("pagePrev",0);var p=n.getModel("pageTextStyle");function d(t,e){var i=t+"DataIndex",o=Hh(n.get("pageIcons",!0)[n.getOrient().name][e],{onclick:W(l._pageGo,l,i,n,r)},{x:-c[0]/2,y:-c[1]/2,width:c[0],height:c[1]});o.name=t,u.add(o)}u.add(new Fs({name:"pageText",style:{text:"xx/xx",fill:p.getTextColor(),font:p.getFont(),verticalAlign:"middle",align:"center"},silent:!0})),d("pageNext",1)},e.prototype.layoutInner=function(t,e,n,i,r,o){var a=this.getSelectorGroup(),s=t.getOrient().index,l=qB[s],u=KB[s],h=qB[1-s],c=KB[1-s];r&&Tp("horizontal",a,t.get("selectorItemGap",!0));var p=t.get("selectorButtonGap",!0),d=a.getBoundingRect(),f=[-d.x,-d.y],g=T(n);r&&(g[l]=n[l]-d[l]-p);var y=this._layoutContentAndController(t,i,g,s,l,h,c,u);if(r){if("end"===o)f[s]+=y[l]+p;else{var v=d[l]+p;f[s]-=v,y[u]-=v}y[l]+=d[l]+p,f[1-s]+=y[c]+y[h]/2-d[h]/2,y[h]=Math.max(y[h],d[h]),y[c]=Math.min(y[c],d[c]+f[1-s]),a.x=f[0],a.y=f[1],a.markRedraw()}return y},e.prototype._layoutContentAndController=function(t,e,n,i,r,o,a,s){var l=this.getContentGroup(),u=this._containerGroup,h=this._controllerGroup;Tp(t.get("orient"),l,t.get("itemGap"),i?n.width:null,i?null:n.height),Tp("horizontal",h,t.get("pageButtonItemGap",!0));var c=l.getBoundingRect(),p=h.getBoundingRect(),d=this._showController=c[r]>n[r],f=[-c.x,-c.y];e||(f[i]=l[s]);var g=[0,0],y=[-p.x,-p.y],v=rt(t.get("pageButtonGap",!0),t.get("itemGap",!0));d&&("end"===t.get("pageButtonPosition",!0)?y[i]+=n[r]-p[r]:g[i]+=p[r]+v);y[1-i]+=c[o]/2-p[o]/2,l.setPosition(f),u.setPosition(g),h.setPosition(y);var m={x:0,y:0};if(m[r]=d?n[r]:c[r],m[o]=Math.max(c[o],p[o]),m[a]=Math.min(0,p[a]+y[1-i]),u.__rectSize=n[r],d){var x={x:0,y:0};x[r]=Math.max(n[r]-p[r]-v,0),x[o]=m[o],u.setClipPath(new zs({shape:x})),u.__rectSize=x[r]}else h.eachChild((function(t){t.attr({invisible:!0,silent:!0})}));var _=this._getPageInfo(t);return null!=_.pageIndex&&fh(l,{x:_.contentPosition[0],y:_.contentPosition[1]},d?t:null),this._updatePageInfoView(t,_),m},e.prototype._pageGo=function(t,e,n){var i=this._getPageInfo(e)[t];null!=i&&n.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})},e.prototype._updatePageInfoView=function(t,e){var n=this._controllerGroup;E(["pagePrev","pageNext"],(function(i){var r=null!=e[i+"DataIndex"],o=n.childOfName(i);o&&(o.setStyle("fill",r?t.get("pageIconColor",!0):t.get("pageIconInactiveColor",!0)),o.cursor=r?"pointer":"default")}));var i=n.childOfName("pageText"),r=t.get("pageFormatter"),o=e.pageIndex,a=null!=o?o+1:0,s=e.pageCount;i&&r&&i.setStyle("text",U(r)?r.replace("{current}",null==a?"":a+"").replace("{total}",null==s?"":s+""):r({current:a,total:s}))},e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",!0),n=this.getContentGroup(),i=this._containerGroup.__rectSize,r=t.getOrient().index,o=qB[r],a=KB[r],s=this._findTargetItemIndex(e),l=n.children(),u=l[s],h=l.length,c=h?1:0,p={contentPosition:[n.x,n.y],pageCount:c,pageIndex:c-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!u)return p;var d=m(u);p.contentPosition[r]=-d.s;for(var f=s+1,g=d,y=d,v=null;f<=h;++f)(!(v=m(l[f]))&&y.e>g.s+i||v&&!x(v,g.s))&&(g=y.i>g.i?y:v)&&(null==p.pageNextDataIndex&&(p.pageNextDataIndex=g.i),++p.pageCount),y=v;for(f=s-1,g=d,y=d,v=null;f>=-1;--f)(v=m(l[f]))&&x(y,v.s)||!(g.i<y.i)||(y=g,null==p.pagePrevDataIndex&&(p.pagePrevDataIndex=g.i),++p.pageCount,++p.pageIndex),g=v;return p;function m(t){if(t){var e=t.getBoundingRect(),n=e[a]+t[a];return{s:n,e:n+e[o],i:t.__legendDataIndex}}}function x(t,e){return t.e>=e&&t.s<=e+i}},e.prototype._findTargetItemIndex=function(t){return this._showController?(this.getContentGroup().eachChild((function(i,r){var o=i.__legendDataIndex;null==n&&null!=o&&(n=r),o===t&&(e=r)})),null!=e?e:n):0;var e,n},e.type="legend.scroll",e}(VB);function JB(t){Nm(XB),t.registerComponentModel(UB),t.registerComponentView($B),function(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var n=t.scrollDataIndex;null!=n&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(n)}))}))}(t)}var QB=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.inside",e.defaultOption=Cc(KE.defaultOption,{disabled:!1,zoomLock:!1,zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!1,preventDefaultMouseMove:!0}),e}(KE),tF=Oo();function eF(t,e,n){tF(t).coordSysRecordMap.each((function(t){var i=t.dataZoomInfoMap.get(e.uid);i&&(i.getRange=n)}))}function nF(t,e){if(e){t.removeKey(e.model.uid);var n=e.controller;n&&n.dispose()}}function iF(t,e){t.isDisposed()||t.dispatchAction({type:"dataZoom",animation:{easing:"cubicOut",duration:100},batch:e})}function rF(t,e,n,i){return t.coordinateSystem.containPoint([n,i])}function oF(t){t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER,(function(t,e){var n=tF(e),i=n.coordSysRecordMap||(n.coordSysRecordMap=yt());i.each((function(t){t.dataZoomInfoMap=null})),t.eachComponent({mainType:"dataZoom",subType:"inside"},(function(t){E(jE(t).infoList,(function(n){var r=n.model.uid,o=i.get(r)||i.set(r,function(t,e){var n={model:e,containsPoint:H(rF,e),dispatchAction:H(iF,t),dataZoomInfoMap:null,controller:null},i=n.controller=new UI(t.getZr());return E(["pan","zoom","scrollMove"],(function(t){i.on(t,(function(e){var i=[];n.dataZoomInfoMap.each((function(r){if(e.isAvailableBehavior(r.model.option)){var o=(r.getRange||{})[t],a=o&&o(r.dzReferCoordSysInfo,n.model.mainType,n.controller,e);!r.model.get("disabled",!0)&&a&&i.push({dataZoomId:r.model.id,start:a[0],end:a[1]})}})),i.length&&n.dispatchAction(i)}))})),n}(e,n.model));(o.dataZoomInfoMap||(o.dataZoomInfoMap=yt())).set(t.uid,{dzReferCoordSysInfo:n,model:t,getRange:null})}))})),i.each((function(t){var e,n=t.controller,r=t.dataZoomInfoMap;if(r){var o=r.keys()[0];null!=o&&(e=r.get(o))}if(e){var a=function(t){var e,n="type_",i={type_true:2,type_move:1,type_false:0,type_undefined:-1},r=!0;return t.each((function(t){var o=t.model,a=!o.get("disabled",!0)&&(!o.get("zoomLock",!0)||"move");i[n+a]>i[n+e]&&(e=a),r=r&&o.get("preventDefaultMouseMove",!0)})),{controlType:e,opt:{zoomOnMouseWheel:!0,moveOnMouseMove:!0,moveOnMouseWheel:!0,preventDefaultMouseMove:!!r}}}(r);n.enable(a.controlType,a.opt),n.setPointerChecker(t.containsPoint),Fg(t,"dispatchAction",e.model.get("throttle",!0),"fixRate")}else nF(i,t)}))}))}var aF=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataZoom.inside",e}return n(e,t),e.prototype.render=function(e,n,i){t.prototype.render.apply(this,arguments),e.noTarget()?this._clear():(this.range=e.getPercentRange(),eF(i,e,{pan:W(sF.pan,this),zoom:W(sF.zoom,this),scrollMove:W(sF.scrollMove,this)}))},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){!function(t,e){for(var n=tF(t).coordSysRecordMap,i=n.keys(),r=0;r<i.length;r++){var o=i[r],a=n.get(o),s=a.dataZoomInfoMap;if(s){var l=e.uid;s.get(l)&&(s.removeKey(l),s.keys().length||nF(n,a))}}}(this.api,this.dataZoomModel),this.range=null},e.type="dataZoom.inside",e}(QE),sF={zoom:function(t,e,n,i){var r=this.range,o=r.slice(),a=t.axisModels[0];if(a){var s=uF[e](null,[i.originX,i.originY],a,n,t),l=(s.signal>0?s.pixelStart+s.pixelLength-s.pixel:s.pixel-s.pixelStart)/s.pixelLength*(o[1]-o[0])+o[0],u=Math.max(1/i.scale,0);o[0]=(o[0]-l)*u+l,o[1]=(o[1]-l)*u+l;var h=this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();return Ck(0,o,[0,100],0,h.minSpan,h.maxSpan),this.range=o,r[0]!==o[0]||r[1]!==o[1]?o:void 0}},pan:lF((function(t,e,n,i,r,o){var a=uF[i]([o.oldX,o.oldY],[o.newX,o.newY],e,r,n);return a.signal*(t[1]-t[0])*a.pixel/a.pixelLength})),scrollMove:lF((function(t,e,n,i,r,o){return uF[i]([0,0],[o.scrollDelta,o.scrollDelta],e,r,n).signal*(t[1]-t[0])*o.scrollDelta}))};function lF(t){return function(e,n,i,r){var o=this.range,a=o.slice(),s=e.axisModels[0];if(s)return Ck(t(a,s,e,n,i,r),a,[0,100],"all"),this.range=a,o[0]!==a[0]||o[1]!==a[1]?a:void 0}}var uF={grid:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem.getRect();return t=t||[0,0],"x"===o.dim?(a.pixel=e[0]-t[0],a.pixelLength=s.width,a.pixelStart=s.x,a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=s.height,a.pixelStart=s.y,a.signal=o.inverse?-1:1),a},polar:function(t,e,n,i,r){var o=n.axis,a={},s=r.model.coordinateSystem,l=s.getRadiusAxis().getExtent(),u=s.getAngleAxis().getExtent();return t=t?s.pointToCoord(t):[0,0],e=s.pointToCoord(e),"radiusAxis"===n.mainType?(a.pixel=e[0]-t[0],a.pixelLength=l[1]-l[0],a.pixelStart=l[0],a.signal=o.inverse?1:-1):(a.pixel=e[1]-t[1],a.pixelLength=u[1]-u[0],a.pixelStart=u[0],a.signal=o.inverse?-1:1),a},singleAxis:function(t,e,n,i,r){var o=n.axis,a=r.model.coordinateSystem.getRect(),s={};return t=t||[0,0],"horizontal"===o.orient?(s.pixel=e[0]-t[0],s.pixelLength=a.width,s.pixelStart=a.x,s.signal=o.inverse?1:-1):(s.pixel=e[1]-t[1],s.pixelLength=a.height,s.pixelStart=a.y,s.signal=o.inverse?-1:1),s}};function hF(t){az(t),t.registerComponentModel(QB),t.registerComponentView(aF),oF(t)}var cF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.type="dataZoom.slider",e.layoutMode="box",e.defaultOption=Cc(KE.defaultOption,{show:!0,right:"ph",top:"ph",width:"ph",height:"ph",left:null,bottom:null,borderColor:"#d2dbee",borderRadius:3,backgroundColor:"rgba(47,69,84,0)",dataBackground:{lineStyle:{color:"#d2dbee",width:.5},areaStyle:{color:"#d2dbee",opacity:.2}},selectedDataBackground:{lineStyle:{color:"#8fb0f7",width:.5},areaStyle:{color:"#8fb0f7",opacity:.2}},fillerColor:"rgba(135,175,274,0.2)",handleIcon:"path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",handleSize:"100%",handleStyle:{color:"#fff",borderColor:"#ACB8D1"},moveHandleSize:7,moveHandleIcon:"path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",moveHandleStyle:{color:"#D2DBEE",opacity:.7},showDetail:!0,showDataShadow:"auto",realtime:!0,zoomLock:!1,textStyle:{color:"#6E7079"},brushSelect:!0,brushStyle:{color:"rgba(135,175,274,0.15)"},emphasis:{handleStyle:{borderColor:"#8FB0F7"},moveHandleStyle:{color:"#8FB0F7"}}}),e}(KE),pF=zs,dF="horizontal",fF="vertical",gF=["line","bar","candlestick","scatter"],yF={easing:"cubicOut",duration:100,delay:0},vF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._displayables={},n}return n(e,t),e.prototype.init=function(t,e){this.api=e,this._onBrush=W(this._onBrush,this),this._onBrushEnd=W(this._onBrushEnd,this)},e.prototype.render=function(e,n,i,r){if(t.prototype.render.apply(this,arguments),Fg(this,"_dispatchZoomAction",e.get("throttle"),"fixRate"),this._orient=e.getOrient(),!1!==e.get("show")){if(e.noTarget())return this._clear(),void this.group.removeAll();r&&"dataZoom"===r.type&&r.from===this.uid||this._buildView(),this._updateView()}else this.group.removeAll()},e.prototype.dispose=function(){this._clear(),t.prototype.dispose.apply(this,arguments)},e.prototype._clear=function(){Gg(this,"_dispatchZoomAction");var t=this.api.getZr();t.off("mousemove",this._onBrush),t.off("mouseup",this._onBrushEnd)},e.prototype._buildView=function(){var t=this.group;t.removeAll(),this._brushing=!1,this._displayables.brushRect=null,this._resetLocation(),this._resetInterval();var e=this._displayables.sliderGroup=new zr;this._renderBackground(),this._renderHandle(),this._renderDataShadow(),t.add(e),this._positionGroup()},e.prototype._resetLocation=function(){var t=this.dataZoomModel,e=this.api,n=t.get("brushSelect")?7:0,i=this._findCoordRect(),r={width:e.getWidth(),height:e.getHeight()},o=this._orient===dF?{right:r.width-i.x-i.width,top:r.height-30-7-n,width:i.width,height:30}:{right:7,top:i.y,width:30,height:i.height},a=Lp(t.option);E(["right","top","width","height"],(function(t){"ph"===a[t]&&(a[t]=o[t])}));var s=Cp(a,r);this._location={x:s.x,y:s.y},this._size=[s.width,s.height],this._orient===fF&&this._size.reverse()},e.prototype._positionGroup=function(){var t=this.group,e=this._location,n=this._orient,i=this.dataZoomModel.getFirstTargetAxisModel(),r=i&&i.get("inverse"),o=this._displayables.sliderGroup,a=(this._dataShadowInfo||{}).otherAxisInverse;o.attr(n!==dF||r?n===dF&&r?{scaleY:a?1:-1,scaleX:-1}:n!==fF||r?{scaleY:a?-1:1,scaleX:-1,rotation:Math.PI/2}:{scaleY:a?-1:1,scaleX:1,rotation:Math.PI/2}:{scaleY:a?1:-1,scaleX:1});var s=t.getBoundingRect([o]);t.x=e.x-s.x,t.y=e.y-s.y,t.markRedraw()},e.prototype._getViewExtent=function(){return[0,this._size[0]]},e.prototype._renderBackground=function(){var t=this.dataZoomModel,e=this._size,n=this._displayables.sliderGroup,i=t.get("brushSelect");n.add(new pF({silent:!0,shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:t.get("backgroundColor")},z2:-40}));var r=new pF({shape:{x:0,y:0,width:e[0],height:e[1]},style:{fill:"transparent"},z2:0,onclick:W(this._onClickPanel,this)}),o=this.api.getZr();i?(r.on("mousedown",this._onBrushStart,this),r.cursor="crosshair",o.on("mousemove",this._onBrush),o.on("mouseup",this._onBrushEnd)):(o.off("mousemove",this._onBrush),o.off("mouseup",this._onBrushEnd)),n.add(r)},e.prototype._renderDataShadow=function(){var t=this._dataShadowInfo=this._prepareDataShadowInfo();if(this._displayables.dataShadowSegs=[],t){var e=this._size,n=this._shadowSize||[],i=t.series,r=i.getRawData(),o=i.getShadowDim&&i.getShadowDim(),a=o&&r.getDimensionInfo(o)?i.getShadowDim():t.otherDim;if(null!=a){var s=this._shadowPolygonPts,l=this._shadowPolylinePts;if(r!==this._shadowData||a!==this._shadowDim||e[0]!==n[0]||e[1]!==n[1]){var u=r.getDataExtent(a),h=.3*(u[1]-u[0]);u=[u[0]-h,u[1]+h];var c,p=[0,e[1]],d=[0,e[0]],f=[[e[0],0],[0,0]],g=[],y=d[1]/(r.count()-1),v=0,m=Math.round(r.count()/e[0]);r.each([a],(function(t,e){if(m>0&&e%m)v+=y;else{var n=null==t||isNaN(t)||""===t,i=n?0:Xr(t,u,p,!0);n&&!c&&e?(f.push([f[f.length-1][0],0]),g.push([g[g.length-1][0],0])):!n&&c&&(f.push([v,0]),g.push([v,0])),f.push([v,i]),g.push([v,i]),v+=y,c=n}})),s=this._shadowPolygonPts=f,l=this._shadowPolylinePts=g}this._shadowData=r,this._shadowDim=a,this._shadowSize=[e[0],e[1]];for(var x=this.dataZoomModel,_=0;_<3;_++){var b=w(1===_);this._displayables.sliderGroup.add(b),this._displayables.dataShadowSegs.push(b)}}}function w(t){var e=x.getModel(t?"selectedDataBackground":"dataBackground"),n=new zr,i=new Wu({shape:{points:s},segmentIgnoreThreshold:1,style:e.getModel("areaStyle").getAreaStyle(),silent:!0,z2:-20}),r=new Yu({shape:{points:l},segmentIgnoreThreshold:1,style:e.getModel("lineStyle").getLineStyle(),silent:!0,z2:-19});return n.add(i),n.add(r),n}},e.prototype._prepareDataShadowInfo=function(){var t=this.dataZoomModel,e=t.get("showDataShadow");if(!1!==e){var n,i=this.ecModel;return t.eachTargetAxis((function(r,o){E(t.getAxisProxy(r,o).getTargetSeriesModels(),(function(t){if(!(n||!0!==e&&P(gF,t.get("type"))<0)){var a,s=i.getComponent(UE(r),o).axis,l=function(t){var e={x:"y",y:"x",radius:"angle",angle:"radius"};return e[t]}(r),u=t.coordinateSystem;null!=l&&u.getOtherAxis&&(a=u.getOtherAxis(s).inverse),l=t.getData().mapDimension(l),n={thisAxis:s,series:t,thisDim:r,otherDim:l,otherAxisInverse:a}}}),this)}),this),n}},e.prototype._renderHandle=function(){var t=this.group,e=this._displayables,n=e.handles=[null,null],i=e.handleLabels=[null,null],r=this._displayables.sliderGroup,o=this._size,a=this.dataZoomModel,s=this.api,l=a.get("borderRadius")||0,u=a.get("brushSelect"),h=e.filler=new pF({silent:u,style:{fill:a.get("fillerColor")},textConfig:{position:"inside"}});r.add(h),r.add(new pF({silent:!0,subPixelOptimize:!0,shape:{x:0,y:0,width:o[0],height:o[1],r:l},style:{stroke:a.get("dataBackgroundColor")||a.get("borderColor"),lineWidth:1,fill:"rgba(0,0,0,0)"}})),E([0,1],(function(e){var o=a.get("handleIcon");!By[o]&&o.indexOf("path://")<0&&o.indexOf("image://")<0&&(o="path://"+o);var s=Wy(o,-1,0,2,2,null,!0);s.attr({cursor:mF(this._orient),draggable:!0,drift:W(this._onDragMove,this,e),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1),z2:5});var l=s.getBoundingRect(),u=a.get("handleSize");this._handleHeight=Ur(u,this._size[1]),this._handleWidth=l.width/l.height*this._handleHeight,s.setStyle(a.getModel("handleStyle").getItemStyle()),s.style.strokeNoScale=!0,s.rectHover=!0,s.ensureState("emphasis").style=a.getModel(["emphasis","handleStyle"]).getItemStyle(),Hl(s);var h=a.get("handleColor");null!=h&&(s.style.fill=h),r.add(n[e]=s);var c=a.getModel("textStyle");t.add(i[e]=new Fs({silent:!0,invisible:!0,style:nc(c,{x:0,y:0,text:"",verticalAlign:"middle",align:"center",fill:c.getTextColor(),font:c.getFont()}),z2:10}))}),this);var c=h;if(u){var p=Ur(a.get("moveHandleSize"),o[1]),d=e.moveHandle=new zs({style:a.getModel("moveHandleStyle").getItemStyle(),silent:!0,shape:{r:[0,0,2,2],y:o[1]-.5,height:p}}),f=.8*p,g=e.moveHandleIcon=Wy(a.get("moveHandleIcon"),-f/2,-f/2,f,f,"#fff",!0);g.silent=!0,g.y=o[1]+p/2-.5,d.ensureState("emphasis").style=a.getModel(["emphasis","moveHandleStyle"]).getItemStyle();var y=Math.min(o[1]/2,Math.max(p,10));(c=e.moveZone=new zs({invisible:!0,shape:{y:o[1]-y,height:p+y}})).on("mouseover",(function(){s.enterEmphasis(d)})).on("mouseout",(function(){s.leaveEmphasis(d)})),r.add(d),r.add(g),r.add(c)}c.attr({draggable:!0,cursor:mF(this._orient),drift:W(this._onDragMove,this,"all"),ondragstart:W(this._showDataInfo,this,!0),ondragend:W(this._onDragEnd,this),onmouseover:W(this._showDataInfo,this,!0),onmouseout:W(this._showDataInfo,this,!1)})},e.prototype._resetInterval=function(){var t=this._range=this.dataZoomModel.getPercentRange(),e=this._getViewExtent();this._handleEnds=[Xr(t[0],[0,100],e,!0),Xr(t[1],[0,100],e,!0)]},e.prototype._updateInterval=function(t,e){var n=this.dataZoomModel,i=this._handleEnds,r=this._getViewExtent(),o=n.findRepresentativeAxisProxy().getMinMaxSpan(),a=[0,100];Ck(e,i,r,n.get("zoomLock")?"all":t,null!=o.minSpan?Xr(o.minSpan,a,r,!0):null,null!=o.maxSpan?Xr(o.maxSpan,a,r,!0):null);var s=this._range,l=this._range=jr([Xr(i[0],r,a,!0),Xr(i[1],r,a,!0)]);return!s||s[0]!==l[0]||s[1]!==l[1]},e.prototype._updateView=function(t){var e=this._displayables,n=this._handleEnds,i=jr(n.slice()),r=this._size;E([0,1],(function(t){var i=e.handles[t],o=this._handleHeight;i.attr({scaleX:o/2,scaleY:o/2,x:n[t]+(t?-1:1),y:r[1]/2-o/2})}),this),e.filler.setShape({x:i[0],y:0,width:i[1]-i[0],height:r[1]});var o={x:i[0],width:i[1]-i[0]};e.moveHandle&&(e.moveHandle.setShape(o),e.moveZone.setShape(o),e.moveZone.getBoundingRect(),e.moveHandleIcon&&e.moveHandleIcon.attr("x",o.x+o.width/2));for(var a=e.dataShadowSegs,s=[0,i[0],i[1],r[0]],l=0;l<a.length;l++){var u=a[l],h=u.getClipPath();h||(h=new zs,u.setClipPath(h)),h.setShape({x:s[l],y:0,width:s[l+1]-s[l],height:r[1]})}this._updateDataInfo(t)},e.prototype._updateDataInfo=function(t){var e=this.dataZoomModel,n=this._displayables,i=n.handleLabels,r=this._orient,o=["",""];if(e.get("showDetail")){var a=e.findRepresentativeAxisProxy();if(a){var s=a.getAxisModel().axis,l=this._range,u=t?a.calculateDataWindow({start:l[0],end:l[1]}).valueWindow:a.getDataValueWindow();o=[this._formatLabel(u[0],s),this._formatLabel(u[1],s)]}}var h=jr(this._handleEnds.slice());function c(t){var e=Eh(n.handles[t].parent,this.group),a=Vh(0===t?"right":"left",e),s=this._handleWidth/2+5,l=zh([h[t]+(0===t?-s:s),this._size[1]/2],e);i[t].setStyle({x:l[0],y:l[1],verticalAlign:r===dF?"middle":a,align:r===dF?a:"center",text:o[t]})}c.call(this,0),c.call(this,1)},e.prototype._formatLabel=function(t,e){var n=this.dataZoomModel,i=n.get("labelFormatter"),r=n.get("labelPrecision");null!=r&&"auto"!==r||(r=e.getPixelPrecision());var o=null==t||isNaN(t)?"":"category"===e.type||"time"===e.type?e.scale.getLabel({value:Math.round(t)}):t.toFixed(Math.min(r,20));return X(i)?i(t,o):U(i)?i.replace("{value}",o):o},e.prototype._showDataInfo=function(t){t=this._dragging||t;var e=this._displayables,n=e.handleLabels;n[0].attr("invisible",!t),n[1].attr("invisible",!t),e.moveHandle&&this.api[t?"enterEmphasis":"leaveEmphasis"](e.moveHandle,1)},e.prototype._onDragMove=function(t,e,n,i){this._dragging=!0,de(i.event);var r=zh([e,n],this._displayables.sliderGroup.getLocalTransform(),!0),o=this._updateInterval(t,r[0]),a=this.dataZoomModel.get("realtime");this._updateView(!a),o&&a&&this._dispatchZoomAction(!0)},e.prototype._onDragEnd=function(){this._dragging=!1,this._showDataInfo(!1),!this.dataZoomModel.get("realtime")&&this._dispatchZoomAction(!1)},e.prototype._onClickPanel=function(t){var e=this._size,n=this._displayables.sliderGroup.transformCoordToLocal(t.offsetX,t.offsetY);if(!(n[0]<0||n[0]>e[0]||n[1]<0||n[1]>e[1])){var i=this._handleEnds,r=(i[0]+i[1])/2,o=this._updateInterval("all",n[0]-r);this._updateView(),o&&this._dispatchZoomAction(!1)}},e.prototype._onBrushStart=function(t){var e=t.offsetX,n=t.offsetY;this._brushStart=new De(e,n),this._brushing=!0,this._brushStartTime=+new Date},e.prototype._onBrushEnd=function(t){if(this._brushing){var e=this._displayables.brushRect;if(this._brushing=!1,e){e.attr("ignore",!0);var n=e.shape;if(!(+new Date-this._brushStartTime<200&&Math.abs(n.width)<5)){var i=this._getViewExtent(),r=[0,100];this._range=jr([Xr(n.x,i,r,!0),Xr(n.x+n.width,i,r,!0)]),this._handleEnds=[n.x,n.x+n.width],this._updateView(),this._dispatchZoomAction(!1)}}}},e.prototype._onBrush=function(t){this._brushing&&(de(t.event),this._updateBrushRect(t.offsetX,t.offsetY))},e.prototype._updateBrushRect=function(t,e){var n=this._displayables,i=this.dataZoomModel,r=n.brushRect;r||(r=n.brushRect=new pF({silent:!0,style:i.getModel("brushStyle").getItemStyle()}),n.sliderGroup.add(r)),r.attr("ignore",!1);var o=this._brushStart,a=this._displayables.sliderGroup,s=a.transformCoordToLocal(t,e),l=a.transformCoordToLocal(o.x,o.y),u=this._size;s[0]=Math.max(Math.min(u[0],s[0]),0),r.setShape({x:l[0],y:0,width:s[0]-l[0],height:u[1]})},e.prototype._dispatchZoomAction=function(t){var e=this._range;this.api.dispatchAction({type:"dataZoom",from:this.uid,dataZoomId:this.dataZoomModel.id,animation:t?yF:null,start:e[0],end:e[1]})},e.prototype._findCoordRect=function(){var t,e=jE(this.dataZoomModel).infoList;if(!t&&e.length){var n=e[0].model.coordinateSystem;t=n.getRect&&n.getRect()}if(!t){var i=this.api.getWidth(),r=this.api.getHeight();t={x:.2*i,y:.2*r,width:.6*i,height:.6*r}}return t},e.type="dataZoom.slider",e}(QE);function mF(t){return"vertical"===t?"ns-resize":"ew-resize"}function xF(t){t.registerComponentModel(cF),t.registerComponentView(vF),az(t)}var _F=function(t,e,n){var i=T((bF[t]||{})[e]);return n&&Y(i)?i[i.length-1]:i},bF={color:{active:["#006edd","#e0ffff"],inactive:["rgba(0,0,0,0)"]},colorHue:{active:[0,360],inactive:[0,0]},colorSaturation:{active:[.3,1],inactive:[0,0]},colorLightness:{active:[.9,.5],inactive:[0,0]},colorAlpha:{active:[.3,1],inactive:[0,0]},opacity:{active:[.3,1],inactive:[0,0]},symbol:{active:["circle","roundRect","diamond"],inactive:["none"]},symbolSize:{active:[10,50],inactive:[0,0]}},wF=_D.mapVisual,SF=_D.eachVisual,MF=Y,IF=E,TF=jr,CF=Xr,DF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.stateList=["inRange","outOfRange"],n.replacableOptionKeys=["inRange","outOfRange","target","controller","color"],n.layoutMode={type:"box",ignoreSize:!0},n.dataBound=[-1/0,1/0],n.targetVisuals={},n.controllerVisuals={},n}return n(e,t),e.prototype.init=function(t,e,n){this.mergeDefaultAndTheme(t,n)},e.prototype.optionUpdated=function(t,e){var n=this.option;!e&&wV(n,t,this.replacableOptionKeys),this.textStyleModel=this.getModel("textStyle"),this.resetItemSize(),this.completeVisualOption()},e.prototype.resetVisual=function(t){var e=this.stateList;t=W(t,this),this.controllerVisuals=bV(this.option.controller,e,t),this.targetVisuals=bV(this.option.target,e,t)},e.prototype.getItemSymbol=function(){return null},e.prototype.getTargetSeriesIndices=function(){var t=this.option.seriesIndex,e=[];return null==t||"all"===t?this.ecModel.eachSeries((function(t,n){e.push(n)})):e=bo(t),e},e.prototype.eachTargetSeries=function(t,e){E(this.getTargetSeriesIndices(),(function(n){var i=this.ecModel.getSeriesByIndex(n);i&&t.call(e,i)}),this)},e.prototype.isTargetSeries=function(t){var e=!1;return this.eachTargetSeries((function(n){n===t&&(e=!0)})),e},e.prototype.formatValueText=function(t,e,n){var i,r=this.option,o=r.precision,a=this.dataBound,s=r.formatter;n=n||["<",">"],Y(t)&&(t=t.slice(),i=!0);var l=e?t:i?[u(t[0]),u(t[1])]:u(t);return U(s)?s.replace("{value}",i?l[0]:l).replace("{value2}",i?l[1]:l):X(s)?i?s(t[0],t[1]):s(t):i?t[0]===a[0]?n[0]+" "+l[1]:t[1]===a[1]?n[1]+" "+l[0]:l[0]+" - "+l[1]:l;function u(t){return t===a[0]?"min":t===a[1]?"max":(+t).toFixed(Math.min(o,20))}},e.prototype.resetExtent=function(){var t=this.option,e=TF([t.min,t.max]);this._dataExtent=e},e.prototype.getDataDimensionIndex=function(t){var e=this.option.dimension;if(null!=e)return t.getDimensionIndex(e);for(var n=t.dimensions,i=n.length-1;i>=0;i--){var r=n[i],o=t.getDimensionInfo(r);if(!o.isCalculationCoord)return o.storeDimIndex}},e.prototype.getExtent=function(){return this._dataExtent.slice()},e.prototype.completeVisualOption=function(){var t=this.ecModel,e=this.option,n={inRange:e.inRange,outOfRange:e.outOfRange},i=e.target||(e.target={}),r=e.controller||(e.controller={});C(i,n),C(r,n);var o=this.isCategory();function a(n){MF(e.color)&&!n.inRange&&(n.inRange={color:e.color.slice().reverse()}),n.inRange=n.inRange||{color:t.get("gradientColor")}}a.call(this,i),a.call(this,r),function(t,e,n){var i=t[e],r=t[n];i&&!r&&(r=t[n]={},IF(i,(function(t,e){if(_D.isValidType(e)){var n=_F(e,"inactive",o);null!=n&&(r[e]=n,"color"!==e||r.hasOwnProperty("opacity")||r.hasOwnProperty("colorAlpha")||(r.opacity=[0,0]))}})))}.call(this,i,"inRange","outOfRange"),function(t){var e=(t.inRange||{}).symbol||(t.outOfRange||{}).symbol,n=(t.inRange||{}).symbolSize||(t.outOfRange||{}).symbolSize,i=this.get("inactiveColor"),r=this.getItemSymbol()||"roundRect";IF(this.stateList,(function(a){var s=this.itemSize,l=t[a];l||(l=t[a]={color:o?i:[i]}),null==l.symbol&&(l.symbol=e&&T(e)||(o?r:[r])),null==l.symbolSize&&(l.symbolSize=n&&T(n)||(o?s[0]:[s[0],s[0]])),l.symbol=wF(l.symbol,(function(t){return"none"===t?r:t}));var u=l.symbolSize;if(null!=u){var h=-1/0;SF(u,(function(t){t>h&&(h=t)})),l.symbolSize=wF(u,(function(t){return CF(t,[0,h],[0,s[0]],!0)}))}}),this)}.call(this,r)},e.prototype.resetItemSize=function(){this.itemSize=[parseFloat(this.get("itemWidth")),parseFloat(this.get("itemHeight"))]},e.prototype.isCategory=function(){return!!this.option.categories},e.prototype.setSelected=function(t){},e.prototype.getSelected=function(){return null},e.prototype.getValueState=function(t){return null},e.prototype.getVisualMeta=function(t){return null},e.type="visualMap",e.dependencies=["series"],e.defaultOption={show:!0,z:4,seriesIndex:"all",min:0,max:200,left:0,right:null,top:null,bottom:0,itemWidth:null,itemHeight:null,inverse:!1,orient:"vertical",backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",contentColor:"#5793f3",inactiveColor:"#aaa",borderWidth:0,padding:5,textGap:10,precision:0,textStyle:{color:"#333"}},e}(Rp),AF=[20,140],kF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent(),this.resetVisual((function(t){t.mappingMethod="linear",t.dataExtent=this.getExtent()})),this._resetRange()},e.prototype.resetItemSize=function(){t.prototype.resetItemSize.apply(this,arguments);var e=this.itemSize;(null==e[0]||isNaN(e[0]))&&(e[0]=AF[0]),(null==e[1]||isNaN(e[1]))&&(e[1]=AF[1])},e.prototype._resetRange=function(){var t=this.getExtent(),e=this.option.range;!e||e.auto?(t.auto=1,this.option.range=t):Y(e)&&(e[0]>e[1]&&e.reverse(),e[0]=Math.max(e[0],t[0]),e[1]=Math.min(e[1],t[1]))},e.prototype.completeVisualOption=function(){t.prototype.completeVisualOption.apply(this,arguments),E(this.stateList,(function(t){var e=this.option.controller[t].symbolSize;e&&e[0]!==e[1]&&(e[0]=e[1]/3)}),this)},e.prototype.setSelected=function(t){this.option.range=t.slice(),this._resetRange()},e.prototype.getSelected=function(){var t=this.getExtent(),e=jr((this.get("range")||[]).slice());return e[0]>t[1]&&(e[0]=t[1]),e[1]>t[1]&&(e[1]=t[1]),e[0]<t[0]&&(e[0]=t[0]),e[1]<t[0]&&(e[1]=t[0]),e},e.prototype.getValueState=function(t){var e=this.option.range,n=this.getExtent();return(e[0]<=n[0]||e[0]<=t)&&(e[1]>=n[1]||t<=e[1])?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[];return this.eachTargetSeries((function(n){var i=[],r=n.getData();r.each(this.getDataDimensionIndex(r),(function(e,n){t[0]<=e&&e<=t[1]&&i.push(n)}),this),e.push({seriesId:n.id,dataIndex:i})}),this),e},e.prototype.getVisualMeta=function(t){var e=LF(this,"outOfRange",this.getExtent()),n=LF(this,"inRange",this.option.range.slice()),i=[];function r(e,n){i.push({value:e,color:t(e,n)})}for(var o=0,a=0,s=n.length,l=e.length;a<l&&(!n.length||e[a]<=n[0]);a++)e[a]<n[o]&&r(e[a],"outOfRange");for(var u=1;o<s;o++,u=0)u&&i.length&&r(n[o],"outOfRange"),r(n[o],"inRange");for(u=1;a<l;a++)(!n.length||n[n.length-1]<e[a])&&(u&&(i.length&&r(i[i.length-1].value,"outOfRange"),u=0),r(e[a],"outOfRange"));var h=i.length;return{stops:i,outerColors:[h?i[0].color:"transparent",h?i[h-1].color:"transparent"]}},e.type="visualMap.continuous",e.defaultOption=Cc(DF.defaultOption,{align:"auto",calculable:!1,hoverLink:!0,realtime:!0,handleIcon:"path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",handleSize:"120%",handleStyle:{borderColor:"#fff",borderWidth:1},indicatorIcon:"circle",indicatorSize:"50%",indicatorStyle:{borderColor:"#fff",borderWidth:2,shadowBlur:2,shadowOffsetX:1,shadowOffsetY:1,shadowColor:"rgba(0,0,0,0.2)"}}),e}(DF);function LF(t,e,n){if(n[0]===n[1])return n.slice();for(var i=(n[1]-n[0])/200,r=n[0],o=[],a=0;a<=200&&r<n[1];a++)o.push(r),r+=i;return o.push(n[1]),o}var PF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n.autoPositionValues={left:1,right:1,top:1,bottom:1},n}return n(e,t),e.prototype.init=function(t,e){this.ecModel=t,this.api=e},e.prototype.render=function(t,e,n,i){this.visualMapModel=t,!1!==t.get("show")?this.doRender(t,e,n,i):this.group.removeAll()},e.prototype.renderBackground=function(t){var e=this.visualMapModel,n=fp(e.get("padding")||0),i=t.getBoundingRect();t.add(new zs({z2:-1,silent:!0,shape:{x:i.x-n[3],y:i.y-n[0],width:i.width+n[3]+n[1],height:i.height+n[0]+n[2]},style:{fill:e.get("backgroundColor"),stroke:e.get("borderColor"),lineWidth:e.get("borderWidth")}}))},e.prototype.getControllerVisual=function(t,e,n){var i=(n=n||{}).forceState,r=this.visualMapModel,o={};if("color"===e){var a=r.get("contentColor");o.color=a}function s(t){return o[t]}function l(t,e){o[t]=e}var u=r.controllerVisuals[i||r.getValueState(t)];return E(_D.prepareVisualTypes(u),(function(i){var r=u[i];n.convertOpacityToAlpha&&"opacity"===i&&(i="colorAlpha",r=u.__alphaForOpacity),_D.dependsOn(i,e)&&r&&r.applyVisual(t,s,l)})),o[e]},e.prototype.positionGroup=function(t){var e=this.visualMapModel,n=this.api;Dp(t,e.getBoxLayoutParams(),{width:n.getWidth(),height:n.getHeight()})},e.prototype.doRender=function(t,e,n,i){},e.type="visualMap",e}(Tg),OF=[["left","right","width"],["top","bottom","height"]];function RF(t,e,n){var i=t.option,r=i.align;if(null!=r&&"auto"!==r)return r;for(var o={width:e.getWidth(),height:e.getHeight()},a="horizontal"===i.orient?1:0,s=OF[a],l=[0,null,10],u={},h=0;h<3;h++)u[OF[1-a][h]]=l[h],u[s[h]]=2===h?n[0]:i[s[h]];var c=[["x","width",3],["y","height",0]][a],p=Cp(u,o,i.padding);return s[(p.margin[c[2]]||0)+p[c[0]]+.5*p[c[1]]<.5*o[c[1]]?0:1]}function NF(t,e){return E(t||[],(function(t){null!=t.dataIndex&&(t.dataIndexInside=t.dataIndex,t.dataIndex=null),t.highlightKey="visualMap"+(e?e.componentIndex:"")})),t}var EF=Xr,zF=E,VF=Math.min,BF=Math.max,FF=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._shapes={},n._dataInterval=[],n._handleEnds=[],n._hoverLinkDataIndices=[],n}return n(e,t),e.prototype.doRender=function(t,e,n,i){this._api=n,i&&"selectDataRange"===i.type&&i.from===this.uid||this._buildView()},e.prototype._buildView=function(){this.group.removeAll();var t=this.visualMapModel,e=this.group;this._orient=t.get("orient"),this._useHandle=t.get("calculable"),this._resetInterval(),this._renderBar(e);var n=t.get("text");this._renderEndsText(e,n,0),this._renderEndsText(e,n,1),this._updateView(!0),this.renderBackground(e),this._updateView(),this._enableHoverLinkToSeries(),this._enableHoverLinkFromSeries(),this.positionGroup(e)},e.prototype._renderEndsText=function(t,e,n){if(e){var i=e[1-n];i=null!=i?i+"":"";var r=this.visualMapModel,o=r.get("textGap"),a=r.itemSize,s=this._shapes.mainGroup,l=this._applyTransform([a[0]/2,0===n?-o:a[1]+o],s),u=this._applyTransform(0===n?"bottom":"top",s),h=this._orient,c=this.visualMapModel.textStyleModel;this.group.add(new Fs({style:nc(c,{x:l[0],y:l[1],verticalAlign:"horizontal"===h?"middle":u,align:"horizontal"===h?u:"center",text:i})}))}},e.prototype._renderBar=function(t){var e=this.visualMapModel,n=this._shapes,i=e.itemSize,r=this._orient,o=this._useHandle,a=RF(e,this.api,i),s=n.mainGroup=this._createBarGroup(a),l=new zr;s.add(l),l.add(n.outOfRange=GF()),l.add(n.inRange=GF(null,o?HF(this._orient):null,W(this._dragHandle,this,"all",!1),W(this._dragHandle,this,"all",!0))),l.setClipPath(new zs({shape:{x:0,y:0,width:i[0],height:i[1],r:3}}));var u=e.textStyleModel.getTextRect("国"),h=BF(u.width,u.height);o&&(n.handleThumbs=[],n.handleLabels=[],n.handleLabelPoints=[],this._createHandle(e,s,0,i,h,r),this._createHandle(e,s,1,i,h,r)),this._createIndicator(e,s,i,h,r),t.add(s)},e.prototype._createHandle=function(t,e,n,i,r,o){var a=W(this._dragHandle,this,n,!1),s=W(this._dragHandle,this,n,!0),l=Ir(t.get("handleSize"),i[0]),u=Wy(t.get("handleIcon"),-l/2,-l/2,l,l,null,!0),h=HF(this._orient);u.attr({cursor:h,draggable:!0,drift:a,ondragend:s,onmousemove:function(t){de(t.event)}}),u.x=i[0]/2,u.useStyle(t.getModel("handleStyle").getItemStyle()),u.setStyle({strokeNoScale:!0,strokeFirst:!0}),u.style.lineWidth*=2,u.ensureState("emphasis").style=t.getModel(["emphasis","handleStyle"]).getItemStyle(),ql(u,!0),e.add(u);var c=this.visualMapModel.textStyleModel,p=new Fs({cursor:h,draggable:!0,drift:a,onmousemove:function(t){de(t.event)},ondragend:s,style:nc(c,{x:0,y:0,text:""})});p.ensureState("blur").style={opacity:.1},p.stateTransition={duration:200},this.group.add(p);var d=[l,0],f=this._shapes;f.handleThumbs[n]=u,f.handleLabelPoints[n]=d,f.handleLabels[n]=p},e.prototype._createIndicator=function(t,e,n,i,r){var o=Ir(t.get("indicatorSize"),n[0]),a=Wy(t.get("indicatorIcon"),-o/2,-o/2,o,o,null,!0);a.attr({cursor:"move",invisible:!0,silent:!0,x:n[0]/2});var s=t.getModel("indicatorStyle").getItemStyle();if(a instanceof ks){var l=a.style;a.useStyle(A({image:l.image,x:l.x,y:l.y,width:l.width,height:l.height},s))}else a.useStyle(s);e.add(a);var u=this.visualMapModel.textStyleModel,h=new Fs({silent:!0,invisible:!0,style:nc(u,{x:0,y:0,text:""})});this.group.add(h);var c=[("horizontal"===r?i/2:6)+n[0]/2,0],p=this._shapes;p.indicator=a,p.indicatorLabel=h,p.indicatorLabelPoint=c,this._firstShowIndicator=!0},e.prototype._dragHandle=function(t,e,n,i){if(this._useHandle){if(this._dragging=!e,!e){var r=this._applyTransform([n,i],this._shapes.mainGroup,!0);this._updateInterval(t,r[1]),this._hideIndicator(),this._updateView()}e===!this.visualMapModel.get("realtime")&&this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:this._dataInterval.slice()}),e?!this._hovering&&this._clearHoverLinkToSeries():WF(this.visualMapModel)&&this._doHoverLinkToSeries(this._handleEnds[t],!1)}},e.prototype._resetInterval=function(){var t=this.visualMapModel,e=this._dataInterval=t.getSelected(),n=t.getExtent(),i=[0,t.itemSize[1]];this._handleEnds=[EF(e[0],n,i,!0),EF(e[1],n,i,!0)]},e.prototype._updateInterval=function(t,e){e=e||0;var n=this.visualMapModel,i=this._handleEnds,r=[0,n.itemSize[1]];Ck(e,i,r,t,0);var o=n.getExtent();this._dataInterval=[EF(i[0],r,o,!0),EF(i[1],r,o,!0)]},e.prototype._updateView=function(t){var e=this.visualMapModel,n=e.getExtent(),i=this._shapes,r=[0,e.itemSize[1]],o=t?r:this._handleEnds,a=this._createBarVisual(this._dataInterval,n,o,"inRange"),s=this._createBarVisual(n,n,r,"outOfRange");i.inRange.setStyle({fill:a.barColor}).setShape("points",a.barPoints),i.outOfRange.setStyle({fill:s.barColor}).setShape("points",s.barPoints),this._updateHandle(o,a)},e.prototype._createBarVisual=function(t,e,n,i){var r={forceState:i,convertOpacityToAlpha:!0},o=this._makeColorGradient(t,r),a=[this.getControllerVisual(t[0],"symbolSize",r),this.getControllerVisual(t[1],"symbolSize",r)],s=this._createBarPoints(n,a);return{barColor:new nh(0,0,0,1,o),barPoints:s,handlesColor:[o[0].color,o[o.length-1].color]}},e.prototype._makeColorGradient=function(t,e){var n=[],i=(t[1]-t[0])/100;n.push({color:this.getControllerVisual(t[0],"color",e),offset:0});for(var r=1;r<100;r++){var o=t[0]+i*r;if(o>t[1])break;n.push({color:this.getControllerVisual(o,"color",e),offset:r/100})}return n.push({color:this.getControllerVisual(t[1],"color",e),offset:1}),n},e.prototype._createBarPoints=function(t,e){var n=this.visualMapModel.itemSize;return[[n[0]-e[0],t[0]],[n[0],t[0]],[n[0],t[1]],[n[0]-e[1],t[1]]]},e.prototype._createBarGroup=function(t){var e=this._orient,n=this.visualMapModel.get("inverse");return new zr("horizontal"!==e||n?"horizontal"===e&&n?{scaleX:"bottom"===t?-1:1,rotation:-Math.PI/2}:"vertical"!==e||n?{scaleX:"left"===t?1:-1}:{scaleX:"left"===t?1:-1,scaleY:-1}:{scaleX:"bottom"===t?1:-1,rotation:Math.PI/2})},e.prototype._updateHandle=function(t,e){if(this._useHandle){var n=this._shapes,i=this.visualMapModel,r=n.handleThumbs,o=n.handleLabels,a=i.itemSize,s=i.getExtent();zF([0,1],(function(l){var u=r[l];u.setStyle("fill",e.handlesColor[l]),u.y=t[l];var h=EF(t[l],[0,a[1]],s,!0),c=this.getControllerVisual(h,"symbolSize");u.scaleX=u.scaleY=c/a[0],u.x=a[0]-c/2;var p=zh(n.handleLabelPoints[l],Eh(u,this.group));o[l].setStyle({x:p[0],y:p[1],text:i.formatValueText(this._dataInterval[l]),verticalAlign:"middle",align:"vertical"===this._orient?this._applyTransform("left",n.mainGroup):"center"})}),this)}},e.prototype._showIndicator=function(t,e,n,i){var r=this.visualMapModel,o=r.getExtent(),a=r.itemSize,s=[0,a[1]],l=this._shapes,u=l.indicator;if(u){u.attr("invisible",!1);var h=this.getControllerVisual(t,"color",{convertOpacityToAlpha:!0}),c=this.getControllerVisual(t,"symbolSize"),p=EF(t,o,s,!0),d=a[0]-c/2,f={x:u.x,y:u.y};u.y=p,u.x=d;var g=zh(l.indicatorLabelPoint,Eh(u,this.group)),y=l.indicatorLabel;y.attr("invisible",!1);var v=this._applyTransform("left",l.mainGroup),m="horizontal"===this._orient;y.setStyle({text:(n||"")+r.formatValueText(e),verticalAlign:m?v:"middle",align:m?"center":v});var x={x:d,y:p,style:{fill:h}},_={style:{x:g[0],y:g[1]}};if(r.ecModel.isAnimationEnabled()&&!this._firstShowIndicator){var b={duration:100,easing:"cubicInOut",additive:!0};u.x=f.x,u.y=f.y,u.animateTo(x,b),y.animateTo(_,b)}else u.attr(x),y.attr(_);this._firstShowIndicator=!1;var w=this._shapes.handleLabels;if(w)for(var S=0;S<w.length;S++)this._api.enterBlur(w[S])}},e.prototype._enableHoverLinkToSeries=function(){var t=this;this._shapes.mainGroup.on("mousemove",(function(e){if(t._hovering=!0,!t._dragging){var n=t.visualMapModel.itemSize,i=t._applyTransform([e.offsetX,e.offsetY],t._shapes.mainGroup,!0,!0);i[1]=VF(BF(0,i[1]),n[1]),t._doHoverLinkToSeries(i[1],0<=i[0]&&i[0]<=n[0])}})).on("mouseout",(function(){t._hovering=!1,!t._dragging&&t._clearHoverLinkToSeries()}))},e.prototype._enableHoverLinkFromSeries=function(){var t=this.api.getZr();this.visualMapModel.option.hoverLink?(t.on("mouseover",this._hoverLinkFromSeriesMouseOver,this),t.on("mouseout",this._hideIndicator,this)):this._clearHoverLinkFromSeries()},e.prototype._doHoverLinkToSeries=function(t,e){var n=this.visualMapModel,i=n.itemSize;if(n.option.hoverLink){var r=[0,i[1]],o=n.getExtent();t=VF(BF(r[0],t),r[1]);var a=function(t,e,n){var i=6,r=t.get("hoverLinkDataSize");r&&(i=EF(r,e,n,!0)/2);return i}(n,o,r),s=[t-a,t+a],l=EF(t,r,o,!0),u=[EF(s[0],r,o,!0),EF(s[1],r,o,!0)];s[0]<r[0]&&(u[0]=-1/0),s[1]>r[1]&&(u[1]=1/0),e&&(u[0]===-1/0?this._showIndicator(l,u[1],"< ",a):u[1]===1/0?this._showIndicator(l,u[0],"> ",a):this._showIndicator(l,l,"≈ ",a));var h=this._hoverLinkDataIndices,c=[];(e||WF(n))&&(c=this._hoverLinkDataIndices=n.findTargetDataIndices(u));var p=function(t,e){var n={},i={};return r(t||[],n),r(e||[],i,n),[o(n),o(i)];function r(t,e,n){for(var i=0,r=t.length;i<r;i++){var o=Ao(t[i].seriesId,null);if(null==o)return;for(var a=bo(t[i].dataIndex),s=n&&n[o],l=0,u=a.length;l<u;l++){var h=a[l];s&&s[h]?s[h]=null:(e[o]||(e[o]={}))[h]=1}}}function o(t,e){var n=[];for(var i in t)if(t.hasOwnProperty(i)&&null!=t[i])if(e)n.push(+i);else{var r=o(t[i],!0);r.length&&n.push({seriesId:i,dataIndex:r})}return n}}(h,c);this._dispatchHighDown("downplay",NF(p[0],n)),this._dispatchHighDown("highlight",NF(p[1],n))}},e.prototype._hoverLinkFromSeriesMouseOver=function(t){var e;if(ky(t.target,(function(t){var n=Qs(t);if(null!=n.dataIndex)return e=n,!0}),!0),e){var n=this.ecModel.getSeriesByIndex(e.seriesIndex),i=this.visualMapModel;if(i.isTargetSeries(n)){var r=n.getData(e.dataType),o=r.getStore().get(i.getDataDimensionIndex(r),e.dataIndex);isNaN(o)||this._showIndicator(o,o)}}},e.prototype._hideIndicator=function(){var t=this._shapes;t.indicator&&t.indicator.attr("invisible",!0),t.indicatorLabel&&t.indicatorLabel.attr("invisible",!0);var e=this._shapes.handleLabels;if(e)for(var n=0;n<e.length;n++)this._api.leaveBlur(e[n])},e.prototype._clearHoverLinkToSeries=function(){this._hideIndicator();var t=this._hoverLinkDataIndices;this._dispatchHighDown("downplay",NF(t,this.visualMapModel)),t.length=0},e.prototype._clearHoverLinkFromSeries=function(){this._hideIndicator();var t=this.api.getZr();t.off("mouseover",this._hoverLinkFromSeriesMouseOver),t.off("mouseout",this._hideIndicator)},e.prototype._applyTransform=function(t,e,n,i){var r=Eh(e,i?null:this.group);return Y(t)?zh(t,r,n):Vh(t,r,n)},e.prototype._dispatchHighDown=function(t,e){e&&e.length&&this.api.dispatchAction({type:t,batch:e})},e.prototype.dispose=function(){this._clearHoverLinkFromSeries(),this._clearHoverLinkToSeries()},e.prototype.remove=function(){this._clearHoverLinkFromSeries(),this._clearHoverLinkToSeries()},e.type="visualMap.continuous",e}(PF);function GF(t,e,n,i){return new Wu({shape:{points:t},draggable:!!n,cursor:e,drift:n,onmousemove:function(t){de(t.event)},ondragend:i})}function WF(t){var e=t.get("hoverLinkOnHandle");return!!(null==e?t.get("realtime"):e)}function HF(t){return"vertical"===t?"ns-resize":"ew-resize"}var YF={type:"selectDataRange",event:"dataRangeSelected",update:"update"},XF=function(t,e){e.eachComponent({mainType:"visualMap",query:t},(function(e){e.setSelected(t.selected)}))},UF=[{createOnAllSeries:!0,reset:function(t,e){var n=[];return e.eachComponent("visualMap",(function(e){var i,r,o,a,s,l=t.pipelineContext;!e.isTargetSeries(t)||l&&l.large||n.push((i=e.stateList,r=e.targetVisuals,o=W(e.getValueState,e),a=e.getDataDimensionIndex(t.getData()),s={},E(i,(function(t){var e=_D.prepareVisualTypes(r[t]);s[t]=e})),{progress:function(t,e){var n,i;function l(t){return Iy(e,i,t)}function u(t,n){Cy(e,i,t,n)}null!=a&&(n=e.getDimensionIndex(a));for(var h=e.getStore();null!=(i=t.next());){var c=e.getRawDataItem(i);if(!c||!1!==c.visualMap)for(var p=null!=a?h.get(n,i):i,d=o(p),f=r[d],g=s[d],y=0,v=g.length;y<v;y++){var m=g[y];f[m]&&f[m].applyVisual(p,l,u)}}}}))})),n}},{createOnAllSeries:!0,reset:function(t,e){var n=t.getData(),i=[];e.eachComponent("visualMap",(function(e){if(e.isTargetSeries(t)){var r=e.getVisualMeta(W(ZF,null,t,e))||{stops:[],outerColors:[]},o=e.getDataDimensionIndex(n);o>=0&&(r.dimension=o,i.push(r))}})),t.getData().setVisual("visualMeta",i)}}];function ZF(t,e,n,i){for(var r=e.targetVisuals[i],o=_D.prepareVisualTypes(r),a={color:Ty(t.getData(),"color")},s=0,l=o.length;s<l;s++){var u=o[s],h=r["opacity"===u?"__alphaForOpacity":u];h&&h.applyVisual(n,c,p)}return a.color;function c(t){return a[t]}function p(t,e){a[t]=e}}var jF=E;function qF(t){var e=t&&t.visualMap;Y(e)||(e=e?[e]:[]),jF(e,(function(t){if(t){KF(t,"splitList")&&!KF(t,"pieces")&&(t.pieces=t.splitList,delete t.splitList);var e=t.pieces;e&&Y(e)&&jF(e,(function(t){q(t)&&(KF(t,"start")&&!KF(t,"min")&&(t.min=t.start),KF(t,"end")&&!KF(t,"max")&&(t.max=t.end))}))}}))}function KF(t,e){return t&&t.hasOwnProperty&&t.hasOwnProperty(e)}var $F=!1;function JF(t){$F||($F=!0,t.registerSubTypeDefaulter("visualMap",(function(t){return t.categories||(t.pieces?t.pieces.length>0:t.splitNumber>0)&&!t.calculable?"piecewise":"continuous"})),t.registerAction(YF,XF),E(UF,(function(e){t.registerVisual(t.PRIORITY.VISUAL.COMPONENT,e)})),t.registerPreprocessor(qF))}function QF(t){t.registerComponentModel(kF),t.registerComponentView(FF),JF(t)}var tG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n._pieceList=[],n}return n(e,t),e.prototype.optionUpdated=function(e,n){t.prototype.optionUpdated.apply(this,arguments),this.resetExtent();var i=this._mode=this._determineMode();this._pieceList=[],eG[this._mode].call(this,this._pieceList),this._resetSelected(e,n);var r=this.option.categories;this.resetVisual((function(t,e){"categories"===i?(t.mappingMethod="category",t.categories=T(r)):(t.dataExtent=this.getExtent(),t.mappingMethod="piecewise",t.pieceList=z(this._pieceList,(function(t){return t=T(t),"inRange"!==e&&(t.visual=null),t})))}))},e.prototype.completeVisualOption=function(){var e=this.option,n={},i=_D.listVisualTypes(),r=this.isCategory();function o(t,e,n){return t&&t[e]&&t[e].hasOwnProperty(n)}E(e.pieces,(function(t){E(i,(function(e){t.hasOwnProperty(e)&&(n[e]=1)}))})),E(n,(function(t,n){var i=!1;E(this.stateList,(function(t){i=i||o(e,t,n)||o(e.target,t,n)}),this),!i&&E(this.stateList,(function(t){(e[t]||(e[t]={}))[n]=_F(n,"inRange"===t?"active":"inactive",r)}))}),this),t.prototype.completeVisualOption.apply(this,arguments)},e.prototype._resetSelected=function(t,e){var n=this.option,i=this._pieceList,r=(e?n:t).selected||{};if(n.selected=r,E(i,(function(t,e){var n=this.getSelectedMapKey(t);r.hasOwnProperty(n)||(r[n]=!0)}),this),"single"===n.selectedMode){var o=!1;E(i,(function(t,e){var n=this.getSelectedMapKey(t);r[n]&&(o?r[n]=!1:o=!0)}),this)}},e.prototype.getItemSymbol=function(){return this.get("itemSymbol")},e.prototype.getSelectedMapKey=function(t){return"categories"===this._mode?t.value+"":t.index+""},e.prototype.getPieceList=function(){return this._pieceList},e.prototype._determineMode=function(){var t=this.option;return t.pieces&&t.pieces.length>0?"pieces":this.option.categories?"categories":"splitNumber"},e.prototype.setSelected=function(t){this.option.selected=T(t)},e.prototype.getValueState=function(t){var e=_D.findPieceIndex(t,this._pieceList);return null!=e&&this.option.selected[this.getSelectedMapKey(this._pieceList[e])]?"inRange":"outOfRange"},e.prototype.findTargetDataIndices=function(t){var e=[],n=this._pieceList;return this.eachTargetSeries((function(i){var r=[],o=i.getData();o.each(this.getDataDimensionIndex(o),(function(e,i){_D.findPieceIndex(e,n)===t&&r.push(i)}),this),e.push({seriesId:i.id,dataIndex:r})}),this),e},e.prototype.getRepresentValue=function(t){var e;if(this.isCategory())e=t.value;else if(null!=t.value)e=t.value;else{var n=t.interval||[];e=n[0]===-1/0&&n[1]===1/0?0:(n[0]+n[1])/2}return e},e.prototype.getVisualMeta=function(t){if(!this.isCategory()){var e=[],n=["",""],i=this,r=this._pieceList.slice();if(r.length){var o=r[0].interval[0];o!==-1/0&&r.unshift({interval:[-1/0,o]}),(o=r[r.length-1].interval[1])!==1/0&&r.push({interval:[o,1/0]})}else r.push({interval:[-1/0,1/0]});var a=-1/0;return E(r,(function(t){var e=t.interval;e&&(e[0]>a&&s([a,e[0]],"outOfRange"),s(e.slice()),a=e[1])}),this),{stops:e,outerColors:n}}function s(r,o){var a=i.getRepresentValue({interval:r});o||(o=i.getValueState(a));var s=t(a,o);r[0]===-1/0?n[0]=s:r[1]===1/0?n[1]=s:e.push({value:r[0],color:s},{value:r[1],color:s})}},e.type="visualMap.piecewise",e.defaultOption=Cc(DF.defaultOption,{selected:null,minOpen:!1,maxOpen:!1,align:"auto",itemWidth:20,itemHeight:14,itemSymbol:"roundRect",pieces:null,categories:null,splitNumber:5,selectedMode:"multiple",itemGap:10,hoverLink:!0}),e}(DF),eG={splitNumber:function(t){var e=this.option,n=Math.min(e.precision,20),i=this.getExtent(),r=e.splitNumber;r=Math.max(parseInt(r,10),1),e.splitNumber=r;for(var o=(i[1]-i[0])/r;+o.toFixed(n)!==o&&n<5;)n++;e.precision=n,o=+o.toFixed(n),e.minOpen&&t.push({interval:[-1/0,i[0]],close:[0,0]});for(var a=0,s=i[0];a<r;s+=o,a++){var l=a===r-1?i[1]:s+o;t.push({interval:[s,l],close:[1,1]})}e.maxOpen&&t.push({interval:[i[1],1/0],close:[0,0]}),uo(t),E(t,(function(t,e){t.index=e,t.text=this.formatValueText(t.interval)}),this)},categories:function(t){var e=this.option;E(e.categories,(function(e){t.push({text:this.formatValueText(e,!0),value:e})}),this),nG(e,t)},pieces:function(t){var e=this.option;E(e.pieces,(function(e,n){q(e)||(e={value:e});var i={text:"",index:n};if(null!=e.label&&(i.text=e.label),e.hasOwnProperty("value")){var r=i.value=e.value;i.interval=[r,r],i.close=[1,1]}else{for(var o=i.interval=[],a=i.close=[0,0],s=[1,0,1],l=[-1/0,1/0],u=[],h=0;h<2;h++){for(var c=[["gte","gt","min"],["lte","lt","max"]][h],p=0;p<3&&null==o[h];p++)o[h]=e[c[p]],a[h]=s[p],u[h]=2===p;null==o[h]&&(o[h]=l[h])}u[0]&&o[1]===1/0&&(a[0]=0),u[1]&&o[0]===-1/0&&(a[1]=0),o[0]===o[1]&&a[0]&&a[1]&&(i.value=o[0])}i.visual=_D.retrieveVisuals(e),t.push(i)}),this),nG(e,t),uo(t),E(t,(function(t){var e=t.close,n=[["<","≤"][e[1]],[">","≥"][e[0]]];t.text=t.text||this.formatValueText(null!=t.value?t.value:t.interval,!1,n)}),this)}};function nG(t,e){var n=t.inverse;("vertical"===t.orient?!n:n)&&e.reverse()}var iG=function(t){function e(){var n=null!==t&&t.apply(this,arguments)||this;return n.type=e.type,n}return n(e,t),e.prototype.doRender=function(){var t=this.group;t.removeAll();var e=this.visualMapModel,n=e.get("textGap"),i=e.textStyleModel,r=i.getFont(),o=i.getTextColor(),a=this._getItemAlign(),s=e.itemSize,l=this._getViewData(),u=l.endsText,h=it(e.get("showLabel",!0),!u);u&&this._renderEndsText(t,u[0],s,h,a),E(l.viewPieceList,(function(i){var l=i.piece,u=new zr;u.onclick=W(this._onItemClick,this,l),this._enableHoverLink(u,i.indexInModelPieceList);var c=e.getRepresentValue(l);if(this._createItemSymbol(u,c,[0,0,s[0],s[1]]),h){var p=this.visualMapModel.getValueState(c);u.add(new Fs({style:{x:"right"===a?-n:s[0]+n,y:s[1]/2,text:l.text,verticalAlign:"middle",align:a,font:r,fill:o,opacity:"outOfRange"===p?.5:1}}))}t.add(u)}),this),u&&this._renderEndsText(t,u[1],s,h,a),Tp(e.get("orient"),t,e.get("itemGap")),this.renderBackground(t),this.positionGroup(t)},e.prototype._enableHoverLink=function(t,e){var n=this;t.on("mouseover",(function(){return i("highlight")})).on("mouseout",(function(){return i("downplay")}));var i=function(t){var i=n.visualMapModel;i.option.hoverLink&&n.api.dispatchAction({type:t,batch:NF(i.findTargetDataIndices(e),i)})}},e.prototype._getItemAlign=function(){var t=this.visualMapModel,e=t.option;if("vertical"===e.orient)return RF(t,this.api,t.itemSize);var n=e.align;return n&&"auto"!==n||(n="left"),n},e.prototype._renderEndsText=function(t,e,n,i,r){if(e){var o=new zr,a=this.visualMapModel.textStyleModel;o.add(new Fs({style:nc(a,{x:i?"right"===r?n[0]:0:n[0]/2,y:n[1]/2,verticalAlign:"middle",align:i?r:"center",text:e})})),t.add(o)}},e.prototype._getViewData=function(){var t=this.visualMapModel,e=z(t.getPieceList(),(function(t,e){return{piece:t,indexInModelPieceList:e}})),n=t.get("text"),i=t.get("orient"),r=t.get("inverse");return("horizontal"===i?r:!r)?e.reverse():n&&(n=n.slice().reverse()),{viewPieceList:e,endsText:n}},e.prototype._createItemSymbol=function(t,e,n){t.add(Wy(this.getControllerVisual(e,"symbol"),n[0],n[1],n[2],n[3],this.getControllerVisual(e,"color")))},e.prototype._onItemClick=function(t){var e=this.visualMapModel,n=e.option,i=n.selectedMode;if(i){var r=T(n.selected),o=e.getSelectedMapKey(t);"single"===i||!0===i?(r[o]=!0,E(r,(function(t,e){r[e]=e===o}))):r[o]=!r[o],this.api.dispatchAction({type:"selectDataRange",from:this.uid,visualMapId:this.visualMapModel.id,selected:r})}},e.type="visualMap.piecewise",e}(PF);function rG(t){t.registerComponentModel(tG),t.registerComponentView(iG),JF(t)}var oG={label:{enabled:!0},decal:{show:!1}},aG=Oo(),sG={};function lG(t,e){var n=t.getModel("aria");if(n.get("enabled")){var i=T(oG);C(i.label,t.getLocaleModel().get("aria"),!1),C(n.option,i,!1),function(){if(n.getModel("decal").get("show")){var e=yt();t.eachSeries((function(t){if(!t.isColorBySeries()){var n=e.get(t.type);n||(n={},e.set(t.type,n)),aG(t).scope=n}})),t.eachRawSeries((function(e){if(!t.isSeriesFiltered(e))if(X(e.enableAriaDecal))e.enableAriaDecal();else{var n=e.getData();if(e.isColorBySeries()){var i=ud(e.ecModel,e.name,sG,t.getSeriesCount()),r=n.getVisual("decal");n.setVisual("decal",u(r,i))}else{var o=e.getRawData(),a={},s=aG(e).scope;n.each((function(t){var e=n.getRawIndex(t);a[e]=t}));var l=o.count();o.each((function(t){var i=a[t],r=o.getName(t)||t+"",h=ud(e.ecModel,r,s,l),c=n.getItemVisual(i,"decal");n.setItemVisual(i,"decal",u(c,h))}))}}function u(t,e){var n=t?A(A({},e),t):e;return n.dirty=!0,n}}))}}(),function(){var i=t.getLocaleModel().get("aria"),o=n.getModel("label");if(o.option=k(o.option,i),!o.get("enabled"))return;var a=e.getZr().dom;if(o.get("description"))return void a.setAttribute("aria-label",o.get("description"));var s,l=t.getSeriesCount(),u=o.get(["data","maxCount"])||10,h=o.get(["series","maxCount"])||10,c=Math.min(l,h);if(l<1)return;var p=function(){var e=t.get("title");e&&e.length&&(e=e[0]);return e&&e.text}();s=p?r(o.get(["general","withTitle"]),{title:p}):o.get(["general","withoutTitle"]);var d=[];s+=r(l>1?o.get(["series","multiple","prefix"]):o.get(["series","single","prefix"]),{seriesCount:l}),t.eachSeries((function(e,n){if(n<c){var i=void 0,a=e.get("name")?"withName":"withoutName";i=r(i=l>1?o.get(["series","multiple",a]):o.get(["series","single",a]),{seriesId:e.seriesIndex,seriesName:e.get("name"),seriesType:(x=e.subType,t.getLocaleModel().get(["series","typeNames"])[x]||"自定义图")});var s=e.getData();if(s.count()>u)i+=r(o.get(["data","partialData"]),{displayCnt:u});else i+=o.get(["data","allData"]);for(var h=o.get(["data","separator","middle"]),p=o.get(["data","separator","end"]),f=[],g=0;g<s.count();g++)if(g<u){var y=s.getName(g),v=s.getValues(g),m=o.get(["data",y?"withName":"withoutName"]);f.push(r(m,{name:y,value:v.join(h)}))}i+=f.join(h)+p,d.push(i)}var x}));var f=o.getModel(["series","multiple","separator"]),g=f.get("middle"),y=f.get("end");s+=d.join(g)+y,a.setAttribute("aria-label",s)}()}function r(t,e){if(!U(t))return t;var n=t;return E(e,(function(t,e){n=n.replace(new RegExp("\\{\\s*"+e+"\\s*\\}","g"),t)})),n}}function uG(t){if(t&&t.aria){var e=t.aria;null!=e.show&&(e.enabled=e.show),e.label=e.label||{},E(["description","general","series","data"],(function(t){null!=e[t]&&(e.label[t]=e[t])}))}}var hG={value:"eq","<":"lt","<=":"lte",">":"gt",">=":"gte","=":"eq","!=":"ne","<>":"ne"},cG=function(){function t(t){if(null==(this._condVal=U(t)?new RegExp(t):et(t)?t:null)){var e="";0,vo(e)}}return t.prototype.evaluate=function(t){var e=typeof t;return U(e)?this._condVal.test(t):!!j(e)&&this._condVal.test(t+"")},t}(),pG=function(){function t(){}return t.prototype.evaluate=function(){return this.value},t}(),dG=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(!t[e].evaluate())return!1;return!0},t}(),fG=function(){function t(){}return t.prototype.evaluate=function(){for(var t=this.children,e=0;e<t.length;e++)if(t[e].evaluate())return!0;return!1},t}(),gG=function(){function t(){}return t.prototype.evaluate=function(){return!this.child.evaluate()},t}(),yG=function(){function t(){}return t.prototype.evaluate=function(){for(var t=!!this.valueParser,e=(0,this.getValue)(this.valueGetterParam),n=t?this.valueParser(e):null,i=0;i<this.subCondList.length;i++)if(!this.subCondList[i].evaluate(t?n:e))return!1;return!0},t}();function vG(t,e){if(!0===t||!1===t){var n=new pG;return n.value=t,n}var i="";return xG(t)||vo(i),t.and?mG("and",t,e):t.or?mG("or",t,e):t.not?function(t,e){var n=t.not,i="";0;xG(n)||vo(i);var r=new gG;r.child=vG(n,e),r.child||vo(i);return r}(t,e):function(t,e){for(var n="",i=e.prepareGetValue(t),r=[],o=G(t),a=t.parser,s=a?Mf(a):null,l=0;l<o.length;l++){var u=o[l];if("parser"!==u&&!e.valueGetterAttrMap.get(u)){var h=_t(hG,u)?hG[u]:u,c=t[u],p=s?s(c):c,d=Af(h,p)||"reg"===h&&new cG(p);d||vo(n),r.push(d)}}r.length||vo(n);var f=new yG;return f.valueGetterParam=i,f.valueParser=s,f.getValue=e.getValue,f.subCondList=r,f}(t,e)}function mG(t,e,n){var i=e[t],r="";Y(i)||vo(r),i.length||vo(r);var o="and"===t?new dG:new fG;return o.children=z(i,(function(t){return vG(t,n)})),o.children.length||vo(r),o}function xG(t){return q(t)&&!N(t)}var _G=function(){function t(t,e){this._cond=vG(t,e)}return t.prototype.evaluate=function(){return this._cond.evaluate()},t}();var bG={type:"echarts:filter",transform:function(t){for(var e,n,i,r=t.upstream,o=(n=t.config,i={valueGetterAttrMap:yt({dimension:!0}),prepareGetValue:function(t){var e="",n=t.dimension;_t(t,"dimension")||vo(e);var i=r.getDimensionInfo(n);return i||vo(e),{dimIdx:i.index}},getValue:function(t){return r.retrieveValueFromItem(e,t.dimIdx)}},new _G(n,i)),a=[],s=0,l=r.count();s<l;s++)e=r.getRawDataItem(s),o.evaluate()&&a.push(e);return{data:a}}};var wG={type:"echarts:sort",transform:function(t){var e=t.upstream,n=t.config,i="",r=bo(n);r.length||vo(i);var o=[];E(r,(function(t){var n=t.dimension,r=t.order,a=t.parser,s=t.incomparable;if(null==n&&vo(i),"asc"!==r&&"desc"!==r&&vo(i),s&&"min"!==s&&"max"!==s){var l="";0,vo(l)}if("asc"!==r&&"desc"!==r){var u="";0,vo(u)}var h=e.getDimensionInfo(n);h||vo(i);var c=a?Mf(a):null;a&&!c&&vo(i),o.push({dimIdx:h.index,parser:c,comparator:new Cf(r,s)})}));var a=e.sourceFormat;a!==Fp&&a!==Gp&&vo(i);for(var s=[],l=0,u=e.count();l<u;l++)s.push(e.getRawDataItem(l));return s.sort((function(t,n){for(var i=0;i<o.length;i++){var r=o[i],a=e.retrieveValueFromItem(t,r.dimIdx),s=e.retrieveValueFromItem(n,r.dimIdx);r.parser&&(a=r.parser(a),s=r.parser(s));var l=r.comparator.evaluate(a,s);if(0!==l)return l}return 0})),{data:s}}};var SG=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.prototype.init=function(e,n,i){t.prototype.init.call(this,e,n,i),this._sourceManager=new jf(this),qf(this)},e.prototype.mergeOption=function(e,n){t.prototype.mergeOption.call(this,e,n),qf(this)},e.prototype.optionUpdated=function(){this._sourceManager.dirty()},e.prototype.getSourceManager=function(){return this._sourceManager},e.type="dataset",e.defaultOption={seriesLayoutBy:Xp},e}(Rp),MG=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.type="dataset",e}return n(e,t),e.type="dataset",e}(Tg);var IG=os.CMD;function TG(t,e){return Math.abs(t-e)<1e-5}function CG(t){var e,n,i,r,o,a=t.data,s=t.len(),l=[],u=0,h=0,c=0,p=0;function d(t,n){e&&e.length>2&&l.push(e),e=[t,n]}function f(t,n,i,r){TG(t,i)&&TG(n,r)||e.push(t,n,i,r,i,r)}function g(t,n,i,r,o,a){var s=Math.abs(n-t),l=4*Math.tan(s/4)/3,u=n<t?-1:1,h=Math.cos(t),c=Math.sin(t),p=Math.cos(n),d=Math.sin(n),f=h*o+i,g=c*a+r,y=p*o+i,v=d*a+r,m=o*l*u,x=a*l*u;e.push(f-m*c,g+x*h,y+m*d,v-x*p,y,v)}for(var y=0;y<s;){var v=a[y++],m=1===y;switch(m&&(c=u=a[y],p=h=a[y+1],v!==IG.L&&v!==IG.C&&v!==IG.Q||(e=[c,p])),v){case IG.M:u=c=a[y++],h=p=a[y++],d(c,p);break;case IG.L:f(u,h,n=a[y++],i=a[y++]),u=n,h=i;break;case IG.C:e.push(a[y++],a[y++],a[y++],a[y++],u=a[y++],h=a[y++]);break;case IG.Q:n=a[y++],i=a[y++],r=a[y++],o=a[y++],e.push(u+2/3*(n-u),h+2/3*(i-h),r+2/3*(n-r),o+2/3*(i-o),r,o),u=r,h=o;break;case IG.A:var x=a[y++],_=a[y++],b=a[y++],w=a[y++],S=a[y++],M=a[y++]+S;y+=1;var I=!a[y++];n=Math.cos(S)*b+x,i=Math.sin(S)*w+_,m?d(c=n,p=i):f(u,h,n,i),u=Math.cos(M)*b+x,h=Math.sin(M)*w+_;for(var T=(I?-1:1)*Math.PI/2,C=S;I?C>M:C<M;C+=T){g(C,I?Math.max(C+T,M):Math.min(C+T,M),x,_,b,w)}break;case IG.R:c=u=a[y++],p=h=a[y++],n=c+a[y++],i=p+a[y++],d(n,p),f(n,p,n,i),f(n,i,c,i),f(c,i,c,p),f(c,p,n,p);break;case IG.Z:e&&f(u,h,c,p),u=c,h=p}}return e&&e.length>2&&l.push(e),l}function DG(t,e,n,i,r,o,a,s,l,u){if(TG(t,n)&&TG(e,i)&&TG(r,a)&&TG(o,s))l.push(a,s);else{var h=2/u,c=h*h,p=a-t,d=s-e,f=Math.sqrt(p*p+d*d);p/=f,d/=f;var g=n-t,y=i-e,v=r-a,m=o-s,x=g*g+y*y,_=v*v+m*m;if(x<c&&_<c)l.push(a,s);else{var b=p*g+d*y,w=-p*v-d*m;if(x-b*b<c&&b>=0&&_-w*w<c&&w>=0)l.push(a,s);else{var S=[],M=[];wn(t,n,r,a,.5,S),wn(e,i,o,s,.5,M),DG(S[0],M[0],S[1],M[1],S[2],M[2],S[3],M[3],l,u),DG(S[4],M[4],S[5],M[5],S[6],M[6],S[7],M[7],l,u)}}}}function AG(t,e,n){var i=t[e],r=t[1-e],o=Math.abs(i/r),a=Math.ceil(Math.sqrt(o*n)),s=Math.floor(n/a);0===s&&(s=1,a=n);for(var l=[],u=0;u<a;u++)l.push(s);var h=n-a*s;if(h>0)for(u=0;u<h;u++)l[u%a]+=1;return l}function kG(t,e,n){for(var i=t.r0,r=t.r,o=t.startAngle,a=t.endAngle,s=Math.abs(a-o),l=s*r,u=r-i,h=l>Math.abs(u),c=AG([l,u],h?0:1,e),p=(h?s:u)/c.length,d=0;d<c.length;d++)for(var f=(h?u:s)/c[d],g=0;g<c[d];g++){var y={};h?(y.startAngle=o+p*d,y.endAngle=o+p*(d+1),y.r0=i+f*g,y.r=i+f*(g+1)):(y.startAngle=o+f*g,y.endAngle=o+f*(g+1),y.r0=i+p*d,y.r=i+p*(d+1)),y.clockwise=t.clockwise,y.cx=t.cx,y.cy=t.cy,n.push(y)}}function LG(t,e,n,i){return t*i-n*e}function PG(t,e,n,i,r,o,a,s){var l=n-t,u=i-e,h=a-r,c=s-o,p=LG(h,c,l,u);if(Math.abs(p)<1e-6)return null;var d=LG(t-r,e-o,h,c)/p;return d<0||d>1?null:new De(d*l+t,d*u+e)}function OG(t,e,n){var i=new De;De.sub(i,n,e),i.normalize();var r=new De;return De.sub(r,t,e),r.dot(i)}function RG(t,e){var n=t[t.length-1];n&&n[0]===e[0]&&n[1]===e[1]||t.push(e)}function NG(t){var e=t.points,n=[],i=[];Ra(e,n,i);var r=new ze(n[0],n[1],i[0]-n[0],i[1]-n[1]),o=r.width,a=r.height,s=r.x,l=r.y,u=new De,h=new De;return o>a?(u.x=h.x=s+o/2,u.y=l,h.y=l+a):(u.y=h.y=l+a/2,u.x=s,h.x=s+o),function(t,e,n){for(var i=t.length,r=[],o=0;o<i;o++){var a=t[o],s=t[(o+1)%i],l=PG(a[0],a[1],s[0],s[1],e.x,e.y,n.x,n.y);l&&r.push({projPt:OG(l,e,n),pt:l,idx:o})}if(r.length<2)return[{points:t},{points:t}];r.sort((function(t,e){return t.projPt-e.projPt}));var u=r[0],h=r[r.length-1];if(h.idx<u.idx){var c=u;u=h,h=c}var p=[u.pt.x,u.pt.y],d=[h.pt.x,h.pt.y],f=[p],g=[d];for(o=u.idx+1;o<=h.idx;o++)RG(f,t[o].slice());for(RG(f,d),RG(f,p),o=h.idx+1;o<=u.idx+i;o++)RG(g,t[o%i].slice());return RG(g,p),RG(g,d),[{points:f},{points:g}]}(e,u,h)}function EG(t,e,n,i){if(1===n)i.push(e);else{var r=Math.floor(n/2),o=t(e);EG(t,o[0],r,i),EG(t,o[1],n-r,i)}return i}function zG(t,e){e.setStyle(t.style),e.z=t.z,e.z2=t.z2,e.zlevel=t.zlevel}function VG(t,e){var n,i=[],r=t.shape;switch(t.type){case"rect":!function(t,e,n){for(var i=t.width,r=t.height,o=i>r,a=AG([i,r],o?0:1,e),s=o?"width":"height",l=o?"height":"width",u=o?"x":"y",h=o?"y":"x",c=t[s]/a.length,p=0;p<a.length;p++)for(var d=t[l]/a[p],f=0;f<a[p];f++){var g={};g[u]=p*c,g[h]=f*d,g[s]=c,g[l]=d,g.x+=t.x,g.y+=t.y,n.push(g)}}(r,e,i),n=zs;break;case"sector":kG(r,e,i),n=zu;break;case"circle":kG({r0:0,r:r.r,startAngle:0,endAngle:2*Math.PI,cx:r.cx,cy:r.cy},e,i),n=zu;break;default:var o=t.getComputedTransform(),a=o?Math.sqrt(Math.max(o[0]*o[0]+o[1]*o[1],o[2]*o[2]+o[3]*o[3])):1,s=z(function(t,e){var n=CG(t),i=[];e=e||1;for(var r=0;r<n.length;r++){var o=n[r],a=[],s=o[0],l=o[1];a.push(s,l);for(var u=2;u<o.length;){var h=o[u++],c=o[u++],p=o[u++],d=o[u++],f=o[u++],g=o[u++];DG(s,l,h,c,p,d,f,g,a,e),s=f,l=g}i.push(a)}return i}(t.getUpdatedPathProxy(),a),(function(t){return function(t){for(var e=[],n=0;n<t.length;)e.push([t[n++],t[n++]]);return e}(t)})),l=s.length;if(0===l)EG(NG,{points:s[0]},e,i);else if(l===e)for(var u=0;u<l;u++)i.push({points:s[u]});else{var h=0,c=z(s,(function(t){var e=[],n=[];Ra(t,e,n);var i=(n[1]-e[1])*(n[0]-e[0]);return h+=i,{poly:t,area:i}}));c.sort((function(t,e){return e.area-t.area}));var p=e;for(u=0;u<l;u++){var d=c[u];if(p<=0)break;var f=u===l-1?p:Math.ceil(d.area/h*e);f<0||(EG(NG,{points:d.poly},f,i),p-=f)}}n=Wu}if(!n)return function(t,e){for(var n=[],i=0;i<e;i++)n.push(mu(t));return n}(t,e);var g=[];for(u=0;u<i.length;u++){var y=new n;y.setShape(i[u]),zG(t,y),g.push(y)}return g}function BG(t,e){var n=t.length,i=e.length;if(n===i)return[t,e];for(var r=[],o=[],a=n<i?t:e,s=Math.min(n,i),l=Math.abs(i-n)/6,u=(s-2)/6,h=Math.ceil(l/u)+1,c=[a[0],a[1]],p=l,d=2;d<s;){var f=a[d-2],g=a[d-1],y=a[d++],v=a[d++],m=a[d++],x=a[d++],_=a[d++],b=a[d++];if(p<=0)c.push(y,v,m,x,_,b);else{for(var w=Math.min(p,h-1)+1,S=1;S<=w;S++){var M=S/w;wn(f,y,m,_,M,r),wn(g,v,x,b,M,o),f=r[3],g=o[3],c.push(r[1],o[1],r[2],o[2],f,g),y=r[5],v=o[5],m=r[6],x=o[6]}p-=w-1}}return a===t?[c,e]:[t,c]}function FG(t,e){for(var n=t.length,i=t[n-2],r=t[n-1],o=[],a=0;a<e.length;)o[a++]=i,o[a++]=r;return o}function GG(t){for(var e=0,n=0,i=0,r=t.length,o=0,a=r-2;o<r;a=o,o+=2){var s=t[a],l=t[a+1],u=t[o],h=t[o+1],c=s*h-u*l;e+=c,n+=(s+u)*c,i+=(l+h)*c}return 0===e?[t[0]||0,t[1]||0]:[n/e/3,i/e/3,e]}function WG(t,e,n,i){for(var r=(t.length-2)/6,o=1/0,a=0,s=t.length,l=s-2,u=0;u<r;u++){for(var h=6*u,c=0,p=0;p<s;p+=2){var d=0===p?h:(h+p-2)%l+2,f=t[d]-n[0],g=t[d+1]-n[1],y=e[p]-i[0]-f,v=e[p+1]-i[1]-g;c+=y*y+v*v}c<o&&(o=c,a=u)}return a}function HG(t){for(var e=[],n=t.length,i=0;i<n;i+=2)e[i]=t[n-i-2],e[i+1]=t[n-i-1];return e}function YG(t){return t.__isCombineMorphing}var XG="__mOriginal_";function UG(t,e,n){var i=XG+e,r=t[i]||t[e];t[i]||(t[i]=t[e]);var o=n.replace,a=n.after,s=n.before;t[e]=function(){var t,e=arguments;return s&&s.apply(this,e),t=o?o.apply(this,e):r.apply(this,e),a&&a.apply(this,e),t}}function ZG(t,e){var n=XG+e;t[n]&&(t[e]=t[n],t[n]=null)}function jG(t,e){for(var n=0;n<t.length;n++)for(var i=t[n],r=0;r<i.length;){var o=i[r],a=i[r+1];i[r++]=e[0]*o+e[2]*a+e[4],i[r++]=e[1]*o+e[3]*a+e[5]}}function qG(t,e){var n=t.getUpdatedPathProxy(),i=e.getUpdatedPathProxy(),r=function(t,e){for(var n,i,r,o=[],a=[],s=0;s<Math.max(t.length,e.length);s++){var l=t[s],u=e[s],h=void 0,c=void 0;l?u?(i=h=(n=BG(l,u))[0],r=c=n[1]):(c=FG(r||l,l),h=l):(h=FG(i||u,u),c=u),o.push(h),a.push(c)}return[o,a]}(CG(n),CG(i)),o=r[0],a=r[1],s=t.getComputedTransform(),l=e.getComputedTransform();s&&jG(o,s),l&&jG(a,l),UG(e,"updateTransform",{replace:function(){this.transform=null}}),e.transform=null;var u=function(t,e,n,i){for(var r,o=[],a=0;a<t.length;a++){var s=t[a],l=e[a],u=GG(s),h=GG(l);null==r&&(r=u[2]<0!=h[2]<0);var c=[],p=[],d=0,f=1/0,g=[],y=s.length;r&&(s=HG(s));for(var v=6*WG(s,l,u,h),m=y-2,x=0;x<m;x+=2){var _=(v+x)%m+2;c[x+2]=s[_]-u[0],c[x+3]=s[_+1]-u[1]}if(c[0]=s[v]-u[0],c[1]=s[v+1]-u[1],n>0)for(var b=i/n,w=-i/2;w<=i/2;w+=b){var S=Math.sin(w),M=Math.cos(w),I=0;for(x=0;x<s.length;x+=2){var T=c[x],C=c[x+1],D=l[x]-h[0],A=l[x+1]-h[1],k=D*M-A*S,L=D*S+A*M;g[x]=k,g[x+1]=L;var P=k-T,O=L-C;I+=P*P+O*O}if(I<f){f=I,d=w;for(var R=0;R<g.length;R++)p[R]=g[R]}}else for(var N=0;N<y;N+=2)p[N]=l[N]-h[0],p[N+1]=l[N+1]-h[1];o.push({from:c,to:p,fromCp:u,toCp:h,rotation:-d})}return o}(o,a,10,Math.PI),h=[];UG(e,"buildPath",{replace:function(t){for(var n=e.__morphT,i=1-n,r=[],o=0;o<u.length;o++){var a=u[o],s=a.from,l=a.to,c=a.rotation*n,p=a.fromCp,d=a.toCp,f=Math.sin(c),g=Math.cos(c);Gt(r,p,d,n);for(var y=0;y<s.length;y+=2){var v=s[y],m=s[y+1],x=v*i+(S=l[y])*n,_=m*i+(M=l[y+1])*n;h[y]=x*g-_*f+r[0],h[y+1]=x*f+_*g+r[1]}var b=h[0],w=h[1];t.moveTo(b,w);for(y=2;y<s.length;){var S=h[y++],M=h[y++],I=h[y++],T=h[y++],C=h[y++],D=h[y++];b===S&&w===M&&I===C&&T===D?t.lineTo(C,D):t.bezierCurveTo(S,M,I,T,C,D),b=C,w=D}}}})}function KG(t,e,n){if(!t||!e)return e;var i=n.done,r=n.during;return qG(t,e),e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){e.dirtyShape(),r&&r(t)},done:function(){ZG(e,"buildPath"),ZG(e,"updateTransform"),e.__morphT=-1,e.createPathProxy(),e.dirtyShape(),i&&i()}},n)),e}function $G(t,e,n,i,r,o){t=r===n?0:Math.round(32767*(t-n)/(r-n)),e=o===i?0:Math.round(32767*(e-i)/(o-i));for(var a,s=0,l=32768;l>0;l/=2){var u=0,h=0;(t&l)>0&&(u=1),(e&l)>0&&(h=1),s+=l*l*(3*u^h),0===h&&(1===u&&(t=l-1-t,e=l-1-e),a=t,t=e,e=a)}return s}function JG(t){var e=1/0,n=1/0,i=-1/0,r=-1/0,o=z(t,(function(t){var o=t.getBoundingRect(),a=t.getComputedTransform(),s=o.x+o.width/2+(a?a[4]:0),l=o.y+o.height/2+(a?a[5]:0);return e=Math.min(s,e),n=Math.min(l,n),i=Math.max(s,i),r=Math.max(l,r),[s,l]}));return z(o,(function(o,a){return{cp:o,z:$G(o[0],o[1],e,n,i,r),path:t[a]}})).sort((function(t,e){return t.z-e.z})).map((function(t){return t.path}))}function QG(t){return VG(t.path,t.count)}function tW(t){return Y(t[0])}function eW(t,e){for(var n=[],i=t.length,r=0;r<i;r++)n.push({one:t[r],many:[]});for(r=0;r<e.length;r++){var o=e[r].length,a=void 0;for(a=0;a<o;a++)n[a%i].many.push(e[r][a])}var s=0;for(r=i-1;r>=0;r--)if(!n[r].many.length){var l=n[s].many;if(l.length<=1){if(!s)return n;s=0}o=l.length;var u=Math.ceil(o/2);n[r].many=l.slice(u,o),n[s].many=l.slice(0,u),s++}return n}var nW={clone:function(t){for(var e=[],n=1-Math.pow(1-t.path.style.opacity,1/t.count),i=0;i<t.count;i++){var r=mu(t.path);r.setStyle("opacity",n),e.push(r)}return e},split:null};function iW(t,e,n,i,r,o){if(t.length&&e.length){var a=ph("update",i,r);if(a&&a.duration>0){var s,l,u=i.getModel("universalTransition").get("delay"),h=Object.assign({setToFinal:!0},a);tW(t)&&(s=t,l=e),tW(e)&&(s=e,l=t);for(var c=s?s===t:t.length>e.length,p=s?eW(l,s):eW(c?e:t,[c?t:e]),d=0,f=0;f<p.length;f++)d+=p[f].many.length;var g=0;for(f=0;f<p.length;f++)y(p[f],c,g,d),g+=p[f].many.length}}function y(t,e,i,r,a){var s=t.many,l=t.one;if(1!==s.length||a)for(var c=k({dividePath:nW[n],individualDelay:u&&function(t,e,n,o){return u(t+i,r)}},h),p=e?function(t,e,n){var i=[];!function t(e){for(var n=0;n<e.length;n++){var r=e[n];YG(r)?t(r.childrenRef()):r instanceof Is&&i.push(r)}}(t);var r=i.length;if(!r)return{fromIndividuals:[],toIndividuals:[],count:0};var o=(n.dividePath||QG)({path:e,count:r});if(o.length!==r)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};i=JG(i),o=JG(o);for(var a=n.done,s=n.during,l=n.individualDelay,u=new gr,h=0;h<r;h++){var c=i[h],p=o[h];p.parent=e,p.copyTransform(u),l||qG(c,p)}function d(t){for(var e=0;e<o.length;e++)o[e].addSelfToZr(t)}function f(){e.__isCombineMorphing=!1,e.__morphT=-1,e.childrenRef=null,ZG(e,"addSelfToZr"),ZG(e,"removeSelfFromZr")}e.__isCombineMorphing=!0,e.childrenRef=function(){return o},UG(e,"addSelfToZr",{after:function(t){d(t)}}),UG(e,"removeSelfFromZr",{after:function(t){for(var e=0;e<o.length;e++)o[e].removeSelfFromZr(t)}});var g=o.length;if(l){var y=g,v=function(){0==--y&&(f(),a&&a())};for(h=0;h<g;h++){var m=l?k({delay:(n.delay||0)+l(h,g,i[h],o[h]),done:v},n):n;KG(i[h],o[h],m)}}else e.__morphT=0,e.animateTo({__morphT:1},k({during:function(t){for(var n=0;n<g;n++){var i=o[n];i.__morphT=e.__morphT,i.dirtyShape()}s&&s(t)},done:function(){f();for(var e=0;e<t.length;e++)ZG(t[e],"updateTransform");a&&a()}},n));return e.__zr&&d(e.__zr),{fromIndividuals:i,toIndividuals:o,count:g}}(s,l,c):function(t,e,n){var i=e.length,r=[],o=n.dividePath||QG;if(YG(t)){!function t(e){for(var n=0;n<e.length;n++){var i=e[n];YG(i)?t(i.childrenRef()):i instanceof Is&&r.push(i)}}(t.childrenRef());var a=r.length;if(a<i)for(var s=0,l=a;l<i;l++)r.push(mu(r[s++%a]));r.length=i}else{r=o({path:t,count:i});var u=t.getComputedTransform();for(l=0;l<r.length;l++)r[l].setLocalTransform(u);if(r.length!==i)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}r=JG(r),e=JG(e);var h=n.individualDelay;for(l=0;l<i;l++){var c=h?k({delay:(n.delay||0)+h(l,i,r[l],e[l])},n):n;KG(r[l],e[l],c)}return{fromIndividuals:r,toIndividuals:e,count:e.length}}(l,s,c),d=p.fromIndividuals,f=p.toIndividuals,g=d.length,v=0;v<g;v++){m=u?k({delay:u(v,g)},h):h;o(d[v],f[v],e?s[v]:t.one,e?t.one:s[v],m)}else{var m,x=e?s[0]:l,_=e?l:s[0];if(YG(x))y({many:[x],one:_},!0,i,r,!0);else KG(x,_,m=u?k({delay:u(i,r)},h):h),o(x,_,x,_,m)}}}function rW(t){if(!t)return[];if(Y(t)){for(var e=[],n=0;n<t.length;n++)e.push(rW(t[n]));return e}var i=[];return t.traverse((function(t){t instanceof Is&&!t.disableMorphing&&!t.invisible&&!t.ignore&&i.push(t)})),i}var oW=Oo();function aW(t){var e=[];return E(t,(function(t){var n=t.data;if(!(n.count()>1e4))for(var i=n.getIndices(),r=function(t){for(var e=t.dimensions,n=0;n<e.length;n++){var i=t.getDimensionInfo(e[n]);if(i&&0===i.otherDims.itemGroupId)return e[n]}}(n),o=0;o<i.length;o++)e.push({dataGroupId:t.dataGroupId,data:n,dim:t.dim||r,divide:t.divide,dataIndex:o})})),e}function sW(t,e,n){t.traverse((function(t){t instanceof Is&&gh(t,{style:{opacity:0}},e,{dataIndex:n,isFrom:!0})}))}function lW(t){if(t.parent){var e=t.getComputedTransform();t.setLocalTransform(e),t.parent.remove(t)}}function uW(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function hW(t,e,n){var i=ph("update",n,e);i&&t.traverse((function(t){if(t instanceof Sa){var e=function(t){return ch(t).oldStyle}(t);e&&t.animateFrom({style:e},i)}}))}function cW(t,e,n){var i=aW(t),r=aW(e);function o(t,e,n,i,r){(n||t)&&e.animateFrom({style:n&&n!==t?A(A({},n.style),t.style):t.style},r)}function a(t){for(var e=0;e<t.length;e++)if(t[e].dim)return t[e].dim}var s=a(i),l=a(r),u=!1;function h(t,e){return function(n){var i=n.data,r=n.dataIndex;if(e)return i.getId(r);var o=n.dataGroupId,a=t?s||l:l||s,u=a&&i.getDimensionInfo(a),h=u&&u.ordinalMeta;if(u){var c=i.get(u.name,r);return h&&h.categories[c]||c+""}var p=i.getRawDataItem(r);return p&&p.groupId?p.groupId+"":o||i.getId(r)}}var c=function(t,e){var n=t.length;if(n!==e.length)return!1;for(var i=0;i<n;i++){var r=t[i],o=e[i];if(r.data.getId(r.dataIndex)!==o.data.getId(o.dataIndex))return!1}return!0}(i,r),p={};if(!c)for(var d=0;d<r.length;d++){var f=r[d],g=f.data.getItemGraphicEl(f.dataIndex);g&&(p[g.id]=!0)}function y(t,e){var n=i[e],a=r[t],s=a.data.hostModel,l=n.data.getItemGraphicEl(n.dataIndex),h=a.data.getItemGraphicEl(a.dataIndex);l!==h?l&&p[l.id]||h&&(uW(h),l?(uW(l),lW(l),u=!0,iW(rW(l),rW(h),a.divide,s,t,o)):sW(h,s,t)):h&&hW(h,a.dataIndex,s)}new Vm(i,r,h(!0,c),h(!1,c),null,"multiple").update(y).updateManyToOne((function(t,e){var n=r[t],a=n.data,s=a.hostModel,l=a.getItemGraphicEl(n.dataIndex),h=B(z(e,(function(t){return i[t].data.getItemGraphicEl(i[t].dataIndex)})),(function(t){return t&&t!==l&&!p[t.id]}));l&&(uW(l),h.length?(E(h,(function(t){uW(t),lW(t)})),u=!0,iW(rW(h),rW(l),n.divide,s,t,o)):sW(l,s,n.dataIndex))})).updateOneToMany((function(t,e){var n=i[e],a=n.data.getItemGraphicEl(n.dataIndex);if(!a||!p[a.id]){var s=B(z(t,(function(t){return r[t].data.getItemGraphicEl(r[t].dataIndex)})),(function(t){return t&&t!==a})),l=r[t[0]].data.hostModel;s.length&&(E(s,(function(t){return uW(t)})),a?(uW(a),lW(a),u=!0,iW(rW(a),rW(s),n.divide,l,t[0],o)):E(s,(function(e){return sW(e,l,t[0])})))}})).updateManyToMany((function(t,e){new Vm(e,t,(function(t){return i[t].data.getId(i[t].dataIndex)}),(function(t){return r[t].data.getId(r[t].dataIndex)})).update((function(n,i){y(t[n],e[i])})).execute()})).execute(),u&&E(e,(function(t){var e=t.data.hostModel,i=e&&n.getViewOfSeriesModel(e),r=ph("update",e,0);i&&e.isAnimationEnabled()&&r&&r.duration>0&&i.group.traverse((function(t){t instanceof Is&&!t.animators.length&&t.animateFrom({style:{opacity:0}},r)}))}))}function pW(t){var e=t.getModel("universalTransition").get("seriesKey");return e||t.id}function dW(t){return Y(t)?t.sort().join(","):t}function fW(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function gW(t,e){for(var n=0;n<t.length;n++){if(null!=e.seriesIndex&&e.seriesIndex===t[n].seriesIndex||null!=e.seriesId&&e.seriesId===t[n].id)return n}}Nm([function(t){t.registerPainter("canvas",eS)}]),Nm([function(t){t.registerPainter("svg",jw)}]),Nm([function(t){t.registerChartView(NS),t.registerSeriesModel(nS),t.registerLayout(ES("line",!0)),t.registerVisual({seriesType:"line",reset:function(t){var e=t.getData(),n=t.getModel("lineStyle").getLineStyle();n&&!n.stroke&&(n.stroke=e.getVisual("style").fill),e.setVisual("legendLineStyle",n)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BS("line"))},function(t){t.registerChartView(qS),t.registerSeriesModel(GS),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(Hx,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,Yx("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,BS("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,e){var n=t.componentType||"series";e.eachComponent({mainType:n,query:t},(function(e){t.sortInfo&&e.axis.setCategorySortInfo(t.sortInfo)}))}))},function(t){t.registerChartView(SM),t.registerSeriesModel(CM),Dy("pie",t.registerAction),t.registerLayout(H(gM,"pie")),t.registerProcessor(yM("pie")),t.registerProcessor(function(t){return{seriesType:t,reset:function(t,e){var n=t.getData();n.filterSelf((function(t){var e=n.mapDimension("value"),i=n.get(e,t);return!(j(i)&&!isNaN(i)&&i<0)}))}}}("pie"))},function(t){Nm(DI),t.registerSeriesModel(DM),t.registerChartView(PM),t.registerLayout(ES("scatter"))},function(t){Nm(WI),t.registerChartView(OI),t.registerSeriesModel(RI),t.registerLayout(AI),t.registerProcessor(yM("radar")),t.registerPreprocessor(PI)},function(t){Nm(vC),t.registerChartView(JT),t.registerSeriesModel(QT),t.registerLayout(eC),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,tC),Dy("map",t.registerAction)},function(t){t.registerChartView(AC),t.registerSeriesModel($C),t.registerLayout(QC),t.registerVisual(tD),function(t){t.registerAction({type:"treeExpandAndCollapse",event:"treeExpandAndCollapse",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var n=t.dataIndex,i=e.getData().tree.getNodeByDataIndex(n);i.isExpand=!i.isExpand}))})),t.registerAction({type:"treeRoam",event:"treeRoam",update:"none"},(function(t,e,n){e.eachComponent({mainType:"series",subType:"tree",query:t},(function(e){var i=fC(e.coordinateSystem,t,void 0,n);e.setCenter&&e.setCenter(i.center),e.setZoom&&e.setZoom(i.zoom)}))}))}(t)},function(t){t.registerSeriesModel(iD),t.registerChartView(yD),t.registerVisual(OD),t.registerLayout(UD),function(t){for(var e=0;e<eD.length;e++)t.registerAction({type:eD[e],update:"updateView"},bt);t.registerAction({type:"treemapRootToNode",update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"treemap",query:t},(function(e,n){var i=ZC(t,["treemapZoomToNode","treemapRootToNode"],e);if(i){var r=e.getViewRoot();r&&(t.direction=qC(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))}))}(t)},function(t){t.registerChartView(ZA),t.registerSeriesModel(tk),t.registerProcessor(JD),t.registerVisual(QD),t.registerVisual(eA),t.registerLayout(cA),t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT,xA),t.registerLayout(bA),t.registerCoordinateSystem("graphView",{dimensions:iC.dimensions,create:wA}),t.registerAction({type:"focusNodeAdjacency",event:"focusNodeAdjacency",update:"series:focusNodeAdjacency"},bt),t.registerAction({type:"unfocusNodeAdjacency",event:"unfocusNodeAdjacency",update:"series:unfocusNodeAdjacency"},bt),t.registerAction(ek,(function(t,e,n){e.eachComponent({mainType:"series",query:t},(function(e){var i=fC(e.coordinateSystem,t,void 0,n);e.setCenter&&e.setCenter(i.center),e.setZoom&&e.setZoom(i.zoom)}))}))},function(t){t.registerChartView(ok),t.registerSeriesModel(ak)},function(t){t.registerChartView(uk),t.registerSeriesModel(hk),t.registerLayout(ck),t.registerProcessor(yM("funnel"))},function(t){Nm(zL),t.registerChartView(pk),t.registerSeriesModel(vk),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,_k)},function(t){t.registerChartView(FL),t.registerSeriesModel(WL),t.registerLayout(HL),t.registerVisual(eP),t.registerAction({type:"dragNode",event:"dragnode",update:"update"},(function(t,e){e.eachComponent({mainType:"series",subType:"sankey",query:t},(function(e){e.setNodePosition(t.dataIndex,[t.localX,t.localY])}))}))},function(t){t.registerSeriesModel(iP),t.registerChartView(rP),t.registerLayout(cP),t.registerTransform(pP)},function(t){t.registerChartView(fP),t.registerSeriesModel(IP),t.registerPreprocessor(TP),t.registerVisual(PP),t.registerLayout(OP)},function(t){t.registerChartView(zP),t.registerSeriesModel(VP),t.registerLayout(ES("effectScatter"))},function(t){t.registerChartView(UP),t.registerSeriesModel(KP),t.registerLayout(XP),t.registerVisual(JP)},function(t){t.registerChartView(eO),t.registerSeriesModel(nO)},function(t){t.registerChartView(aO),t.registerSeriesModel(MO),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,H(Hx,"pictorialBar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,Yx("pictorialBar"))},function(t){t.registerChartView(IO),t.registerSeriesModel(TO),t.registerLayout(CO),t.registerProcessor(yM("themeRiver"))},function(t){t.registerChartView(PO),t.registerSeriesModel(OO),t.registerLayout(H(EO,"sunburst")),t.registerProcessor(H(yM,"sunburst")),t.registerVisual(VO),function(t){t.registerAction({type:kO,update:"updateView"},(function(t,e){e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e,n){var i=ZC(t,[kO],e);if(i){var r=e.getViewRoot();r&&(t.direction=qC(r,i.node)?"rollUp":"drillDown"),e.resetViewRoot(i.node)}}))})),t.registerAction({type:LO,update:"none"},(function(t,e,n){t=A({},t),e.eachComponent({mainType:"series",subType:"sunburst",query:t},(function(e){var n=ZC(t,[LO],e);n&&(t.dataIndex=n.node.dataIndex)})),n.dispatchAction(A(t,{type:"highlight"}))})),t.registerAction({type:"sunburstUnhighlight",update:"updateView"},(function(t,e,n){t=A({},t),n.dispatchAction(A(t,{type:"downplay"}))}))}(t)},function(t){t.registerChartView(AR),t.registerSeriesModel(WO)}]),Nm((function(t){Nm(DI),Nm(kN)})),Nm((function(t){Nm(kN),yI.registerAxisPointerClass("PolarAxisPointer",LN),t.registerCoordinateSystem("polar",XN),t.registerComponentModel(ON),t.registerComponentView(sE),FM(t,"angle",NN,oE),FM(t,"radius",EN,aE),t.registerComponentView(KN),t.registerComponentView(tE),t.registerLayout(H(rE,"bar"))})),Nm(vC),Nm((function(t){Nm(kN),yI.registerAxisPointerClass("SingleAxisPointer",bE),t.registerComponentView(IE),t.registerComponentView(cE),t.registerComponentModel(dE),FM(t,"single",dE,dE.defaultOption),t.registerCoordinateSystem("single",mE)})),Nm(zL),Nm((function(t){t.registerComponentModel(TE),t.registerComponentView(DE),t.registerCoordinateSystem("calendar",kE)})),Nm((function(t){t.registerComponentModel(EE),t.registerComponentView(BE),t.registerPreprocessor((function(t){var e=t.graphic;Y(e)?e[0]&&e[0].elements?t.graphic=[t.graphic[0]]:t.graphic=[{elements:e}]:e&&!e.elements&&(t.graphic=[{elements:[e]}])}))})),Nm((function(t){t.registerComponentModel(pz),t.registerComponentView(fz),hz("saveAsImage",gz),hz("magicType",mz),hz("dataView",Iz),hz("dataZoom",Zz),hz("restore",kz),Nm(sz)})),Nm((function(t){Nm(kN),t.registerComponentModel(Kz),t.registerComponentView(dV),t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},bt),t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},bt)})),Nm(kN),Nm((function(t){t.registerComponentView(NV),t.registerComponentModel(EV),t.registerPreprocessor(mV),t.registerVisual(t.PRIORITY.VISUAL.BRUSH,kV),t.registerAction({type:"brush",event:"brush",update:"updateVisual"},(function(t,e){e.eachComponent({mainType:"brush",query:t},(function(e){e.setAreas(t.areas)}))})),t.registerAction({type:"brushSelect",event:"brushSelected",update:"none"},bt),t.registerAction({type:"brushEnd",event:"brushEnd",update:"none"},bt),hz("brush",BV)})),Nm((function(t){t.registerComponentModel(FV),t.registerComponentView(GV)})),Nm((function(t){t.registerComponentModel(HV),t.registerComponentView(jV),t.registerSubTypeDefaulter("timeline",(function(){return"slider"})),function(t){t.registerAction({type:"timelineChange",event:"timelineChanged",update:"prepareAndUpdate"},(function(t,e,n){var i=e.getComponent("timeline");return i&&null!=t.currentIndex&&(i.setCurrentIndex(t.currentIndex),!i.get("loop",!0)&&i.isIndexMax()&&i.getPlayState()&&(i.setPlayState(!1),n.dispatchAction({type:"timelinePlayChange",playState:!1,from:t.from}))),e.resetOption("timeline",{replaceMerge:i.get("replaceMerge",!0)}),k({currentIndex:i.option.currentIndex},t)})),t.registerAction({type:"timelinePlayChange",event:"timelinePlayChanged",update:"update"},(function(t,e){var n=e.getComponent("timeline");n&&null!=t.playState&&n.setPlayState(t.playState)}))}(t),t.registerPreprocessor($V)})),Nm((function(t){t.registerComponentModel(rB),t.registerComponentView(yB),t.registerPreprocessor((function(t){tB(t.series,"markPoint")&&(t.markPoint=t.markPoint||{})}))})),Nm((function(t){t.registerComponentModel(vB),t.registerComponentView(MB),t.registerPreprocessor((function(t){tB(t.series,"markLine")&&(t.markLine=t.markLine||{})}))})),Nm((function(t){t.registerComponentModel(IB),t.registerComponentView(OB),t.registerPreprocessor((function(t){tB(t.series,"markArea")&&(t.markArea=t.markArea||{})}))})),Nm((function(t){Nm(XB),Nm(JB)})),Nm((function(t){Nm(hF),Nm(xF)})),Nm(hF),Nm(xF),Nm((function(t){Nm(QF),Nm(rG)})),Nm(QF),Nm(rG),Nm((function(t){t.registerPreprocessor(uG),t.registerVisual(t.PRIORITY.VISUAL.ARIA,lG)})),Nm((function(t){t.registerTransform(bG),t.registerTransform(wG)})),Nm((function(t){t.registerComponentModel(SG),t.registerComponentView(MG)})),Nm((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){E(bo(n.seriesTransition),(function(t){E(bo(t.to),(function(t){for(var e=n.updatedSeries,i=0;i<e.length;i++)(null!=t.seriesIndex&&t.seriesIndex===e[i].seriesIndex||null!=t.seriesId&&t.seriesId===e[i].id)&&(e[i][vg]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,e,n){var i=oW(e);if(i.oldSeries&&n.updatedSeries&&n.optionChanged){var r=n.seriesTransition;if(r)E(bo(r),(function(t){!function(t,e,n,i){var r=[],o=[];E(bo(t.from),(function(t){var n=gW(e.oldSeries,t);n>=0&&r.push({dataGroupId:e.oldDataGroupIds[n],data:e.oldData[n],divide:fW(e.oldData[n]),dim:t.dimension})})),E(bo(t.to),(function(t){var i=gW(n.updatedSeries,t);if(i>=0){var r=n.updatedSeries[i].getData();o.push({dataGroupId:e.oldDataGroupIds[i],data:r,divide:fW(r),dim:t.dimension})}})),r.length>0&&o.length>0&&cW(r,o,i)}(t,i,n,e)}));else{var o=function(t,e){var n=yt(),i=yt(),r=yt();return E(t.oldSeries,(function(e,n){var o=t.oldDataGroupIds[n],a=t.oldData[n],s=pW(e),l=dW(s);i.set(l,{dataGroupId:o,data:a}),Y(s)&&E(s,(function(t){r.set(t,{key:l,dataGroupId:o,data:a})}))})),E(e.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var e=t.get("dataGroupId"),o=t.getData(),a=pW(t),s=dW(a),l=i.get(s);if(l)n.set(s,{oldSeries:[{dataGroupId:l.dataGroupId,divide:fW(l.data),data:l.data}],newSeries:[{dataGroupId:e,divide:fW(o),data:o}]});else if(Y(a)){var u=[];E(a,(function(t){var e=i.get(t);e.data&&u.push({dataGroupId:e.dataGroupId,divide:fW(e.data),data:e.data})})),u.length&&n.set(s,{oldSeries:u,newSeries:[{dataGroupId:e,data:o,divide:fW(o)}]})}else{var h=r.get(a);if(h){var c=n.get(h.key);c||(c={oldSeries:[{dataGroupId:h.dataGroupId,data:h.data,divide:fW(h.data)}],newSeries:[]},n.set(h.key,c)),c.newSeries.push({dataGroupId:e,data:o,divide:fW(o)})}}}})),n}(i,n);E(o.keys(),(function(t){var n=o.get(t);cW(n.oldSeries,n.newSeries,e)}))}E(n.updatedSeries,(function(t){t[vg]&&(t[vg]=!1)}))}for(var a=t.getSeries(),s=i.oldSeries=[],l=i.oldDataGroupIds=[],u=i.oldData=[],h=0;h<a.length;h++){var c=a[h].getData();c.count()<1e4&&(s.push(a[h]),l.push(a[h].get("dataGroupId")),u.push(c))}}))})),Nm((function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,e,n){var i=Gb(e).labelManager;i||(i=Gb(e).labelManager=new Fb),i.clearLabels()})),t.registerUpdateLifecycle("series:layoutlabels",(function(t,e,n){var i=Gb(e).labelManager;n.updatedSeries.forEach((function(t){i.addLabelsOfSeries(e.getViewOfSeriesModel(t))})),i.updateLayoutConfig(e),i.layout(e),i.processLabelsOverall()}))})),t.Axis=nb,t.ChartView=kg,t.ComponentModel=Rp,t.ComponentView=Tg,t.List=lx,t.Model=Mc,t.PRIORITY=Mv,t.SeriesModel=mg,t.color=ai,t.connect=function(t){if(Y(t)){var e=t;t=null,E(e,(function(e){null!=e.group&&(t=e.group)})),t=t||"g_"+dm++,E(e,(function(e){e.group=t}))}return cm[t]=!0,t},t.dataTool={},t.dependencies={zrender:"5.4.4"},t.disConnect=ym,t.disconnect=gm,t.dispose=function(t){U(t)?t=hm[t]:t instanceof Qv||(t=vm(t)),t instanceof Qv&&!t.isDisposed()&&t.dispose()},t.env=r,t.extendChartView=function(t){var e=kg.extend(t);return kg.registerClass(e),e},t.extendComponentModel=function(t){var e=Rp.extend(t);return Rp.registerClass(e),e},t.extendComponentView=function(t){var e=Tg.extend(t);return Tg.registerClass(e),e},t.extendSeriesModel=function(t){var e=mg.extend(t);return mg.registerClass(e),e},t.format=Y_,t.getCoordinateSystemDimensions=function(t){var e=xd.get(t);if(e)return e.getDimensionsInfo?e.getDimensionsInfo():e.dimensions.slice()},t.getInstanceByDom=vm,t.getInstanceById=function(t){return hm[t]},t.getMap=function(t){var e=bv("getMap");return e&&e(t)},t.graphic=H_,t.helper=C_,t.init=function(t,e,n){var i=!(n&&n.ssr);if(i){0;var r=vm(t);if(r)return r;0}var o=new Qv(t,e,n);return o.id="ec_"+pm++,hm[o.id]=o,i&&Fo(t,fm,o.id),jv(o),xv.trigger("afterinit",o),o},t.innerDrawElementOnCanvas=hv,t.matrix=Ce,t.number=G_,t.parseGeoJSON=F_,t.parseGeoJson=F_,t.registerAction=Mm,t.registerCoordinateSystem=Im,t.registerLayout=Tm,t.registerLoading=km,t.registerLocale=Rc,t.registerMap=Lm,t.registerPostInit=bm,t.registerPostUpdate=wm,t.registerPreprocessor=xm,t.registerProcessor=_m,t.registerTheme=mm,t.registerTransform=Pm,t.registerUpdateLifecycle=Sm,t.registerVisual=Cm,t.setCanvasCreator=function(t){c({createCanvas:t})},t.setPlatformAPI=c,t.throttle=Bg,t.time=W_,t.use=Nm,t.util=X_,t.vector=Xt,t.version="5.4.3",t.zrUtil=St,t.zrender=Hr,Object.defineProperty(t,"__esModule",{value:!0})}));
diff --git a/app/client/public/libraries/lodash@4.17.21.js b/app/client/public/libraries/lodash@4.17.21.js
new file mode 100644
index 0000000000..4219da738c
--- /dev/null
+++ b/app/client/public/libraries/lodash@4.17.21.js
@@ -0,0 +1,140 @@
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+(function(){function n(n,t,r){switch(r.length){case 0:return n.call(t);case 1:return n.call(t,r[0]);case 2:return n.call(t,r[0],r[1]);case 3:return n.call(t,r[0],r[1],r[2])}return n.apply(t,r)}function t(n,t,r,e){for(var u=-1,i=null==n?0:n.length;++u<i;){var o=n[u];t(e,o,r(o),n)}return e}function r(n,t){for(var r=-1,e=null==n?0:n.length;++r<e&&t(n[r],r,n)!==!1;);return n}function e(n,t){for(var r=null==n?0:n.length;r--&&t(n[r],r,n)!==!1;);return n}function u(n,t){for(var r=-1,e=null==n?0:n.length;++r<e;)if(!t(n[r],r,n))return!1;
+return!0}function i(n,t){for(var r=-1,e=null==n?0:n.length,u=0,i=[];++r<e;){var o=n[r];t(o,r,n)&&(i[u++]=o)}return i}function o(n,t){return!!(null==n?0:n.length)&&y(n,t,0)>-1}function f(n,t,r){for(var e=-1,u=null==n?0:n.length;++e<u;)if(r(t,n[e]))return!0;return!1}function c(n,t){for(var r=-1,e=null==n?0:n.length,u=Array(e);++r<e;)u[r]=t(n[r],r,n);return u}function a(n,t){for(var r=-1,e=t.length,u=n.length;++r<e;)n[u+r]=t[r];return n}function l(n,t,r,e){var u=-1,i=null==n?0:n.length;for(e&&i&&(r=n[++u]);++u<i;)r=t(r,n[u],u,n);
+return r}function s(n,t,r,e){var u=null==n?0:n.length;for(e&&u&&(r=n[--u]);u--;)r=t(r,n[u],u,n);return r}function h(n,t){for(var r=-1,e=null==n?0:n.length;++r<e;)if(t(n[r],r,n))return!0;return!1}function p(n){return n.split("")}function _(n){return n.match($t)||[]}function v(n,t,r){var e;return r(n,function(n,r,u){if(t(n,r,u))return e=r,!1}),e}function g(n,t,r,e){for(var u=n.length,i=r+(e?1:-1);e?i--:++i<u;)if(t(n[i],i,n))return i;return-1}function y(n,t,r){return t===t?Z(n,t,r):g(n,b,r)}function d(n,t,r,e){
+for(var u=r-1,i=n.length;++u<i;)if(e(n[u],t))return u;return-1}function b(n){return n!==n}function w(n,t){var r=null==n?0:n.length;return r?k(n,t)/r:Cn}function m(n){return function(t){return null==t?X:t[n]}}function x(n){return function(t){return null==n?X:n[t]}}function j(n,t,r,e,u){return u(n,function(n,u,i){r=e?(e=!1,n):t(r,n,u,i)}),r}function A(n,t){var r=n.length;for(n.sort(t);r--;)n[r]=n[r].value;return n}function k(n,t){for(var r,e=-1,u=n.length;++e<u;){var i=t(n[e]);i!==X&&(r=r===X?i:r+i);
+}return r}function O(n,t){for(var r=-1,e=Array(n);++r<n;)e[r]=t(r);return e}function I(n,t){return c(t,function(t){return[t,n[t]]})}function R(n){return n?n.slice(0,H(n)+1).replace(Lt,""):n}function z(n){return function(t){return n(t)}}function E(n,t){return c(t,function(t){return n[t]})}function S(n,t){return n.has(t)}function W(n,t){for(var r=-1,e=n.length;++r<e&&y(t,n[r],0)>-1;);return r}function L(n,t){for(var r=n.length;r--&&y(t,n[r],0)>-1;);return r}function C(n,t){for(var r=n.length,e=0;r--;)n[r]===t&&++e;
+return e}function U(n){return"\\"+Yr[n]}function B(n,t){return null==n?X:n[t]}function T(n){return Nr.test(n)}function $(n){return Pr.test(n)}function D(n){for(var t,r=[];!(t=n.next()).done;)r.push(t.value);return r}function M(n){var t=-1,r=Array(n.size);return n.forEach(function(n,e){r[++t]=[e,n]}),r}function F(n,t){return function(r){return n(t(r))}}function N(n,t){for(var r=-1,e=n.length,u=0,i=[];++r<e;){var o=n[r];o!==t&&o!==cn||(n[r]=cn,i[u++]=r)}return i}function P(n){var t=-1,r=Array(n.size);
+return n.forEach(function(n){r[++t]=n}),r}function q(n){var t=-1,r=Array(n.size);return n.forEach(function(n){r[++t]=[n,n]}),r}function Z(n,t,r){for(var e=r-1,u=n.length;++e<u;)if(n[e]===t)return e;return-1}function K(n,t,r){for(var e=r+1;e--;)if(n[e]===t)return e;return e}function V(n){return T(n)?J(n):_e(n)}function G(n){return T(n)?Y(n):p(n)}function H(n){for(var t=n.length;t--&&Ct.test(n.charAt(t)););return t}function J(n){for(var t=Mr.lastIndex=0;Mr.test(n);)++t;return t}function Y(n){return n.match(Mr)||[];
+}function Q(n){return n.match(Fr)||[]}var X,nn="4.17.21",tn=200,rn="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",en="Expected a function",un="Invalid `variable` option passed into `_.template`",on="__lodash_hash_undefined__",fn=500,cn="__lodash_placeholder__",an=1,ln=2,sn=4,hn=1,pn=2,_n=1,vn=2,gn=4,yn=8,dn=16,bn=32,wn=64,mn=128,xn=256,jn=512,An=30,kn="...",On=800,In=16,Rn=1,zn=2,En=3,Sn=1/0,Wn=9007199254740991,Ln=1.7976931348623157e308,Cn=NaN,Un=4294967295,Bn=Un-1,Tn=Un>>>1,$n=[["ary",mn],["bind",_n],["bindKey",vn],["curry",yn],["curryRight",dn],["flip",jn],["partial",bn],["partialRight",wn],["rearg",xn]],Dn="[object Arguments]",Mn="[object Array]",Fn="[object AsyncFunction]",Nn="[object Boolean]",Pn="[object Date]",qn="[object DOMException]",Zn="[object Error]",Kn="[object Function]",Vn="[object GeneratorFunction]",Gn="[object Map]",Hn="[object Number]",Jn="[object Null]",Yn="[object Object]",Qn="[object Promise]",Xn="[object Proxy]",nt="[object RegExp]",tt="[object Set]",rt="[object String]",et="[object Symbol]",ut="[object Undefined]",it="[object WeakMap]",ot="[object WeakSet]",ft="[object ArrayBuffer]",ct="[object DataView]",at="[object Float32Array]",lt="[object Float64Array]",st="[object Int8Array]",ht="[object Int16Array]",pt="[object Int32Array]",_t="[object Uint8Array]",vt="[object Uint8ClampedArray]",gt="[object Uint16Array]",yt="[object Uint32Array]",dt=/\b__p \+= '';/g,bt=/\b(__p \+=) '' \+/g,wt=/(__e\(.*?\)|\b__t\)) \+\n'';/g,mt=/&(?:amp|lt|gt|quot|#39);/g,xt=/[&<>"']/g,jt=RegExp(mt.source),At=RegExp(xt.source),kt=/<%-([\s\S]+?)%>/g,Ot=/<%([\s\S]+?)%>/g,It=/<%=([\s\S]+?)%>/g,Rt=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,zt=/^\w*$/,Et=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,St=/[\\^$.*+?()[\]{}|]/g,Wt=RegExp(St.source),Lt=/^\s+/,Ct=/\s/,Ut=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,Bt=/\{\n\/\* \[wrapped with (.+)\] \*/,Tt=/,? & /,$t=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,Dt=/[()=,{}\[\]\/\s]/,Mt=/\\(\\)?/g,Ft=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,Nt=/\w*$/,Pt=/^[-+]0x[0-9a-f]+$/i,qt=/^0b[01]+$/i,Zt=/^\[object .+?Constructor\]$/,Kt=/^0o[0-7]+$/i,Vt=/^(?:0|[1-9]\d*)$/,Gt=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Ht=/($^)/,Jt=/['\n\r\u2028\u2029\\]/g,Yt="\\ud800-\\udfff",Qt="\\u0300-\\u036f",Xt="\\ufe20-\\ufe2f",nr="\\u20d0-\\u20ff",tr=Qt+Xt+nr,rr="\\u2700-\\u27bf",er="a-z\\xdf-\\xf6\\xf8-\\xff",ur="\\xac\\xb1\\xd7\\xf7",ir="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",or="\\u2000-\\u206f",fr=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",cr="A-Z\\xc0-\\xd6\\xd8-\\xde",ar="\\ufe0e\\ufe0f",lr=ur+ir+or+fr,sr="['\u2019]",hr="["+Yt+"]",pr="["+lr+"]",_r="["+tr+"]",vr="\\d+",gr="["+rr+"]",yr="["+er+"]",dr="[^"+Yt+lr+vr+rr+er+cr+"]",br="\\ud83c[\\udffb-\\udfff]",wr="(?:"+_r+"|"+br+")",mr="[^"+Yt+"]",xr="(?:\\ud83c[\\udde6-\\uddff]){2}",jr="[\\ud800-\\udbff][\\udc00-\\udfff]",Ar="["+cr+"]",kr="\\u200d",Or="(?:"+yr+"|"+dr+")",Ir="(?:"+Ar+"|"+dr+")",Rr="(?:"+sr+"(?:d|ll|m|re|s|t|ve))?",zr="(?:"+sr+"(?:D|LL|M|RE|S|T|VE))?",Er=wr+"?",Sr="["+ar+"]?",Wr="(?:"+kr+"(?:"+[mr,xr,jr].join("|")+")"+Sr+Er+")*",Lr="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Cr="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",Ur=Sr+Er+Wr,Br="(?:"+[gr,xr,jr].join("|")+")"+Ur,Tr="(?:"+[mr+_r+"?",_r,xr,jr,hr].join("|")+")",$r=RegExp(sr,"g"),Dr=RegExp(_r,"g"),Mr=RegExp(br+"(?="+br+")|"+Tr+Ur,"g"),Fr=RegExp([Ar+"?"+yr+"+"+Rr+"(?="+[pr,Ar,"$"].join("|")+")",Ir+"+"+zr+"(?="+[pr,Ar+Or,"$"].join("|")+")",Ar+"?"+Or+"+"+Rr,Ar+"+"+zr,Cr,Lr,vr,Br].join("|"),"g"),Nr=RegExp("["+kr+Yt+tr+ar+"]"),Pr=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,qr=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],Zr=-1,Kr={};
+Kr[at]=Kr[lt]=Kr[st]=Kr[ht]=Kr[pt]=Kr[_t]=Kr[vt]=Kr[gt]=Kr[yt]=!0,Kr[Dn]=Kr[Mn]=Kr[ft]=Kr[Nn]=Kr[ct]=Kr[Pn]=Kr[Zn]=Kr[Kn]=Kr[Gn]=Kr[Hn]=Kr[Yn]=Kr[nt]=Kr[tt]=Kr[rt]=Kr[it]=!1;var Vr={};Vr[Dn]=Vr[Mn]=Vr[ft]=Vr[ct]=Vr[Nn]=Vr[Pn]=Vr[at]=Vr[lt]=Vr[st]=Vr[ht]=Vr[pt]=Vr[Gn]=Vr[Hn]=Vr[Yn]=Vr[nt]=Vr[tt]=Vr[rt]=Vr[et]=Vr[_t]=Vr[vt]=Vr[gt]=Vr[yt]=!0,Vr[Zn]=Vr[Kn]=Vr[it]=!1;var Gr={"\xc0":"A","\xc1":"A","\xc2":"A","\xc3":"A","\xc4":"A","\xc5":"A","\xe0":"a","\xe1":"a","\xe2":"a","\xe3":"a","\xe4":"a","\xe5":"a",
+"\xc7":"C","\xe7":"c","\xd0":"D","\xf0":"d","\xc8":"E","\xc9":"E","\xca":"E","\xcb":"E","\xe8":"e","\xe9":"e","\xea":"e","\xeb":"e","\xcc":"I","\xcd":"I","\xce":"I","\xcf":"I","\xec":"i","\xed":"i","\xee":"i","\xef":"i","\xd1":"N","\xf1":"n","\xd2":"O","\xd3":"O","\xd4":"O","\xd5":"O","\xd6":"O","\xd8":"O","\xf2":"o","\xf3":"o","\xf4":"o","\xf5":"o","\xf6":"o","\xf8":"o","\xd9":"U","\xda":"U","\xdb":"U","\xdc":"U","\xf9":"u","\xfa":"u","\xfb":"u","\xfc":"u","\xdd":"Y","\xfd":"y","\xff":"y","\xc6":"Ae",
+"\xe6":"ae","\xde":"Th","\xfe":"th","\xdf":"ss","\u0100":"A","\u0102":"A","\u0104":"A","\u0101":"a","\u0103":"a","\u0105":"a","\u0106":"C","\u0108":"C","\u010a":"C","\u010c":"C","\u0107":"c","\u0109":"c","\u010b":"c","\u010d":"c","\u010e":"D","\u0110":"D","\u010f":"d","\u0111":"d","\u0112":"E","\u0114":"E","\u0116":"E","\u0118":"E","\u011a":"E","\u0113":"e","\u0115":"e","\u0117":"e","\u0119":"e","\u011b":"e","\u011c":"G","\u011e":"G","\u0120":"G","\u0122":"G","\u011d":"g","\u011f":"g","\u0121":"g",
+"\u0123":"g","\u0124":"H","\u0126":"H","\u0125":"h","\u0127":"h","\u0128":"I","\u012a":"I","\u012c":"I","\u012e":"I","\u0130":"I","\u0129":"i","\u012b":"i","\u012d":"i","\u012f":"i","\u0131":"i","\u0134":"J","\u0135":"j","\u0136":"K","\u0137":"k","\u0138":"k","\u0139":"L","\u013b":"L","\u013d":"L","\u013f":"L","\u0141":"L","\u013a":"l","\u013c":"l","\u013e":"l","\u0140":"l","\u0142":"l","\u0143":"N","\u0145":"N","\u0147":"N","\u014a":"N","\u0144":"n","\u0146":"n","\u0148":"n","\u014b":"n","\u014c":"O",
+"\u014e":"O","\u0150":"O","\u014d":"o","\u014f":"o","\u0151":"o","\u0154":"R","\u0156":"R","\u0158":"R","\u0155":"r","\u0157":"r","\u0159":"r","\u015a":"S","\u015c":"S","\u015e":"S","\u0160":"S","\u015b":"s","\u015d":"s","\u015f":"s","\u0161":"s","\u0162":"T","\u0164":"T","\u0166":"T","\u0163":"t","\u0165":"t","\u0167":"t","\u0168":"U","\u016a":"U","\u016c":"U","\u016e":"U","\u0170":"U","\u0172":"U","\u0169":"u","\u016b":"u","\u016d":"u","\u016f":"u","\u0171":"u","\u0173":"u","\u0174":"W","\u0175":"w",
+"\u0176":"Y","\u0177":"y","\u0178":"Y","\u0179":"Z","\u017b":"Z","\u017d":"Z","\u017a":"z","\u017c":"z","\u017e":"z","\u0132":"IJ","\u0133":"ij","\u0152":"Oe","\u0153":"oe","\u0149":"'n","\u017f":"s"},Hr={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},Jr={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"},Yr={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},Qr=parseFloat,Xr=parseInt,ne="object"==typeof global&&global&&global.Object===Object&&global,te="object"==typeof self&&self&&self.Object===Object&&self,re=ne||te||Function("return this")(),ee="object"==typeof exports&&exports&&!exports.nodeType&&exports,ue=ee&&"object"==typeof module&&module&&!module.nodeType&&module,ie=ue&&ue.exports===ee,oe=ie&&ne.process,fe=function(){
+try{var n=ue&&ue.require&&ue.require("util").types;return n?n:oe&&oe.binding&&oe.binding("util")}catch(n){}}(),ce=fe&&fe.isArrayBuffer,ae=fe&&fe.isDate,le=fe&&fe.isMap,se=fe&&fe.isRegExp,he=fe&&fe.isSet,pe=fe&&fe.isTypedArray,_e=m("length"),ve=x(Gr),ge=x(Hr),ye=x(Jr),de=function p(x){function Z(n){if(cc(n)&&!bh(n)&&!(n instanceof Ct)){if(n instanceof Y)return n;if(bl.call(n,"__wrapped__"))return eo(n)}return new Y(n)}function J(){}function Y(n,t){this.__wrapped__=n,this.__actions__=[],this.__chain__=!!t,
+this.__index__=0,this.__values__=X}function Ct(n){this.__wrapped__=n,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=Un,this.__views__=[]}function $t(){var n=new Ct(this.__wrapped__);return n.__actions__=Tu(this.__actions__),n.__dir__=this.__dir__,n.__filtered__=this.__filtered__,n.__iteratees__=Tu(this.__iteratees__),n.__takeCount__=this.__takeCount__,n.__views__=Tu(this.__views__),n}function Yt(){if(this.__filtered__){var n=new Ct(this);n.__dir__=-1,
+n.__filtered__=!0}else n=this.clone(),n.__dir__*=-1;return n}function Qt(){var n=this.__wrapped__.value(),t=this.__dir__,r=bh(n),e=t<0,u=r?n.length:0,i=Oi(0,u,this.__views__),o=i.start,f=i.end,c=f-o,a=e?f:o-1,l=this.__iteratees__,s=l.length,h=0,p=Hl(c,this.__takeCount__);if(!r||!e&&u==c&&p==c)return wu(n,this.__actions__);var _=[];n:for(;c--&&h<p;){a+=t;for(var v=-1,g=n[a];++v<s;){var y=l[v],d=y.iteratee,b=y.type,w=d(g);if(b==zn)g=w;else if(!w){if(b==Rn)continue n;break n}}_[h++]=g}return _}function Xt(n){
+var t=-1,r=null==n?0:n.length;for(this.clear();++t<r;){var e=n[t];this.set(e[0],e[1])}}function nr(){this.__data__=is?is(null):{},this.size=0}function tr(n){var t=this.has(n)&&delete this.__data__[n];return this.size-=t?1:0,t}function rr(n){var t=this.__data__;if(is){var r=t[n];return r===on?X:r}return bl.call(t,n)?t[n]:X}function er(n){var t=this.__data__;return is?t[n]!==X:bl.call(t,n)}function ur(n,t){var r=this.__data__;return this.size+=this.has(n)?0:1,r[n]=is&&t===X?on:t,this}function ir(n){
+var t=-1,r=null==n?0:n.length;for(this.clear();++t<r;){var e=n[t];this.set(e[0],e[1])}}function or(){this.__data__=[],this.size=0}function fr(n){var t=this.__data__,r=Wr(t,n);return!(r<0)&&(r==t.length-1?t.pop():Ll.call(t,r,1),--this.size,!0)}function cr(n){var t=this.__data__,r=Wr(t,n);return r<0?X:t[r][1]}function ar(n){return Wr(this.__data__,n)>-1}function lr(n,t){var r=this.__data__,e=Wr(r,n);return e<0?(++this.size,r.push([n,t])):r[e][1]=t,this}function sr(n){var t=-1,r=null==n?0:n.length;for(this.clear();++t<r;){
+var e=n[t];this.set(e[0],e[1])}}function hr(){this.size=0,this.__data__={hash:new Xt,map:new(ts||ir),string:new Xt}}function pr(n){var t=xi(this,n).delete(n);return this.size-=t?1:0,t}function _r(n){return xi(this,n).get(n)}function vr(n){return xi(this,n).has(n)}function gr(n,t){var r=xi(this,n),e=r.size;return r.set(n,t),this.size+=r.size==e?0:1,this}function yr(n){var t=-1,r=null==n?0:n.length;for(this.__data__=new sr;++t<r;)this.add(n[t])}function dr(n){return this.__data__.set(n,on),this}function br(n){
+return this.__data__.has(n)}function wr(n){this.size=(this.__data__=new ir(n)).size}function mr(){this.__data__=new ir,this.size=0}function xr(n){var t=this.__data__,r=t.delete(n);return this.size=t.size,r}function jr(n){return this.__data__.get(n)}function Ar(n){return this.__data__.has(n)}function kr(n,t){var r=this.__data__;if(r instanceof ir){var e=r.__data__;if(!ts||e.length<tn-1)return e.push([n,t]),this.size=++r.size,this;r=this.__data__=new sr(e)}return r.set(n,t),this.size=r.size,this}function Or(n,t){
+var r=bh(n),e=!r&&dh(n),u=!r&&!e&&mh(n),i=!r&&!e&&!u&&Oh(n),o=r||e||u||i,f=o?O(n.length,hl):[],c=f.length;for(var a in n)!t&&!bl.call(n,a)||o&&("length"==a||u&&("offset"==a||"parent"==a)||i&&("buffer"==a||"byteLength"==a||"byteOffset"==a)||Ci(a,c))||f.push(a);return f}function Ir(n){var t=n.length;return t?n[tu(0,t-1)]:X}function Rr(n,t){return Xi(Tu(n),Mr(t,0,n.length))}function zr(n){return Xi(Tu(n))}function Er(n,t,r){(r===X||Gf(n[t],r))&&(r!==X||t in n)||Br(n,t,r)}function Sr(n,t,r){var e=n[t];
+bl.call(n,t)&&Gf(e,r)&&(r!==X||t in n)||Br(n,t,r)}function Wr(n,t){for(var r=n.length;r--;)if(Gf(n[r][0],t))return r;return-1}function Lr(n,t,r,e){return ys(n,function(n,u,i){t(e,n,r(n),i)}),e}function Cr(n,t){return n&&$u(t,Pc(t),n)}function Ur(n,t){return n&&$u(t,qc(t),n)}function Br(n,t,r){"__proto__"==t&&Tl?Tl(n,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):n[t]=r}function Tr(n,t){for(var r=-1,e=t.length,u=il(e),i=null==n;++r<e;)u[r]=i?X:Mc(n,t[r]);return u}function Mr(n,t,r){return n===n&&(r!==X&&(n=n<=r?n:r),
+t!==X&&(n=n>=t?n:t)),n}function Fr(n,t,e,u,i,o){var f,c=t&an,a=t&ln,l=t&sn;if(e&&(f=i?e(n,u,i,o):e(n)),f!==X)return f;if(!fc(n))return n;var s=bh(n);if(s){if(f=zi(n),!c)return Tu(n,f)}else{var h=zs(n),p=h==Kn||h==Vn;if(mh(n))return Iu(n,c);if(h==Yn||h==Dn||p&&!i){if(f=a||p?{}:Ei(n),!c)return a?Mu(n,Ur(f,n)):Du(n,Cr(f,n))}else{if(!Vr[h])return i?n:{};f=Si(n,h,c)}}o||(o=new wr);var _=o.get(n);if(_)return _;o.set(n,f),kh(n)?n.forEach(function(r){f.add(Fr(r,t,e,r,n,o))}):jh(n)&&n.forEach(function(r,u){
+f.set(u,Fr(r,t,e,u,n,o))});var v=l?a?di:yi:a?qc:Pc,g=s?X:v(n);return r(g||n,function(r,u){g&&(u=r,r=n[u]),Sr(f,u,Fr(r,t,e,u,n,o))}),f}function Nr(n){var t=Pc(n);return function(r){return Pr(r,n,t)}}function Pr(n,t,r){var e=r.length;if(null==n)return!e;for(n=ll(n);e--;){var u=r[e],i=t[u],o=n[u];if(o===X&&!(u in n)||!i(o))return!1}return!0}function Gr(n,t,r){if("function"!=typeof n)throw new pl(en);return Ws(function(){n.apply(X,r)},t)}function Hr(n,t,r,e){var u=-1,i=o,a=!0,l=n.length,s=[],h=t.length;
+if(!l)return s;r&&(t=c(t,z(r))),e?(i=f,a=!1):t.length>=tn&&(i=S,a=!1,t=new yr(t));n:for(;++u<l;){var p=n[u],_=null==r?p:r(p);if(p=e||0!==p?p:0,a&&_===_){for(var v=h;v--;)if(t[v]===_)continue n;s.push(p)}else i(t,_,e)||s.push(p)}return s}function Jr(n,t){var r=!0;return ys(n,function(n,e,u){return r=!!t(n,e,u)}),r}function Yr(n,t,r){for(var e=-1,u=n.length;++e<u;){var i=n[e],o=t(i);if(null!=o&&(f===X?o===o&&!bc(o):r(o,f)))var f=o,c=i}return c}function ne(n,t,r,e){var u=n.length;for(r=kc(r),r<0&&(r=-r>u?0:u+r),
+e=e===X||e>u?u:kc(e),e<0&&(e+=u),e=r>e?0:Oc(e);r<e;)n[r++]=t;return n}function te(n,t){var r=[];return ys(n,function(n,e,u){t(n,e,u)&&r.push(n)}),r}function ee(n,t,r,e,u){var i=-1,o=n.length;for(r||(r=Li),u||(u=[]);++i<o;){var f=n[i];t>0&&r(f)?t>1?ee(f,t-1,r,e,u):a(u,f):e||(u[u.length]=f)}return u}function ue(n,t){return n&&bs(n,t,Pc)}function oe(n,t){return n&&ws(n,t,Pc)}function fe(n,t){return i(t,function(t){return uc(n[t])})}function _e(n,t){t=ku(t,n);for(var r=0,e=t.length;null!=n&&r<e;)n=n[no(t[r++])];
+return r&&r==e?n:X}function de(n,t,r){var e=t(n);return bh(n)?e:a(e,r(n))}function we(n){return null==n?n===X?ut:Jn:Bl&&Bl in ll(n)?ki(n):Ki(n)}function me(n,t){return n>t}function xe(n,t){return null!=n&&bl.call(n,t)}function je(n,t){return null!=n&&t in ll(n)}function Ae(n,t,r){return n>=Hl(t,r)&&n<Gl(t,r)}function ke(n,t,r){for(var e=r?f:o,u=n[0].length,i=n.length,a=i,l=il(i),s=1/0,h=[];a--;){var p=n[a];a&&t&&(p=c(p,z(t))),s=Hl(p.length,s),l[a]=!r&&(t||u>=120&&p.length>=120)?new yr(a&&p):X}p=n[0];
+var _=-1,v=l[0];n:for(;++_<u&&h.length<s;){var g=p[_],y=t?t(g):g;if(g=r||0!==g?g:0,!(v?S(v,y):e(h,y,r))){for(a=i;--a;){var d=l[a];if(!(d?S(d,y):e(n[a],y,r)))continue n}v&&v.push(y),h.push(g)}}return h}function Oe(n,t,r,e){return ue(n,function(n,u,i){t(e,r(n),u,i)}),e}function Ie(t,r,e){r=ku(r,t),t=Gi(t,r);var u=null==t?t:t[no(jo(r))];return null==u?X:n(u,t,e)}function Re(n){return cc(n)&&we(n)==Dn}function ze(n){return cc(n)&&we(n)==ft}function Ee(n){return cc(n)&&we(n)==Pn}function Se(n,t,r,e,u){
+return n===t||(null==n||null==t||!cc(n)&&!cc(t)?n!==n&&t!==t:We(n,t,r,e,Se,u))}function We(n,t,r,e,u,i){var o=bh(n),f=bh(t),c=o?Mn:zs(n),a=f?Mn:zs(t);c=c==Dn?Yn:c,a=a==Dn?Yn:a;var l=c==Yn,s=a==Yn,h=c==a;if(h&&mh(n)){if(!mh(t))return!1;o=!0,l=!1}if(h&&!l)return i||(i=new wr),o||Oh(n)?pi(n,t,r,e,u,i):_i(n,t,c,r,e,u,i);if(!(r&hn)){var p=l&&bl.call(n,"__wrapped__"),_=s&&bl.call(t,"__wrapped__");if(p||_){var v=p?n.value():n,g=_?t.value():t;return i||(i=new wr),u(v,g,r,e,i)}}return!!h&&(i||(i=new wr),vi(n,t,r,e,u,i));
+}function Le(n){return cc(n)&&zs(n)==Gn}function Ce(n,t,r,e){var u=r.length,i=u,o=!e;if(null==n)return!i;for(n=ll(n);u--;){var f=r[u];if(o&&f[2]?f[1]!==n[f[0]]:!(f[0]in n))return!1}for(;++u<i;){f=r[u];var c=f[0],a=n[c],l=f[1];if(o&&f[2]){if(a===X&&!(c in n))return!1}else{var s=new wr;if(e)var h=e(a,l,c,n,t,s);if(!(h===X?Se(l,a,hn|pn,e,s):h))return!1}}return!0}function Ue(n){return!(!fc(n)||Di(n))&&(uc(n)?kl:Zt).test(to(n))}function Be(n){return cc(n)&&we(n)==nt}function Te(n){return cc(n)&&zs(n)==tt;
+}function $e(n){return cc(n)&&oc(n.length)&&!!Kr[we(n)]}function De(n){return"function"==typeof n?n:null==n?La:"object"==typeof n?bh(n)?Ze(n[0],n[1]):qe(n):Fa(n)}function Me(n){if(!Mi(n))return Vl(n);var t=[];for(var r in ll(n))bl.call(n,r)&&"constructor"!=r&&t.push(r);return t}function Fe(n){if(!fc(n))return Zi(n);var t=Mi(n),r=[];for(var e in n)("constructor"!=e||!t&&bl.call(n,e))&&r.push(e);return r}function Ne(n,t){return n<t}function Pe(n,t){var r=-1,e=Hf(n)?il(n.length):[];return ys(n,function(n,u,i){
+e[++r]=t(n,u,i)}),e}function qe(n){var t=ji(n);return 1==t.length&&t[0][2]?Ni(t[0][0],t[0][1]):function(r){return r===n||Ce(r,n,t)}}function Ze(n,t){return Bi(n)&&Fi(t)?Ni(no(n),t):function(r){var e=Mc(r,n);return e===X&&e===t?Nc(r,n):Se(t,e,hn|pn)}}function Ke(n,t,r,e,u){n!==t&&bs(t,function(i,o){if(u||(u=new wr),fc(i))Ve(n,t,o,r,Ke,e,u);else{var f=e?e(Ji(n,o),i,o+"",n,t,u):X;f===X&&(f=i),Er(n,o,f)}},qc)}function Ve(n,t,r,e,u,i,o){var f=Ji(n,r),c=Ji(t,r),a=o.get(c);if(a)return Er(n,r,a),X;var l=i?i(f,c,r+"",n,t,o):X,s=l===X;
+if(s){var h=bh(c),p=!h&&mh(c),_=!h&&!p&&Oh(c);l=c,h||p||_?bh(f)?l=f:Jf(f)?l=Tu(f):p?(s=!1,l=Iu(c,!0)):_?(s=!1,l=Wu(c,!0)):l=[]:gc(c)||dh(c)?(l=f,dh(f)?l=Rc(f):fc(f)&&!uc(f)||(l=Ei(c))):s=!1}s&&(o.set(c,l),u(l,c,e,i,o),o.delete(c)),Er(n,r,l)}function Ge(n,t){var r=n.length;if(r)return t+=t<0?r:0,Ci(t,r)?n[t]:X}function He(n,t,r){t=t.length?c(t,function(n){return bh(n)?function(t){return _e(t,1===n.length?n[0]:n)}:n}):[La];var e=-1;return t=c(t,z(mi())),A(Pe(n,function(n,r,u){return{criteria:c(t,function(t){
+return t(n)}),index:++e,value:n}}),function(n,t){return Cu(n,t,r)})}function Je(n,t){return Ye(n,t,function(t,r){return Nc(n,r)})}function Ye(n,t,r){for(var e=-1,u=t.length,i={};++e<u;){var o=t[e],f=_e(n,o);r(f,o)&&fu(i,ku(o,n),f)}return i}function Qe(n){return function(t){return _e(t,n)}}function Xe(n,t,r,e){var u=e?d:y,i=-1,o=t.length,f=n;for(n===t&&(t=Tu(t)),r&&(f=c(n,z(r)));++i<o;)for(var a=0,l=t[i],s=r?r(l):l;(a=u(f,s,a,e))>-1;)f!==n&&Ll.call(f,a,1),Ll.call(n,a,1);return n}function nu(n,t){for(var r=n?t.length:0,e=r-1;r--;){
+var u=t[r];if(r==e||u!==i){var i=u;Ci(u)?Ll.call(n,u,1):yu(n,u)}}return n}function tu(n,t){return n+Nl(Ql()*(t-n+1))}function ru(n,t,r,e){for(var u=-1,i=Gl(Fl((t-n)/(r||1)),0),o=il(i);i--;)o[e?i:++u]=n,n+=r;return o}function eu(n,t){var r="";if(!n||t<1||t>Wn)return r;do t%2&&(r+=n),t=Nl(t/2),t&&(n+=n);while(t);return r}function uu(n,t){return Ls(Vi(n,t,La),n+"")}function iu(n){return Ir(ra(n))}function ou(n,t){var r=ra(n);return Xi(r,Mr(t,0,r.length))}function fu(n,t,r,e){if(!fc(n))return n;t=ku(t,n);
+for(var u=-1,i=t.length,o=i-1,f=n;null!=f&&++u<i;){var c=no(t[u]),a=r;if("__proto__"===c||"constructor"===c||"prototype"===c)return n;if(u!=o){var l=f[c];a=e?e(l,c,f):X,a===X&&(a=fc(l)?l:Ci(t[u+1])?[]:{})}Sr(f,c,a),f=f[c]}return n}function cu(n){return Xi(ra(n))}function au(n,t,r){var e=-1,u=n.length;t<0&&(t=-t>u?0:u+t),r=r>u?u:r,r<0&&(r+=u),u=t>r?0:r-t>>>0,t>>>=0;for(var i=il(u);++e<u;)i[e]=n[e+t];return i}function lu(n,t){var r;return ys(n,function(n,e,u){return r=t(n,e,u),!r}),!!r}function su(n,t,r){
+var e=0,u=null==n?e:n.length;if("number"==typeof t&&t===t&&u<=Tn){for(;e<u;){var i=e+u>>>1,o=n[i];null!==o&&!bc(o)&&(r?o<=t:o<t)?e=i+1:u=i}return u}return hu(n,t,La,r)}function hu(n,t,r,e){var u=0,i=null==n?0:n.length;if(0===i)return 0;t=r(t);for(var o=t!==t,f=null===t,c=bc(t),a=t===X;u<i;){var l=Nl((u+i)/2),s=r(n[l]),h=s!==X,p=null===s,_=s===s,v=bc(s);if(o)var g=e||_;else g=a?_&&(e||h):f?_&&h&&(e||!p):c?_&&h&&!p&&(e||!v):!p&&!v&&(e?s<=t:s<t);g?u=l+1:i=l}return Hl(i,Bn)}function pu(n,t){for(var r=-1,e=n.length,u=0,i=[];++r<e;){
+var o=n[r],f=t?t(o):o;if(!r||!Gf(f,c)){var c=f;i[u++]=0===o?0:o}}return i}function _u(n){return"number"==typeof n?n:bc(n)?Cn:+n}function vu(n){if("string"==typeof n)return n;if(bh(n))return c(n,vu)+"";if(bc(n))return vs?vs.call(n):"";var t=n+"";return"0"==t&&1/n==-Sn?"-0":t}function gu(n,t,r){var e=-1,u=o,i=n.length,c=!0,a=[],l=a;if(r)c=!1,u=f;else if(i>=tn){var s=t?null:ks(n);if(s)return P(s);c=!1,u=S,l=new yr}else l=t?[]:a;n:for(;++e<i;){var h=n[e],p=t?t(h):h;if(h=r||0!==h?h:0,c&&p===p){for(var _=l.length;_--;)if(l[_]===p)continue n;
+t&&l.push(p),a.push(h)}else u(l,p,r)||(l!==a&&l.push(p),a.push(h))}return a}function yu(n,t){return t=ku(t,n),n=Gi(n,t),null==n||delete n[no(jo(t))]}function du(n,t,r,e){return fu(n,t,r(_e(n,t)),e)}function bu(n,t,r,e){for(var u=n.length,i=e?u:-1;(e?i--:++i<u)&&t(n[i],i,n););return r?au(n,e?0:i,e?i+1:u):au(n,e?i+1:0,e?u:i)}function wu(n,t){var r=n;return r instanceof Ct&&(r=r.value()),l(t,function(n,t){return t.func.apply(t.thisArg,a([n],t.args))},r)}function mu(n,t,r){var e=n.length;if(e<2)return e?gu(n[0]):[];
+for(var u=-1,i=il(e);++u<e;)for(var o=n[u],f=-1;++f<e;)f!=u&&(i[u]=Hr(i[u]||o,n[f],t,r));return gu(ee(i,1),t,r)}function xu(n,t,r){for(var e=-1,u=n.length,i=t.length,o={};++e<u;){r(o,n[e],e<i?t[e]:X)}return o}function ju(n){return Jf(n)?n:[]}function Au(n){return"function"==typeof n?n:La}function ku(n,t){return bh(n)?n:Bi(n,t)?[n]:Cs(Ec(n))}function Ou(n,t,r){var e=n.length;return r=r===X?e:r,!t&&r>=e?n:au(n,t,r)}function Iu(n,t){if(t)return n.slice();var r=n.length,e=zl?zl(r):new n.constructor(r);
+return n.copy(e),e}function Ru(n){var t=new n.constructor(n.byteLength);return new Rl(t).set(new Rl(n)),t}function zu(n,t){return new n.constructor(t?Ru(n.buffer):n.buffer,n.byteOffset,n.byteLength)}function Eu(n){var t=new n.constructor(n.source,Nt.exec(n));return t.lastIndex=n.lastIndex,t}function Su(n){return _s?ll(_s.call(n)):{}}function Wu(n,t){return new n.constructor(t?Ru(n.buffer):n.buffer,n.byteOffset,n.length)}function Lu(n,t){if(n!==t){var r=n!==X,e=null===n,u=n===n,i=bc(n),o=t!==X,f=null===t,c=t===t,a=bc(t);
+if(!f&&!a&&!i&&n>t||i&&o&&c&&!f&&!a||e&&o&&c||!r&&c||!u)return 1;if(!e&&!i&&!a&&n<t||a&&r&&u&&!e&&!i||f&&r&&u||!o&&u||!c)return-1}return 0}function Cu(n,t,r){for(var e=-1,u=n.criteria,i=t.criteria,o=u.length,f=r.length;++e<o;){var c=Lu(u[e],i[e]);if(c){if(e>=f)return c;return c*("desc"==r[e]?-1:1)}}return n.index-t.index}function Uu(n,t,r,e){for(var u=-1,i=n.length,o=r.length,f=-1,c=t.length,a=Gl(i-o,0),l=il(c+a),s=!e;++f<c;)l[f]=t[f];for(;++u<o;)(s||u<i)&&(l[r[u]]=n[u]);for(;a--;)l[f++]=n[u++];return l;
+}function Bu(n,t,r,e){for(var u=-1,i=n.length,o=-1,f=r.length,c=-1,a=t.length,l=Gl(i-f,0),s=il(l+a),h=!e;++u<l;)s[u]=n[u];for(var p=u;++c<a;)s[p+c]=t[c];for(;++o<f;)(h||u<i)&&(s[p+r[o]]=n[u++]);return s}function Tu(n,t){var r=-1,e=n.length;for(t||(t=il(e));++r<e;)t[r]=n[r];return t}function $u(n,t,r,e){var u=!r;r||(r={});for(var i=-1,o=t.length;++i<o;){var f=t[i],c=e?e(r[f],n[f],f,r,n):X;c===X&&(c=n[f]),u?Br(r,f,c):Sr(r,f,c)}return r}function Du(n,t){return $u(n,Is(n),t)}function Mu(n,t){return $u(n,Rs(n),t);
+}function Fu(n,r){return function(e,u){var i=bh(e)?t:Lr,o=r?r():{};return i(e,n,mi(u,2),o)}}function Nu(n){return uu(function(t,r){var e=-1,u=r.length,i=u>1?r[u-1]:X,o=u>2?r[2]:X;for(i=n.length>3&&"function"==typeof i?(u--,i):X,o&&Ui(r[0],r[1],o)&&(i=u<3?X:i,u=1),t=ll(t);++e<u;){var f=r[e];f&&n(t,f,e,i)}return t})}function Pu(n,t){return function(r,e){if(null==r)return r;if(!Hf(r))return n(r,e);for(var u=r.length,i=t?u:-1,o=ll(r);(t?i--:++i<u)&&e(o[i],i,o)!==!1;);return r}}function qu(n){return function(t,r,e){
+for(var u=-1,i=ll(t),o=e(t),f=o.length;f--;){var c=o[n?f:++u];if(r(i[c],c,i)===!1)break}return t}}function Zu(n,t,r){function e(){return(this&&this!==re&&this instanceof e?i:n).apply(u?r:this,arguments)}var u=t&_n,i=Gu(n);return e}function Ku(n){return function(t){t=Ec(t);var r=T(t)?G(t):X,e=r?r[0]:t.charAt(0),u=r?Ou(r,1).join(""):t.slice(1);return e[n]()+u}}function Vu(n){return function(t){return l(Ra(ca(t).replace($r,"")),n,"")}}function Gu(n){return function(){var t=arguments;switch(t.length){
+case 0:return new n;case 1:return new n(t[0]);case 2:return new n(t[0],t[1]);case 3:return new n(t[0],t[1],t[2]);case 4:return new n(t[0],t[1],t[2],t[3]);case 5:return new n(t[0],t[1],t[2],t[3],t[4]);case 6:return new n(t[0],t[1],t[2],t[3],t[4],t[5]);case 7:return new n(t[0],t[1],t[2],t[3],t[4],t[5],t[6])}var r=gs(n.prototype),e=n.apply(r,t);return fc(e)?e:r}}function Hu(t,r,e){function u(){for(var o=arguments.length,f=il(o),c=o,a=wi(u);c--;)f[c]=arguments[c];var l=o<3&&f[0]!==a&&f[o-1]!==a?[]:N(f,a);
+return o-=l.length,o<e?oi(t,r,Qu,u.placeholder,X,f,l,X,X,e-o):n(this&&this!==re&&this instanceof u?i:t,this,f)}var i=Gu(t);return u}function Ju(n){return function(t,r,e){var u=ll(t);if(!Hf(t)){var i=mi(r,3);t=Pc(t),r=function(n){return i(u[n],n,u)}}var o=n(t,r,e);return o>-1?u[i?t[o]:o]:X}}function Yu(n){return gi(function(t){var r=t.length,e=r,u=Y.prototype.thru;for(n&&t.reverse();e--;){var i=t[e];if("function"!=typeof i)throw new pl(en);if(u&&!o&&"wrapper"==bi(i))var o=new Y([],!0)}for(e=o?e:r;++e<r;){
+i=t[e];var f=bi(i),c="wrapper"==f?Os(i):X;o=c&&$i(c[0])&&c[1]==(mn|yn|bn|xn)&&!c[4].length&&1==c[9]?o[bi(c[0])].apply(o,c[3]):1==i.length&&$i(i)?o[f]():o.thru(i)}return function(){var n=arguments,e=n[0];if(o&&1==n.length&&bh(e))return o.plant(e).value();for(var u=0,i=r?t[u].apply(this,n):e;++u<r;)i=t[u].call(this,i);return i}})}function Qu(n,t,r,e,u,i,o,f,c,a){function l(){for(var y=arguments.length,d=il(y),b=y;b--;)d[b]=arguments[b];if(_)var w=wi(l),m=C(d,w);if(e&&(d=Uu(d,e,u,_)),i&&(d=Bu(d,i,o,_)),
+y-=m,_&&y<a){return oi(n,t,Qu,l.placeholder,r,d,N(d,w),f,c,a-y)}var x=h?r:this,j=p?x[n]:n;return y=d.length,f?d=Hi(d,f):v&&y>1&&d.reverse(),s&&c<y&&(d.length=c),this&&this!==re&&this instanceof l&&(j=g||Gu(j)),j.apply(x,d)}var s=t&mn,h=t&_n,p=t&vn,_=t&(yn|dn),v=t&jn,g=p?X:Gu(n);return l}function Xu(n,t){return function(r,e){return Oe(r,n,t(e),{})}}function ni(n,t){return function(r,e){var u;if(r===X&&e===X)return t;if(r!==X&&(u=r),e!==X){if(u===X)return e;"string"==typeof r||"string"==typeof e?(r=vu(r),
+e=vu(e)):(r=_u(r),e=_u(e)),u=n(r,e)}return u}}function ti(t){return gi(function(r){return r=c(r,z(mi())),uu(function(e){var u=this;return t(r,function(t){return n(t,u,e)})})})}function ri(n,t){t=t===X?" ":vu(t);var r=t.length;if(r<2)return r?eu(t,n):t;var e=eu(t,Fl(n/V(t)));return T(t)?Ou(G(e),0,n).join(""):e.slice(0,n)}function ei(t,r,e,u){function i(){for(var r=-1,c=arguments.length,a=-1,l=u.length,s=il(l+c),h=this&&this!==re&&this instanceof i?f:t;++a<l;)s[a]=u[a];for(;c--;)s[a++]=arguments[++r];
+return n(h,o?e:this,s)}var o=r&_n,f=Gu(t);return i}function ui(n){return function(t,r,e){return e&&"number"!=typeof e&&Ui(t,r,e)&&(r=e=X),t=Ac(t),r===X?(r=t,t=0):r=Ac(r),e=e===X?t<r?1:-1:Ac(e),ru(t,r,e,n)}}function ii(n){return function(t,r){return"string"==typeof t&&"string"==typeof r||(t=Ic(t),r=Ic(r)),n(t,r)}}function oi(n,t,r,e,u,i,o,f,c,a){var l=t&yn,s=l?o:X,h=l?X:o,p=l?i:X,_=l?X:i;t|=l?bn:wn,t&=~(l?wn:bn),t&gn||(t&=~(_n|vn));var v=[n,t,u,p,s,_,h,f,c,a],g=r.apply(X,v);return $i(n)&&Ss(g,v),g.placeholder=e,
+Yi(g,n,t)}function fi(n){var t=al[n];return function(n,r){if(n=Ic(n),r=null==r?0:Hl(kc(r),292),r&&Zl(n)){var e=(Ec(n)+"e").split("e");return e=(Ec(t(e[0]+"e"+(+e[1]+r)))+"e").split("e"),+(e[0]+"e"+(+e[1]-r))}return t(n)}}function ci(n){return function(t){var r=zs(t);return r==Gn?M(t):r==tt?q(t):I(t,n(t))}}function ai(n,t,r,e,u,i,o,f){var c=t&vn;if(!c&&"function"!=typeof n)throw new pl(en);var a=e?e.length:0;if(a||(t&=~(bn|wn),e=u=X),o=o===X?o:Gl(kc(o),0),f=f===X?f:kc(f),a-=u?u.length:0,t&wn){var l=e,s=u;
+e=u=X}var h=c?X:Os(n),p=[n,t,r,e,u,l,s,i,o,f];if(h&&qi(p,h),n=p[0],t=p[1],r=p[2],e=p[3],u=p[4],f=p[9]=p[9]===X?c?0:n.length:Gl(p[9]-a,0),!f&&t&(yn|dn)&&(t&=~(yn|dn)),t&&t!=_n)_=t==yn||t==dn?Hu(n,t,f):t!=bn&&t!=(_n|bn)||u.length?Qu.apply(X,p):ei(n,t,r,e);else var _=Zu(n,t,r);return Yi((h?ms:Ss)(_,p),n,t)}function li(n,t,r,e){return n===X||Gf(n,gl[r])&&!bl.call(e,r)?t:n}function si(n,t,r,e,u,i){return fc(n)&&fc(t)&&(i.set(t,n),Ke(n,t,X,si,i),i.delete(t)),n}function hi(n){return gc(n)?X:n}function pi(n,t,r,e,u,i){
+var o=r&hn,f=n.length,c=t.length;if(f!=c&&!(o&&c>f))return!1;var a=i.get(n),l=i.get(t);if(a&&l)return a==t&&l==n;var s=-1,p=!0,_=r&pn?new yr:X;for(i.set(n,t),i.set(t,n);++s<f;){var v=n[s],g=t[s];if(e)var y=o?e(g,v,s,t,n,i):e(v,g,s,n,t,i);if(y!==X){if(y)continue;p=!1;break}if(_){if(!h(t,function(n,t){if(!S(_,t)&&(v===n||u(v,n,r,e,i)))return _.push(t)})){p=!1;break}}else if(v!==g&&!u(v,g,r,e,i)){p=!1;break}}return i.delete(n),i.delete(t),p}function _i(n,t,r,e,u,i,o){switch(r){case ct:if(n.byteLength!=t.byteLength||n.byteOffset!=t.byteOffset)return!1;
+n=n.buffer,t=t.buffer;case ft:return!(n.byteLength!=t.byteLength||!i(new Rl(n),new Rl(t)));case Nn:case Pn:case Hn:return Gf(+n,+t);case Zn:return n.name==t.name&&n.message==t.message;case nt:case rt:return n==t+"";case Gn:var f=M;case tt:var c=e&hn;if(f||(f=P),n.size!=t.size&&!c)return!1;var a=o.get(n);if(a)return a==t;e|=pn,o.set(n,t);var l=pi(f(n),f(t),e,u,i,o);return o.delete(n),l;case et:if(_s)return _s.call(n)==_s.call(t)}return!1}function vi(n,t,r,e,u,i){var o=r&hn,f=yi(n),c=f.length;if(c!=yi(t).length&&!o)return!1;
+for(var a=c;a--;){var l=f[a];if(!(o?l in t:bl.call(t,l)))return!1}var s=i.get(n),h=i.get(t);if(s&&h)return s==t&&h==n;var p=!0;i.set(n,t),i.set(t,n);for(var _=o;++a<c;){l=f[a];var v=n[l],g=t[l];if(e)var y=o?e(g,v,l,t,n,i):e(v,g,l,n,t,i);if(!(y===X?v===g||u(v,g,r,e,i):y)){p=!1;break}_||(_="constructor"==l)}if(p&&!_){var d=n.constructor,b=t.constructor;d!=b&&"constructor"in n&&"constructor"in t&&!("function"==typeof d&&d instanceof d&&"function"==typeof b&&b instanceof b)&&(p=!1)}return i.delete(n),
+i.delete(t),p}function gi(n){return Ls(Vi(n,X,_o),n+"")}function yi(n){return de(n,Pc,Is)}function di(n){return de(n,qc,Rs)}function bi(n){for(var t=n.name+"",r=fs[t],e=bl.call(fs,t)?r.length:0;e--;){var u=r[e],i=u.func;if(null==i||i==n)return u.name}return t}function wi(n){return(bl.call(Z,"placeholder")?Z:n).placeholder}function mi(){var n=Z.iteratee||Ca;return n=n===Ca?De:n,arguments.length?n(arguments[0],arguments[1]):n}function xi(n,t){var r=n.__data__;return Ti(t)?r["string"==typeof t?"string":"hash"]:r.map;
+}function ji(n){for(var t=Pc(n),r=t.length;r--;){var e=t[r],u=n[e];t[r]=[e,u,Fi(u)]}return t}function Ai(n,t){var r=B(n,t);return Ue(r)?r:X}function ki(n){var t=bl.call(n,Bl),r=n[Bl];try{n[Bl]=X;var e=!0}catch(n){}var u=xl.call(n);return e&&(t?n[Bl]=r:delete n[Bl]),u}function Oi(n,t,r){for(var e=-1,u=r.length;++e<u;){var i=r[e],o=i.size;switch(i.type){case"drop":n+=o;break;case"dropRight":t-=o;break;case"take":t=Hl(t,n+o);break;case"takeRight":n=Gl(n,t-o)}}return{start:n,end:t}}function Ii(n){var t=n.match(Bt);
+return t?t[1].split(Tt):[]}function Ri(n,t,r){t=ku(t,n);for(var e=-1,u=t.length,i=!1;++e<u;){var o=no(t[e]);if(!(i=null!=n&&r(n,o)))break;n=n[o]}return i||++e!=u?i:(u=null==n?0:n.length,!!u&&oc(u)&&Ci(o,u)&&(bh(n)||dh(n)))}function zi(n){var t=n.length,r=new n.constructor(t);return t&&"string"==typeof n[0]&&bl.call(n,"index")&&(r.index=n.index,r.input=n.input),r}function Ei(n){return"function"!=typeof n.constructor||Mi(n)?{}:gs(El(n))}function Si(n,t,r){var e=n.constructor;switch(t){case ft:return Ru(n);
+case Nn:case Pn:return new e(+n);case ct:return zu(n,r);case at:case lt:case st:case ht:case pt:case _t:case vt:case gt:case yt:return Wu(n,r);case Gn:return new e;case Hn:case rt:return new e(n);case nt:return Eu(n);case tt:return new e;case et:return Su(n)}}function Wi(n,t){var r=t.length;if(!r)return n;var e=r-1;return t[e]=(r>1?"& ":"")+t[e],t=t.join(r>2?", ":" "),n.replace(Ut,"{\n/* [wrapped with "+t+"] */\n")}function Li(n){return bh(n)||dh(n)||!!(Cl&&n&&n[Cl])}function Ci(n,t){var r=typeof n;
+return t=null==t?Wn:t,!!t&&("number"==r||"symbol"!=r&&Vt.test(n))&&n>-1&&n%1==0&&n<t}function Ui(n,t,r){if(!fc(r))return!1;var e=typeof t;return!!("number"==e?Hf(r)&&Ci(t,r.length):"string"==e&&t in r)&&Gf(r[t],n)}function Bi(n,t){if(bh(n))return!1;var r=typeof n;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=n&&!bc(n))||(zt.test(n)||!Rt.test(n)||null!=t&&n in ll(t))}function Ti(n){var t=typeof n;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==n:null===n}function $i(n){
+var t=bi(n),r=Z[t];if("function"!=typeof r||!(t in Ct.prototype))return!1;if(n===r)return!0;var e=Os(r);return!!e&&n===e[0]}function Di(n){return!!ml&&ml in n}function Mi(n){var t=n&&n.constructor;return n===("function"==typeof t&&t.prototype||gl)}function Fi(n){return n===n&&!fc(n)}function Ni(n,t){return function(r){return null!=r&&(r[n]===t&&(t!==X||n in ll(r)))}}function Pi(n){var t=Cf(n,function(n){return r.size===fn&&r.clear(),n}),r=t.cache;return t}function qi(n,t){var r=n[1],e=t[1],u=r|e,i=u<(_n|vn|mn),o=e==mn&&r==yn||e==mn&&r==xn&&n[7].length<=t[8]||e==(mn|xn)&&t[7].length<=t[8]&&r==yn;
+if(!i&&!o)return n;e&_n&&(n[2]=t[2],u|=r&_n?0:gn);var f=t[3];if(f){var c=n[3];n[3]=c?Uu(c,f,t[4]):f,n[4]=c?N(n[3],cn):t[4]}return f=t[5],f&&(c=n[5],n[5]=c?Bu(c,f,t[6]):f,n[6]=c?N(n[5],cn):t[6]),f=t[7],f&&(n[7]=f),e&mn&&(n[8]=null==n[8]?t[8]:Hl(n[8],t[8])),null==n[9]&&(n[9]=t[9]),n[0]=t[0],n[1]=u,n}function Zi(n){var t=[];if(null!=n)for(var r in ll(n))t.push(r);return t}function Ki(n){return xl.call(n)}function Vi(t,r,e){return r=Gl(r===X?t.length-1:r,0),function(){for(var u=arguments,i=-1,o=Gl(u.length-r,0),f=il(o);++i<o;)f[i]=u[r+i];
+i=-1;for(var c=il(r+1);++i<r;)c[i]=u[i];return c[r]=e(f),n(t,this,c)}}function Gi(n,t){return t.length<2?n:_e(n,au(t,0,-1))}function Hi(n,t){for(var r=n.length,e=Hl(t.length,r),u=Tu(n);e--;){var i=t[e];n[e]=Ci(i,r)?u[i]:X}return n}function Ji(n,t){if(("constructor"!==t||"function"!=typeof n[t])&&"__proto__"!=t)return n[t]}function Yi(n,t,r){var e=t+"";return Ls(n,Wi(e,ro(Ii(e),r)))}function Qi(n){var t=0,r=0;return function(){var e=Jl(),u=In-(e-r);if(r=e,u>0){if(++t>=On)return arguments[0]}else t=0;
+return n.apply(X,arguments)}}function Xi(n,t){var r=-1,e=n.length,u=e-1;for(t=t===X?e:t;++r<t;){var i=tu(r,u),o=n[i];n[i]=n[r],n[r]=o}return n.length=t,n}function no(n){if("string"==typeof n||bc(n))return n;var t=n+"";return"0"==t&&1/n==-Sn?"-0":t}function to(n){if(null!=n){try{return dl.call(n)}catch(n){}try{return n+""}catch(n){}}return""}function ro(n,t){return r($n,function(r){var e="_."+r[0];t&r[1]&&!o(n,e)&&n.push(e)}),n.sort()}function eo(n){if(n instanceof Ct)return n.clone();var t=new Y(n.__wrapped__,n.__chain__);
+return t.__actions__=Tu(n.__actions__),t.__index__=n.__index__,t.__values__=n.__values__,t}function uo(n,t,r){t=(r?Ui(n,t,r):t===X)?1:Gl(kc(t),0);var e=null==n?0:n.length;if(!e||t<1)return[];for(var u=0,i=0,o=il(Fl(e/t));u<e;)o[i++]=au(n,u,u+=t);return o}function io(n){for(var t=-1,r=null==n?0:n.length,e=0,u=[];++t<r;){var i=n[t];i&&(u[e++]=i)}return u}function oo(){var n=arguments.length;if(!n)return[];for(var t=il(n-1),r=arguments[0],e=n;e--;)t[e-1]=arguments[e];return a(bh(r)?Tu(r):[r],ee(t,1));
+}function fo(n,t,r){var e=null==n?0:n.length;return e?(t=r||t===X?1:kc(t),au(n,t<0?0:t,e)):[]}function co(n,t,r){var e=null==n?0:n.length;return e?(t=r||t===X?1:kc(t),t=e-t,au(n,0,t<0?0:t)):[]}function ao(n,t){return n&&n.length?bu(n,mi(t,3),!0,!0):[]}function lo(n,t){return n&&n.length?bu(n,mi(t,3),!0):[]}function so(n,t,r,e){var u=null==n?0:n.length;return u?(r&&"number"!=typeof r&&Ui(n,t,r)&&(r=0,e=u),ne(n,t,r,e)):[]}function ho(n,t,r){var e=null==n?0:n.length;if(!e)return-1;var u=null==r?0:kc(r);
+return u<0&&(u=Gl(e+u,0)),g(n,mi(t,3),u)}function po(n,t,r){var e=null==n?0:n.length;if(!e)return-1;var u=e-1;return r!==X&&(u=kc(r),u=r<0?Gl(e+u,0):Hl(u,e-1)),g(n,mi(t,3),u,!0)}function _o(n){return(null==n?0:n.length)?ee(n,1):[]}function vo(n){return(null==n?0:n.length)?ee(n,Sn):[]}function go(n,t){return(null==n?0:n.length)?(t=t===X?1:kc(t),ee(n,t)):[]}function yo(n){for(var t=-1,r=null==n?0:n.length,e={};++t<r;){var u=n[t];e[u[0]]=u[1]}return e}function bo(n){return n&&n.length?n[0]:X}function wo(n,t,r){
+var e=null==n?0:n.length;if(!e)return-1;var u=null==r?0:kc(r);return u<0&&(u=Gl(e+u,0)),y(n,t,u)}function mo(n){return(null==n?0:n.length)?au(n,0,-1):[]}function xo(n,t){return null==n?"":Kl.call(n,t)}function jo(n){var t=null==n?0:n.length;return t?n[t-1]:X}function Ao(n,t,r){var e=null==n?0:n.length;if(!e)return-1;var u=e;return r!==X&&(u=kc(r),u=u<0?Gl(e+u,0):Hl(u,e-1)),t===t?K(n,t,u):g(n,b,u,!0)}function ko(n,t){return n&&n.length?Ge(n,kc(t)):X}function Oo(n,t){return n&&n.length&&t&&t.length?Xe(n,t):n;
+}function Io(n,t,r){return n&&n.length&&t&&t.length?Xe(n,t,mi(r,2)):n}function Ro(n,t,r){return n&&n.length&&t&&t.length?Xe(n,t,X,r):n}function zo(n,t){var r=[];if(!n||!n.length)return r;var e=-1,u=[],i=n.length;for(t=mi(t,3);++e<i;){var o=n[e];t(o,e,n)&&(r.push(o),u.push(e))}return nu(n,u),r}function Eo(n){return null==n?n:Xl.call(n)}function So(n,t,r){var e=null==n?0:n.length;return e?(r&&"number"!=typeof r&&Ui(n,t,r)?(t=0,r=e):(t=null==t?0:kc(t),r=r===X?e:kc(r)),au(n,t,r)):[]}function Wo(n,t){
+return su(n,t)}function Lo(n,t,r){return hu(n,t,mi(r,2))}function Co(n,t){var r=null==n?0:n.length;if(r){var e=su(n,t);if(e<r&&Gf(n[e],t))return e}return-1}function Uo(n,t){return su(n,t,!0)}function Bo(n,t,r){return hu(n,t,mi(r,2),!0)}function To(n,t){if(null==n?0:n.length){var r=su(n,t,!0)-1;if(Gf(n[r],t))return r}return-1}function $o(n){return n&&n.length?pu(n):[]}function Do(n,t){return n&&n.length?pu(n,mi(t,2)):[]}function Mo(n){var t=null==n?0:n.length;return t?au(n,1,t):[]}function Fo(n,t,r){
+return n&&n.length?(t=r||t===X?1:kc(t),au(n,0,t<0?0:t)):[]}function No(n,t,r){var e=null==n?0:n.length;return e?(t=r||t===X?1:kc(t),t=e-t,au(n,t<0?0:t,e)):[]}function Po(n,t){return n&&n.length?bu(n,mi(t,3),!1,!0):[]}function qo(n,t){return n&&n.length?bu(n,mi(t,3)):[]}function Zo(n){return n&&n.length?gu(n):[]}function Ko(n,t){return n&&n.length?gu(n,mi(t,2)):[]}function Vo(n,t){return t="function"==typeof t?t:X,n&&n.length?gu(n,X,t):[]}function Go(n){if(!n||!n.length)return[];var t=0;return n=i(n,function(n){
+if(Jf(n))return t=Gl(n.length,t),!0}),O(t,function(t){return c(n,m(t))})}function Ho(t,r){if(!t||!t.length)return[];var e=Go(t);return null==r?e:c(e,function(t){return n(r,X,t)})}function Jo(n,t){return xu(n||[],t||[],Sr)}function Yo(n,t){return xu(n||[],t||[],fu)}function Qo(n){var t=Z(n);return t.__chain__=!0,t}function Xo(n,t){return t(n),n}function nf(n,t){return t(n)}function tf(){return Qo(this)}function rf(){return new Y(this.value(),this.__chain__)}function ef(){this.__values__===X&&(this.__values__=jc(this.value()));
+var n=this.__index__>=this.__values__.length;return{done:n,value:n?X:this.__values__[this.__index__++]}}function uf(){return this}function of(n){for(var t,r=this;r instanceof J;){var e=eo(r);e.__index__=0,e.__values__=X,t?u.__wrapped__=e:t=e;var u=e;r=r.__wrapped__}return u.__wrapped__=n,t}function ff(){var n=this.__wrapped__;if(n instanceof Ct){var t=n;return this.__actions__.length&&(t=new Ct(this)),t=t.reverse(),t.__actions__.push({func:nf,args:[Eo],thisArg:X}),new Y(t,this.__chain__)}return this.thru(Eo);
+}function cf(){return wu(this.__wrapped__,this.__actions__)}function af(n,t,r){var e=bh(n)?u:Jr;return r&&Ui(n,t,r)&&(t=X),e(n,mi(t,3))}function lf(n,t){return(bh(n)?i:te)(n,mi(t,3))}function sf(n,t){return ee(yf(n,t),1)}function hf(n,t){return ee(yf(n,t),Sn)}function pf(n,t,r){return r=r===X?1:kc(r),ee(yf(n,t),r)}function _f(n,t){return(bh(n)?r:ys)(n,mi(t,3))}function vf(n,t){return(bh(n)?e:ds)(n,mi(t,3))}function gf(n,t,r,e){n=Hf(n)?n:ra(n),r=r&&!e?kc(r):0;var u=n.length;return r<0&&(r=Gl(u+r,0)),
+dc(n)?r<=u&&n.indexOf(t,r)>-1:!!u&&y(n,t,r)>-1}function yf(n,t){return(bh(n)?c:Pe)(n,mi(t,3))}function df(n,t,r,e){return null==n?[]:(bh(t)||(t=null==t?[]:[t]),r=e?X:r,bh(r)||(r=null==r?[]:[r]),He(n,t,r))}function bf(n,t,r){var e=bh(n)?l:j,u=arguments.length<3;return e(n,mi(t,4),r,u,ys)}function wf(n,t,r){var e=bh(n)?s:j,u=arguments.length<3;return e(n,mi(t,4),r,u,ds)}function mf(n,t){return(bh(n)?i:te)(n,Uf(mi(t,3)))}function xf(n){return(bh(n)?Ir:iu)(n)}function jf(n,t,r){return t=(r?Ui(n,t,r):t===X)?1:kc(t),
+(bh(n)?Rr:ou)(n,t)}function Af(n){return(bh(n)?zr:cu)(n)}function kf(n){if(null==n)return 0;if(Hf(n))return dc(n)?V(n):n.length;var t=zs(n);return t==Gn||t==tt?n.size:Me(n).length}function Of(n,t,r){var e=bh(n)?h:lu;return r&&Ui(n,t,r)&&(t=X),e(n,mi(t,3))}function If(n,t){if("function"!=typeof t)throw new pl(en);return n=kc(n),function(){if(--n<1)return t.apply(this,arguments)}}function Rf(n,t,r){return t=r?X:t,t=n&&null==t?n.length:t,ai(n,mn,X,X,X,X,t)}function zf(n,t){var r;if("function"!=typeof t)throw new pl(en);
+return n=kc(n),function(){return--n>0&&(r=t.apply(this,arguments)),n<=1&&(t=X),r}}function Ef(n,t,r){t=r?X:t;var e=ai(n,yn,X,X,X,X,X,t);return e.placeholder=Ef.placeholder,e}function Sf(n,t,r){t=r?X:t;var e=ai(n,dn,X,X,X,X,X,t);return e.placeholder=Sf.placeholder,e}function Wf(n,t,r){function e(t){var r=h,e=p;return h=p=X,d=t,v=n.apply(e,r)}function u(n){return d=n,g=Ws(f,t),b?e(n):v}function i(n){var r=n-y,e=n-d,u=t-r;return w?Hl(u,_-e):u}function o(n){var r=n-y,e=n-d;return y===X||r>=t||r<0||w&&e>=_;
+}function f(){var n=fh();return o(n)?c(n):(g=Ws(f,i(n)),X)}function c(n){return g=X,m&&h?e(n):(h=p=X,v)}function a(){g!==X&&As(g),d=0,h=y=p=g=X}function l(){return g===X?v:c(fh())}function s(){var n=fh(),r=o(n);if(h=arguments,p=this,y=n,r){if(g===X)return u(y);if(w)return As(g),g=Ws(f,t),e(y)}return g===X&&(g=Ws(f,t)),v}var h,p,_,v,g,y,d=0,b=!1,w=!1,m=!0;if("function"!=typeof n)throw new pl(en);return t=Ic(t)||0,fc(r)&&(b=!!r.leading,w="maxWait"in r,_=w?Gl(Ic(r.maxWait)||0,t):_,m="trailing"in r?!!r.trailing:m),
+s.cancel=a,s.flush=l,s}function Lf(n){return ai(n,jn)}function Cf(n,t){if("function"!=typeof n||null!=t&&"function"!=typeof t)throw new pl(en);var r=function(){var e=arguments,u=t?t.apply(this,e):e[0],i=r.cache;if(i.has(u))return i.get(u);var o=n.apply(this,e);return r.cache=i.set(u,o)||i,o};return r.cache=new(Cf.Cache||sr),r}function Uf(n){if("function"!=typeof n)throw new pl(en);return function(){var t=arguments;switch(t.length){case 0:return!n.call(this);case 1:return!n.call(this,t[0]);case 2:
+return!n.call(this,t[0],t[1]);case 3:return!n.call(this,t[0],t[1],t[2])}return!n.apply(this,t)}}function Bf(n){return zf(2,n)}function Tf(n,t){if("function"!=typeof n)throw new pl(en);return t=t===X?t:kc(t),uu(n,t)}function $f(t,r){if("function"!=typeof t)throw new pl(en);return r=null==r?0:Gl(kc(r),0),uu(function(e){var u=e[r],i=Ou(e,0,r);return u&&a(i,u),n(t,this,i)})}function Df(n,t,r){var e=!0,u=!0;if("function"!=typeof n)throw new pl(en);return fc(r)&&(e="leading"in r?!!r.leading:e,u="trailing"in r?!!r.trailing:u),
+Wf(n,t,{leading:e,maxWait:t,trailing:u})}function Mf(n){return Rf(n,1)}function Ff(n,t){return ph(Au(t),n)}function Nf(){if(!arguments.length)return[];var n=arguments[0];return bh(n)?n:[n]}function Pf(n){return Fr(n,sn)}function qf(n,t){return t="function"==typeof t?t:X,Fr(n,sn,t)}function Zf(n){return Fr(n,an|sn)}function Kf(n,t){return t="function"==typeof t?t:X,Fr(n,an|sn,t)}function Vf(n,t){return null==t||Pr(n,t,Pc(t))}function Gf(n,t){return n===t||n!==n&&t!==t}function Hf(n){return null!=n&&oc(n.length)&&!uc(n);
+}function Jf(n){return cc(n)&&Hf(n)}function Yf(n){return n===!0||n===!1||cc(n)&&we(n)==Nn}function Qf(n){return cc(n)&&1===n.nodeType&&!gc(n)}function Xf(n){if(null==n)return!0;if(Hf(n)&&(bh(n)||"string"==typeof n||"function"==typeof n.splice||mh(n)||Oh(n)||dh(n)))return!n.length;var t=zs(n);if(t==Gn||t==tt)return!n.size;if(Mi(n))return!Me(n).length;for(var r in n)if(bl.call(n,r))return!1;return!0}function nc(n,t){return Se(n,t)}function tc(n,t,r){r="function"==typeof r?r:X;var e=r?r(n,t):X;return e===X?Se(n,t,X,r):!!e;
+}function rc(n){if(!cc(n))return!1;var t=we(n);return t==Zn||t==qn||"string"==typeof n.message&&"string"==typeof n.name&&!gc(n)}function ec(n){return"number"==typeof n&&Zl(n)}function uc(n){if(!fc(n))return!1;var t=we(n);return t==Kn||t==Vn||t==Fn||t==Xn}function ic(n){return"number"==typeof n&&n==kc(n)}function oc(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=Wn}function fc(n){var t=typeof n;return null!=n&&("object"==t||"function"==t)}function cc(n){return null!=n&&"object"==typeof n}function ac(n,t){
+return n===t||Ce(n,t,ji(t))}function lc(n,t,r){return r="function"==typeof r?r:X,Ce(n,t,ji(t),r)}function sc(n){return vc(n)&&n!=+n}function hc(n){if(Es(n))throw new fl(rn);return Ue(n)}function pc(n){return null===n}function _c(n){return null==n}function vc(n){return"number"==typeof n||cc(n)&&we(n)==Hn}function gc(n){if(!cc(n)||we(n)!=Yn)return!1;var t=El(n);if(null===t)return!0;var r=bl.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&dl.call(r)==jl}function yc(n){
+return ic(n)&&n>=-Wn&&n<=Wn}function dc(n){return"string"==typeof n||!bh(n)&&cc(n)&&we(n)==rt}function bc(n){return"symbol"==typeof n||cc(n)&&we(n)==et}function wc(n){return n===X}function mc(n){return cc(n)&&zs(n)==it}function xc(n){return cc(n)&&we(n)==ot}function jc(n){if(!n)return[];if(Hf(n))return dc(n)?G(n):Tu(n);if(Ul&&n[Ul])return D(n[Ul]());var t=zs(n);return(t==Gn?M:t==tt?P:ra)(n)}function Ac(n){if(!n)return 0===n?n:0;if(n=Ic(n),n===Sn||n===-Sn){return(n<0?-1:1)*Ln}return n===n?n:0}function kc(n){
+var t=Ac(n),r=t%1;return t===t?r?t-r:t:0}function Oc(n){return n?Mr(kc(n),0,Un):0}function Ic(n){if("number"==typeof n)return n;if(bc(n))return Cn;if(fc(n)){var t="function"==typeof n.valueOf?n.valueOf():n;n=fc(t)?t+"":t}if("string"!=typeof n)return 0===n?n:+n;n=R(n);var r=qt.test(n);return r||Kt.test(n)?Xr(n.slice(2),r?2:8):Pt.test(n)?Cn:+n}function Rc(n){return $u(n,qc(n))}function zc(n){return n?Mr(kc(n),-Wn,Wn):0===n?n:0}function Ec(n){return null==n?"":vu(n)}function Sc(n,t){var r=gs(n);return null==t?r:Cr(r,t);
+}function Wc(n,t){return v(n,mi(t,3),ue)}function Lc(n,t){return v(n,mi(t,3),oe)}function Cc(n,t){return null==n?n:bs(n,mi(t,3),qc)}function Uc(n,t){return null==n?n:ws(n,mi(t,3),qc)}function Bc(n,t){return n&&ue(n,mi(t,3))}function Tc(n,t){return n&&oe(n,mi(t,3))}function $c(n){return null==n?[]:fe(n,Pc(n))}function Dc(n){return null==n?[]:fe(n,qc(n))}function Mc(n,t,r){var e=null==n?X:_e(n,t);return e===X?r:e}function Fc(n,t){return null!=n&&Ri(n,t,xe)}function Nc(n,t){return null!=n&&Ri(n,t,je);
+}function Pc(n){return Hf(n)?Or(n):Me(n)}function qc(n){return Hf(n)?Or(n,!0):Fe(n)}function Zc(n,t){var r={};return t=mi(t,3),ue(n,function(n,e,u){Br(r,t(n,e,u),n)}),r}function Kc(n,t){var r={};return t=mi(t,3),ue(n,function(n,e,u){Br(r,e,t(n,e,u))}),r}function Vc(n,t){return Gc(n,Uf(mi(t)))}function Gc(n,t){if(null==n)return{};var r=c(di(n),function(n){return[n]});return t=mi(t),Ye(n,r,function(n,r){return t(n,r[0])})}function Hc(n,t,r){t=ku(t,n);var e=-1,u=t.length;for(u||(u=1,n=X);++e<u;){var i=null==n?X:n[no(t[e])];
+i===X&&(e=u,i=r),n=uc(i)?i.call(n):i}return n}function Jc(n,t,r){return null==n?n:fu(n,t,r)}function Yc(n,t,r,e){return e="function"==typeof e?e:X,null==n?n:fu(n,t,r,e)}function Qc(n,t,e){var u=bh(n),i=u||mh(n)||Oh(n);if(t=mi(t,4),null==e){var o=n&&n.constructor;e=i?u?new o:[]:fc(n)&&uc(o)?gs(El(n)):{}}return(i?r:ue)(n,function(n,r,u){return t(e,n,r,u)}),e}function Xc(n,t){return null==n||yu(n,t)}function na(n,t,r){return null==n?n:du(n,t,Au(r))}function ta(n,t,r,e){return e="function"==typeof e?e:X,
+null==n?n:du(n,t,Au(r),e)}function ra(n){return null==n?[]:E(n,Pc(n))}function ea(n){return null==n?[]:E(n,qc(n))}function ua(n,t,r){return r===X&&(r=t,t=X),r!==X&&(r=Ic(r),r=r===r?r:0),t!==X&&(t=Ic(t),t=t===t?t:0),Mr(Ic(n),t,r)}function ia(n,t,r){return t=Ac(t),r===X?(r=t,t=0):r=Ac(r),n=Ic(n),Ae(n,t,r)}function oa(n,t,r){if(r&&"boolean"!=typeof r&&Ui(n,t,r)&&(t=r=X),r===X&&("boolean"==typeof t?(r=t,t=X):"boolean"==typeof n&&(r=n,n=X)),n===X&&t===X?(n=0,t=1):(n=Ac(n),t===X?(t=n,n=0):t=Ac(t)),n>t){
+var e=n;n=t,t=e}if(r||n%1||t%1){var u=Ql();return Hl(n+u*(t-n+Qr("1e-"+((u+"").length-1))),t)}return tu(n,t)}function fa(n){return Qh(Ec(n).toLowerCase())}function ca(n){return n=Ec(n),n&&n.replace(Gt,ve).replace(Dr,"")}function aa(n,t,r){n=Ec(n),t=vu(t);var e=n.length;r=r===X?e:Mr(kc(r),0,e);var u=r;return r-=t.length,r>=0&&n.slice(r,u)==t}function la(n){return n=Ec(n),n&&At.test(n)?n.replace(xt,ge):n}function sa(n){return n=Ec(n),n&&Wt.test(n)?n.replace(St,"\\$&"):n}function ha(n,t,r){n=Ec(n),t=kc(t);
+var e=t?V(n):0;if(!t||e>=t)return n;var u=(t-e)/2;return ri(Nl(u),r)+n+ri(Fl(u),r)}function pa(n,t,r){n=Ec(n),t=kc(t);var e=t?V(n):0;return t&&e<t?n+ri(t-e,r):n}function _a(n,t,r){n=Ec(n),t=kc(t);var e=t?V(n):0;return t&&e<t?ri(t-e,r)+n:n}function va(n,t,r){return r||null==t?t=0:t&&(t=+t),Yl(Ec(n).replace(Lt,""),t||0)}function ga(n,t,r){return t=(r?Ui(n,t,r):t===X)?1:kc(t),eu(Ec(n),t)}function ya(){var n=arguments,t=Ec(n[0]);return n.length<3?t:t.replace(n[1],n[2])}function da(n,t,r){return r&&"number"!=typeof r&&Ui(n,t,r)&&(t=r=X),
+(r=r===X?Un:r>>>0)?(n=Ec(n),n&&("string"==typeof t||null!=t&&!Ah(t))&&(t=vu(t),!t&&T(n))?Ou(G(n),0,r):n.split(t,r)):[]}function ba(n,t,r){return n=Ec(n),r=null==r?0:Mr(kc(r),0,n.length),t=vu(t),n.slice(r,r+t.length)==t}function wa(n,t,r){var e=Z.templateSettings;r&&Ui(n,t,r)&&(t=X),n=Ec(n),t=Sh({},t,e,li);var u,i,o=Sh({},t.imports,e.imports,li),f=Pc(o),c=E(o,f),a=0,l=t.interpolate||Ht,s="__p += '",h=sl((t.escape||Ht).source+"|"+l.source+"|"+(l===It?Ft:Ht).source+"|"+(t.evaluate||Ht).source+"|$","g"),p="//# sourceURL="+(bl.call(t,"sourceURL")?(t.sourceURL+"").replace(/\s/g," "):"lodash.templateSources["+ ++Zr+"]")+"\n";
+n.replace(h,function(t,r,e,o,f,c){return e||(e=o),s+=n.slice(a,c).replace(Jt,U),r&&(u=!0,s+="' +\n__e("+r+") +\n'"),f&&(i=!0,s+="';\n"+f+";\n__p += '"),e&&(s+="' +\n((__t = ("+e+")) == null ? '' : __t) +\n'"),a=c+t.length,t}),s+="';\n";var _=bl.call(t,"variable")&&t.variable;if(_){if(Dt.test(_))throw new fl(un)}else s="with (obj) {\n"+s+"\n}\n";s=(i?s.replace(dt,""):s).replace(bt,"$1").replace(wt,"$1;"),s="function("+(_||"obj")+") {\n"+(_?"":"obj || (obj = {});\n")+"var __t, __p = ''"+(u?", __e = _.escape":"")+(i?", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n":";\n")+s+"return __p\n}";
+var v=Xh(function(){return cl(f,p+"return "+s).apply(X,c)});if(v.source=s,rc(v))throw v;return v}function ma(n){return Ec(n).toLowerCase()}function xa(n){return Ec(n).toUpperCase()}function ja(n,t,r){if(n=Ec(n),n&&(r||t===X))return R(n);if(!n||!(t=vu(t)))return n;var e=G(n),u=G(t);return Ou(e,W(e,u),L(e,u)+1).join("")}function Aa(n,t,r){if(n=Ec(n),n&&(r||t===X))return n.slice(0,H(n)+1);if(!n||!(t=vu(t)))return n;var e=G(n);return Ou(e,0,L(e,G(t))+1).join("")}function ka(n,t,r){if(n=Ec(n),n&&(r||t===X))return n.replace(Lt,"");
+if(!n||!(t=vu(t)))return n;var e=G(n);return Ou(e,W(e,G(t))).join("")}function Oa(n,t){var r=An,e=kn;if(fc(t)){var u="separator"in t?t.separator:u;r="length"in t?kc(t.length):r,e="omission"in t?vu(t.omission):e}n=Ec(n);var i=n.length;if(T(n)){var o=G(n);i=o.length}if(r>=i)return n;var f=r-V(e);if(f<1)return e;var c=o?Ou(o,0,f).join(""):n.slice(0,f);if(u===X)return c+e;if(o&&(f+=c.length-f),Ah(u)){if(n.slice(f).search(u)){var a,l=c;for(u.global||(u=sl(u.source,Ec(Nt.exec(u))+"g")),u.lastIndex=0;a=u.exec(l);)var s=a.index;
+c=c.slice(0,s===X?f:s)}}else if(n.indexOf(vu(u),f)!=f){var h=c.lastIndexOf(u);h>-1&&(c=c.slice(0,h))}return c+e}function Ia(n){return n=Ec(n),n&&jt.test(n)?n.replace(mt,ye):n}function Ra(n,t,r){return n=Ec(n),t=r?X:t,t===X?$(n)?Q(n):_(n):n.match(t)||[]}function za(t){var r=null==t?0:t.length,e=mi();return t=r?c(t,function(n){if("function"!=typeof n[1])throw new pl(en);return[e(n[0]),n[1]]}):[],uu(function(e){for(var u=-1;++u<r;){var i=t[u];if(n(i[0],this,e))return n(i[1],this,e)}})}function Ea(n){
+return Nr(Fr(n,an))}function Sa(n){return function(){return n}}function Wa(n,t){return null==n||n!==n?t:n}function La(n){return n}function Ca(n){return De("function"==typeof n?n:Fr(n,an))}function Ua(n){return qe(Fr(n,an))}function Ba(n,t){return Ze(n,Fr(t,an))}function Ta(n,t,e){var u=Pc(t),i=fe(t,u);null!=e||fc(t)&&(i.length||!u.length)||(e=t,t=n,n=this,i=fe(t,Pc(t)));var o=!(fc(e)&&"chain"in e&&!e.chain),f=uc(n);return r(i,function(r){var e=t[r];n[r]=e,f&&(n.prototype[r]=function(){var t=this.__chain__;
+if(o||t){var r=n(this.__wrapped__);return(r.__actions__=Tu(this.__actions__)).push({func:e,args:arguments,thisArg:n}),r.__chain__=t,r}return e.apply(n,a([this.value()],arguments))})}),n}function $a(){return re._===this&&(re._=Al),this}function Da(){}function Ma(n){return n=kc(n),uu(function(t){return Ge(t,n)})}function Fa(n){return Bi(n)?m(no(n)):Qe(n)}function Na(n){return function(t){return null==n?X:_e(n,t)}}function Pa(){return[]}function qa(){return!1}function Za(){return{}}function Ka(){return"";
+}function Va(){return!0}function Ga(n,t){if(n=kc(n),n<1||n>Wn)return[];var r=Un,e=Hl(n,Un);t=mi(t),n-=Un;for(var u=O(e,t);++r<n;)t(r);return u}function Ha(n){return bh(n)?c(n,no):bc(n)?[n]:Tu(Cs(Ec(n)))}function Ja(n){var t=++wl;return Ec(n)+t}function Ya(n){return n&&n.length?Yr(n,La,me):X}function Qa(n,t){return n&&n.length?Yr(n,mi(t,2),me):X}function Xa(n){return w(n,La)}function nl(n,t){return w(n,mi(t,2))}function tl(n){return n&&n.length?Yr(n,La,Ne):X}function rl(n,t){return n&&n.length?Yr(n,mi(t,2),Ne):X;
+}function el(n){return n&&n.length?k(n,La):0}function ul(n,t){return n&&n.length?k(n,mi(t,2)):0}x=null==x?re:be.defaults(re.Object(),x,be.pick(re,qr));var il=x.Array,ol=x.Date,fl=x.Error,cl=x.Function,al=x.Math,ll=x.Object,sl=x.RegExp,hl=x.String,pl=x.TypeError,_l=il.prototype,vl=cl.prototype,gl=ll.prototype,yl=x["__core-js_shared__"],dl=vl.toString,bl=gl.hasOwnProperty,wl=0,ml=function(){var n=/[^.]+$/.exec(yl&&yl.keys&&yl.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}(),xl=gl.toString,jl=dl.call(ll),Al=re._,kl=sl("^"+dl.call(bl).replace(St,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Ol=ie?x.Buffer:X,Il=x.Symbol,Rl=x.Uint8Array,zl=Ol?Ol.allocUnsafe:X,El=F(ll.getPrototypeOf,ll),Sl=ll.create,Wl=gl.propertyIsEnumerable,Ll=_l.splice,Cl=Il?Il.isConcatSpreadable:X,Ul=Il?Il.iterator:X,Bl=Il?Il.toStringTag:X,Tl=function(){
+try{var n=Ai(ll,"defineProperty");return n({},"",{}),n}catch(n){}}(),$l=x.clearTimeout!==re.clearTimeout&&x.clearTimeout,Dl=ol&&ol.now!==re.Date.now&&ol.now,Ml=x.setTimeout!==re.setTimeout&&x.setTimeout,Fl=al.ceil,Nl=al.floor,Pl=ll.getOwnPropertySymbols,ql=Ol?Ol.isBuffer:X,Zl=x.isFinite,Kl=_l.join,Vl=F(ll.keys,ll),Gl=al.max,Hl=al.min,Jl=ol.now,Yl=x.parseInt,Ql=al.random,Xl=_l.reverse,ns=Ai(x,"DataView"),ts=Ai(x,"Map"),rs=Ai(x,"Promise"),es=Ai(x,"Set"),us=Ai(x,"WeakMap"),is=Ai(ll,"create"),os=us&&new us,fs={},cs=to(ns),as=to(ts),ls=to(rs),ss=to(es),hs=to(us),ps=Il?Il.prototype:X,_s=ps?ps.valueOf:X,vs=ps?ps.toString:X,gs=function(){
+function n(){}return function(t){if(!fc(t))return{};if(Sl)return Sl(t);n.prototype=t;var r=new n;return n.prototype=X,r}}();Z.templateSettings={escape:kt,evaluate:Ot,interpolate:It,variable:"",imports:{_:Z}},Z.prototype=J.prototype,Z.prototype.constructor=Z,Y.prototype=gs(J.prototype),Y.prototype.constructor=Y,Ct.prototype=gs(J.prototype),Ct.prototype.constructor=Ct,Xt.prototype.clear=nr,Xt.prototype.delete=tr,Xt.prototype.get=rr,Xt.prototype.has=er,Xt.prototype.set=ur,ir.prototype.clear=or,ir.prototype.delete=fr,
+ir.prototype.get=cr,ir.prototype.has=ar,ir.prototype.set=lr,sr.prototype.clear=hr,sr.prototype.delete=pr,sr.prototype.get=_r,sr.prototype.has=vr,sr.prototype.set=gr,yr.prototype.add=yr.prototype.push=dr,yr.prototype.has=br,wr.prototype.clear=mr,wr.prototype.delete=xr,wr.prototype.get=jr,wr.prototype.has=Ar,wr.prototype.set=kr;var ys=Pu(ue),ds=Pu(oe,!0),bs=qu(),ws=qu(!0),ms=os?function(n,t){return os.set(n,t),n}:La,xs=Tl?function(n,t){return Tl(n,"toString",{configurable:!0,enumerable:!1,value:Sa(t),
+writable:!0})}:La,js=uu,As=$l||function(n){return re.clearTimeout(n)},ks=es&&1/P(new es([,-0]))[1]==Sn?function(n){return new es(n)}:Da,Os=os?function(n){return os.get(n)}:Da,Is=Pl?function(n){return null==n?[]:(n=ll(n),i(Pl(n),function(t){return Wl.call(n,t)}))}:Pa,Rs=Pl?function(n){for(var t=[];n;)a(t,Is(n)),n=El(n);return t}:Pa,zs=we;(ns&&zs(new ns(new ArrayBuffer(1)))!=ct||ts&&zs(new ts)!=Gn||rs&&zs(rs.resolve())!=Qn||es&&zs(new es)!=tt||us&&zs(new us)!=it)&&(zs=function(n){var t=we(n),r=t==Yn?n.constructor:X,e=r?to(r):"";
+if(e)switch(e){case cs:return ct;case as:return Gn;case ls:return Qn;case ss:return tt;case hs:return it}return t});var Es=yl?uc:qa,Ss=Qi(ms),Ws=Ml||function(n,t){return re.setTimeout(n,t)},Ls=Qi(xs),Cs=Pi(function(n){var t=[];return 46===n.charCodeAt(0)&&t.push(""),n.replace(Et,function(n,r,e,u){t.push(e?u.replace(Mt,"$1"):r||n)}),t}),Us=uu(function(n,t){return Jf(n)?Hr(n,ee(t,1,Jf,!0)):[]}),Bs=uu(function(n,t){var r=jo(t);return Jf(r)&&(r=X),Jf(n)?Hr(n,ee(t,1,Jf,!0),mi(r,2)):[]}),Ts=uu(function(n,t){
+var r=jo(t);return Jf(r)&&(r=X),Jf(n)?Hr(n,ee(t,1,Jf,!0),X,r):[]}),$s=uu(function(n){var t=c(n,ju);return t.length&&t[0]===n[0]?ke(t):[]}),Ds=uu(function(n){var t=jo(n),r=c(n,ju);return t===jo(r)?t=X:r.pop(),r.length&&r[0]===n[0]?ke(r,mi(t,2)):[]}),Ms=uu(function(n){var t=jo(n),r=c(n,ju);return t="function"==typeof t?t:X,t&&r.pop(),r.length&&r[0]===n[0]?ke(r,X,t):[]}),Fs=uu(Oo),Ns=gi(function(n,t){var r=null==n?0:n.length,e=Tr(n,t);return nu(n,c(t,function(n){return Ci(n,r)?+n:n}).sort(Lu)),e}),Ps=uu(function(n){
+return gu(ee(n,1,Jf,!0))}),qs=uu(function(n){var t=jo(n);return Jf(t)&&(t=X),gu(ee(n,1,Jf,!0),mi(t,2))}),Zs=uu(function(n){var t=jo(n);return t="function"==typeof t?t:X,gu(ee(n,1,Jf,!0),X,t)}),Ks=uu(function(n,t){return Jf(n)?Hr(n,t):[]}),Vs=uu(function(n){return mu(i(n,Jf))}),Gs=uu(function(n){var t=jo(n);return Jf(t)&&(t=X),mu(i(n,Jf),mi(t,2))}),Hs=uu(function(n){var t=jo(n);return t="function"==typeof t?t:X,mu(i(n,Jf),X,t)}),Js=uu(Go),Ys=uu(function(n){var t=n.length,r=t>1?n[t-1]:X;return r="function"==typeof r?(n.pop(),
+r):X,Ho(n,r)}),Qs=gi(function(n){var t=n.length,r=t?n[0]:0,e=this.__wrapped__,u=function(t){return Tr(t,n)};return!(t>1||this.__actions__.length)&&e instanceof Ct&&Ci(r)?(e=e.slice(r,+r+(t?1:0)),e.__actions__.push({func:nf,args:[u],thisArg:X}),new Y(e,this.__chain__).thru(function(n){return t&&!n.length&&n.push(X),n})):this.thru(u)}),Xs=Fu(function(n,t,r){bl.call(n,r)?++n[r]:Br(n,r,1)}),nh=Ju(ho),th=Ju(po),rh=Fu(function(n,t,r){bl.call(n,r)?n[r].push(t):Br(n,r,[t])}),eh=uu(function(t,r,e){var u=-1,i="function"==typeof r,o=Hf(t)?il(t.length):[];
+return ys(t,function(t){o[++u]=i?n(r,t,e):Ie(t,r,e)}),o}),uh=Fu(function(n,t,r){Br(n,r,t)}),ih=Fu(function(n,t,r){n[r?0:1].push(t)},function(){return[[],[]]}),oh=uu(function(n,t){if(null==n)return[];var r=t.length;return r>1&&Ui(n,t[0],t[1])?t=[]:r>2&&Ui(t[0],t[1],t[2])&&(t=[t[0]]),He(n,ee(t,1),[])}),fh=Dl||function(){return re.Date.now()},ch=uu(function(n,t,r){var e=_n;if(r.length){var u=N(r,wi(ch));e|=bn}return ai(n,e,t,r,u)}),ah=uu(function(n,t,r){var e=_n|vn;if(r.length){var u=N(r,wi(ah));e|=bn;
+}return ai(t,e,n,r,u)}),lh=uu(function(n,t){return Gr(n,1,t)}),sh=uu(function(n,t,r){return Gr(n,Ic(t)||0,r)});Cf.Cache=sr;var hh=js(function(t,r){r=1==r.length&&bh(r[0])?c(r[0],z(mi())):c(ee(r,1),z(mi()));var e=r.length;return uu(function(u){for(var i=-1,o=Hl(u.length,e);++i<o;)u[i]=r[i].call(this,u[i]);return n(t,this,u)})}),ph=uu(function(n,t){return ai(n,bn,X,t,N(t,wi(ph)))}),_h=uu(function(n,t){return ai(n,wn,X,t,N(t,wi(_h)))}),vh=gi(function(n,t){return ai(n,xn,X,X,X,t)}),gh=ii(me),yh=ii(function(n,t){
+return n>=t}),dh=Re(function(){return arguments}())?Re:function(n){return cc(n)&&bl.call(n,"callee")&&!Wl.call(n,"callee")},bh=il.isArray,wh=ce?z(ce):ze,mh=ql||qa,xh=ae?z(ae):Ee,jh=le?z(le):Le,Ah=se?z(se):Be,kh=he?z(he):Te,Oh=pe?z(pe):$e,Ih=ii(Ne),Rh=ii(function(n,t){return n<=t}),zh=Nu(function(n,t){if(Mi(t)||Hf(t))return $u(t,Pc(t),n),X;for(var r in t)bl.call(t,r)&&Sr(n,r,t[r])}),Eh=Nu(function(n,t){$u(t,qc(t),n)}),Sh=Nu(function(n,t,r,e){$u(t,qc(t),n,e)}),Wh=Nu(function(n,t,r,e){$u(t,Pc(t),n,e);
+}),Lh=gi(Tr),Ch=uu(function(n,t){n=ll(n);var r=-1,e=t.length,u=e>2?t[2]:X;for(u&&Ui(t[0],t[1],u)&&(e=1);++r<e;)for(var i=t[r],o=qc(i),f=-1,c=o.length;++f<c;){var a=o[f],l=n[a];(l===X||Gf(l,gl[a])&&!bl.call(n,a))&&(n[a]=i[a])}return n}),Uh=uu(function(t){return t.push(X,si),n(Mh,X,t)}),Bh=Xu(function(n,t,r){null!=t&&"function"!=typeof t.toString&&(t=xl.call(t)),n[t]=r},Sa(La)),Th=Xu(function(n,t,r){null!=t&&"function"!=typeof t.toString&&(t=xl.call(t)),bl.call(n,t)?n[t].push(r):n[t]=[r]},mi),$h=uu(Ie),Dh=Nu(function(n,t,r){
+Ke(n,t,r)}),Mh=Nu(function(n,t,r,e){Ke(n,t,r,e)}),Fh=gi(function(n,t){var r={};if(null==n)return r;var e=!1;t=c(t,function(t){return t=ku(t,n),e||(e=t.length>1),t}),$u(n,di(n),r),e&&(r=Fr(r,an|ln|sn,hi));for(var u=t.length;u--;)yu(r,t[u]);return r}),Nh=gi(function(n,t){return null==n?{}:Je(n,t)}),Ph=ci(Pc),qh=ci(qc),Zh=Vu(function(n,t,r){return t=t.toLowerCase(),n+(r?fa(t):t)}),Kh=Vu(function(n,t,r){return n+(r?"-":"")+t.toLowerCase()}),Vh=Vu(function(n,t,r){return n+(r?" ":"")+t.toLowerCase()}),Gh=Ku("toLowerCase"),Hh=Vu(function(n,t,r){
+return n+(r?"_":"")+t.toLowerCase()}),Jh=Vu(function(n,t,r){return n+(r?" ":"")+Qh(t)}),Yh=Vu(function(n,t,r){return n+(r?" ":"")+t.toUpperCase()}),Qh=Ku("toUpperCase"),Xh=uu(function(t,r){try{return n(t,X,r)}catch(n){return rc(n)?n:new fl(n)}}),np=gi(function(n,t){return r(t,function(t){t=no(t),Br(n,t,ch(n[t],n))}),n}),tp=Yu(),rp=Yu(!0),ep=uu(function(n,t){return function(r){return Ie(r,n,t)}}),up=uu(function(n,t){return function(r){return Ie(n,r,t)}}),ip=ti(c),op=ti(u),fp=ti(h),cp=ui(),ap=ui(!0),lp=ni(function(n,t){
+return n+t},0),sp=fi("ceil"),hp=ni(function(n,t){return n/t},1),pp=fi("floor"),_p=ni(function(n,t){return n*t},1),vp=fi("round"),gp=ni(function(n,t){return n-t},0);return Z.after=If,Z.ary=Rf,Z.assign=zh,Z.assignIn=Eh,Z.assignInWith=Sh,Z.assignWith=Wh,Z.at=Lh,Z.before=zf,Z.bind=ch,Z.bindAll=np,Z.bindKey=ah,Z.castArray=Nf,Z.chain=Qo,Z.chunk=uo,Z.compact=io,Z.concat=oo,Z.cond=za,Z.conforms=Ea,Z.constant=Sa,Z.countBy=Xs,Z.create=Sc,Z.curry=Ef,Z.curryRight=Sf,Z.debounce=Wf,Z.defaults=Ch,Z.defaultsDeep=Uh,
+Z.defer=lh,Z.delay=sh,Z.difference=Us,Z.differenceBy=Bs,Z.differenceWith=Ts,Z.drop=fo,Z.dropRight=co,Z.dropRightWhile=ao,Z.dropWhile=lo,Z.fill=so,Z.filter=lf,Z.flatMap=sf,Z.flatMapDeep=hf,Z.flatMapDepth=pf,Z.flatten=_o,Z.flattenDeep=vo,Z.flattenDepth=go,Z.flip=Lf,Z.flow=tp,Z.flowRight=rp,Z.fromPairs=yo,Z.functions=$c,Z.functionsIn=Dc,Z.groupBy=rh,Z.initial=mo,Z.intersection=$s,Z.intersectionBy=Ds,Z.intersectionWith=Ms,Z.invert=Bh,Z.invertBy=Th,Z.invokeMap=eh,Z.iteratee=Ca,Z.keyBy=uh,Z.keys=Pc,Z.keysIn=qc,
+Z.map=yf,Z.mapKeys=Zc,Z.mapValues=Kc,Z.matches=Ua,Z.matchesProperty=Ba,Z.memoize=Cf,Z.merge=Dh,Z.mergeWith=Mh,Z.method=ep,Z.methodOf=up,Z.mixin=Ta,Z.negate=Uf,Z.nthArg=Ma,Z.omit=Fh,Z.omitBy=Vc,Z.once=Bf,Z.orderBy=df,Z.over=ip,Z.overArgs=hh,Z.overEvery=op,Z.overSome=fp,Z.partial=ph,Z.partialRight=_h,Z.partition=ih,Z.pick=Nh,Z.pickBy=Gc,Z.property=Fa,Z.propertyOf=Na,Z.pull=Fs,Z.pullAll=Oo,Z.pullAllBy=Io,Z.pullAllWith=Ro,Z.pullAt=Ns,Z.range=cp,Z.rangeRight=ap,Z.rearg=vh,Z.reject=mf,Z.remove=zo,Z.rest=Tf,
+Z.reverse=Eo,Z.sampleSize=jf,Z.set=Jc,Z.setWith=Yc,Z.shuffle=Af,Z.slice=So,Z.sortBy=oh,Z.sortedUniq=$o,Z.sortedUniqBy=Do,Z.split=da,Z.spread=$f,Z.tail=Mo,Z.take=Fo,Z.takeRight=No,Z.takeRightWhile=Po,Z.takeWhile=qo,Z.tap=Xo,Z.throttle=Df,Z.thru=nf,Z.toArray=jc,Z.toPairs=Ph,Z.toPairsIn=qh,Z.toPath=Ha,Z.toPlainObject=Rc,Z.transform=Qc,Z.unary=Mf,Z.union=Ps,Z.unionBy=qs,Z.unionWith=Zs,Z.uniq=Zo,Z.uniqBy=Ko,Z.uniqWith=Vo,Z.unset=Xc,Z.unzip=Go,Z.unzipWith=Ho,Z.update=na,Z.updateWith=ta,Z.values=ra,Z.valuesIn=ea,
+Z.without=Ks,Z.words=Ra,Z.wrap=Ff,Z.xor=Vs,Z.xorBy=Gs,Z.xorWith=Hs,Z.zip=Js,Z.zipObject=Jo,Z.zipObjectDeep=Yo,Z.zipWith=Ys,Z.entries=Ph,Z.entriesIn=qh,Z.extend=Eh,Z.extendWith=Sh,Ta(Z,Z),Z.add=lp,Z.attempt=Xh,Z.camelCase=Zh,Z.capitalize=fa,Z.ceil=sp,Z.clamp=ua,Z.clone=Pf,Z.cloneDeep=Zf,Z.cloneDeepWith=Kf,Z.cloneWith=qf,Z.conformsTo=Vf,Z.deburr=ca,Z.defaultTo=Wa,Z.divide=hp,Z.endsWith=aa,Z.eq=Gf,Z.escape=la,Z.escapeRegExp=sa,Z.every=af,Z.find=nh,Z.findIndex=ho,Z.findKey=Wc,Z.findLast=th,Z.findLastIndex=po,
+Z.findLastKey=Lc,Z.floor=pp,Z.forEach=_f,Z.forEachRight=vf,Z.forIn=Cc,Z.forInRight=Uc,Z.forOwn=Bc,Z.forOwnRight=Tc,Z.get=Mc,Z.gt=gh,Z.gte=yh,Z.has=Fc,Z.hasIn=Nc,Z.head=bo,Z.identity=La,Z.includes=gf,Z.indexOf=wo,Z.inRange=ia,Z.invoke=$h,Z.isArguments=dh,Z.isArray=bh,Z.isArrayBuffer=wh,Z.isArrayLike=Hf,Z.isArrayLikeObject=Jf,Z.isBoolean=Yf,Z.isBuffer=mh,Z.isDate=xh,Z.isElement=Qf,Z.isEmpty=Xf,Z.isEqual=nc,Z.isEqualWith=tc,Z.isError=rc,Z.isFinite=ec,Z.isFunction=uc,Z.isInteger=ic,Z.isLength=oc,Z.isMap=jh,
+Z.isMatch=ac,Z.isMatchWith=lc,Z.isNaN=sc,Z.isNative=hc,Z.isNil=_c,Z.isNull=pc,Z.isNumber=vc,Z.isObject=fc,Z.isObjectLike=cc,Z.isPlainObject=gc,Z.isRegExp=Ah,Z.isSafeInteger=yc,Z.isSet=kh,Z.isString=dc,Z.isSymbol=bc,Z.isTypedArray=Oh,Z.isUndefined=wc,Z.isWeakMap=mc,Z.isWeakSet=xc,Z.join=xo,Z.kebabCase=Kh,Z.last=jo,Z.lastIndexOf=Ao,Z.lowerCase=Vh,Z.lowerFirst=Gh,Z.lt=Ih,Z.lte=Rh,Z.max=Ya,Z.maxBy=Qa,Z.mean=Xa,Z.meanBy=nl,Z.min=tl,Z.minBy=rl,Z.stubArray=Pa,Z.stubFalse=qa,Z.stubObject=Za,Z.stubString=Ka,
+Z.stubTrue=Va,Z.multiply=_p,Z.nth=ko,Z.noConflict=$a,Z.noop=Da,Z.now=fh,Z.pad=ha,Z.padEnd=pa,Z.padStart=_a,Z.parseInt=va,Z.random=oa,Z.reduce=bf,Z.reduceRight=wf,Z.repeat=ga,Z.replace=ya,Z.result=Hc,Z.round=vp,Z.runInContext=p,Z.sample=xf,Z.size=kf,Z.snakeCase=Hh,Z.some=Of,Z.sortedIndex=Wo,Z.sortedIndexBy=Lo,Z.sortedIndexOf=Co,Z.sortedLastIndex=Uo,Z.sortedLastIndexBy=Bo,Z.sortedLastIndexOf=To,Z.startCase=Jh,Z.startsWith=ba,Z.subtract=gp,Z.sum=el,Z.sumBy=ul,Z.template=wa,Z.times=Ga,Z.toFinite=Ac,Z.toInteger=kc,
+Z.toLength=Oc,Z.toLower=ma,Z.toNumber=Ic,Z.toSafeInteger=zc,Z.toString=Ec,Z.toUpper=xa,Z.trim=ja,Z.trimEnd=Aa,Z.trimStart=ka,Z.truncate=Oa,Z.unescape=Ia,Z.uniqueId=Ja,Z.upperCase=Yh,Z.upperFirst=Qh,Z.each=_f,Z.eachRight=vf,Z.first=bo,Ta(Z,function(){var n={};return ue(Z,function(t,r){bl.call(Z.prototype,r)||(n[r]=t)}),n}(),{chain:!1}),Z.VERSION=nn,r(["bind","bindKey","curry","curryRight","partial","partialRight"],function(n){Z[n].placeholder=Z}),r(["drop","take"],function(n,t){Ct.prototype[n]=function(r){
+r=r===X?1:Gl(kc(r),0);var e=this.__filtered__&&!t?new Ct(this):this.clone();return e.__filtered__?e.__takeCount__=Hl(r,e.__takeCount__):e.__views__.push({size:Hl(r,Un),type:n+(e.__dir__<0?"Right":"")}),e},Ct.prototype[n+"Right"]=function(t){return this.reverse()[n](t).reverse()}}),r(["filter","map","takeWhile"],function(n,t){var r=t+1,e=r==Rn||r==En;Ct.prototype[n]=function(n){var t=this.clone();return t.__iteratees__.push({iteratee:mi(n,3),type:r}),t.__filtered__=t.__filtered__||e,t}}),r(["head","last"],function(n,t){
+var r="take"+(t?"Right":"");Ct.prototype[n]=function(){return this[r](1).value()[0]}}),r(["initial","tail"],function(n,t){var r="drop"+(t?"":"Right");Ct.prototype[n]=function(){return this.__filtered__?new Ct(this):this[r](1)}}),Ct.prototype.compact=function(){return this.filter(La)},Ct.prototype.find=function(n){return this.filter(n).head()},Ct.prototype.findLast=function(n){return this.reverse().find(n)},Ct.prototype.invokeMap=uu(function(n,t){return"function"==typeof n?new Ct(this):this.map(function(r){
+return Ie(r,n,t)})}),Ct.prototype.reject=function(n){return this.filter(Uf(mi(n)))},Ct.prototype.slice=function(n,t){n=kc(n);var r=this;return r.__filtered__&&(n>0||t<0)?new Ct(r):(n<0?r=r.takeRight(-n):n&&(r=r.drop(n)),t!==X&&(t=kc(t),r=t<0?r.dropRight(-t):r.take(t-n)),r)},Ct.prototype.takeRightWhile=function(n){return this.reverse().takeWhile(n).reverse()},Ct.prototype.toArray=function(){return this.take(Un)},ue(Ct.prototype,function(n,t){var r=/^(?:filter|find|map|reject)|While$/.test(t),e=/^(?:head|last)$/.test(t),u=Z[e?"take"+("last"==t?"Right":""):t],i=e||/^find/.test(t);
+u&&(Z.prototype[t]=function(){var t=this.__wrapped__,o=e?[1]:arguments,f=t instanceof Ct,c=o[0],l=f||bh(t),s=function(n){var t=u.apply(Z,a([n],o));return e&&h?t[0]:t};l&&r&&"function"==typeof c&&1!=c.length&&(f=l=!1);var h=this.__chain__,p=!!this.__actions__.length,_=i&&!h,v=f&&!p;if(!i&&l){t=v?t:new Ct(this);var g=n.apply(t,o);return g.__actions__.push({func:nf,args:[s],thisArg:X}),new Y(g,h)}return _&&v?n.apply(this,o):(g=this.thru(s),_?e?g.value()[0]:g.value():g)})}),r(["pop","push","shift","sort","splice","unshift"],function(n){
+var t=_l[n],r=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",e=/^(?:pop|shift)$/.test(n);Z.prototype[n]=function(){var n=arguments;if(e&&!this.__chain__){var u=this.value();return t.apply(bh(u)?u:[],n)}return this[r](function(r){return t.apply(bh(r)?r:[],n)})}}),ue(Ct.prototype,function(n,t){var r=Z[t];if(r){var e=r.name+"";bl.call(fs,e)||(fs[e]=[]),fs[e].push({name:t,func:r})}}),fs[Qu(X,vn).name]=[{name:"wrapper",func:X}],Ct.prototype.clone=$t,Ct.prototype.reverse=Yt,Ct.prototype.value=Qt,Z.prototype.at=Qs,
+Z.prototype.chain=tf,Z.prototype.commit=rf,Z.prototype.next=ef,Z.prototype.plant=of,Z.prototype.reverse=ff,Z.prototype.toJSON=Z.prototype.valueOf=Z.prototype.value=cf,Z.prototype.first=Z.prototype.head,Ul&&(Z.prototype[Ul]=uf),Z},be=de();"function"==typeof define&&"object"==typeof define.amd&&define.amd?(re._=be,define(function(){return be})):ue?((ue.exports=be)._=be,ee._=be):re._=be}).call(this);
\ No newline at end of file
diff --git a/app/client/src/WidgetProvider/constants.ts b/app/client/src/WidgetProvider/constants.ts
index ed9843e8c9..662be2205c 100644
--- a/app/client/src/WidgetProvider/constants.ts
+++ b/app/client/src/WidgetProvider/constants.ts
@@ -63,6 +63,7 @@ export interface SizeConfig {
 }
 
 export interface AnvilConfig {
+  isLargeWidget: boolean;
   // min/max sizes for the widget
   widgetSize?: SizeConfig | ((props: any) => SizeConfig);
 }
diff --git a/app/client/src/WidgetProvider/factory/helpers.ts b/app/client/src/WidgetProvider/factory/helpers.ts
index 4fb602c3a8..0f19ca950e 100644
--- a/app/client/src/WidgetProvider/factory/helpers.ts
+++ b/app/client/src/WidgetProvider/factory/helpers.ts
@@ -6,7 +6,6 @@ import type {
 import { ValidationTypes } from "constants/WidgetValidation";
 import { memoize } from "lodash";
 import log from "loglevel";
-import { generateReactKey } from "../../utils/generators";
 import type { WidgetType } from ".";
 import WidgetFactory from ".";
 import type {
@@ -17,6 +16,7 @@ import {
   PropertyPaneConfigTemplates,
   WidgetFeaturePropertyPaneEnhancements,
 } from "../../utils/WidgetFeatures";
+import { generateReactKey } from "utils/generators";
 
 export enum PropertyPaneConfigTypes {
   STYLE = "STYLE",
@@ -112,9 +112,19 @@ export function generatePropertyPaneSearchConfig(
    the resulting config is frozen and re-used during the lifecycle
    of the current browser session. See WidgetFactory
 */
-export const addPropertyConfigIds = (config: PropertyPaneConfig[]) => {
+export const addPropertyConfigIds = (
+  config: PropertyPaneConfig[],
+  useReactKey = true,
+) => {
   return config.map((sectionOrControlConfig: PropertyPaneConfig) => {
-    sectionOrControlConfig.id = generateReactKey();
+    if (useReactKey) {
+      sectionOrControlConfig.id = generateReactKey();
+    } else {
+      sectionOrControlConfig.id =
+        (sectionOrControlConfig as PropertyPaneSectionConfig).sectionName ||
+        (sectionOrControlConfig as PropertyPaneControlConfig).propertyName;
+    }
+
     if (sectionOrControlConfig.children) {
       sectionOrControlConfig.children = addPropertyConfigIds(
         sectionOrControlConfig.children,
diff --git a/app/client/src/WidgetProvider/factory/index.tsx b/app/client/src/WidgetProvider/factory/index.tsx
index f9dafeba68..fa4b7fcda2 100644
--- a/app/client/src/WidgetProvider/factory/index.tsx
+++ b/app/client/src/WidgetProvider/factory/index.tsx
@@ -1,4 +1,7 @@
-import type { PropertyPaneConfig } from "constants/PropertyControlConstants";
+import type {
+  PropertyPaneConfig,
+  PropertyPaneSectionConfig,
+} from "constants/PropertyControlConstants";
 import type { WidgetProps } from "widgets/BaseWidget";
 import type { RenderMode } from "constants/WidgetConstants";
 import * as log from "loglevel";
@@ -30,6 +33,7 @@ import type { RegisteredWidgetFeatures } from "../../utils/WidgetFeatures";
 // import { WIDGETS_COUNT } from "widgets";
 import type { SetterConfig } from "entities/AppTheming";
 import { freeze, memoize } from "./decorators";
+import produce from "immer";
 import { defaultSizeConfig } from "layoutSystems/anvil/utils/widgetUtils";
 
 type WidgetDerivedPropertyType = any;
@@ -64,25 +68,11 @@ class WidgetFactory {
       WidgetFactory.widgetBuilderMap.set(widget.type, builder);
 
       WidgetFactory.configureWidget(widget);
-
-      WidgetFactory.preloadConfig(widget);
     }
 
     log.debug("Widget registration took: ", performance.now() - start, "ms");
   }
 
-  private static preloadConfig(widget: typeof BaseWidget) {
-    if (widget.preloadConfig) {
-      // Call functions so we can store the configs in the memo cache
-      WidgetFactory.getWidgetPropertyPaneCombinedConfig(widget.type);
-      WidgetFactory.getWidgetPropertyPaneConfig(widget.type);
-      WidgetFactory.getWidgetPropertyPaneContentConfig(widget.type);
-      WidgetFactory.getWidgetPropertyPaneStyleConfig(widget.type);
-      WidgetFactory.getWidgetPropertyPaneSearchConfig(widget.type);
-      WidgetFactory.getWidgetAutoLayoutConfig(widget.type);
-    }
-  }
-
   private static configureWidget(widget: typeof BaseWidget) {
     const config = widget.getConfig();
 
@@ -261,18 +251,19 @@ class WidgetFactory {
   @freeze
   static getWidgetPropertyPaneCombinedConfig(
     type: WidgetType,
+    widgetProperties: WidgetProps,
   ): readonly PropertyPaneConfig[] {
-    const contentConfig =
-      WidgetFactory.getWidgetPropertyPaneContentConfig(type);
+    const contentConfig = WidgetFactory.getWidgetPropertyPaneContentConfig(
+      type,
+      widgetProperties,
+    );
     const styleConfig = WidgetFactory.getWidgetPropertyPaneStyleConfig(type);
     return [...contentConfig, ...styleConfig];
   }
 
   @memoize
   @freeze
-  static getWidgetPropertyPaneConfig(
-    type: WidgetType,
-  ): readonly PropertyPaneConfig[] {
+  private static getWidgetPropertyPaneConfigWithMemo(type: WidgetType) {
     const widget = WidgetFactory.widgetsMap.get(type);
 
     const propertyPaneConfig = widget?.getPropertyPaneConfig();
@@ -284,13 +275,28 @@ class WidgetFactory {
         enhancePropertyPaneConfig,
         convertFunctionsToString,
         addPropertyConfigIds,
-        Object.freeze,
       ]);
       const enhancedPropertyPaneConfig = enhance(propertyPaneConfig, features);
 
       return enhancedPropertyPaneConfig;
+    }
+  }
+
+  @memoize
+  static getWidgetPropertyPaneConfig(
+    type: WidgetType,
+    widgetProperties: WidgetProps,
+  ): readonly PropertyPaneConfig[] {
+    const propertyPaneConfig =
+      WidgetFactory.getWidgetPropertyPaneConfigWithMemo(type);
+
+    if (Array.isArray(propertyPaneConfig) && propertyPaneConfig.length > 0) {
+      return propertyPaneConfig;
     } else {
-      const config = WidgetFactory.getWidgetPropertyPaneCombinedConfig(type);
+      const config = WidgetFactory.getWidgetPropertyPaneCombinedConfig(
+        type,
+        widgetProperties,
+      );
 
       if (config === undefined) {
         log.error("Widget property pane config not defined", type);
@@ -302,10 +308,9 @@ class WidgetFactory {
   }
 
   @memoize
-  @freeze
-  static getWidgetPropertyPaneContentConfig(
+  private static getWidgetPropertyPaneContentConfigWithDynamicPropertyGenerator(
     type: WidgetType,
-  ): readonly PropertyPaneConfig[] {
+  ) {
     const widget = WidgetFactory.widgetsMap.get(type);
 
     const propertyPaneContentConfig = widget?.getPropertyPaneContentConfig();
@@ -318,7 +323,6 @@ class WidgetFactory {
         convertFunctionsToString,
         addPropertyConfigIds,
         addSearchConfigToPanelConfig,
-        Object.freeze,
       ]);
 
       const enhancedPropertyPaneContentConfig = enhance(
@@ -334,6 +338,44 @@ class WidgetFactory {
     }
   }
 
+  @memoize
+  @freeze
+  static getWidgetPropertyPaneContentConfig(
+    type: WidgetType,
+    widgetProperties: WidgetProps,
+  ): readonly PropertyPaneConfig[] {
+    const propertyPaneContentConfigWithDynamicPropertyGenerator: PropertyPaneSectionConfig[] =
+      WidgetFactory.getWidgetPropertyPaneContentConfigWithDynamicPropertyGenerator(
+        type,
+      );
+
+    if (
+      propertyPaneContentConfigWithDynamicPropertyGenerator.some(
+        (d) => d.hasDynamicProperties,
+      )
+    ) {
+      return propertyPaneContentConfigWithDynamicPropertyGenerator.map(
+        (section: PropertyPaneSectionConfig) => {
+          if (section.hasDynamicProperties) {
+            const dynamicProperties =
+              section.generateDynamicProperties?.(widgetProperties);
+
+            if (dynamicProperties && dynamicProperties.length) {
+              addPropertyConfigIds(dynamicProperties, false);
+              section = produce(section, (draft) => {
+                draft.children = [...dynamicProperties, ...section.children];
+              });
+            }
+          }
+
+          return section;
+        },
+      );
+    } else {
+      return propertyPaneContentConfigWithDynamicPropertyGenerator;
+    }
+  }
+
   @memoize
   @freeze
   static getWidgetPropertyPaneStyleConfig(
@@ -351,7 +393,6 @@ class WidgetFactory {
         convertFunctionsToString,
         addPropertyConfigIds,
         addSearchConfigToPanelConfig,
-        Object.freeze,
       ]);
 
       const enhancedPropertyPaneConfig = enhance(
@@ -370,9 +411,10 @@ class WidgetFactory {
   @freeze
   static getWidgetPropertyPaneSearchConfig(
     type: WidgetType,
+    widgetProperties: WidgetProps,
   ): readonly PropertyPaneConfig[] {
     const config = generatePropertyPaneSearchConfig(
-      WidgetFactory.getWidgetPropertyPaneContentConfig(type),
+      WidgetFactory.getWidgetPropertyPaneContentConfig(type, widgetProperties),
       WidgetFactory.getWidgetPropertyPaneStyleConfig(type),
     );
 
@@ -432,6 +474,7 @@ class WidgetFactory {
     if (!baseAnvilConfig) {
       log.error(`Anvil config is not defined for widget type: ${type}`);
       return {
+        isLargeWidget: false,
         widgetSize: defaultSizeConfig,
       };
     }
diff --git a/app/client/src/actions/evaluationActions.ts b/app/client/src/actions/evaluationActions.ts
new file mode 100644
index 0000000000..0ae3941c27
--- /dev/null
+++ b/app/client/src/actions/evaluationActions.ts
@@ -0,0 +1,121 @@
+import type { ReduxAction } from "@appsmith/constants/ReduxActionConstants";
+import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import { intersection } from "lodash";
+import type { DependencyMap } from "utils/DynamicBindingUtils";
+import type { QueryActionConfig } from "entities/Action";
+import type { DatasourceConfiguration } from "entities/Datasource";
+import type { DiffWithReferenceState } from "workers/Evaluation/helpers";
+import {
+  EVALUATE_REDUX_ACTIONS,
+  EVAL_AND_LINT_REDUX_ACTIONS,
+  LINT_REDUX_ACTIONS,
+  LOG_REDUX_ACTIONS,
+} from "@appsmith/actions/evaluationActionsList";
+
+export const shouldTriggerEvaluation = (action: ReduxAction<unknown>) => {
+  return (
+    shouldProcessAction(action) && EVALUATE_REDUX_ACTIONS.includes(action.type)
+  );
+};
+export const shouldTriggerLinting = (action: ReduxAction<unknown>) => {
+  return shouldProcessAction(action) && !!LINT_REDUX_ACTIONS[action.type];
+};
+
+export const getAllActionTypes = (action: ReduxAction<unknown>) => {
+  if (
+    action.type === ReduxActionTypes.BATCH_UPDATES_SUCCESS &&
+    Array.isArray(action.payload)
+  ) {
+    const batchedActionTypes = action.payload.map(
+      (batchedAction) => batchedAction.type as string,
+    );
+    return batchedActionTypes;
+  }
+  return [action.type];
+};
+
+export const shouldProcessAction = (action: ReduxAction<unknown>) => {
+  const actionTypes = getAllActionTypes(action);
+
+  return intersection(EVAL_AND_LINT_REDUX_ACTIONS, actionTypes).length > 0;
+};
+
+export function shouldLog(action: ReduxAction<unknown>) {
+  if (
+    action.type === ReduxActionTypes.BATCH_UPDATES_SUCCESS &&
+    Array.isArray(action.payload)
+  ) {
+    const batchedActionTypes = action.payload.map(
+      (batchedAction) => batchedAction.type,
+    );
+    return batchedActionTypes.some(
+      (actionType) => LOG_REDUX_ACTIONS[actionType],
+    );
+  }
+
+  return LOG_REDUX_ACTIONS[action.type];
+}
+
+export const setEvaluatedTree = (
+  updates: DiffWithReferenceState[],
+): ReduxAction<{ updates: DiffWithReferenceState[] }> => {
+  return {
+    type: ReduxActionTypes.SET_EVALUATED_TREE,
+    payload: { updates },
+  };
+};
+
+export const setDependencyMap = (
+  inverseDependencyMap: DependencyMap,
+): ReduxAction<{ inverseDependencyMap: DependencyMap }> => {
+  return {
+    type: ReduxActionTypes.SET_EVALUATION_INVERSE_DEPENDENCY_MAP,
+    payload: { inverseDependencyMap },
+  };
+};
+
+// Called when a form is being setup, for setting up the base condition evaluations for the form
+export const initFormEvaluations = (
+  editorConfig: any,
+  settingConfig: any,
+  formId: string,
+) => {
+  return {
+    type: ReduxActionTypes.INIT_FORM_EVALUATION,
+    payload: { editorConfig, settingConfig, formId },
+  };
+};
+
+// Called when there is change in the data of the form, re evaluates the whole form
+export const startFormEvaluations = (
+  formId: string,
+  formData: QueryActionConfig,
+  datasourceId: string,
+  pluginId: string,
+  actionDiffPath?: string,
+  hasRouteChanged?: boolean,
+  datasourceConfiguration?: DatasourceConfiguration,
+) => {
+  return {
+    type: ReduxActionTypes.RUN_FORM_EVALUATION,
+    payload: {
+      formId,
+      actionConfiguration: formData,
+      datasourceId,
+      pluginId,
+      actionDiffPath,
+      hasRouteChanged,
+      datasourceConfiguration,
+    },
+  };
+};
+
+// These actions require the entire tree to be re-evaluated
+const FORCE_EVAL_ACTIONS = {
+  [ReduxActionTypes.INSTALL_LIBRARY_SUCCESS]: true,
+  [ReduxActionTypes.UNINSTALL_LIBRARY_SUCCESS]: true,
+};
+
+export const shouldForceEval = (action: ReduxAction<unknown>) => {
+  return !!FORCE_EVAL_ACTIONS[action.type];
+};
diff --git a/app/client/src/actions/onboardingActions.ts b/app/client/src/actions/onboardingActions.ts
index ba7a2efbad..4c4793b3df 100644
--- a/app/client/src/actions/onboardingActions.ts
+++ b/app/client/src/actions/onboardingActions.ts
@@ -223,3 +223,18 @@ export const loadGuidedTour = (guidedTourState: GuidedTourState) => {
     payload: guidedTourState,
   };
 };
+
+export const setCurrentApplicationIdForCreateNewApp = (
+  applicationId: string,
+) => {
+  return {
+    type: ReduxActionTypes.SET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP,
+    payload: applicationId,
+  };
+};
+
+export const resetCurrentApplicationIdForCreateNewApp = () => {
+  return {
+    type: ReduxActionTypes.RESET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP,
+  };
+};
diff --git a/app/client/src/actions/pageActions.tsx b/app/client/src/actions/pageActions.tsx
index 92eafb81d9..f083397d75 100644
--- a/app/client/src/actions/pageActions.tsx
+++ b/app/client/src/actions/pageActions.tsx
@@ -551,3 +551,27 @@ export const resetApplicationWidgets = () => ({
 export const fetchPageDSLs = () => ({
   type: ReduxActionTypes.POPULATE_PAGEDSLS_INIT,
 });
+
+export const setupPage = (
+  pageId: string,
+  isFirstLoad = false,
+): ReduxAction<FetchPageRequest> => ({
+  type: ReduxActionTypes.SETUP_PAGE_INIT,
+  payload: {
+    id: pageId,
+    isFirstLoad,
+  },
+});
+
+export const setupPublishedPage = (
+  pageId: string,
+  bustCache = false,
+  firstLoad = false,
+) => ({
+  type: ReduxActionTypes.SETUP_PUBLISHED_PAGE_INIT,
+  payload: {
+    pageId,
+    bustCache,
+    firstLoad,
+  },
+});
diff --git a/app/client/src/actions/templateActions.ts b/app/client/src/actions/templateActions.ts
index e0a21c5b06..b875e26aef 100644
--- a/app/client/src/actions/templateActions.ts
+++ b/app/client/src/actions/templateActions.ts
@@ -92,3 +92,20 @@ export const hideStarterBuildingBlockDatasourcePrompt = () => ({
 export const getTemplateFilters = () => ({
   type: ReduxActionTypes.GET_TEMPLATE_FILTERS_INIT,
 });
+
+export const importTemplateIntoApplicationViaOnboardingFlow = (
+  templateId: string,
+  templateName: string,
+  pageNames: string[],
+  applicationId: string,
+  workspaceId: string,
+) => ({
+  type: ReduxActionTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW,
+  payload: {
+    templateId,
+    templateName,
+    pageNames,
+    applicationId,
+    workspaceId,
+  },
+});
diff --git a/app/client/src/actions/widgetActions.tsx b/app/client/src/actions/widgetActions.tsx
index 07d5e21608..8527bd716a 100644
--- a/app/client/src/actions/widgetActions.tsx
+++ b/app/client/src/actions/widgetActions.tsx
@@ -7,6 +7,7 @@ import type { ExecuteTriggerPayload } from "constants/AppsmithActionConstants/Ac
 import type { BatchAction } from "actions/batchActions";
 import { batchAction } from "actions/batchActions";
 import type { WidgetProps } from "widgets/BaseWidget";
+import type { PartialExportParams } from "sagas/WidgetSelectionSagas";
 
 export const widgetInitialisationSuccess = () => {
   return {
@@ -136,3 +137,10 @@ export const groupWidgets = () => {
     type: ReduxActionTypes.GROUP_WIDGETS_INIT,
   };
 };
+
+export const partialExportWidgets = (params: PartialExportParams) => {
+  return {
+    type: ReduxActionTypes.PARTIAL_EXPORT_INIT,
+    payload: params,
+  };
+};
diff --git a/app/client/src/assets/icons/menu/library.svg b/app/client/src/assets/icons/menu/library.svg
new file mode 100644
index 0000000000..d2c80e2f24
--- /dev/null
+++ b/app/client/src/assets/icons/menu/library.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" d="M10.9997 8.80134L8.66634 10.3567V12.754L12.7977 10L10.9997 8.80134ZM9.79767 8L7.99967 6.80134L6.20167 8L7.99967 9.19867L9.79767 8ZM13.333 7.246L12.2017 8L13.333 8.754V7.24667V7.246ZM12.7977 6L8.66634 3.246V5.64334L10.9997 7.19867L12.7977 6ZM4.99967 7.19867L7.33301 5.64334V3.246L3.20167 6L4.99967 7.19867ZM3.20167 10L7.33301 12.754V10.3567L4.99967 8.80134L3.20167 10ZM2.66634 8.754L3.79767 8L2.66634 7.246V8.754ZM1.33301 6C1.33299 5.89027 1.36006 5.78224 1.41181 5.68548C1.46356 5.58872 1.5384 5.50624 1.62967 5.44534L7.62967 1.44534C7.73923 1.37224 7.86798 1.33324 7.99967 1.33324C8.13137 1.33324 8.26012 1.37224 8.36967 1.44534L14.3697 5.44534C14.461 5.50624 14.5358 5.58872 14.5875 5.68548C14.6393 5.78224 14.6664 5.89027 14.6663 6V10C14.6664 10.1097 14.6393 10.2178 14.5875 10.3145C14.5358 10.4113 14.461 10.4938 14.3697 10.5547L8.36967 14.5547C8.26012 14.6278 8.13137 14.6668 7.99967 14.6668C7.86798 14.6668 7.73923 14.6278 7.62967 14.5547L1.62967 10.5547C1.5384 10.4938 1.46356 10.4113 1.41181 10.3145C1.36006 10.2178 1.33299 10.1097 1.33301 10V6Z" fill="#4C5664"/>
+</g>
+</svg>
diff --git a/app/client/src/assets/icons/menu/query-group.svg b/app/client/src/assets/icons/menu/query-group.svg
new file mode 100644
index 0000000000..b79b743c43
--- /dev/null
+++ b/app/client/src/assets/icons/menu/query-group.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" d="M6.66667 1.83333C7.03467 1.83333 7.33333 2.13199 7.33333 2.49999V5.16666C7.33333 5.53466 7.03467 5.83333 6.66667 5.83333H5.33333V7.16666H8.66667V6.5C8.66667 6.132 8.96533 5.83333 9.33333 5.83333H13.3333C13.7013 5.83333 14 6.132 14 6.5V9.16666C14 9.53466 13.7013 9.83333 13.3333 9.83333H9.33333C8.96533 9.83333 8.66667 9.53466 8.66667 9.16666V8.5H5.33333V12.5H8.66667V11.8333C8.66667 11.4653 8.96533 11.1667 9.33333 11.1667H13.3333C13.7013 11.1667 14 11.4653 14 11.8333V14.5C14 14.868 13.7013 15.1667 13.3333 15.1667H9.33333C8.96533 15.1667 8.66667 14.868 8.66667 14.5V13.8333H4.66667C4.29867 13.8333 4 13.5347 4 13.1667V5.83333H2.66667C2.29867 5.83333 2 5.53466 2 5.16666V2.49999C2 2.13199 2.29867 1.83333 2.66667 1.83333H6.66667ZM12.6667 12.5H10V13.8333H12.6667V12.5ZM12.6667 7.16666H10V8.5H12.6667V7.16666ZM6 3.16666H3.33333V4.49999H6V3.16666Z" fill="#4C5664"/>
+</g>
+</svg>
diff --git a/app/client/src/ce/AppRouter.tsx b/app/client/src/ce/AppRouter.tsx
index 71f68ef18f..7ec3820b34 100644
--- a/app/client/src/ce/AppRouter.tsx
+++ b/app/client/src/ce/AppRouter.tsx
@@ -25,6 +25,7 @@ import {
   VIEWER_PATCH_PATH,
   VIEWER_PATH,
   VIEWER_PATH_DEPRECATED,
+  WIDGET_BUILDER,
   WORKSPACE_URL,
 } from "constants/routes";
 import WorkspaceLoader from "pages/workspace/loader";
@@ -69,6 +70,7 @@ import RouteChangeListener from "RouteChangeListener";
 import { initCurrentPage } from "../actions/initActions";
 import Walkthrough from "components/featureWalkthrough";
 import ProductAlertBanner from "components/editorComponents/ProductAlertBanner";
+import WidgetBuilder from "pages/WidgetBuilder";
 import { getAdminSettingsPath } from "@appsmith/utils/BusinessFeatures/adminSettingsHelpers";
 import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
@@ -81,6 +83,9 @@ export function Routes() {
   const user = useSelector(getCurrentUserSelector);
   const tenantPermissions = useSelector(getTenantPermissions);
   const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+  const isCustomWidgetsEnabled = useFeatureFlag(
+    FEATURE_FLAG.release_custom_widgets_enabled,
+  );
 
   return (
     <Switch>
@@ -98,6 +103,9 @@ export function Routes() {
       <SentryRoute component={SignupSuccess} exact path={SIGNUP_SUCCESS_URL} />
       <SentryRoute component={UserProfile} path={PROFILE} />
       <SentryRoute component={Setup} exact path={SETUP} />
+      {isCustomWidgetsEnabled && (
+        <SentryRoute component={WidgetBuilder} exact path={WIDGET_BUILDER} />
+      )}
       <SentryRoute component={TemplatesListLoader} path={TEMPLATES_PATH} />
       <Redirect
         exact
diff --git a/app/client/src/ce/actions/applicationActions.ts b/app/client/src/ce/actions/applicationActions.ts
index 666e45c326..2c5d0d70c6 100644
--- a/app/client/src/ce/actions/applicationActions.ts
+++ b/app/client/src/ce/actions/applicationActions.ts
@@ -1,11 +1,11 @@
-import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
 import type {
   AppEmbedSetting,
   ApplicationResponsePayload,
-  UpdateApplicationPayload,
-  ImportApplicationRequest,
   FetchApplicationPayload,
+  ImportApplicationRequest,
+  UpdateApplicationPayload,
 } from "@appsmith/api/ApplicationApi";
+import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
 import type { NavigationSetting } from "constants/AppConstants";
 import type { IconNames } from "design-system";
 import type { Datasource } from "entities/Datasource";
@@ -154,6 +154,21 @@ export const importApplication = (appDetails: ImportApplicationRequest) => {
   };
 };
 
+export const importPartialApplication = (appPartialDetails: {
+  applicationFile: File;
+}) => {
+  return {
+    type: ReduxActionTypes.PARTIAL_IMPORT_INIT,
+    payload: appPartialDetails,
+  };
+};
+
+export const importPartialApplicationSuccess = () => {
+  return {
+    type: ReduxActionTypes.PARTIAL_IMPORT_SUCCESS,
+  };
+};
+
 export const importApplicationSuccess = (
   importedApp: ApplicationResponsePayload,
 ) => {
diff --git a/app/client/src/ce/actions/evaluationActions.ts b/app/client/src/ce/actions/evaluationActionsList.ts
similarity index 58%
rename from app/client/src/ce/actions/evaluationActions.ts
rename to app/client/src/ce/actions/evaluationActionsList.ts
index 8bb299de54..8903308f7f 100644
--- a/app/client/src/ce/actions/evaluationActions.ts
+++ b/app/client/src/ce/actions/evaluationActionsList.ts
@@ -3,14 +3,11 @@ import {
   ReduxActionErrorTypes,
   ReduxActionTypes,
 } from "@appsmith/constants/ReduxActionConstants";
-import { intersection, union } from "lodash";
-import type { DependencyMap } from "utils/DynamicBindingUtils";
-import type { QueryActionConfig } from "entities/Action";
-import type { DatasourceConfiguration } from "entities/Datasource";
-import type { DiffWithReferenceState } from "workers/Evaluation/helpers";
+import { union } from "lodash";
 import store from "store";
 import { getAppMode } from "@appsmith/selectors/applicationSelectors";
 import { APP_MODE } from "entities/App";
+import { shouldTriggerLinting } from "actions/evaluationActions";
 
 export const FIRST_EVAL_REDUX_ACTIONS = [
   // Pages
@@ -114,114 +111,6 @@ export const FORM_EVALUATION_REDUX_ACTIONS = [
   ReduxActionTypes.RUN_FORM_EVALUATION,
 ];
 
-export const shouldTriggerEvaluation = (action: ReduxAction<unknown>) => {
-  return (
-    shouldProcessAction(action) && EVALUATE_REDUX_ACTIONS.includes(action.type)
-  );
-};
-export const shouldTriggerLinting = (action: ReduxAction<unknown>) => {
-  return shouldProcessAction(action) && !!LINT_REDUX_ACTIONS[action.type];
-};
-
-export const getAllActionTypes = (action: ReduxAction<unknown>) => {
-  if (
-    action.type === ReduxActionTypes.BATCH_UPDATES_SUCCESS &&
-    Array.isArray(action.payload)
-  ) {
-    const batchedActionTypes = action.payload.map(
-      (batchedAction) => batchedAction.type as string,
-    );
-    return batchedActionTypes;
-  }
-  return [action.type];
-};
-
-export const shouldProcessAction = (action: ReduxAction<unknown>) => {
-  const actionTypes = getAllActionTypes(action);
-
-  return intersection(EVAL_AND_LINT_REDUX_ACTIONS, actionTypes).length > 0;
-};
-
-export function shouldLog(action: ReduxAction<unknown>) {
-  if (
-    action.type === ReduxActionTypes.BATCH_UPDATES_SUCCESS &&
-    Array.isArray(action.payload)
-  ) {
-    const batchedActionTypes = action.payload.map(
-      (batchedAction) => batchedAction.type,
-    );
-    return batchedActionTypes.some(
-      (actionType) => LOG_REDUX_ACTIONS[actionType],
-    );
-  }
-
-  return LOG_REDUX_ACTIONS[action.type];
-}
-
-export const setEvaluatedTree = (
-  updates: DiffWithReferenceState[],
-): ReduxAction<{ updates: DiffWithReferenceState[] }> => {
-  return {
-    type: ReduxActionTypes.SET_EVALUATED_TREE,
-    payload: { updates },
-  };
-};
-
-export const setDependencyMap = (
-  inverseDependencyMap: DependencyMap,
-): ReduxAction<{ inverseDependencyMap: DependencyMap }> => {
-  return {
-    type: ReduxActionTypes.SET_EVALUATION_INVERSE_DEPENDENCY_MAP,
-    payload: { inverseDependencyMap },
-  };
-};
-
-// Called when a form is being setup, for setting up the base condition evaluations for the form
-export const initFormEvaluations = (
-  editorConfig: any,
-  settingConfig: any,
-  formId: string,
-) => {
-  return {
-    type: ReduxActionTypes.INIT_FORM_EVALUATION,
-    payload: { editorConfig, settingConfig, formId },
-  };
-};
-
-// Called when there is change in the data of the form, re evaluates the whole form
-export const startFormEvaluations = (
-  formId: string,
-  formData: QueryActionConfig,
-  datasourceId: string,
-  pluginId: string,
-  actionDiffPath?: string,
-  hasRouteChanged?: boolean,
-  datasourceConfiguration?: DatasourceConfiguration,
-) => {
-  return {
-    type: ReduxActionTypes.RUN_FORM_EVALUATION,
-    payload: {
-      formId,
-      actionConfiguration: formData,
-      datasourceId,
-      pluginId,
-      actionDiffPath,
-      hasRouteChanged,
-      datasourceConfiguration,
-    },
-  };
-};
-
-// These actions require the entire tree to be re-evaluated
-const FORCE_EVAL_ACTIONS = {
-  [ReduxActionTypes.INSTALL_LIBRARY_SUCCESS]: true,
-  [ReduxActionTypes.UNINSTALL_LIBRARY_SUCCESS]: true,
-};
-
-export const shouldForceEval = (action: ReduxAction<unknown>) => {
-  return !!FORCE_EVAL_ACTIONS[action.type];
-};
-
 export const EVAL_AND_LINT_REDUX_ACTIONS = union(
   EVALUATE_REDUX_ACTIONS,
   Object.keys(LINT_REDUX_ACTIONS),
diff --git a/app/client/src/ce/api/ApplicationApi.tsx b/app/client/src/ce/api/ApplicationApi.tsx
index 72e5997945..23aeb001ec 100644
--- a/app/client/src/ce/api/ApplicationApi.tsx
+++ b/app/client/src/ce/api/ApplicationApi.tsx
@@ -238,6 +238,24 @@ export interface DeleteNavigationLogoRequest {
 export interface snapShotApplicationRequest {
   applicationId: string;
 }
+
+export interface exportApplicationRequest {
+  actionList: string[];
+  actionCollectionList: string[];
+  customJsLib: string[];
+  datasourceList: string[];
+  widget: string;
+}
+
+export interface ImportPartialApplicationRequest {
+  workspaceId: string;
+  applicationFile: File;
+  progress?: (progressEvent: ProgressEvent) => void;
+  onSuccessCallback?: () => void;
+  applicationId: string;
+  pageId: string;
+}
+
 export class ApplicationApi extends Api {
   static baseURL = "v1/applications";
   static publishURLPath = (applicationId: string) =>
@@ -431,6 +449,38 @@ export class ApplicationApi extends Api {
   static async deleteApplicationSnapShot(request: snapShotApplicationRequest) {
     return Api.delete(getSnapShotAPIRoute(request.applicationId));
   }
+
+  static async exportPartialApplication(
+    applicationId: string,
+    pageId: string,
+    requestBody: exportApplicationRequest,
+  ) {
+    return Api.post(
+      `${ApplicationApi.baseURL}/export/partial/${applicationId}/${pageId}`,
+      requestBody,
+      null,
+    );
+  }
+
+  static async importPartialApplication(
+    request: ImportPartialApplicationRequest,
+  ): Promise<AxiosPromise<ApiResponse>> {
+    const formData = new FormData();
+    if (request.applicationFile) {
+      formData.append("file", request.applicationFile);
+    }
+    return Api.post(
+      `${ApplicationApi.baseURL}/import/partial/${request.workspaceId}/${request.applicationId}?pageId=${request.pageId}`,
+      formData,
+      null,
+      {
+        headers: {
+          "Content-Type": "multipart/form-data",
+        },
+        onUploadProgress: request.progress,
+      },
+    );
+  }
 }
 
 export default ApplicationApi;
diff --git a/app/client/src/ce/components/editorComponents/CodeEditorSignPosting.tsx b/app/client/src/ce/components/editorComponents/CodeEditorSignPosting.tsx
index 3ca8326c9c..9fe8cb04ac 100644
--- a/app/client/src/ce/components/editorComponents/CodeEditorSignPosting.tsx
+++ b/app/client/src/ce/components/editorComponents/CodeEditorSignPosting.tsx
@@ -10,14 +10,12 @@ export function CodeEditorSignPosting(props: {
   isOpen?: boolean;
   editorTheme?: EditorTheme;
   showLightningMenu?: boolean;
-  isAIEnabled?: boolean;
   mode: TEditorModes;
   forComp?: string;
 }): JSX.Element {
   return (
     <BindingPrompt
       editorTheme={props.editorTheme}
-      isAIEnabled={props.isAIEnabled}
       isOpen={props.isOpen || false}
       promptMessage={props.promptMessage}
       showLightningMenu={props.showLightningMenu}
diff --git a/app/client/src/ce/components/editorComponents/Debugger/entityTypeLinkMap.tsx b/app/client/src/ce/components/editorComponents/Debugger/entityTypeLinkMap.tsx
new file mode 100644
index 0000000000..56df3b7b90
--- /dev/null
+++ b/app/client/src/ce/components/editorComponents/Debugger/entityTypeLinkMap.tsx
@@ -0,0 +1,12 @@
+import ActionLink from "components/editorComponents/Debugger/ActionLink";
+import DatasourceLink from "components/editorComponents/Debugger/DataSourceLink";
+import WidgetLink from "components/editorComponents/Debugger/WidgetLink";
+import JSCollectionLink from "components/editorComponents/Debugger/JSCollectionLink";
+import { ENTITY_TYPE } from "entities/AppsmithConsole";
+
+export const entityTypeLinkMap = {
+  [ENTITY_TYPE.WIDGET]: WidgetLink,
+  [ENTITY_TYPE.ACTION]: ActionLink,
+  [ENTITY_TYPE.DATASOURCE]: DatasourceLink,
+  [ENTITY_TYPE.JSACTION]: JSCollectionLink,
+};
diff --git a/app/client/src/ce/components/editorComponents/EditorFormSignPosting.tsx b/app/client/src/ce/components/editorComponents/EditorFormSignPosting.tsx
deleted file mode 100644
index 82d9cc4a20..0000000000
--- a/app/client/src/ce/components/editorComponents/EditorFormSignPosting.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { TEditorModes } from "components/editorComponents/CodeEditor/EditorConfig";
-
-export interface Props {
-  isAIEnabled: boolean;
-  mode: TEditorModes;
-}
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function EditorFormSignPosting(props: Props) {
-  return null;
-}
diff --git a/app/client/src/ce/constants/ModuleConstants.ts b/app/client/src/ce/constants/ModuleConstants.ts
index 4651e2d654..0e15979a5e 100644
--- a/app/client/src/ce/constants/ModuleConstants.ts
+++ b/app/client/src/ce/constants/ModuleConstants.ts
@@ -1,4 +1,17 @@
+type ID = string;
+
 export interface ModuleInput {
-  name: string;
-  defaultValue: any;
+  id: string;
+  propertyName: string;
+}
+export interface ModuleInputSection {
+  id: string;
+  children?: ModuleInput[];
+}
+
+export interface Module {
+  id: ID;
+  name: string;
+  packageId: ID;
+  inputsForm: ModuleInputSection[];
 }
diff --git a/app/client/src/ce/constants/ReduxActionConstants.tsx b/app/client/src/ce/constants/ReduxActionConstants.tsx
index 23b0cf1012..4038a56392 100644
--- a/app/client/src/ce/constants/ReduxActionConstants.tsx
+++ b/app/client/src/ce/constants/ReduxActionConstants.tsx
@@ -385,6 +385,10 @@ const ActionTypes = {
   INVITED_USER_SIGNUP_INIT: "INVITED_USER_SIGNUP_INIT",
   DISABLE_WIDGET_DRAG: "DISABLE_WIDGET_DRAG",
   SELECT_WIDGET_INIT: "SELECT_WIDGET_INIT",
+  PARTIAL_IMPORT_INIT: "PARTIAL_IMPORT_INIT",
+  PARTIAL_IMPORT_SUCCESS: "PARTIAL_IMPORT_SUCCESS",
+  PARTIAL_EXPORT_INIT: "PARTIAL_EXPORT_INIT",
+  PARTIAL_EXPORT_SUCCESS: "PARTIAL_EXPORT_SUCCESS",
   FOCUS_WIDGET: "FOCUS_WIDGET",
   SET_SELECTED_WIDGETS: "SET_SELECTED_WIDGETS",
   SET_LAST_SELECTED_WIDGET: "SET_LAST_SELECTED_WIDGET",
@@ -886,6 +890,18 @@ const ActionTypes = {
   UPDATE_ACTION_DATA: "UPDATE_ACTION_DATA",
   SET_ACTIVE_EDITOR_FIELD: "SET_ACTIVE_EDITOR_FIELD",
   RESET_ACTIVE_EDITOR_FIELD: "RESET_ACTIVE_EDITOR_FIELD",
+  SET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP:
+    "SET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP",
+  RESET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP:
+    "RESET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP",
+  IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW:
+    "IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW",
+  IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_SUCCESS:
+    "IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_SUCCESS",
+  SETUP_PAGE_INIT: "SETUP_PAGE_INIT",
+  SETUP_PAGE_SUCCESS: "SETUP_PAGE_SUCCESS",
+  SETUP_PUBLISHED_PAGE_INIT: "SETUP_PUBLISHED_PAGE_INIT",
+  SETUP_PUBLISHED_PAGE_SUCCESS: "SETUP_PUBLISHED_PAGE_SUCCESS",
 };
 
 export const ReduxActionTypes = {
@@ -1013,6 +1029,7 @@ export const ReduxActionErrorTypes = {
     "FETCH_USER_APPLICATIONS_WORKSPACES_ERROR",
   FORK_APPLICATION_ERROR: "FORK_APPLICATION_ERROR",
   IMPORT_APPLICATION_ERROR: "IMPORT_APPLICATION_ERROR",
+  PARTIAL_IMPORT_ERROR: "PARTIAL_IMPORT_ERROR",
   FETCH_ALL_USERS_ERROR: "FETCH_ALL_USERS_ERROR",
   FETCH_ALL_ROLES_ERROR: "FETCH_ALL_ROLES_ERROR",
   UPDATE_USER_DETAILS_ERROR: "UPDATE_USER_DETAILS_ERROR",
@@ -1077,6 +1094,11 @@ export const ReduxActionErrorTypes = {
   PUBLISH_APP_AS_COMMUNITY_TEMPLATE_ERROR:
     "PUBLISH_APP_AS_COMMUNITY_TEMPLATE_ERROR",
   DELETE_MULTIPLE_APPLICATION_ERROR: "DELETE_MULTIPLE_APPLICATION_ERROR",
+  IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_ERROR:
+    "IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_ERROR",
+  SETUP_PAGE_ERROR: "SETUP_PAGE_ERROR",
+  SETUP_PUBLISHED_PAGE_ERROR: "SETUP_PUBLISHED_PAGE_ERROR",
+  PARTIAL_EXPORT_ERROR: "PARTIAL_EXPORT_ERROR",
 };
 
 export const ReduxFormActionTypes = {
@@ -1222,6 +1244,7 @@ export interface ApplicationPayload {
   isPublishingAppToCommunityTemplate?: boolean;
   isCommunityTemplate?: boolean;
   publishedAppToCommunityTemplate?: boolean;
+  forkedFromTemplateTitle?: string;
 }
 
 export interface WorkspaceDetails {
diff --git a/app/client/src/ce/constants/messages.ts b/app/client/src/ce/constants/messages.ts
index 865e2c916f..75515f9b35 100644
--- a/app/client/src/ce/constants/messages.ts
+++ b/app/client/src/ce/constants/messages.ts
@@ -372,6 +372,9 @@ export const ACTION_RUN_BUTTON_MESSAGE_FIRST_HALF = () => "🙌 Click on";
 export const ACTION_RUN_BUTTON_MESSAGE_SECOND_HALF = () =>
   "after adding your query";
 export const CREATE_NEW_DATASOURCE = () => "Create new datasource";
+export const CREATE_NEW_DATASOURCE_DATABASE_HEADER = () => "Databases";
+export const CREATE_NEW_DATASOURCE_MOST_POPULAR_HEADER = () => "Most popular";
+export const CREATE_NEW_DATASOURCE_REST_API = () => "REST API";
 
 export const ERROR_EVAL_ERROR_GENERIC = () =>
   `Unexpected error occurred while evaluating the application`;
@@ -508,6 +511,7 @@ export const PAGE_SERVER_UNAVAILABLE_ERROR_MESSAGES = (
 export const POST = () => "Post";
 export const CANCEL = () => "Cancel";
 export const REMOVE = () => "Remove";
+export const CREATE = () => "Create";
 
 // Showcase Carousel
 export const NEXT = () => "NEXT";
@@ -752,7 +756,7 @@ export const EMPTY_ACTIVE_DATA_SOURCES = () => "No active datasources found.";
 export const SCHEMA_NOT_AVAILABLE = () => "Schema not available";
 export const TABLE_NOT_FOUND = () => "Table not found.";
 export const DATASOURCE_STRUCTURE_INPUT_PLACEHOLDER_TEXT = () =>
-  "Search for table or attribute";
+  "Search for table";
 export const SCHEMA_LABEL = () => "Schema";
 export const STRUCTURE_NOT_FETCHED = () =>
   "We could not fetch the schema of the database.";
@@ -1493,7 +1497,7 @@ export const WELCOME_FORM_GENERIC_ERROR_MESSAGE = () =>
   "This field is required.";
 
 export const WELCOME_FORM_PASSWORDS_NOT_MATCHING_ERROR_MESSAGE = () =>
-  "TPasswords don't match.";
+  "Passwords don't match.";
 
 export const QUERY_CONFIRMATION_MODAL_MESSAGE = () =>
   `Are you sure you want to run `;
@@ -1673,6 +1677,8 @@ export const CONTEXT_NO_PAGE = () => "No pages";
 export const CONTEXT_REFRESH = () => "Refresh";
 export const CONTEXT_CLONE = () => "Clone";
 export const CONTEXT_SETTINGS = () => "Settings";
+export const CONTEXT_PARTIAL_EXPORT = () => "Export";
+export const CONTEXT_PARTIAL_IMPORT = () => "Import";
 export const CONTEXT_SET_AS_HOME_PAGE = () => "Set as home page";
 export const PAGE = () => "Page";
 export const PAGES = () => "Pages";
@@ -2205,7 +2211,7 @@ export const EMPTY_TABLE_SVG_ALT_TEXT = () => "Empty table image";
 
 export const DATA_PANE_TITLE = () => "Datasources in your Workspace";
 export const DATASOURCE_LIST_BLANK_TITLE = () =>
-  "No datasources exist in your workplace.";
+  "No datasources exist in your workspace.";
 export const DATASOURCE_BLANK_STATE_MESSAGE = () =>
   "You need a datasource connection to write your first query";
 
@@ -2237,3 +2243,36 @@ export const STARTER_TEMPLATE_PAGE_LAYOUTS = {
   dragAndDrop: () => "Drag and Drop Widgets",
   importLoadingText: () => "Importing template",
 };
+
+// Create New Apps Intermediary step
+export const CREATE_NEW_APPS_STEP_TITLE = () => "How would you like to start?";
+export const CREATE_NEW_APPS_STEP_SUBTITLE = () =>
+  "Choose an option that fits your approach, and let's shape your app together.";
+export const START_FROM_TEMPLATE_TITLE = () => "Start with use-case";
+export const START_FROM_TEMPLATE_SUBTITLE = () =>
+  "Begin with a specific scenario in mind. We'll guide you through tailoring your app.";
+export const START_FROM_SCRATCH_TITLE = () => "Start from scratch";
+export const START_FROM_SCRATCH_SUBTITLE = () =>
+  "Create an app from the ground up. Design every detail of your app on a blank canvas.";
+export const START_WITH_DATA_TITLE = () => "Start with data";
+export const START_WITH_DATA_SUBTITLE = () =>
+  "Get started with connecting your data, and easily craft a functional application.";
+
+export const PARTIAL_IMPORT_EXPORT = {
+  export: {
+    modalHeading: () => "Export",
+    modalSubHeading: () => "Select entities below to export from the Page",
+    cta: () => "Export selected entities",
+    sections: {
+      jsObjects: () => "JS Objects",
+      databases: () => "Databases",
+      queries: () => "Queries",
+      customLibs: () => "Custom libraries",
+      widgets: () => "Widgets",
+    },
+  },
+  import: {
+    modalHeading: () => "Import",
+    modalSubheading: () => "Import partial application from file",
+  },
+};
diff --git a/app/client/src/ce/entities/DataTree/isDynamicEntity.ts b/app/client/src/ce/entities/DataTree/isDynamicEntity.ts
new file mode 100644
index 0000000000..9d667e1ace
--- /dev/null
+++ b/app/client/src/ce/entities/DataTree/isDynamicEntity.ts
@@ -0,0 +1,25 @@
+import type {
+  ActionEntity,
+  DataTreeEntityConfig,
+  JSActionEntity,
+  WidgetEntity,
+} from "@appsmith/entities/DataTree/types";
+import {
+  type ENTITY_TYPE,
+  ENTITY_TYPE_VALUE,
+} from "entities/DataTree/dataTreeFactory";
+import type { DataTreeEntity } from "entities/DataTree/dataTreeTypes";
+
+export type DynamicEntityType = JSActionEntity | WidgetEntity | ActionEntity;
+
+export function isDynamicEntity(
+  entity: DataTreeEntity | DataTreeEntityConfig,
+): entity is DynamicEntityType {
+  return (
+    [
+      ENTITY_TYPE_VALUE.JSACTION,
+      ENTITY_TYPE_VALUE.WIDGET,
+      ENTITY_TYPE_VALUE.ACTION,
+    ] as Array<ENTITY_TYPE>
+  ).includes(entity.ENTITY_TYPE);
+}
diff --git a/app/client/src/ce/entities/DataTree/types.ts b/app/client/src/ce/entities/DataTree/types.ts
index c49f169233..f04eb48527 100644
--- a/app/client/src/ce/entities/DataTree/types.ts
+++ b/app/client/src/ce/entities/DataTree/types.ts
@@ -17,7 +17,7 @@ import type { JSCollectionDataState } from "reducers/entityReducers/jsActionsRed
 import type { AppTheme } from "entities/AppTheming";
 import type { LoadingEntitiesState } from "reducers/evaluationReducers/loadingEntitiesReducer";
 import type { LayoutSystemTypes } from "layoutSystems/types";
-import type { ModuleInput } from "@appsmith/constants/ModuleConstants";
+import type { Module } from "@appsmith/constants/ModuleConstants";
 
 export type ActionDispatcher = (...args: any[]) => ActionDescription;
 
@@ -163,6 +163,7 @@ export interface WidgetEntityConfig
   extends Partial<WidgetProps>,
     Omit<WidgetConfigProps, "widgetName" | "rows" | "columns">,
     WidgetConfig {
+  widgetId: string;
   defaultMetaProps: Array<string>;
   type: string;
   __setters?: Record<string, any>;
@@ -186,7 +187,7 @@ export interface DataTreeSeed {
   theme: AppTheme["properties"];
   metaWidgets: MetaWidgetsReduxState;
   isMobile: boolean;
-  moduleInputs: Record<string, ModuleInput>;
+  moduleInputs: Module["inputsForm"];
   layoutSystemType: LayoutSystemTypes;
   loadingEntities: LoadingEntitiesState;
 }
diff --git a/app/client/src/ce/entities/DataTree/utils.ts b/app/client/src/ce/entities/DataTree/utils.ts
index bf15324ce4..93fcacf098 100644
--- a/app/client/src/ce/entities/DataTree/utils.ts
+++ b/app/client/src/ce/entities/DataTree/utils.ts
@@ -12,7 +12,7 @@ import {
   isJSAction,
   isWidget,
 } from "@appsmith/workers/Evaluation/evaluationUtils";
-import type { ModuleInput } from "@appsmith/constants/ModuleConstants";
+import type { Module } from "@appsmith/constants/ModuleConstants";
 interface SetOverridingPropertyParams {
   key: string;
   value: string;
@@ -67,7 +67,7 @@ export const setOverridingProperty = ({
 
 export const generateDataTreeModuleInputs = (
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  moduleInputs: Record<string, ModuleInput>,
+  moduleInputs: Module["inputsForm"],
 ) => {
   return {
     unEvalEntity: null,
diff --git a/app/client/src/ce/entities/Engine/actionHelpers.ts b/app/client/src/ce/entities/Engine/actionHelpers.ts
new file mode 100644
index 0000000000..b840f82ed9
--- /dev/null
+++ b/app/client/src/ce/entities/Engine/actionHelpers.ts
@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import {
+  ReduxActionErrorTypes,
+  ReduxActionTypes,
+} from "@appsmith/constants/ReduxActionConstants";
+import type { DependentFeatureFlags } from "@appsmith/selectors/engineSelectors";
+import { fetchDatasources } from "actions/datasourceActions";
+import { fetchPageDSLs } from "actions/pageActions";
+import { fetchPlugins } from "actions/pluginActions";
+
+export const getPageDependencyActions = (
+  currentWorkspaceId: string = "",
+  featureFlags: DependentFeatureFlags = {},
+) => {
+  const initActions = [fetchPlugins(), fetchDatasources(), fetchPageDSLs()];
+
+  const successActions = [
+    ReduxActionTypes.FETCH_PLUGINS_SUCCESS,
+    ReduxActionTypes.FETCH_DATASOURCES_SUCCESS,
+    ReduxActionTypes.FETCH_PAGE_DSLS_SUCCESS,
+  ];
+
+  const errorActions = [
+    ReduxActionErrorTypes.FETCH_PLUGINS_ERROR,
+    ReduxActionErrorTypes.FETCH_DATASOURCES_ERROR,
+    ReduxActionErrorTypes.POPULATE_PAGEDSLS_ERROR,
+  ];
+
+  return {
+    initActions,
+    successActions,
+    errorActions,
+  };
+};
diff --git a/app/client/src/ce/entities/FeatureFlag.ts b/app/client/src/ce/entities/FeatureFlag.ts
index 4660a6118a..7b9f050c84 100644
--- a/app/client/src/ce/entities/FeatureFlag.ts
+++ b/app/client/src/ce/entities/FeatureFlag.ts
@@ -31,6 +31,15 @@ export const FEATURE_FLAG = {
   license_git_branch_protection_enabled:
     "license_git_branch_protection_enabled",
   license_widget_rtl_support_enabled: "license_widget_rtl_support_enabled",
+  release_custom_widgets_enabled: "release_custom_widgets_enabled",
+  ab_onboarding_flow_start_with_data_dev_only_enabled:
+    "ab_onboarding_flow_start_with_data_dev_only_enabled",
+  ab_create_new_apps_enabled: "ab_create_new_apps_enabled",
+  release_show_new_sidebar_announcement_enabled:
+    "release_show_new_sidebar_announcement_enabled",
+  rollout_app_sidebar_enabled: "rollout_app_sidebar_enabled",
+  release_show_partial_import_export_enabled:
+    "release_show_partial_import_export_enabled",
 } as const;
 
 export type FeatureFlag = keyof typeof FEATURE_FLAG;
@@ -61,6 +70,12 @@ export const DEFAULT_FEATURE_FLAG_VALUE: FeatureFlags = {
   release_app_sidebar_enabled: false,
   license_git_branch_protection_enabled: false,
   license_widget_rtl_support_enabled: false,
+  release_custom_widgets_enabled: false,
+  ab_onboarding_flow_start_with_data_dev_only_enabled: false,
+  ab_create_new_apps_enabled: false,
+  release_show_new_sidebar_announcement_enabled: false,
+  rollout_app_sidebar_enabled: false,
+  release_show_partial_import_export_enabled: false,
 };
 
 export const AB_TESTING_EVENT_KEYS = {
diff --git a/app/client/src/ce/pages/Applications/CreateNewAppsOption.tsx b/app/client/src/ce/pages/Applications/CreateNewAppsOption.tsx
new file mode 100644
index 0000000000..3921123851
--- /dev/null
+++ b/app/client/src/ce/pages/Applications/CreateNewAppsOption.tsx
@@ -0,0 +1,396 @@
+import {
+  getTemplateFilters,
+  importTemplateIntoApplicationViaOnboardingFlow,
+} from "actions/templateActions";
+import type { Template } from "api/TemplatesApi";
+import type { AppState } from "@appsmith/reducers";
+import { TemplatesContent } from "pages/Templates";
+import React, { useEffect, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import {
+  allTemplatesFiltersSelector,
+  getForkableWorkspaces,
+  getTemplatesSelector,
+  isImportingTemplateToAppSelector,
+} from "selectors/templatesSelectors";
+import styled from "styled-components";
+import { getAllTemplates } from "actions/templateActions";
+import { Link, Text } from "design-system";
+import {
+  CREATE_NEW_APPS_STEP_SUBTITLE,
+  CREATE_NEW_APPS_STEP_TITLE,
+  GO_BACK,
+  START_FROM_SCRATCH_SUBTITLE,
+  START_FROM_SCRATCH_TITLE,
+  START_FROM_TEMPLATE_SUBTITLE,
+  START_FROM_TEMPLATE_TITLE,
+  START_WITH_DATA_TITLE,
+  START_WITH_DATA_SUBTITLE,
+  createMessage,
+} from "@appsmith/constants/messages";
+import Filters from "pages/Templates/Filters";
+import { isEmpty } from "lodash";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { TemplateView } from "pages/Templates/TemplateView";
+import {
+  firstTimeUserOnboardingInit,
+  resetCurrentApplicationIdForCreateNewApp,
+} from "actions/onboardingActions";
+import { getApplicationByIdFromWorkspaces } from "@appsmith/selectors/applicationSelectors";
+import urlBuilder from "@appsmith/entities/URLRedirect/URLAssembly";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import { ASSETS_CDN_URL } from "constants/ThirdPartyConstants";
+import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
+import { fetchPlugins } from "actions/pluginActions";
+
+const SectionWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding: 0 var(--ads-v2-spaces-7) var(--ads-v2-spaces-7);
+  ${(props) => `
+    height: calc(100vh - ${props.theme.homePage.header}px);
+    margin-top: ${props.theme.homePage.header}px;
+  `}
+`;
+
+const BackWrapper = styled.div<{ hidden?: boolean }>`
+  position: sticky;
+  ${(props) => `
+    top: ${props.theme.homePage.header}px;
+    `}
+  background: var(--ads-v2-color-bg);
+  padding: var(--ads-v2-spaces-3);
+  z-index: 1;
+  margin-left: -4px;
+  ${(props) => `${props.hidden && "visibility: hidden; opacity: 0;"}`}
+`;
+
+const FiltersWrapper = styled.div`
+  width: ${(props) => props.theme.homePage.sidebar}px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--ads-v2-color-border);
+  flex-shrink: 0;
+  .filter-wrapper {
+    height: 100%;
+  }
+`;
+
+const TemplateWrapper = styled.div`
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+`;
+
+const TemplateContentWrapper = styled.div`
+  flex-grow: 1;
+  overflow: auto;
+`;
+
+const OptionWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  flex-grow: 1;
+  padding: var(--ads-v2-spaces-7) 0;
+`;
+
+const CardsWrapper = styled.div`
+  display: flex;
+  gap: 16px;
+  margin-top: 48px;
+  flex-wrap: wrap;
+  justify-content: center;
+`;
+
+const CardContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding: 48px;
+  border: 1px solid var(--ads-v2-color-border);
+  width: 324px;
+  align-items: center;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 4px;
+  img {
+    height: 160px;
+    margin-bottom: 48px;
+  }
+  position: relative;
+`;
+
+interface CardProps {
+  onClick?: () => void;
+  src: string;
+  subTitle: string;
+  testid: string;
+  title: string;
+}
+
+const Card = ({ onClick, src, subTitle, testid, title }: CardProps) => {
+  return (
+    <CardContainer data-testid={testid} onClick={onClick}>
+      <img alt={title} src={src} />
+      <Text kind="heading-s">{title}</Text>
+      <Text>{subTitle}</Text>
+    </CardContainer>
+  );
+};
+
+const CreateNewAppsOption = ({
+  currentApplicationIdForCreateNewApp,
+  onClickBack,
+}: {
+  currentApplicationIdForCreateNewApp: string;
+  onClickBack: () => void;
+}) => {
+  const [useTemplate, setUseTemplate] = useState(false);
+  const [selectedTemplate, setSelectedTemplate] = useState("");
+  const templatesCount = useSelector(
+    (state: AppState) => state.ui.templates.templates.length,
+  );
+  const filters = useSelector(allTemplatesFiltersSelector);
+  const workspaceList = useSelector(getForkableWorkspaces);
+  const isImportingTemplate = useSelector(isImportingTemplateToAppSelector);
+  const allTemplates = useSelector(getTemplatesSelector);
+  const application = useSelector((state) =>
+    getApplicationByIdFromWorkspaces(
+      state,
+      currentApplicationIdForCreateNewApp,
+    ),
+  );
+  const isEnabledForStartWithData = useFeatureFlag(
+    FEATURE_FLAG.ab_onboarding_flow_start_with_data_dev_only_enabled,
+  );
+
+  const dispatch = useDispatch();
+  const onClickStartFromTemplate = () => {
+    AnalyticsUtil.logEvent("CREATE_APP_FROM_TEMPLATE");
+
+    if (isEmpty(filters.functions)) {
+      dispatch(getTemplateFilters());
+    }
+
+    if (!templatesCount) {
+      dispatch(getAllTemplates());
+    }
+    setUseTemplate(true);
+  };
+
+  const onClickStartFromScratch = () => {
+    if (application) {
+      AnalyticsUtil.logEvent("CREATE_APP_FROM_SCRATCH");
+      dispatch(
+        firstTimeUserOnboardingInit(
+          application.id,
+          application.defaultPageId as string,
+        ),
+      );
+    }
+  };
+
+  const onClickStartWithData = () => {
+    // fetch plugins information to show list of all plugins
+    if (isEnabledForStartWithData) {
+      dispatch(fetchPlugins());
+    }
+  };
+
+  const goBackFromTemplate = () => {
+    setUseTemplate(false);
+  };
+
+  const getTemplateById = (id: string) => {
+    const template = allTemplates.find((template) => template.id === id);
+    return template;
+  };
+
+  const onTemplateClick = (id: string) => {
+    const template = getTemplateById(id);
+    if (template) {
+      AnalyticsUtil.logEvent("CLICK_ON_TEMPLATE_CARD_WHEN_ONBOARDING", {
+        id,
+        title: template.title,
+      });
+      // When template is clicked to view the template details
+      if (!isImportingTemplate) setSelectedTemplate(id);
+    }
+  };
+
+  const resetCreateNewAppFlow = () => {
+    dispatch(resetCurrentApplicationIdForCreateNewApp());
+  };
+
+  const onClickUseTemplate = (id: string) => {
+    const template = getTemplateById(id);
+    if (template) {
+      AnalyticsUtil.logEvent("USE_TEMPLATE_FROM_DETAILS_PAGE_WHEN_ONBOARDING", {
+        title: template.title,
+      });
+      // When Use template is clicked on template view detail screen
+      if (!isImportingTemplate && application) {
+        dispatch(
+          importTemplateIntoApplicationViaOnboardingFlow(
+            id,
+            template.title as string,
+            template.pages.map((p) => p.name),
+            application.id,
+            application.workspaceId,
+          ),
+        );
+      }
+    }
+  };
+
+  const onForkTemplateClick = (template: Template) => {
+    const title = template.title;
+    AnalyticsUtil.logEvent("FORK_TEMPLATE_WHEN_ONBOARDING", { title });
+    // When fork template is clicked to add a new app using the template
+    if (!isImportingTemplate && application) {
+      dispatch(
+        importTemplateIntoApplicationViaOnboardingFlow(
+          template.id,
+          template.title,
+          template.pages.map((p) => p.name),
+          application.id,
+          application.workspaceId,
+        ),
+      );
+    }
+  };
+
+  const onClickBackButton = () => {
+    if (isImportingTemplate) return;
+    if (useTemplate) {
+      if (selectedTemplate) {
+        // Going back from template details view screen
+        const template = getTemplateById(selectedTemplate);
+        if (template) {
+          AnalyticsUtil.logEvent(
+            "ONBOARDING_FLOW_CLICK_BACK_BUTTON_TEMPLATE_DETAILS_PAGE",
+            { title: template.title },
+          );
+        }
+        setSelectedTemplate("");
+      } else {
+        // Going back from start from template screen
+        AnalyticsUtil.logEvent(
+          "ONBOARDING_FLOW_CLICK_BACK_BUTTON_START_FROM_TEMPLATE_PAGE",
+        );
+        goBackFromTemplate();
+      }
+    } else {
+      // Going back from create new app flow
+      AnalyticsUtil.logEvent(
+        "ONBOARDING_FLOW_CLICK_BACK_BUTTON_CREATE_NEW_APP_PAGE",
+      );
+      onClickBack();
+    }
+  };
+
+  const selectionOptions: CardProps[] = [
+    {
+      onClick: onClickStartFromScratch,
+      src: getAssetUrl(`${ASSETS_CDN_URL}/Start-from-scratch.png`),
+      subTitle: createMessage(START_FROM_SCRATCH_SUBTITLE),
+      testid: "t--start-from-scratch",
+      title: createMessage(START_FROM_SCRATCH_TITLE),
+    },
+    {
+      onClick: onClickStartFromTemplate,
+      src: getAssetUrl(`${ASSETS_CDN_URL}/Start-from-usecase.png`),
+      subTitle: createMessage(START_FROM_TEMPLATE_SUBTITLE),
+      testid: "t--start-from-template",
+      title: createMessage(START_FROM_TEMPLATE_TITLE),
+    },
+  ];
+
+  if (isEnabledForStartWithData) {
+    selectionOptions.unshift({
+      onClick: onClickStartWithData,
+      src: getAssetUrl(`${ASSETS_CDN_URL}/Start-from-data.png`),
+      subTitle: createMessage(START_WITH_DATA_SUBTITLE),
+      testid: "t--start-from-data",
+      title: createMessage(START_WITH_DATA_TITLE),
+    });
+  }
+
+  useEffect(() => {
+    AnalyticsUtil.logEvent("ONBOARDING_CREATE_APP_FLOW", {
+      totalOptions: selectionOptions.length,
+    });
+    if (application)
+      urlBuilder.updateURLParams(
+        {
+          applicationSlug: application.slug,
+          applicationVersion: application.applicationVersion,
+          applicationId: application.id,
+        },
+        application.pages.map((page) => ({
+          pageSlug: page.slug,
+          customSlug: page.customSlug,
+          pageId: page.id,
+        })),
+      );
+
+    return () => {
+      resetCreateNewAppFlow();
+    };
+  }, []);
+
+  return (
+    <SectionWrapper>
+      <BackWrapper hidden={!useTemplate}>
+        <Link
+          className="t--create-new-app-option-goback"
+          data-testid="t--create-new-app-option-goback"
+          onClick={onClickBackButton}
+          startIcon="arrow-left-line"
+        >
+          {createMessage(GO_BACK)}
+        </Link>
+      </BackWrapper>
+      {useTemplate ? (
+        selectedTemplate ? (
+          <TemplateView
+            onClickUseTemplate={onClickUseTemplate}
+            showBack={false}
+            showSimilarTemplate={false}
+            templateId={selectedTemplate}
+          />
+        ) : (
+          <TemplateWrapper>
+            <FiltersWrapper>
+              <Filters />
+            </FiltersWrapper>
+            <TemplateContentWrapper>
+              <TemplatesContent
+                isForkingEnabled={!!workspaceList.length}
+                onForkTemplateClick={onForkTemplateClick}
+                onTemplateClick={onTemplateClick}
+              />
+            </TemplateContentWrapper>
+          </TemplateWrapper>
+        )
+      ) : (
+        <OptionWrapper>
+          <Text kind="heading-xl">
+            {createMessage(CREATE_NEW_APPS_STEP_TITLE)}
+          </Text>
+          <Text>{createMessage(CREATE_NEW_APPS_STEP_SUBTITLE)}</Text>
+          <CardsWrapper>
+            {selectionOptions.map((option: CardProps) => (
+              <Card key={option.testid} {...option} />
+            ))}
+          </CardsWrapper>
+        </OptionWrapper>
+      )}
+    </SectionWrapper>
+  );
+};
+
+export default CreateNewAppsOption;
diff --git a/app/client/src/ce/pages/Applications/index.tsx b/app/client/src/ce/pages/Applications/index.tsx
index 576cea2e22..d42e3b9f2f 100644
--- a/app/client/src/ce/pages/Applications/index.tsx
+++ b/app/client/src/ce/pages/Applications/index.tsx
@@ -20,6 +20,7 @@ import {
   getApplicationList,
   getApplicationSearchKeyword,
   getCreateApplicationError,
+  getCurrentApplicationIdForCreateNewApp,
   getDeletingMultipleApps,
   getIsCreatingApplication,
   getIsDeletingApplication,
@@ -104,6 +105,8 @@ import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
 import { getHasCreateWorkspacePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 import { allowManageEnvironmentAccessForUser } from "@appsmith/selectors/environmentSelectors";
+import CreateNewAppsOption from "@appsmith/pages/Applications/CreateNewAppsOption";
+import { resetCurrentApplicationIdForCreateNewApp } from "actions/onboardingActions";
 
 export const { cloudHosting } = getAppsmithConfigs();
 
@@ -800,6 +803,8 @@ export interface ApplicationProps {
   resetEditor: () => void;
   queryModuleFeatureFlagEnabled: boolean;
   resetCurrentWorkspace: () => void;
+  currentApplicationIdForCreateNewApp?: string;
+  resetCurrentApplicationIdForCreateNewApp: () => void;
 }
 
 export interface ApplicationState {
@@ -837,7 +842,14 @@ export class Applications<
   }
 
   public render() {
-    return (
+    return this.props.currentApplicationIdForCreateNewApp ? (
+      <CreateNewAppsOption
+        currentApplicationIdForCreateNewApp={
+          this.props.currentApplicationIdForCreateNewApp
+        }
+        onClickBack={this.props.resetCurrentApplicationIdForCreateNewApp}
+      />
+    ) : (
       <PageWrapper displayName="Applications">
         <LeftPane />
         <MediaQuery maxWidth={MOBILE_MAX_WIDTH}>
@@ -869,6 +881,8 @@ export const mapStateToProps = (state: AppState) => ({
   userWorkspaces: getUserApplicationsWorkspacesList(state),
   currentUser: getCurrentUser(state),
   searchKeyword: getApplicationSearchKeyword(state),
+  currentApplicationIdForCreateNewApp:
+    getCurrentApplicationIdForCreateNewApp(state),
 });
 
 export const mapDispatchToProps = (dispatch: any) => ({
@@ -893,6 +907,8 @@ export const mapDispatchToProps = (dispatch: any) => ({
     dispatch(setHeaderMeta(hideHeaderShadow, showHeaderSeparator));
   },
   resetCurrentWorkspace: () => dispatch(resetCurrentWorkspace()),
+  resetCurrentApplicationIdForCreateNewApp: () =>
+    dispatch(resetCurrentApplicationIdForCreateNewApp()),
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(Applications);
diff --git a/app/client/src/ce/pages/Editor/Explorer/ModuleInstanceEntity.tsx b/app/client/src/ce/pages/Editor/Explorer/ModuleInstanceEntity.tsx
new file mode 100644
index 0000000000..c14998526c
--- /dev/null
+++ b/app/client/src/ce/pages/Editor/Explorer/ModuleInstanceEntity.tsx
@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+export const ExplorerModuleInstanceEntity = (props: any) => {
+  return null;
+};
diff --git a/app/client/src/ce/pages/Editor/routes.tsx b/app/client/src/ce/pages/Editor/routes.tsx
index 08522389d4..d2176c98f8 100644
--- a/app/client/src/ce/pages/Editor/routes.tsx
+++ b/app/client/src/ce/pages/Editor/routes.tsx
@@ -26,18 +26,15 @@ import { SaaSEditorRoutes } from "pages/Editor/SaaSEditor/routes";
 import OnboardingChecklist from "pages/Editor/FirstTimeUserOnboarding/Checklist";
 import { DatasourceEditorRoutes } from "pages/routes";
 import CurlImportEditor from "pages/Editor/APIEditor/CurlImportEditor";
-import { useFeatureFlag } from "../../../utils/hooks/useFeatureFlag";
-import { FEATURE_FLAG } from "../../entities/FeatureFlag";
 import CreateNewDatasourceTab from "../../../pages/Editor/IntegrationEditor/CreateNewDatasourceTab";
+import { useIsAppSidebarEnabled } from "../../../navigation/featureFlagHooks";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 
 function EditorRoutes() {
   const { path } = useRouteMatch();
   const { pathname } = useLocation();
-  const isAppSidebarEnabled = useFeatureFlag(
-    FEATURE_FLAG.release_app_sidebar_enabled,
-  );
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   useEffect(() => {
     return () => {
diff --git a/app/client/src/ce/plugins/Linting/utils/getEntityDependencies.ts b/app/client/src/ce/plugins/Linting/utils/getEntityDependencies.ts
index c100a1014b..87838b0fc0 100644
--- a/app/client/src/ce/plugins/Linting/utils/getEntityDependencies.ts
+++ b/app/client/src/ce/plugins/Linting/utils/getEntityDependencies.ts
@@ -19,20 +19,38 @@ import type { JSEntity } from "plugins/Linting/lib/entity/JSActionEntity";
 import type { WidgetEntity } from "plugins/Linting/lib/entity/WidgetEntity";
 import type { IEntity } from "@appsmith/plugins/Linting/lib/entity/types";
 
+export const getDependencies: Record<
+  string,
+  (entity: IEntity) => TDependencyMap
+> = {
+  [ENTITY_TYPE_VALUE.ACTION]: (entity) =>
+    getActionDependencies(entity as ActionEntity),
+  [ENTITY_TYPE_VALUE.JSACTION]: (entity) =>
+    getJSDependencies(entity as JSEntity),
+  [ENTITY_TYPE_VALUE.WIDGET]: (entity) =>
+    getWidgetDependencies(entity as WidgetEntity),
+};
+
+export const getPathDependencies: Record<
+  string,
+  (entity: IEntity, fullPropertyPath: string) => TDependencyMap
+> = {
+  [ENTITY_TYPE_VALUE.ACTION]: (entity, fullPropertyPath) =>
+    getActionPropertyPathDependencies(entity as ActionEntity, fullPropertyPath),
+  [ENTITY_TYPE_VALUE.JSACTION]: (entity, fullPropertyPath) =>
+    getJSPropertyPathDependencies(entity as JSEntity, fullPropertyPath),
+  [ENTITY_TYPE_VALUE.WIDGET]: (entity, fullPropertyPath) =>
+    getWidgetPropertyPathDependencies(entity as WidgetEntity, fullPropertyPath),
+};
+
 export function getEntityDependencies(
   entity: IEntity,
 ): TDependencyMap | undefined {
-  switch (entity.getType()) {
-    case ENTITY_TYPE_VALUE.ACTION:
-      return getActionDependencies(entity as ActionEntity);
-    case ENTITY_TYPE_VALUE.JSACTION:
-      return getJSDependencies(entity as JSEntity);
-    case ENTITY_TYPE_VALUE.WIDGET:
-      return getWidgetDependencies(entity as WidgetEntity);
-    default:
-      return undefined;
-  }
+  const entityType = entity.getType();
+  const getDependenciesMethod = getDependencies[entityType];
+  return getDependenciesMethod && getDependenciesMethod(entity);
 }
+
 function getWidgetDependencies(widgetEntity: WidgetEntity): TDependencyMap {
   let dependencies: TDependencyMap = {};
   const widgetConfig = widgetEntity.getConfig();
@@ -141,27 +159,13 @@ export function getEntityPathDependencies(
   entity: IEntity,
   fullPropertyPath: string,
 ) {
-  switch (entity.getType()) {
-    case ENTITY_TYPE_VALUE.ACTION:
-      return getActionPropertyPathDependencies(
-        entity as ActionEntity,
-        fullPropertyPath,
-      );
-    case ENTITY_TYPE_VALUE.JSACTION:
-      return getJSPropertyPathDependencies(
-        entity as JSEntity,
-        fullPropertyPath,
-      );
-    case ENTITY_TYPE_VALUE.WIDGET:
-      return getWidgetPropertyPathDependencies(
-        entity as WidgetEntity,
-        fullPropertyPath,
-      );
-    default:
-      return undefined;
-  }
+  const entityType = entity.getType();
+  const getPathDependenciesMethod = getPathDependencies[entityType];
+  return (
+    getPathDependenciesMethod &&
+    getPathDependenciesMethod(entity, fullPropertyPath)
+  );
 }
-
 function getWidgetPropertyPathDependencies(
   widgetEntity: WidgetEntity,
   fullPropertyPath: string,
diff --git a/app/client/src/ce/reducers/uiReducers/applicationsReducer.tsx b/app/client/src/ce/reducers/uiReducers/applicationsReducer.tsx
index 88978b7a38..085fd573b0 100644
--- a/app/client/src/ce/reducers/uiReducers/applicationsReducer.tsx
+++ b/app/client/src/ce/reducers/uiReducers/applicationsReducer.tsx
@@ -56,6 +56,12 @@ export const initialState: ApplicationsReduxState = {
     isFetchingAllRoles: false,
     isFetchingAllUsers: false,
   },
+  partialImportExport: {
+    isExporting: false,
+    isExportDone: false,
+    isImporting: false,
+    isImportDone: false,
+  },
 };
 
 export const handlers = {
@@ -422,6 +428,34 @@ export const handlers = {
       importingApplication: false,
     };
   },
+  [ReduxActionTypes.PARTIAL_IMPORT_INIT]: (state: ApplicationsReduxState) => ({
+    ...state,
+    partialImportExport: {
+      ...state.partialImportExport,
+      isImporting: true,
+      isImportDone: false,
+    },
+  }),
+  [ReduxActionTypes.PARTIAL_IMPORT_SUCCESS]: (
+    state: ApplicationsReduxState,
+  ) => ({
+    ...state,
+    partialImportExport: {
+      ...state.partialImportExport,
+      isImporting: false,
+      isImportDone: true,
+    },
+  }),
+  [ReduxActionErrorTypes.PARTIAL_IMPORT_ERROR]: (
+    state: ApplicationsReduxState,
+  ) => ({
+    ...state,
+    partialImportExport: {
+      ...state.partialImportExport,
+      isImporting: false,
+      isImportDone: true,
+    },
+  }),
   [ReduxActionTypes.SAVING_WORKSPACE_INFO]: (state: ApplicationsReduxState) => {
     return {
       ...state,
@@ -816,6 +850,51 @@ export const handlers = {
       },
     };
   },
+  [ReduxActionTypes.SET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP]: (
+    state: ApplicationsReduxState,
+    action: ReduxAction<string>,
+  ) => {
+    return {
+      ...state,
+      currentApplicationIdForCreateNewApp: action.payload,
+    };
+  },
+  [ReduxActionTypes.RESET_CURRENT_APPLICATION_ID_FOR_CREATE_NEW_APP]: (
+    state: ApplicationsReduxState,
+  ) => {
+    return {
+      ...state,
+      currentApplicationIdForCreateNewApp: undefined,
+    };
+  },
+  [ReduxActionTypes.PARTIAL_EXPORT_INIT]: (state: ApplicationsReduxState) => ({
+    ...state,
+    partialImportExport: {
+      ...state.partialImportExport,
+      isExporting: true,
+      isExportDone: false,
+    },
+  }),
+  [ReduxActionTypes.PARTIAL_EXPORT_SUCCESS]: (
+    state: ApplicationsReduxState,
+  ) => ({
+    ...state,
+    partialImportExport: {
+      ...state.partialImportExport,
+      isExporting: false,
+      isExportDone: true,
+    },
+  }),
+  [ReduxActionErrorTypes.PARTIAL_EXPORT_ERROR]: (
+    state: ApplicationsReduxState,
+  ) => ({
+    ...state,
+    partialImportExport: {
+      ...state.partialImportExport,
+      isExporting: false,
+      isExportDone: true,
+    },
+  }),
 };
 
 const applicationsReducer = createReducer(initialState, handlers);
@@ -858,6 +937,13 @@ export interface ApplicationsReduxState {
     isFetchingAllRoles: boolean;
     isFetchingAllUsers: boolean;
   };
+  currentApplicationIdForCreateNewApp?: string;
+  partialImportExport: {
+    isExporting: boolean;
+    isExportDone: boolean;
+    isImporting: boolean;
+    isImportDone: boolean;
+  };
 }
 
 export interface Application {
diff --git a/app/client/src/ce/sagas/ApplicationSagas.tsx b/app/client/src/ce/sagas/ApplicationSagas.tsx
index 23a7ce406c..56691e35de 100644
--- a/app/client/src/ce/sagas/ApplicationSagas.tsx
+++ b/app/client/src/ce/sagas/ApplicationSagas.tsx
@@ -209,6 +209,14 @@ export function* getAllApplicationSaga() {
     const response: FetchUsersApplicationsWorkspacesResponse = yield call(
       ApplicationApi.getAllApplication,
     );
+    const isEnabledForStartWithData: boolean = yield select(
+      selectFeatureFlagCheck,
+      FEATURE_FLAG.ab_onboarding_flow_start_with_data_dev_only_enabled,
+    );
+    const isEnabledForCreateNew: boolean = yield select(
+      selectFeatureFlagCheck,
+      FEATURE_FLAG.ab_create_new_apps_enabled,
+    );
     const isValidResponse: boolean = yield validateResponse(response);
     if (isValidResponse) {
       const workspaceApplication: WorkspaceApplicationObject[] =
@@ -233,6 +241,17 @@ export function* getAllApplicationSaga() {
         type: ReduxActionTypes.FETCH_USER_APPLICATIONS_WORKSPACES_SUCCESS,
         payload: workspaceApplication,
       });
+
+      if (
+        isEnabledForStartWithData &&
+        isEnabledForCreateNew &&
+        workspaceApplication.length > 0
+      ) {
+        yield put({
+          type: ReduxActionTypes.SET_CURRENT_WORKSPACE,
+          payload: workspaceApplication[0]?.workspace,
+        });
+      }
     }
     if (!isAirgappedInstance) {
       yield call(fetchReleases);
diff --git a/app/client/src/ce/sagas/JSActionSagas.ts b/app/client/src/ce/sagas/JSActionSagas.ts
index 300ed1cfe9..974b825360 100644
--- a/app/client/src/ce/sagas/JSActionSagas.ts
+++ b/app/client/src/ce/sagas/JSActionSagas.ts
@@ -1,24 +1,24 @@
 import type {
-  ReduxAction,
   EvaluationReduxAction,
+  ReduxAction,
 } from "@appsmith/constants/ReduxActionConstants";
 import {
-  ReduxActionTypes,
   ReduxActionErrorTypes,
+  ReduxActionTypes,
 } from "@appsmith/constants/ReduxActionConstants";
 import { put, select, call } from "redux-saga/effects";
 import type { FetchActionsPayload } from "actions/pluginActionActions";
-import type { JSCollection, JSAction } from "entities/JSCollection";
+import type { JSAction, JSCollection } from "entities/JSCollection";
 import {
-  createJSCollectionSuccess,
-  deleteJSCollectionSuccess,
-  deleteJSCollectionError,
-  copyJSCollectionSuccess,
   copyJSCollectionError,
-  moveJSCollectionSuccess,
-  moveJSCollectionError,
+  copyJSCollectionSuccess,
+  createJSCollectionSuccess,
+  deleteJSCollectionError,
+  deleteJSCollectionSuccess,
   fetchJSCollectionsForPage,
   fetchJSCollectionsForPageSuccess,
+  moveJSCollectionError,
+  moveJSCollectionSuccess,
 } from "actions/jsActionActions";
 import {
   getJSCollection,
@@ -30,17 +30,17 @@ import type { JSCollectionCreateUpdateResponse } from "@appsmith/api/JSActionAPI
 import JSActionAPI from "@appsmith/api/JSActionAPI";
 import {
   createMessage,
-  JS_ACTION_COPY_SUCCESS,
   ERROR_JS_ACTION_COPY_FAIL,
-  JS_ACTION_DELETE_SUCCESS,
-  JS_ACTION_MOVE_SUCCESS,
   ERROR_JS_ACTION_MOVE_FAIL,
   ERROR_JS_COLLECTION_RENAME_FAIL,
+  JS_ACTION_COPY_SUCCESS,
+  JS_ACTION_DELETE_SUCCESS,
+  JS_ACTION_MOVE_SUCCESS,
 } from "@appsmith/constants/messages";
 import { validateResponse } from "../../sagas/ErrorSagas";
 import type { FetchPageResponse, PageLayout } from "api/PageApi";
 import PageApi from "api/PageApi";
-import { updateCanvasWithDSL } from "sagas/PageSagas";
+import { updateCanvasWithDSL } from "@appsmith/sagas/PageSagas";
 import type { JSCollectionData } from "reducers/entityReducers/jsActionsReducer";
 import type { ApiResponse } from "api/ApiResponses";
 import AppsmithConsole from "utils/AppsmithConsole";
diff --git a/app/client/src/sagas/PageSagas.tsx b/app/client/src/ce/sagas/PageSagas.tsx
similarity index 94%
rename from app/client/src/sagas/PageSagas.tsx
rename to app/client/src/ce/sagas/PageSagas.tsx
index c75bb225d5..468722ccd3 100644
--- a/app/client/src/sagas/PageSagas.tsx
+++ b/app/client/src/ce/sagas/PageSagas.tsx
@@ -59,17 +59,7 @@ import type {
   CanvasWidgetsReduxState,
   FlattenedWidgetProps,
 } from "reducers/entityReducers/canvasWidgetsReducer";
-import {
-  all,
-  call,
-  debounce,
-  delay,
-  put,
-  select,
-  takeEvery,
-  takeLatest,
-  takeLeading,
-} from "redux-saga/effects";
+import { all, call, delay, put, select } from "redux-saga/effects";
 import history from "utils/history";
 import { isNameValid } from "utils/helpers";
 import { extractCurrentDSL } from "utils/WidgetPropsUtils";
@@ -79,8 +69,11 @@ import {
   getDefaultPageId,
   getEditorConfigs,
   getWidgets,
-} from "./selectors";
-import { IncorrectBindingError, validateResponse } from "./ErrorSagas";
+} from "../../sagas/selectors";
+import {
+  IncorrectBindingError,
+  validateResponse,
+} from "../../sagas/ErrorSagas";
 import type { ApiResponse } from "api/ApiResponses";
 import {
   combinedPreviewModeSelector,
@@ -101,7 +94,7 @@ import {
 } from "actions/pluginActionActions";
 import type { UrlDataState } from "reducers/entityReducers/appReducer";
 import { APP_MODE } from "entities/App";
-import { clearEvalCache } from "./EvaluationsSaga";
+import { clearEvalCache } from "../../sagas/EvaluationsSaga";
 import { getQueryParams } from "utils/URLUtils";
 import PerformanceTracker, {
   PerformanceTransactionName,
@@ -126,9 +119,12 @@ import {
 import WidgetFactory from "WidgetProvider/factory";
 import { toggleShowDeviationDialog } from "actions/onboardingActions";
 import { builderURL } from "@appsmith/RouteBuilder";
-import { failFastApiCalls, waitForWidgetConfigBuild } from "./InitSagas";
-import { resizePublishedMainCanvasToLowestWidget } from "./WidgetOperationUtils";
-import { checkAndLogErrorsIfCyclicDependency } from "./helper";
+import {
+  failFastApiCalls,
+  waitForWidgetConfigBuild,
+} from "../../sagas/InitSagas";
+import { resizePublishedMainCanvasToLowestWidget } from "../../sagas/WidgetOperationUtils";
+import { checkAndLogErrorsIfCyclicDependency } from "../../sagas/helper";
 import { LOCAL_STORAGE_KEYS } from "utils/localStorage";
 import { generateAutoHeightLayoutTreeAction } from "actions/autoHeightActions";
 import { getUsedActionNames } from "selectors/actionSelectors";
@@ -138,7 +134,7 @@ import { SelectionRequestType } from "sagas/WidgetSelectUtils";
 import { toast } from "design-system";
 import { getCurrentGitBranch } from "selectors/gitSyncSelectors";
 import type { MainCanvasReduxState } from "reducers/uiReducers/mainCanvasReducer";
-import { UserCancelledActionExecutionError } from "./ActionExecution/errorUtils";
+import { UserCancelledActionExecutionError } from "../../sagas/ActionExecution/errorUtils";
 import { getCurrentWorkspaceId } from "@appsmith/selectors/workspaceSelectors";
 import { getInstanceId } from "@appsmith/selectors/tenantSelectors";
 import { MAIN_CONTAINER_WIDGET_ID } from "constants/WidgetConstants";
@@ -154,9 +150,9 @@ import { LayoutSystemTypes } from "layoutSystems/types";
 import { getLayoutSystemDSLTransformer } from "layoutSystems/common/utils/LayoutSystemDSLTransformer";
 import type { DSLWidget } from "WidgetProvider/constants";
 
-const WidgetTypes = WidgetFactory.widgetTypes;
+export const WidgetTypes = WidgetFactory.widgetTypes;
 
-const getWidgetName = (state: AppState, widgetId: string) =>
+export const getWidgetName = (state: AppState, widgetId: string) =>
   state.entities.canvasWidgets[widgetId];
 
 export function* fetchPageListSaga(
@@ -357,7 +353,7 @@ export function* handleFetchedPage({
   }
 }
 
-const getLastUpdateTime = (pageResponse: FetchPageResponse): number =>
+export const getLastUpdateTime = (pageResponse: FetchPageResponse): number =>
   pageResponse.data.lastUpdatedTime;
 
 export function* fetchPageSaga(
@@ -493,7 +489,7 @@ export function* fetchAllPublishedPagesSaga() {
   }
 }
 
-function* savePageSaga(action: ReduxAction<{ isRetry?: boolean }>) {
+export function* savePageSaga(action: ReduxAction<{ isRetry?: boolean }>) {
   const widgets: CanvasWidgetsReduxState = yield select(getWidgets);
   const editorConfigs:
     | {
@@ -658,7 +654,7 @@ export function* saveAllPagesSaga(pageLayouts: PageLayoutsRequest[]) {
   }
 }
 
-function getLayoutSavePayload(
+export function getLayoutSavePayload(
   widgets: {
     [widgetId: string]: FlattenedWidgetProps;
   },
@@ -1348,7 +1344,7 @@ export function* generateTemplatePageSaga(
   }
 }
 
-function* deleteCanvasCardsStateSaga() {
+export function* deleteCanvasCardsStateSaga() {
   const currentPageId: string = yield select(getCurrentPageId);
   const state = JSON.parse(
     localStorage.getItem(LOCAL_STORAGE_KEYS.CANVAS_CARDS_STATE) ?? "{}",
@@ -1360,7 +1356,7 @@ function* deleteCanvasCardsStateSaga() {
   );
 }
 
-function* setCanvasCardsStateSaga(action: ReduxAction<string>) {
+export function* setCanvasCardsStateSaga(action: ReduxAction<string>) {
   const state = localStorage.getItem(LOCAL_STORAGE_KEYS.CANVAS_CARDS_STATE);
   const stateObject = JSON.parse(state ?? "{}");
   stateObject[action.payload] = true;
@@ -1370,8 +1366,9 @@ function* setCanvasCardsStateSaga(action: ReduxAction<string>) {
   );
 }
 
-function* setPreviewModeInitSaga(action: ReduxAction<boolean>) {
+export function* setPreviewModeInitSaga(action: ReduxAction<boolean>) {
   const currentPageId: string = yield select(getCurrentPageId);
+  const isPreviewMode: boolean = yield select(combinedPreviewModeSelector);
   if (action.payload) {
     // we animate out elements and then move to the canvas
     yield put(setPreviewModeAction(action.payload));
@@ -1380,7 +1377,9 @@ function* setPreviewModeInitSaga(action: ReduxAction<boolean>) {
         pageId: currentPageId,
       }),
     );
-  } else {
+  } else if (isPreviewMode) {
+    // check if already in edit mode, then only do this
+
     // when switching back to edit mode
     // we go back to the previous route e.g query, api etc.
     history.goBack();
@@ -1390,41 +1389,48 @@ function* setPreviewModeInitSaga(action: ReduxAction<boolean>) {
   }
 }
 
-export default function* pageSagas() {
-  yield all([
-    takeLatest(ReduxActionTypes.FETCH_PAGE_INIT, fetchPageSaga),
-    takeLatest(
-      ReduxActionTypes.FETCH_PUBLISHED_PAGE_INIT,
-      fetchPublishedPageSaga,
-    ),
-    takeLatest(ReduxActionTypes.UPDATE_LAYOUT, saveLayoutSaga),
-    takeLeading(ReduxActionTypes.CREATE_PAGE_INIT, createPageSaga),
-    takeLeading(
-      ReduxActionTypes.CREATE_NEW_PAGE_FROM_ENTITIES,
-      createNewPageFromEntity,
-    ),
-    takeLeading(ReduxActionTypes.CLONE_PAGE_INIT, clonePageSaga),
-    takeLatest(ReduxActionTypes.UPDATE_PAGE_INIT, updatePageSaga),
-    takeLatest(ReduxActionTypes.DELETE_PAGE_INIT, deletePageSaga),
-    debounce(500, ReduxActionTypes.SAVE_PAGE_INIT, savePageSaga),
-    takeLatest(ReduxActionTypes.UPDATE_WIDGET_NAME_INIT, updateWidgetNameSaga),
-    takeLatest(
-      ReduxActionTypes.FETCH_ALL_PUBLISHED_PAGES,
-      fetchAllPublishedPagesSaga,
-    ),
-    takeLatest(
-      ReduxActionTypes.GENERATE_TEMPLATE_PAGE_INIT,
-      generateTemplatePageSaga,
-    ),
-    takeLatest(ReduxActionTypes.SET_PAGE_ORDER_INIT, setPageOrderSaga),
-    takeLatest(ReduxActionTypes.POPULATE_PAGEDSLS_INIT, populatePageDSLsSaga),
-    takeEvery(ReduxActionTypes.SET_CANVAS_CARDS_STATE, setCanvasCardsStateSaga),
-    takeEvery(
-      ReduxActionTypes.DELETE_CANVAS_CARDS_STATE,
-      deleteCanvasCardsStateSaga,
-    ),
-    takeEvery(ReduxActionTypes.SET_PREVIEW_MODE_INIT, setPreviewModeInitSaga),
-    takeLatest(ReduxActionTypes.REFRESH_THE_APP, refreshTheApp),
-    takeLatest(ReduxActionTypes.CLEAR_CACHE, clearEvalCache),
-  ]);
+export function* setupPageSaga(action: ReduxAction<FetchPageRequest>) {
+  try {
+    const { id, isFirstLoad } = action.payload;
+
+    yield call(fetchPageSaga, {
+      type: ReduxActionTypes.FETCH_PAGE_INIT,
+      payload: { id, isFirstLoad },
+    });
+
+    yield put({
+      type: ReduxActionTypes.SETUP_PAGE_SUCCESS,
+    });
+  } catch (error) {
+    yield put({
+      type: ReduxActionErrorTypes.SETUP_PAGE_ERROR,
+      payload: { error },
+    });
+  }
+}
+
+export function* setupPublishedPageSaga(
+  action: ReduxAction<{
+    pageId: string;
+    bustCache: boolean;
+    firstLoad: boolean;
+  }>,
+) {
+  try {
+    const { bustCache, firstLoad, pageId } = action.payload;
+
+    yield call(fetchPublishedPageSaga, {
+      type: ReduxActionTypes.FETCH_PUBLISHED_PAGE_INIT,
+      payload: { bustCache, firstLoad, pageId },
+    });
+
+    yield put({
+      type: ReduxActionTypes.SETUP_PUBLISHED_PAGE_SUCCESS,
+    });
+  } catch (error) {
+    yield put({
+      type: ReduxActionErrorTypes.SETUP_PUBLISHED_PAGE_ERROR,
+      payload: { error },
+    });
+  }
 }
diff --git a/app/client/src/ce/sagas/index.tsx b/app/client/src/ce/sagas/index.tsx
index 67f6759ef2..fc6b3d6525 100644
--- a/app/client/src/ce/sagas/index.tsx
+++ b/app/client/src/ce/sagas/index.tsx
@@ -33,7 +33,7 @@ import layoutConversionSagas from "sagas/layoutConversionSagas";
 import LintingSaga from "sagas/LintingSagas";
 import modalSagas from "sagas/ModalSagas";
 import onboardingSagas from "sagas/OnboardingSagas";
-import pageSagas from "sagas/PageSagas";
+import pageSagas from "@appsmith/sagas/PageSagas";
 import PageVisibilitySaga from "sagas/PageVisibilitySagas";
 import pluginSagas from "sagas/PluginSagas";
 import providersSagas from "sagas/ProvidersSaga";
diff --git a/app/client/src/ce/selectors/applicationSelectors.tsx b/app/client/src/ce/selectors/applicationSelectors.tsx
index 11c53605f1..f34cb3984c 100644
--- a/app/client/src/ce/selectors/applicationSelectors.tsx
+++ b/app/client/src/ce/selectors/applicationSelectors.tsx
@@ -213,6 +213,9 @@ export const getIsDatasourceConfigForImportFetched = (state: AppState) =>
 export const getIsImportingApplication = (state: AppState) =>
   state.ui.applications.importingApplication;
 
+export const getIsImportingPartialApplication = (state: AppState) =>
+  state.ui.applications.partialImportExport.isImporting;
+
 export const getWorkspaceIdForImport = (state: AppState) =>
   state.ui.applications.workspaceIdForImport;
 
@@ -284,3 +287,25 @@ export const getApplicationLoadingStates = (state: AppState) => {
 };
 
 export const getAllAppUsers = () => [];
+
+export const getCurrentApplicationIdForCreateNewApp = (state: AppState) => {
+  return state.ui.applications.currentApplicationIdForCreateNewApp;
+};
+
+// Get application from id from userWorkspaces
+export const getApplicationByIdFromWorkspaces = createSelector(
+  getUserApplicationsWorkspaces,
+  (_: AppState, applicationId: string) => applicationId,
+  (userWorkspaces, applicationId) => {
+    let application: ApplicationPayload | undefined;
+    userWorkspaces.forEach((userWorkspace) => {
+      if (!application)
+        application = userWorkspace.applications.find(
+          (i) => i.id === applicationId,
+        );
+    });
+    return application;
+  },
+);
+export const getPartialImportExportLoadingState = (state: AppState) =>
+  state.ui.applications.partialImportExport;
diff --git a/app/client/src/ce/selectors/engineSelectors.ts b/app/client/src/ce/selectors/engineSelectors.ts
new file mode 100644
index 0000000000..5728cf0424
--- /dev/null
+++ b/app/client/src/ce/selectors/engineSelectors.ts
@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import type { AppState } from "@appsmith/reducers";
+
+export interface DependentFeatureFlags {}
+
+export const getFeatureFlagsForEngine = (state: AppState) => {
+  return {};
+};
diff --git a/app/client/src/ce/selectors/entitiesSelector.ts b/app/client/src/ce/selectors/entitiesSelector.ts
index 30943c6be1..eb16e38109 100644
--- a/app/client/src/ce/selectors/entitiesSelector.ts
+++ b/app/client/src/ce/selectors/entitiesSelector.ts
@@ -12,6 +12,7 @@ import type {
 } from "entities/Datasource";
 import { isEmbeddedRestDatasource } from "entities/Datasource";
 import type { Action } from "entities/Action";
+import { PluginPackageName } from "entities/Action";
 import { isStoredDatasource } from "entities/Action";
 import { PluginType } from "entities/Action";
 import { find, get, sortBy } from "lodash";
@@ -44,7 +45,7 @@ import { getEntityNameAndPropertyPath } from "@appsmith/workers/Evaluation/evalu
 import { getFormValues } from "redux-form";
 import { TEMP_DATASOURCE_ID } from "constants/Datasource";
 import { MAX_DATASOURCE_SUGGESTIONS } from "pages/Editor/Explorer/hooks";
-import type { ModuleInput } from "@appsmith/constants/ModuleConstants";
+import type { Module } from "@appsmith/constants/ModuleConstants";
 
 export const getEntities = (state: AppState): AppState["entities"] =>
   state.entities;
@@ -390,6 +391,18 @@ export const getDBPlugins = createSelector(getPlugins, (plugins) =>
   plugins.filter((plugin) => plugin.type === PluginType.DB),
 );
 
+// Most popular datasources are hardcoded right now to include these 4 plugins and REST API
+// Going forward we may want to have separate list for each instance based on usage
+export const getMostPopularPlugins = createSelector(getPlugins, (plugins) =>
+  plugins.filter(
+    (plugin) =>
+      plugin.packageName === PluginPackageName.POSTGRES ||
+      plugin.packageName === PluginPackageName.MY_SQL ||
+      plugin.packageName === PluginPackageName.MONGO ||
+      plugin.packageName === PluginPackageName.GOOGLE_SHEETS,
+  ),
+);
+
 export const getDBAndRemotePlugins = createSelector(getPlugins, (plugins) =>
   plugins.filter(
     (plugin) =>
@@ -1278,6 +1291,6 @@ export const getEntityExplorerDatasources = (state: AppState): Datasource[] => {
   );
 };
 
-export function getInputsForModule(): Record<string, ModuleInput> {
-  return {};
+export function getInputsForModule(): Module["inputsForm"] {
+  return [];
 }
diff --git a/app/client/src/ce/utils/BusinessFeatures/permissionPageHelpers.tsx b/app/client/src/ce/utils/BusinessFeatures/permissionPageHelpers.tsx
index 8fc561e5eb..04a00accf0 100644
--- a/app/client/src/ce/utils/BusinessFeatures/permissionPageHelpers.tsx
+++ b/app/client/src/ce/utils/BusinessFeatures/permissionPageHelpers.tsx
@@ -8,6 +8,9 @@ import { hasCreateDatasourcePermission as hasCreateDatasourcePermission_EE } fro
 import { hasManageDatasourcePermission as hasManageDatasourcePermission_CE } from "ce/utils/permissionHelpers";
 import { hasManageDatasourcePermission as hasManageDatasourcePermission_EE } from "@appsmith/utils/permissionHelpers";
 
+import { hasManageWorkspaceDatasourcePermission as hasManageWorkspaceDatasourcePermission_CE } from "ce/utils/permissionHelpers";
+import { hasManageWorkspaceDatasourcePermission as hasManageWorkspaceDatasourcePermission_EE } from "@appsmith/utils/permissionHelpers";
+
 import { hasDeleteDatasourcePermission as hasDeleteDatasourcePermission_CE } from "ce/utils/permissionHelpers";
 import { hasDeleteDatasourcePermission as hasDeleteDatasourcePermission_EE } from "@appsmith/utils/permissionHelpers";
 
@@ -62,6 +65,14 @@ export const getHasManageDatasourcePermission = (
   else return hasManageDatasourcePermission_CE(permissions);
 };
 
+export const getHasManageWorkspaceDatasourcePermission = (
+  isEnabled: boolean,
+  permissions?: string[],
+) => {
+  if (isEnabled) return hasManageWorkspaceDatasourcePermission_EE(permissions);
+  else return hasManageWorkspaceDatasourcePermission_CE(permissions);
+};
+
 export const getHasDeleteDatasourcePermission = (
   isEnabled: boolean,
   permissions?: string[],
diff --git a/app/client/src/ce/utils/analyticsUtilTypes.ts b/app/client/src/ce/utils/analyticsUtilTypes.ts
index cafbf8ad91..b7e92024eb 100644
--- a/app/client/src/ce/utils/analyticsUtilTypes.ts
+++ b/app/client/src/ce/utils/analyticsUtilTypes.ts
@@ -341,7 +341,23 @@ export type EventName =
   | "TIME_TO_NAVIGATE_ENTITY_EXPLORER"
   | "TEMPLATES_SEARCH_INPUT_EVENT"
   | "GET_STARTED_CLICKED"
-  | "FORK_APLICATIONTEMPLATE";
+  | "FORK_APLICATIONTEMPLATE"
+  | "DATA_FETCH_FAILED_POST_SCHEMA_FETCH"
+  | "STARTER_BUILDING_BLOCK_HOVER"
+  | "STARTER_BUILDING_BLOCK_CONNECT_DATA_CLICK"
+  | ONBOARDING_FLOW_EVENTS;
+
+export type ONBOARDING_FLOW_EVENTS =
+  | "CREATE_APP_FROM_TEMPLATE"
+  | "CREATE_APP_FROM_SCRATCH"
+  | "CLICK_ON_TEMPLATE_CARD_WHEN_ONBOARDING"
+  | "FORK_TEMPLATE_WHEN_ONBOARDING"
+  | "REQUEST_NEW_TEMPLATE"
+  | "USE_TEMPLATE_FROM_DETAILS_PAGE_WHEN_ONBOARDING"
+  | "ONBOARDING_FLOW_CLICK_BACK_BUTTON_TEMPLATE_DETAILS_PAGE"
+  | "ONBOARDING_FLOW_CLICK_BACK_BUTTON_START_FROM_TEMPLATE_PAGE"
+  | "ONBOARDING_FLOW_CLICK_BACK_BUTTON_CREATE_NEW_APP_PAGE"
+  | "ONBOARDING_CREATE_APP_FLOW";
 
 export type DATASOURCE_SCHEMA_EVENTS =
   | "DATASOURCE_SCHEMA_SEARCH"
diff --git a/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts b/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts
index cc2eb104e2..9c2ac14bfc 100644
--- a/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts
+++ b/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts
@@ -19,16 +19,65 @@ export const entityDefinitions = {
     ) {
       return {
         ...generatedTypeDef,
+        "!doc":
+          "A global object that provides access to information and functionalities within an application",
+        "!url": "https://docs.appsmith.com/reference/appsmith-framework",
+        store: {
+          ...(generatedTypeDef.store as Def),
+          "!doc":
+            "Object to access any app-level data or temporary state that is stored on the user's browser",
+          "!url":
+            "https://docs.appsmith.com/reference/appsmith-framework/context-object#store-object",
+        },
+        user: {
+          ...(generatedTypeDef.user as Def),
+          "!doc":
+            "Object that contains the data of the currently authenticated user.",
+          "!url":
+            "https://docs.appsmith.com/reference/appsmith-framework/context-object#user-object",
+        },
+        URL: {
+          ...(generatedTypeDef.URL as Def),
+          "!doc": "Object containing all the attributes of the current URL",
+          "!url":
+            "https://docs.appsmith.com/reference/appsmith-framework/context-object#url-object",
+        },
+        theme: {
+          ...(generatedTypeDef.theme as Def),
+          "!doc":
+            "Object containing the details of the theme properties applied to the application",
+          "!url":
+            "https://docs.appsmith.com/reference/appsmith-framework/context-object#theme-object",
+        },
+        mode: {
+          "!type": generatedTypeDef.mode as Def,
+          "!doc":
+            "An enum that contains whether the app runs in view or edit mode. It takes the values VIEW or EDIT",
+          "!url":
+            "https://docs.appsmith.com/reference/appsmith-framework/context-object#mode-enum",
+        },
         geolocation: {
           ...generatedTypeDef.geolocation,
           "!doc":
-            "The user's geo location information. Only available when requested",
+            "Object containing functions that allow you to retrieve the current user's location and the coordinates received from the user's device using the Geolocation API.",
           "!url":
             "https://docs.appsmith.com/reference/appsmith-framework/context-object#geolocation-object",
-          getCurrentPosition:
-            "fn(onSuccess: fn() -> void, onError: fn() -> void, options: object) -> void",
-          watchPosition: "fn(options: object) -> void",
-          clearWatch: "fn() -> void",
+          getCurrentPosition: {
+            "!type":
+              "fn(onSuccess: fn() -> void, onError: fn() -> void, options: object) -> +Promise|void",
+            "!url":
+              "https://docs.appsmith.com/reference/appsmith-framework/context-object#geolocationgetcurrentposition",
+          },
+          watchPosition: {
+            "!type": "fn(options: object) -> void",
+            "!url":
+              "https://docs.appsmith.com/reference/appsmith-framework/context-object#geolocationwatchposition",
+          },
+          clearWatch: {
+            "!type": "fn() -> +Promise|void",
+            "!url":
+              "https://docs.appsmith.com/reference/appsmith-framework/context-object#geolocationclearwatch",
+          },
         },
       };
     }
@@ -36,29 +85,59 @@ export const entityDefinitions = {
   },
   ACTION: (entity: ActionEntity, extraDefsToDefine: ExtraDef) => {
     const dataDef = generateTypeDef(entity.data, extraDefsToDefine);
+    let responseMetaDef = generateTypeDef(
+      entity.responseMeta,
+      extraDefsToDefine,
+    );
 
-    let data: Def = {
-      "!doc": "The response of the action",
+    if (_.isString(responseMetaDef)) {
+      responseMetaDef = {
+        "!type": responseMetaDef,
+      };
+    }
+
+    let dataCustomDef: Def = {
+      "!doc":
+        "A read-only property that contains the response body from the last successful execution of this query.",
+      "!url":
+        "https://docs.appsmith.com/reference/appsmith-framework/query-object#data-array",
     };
 
     if (_.isString(dataDef)) {
-      data["!type"] = dataDef;
+      dataCustomDef["!type"] = dataDef;
     } else {
-      data = { ...data, ...dataDef };
+      dataCustomDef = { ...dataCustomDef, ...dataDef };
     }
     return {
       "!doc":
-        "Actions allow you to connect your widgets to your backend data in a secure manner.",
+        "Object that contains the properties required to run queries and access the query data.",
       "!url":
         "https://docs.appsmith.com/reference/appsmith-framework/query-object",
-      isLoading: "bool",
-      data,
-      responseMeta: {
-        "!doc": "The response meta of the action",
-        "!type": "?",
+      isLoading: {
+        "!type": "bool",
+        "!doc":
+          "Boolean that indicates whether the query is currently being executed.",
+      },
+      data: dataCustomDef,
+      responseMeta: {
+        "!doc":
+          "Object that contains details about the response, such as the status code, headers, and other relevant information related to the query's execution and the server's response.",
+        "!url":
+          "https://docs.appsmith.com/reference/appsmith-framework/query-object#responsemeta-object",
+        ...responseMetaDef,
+      },
+      run: {
+        "!type": "fn(params?: {}) -> +Promise",
+        "!url":
+          "https://docs.appsmith.com/reference/appsmith-framework/query-object#queryrun",
+        "!doc": "Executes the query with the given parameters.",
+      },
+      clear: {
+        "!type": "fn() -> +Promise",
+        "!url":
+          "https://docs.appsmith.com/reference/appsmith-framework/query-object#queryclear",
+        "!doc": "Clears the query data.",
       },
-      run: "fn(params: ?) -> +Promise",
-      clear: "fn() -> +Promise",
     };
   },
 };
@@ -99,55 +178,89 @@ export const GLOBAL_DEFS = {
 export const GLOBAL_FUNCTIONS = {
   "!name": "DATA_TREE.APPSMITH.FUNCTIONS",
   navigateTo: {
-    "!doc": "Action to navigate the user to another page or url",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/navigate-to",
+    "!doc":
+      "Enables navigation between the internal pages of the App or to an external URL.",
     "!type":
       "fn(pageNameOrUrl: string, params: {}, target?: string) -> +Promise",
   },
   showAlert: {
-    "!doc": "Show a temporary notification style message to the user",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/show-alert",
+    "!doc":
+      "Displays a temporary toast-style alert message to the user for precisely 5 seconds. The duration of the alert message can't be modified.",
     "!type": "fn(message: string, style: string) -> +Promise",
   },
   showModal: {
-    "!doc": "Open a modal",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/show-modal",
+    "!doc":
+      "Opens an existing Modal widget and bring it into focus on the page",
     "!type": "fn(modalName: string) -> +Promise",
   },
   closeModal: {
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/close-modal",
     "!doc": "Close a modal",
     "!type": "fn(modalName: string) -> +Promise",
   },
   storeValue: {
-    "!doc": "Store key value data locally",
-    "!type": "fn(key: string, value: any) -> +Promise",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/store-value",
+    "!doc":
+      "Stores the data in the browser's local storage as key-value pairs that represent storage objects and can be later accessed anywhere in the application via <code>appsmith.store</code>.",
+    "!type": "fn(key: string, value: any, persist?: bool) -> +Promise",
   },
   removeValue: {
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/remove-value",
     "!doc": "Remove key value data locally",
     "!type": "fn(key: string) -> +Promise",
   },
   clearStore: {
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/clear-store",
     "!doc": "Clear all key value data locally",
     "!type": "fn() -> +Promise",
   },
   download: {
-    "!doc": "Download anything as a file",
-    "!type": "fn(data: any, fileName: string, fileType?: string) -> +Promise",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/download",
+    "!doc":
+      "Download any data as a file, leveraging the capabilities of the downloadjs library.",
+    "!type":
+      "fn(data: string|+Blob, fileName: string, fileType?: string) -> +Promise",
   },
   copyToClipboard: {
-    "!doc": "Copy text to clipboard",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/copy-to-clipboard",
+    "!doc": "Copies the given text to clipboard",
     "!type": "fn(data: string, options: object) -> +Promise",
   },
   resetWidget: {
-    "!doc": "Reset widget values",
-    "!type": "fn(widgetName: string, resetChildren: boolean) -> +Promise",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/reset-widget",
+    "!doc":
+      "Resets a widget to its default state. All user input changes are reverted and its properties' default values are applied.",
+    "!type": "fn(widgetName: string, resetChildren: bool) -> +Promise",
   },
   setInterval: {
-    "!doc": "Execute triggers at a given interval",
-    "!type": "fn(callback: fn, interval: number, id?: string) -> void",
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/intervals-time-events",
+    "!doc": "Executes a function at a given interval",
+    "!type":
+      "fn(callback: fn() -> void, interval: number, id?: string) -> number",
   },
   clearInterval: {
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/clear-interval",
     "!doc": "Stop executing a setInterval with id",
     "!type": "fn(id: string) -> void",
   },
   postWindowMessage: {
+    "!url":
+      "https://docs.appsmith.com/reference/appsmith-framework/widget-actions/post-message",
     "!doc":
       "Establish cross-origin communication between Window objects/page and iframes",
     "!type": "fn(message: unknown, source: string, targetOrigin: string)",
@@ -178,4 +291,55 @@ export const getPropsForJSActionEntity = ({
   return properties;
 };
 
+export const ternDocsInfo: Record<string, any> = {
+  showAlert: {
+    exampleArgs: [
+      "'This is a success message', 'success'",
+      "'This is an error message', 'error'",
+    ],
+  },
+  showModal: {
+    exampleArgs: ["'Modal1'"],
+  },
+  closeModal: {
+    exampleArgs: ["'Modal1'"],
+  },
+  navigateTo: {
+    exampleArgs: [
+      "'Page1', { id: 1 }",
+      "'https://appsmith.com', {}, 'NEW_WINDOW'",
+    ],
+  },
+  copyToClipboard: {
+    exampleArgs: ["'Hello'"],
+  },
+  download: {
+    exampleArgs: [
+      "'Hello World', 'hello.txt', 'text/plain'",
+      "FilePicker1.files[0].data, 'data.json'",
+    ],
+  },
+  storeValue: {
+    exampleArgs: ["'key', 'value'"],
+  },
+  removeValue: {
+    exampleArgs: ["'key'"],
+  },
+  clearStore: {
+    exampleArgs: [""],
+  },
+  resetWidget: {
+    exampleArgs: ["'Table1', false"],
+  },
+  setInterval: {
+    exampleArgs: ["() => showAlert('Hello'), 1000, 'id'"],
+  },
+  clearInterval: {
+    exampleArgs: ["'id'"],
+  },
+  postWindowMessage: {
+    exampleArgs: ["message, 'Iframe1', '*'"],
+  },
+};
+
 export type EntityDefinitionsOptions = keyof typeof entityDefinitions;
diff --git a/app/client/src/ce/utils/getEntityPayloadInfo.ts b/app/client/src/ce/utils/getEntityPayloadInfo.ts
new file mode 100644
index 0000000000..a6423ad6ed
--- /dev/null
+++ b/app/client/src/ce/utils/getEntityPayloadInfo.ts
@@ -0,0 +1,43 @@
+import type {
+  ActionEntityConfig,
+  EntityConfig,
+  JSActionEntityConfig,
+} from "@appsmith/entities/DataTree/types";
+import {
+  type WidgetEntityConfig,
+  ENTITY_TYPE_VALUE,
+} from "@appsmith/entities/DataTree/types";
+import type { PluginType } from "entities/Action";
+
+export const getEntityPayloadInfo: Record<
+  string,
+  (entityConfig: EntityConfig) => {
+    iconId: string;
+    id: string;
+    pluginType?: PluginType;
+  }
+> = {
+  [ENTITY_TYPE_VALUE.WIDGET]: (entityConfig) => {
+    const config = entityConfig as WidgetEntityConfig;
+    return {
+      iconId: config.widgetId,
+      id: config.widgetId,
+    };
+  },
+  [ENTITY_TYPE_VALUE.JSACTION]: (entityConfig) => {
+    const config = entityConfig as JSActionEntityConfig;
+    return {
+      iconId: config.actionId,
+      id: config.actionId,
+      pluginType: config.pluginType,
+    };
+  },
+  [ENTITY_TYPE_VALUE.ACTION]: (entityConfig) => {
+    const config = entityConfig as ActionEntityConfig;
+    return {
+      iconId: config.pluginId,
+      id: config.actionId,
+      pluginType: config.pluginType,
+    };
+  },
+};
diff --git a/app/client/src/ce/utils/moduleInstanceHelpers.tsx b/app/client/src/ce/utils/moduleInstanceHelpers.tsx
new file mode 100644
index 0000000000..85b024323a
--- /dev/null
+++ b/app/client/src/ce/utils/moduleInstanceHelpers.tsx
@@ -0,0 +1,3 @@
+export const useModuleOptions = () => {
+  return [];
+};
diff --git a/app/client/src/ce/utils/permissionHelpers.tsx b/app/client/src/ce/utils/permissionHelpers.tsx
index b2a7f479f6..353974ffdf 100644
--- a/app/client/src/ce/utils/permissionHelpers.tsx
+++ b/app/client/src/ce/utils/permissionHelpers.tsx
@@ -81,6 +81,10 @@ export const hasCreateDatasourcePermission = (_permissions?: string[]) => true;
 
 export const hasManageDatasourcePermission = (_permissions?: string[]) => true;
 
+export const hasManageWorkspaceDatasourcePermission = (
+  _permissions?: string[],
+) => true;
+
 export const hasDeleteDatasourcePermission = (_permissions?: string[]) => true;
 
 export const hasCreateDatasourceActionPermission = (_permissions?: string[]) =>
diff --git a/app/client/src/ce/utils/signupHelpers.ts b/app/client/src/ce/utils/signupHelpers.ts
index 43e88400aa..6204f3f83c 100644
--- a/app/client/src/ce/utils/signupHelpers.ts
+++ b/app/client/src/ce/utils/signupHelpers.ts
@@ -1,4 +1,7 @@
-import { firstTimeUserOnboardingInit } from "actions/onboardingActions";
+import {
+  firstTimeUserOnboardingInit,
+  setCurrentApplicationIdForCreateNewApp,
+} from "actions/onboardingActions";
 import {
   SIGNUP_SUCCESS_URL,
   BUILDER_PATH,
@@ -19,6 +22,7 @@ export const redirectUserAfterSignup = (
   _validLicense?: boolean,
   dispatch?: any,
   showStarterTemplatesInsteadofBlankCanvas: boolean = false,
+  isEnabledForCreateNew?: boolean,
 ): any => {
   if (redirectUrl) {
     try {
@@ -48,9 +52,26 @@ export const redirectUserAfterSignup = (
           showStarterTemplatesInsteadofBlankCanvas &&
             applicationId &&
             setUsersFirstApplicationId(applicationId);
-          dispatch(
-            firstTimeUserOnboardingInit(applicationId, pageId as string),
-          );
+          if (isEnabledForCreateNew) {
+            dispatch(
+              setCurrentApplicationIdForCreateNewApp(applicationId as string),
+            );
+            history.replace(APPLICATIONS_URL);
+          } else {
+            dispatch(
+              firstTimeUserOnboardingInit(applicationId, pageId as string),
+            );
+          }
+        } else {
+          if (!urlObject) {
+            try {
+              urlObject = new URL(redirectUrl, window.location.origin);
+            } catch (e) {}
+          }
+          const newRedirectUrl = urlObject?.toString() || "";
+          if (getIsSafeRedirectURL(newRedirectUrl)) {
+            window.location.replace(newRedirectUrl);
+          }
         }
       } else if (getIsSafeRedirectURL(redirectUrl)) {
         window.location.replace(redirectUrl);
diff --git a/app/client/src/ce/workers/Evaluation/evaluationUtils.ts b/app/client/src/ce/workers/Evaluation/evaluationUtils.ts
index 1078bf6ac7..9379fb849d 100644
--- a/app/client/src/ce/workers/Evaluation/evaluationUtils.ts
+++ b/app/client/src/ce/workers/Evaluation/evaluationUtils.ts
@@ -32,6 +32,7 @@ import type {
 } from "@appsmith/entities/DataTree/types";
 import type { EvalProps } from "workers/common/DataTreeEvaluator";
 import { validateWidgetProperty } from "workers/common/DataTreeEvaluator/validationUtils";
+import { isWidgetActionOrJsObject } from "@appsmith/entities/DataTree/utils";
 
 // Dropdown1.options[1].value -> Dropdown1.options[1]
 // Dropdown1.options[1] -> Dropdown1.options
@@ -650,8 +651,7 @@ export const isDynamicLeaf = (
 
   const entityConfig = configTree[entityName];
   const entity = unEvalTree[entityName];
-  if (!isAction(entity) && !isWidget(entity) && !isJSAction(entity))
-    return false;
+  if (!isWidgetActionOrJsObject(entity)) return false;
   const relativePropertyPath = convertPathToString(propPathEls);
   return (
     (!isEmpty(entityConfig.reactivePaths) &&
diff --git a/app/client/src/components/common/Collapsible.tsx b/app/client/src/components/common/Collapsible.tsx
new file mode 100644
index 0000000000..14e1d78128
--- /dev/null
+++ b/app/client/src/components/common/Collapsible.tsx
@@ -0,0 +1,166 @@
+import type { MutableRefObject, ReactNode } from "react";
+import React, { useEffect, useState } from "react";
+import styled from "styled-components";
+import { Collapse, Classes as BPClasses } from "@blueprintjs/core";
+import { Icon, Text, Tooltip } from "design-system";
+import { Classes, getTypographyByKey } from "design-system-old";
+import type { Datasource } from "entities/Datasource";
+
+const Label = styled.span`
+  cursor: pointer;
+  min-height: 36px;
+  display: flex;
+  align-items: center;
+`;
+
+const CollapsibleWrapper = styled.div<{
+  isOpen: boolean;
+  isDisabled?: boolean;
+}>`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  ${(props) => !!props.isDisabled && `opacity: 0.6`};
+
+  &&&&&& .${BPClasses.COLLAPSE} {
+    flex-grow: 1;
+    overflow-y: auto !important;
+  }
+
+  .${BPClasses.COLLAPSE_BODY} {
+    padding-top: ${(props) => props.theme.spaces[3]}px;
+    padding-bottom: ${(props) => props.theme.spaces[3]}px;
+    height: 100%;
+  }
+
+  & > .icon-text:first-child {
+    color: var(--ads-v2-color-fg);
+    ${getTypographyByKey("h4")}
+    cursor: pointer;
+    .${Classes.ICON} {
+      ${(props) => !props.isOpen && `transform: rotate(-90deg);`}
+    }
+
+    .label {
+      padding-left: ${(props) => props.theme.spaces[1] + 1}px;
+    }
+  }
+`;
+
+const GroupWrapper = styled.div<
+  Pick<CollapsibleGroupProps, "height" | "maxHeight">
+>`
+  min-height: 25%;
+  height: ${({ height }) => height};
+  max-height: ${({ maxHeight }) => maxHeight};
+`;
+
+export const CollapsibleGroupContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`;
+
+interface DisabledCollapsibleProps {
+  label: string;
+  tooltipLabel?: string;
+}
+
+export interface CollapsibleProps {
+  expand?: boolean;
+  children: ReactNode;
+  label: string;
+  CustomLabelComponent?: (props: any) => JSX.Element;
+  isDisabled?: boolean;
+  datasource?: Partial<Datasource>;
+  containerRef?: MutableRefObject<HTMLDivElement | null>;
+}
+
+interface CollapsibleGroupProps {
+  children: ReactNode;
+  height?: string;
+  maxHeight?: string;
+}
+
+export function DisabledCollapsible({
+  label,
+  tooltipLabel = "",
+}: DisabledCollapsibleProps) {
+  return (
+    <Tooltip content={tooltipLabel}>
+      <CollapsibleWrapper isDisabled isOpen={false}>
+        <Label className="icon-text">
+          <Icon name="arrow-right-s-line" size="lg" />
+          <Text className="label" kind="heading-xs">
+            {label}
+          </Text>
+        </Label>
+      </CollapsibleWrapper>
+    </Tooltip>
+  );
+}
+
+export function CollapsibleGroup({
+  children,
+  height,
+  maxHeight,
+}: CollapsibleGroupProps) {
+  return (
+    <GroupWrapper height={height} maxHeight={maxHeight}>
+      {children}
+    </GroupWrapper>
+  );
+}
+
+export function Collapsible({
+  children,
+  containerRef,
+  CustomLabelComponent,
+  datasource,
+  expand = true,
+  label,
+}: CollapsibleProps) {
+  const [isOpen, setIsOpen] = useState(!!expand);
+
+  const handleCollapse = (openStatus: boolean) => {
+    if (containerRef?.current) {
+      if (openStatus) {
+        containerRef.current.style.height = "";
+      } else {
+        containerRef.current.style.height = "auto";
+      }
+    }
+    setIsOpen(openStatus);
+  };
+
+  useEffect(() => {
+    handleCollapse(expand);
+  }, [expand]);
+
+  return (
+    <CollapsibleWrapper isOpen={isOpen}>
+      <Label className="icon-text" onClick={() => handleCollapse(!isOpen)}>
+        <Icon
+          className="collapsible-icon"
+          name={isOpen ? "down-arrow" : "arrow-right-s-line"}
+          size="lg"
+        />
+        {!!CustomLabelComponent ? (
+          <CustomLabelComponent
+            datasource={datasource}
+            onRefreshCallback={() => handleCollapse(true)}
+          />
+        ) : (
+          <Text className="label" kind="heading-xs">
+            {label}
+          </Text>
+        )}
+      </Label>
+      <Collapse isOpen={isOpen} keepChildrenMounted>
+        {children}
+      </Collapse>
+    </CollapsibleWrapper>
+  );
+}
+
+export default Collapsible;
diff --git a/app/client/src/components/editorComponents/ActionRightPane/Connections.tsx b/app/client/src/components/editorComponents/ActionRightPane/Connections.tsx
index 0b9d9da15d..c55de05104 100644
--- a/app/client/src/components/editorComponents/ActionRightPane/Connections.tsx
+++ b/app/client/src/components/editorComponents/ActionRightPane/Connections.tsx
@@ -1,5 +1,4 @@
 import React from "react";
-import { Collapsible } from ".";
 import { Text, TextType } from "design-system-old";
 import styled from "styled-components";
 import LongArrowSVG from "assets/images/long-arrow-bottom.svg";
@@ -14,6 +13,7 @@ import {
 } from "@appsmith/constants/messages";
 import { Connection } from "../Debugger/EntityDependecies";
 import { Icon } from "design-system";
+import Collapsible from "components/common/Collapsible";
 
 const ConnectionType = styled.span`
   span:nth-child(2) {
diff --git a/app/client/src/components/editorComponents/ActionRightPane/SuggestedWidgets.tsx b/app/client/src/components/editorComponents/ActionRightPane/SuggestedWidgets.tsx
index 367cd3e6f1..f92254ad89 100644
--- a/app/client/src/components/editorComponents/ActionRightPane/SuggestedWidgets.tsx
+++ b/app/client/src/components/editorComponents/ActionRightPane/SuggestedWidgets.tsx
@@ -2,7 +2,6 @@ import React, { memo, useContext, useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import styled from "styled-components";
 import { generateReactKey } from "utils/generators";
-import { Collapsible } from ".";
 import { getTypographyByKey } from "design-system-old";
 import { addSuggestedWidget } from "actions/widgetActions";
 import AnalyticsUtil from "utils/AnalyticsUtil";
@@ -50,6 +49,9 @@ import localStorage from "utils/localStorage";
 import { WIDGET_ID_SHOW_WALKTHROUGH } from "constants/WidgetConstants";
 import { FEATURE_WALKTHROUGH_KEYS } from "constants/WalkthroughConstants";
 import type { WidgetType } from "constants/WidgetConstants";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { WDS_V2_WIDGET_MAP } from "components/wds/constants";
+import Collapsible from "components/common/Collapsible";
 
 const BINDING_GUIDE_GIF = `${ASSETS_CDN_URL}/binding.gif`;
 
@@ -498,6 +500,12 @@ function SuggestedWidgets(props: SuggestedWidgetProps) {
   useEffect(() => {
     checkAndShowWalkthrough();
   }, []);
+  const isWDSEnabled = useFeatureFlag("ab_wds_enabled");
+  const filteredSuggestedWidgets = isWDSEnabled
+    ? props.suggestedWidgets.filter(
+        (each) => !!Object.keys(WDS_V2_WIDGET_MAP).includes(each.type),
+      )
+    : props.suggestedWidgets;
 
   return (
     <SuggestedWidgetContainer id={BINDING_SECTION_ID}>
@@ -559,7 +567,7 @@ function SuggestedWidgets(props: SuggestedWidgetProps) {
         <SubSection className="t--suggested-widget-add-new">
           {renderHeading(addNewWidgetLabel, addNewWidgetSubLabel)}
           <WidgetList className="spacing">
-            {props.suggestedWidgets.map((suggestedWidget) => {
+            {filteredSuggestedWidgets.map((suggestedWidget) => {
               const widgetInfo: WidgetBindingInfo | undefined =
                 WIDGET_DATA_FIELD_MAP[suggestedWidget.type];
 
diff --git a/app/client/src/components/editorComponents/ActionRightPane/index.tsx b/app/client/src/components/editorComponents/ActionRightPane/index.tsx
index 042c625145..fe641b9c84 100644
--- a/app/client/src/components/editorComponents/ActionRightPane/index.tsx
+++ b/app/client/src/components/editorComponents/ActionRightPane/index.tsx
@@ -1,10 +1,8 @@
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { useContext, useEffect, useMemo, useRef } from "react";
 import styled from "styled-components";
-import { Collapse, Classes as BPClasses } from "@blueprintjs/core";
-import { Classes, getTypographyByKey } from "design-system-old";
-import { Divider, Icon, Text } from "design-system";
+import { getTypographyByKey } from "design-system-old";
+import { Divider } from "design-system";
 import SuggestedWidgets from "./SuggestedWidgets";
-import type { ReactNode, MutableRefObject } from "react";
 import { useParams } from "react-router";
 import { useDispatch, useSelector } from "react-redux";
 import { getWidgets } from "sagas/selectors";
@@ -44,15 +42,18 @@ import {
 } from "utils/storage";
 import { SCHEMA_SECTION_ID } from "entities/Action";
 import { getCurrentUser } from "selectors/usersSelectors";
-import { Tooltip } from "design-system";
 import { ASSETS_CDN_URL } from "constants/ThirdPartyConstants";
 import { FEATURE_WALKTHROUGH_KEYS } from "constants/WalkthroughConstants";
 import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
 import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
 import { getHasManagePagePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
-import type { Datasource } from "entities/Datasource";
 import { DatasourceStructureContext } from "entities/Datasource";
+import Collapsible, {
+  CollapsibleGroup,
+  CollapsibleGroupContainer,
+  DisabledCollapsible,
+} from "components/common/Collapsible";
 
 const SCHEMA_GUIDE_GIF = `${ASSETS_CDN_URL}/schema.gif`;
 
@@ -105,43 +106,6 @@ const SideBar = styled.div`
   }
 `;
 
-const Label = styled.span`
-  cursor: pointer;
-`;
-
-const CollapsibleWrapper = styled.div<{
-  isOpen: boolean;
-  isDisabled?: boolean;
-}>`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  ${(props) => !!props.isDisabled && `opacity: 0.6`};
-
-  &&&&&& .${BPClasses.COLLAPSE} {
-    flex-grow: 1;
-    overflow-y: auto !important;
-  }
-
-  .${BPClasses.COLLAPSE_BODY} {
-    padding-top: ${(props) => props.theme.spaces[3]}px;
-    height: 100%;
-  }
-
-  & > .icon-text:first-child {
-    color: var(--ads-v2-color-fg);
-    ${getTypographyByKey("h4")}
-    cursor: pointer;
-    .${Classes.ICON} {
-      ${(props) => !props.isOpen && `transform: rotate(-90deg);`}
-    }
-
-    .label {
-      padding-left: ${(props) => props.theme.spaces[1] + 1}px;
-    }
-  }
-`;
-
 const Placeholder = styled.div`
   display: flex;
   justify-content: center;
@@ -159,7 +123,10 @@ const DataStructureListWrapper = styled.div`
   flex-direction: column;
 `;
 
-const CollapsibleSection = styled.div<{ height: string; marginTop?: number }>`
+export const CollapsibleSection = styled.div<{
+  height: string;
+  marginTop?: number;
+}>`
   margin-top: ${(props) => props?.marginTop && `${props.marginTop}px`};
   height: auto;
   display: flex;
@@ -171,89 +138,9 @@ const CollapsibleSection = styled.div<{ height: string; marginTop?: number }>`
   }
 `;
 
-interface CollapsibleProps {
-  expand?: boolean;
-  children: ReactNode;
-  label: string;
-  CustomLabelComponent?: (props: any) => JSX.Element;
-  isDisabled?: boolean;
-  datasource?: Partial<Datasource>;
-  containerRef?: MutableRefObject<HTMLDivElement | null>;
-}
-
-interface DisabledCollapsibleProps {
-  label: string;
-  tooltipLabel?: string;
-}
-
-export function Collapsible({
-  children,
-  containerRef,
-  CustomLabelComponent,
-  datasource,
-  expand = true,
-  label,
-}: CollapsibleProps) {
-  const [isOpen, setIsOpen] = useState(!!expand);
-
-  const handleCollapse = (openStatus: boolean) => {
-    if (containerRef?.current) {
-      if (openStatus) {
-        containerRef.current.style.height = "";
-      } else {
-        containerRef.current.style.height = "auto";
-      }
-    }
-    setIsOpen(openStatus);
-  };
-
-  useEffect(() => {
-    handleCollapse(expand);
-  }, [expand]);
-
-  return (
-    <CollapsibleWrapper isOpen={isOpen}>
-      <Label className="icon-text" onClick={() => handleCollapse(!isOpen)}>
-        <Icon
-          className="collapsible-icon"
-          name={isOpen ? "down-arrow" : "arrow-right-s-line"}
-          size="lg"
-        />
-        {!!CustomLabelComponent ? (
-          <CustomLabelComponent
-            datasource={datasource}
-            onRefreshCallback={() => handleCollapse(true)}
-          />
-        ) : (
-          <Text className="label" kind="heading-xs">
-            {label}
-          </Text>
-        )}
-      </Label>
-      <Collapse isOpen={isOpen} keepChildrenMounted>
-        {children}
-      </Collapse>
-    </CollapsibleWrapper>
-  );
-}
-
-export function DisabledCollapsible({
-  label,
-  tooltipLabel = "",
-}: DisabledCollapsibleProps) {
-  return (
-    <Tooltip content={tooltipLabel}>
-      <CollapsibleWrapper isDisabled isOpen={false}>
-        <Label className="icon-text">
-          <Icon name="arrow-right-s-line" size="lg" />
-          <Text className="label" kind="heading-xs">
-            {label}
-          </Text>
-        </Label>
-      </CollapsibleWrapper>
-    </Tooltip>
-  );
-}
+const StyledDivider = styled(Divider)`
+  display: block;
+`;
 
 export function useEntityDependencies(actionName: string) {
   const deps = useSelector((state: AppState) => state.evaluations.dependencies);
@@ -278,6 +165,7 @@ export function useEntityDependencies(actionName: string) {
 function ActionSidebar({
   actionName,
   actionRightPaneBackLink,
+  additionalSections,
   context,
   datasourceId,
   hasConnections,
@@ -292,6 +180,7 @@ function ActionSidebar({
   datasourceId: string;
   pluginId: string;
   context: DatasourceStructureContext;
+  additionalSections?: React.ReactNode;
   actionRightPaneBackLink: React.ReactNode;
 }) {
   const dispatch = useDispatch();
@@ -414,53 +303,65 @@ function ActionSidebar({
   return (
     <SideBar>
       {actionRightPaneBackLink}
+      <CollapsibleGroupContainer>
+        {additionalSections && (
+          <>
+            <CollapsibleGroup maxHeight={"50%"}>
+              {additionalSections}
+            </CollapsibleGroup>
+            <StyledDivider />
+          </>
+        )}
+        <CollapsibleGroup height={additionalSections ? "50%" : "100%"}>
+          {showSchema && (
+            <CollapsibleSection
+              data-testId="datasource-schema-container"
+              height={
+                datasourceStructure?.tables?.length && !isLoadingSchema
+                  ? "50%"
+                  : "auto"
+              }
+              id={SCHEMA_SECTION_ID}
+              ref={schemaRef}
+            >
+              <Collapsible
+                CustomLabelComponent={DatasourceStructureHeader}
+                containerRef={schemaRef}
+                datasource={{ id: datasourceId }}
+                expand={!showSuggestedWidgets}
+                label="Schema"
+              >
+                <DataStructureListWrapper>
+                  <DataStructureList
+                    context={context}
+                    currentActionId={params?.queryId || ""}
+                    datasourceId={datasourceId || ""}
+                    datasourceStructure={datasourceStructure}
+                    pluginName={pluginName}
+                    step={0}
+                  />
+                </DataStructureListWrapper>
+              </Collapsible>
+            </CollapsibleSection>
+          )}
 
-      {showSchema && (
-        <CollapsibleSection
-          height={
-            datasourceStructure?.tables?.length && !isLoadingSchema
-              ? "50%"
-              : "auto"
-          }
-          id={SCHEMA_SECTION_ID}
-          ref={schemaRef}
-        >
-          <Collapsible
-            CustomLabelComponent={DatasourceStructureHeader}
-            containerRef={schemaRef}
-            datasource={{ id: datasourceId }}
-            expand={!showSuggestedWidgets}
-            label="Schema"
-          >
-            <DataStructureListWrapper>
-              <DataStructureList
-                context={context}
-                currentActionId={params?.queryId || ""}
-                datasourceId={datasourceId || ""}
-                datasourceStructure={datasourceStructure}
-                pluginName={pluginName}
-                step={0}
+          {showSchema && <StyledDivider />}
+          {showSuggestedWidgets ? (
+            <CollapsibleSection height={"40%"} marginTop={12}>
+              <SuggestedWidgets
+                actionName={actionName}
+                hasWidgets={hasWidgets}
+                suggestedWidgets={suggestedWidgets as SuggestedWidget[]}
               />
-            </DataStructureListWrapper>
-          </Collapsible>
-        </CollapsibleSection>
-      )}
-
-      {showSchema && <Divider />}
-      {showSuggestedWidgets ? (
-        <CollapsibleSection height={"40%"} marginTop={12}>
-          <SuggestedWidgets
-            actionName={actionName}
-            hasWidgets={hasWidgets}
-            suggestedWidgets={suggestedWidgets as SuggestedWidget[]}
-          />
-        </CollapsibleSection>
-      ) : (
-        <DisabledCollapsible
-          label={createMessage(BINDING_SECTION_LABEL)}
-          tooltipLabel={createMessage(BINDINGS_DISABLED_TOOLTIP)}
-        />
-      )}
+            </CollapsibleSection>
+          ) : (
+            <DisabledCollapsible
+              label={createMessage(BINDING_SECTION_LABEL)}
+              tooltipLabel={createMessage(BINDINGS_DISABLED_TOOLTIP)}
+            />
+          )}
+        </CollapsibleGroup>
+      </CollapsibleGroupContainer>
     </SideBar>
   );
 }
diff --git a/app/client/src/components/editorComponents/CodeEditor/BindingPrompt.tsx b/app/client/src/components/editorComponents/CodeEditor/BindingPrompt.tsx
index f116acacac..8641b3c7bc 100644
--- a/app/client/src/components/editorComponents/CodeEditor/BindingPrompt.tsx
+++ b/app/client/src/components/editorComponents/CodeEditor/BindingPrompt.tsx
@@ -28,7 +28,6 @@ function BindingPrompt(props: {
   isOpen: boolean;
   editorTheme?: EditorTheme;
   showLightningMenu?: boolean;
-  isAIEnabled?: boolean;
 }): JSX.Element {
   const promptRef = useRef<HTMLDivElement>(null);
   const customMessage = !!props.promptMessage;
diff --git a/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx b/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx
index 85cde062f5..0b8904348a 100644
--- a/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx
+++ b/app/client/src/components/editorComponents/CodeEditor/generateQuickCommands.tsx
@@ -100,8 +100,8 @@ export function Command(props: {
 }) {
   return (
     <div className="command-container">
-      <div className="command">
-        {props.icon}
+      <div className="command flex">
+        <div className="self-center">{props.icon}</div>
         <div className="flex flex-col gap-1">
           <div className="overflow-hidden overflow-ellipsis whitespace-nowrap flex flex-row items-center gap-2 text-[color:var(--ads-v2\-colors-content-label-default-fg)]">
             {props.name}
@@ -235,7 +235,6 @@ export const generateQuickCommands = (
       displayText: APPSMITH_AI,
       shortcut: Shortcuts.ASK_AI,
       triggerCompletionsPostPick: true,
-      description: "Generate code using AI",
       isBeta: true,
       action: () => {
         executeCommand({
diff --git a/app/client/src/components/editorComponents/CodeEditor/hintHelpers.test.ts b/app/client/src/components/editorComponents/CodeEditor/hintHelpers.test.ts
index 5268c3e99e..052dec5266 100644
--- a/app/client/src/components/editorComponents/CodeEditor/hintHelpers.test.ts
+++ b/app/client/src/components/editorComponents/CodeEditor/hintHelpers.test.ts
@@ -25,6 +25,24 @@ function generateRandomTable() {
   return table;
 }
 
+jest.mock("utils/getCodeMirrorNamespace", () => {
+  const actual = jest.requireActual("utils/getCodeMirrorNamespace");
+  return {
+    ...actual,
+    getCodeMirrorNamespaceFromDoc: jest.fn((doc) => ({
+      ...actual.getCodeMirrorNamespaceFromDoc(doc),
+      innerMode: jest.fn(() => ({
+        mode: {
+          name: "",
+        },
+        state: {
+          lexical: {},
+        },
+      })),
+    })),
+  };
+});
+
 describe("hint helpers", () => {
   describe("binding hint helper", () => {
     it("is initialized correctly", () => {
@@ -80,16 +98,22 @@ describe("hint helpers", () => {
 
       cases.forEach((testCase) => {
         MockCodemirrorEditor.getValue.mockReturnValueOnce(testCase.value);
-        MockCodemirrorEditor.getCursor.mockReturnValueOnce(testCase.cursor);
+        MockCodemirrorEditor.getCursor.mockReturnValue(testCase.cursor);
         if (testCase.getLine) {
           testCase.getLine.forEach((line) => {
             MockCodemirrorEditor.getLine.mockReturnValueOnce(line);
           });
         }
-      });
-
-      // Test
-      cases.forEach(() => {
+        MockCodemirrorEditor.getTokenAt.mockReturnValueOnce({
+          type: "string",
+          string: "",
+        });
+        MockCodemirrorEditor.getDoc.mockReturnValueOnce({
+          getCursor: () => testCase.cursor,
+          somethingSelected: () => false,
+          getValue: () => testCase.value,
+          getEditor: () => MockCodemirrorEditor,
+        } as unknown as CodeMirror.Doc);
         // @ts-expect-error: Types are not available
         const helper = bindingHintHelper(MockCodemirrorEditor, {});
         // @ts-expect-error: Types are not available
diff --git a/app/client/src/components/editorComponents/CodeEditor/hintHelpers.ts b/app/client/src/components/editorComponents/CodeEditor/hintHelpers.ts
index bd35bee022..11f793aba1 100644
--- a/app/client/src/components/editorComponents/CodeEditor/hintHelpers.ts
+++ b/app/client/src/components/editorComponents/CodeEditor/hintHelpers.ts
@@ -37,12 +37,12 @@ export const bindingHintHelper: HintHelper = (editor: CodeMirror.Editor) => {
       additionalData,
     ): boolean => {
       if (additionalData && additionalData.blockCompletions) {
-        CodemirrorTernService.setEntityInformation({
+        CodemirrorTernService.setEntityInformation(editor, {
           ...entityInformation,
           blockCompletions: additionalData.blockCompletions,
         });
       } else {
-        CodemirrorTernService.setEntityInformation(entityInformation);
+        CodemirrorTernService.setEntityInformation(editor, entityInformation);
       }
 
       const entityType = entityInformation?.entityType;
diff --git a/app/client/src/components/editorComponents/CodeEditor/index.tsx b/app/client/src/components/editorComponents/CodeEditor/index.tsx
index 65cd5df06f..ebd5c8273c 100644
--- a/app/client/src/components/editorComponents/CodeEditor/index.tsx
+++ b/app/client/src/components/editorComponents/CodeEditor/index.tsx
@@ -161,6 +161,7 @@ import {
   resetActiveEditorField,
   setActiveEditorField,
 } from "actions/activeFieldActions";
+import CodeMirrorTernService from "utils/autocomplete/CodemirrorTernService";
 
 type ReduxStateProps = ReturnType<typeof mapStateToProps>;
 type ReduxDispatchProps = ReturnType<typeof mapDispatchToProps>;
@@ -266,6 +267,7 @@ interface State {
     | undefined;
   isDynamic: boolean;
   showAIWindow: boolean;
+  ternToolTipActive: boolean;
 }
 
 const getEditorIdentifier = (props: EditorProps): string => {
@@ -304,6 +306,7 @@ class CodeEditor extends Component<Props, State> {
       ctrlPressed: false,
       peekOverlayProps: undefined,
       showAIWindow: false,
+      ternToolTipActive: false,
     };
     this.updatePropertyValue = this.updatePropertyValue.bind(this);
     this.focusEditor = this.focusEditor.bind(this);
@@ -440,6 +443,7 @@ class CodeEditor extends Component<Props, State> {
         editor.on("keydown", this.handleAutocompleteKeydown);
         editor.on("focus", this.handleEditorFocus);
         editor.on("cursorActivity", this.handleCursorMovement);
+        editor.on("cursorActivity", this.debouncedArgHints);
         editor.on("blur", this.handleEditorBlur);
         editor.on("mousedown", this.handleClick);
         editor.on("scrollCursorIntoView", this.handleScrollCursorIntoView);
@@ -535,6 +539,12 @@ class CodeEditor extends Component<Props, State> {
     this.editor.refresh();
   }, 100);
 
+  debouncedArgHints = _.debounce(() => {
+    this.setState({
+      ternToolTipActive: CodeMirrorTernService.updateArgHints(this.editor),
+    });
+  }, 200);
+
   componentDidUpdate(prevProps: Props): void {
     const identifierHasChanged =
       getEditorIdentifier(this.props) !== getEditorIdentifier(prevProps);
@@ -584,10 +594,6 @@ class CodeEditor extends Component<Props, State> {
     }
 
     this.editor.operation(() => {
-      if (prevProps.lintErrors !== this.props.lintErrors) {
-        this.lintCode(this.editor);
-      }
-
       const editorValue = this.editor.getValue();
       // Safe update of value of the editor when value updated outside the editor
       const inputValue = getInputValue(this.props.input.value);
@@ -633,6 +639,9 @@ class CodeEditor extends Component<Props, State> {
           this.props.entitiesForNavigation,
         );
       }
+      if (prevProps.lintErrors !== this.props.lintErrors) {
+        this.lintCode(this.editor);
+      }
       if (this.props.datasourceTableKeys !== prevProps.datasourceTableKeys) {
         sqlHint.setDatasourceTableKeys(this.props.datasourceTableKeys);
       }
@@ -666,6 +675,9 @@ class CodeEditor extends Component<Props, State> {
       },
     });
 
+    if (this.state.ternToolTipActive) {
+      CodeMirrorTernService.closeArgHints();
+    }
     AnalyticsUtil.logEvent("PEEK_OVERLAY_OPENED", {
       property: expression,
     });
@@ -680,6 +692,11 @@ class CodeEditor extends Component<Props, State> {
         peekOverlayProps: undefined,
       });
     }
+    if (this.state.ternToolTipActive) {
+      this.setState({
+        ternToolTipActive: CodeMirrorTernService.updateArgHints(this.editor),
+      });
+    }
   };
 
   debounceHandleMouseOver = debounce(
@@ -876,6 +893,7 @@ class CodeEditor extends Component<Props, State> {
     this.editor.off("keydown", this.handleAutocompleteKeydown);
     this.editor.off("focus", this.handleEditorFocus);
     this.editor.off("cursorActivity", this.handleCursorMovement);
+    this.editor.off("cursorActivity", this.debouncedArgHints);
     this.editor.off("blur", this.handleEditorBlur);
     CodeMirror.off(
       this.editor.getWrapperElement(),
@@ -884,6 +902,8 @@ class CodeEditor extends Component<Props, State> {
     );
     // @ts-expect-error: Types are not available
     this.editor.closeHint();
+
+    CodeMirrorTernService.closeArgHints();
   }
 
   private handleKeydown = (e: KeyboardEvent) => {
@@ -1545,7 +1565,10 @@ class CodeEditor extends Component<Props, State> {
     const showEvaluatedValue =
       this.showFeatures() &&
       (this.state.isDynamic || isInvalid) &&
-      !this.state.showAIWindow;
+      !this.state.showAIWindow &&
+      !this.state.peekOverlayProps &&
+      !this.editor.state.completionActive &&
+      !this.state.ternToolTipActive;
 
     return (
       <DynamicAutocompleteInputWrapper
@@ -1597,7 +1620,7 @@ class CodeEditor extends Component<Props, State> {
           expected={expected}
           hasError={isInvalid}
           hideEvaluatedValue={hideEvaluatedValue}
-          isOpen={showEvaluatedValue && !this.state.peekOverlayProps}
+          isOpen={showEvaluatedValue}
           popperPlacement={this.props.popperPlacement}
           popperZIndex={this.props.popperZIndex}
           theme={theme || EditorTheme.LIGHT}
@@ -1670,7 +1693,6 @@ class CodeEditor extends Component<Props, State> {
                 <CodeEditorSignPosting
                   editorTheme={this.props.theme}
                   forComp="editor"
-                  isAIEnabled={this.AIEnabled}
                   isOpen={this.isBindingPromptOpen()}
                   mode={this.props.mode}
                   promptMessage={this.props.promptMessage}
diff --git a/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts b/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
index 7a5192f426..783921980d 100644
--- a/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
+++ b/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
@@ -37,6 +37,7 @@ export const CodeEditorColors = {
   NUMBER: "#555",
   COMMENT: "var(--ads-v2-color-gray-400)",
   FUNCTION_ARGS: "hsl(288, 44%, 44%)",
+  TOOLTIP_FN_ARGS: "#DB6E33",
 };
 
 export const EditorWrapper = styled.div<{
diff --git a/app/client/src/components/editorComponents/Debugger/ActionLink.tsx b/app/client/src/components/editorComponents/Debugger/ActionLink.tsx
new file mode 100644
index 0000000000..1a21f708ab
--- /dev/null
+++ b/app/client/src/components/editorComponents/Debugger/ActionLink.tsx
@@ -0,0 +1,49 @@
+import { PluginType } from "entities/Action";
+import { ENTITY_TYPE } from "entities/AppsmithConsole";
+import React, { useCallback } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import type { AppState } from "@appsmith/reducers";
+import { getAction } from "@appsmith/selectors/entitiesSelector";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { navigateToEntity } from "actions/editorActions";
+import { DebuggerEntityLink, type EntityLinkProps } from "./DebuggerEntityLink";
+
+export default function ActionLink(props: EntityLinkProps) {
+  const action = useSelector((state: AppState) => getAction(state, props.id));
+  const dispatch = useDispatch();
+
+  const onClick = useCallback(() => {
+    if (action) {
+      dispatch(
+        navigateToEntity({
+          id: action.id,
+          entityType: ENTITY_TYPE.ACTION,
+          propertyPath: props.propertyPath,
+        }),
+      );
+      const actionType = action.pluginType === PluginType.API ? "API" : "QUERY";
+
+      AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
+        errorType: props.errorType,
+        errorSubType: props.errorSubType,
+        appsmithErrorCode: props.appsmithErrorCode,
+        entityType: actionType,
+      });
+    }
+  }, [
+    action,
+    props.propertyPath,
+    props.errorType,
+    props.errorSubType,
+    props.appsmithErrorCode,
+  ]);
+
+  return (
+    <DebuggerEntityLink
+      entityType={props.type}
+      name={props.name}
+      onClick={onClick}
+      uiComponent={props.uiComponent}
+    />
+  );
+}
diff --git a/app/client/src/components/editorComponents/Debugger/DataSourceLink.tsx b/app/client/src/components/editorComponents/Debugger/DataSourceLink.tsx
new file mode 100644
index 0000000000..11761a696a
--- /dev/null
+++ b/app/client/src/components/editorComponents/Debugger/DataSourceLink.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { DebuggerEntityLink, type EntityLinkProps } from "./DebuggerEntityLink";
+import { useSelector } from "react-redux";
+import type { AppState } from "@appsmith/reducers";
+import { getCurrentPageId } from "selectors/editorSelectors";
+import { getDatasource } from "@appsmith/selectors/entitiesSelector";
+import history from "utils/history";
+import { getQueryParams } from "utils/URLUtils";
+import { datasourcesEditorIdURL } from "@appsmith/RouteBuilder";
+
+export default function DatasourceLink(props: EntityLinkProps) {
+  const datasource = useSelector((state: AppState) =>
+    getDatasource(state, props.id),
+  );
+  const pageId = useSelector(getCurrentPageId);
+
+  const onClick = () => {
+    if (datasource) {
+      history.push(
+        datasourcesEditorIdURL({
+          pageId,
+          datasourceId: datasource.id,
+          params: getQueryParams(),
+        }),
+      );
+      AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
+        errorType: props.errorType,
+        errorSubType: props.errorSubType,
+        appsmithErrorCode: props.appsmithErrorCode,
+        entityType: "DATASOURCE",
+      });
+    }
+  };
+
+  return (
+    <DebuggerEntityLink
+      entityType={props.type}
+      name={props.name}
+      onClick={onClick}
+      uiComponent={props.uiComponent}
+    />
+  );
+}
diff --git a/app/client/src/components/editorComponents/Debugger/DebuggerEntityLink.tsx b/app/client/src/components/editorComponents/Debugger/DebuggerEntityLink.tsx
new file mode 100644
index 0000000000..bcc5c37a1c
--- /dev/null
+++ b/app/client/src/components/editorComponents/Debugger/DebuggerEntityLink.tsx
@@ -0,0 +1,62 @@
+import type {
+  ENTITY_TYPE,
+  Message,
+  SourceEntity,
+} from "entities/AppsmithConsole";
+import React, { useCallback } from "react";
+import type LOG_TYPE from "entities/AppsmithConsole/logtype";
+import type { Plugin } from "api/PluginApi";
+import { Link } from "design-system";
+
+export enum DebuggerLinkUI {
+  ENTITY_TYPE,
+  ENTITY_NAME,
+}
+
+export type EntityLinkProps = {
+  uiComponent: DebuggerLinkUI;
+  plugin?: Plugin;
+  errorType?: LOG_TYPE;
+  errorSubType?: string;
+  appsmithErrorCode?: string;
+  message?: Message;
+} & SourceEntity;
+
+export function DebuggerEntityLink(props: {
+  name: string;
+  onClick: any;
+  entityType: ENTITY_TYPE;
+  uiComponent: DebuggerLinkUI;
+}) {
+  const handleClick = useCallback(
+    (e) => {
+      e.stopPropagation();
+      props.onClick();
+    },
+    [props.onClick],
+  );
+
+  switch (props.uiComponent) {
+    case DebuggerLinkUI.ENTITY_TYPE:
+      return (
+        <span className="debugger-entity">
+          [
+          <Link kind="secondary" onClick={handleClick}>
+            {props.name}
+          </Link>
+          ]
+        </span>
+      );
+    case DebuggerLinkUI.ENTITY_NAME:
+      return (
+        <Link
+          className="debugger-entity-link t--debugger-log-entity-link"
+          onClick={handleClick}
+        >
+          {props.name}
+        </Link>
+      );
+    default:
+      return null;
+  }
+}
diff --git a/app/client/src/components/editorComponents/Debugger/EntityLink.tsx b/app/client/src/components/editorComponents/Debugger/EntityLink.tsx
index b82b226418..cee347d114 100644
--- a/app/client/src/components/editorComponents/Debugger/EntityLink.tsx
+++ b/app/client/src/components/editorComponents/Debugger/EntityLink.tsx
@@ -1,239 +1,10 @@
-import { PluginType } from "entities/Action";
-import type { Message, SourceEntity } from "entities/AppsmithConsole";
-import { ENTITY_TYPE } from "entities/AppsmithConsole";
-import React, { useCallback } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import type { AppState } from "@appsmith/reducers";
-import { getCurrentPageId } from "selectors/editorSelectors";
-import { getAction, getDatasource } from "@appsmith/selectors/entitiesSelector";
-import AnalyticsUtil from "utils/AnalyticsUtil";
-import history from "utils/history";
-import { getQueryParams } from "utils/URLUtils";
-import { datasourcesEditorIdURL } from "@appsmith/RouteBuilder";
-import type LOG_TYPE from "entities/AppsmithConsole/logtype";
-import { Link } from "design-system";
-import type { Plugin } from "api/PluginApi";
-import { navigateToEntity } from "actions/editorActions";
-
-function ActionLink(props: EntityLinkProps) {
-  const action = useSelector((state: AppState) => getAction(state, props.id));
-  const dispatch = useDispatch();
-
-  const onClick = useCallback(() => {
-    if (action) {
-      dispatch(
-        navigateToEntity({
-          id: action.id,
-          entityType: ENTITY_TYPE.ACTION,
-          propertyPath: props.propertyPath,
-        }),
-      );
-      const actionType = action.pluginType === PluginType.API ? "API" : "QUERY";
-
-      AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
-        errorType: props.errorType,
-        errorSubType: props.errorSubType,
-        appsmithErrorCode: props.appsmithErrorCode,
-        entityType: actionType,
-      });
-    }
-  }, [
-    action,
-    props.propertyPath,
-    props.errorType,
-    props.errorSubType,
-    props.appsmithErrorCode,
-  ]);
-
-  return (
-    <DebuggerEntityLink
-      entityType={props.type}
-      name={props.name}
-      onClick={onClick}
-      uiComponent={props.uiComponent}
-    />
-  );
-}
-
-function JSCollectionLink(props: EntityLinkProps) {
-  const dispatch = useDispatch();
-  let position: { ch: number; line: number } | undefined;
-  if (props.message) {
-    if (props.message.character && props.message.lineNumber) {
-      position = {
-        ch: props.message.character,
-        line: props.message.lineNumber,
-      };
-    }
-  }
-  const onClick = useCallback(() => {
-    if (props.id) {
-      dispatch(
-        navigateToEntity({
-          id: props.id,
-          entityType: ENTITY_TYPE.JSACTION,
-          propertyPath: props.propertyPath,
-          position,
-        }),
-      );
-
-      AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
-        errorType: props.errorType,
-        errorSubType: props.errorSubType,
-        appsmithErrorCode: props.appsmithErrorCode,
-        entityType: "JSACTION",
-      });
-    }
-  }, [
-    props.id,
-    props.propertyPath,
-    props.errorType,
-    props.errorSubType,
-    props.appsmithErrorCode,
-  ]);
-  return (
-    <DebuggerEntityLink
-      entityType={props.type}
-      name={props.name}
-      onClick={onClick}
-      uiComponent={props.uiComponent}
-    />
-  );
-}
-
-function WidgetLink(props: EntityLinkProps) {
-  const dispatch = useDispatch();
-
-  const onClick = useCallback(() => {
-    dispatch(
-      navigateToEntity({
-        id: props.id,
-        entityType: ENTITY_TYPE.WIDGET,
-        propertyPath: props.propertyPath,
-      }),
-    );
-
-    AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
-      errorType: props.errorType,
-      errorSubType: props.errorSubType,
-      appsmithErrorCode: props.appsmithErrorCode,
-      entityType: "WIDGET",
-    });
-  }, [
-    props.id,
-    props.propertyPath,
-    props.errorType,
-    props.errorSubType,
-    props.appsmithErrorCode,
-  ]);
-
-  return (
-    <DebuggerEntityLink
-      entityType={props.type}
-      name={props.name}
-      onClick={onClick}
-      uiComponent={props.uiComponent}
-    />
-  );
-}
-
-function DatasourceLink(props: EntityLinkProps) {
-  const datasource = useSelector((state: AppState) =>
-    getDatasource(state, props.id),
-  );
-  const pageId = useSelector(getCurrentPageId);
-
-  const onClick = () => {
-    if (datasource) {
-      history.push(
-        datasourcesEditorIdURL({
-          pageId,
-          datasourceId: datasource.id,
-          params: getQueryParams(),
-        }),
-      );
-      AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
-        errorType: props.errorType,
-        errorSubType: props.errorSubType,
-        appsmithErrorCode: props.appsmithErrorCode,
-        entityType: "DATASOURCE",
-      });
-    }
-  };
-
-  return (
-    <DebuggerEntityLink
-      entityType={props.type}
-      name={props.name}
-      onClick={onClick}
-      uiComponent={props.uiComponent}
-    />
-  );
-}
-
-function DebuggerEntityLink(props: {
-  name: string;
-  onClick: any;
-  entityType: ENTITY_TYPE;
-  uiComponent: DebuggerLinkUI;
-}) {
-  const handleClick = useCallback(
-    (e) => {
-      e.stopPropagation();
-      props.onClick();
-    },
-    [props.onClick],
-  );
-
-  switch (props.uiComponent) {
-    case DebuggerLinkUI.ENTITY_TYPE:
-      return (
-        <span className="debugger-entity">
-          [
-          <Link kind="secondary" onClick={handleClick}>
-            {props.name}
-          </Link>
-          ]
-        </span>
-      );
-    case DebuggerLinkUI.ENTITY_NAME:
-      return (
-        <Link
-          className="debugger-entity-link t--debugger-log-entity-link"
-          onClick={handleClick}
-        >
-          {props.name}
-        </Link>
-      );
-    default:
-      return null;
-  }
-}
-
-const entityTypeLinkMap = {
-  [ENTITY_TYPE.WIDGET]: WidgetLink,
-  [ENTITY_TYPE.ACTION]: ActionLink,
-  [ENTITY_TYPE.DATASOURCE]: DatasourceLink,
-  [ENTITY_TYPE.JSACTION]: JSCollectionLink,
-};
+import { entityTypeLinkMap } from "@appsmith/components/editorComponents/Debugger/entityTypeLinkMap";
+import React from "react";
+import type { EntityLinkProps } from "./DebuggerEntityLink";
 
 function EntityLink(props: EntityLinkProps) {
   const Component = entityTypeLinkMap[props.type];
   return <Component {...props} />;
 }
 
-type EntityLinkProps = {
-  uiComponent: DebuggerLinkUI;
-  plugin?: Plugin;
-  errorType?: LOG_TYPE;
-  errorSubType?: string;
-  appsmithErrorCode?: string;
-  message?: Message;
-} & SourceEntity;
-
-export enum DebuggerLinkUI {
-  ENTITY_TYPE,
-  ENTITY_NAME,
-}
-
 export default EntityLink;
diff --git a/app/client/src/components/editorComponents/Debugger/ErrorLogs/components/LogEntityLink.tsx b/app/client/src/components/editorComponents/Debugger/ErrorLogs/components/LogEntityLink.tsx
index 04db47115f..c77bdbb1d8 100644
--- a/app/client/src/components/editorComponents/Debugger/ErrorLogs/components/LogEntityLink.tsx
+++ b/app/client/src/components/editorComponents/Debugger/ErrorLogs/components/LogEntityLink.tsx
@@ -13,8 +13,9 @@ import {
 import { ENTITY_TYPE } from "entities/AppsmithConsole";
 import { PluginType } from "entities/Action";
 import { getPlugins } from "@appsmith/selectors/entitiesSelector";
-import EntityLink, { DebuggerLinkUI } from "../../EntityLink";
+import EntityLink from "../../EntityLink";
 import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
+import { DebuggerLinkUI } from "components/editorComponents/Debugger/DebuggerEntityLink";
 
 const EntityLinkWrapper = styled.div`
   display: flex;
diff --git a/app/client/src/components/editorComponents/Debugger/JSCollectionLink.tsx b/app/client/src/components/editorComponents/Debugger/JSCollectionLink.tsx
new file mode 100644
index 0000000000..3f40876b43
--- /dev/null
+++ b/app/client/src/components/editorComponents/Debugger/JSCollectionLink.tsx
@@ -0,0 +1,52 @@
+import React, { useDispatch } from "react-redux";
+import { DebuggerEntityLink, type EntityLinkProps } from "./DebuggerEntityLink";
+import { useCallback } from "react";
+import { navigateToEntity } from "actions/editorActions";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { ENTITY_TYPE } from "entities/AppsmithConsole";
+
+export default function JSCollectionLink(props: EntityLinkProps) {
+  const dispatch = useDispatch();
+  let position: { ch: number; line: number } | undefined;
+  if (props.message) {
+    if (props.message.character && props.message.lineNumber) {
+      position = {
+        ch: props.message.character,
+        line: props.message.lineNumber,
+      };
+    }
+  }
+  const onClick = useCallback(() => {
+    if (props.id) {
+      dispatch(
+        navigateToEntity({
+          id: props.id,
+          entityType: ENTITY_TYPE.JSACTION,
+          propertyPath: props.propertyPath,
+          position,
+        }),
+      );
+
+      AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
+        errorType: props.errorType,
+        errorSubType: props.errorSubType,
+        appsmithErrorCode: props.appsmithErrorCode,
+        entityType: "JSACTION",
+      });
+    }
+  }, [
+    props.id,
+    props.propertyPath,
+    props.errorType,
+    props.errorSubType,
+    props.appsmithErrorCode,
+  ]);
+  return (
+    <DebuggerEntityLink
+      entityType={props.type}
+      name={props.name}
+      onClick={onClick}
+      uiComponent={props.uiComponent}
+    />
+  );
+}
diff --git a/app/client/src/components/editorComponents/Debugger/LogItem.tsx b/app/client/src/components/editorComponents/Debugger/LogItem.tsx
index d718de1b7e..2b4fd412d6 100644
--- a/app/client/src/components/editorComponents/Debugger/LogItem.tsx
+++ b/app/client/src/components/editorComponents/Debugger/LogItem.tsx
@@ -6,13 +6,14 @@ import type { PropsWithChildren } from "react";
 import React, { useState } from "react";
 import ReactJson from "react-json-view";
 import styled from "styled-components";
-import EntityLink, { DebuggerLinkUI } from "./EntityLink";
+import EntityLink from "./EntityLink";
 import { getLogIcon } from "./helpers";
 import { Classes, getTypographyByKey } from "design-system-old";
 import ContextualMenu from "./ContextualMenu";
 import { Button, Icon } from "design-system";
 import moment from "moment";
 import classNames from "classnames";
+import { DebuggerLinkUI } from "components/editorComponents/Debugger/DebuggerEntityLink";
 
 const Wrapper = styled.div<{ collapsed: boolean }>`
   display: flex;
diff --git a/app/client/src/components/editorComponents/Debugger/WidgetLink.tsx b/app/client/src/components/editorComponents/Debugger/WidgetLink.tsx
new file mode 100644
index 0000000000..4c2ea2f5d7
--- /dev/null
+++ b/app/client/src/components/editorComponents/Debugger/WidgetLink.tsx
@@ -0,0 +1,42 @@
+import { ENTITY_TYPE } from "entities/AppsmithConsole";
+import React, { useCallback } from "react";
+import { useDispatch } from "react-redux";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { navigateToEntity } from "actions/editorActions";
+import { DebuggerEntityLink, type EntityLinkProps } from "./DebuggerEntityLink";
+
+export default function WidgetLink(props: EntityLinkProps) {
+  const dispatch = useDispatch();
+
+  const onClick = useCallback(() => {
+    dispatch(
+      navigateToEntity({
+        id: props.id,
+        entityType: ENTITY_TYPE.WIDGET,
+        propertyPath: props.propertyPath,
+      }),
+    );
+
+    AnalyticsUtil.logEvent("DEBUGGER_ENTITY_NAVIGATION", {
+      errorType: props.errorType,
+      errorSubType: props.errorSubType,
+      appsmithErrorCode: props.appsmithErrorCode,
+      entityType: "WIDGET",
+    });
+  }, [
+    props.id,
+    props.propertyPath,
+    props.errorType,
+    props.errorSubType,
+    props.appsmithErrorCode,
+  ]);
+
+  return (
+    <DebuggerEntityLink
+      entityType={props.type}
+      name={props.name}
+      onClick={onClick}
+      uiComponent={props.uiComponent}
+    />
+  );
+}
diff --git a/app/client/src/components/editorComponents/EntityExplorerSidebar.tsx b/app/client/src/components/editorComponents/EntityExplorerSidebar.tsx
index 20783c5b95..d4e614ce43 100644
--- a/app/client/src/components/editorComponents/EntityExplorerSidebar.tsx
+++ b/app/client/src/components/editorComponents/EntityExplorerSidebar.tsx
@@ -1,13 +1,13 @@
+import * as Sentry from "@sentry/react";
+import classNames from "classnames";
 import React, {
   memo,
-  useEffect,
-  useRef,
   useCallback,
-  useState,
+  useEffect,
   useMemo,
+  useRef,
+  useState,
 } from "react";
-import classNames from "classnames";
-import * as Sentry from "@sentry/react";
 import { useDispatch, useSelector } from "react-redux";
 
 import PerformanceTracker, {
@@ -32,7 +32,7 @@ import { getEditingEntityName } from "@appsmith/selectors/entitiesSelector";
 import styled from "styled-components";
 import moment from "moment";
 import AnalyticsUtil from "../../utils/AnalyticsUtil";
-import { getIsAppSidebarEnabled } from "../../selectors/ideSelectors";
+import { useIsAppSidebarEnabled } from "../../navigation/featureFlagHooks";
 
 const StyledResizer = styled.div<{ resizing: boolean }>`
   ${(props) =>
@@ -60,7 +60,7 @@ export const EntityExplorerSidebar = memo(({ children }: Props) => {
   const active = useSelector(getExplorerActive);
   const sidebarRef = useRef<HTMLDivElement>(null);
   const pinned = useSelector(getExplorerPinned);
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   /**
    * on entity explorer sidebar width change
@@ -219,7 +219,7 @@ export const EntityExplorerSidebar = memo(({ children }: Props) => {
     >
       {/* SIDEBAR */}
       <div
-        className="flex flex-col p-0 bg-white t--sidebar min-w-52 max-w-96 group"
+        className="flex flex-col p-0 bg-white min-w-52 max-w-96 group"
         onMouseEnter={handleMouseEnter}
         onMouseLeave={handleMouseLeave}
         ref={sidebarRef}
diff --git a/app/client/src/components/editorComponents/GlobalSearch/GlobalSearchHooks.tsx b/app/client/src/components/editorComponents/GlobalSearch/GlobalSearchHooks.tsx
index ee67e0d388..1e55a8ab7f 100644
--- a/app/client/src/components/editorComponents/GlobalSearch/GlobalSearchHooks.tsx
+++ b/app/client/src/components/editorComponents/GlobalSearch/GlobalSearchHooks.tsx
@@ -37,10 +37,12 @@ import {
   hasCreateDSActionPermissionInApp,
 } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 import type { Plugin } from "api/PluginApi";
+import { useModuleOptions } from "@appsmith/utils/moduleInstanceHelpers";
 
 export const useFilteredFileOperations = (query = "") => {
   const { appWideDS = [], otherDS = [] } = useAppWideAndOtherDatasource();
   const plugins = useSelector(getPlugins);
+  const moduleOptions = useModuleOptions();
 
   // helper map for sorting based on recent usage
   const recentlyUsedDSMap = useRecentlyUsedDSMap();
@@ -76,6 +78,7 @@ export const useFilteredFileOperations = (query = "") => {
     allDatasources,
     canCreateActions,
     canCreateDatasource,
+    moduleOptions,
     plugins,
     recentlyUsedDSMap,
     query,
@@ -86,6 +89,7 @@ export const useFilteredAndSortedFileOperations = ({
   allDatasources = [],
   canCreateActions = true,
   canCreateDatasource = true,
+  moduleOptions = [],
   plugins = [],
   query,
   recentlyUsedDSMap = {},
@@ -93,6 +97,7 @@ export const useFilteredAndSortedFileOperations = ({
   allDatasources?: Datasource[];
   canCreateActions?: boolean;
   canCreateDatasource?: boolean;
+  moduleOptions?: ActionOperation[];
   plugins?: Plugin[];
   recentlyUsedDSMap?: Record<string, number>;
   query: string;
@@ -109,6 +114,11 @@ export const useFilteredAndSortedFileOperations = ({
   // Add JS Object operation
   fileOperations.push(actionOps[2]);
 
+  // Add Module operations
+  if (moduleOptions.length > 0) {
+    moduleOptions.map((moduleOp) => fileOperations.push(moduleOp));
+  }
+
   // Add app datasources
   if (allDatasources.length > 0) {
     fileOperations.push(createQueryOption);
diff --git a/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/EntityCheckboxSelector.tsx b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/EntityCheckboxSelector.tsx
new file mode 100644
index 0000000000..a5502f65c6
--- /dev/null
+++ b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/EntityCheckboxSelector.tsx
@@ -0,0 +1,34 @@
+import { Checkbox } from "design-system";
+import React from "react";
+import { CheckBoxGrid, CheckboxWrapper } from "./StyledSheet";
+
+interface Props {
+  entities: { id?: string; name: string }[];
+  onEntityChecked: (id: string, selected: boolean) => void;
+  selectedIds: string[];
+}
+const EntityCheckboxSelector = ({
+  entities,
+  onEntityChecked,
+  selectedIds,
+}: Props) => {
+  return (
+    <CheckboxWrapper>
+      <CheckBoxGrid>
+        {entities.map((ds) => (
+          <Checkbox
+            isSelected={selectedIds.includes(ds.id || ds.name)}
+            key={ds.id || ds.name}
+            onChange={(isSelected) =>
+              onEntityChecked(ds.id || ds.name, isSelected)
+            }
+          >
+            {ds.name}
+          </Checkbox>
+        ))}
+      </CheckBoxGrid>
+    </CheckboxWrapper>
+  );
+};
+
+export default EntityCheckboxSelector;
diff --git a/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/JSObjectsNQueriesExport.tsx b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/JSObjectsNQueriesExport.tsx
new file mode 100644
index 0000000000..2720ddf16c
--- /dev/null
+++ b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/JSObjectsNQueriesExport.tsx
@@ -0,0 +1,85 @@
+import { getPlugins } from "@appsmith/selectors/entitiesSelector";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleHeader,
+  Text,
+} from "design-system";
+import type { Datasource } from "entities/Datasource";
+import { keyBy } from "lodash";
+import { getPluginIcon } from "pages/Editor/Explorer/ExplorerIcons";
+import React, { useMemo } from "react";
+import { useSelector } from "react-redux";
+import EntityCheckboxSelector from "./EntityCheckboxSelector";
+
+interface Props {
+  appDS: Datasource[];
+  data: Record<
+    string,
+    {
+      type: string;
+      group: string;
+      entity: {
+        id: string;
+        name: string;
+      };
+    }[]
+  >;
+  selectedQueries: string[];
+  updateSelectedQueries: (queryIds: string[]) => void;
+}
+const JSObjectsNQueriesExport = ({
+  appDS,
+  data,
+  selectedQueries,
+  updateSelectedQueries,
+}: Props) => {
+  const plugins = useSelector(getPlugins);
+  const pluginGroups = useMemo(() => keyBy(plugins, "id"), [plugins]);
+  const dsIDToPluginIDMap: { [key: string]: any } = useMemo(() => {
+    const map: { [key: string]: any } = {};
+    Object.keys(data).forEach((key) => {
+      const ds = appDS.find((ds) => ds.name === key);
+      if (ds) {
+        map[key] = ds.pluginId;
+      }
+    });
+    return map;
+  }, [appDS]);
+
+  const onEntitySelected = (id: string, selected: boolean) => {
+    const updatedSelectedNodes = [...selectedQueries];
+    if (selected) {
+      updatedSelectedNodes.push(id);
+    } else {
+      updatedSelectedNodes.splice(updatedSelectedNodes.indexOf(id), 1);
+    }
+    updateSelectedQueries(updatedSelectedNodes);
+  };
+
+  return (
+    <div className="pl-4 pr-4">
+      {Object.keys(data).map((dsName) => (
+        <Collapsible isOpen key={dsName}>
+          <CollapsibleHeader>
+            <Text
+              kind="heading-s"
+              style={{ display: "flex", alignItems: "center", gap: "8px" }}
+            >
+              {getPluginIcon(pluginGroups[dsIDToPluginIDMap[dsName]])} {dsName}
+            </Text>
+          </CollapsibleHeader>
+          <CollapsibleContent>
+            <EntityCheckboxSelector
+              entities={data[dsName].map((item) => item.entity)}
+              onEntityChecked={onEntitySelected}
+              selectedIds={selectedQueries}
+            />
+          </CollapsibleContent>
+        </Collapsible>
+      ))}
+    </div>
+  );
+};
+
+export default JSObjectsNQueriesExport;
diff --git a/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/StyledSheet.ts b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/StyledSheet.ts
new file mode 100644
index 0000000000..fb2ccf4e4c
--- /dev/null
+++ b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/StyledSheet.ts
@@ -0,0 +1,25 @@
+import styled from "styled-components";
+
+export const CheckboxContainer = styled.div`
+  margin-bottom: 8px;
+`;
+
+export const CheckboxWrapper = styled.div<{ index?: number }>`
+  padding: 16px;
+  background-color: var(--ads-v2-color-gray-100);
+  border-radius: 4px;
+`;
+
+export const CheckBoxGrid = styled.div`
+  display: grid;
+  gap: 16px;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+`;
+
+export const ScrollableSection = styled.section`
+  overflow-y: auto;
+`;
+
+export const Bar = styled.hr`
+  margin: 16px 0;
+`;
diff --git a/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/WidgetsExport.tsx b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/WidgetsExport.tsx
new file mode 100644
index 0000000000..8102ee280a
--- /dev/null
+++ b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/WidgetsExport.tsx
@@ -0,0 +1,128 @@
+import { Checkbox, Text } from "design-system";
+import WidgetIcon from "pages/Editor/Explorer/Widgets/WidgetIcon";
+import React from "react";
+import type { CanvasStructure } from "reducers/uiReducers/pageCanvasStructureReducer";
+import {
+  CheckBoxGrid,
+  CheckboxContainer,
+  CheckboxWrapper,
+} from "./StyledSheet";
+
+interface BaseProps {
+  selectedWidgetIds: string[];
+  selectAllchecked: boolean;
+  updateSelectedWidgets: (widgetIds: string[]) => void;
+  updateSelectAllChecked: (checked: boolean) => void;
+}
+interface Props extends BaseProps {
+  widgets: CanvasStructure;
+}
+const WidgetsExport = ({
+  selectAllchecked,
+  selectedWidgetIds,
+  updateSelectAllChecked,
+  updateSelectedWidgets,
+  widgets,
+}: Props) => {
+  if (!widgets || !widgets.children || widgets.children.length === 0)
+    return null;
+  return (
+    <WidgetSelector
+      selectAllchecked={selectAllchecked}
+      selectedWidgetIds={selectedWidgetIds}
+      updateSelectAllChecked={updateSelectAllChecked}
+      updateSelectedWidgets={updateSelectedWidgets}
+      widgetList={widgets.children}
+    />
+  );
+};
+
+export default WidgetsExport;
+
+interface WidgetSelectorProps extends BaseProps {
+  widgetList: CanvasStructure[];
+}
+function WidgetSelector({
+  selectAllchecked,
+  selectedWidgetIds,
+  updateSelectAllChecked,
+  updateSelectedWidgets,
+  widgetList,
+}: WidgetSelectorProps) {
+  const toggleNestedChildrenSelection = (
+    node: CanvasStructure,
+    selectedWidgetIds: string[],
+    checked: boolean,
+  ) => {
+    const isSelected = selectedWidgetIds.includes(node.widgetId);
+    if (checked) {
+      !isSelected && selectedWidgetIds.push(node.widgetId);
+    } else {
+      isSelected &&
+        selectedWidgetIds.splice(selectedWidgetIds.indexOf(node.widgetId), 1);
+    }
+    node?.children?.forEach((child) => {
+      toggleNestedChildrenSelection(child, selectedWidgetIds, checked);
+    });
+  };
+
+  const toggleNode = (node: CanvasStructure, checked: boolean) => {
+    const prevSelectedWidgetIds = [...selectedWidgetIds];
+    toggleNestedChildrenSelection(node, prevSelectedWidgetIds, checked);
+    updateSelectedWidgets(prevSelectedWidgetIds);
+    if (!checked) updateSelectAllChecked(false);
+  };
+
+  function renderWidget(
+    widget: CanvasStructure,
+    level = 0,
+    isParentSelected: boolean,
+  ) {
+    const isSelected = selectedWidgetIds.includes(widget.widgetId);
+    return (
+      <div style={{ marginLeft: level > 0 ? level + 8 : level }}>
+        <CheckboxContainer>
+          <Checkbox
+            isDisabled={isParentSelected}
+            isSelected={isSelected}
+            onChange={(checked) => toggleNode(widget, checked)}
+          >
+            <div className="flex items-center">
+              <WidgetIcon height={12} type={widget.type} width={12} />
+              &nbsp;
+              {widget.widgetName}
+            </div>
+          </Checkbox>
+        </CheckboxContainer>
+        {widget.children?.map((child) =>
+          renderWidget(child, level + 1, isSelected),
+        )}
+      </div>
+    );
+  }
+
+  const handleSelectAllClick = (checked: boolean) => {
+    const prevSelectedWidgetIds = [...selectedWidgetIds];
+    widgetList.forEach((widget) => {
+      toggleNestedChildrenSelection(widget, prevSelectedWidgetIds, checked);
+    });
+    updateSelectedWidgets(prevSelectedWidgetIds);
+    updateSelectAllChecked(checked);
+  };
+  return (
+    <CheckboxWrapper>
+      <Checkbox
+        className="mb-4"
+        isSelected={selectAllchecked}
+        onChange={handleSelectAllClick}
+      >
+        <Text kind="body-m" renderAs="p">
+          Select All
+        </Text>
+      </Checkbox>
+      <CheckBoxGrid>
+        {widgetList.map((widget) => renderWidget(widget, 0, false))}
+      </CheckBoxGrid>
+    </CheckboxWrapper>
+  );
+}
diff --git a/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/index.tsx b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/index.tsx
new file mode 100644
index 0000000000..c21a2122b9
--- /dev/null
+++ b/app/client/src/components/editorComponents/PartialImportExport/PartialExportModal/index.tsx
@@ -0,0 +1,315 @@
+import {
+  PARTIAL_IMPORT_EXPORT,
+  createMessage,
+} from "@appsmith/constants/messages";
+import { getPartialImportExportLoadingState } from "@appsmith/selectors/applicationSelectors";
+import {
+  selectFilesForExplorer,
+  selectLibrariesForExplorer,
+  selectWidgetsForCurrentPage,
+} from "@appsmith/selectors/entitiesSelector";
+import { partialExportWidgets } from "actions/widgetActions";
+import {
+  Button,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleHeader,
+  Icon,
+  Modal,
+  ModalContent,
+  ModalFooter,
+  ModalHeader,
+  Text,
+} from "design-system";
+import { ControlIcons } from "icons/ControlIcons";
+import { MenuIcons } from "icons/MenuIcons";
+import { useAppWideAndOtherDatasource } from "pages/Editor/Explorer/hooks";
+import React, { useEffect, useMemo, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import type { CanvasStructure } from "reducers/uiReducers/pageCanvasStructureReducer";
+import type { PartialExportParams } from "sagas/WidgetSelectionSagas";
+import { getCurrentPageName } from "selectors/editorSelectors";
+import type { JSLibrary } from "workers/common/JSLibrary";
+import EntityCheckboxSelector from "./EntityCheckboxSelector";
+import JSObjectsNQueriesExport from "./JSObjectsNQueriesExport";
+import { Bar, ScrollableSection } from "./StyledSheet";
+import WidgetsExport from "./WidgetsExport";
+
+interface Props {
+  handleModalClose: () => void;
+  isModalOpen: boolean;
+}
+const selectedParamsInitValue: PartialExportParams = {
+  jsObjects: [],
+  datasources: [],
+  customJSLibs: [],
+  widgets: [],
+  queries: [],
+};
+const PartiaExportModel = ({ handleModalClose, isModalOpen }: Props) => {
+  const [customJsLibraries, setCustomJsLibraries] = useState<JSLibrary[]>([]);
+  const dispatch = useDispatch();
+  const [selectedParams, setSelectedParams] = useState<PartialExportParams>(
+    selectedParamsInitValue,
+  );
+  const files = useSelector(selectFilesForExplorer);
+  const { appWideDS } = useAppWideAndOtherDatasource();
+  const libraries = useSelector(selectLibrariesForExplorer);
+  const canvasWidgets = useSelector(selectWidgetsForCurrentPage);
+  const partialImportExportLoadingState = useSelector(
+    getPartialImportExportLoadingState,
+  );
+  const currentPageName = useSelector(getCurrentPageName);
+  const [widgetSelectAllChecked, setWidgetSelectAllChecked] = useState(false);
+  useEffect(() => {
+    setCustomJsLibraries(libraries.filter((lib) => !!lib.url));
+  }, [libraries]);
+
+  const entities = useMemo(() => {
+    const groupedData: Record<string, any> = {};
+
+    let currentGroup: unknown = null;
+
+    for (const item of files) {
+      if (item.type === "group") {
+        currentGroup = item.entity.name;
+        groupedData[currentGroup as string] = [];
+      } else if (currentGroup) {
+        groupedData[currentGroup as string].push(item);
+      }
+    }
+    const jsObjects =
+      groupedData["JS Objects"] &&
+      groupedData["JS Objects"].map((item: any) => item.entity);
+    delete groupedData["JS Objects"];
+
+    return [
+      {
+        content: jsObjects ? (
+          <EntityCheckboxSelector
+            entities={jsObjects}
+            onEntityChecked={(id, selected) =>
+              onEntitySelected("jsObjects", id, selected)
+            }
+            selectedIds={selectedParams.jsObjects}
+          />
+        ) : null,
+        icon: <Icon name="js" size="md" />,
+        shouldShowReset: !!selectedParams.jsObjects.length,
+        onResetClick: (event: React.MouseEvent<HTMLElement>) => {
+          setSelectedParams((prev) => ({
+            ...prev,
+            jsObjects: [],
+          }));
+          event.preventDefault();
+        },
+        title: createMessage(PARTIAL_IMPORT_EXPORT.export.sections.jsObjects),
+      },
+      {
+        content:
+          appWideDS.length > 0 ? (
+            <EntityCheckboxSelector
+              entities={appWideDS}
+              onEntityChecked={(id, selected) =>
+                onEntitySelected("datasources", id, selected)
+              }
+              selectedIds={selectedParams.datasources}
+            />
+          ) : null,
+        icon: <Icon name="database-2-line" size="md" />,
+        shouldShowReset: !!selectedParams.datasources.length,
+        onResetClick: (event: React.MouseEvent<HTMLElement>) => {
+          setSelectedParams((prev) => ({
+            ...prev,
+            datasources: [],
+          }));
+          event.stopPropagation();
+        },
+        title: createMessage(PARTIAL_IMPORT_EXPORT.export.sections.databases),
+      },
+      {
+        content: groupedData ? (
+          <JSObjectsNQueriesExport
+            appDS={appWideDS}
+            data={groupedData}
+            selectedQueries={selectedParams.queries}
+            updateSelectedQueries={(queries) =>
+              setSelectedParams((prev) => ({ ...prev, queries }))
+            }
+          />
+        ) : null,
+        icon: <MenuIcons.GROUP_QUERY_ICON height={16} keepColors width={16} />,
+        shouldShowReset: !!selectedParams.queries.length,
+        onResetClick: (event: React.MouseEvent<HTMLElement>) => {
+          setSelectedParams((prev) => ({
+            ...prev,
+            queries: [],
+          }));
+          event.stopPropagation();
+        },
+        title: createMessage(PARTIAL_IMPORT_EXPORT.export.sections.queries),
+      },
+      {
+        content:
+          customJsLibraries.length > 0 ? (
+            <EntityCheckboxSelector
+              entities={customJsLibraries}
+              onEntityChecked={(id, selected) =>
+                onEntitySelected("customJSLibs", id, selected)
+              }
+              selectedIds={selectedParams.customJSLibs}
+            />
+          ) : null,
+        icon: <MenuIcons.LIBRARY_ICON height={16} keepColors width={16} />,
+        shouldShowReset: !!selectedParams.customJSLibs.length,
+        onResetClick: (event: React.MouseEvent<HTMLElement>) => {
+          setSelectedParams((prev) => ({
+            ...prev,
+            customJSLibs: [],
+          }));
+          event.stopPropagation();
+        },
+        title: createMessage(PARTIAL_IMPORT_EXPORT.export.sections.customLibs),
+      },
+      {
+        content: canvasWidgets ? (
+          <WidgetsExport
+            selectAllchecked={widgetSelectAllChecked}
+            selectedWidgetIds={selectedParams.widgets}
+            updateSelectAllChecked={setWidgetSelectAllChecked}
+            updateSelectedWidgets={(widgets) =>
+              setSelectedParams((prev) => ({ ...prev, widgets }))
+            }
+            widgets={canvasWidgets}
+          />
+        ) : null,
+        icon: <ControlIcons.GROUP_CONTROL height={16} keepColors width={16} />,
+        shouldShowReset: !!selectedParams.widgets.length,
+        onResetClick: (event: React.MouseEvent<HTMLElement>) => {
+          setSelectedParams((prev) => ({
+            ...prev,
+            widgets: [],
+          }));
+          setWidgetSelectAllChecked(false);
+          event.stopPropagation();
+        },
+        title: createMessage(PARTIAL_IMPORT_EXPORT.export.sections.widgets),
+      },
+    ];
+  }, [
+    files,
+    appWideDS,
+    customJsLibraries,
+    canvasWidgets,
+    selectedParams,
+    setSelectedParams,
+  ]);
+
+  const onEntitySelected = (
+    keyToUpdate: keyof PartialExportParams,
+    id: string,
+    selected: boolean,
+  ) => {
+    const prevSelectedIdsCopy = [...selectedParams[keyToUpdate]];
+    if (selected) {
+      prevSelectedIdsCopy.push(id);
+    } else {
+      prevSelectedIdsCopy.splice(prevSelectedIdsCopy.indexOf(id), 1);
+    }
+    setSelectedParams((prev: PartialExportParams): PartialExportParams => {
+      const toUpdate = { ...prev, [keyToUpdate]: prevSelectedIdsCopy };
+      return toUpdate;
+    });
+  };
+
+  const selectOnlyParentIds = (
+    widget: CanvasStructure,
+    ids: string[],
+    finalWidgetIDs: string[] = [],
+  ) => {
+    if (widget.widgetId && ids.includes(widget.widgetId)) {
+      finalWidgetIDs.push(widget.widgetId);
+      return finalWidgetIDs;
+    }
+    if (widget.children) {
+      widget.children.forEach((child) => {
+        selectOnlyParentIds(child, ids, finalWidgetIDs);
+      });
+    }
+    return finalWidgetIDs;
+  };
+
+  const onExportClick = () => {
+    dispatch(
+      partialExportWidgets({
+        ...selectedParams,
+        widgets: selectOnlyParentIds(canvasWidgets!, selectedParams.widgets),
+      }),
+    );
+  };
+
+  return (
+    <Modal onOpenChange={handleModalClose} open={isModalOpen}>
+      <ModalContent>
+        <ModalHeader>
+          <Text className="title" kind="heading-xl">
+            {createMessage(PARTIAL_IMPORT_EXPORT.export.modalHeading)}{" "}
+            {currentPageName ? ` - ${currentPageName}` : ""}
+          </Text>
+        </ModalHeader>
+        <Text kind="heading-s" renderAs="h2">
+          {createMessage(PARTIAL_IMPORT_EXPORT.export.modalSubHeading)}
+        </Text>
+        <ScrollableSection>
+          {entities.map(
+            ({ content, icon, onResetClick, shouldShowReset, title }) => (
+              <>
+                <Collapsible className="mt-4" key={title}>
+                  <CollapsibleHeader>
+                    <div className="w-full flex justify-between">
+                      <Text
+                        kind="heading-s"
+                        style={{
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "8px",
+                        }}
+                      >
+                        {icon} {title}
+                      </Text>
+
+                      {shouldShowReset && (
+                        <Button
+                          className="mr-2"
+                          endIcon="restart-line"
+                          kind="tertiary"
+                          onClick={onResetClick}
+                          size="sm"
+                        >
+                          Reset
+                        </Button>
+                      )}
+                    </div>
+                  </CollapsibleHeader>
+                  <CollapsibleContent>{content}</CollapsibleContent>
+                </Collapsible>
+                <Bar />
+              </>
+            ),
+          )}
+        </ScrollableSection>
+        <ModalFooter>
+          <Button
+            isLoading={partialImportExportLoadingState.isExporting}
+            onClick={onExportClick}
+            size="md"
+          >
+            {createMessage(PARTIAL_IMPORT_EXPORT.export.cta)}
+          </Button>
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
+  );
+};
+
+export default PartiaExportModel;
diff --git a/app/client/src/components/editorComponents/PartialImportExport/PartialImportModal/index.tsx b/app/client/src/components/editorComponents/PartialImportExport/PartialImportModal/index.tsx
new file mode 100644
index 0000000000..2e3224f9db
--- /dev/null
+++ b/app/client/src/components/editorComponents/PartialImportExport/PartialImportModal/index.tsx
@@ -0,0 +1,249 @@
+import { importPartialApplication } from "@appsmith/actions/applicationActions";
+import {
+  IMPORT_APP_FROM_FILE_MESSAGE,
+  IMPORT_APP_FROM_FILE_TITLE,
+  PARTIAL_IMPORT_EXPORT,
+  UPLOADING_APPLICATION,
+  UPLOADING_JSON,
+  createMessage,
+} from "@appsmith/constants/messages";
+import {
+  getIsImportingPartialApplication,
+  getPartialImportExportLoadingState,
+} from "@appsmith/selectors/applicationSelectors";
+import { Icon, Modal, ModalContent, ModalHeader, Text } from "design-system";
+import type { SetProgress } from "design-system-old";
+import { FilePickerV2, FileType } from "design-system-old";
+import Statusbar from "pages/Editor/gitSync/components/Statusbar";
+import React, { useCallback, useEffect, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import styled, { css } from "styled-components";
+
+const TextWrapper = styled.div`
+  padding: 0;
+  margin-bottom: var(--ads-v2-spaces-7);
+`;
+
+const Row = styled.div`
+  display: flex;
+  padding: 0;
+  margin: 0;
+  justify-content: center;
+  gap: 16px;
+`;
+
+const CardStyles = css`
+  height: 200px;
+  border: 1px solid var(--ads-v2-color-border);
+  border-radius: var(--ads-v2-border-radius);
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  cursor: pointer;
+  position: relative;
+
+  &:hover {
+    background: var(--ads-v2-color-bg-subtle);
+  }
+`;
+
+const FileImportCard = styled.div<{ fillCardWidth: boolean }>`
+  ${CardStyles}
+  width: ${(props) => (props.fillCardWidth ? "100%" : "320px")};
+  & > div {
+    background: transparent none;
+    border: none;
+
+    .upload-form-container {
+      padding-top: 0;
+    }
+
+    .button-wrapper {
+      width: 100%;
+      height: 100%;
+      justify-content: flex-start;
+
+      .cs-icon {
+        border-radius: 50%;
+        width: ${(props) => props.theme.spaces[12] + 2}px;
+        height: ${(props) => props.theme.spaces[12] + 2}px;
+        background: var(--ads-v2-color-bg-muted);
+        display: flex;
+        justify-content: center;
+        margin-top: 35px;
+        margin-bottom: 32px;
+        color: var(--ads-v2-color-fg) !important;
+
+        svg {
+          width: ${(props) => props.theme.iconSizes.XL}px;
+          height: ${(props) => props.theme.iconSizes.XL}px;
+
+          path {
+            color: var(--ads-v2-color-fg) !important;
+          }
+        }
+      }
+
+      .cs-text {
+        max-width: 220px;
+        text-align: center;
+        margin-top: 0;
+        font-size: ${(props) => props.theme.typography.p1.fontSize}px;
+
+        &.drag-drop-text {
+          color: var(--ads-v2-color-fg);
+        }
+
+        &.drag-drop-description {
+          color: var(--ads-v2-color-fg-muted);
+        }
+      }
+    }
+  }
+`;
+
+const StatusbarWrapper = styled.div`
+  width: 252px;
+  height: 240px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .cs-icon {
+    margin: auto;
+    border-radius: var(--ads-v2-border-radius-circle);
+    width: 32px;
+    height: 32px;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 8px;
+    background: var(--appsmith-color-black-200);
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+  }
+  .ads-v2-text.importing-app-name {
+    display: flex;
+    justify-content: center;
+  }
+`;
+
+interface PartialImportModalProps {
+  isModalOpen?: boolean;
+  onClose?: () => void;
+}
+
+function PartialImportModal(props: PartialImportModalProps) {
+  const { isModalOpen, onClose } = props;
+  const [appFileToBeUploaded, setAppFileToBeUploaded] = useState<{
+    file: File;
+    setProgress: SetProgress;
+  } | null>(null);
+
+  const dispatch = useDispatch();
+
+  const importingPartialApplication = useSelector(
+    getIsImportingPartialApplication,
+  );
+  const partialImportExportLoadingState = useSelector(
+    getPartialImportExportLoadingState,
+  );
+
+  const FileUploader = useCallback(
+    async (file: File, setProgress: SetProgress) => {
+      if (!!file) {
+        setAppFileToBeUploaded({
+          file,
+          setProgress,
+        });
+        dispatch(
+          importPartialApplication({
+            applicationFile: file,
+          }),
+        );
+      } else {
+        setAppFileToBeUploaded(null);
+      }
+    },
+    [],
+  );
+
+  useEffect(() => {
+    // finished of importing application
+    if (appFileToBeUploaded && partialImportExportLoadingState.isImportDone) {
+      setAppFileToBeUploaded(null);
+      onClose && onClose();
+    }
+  }, [appFileToBeUploaded, partialImportExportLoadingState]);
+
+  const onRemoveFile = useCallback(() => setAppFileToBeUploaded(null), []);
+
+  const handleModalClose = (open: boolean) => {
+    if (!open) {
+      onClose && onClose();
+    }
+  };
+
+  return (
+    <Modal onOpenChange={handleModalClose} open={isModalOpen}>
+      <ModalContent
+        className={"t--import-application-modal"}
+        style={{
+          width: importingPartialApplication ? "40vw" : "fit-content",
+          minWidth: "30vw",
+        }}
+      >
+        <ModalHeader>
+          {createMessage(PARTIAL_IMPORT_EXPORT.import.modalHeading)}
+        </ModalHeader>
+        <TextWrapper>
+          <Text kind="body-m">
+            {createMessage(
+              importingPartialApplication
+                ? UPLOADING_JSON
+                : PARTIAL_IMPORT_EXPORT.import.modalSubheading,
+            )}
+          </Text>
+        </TextWrapper>
+        {!importingPartialApplication && (
+          <Row>
+            <FileImportCard
+              className="t--import-json-card"
+              fillCardWidth={false}
+            >
+              <FilePickerV2
+                containerClickable
+                description={createMessage(IMPORT_APP_FROM_FILE_MESSAGE)}
+                fileType={FileType.JSON}
+                fileUploader={FileUploader}
+                iconFillColor={"var(--ads-v2-color-fg)"}
+                onFileRemoved={onRemoveFile}
+                title={createMessage(IMPORT_APP_FROM_FILE_TITLE)}
+                uploadIcon="file-line"
+              />
+            </FileImportCard>
+          </Row>
+        )}
+        {importingPartialApplication && (
+          <Row className="t-import-app-progress-wrapper">
+            <StatusbarWrapper className="t--importing-app-statusbar">
+              <Icon name="file-line" size="md" />
+              <Text className="importing-app-name" kind="body-m">
+                {appFileToBeUploaded?.file?.name || "filename.json"}
+              </Text>
+              <Statusbar
+                completed={!importingPartialApplication}
+                message={createMessage(UPLOADING_APPLICATION)}
+                period={4}
+              />
+            </StatusbarWrapper>
+          </Row>
+        )}
+      </ModalContent>
+    </Modal>
+  );
+}
+
+export default PartialImportModal;
diff --git a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/DatasourceDropdown/useSource/useConnectToOptions.tsx b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/DatasourceDropdown/useSource/useConnectToOptions.tsx
index d4952b806e..98ea156511 100644
--- a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/DatasourceDropdown/useSource/useConnectToOptions.tsx
+++ b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/DatasourceDropdown/useSource/useConnectToOptions.tsx
@@ -13,7 +13,10 @@ import type { DropdownOptionType } from "../../../types";
 import type { WidgetProps } from "widgets/BaseWidget";
 import { WidgetQueryGeneratorFormContext } from "components/editorComponents/WidgetQueryGeneratorForm";
 import { PluginPackageName } from "entities/Action";
-import type { ActionDataState } from "@appsmith/reducers/entityReducers/actionsReducer";
+import type {
+  ActionData,
+  ActionDataState,
+} from "@appsmith/reducers/entityReducers/actionsReducer";
 
 enum SortingWeights {
   alphabetical = 1,
@@ -60,6 +63,16 @@ function sortQueries(queries: ActionDataState, expectedDatatype: string) {
   });
 }
 
+function getBindingValue(widget: WidgetProps, query: ActionData) {
+  const defaultBindingValue = `{{${query.config.name}.data}}`;
+  const querySuggestedWidgets = query.data?.suggestedWidgets;
+  if (!querySuggestedWidgets) return defaultBindingValue;
+  const suggestedWidget = querySuggestedWidgets.find(
+    (suggestedWidget) => suggestedWidget.type === widget.type,
+  );
+  if (!suggestedWidget) return defaultBindingValue;
+  return `{{${query.config.name}.${suggestedWidget.bindingQuery}}}`;
+}
 interface ConnectToOptionsProps {
   pluginImages: Record<string, string>;
   widget: WidgetProps;
@@ -97,7 +110,7 @@ function useConnectToOptions(props: ConnectToOptionsProps) {
     return sortQueries(filteredQueries, expectedType).map((query) => ({
       id: query.config.id,
       label: query.config.name,
-      value: `{{${query.config.name}.data}}`,
+      value: getBindingValue(widget, query),
       icon: (
         <ImageWrapper>
           <DatasourceImage
@@ -127,7 +140,7 @@ function useConnectToOptions(props: ConnectToOptionsProps) {
         });
       },
     }));
-  }, [filteredQueries, pluginImages, addBinding]);
+  }, [filteredQueries, pluginImages, addBinding, widget]);
 
   const currentPageWidgets = useSelector(getCurrentPageWidgets);
 
diff --git a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/index.tsx b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/index.tsx
index f19aa868dd..91581a272c 100644
--- a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/index.tsx
+++ b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/index.tsx
@@ -51,6 +51,7 @@ function TableOrSpreadsheetDropdown() {
               onSelect(value, option);
             }
           }}
+          showSearch
           value={selected}
           virtual={false}
         >
@@ -61,7 +62,7 @@ function TableOrSpreadsheetDropdown() {
                 key={option.id}
                 value={option.value}
               >
-                <DropdownOption label={option.label} leftIcon={option.icon} />
+                <DropdownOption label={option.label} />
               </Option>
             );
           })}
diff --git a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/useTableOrSpreadsheet.tsx b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/useTableOrSpreadsheet.tsx
index 8668051f59..7c312f9c5f 100644
--- a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/useTableOrSpreadsheet.tsx
+++ b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/CommonControls/TableOrSpreadsheetDropdown/useTableOrSpreadsheet.tsx
@@ -18,7 +18,6 @@ import {
 } from "selectors/datasourceSelectors";
 import { isGoogleSheetPluginDS } from "utils/editorContextUtils";
 import type { AppState } from "@appsmith/reducers";
-import { Icon } from "design-system";
 import { DropdownOption as Option } from "../DatasourceDropdown/DropdownOption";
 import type { DropdownOptionType } from "../../types";
 import { getisOneClickBindingConnectingForWidget } from "selectors/oneClickBindingSelectors";
@@ -72,27 +71,19 @@ export function useTableOrSpreadsheet() {
       return (spreadSheets.value || []).map(({ label, value }) => ({
         id: value,
         label: label,
-        value: value,
-        icon: (
-          <Icon
-            color="var(--ads-v2-color-fg)"
-            name="layout-left-2-line"
-            size="md"
-          />
-        ),
+        value: label,
+        data: {
+          tableName: value,
+        },
       }));
     } else if (datasourceStructure) {
       return (datasourceStructure.tables || []).map(({ name }) => ({
         id: name,
         label: name,
         value: name,
-        icon: (
-          <Icon
-            color="var(--ads-v2-color-fg)"
-            name="layout-left-2-line"
-            size="md"
-          />
-        ),
+        data: {
+          tableName: name,
+        },
       }));
     } else {
       return [];
@@ -101,7 +92,7 @@ export function useTableOrSpreadsheet() {
 
   const onSelect = useCallback(
     (table: string | undefined, TableObj: DropdownOptionType) => {
-      updateConfig("table", TableObj.value);
+      updateConfig("table", TableObj.data.tableName);
 
       if (
         isGoogleSheetPluginDS(selectedDatasourcePluginPackageName) &&
@@ -111,7 +102,7 @@ export function useTableOrSpreadsheet() {
           fetchGheetSheets({
             datasourceId: config.datasource,
             pluginId: selectedDatasource.pluginId,
-            sheetUrl: TableObj.value || "",
+            sheetUrl: TableObj.data.tableName || "",
           }),
         );
       }
@@ -120,7 +111,7 @@ export function useTableOrSpreadsheet() {
         widgetName: widget.widgetName,
         widgetType: widget.type,
         propertyName: propertyName,
-        dataTableName: TableObj.value,
+        dataTableName: TableObj.data.tableName,
         pluginType: config.datasourcePluginType,
         pluginName: config.datasourcePluginName,
         connectionMode: config.datasourceConnectionMode,
@@ -137,10 +128,12 @@ export function useTableOrSpreadsheet() {
 
   const selected = useMemo(() => {
     if (config.table) {
-      const option = options.find((option) => option.value === config.table);
+      const option = options.find(
+        (option) => option.data.tableName === config.table,
+      );
 
       return {
-        label: <Option label={option?.label} leftIcon={option?.icon} />,
+        label: <Option label={option?.label} />,
         key: option?.id,
       };
     }
diff --git a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/index.tsx b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/index.tsx
index d4493fd3c5..e2e51a09fa 100644
--- a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/index.tsx
+++ b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/index.tsx
@@ -49,6 +49,7 @@ function ColumnDropdown(props: Props) {
               onSelect(value, option);
             }
           }}
+          showSearch
           value={selected}
           virtual={false}
         >
@@ -59,7 +60,7 @@ function ColumnDropdown(props: Props) {
                 key={option.id}
                 value={option.value}
               >
-                <DropdownOption label={option.label} leftIcon={option.icon} />
+                <DropdownOption label={option.label} />
               </Option>
             );
           })}
diff --git a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/useColumnDropdown.tsx b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/useColumnDropdown.tsx
index 6d8ae0f58f..af051218ad 100644
--- a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/useColumnDropdown.tsx
+++ b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/ColumnDropdown/useColumnDropdown.tsx
@@ -1,7 +1,6 @@
 import React, { useCallback, useMemo } from "react";
 import { PluginPackageName } from "entities/Action";
 import { get, isArray } from "lodash";
-import { Icon } from "design-system";
 import { ALLOWED_SEARCH_DATATYPE } from "pages/Editor/GeneratePage/components/constants";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 import { DropdownOption as Option } from "../../CommonControls/DatasourceDropdown/DropdownOption";
@@ -29,13 +28,6 @@ export function useColumnDropdown(props: any) {
         return {
           ...column,
           id: column.value,
-          icon: (
-            <Icon
-              color="var(--ads-v2-color-fg)"
-              name="layout-column-line"
-              size="md"
-            />
-          ),
         };
       });
     } else if (isArray(columns)) {
@@ -53,13 +45,6 @@ export function useColumnDropdown(props: any) {
             label: column.name,
             value: column.name,
             subText: column.type,
-            icon: (
-              <Icon
-                color="var(--ads-v2-color-fg)"
-                name="layout-column-line"
-                size="md"
-              />
-            ),
           };
         });
     } else {
@@ -98,7 +83,7 @@ export function useColumnDropdown(props: any) {
       const option = options.find((option) => option.value === selectedValue);
 
       return {
-        label: <Option label={option?.label} leftIcon={option?.icon} />,
+        label: <Option label={option?.label} />,
         key: option?.id,
       };
     }
diff --git a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/OtherFields/Field/Dropdown/Dropdown.tsx b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/OtherFields/Field/Dropdown/Dropdown.tsx
index bbac121326..3e99e34770 100644
--- a/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/OtherFields/Field/Dropdown/Dropdown.tsx
+++ b/app/client/src/components/editorComponents/WidgetQueryGeneratorForm/WidgetSpecificControls/OtherFields/Field/Dropdown/Dropdown.tsx
@@ -59,6 +59,7 @@ export function OneClickDropdownFieldControl(
             handleSelect(value, selectedOption);
           }
         }}
+        showSearch
         value={selected}
         virtual={false}
       >
diff --git a/app/client/src/components/featureWalkthrough/walkthroughContext.tsx b/app/client/src/components/featureWalkthrough/walkthroughContext.tsx
index 74978f9d2a..9b7048ce5b 100644
--- a/app/client/src/components/featureWalkthrough/walkthroughContext.tsx
+++ b/app/client/src/components/featureWalkthrough/walkthroughContext.tsx
@@ -27,8 +27,25 @@ export interface FeatureDetails {
   description: string;
   // Gif or Image to give a walkthrough
   imageURL?: string;
+  // footer details
+  footerDetails?: FeatureFooterDetails;
 }
 
+export interface FeatureFooterDetails {
+  // footer text
+  footerText: string;
+  // footer button text
+  footerButtonText: string;
+  // footer button onClick handler
+  onClickHandler: () => void;
+}
+
+export const isFeatureFooterDetails = (
+  obj: FeatureFooterDetails,
+): obj is FeatureFooterDetails => {
+  return !!obj;
+};
+
 export interface FeatureParams {
   // To execute a function on dismissing the tutorial walkthrough.
   onDismiss?: () => void;
diff --git a/app/client/src/components/featureWalkthrough/walkthroughRenderer.tsx b/app/client/src/components/featureWalkthrough/walkthroughRenderer.tsx
index 9948e1c06c..31c7a907f9 100644
--- a/app/client/src/components/featureWalkthrough/walkthroughRenderer.tsx
+++ b/app/client/src/components/featureWalkthrough/walkthroughRenderer.tsx
@@ -1,4 +1,4 @@
-import { Icon, Text } from "design-system";
+import { Icon, Text, Button, Divider } from "design-system";
 import { showIndicator } from "pages/Editor/GuidedTour/utils";
 import React, { useContext, useEffect, useState } from "react";
 import styled from "styled-components";
@@ -8,12 +8,19 @@ import type {
   FeatureParams,
   OffsetType,
 } from "./walkthroughContext";
-import WalkthroughContext from "./walkthroughContext";
+import WalkthroughContext, {
+  isFeatureFooterDetails,
+} from "./walkthroughContext";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 
 const CLIPID = "clip__feature";
 const Z_INDEX = 1000;
 
+const WalkthroughDescription = styled(Text)`
+  // CSS to add new line for each \n in the description
+  white-space: pre-line;
+`;
+
 const WalkthroughWrapper = styled.div<{ overlayColor?: string }>`
   left: 0px;
   top: 0px;
@@ -70,6 +77,19 @@ const InstructionsHeaderWrapper = styled.div`
   }
 `;
 
+const FeatureFooterDivider = styled(Divider)`
+  margin-top: 8px;
+`;
+
+const FeatureFooterWrapper = styled.div`
+  height: 36px;
+  margin-top: 8px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+
 interface RefRectParams {
   // body params
   bh: number;
@@ -289,12 +309,24 @@ const InstructionsComponent = ({
           size="md"
         />
       </InstructionsHeaderWrapper>
-      <Text>{details.description}</Text>
+      <WalkthroughDescription>{details.description}</WalkthroughDescription>
       {details.imageURL && (
         <ImageWrapper>
           <img src={details.imageURL} />
         </ImageWrapper>
       )}
+      {!!details.footerDetails &&
+        isFeatureFooterDetails(details.footerDetails) && (
+          <>
+            <FeatureFooterDivider />
+            <FeatureFooterWrapper>
+              <Text kind="body-s">{details.footerDetails.footerText}</Text>
+              <Button onClick={details.footerDetails.onClickHandler} size="sm">
+                {details.footerDetails.footerButtonText}
+              </Button>
+            </FeatureFooterWrapper>
+          </>
+        )}
     </InstructionsWrapper>
   );
 };
diff --git a/app/client/src/components/propertyControls/BaseControl.tsx b/app/client/src/components/propertyControls/BaseControl.tsx
index 8e173942ca..14a9d001d1 100644
--- a/app/client/src/components/propertyControls/BaseControl.tsx
+++ b/app/client/src/components/propertyControls/BaseControl.tsx
@@ -98,6 +98,7 @@ export interface ControlBuilder<T extends ControlProps> {
 export interface ControlProps extends ControlData, ControlFunctions {
   key?: string;
   additionalAutoComplete?: AdditionalDynamicDataTree;
+  isSearchResult?: boolean;
 }
 export interface ControlData
   extends Omit<PropertyPaneControlConfig, "additionalAutoComplete" | "label"> {
diff --git a/app/client/src/components/propertyControls/ButtonControl.tsx b/app/client/src/components/propertyControls/ButtonControl.tsx
index 656ce0d206..203c4ff843 100644
--- a/app/client/src/components/propertyControls/ButtonControl.tsx
+++ b/app/client/src/components/propertyControls/ButtonControl.tsx
@@ -3,12 +3,14 @@ import React from "react";
 import type { ControlProps } from "./BaseControl";
 import BaseControl from "./BaseControl";
 import { Button } from "design-system";
+import type { WidgetProps } from "widgets/BaseWidget";
 
 export interface OnButtonClickProps {
   props: ControlProps;
   updateProperty: (propertyName: string, propertyValue: any) => void;
   deleteProperties: (propertyPaths: string[]) => void;
   batchUpdateProperties: (updates: Record<string, unknown>) => void;
+  widgetProperties: WidgetProps;
 }
 
 export type ButtonControlProps = ControlProps & {
@@ -36,6 +38,7 @@ class ButtonControl extends BaseControl<
       updateProperty: this.updateProperty,
       deleteProperties: this.deleteProperties,
       batchUpdateProperties: this.batchUpdateProperties,
+      widgetProperties: this.props.widgetProperties,
     });
     this.disableLoading();
   };
diff --git a/app/client/src/components/propertyControls/HTMLDocumentBuilderControl.tsx b/app/client/src/components/propertyControls/HTMLDocumentBuilderControl.tsx
new file mode 100644
index 0000000000..329749fd86
--- /dev/null
+++ b/app/client/src/components/propertyControls/HTMLDocumentBuilderControl.tsx
@@ -0,0 +1,69 @@
+import React from "react";
+import { Button } from "design-system";
+import type { ControlProps } from "./BaseControl";
+import BaseControl from "./BaseControl";
+
+export type HTMLDocumentBuidlerControlProps = ControlProps & {
+  propertyList: string;
+  generateProperty: (property: string) => ControlProps;
+  srcDoc: {
+    html: string;
+    css: string;
+    js: string;
+  };
+};
+
+class HTMLDocumentBuilderControl extends BaseControl<
+  HTMLDocumentBuidlerControlProps,
+  {
+    widgetBuilder: any;
+  }
+> {
+  state = {
+    widgetBuilder: null,
+  };
+
+  onConfigure = () => {
+    const widgetBuilder = window.open(
+      window.origin + "/widgets/builder",
+      "_blank",
+    );
+
+    this.setState({ widgetBuilder });
+
+    const props = this.props;
+
+    widgetBuilder?.addEventListener("message", (event: any) => {
+      if (event.data.type === "BUILDER_READY") {
+        widgetBuilder.postMessage({
+          type: "BUILDER_READY_ACK",
+          srcDoc: props.widgetProperties.srcDoc,
+          model:
+            props.widgetProperties.__evaluation__.evaluatedValues.defaultModel,
+        });
+      } else if (event.data.type === "BUILDER_UPDATE") {
+        props.onPropertyChange?.(props.propertyName, event.data.srcDoc);
+      }
+    });
+  };
+
+  render() {
+    return (
+      <Button
+        kind="secondary"
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        onClick={() => this.onConfigure()}
+        size="sm"
+      >
+        configure
+      </Button>
+    );
+  }
+
+  static getControlType() {
+    return "HTML_DOCUMENT_BUILDER";
+  }
+}
+
+export default HTMLDocumentBuilderControl;
diff --git a/app/client/src/components/propertyControls/InputTextControl.tsx b/app/client/src/components/propertyControls/InputTextControl.tsx
index 5be2b7888b..10c82975d5 100644
--- a/app/client/src/components/propertyControls/InputTextControl.tsx
+++ b/app/client/src/components/propertyControls/InputTextControl.tsx
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React from "react";
 import type { ControlProps } from "./BaseControl";
 import BaseControl from "./BaseControl";
 import { StyledDynamicInput } from "./StyledControls";
@@ -32,6 +32,7 @@ export function InputText(props: {
   theme?: EditorTheme;
   hideEvaluatedValue?: boolean;
   enableAI?: boolean;
+  isEditorHidden?: boolean;
 }) {
   const {
     dataTreePath,
@@ -39,6 +40,7 @@ export function InputText(props: {
     evaluatedValue,
     expected,
     hideEvaluatedValue,
+    isEditorHidden,
     label,
     onBlur,
     onChange,
@@ -47,9 +49,6 @@ export function InputText(props: {
     value,
   } = props;
 
-  //subscribing to context to help re-render component on Property section open or close
-  const isOpen = useContext(CollapseContext);
-
   return (
     <StyledDynamicInput>
       <LazyCodeEditor
@@ -71,7 +70,7 @@ export function InputText(props: {
           value: value,
           onChange: onChange,
         }}
-        isEditorHidden={!isOpen}
+        isEditorHidden={isEditorHidden}
         mode={EditorModes.TEXT_WITH_BINDING}
         onEditorBlur={onBlur}
         onEditorFocus={onFocus}
@@ -86,6 +85,9 @@ export function InputText(props: {
 }
 
 class InputTextControl extends BaseControl<InputControlProps> {
+  static contextType = CollapseContext;
+  context!: React.ContextType<typeof CollapseContext>;
+
   render() {
     const {
       additionalAutoComplete,
@@ -100,12 +102,16 @@ class InputTextControl extends BaseControl<InputControlProps> {
       propertyValue,
     } = this.props;
 
+    //subscribing to context to help re-render component on Property section open or close
+    const isOpen = this.context;
+
     return (
       <InputText
         additionalAutocomplete={additionalAutoComplete}
         dataTreePath={dataTreePath}
         expected={expected}
         hideEvaluatedValue={hideEvaluatedValue}
+        isEditorHidden={!isOpen}
         label={label}
         onBlur={onBlur}
         onChange={this.onTextChange}
diff --git a/app/client/src/components/propertyControls/index.ts b/app/client/src/components/propertyControls/index.ts
index 1dcbeb9fdb..42beb85d47 100644
--- a/app/client/src/components/propertyControls/index.ts
+++ b/app/client/src/components/propertyControls/index.ts
@@ -63,6 +63,7 @@ import type { OneClickBindingControlProps } from "./OneClickBindingControl";
 import OneClickBindingControl from "./OneClickBindingControl";
 import type { WrappedCodeEditorControlProps } from "./WrappedCodeEditorControl";
 import WrappedCodeEditorControl from "./WrappedCodeEditorControl";
+import DynamicPropertiesControl from "./HTMLDocumentBuilderControl";
 
 export const PropertyControls = {
   InputTextControl,
@@ -107,6 +108,7 @@ export const PropertyControls = {
   ListComputeControl,
   OneClickBindingControl,
   WrappedCodeEditorControl,
+  DynamicPropertiesControl,
 };
 
 export type PropertyControlPropsType =
diff --git a/app/client/src/components/wds/constants.ts b/app/client/src/components/wds/constants.ts
index 9093278fee..3219c5a618 100644
--- a/app/client/src/components/wds/constants.ts
+++ b/app/client/src/components/wds/constants.ts
@@ -5,6 +5,8 @@ export const WDS_V2_WIDGET_MAP = {
   ICON_BUTTON_WIDGET: "WDS_ICON_BUTTON_WIDGET",
   TEXT_WIDGET: "WDS_TEXT_WIDGET",
   TABLE_WIDGET_V2: "WDS_TABLE_WIDGET",
+  CURRENCY_INPUT_WIDGET: "WDS_CURRENCY_INPUT_WIDGET",
   BUTTON_GROUP_WIDGET: "WDS_BUTTON_GROUP_WIDGET",
   CHECKBOX_GROUP_WIDGET: "WDS_CHECKBOX_GROUP_WIDGET",
+  SWITCH_WIDGET: "WDS_SWITCH_WIDGET",
 };
diff --git a/app/client/src/constants/Currency.tsx b/app/client/src/constants/Currency.tsx
index 12bca92477..1c2fedfca0 100644
--- a/app/client/src/constants/Currency.tsx
+++ b/app/client/src/constants/Currency.tsx
@@ -9,7 +9,7 @@ export interface CurrencyOptionProps {
   symbol_native: string;
 }
 
-export const CurrencyTypeOptions: Array<CurrencyOptionProps> = [
+export const CurrencyTypeOptions = [
   {
     code: "AD",
     currency: "EUR",
@@ -1594,4 +1594,4 @@ export const CurrencyTypeOptions: Array<CurrencyOptionProps> = [
     phone: "260",
     symbol_native: "ZK",
   },
-];
+] as const;
diff --git a/app/client/src/constants/PropertyControlConstants.tsx b/app/client/src/constants/PropertyControlConstants.tsx
index f20c728c22..b0d2305334 100644
--- a/app/client/src/constants/PropertyControlConstants.tsx
+++ b/app/client/src/constants/PropertyControlConstants.tsx
@@ -10,6 +10,7 @@ import type { AdditionalDynamicDataTree } from "utils/autocomplete/customTreeTyp
 import type { Stylesheet } from "entities/AppTheming";
 import type { ReduxActionType } from "@appsmith/constants/ReduxActionConstants";
 import type { PropertyUpdates } from "WidgetProvider/constants";
+import type { WidgetProps } from "widgets/BaseWidget";
 
 const ControlTypes = getPropertyControlTypes();
 export type ControlType = (typeof ControlTypes)[keyof typeof ControlTypes];
@@ -24,6 +25,11 @@ export interface PropertyPaneSectionConfig {
   isDefaultOpen?: boolean;
   propertySectionPath?: string;
   tag?: string; // Used to show a tag right after the section name (only in the search results)
+
+  hasDynamicProperties?: boolean;
+  generateDynamicProperties?: (
+    widget: WidgetProps,
+  ) => PropertyPaneControlConfig[];
 }
 
 export interface PanelConfig {
diff --git a/app/client/src/constants/TemplatesConstants.tsx b/app/client/src/constants/TemplatesConstants.tsx
index f739825587..532b03db2d 100644
--- a/app/client/src/constants/TemplatesConstants.tsx
+++ b/app/client/src/constants/TemplatesConstants.tsx
@@ -27,21 +27,6 @@ export const STARTER_BUILDING_BLOCK_TEMPLATE_NAME = "Starter Building Block";
 export const STARTER_BUILDING_BLOCKS = {
   DATASOURCE_PROMPT_DELAY: 3000,
   STARTER_BUILDING_BLOCKS_TEMPLATES: [
-    {
-      id: 1,
-      title: createMessage(
-        STARTER_BUILDING_BLOCKS_LAYOUTS.layouts.recordEdit.name,
-      ),
-      description: createMessage(
-        STARTER_BUILDING_BLOCKS_LAYOUTS.layouts.recordEdit.description,
-      ),
-      icon: <RecordEdit />,
-      screenshot:
-        "https://s3.us-east-2.amazonaws.com/template.appsmith.com/canvas-starter-page-layout-record-edit.png",
-      templateId: "6530e343fa63b553e4be0266",
-      templateName: STARTER_BUILDING_BLOCK_TEMPLATE_NAME,
-      templatePageName: "Record Edit",
-    },
     {
       id: 2,
       title: createMessage(
@@ -57,6 +42,21 @@ export const STARTER_BUILDING_BLOCKS = {
       templateName: STARTER_BUILDING_BLOCK_TEMPLATE_NAME,
       templatePageName: "Record Details",
     },
+    {
+      id: 1,
+      title: createMessage(
+        STARTER_BUILDING_BLOCKS_LAYOUTS.layouts.recordEdit.name,
+      ),
+      description: createMessage(
+        STARTER_BUILDING_BLOCKS_LAYOUTS.layouts.recordEdit.description,
+      ),
+      icon: <RecordEdit />,
+      screenshot:
+        "https://s3.us-east-2.amazonaws.com/template.appsmith.com/canvas-starter-page-layout-record-edit.png",
+      templateId: "6530e343fa63b553e4be0266",
+      templateName: STARTER_BUILDING_BLOCK_TEMPLATE_NAME,
+      templatePageName: "Record Edit",
+    },
     {
       id: 3,
       title: createMessage(
diff --git a/app/client/src/constants/WalkthroughConstants.ts b/app/client/src/constants/WalkthroughConstants.ts
index ac8e447025..9c64603924 100644
--- a/app/client/src/constants/WalkthroughConstants.ts
+++ b/app/client/src/constants/WalkthroughConstants.ts
@@ -2,6 +2,7 @@ export const FEATURE_WALKTHROUGH_KEYS = {
   ds_binding: "ab_ds_binding_enabled",
   ds_schema: "ab_ds_schema_enabled",
   binding_widget: "binding_widget",
+  env_walkthrough: "ab_env_walkthrough_enabled",
   // Signposting keys
   back_to_canvas: "back_to_canvas",
   add_table_widget: "add_table_widget",
diff --git a/app/client/src/constants/WidgetValidation.ts b/app/client/src/constants/WidgetValidation.ts
index f149850ca5..570aef722e 100644
--- a/app/client/src/constants/WidgetValidation.ts
+++ b/app/client/src/constants/WidgetValidation.ts
@@ -17,6 +17,7 @@ export enum ValidationTypes {
   SAFE_URL = "SAFE_URL",
   ARRAY_OF_TYPE_OR_TYPE = "ARRAY_OF_TYPE_OR_TYPE",
   UNION = "UNION",
+  OBJECT_WITH_FUNCTION = "OBJECT_WITH_FUNCTION",
 }
 
 export interface ValidationResponse {
diff --git a/app/client/src/constants/defs/browser.json b/app/client/src/constants/defs/browser.json
index 55c386a8ad..66d3e55c49 100644
--- a/app/client/src/constants/defs/browser.json
+++ b/app/client/src/constants/defs/browser.json
@@ -245,12 +245,12 @@
   "setTimeout": {
     "!type": "fn(f: fn(), ms: number) -> number",
     "!url": "https://developer.mozilla.org/en/docs/DOM/window.setTimeout",
-    "!doc": "Calls a function or executes a code snippet after specified delay."
+    "!doc": "Calls a function or executes a code snippet after specified delay. Returns a number that can be used to clear the timeout with <code>clearTimeout()</code>."
   },
   "clearTimeout": {
-    "!type": "fn(timeout: number)",
+    "!type": "fn(timerId: number)",
     "!url": "https://developer.mozilla.org/en/docs/DOM/window.clearTimeout",
-    "!doc": "Clears the delay set by window.setTimeout()."
+    "!doc": "Clears the function scheduled to run by <code>setTimeout()</code>."
   },
   "Response": {
     "!type": "fn()",
@@ -369,5 +369,61 @@
     "!url": "https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API",
     "!doc": "The Fetch API provides an interface for fetching resources (including across the network).",
     "!type": "fn(url: string, options?: ?) -> +Promise[:t=+Response]"
+  },
+  "URL": {
+    "!type": "fn(url: string, base?: string)",
+    "createObjectURL": {
+      "!type": "fn(object: +Blob|+File): string"
+    },
+    "canParse": {
+      "!type": "fn(url: string, base?: string): bool"
+    },
+    "revokeObjectURL": {
+      "!type": "fn(url: string): void"
+    },
+    "prototype": {
+      "hash": {
+        "!type": "string"
+      },
+      "host": {
+        "!type": "string"
+      },
+      "hostname": {
+        "!type": "string"
+      },
+      "href": {
+        "!type": "string"
+      },
+      "origin": {
+        "!type": "string"
+      },
+      "password": {
+        "!type": "string"
+      },
+      "pathname": {
+        "!type": "string"
+      },
+      "port": {
+        "!type": "string"
+      },
+      "protocol": {
+        "!type": "string"
+      },
+      "search": {
+        "!type": "string"
+      },
+      "searchParams": {
+        "!type": "+URLSearchParams"
+      },
+      "username": {
+        "!type": "string"
+      },
+      "toString": {
+        "!type": "fn() -> string"
+      },
+      "toJSON": {
+        "!type": "fn() -> string"
+      }
+    }
   }
 }
diff --git a/app/client/src/constants/defs/ecmascript.json b/app/client/src/constants/defs/ecmascript.json
index 228661efa0..eff7ec6a6b 100644
--- a/app/client/src/constants/defs/ecmascript.json
+++ b/app/client/src/constants/defs/ecmascript.json
@@ -1461,8 +1461,7 @@
       "!url": "https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/JSON/stringify",
       "!doc": "Convert a value to JSON, optionally replacing values if a replacer function is specified, or optionally including only the specified properties if a replacer array is specified."
     },
-    "!url": "https://developer.mozilla.org/en-US/docs/JSON",
-    "!doc": "JSON (JavaScript Object Notation) is a data-interchange format.  It closely resembles a subset of JavaScript syntax, although it is not a strict subset. (See JSON in the JavaScript Reference for full details.)  It is useful when writing any kind of JavaScript-based application, including websites and browser extensions.  For example, you might store user information in JSON format in a cookie, or you might store extension preferences in JSON in a string-valued browser preference."
+    "!url": "https://developer.mozilla.org/en-US/docs/JSON"
   },
   "ArrayBuffer": {
     "!type": "fn(length: number)",
diff --git a/app/client/src/constants/routes/baseRoutes.ts b/app/client/src/constants/routes/baseRoutes.ts
index 4b0a059c63..aebd183c73 100644
--- a/app/client/src/constants/routes/baseRoutes.ts
+++ b/app/client/src/constants/routes/baseRoutes.ts
@@ -17,6 +17,7 @@ export const PROFILE = "/profile";
 export const GIT_PROFILE_ROUTE = `${PROFILE}/git`;
 export const USERS_URL = "/users";
 export const SETUP = "/setup/welcome";
+export const WIDGET_BUILDER = "/widgets/builder";
 export const FORGOT_PASSWORD_URL = `${USER_AUTH_URL}/forgotPassword`;
 export const RESET_PASSWORD_URL = `${USER_AUTH_URL}/resetPassword`;
 export const BASE_SIGNUP_URL = `/signup`;
diff --git a/app/client/src/ee/actions/evaluationActions.ts b/app/client/src/ee/actions/evaluationActions.ts
deleted file mode 100644
index 3677c90570..0000000000
--- a/app/client/src/ee/actions/evaluationActions.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "ce/actions/evaluationActions";
diff --git a/app/client/src/ee/actions/evaluationActionsList.ts b/app/client/src/ee/actions/evaluationActionsList.ts
new file mode 100644
index 0000000000..451aa6d3d3
--- /dev/null
+++ b/app/client/src/ee/actions/evaluationActionsList.ts
@@ -0,0 +1 @@
+export * from "ce/actions/evaluationActionsList";
diff --git a/app/client/src/ee/components/editorComponents/Debugger/entityTypeLinkMap.tsx b/app/client/src/ee/components/editorComponents/Debugger/entityTypeLinkMap.tsx
new file mode 100644
index 0000000000..8d1cba3a64
--- /dev/null
+++ b/app/client/src/ee/components/editorComponents/Debugger/entityTypeLinkMap.tsx
@@ -0,0 +1 @@
+export * from "ce/components/editorComponents/Debugger/entityTypeLinkMap";
diff --git a/app/client/src/ee/components/editorComponents/EditorFormSignPosting.tsx b/app/client/src/ee/components/editorComponents/EditorFormSignPosting.tsx
deleted file mode 100644
index 62e1e3d375..0000000000
--- a/app/client/src/ee/components/editorComponents/EditorFormSignPosting.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from "ce/components/editorComponents/EditorFormSignPosting";
diff --git a/app/client/src/ee/entities/DataTree/isDynamicEntity.ts b/app/client/src/ee/entities/DataTree/isDynamicEntity.ts
new file mode 100644
index 0000000000..bbb9f25653
--- /dev/null
+++ b/app/client/src/ee/entities/DataTree/isDynamicEntity.ts
@@ -0,0 +1 @@
+export * from "ce/entities/DataTree/isDynamicEntity";
diff --git a/app/client/src/ee/entities/Engine/actionHelpers.ts b/app/client/src/ee/entities/Engine/actionHelpers.ts
new file mode 100644
index 0000000000..521c3e1114
--- /dev/null
+++ b/app/client/src/ee/entities/Engine/actionHelpers.ts
@@ -0,0 +1 @@
+export * from "ce/entities/Engine/actionHelpers";
diff --git a/app/client/src/ee/pages/Applications/CreateNewAppsOption.tsx b/app/client/src/ee/pages/Applications/CreateNewAppsOption.tsx
new file mode 100644
index 0000000000..64765c70ba
--- /dev/null
+++ b/app/client/src/ee/pages/Applications/CreateNewAppsOption.tsx
@@ -0,0 +1,3 @@
+export * from "ce/pages/Applications/CreateNewAppsOption";
+import { default as CE_CreateNewAppsOption } from "ce/pages/Applications/CreateNewAppsOption";
+export default CE_CreateNewAppsOption;
diff --git a/app/client/src/ee/pages/Editor/Explorer/ModuleInstanceEntity.tsx b/app/client/src/ee/pages/Editor/Explorer/ModuleInstanceEntity.tsx
new file mode 100644
index 0000000000..1febdbbc1d
--- /dev/null
+++ b/app/client/src/ee/pages/Editor/Explorer/ModuleInstanceEntity.tsx
@@ -0,0 +1 @@
+export * from "ce/pages/Editor/Explorer/ModuleInstanceEntity";
diff --git a/app/client/src/ee/sagas/PageSagas.tsx b/app/client/src/ee/sagas/PageSagas.tsx
new file mode 100644
index 0000000000..6a4ba27df1
--- /dev/null
+++ b/app/client/src/ee/sagas/PageSagas.tsx
@@ -0,0 +1,76 @@
+export * from "ce/sagas/PageSagas";
+import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
+import {
+  fetchPageSaga,
+  fetchPublishedPageSaga,
+  saveLayoutSaga,
+  createPageSaga,
+  createNewPageFromEntity,
+  clonePageSaga,
+  updatePageSaga,
+  deletePageSaga,
+  savePageSaga,
+  updateWidgetNameSaga,
+  fetchAllPublishedPagesSaga,
+  generateTemplatePageSaga,
+  setPageOrderSaga,
+  populatePageDSLsSaga,
+  setCanvasCardsStateSaga,
+  deleteCanvasCardsStateSaga,
+  setPreviewModeInitSaga,
+  refreshTheApp,
+  setupPageSaga,
+  setupPublishedPageSaga,
+} from "ce/sagas/PageSagas";
+import {
+  all,
+  debounce,
+  takeEvery,
+  takeLatest,
+  takeLeading,
+} from "redux-saga/effects";
+import { clearEvalCache } from "sagas/EvaluationsSaga";
+
+export default function* pageSagas() {
+  yield all([
+    takeLatest(ReduxActionTypes.FETCH_PAGE_INIT, fetchPageSaga),
+    takeLatest(
+      ReduxActionTypes.FETCH_PUBLISHED_PAGE_INIT,
+      fetchPublishedPageSaga,
+    ),
+    takeLatest(ReduxActionTypes.UPDATE_LAYOUT, saveLayoutSaga),
+    takeLeading(ReduxActionTypes.CREATE_PAGE_INIT, createPageSaga),
+    takeLeading(
+      ReduxActionTypes.CREATE_NEW_PAGE_FROM_ENTITIES,
+      createNewPageFromEntity,
+    ),
+    takeLeading(ReduxActionTypes.CLONE_PAGE_INIT, clonePageSaga),
+    takeLatest(ReduxActionTypes.UPDATE_PAGE_INIT, updatePageSaga),
+    takeLatest(ReduxActionTypes.DELETE_PAGE_INIT, deletePageSaga),
+    debounce(500, ReduxActionTypes.SAVE_PAGE_INIT, savePageSaga),
+    takeLatest(ReduxActionTypes.UPDATE_WIDGET_NAME_INIT, updateWidgetNameSaga),
+    takeLatest(
+      ReduxActionTypes.FETCH_ALL_PUBLISHED_PAGES,
+      fetchAllPublishedPagesSaga,
+    ),
+    takeLatest(
+      ReduxActionTypes.GENERATE_TEMPLATE_PAGE_INIT,
+      generateTemplatePageSaga,
+    ),
+    takeLatest(ReduxActionTypes.SET_PAGE_ORDER_INIT, setPageOrderSaga),
+    takeLatest(ReduxActionTypes.POPULATE_PAGEDSLS_INIT, populatePageDSLsSaga),
+    takeEvery(ReduxActionTypes.SET_CANVAS_CARDS_STATE, setCanvasCardsStateSaga),
+    takeEvery(
+      ReduxActionTypes.DELETE_CANVAS_CARDS_STATE,
+      deleteCanvasCardsStateSaga,
+    ),
+    takeEvery(ReduxActionTypes.SET_PREVIEW_MODE_INIT, setPreviewModeInitSaga),
+    takeLatest(ReduxActionTypes.REFRESH_THE_APP, refreshTheApp),
+    takeLatest(ReduxActionTypes.CLEAR_CACHE, clearEvalCache),
+    takeLatest(ReduxActionTypes.SETUP_PAGE_INIT, setupPageSaga),
+    takeLatest(
+      ReduxActionTypes.SETUP_PUBLISHED_PAGE_INIT,
+      setupPublishedPageSaga,
+    ),
+  ]);
+}
diff --git a/app/client/src/ee/selectors/engineSelectors.ts b/app/client/src/ee/selectors/engineSelectors.ts
new file mode 100644
index 0000000000..4c1650f153
--- /dev/null
+++ b/app/client/src/ee/selectors/engineSelectors.ts
@@ -0,0 +1 @@
+export * from "ce/selectors/engineSelectors";
diff --git a/app/client/src/ee/utils/getEntityPayloadInfo.ts b/app/client/src/ee/utils/getEntityPayloadInfo.ts
new file mode 100644
index 0000000000..0f52c4d407
--- /dev/null
+++ b/app/client/src/ee/utils/getEntityPayloadInfo.ts
@@ -0,0 +1 @@
+export * from "ce/utils/getEntityPayloadInfo";
diff --git a/app/client/src/ee/utils/moduleInstanceHelpers.tsx b/app/client/src/ee/utils/moduleInstanceHelpers.tsx
new file mode 100644
index 0000000000..c8d74d1523
--- /dev/null
+++ b/app/client/src/ee/utils/moduleInstanceHelpers.tsx
@@ -0,0 +1 @@
+export * from "ce/utils/moduleInstanceHelpers";
diff --git a/app/client/src/entities/DataTree/dataTreeWidget.ts b/app/client/src/entities/DataTree/dataTreeWidget.ts
index d9f85de61e..a703614945 100644
--- a/app/client/src/entities/DataTree/dataTreeWidget.ts
+++ b/app/client/src/entities/DataTree/dataTreeWidget.ts
@@ -190,6 +190,7 @@ const generateDataTreeWidgetWithoutMeta = (
 
   const propertyPaneConfigs = WidgetFactory.getWidgetPropertyPaneConfig(
     widget.type,
+    widget,
   );
   const dynamicBindingPathList = getEntityDynamicBindingPathList(widget);
   // Ensure all dynamic bindings are strings as they will be evaluated
@@ -315,6 +316,7 @@ const generateDataTreeWidgetWithoutMeta = (
     overridingMetaPropsMap,
     defaultMetaProps,
     entityConfig: {
+      widgetId: widget.widgetId,
       defaultProps,
       defaultMetaProps: Object.keys(defaultMetaProps),
       dynamicBindingPathList,
@@ -403,6 +405,6 @@ export const generateDataTreeWidget = (
       componentWidth,
       type: widget.type,
     },
-    configEntity: { ...entityConfig, widgetId: dataTreeWidget.widgetId },
+    configEntity: entityConfig,
   };
 };
diff --git a/app/client/src/entities/Engine/AppEditorEngine.ts b/app/client/src/entities/Engine/AppEditorEngine.ts
index 5edc33b172..803af3e2bc 100644
--- a/app/client/src/entities/Engine/AppEditorEngine.ts
+++ b/app/client/src/entities/Engine/AppEditorEngine.ts
@@ -1,11 +1,4 @@
-import {
-  fetchAppThemesAction,
-  fetchSelectedAppThemeAction,
-} from "actions/appThemingActions";
-import {
-  fetchDatasources,
-  fetchMockDatasources,
-} from "actions/datasourceActions";
+import { fetchMockDatasources } from "actions/datasourceActions";
 import {
   fetchGitRemoteStatusInit,
   fetchBranchesInit,
@@ -16,18 +9,13 @@ import {
 } from "actions/gitSyncActions";
 import { restoreRecentEntitiesRequest } from "actions/globalSearchActions";
 import { resetEditorSuccess } from "actions/initActions";
-import { fetchJSCollections } from "actions/jsActionActions";
 import { loadGuidedTourInit } from "actions/onboardingActions";
-import {
-  fetchAllPageEntityCompletion,
-  fetchPage,
-  fetchPageDSLs,
-} from "actions/pageActions";
+import { fetchAllPageEntityCompletion, setupPage } from "actions/pageActions";
 import {
   executePageLoadActions,
   fetchActions,
 } from "actions/pluginActionActions";
-import { fetchPluginFormConfigs, fetchPlugins } from "actions/pluginActions";
+import { fetchPluginFormConfigs } from "actions/pluginActions";
 import type {
   ApplicationPayload,
   ReduxAction,
@@ -72,6 +60,17 @@ import { getAIPromptTriggered } from "utils/storage";
 import { trackOpenEditorTabs } from "../../utils/editor/browserTabsTracking";
 import { EditorModes } from "components/editorComponents/CodeEditor/EditorConfig";
 import { waitForFetchEnvironments } from "@appsmith/sagas/EnvironmentSagas";
+import { getPageDependencyActions } from "@appsmith/entities/Engine/actionHelpers";
+import { getCurrentWorkspaceId } from "@appsmith/selectors/workspaceSelectors";
+import {
+  getFeatureFlagsForEngine,
+  type DependentFeatureFlags,
+} from "@appsmith/selectors/engineSelectors";
+import { fetchJSCollections } from "actions/jsActionActions";
+import {
+  fetchAppThemesAction,
+  fetchSelectedAppThemeAction,
+} from "actions/appThemingActions";
 
 export default class AppEditorEngine extends AppEngine {
   constructor(mode: APP_MODE) {
@@ -116,7 +115,7 @@ export default class AppEditorEngine extends AppEngine {
     applicationId: string,
   ) {
     const initActionsCalls = [
-      fetchPage(toLoadPageId, true),
+      setupPage(toLoadPageId, true),
       fetchActions({ applicationId }, []),
       fetchJSCollections({ applicationId }),
       fetchSelectedAppThemeAction(applicationId),
@@ -128,7 +127,7 @@ export default class AppEditorEngine extends AppEngine {
       ReduxActionTypes.FETCH_ACTIONS_SUCCESS,
       ReduxActionTypes.FETCH_APP_THEMES_SUCCESS,
       ReduxActionTypes.FETCH_SELECTED_APP_THEME_SUCCESS,
-      ReduxActionTypes.FETCH_PAGE_SUCCESS,
+      ReduxActionTypes.SETUP_PAGE_SUCCESS,
     ];
 
     const failureActionEffects = [
@@ -136,7 +135,7 @@ export default class AppEditorEngine extends AppEngine {
       ReduxActionErrorTypes.FETCH_ACTIONS_ERROR,
       ReduxActionErrorTypes.FETCH_APP_THEMES_ERROR,
       ReduxActionErrorTypes.FETCH_SELECTED_APP_THEME_ERROR,
-      ReduxActionErrorTypes.FETCH_PAGE_ERROR,
+      ReduxActionErrorTypes.SETUP_PAGE_ERROR,
     ];
 
     initActionsCalls.push(fetchJSLibraries(applicationId));
@@ -162,19 +161,12 @@ export default class AppEditorEngine extends AppEngine {
 
   private *loadPluginsAndDatasources() {
     const isAirgappedInstance = isAirgapped();
-    const initActions = [fetchPlugins(), fetchDatasources(), fetchPageDSLs()];
-
-    const successActions = [
-      ReduxActionTypes.FETCH_PLUGINS_SUCCESS,
-      ReduxActionTypes.FETCH_DATASOURCES_SUCCESS,
-      ReduxActionTypes.FETCH_PAGE_DSLS_SUCCESS,
-    ];
-
-    const errorActions = [
-      ReduxActionErrorTypes.FETCH_PLUGINS_ERROR,
-      ReduxActionErrorTypes.FETCH_DATASOURCES_ERROR,
-      ReduxActionErrorTypes.POPULATE_PAGEDSLS_ERROR,
-    ];
+    const currentWorkspaceId: string = yield select(getCurrentWorkspaceId);
+    const featureFlags: DependentFeatureFlags = yield select(
+      getFeatureFlagsForEngine,
+    );
+    const { errorActions, initActions, successActions } =
+      getPageDependencyActions(currentWorkspaceId, featureFlags);
 
     if (!isAirgappedInstance) {
       initActions.push(fetchMockDatasources() as ReduxAction<{ type: string }>);
diff --git a/app/client/src/entities/Engine/AppViewerEngine.ts b/app/client/src/entities/Engine/AppViewerEngine.ts
index bfa4d02bad..0f238ce8c2 100644
--- a/app/client/src/entities/Engine/AppViewerEngine.ts
+++ b/app/client/src/entities/Engine/AppViewerEngine.ts
@@ -1,12 +1,6 @@
-import {
-  fetchAppThemesAction,
-  fetchSelectedAppThemeAction,
-} from "actions/appThemingActions";
-import { fetchJSCollectionsForView } from "actions/jsActionActions";
 import {
   fetchAllPageEntityCompletion,
-  fetchPublishedPage,
-  fetchPublishedPageSuccess,
+  setupPublishedPage,
 } from "actions/pageActions";
 import {
   executePageLoadActions,
@@ -34,6 +28,11 @@ import {
   waitForFetchUserSuccess,
 } from "@appsmith/sagas/userSagas";
 import { waitForFetchEnvironments } from "@appsmith/sagas/EnvironmentSagas";
+import { fetchJSCollectionsForView } from "actions/jsActionActions";
+import {
+  fetchAppThemesAction,
+  fetchSelectedAppThemeAction,
+} from "actions/appThemingActions";
 
 export default class AppViewerEngine extends AppEngine {
   constructor(mode: APP_MODE) {
@@ -85,7 +84,7 @@ export default class AppViewerEngine extends AppEngine {
       fetchJSCollectionsForView({ applicationId }),
       fetchSelectedAppThemeAction(applicationId),
       fetchAppThemesAction(applicationId),
-      fetchPublishedPage(toLoadPageId, true, true),
+      setupPublishedPage(toLoadPageId, true, true),
     ];
 
     const successActionEffects = [
@@ -93,14 +92,14 @@ export default class AppViewerEngine extends AppEngine {
       ReduxActionTypes.FETCH_JS_ACTIONS_VIEW_MODE_SUCCESS,
       ReduxActionTypes.FETCH_APP_THEMES_SUCCESS,
       ReduxActionTypes.FETCH_SELECTED_APP_THEME_SUCCESS,
-      fetchPublishedPageSuccess().type,
+      ReduxActionTypes.SETUP_PUBLISHED_PAGE_SUCCESS,
     ];
     const failureActionEffects = [
       ReduxActionErrorTypes.FETCH_ACTIONS_VIEW_MODE_ERROR,
       ReduxActionErrorTypes.FETCH_JS_ACTIONS_VIEW_MODE_ERROR,
       ReduxActionErrorTypes.FETCH_APP_THEMES_ERROR,
       ReduxActionErrorTypes.FETCH_SELECTED_APP_THEME_ERROR,
-      ReduxActionErrorTypes.FETCH_PUBLISHED_PAGE_ERROR,
+      ReduxActionErrorTypes.SETUP_PUBLISHED_PAGE_ERROR,
     ];
 
     initActionsCalls.push(fetchJSLibraries(applicationId));
diff --git a/app/client/src/globalStyles/CodemirrorHintStyles.ts b/app/client/src/globalStyles/CodemirrorHintStyles.ts
index 58433b4e6f..658ad56fd5 100644
--- a/app/client/src/globalStyles/CodemirrorHintStyles.ts
+++ b/app/client/src/globalStyles/CodemirrorHintStyles.ts
@@ -2,6 +2,7 @@ import { createGlobalStyle } from "styled-components";
 import type { EditorTheme } from "components/editorComponents/CodeEditor/EditorConfig";
 import type { Theme } from "constants/DefaultTheme";
 import { LINT_TOOLTIP_JUSTIFIED_LEFT_CLASS } from "components/editorComponents/CodeEditor/constants";
+import { CodeEditorColors } from "components/editorComponents/CodeEditor/styledComponents";
 
 export const CodemirrorHintStyles = createGlobalStyle<{
   editorTheme: EditorTheme;
@@ -14,15 +15,13 @@ export const CodemirrorHintStyles = createGlobalStyle<{
       z-index: 20;
       overflow: hidden;
       list-style: none;
-      margin-top: ${(props) => props.theme.spaces[3]}px;
-      padding: 0px 0px;
-      font-family: monospace;
+      padding: 0px;
+      font-family: ${(props) => props.theme.fonts.code};
       max-height: 25em;
       overflow-y: auto;
       background: var(--ads-v2-color-bg);
       box-shadow: var(--ads-v2-shadow-popovers);
       border: 1px solid var(--ads-v2-color-border);
-      border-radius: var(--ads-v2-border-radius);
     }
 
     .CodeMirror-hint {
@@ -38,7 +37,6 @@ export const CodemirrorHintStyles = createGlobalStyle<{
       letter-spacing: -0.24px;
       &:hover {
         background: var(--ads-v2-color-bg-subtle);
-        border-radius: 0px;
         color: var(--ads-v2-color-fg);
         &:after {
           color: var(--ads-v2-color-fg);
@@ -82,9 +80,6 @@ export const CodemirrorHintStyles = createGlobalStyle<{
       font-family: ${(props) => props.theme.fonts.text};
       font-size:14px;
       margin: 0 4px;
-      &:hover {
-        border-radius: var(--ads-v2-border-radius);
-      }
       &.CodeMirror-hint-active {
         .magic {
           path {
@@ -122,6 +117,7 @@ export const CodemirrorHintStyles = createGlobalStyle<{
 
     .CodeMirror-hint-header {
       padding: 8px;
+      font-size: var(--ads-v2-font-size-1);
       color: var(--ads-v2-color-fg);
       pointer-events: none !important;
     }
@@ -156,6 +152,7 @@ export const CodemirrorHintStyles = createGlobalStyle<{
     .CodeMirror-Tern-completion {
       font-family: ${(props) => props.theme.fonts.code};
       display: flex;
+      font-size: var(--ads-v2-font-size-2);
       padding-left: ${(props) => props.theme.spaces[11]}px !important;
       &:hover{
         background: var(--ads-v2-color-bg-subtle);
@@ -170,7 +167,6 @@ export const CodemirrorHintStyles = createGlobalStyle<{
       bottom: 6px;
       height: 12px;
       width: 12px;
-      border-radius: var(--ads-v2-border-radius);
       font-size: 10px;
       line-height: 12px;
       font-weight: normal;
@@ -234,12 +230,8 @@ export const CodemirrorHintStyles = createGlobalStyle<{
     .CodeMirror-Tern-completion-keyword[keyword]:after {
       content: attr(keyword);
     }
-    .CodeMirror-Tern-tooltip {
-      z-index: 20 !important;
-    }
     li.CodeMirror-hint-active {
       background-color: var(--ads-v2-color-bg-muted);
-      border-radius: var(--ads-v2-border-radius);
       color: var(--ads-v2-color-fg);
       &:after {
         color: var(--ads-v2-color-fg);
@@ -254,6 +246,54 @@ export const CodemirrorHintStyles = createGlobalStyle<{
     }
   }
 
+  .CodeMirror-Tern-tooltip {
+    font-family: ${(props) => props.theme.fonts.code};
+    &&& {
+      font-size: var(--ads-v2-font-size-2);
+      z-index: 20;
+      background: var(--ads-v2-color-bg);
+      box-shadow: var(--ads-v2-shadow-popovers);
+      border: 1px solid var(--ads-v2-color-border);
+      z-index: 15px;
+      font-weight: 500;
+      max-width: none;
+      white-space: nowrap;
+      .CodeMirror-Tern-fname {
+        color: ${CodeEditorColors.KEYWORD};
+      }
+      .CodeMirror-Tern-farg {
+        color: ${CodeEditorColors.TOOLTIP_FN_ARGS};
+        &.CodeMirror-Tern-farg-current {
+          color: ${CodeEditorColors.TOOLTIP_FN_ARGS};
+          font-weight: 600;
+        }
+      }
+      .CodeMirror-Tern-type {
+        color: #364252;
+      }
+      &.CodeMirror-Tern-hint-doc {
+        display: block;
+        background: var(--ads-v2-color-bg);
+        box-shadow: var(--ads-v2-shadow-popovers);
+        border: 1px solid var(--ads-v2-color-border);
+        color: var(--ads-v2-color-fg);
+        max-height: 150px;
+        max-width: 350px;
+        overflow: auto;
+        font-size: 11px;
+        padding: 0 !important;
+        .doc-link > span {
+          font-size: var(--ads-v2-font-size-2);
+        }
+        code {
+          background: var(--ads-v2-color-bg-subtle);
+          padding: 2px 4px;
+          border-radius: var(--ads-v2-border-radius);
+        }
+      }
+    }
+  }
+
   .cm-sql-hint{
     font-family: ${(props) => props.theme.fonts.code};
     display: flex;
@@ -273,7 +313,6 @@ export const CodemirrorHintStyles = createGlobalStyle<{
     bottom: 6px;
     height: 12px;
     width: 12px;
-    border-radius: var(--ads-v2-border-radius);
     font-size: 10px;
     line-height: 12px;
     font-weight: normal;
@@ -313,29 +352,12 @@ export const CodemirrorHintStyles = createGlobalStyle<{
   }
 }
 
-  .CodeMirror-Tern-hint-doc {
-    display: none;
-    &.visible {
-      display: block;
-        background-color: var(--ads-v2-color-bg) !important;
-        color: var(--ads-v2-color-fg) !important;
-        max-height: 150px;
-        width: 250px;
-        font-size: 12px;
-        padding: 5px !important;
-        border: 1px solid !important;
-        border: 1px solid var(--ads-v2-color-border) !important;
-        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12) !important;
-        overflow: scroll;
-    }
-  }
   .CodeMirror-lint-tooltip {
     && {
       border: 1px solid var(--ads-v2-color-border) !important;
-      border-radius: var(--ads-v2-border-radius);
       background: var(--ads-v2-color-bg) !important;
       box-shadow: 0px 12px 28px -6px rgba(0, 0, 0, 0.32);
-      padding: 7px 12px;
+      padding: 4px;
       color: var(--ads-v2-color-fg);
 
       display: flex;
@@ -349,12 +371,9 @@ export const CodemirrorHintStyles = createGlobalStyle<{
   }
   .CodeMirror-lint-message {
     && {
-      margin-top: 5px;
-      margin-bottom: 5px;
       font-family: ${(props) => props.theme.fonts.text};
       color: var(--ads-v2-color-fg);
       background-position: 0 2.8px;
-      padding-left: 20px;
     }
   }
   .CodeMirror-lint-mark-warning {
diff --git a/app/client/src/icons/MenuIcons.tsx b/app/client/src/icons/MenuIcons.tsx
index 369f26d735..5571840c6d 100644
--- a/app/client/src/icons/MenuIcons.tsx
+++ b/app/client/src/icons/MenuIcons.tsx
@@ -63,6 +63,12 @@ const QueryMain = importSvg(
 const SortIcon = importRemixIcon(
   async () => import("remixicon-react/ArrowUpDownLineIcon"),
 );
+const GroupQueryIcon = importSvg(
+  async () => import("assets/icons/menu/query-group.svg"),
+);
+const LibraryIcon = importSvg(
+  async () => import("assets/icons/menu/library.svg"),
+);
 
 /* eslint-disable react/display-name */
 
@@ -234,4 +240,14 @@ export const MenuIcons: {
       <CurlIcon />
     </IconWrapper>
   ),
+  GROUP_QUERY_ICON: (props: IconProps) => (
+    <IconWrapper {...props}>
+      <GroupQueryIcon />
+    </IconWrapper>
+  ),
+  LIBRARY_ICON: (props: IconProps) => (
+    <IconWrapper {...props}>
+      <LibraryIcon />
+    </IconWrapper>
+  ),
 };
diff --git a/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasActivation.ts b/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasActivation.ts
index f005b35f02..f0ad8ddd77 100644
--- a/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasActivation.ts
+++ b/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasActivation.ts
@@ -4,6 +4,7 @@ import { MAIN_CONTAINER_WIDGET_ID } from "constants/WidgetConstants";
 import type { LayoutElementPosition } from "layoutSystems/common/types";
 import { positionObserver } from "layoutSystems/common/utils/LayoutElementPositionsObserver";
 import { getAnvilLayoutDOMId } from "layoutSystems/common/utils/LayoutElementPositionsObserver/utils";
+import { debounce } from "lodash";
 import { useEffect, useRef } from "react";
 import { useWidgetDragResize } from "utils/hooks/dragResizeHooks";
 import type { AnvilDnDStates } from "./useAnvilDnDStates";
@@ -28,6 +29,8 @@ const checkIfMousePositionIsInsideBlock = (
   );
 };
 
+const MAIN_CANVAS_BUFFER = 20;
+
 export const useCanvasActivation = (
   anvilDragStates: AnvilDnDStates,
   layoutId: string,
@@ -46,6 +49,7 @@ export const useCanvasActivation = (
   const draggedWidgetPositions = anvilDragStates.selectedWidgets.map((each) => {
     return layoutElementPositions[each];
   });
+  const debouncedSetDraggingCanvas = debounce(setDraggingCanvas);
   /**
    * boolean ref that indicates if the mouse position is outside of main canvas while dragging
    * this is being tracked in order to activate/deactivate canvas.
@@ -55,6 +59,7 @@ export const useCanvasActivation = (
     isMouseOutOfMainCanvas.current = true;
     setDraggingCanvas();
   };
+  const debouncedMouseOutOfCanvasArtBoard = debounce(mouseOutOfCanvasArtBoard);
 
   /**
    * all layouts registered on the position observer.
@@ -79,7 +84,7 @@ export const useCanvasActivation = (
    * layoutIds that are supported to drop while dragging.
    * when dragging an AnvilOverlayWidgetTypes widget only the main canvas is supported for dropping.
    */
-  const filteredLayoutIds = activateOverlayWidgetDrop
+  const filteredLayoutIds: string[] = activateOverlayWidgetDrop
     ? allLayoutIds.filter((each) => each === mainCanvasLayoutDomId)
     : allLayoutIds;
   /**
@@ -130,7 +135,13 @@ export const useCanvasActivation = (
       const hoveredCanvas = isMousePositionOutsideOfDraggingWidgets
         ? dragDetails.dragGroupActualParent
         : smallToLargeSortedDroppableLayoutIds.find((each) => {
-            const currentCanvasPositions = layoutElementPositions[each];
+            const currentCanvasPositions = { ...layoutElementPositions[each] };
+            if (each === mainCanvasLayoutId) {
+              currentCanvasPositions.left -= MAIN_CANVAS_BUFFER;
+              currentCanvasPositions.top -= MAIN_CANVAS_BUFFER;
+              currentCanvasPositions.width += 2 * MAIN_CANVAS_BUFFER;
+              currentCanvasPositions.height += 2 * MAIN_CANVAS_BUFFER;
+            }
             if (currentCanvasPositions) {
               return checkIfMousePositionIsInsideBlock(
                 e,
@@ -142,9 +153,9 @@ export const useCanvasActivation = (
       if (dragDetails.draggedOn !== hoveredCanvas) {
         if (hoveredCanvas) {
           isMouseOutOfMainCanvas.current = false;
-          setDraggingCanvas(hoveredCanvas);
+          debouncedSetDraggingCanvas(hoveredCanvas);
         } else {
-          mouseOutOfCanvasArtBoard();
+          debouncedMouseOutOfCanvasArtBoard();
         }
       }
     }
@@ -179,6 +190,6 @@ export const useCanvasActivation = (
     isDragging,
     onMouseMoveWhileDragging,
     onMouseUp,
-    mouseOutOfCanvasArtBoard,
+    debouncedMouseOutOfCanvasArtBoard,
   ]);
 };
diff --git a/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasDragging.ts b/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasDragging.ts
index eeb0bb7401..06b6e9ed2d 100644
--- a/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasDragging.ts
+++ b/app/client/src/layoutSystems/anvil/canvasArenas/hooks/useCanvasDragging.ts
@@ -42,9 +42,8 @@ const renderOverlayWidgetDropLayer = (slidingArena: HTMLDivElement) => {
 const renderBlocksOnCanvas = (
   stickyCanvas: HTMLCanvasElement,
   blockToRender: AnvilHighlightInfo,
-  topOffset: number,
 ) => {
-  // const topOffset = getAbsolutePixels(stickyCanvas.style.top);
+  const topOffset = getAbsolutePixels(stickyCanvas.style.top);
   const leftOffset = getAbsolutePixels(stickyCanvas.style.left);
   const canvasCtx = stickyCanvas.getContext("2d") as CanvasRenderingContext2D;
   canvasCtx.clearRect(0, 0, stickyCanvas.width, stickyCanvas.height);
@@ -97,7 +96,7 @@ export const useCanvasDragging = (
   stickyCanvasRef: React.RefObject<HTMLCanvasElement>,
   props: AnvilHighlightingCanvasProps,
 ) => {
-  const { anvilDragStates, deriveAllHighlightsFn, layoutId, onDrop } = props;
+  const { anvilDragStates, deriveAllHighlightsFn, onDrop } = props;
   const {
     activateOverlayWidgetDrop,
     draggedBlocks,
@@ -220,30 +219,6 @@ export const useCanvasDragging = (
           }
         };
 
-        const calculateTopOffset = () => {
-          if (stickyCanvasRef.current) {
-            const isWidgetScrolling =
-              scrollParent?.className.includes("appsmith_widget_");
-            const isMainContainer = layoutId === mainCanvasLayoutId;
-            const totalScrollTop = scrollParent?.scrollTop || 0;
-            let val = isMainContainer || isWidgetScrolling ? totalScrollTop : 0;
-            const topOffset = getAbsolutePixels(
-              stickyCanvasRef.current.style.top,
-            );
-
-            if (
-              !isMainContainer &&
-              totalScrollTop &&
-              topOffset &&
-              totalScrollTop > topOffset
-            ) {
-              val += totalScrollTop - topOffset;
-            }
-            return val;
-          }
-          return 0;
-        };
-
         const onMouseMove = (e: any) => {
           if (
             isDragging &&
@@ -265,11 +240,9 @@ export const useCanvasDragging = (
             );
             if (processedHighlight) {
               currentRectanglesToDraw = processedHighlight;
-              const topOffset = calculateTopOffset();
               renderBlocksOnCanvas(
                 stickyCanvasRef.current,
                 currentRectanglesToDraw,
-                topOffset,
               );
               scrollObj.lastMouseMoveEvent = {
                 offsetX: e.offsetX,
@@ -323,6 +296,8 @@ export const useCanvasDragging = (
             onMouseUp,
             false,
           );
+          // to make sure drops on the main canvas boundary buffer are processed
+          document.addEventListener("mouseup", onMouseUp);
           scrollParent?.addEventListener("scroll", onScroll, false);
         }
 
@@ -332,6 +307,7 @@ export const useCanvasDragging = (
             onMouseMove,
           );
           slidingArenaRef.current?.removeEventListener("mouseup", onMouseUp);
+          document.removeEventListener("mouseup", onMouseUp);
           scrollParent?.removeEventListener("scroll", onScroll);
         };
       } else {
diff --git a/app/client/src/layoutSystems/anvil/common/AnvilFlexComponent.tsx b/app/client/src/layoutSystems/anvil/common/AnvilFlexComponent.tsx
index 0c6520fd8d..2a3cad520e 100644
--- a/app/client/src/layoutSystems/anvil/common/AnvilFlexComponent.tsx
+++ b/app/client/src/layoutSystems/anvil/common/AnvilFlexComponent.tsx
@@ -60,7 +60,11 @@ export function AnvilFlexComponent(props: AnvilFlexComponentProps) {
   // Create a ref so that this DOM node can be
   // observed by the observer for changes in size
   const ref = React.useRef<HTMLDivElement>(null);
-  usePositionObserver("widget", { widgetId: props.widgetId }, ref);
+  usePositionObserver(
+    "widget",
+    { widgetId: props.widgetId, layoutId: props.layoutId },
+    ref,
+  );
   /** EO POSITIONS OBSERVER LOGIC */
 
   const [isFillWidget, setIsFillWidget] = useState<boolean>(false);
@@ -159,7 +163,7 @@ export function AnvilFlexComponent(props: AnvilFlexComponentProps) {
       position: "relative",
       // overflow is set to make sure widgets internal components/divs don't overflow this boundary causing scrolls
       overflow: "hidden",
-      opacity: isDragging && isSelected ? 0.5 : 1,
+      opacity: (isDragging && isSelected) || !props.isVisible ? 0.5 : 1,
       "&:hover": {
         zIndex: onHoverZIndex,
       },
diff --git a/app/client/src/layoutSystems/anvil/common/widgetComponent/AnvilWidgetComponent.tsx b/app/client/src/layoutSystems/anvil/common/widgetComponent/AnvilWidgetComponent.tsx
index f603055c48..79176cc842 100644
--- a/app/client/src/layoutSystems/anvil/common/widgetComponent/AnvilWidgetComponent.tsx
+++ b/app/client/src/layoutSystems/anvil/common/widgetComponent/AnvilWidgetComponent.tsx
@@ -19,7 +19,7 @@ export const AnvilWidgetComponent = (props: BaseWidgetProps) => {
     return <Skeleton />;
   }
 
-  if (!detachFromLayout) return <div>{props.children}</div>;
+  if (!detachFromLayout) return props.children;
 
   return (
     <ErrorBoundary>
diff --git a/app/client/src/layoutSystems/anvil/editor/AnvilEditorWidgetOnion.tsx b/app/client/src/layoutSystems/anvil/editor/AnvilEditorWidgetOnion.tsx
index c93d042206..507db5342f 100644
--- a/app/client/src/layoutSystems/anvil/editor/AnvilEditorWidgetOnion.tsx
+++ b/app/client/src/layoutSystems/anvil/editor/AnvilEditorWidgetOnion.tsx
@@ -2,7 +2,6 @@ import React, { useCallback } from "react";
 import { useMemo } from "react";
 import type { BaseWidgetProps } from "widgets/BaseWidgetHOC/withBaseWidgetHOC";
 import { AnvilFlexComponent } from "../common/AnvilFlexComponent";
-import SnipeableComponent from "layoutSystems/common/snipeable/SnipeableComponent";
 import { AnvilWidgetComponent } from "../common/widgetComponent/AnvilWidgetComponent";
 import DraggableComponent from "layoutSystems/common/draggable/DraggableComponent";
 import { AnvilResizableLayer } from "../common/resizer/AnvilResizableLayer";
@@ -42,6 +41,7 @@ export const AnvilEditorWidgetOnion = (props: BaseWidgetProps) => {
   return (
     <AnvilFlexComponent
       isResizeDisabled={props.resizeDisabled}
+      isVisible={!!props.isVisible}
       layoutId={props.layoutId}
       parentId={props.parentId}
       rowIndex={props.rowIndex}
@@ -50,23 +50,21 @@ export const AnvilEditorWidgetOnion = (props: BaseWidgetProps) => {
       widgetSize={widgetSize}
       widgetType={props.type}
     >
-      <SnipeableComponent type={props.type} widgetId={props.widgetId}>
-        <DraggableComponent
-          dragDisabled={!!props.dragDisabled}
-          generateDragState={generateDragState}
-          isFlexChild
-          parentId={props.parentId}
-          resizeDisabled={props.resizeDisabled}
-          type={props.type}
-          widgetId={props.widgetId}
-        >
-          <AnvilResizableLayer {...props}>
-            <AnvilWidgetComponent {...props}>
-              {props.children}
-            </AnvilWidgetComponent>
-          </AnvilResizableLayer>
-        </DraggableComponent>
-      </SnipeableComponent>
+      <DraggableComponent
+        dragDisabled={!!props.dragDisabled}
+        generateDragState={generateDragState}
+        isFlexChild
+        parentId={props.parentId}
+        resizeDisabled={props.resizeDisabled}
+        type={props.type}
+        widgetId={props.widgetId}
+      >
+        <AnvilResizableLayer {...props}>
+          <AnvilWidgetComponent {...props}>
+            {props.children}
+          </AnvilWidgetComponent>
+        </AnvilResizableLayer>
+      </DraggableComponent>
     </AnvilFlexComponent>
   );
 };
diff --git a/app/client/src/layoutSystems/anvil/integrations/actions/actionTypes.ts b/app/client/src/layoutSystems/anvil/integrations/actions/actionTypes.ts
index b6219c26c8..6b863523fc 100644
--- a/app/client/src/layoutSystems/anvil/integrations/actions/actionTypes.ts
+++ b/app/client/src/layoutSystems/anvil/integrations/actions/actionTypes.ts
@@ -9,4 +9,5 @@ export enum AnvilReduxActionTypes {
   REMOVE_LAYOUT_ELEMENT_POSITIONS = "REMOVE_LAYOUT_ELEMENT_POSITIONS",
   ANVIL_ADD_NEW_WIDGET = "ANVIL_ADD_NEW_WIDGET",
   ANVIL_MOVE_WIDGET = "ANVIL_MOVE_WIDGET",
+  ANVIL_ADD_SUGGESTED_WIDGET = "ANVIL_ADD_SUGGESTED_WIDGET",
 }
diff --git a/app/client/src/layoutSystems/anvil/integrations/actions/draggingActions.ts b/app/client/src/layoutSystems/anvil/integrations/actions/draggingActions.ts
index cd2bfdf85f..67b13d57aa 100644
--- a/app/client/src/layoutSystems/anvil/integrations/actions/draggingActions.ts
+++ b/app/client/src/layoutSystems/anvil/integrations/actions/draggingActions.ts
@@ -1,3 +1,4 @@
+import type { WidgetProps } from "widgets/BaseWidget";
 import type { AnvilHighlightInfo } from "../../utils/anvilTypes";
 import { AnvilReduxActionTypes } from "./actionTypes";
 
@@ -37,3 +38,21 @@ export const moveAnvilWidgets = (
     },
   };
 };
+
+/**
+ * Add suggested widget to Anvil canvas.
+ */
+export const addSuggestedWidgetAnvilAction = (newWidget: {
+  newWidgetId: string;
+  type?: string;
+  rows?: number;
+  columns?: number;
+  props?: WidgetProps;
+}) => {
+  return {
+    type: AnvilReduxActionTypes.ANVIL_ADD_SUGGESTED_WIDGET,
+    payload: {
+      newWidget,
+    },
+  };
+};
diff --git a/app/client/src/layoutSystems/anvil/integrations/reducers/layoutElementPositionsReducer.ts b/app/client/src/layoutSystems/anvil/integrations/reducers/layoutElementPositionsReducer.ts
index 4779f6583f..bfb432dcdf 100644
--- a/app/client/src/layoutSystems/anvil/integrations/reducers/layoutElementPositionsReducer.ts
+++ b/app/client/src/layoutSystems/anvil/integrations/reducers/layoutElementPositionsReducer.ts
@@ -28,6 +28,8 @@ const widgetPositionsReducer = createImmerReducer(initialState, {
           width: 0,
           left: 0,
           top: 0,
+          offsetLeft: 0,
+          offsetTop: 0,
         };
       }
       if (state[widgetId].height !== newPosition.height)
@@ -38,6 +40,10 @@ const widgetPositionsReducer = createImmerReducer(initialState, {
         state[widgetId].left = newPosition.left;
       if (state[widgetId].top !== newPosition.top)
         state[widgetId].top = newPosition.top;
+      if (state[widgetId].offsetLeft !== newPosition.offsetLeft)
+        state[widgetId].offsetLeft = newPosition.offsetLeft;
+      if (state[widgetId].offsetTop !== newPosition.offsetTop)
+        state[widgetId].offsetTop = newPosition.offsetTop;
     }
   },
   [AnvilReduxActionTypes.REMOVE_LAYOUT_ELEMENT_POSITIONS]: (
diff --git a/app/client/src/layoutSystems/anvil/integrations/sagas/LayoutElementPositionsSaga.ts b/app/client/src/layoutSystems/anvil/integrations/sagas/LayoutElementPositionsSaga.ts
index c95cb27102..188b2f083c 100644
--- a/app/client/src/layoutSystems/anvil/integrations/sagas/LayoutElementPositionsSaga.ts
+++ b/app/client/src/layoutSystems/anvil/integrations/sagas/LayoutElementPositionsSaga.ts
@@ -1,10 +1,7 @@
 import { AnvilReduxActionTypes } from "layoutSystems/anvil/integrations/actions/actionTypes";
 import type { LayoutElementPositions } from "layoutSystems/common/types";
 import { all, put, select, takeEvery, takeLatest } from "redux-saga/effects";
-import {
-  extractLayoutIdFromLayoutDOMId,
-  extractWidgetIdFromAnvilWidgetDOMId,
-} from "layoutSystems/common/utils/LayoutElementPositionsObserver/utils";
+import { extractWidgetIdFromAnvilWidgetDOMId } from "layoutSystems/common/utils/LayoutElementPositionsObserver/utils";
 import { CANVAS_ART_BOARD } from "constants/componentClassNameConstants";
 import { positionObserver } from "layoutSystems/common/utils/LayoutElementPositionsObserver";
 import log from "loglevel";
@@ -13,6 +10,55 @@ import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
 import { APP_MODE } from "entities/App";
 import { combinedPreviewModeSelector } from "selectors/editorSelectors";
 import { getAppMode } from "@appsmith/selectors/entitiesSelector";
+import type { RefObject } from "react";
+/**
+ * In this function,
+ * Get the DOM elements for the registered widgets and layouts
+ * Call `getBoundingClientRect` on each of them
+ * Offset the values by the MainContainer's left and top and store them as left top values in positions
+ * Offset the values by their parent drop targets positions(if parent drop target exists) and store them as offsetTop offsetLeft values in positions.
+ * Store the values in the `positions` object
+ */
+function processPositionsForLayouts(
+  layoutDomId: string,
+  positions: LayoutElementPositions,
+  registeredLayouts: {
+    [layoutDOMId: string]: {
+      ref: RefObject<HTMLDivElement>;
+      layoutId: string;
+      canvasId: string;
+      parentDropTarget: string;
+      isDropTarget: boolean;
+    };
+  },
+  mainContainerDOMRectOffsets: {
+    left: number;
+    top: number;
+  },
+) {
+  const { left, top } = mainContainerDOMRectOffsets;
+  const { layoutId, parentDropTarget } = registeredLayouts[layoutDomId];
+  const element: HTMLElement | null = document.getElementById(layoutDomId);
+  const parentPositions = positions[parentDropTarget];
+  if (element) {
+    const rect: DOMRect = element.getBoundingClientRect();
+    positions[layoutId] = {
+      left: rect.left - left,
+      top: rect.top - top,
+      height: rect.height,
+      width: rect.width,
+      ...(parentPositions
+        ? {
+            offsetLeft: rect.left - (parentPositions.left + left),
+            offsetTop: rect.top - (parentPositions.top + top),
+          }
+        : {
+            offsetLeft: 0,
+            offsetTop: 0,
+          }),
+    };
+  }
+}
 
 /**
  * This saga is used to read(from DOM) and update(in reducers) the widget and layout positions
@@ -62,31 +108,27 @@ function* readAndUpdateLayoutElementPositions() {
   // However, it doesn't work in all browsers as we need the V2 trackVisibility API
   const registeredLayouts = positionObserver.getRegisteredLayouts();
   const registeredWidgets = positionObserver.getRegisteredWidgets();
-
-  // In the following code:
-  // Get the DOM elements for the registered widgets and layouts
-  // Call `getBoundingClientRect` on each of them
-  // Offset the values by the MainContainer's left and top
-  // Store the values in the `positions` object
-
-  // Do the above for layouts
-  for (const anvilLayoutDOMId of Object.keys(registeredLayouts)) {
-    const element: HTMLElement | null =
-      document.getElementById(anvilLayoutDOMId);
-    const layoutId = extractLayoutIdFromLayoutDOMId(anvilLayoutDOMId);
-    if (element) {
-      const rect: DOMRect = element.getBoundingClientRect();
-      positions[layoutId] = {
-        left: rect.left - left,
-        top: rect.top - top,
-        height: rect.height,
-        width: rect.width,
-      };
-    }
-  }
-
-  // Do the above for widgets
+  const dropTargetsOrder = positionObserver.getDropTargetDomIdsOrder();
+  // process drop targets positions first to capture all drop targets offset positions in order of parent to child drop target(dropTargetsOrder).
+  dropTargetsOrder.forEach((eachDomId) =>
+    processPositionsForLayouts(eachDomId, positions, registeredLayouts, {
+      left,
+      top,
+    }),
+  );
+  // process positions for layouts wrt MainContainer as well as their parent drop target layout
+  Object.keys(registeredLayouts)
+    .filter((each) => !dropTargetsOrder.includes(each))
+    .forEach((eachDomId) =>
+      processPositionsForLayouts(eachDomId, positions, registeredLayouts, {
+        left,
+        top,
+      }),
+    );
+  // process positions for widgets wrt MainContainer as well as their parent drop target layout
   for (const anvilWidgetDOMId of Object.keys(registeredWidgets)) {
+    const { layoutId } = registeredWidgets[anvilWidgetDOMId];
+    const parentDropTargetPositions = positions[layoutId];
     const element: HTMLElement | null =
       document.getElementById(anvilWidgetDOMId);
     const widgetId = extractWidgetIdFromAnvilWidgetDOMId(anvilWidgetDOMId);
@@ -97,6 +139,15 @@ function* readAndUpdateLayoutElementPositions() {
         top: rect.top - top,
         height: rect.height,
         width: rect.width,
+        ...(parentDropTargetPositions
+          ? {
+              offsetLeft: rect.left - (parentDropTargetPositions.left + left),
+              offsetTop: rect.top - (parentDropTargetPositions.top + top),
+            }
+          : {
+              offsetLeft: 0,
+              offsetTop: 0,
+            }),
       };
     }
   }
diff --git a/app/client/src/layoutSystems/anvil/integrations/sagas/draggingSagas.ts b/app/client/src/layoutSystems/anvil/integrations/sagas/draggingSagas.ts
index fd62abae66..1cf880220c 100644
--- a/app/client/src/layoutSystems/anvil/integrations/sagas/draggingSagas.ts
+++ b/app/client/src/layoutSystems/anvil/integrations/sagas/draggingSagas.ts
@@ -9,7 +9,7 @@ import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidg
 import { all, call, put, select, takeLatest } from "redux-saga/effects";
 import { getUpdateDslAfterCreatingChild } from "sagas/WidgetAdditionSagas";
 import { executeWidgetBlueprintBeforeOperations } from "sagas/WidgetBlueprintSagas";
-import { getWidgets } from "sagas/selectors";
+import { getWidget, getWidgets } from "sagas/selectors";
 import type { AnvilHighlightInfo } from "../../utils/anvilTypes";
 import { addWidgetsToPreset } from "../../utils/layouts/update/additionUtils";
 import { moveWidgets } from "../../utils/layouts/update/moveUtils";
@@ -17,6 +17,143 @@ import { AnvilReduxActionTypes } from "../actions/actionTypes";
 import { generateDefaultLayoutPreset } from "layoutSystems/anvil/layoutComponents/presets/DefaultLayoutPreset";
 import { selectWidgetInitAction } from "actions/widgetSelectionActions";
 import { SelectionRequestType } from "sagas/WidgetSelectUtils";
+import {
+  GridDefaults,
+  MAIN_CONTAINER_WIDGET_ID,
+} from "constants/WidgetConstants";
+import type { WidgetProps } from "widgets/BaseWidget";
+import { FlexLayerAlignment } from "layoutSystems/common/utils/constants";
+import { WDS_V2_WIDGET_MAP } from "components/wds/constants";
+
+export function* getMainCanvasLastRowHighlight() {
+  const mainCanvas: WidgetProps = yield select(
+    getWidget,
+    MAIN_CONTAINER_WIDGET_ID,
+  );
+  const layoutId: string = mainCanvas.layout[0].layoutId;
+  const layoutOrder = [layoutId];
+  const rowIndex = mainCanvas.layout[0].layout.length;
+  return {
+    canvasId: MAIN_CONTAINER_WIDGET_ID,
+    layoutOrder,
+    rowIndex,
+    posX: 0,
+    posY: 0,
+    alignment: FlexLayerAlignment.Start,
+    dropZone: {},
+    height: 0,
+    width: 0,
+    isVertical: false,
+  };
+}
+
+function* addSuggestedWidgetsAnvilSaga(
+  actionPayload: ReduxAction<{
+    newWidget: {
+      newWidgetId: string;
+      type: string;
+      rows?: number;
+      columns?: number;
+      props: WidgetProps;
+    };
+  }>,
+) {
+  const { newWidget } = actionPayload.payload;
+  const wdsEntry = Object.entries(WDS_V2_WIDGET_MAP).find(
+    ([legacyType]) => legacyType === newWidget.type,
+  );
+  if (wdsEntry) {
+    const [, wdsType] = wdsEntry;
+    const newWidgetParams = {
+      width: (newWidget.rows || 0 / GridDefaults.DEFAULT_GRID_COLUMNS) * 100,
+      height: newWidget.columns || 0 * GridDefaults.DEFAULT_GRID_ROW_HEIGHT,
+      newWidgetId: newWidget.newWidgetId,
+      parentId: MAIN_CONTAINER_WIDGET_ID,
+      type: wdsType,
+    };
+    const mainCanvasHighLight: AnvilHighlightInfo = yield call(
+      getMainCanvasLastRowHighlight,
+    );
+    const updatedWidgets: CanvasWidgetsReduxState = yield call(
+      addNewChildToDSL,
+      mainCanvasHighLight,
+      newWidgetParams,
+    );
+    updatedWidgets[newWidgetParams.newWidgetId] = {
+      ...updatedWidgets[newWidgetParams.newWidgetId],
+      ...newWidget.props,
+    };
+    yield put(updateAndSaveLayout(updatedWidgets));
+    yield put(
+      selectWidgetInitAction(SelectionRequestType.One, [
+        newWidgetParams.newWidgetId,
+      ]),
+    );
+  }
+}
+
+function* addNewChildToDSL(
+  highlight: AnvilHighlightInfo,
+  newWidget: {
+    width: number;
+    height: number;
+    newWidgetId: string;
+    type: string;
+  },
+) {
+  const { alignment, canvasId } = highlight;
+  const allWidgets: CanvasWidgetsReduxState = yield select(getWidgets);
+
+  // Execute Blueprint operation to update widget props before creation.
+  const newParams: { [key: string]: any } = yield call(
+    executeWidgetBlueprintBeforeOperations,
+    BlueprintOperationTypes.UPDATE_CREATE_PARAMS_BEFORE_ADD,
+    {
+      parentId: canvasId,
+      widgetId: newWidget.newWidgetId,
+      widgets: allWidgets,
+      widgetType: newWidget.type,
+    },
+  );
+  const updatedParams: any = { ...newWidget, ...newParams };
+
+  // Create and add widget.
+  const updatedWidgetsOnAddition: CanvasWidgetsReduxState = yield call(
+    getUpdateDslAfterCreatingChild,
+    {
+      ...updatedParams,
+      widgetId: canvasId,
+    },
+  );
+
+  const canvasWidget = updatedWidgetsOnAddition[canvasId];
+  const canvasLayout = canvasWidget.layout
+    ? canvasWidget.layout
+    : generateDefaultLayoutPreset();
+  /**
+   * Add new widget to the children of parent canvas.
+   * Also add it to parent canvas' layout.
+   */
+  const updatedWidgets = {
+    ...updatedWidgetsOnAddition,
+    [canvasWidget.widgetId]: {
+      ...canvasWidget,
+      layout: addWidgetsToPreset(canvasLayout, highlight, [
+        {
+          widgetId: newWidget.newWidgetId,
+          alignment,
+        },
+      ]),
+    },
+    [newWidget.newWidgetId]: {
+      ...updatedWidgetsOnAddition[newWidget.newWidgetId],
+      // This is a temp fix, widget dimensions will be self computed by widgets
+      height: newWidget.height,
+      width: newWidget.width,
+    },
+  };
+  return updatedWidgets;
+}
 
 function* addWidgetsSaga(
   actionPayload: ReduxAction<{
@@ -32,57 +169,12 @@ function* addWidgetsSaga(
   try {
     const start = performance.now();
     const { highlight, newWidget } = actionPayload.payload;
-    const { alignment, canvasId } = highlight;
-    const allWidgets: CanvasWidgetsReduxState = yield select(getWidgets);
 
-    // Execute Blueprint operation to update widget props before creation.
-    const newParams: { [key: string]: any } = yield call(
-      executeWidgetBlueprintBeforeOperations,
-      BlueprintOperationTypes.UPDATE_CREATE_PARAMS_BEFORE_ADD,
-      {
-        parentId: canvasId,
-        widgetId: newWidget.newWidgetId,
-        widgets: allWidgets,
-        widgetType: newWidget.type,
-      },
+    const updatedWidgets: CanvasWidgetsReduxState = yield call(
+      addNewChildToDSL,
+      highlight,
+      newWidget,
     );
-    const updatedParams: any = { ...newWidget, ...newParams };
-
-    // Create and add widget.
-    const updatedWidgetsOnAddition: CanvasWidgetsReduxState = yield call(
-      getUpdateDslAfterCreatingChild,
-      {
-        ...updatedParams,
-        widgetId: canvasId,
-      },
-    );
-
-    const canvasWidget = updatedWidgetsOnAddition[canvasId];
-    const canvasLayout = canvasWidget.layout
-      ? canvasWidget.layout
-      : generateDefaultLayoutPreset();
-    /**
-     * Add new widget to the children of parent canvas.
-     * Also add it to parent canvas' layout.
-     */
-    const updatedWidgets = {
-      ...updatedWidgetsOnAddition,
-      [canvasWidget.widgetId]: {
-        ...canvasWidget,
-        layout: addWidgetsToPreset(canvasLayout, highlight, [
-          {
-            widgetId: newWidget.newWidgetId,
-            alignment,
-          },
-        ]),
-      },
-      [newWidget.newWidgetId]: {
-        ...updatedWidgetsOnAddition[newWidget.newWidgetId],
-        // This is a temp fix, widget dimensions will be self computed by widgets
-        height: newWidget.height,
-        width: newWidget.width,
-      },
-    };
     yield put(updateAndSaveLayout(updatedWidgets));
     yield put(
       selectWidgetInitAction(SelectionRequestType.One, [newWidget.newWidgetId]),
@@ -134,5 +226,9 @@ export default function* anvilDraggingSagas() {
   yield all([
     takeLatest(AnvilReduxActionTypes.ANVIL_ADD_NEW_WIDGET, addWidgetsSaga),
     takeLatest(AnvilReduxActionTypes.ANVIL_MOVE_WIDGET, moveWidgetsSaga),
+    takeLatest(
+      AnvilReduxActionTypes.ANVIL_ADD_SUGGESTED_WIDGET,
+      addSuggestedWidgetsAnvilSaga,
+    ),
   ]);
 }
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedLayoutColumn.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedLayoutColumn.tsx
index 552f4c92a4..bb1e9f52e2 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedLayoutColumn.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedLayoutColumn.tsx
@@ -41,6 +41,7 @@ class AlignedLayoutColumn extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -51,6 +52,7 @@ class AlignedLayoutColumn extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         {...(layoutStyle || {})}
       >
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetColumn.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetColumn.tsx
index 8f0bbd7a37..3ee25bd12d 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetColumn.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetColumn.tsx
@@ -43,6 +43,7 @@ class AlignedWidgetColumn extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -53,6 +54,7 @@ class AlignedWidgetColumn extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         {...(layoutStyle || {})}
       >
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetRow.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetRow.tsx
index fa7ed0a018..819ba146ef 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetRow.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/AlignedWidgetRow.tsx
@@ -35,6 +35,7 @@ class AlignedWidgetRow extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -47,6 +48,7 @@ class AlignedWidgetRow extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         wrap="wrap"
         {...(layoutStyle || {})}
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/FlexLayout.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/FlexLayout.tsx
index d18b7717f2..f7f3a51498 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/FlexLayout.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/FlexLayout.tsx
@@ -31,6 +31,7 @@ export interface FlexLayoutProps
   isDropTarget?: boolean;
   layoutId: string;
   layoutIndex: number;
+  parentDropTarget: string;
   renderMode: RenderMode;
 
   border?: string;
@@ -72,6 +73,7 @@ export const FlexLayout = React.memo((props: FlexLayoutProps) => {
     minHeight,
     minWidth,
     padding,
+    parentDropTarget,
     position,
     renderMode,
     rowGap,
@@ -89,6 +91,7 @@ export const FlexLayout = React.memo((props: FlexLayoutProps) => {
       layoutId: layoutId,
       canvasId: canvasId,
       isDropTarget: isDropTarget,
+      parentDropTarget,
     },
     ref,
   );
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutColumn.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutColumn.tsx
index 386c0997a1..d6e44c18f4 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutColumn.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutColumn.tsx
@@ -40,6 +40,7 @@ class LayoutColumn extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -50,6 +51,7 @@ class LayoutColumn extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         {...(layoutStyle || {})}
       >
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutRow.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutRow.tsx
index ee11e3bcb2..d73f5af891 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutRow.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/LayoutRow.tsx
@@ -28,6 +28,7 @@ class LayoutRow extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -40,6 +41,7 @@ class LayoutRow extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         {...(layoutStyle || {})}
       >
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetColumn.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetColumn.tsx
index 2cb75da695..009d98b77b 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetColumn.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetColumn.tsx
@@ -42,6 +42,7 @@ class WidgetColumn extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -52,6 +53,7 @@ class WidgetColumn extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         {...(layoutStyle || {})}
       >
diff --git a/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetRow.tsx b/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetRow.tsx
index aa4024c99a..53b4c21733 100644
--- a/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetRow.tsx
+++ b/app/client/src/layoutSystems/anvil/layoutComponents/components/WidgetRow.tsx
@@ -30,6 +30,7 @@ class WidgetRow extends BaseLayoutComponent {
       layoutId,
       layoutIndex,
       layoutStyle,
+      parentDropTarget,
       renderMode,
     } = this.props;
 
@@ -42,6 +43,7 @@ class WidgetRow extends BaseLayoutComponent {
         isDropTarget={!!isDropTarget}
         layoutId={layoutId}
         layoutIndex={layoutIndex}
+        parentDropTarget={parentDropTarget}
         renderMode={renderMode}
         {...(layoutStyle || {})}
       >
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedColumnHighlights.test.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedColumnHighlights.test.ts
index 7f97572591..dedd0e5a83 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedColumnHighlights.test.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedColumnHighlights.test.ts
@@ -26,7 +26,14 @@ describe("AlignedColumnHighlights tests", () => {
         layout: [],
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveAlignedColumnHighlights(
         layout,
@@ -58,7 +65,14 @@ describe("AlignedColumnHighlights tests", () => {
         layout: [],
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveAlignedColumnHighlights(
         layout,
@@ -84,9 +98,30 @@ describe("AlignedColumnHighlights tests", () => {
       const button: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const input: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
-        [button]: { height: 40, left: 10, top: 10, width: 120 },
-        [input]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [button]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveAlignedColumnHighlights(
         layout,
@@ -127,9 +162,30 @@ describe("AlignedColumnHighlights tests", () => {
       const button: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const input: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
-        [button]: { height: 40, left: 10, top: 10, width: 120 },
-        [input]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [button]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveAlignedColumnHighlights(
         layout,
@@ -173,9 +229,30 @@ describe("AlignedColumnHighlights tests", () => {
       const button: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const input: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
-        [button]: { height: 40, left: 10, top: 10, width: 120 },
-        [input]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [button]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveAlignedColumnHighlights(
         layout,
@@ -208,9 +285,30 @@ describe("AlignedColumnHighlights tests", () => {
       const button: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const input: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
-        [button]: { height: 40, left: 10, top: 10, width: 120 },
-        [input]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [button]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       /**
        * Second widget (input) is being dragged over it's parent layout.
@@ -247,9 +345,30 @@ describe("AlignedColumnHighlights tests", () => {
       const button: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const input: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
-        [button]: { height: 40, left: 10, top: 10, width: 120 },
-        [input]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [button]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       /**
        * First widget (button) is being dragged over it's parent layout.
@@ -305,13 +424,62 @@ describe("AlignedColumnHighlights tests", () => {
        * Create dimensions data
        */
       const dimensions: LayoutElementPositions = {
-        [row1.layoutId]: { height: 80, left: 10, top: 10, width: 300 },
-        [button1]: { height: 40, left: 10, top: 10, width: 100 },
-        [input1]: { height: 70, left: 120, top: 10, width: 170 },
-        [row2.layoutId]: { height: 80, left: 10, top: 90, width: 300 },
-        [button2]: { height: 40, left: 10, top: 10, width: 100 },
-        [input2]: { height: 70, left: 120, top: 10, width: 170 },
-        [column.layoutId]: { height: 200, left: 0, top: 0, width: 320 },
+        [row1.layoutId]: {
+          height: 80,
+          left: 10,
+          top: 10,
+          width: 300,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [button1]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input1]: {
+          height: 70,
+          left: 120,
+          top: 10,
+          width: 170,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
+        [row2.layoutId]: {
+          height: 80,
+          left: 10,
+          top: 90,
+          width: 300,
+          offsetLeft: 10,
+          offsetTop: 90,
+        },
+        [button2]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input2]: {
+          height: 70,
+          left: 120,
+          top: 10,
+          width: 170,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
+        [column.layoutId]: {
+          height: 200,
+          left: 0,
+          top: 0,
+          width: 320,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
 
       /**
@@ -390,13 +558,62 @@ describe("AlignedColumnHighlights tests", () => {
        * Create dimensions data
        */
       const dimensions: LayoutElementPositions = {
-        [row1.layoutId]: { height: 80, left: 10, top: 10, width: 300 },
-        [button1]: { height: 40, left: 10, top: 10, width: 100 },
-        [input1]: { height: 70, left: 120, top: 10, width: 170 },
-        [row2.layoutId]: { height: 80, left: 10, top: 90, width: 300 },
-        [button2]: { height: 40, left: 10, top: 10, width: 100 },
-        [input2]: { height: 70, left: 120, top: 10, width: 170 },
-        [column.layoutId]: { height: 200, left: 0, top: 0, width: 320 },
+        [row1.layoutId]: {
+          height: 80,
+          left: 10,
+          top: 10,
+          width: 300,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [button1]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input1]: {
+          height: 70,
+          left: 120,
+          top: 10,
+          width: 170,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
+        [row2.layoutId]: {
+          height: 80,
+          left: 10,
+          top: 90,
+          width: 300,
+          offsetLeft: 10,
+          offsetTop: 90,
+        },
+        [button2]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input2]: {
+          height: 70,
+          left: 120,
+          top: 10,
+          width: 170,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
+        [column.layoutId]: {
+          height: 200,
+          left: 0,
+          top: 0,
+          width: 320,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
 
       /**
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.test.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.test.ts
index 3b395d566c..56b4d9ea8c 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.test.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.test.ts
@@ -39,21 +39,34 @@ describe("AlignedRow highlights", () => {
         left: 0,
         top: 0,
         width: 400,
+        offsetLeft: 0,
+        offsetTop: 0,
       };
       const centerPosition: LayoutElementPosition = {
         height: 40,
         left: 404,
         top: 0,
         width: 400,
+        offsetLeft: 404,
+        offsetTop: 0,
       };
       const endPosition: LayoutElementPosition = {
         height: 40,
         left: 808,
         top: 0,
         width: 400,
+        offsetLeft: 808,
+        offsetTop: 0,
       };
       const dimensions: LayoutElementPositions = {
-        [layoutId]: { height: 40, left: 0, top: 0, width: 1208 },
+        [layoutId]: {
+          height: 40,
+          left: 0,
+          top: 0,
+          width: 1208,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
         [`${layoutId}-0`]: startPosition,
         [`${layoutId}-1`]: centerPosition,
         [`${layoutId}-2`]: endPosition,
@@ -63,7 +76,6 @@ describe("AlignedRow highlights", () => {
         layout,
         "0",
         [],
-        layout.layoutId,
       )(dimensions, [
         {
           widgetId: "10",
@@ -119,19 +131,34 @@ describe("AlignedRow highlights", () => {
         left: 0,
         top: 0,
         width: 1208,
+        offsetLeft: 0,
+        offsetTop: 0,
       };
 
       const dimensions: LayoutElementPositions = {
         [layoutId]: layoutPosition,
-        [button]: { height: 40, left: 10, top: 4, width: 120 },
-        [input]: { height: 70, left: 140, top: 4, width: 1058 },
+        [button]: {
+          height: 40,
+          left: 10,
+          top: 4,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 4,
+        },
+        [input]: {
+          height: 70,
+          left: 140,
+          top: 4,
+          width: 1058,
+          offsetLeft: 140,
+          offsetTop: 4,
+        },
       };
 
       const res: AnvilHighlightInfo[] = deriveAlignedRowHighlights(
         layout,
         "0",
         [],
-        layout.layoutId,
       )(dimensions, [
         {
           widgetId: "10",
@@ -187,6 +214,8 @@ describe("AlignedRow highlights", () => {
         left: 0,
         top: 0,
         width: 1208,
+        offsetLeft: 0,
+        offsetTop: 0,
       };
 
       const dimensions: LayoutElementPositions = {
@@ -196,28 +225,47 @@ describe("AlignedRow highlights", () => {
           left: 0,
           top: 0,
           width: 400,
+          offsetLeft: 0,
+          offsetTop: 0,
         },
         [getAlignmentLayoutId(layoutId, FlexLayerAlignment.Center)]: {
           height: 48,
           left: 404,
           top: 0,
           width: 400,
+          offsetLeft: 404,
+          offsetTop: 0,
         },
         [getAlignmentLayoutId(layoutId, FlexLayerAlignment.End)]: {
           height: 48,
           left: 808,
           top: 0,
           width: 400,
+          offsetLeft: 808,
+          offsetTop: 0,
+        },
+        [button1.widgetId]: {
+          height: 40,
+          left: 10,
+          top: 4,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 4,
+        },
+        [button2.widgetId]: {
+          height: 40,
+          left: 540,
+          top: 4,
+          width: 120,
+          offsetLeft: 540,
+          offsetTop: 4,
         },
-        [button1.widgetId]: { height: 40, left: 10, top: 4, width: 120 },
-        [button2.widgetId]: { height: 40, left: 540, top: 4, width: 120 },
       };
 
       const res: AnvilHighlightInfo[] = deriveAlignedRowHighlights(
         layout,
         "0",
         [],
-        layout.layoutId,
       )(dimensions, [
         {
           widgetId: "10",
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.ts
index 25114fc20c..6654c80f79 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/alignedRowHighlights.ts
@@ -28,25 +28,16 @@ import type {
 } from "layoutSystems/common/types";
 
 export const deriveAlignedRowHighlights =
-  (
-    layoutProps: LayoutProps,
-    canvasId: string,
-    layoutOrder: string[],
-    parentDropTarget: string,
-  ) =>
+  (layoutProps: LayoutProps, canvasId: string, layoutOrder: string[]) =>
   (
     positions: LayoutElementPositions,
     draggedWidgets: DraggedWidget[],
   ): AnvilHighlightInfo[] => {
     if (!draggedWidgets.length || !positions[layoutProps.layoutId]) return [];
-    const { isDropTarget, layout, layoutId } = layoutProps;
-
-    const parentDropTargetId: string = isDropTarget
-      ? layoutId
-      : parentDropTarget;
+    const { layout } = layoutProps;
 
     const getDimensions: (id: string) => LayoutElementPosition =
-      getRelativeDimensions(parentDropTargetId, positions);
+      getRelativeDimensions(positions);
 
     /**
      * Step 1: Construct a base highlight.
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/columnHighlights.test.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/columnHighlights.test.ts
index 6956d19064..15ff43c903 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/columnHighlights.test.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/columnHighlights.test.ts
@@ -35,9 +35,30 @@ describe("columnHighlights", () => {
       const buttonId: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const inputId: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 500, left: 0, top: 0, width: 300 },
-        [buttonId]: { height: 40, left: 10, top: 10, width: 120 },
-        [inputId]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 500,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [buttonId]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [inputId]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveColumnHighlights(
         layout,
@@ -71,9 +92,30 @@ describe("columnHighlights", () => {
       const buttonId: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const inputId: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 500, left: 0, top: 0, width: 300 },
-        [buttonId]: { height: 40, left: 10, top: 10, width: 120 },
-        [inputId]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 500,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [buttonId]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [inputId]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveColumnHighlights(
         layout,
@@ -107,9 +149,30 @@ describe("columnHighlights", () => {
       const buttonId: string = (layout.layout[0] as WidgetLayoutProps).widgetId;
       const inputId: string = (layout.layout[1] as WidgetLayoutProps).widgetId;
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 500, left: 0, top: 0, width: 300 },
-        [buttonId]: { height: 40, left: 10, top: 10, width: 120 },
-        [inputId]: { height: 70, left: 10, top: 60, width: 290 },
+        [layout.layoutId]: {
+          height: 500,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        [buttonId]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 120,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [inputId]: {
+          height: 70,
+          left: 10,
+          top: 60,
+          width: 290,
+          offsetLeft: 10,
+          offsetTop: 60,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveColumnHighlights(
         layout,
@@ -159,7 +222,14 @@ describe("columnHighlights", () => {
         layout: [],
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveColumnHighlights(
         layout,
@@ -182,7 +252,14 @@ describe("columnHighlights", () => {
         },
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveColumnHighlights(
         layout,
@@ -209,7 +286,14 @@ describe("columnHighlights", () => {
         },
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 400, left: 0, top: 0, width: 300 },
+        [layout.layoutId]: {
+          height: 400,
+          left: 0,
+          top: 0,
+          width: 300,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveColumnHighlights(
         layout,
@@ -252,13 +336,62 @@ describe("columnHighlights", () => {
        * Create dimensions data
        */
       const dimensions: LayoutElementPositions = {
-        [row1.layoutId]: { height: 80, left: 10, top: 10, width: 300 },
-        [button1]: { height: 40, left: 10, top: 10, width: 100 },
-        [input1]: { height: 70, left: 120, top: 10, width: 170 },
-        [row2.layoutId]: { height: 80, left: 10, top: 90, width: 300 },
-        [button2]: { height: 40, left: 10, top: 10, width: 100 },
-        [input2]: { height: 70, left: 120, top: 10, width: 170 },
-        [column.layoutId]: { height: 200, left: 0, top: 0, width: 320 },
+        [row1.layoutId]: {
+          height: 80,
+          left: 10,
+          top: 10,
+          width: 300,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [button1]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input1]: {
+          height: 70,
+          left: 120,
+          top: 10,
+          width: 170,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
+        [row2.layoutId]: {
+          height: 80,
+          left: 10,
+          top: 90,
+          width: 300,
+          offsetLeft: 10,
+          offsetTop: 90,
+        },
+        [button2]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input2]: {
+          height: 70,
+          left: 120,
+          top: 10,
+          width: 170,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
+        [column.layoutId]: {
+          height: 200,
+          left: 0,
+          top: 0,
+          width: 320,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
 
       /**
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/dimensionUtils.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/dimensionUtils.ts
index 6c9fe737e9..d8b633defe 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/dimensionUtils.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/dimensionUtils.ts
@@ -11,14 +11,13 @@ import type {
  * @returns LayoutElementPosition : Position and dimension of target widget / layout wrt to parent drop target layout.
  */
 export const getRelativeDimensions =
-  (parentLayoutId: string, positions: LayoutElementPositions) =>
+  (positions: LayoutElementPositions) =>
   (id: string): LayoutElementPosition => {
     const curr: LayoutElementPosition = positions[id];
-    const parent: LayoutElementPosition = positions[parentLayoutId];
-
+    if (!curr) return curr;
     return {
       ...curr,
-      top: curr.top - parent.top,
-      left: curr.left - parent.left,
+      top: curr?.offsetTop,
+      left: curr?.offsetLeft,
     };
   };
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/highlightUtils.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/highlightUtils.ts
index cb8c2f27d2..be421f237a 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/highlightUtils.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/highlightUtils.ts
@@ -43,10 +43,7 @@ export function deriveHighlights(
   hasAlignments: boolean,
   hasFillWidget?: boolean,
 ): AnvilHighlightInfo[] {
-  const getDimensions: GetDimensions = getRelativeDimensions(
-    layoutProps.isDropTarget ? layoutProps.layoutId : parentDropTargetId,
-    widgetPositions,
-  );
+  const getDimensions: GetDimensions = getRelativeDimensions(widgetPositions);
   // If layout is empty, return an initial set of highlights to demarcate the starting position.
   if (!layoutProps.layout?.length) {
     return getInitialHighlights(
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.test.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.test.ts
index 867adae971..8cd2e89bc8 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.test.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.test.ts
@@ -64,15 +64,40 @@ describe("rowHighlights tests", () => {
         { widgetId: "3", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        "0": { top: 0, left: 0, width: 200, height: 200 },
-        "1": { top: 0, left: 4, width: 100, height: 40 },
-        "2": { top: 0, left: 110, width: 100, height: 60 },
-        "3": { top: 30, left: 220, width: 100, height: 30 },
+        "0": {
+          top: 0,
+          left: 0,
+          width: 200,
+          height: 200,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 0,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 0,
+        },
+        "2": {
+          top: 0,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 0,
+        },
+        "3": {
+          top: 30,
+          left: 220,
+          width: 100,
+          height: 30,
+          offsetLeft: 220,
+          offsetTop: 30,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "0",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -94,16 +119,48 @@ describe("rowHighlights tests", () => {
         { widgetId: "4", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        "0": { top: 0, left: 0, width: 300, height: 200 },
-        "1": { top: 0, left: 4, width: 100, height: 40 },
-        "2": { top: 0, left: 110, width: 100, height: 60 },
-        "3": { top: 70, left: 10, width: 100, height: 30 },
-        "4": { top: 70, left: 110, width: 100, height: 80 },
+        "0": {
+          top: 0,
+          left: 0,
+          width: 300,
+          height: 200,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 0,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 0,
+        },
+        "2": {
+          top: 0,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 0,
+        },
+        "3": {
+          top: 70,
+          left: 10,
+          width: 100,
+          height: 30,
+          offsetLeft: 10,
+          offsetTop: 70,
+        },
+        "4": {
+          top: 70,
+          left: 110,
+          width: 100,
+          height: 80,
+          offsetLeft: 110,
+          offsetTop: 70,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "0",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -127,16 +184,48 @@ describe("rowHighlights tests", () => {
         { widgetId: "4", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        "0": { top: 0, left: 0, width: 200, height: 200 },
-        "1": { top: 70, left: 4, width: 100, height: 40 },
-        "2": { top: 70, left: 110, width: 100, height: 60 },
-        "3": { top: 0, left: 10, width: 100, height: 30 },
-        "4": { top: 0, left: 110, width: 100, height: 80 },
+        "0": {
+          top: 0,
+          left: 0,
+          width: 200,
+          height: 200,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 70,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 70,
+        },
+        "2": {
+          top: 70,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 70,
+        },
+        "3": {
+          top: 0,
+          left: 10,
+          width: 100,
+          height: 30,
+          offsetLeft: 10,
+          offsetTop: 0,
+        },
+        "4": {
+          top: 0,
+          left: 110,
+          width: 100,
+          height: 80,
+          offsetLeft: 110,
+          offsetTop: 0,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "0",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -173,15 +262,40 @@ describe("rowHighlights tests", () => {
         { widgetId: "3", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        layoutID: { top: 0, left: 0, width: 340, height: 100 },
-        "1": { top: 0, left: 4, width: 100, height: 40 },
-        "2": { top: 0, left: 110, width: 100, height: 60 },
-        "3": { top: 30, left: 220, width: 100, height: 30 },
+        layoutID: {
+          top: 0,
+          left: 0,
+          width: 340,
+          height: 100,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 0,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 0,
+        },
+        "2": {
+          top: 0,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 0,
+        },
+        "3": {
+          top: 30,
+          left: 220,
+          width: 100,
+          height: 30,
+          offsetLeft: 220,
+          offsetTop: 30,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "layoutID",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -224,15 +338,40 @@ describe("rowHighlights tests", () => {
         { widgetId: "3", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        layoutID: { top: 0, left: 0, width: 340, height: 100 },
-        "1": { top: 0, left: 4, width: 100, height: 40 },
-        "2": { top: 0, left: 110, width: 100, height: 60 },
-        "3": { top: 30, left: 220, width: 100, height: 30 },
+        layoutID: {
+          top: 0,
+          left: 0,
+          width: 340,
+          height: 100,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 0,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 0,
+        },
+        "2": {
+          top: 0,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 0,
+        },
+        "3": {
+          top: 30,
+          left: 220,
+          width: 100,
+          height: 30,
+          offsetLeft: 220,
+          offsetTop: 30,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "layoutID",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -278,15 +417,40 @@ describe("rowHighlights tests", () => {
         { widgetId: "3", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        layoutID: { top: 0, left: 0, width: 230, height: 100 },
-        "1": { top: 0, left: 4, width: 100, height: 40 },
-        "2": { top: 0, left: 110, width: 100, height: 60 },
-        "3": { top: 70, left: 10, width: 100, height: 30 },
+        layoutID: {
+          top: 0,
+          left: 0,
+          width: 230,
+          height: 100,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 0,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 0,
+        },
+        "2": {
+          top: 0,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 0,
+        },
+        "3": {
+          top: 70,
+          left: 10,
+          width: 100,
+          height: 30,
+          offsetLeft: 10,
+          offsetTop: 70,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "layoutID",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -335,15 +499,40 @@ describe("rowHighlights tests", () => {
         { widgetId: "3", alignment: FlexLayerAlignment.Start },
       ];
       const dimensions: LayoutElementPositions = {
-        layoutID: { top: 0, left: 0, width: 230, height: 100 },
-        "1": { top: 40, left: 4, width: 100, height: 40 },
-        "2": { top: 40, left: 110, width: 100, height: 60 },
-        "3": { top: 0, left: 10, width: 100, height: 30 },
+        layoutID: {
+          top: 0,
+          left: 0,
+          width: 230,
+          height: 100,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
+        "1": {
+          top: 40,
+          left: 4,
+          width: 100,
+          height: 40,
+          offsetLeft: 4,
+          offsetTop: 40,
+        },
+        "2": {
+          top: 40,
+          left: 110,
+          width: 100,
+          height: 60,
+          offsetLeft: 110,
+          offsetTop: 40,
+        },
+        "3": {
+          top: 0,
+          left: 10,
+          width: 100,
+          height: 30,
+          offsetLeft: 10,
+          offsetTop: 0,
+        },
       };
-      const getDimensions: GetDimensions = getRelativeDimensions(
-        "layoutID",
-        dimensions,
-      );
+      const getDimensions: GetDimensions = getRelativeDimensions(dimensions);
       const res: RowMetaInformation = extractMetaInformation(
         data,
         getDimensions,
@@ -395,7 +584,14 @@ describe("rowHighlights tests", () => {
         layout: [],
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 100, left: 10, top: 10, width: 500 },
+        [layout.layoutId]: {
+          height: 100,
+          left: 10,
+          top: 10,
+          width: 500,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveRowHighlights(
         layout,
@@ -427,7 +623,14 @@ describe("rowHighlights tests", () => {
         },
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 100, left: 10, top: 10, width: 500 },
+        [layout.layoutId]: {
+          height: 100,
+          left: 10,
+          top: 10,
+          width: 500,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveRowHighlights(
         layout,
@@ -463,7 +666,14 @@ describe("rowHighlights tests", () => {
         },
       });
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 100, left: 10, top: 10, width: 500 },
+        [layout.layoutId]: {
+          height: 100,
+          left: 10,
+          top: 10,
+          width: 500,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveRowHighlights(
         layout,
@@ -536,13 +746,62 @@ describe("rowHighlights tests", () => {
        * Create a map of widget positions.
        */
       const positions: LayoutElementPositions = {
-        [layoutOne.layoutId]: { height: 100, left: 10, top: 10, width: 500 },
-        [button1]: { height: 40, left: 10, top: 10, width: 100 },
-        [input1]: { height: 100, left: 60, top: 10, width: 430 },
-        [layoutTwo.layoutId]: { height: 100, left: 510, top: 10, width: 500 },
-        [button2]: { height: 40, left: 10, top: 10, width: 100 },
-        [input2]: { height: 100, left: 60, top: 10, width: 430 },
-        [layout.layoutId]: { height: 100, left: 0, top: 0, width: 1020 },
+        [layoutOne.layoutId]: {
+          height: 100,
+          left: 10,
+          top: 10,
+          width: 500,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [button1]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input1]: {
+          height: 100,
+          left: 60,
+          top: 10,
+          width: 430,
+          offsetLeft: 60,
+          offsetTop: 10,
+        },
+        [layoutTwo.layoutId]: {
+          height: 100,
+          left: 510,
+          top: 10,
+          width: 500,
+          offsetLeft: 510,
+          offsetTop: 10,
+        },
+        [button2]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input2]: {
+          height: 100,
+          left: 60,
+          top: 10,
+          width: 430,
+          offsetLeft: 60,
+          offsetTop: 10,
+        },
+        [layout.layoutId]: {
+          height: 100,
+          left: 0,
+          top: 0,
+          width: 1020,
+          offsetLeft: 0,
+          offsetTop: 0,
+        },
       };
       const res: AnvilHighlightInfo[] = deriveRowHighlights(
         layout,
@@ -583,9 +842,30 @@ describe("rowHighlights tests", () => {
        * Create a map of widget positions.
        */
       const positions: LayoutElementPositions = {
-        [layout.layoutId]: { height: 100, left: 0, top: 10, width: 500 },
-        [button1]: { height: 40, left: 10, top: 10, width: 100 },
-        [input1]: { height: 100, left: 120, top: 10, width: 370 },
+        [layout.layoutId]: {
+          height: 100,
+          left: 0,
+          top: 10,
+          width: 500,
+          offsetLeft: 0,
+          offsetTop: 10,
+        },
+        [button1]: {
+          height: 40,
+          left: 10,
+          top: 10,
+          width: 100,
+          offsetLeft: 10,
+          offsetTop: 10,
+        },
+        [input1]: {
+          height: 100,
+          left: 120,
+          top: 10,
+          width: 370,
+          offsetLeft: 120,
+          offsetTop: 10,
+        },
       };
 
       /**
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.ts b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.ts
index 0cdb788918..9d39d4db1c 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.ts
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/highlights/rowHighlights.ts
@@ -63,7 +63,7 @@ export const deriveRowHighlights =
       : parentDropTarget;
 
     const getDimensions: (id: string) => LayoutElementPosition =
-      getRelativeDimensions(parentDropTargetId, positions);
+      getRelativeDimensions(positions);
 
     const baseHighlight: AnvilHighlightInfo = {
       alignment:
diff --git a/app/client/src/layoutSystems/anvil/utils/layouts/renderUtils.tsx b/app/client/src/layoutSystems/anvil/utils/layouts/renderUtils.tsx
index 601b3a42a3..815f2b2807 100644
--- a/app/client/src/layoutSystems/anvil/utils/layouts/renderUtils.tsx
+++ b/app/client/src/layoutSystems/anvil/utils/layouts/renderUtils.tsx
@@ -168,6 +168,7 @@ export function renderWidgetsInAlignedRow(
     flexBasis: { base: "auto", [`${MOBILE_BREAKPOINT}px`]: "0%" },
     flexGrow: 1,
     flexShrink: 1,
+    parentDropTarget: props.parentDropTarget,
     renderMode: props.renderMode,
     wrap: { base: "wrap", [`${MOBILE_BREAKPOINT}px`]: "nowrap" },
   };
diff --git a/app/client/src/layoutSystems/anvil/utils/types.ts b/app/client/src/layoutSystems/anvil/utils/types.ts
index 784685c2d9..26a621b7ca 100644
--- a/app/client/src/layoutSystems/anvil/utils/types.ts
+++ b/app/client/src/layoutSystems/anvil/utils/types.ts
@@ -10,6 +10,7 @@ export interface AnvilFlexComponentProps {
   parentId?: string;
   rowIndex: number;
   selected?: boolean;
+  isVisible: boolean;
   widgetId: string;
   widgetName: string;
   widgetSize?: SizeConfig;
diff --git a/app/client/src/layoutSystems/anvil/viewer/AnvilViewerWidgetOnion.tsx b/app/client/src/layoutSystems/anvil/viewer/AnvilViewerWidgetOnion.tsx
index eb8d1fcbe1..df5200c293 100644
--- a/app/client/src/layoutSystems/anvil/viewer/AnvilViewerWidgetOnion.tsx
+++ b/app/client/src/layoutSystems/anvil/viewer/AnvilViewerWidgetOnion.tsx
@@ -25,6 +25,7 @@ export const AnvilViewerWidgetOnion = (props: BaseWidgetProps) => {
   return (
     <AnvilFlexComponent
       isResizeDisabled={props.resizeDisabled}
+      isVisible={!!props.isVisible}
       layoutId={props.layoutId}
       parentId={props.parentId}
       rowIndex={props.rowIndex}
diff --git a/app/client/src/layoutSystems/common/canvasArenas/StickyCanvasArena.tsx b/app/client/src/layoutSystems/common/canvasArenas/StickyCanvasArena.tsx
index 7d073aae19..57507117c9 100644
--- a/app/client/src/layoutSystems/common/canvasArenas/StickyCanvasArena.tsx
+++ b/app/client/src/layoutSystems/common/canvasArenas/StickyCanvasArena.tsx
@@ -24,6 +24,61 @@ interface StickyCanvasArenaRef {
   slidingArenaRef: RefObject<HTMLDivElement>;
 }
 
+/**
+ * we use IntersectionObserver to detect the amount of canvas(stickyCanvasRef) that is interactable at any point of time
+ * and resize and reposition it wrt to the slider(slidingArenaRef).
+ * downside to this is it fires events everytime the widget is interactable which is a lot.
+ * in this function we process events to check for changes on which updating of the canvas styles is based upon in
+ * repositionSliderCanvas and rescaleSliderCanvas functions.
+ *
+ * if no changes are required then we could safely skip calling the repositionSliderCanvas and rescaleSliderCanvas.
+ * Why is it important to limit calling repositionSliderCanvas and rescaleSliderCanvas
+ * every time a canvas style is updated(even with the same values) or the canvas is scaled,
+ * the canvas loses context and has to be redrawn which is a costly operation if done very frequent.
+ */
+const shouldUpdateCanvas = (
+  currentEntry: IntersectionObserverEntry,
+  previousEntry?: IntersectionObserverEntry,
+) => {
+  if (previousEntry) {
+    const {
+      boundingClientRect: {
+        left: previousBoundingLeft,
+        top: previousBoundingTop,
+      },
+      intersectionRect: {
+        height: previousIntersectHeight,
+        left: previousIntersectLeft,
+        top: previousIntersectTop,
+        width: previousIntersectWidth,
+      },
+    } = previousEntry;
+    const {
+      boundingClientRect: {
+        left: currentBoundingLeft,
+        top: currentBoundingTop,
+      },
+      intersectionRect: {
+        height: currentIntersectHeight,
+        left: currentIntersectLeft,
+        top: currentIntersectTop,
+        width: currentIntersectWidth,
+      },
+    } = currentEntry;
+    if (
+      previousIntersectHeight === currentIntersectHeight &&
+      previousIntersectWidth === currentIntersectWidth &&
+      previousIntersectLeft === currentIntersectLeft &&
+      previousIntersectTop === currentIntersectTop &&
+      previousBoundingTop === currentBoundingTop &&
+      previousBoundingLeft === currentBoundingLeft
+    ) {
+      return false;
+    }
+  }
+  return true;
+};
+
 const StyledCanvasSlider = styled.div<{ paddingBottom: number }>`
   position: absolute;
   top: 0px;
@@ -49,7 +104,7 @@ export const StickyCanvasArena = forwardRef(
       sliderId,
     } = props;
     const { slidingArenaRef, stickyCanvasRef } = ref.current;
-
+    const previousIntersectionEntry = useRef<IntersectionObserverEntry>();
     const interSectionObserver = useRef(
       new IntersectionObserver((entries) => {
         entries.forEach(updateCanvasStylesIntersection);
@@ -94,9 +149,14 @@ export const StickyCanvasArena = forwardRef(
             slidingArenaRef.current,
           );
 
-          if (parentCanvas && stickyCanvasRef.current) {
+          if (
+            parentCanvas &&
+            stickyCanvasRef.current &&
+            shouldUpdateCanvas(entry, previousIntersectionEntry.current)
+          ) {
             repositionSliderCanvas(entry);
             rescaleSliderCanvas(entry);
+            previousIntersectionEntry.current = entry;
           }
         });
       }
diff --git a/app/client/src/layoutSystems/common/dropTarget/DropTargetComponent.tsx b/app/client/src/layoutSystems/common/dropTarget/DropTargetComponent.tsx
index 5fd8eb6a9a..93465fb93c 100644
--- a/app/client/src/layoutSystems/common/dropTarget/DropTargetComponent.tsx
+++ b/app/client/src/layoutSystems/common/dropTarget/DropTargetComponent.tsx
@@ -49,6 +49,8 @@ import DragLayerComponent from "./DragLayerComponent";
 import StarterBuildingBlocks from "./starterBuildingBlocks";
 import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import useCurrentAppState from "pages/Editor/IDE/hooks";
+import { AppState as IDEAppState } from "entities/IDE/constants";
 
 export type DropTargetComponentProps = PropsWithChildren<{
   snapColumnSpace: number;
@@ -75,6 +77,7 @@ const StyledDropTarget = styled.div`
 function Onboarding() {
   const [isUsersFirstApp, setIsUsersFirstApp] = useState(false);
   const isMobileCanvas = useSelector(getIsMobileCanvasLayout);
+  const appState = useCurrentAppState();
   const user = useSelector(getCurrentUser);
   const showStarterTemplatesInsteadofBlankCanvas = useFeatureFlag(
     FEATURE_FLAG.ab_show_templates_instead_of_blank_canvas_enabled,
@@ -100,13 +103,15 @@ function Onboarding() {
     })();
   }, [user, currentApplicationId]);
 
-  return shouldShowStarterTemplates ? (
-    <StarterBuildingBlocks />
-  ) : (
-    <h2 className="absolute top-0 left-0 right-0 flex items-end h-108 justify-center text-2xl font-bold text-gray-300">
-      Drag and drop a widget here
-    </h2>
-  );
+  if (shouldShowStarterTemplates && appState === IDEAppState.PAGES)
+    return <StarterBuildingBlocks />;
+  else if (!shouldShowStarterTemplates && appState === IDEAppState.PAGES)
+    return (
+      <h2 className="absolute top-0 left-0 right-0 flex items-end h-108 justify-center text-2xl font-bold text-gray-300">
+        Drag and drop a widget here
+      </h2>
+    );
+  else return null;
 }
 
 /*
diff --git a/app/client/src/layoutSystems/common/dropTarget/starterBuildingBlocks/index.tsx b/app/client/src/layoutSystems/common/dropTarget/starterBuildingBlocks/index.tsx
index 27ff1acf91..f673cd29cd 100644
--- a/app/client/src/layoutSystems/common/dropTarget/starterBuildingBlocks/index.tsx
+++ b/app/client/src/layoutSystems/common/dropTarget/starterBuildingBlocks/index.tsx
@@ -52,6 +52,15 @@ function StarterBuildingBlocks() {
   const handleItemHover = (index: number) => {
     setTemplateScreenshot(layoutItems[index].screenshot);
     setLayoutItemActive(layoutItems[index].title);
+
+    AnalyticsUtil.logEvent("STARTER_BUILDING_BLOCK_HOVER", {
+      applicationId: currentApplication?.id,
+      workspaceId: currentWorkSpace.id,
+      source: "canvas",
+      eventData: {
+        templateAppName: layoutItems[index].templateName,
+      },
+    });
   };
 
   const onClick = (
diff --git a/app/client/src/layoutSystems/common/mainContainerResizer/useMainContainerResizer.ts b/app/client/src/layoutSystems/common/mainContainerResizer/useMainContainerResizer.ts
new file mode 100644
index 0000000000..e30ba3f823
--- /dev/null
+++ b/app/client/src/layoutSystems/common/mainContainerResizer/useMainContainerResizer.ts
@@ -0,0 +1,20 @@
+import { LayoutSystemTypes } from "layoutSystems/types";
+import { useSelector } from "react-redux";
+import { previewModeSelector } from "selectors/editorSelectors";
+import { getLayoutSystemType } from "selectors/layoutSystemSelectors";
+import {
+  LayoutSystemFeatures,
+  useLayoutSystemFeatures,
+} from "../useLayoutSystemFeatures";
+
+export const useMainContainerResizer = () => {
+  const checkLayoutSystemFeatures = useLayoutSystemFeatures();
+  const [enableMainContainerResizer] = checkLayoutSystemFeatures([
+    LayoutSystemFeatures.ENABLE_MAIN_CONTAINER_RESIZER,
+  ]);
+  const layoutSystemType = useSelector(getLayoutSystemType);
+  const isPreviewMode = useSelector(previewModeSelector);
+  const canShowResizer =
+    layoutSystemType === LayoutSystemTypes.ANVIL ? isPreviewMode : true;
+  return { enableMainContainerResizer, canShowResizer };
+};
diff --git a/app/client/src/layoutSystems/common/types.ts b/app/client/src/layoutSystems/common/types.ts
index 024fbcc5c2..4d09800c02 100644
--- a/app/client/src/layoutSystems/common/types.ts
+++ b/app/client/src/layoutSystems/common/types.ts
@@ -6,6 +6,8 @@ export interface LayoutElementPosition {
   top: number;
   height: number;
   width: number;
+  offsetLeft: number;
+  offsetTop: number;
 }
 
 export interface LayoutElementPositions {
diff --git a/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/index.ts b/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/index.ts
index 288e476028..0e1bd527f4 100644
--- a/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/index.ts
+++ b/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/index.ts
@@ -22,10 +22,16 @@ import ResizeObserver from "resize-observer-polyfill";
  * Whenever any of the registered elements changes size, the ResizeObserver triggers
  * This class then triggers a process call which is debounced.
  */
+type LayoutOrderArray = string[];
+
 class LayoutElementPositionObserver {
   // Objects to store registered elements
   private registeredWidgets: {
-    [widgetDOMId: string]: { ref: RefObject<HTMLDivElement>; id: string };
+    [widgetDOMId: string]: {
+      ref: RefObject<HTMLDivElement>;
+      id: string;
+      layoutId: string;
+    };
   } = {};
 
   private registeredLayouts: {
@@ -33,10 +39,13 @@ class LayoutElementPositionObserver {
       ref: RefObject<HTMLDivElement>;
       layoutId: string;
       canvasId: string;
+      parentDropTarget: string;
       isDropTarget: boolean;
     };
   } = {};
 
+  private dropTargetsDomIdsOrder: LayoutOrderArray = [];
+
   private mutationOptions: MutationObserverInit = {
     attributes: true,
     attributeFilter: ["class"],
@@ -75,11 +84,15 @@ class LayoutElementPositionObserver {
   );
 
   //Method to register widgets for resize observer changes
-  public observeWidget(widgetId: string, ref: RefObject<HTMLDivElement>) {
+  public observeWidget(
+    widgetId: string,
+    layoutId: string,
+    ref: RefObject<HTMLDivElement>,
+  ) {
     if (ref.current) {
       if (!this.registeredWidgets.hasOwnProperty(widgetId)) {
         const widgetDOMId = getAnvilWidgetDOMId(widgetId);
-        this.registeredWidgets[widgetDOMId] = { ref, id: widgetId };
+        this.registeredWidgets[widgetDOMId] = { ref, id: widgetId, layoutId };
         this.resizeObserver.observe(ref.current);
         this.mutationObserver.observe(ref.current, this.mutationOptions);
       }
@@ -105,6 +118,7 @@ class LayoutElementPositionObserver {
   public observeLayout(
     layoutId: string,
     canvasId: string,
+    parentDropTarget: string,
     isDropTarget: boolean,
     ref: RefObject<HTMLDivElement>,
   ) {
@@ -116,8 +130,23 @@ class LayoutElementPositionObserver {
             ref,
             canvasId,
             layoutId,
+            parentDropTarget,
             isDropTarget,
           };
+        if (
+          isDropTarget &&
+          !this.dropTargetsDomIdsOrder.includes(layoutDOMId)
+        ) {
+          const parentIndex = this.dropTargetsDomIdsOrder.findIndex(
+            (each) => each === parentDropTarget,
+          );
+          if (parentIndex === -1) {
+            // main canvas drop target
+            this.dropTargetsDomIdsOrder.push(layoutDOMId);
+          } else {
+            this.dropTargetsDomIdsOrder.splice(parentIndex, 0, layoutDOMId);
+          }
+        }
         this.resizeObserver.observe(ref.current);
         this.mutationObserver.observe(ref.current, this.mutationOptions);
       }
@@ -126,11 +155,20 @@ class LayoutElementPositionObserver {
 
   //Method to de register layouts for resize observer changes
   public unObserveLayout(layoutDOMId: string) {
-    const element = this.registeredLayouts[layoutDOMId]?.ref?.current;
+    const layoutObj = this.registeredLayouts[layoutDOMId];
+    const element = layoutObj?.ref?.current;
     if (element) {
       this.resizeObserver.unobserve(element);
     }
-
+    const { isDropTarget } = layoutObj;
+    if (isDropTarget) {
+      const layoutIndex = this.dropTargetsDomIdsOrder.findIndex(
+        (each) => each === layoutDOMId,
+      );
+      if (layoutIndex !== -1) {
+        this.dropTargetsDomIdsOrder.splice(layoutIndex, 1);
+      }
+    }
     delete this.registeredLayouts[layoutDOMId];
     store.dispatch(
       deleteLayoutElementPositions([
@@ -177,6 +215,10 @@ class LayoutElementPositionObserver {
     return this.registeredLayouts;
   }
 
+  public getDropTargetDomIdsOrder() {
+    return this.dropTargetsDomIdsOrder;
+  }
+
   private trackEntry(DOMId: string) {
     if (DOMId.indexOf(ANVIL_WIDGET) > -1) {
       this.addWidgetToProcess(DOMId);
diff --git a/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/usePositionObserver.ts b/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/usePositionObserver.ts
index 6d2c51a0b7..e38cf3c5a6 100644
--- a/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/usePositionObserver.ts
+++ b/app/client/src/layoutSystems/common/utils/LayoutElementPositionsObserver/usePositionObserver.ts
@@ -21,6 +21,7 @@ export function usePositionObserver(
     widgetId?: string;
     layoutId?: string;
     canvasId?: string;
+    parentDropTarget?: string;
     isDropTarget?: boolean;
   },
   ref: RefObject<HTMLDivElement>,
@@ -43,7 +44,7 @@ export function usePositionObserver(
         case "widget":
           if (ids.widgetId === undefined)
             throw Error("Failed to observe widget: widgetId is undefined");
-          positionObserver.observeWidget(ids.widgetId, ref);
+          positionObserver.observeWidget(ids.widgetId, ids.layoutId || "", ref);
           break;
         case "layout":
           if (ids.layoutId === undefined)
@@ -53,6 +54,7 @@ export function usePositionObserver(
           positionObserver.observeLayout(
             ids.layoutId,
             ids.canvasId,
+            ids.parentDropTarget || "",
             !!ids.isDropTarget,
             ref,
           );
diff --git a/app/client/src/navigation/featureFlagHooks.ts b/app/client/src/navigation/featureFlagHooks.ts
new file mode 100644
index 0000000000..80ec543981
--- /dev/null
+++ b/app/client/src/navigation/featureFlagHooks.ts
@@ -0,0 +1,14 @@
+import { useFeatureFlag } from "../utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+
+export const useIsAppSidebarEnabled = () => {
+  const isAppSidebarEnabled = useFeatureFlag(
+    FEATURE_FLAG.release_app_sidebar_enabled,
+  );
+
+  const isAppSidebarRolloutEnabled = useFeatureFlag(
+    FEATURE_FLAG.rollout_app_sidebar_enabled,
+  );
+
+  return isAppSidebarEnabled || isAppSidebarRolloutEnabled;
+};
diff --git a/app/client/src/pages/AdminSettings/Authentication/AuthPage.tsx b/app/client/src/pages/AdminSettings/Authentication/AuthPage.tsx
index 500fe11cdf..2f525fc0a8 100644
--- a/app/client/src/pages/AdminSettings/Authentication/AuthPage.tsx
+++ b/app/client/src/pages/AdminSettings/Authentication/AuthPage.tsx
@@ -15,8 +15,8 @@ import { Button, Callout, Divider, Icon, Text, Tooltip } from "design-system";
 import { adminSettingsCategoryUrl } from "@appsmith/RouteBuilder";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 import useOnUpgrade from "utils/hooks/useOnUpgrade";
-import BusinessTag from "components/BusinessTag";
 import { RampFeature, RampSection } from "utils/ProductRamps/RampsControlList";
+import EnterpriseTag from "components/EnterpriseTag";
 
 export const Wrapper = styled.div`
   flex-basis: calc(100% - ${(props) => props.theme.homePage.leftPane.width}px);
@@ -191,7 +191,7 @@ export function AuthPage({ authMethods }: { authMethods: AuthMethodType[] }) {
                       renderAs="p"
                     >
                       {method.label}&nbsp;
-                      {!method.isFeatureEnabled && <BusinessTag />}
+                      {!method.isFeatureEnabled && <EnterpriseTag />}
                       {method.isConnected && (
                         <Tooltip
                           content={createMessage(
diff --git a/app/client/src/pages/AppViewer/index.tsx b/app/client/src/pages/AppViewer/index.tsx
index 0cd558b4ba..f25b6eae82 100644
--- a/app/client/src/pages/AppViewer/index.tsx
+++ b/app/client/src/pages/AppViewer/index.tsx
@@ -28,7 +28,7 @@ import BrandingBadge from "./BrandingBadge";
 import { setAppViewHeaderHeight } from "actions/appViewActions";
 import { showPostCompletionMessage } from "selectors/onboardingSelectors";
 import { CANVAS_SELECTOR } from "constants/WidgetConstants";
-import { fetchPublishedPage } from "actions/pageActions";
+import { setupPublishedPage } from "actions/pageActions";
 import usePrevious from "utils/hooks/usePrevious";
 import { getIsBranchUpdated } from "../utils";
 import { APP_MODE } from "entities/App";
@@ -176,7 +176,7 @@ function AppViewer(props: Props) {
        * when redirected to the default page
        */
       if (prevPageId && pageId && isPageIdUpdated) {
-        dispatch(fetchPublishedPage(pageId, true));
+        dispatch(setupPublishedPage(pageId, true));
       }
     }
   }, [branch, pageId, applicationId, pathname]);
diff --git a/app/client/src/pages/Editor/APIEditor/ApiEditorContext.tsx b/app/client/src/pages/Editor/APIEditor/ApiEditorContext.tsx
index 49ed1ac5de..055af7ff37 100644
--- a/app/client/src/pages/Editor/APIEditor/ApiEditorContext.tsx
+++ b/app/client/src/pages/Editor/APIEditor/ApiEditorContext.tsx
@@ -17,6 +17,8 @@ interface ApiEditorContextContextProps {
     params: SaveActionNameParams,
   ) => ReduxAction<SaveActionNameParams>;
   closeEditorLink?: React.ReactNode;
+  showRightPaneTabbedSection?: boolean;
+  actionRightPaneAdditionSections?: React.ReactNode;
 }
 
 type ApiEditorContextProviderProps =
@@ -27,6 +29,7 @@ export const ApiEditorContext = createContext<ApiEditorContextContextProps>(
 );
 
 export function ApiEditorContextProvider({
+  actionRightPaneAdditionSections,
   actionRightPaneBackLink,
   children,
   closeEditorLink,
@@ -35,12 +38,15 @@ export function ApiEditorContextProvider({
   moreActionsMenu,
   saveActionName,
   settingsConfig,
+  showRightPaneTabbedSection,
 }: ApiEditorContextProviderProps) {
   const value = useMemo(
     () => ({
+      actionRightPaneAdditionSections,
       actionRightPaneBackLink,
       closeEditorLink,
       handleDeleteClick,
+      showRightPaneTabbedSection,
       handleRunClick,
       moreActionsMenu,
       saveActionName,
@@ -48,8 +54,10 @@ export function ApiEditorContextProvider({
     }),
     [
       actionRightPaneBackLink,
+      actionRightPaneAdditionSections,
       closeEditorLink,
       handleDeleteClick,
+      showRightPaneTabbedSection,
       handleRunClick,
       moreActionsMenu,
       saveActionName,
diff --git a/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx b/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx
index 3dd45731b8..c698676482 100644
--- a/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx
+++ b/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx
@@ -19,6 +19,23 @@ import type { Datasource } from "entities/Datasource";
 import { DatasourceStructureContext } from "entities/Datasource";
 
 import { getCurrentEnvironmentId } from "@appsmith/selectors/environmentSelectors";
+import type { SuggestedWidget } from "api/ActionAPI";
+
+interface ApiRightPaneProps {
+  additionalSections?: React.ReactNode;
+  actionName: string;
+  actionRightPaneBackLink: React.ReactNode;
+  applicationId?: string;
+  currentActionDatasourceId: string;
+  currentPageId?: string;
+  datasourceId: string;
+  datasources: any;
+  hasResponse: boolean;
+  onClick: (datasource: Datasource) => void;
+  pluginId: string;
+  showTabbedSection: boolean;
+  suggestedWidgets?: SuggestedWidget[];
+}
 
 const EmptyDatasourceContainer = styled.div`
   display: flex;
@@ -40,7 +57,7 @@ const DatasourceContainer = styled.div`
   color: var(--ads-v2-color-fg);
 
   .tab-container-right-sidebar {
-    padding: 0;
+    padding: 0 var(--ads-v2-spaces-7);
     height: 100%;
     border-left: 1px solid var(--ads-v2-color-border);
 
@@ -153,7 +170,6 @@ const NoEntityFoundWrapper = styled.div`
 `;
 
 const TablistWithPadding = styled.div`
-  padding: 0 var(--ads-v2-spaces-7);
   flex-shrink: 0;
 `;
 
@@ -186,7 +202,8 @@ const API_RIGHT_PANE_TABS = {
   CONNECTIONS: "connections",
   DATASOURCES: "datasources",
 };
-function ApiRightPane(props: any) {
+
+function ApiRightPane(props: ApiRightPaneProps) {
   const dispatch = useDispatch();
   const { hasDependencies } = useEntityDependencies(props.actionName);
   const selectedTab = useSelector(getApiRightPaneSelectedTab);
@@ -216,112 +233,122 @@ function ApiRightPane(props: any) {
   return (
     <DatasourceContainer>
       <TabbedViewContainer className="tab-container-right-sidebar">
-        <Tabs
-          data-testid={"api-right-pane"}
-          onValueChange={setSelectedTab}
-          value={
-            isUndefined(selectedTab)
-              ? API_RIGHT_PANE_TABS.DATASOURCES
-              : selectedTab
-          }
-        >
-          <TablistWithPadding>
-            <TabsList>
-              <Tab
-                key={API_RIGHT_PANE_TABS.DATASOURCES}
-                value={API_RIGHT_PANE_TABS.DATASOURCES}
-              >
-                Datasources
-              </Tab>
-              <Tab
-                key={API_RIGHT_PANE_TABS.CONNECTIONS}
-                value={API_RIGHT_PANE_TABS.CONNECTIONS}
-              >
-                Connections
-              </Tab>
-            </TabsList>
-          </TablistWithPadding>
-          <TabPanel value={API_RIGHT_PANE_TABS.DATASOURCES}>
-            {props.datasources && props.datasources.length > 0 ? (
-              <DataSourceListWrapper
-                className={
-                  selectedTab === API_RIGHT_PANE_TABS.DATASOURCES ? "show" : ""
-                }
-              >
-                {(sortedDatasources || []).map((d: Datasource, idx: number) => {
-                  const dataSourceInfo: string = getDatasourceInfo(d);
-                  return (
-                    <DatasourceCard key={idx} onClick={() => props.onClick(d)}>
-                      <DataSourceNameContainer>
-                        <Text type={TextType.H5} weight={FontWeight.BOLD}>
-                          {d.name}
-                        </Text>
-                        {d?.id === props.currentActionDatasourceId && (
-                          <Tag isClosable={false} size="md">
-                            In use
-                          </Tag>
-                        )}
-                        <Button
-                          isIconButton
-                          kind="tertiary"
-                          onClick={(e: React.MouseEvent) => {
-                            e.stopPropagation();
-                            history.push(
-                              datasourcesEditorIdURL({
-                                pageId: props.currentPageId,
-                                datasourceId: d.id,
-                                params: getQueryParams(),
-                              }),
-                            );
-                          }}
-                          size="sm"
-                          startIcon="pencil-line"
-                        />
-                      </DataSourceNameContainer>
-                      <DatasourceURL>
-                        {d.datasourceStorages[currentEnvironmentId]
-                          ?.datasourceConfiguration?.url || ""}
-                      </DatasourceURL>
-                      {dataSourceInfo && (
-                        <Text type={TextType.P3} weight={FontWeight.NORMAL}>
-                          {dataSourceInfo}
-                        </Text>
-                      )}
-                    </DatasourceCard>
-                  );
-                })}
-              </DataSourceListWrapper>
-            ) : (
-              <EmptyDatasourceContainer>
-                <NoEntityFoundWrapper>
-                  <div className="lines first-line" />
-                  <div className="lines second-line" />
-                </NoEntityFoundWrapper>
-                <Text
-                  textAlign="center"
-                  type={TextType.H5}
-                  weight={FontWeight.NORMAL}
+        {props.additionalSections}
+        {props.showTabbedSection && (
+          <Tabs
+            data-testid={"api-right-pane"}
+            onValueChange={setSelectedTab}
+            value={
+              isUndefined(selectedTab)
+                ? API_RIGHT_PANE_TABS.DATASOURCES
+                : selectedTab
+            }
+          >
+            <TablistWithPadding>
+              <TabsList>
+                <Tab
+                  key={API_RIGHT_PANE_TABS.DATASOURCES}
+                  value={API_RIGHT_PANE_TABS.DATASOURCES}
                 >
-                  When you save a datasource, it will show up here.
-                </Text>
-              </EmptyDatasourceContainer>
-            )}
-          </TabPanel>
-          <TabPanel value={API_RIGHT_PANE_TABS.CONNECTIONS}>
-            <SomeWrapper>
-              <ActionRightPane
-                actionName={props.actionName}
-                actionRightPaneBackLink={props.actionRightPaneBackLink}
-                context={DatasourceStructureContext.API_EDITOR}
-                datasourceId={props.datasourceId}
-                hasConnections={hasDependencies}
-                hasResponse={props.hasResponse}
-                pluginId={props.pluginId}
-                suggestedWidgets={props.suggestedWidgets}
-              />
-            </SomeWrapper>
-          </TabPanel>
-        </Tabs>
+                  Datasources
+                </Tab>
+                <Tab
+                  key={API_RIGHT_PANE_TABS.CONNECTIONS}
+                  value={API_RIGHT_PANE_TABS.CONNECTIONS}
+                >
+                  Connections
+                </Tab>
+              </TabsList>
+            </TablistWithPadding>
+            <TabPanel value={API_RIGHT_PANE_TABS.DATASOURCES}>
+              {props.datasources && props.datasources.length > 0 ? (
+                <DataSourceListWrapper
+                  className={
+                    selectedTab === API_RIGHT_PANE_TABS.DATASOURCES
+                      ? "show"
+                      : ""
+                  }
+                >
+                  {(sortedDatasources || []).map(
+                    (d: Datasource, idx: number) => {
+                      const dataSourceInfo: string = getDatasourceInfo(d);
+                      return (
+                        <DatasourceCard
+                          key={idx}
+                          onClick={() => props.onClick(d)}
+                        >
+                          <DataSourceNameContainer>
+                            <Text type={TextType.H5} weight={FontWeight.BOLD}>
+                              {d.name}
+                            </Text>
+                            {d?.id === props.currentActionDatasourceId && (
+                              <Tag isClosable={false} size="md">
+                                In use
+                              </Tag>
+                            )}
+                            <Button
+                              isIconButton
+                              kind="tertiary"
+                              onClick={(e: React.MouseEvent) => {
+                                e.stopPropagation();
+                                history.push(
+                                  datasourcesEditorIdURL({
+                                    pageId: props.currentPageId,
+                                    datasourceId: d.id,
+                                    params: getQueryParams(),
+                                  }),
+                                );
+                              }}
+                              size="sm"
+                              startIcon="pencil-line"
+                            />
+                          </DataSourceNameContainer>
+                          <DatasourceURL>
+                            {d.datasourceStorages[currentEnvironmentId]
+                              ?.datasourceConfiguration?.url || ""}
+                          </DatasourceURL>
+                          {dataSourceInfo && (
+                            <Text type={TextType.P3} weight={FontWeight.NORMAL}>
+                              {dataSourceInfo}
+                            </Text>
+                          )}
+                        </DatasourceCard>
+                      );
+                    },
+                  )}
+                </DataSourceListWrapper>
+              ) : (
+                <EmptyDatasourceContainer>
+                  <NoEntityFoundWrapper>
+                    <div className="lines first-line" />
+                    <div className="lines second-line" />
+                  </NoEntityFoundWrapper>
+                  <Text
+                    textAlign="center"
+                    type={TextType.H5}
+                    weight={FontWeight.NORMAL}
+                  >
+                    When you save a datasource, it will show up here.
+                  </Text>
+                </EmptyDatasourceContainer>
+              )}
+            </TabPanel>
+            <TabPanel value={API_RIGHT_PANE_TABS.CONNECTIONS}>
+              <SomeWrapper>
+                <ActionRightPane
+                  actionName={props.actionName}
+                  actionRightPaneBackLink={props.actionRightPaneBackLink}
+                  context={DatasourceStructureContext.API_EDITOR}
+                  datasourceId={props.datasourceId}
+                  hasConnections={hasDependencies}
+                  hasResponse={props.hasResponse}
+                  pluginId={props.pluginId}
+                  suggestedWidgets={props.suggestedWidgets}
+                />
+              </SomeWrapper>
+            </TabPanel>
+          </Tabs>
+        )}
       </TabbedViewContainer>
     </DatasourceContainer>
   );
diff --git a/app/client/src/pages/Editor/APIEditor/CommonEditorForm.tsx b/app/client/src/pages/Editor/APIEditor/CommonEditorForm.tsx
index 346a02df5d..3274935ae1 100644
--- a/app/client/src/pages/Editor/APIEditor/CommonEditorForm.tsx
+++ b/app/client/src/pages/Editor/APIEditor/CommonEditorForm.tsx
@@ -496,8 +496,13 @@ function CommonEditorForm(props: CommonFormPropsWithExtraParams) {
     const index = Object.values(API_EDITOR_TABS).indexOf(value);
     dispatch(setApiPaneConfigSelectedTabIndex(index));
   };
-  const { actionRightPaneBackLink, moreActionsMenu, saveActionName } =
-    useContext(ApiEditorContext);
+  const {
+    actionRightPaneAdditionSections,
+    actionRightPaneBackLink,
+    moreActionsMenu,
+    saveActionName,
+    showRightPaneTabbedSection = true,
+  } = useContext(ApiEditorContext);
 
   const {
     actionConfigurationHeaders,
@@ -736,6 +741,7 @@ function CommonEditorForm(props: CommonFormPropsWithExtraParams) {
           <DataSourceList
             actionName={actionName}
             actionRightPaneBackLink={actionRightPaneBackLink}
+            additionalSections={actionRightPaneAdditionSections}
             applicationId={props.applicationId}
             currentActionDatasourceId={currentActionDatasourceId}
             currentPageId={props.currentPageId}
@@ -744,6 +750,7 @@ function CommonEditorForm(props: CommonFormPropsWithExtraParams) {
             hasResponse={props.hasResponse}
             onClick={updateDatasource}
             pluginId={props.pluginId}
+            showTabbedSection={showRightPaneTabbedSection}
             suggestedWidgets={props.suggestedWidgets}
           />
         </Wrapper>
diff --git a/app/client/src/pages/Editor/AppSettingsPane/AppSettings/index.tsx b/app/client/src/pages/Editor/AppSettingsPane/AppSettings/index.tsx
index f3c87ca5db..32e1c5fea6 100644
--- a/app/client/src/pages/Editor/AppSettingsPane/AppSettings/index.tsx
+++ b/app/client/src/pages/Editor/AppSettingsPane/AppSettings/index.tsx
@@ -27,7 +27,10 @@ import {
 import { Colors } from "constants/Colors";
 import EmbedSettings from "./EmbedSettings";
 import NavigationSettings from "./NavigationSettings";
-import { updateAppSettingsPaneSelectedTabAction } from "actions/appSettingsPaneActions";
+import {
+  closeAppSettingsPaneAction,
+  updateAppSettingsPaneSelectedTabAction,
+} from "actions/appSettingsPaneActions";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 import { Divider } from "design-system";
 import { ImportAppSettings } from "./ImportAppSettings";
@@ -109,6 +112,10 @@ function AppSettings() {
         },
       }),
     );
+
+    return () => {
+      dispatch(closeAppSettingsPaneAction());
+    };
   }, [selectedTab]);
 
   const SectionHeadersConfig: SectionHeaderProps[] = [
diff --git a/app/client/src/pages/Editor/AppSettingsPane/PaneHeader.tsx b/app/client/src/pages/Editor/AppSettingsPane/PaneHeader.tsx
index 78413b0031..a2ecf97a77 100644
--- a/app/client/src/pages/Editor/AppSettingsPane/PaneHeader.tsx
+++ b/app/client/src/pages/Editor/AppSettingsPane/PaneHeader.tsx
@@ -6,10 +6,10 @@ import {
   APP_SETTINGS_PANE_HEADER,
 } from "@appsmith/constants/messages";
 import { Tooltip } from "design-system";
-import { useDispatch, useSelector } from "react-redux";
+import { useDispatch } from "react-redux";
 import { Button } from "design-system";
-import { getIsAppSidebarEnabled } from "selectors/ideSelectors";
 import classNames from "classnames";
+import { useIsAppSidebarEnabled } from "../../../navigation/featureFlagHooks";
 
 const StyledHeader = styled.div`
   height: 48px;
@@ -25,7 +25,7 @@ const StyledText = styled.div`
 
 function PaneHeader() {
   const dispatch = useDispatch();
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   return (
     <StyledHeader
diff --git a/app/client/src/pages/Editor/CanvasPropertyPane/index.tsx b/app/client/src/pages/Editor/CanvasPropertyPane/index.tsx
index 0df51097ba..75d96ab007 100644
--- a/app/client/src/pages/Editor/CanvasPropertyPane/index.tsx
+++ b/app/client/src/pages/Editor/CanvasPropertyPane/index.tsx
@@ -14,8 +14,7 @@ import {
   useLayoutSystemFeatures,
 } from "../../../layoutSystems/common/useLayoutSystemFeatures";
 import { MainContainerWidthToggles } from "../MainContainerWidthToggles";
-import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
-import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import { useIsAppSidebarEnabled } from "../../../navigation/featureFlagHooks";
 
 const Title = styled.p`
   color: var(--ads-v2-color-fg);
@@ -25,9 +24,7 @@ const MainHeading = styled.h3`
 `;
 export function CanvasPropertyPane() {
   const dispatch = useDispatch();
-  const isAppSidebarEnabled = useFeatureFlag(
-    FEATURE_FLAG.release_app_sidebar_enabled,
-  );
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   const openAppSettingsPane = () => {
     AnalyticsUtil.logEvent("APP_SETTINGS_BUTTON_CLICK");
diff --git a/app/client/src/pages/Editor/CommunityTemplates/Modals/PublishCommunityTemplate/components/TemplateInfoForm.tsx b/app/client/src/pages/Editor/CommunityTemplates/Modals/PublishCommunityTemplate/components/TemplateInfoForm.tsx
index 386ee4c303..775fb9a184 100644
--- a/app/client/src/pages/Editor/CommunityTemplates/Modals/PublishCommunityTemplate/components/TemplateInfoForm.tsx
+++ b/app/client/src/pages/Editor/CommunityTemplates/Modals/PublishCommunityTemplate/components/TemplateInfoForm.tsx
@@ -128,6 +128,7 @@ const UseCasesSelect = ({
   return (
     <Select
       data-testid="t--community-template-usecases-input"
+      getPopupContainer={(triggerNode) => triggerNode.parentNode.parentNode}
       isMultiSelect
       onChange={setTemplateUseCases}
       value={templateUseCases}
diff --git a/app/client/src/pages/Editor/DataSourceEditor/DSFormHeader.tsx b/app/client/src/pages/Editor/DataSourceEditor/DSFormHeader.tsx
index ae25a0594d..0e46de203f 100644
--- a/app/client/src/pages/Editor/DataSourceEditor/DSFormHeader.tsx
+++ b/app/client/src/pages/Editor/DataSourceEditor/DSFormHeader.tsx
@@ -9,9 +9,10 @@ import {
   CONTEXT_DELETE,
   EDIT,
   createMessage,
+  GENERATE_NEW_PAGE_BUTTON_TEXT,
 } from "@appsmith/constants/messages";
 import AnalyticsUtil from "utils/AnalyticsUtil";
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 import { deleteDatasource } from "actions/datasourceActions";
 import { debounce } from "lodash";
 import type { ApiDatasourceForm } from "entities/Datasource/RestAPIForm";
@@ -19,6 +20,21 @@ import { MenuWrapper, StyledMenu } from "components/utils/formComponents";
 import styled from "styled-components";
 import { Button, MenuContent, MenuItem, MenuTrigger } from "design-system";
 import { DatasourceEditEntryPoints } from "constants/Datasource";
+import { useShowPageGenerationOnHeader } from "./hooks";
+import { generateTemplateFormURL } from "@appsmith/RouteBuilder";
+import { getCurrentPageId } from "selectors/editorSelectors";
+import history from "utils/history";
+import {
+  DB_NOT_SUPPORTED,
+  isEnvironmentConfigured,
+} from "@appsmith/utils/Environments";
+import { getHasCreatePagePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import type { AppState } from "@appsmith/reducers";
+import { getCurrentApplication } from "@appsmith/selectors/applicationSelectors";
+import { getCurrentEnvironmentId } from "@appsmith/selectors/environmentSelectors";
+import type { PluginType } from "entities/Action";
 
 export const ActionWrapper = styled.div`
   display: flex;
@@ -108,6 +124,16 @@ export const DSFormHeader = (props: DSFormHeaderProps) => {
   const [confirmDelete, setConfirmDelete] = useState(false);
   const dispatch = useDispatch();
 
+  const pageId = useSelector(getCurrentPageId);
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+  const userAppPermissions = useSelector(
+    (state: AppState) => getCurrentApplication(state)?.userPermissions ?? [],
+  );
+  const canCreatePages = getHasCreatePagePermission(
+    isFeatureEnabled,
+    userAppPermissions,
+  );
+
   const deleteAction = () => {
     if (isDeleting) return;
     AnalyticsUtil.logEvent("DATASOURCE_CARD_DELETE_ACTION");
@@ -116,6 +142,10 @@ export const DSFormHeader = (props: DSFormHeaderProps) => {
 
   const onCloseMenu = debounce(() => setConfirmDelete(false), 20);
 
+  const showGenerateButton = useShowPageGenerationOnHeader(
+    datasource as Datasource,
+  );
+
   const renderMenuOptions = () => {
     return [
       <MenuItem
@@ -142,6 +172,35 @@ export const DSFormHeader = (props: DSFormHeaderProps) => {
     ];
   };
 
+  const canGeneratePage = canCreateDatasourceActions && canCreatePages;
+
+  const currentEnv = useSelector(getCurrentEnvironmentId);
+  const envSupportedDs = !DB_NOT_SUPPORTED.includes(pluginType as PluginType);
+
+  const showReconnectButton = !(
+    isPluginAuthorized &&
+    (envSupportedDs
+      ? isEnvironmentConfigured(datasource as Datasource, currentEnv)
+      : true)
+  );
+
+  const routeToGeneratePage = () => {
+    if (!showGenerateButton) {
+      // disable button when it doesn't support page generation
+      return;
+    }
+    AnalyticsUtil.logEvent("DATASOURCE_CARD_GEN_CRUD_PAGE_ACTION");
+    history.push(
+      generateTemplateFormURL({
+        pageId,
+        params: {
+          datasourceId: (datasource as Datasource).id,
+          new_page: true,
+        },
+      }),
+    );
+  };
+
   return (
     <Header noBottomBorder={!!noBottomBorder}>
       <FormTitleContainer>
@@ -170,7 +229,7 @@ export const DSFormHeader = (props: DSFormHeaderProps) => {
                     startIcon="context-menu"
                   />
                 </MenuTrigger>
-                <MenuContent style={{ zIndex: 100 }} width="200px">
+                <MenuContent align="end" style={{ zIndex: 100 }} width="200px">
                   {renderMenuOptions()}
                 </MenuContent>
               </StyledMenu>
@@ -200,6 +259,21 @@ export const DSFormHeader = (props: DSFormHeaderProps) => {
             eventFrom="datasource-pane"
             pluginType={pluginType}
           />
+          {showGenerateButton && !showReconnectButton && (
+            <Button
+              className={"t--generate-template"}
+              isDisabled={!canGeneratePage}
+              kind="secondary"
+              onClick={(e: any) => {
+                e.stopPropagation();
+                e.preventDefault();
+                routeToGeneratePage();
+              }}
+              size="md"
+            >
+              {createMessage(GENERATE_NEW_PAGE_BUTTON_TEXT)}
+            </Button>
+          )}
         </ActionWrapper>
       )}
     </Header>
diff --git a/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx b/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx
index 76282e3c91..d7ddd0696a 100644
--- a/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx
+++ b/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx
@@ -10,6 +10,12 @@ import history from "utils/history";
 import { integrationEditorURL } from "@appsmith/RouteBuilder";
 import type { RouteComponentProps } from "react-router";
 import { INTEGRATION_TABS } from "constants/routes";
+import { useSelector } from "react-redux";
+import type { AppState } from "@appsmith/reducers";
+import { getCurrentAppWorkspace } from "@appsmith/selectors/workspaceSelectors";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import { getHasCreateDatasourcePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 
 const Container = styled.div`
   height: 100%;
@@ -38,26 +44,38 @@ const DatasourceBlankState = (
     pageId: string;
   }>,
 ) => {
+  const userWorkspacePermissions = useSelector(
+    (state: AppState) => getCurrentAppWorkspace(state).userPermissions ?? [],
+  );
+
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+
+  const canCreateDatasource = getHasCreateDatasourcePermission(
+    isFeatureEnabled,
+    userWorkspacePermissions,
+  );
   return (
-    <Container>
+    <Container className="t--data-blank-state">
       <Content>
         <BlankStateIllustration />
         <Text kind="body-s">
           {createMessage(DATASOURCE_BLANK_STATE_MESSAGE)}
         </Text>
-        <Button
-          kind="primary"
-          onClick={() =>
-            history.push(
-              integrationEditorURL({
-                pageId: props.match.params.pageId,
-                selectedTab: INTEGRATION_TABS.NEW,
-              }),
-            )
-          }
-        >
-          Bring your data
-        </Button>
+        {canCreateDatasource && (
+          <Button
+            kind="primary"
+            onClick={() =>
+              history.push(
+                integrationEditorURL({
+                  pageId: props.match.params.pageId,
+                  selectedTab: INTEGRATION_TABS.NEW,
+                }),
+              )
+            }
+          >
+            Bring your data
+          </Button>
+        )}
       </Content>
     </Container>
   );
diff --git a/app/client/src/pages/Editor/DataSourceEditor/JSONtoForm.tsx b/app/client/src/pages/Editor/DataSourceEditor/JSONtoForm.tsx
index bfbab671fc..24aaec5298 100644
--- a/app/client/src/pages/Editor/DataSourceEditor/JSONtoForm.tsx
+++ b/app/client/src/pages/Editor/DataSourceEditor/JSONtoForm.tsx
@@ -48,13 +48,14 @@ export class JSONtoForm<
   SS = any,
 > extends React.Component<JSONtoFormProps & P, S, SS> {
   renderForm = (formContent: any) => {
+    const { featureFlags } = this.props;
+    const isSidebarEnabled =
+      featureFlags?.release_app_sidebar_enabled === true ||
+      featureFlags?.rollout_app_sidebar_enabled === true;
     return (
       // <MainContainer>
       <FormContainer className="t--json-to-form-wrapper">
-        {this.props.featureFlags?.release_app_sidebar_enabled ===
-        true ? null : (
-          <CloseEditor />
-        )}
+        {isSidebarEnabled ? null : <CloseEditor />}
         <FormContainerBody className="t--json-to-form-body">
           {formContent}
         </FormContainerBody>
diff --git a/app/client/src/pages/Editor/DataSourceEditor/hooks.ts b/app/client/src/pages/Editor/DataSourceEditor/hooks.ts
index 9acdcd29d2..4deddac244 100644
--- a/app/client/src/pages/Editor/DataSourceEditor/hooks.ts
+++ b/app/client/src/pages/Editor/DataSourceEditor/hooks.ts
@@ -1,7 +1,28 @@
 import { executeDatasourceQuery } from "actions/datasourceActions";
-import type { QueryTemplate } from "entities/Datasource";
+import type { Datasource, QueryTemplate } from "entities/Datasource";
 import { useState, useCallback } from "react";
-import { useDispatch } from "react-redux";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { useDispatch, useSelector } from "react-redux";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { PluginName } from "entities/Action";
+import { isGoogleSheetPluginDS } from "utils/editorContextUtils";
+import {
+  getHasCreatePagePermission,
+  hasCreateDSActionPermissionInApp,
+} from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
+import type { GenerateCRUDEnabledPluginMap } from "api/PluginApi";
+import { DATASOURCES_ALLOWED_FOR_PREVIEW_MODE } from "constants/QueryEditorConstants";
+import {
+  getGenerateCRUDEnabledPluginMap,
+  getPlugin,
+} from "@appsmith/selectors/entitiesSelector";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import type { AppState } from "@appsmith/reducers";
+import {
+  getCurrentApplication,
+  getPagePermissions,
+} from "selectors/editorSelectors";
+import { get } from "lodash";
 
 interface FetchPreviewData {
   datasourceId: string;
@@ -38,13 +59,19 @@ export const useDatasourceQuery = ({
       } else {
         // if the response from the server is anything but an array of data, set the error flag
         setFailedFetchingPreviewData(true);
+        AnalyticsUtil.logEvent("DATA_FETCH_FAILED_POST_SCHEMA_FETCH", {
+          error: payload.data?.pluginErrorDetails,
+        });
       }
     }
   }, []);
 
-  const onFetchPreviewDataFailure = useCallback(() => {
+  const onFetchPreviewDataFailure = useCallback((error: any) => {
     setIsLoading(false);
     setFailedFetchingPreviewData(true);
+    AnalyticsUtil.logEvent("DATA_FETCH_FAILED_POST_SCHEMA_FETCH", {
+      error: error,
+    });
   }, []);
 
   const fetchPreviewData = useCallback(
@@ -76,3 +103,64 @@ export const useDatasourceQuery = ({
     failedFetchingPreviewData,
   };
 };
+
+export const useShowPageGenerationOnHeader = (
+  datasource: Datasource,
+): boolean => {
+  const pluginId = get(datasource, "pluginId", "");
+  const plugin = useSelector((state: AppState) => getPlugin(state, pluginId));
+  const userAppPermissions = useSelector(
+    (state: AppState) => getCurrentApplication(state)?.userPermissions ?? [],
+  );
+
+  const pagePermissions = useSelector(getPagePermissions);
+
+  const datasourcePermissions = datasource?.userPermissions || [];
+
+  const isGACEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+
+  const isGoogleSheetPlugin = isGoogleSheetPluginDS(plugin?.packageName);
+
+  //   A/B feature flag for datasource view mode preview data.
+  let isEnabledForDSViewModeSchema = useFeatureFlag(
+    FEATURE_FLAG.ab_gsheet_schema_enabled,
+  );
+
+  const isEnabledForMockMongoSchema = useFeatureFlag(
+    FEATURE_FLAG.ab_mock_mongo_schema_enabled,
+  );
+
+  // for mongoDB, the feature flag should be based on ab_mock_mongo_schema_enabled.
+  if (plugin?.name === PluginName.MONGO) {
+    isEnabledForDSViewModeSchema = isEnabledForMockMongoSchema;
+  }
+
+  const isPluginAllowedToPreviewData = isEnabledForDSViewModeSchema
+    ? DATASOURCES_ALLOWED_FOR_PREVIEW_MODE.includes(plugin?.name || "") ||
+      (plugin?.name === PluginName.MONGO &&
+        !!(datasource as Datasource)?.isMock) ||
+      isGoogleSheetPlugin
+    : false;
+
+  const generateCRUDSupportedPlugin: GenerateCRUDEnabledPluginMap = useSelector(
+    getGenerateCRUDEnabledPluginMap,
+  );
+
+  const canCreatePages = getHasCreatePagePermission(
+    isGACEnabled,
+    userAppPermissions,
+  );
+  const canCreateDatasourceActions = hasCreateDSActionPermissionInApp(
+    isGACEnabled,
+    datasourcePermissions,
+    pagePermissions,
+  );
+
+  const canGeneratePage = canCreateDatasourceActions && canCreatePages;
+
+  const supportTemplateGeneration =
+    !isPluginAllowedToPreviewData &&
+    !!generateCRUDSupportedPlugin[(datasource as Datasource).pluginId];
+
+  return supportTemplateGeneration && canGeneratePage;
+};
diff --git a/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructure.tsx b/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructure.tsx
index 0e602acb21..d59a51f77c 100644
--- a/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructure.tsx
+++ b/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructure.tsx
@@ -28,7 +28,6 @@ interface DatasourceStructureItemProps {
   datasourceId: string;
   context: DatasourceStructureContext;
   isDefaultOpen?: boolean;
-  forceExpand?: boolean;
   currentActionId: string;
   onEntityTableClick?: (table: string) => void;
   tableName?: string;
@@ -150,7 +149,6 @@ const DatasourceStructureItem = memo((props: DatasourceStructureItemProps) => {
       collapseRef={collapseRef}
       contextMenu={templateMenu}
       entityId={`${props.datasourceId}-${dbStructure.name}-${props.context}`}
-      forceExpand={props.forceExpand}
       icon={datasourceTableIcon}
       isDefaultExpanded={props?.isDefaultOpen}
       name={dbStructure.name}
@@ -177,7 +175,6 @@ type DatasourceStructureProps = Partial<DatasourceStructureItemProps> & {
   datasourceId: string;
   context: DatasourceStructureContext;
   isDefaultOpen?: boolean;
-  forceExpand?: boolean;
   currentActionId: string;
 };
 
diff --git a/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructureContainer.tsx b/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructureContainer.tsx
index 2c15e8d499..b13d25a8a2 100644
--- a/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructureContainer.tsx
+++ b/app/client/src/pages/Editor/DatasourceInfo/DatasourceStructureContainer.tsx
@@ -59,7 +59,6 @@ const Container = (props: Props) => {
   const [datasourceStructure, setDatasourceStructure] = useState<
     DatasourceStructureType | undefined
   >(props.datasourceStructure);
-  const [hasSearchedOccured, setHasSearchedOccured] = useState(false);
 
   const { isOpened: isWalkthroughOpened, popFeature } =
     useContext(WalkthroughContext) || {};
@@ -96,12 +95,6 @@ const Container = (props: Props) => {
   const handleOnChange = (value: string) => {
     if (!props.datasourceStructure?.tables?.length) return;
 
-    if (value.length > 0) {
-      !hasSearchedOccured && setHasSearchedOccured(true);
-    } else {
-      hasSearchedOccured && setHasSearchedOccured(false);
-    }
-
     const filteredDastasourceStructure =
       props.datasourceStructure.tables.filter((table) =>
         table.name.toLowerCase().includes(value.toLowerCase()),
@@ -141,7 +134,6 @@ const Container = (props: Props) => {
               context={props.context}
               currentActionId={props.currentActionId || ""}
               datasourceId={props.datasourceId}
-              forceExpand={hasSearchedOccured}
               // If set, then it doesn't set the context menu to generate query from templates
               onEntityTableClick={props.onEntityTableClick}
               step={props.step + 1}
diff --git a/app/client/src/pages/Editor/DatasourceInfo/DatasourceViewModeSchema.tsx b/app/client/src/pages/Editor/DatasourceInfo/DatasourceViewModeSchema.tsx
index c55cf0edc4..7edd24fd85 100644
--- a/app/client/src/pages/Editor/DatasourceInfo/DatasourceViewModeSchema.tsx
+++ b/app/client/src/pages/Editor/DatasourceInfo/DatasourceViewModeSchema.tsx
@@ -224,7 +224,7 @@ const DatasourceViewModeSchema = (props: Props) => {
 
   return (
     <ViewModeSchemaContainer>
-      <DataWrapperContainer>
+      <DataWrapperContainer data-testId="datasource-schema-container">
         <StructureContainer>
           {props.datasource && (
             <DatasourceStructureHeader
diff --git a/app/client/src/pages/Editor/DatasourceInfo/GoogleSheetSchema.tsx b/app/client/src/pages/Editor/DatasourceInfo/GoogleSheetSchema.tsx
index e5048c4c76..4c717d24e6 100644
--- a/app/client/src/pages/Editor/DatasourceInfo/GoogleSheetSchema.tsx
+++ b/app/client/src/pages/Editor/DatasourceInfo/GoogleSheetSchema.tsx
@@ -168,7 +168,7 @@ function GoogleSheetSchema(props: Props) {
     );
     scrollIntoView(
       `#${CSS.escape(`entity-${datasource?.id}-${option.value}`)}`,
-      ".t--gsheet-structure",
+      ".t--gsheet-structure .t--gsheet-structure-list",
     );
     setSelectedSpreadsheet(option);
     fetchSheetsList({
@@ -196,7 +196,7 @@ function GoogleSheetSchema(props: Props) {
       `#${CSS.escape(
         `entity-${datasource?.id}-${selectedSpreadsheet.value}-${option.value}`,
       )}`,
-      ".t--gsheet-structure",
+      ".t--gsheet-structure .t--gsheet-structure-list",
       -30,
     );
     setSelectedSheet(option);
@@ -377,7 +377,7 @@ function GoogleSheetSchema(props: Props) {
   return (
     <ViewModeSchemaContainer>
       <DataWrapperContainer>
-        <StructureContainer>
+        <StructureContainer data-testId="datasource-schema-container">
           {datasource && (
             <DatasourceStructureHeader
               datasource={datasource}
diff --git a/app/client/src/pages/Editor/EditorHeader.test.tsx b/app/client/src/pages/Editor/EditorHeader.test.tsx
deleted file mode 100644
index cc0e0373e3..0000000000
--- a/app/client/src/pages/Editor/EditorHeader.test.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react";
-import EditorHeader from "./EditorHeader";
-import { render, screen } from "test/testUtils";
-import type { AppState } from "@appsmith/reducers";
-
-function renderComponent(initialState?: Partial<AppState>) {
-  render(<EditorHeader />, {
-    initialState,
-  });
-}
-
-describe("EditorHeader", () => {
-  it("Show sidebar nav button by default", () => {
-    renderComponent();
-    const wrapper = screen.queryAllByTestId("sidebar-nav-button");
-    expect(wrapper.length).toBe(1);
-  });
-  it("sidebar nav button should be hidden when signposting is enabled", () => {
-    const initialState: any = {
-      entities: {
-        pageList: {
-          applicationId: "1",
-        },
-      },
-      ui: {
-        onBoarding: {
-          firstTimeUserOnboardingApplicationIds: ["1"],
-        },
-      },
-    };
-
-    renderComponent(initialState);
-    const wrapper = screen.queryAllByTestId("sidebar-nav-button");
-    expect(wrapper.length).toBe(0);
-  });
-});
diff --git a/app/client/src/pages/Editor/EditorHeader.tsx b/app/client/src/pages/Editor/EditorHeader.tsx
index 554e196081..108ee0eb76 100644
--- a/app/client/src/pages/Editor/EditorHeader.tsx
+++ b/app/client/src/pages/Editor/EditorHeader.tsx
@@ -83,7 +83,7 @@ import { HelperBarInHeader } from "./HelpBarInHeader";
 import { AppsmithLink } from "./AppsmithLink";
 import { getIsFirstTimeUserOnboardingEnabled } from "selectors/onboardingSelectors";
 import { GetNavigationMenuData } from "./EditorName/NavigationMenuData";
-import { getIsAppSidebarEnabled } from "selectors/ideSelectors";
+import { useIsAppSidebarEnabled } from "../../navigation/featureFlagHooks";
 
 const { cloudHosting } = getAppsmithConfigs();
 
@@ -123,7 +123,7 @@ export function EditorHeader() {
     setShowPublishCommunityTemplateModal,
   ] = useState(false);
 
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   const showEntityExplorerLock = !isAppSidebarEnabled && !signpostingEnabled;
 
@@ -159,6 +159,7 @@ export function EditorHeader() {
         pageCount,
         ...navigationSettingsWithPrefix,
         isPublic: !!currentApplication?.isPublic,
+        templateTitle: currentApplication?.forkedFromTemplateTitle,
       });
     }
   };
diff --git a/app/client/src/pages/Editor/EditorName/NavigationMenuData.ts b/app/client/src/pages/Editor/EditorName/NavigationMenuData.ts
index dccc2c7468..24dcdc0f3a 100644
--- a/app/client/src/pages/Editor/EditorName/NavigationMenuData.ts
+++ b/app/client/src/pages/Editor/EditorName/NavigationMenuData.ts
@@ -23,9 +23,8 @@ import { openAppSettingsPaneAction } from "actions/appSettingsPaneActions";
 import { toast } from "design-system";
 import type { ThemeProp } from "WidgetProvider/constants";
 import { DISCORD_URL, DOCS_BASE_URL } from "constants/ThirdPartyConstants";
-import { useFeatureFlag } from "../../../utils/hooks/useFeatureFlag";
-import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
 import { protectedModeSelector } from "selectors/gitSyncSelectors";
+import { useIsAppSidebarEnabled } from "../../../navigation/featureFlagHooks";
 
 export interface NavigationMenuDataProps extends ThemeProp {
   editMode: typeof noop;
@@ -38,9 +37,7 @@ export const GetNavigationMenuData = ({
 }: NavigationMenuDataProps): MenuItemData[] => {
   const dispatch = useDispatch();
   const history = useHistory();
-  const isAppSidebarEnabled = useFeatureFlag(
-    FEATURE_FLAG.release_app_sidebar_enabled,
-  );
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
   const isProtectedMode = useSelector(protectedModeSelector);
 
   const applicationId = useSelector(getCurrentApplicationId);
diff --git a/app/client/src/pages/Editor/EntityNavigation/PropertyPane/index.ts b/app/client/src/pages/Editor/EntityNavigation/PropertyPane/index.ts
index cab8cd389f..26b8cb5b7f 100644
--- a/app/client/src/pages/Editor/EntityNavigation/PropertyPane/index.ts
+++ b/app/client/src/pages/Editor/EntityNavigation/PropertyPane/index.ts
@@ -66,7 +66,10 @@ export default class PropertyPaneNavigation extends PaneNavigation {
     if (!this.entityInfo.propertyPath) return config;
 
     const propertyPaneContentConfig =
-      WidgetFactory.getWidgetPropertyPaneContentConfig(this.widget?.type);
+      WidgetFactory.getWidgetPropertyPaneContentConfig(
+        this.widget?.type,
+        this.widget,
+      );
     const propertyPaneStyleConfig =
       WidgetFactory.getWidgetPropertyPaneStyleConfig(this.widget?.type);
     const widgetProps: WidgetProps | undefined = yield select(
diff --git a/app/client/src/pages/Editor/Explorer/Datasources/DatasourceStarterLayoutPrompt.tsx b/app/client/src/pages/Editor/Explorer/Datasources/DatasourceStarterLayoutPrompt.tsx
index 82dacdf296..00cb4f57d5 100644
--- a/app/client/src/pages/Editor/Explorer/Datasources/DatasourceStarterLayoutPrompt.tsx
+++ b/app/client/src/pages/Editor/Explorer/Datasources/DatasourceStarterLayoutPrompt.tsx
@@ -23,13 +23,21 @@ import {
 } from "@appsmith/constants/messages";
 import history from "utils/history";
 import { integrationEditorURL } from "@appsmith/RouteBuilder";
-import { getCurrentPageId } from "selectors/editorSelectors";
+import { getCurrentWorkspaceId } from "@appsmith/selectors/workspaceSelectors";
+import {
+  getCurrentApplicationId,
+  getCurrentPageId,
+} from "selectors/editorSelectors";
 import { INTEGRATION_TABS } from "constants/routes";
 import { Colors } from "constants/Colors";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import { STARTER_BUILDING_BLOCK_TEMPLATE_NAME } from "constants/TemplatesConstants";
 
 function DatasourceStarterLayoutPrompt() {
   const dispatch = useDispatch();
 
+  const currentApplicationId = useSelector(getCurrentApplicationId);
+  const currentWorkspaceId = useSelector(getCurrentWorkspaceId);
   const pageId = useSelector(getCurrentPageId);
   const showDatasourcePrompt = useSelector(
     starterBuildingBlockDatasourcePromptSelector,
@@ -52,6 +60,15 @@ function DatasourceStarterLayoutPrompt() {
         selectedTab: INTEGRATION_TABS.NEW,
       }),
     );
+
+    AnalyticsUtil.logEvent("STARTER_BUILDING_BLOCK_CONNECT_DATA_CLICK", {
+      applicationId: currentApplicationId,
+      workspaceId: currentWorkspaceId,
+      source: "canvas",
+      eventData: {
+        templateAppName: STARTER_BUILDING_BLOCK_TEMPLATE_NAME,
+      },
+    });
   }, [pageId]);
 
   return (
diff --git a/app/client/src/pages/Editor/Explorer/EntityExplorer.tsx b/app/client/src/pages/Editor/Explorer/EntityExplorer.tsx
index ec70e01f69..9b1759d758 100644
--- a/app/client/src/pages/Editor/Explorer/EntityExplorer.tsx
+++ b/app/client/src/pages/Editor/Explorer/EntityExplorer.tsx
@@ -31,10 +31,9 @@ import {
   saveExplorerStatus,
 } from "@appsmith/pages/Editor/Explorer/helpers";
 import { integrationEditorURL } from "@appsmith/RouteBuilder";
-import { useFeatureFlag } from "../../../utils/hooks/useFeatureFlag";
-import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
 import WalkthroughContext from "components/featureWalkthrough/walkthroughContext";
 import DatasourceStarterLayoutPrompt from "./Datasources/DatasourceStarterLayoutPrompt";
+import { useIsAppSidebarEnabled } from "../../../navigation/featureFlagHooks";
 
 const NoEntityFoundSvg = importSvg(
   async () => import("assets/svg/no_entities_found.svg"),
@@ -97,9 +96,7 @@ function EntityExplorer({ isActive }: { isActive: boolean }) {
     useContext(WalkthroughContext) || {};
   const applicationId = useSelector(getCurrentApplicationId);
   const isDatasourcesOpen = getExplorerStatus(applicationId, "datasource");
-  const isAppSidebarEnabled = useFeatureFlag(
-    FEATURE_FLAG.release_app_sidebar_enabled,
-  );
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   const closeWalkthrough = useCallback(() => {
     if (isWalkthroughOpened && popFeature) {
diff --git a/app/client/src/pages/Editor/Explorer/Files/Submenu.tsx b/app/client/src/pages/Editor/Explorer/Files/Submenu.tsx
index ce71a3c90c..54a695054b 100644
--- a/app/client/src/pages/Editor/Explorer/Files/Submenu.tsx
+++ b/app/client/src/pages/Editor/Explorer/Files/Submenu.tsx
@@ -12,10 +12,6 @@ import keyBy from "lodash/keyBy";
 import type { AppState } from "@appsmith/reducers";
 import { EntityIcon, getPluginIcon } from "../ExplorerIcons";
 import { AddButtonWrapper, EntityClassNames } from "../Entity";
-import {
-  ADD_QUERY_JS_TOOLTIP,
-  createMessage,
-} from "@appsmith/constants/messages";
 import { useCloseMenuOnScroll } from "../hooks";
 import { SIDEBAR_ID } from "constants/Explorer";
 import {
@@ -47,6 +43,7 @@ interface SubMenuProps {
   fileOperations: ActionOperation[] | undefined;
   setQuery: (val: string) => void;
   query: string;
+  tooltipText: string;
 }
 
 export default function ExplorerSubMenu({
@@ -58,6 +55,7 @@ export default function ExplorerSubMenu({
   openMenu,
   query,
   setQuery,
+  tooltipText,
 }: SubMenuProps) {
   const [show, setShow] = useState(openMenu);
 
@@ -98,7 +96,7 @@ export default function ExplorerSubMenu({
             content={
               (
                 <>
-                  {createMessage(ADD_QUERY_JS_TOOLTIP)} (
+                  {tooltipText} (
                   {comboHelpText[SEARCH_CATEGORY_ID.ACTION_OPERATION]})
                 </>
               ) as unknown as string
diff --git a/app/client/src/pages/Editor/Explorer/Files/index.tsx b/app/client/src/pages/Editor/Explorer/Files/index.tsx
index 578221e284..25f621e4b6 100644
--- a/app/client/src/pages/Editor/Explorer/Files/index.tsx
+++ b/app/client/src/pages/Editor/Explorer/Files/index.tsx
@@ -6,6 +6,7 @@ import {
   ADD_QUERY_JS_BUTTON,
   EMPTY_QUERY_JS_BUTTON_TEXT,
   EMPTY_QUERY_JS_MAIN_TEXT,
+  ADD_QUERY_JS_TOOLTIP,
 } from "@appsmith/constants/messages";
 import { useDispatch, useSelector } from "react-redux";
 import {
@@ -30,6 +31,7 @@ import { getHasCreateActionPermission } from "@appsmith/utils/BusinessFeatures/p
 import { useFilteredFileOperations } from "components/editorComponents/GlobalSearch/GlobalSearchHooks";
 import { SEARCH_ITEM_TYPES } from "components/editorComponents/GlobalSearch/utils";
 import { DatasourceCreateEntryPoints } from "constants/Datasource";
+import { ExplorerModuleInstanceEntity } from "@appsmith/pages/Editor/Explorer/ModuleInstanceEntity";
 
 const StyledText = styled(Text)`
   color: var(--ads-v2-color-fg-emphasis);
@@ -93,6 +95,17 @@ function Files() {
               {entity.name}
             </StyledText>
           );
+        } else if (type === "moduleInstance") {
+          return (
+            <ExplorerModuleInstanceEntity
+              id={entity.id}
+              isActive={entity.id === activeActionId}
+              key={entity.id}
+              searchKeyword={""}
+              step={2}
+              type={type}
+            />
+          );
         } else if (type === "JS") {
           return (
             <ExplorerJSCollectionEntity
@@ -146,6 +159,7 @@ function Files() {
           openMenu={isMenuOpen}
           query={query}
           setQuery={setQuery}
+          tooltipText={createMessage(ADD_QUERY_JS_TOOLTIP)}
         />
       }
       entityId={pageId + "_actions"}
diff --git a/app/client/src/pages/Editor/Explorer/Pages/PageContextMenu.tsx b/app/client/src/pages/Editor/Explorer/Pages/PageContextMenu.tsx
index 5883363031..df2545dcf6 100644
--- a/app/client/src/pages/Editor/Explorer/Pages/PageContextMenu.tsx
+++ b/app/client/src/pages/Editor/Explorer/Pages/PageContextMenu.tsx
@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import React, { useCallback, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 import { initExplorerEntityNameEdit } from "actions/explorerActions";
@@ -19,11 +19,16 @@ import {
   CONFIRM_CONTEXT_DELETE,
   createMessage,
   CONTEXT_SETTINGS,
+  CONTEXT_PARTIAL_EXPORT,
+  CONTEXT_PARTIAL_IMPORT,
 } from "@appsmith/constants/messages";
 import { openAppSettingsPaneAction } from "actions/appSettingsPaneActions";
 import { AppSettingsTabs } from "pages/Editor/AppSettingsPane/AppSettings";
 import { getPageById } from "selectors/editorSelectors";
-import { getCurrentApplication } from "@appsmith/selectors/applicationSelectors";
+import {
+  getCurrentApplication,
+  getPartialImportExportLoadingState,
+} from "@appsmith/selectors/applicationSelectors";
 import type { AppState } from "@appsmith/reducers";
 import ContextMenu from "pages/Editor/Explorer/ContextMenu";
 import type { TreeDropdownOption } from "pages/Editor/Explorer/ContextMenu";
@@ -34,6 +39,8 @@ import {
   getHasDeletePagePermission,
   getHasManagePagePermission,
 } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
+import PartiaExportModel from "components/editorComponents/PartialImportExport/PartialExportModal";
+import PartialImportModal from "components/editorComponents/PartialImportExport/PartialImportModal";
 
 const CustomLabel = styled.div`
   display: flex;
@@ -46,12 +53,33 @@ export function PageContextMenu(props: {
   name: string;
   applicationId: string;
   className?: string;
+  isCurrentPage: boolean;
   isDefaultPage: boolean;
   isHidden: boolean;
 }) {
   const dispatch = useDispatch();
+  const isPartialImportExportEnabled = useFeatureFlag(
+    FEATURE_FLAG.release_show_partial_import_export_enabled,
+  );
+  const [showPartialExportModal, setShowPartialExportModal] = useState(false);
+  const [showPartialImportModal, setShowPartialImportModal] = useState(false);
   const [confirmDelete, setConfirmDelete] = useState(false);
+  const isAppSidebarEnabled = useFeatureFlag(
+    FEATURE_FLAG.release_app_sidebar_enabled,
+  );
 
+  const partialImportExportLoadingState = useSelector(
+    getPartialImportExportLoadingState,
+  );
+
+  useEffect(() => {
+    if (partialImportExportLoadingState.isExportDone) {
+      setShowPartialExportModal(false);
+    }
+    if (partialImportExportLoadingState.isImportDone) {
+      setShowPartialImportModal(false);
+    }
+  }, [partialImportExportLoadingState]);
   /**
    * delete the page
    *
@@ -118,6 +146,9 @@ export function PageContextMenu(props: {
       }),
     );
 
+  const openPartialExportModal = () => setShowPartialExportModal(true);
+  const openPartialImportModal = () => setShowPartialImportModal(true);
+
   const pagePermissions =
     useSelector(getPageById(props.pageId))?.userPermissions || [];
 
@@ -178,7 +209,19 @@ export function PageContextMenu(props: {
         value: "setdefault",
         label: createMessage(CONTEXT_SET_AS_HOME_PAGE),
       },
-    {
+    isPartialImportExportEnabled &&
+      props.isCurrentPage && {
+        value: "partial-export",
+        onSelect: openPartialExportModal,
+        label: createMessage(CONTEXT_PARTIAL_EXPORT),
+      },
+    isPartialImportExportEnabled &&
+      props.isCurrentPage && {
+        value: "partial-import",
+        onSelect: openPartialImportModal,
+        label: createMessage(CONTEXT_PARTIAL_IMPORT),
+      },
+    !isAppSidebarEnabled && {
       value: "settings",
       onSelect: openAppSettingsPane,
       label: createMessage(CONTEXT_SETTINGS),
@@ -199,11 +242,25 @@ export function PageContextMenu(props: {
   ].filter(Boolean);
 
   return optionsTree?.length > 0 ? (
-    <ContextMenu
-      className={props.className}
-      optionTree={optionsTree as TreeDropdownOption[]}
-      setConfirmDelete={setConfirmDelete}
-    />
+    <>
+      <ContextMenu
+        className={props.className}
+        optionTree={optionsTree as TreeDropdownOption[]}
+        setConfirmDelete={setConfirmDelete}
+      />
+      {showPartialExportModal && (
+        <PartiaExportModel
+          handleModalClose={() => setShowPartialExportModal(false)}
+          isModalOpen={showPartialExportModal}
+        />
+      )}
+      {showPartialImportModal && (
+        <PartialImportModal
+          isModalOpen={showPartialImportModal}
+          onClose={() => setShowPartialImportModal(false)}
+        />
+      )}
+    </>
   ) : null;
 }
 
diff --git a/app/client/src/pages/Editor/Explorer/Pages/index.tsx b/app/client/src/pages/Editor/Explorer/Pages/index.tsx
index 2cff6dfb1c..e47f69f549 100644
--- a/app/client/src/pages/Editor/Explorer/Pages/index.tsx
+++ b/app/client/src/pages/Editor/Explorer/Pages/index.tsx
@@ -148,6 +148,7 @@ function Pages() {
           <PageContextMenu
             applicationId={applicationId as string}
             className={EntityClassNames.CONTEXT_MENU}
+            isCurrentPage={isCurrentPage}
             isDefaultPage={page.isDefault}
             isHidden={!!page.isHidden}
             key={page.pageId + "_context-menu"}
diff --git a/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/hooks.ts b/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/hooks.ts
index 4e8361f9bb..14d4489460 100644
--- a/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/hooks.ts
+++ b/app/client/src/pages/Editor/GeneratePage/components/GeneratePageForm/hooks.ts
@@ -9,6 +9,7 @@ import type { DropdownOption } from "design-system-old";
 import { useDispatch, useSelector } from "react-redux";
 import { PluginPackageName } from "entities/Action";
 import { getCurrentEnvironmentId } from "@appsmith/selectors/environmentSelectors";
+import AnalyticsUtil from "utils/AnalyticsUtil";
 
 export const FAKE_DATASOURCE_OPTION = {
   CONNECT_NEW_DATASOURCE_OPTION: {
@@ -379,10 +380,16 @@ export const useSheetData = (
   const [failedFetchingSheetData, setFailedFetchingSheetData] =
     useState<boolean>(false);
 
-  const onFetchAllSheetFailure = useCallback(() => {
-    setIsFetchingSheetData(false);
-    setFailedFetchingSheetData(true);
-  }, [setIsFetchingSheetData]);
+  const onFetchAllSheetFailure = useCallback(
+    (error: string) => {
+      setIsFetchingSheetData(false);
+      setFailedFetchingSheetData(true);
+      AnalyticsUtil.logEvent("DATA_FETCH_FAILED_POST_SCHEMA_FETCH", {
+        error: error,
+      });
+    },
+    [setIsFetchingSheetData],
+  );
 
   const onFetchAllSheetSuccess = useCallback(
     (
@@ -398,6 +405,11 @@ export const useSheetData = (
           props.setSheetData && props.setSheetData(responseBody);
         } else {
           // to handle error like "401 Unauthorized"
+          AnalyticsUtil.logEvent(
+            "DATA_FETCH_FAILED_POST_SCHEMA_FETCH",
+            { error: payload }, // sending the entire payload here because it is not clear if there is a distinct
+            // field holding the error message
+          );
         }
       }
     },
diff --git a/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.test.tsx b/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.test.tsx
index 71bc10c860..291be29618 100644
--- a/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.test.tsx
+++ b/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.test.tsx
@@ -74,8 +74,8 @@ describe("Canvas Hot Keys", () => {
       ...jest.requireActual("sagas/EvaluationsSaga"),
       default: mockGenerator,
     }));
-    jest.mock("sagas/PageSagas", () => ({
-      ...jest.requireActual("sagas/PageSagas"),
+    jest.mock("@appsmith/sagas/PageSagas", () => ({
+      ...jest.requireActual("@appsmith/sagas/PageSagas"),
       default: mockGenerator,
     }));
   });
diff --git a/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx b/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx
index 9425606f83..245972684b 100644
--- a/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx
+++ b/app/client/src/pages/Editor/GlobalHotKeys/GlobalHotKeys.tsx
@@ -36,7 +36,7 @@ import {
   createMessage,
   SAVE_HOTKEY_TOASTER_MESSAGE,
 } from "@appsmith/constants/messages";
-import { setPreviewModeAction } from "actions/editorActions";
+import { setPreviewModeInitAction } from "actions/editorActions";
 import { previewModeSelector } from "selectors/editorSelectors";
 import { getExplorerPinned } from "selectors/explorerSelector";
 import { setExplorerPinnedAction } from "actions/explorerActions";
@@ -74,7 +74,7 @@ interface Props {
   appMode?: APP_MODE;
   isPreviewMode: boolean;
   isProtectedMode: boolean;
-  setPreviewModeAction: (shouldSet: boolean) => void;
+  setPreviewModeInitAction: (shouldSet: boolean) => void;
   isExplorerPinned: boolean;
   isSignpostingEnabled: boolean;
   setExplorerPinnedAction: (shouldPinned: boolean) => void;
@@ -264,7 +264,7 @@ class GlobalHotKeys extends React.Component<Props> {
             this.props.closeProppane();
             this.props.closeTableFilterProppane();
             e.preventDefault();
-            this.props.setPreviewModeAction(false);
+            this.props.setPreviewModeInitAction(false);
           }}
         />
         <Hotkey
@@ -337,7 +337,7 @@ class GlobalHotKeys extends React.Component<Props> {
           global
           label="Preview Mode"
           onKeyDown={() => {
-            this.props.setPreviewModeAction(!this.props.isPreviewMode);
+            this.props.setPreviewModeInitAction(!this.props.isPreviewMode);
           }}
         />
         <Hotkey
@@ -399,8 +399,8 @@ const mapDispatchToProps = (dispatch: any) => {
     executeAction: () => dispatch(runActionViaShortcut()),
     undo: () => dispatch(undoAction()),
     redo: () => dispatch(redoAction()),
-    setPreviewModeAction: (shouldSet: boolean) =>
-      dispatch(setPreviewModeAction(shouldSet)),
+    setPreviewModeInitAction: (shouldSet: boolean) =>
+      dispatch(setPreviewModeInitAction(shouldSet)),
     setExplorerPinnedAction: (shouldSet: boolean) =>
       dispatch(setExplorerPinnedAction(shouldSet)),
     showCommitModal: () =>
diff --git a/app/client/src/pages/Editor/IDE/AppsmithIDE.test.tsx b/app/client/src/pages/Editor/IDE/AppsmithIDE.test.tsx
index 975a15d802..50d680e852 100644
--- a/app/client/src/pages/Editor/IDE/AppsmithIDE.test.tsx
+++ b/app/client/src/pages/Editor/IDE/AppsmithIDE.test.tsx
@@ -133,8 +133,8 @@ describe("Drag and Drop widgets into Main container", () => {
       ...jest.requireActual("sagas/EvaluationsSaga"),
       default: mockGenerator,
     }));
-    jest.mock("sagas/PageSagas", () => ({
-      ...jest.requireActual("sagas/PageSagas"),
+    jest.mock("@appsmith/sagas/PageSagas", () => ({
+      ...jest.requireActual("@appsmith/sagas/PageSagas"),
       default: mockGenerator,
     }));
   });
@@ -804,8 +804,8 @@ describe("Drag in a nested container", () => {
       ...jest.requireActual("sagas/EvaluationsSaga"),
       default: mockGenerator,
     }));
-    jest.mock("sagas/PageSagas", () => ({
-      ...jest.requireActual("sagas/PageSagas"),
+    jest.mock("@appsmith/sagas/PageSagas", () => ({
+      ...jest.requireActual("@appsmith/sagas/PageSagas"),
       default: mockGenerator,
     }));
   });
diff --git a/app/client/src/pages/Editor/IDE/LeftPane/AddLibraryPopover.tsx b/app/client/src/pages/Editor/IDE/LeftPane/AddLibraryPopover.tsx
index 4d02c00db9..29757d3f37 100644
--- a/app/client/src/pages/Editor/IDE/LeftPane/AddLibraryPopover.tsx
+++ b/app/client/src/pages/Editor/IDE/LeftPane/AddLibraryPopover.tsx
@@ -6,19 +6,30 @@ import {
   PopoverHeader,
   PopoverTrigger,
 } from "design-system";
-import React, { useState } from "react";
+import React, { useCallback, useState } from "react";
 import {
   createMessage,
   customJSLibraryMessages,
 } from "@appsmith/constants/messages";
 import { Installer } from "../../Explorer/Libraries/Installer";
+import { clearInstalls } from "actions/JSLibraryActions";
+import { useDispatch } from "react-redux";
 
 const AddLibraryPopover = () => {
   const [open, setOpen] = useState(false);
+  const dispatch = useDispatch();
+  const onOpenChange = useCallback(
+    (open) => {
+      dispatch(clearInstalls());
+      setOpen(open);
+    },
+    [open],
+  );
   return (
-    <Popover onOpenChange={setOpen} open={open}>
+    <Popover onOpenChange={onOpenChange} open={open}>
       <PopoverTrigger>
         <Button
+          className="t--install-library-button"
           isIconButton
           kind="tertiary"
           onClick={() => setOpen(true)}
@@ -26,7 +37,13 @@ const AddLibraryPopover = () => {
           startIcon="add-line"
         />
       </PopoverTrigger>
-      <PopoverContent align="start" className="z-[25]" side="left" size="md">
+      <PopoverContent
+        align="start"
+        className="z-[25]"
+        side="left"
+        sideOffset={16}
+        size="md"
+      >
         <PopoverHeader className="sticky top-0" isClosable>
           {createMessage(customJSLibraryMessages.ADD_JS_LIBRARY)}
         </PopoverHeader>
diff --git a/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx b/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx
index f244334586..5b0fa6ed68 100644
--- a/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx
+++ b/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx
@@ -2,12 +2,32 @@ import { Button, Popover, PopoverTrigger } from "design-system";
 import React from "react";
 import history from "utils/history";
 import { builderURL } from "@appsmith/RouteBuilder";
+import { useSelector } from "react-redux";
+import type { AppState } from "@appsmith/reducers";
+import { getCurrentAppWorkspace } from "@appsmith/selectors/workspaceSelectors";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import { getHasCreateDatasourcePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 
 const CreateDatasourcePopover = () => {
+  const userWorkspacePermissions = useSelector(
+    (state: AppState) => getCurrentAppWorkspace(state).userPermissions ?? [],
+  );
+
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+
+  const canCreateDatasource = getHasCreateDatasourcePermission(
+    isFeatureEnabled,
+    userWorkspacePermissions,
+  );
+  if (!canCreateDatasource) {
+    return null;
+  }
   return (
     <Popover open={false}>
       <PopoverTrigger>
         <Button
+          className={"t--add-datasource-button"}
           isIconButton
           kind="tertiary"
           onClick={() =>
diff --git a/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx b/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx
index 850b282640..b11e1276da 100644
--- a/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx
+++ b/app/client/src/pages/Editor/IDE/LeftPane/DataSidePane.tsx
@@ -104,6 +104,7 @@ const DataSidePane = () => {
             <Text kind="heading-xs">{key}</Text>
             <List
               items={value.map((data) => ({
+                className: "t--datasource",
                 title: data.name,
                 onClick: () => goToDatasource(data.id),
                 description: `${
diff --git a/app/client/src/pages/Editor/IDE/LeftPane/index.tsx b/app/client/src/pages/Editor/IDE/LeftPane/index.tsx
index 853b7215e9..ebdf934de1 100644
--- a/app/client/src/pages/Editor/IDE/LeftPane/index.tsx
+++ b/app/client/src/pages/Editor/IDE/LeftPane/index.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import WidgetsEditorEntityExplorer from "../../WidgetsEditorEntityExplorer";
 import { useSelector } from "react-redux";
-import { getIsAppSidebarEnabled } from "selectors/ideSelectors";
 import styled from "styled-components";
 import { Switch, useRouteMatch } from "react-router";
 import { SentryRoute } from "@appsmith/AppRouter";
@@ -16,6 +15,8 @@ import {
 import AppSettingsPane from "./AppSettings";
 import DataSidePane from "./DataSidePane";
 import LibrarySidePane from "./LibrarySidePane";
+import { inGuidedTour } from "selectors/onboardingSelectors";
+import { useIsAppSidebarEnabled } from "../../../../navigation/featureFlagHooks";
 
 const LeftPaneContainer = styled.div`
   height: 100%;
@@ -25,9 +26,10 @@ const LeftPaneContainer = styled.div`
 `;
 
 const LeftPane = () => {
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
   const { path } = useRouteMatch();
-  if (!isAppSidebarEnabled) {
+  const guidedTourEnabled = useSelector(inGuidedTour);
+  if (!isAppSidebarEnabled || guidedTourEnabled) {
     return <WidgetsEditorEntityExplorer />;
   }
   return (
diff --git a/app/client/src/pages/Editor/IDE/MainPane/index.tsx b/app/client/src/pages/Editor/IDE/MainPane/index.tsx
index 46a2b4ea0c..29929e2ea6 100644
--- a/app/client/src/pages/Editor/IDE/MainPane/index.tsx
+++ b/app/client/src/pages/Editor/IDE/MainPane/index.tsx
@@ -3,13 +3,12 @@ import { BUILDER_PATH } from "constants/routes";
 import { Route, Switch, useRouteMatch } from "react-router";
 import * as Sentry from "@sentry/react";
 import routes from "./routes";
-import { useSelector } from "react-redux";
-import { getIsAppSidebarEnabled } from "selectors/ideSelectors";
+import { useIsAppSidebarEnabled } from "../../../../navigation/featureFlagHooks";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 export const MainPane = (props: { id: string }) => {
   const { path } = useRouteMatch();
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
   return (
     <div
       className="relative flex flex-col flex-1 overflow-auto z-2"
diff --git a/app/client/src/pages/Editor/IDE/Sidebar/SidebarButton.tsx b/app/client/src/pages/Editor/IDE/Sidebar/SidebarButton.tsx
index d9ef50f519..c979d870c0 100644
--- a/app/client/src/pages/Editor/IDE/Sidebar/SidebarButton.tsx
+++ b/app/client/src/pages/Editor/IDE/Sidebar/SidebarButton.tsx
@@ -47,7 +47,11 @@ function SidebarButton(props: Props) {
         isDisabled={!!props.title && !props.tooltip}
         placement={"right"}
       >
-        <IconContainer onClick={props.onClick} selected={props.selected}>
+        <IconContainer
+          className={`t--sidebar-${props.title || props.tooltip}`}
+          onClick={props.onClick}
+          selected={props.selected}
+        >
           <Icon name={props.icon} size="lg" />
         </IconContainer>
       </Tooltip>
diff --git a/app/client/src/pages/Editor/IDE/Sidebar/index.tsx b/app/client/src/pages/Editor/IDE/Sidebar/index.tsx
index 270df3c343..786149a620 100644
--- a/app/client/src/pages/Editor/IDE/Sidebar/index.tsx
+++ b/app/client/src/pages/Editor/IDE/Sidebar/index.tsx
@@ -1,13 +1,23 @@
-import React, { useCallback } from "react";
-import { getIsAppSidebarEnabled } from "selectors/ideSelectors";
-import { useSelector } from "react-redux";
+import React, { useCallback, useState, useEffect } from "react";
+import { getIsAppSidebarAnnouncementEnabled } from "selectors/ideSelectors";
+import { useSelector, useDispatch } from "react-redux";
 import styled from "styled-components";
 import SidebarButton from "./SidebarButton";
 import { builderURL } from "@appsmith/RouteBuilder";
 import { getCurrentPageId } from "selectors/editorSelectors";
-import history from "utils/history";
+import history, { NavigationMethod } from "utils/history";
 import { ButtonButtons, TopButtons } from "entities/IDE/constants";
 import useCurrentAppState from "../hooks";
+import { getCurrentWorkspaceId } from "@appsmith/selectors/workspaceSelectors";
+import { fetchWorkspace } from "@appsmith/actions/workspaceActions";
+import {
+  AnnouncementPopover,
+  AnnouncementPopoverTrigger,
+  AnnouncementPopoverContent,
+  Button,
+} from "design-system";
+import { inGuidedTour } from "selectors/onboardingSelectors";
+import { useIsAppSidebarEnabled } from "../../../../navigation/featureFlagHooks";
 
 const Container = styled.div`
   width: 50px;
@@ -17,12 +27,36 @@ const Container = styled.div`
   flex-direction: column;
   justify-content: space-between;
   background-color: var(--ads-v2-color-bg);
+  position: relative;
+`;
+
+const DummyTrigger = styled.div`
+  width: 0;
+  height: 0;
+  position: absolute;
+  right: 0;
+  top: 10%;
 `;
 
 function Sidebar() {
+  const dispatch = useDispatch();
   const appState = useCurrentAppState();
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const [isPopoverOpen, setIsPopoverOpen] = useState(true);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
+  const isAppSidebarAnnouncementEnabled = useSelector(
+    getIsAppSidebarAnnouncementEnabled,
+  );
+  const isAppSidebarAnnouncementDismissed =
+    localStorage.getItem("isAppSidebarAnnouncementDismissed") === "true";
   const pageId = useSelector(getCurrentPageId);
+
+  const currentWorkspaceId = useSelector(getCurrentWorkspaceId);
+  const guidedTourEnabled = useSelector(inGuidedTour);
+
+  useEffect(() => {
+    dispatch(fetchWorkspace(currentWorkspaceId));
+  }, [currentWorkspaceId]);
+
   const onClick = useCallback(
     (suffix) => {
       history.push(
@@ -30,6 +64,9 @@ function Sidebar() {
           pageId,
           suffix,
         }),
+        {
+          invokedBy: NavigationMethod.AppSidebar,
+        },
       );
     },
     [pageId],
@@ -38,14 +75,53 @@ function Sidebar() {
     return null;
   }
 
+  const handlePopoverClose = () => {
+    setIsPopoverOpen(false);
+    localStorage.setItem(
+      "isAppSidebarAnnouncementDismissed",
+      JSON.stringify(true),
+    );
+  };
+
+  if (guidedTourEnabled) {
+    return null;
+  }
+
   return (
-    <Container>
+    <Container className="t--sidebar">
+      {isAppSidebarAnnouncementEnabled &&
+        !isAppSidebarAnnouncementDismissed && (
+          <AnnouncementPopover open={isPopoverOpen}>
+            <AnnouncementPopoverTrigger>
+              <DummyTrigger className="sidebar-popover-trigger" />
+            </AnnouncementPopoverTrigger>
+            <AnnouncementPopoverContent
+              align="center"
+              arrowFillColor="#F6F2FA"
+              banner="https://assets.appsmith.com/new-sidebar-banner.svg"
+              collisionPadding={{ top: 20 }}
+              description="Navigate faster through datasources, pages, and app settings."
+              footer={
+                <Button kind="primary" onClick={handlePopoverClose} size="md">
+                  Got it
+                </Button>
+              }
+              onCloseButtonClick={handlePopoverClose}
+              side="right"
+              title="App-level items have a new home!"
+            />
+          </AnnouncementPopover>
+        )}
       <div>
         {TopButtons.map((b) => (
           <SidebarButton
             icon={b.icon}
             key={b.state}
-            onClick={() => onClick(b.urlSuffix)}
+            onClick={() => {
+              if (appState !== b.state) {
+                onClick(b.urlSuffix);
+              }
+            }}
             selected={appState === b.state}
             title={b.title}
           />
@@ -56,7 +132,11 @@ function Sidebar() {
           <SidebarButton
             icon={b.icon}
             key={b.state}
-            onClick={() => onClick(b.urlSuffix)}
+            onClick={() => {
+              if (appState !== b.state) {
+                onClick(b.urlSuffix);
+              }
+            }}
             selected={appState === b.state}
             tooltip={b.title}
           />
diff --git a/app/client/src/pages/Editor/IntegrationEditor/CreateNewDatasourceTab.tsx b/app/client/src/pages/Editor/IntegrationEditor/CreateNewDatasourceTab.tsx
index 04c6d99220..66d337d52d 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/CreateNewDatasourceTab.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/CreateNewDatasourceTab.tsx
@@ -27,6 +27,12 @@ import history from "utils/history";
 import { showDebuggerFlag } from "../../../selectors/debuggerSelectors";
 import classNames from "classnames";
 import { getIsAppSidebarEnabled } from "../../../selectors/ideSelectors";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import {
+  createMessage,
+  CREATE_NEW_DATASOURCE_DATABASE_HEADER,
+  CREATE_NEW_DATASOURCE_MOST_POPULAR_HEADER,
+} from "@appsmith/constants/messages";
 
 const NewIntegrationsContainer = styled.div`
   ${thinScrollbar};
@@ -109,6 +115,7 @@ function CreateNewDatasource({
   history,
   isCreating,
   pageId,
+  showMostPopularPlugins,
   showUnsupportedPluginDialog,
 }: any) {
   const newDatasourceRef = useRef<HTMLDivElement>(null);
@@ -122,14 +129,20 @@ function CreateNewDatasource({
       });
     }
   }, [active]);
+
   return (
     <div id="new-datasources" ref={newDatasourceRef}>
-      <Text type={TextType.H2}>Databases</Text>
+      <Text type={TextType.H2}>
+        {showMostPopularPlugins
+          ? createMessage(CREATE_NEW_DATASOURCE_MOST_POPULAR_HEADER)
+          : createMessage(CREATE_NEW_DATASOURCE_DATABASE_HEADER)}
+      </Text>
       <NewQueryScreen
         history={history}
         isCreating={isCreating}
         location={location}
         pageId={pageId}
+        showMostPopularPlugins={showMostPopularPlugins}
         showUnsupportedPluginDialog={showUnsupportedPluginDialog}
       />
     </div>
@@ -184,6 +197,7 @@ interface CreateNewDatasourceScreenProps {
   showDebugger: boolean;
   pageId: string;
   isAppSidebarEnabled: boolean;
+  isEnabledForStartWithData: boolean;
 }
 
 interface CreateNewDatasourceScreenState {
@@ -215,6 +229,7 @@ class CreateNewDatasourceTab extends React.Component<
       dataSources,
       isAppSidebarEnabled,
       isCreating,
+      isEnabledForStartWithData,
       pageId,
     } = this.props;
     if (!canCreateDatasource) return null;
@@ -236,6 +251,17 @@ class CreateNewDatasourceTab extends React.Component<
         {dataSources.length === 0 &&
           this.props.mockDatasources.length > 0 &&
           mockDataSection}
+        {isEnabledForStartWithData && (
+          <CreateNewDatasource
+            active={false}
+            history={history}
+            isCreating={isCreating}
+            location={location}
+            pageId={pageId}
+            showMostPopularPlugins
+            showUnsupportedPluginDialog={this.showUnsupportedPluginDialog}
+          />
+        )}
         <CreateNewAPI
           active={false}
           history={history}
@@ -281,6 +307,11 @@ const mapStateToProps = (state: AppState) => {
     isFeatureEnabled,
     userWorkspacePermissions,
   );
+
+  const isEnabledForStartWithData =
+    !!featureFlags[
+      FEATURE_FLAG.ab_onboarding_flow_start_with_data_dev_only_enabled
+    ];
   const isAppSidebarEnabled = getIsAppSidebarEnabled(state);
   return {
     dataSources: getDatasources(state),
@@ -291,6 +322,7 @@ const mapStateToProps = (state: AppState) => {
     showDebugger,
     pageId,
     isAppSidebarEnabled,
+    isEnabledForStartWithData,
   };
 };
 
diff --git a/app/client/src/pages/Editor/IntegrationEditor/DatasourceHome.tsx b/app/client/src/pages/Editor/IntegrationEditor/DatasourceHome.tsx
index 5284043ccd..d63bb1f65a 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/DatasourceHome.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/DatasourceHome.tsx
@@ -5,6 +5,7 @@ import { initialize } from "redux-form";
 import {
   getDBPlugins,
   getPluginImages,
+  getMostPopularPlugins,
 } from "@appsmith/selectors/entitiesSelector";
 import type { Plugin } from "api/PluginApi";
 import { DATASOURCE_DB_FORM } from "@appsmith/constants/forms";
@@ -21,6 +22,16 @@ import { getGenerateCRUDEnabledPluginMap } from "@appsmith/selectors/entitiesSel
 import type { GenerateCRUDEnabledPluginMap } from "api/PluginApi";
 import { getIsGeneratePageInitiator } from "utils/GenerateCrudUtil";
 import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
+import { ApiCard, API_ACTION, CardContentWrapper } from "./NewApi";
+import type { EventLocation } from "@appsmith/utils/analyticsUtilTypes";
+import { createNewApiAction } from "actions/apiPaneActions";
+import { PluginPackageName } from "entities/Action";
+import { Spinner } from "design-system";
+import PlusLogo from "assets/images/Plus-logo.svg";
+import {
+  createMessage,
+  CREATE_NEW_DATASOURCE_REST_API,
+} from "@appsmith/constants/messages";
 
 // This function remove the given key from queryParams and return string
 const removeQueryParams = (paramKeysToRemove: Array<string>) => {
@@ -112,6 +123,8 @@ interface DatasourceHomeScreenProps {
     replace: (data: string) => void;
     push: (data: string) => void;
   };
+  showMostPopularPlugins?: boolean;
+  isCreating?: boolean;
   showUnsupportedPluginDialog: (callback: any) => void;
 }
 
@@ -119,6 +132,11 @@ interface ReduxDispatchProps {
   initializeForm: (data: Record<string, any>) => void;
   createDatasource: (data: any) => void;
   createTempDatasource: (data: any) => void;
+  createNewApiAction: (
+    pageId: string,
+    from: EventLocation,
+    apiType?: string,
+  ) => void;
 }
 
 interface ReduxStateProps {
@@ -181,8 +199,27 @@ class DatasourceHomeScreen extends React.Component<Props> {
     });
   };
 
+  handleOnClick = () => {
+    AnalyticsUtil.logEvent("CREATE_DATA_SOURCE_CLICK", {
+      source: API_ACTION.CREATE_NEW_API,
+    });
+    if (this.props.pageId) {
+      this.props.createNewApiAction(
+        this.props.pageId,
+        "API_PANE",
+        PluginPackageName.REST_API,
+      );
+    }
+  };
+
   render() {
-    const { currentApplication, pluginImages, plugins } = this.props;
+    const {
+      currentApplication,
+      isCreating,
+      pluginImages,
+      plugins,
+      showMostPopularPlugins,
+    } = this.props;
 
     return (
       <DatasourceHomePage>
@@ -215,17 +252,40 @@ class DatasourceHomeScreen extends React.Component<Props> {
               </DatasourceCard>
             );
           })}
+          {!!showMostPopularPlugins ? (
+            <ApiCard
+              className="t--createBlankApiCard create-new-api"
+              onClick={() => this.handleOnClick()}
+            >
+              <CardContentWrapper data-testid="newapi-datasource-content-wrapper">
+                <img
+                  alt="New"
+                  className="curlImage t--plusImage content-icon"
+                  src={PlusLogo}
+                />
+                <p className="textBtn">
+                  {createMessage(CREATE_NEW_DATASOURCE_REST_API)}
+                </p>
+              </CardContentWrapper>
+              {isCreating && <Spinner className="cta" size={25} />}
+            </ApiCard>
+          ) : null}
         </DatasourceCardsContainer>
       </DatasourceHomePage>
     );
   }
 }
 
-const mapStateToProps = (state: AppState): ReduxStateProps => {
+const mapStateToProps = (
+  state: AppState,
+  props: { showMostPopularPlugins?: boolean },
+) => {
   const { datasources } = state.entities;
   return {
     pluginImages: getPluginImages(state),
-    plugins: getDBPlugins(state),
+    plugins: !!props?.showMostPopularPlugins
+      ? getMostPopularPlugins(state)
+      : getDBPlugins(state),
     currentApplication: getCurrentApplication(state),
     isSaving: datasources.loading,
     generateCRUDSupportedPlugin: getGenerateCRUDEnabledPluginMap(state),
@@ -239,6 +299,11 @@ const mapDispatchToProps = (dispatch: any) => {
     createDatasource: (data: any) => dispatch(createDatasourceFromForm(data)),
     createTempDatasource: (data: any) =>
       dispatch(createTempDatasourceFromForm(data)),
+    createNewApiAction: (
+      pageId: string,
+      from: EventLocation,
+      apiType?: string,
+    ) => dispatch(createNewApiAction(pageId, from, apiType)),
   };
 };
 
diff --git a/app/client/src/pages/Editor/IntegrationEditor/NewApi.tsx b/app/client/src/pages/Editor/IntegrationEditor/NewApi.tsx
index 74267243d8..2c69eb32df 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/NewApi.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/NewApi.tsx
@@ -21,7 +21,7 @@ import { curlImportPageURL } from "@appsmith/RouteBuilder";
 import { getAssetUrl } from "@appsmith/utils/airgapHelpers";
 import { Spinner } from "design-system";
 
-const StyledContainer = styled.div`
+export const StyledContainer = styled.div`
   flex: 1;
   margin-top: 8px;
   .textBtn {
@@ -63,7 +63,7 @@ const StyledContainer = styled.div`
   }
 `;
 
-const ApiCardsContainer = styled.div`
+export const ApiCardsContainer = styled.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   gap: 16px;
@@ -79,7 +79,7 @@ const ApiCardsContainer = styled.div`
   }
 `;
 
-const ApiCard = styled.div`
+export const ApiCard = styled.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -110,7 +110,7 @@ const ApiCard = styled.div`
   }
 `;
 
-const CardContentWrapper = styled.div`
+export const CardContentWrapper = styled.div`
   display: flex;
   align-items: center;
   gap: 13px;
@@ -141,7 +141,7 @@ interface ApiHomeScreenProps {
 
 type Props = ApiHomeScreenProps;
 
-const API_ACTION = {
+export const API_ACTION = {
   IMPORT_CURL: "IMPORT_CURL",
   CREATE_NEW_API: "CREATE_NEW_API",
   CREATE_NEW_GRAPHQL_API: "CREATE_NEW_GRAPHQL_API",
diff --git a/app/client/src/pages/Editor/IntegrationEditor/NewQuery.tsx b/app/client/src/pages/Editor/IntegrationEditor/NewQuery.tsx
index 93aa709633..17969c97f9 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/NewQuery.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/NewQuery.tsx
@@ -23,20 +23,29 @@ interface QueryHomeScreenProps {
     replace: (data: string) => void;
     push: (data: string) => void;
   };
+  showMostPopularPlugins?: boolean;
   showUnsupportedPluginDialog: (callback: any) => void;
 }
 
 class QueryHomeScreen extends React.Component<QueryHomeScreenProps> {
   render() {
-    const { history, location, pageId, showUnsupportedPluginDialog } =
-      this.props;
+    const {
+      history,
+      isCreating,
+      location,
+      pageId,
+      showMostPopularPlugins,
+      showUnsupportedPluginDialog,
+    } = this.props;
 
     return (
       <QueryHomePage>
         <DataSourceHome
           history={history}
+          isCreating={isCreating}
           location={location}
           pageId={pageId}
+          showMostPopularPlugins={showMostPopularPlugins}
           showUnsupportedPluginDialog={showUnsupportedPluginDialog}
         />
       </QueryHomePage>
diff --git a/app/client/src/pages/Editor/PropertyPane/PropertyControl.tsx b/app/client/src/pages/Editor/PropertyPane/PropertyControl.tsx
index 820d674885..073d242eed 100644
--- a/app/client/src/pages/Editor/PropertyPane/PropertyControl.tsx
+++ b/app/client/src/pages/Editor/PropertyPane/PropertyControl.tsx
@@ -865,6 +865,7 @@ const PropertyControl = memo((props: Props) => {
             customJSControl,
             additionAutocomplete,
             hideEvaluatedValue(),
+            props.isSearchResult,
           )}
           <PropertyPaneHelperText helperText={helperText} />
         </ControlWrapper>
diff --git a/app/client/src/pages/Editor/PropertyPane/PropertyPaneView.tsx b/app/client/src/pages/Editor/PropertyPane/PropertyPaneView.tsx
index a0a6987c7e..ea281affe8 100644
--- a/app/client/src/pages/Editor/PropertyPane/PropertyPaneView.tsx
+++ b/app/client/src/pages/Editor/PropertyPane/PropertyPaneView.tsx
@@ -251,6 +251,7 @@ function PropertyPaneView(
   const isContentConfigAvailable =
     WidgetFactory.getWidgetPropertyPaneContentConfig(
       widgetProperties.type,
+      widgetProperties,
     ).length;
 
   const isStyleConfigAvailable = WidgetFactory.getWidgetPropertyPaneStyleConfig(
@@ -302,6 +303,7 @@ function PropertyPaneView(
               <PropertyControlsGenerator
                 config={WidgetFactory.getWidgetPropertyPaneSearchConfig(
                   widgetProperties.type,
+                  widgetProperties,
                 )}
                 id={widgetProperties.widgetId}
                 panel={panel}
@@ -316,6 +318,7 @@ function PropertyPaneView(
                     <PropertyControlsGenerator
                       config={WidgetFactory.getWidgetPropertyPaneContentConfig(
                         widgetProperties.type,
+                        widgetProperties,
                       )}
                       id={widgetProperties.widgetId}
                       panel={panel}
@@ -344,6 +347,7 @@ function PropertyPaneView(
           <PropertyControlsGenerator
             config={WidgetFactory.getWidgetPropertyPaneConfig(
               widgetProperties.type,
+              widgetProperties,
             )}
             id={widgetProperties.widgetId}
             panel={panel}
diff --git a/app/client/src/pages/Editor/QueryEditor/Editor.tsx b/app/client/src/pages/Editor/QueryEditor/Editor.tsx
index 789a427956..5b91f01e33 100644
--- a/app/client/src/pages/Editor/QueryEditor/Editor.tsx
+++ b/app/client/src/pages/Editor/QueryEditor/Editor.tsx
@@ -34,7 +34,7 @@ import PerformanceTracker, {
   PerformanceTransactionName,
 } from "utils/PerformanceTracker";
 import AnalyticsUtil from "utils/AnalyticsUtil";
-import { initFormEvaluations } from "@appsmith/actions/evaluationActions";
+import { initFormEvaluations } from "actions/evaluationActions";
 import { getUIComponent } from "./helpers";
 import type { Diff } from "deep-diff";
 import { diff } from "deep-diff";
diff --git a/app/client/src/pages/Editor/QueryEditor/EditorJSONtoForm.tsx b/app/client/src/pages/Editor/QueryEditor/EditorJSONtoForm.tsx
index c2e871407a..87fda7f69f 100644
--- a/app/client/src/pages/Editor/QueryEditor/EditorJSONtoForm.tsx
+++ b/app/client/src/pages/Editor/QueryEditor/EditorJSONtoForm.tsx
@@ -124,10 +124,6 @@ import { ENTITY_TYPE as SOURCE_ENTITY_TYPE } from "entities/AppsmithConsole";
 import { DocsLink, openDoc } from "../../../constants/DocumentationLinks";
 import ActionExecutionInProgressView from "components/editorComponents/ActionExecutionInProgressView";
 import { CloseDebugger } from "components/editorComponents/Debugger/DebuggerTabs";
-import { isAIEnabled } from "@appsmith/components/editorComponents/GPT/trigger";
-import { editorSQLModes } from "components/editorComponents/CodeEditor/sql/config";
-import { EditorFormSignPosting } from "@appsmith/components/editorComponents/EditorFormSignPosting";
-import { selectFeatureFlags } from "@appsmith/selectors/featureFlagsSelectors";
 import {
   getHasCreateDatasourcePermission,
   getHasExecuteActionPermission,
@@ -405,6 +401,7 @@ export function EditorJSONtoForm(props: Props) {
   } = props;
 
   const {
+    actionRightPaneAdditionSections,
     actionRightPaneBackLink,
     closeEditorLink,
     moreActionsMenu,
@@ -914,15 +911,6 @@ export function EditorJSONtoForm(props: Props) {
     dispatch(setDebuggerSelectedTab(tabKey));
   }, []);
 
-  const isPostgresPlugin = currentActionPluginName === PluginName.POSTGRES;
-  const featureFlags = useSelector(selectFeatureFlags);
-  const editorMode = isPostgresPlugin
-    ? editorSQLModes.POSTGRESQL_WITH_BINDING
-    : editorSQLModes.MYSQL_WITH_BINDING;
-
-  const isAIEnabledForPosting =
-    isPostgresPlugin && isAIEnabled(featureFlags, editorMode);
-
   // close the debugger
   //TODO: move this to a common place
   const onClose = () => dispatch(showDebugger(false));
@@ -1013,11 +1001,6 @@ export function EditorJSONtoForm(props: Props) {
                     className="tab-panel"
                     value={EDITOR_TABS.QUERY}
                   >
-                    <EditorFormSignPosting
-                      isAIEnabled={isAIEnabledForPosting}
-                      mode={editorMode}
-                    />
-
                     <SettingsWrapper>
                       {editorConfig && editorConfig.length > 0 ? (
                         renderConfig(editorConfig)
@@ -1138,6 +1121,7 @@ export function EditorJSONtoForm(props: Props) {
             <ActionRightPane
               actionName={actionName}
               actionRightPaneBackLink={actionRightPaneBackLink}
+              additionalSections={actionRightPaneAdditionSections}
               context={DatasourceStructureContext.QUERY_EDITOR}
               datasourceId={props.datasourceId}
               hasConnections={hasDependencies}
diff --git a/app/client/src/pages/Editor/QueryEditor/QueryEditorContext.tsx b/app/client/src/pages/Editor/QueryEditor/QueryEditorContext.tsx
index 6af1274eae..f4ddbef98b 100644
--- a/app/client/src/pages/Editor/QueryEditor/QueryEditorContext.tsx
+++ b/app/client/src/pages/Editor/QueryEditor/QueryEditorContext.tsx
@@ -16,6 +16,7 @@ interface QueryEditorContextContextProps {
     params: SaveActionNameParams,
   ) => ReduxAction<SaveActionNameParams>;
   closeEditorLink?: React.ReactNode;
+  actionRightPaneAdditionSections?: React.ReactNode;
 }
 
 type QueryEditorContextProviderProps =
@@ -26,6 +27,7 @@ export const QueryEditorContext = createContext<QueryEditorContextContextProps>(
 );
 
 export function QueryEditorContextProvider({
+  actionRightPaneAdditionSections,
   actionRightPaneBackLink,
   changeQueryPage,
   children,
@@ -38,6 +40,7 @@ export function QueryEditorContextProvider({
   const value = useMemo(
     () => ({
       actionRightPaneBackLink,
+      actionRightPaneAdditionSections,
       changeQueryPage,
       closeEditorLink,
       moreActionsMenu,
@@ -47,6 +50,7 @@ export function QueryEditorContextProvider({
     }),
     [
       actionRightPaneBackLink,
+      actionRightPaneAdditionSections,
       changeQueryPage,
       closeEditorLink,
       moreActionsMenu,
diff --git a/app/client/src/pages/Editor/WidgetsEditor/MainContainerWrapper.tsx b/app/client/src/pages/Editor/WidgetsEditor/MainContainerWrapper.tsx
index 4a424ea098..9cdb3b5a01 100644
--- a/app/client/src/pages/Editor/WidgetsEditor/MainContainerWrapper.tsx
+++ b/app/client/src/pages/Editor/WidgetsEditor/MainContainerWrapper.tsx
@@ -32,12 +32,9 @@ import Canvas from "../Canvas";
 import type { AppState } from "@appsmith/reducers";
 import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { getIsAnonymousDataPopupVisible } from "selectors/onboardingSelectors";
-import {
-  LayoutSystemFeatures,
-  useLayoutSystemFeatures,
-} from "../../../layoutSystems/common/useLayoutSystemFeatures";
 import { CANVAS_VIEWPORT } from "constants/componentClassNameConstants";
 import { MainContainerResizer } from "layoutSystems/common/mainContainerResizer/MainContainerResizer";
+import { useMainContainerResizer } from "layoutSystems/common/mainContainerResizer/useMainContainerResizer";
 
 interface MainCanvasWrapperProps {
   isPreviewMode: boolean;
@@ -145,11 +142,8 @@ function MainContainerWrapper(props: MainCanvasWrapperProps) {
   const isLayoutingInitialized = useDynamicAppLayout();
   const isPageInitializing = isFetchingPage || !isLayoutingInitialized;
   const isWDSV2Enabled = useFeatureFlag("ab_wds_enabled");
-
-  const checkLayoutSystemFeatures = useLayoutSystemFeatures();
-  const [enableMainContainerResizer] = checkLayoutSystemFeatures([
-    LayoutSystemFeatures.ENABLE_MAIN_CONTAINER_RESIZER,
-  ]);
+  const { canShowResizer, enableMainContainerResizer } =
+    useMainContainerResizer();
 
   useEffect(() => {
     return () => {
@@ -262,7 +256,7 @@ function MainContainerWrapper(props: MainCanvasWrapperProps) {
       </Wrapper>
       <MainContainerResizer
         currentPageId={currentPageId}
-        enableMainCanvasResizer={enableMainContainerResizer}
+        enableMainCanvasResizer={enableMainContainerResizer && canShowResizer}
         heightWithTopMargin={heightWithTopMargin}
         isPageInitiated={!isPageInitializing && !!widgetsStructure}
         isPreview={isPreviewMode || isProtectedMode}
diff --git a/app/client/src/pages/Editor/gitSync/components/DatasourceListItem.tsx b/app/client/src/pages/Editor/gitSync/components/DatasourceListItem.tsx
index 558b7de21b..9853af3beb 100644
--- a/app/client/src/pages/Editor/gitSync/components/DatasourceListItem.tsx
+++ b/app/client/src/pages/Editor/gitSync/components/DatasourceListItem.tsx
@@ -76,15 +76,15 @@ function ListItemWrapper(props: {
     >
       <PluginImage alt="Datasource" src={getAssetUrl(plugin?.iconLocation)} />
       <ListLabels>
-        <DsTitle>
-          <Text
-            className="t--ds-list-title"
-            color="var(--ads-v2-color-fg-emphasis)"
-            type={TextType.H4}
-          >
-            {ds.name}
-          </Text>
-          <Tooltip content={ds.name} placement="left">
+        <Tooltip content={ds.name} placement="left">
+          <DsTitle>
+            <Text
+              className="t--ds-list-title"
+              color="var(--ads-v2-color-fg-emphasis)"
+              type={TextType.H4}
+            >
+              {ds.name}
+            </Text>
             <Icon
               color={
                 isPluginAuthorized
@@ -94,8 +94,8 @@ function ListItemWrapper(props: {
               name={isPluginAuthorized ? "oval-check" : "info"}
               size="md"
             />
-          </Tooltip>
-        </DsTitle>
+          </DsTitle>
+        </Tooltip>
         <Text color="var(--ads-v2-color-fg)" type={TextType.H5}>
           {plugin?.name}
         </Text>
diff --git a/app/client/src/pages/Editor/index.tsx b/app/client/src/pages/Editor/index.tsx
index 7b07dda344..1793fa11b7 100644
--- a/app/client/src/pages/Editor/index.tsx
+++ b/app/client/src/pages/Editor/index.tsx
@@ -26,7 +26,7 @@ import type { Theme } from "constants/DefaultTheme";
 import GlobalHotKeys from "./GlobalHotKeys";
 import GitSyncModal from "pages/Editor/gitSync/GitSyncModal";
 import DisconnectGitModal from "pages/Editor/gitSync/DisconnectGitModal";
-import { fetchPage, updateCurrentPage } from "actions/pageActions";
+import { setupPage, updateCurrentPage } from "actions/pageActions";
 import { getCurrentPageId } from "selectors/editorSelectors";
 import { getSearchQuery } from "utils/helpers";
 import { loading } from "selectors/onboardingSelectors";
@@ -57,7 +57,7 @@ interface EditorProps {
   user?: User;
   lightTheme: Theme;
   resetEditorRequest: () => void;
-  fetchPage: (pageId: string) => void;
+  setupPage: (pageId: string) => void;
   updateCurrentPage: (pageId: string) => void;
   handleBranchChange: (branch: string) => void;
   currentPageId?: string;
@@ -133,7 +133,7 @@ class Editor extends Component<Props> {
        */
       if (prevPageId && pageId && isPageIdUpdated) {
         this.props.updateCurrentPage(pageId);
-        this.props.fetchPage(pageId);
+        this.props.setupPage(pageId);
         urlBuilder.setCurrentPageId(pageId);
       }
     }
@@ -200,7 +200,7 @@ const mapDispatchToProps = (dispatch: any) => {
     initEditor: (payload: InitializeEditorPayload) =>
       dispatch(initEditor(payload)),
     resetEditorRequest: () => dispatch(resetEditorRequest()),
-    fetchPage: (pageId: string) => dispatch(fetchPage(pageId)),
+    setupPage: (pageId: string) => dispatch(setupPage(pageId)),
     updateCurrentPage: (pageId: string) => dispatch(updateCurrentPage(pageId)),
     widgetConfigBuildSuccess: () => dispatch(widgetInitialisationSuccess()),
   };
diff --git a/app/client/src/pages/Templates/Filters.tsx b/app/client/src/pages/Templates/Filters.tsx
index 606801bd3a..a70154f7af 100644
--- a/app/client/src/pages/Templates/Filters.tsx
+++ b/app/client/src/pages/Templates/Filters.tsx
@@ -10,10 +10,6 @@ import {
 import { thinScrollbar } from "constants/DefaultTheme";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 
-const FilterMainContainer = styled.div`
-  /* padding: 0 16px; */
-`;
-
 const FilterWrapper = styled.div`
   overflow: auto;
   height: calc(100vh - ${(props) => props.theme.homePage.header + 256}px);
@@ -196,20 +192,18 @@ function Filters() {
   const selectedFilters = useSelector(getTemplateFilterSelector);
 
   return (
-    <FilterMainContainer>
-      <FilterWrapper className="filter-wrapper">
-        {Object.keys(filters).map((filter) => {
-          return (
-            <FilterCategory
-              filterList={filters[filter]}
-              key={filter}
-              label={filter}
-              selectedFilters={selectedFilters[filter] ?? []}
-            />
-          );
-        })}
-      </FilterWrapper>
-    </FilterMainContainer>
+    <FilterWrapper className="filter-wrapper">
+      {Object.keys(filters).map((filter) => {
+        return (
+          <FilterCategory
+            filterList={filters[filter]}
+            key={filter}
+            label={filter}
+            selectedFilters={selectedFilters[filter] ?? []}
+          />
+        );
+      })}
+    </FilterWrapper>
   );
 }
 
diff --git a/app/client/src/pages/Templates/Template/RequestTemplate.tsx b/app/client/src/pages/Templates/Template/RequestTemplate.tsx
index d61d228353..18143b3787 100644
--- a/app/client/src/pages/Templates/Template/RequestTemplate.tsx
+++ b/app/client/src/pages/Templates/Template/RequestTemplate.tsx
@@ -9,6 +9,7 @@ import {
   COULDNT_FIND_TEMPLATE_DESCRIPTION,
   REQUEST_TEMPLATE,
 } from "@appsmith/constants/messages";
+import AnalyticsUtil from "utils/AnalyticsUtil";
 
 const Wrapper = styled.div`
   border: 1px solid var(--ads-v2-color-border);
@@ -51,6 +52,7 @@ const REQUEST_TEMPLATE_URL =
 
 function RequestTemplate() {
   const onClick = () => {
+    AnalyticsUtil.logEvent("REQUEST_NEW_TEMPLATE");
     window.open(REQUEST_TEMPLATE_URL);
   };
 
diff --git a/app/client/src/pages/Templates/Template/index.tsx b/app/client/src/pages/Templates/Template/index.tsx
index baa1972004..eadbb94cf0 100644
--- a/app/client/src/pages/Templates/Template/index.tsx
+++ b/app/client/src/pages/Templates/Template/index.tsx
@@ -12,6 +12,8 @@ import {
 } from "@appsmith/constants/messages";
 import { templateIdUrl } from "@appsmith/RouteBuilder";
 import { Position } from "@blueprintjs/core";
+import { isImportingTemplateToAppSelector } from "selectors/templatesSelectors";
+import { useSelector } from "react-redux";
 
 const TemplateWrapper = styled.div`
   border: 1px solid var(--ads-v2-color-border);
@@ -93,6 +95,9 @@ export function TemplateLayout(props: TemplateLayoutProps) {
   const { datasources, description, functions, id, screenshotUrls, title } =
     props.template;
   const [showForkModal, setShowForkModal] = useState(false);
+  const isImportingTemplateToApp = useSelector(
+    isImportingTemplateToAppSelector,
+  );
   const onClick = () => {
     if (props.onClick) {
       props.onClick(id);
@@ -161,6 +166,9 @@ export function TemplateLayout(props: TemplateLayoutProps) {
                 <Button
                   className="t--fork-template fork-button"
                   isIconButton
+                  isLoading={
+                    props.onForkTemplateClick && isImportingTemplateToApp
+                  }
                   onClick={onForkButtonTrigger}
                   size="sm"
                   startIcon="plus"
diff --git a/app/client/src/pages/Templates/TemplateView.tsx b/app/client/src/pages/Templates/TemplateView.tsx
index 0892fd7e35..093896c81b 100644
--- a/app/client/src/pages/Templates/TemplateView.tsx
+++ b/app/client/src/pages/Templates/TemplateView.tsx
@@ -122,14 +122,25 @@ function TemplateNotFound() {
   return <EntityNotFoundPane />;
 }
 
-function TemplateView() {
+interface TemplateViewProps {
+  onClickUseTemplate?: (id: string) => void;
+  showBack?: boolean;
+  showSimilarTemplate?: boolean;
+  templateId: string;
+}
+
+export function TemplateView({
+  onClickUseTemplate,
+  showBack = true,
+  showSimilarTemplate = true,
+  templateId,
+}: TemplateViewProps) {
   const dispatch = useDispatch();
   const similarTemplates = useSelector(
     (state: AppState) => state.ui.templates.similarTemplates,
   );
   const isFetchingTemplate = useSelector(isFetchingTemplateSelector);
   const workspaceList = useSelector(getForkableWorkspaces);
-  const params = useParams<{ templateId: string }>();
   const currentTemplate = useSelector(getActiveTemplateSelector);
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -138,12 +149,12 @@ function TemplateView() {
   };
 
   useEffect(() => {
-    dispatch(getTemplateInformation(params.templateId));
-    dispatch(getSimilarTemplatesInit(params.templateId));
+    dispatch(getTemplateInformation(templateId));
+    dispatch(getSimilarTemplatesInit(templateId));
     if (containerRef.current) {
       containerRef.current.scrollTo({ top: 0 });
     }
-  }, [params.templateId]);
+  }, [templateId]);
 
   const onSimilarTemplateClick = (template: TemplateInterface) => {
     AnalyticsUtil.logEvent("SIMILAR_TEMPLATE_CLICK", {
@@ -159,38 +170,49 @@ function TemplateView() {
     history.push(templateIdUrl({ id: template.id }));
   };
 
+  return isFetchingTemplate ? (
+    <TemplateViewLoader />
+  ) : !currentTemplate ? (
+    <TemplateNotFound />
+  ) : (
+    <Wrapper ref={containerRef}>
+      <ReconnectDatasourceModal />
+      <TemplateViewWrapper>
+        <TemplateViewHeader
+          onClickUseTemplate={onClickUseTemplate}
+          showBack={showBack}
+          templateId={templateId}
+        />
+        <IframeWrapper>
+          <IframeTopBar>
+            <div className="round red" />
+            <div className="round yellow" />
+            <div className="round green" />
+          </IframeTopBar>
+          <iframe src={currentTemplate.appUrl} width={"100%"} />
+        </IframeWrapper>
+        <TemplateDescription template={currentTemplate} />
+      </TemplateViewWrapper>
+      {showSimilarTemplate && (
+        <SimilarTemplates
+          breakpointCols={breakpointColumnsObject}
+          isForkingEnabled={!!workspaceList.length}
+          onBackPress={goToTemplateListView}
+          onClick={onSimilarTemplateClick}
+          similarTemplates={similarTemplates}
+        />
+      )}
+    </Wrapper>
+  );
+}
+
+function TemplateViewContainer() {
+  const params = useParams<{ templateId: string }>();
   return (
     <PageWrapper>
-      {isFetchingTemplate ? (
-        <TemplateViewLoader />
-      ) : !currentTemplate ? (
-        <TemplateNotFound />
-      ) : (
-        <Wrapper ref={containerRef}>
-          <ReconnectDatasourceModal />
-          <TemplateViewWrapper>
-            <TemplateViewHeader templateId={params.templateId} />
-            <IframeWrapper>
-              <IframeTopBar>
-                <div className="round red" />
-                <div className="round yellow" />
-                <div className="round green" />
-              </IframeTopBar>
-              <iframe src={currentTemplate.appUrl} width={"100%"} />
-            </IframeWrapper>
-            <TemplateDescription template={currentTemplate} />
-          </TemplateViewWrapper>
-          <SimilarTemplates
-            breakpointCols={breakpointColumnsObject}
-            isForkingEnabled={!!workspaceList.length}
-            onBackPress={goToTemplateListView}
-            onClick={onSimilarTemplateClick}
-            similarTemplates={similarTemplates}
-          />
-        </Wrapper>
-      )}
+      <TemplateView templateId={params.templateId} />
     </PageWrapper>
   );
 }
 
-export default TemplateView;
+export default TemplateViewContainer;
diff --git a/app/client/src/pages/Templates/TemplateViewHeader.tsx b/app/client/src/pages/Templates/TemplateViewHeader.tsx
index b4b19ebc10..e2030f83a2 100644
--- a/app/client/src/pages/Templates/TemplateViewHeader.tsx
+++ b/app/client/src/pages/Templates/TemplateViewHeader.tsx
@@ -11,6 +11,7 @@ import { useSelector } from "react-redux";
 import {
   getActiveTemplateSelector,
   getForkableWorkspaces,
+  isImportingTemplateToAppSelector,
 } from "selectors/templatesSelectors";
 import styled from "styled-components";
 import history from "utils/history";
@@ -29,13 +30,22 @@ const Title = styled(Text)`
 
 interface Props {
   templateId: string;
+  onClickUseTemplate?: (id: string) => void;
+  showBack: boolean;
 }
 const SHOW_FORK_MODAL_PARAM = "showForkTemplateModal";
 
-function TemplateViewHeader({ templateId }: Props) {
+function TemplateViewHeader({
+  onClickUseTemplate,
+  showBack,
+  templateId,
+}: Props) {
   const currentTemplate = useSelector(getActiveTemplateSelector);
   const query = useQuery();
   const workspaceList = useSelector(getForkableWorkspaces);
+  const isImportingTemplateToApp = useSelector(
+    isImportingTemplateToAppSelector,
+  );
   const goBack = () => {
     history.goBack();
   };
@@ -43,19 +53,25 @@ function TemplateViewHeader({ templateId }: Props) {
     history.replace(`${templateIdUrl({ id: templateId })}`);
   };
   const onForkButtonTrigger = () => {
-    history.replace(
-      `${templateIdUrl({ id: templateId })}?${SHOW_FORK_MODAL_PARAM}=true`,
-    );
+    if (onClickUseTemplate) {
+      onClickUseTemplate(templateId);
+    } else {
+      history.replace(
+        `${templateIdUrl({ id: templateId })}?${SHOW_FORK_MODAL_PARAM}=true`,
+      );
+    }
   };
   return (
     <HeaderWrapper>
-      <Link
-        data-testid="t--template-view-goback"
-        onClick={goBack}
-        startIcon="arrow-left-line"
-      >
-        {createMessage(GO_BACK)}
-      </Link>
+      {showBack && (
+        <Link
+          data-testid="t--template-view-goback"
+          onClick={goBack}
+          startIcon="arrow-left-line"
+        >
+          {createMessage(GO_BACK)}
+        </Link>
+      )}
       <Title kind="heading-l" renderAs="h1">
         {currentTemplate?.title}
       </Title>
@@ -69,6 +85,7 @@ function TemplateViewHeader({ templateId }: Props) {
             <Button
               className="template-fork-button"
               data-testid="template-fork-button"
+              isLoading={onClickUseTemplate && isImportingTemplateToApp}
               onClick={onForkButtonTrigger}
               size="md"
               startIcon="fork-2"
diff --git a/app/client/src/pages/WidgetBuilder/Editor.tsx b/app/client/src/pages/WidgetBuilder/Editor.tsx
new file mode 100644
index 0000000000..33d1ffd51e
--- /dev/null
+++ b/app/client/src/pages/WidgetBuilder/Editor.tsx
@@ -0,0 +1,76 @@
+import type { EditorConfiguration } from "codemirror";
+import React, { createRef, useEffect } from "react";
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+import CodeMirror from "codemirror";
+import "codemirror/mode/htmlmixed/htmlmixed";
+import "codemirror/mode/css/css";
+import { debounce } from "lodash";
+
+export function Editor(props: any) {
+  const target = createRef<HTMLDivElement>();
+  let editor: any;
+
+  const debouncedOnChange = debounce(props.onChange, 1000);
+
+  useEffect(() => {
+    const options: EditorConfiguration = {
+      autoRefresh: true,
+      mode: props.mode,
+      viewportMargin: 10,
+      tabSize: 2,
+      autoCloseBrackets: true,
+      indentWithTabs: true,
+      lineWrapping: true,
+      lineNumbers: true,
+      addModeClass: true,
+      matchBrackets: false,
+      scrollbarStyle: "native",
+      tabindex: -1,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      configureMouse: () => {
+        return {
+          addNew: false,
+        };
+      },
+    };
+
+    const gutters = new Set<string>();
+
+    gutters.add("CodeMirror-linenumbers");
+    gutters.add("CodeMirror-foldgutter");
+
+    options.foldGutter = true;
+
+    options.gutters = Array.from(gutters);
+
+    options.value = props.value;
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    editor = CodeMirror(target.current, options);
+
+    editor.setSize("100%", props.height);
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    editor.on("change", (value) => {
+      debouncedOnChange(value.getValue());
+    });
+  }, []);
+
+  useEffect(() => {
+    editor?.setValue(props.value);
+  }, [props.value]);
+
+  useEffect(() => {
+    editor?.setSize("100%", props.height);
+  }, [props.height]);
+
+  return (
+    <div style={{ padding: "0 10px" }}>
+      <div>{props.label}</div>
+      <div ref={target} style={{ border: "1px solid #000" }} />
+    </div>
+  );
+}
diff --git a/app/client/src/pages/WidgetBuilder/Styles.tsx b/app/client/src/pages/WidgetBuilder/Styles.tsx
new file mode 100644
index 0000000000..28181e8cdf
--- /dev/null
+++ b/app/client/src/pages/WidgetBuilder/Styles.tsx
@@ -0,0 +1,37 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  height: calc(100vh - 48px);
+  margin-top: 48px;
+
+  .row {
+    display: flex;
+
+    :first-child {
+      height: 150px;
+    }
+    :last-child {
+      height: calc(100vh - 150px);
+    }
+
+    .col-6 {
+      width: 50%;
+    }
+
+    .preview-window {
+      height: calc(100vh - 150px);
+    }
+  }
+`;
+
+export const ButtonContainer = styled.div`
+  position: fixed;
+  top: 0;
+  left: 50%;
+  z-index: 10;
+  transform: translate(-50%, 0);
+
+  button {
+    margin: 10px 30px;
+  }
+`;
diff --git a/app/client/src/pages/WidgetBuilder/index.tsx b/app/client/src/pages/WidgetBuilder/index.tsx
new file mode 100644
index 0000000000..864812c4b7
--- /dev/null
+++ b/app/client/src/pages/WidgetBuilder/index.tsx
@@ -0,0 +1,199 @@
+import React, { createRef, useCallback, useEffect, useState } from "react";
+import { Editor } from "./Editor";
+import { EditorModes } from "components/editorComponents/CodeEditor/EditorConfig";
+import { ButtonContainer, Container } from "./Styles";
+import "codemirror/addon/fold/brace-fold";
+import "codemirror/addon/fold/foldgutter";
+import "codemirror/addon/fold/foldgutter.css";
+import "codemirror/lib/codemirror.css";
+import "codemirror/theme/duotone-dark.css";
+import "codemirror/theme/duotone-light.css";
+import "codemirror/addon/hint/show-hint";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/addon/display/placeholder";
+import "codemirror/addon/edit/closebrackets";
+import "codemirror/addon/display/autorefresh";
+import "codemirror/addon/mode/multiplex";
+import ExternalComponent from "widgets/ExternalWidget/component";
+import { noop } from "lodash";
+
+import { Button } from "design-system";
+
+export default function WidgetBuilder() {
+  const [html, setHTML] = useState("");
+  const [css, setcss] = useState("");
+  const [js, setjs] = useState("");
+
+  const [model, setModel] = useState({});
+
+  const [jsEditorHeight, setJsEditorHeight] = useState(330);
+
+  const [loading, setLoading] = useState(true);
+
+  const preview = createRef<HTMLDivElement>();
+
+  const [previewDimensions, setPreviewDimensions] = useState({
+    width: 100,
+    height: 100,
+  });
+
+  useEffect(() => {
+    const handler = (event: any) => {
+      if (event.source === window.opener) {
+        switch (event.data.type) {
+          case "BUILDER_READY_ACK":
+            setHTML(event.data.srcDoc.html);
+            setcss(event.data.srcDoc.css);
+            setjs(event.data.srcDoc.js);
+            setModel(event.data.model);
+            setLoading(false);
+            break;
+        }
+      }
+    };
+
+    window.addEventListener("message", handler, false);
+
+    window.parent.postMessage(
+      {
+        type: "BUILDER_READY",
+      },
+      "*",
+    );
+
+    return () => {
+      window.removeEventListener("message", handler, false);
+    };
+  }, []);
+
+  const onUpdate = useCallback(() => {
+    window.parent.postMessage(
+      {
+        type: "BUILDER_UPDATE",
+        srcDoc: {
+          html,
+          css,
+          js,
+        },
+      },
+      "*",
+    );
+    window.close();
+  }, [html, css, js]);
+
+  const onCancel = useCallback(() => {
+    window.parent.postMessage(
+      {
+        type: "BUILDER_CANCEL",
+      },
+      "*",
+    );
+    window.close();
+  }, []);
+
+  useEffect(() => {
+    const height = window.innerHeight - 150 - 48;
+
+    setJsEditorHeight(height);
+  }, []);
+
+  useEffect(() => {
+    setPreviewDimensions({
+      width: preview.current?.clientWidth || 100,
+      height: preview.current?.clientHeight || 200,
+    });
+  }, [loading]);
+
+  const htmlChange = useCallback((value: string) => {
+    setHTML(value);
+  }, []);
+
+  const cssChange = useCallback((value: string) => {
+    setcss(value);
+  }, []);
+
+  const jsChange = useCallback((value: string) => {
+    setjs(value);
+  }, []);
+
+  if (loading) {
+    return <div>Loading...</div>;
+  } else {
+    return (
+      <>
+        <ButtonContainer>
+          <Button
+            kind="secondary"
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            onClick={onCancel}
+            size="sm"
+          >
+            cancel
+          </Button>
+          <Button
+            kind="primary"
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            onClick={onUpdate}
+            size="sm"
+          >
+            save
+          </Button>
+        </ButtonContainer>
+        <Container>
+          <div className="row">
+            <div className="col-6">
+              <Editor
+                height="130"
+                label="HTML"
+                mode="htmlmixed"
+                onChange={htmlChange}
+                value={html}
+                width="250"
+              />
+            </div>
+            <div className="col-6">
+              <Editor
+                height="130"
+                label="css"
+                mode="css"
+                onChange={cssChange}
+                value={css}
+                width="250"
+              />
+            </div>
+          </div>
+          <div className="row">
+            <div className="col-6">
+              {
+                <Editor
+                  height={jsEditorHeight}
+                  label="JS"
+                  mode={EditorModes.JAVASCRIPT}
+                  onChange={jsChange}
+                  value={js}
+                  width="250"
+                />
+              }
+            </div>
+            <div className="col-6 preview-window" ref={preview}>
+              <ExternalComponent
+                execute={noop}
+                height={previewDimensions.height}
+                model={model}
+                srcDoc={{
+                  html,
+                  css,
+                  js,
+                }}
+                update={noop}
+                width={previewDimensions.width}
+              />
+            </div>
+          </div>
+        </Container>
+      </>
+    );
+  }
+}
diff --git a/app/client/src/pages/common/PageHeader.tsx b/app/client/src/pages/common/PageHeader.tsx
index 44f8e11f20..da5618e1be 100644
--- a/app/client/src/pages/common/PageHeader.tsx
+++ b/app/client/src/pages/common/PageHeader.tsx
@@ -34,6 +34,7 @@ import { get } from "lodash";
 import { NAVIGATION_SETTINGS } from "constants/AppConstants";
 import { getAssetUrl, isAirgapped } from "@appsmith/utils/airgapHelpers";
 import { Banner } from "@appsmith/utils/licenseHelpers";
+import { getCurrentApplicationIdForCreateNewApp } from "@appsmith/selectors/applicationSelectors";
 
 const StyledPageHeader = styled(StyledHeader)<{
   hideShadow?: boolean;
@@ -167,6 +168,10 @@ export function PageHeader(props: PageHeaderProps) {
     "inherit",
   );
 
+  const currentApplicationIdForCreateNewApp = useSelector(
+    getCurrentApplicationIdForCreateNewApp,
+  );
+
   useEffect(() => {
     dispatch(getTemplateNotificationSeenAction());
   }, []);
@@ -221,7 +226,7 @@ export function PageHeader(props: PageHeaderProps) {
           )}
         </HeaderSection>
         <Tabs>
-          {showTabs && !isMobile && (
+          {showTabs && !isMobile && !currentApplicationIdForCreateNewApp && (
             <TabsList>
               <Tab
                 className="t--apps-tab"
diff --git a/app/client/src/pages/setup/SignupSuccess.tsx b/app/client/src/pages/setup/SignupSuccess.tsx
index 7f13527fe7..68e573fb9a 100644
--- a/app/client/src/pages/setup/SignupSuccess.tsx
+++ b/app/client/src/pages/setup/SignupSuccess.tsx
@@ -30,12 +30,18 @@ export function SignupSuccess() {
   const showStarterTemplatesInsteadofBlankCanvas = useFeatureFlag(
     FEATURE_FLAG.ab_show_templates_instead_of_blank_canvas_enabled,
   );
+  const isEnabledForCreateNew = useFeatureFlag(
+    FEATURE_FLAG.ab_create_new_apps_enabled,
+  );
 
   useEffect(() => {
     PerformanceTracker.stopTracking(PerformanceTransactionName.SIGN_UP);
     user?.email && setUserSignedUpFlag(user?.email);
   }, []);
 
+  const isNonInvitedAndNonAdminUser =
+    !user?.isSuperUser && shouldEnableFirstTimeUserOnboarding === "true";
+
   const redirectUsingQueryParam = useCallback(
     () =>
       redirectUserAfterSignup(
@@ -44,6 +50,7 @@ export function SignupSuccess() {
         validLicense,
         dispatch,
         showStarterTemplatesInsteadofBlankCanvas,
+        isNonInvitedAndNonAdminUser && isEnabledForCreateNew,
       ),
     [],
   );
diff --git a/app/client/src/reducers/uiReducers/templateReducer.ts b/app/client/src/reducers/uiReducers/templateReducer.ts
index f6e4b7a2bf..b15ac925c5 100644
--- a/app/client/src/reducers/uiReducers/templateReducer.ts
+++ b/app/client/src/reducers/uiReducers/templateReducer.ts
@@ -121,6 +121,14 @@ const templateReducer = createReducer(initialState, {
       isImportingTemplateToApp: true,
     };
   },
+  [ReduxActionTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW]: (
+    state: TemplatesReduxState,
+  ) => {
+    return {
+      ...state,
+      isImportingTemplateToApp: true,
+    };
+  },
   [ReduxActionTypes.IMPORT_TEMPLATE_TO_APPLICATION_SUCCESS]: (
     state: TemplatesReduxState,
   ) => {
@@ -129,6 +137,14 @@ const templateReducer = createReducer(initialState, {
       isImportingTemplateToApp: false,
     };
   },
+  [ReduxActionTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_SUCCESS]: (
+    state: TemplatesReduxState,
+  ) => {
+    return {
+      ...state,
+      isImportingTemplateToApp: false,
+    };
+  },
   [ReduxActionErrorTypes.IMPORT_TEMPLATE_TO_APPLICATION_ERROR]: (
     state: TemplatesReduxState,
   ) => {
@@ -137,6 +153,13 @@ const templateReducer = createReducer(initialState, {
       isImportingTemplateToApp: false,
     };
   },
+  [ReduxActionErrorTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_ERROR]:
+    (state: TemplatesReduxState) => {
+      return {
+        ...state,
+        isImportingTemplateToApp: false,
+      };
+    },
   [ReduxActionTypes.IMPORT_STARTER_BUILDING_BLOCK_TO_APPLICATION_INIT]: (
     state: TemplatesReduxState,
   ) => {
diff --git a/app/client/src/sagas/ActionExecution/NavigateActionSaga.ts b/app/client/src/sagas/ActionExecution/NavigateActionSaga.ts
index 6687fe37cb..2b49c01a4c 100644
--- a/app/client/src/sagas/ActionExecution/NavigateActionSaga.ts
+++ b/app/client/src/sagas/ActionExecution/NavigateActionSaga.ts
@@ -7,7 +7,7 @@ import { getAppMode } from "@appsmith/selectors/applicationSelectors";
 import { APP_MODE } from "entities/App";
 import { getQueryStringfromObject } from "@appsmith/entities/URLRedirect/URLAssembly";
 import history from "utils/history";
-import { setDataUrl } from "sagas/PageSagas";
+import { setDataUrl } from "@appsmith/sagas/PageSagas";
 import AppsmithConsole from "utils/AppsmithConsole";
 import { builderURL, viewerURL } from "@appsmith/RouteBuilder";
 import { TriggerFailureError } from "./errorUtils";
diff --git a/app/client/src/sagas/ActionExecution/PluginActionSaga.ts b/app/client/src/sagas/ActionExecution/PluginActionSaga.ts
index adea2dc973..e0231fe9a0 100644
--- a/app/client/src/sagas/ActionExecution/PluginActionSaga.ts
+++ b/app/client/src/sagas/ActionExecution/PluginActionSaga.ts
@@ -1377,6 +1377,7 @@ function* executePluginActionSaga(
   let response: ActionExecutionResponse;
   try {
     response = yield ActionAPI.executeAction(formData, timeout);
+    const isError = isErrorResponse(response);
     PerformanceTracker.stopAsyncTracking(
       PerformanceTransactionName.EXECUTE_ACTION,
     );
@@ -1394,7 +1395,7 @@ function* executePluginActionSaga(
       updateActionData({
         entityName: pluginAction.name,
         dataPath: "data",
-        data: payload.body,
+        data: isError ? undefined : payload.body,
       }),
     );
     // TODO: Plugins are not always fetched before on page load actions are executed.
@@ -1413,7 +1414,6 @@ function* executePluginActionSaga(
       log.error("plugin no found", e);
     }
 
-    const isError = isErrorResponse(response);
     if (filePickerInstrumentation.numberOfFiles > 0) {
       triggerFileUploadInstrumentation(
         filePickerInstrumentation,
diff --git a/app/client/src/sagas/ActionSagas.ts b/app/client/src/sagas/ActionSagas.ts
index b3fc2a7e2c..e61be91bab 100644
--- a/app/client/src/sagas/ActionSagas.ts
+++ b/app/client/src/sagas/ActionSagas.ts
@@ -23,7 +23,7 @@ import ActionAPI from "api/ActionAPI";
 import type { ApiResponse } from "api/ApiResponses";
 import type { FetchPageResponse } from "api/PageApi";
 import PageApi from "api/PageApi";
-import { updateCanvasWithDSL } from "sagas/PageSagas";
+import { updateCanvasWithDSL } from "@appsmith/sagas/PageSagas";
 import type {
   FetchActionsPayload,
   SetActionPropertyPayload,
diff --git a/app/client/src/sagas/DatasourcesSagas.ts b/app/client/src/sagas/DatasourcesSagas.ts
index a870cfc297..fed4f1f56c 100644
--- a/app/client/src/sagas/DatasourcesSagas.ts
+++ b/app/client/src/sagas/DatasourcesSagas.ts
@@ -161,6 +161,7 @@ import {
   getCurrentEnvironmentDetails,
 } from "@appsmith/selectors/environmentSelectors";
 import { waitForFetchEnvironments } from "@appsmith/sagas/EnvironmentSagas";
+import { getCurrentGitBranch } from "selectors/gitSyncSelectors";
 
 function* fetchDatasourcesSaga(
   action: ReduxAction<{ workspaceId?: string } | undefined>,
@@ -619,12 +620,17 @@ function* redirectAuthorizationCodeSaga(
 ) {
   const { datasourceId, pageId, pluginType } = actionPayload.payload;
   const isImport: string = yield select(getWorkspaceIdForImport);
+  const branchName: string | undefined = yield select(getCurrentGitBranch);
 
   if (pluginType === PluginType.API) {
     const currentEnvironment: string = yield select(
       getCurrentEditingEnvironmentId,
     );
-    window.location.href = `/api/v1/datasources/${datasourceId}/pages/${pageId}/code?environmentId=${currentEnvironment}`;
+    let windowLocation = `/api/v1/datasources/${datasourceId}/pages/${pageId}/code?environmentId=${currentEnvironment}`;
+    if (!!branchName) {
+      windowLocation = windowLocation + `&branchName=` + branchName;
+    }
+    window.location.href = windowLocation;
   } else {
     try {
       // Get an "appsmith token" from the server
@@ -1570,8 +1576,12 @@ function* executeDatasourceQuerySaga(
       },
     });
     if (action.onErrorCallback) {
-      // @ts-expect-error: onErrorCallback expects string
-      action.onErrorCallback(error);
+      if (error instanceof Error) {
+        action.onErrorCallback(error.message);
+      } else {
+        // @ts-expect-error: onErrorCallback expects string
+        action.onErrorCallback(error);
+      }
     }
   }
 }
diff --git a/app/client/src/sagas/EvalErrorHandler.ts b/app/client/src/sagas/EvalErrorHandler.ts
new file mode 100644
index 0000000000..4a853b89ac
--- /dev/null
+++ b/app/client/src/sagas/EvalErrorHandler.ts
@@ -0,0 +1,274 @@
+import type { Log, ENTITY_TYPE } from "entities/AppsmithConsole";
+import { Severity } from "entities/AppsmithConsole";
+import type { ConfigTree, DataTree } from "entities/DataTree/dataTreeTypes";
+import {
+  getEntityNameAndPropertyPath,
+  isJSAction,
+  isWidget,
+} from "@appsmith/workers/Evaluation/evaluationUtils";
+import type { EvalError, EvaluationError } from "utils/DynamicBindingUtils";
+import { EvalErrorTypes, getEvalErrorPath } from "utils/DynamicBindingUtils";
+import { get } from "lodash";
+import LOG_TYPE from "entities/AppsmithConsole/logtype";
+import { select } from "redux-saga/effects";
+import AppsmithConsole from "utils/AppsmithConsole";
+import * as Sentry from "@sentry/react";
+import AnalyticsUtil from "utils/AnalyticsUtil";
+import {
+  createMessage,
+  ERROR_EVAL_ERROR_GENERIC,
+  JS_OBJECT_BODY_INVALID,
+  VALUE_IS_INVALID,
+} from "@appsmith/constants/messages";
+import log from "loglevel";
+import type { AppState } from "@appsmith/reducers";
+import { toast } from "design-system";
+import { isDynamicEntity } from "@appsmith/entities/DataTree/isDynamicEntity";
+import { getEntityPayloadInfo } from "@appsmith/utils/getEntityPayloadInfo";
+
+const getDebuggerErrors = (state: AppState) => state.ui.debugger.errors;
+
+function logLatestEvalPropertyErrors(
+  currentDebuggerErrors: Record<string, Log>,
+  dataTree: DataTree,
+  evalAndValidationOrder: Array<string>,
+  configTree: ConfigTree,
+  removedPaths?: Array<{ entityId: string; fullpath: string }>,
+) {
+  const errorsToAdd = [];
+  const errorsToDelete = [];
+  const updatedDebuggerErrors: Record<string, Log> = {
+    ...currentDebuggerErrors,
+  };
+
+  for (const evaluatedPath of evalAndValidationOrder) {
+    const { entityName, propertyPath } =
+      getEntityNameAndPropertyPath(evaluatedPath);
+    const entity = dataTree[entityName];
+    const entityConfig = configTree[entityName];
+    if (!entity || !entityConfig || !isDynamicEntity(entity)) continue;
+    const logBlackList = (entityConfig as any)?.logBlackList;
+    if (logBlackList && propertyPath in logBlackList) continue;
+    const allEvalErrors: EvaluationError[] = get(
+      entity,
+      getEvalErrorPath(evaluatedPath, {
+        fullPath: false,
+        isPopulated: false,
+      }),
+      [],
+    );
+    const evalErrors: EvaluationError[] = [];
+    const evalWarnings: EvaluationError[] = [];
+
+    for (const err of allEvalErrors) {
+      if (err.severity === Severity.WARNING) {
+        evalWarnings.push(err);
+      }
+      if (err.severity === Severity.ERROR) {
+        evalErrors.push(err);
+      }
+    }
+
+    const entityType = entity.ENTITY_TYPE as string;
+    const payloadInfo = getEntityPayloadInfo[entityType](entityConfig);
+
+    if (!payloadInfo) continue;
+
+    const debuggerKeys = [
+      {
+        key: `${payloadInfo.id}-${propertyPath}`,
+        errors: evalErrors,
+      },
+      {
+        key: `${payloadInfo.id}-${propertyPath}-warning`,
+        errors: evalWarnings,
+        isWarning: true,
+      },
+    ];
+
+    const httpMethod = get(entity.config, "httpMethod");
+
+    for (const { errors, isWarning, key: debuggerKey } of debuggerKeys) {
+      // if dataTree has error but debugger does not -> add
+      // if debugger has error and data tree has error -> update error
+      // if debugger has error but data tree does not -> remove
+      // if debugger or data tree does not have an error -> no change
+      if (errors.length) {
+        // TODO Rank and set the most critical error
+        // const error = evalErrors[0];
+        // Reformatting eval errors here to a format usable by the debugger
+        const errorMessages = errors.map((e) => {
+          // Error format required for the debugger
+          return { message: e.errorMessage, type: e.errorType };
+        });
+
+        const analyticsData = isWidget(entity)
+          ? {
+              widgetType: entity.type,
+            }
+          : {};
+        const logPropertyPath = !isJSAction(entity) ? propertyPath : entityName;
+        // Add or update
+        if (
+          !isJSAction(entity) ||
+          (isJSAction(entity) && propertyPath === "body")
+        ) {
+          errorsToAdd.push({
+            payload: {
+              id: debuggerKey,
+              iconId: payloadInfo.iconId,
+              logType: isWarning ? LOG_TYPE.EVAL_WARNING : LOG_TYPE.EVAL_ERROR,
+              // Unless the intention is to change the message shown in the debugger please do not
+              // change the text shown here
+              text: isJSAction(entity)
+                ? createMessage(JS_OBJECT_BODY_INVALID)
+                : createMessage(VALUE_IS_INVALID, propertyPath),
+              messages: errorMessages,
+              source: {
+                id: payloadInfo.id,
+                name: entityName,
+                type: entityType as ENTITY_TYPE,
+                propertyPath: logPropertyPath,
+                pluginType: payloadInfo.pluginType,
+                httpMethod,
+              },
+              analytics: analyticsData,
+            },
+            severity: isWarning ? Severity.WARNING : Severity.ERROR,
+          });
+        }
+      } else if (debuggerKey in updatedDebuggerErrors) {
+        errorsToDelete.push({ id: debuggerKey });
+      }
+    }
+  }
+
+  /* Clear errors for paths that are no longer in the data tree. Since the evaluation order is updated
+  without the paths that are no longer in the data tree, we need to keep track of the paths that
+   were removed during evaluations and use them to clear any errors that were previously added
+  for those paths.
+  */
+
+  if (removedPaths?.length) {
+    for (const removedPath of removedPaths) {
+      const { entityId, fullpath } = removedPath;
+      const { propertyPath } = getEntityNameAndPropertyPath(fullpath);
+      errorsToDelete.push({ id: `${entityId}-${propertyPath}` });
+    }
+  }
+
+  // Add and delete errors from debugger
+  AppsmithConsole.addErrors(errorsToAdd);
+  AppsmithConsole.deleteErrors(errorsToDelete);
+}
+
+export function* evalErrorHandler(
+  errors: EvalError[],
+  dataTree?: DataTree,
+  evaluationOrder?: Array<string>,
+  configTree?: ConfigTree,
+  removedPaths?: Array<{ entityId: string; fullpath: string }>,
+) {
+  if (dataTree && evaluationOrder && configTree) {
+    const currentDebuggerErrors: Record<string, Log> =
+      yield select(getDebuggerErrors);
+
+    // Update latest errors to the debugger
+    logLatestEvalPropertyErrors(
+      currentDebuggerErrors,
+      dataTree,
+      evaluationOrder,
+      configTree,
+      removedPaths,
+    );
+  }
+
+  errors.forEach((error) => {
+    switch (error.type) {
+      case EvalErrorTypes.CYCLICAL_DEPENDENCY_ERROR: {
+        if (error.context) {
+          // Add more info about node for the toast
+          const { dependencyMap, diffs, entityType, node } = error.context;
+          toast.show(`${error.message} Node was: ${node}`, {
+            kind: "error",
+          });
+          AppsmithConsole.error({
+            text: `${error.message} Node was: ${node}`,
+          });
+          if (error.context.logToSentry) {
+            // Send the generic error message to sentry for better grouping
+            Sentry.captureException(new Error(error.message), {
+              tags: {
+                node,
+                entityType,
+              },
+              extra: {
+                dependencyMap,
+                diffs,
+              },
+              // Level is warning because it could be a user error
+              level: Sentry.Severity.Warning,
+            });
+          }
+
+          // Log an analytics event for cyclical dep errors
+          AnalyticsUtil.logEvent("CYCLICAL_DEPENDENCY_ERROR", {
+            node,
+            entityType,
+            // Level is warning because it could be a user error
+            level: Sentry.Severity.Warning,
+          });
+        }
+
+        break;
+      }
+      case EvalErrorTypes.EVAL_TREE_ERROR: {
+        toast.show(createMessage(ERROR_EVAL_ERROR_GENERIC), {
+          kind: "error",
+        });
+        break;
+      }
+      case EvalErrorTypes.BAD_UNEVAL_TREE_ERROR: {
+        Sentry.captureException(error);
+        break;
+      }
+      case EvalErrorTypes.EVAL_PROPERTY_ERROR: {
+        log.debug(error);
+        break;
+      }
+      case EvalErrorTypes.CLONE_ERROR: {
+        /*
+         * https://github.com/appsmithorg/appsmith/issues/2654
+         * This code is being commented out to prevent these errors from going to Sentry
+         * till we come up with a more definitive solution to prevent this error
+         * Proposed solution - adding lint errors to editor to prevent these from happening
+         * */
+
+        // Sentry.captureException(new Error(error.message), {
+        //   extra: {
+        //     request: error.context,
+        //   },
+        // });
+        break;
+      }
+      case EvalErrorTypes.PARSE_JS_ERROR: {
+        toast.show(`${error.message} at: ${error.context?.entity.name}`, {
+          kind: "error",
+        });
+        AppsmithConsole.error({
+          text: `${error.message} at: ${error.context?.propertyPath}`,
+        });
+        break;
+      }
+      case EvalErrorTypes.EXTRACT_DEPENDENCY_ERROR: {
+        Sentry.captureException(new Error(error.message), {
+          extra: error.context,
+        });
+        break;
+      }
+      default: {
+        log.debug(error);
+      }
+    }
+  });
+}
diff --git a/app/client/src/sagas/EvalWorkerActionSagas.ts b/app/client/src/sagas/EvalWorkerActionSagas.ts
index e6d61ca08f..ccde4fbc69 100644
--- a/app/client/src/sagas/EvalWorkerActionSagas.ts
+++ b/app/client/src/sagas/EvalWorkerActionSagas.ts
@@ -2,10 +2,7 @@ import { all, call, put, spawn, take } from "redux-saga/effects";
 import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
 import { MAIN_THREAD_ACTION } from "@appsmith/workers/Evaluation/evalWorkerActions";
 import log from "loglevel";
-import {
-  evalErrorHandler,
-  logJSVarMutationEvent,
-} from "../sagas/PostEvaluationSagas";
+import { logJSVarMutationEvent } from "../sagas/PostEvaluationSagas";
 import type { Channel } from "redux-saga";
 import { storeLogs } from "../sagas/DebuggerSagas";
 import type {
@@ -30,6 +27,7 @@ import isEmpty from "lodash/isEmpty";
 import type { UnEvalTree } from "entities/DataTree/dataTreeTypes";
 import { sortJSExecutionDataByCollectionId } from "workers/Evaluation/JSObject/utils";
 import type { LintTreeSagaRequestData } from "plugins/Linting/types";
+import { evalErrorHandler } from "./EvalErrorHandler";
 export interface UpdateDataTreeMessageData {
   workerResponse: EvalTreeResponseData;
   unevalTree: UnEvalTree;
diff --git a/app/client/src/sagas/EvaluationsSaga.ts b/app/client/src/sagas/EvaluationsSaga.ts
index fe3c12e8bf..7754f993a1 100644
--- a/app/client/src/sagas/EvaluationsSaga.ts
+++ b/app/client/src/sagas/EvaluationsSaga.ts
@@ -39,18 +39,19 @@ import type { Action } from "redux";
 import {
   EVAL_AND_LINT_REDUX_ACTIONS,
   FIRST_EVAL_REDUX_ACTIONS,
+  getRequiresLinting,
+} from "@appsmith/actions/evaluationActionsList";
+import {
   setDependencyMap,
   setEvaluatedTree,
   shouldForceEval,
   shouldLog,
   shouldProcessAction,
   shouldTriggerEvaluation,
-  getRequiresLinting,
-} from "@appsmith/actions/evaluationActions";
+} from "actions/evaluationActions";
 import ConfigTreeActions from "utils/configTree";
 import {
   dynamicTriggerErrorHandler,
-  evalErrorHandler,
   handleJSFunctionExecutionErrorLog,
   logJSVarCreatedEvent,
   logSuccessfulBindings,
@@ -100,6 +101,8 @@ import { selectFeatureFlags } from "@appsmith/selectors/featureFlagsSelectors";
 import { fetchFeatureFlagsInit } from "actions/userActions";
 import { parseUpdatesAndDeleteUndefinedUpdates } from "./EvaluationSaga.utils";
 import { getFeatureFlagsFetched } from "selectors/usersSelectors";
+import { evalErrorHandler } from "./EvalErrorHandler";
+
 const APPSMITH_CONFIGS = getAppsmithConfigs();
 export const evalWorker = new GracefulWorkerService(
   new Worker(
diff --git a/app/client/src/sagas/FormEvaluationSaga.ts b/app/client/src/sagas/FormEvaluationSaga.ts
index b8c7bd9d9f..13f5fd25cd 100644
--- a/app/client/src/sagas/FormEvaluationSaga.ts
+++ b/app/client/src/sagas/FormEvaluationSaga.ts
@@ -11,7 +11,7 @@ import type {
   DynamicValues,
   FormEvaluationState,
 } from "reducers/evaluationReducers/formEvaluationReducer";
-import { FORM_EVALUATION_REDUX_ACTIONS } from "@appsmith/actions/evaluationActions";
+import { FORM_EVALUATION_REDUX_ACTIONS } from "@appsmith/actions/evaluationActionsList";
 import type { Action, ActionConfig } from "entities/Action";
 import type { FormConfigType } from "components/formControls/BaseControl";
 import PluginsApi from "api/PluginApi";
diff --git a/app/client/src/sagas/JSLibrarySaga.ts b/app/client/src/sagas/JSLibrarySaga.ts
index aa9237418c..6f53093498 100644
--- a/app/client/src/sagas/JSLibrarySaga.ts
+++ b/app/client/src/sagas/JSLibrarySaga.ts
@@ -390,6 +390,7 @@ function* fetchJSLibraries(action: ReduxAction<string>) {
         version: lib.version,
         url: lib.url,
         docsURL: lib.docsURL,
+        id: lib.id,
       })),
     });
   } catch (e) {
diff --git a/app/client/src/sagas/JSPaneSagas.ts b/app/client/src/sagas/JSPaneSagas.ts
index 83f94726b3..3df3ce686e 100644
--- a/app/client/src/sagas/JSPaneSagas.ts
+++ b/app/client/src/sagas/JSPaneSagas.ts
@@ -72,7 +72,7 @@ import { ENTITY_TYPE, PLATFORM_ERROR } from "entities/AppsmithConsole";
 import LOG_TYPE from "entities/AppsmithConsole/logtype";
 import type { FetchPageResponse } from "api/PageApi";
 import PageApi from "api/PageApi";
-import { updateCanvasWithDSL } from "sagas/PageSagas";
+import { updateCanvasWithDSL } from "@appsmith/sagas/PageSagas";
 import { set } from "lodash";
 import { updateReplayEntity } from "actions/pageActions";
 import { jsCollectionIdURL } from "@appsmith/RouteBuilder";
diff --git a/app/client/src/sagas/PostEvaluationSagas.ts b/app/client/src/sagas/PostEvaluationSagas.ts
index 39fd94971a..48f23bba68 100644
--- a/app/client/src/sagas/PostEvaluationSagas.ts
+++ b/app/client/src/sagas/PostEvaluationSagas.ts
@@ -1,12 +1,5 @@
-import type { Log } from "entities/AppsmithConsole";
-import {
-  ENTITY_TYPE,
-  PLATFORM_ERROR,
-  Severity,
-} from "entities/AppsmithConsole";
+import { ENTITY_TYPE, PLATFORM_ERROR } from "entities/AppsmithConsole";
 import type {
-  ActionEntity,
-  JSActionEntity,
   WidgetEntity,
   WidgetEntityConfig,
 } from "@appsmith/entities/DataTree/types";
@@ -21,34 +14,27 @@ import {
   getDataTreeForAutocomplete,
   getEntityNameAndPropertyPath,
   isAction,
-  isJSAction,
   isWidget,
 } from "@appsmith/workers/Evaluation/evaluationUtils";
-import type { EvalError, EvaluationError } from "utils/DynamicBindingUtils";
-import { EvalErrorTypes, getEvalErrorPath } from "utils/DynamicBindingUtils";
+import type { EvaluationError } from "utils/DynamicBindingUtils";
+import { getEvalErrorPath } from "utils/DynamicBindingUtils";
 import { find, get, some } from "lodash";
 import LOG_TYPE from "entities/AppsmithConsole/logtype";
 import { call, put, select } from "redux-saga/effects";
 import type { AnyReduxAction } from "@appsmith/constants/ReduxActionConstants";
 import AppsmithConsole from "utils/AppsmithConsole";
-import * as Sentry from "@sentry/react";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 import {
   createMessage,
-  ERROR_EVAL_ERROR_GENERIC,
   JS_EXECUTION_FAILURE,
-  JS_OBJECT_BODY_INVALID,
-  VALUE_IS_INVALID,
 } from "@appsmith/constants/messages";
 import log from "loglevel";
-import type { AppState } from "@appsmith/reducers";
 import { getAppMode } from "@appsmith/selectors/applicationSelectors";
 import { APP_MODE } from "entities/App";
 import { dataTreeTypeDefCreator } from "utils/autocomplete/dataTreeTypeDefCreator";
 import CodemirrorTernService from "utils/autocomplete/CodemirrorTernService";
 import type { JSAction } from "entities/JSCollection";
 import { isWidgetPropertyNamePath } from "utils/widgetEvalUtils";
-import { toast } from "design-system";
 import type { ActionEntityConfig } from "@appsmith/entities/DataTree/types";
 import type { SuccessfulBindings } from "utils/SuccessfulBindingsMap";
 import SuccessfulBindingMap from "utils/SuccessfulBindingsMap";
@@ -62,276 +48,6 @@ import type {
 
 let successfulBindingsMap: SuccessfulBindingMap | undefined;
 
-const getDebuggerErrors = (state: AppState) => state.ui.debugger.errors;
-
-function logLatestEvalPropertyErrors(
-  currentDebuggerErrors: Record<string, Log>,
-  dataTree: DataTree,
-  evalAndValidationOrder: Array<string>,
-  configTree: ConfigTree,
-  removedPaths?: Array<{ entityId: string; fullpath: string }>,
-) {
-  const errorsToAdd = [];
-  const errorsToDelete = [];
-  const updatedDebuggerErrors: Record<string, Log> = {
-    ...currentDebuggerErrors,
-  };
-
-  for (const evaluatedPath of evalAndValidationOrder) {
-    const { entityName, propertyPath } =
-      getEntityNameAndPropertyPath(evaluatedPath);
-    const entity = dataTree[entityName] as
-      | WidgetEntity
-      | ActionEntity
-      | JSActionEntity;
-    const entityConfig = configTree[entityName] as any;
-
-    if (isWidget(entity) || isAction(entity) || isJSAction(entity)) {
-      if (
-        entityConfig?.logBlackList &&
-        propertyPath in entityConfig?.logBlackList
-      ) {
-        continue;
-      }
-      const allEvalErrors: EvaluationError[] = get(
-        entity,
-        getEvalErrorPath(evaluatedPath, {
-          fullPath: false,
-          isPopulated: false,
-        }),
-        [],
-      );
-      const evalErrors: EvaluationError[] = [];
-      const evalWarnings: EvaluationError[] = [];
-
-      for (const err of allEvalErrors) {
-        if (err.severity === Severity.WARNING) {
-          evalWarnings.push(err);
-        }
-        if (err.severity === Severity.ERROR) {
-          evalErrors.push(err);
-        }
-      }
-
-      const idField = isWidget(entity) ? entity.widgetId : entity.actionId;
-      const nameField = isWidget(entity) ? entity.widgetName : entityName;
-      const entityType = isWidget(entity)
-        ? ENTITY_TYPE.WIDGET
-        : isAction(entity)
-        ? ENTITY_TYPE.ACTION
-        : ENTITY_TYPE.JSACTION;
-      const pluginTypeField = isAction(entity)
-        ? entityConfig.pluginType
-        : entity.type;
-      const iconId = isWidget(entity)
-        ? entity.widgetId
-        : isJSAction(entity)
-        ? entity.actionId
-        : entityConfig.pluginId;
-      const debuggerKeys = [
-        {
-          key: `${idField}-${propertyPath}`,
-          errors: evalErrors,
-        },
-        {
-          key: `${idField}-${propertyPath}-warning`,
-          errors: evalWarnings,
-          isWarning: true,
-        },
-      ];
-
-      const httpMethod = get(entity.config, "httpMethod") || undefined;
-
-      for (const { errors, isWarning, key: debuggerKey } of debuggerKeys) {
-        // if dataTree has error but debugger does not -> add
-        // if debugger has error and data tree has error -> update error
-        // if debugger has error but data tree does not -> remove
-        // if debugger or data tree does not have an error -> no change
-        if (errors.length) {
-          // TODO Rank and set the most critical error
-          // const error = evalErrors[0];
-          // Reformatting eval errors here to a format usable by the debugger
-          const errorMessages = errors.map((e) => {
-            // Error format required for the debugger
-            return { message: e.errorMessage, type: e.errorType };
-          });
-
-          const analyticsData = isWidget(entity)
-            ? {
-                widgetType: entity.type,
-              }
-            : {};
-          const logPropertyPath = !isJSAction(entity)
-            ? propertyPath
-            : entityName;
-          // Add or update
-          if (
-            !isJSAction(entity) ||
-            (isJSAction(entity) && propertyPath === "body")
-          ) {
-            errorsToAdd.push({
-              payload: {
-                id: debuggerKey,
-                iconId: iconId,
-                logType: isWarning
-                  ? LOG_TYPE.EVAL_WARNING
-                  : LOG_TYPE.EVAL_ERROR,
-                // Unless the intention is to change the message shown in the debugger please do not
-                // change the text shown here
-                text: isJSAction(entity)
-                  ? createMessage(JS_OBJECT_BODY_INVALID)
-                  : createMessage(VALUE_IS_INVALID, propertyPath),
-                messages: errorMessages,
-                source: {
-                  id: idField,
-                  name: nameField,
-                  type: entityType,
-                  propertyPath: logPropertyPath,
-                  pluginType: pluginTypeField,
-                  httpMethod,
-                },
-                analytics: analyticsData,
-              },
-              severity: isWarning ? Severity.WARNING : Severity.ERROR,
-            });
-          }
-        } else if (debuggerKey in updatedDebuggerErrors) {
-          errorsToDelete.push({ id: debuggerKey });
-        }
-      }
-    }
-  }
-
-  /* Clear errors for paths that are no longer in the data tree. Since the evaluation order is updated
-  without the paths that are no longer in the data tree, we need to keep track of the paths that
-   were removed during evaluations and use them to clear any errors that were previously added
-  for those paths.
-  */
-
-  if (removedPaths?.length) {
-    for (const removedPath of removedPaths) {
-      const { entityId, fullpath } = removedPath;
-      const { propertyPath } = getEntityNameAndPropertyPath(fullpath);
-      errorsToDelete.push({ id: `${entityId}-${propertyPath}` });
-    }
-  }
-
-  // Add and delete errors from debugger
-  AppsmithConsole.addErrors(errorsToAdd);
-  AppsmithConsole.deleteErrors(errorsToDelete);
-}
-
-export function* evalErrorHandler(
-  errors: EvalError[],
-  dataTree?: DataTree,
-  evaluationOrder?: Array<string>,
-  configTree?: ConfigTree,
-  removedPaths?: Array<{ entityId: string; fullpath: string }>,
-) {
-  if (dataTree && evaluationOrder && configTree) {
-    const currentDebuggerErrors: Record<string, Log> =
-      yield select(getDebuggerErrors);
-
-    // Update latest errors to the debugger
-    logLatestEvalPropertyErrors(
-      currentDebuggerErrors,
-      dataTree,
-      evaluationOrder,
-      configTree,
-      removedPaths,
-    );
-  }
-
-  errors.forEach((error) => {
-    switch (error.type) {
-      case EvalErrorTypes.CYCLICAL_DEPENDENCY_ERROR: {
-        if (error.context) {
-          // Add more info about node for the toast
-          const { dependencyMap, diffs, entityType, node } = error.context;
-          toast.show(`${error.message} Node was: ${node}`, {
-            kind: "error",
-          });
-          AppsmithConsole.error({
-            text: `${error.message} Node was: ${node}`,
-          });
-          if (error.context.logToSentry) {
-            // Send the generic error message to sentry for better grouping
-            Sentry.captureException(new Error(error.message), {
-              tags: {
-                node,
-                entityType,
-              },
-              extra: {
-                dependencyMap,
-                diffs,
-              },
-              // Level is warning because it could be a user error
-              level: Sentry.Severity.Warning,
-            });
-          }
-
-          // Log an analytics event for cyclical dep errors
-          AnalyticsUtil.logEvent("CYCLICAL_DEPENDENCY_ERROR", {
-            node,
-            entityType,
-            // Level is warning because it could be a user error
-            level: Sentry.Severity.Warning,
-          });
-        }
-
-        break;
-      }
-      case EvalErrorTypes.EVAL_TREE_ERROR: {
-        toast.show(createMessage(ERROR_EVAL_ERROR_GENERIC), {
-          kind: "error",
-        });
-        break;
-      }
-      case EvalErrorTypes.BAD_UNEVAL_TREE_ERROR: {
-        Sentry.captureException(error);
-        break;
-      }
-      case EvalErrorTypes.EVAL_PROPERTY_ERROR: {
-        log.debug(error);
-        break;
-      }
-      case EvalErrorTypes.CLONE_ERROR: {
-        /*
-         * https://github.com/appsmithorg/appsmith/issues/2654
-         * This code is being commented out to prevent these errors from going to Sentry
-         * till we come up with a more definitive solution to prevent this error
-         * Proposed solution - adding lint errors to editor to prevent these from happening
-         * */
-
-        // Sentry.captureException(new Error(error.message), {
-        //   extra: {
-        //     request: error.context,
-        //   },
-        // });
-        break;
-      }
-      case EvalErrorTypes.PARSE_JS_ERROR: {
-        toast.show(`${error.message} at: ${error.context?.entity.name}`, {
-          kind: "error",
-        });
-        AppsmithConsole.error({
-          text: `${error.message} at: ${error.context?.propertyPath}`,
-        });
-        break;
-      }
-      case EvalErrorTypes.EXTRACT_DEPENDENCY_ERROR: {
-        Sentry.captureException(new Error(error.message), {
-          extra: error.context,
-        });
-        break;
-      }
-      default: {
-        log.debug(error);
-      }
-    }
-  });
-}
-
 export function* logJSVarCreatedEvent(
   jsVarsCreatedEvent: EvalTreeResponseData["jsVarsCreatedEvent"],
 ) {
diff --git a/app/client/src/sagas/QueryPaneSagas.ts b/app/client/src/sagas/QueryPaneSagas.ts
index 75b5cb923f..89d25c669b 100644
--- a/app/client/src/sagas/QueryPaneSagas.ts
+++ b/app/client/src/sagas/QueryPaneSagas.ts
@@ -56,7 +56,7 @@ import get from "lodash/get";
 import {
   initFormEvaluations,
   startFormEvaluations,
-} from "@appsmith/actions/evaluationActions";
+} from "actions/evaluationActions";
 import { updateReplayEntity } from "actions/pageActions";
 import { ENTITY_TYPE } from "entities/AppsmithConsole";
 import type { EventLocation } from "@appsmith/utils/analyticsUtilTypes";
diff --git a/app/client/src/sagas/ReplaySaga.ts b/app/client/src/sagas/ReplaySaga.ts
index a53e89daaa..e0961f5a52 100644
--- a/app/client/src/sagas/ReplaySaga.ts
+++ b/app/client/src/sagas/ReplaySaga.ts
@@ -75,7 +75,7 @@ import {
 import { AppThemingMode } from "selectors/appThemingSelectors";
 import { generateAutoHeightLayoutTreeAction } from "actions/autoHeightActions";
 import { SelectionRequestType } from "sagas/WidgetSelectUtils";
-import { startFormEvaluations } from "@appsmith/actions/evaluationActions";
+import { startFormEvaluations } from "actions/evaluationActions";
 import { getUIComponent } from "pages/Editor/QueryEditor/helpers";
 import type { Plugin } from "api/PluginApi";
 import { UIComponentTypes } from "api/PluginApi";
diff --git a/app/client/src/sagas/TemplatesSagas.ts b/app/client/src/sagas/TemplatesSagas.ts
index 73439b18b0..355ded52dc 100644
--- a/app/client/src/sagas/TemplatesSagas.ts
+++ b/app/client/src/sagas/TemplatesSagas.ts
@@ -59,10 +59,12 @@ import { fetchDatasources } from "actions/datasourceActions";
 import { fetchPluginFormConfigs } from "actions/pluginActions";
 import { fetchAllPageEntityCompletion, saveLayout } from "actions/pageActions";
 import { getAllPageIds } from "./selectors";
-import { fetchPageDSLSaga } from "sagas/PageSagas";
+import { fetchPageDSLSaga } from "@appsmith/sagas/PageSagas";
 import { toast } from "design-system";
 import { isAirgapped } from "@appsmith/utils/airgapHelpers";
 import { STARTER_BUILDING_BLOCKS } from "constants/TemplatesConstants";
+import urlBuilder from "@appsmith/entities/URLRedirect/URLAssembly";
+import { fetchJSLibraries } from "actions/JSLibraryActions";
 
 const isAirgappedInstance = isAirgapped();
 
@@ -197,22 +199,25 @@ function* getTemplateSaga(action: ReduxAction<string>) {
   }
 }
 
-function* postPageAdditionSaga(applicationId: string) {
+export function* postPageAdditionSaga(applicationId: string) {
   const afterActionsFetch: boolean = yield failFastApiCalls(
     [
       fetchActions({ applicationId }, []),
       fetchJSCollections({ applicationId }),
       fetchDatasources(),
+      fetchJSLibraries(applicationId),
     ],
     [
       ReduxActionTypes.FETCH_ACTIONS_SUCCESS,
       ReduxActionTypes.FETCH_JS_ACTIONS_SUCCESS,
       ReduxActionTypes.FETCH_DATASOURCES_SUCCESS,
+      ReduxActionTypes.FETCH_JS_LIBRARIES_SUCCESS,
     ],
     [
       ReduxActionErrorTypes.FETCH_ACTIONS_ERROR,
       ReduxActionErrorTypes.FETCH_JS_ACTIONS_ERROR,
       ReduxActionErrorTypes.FETCH_DATASOURCES_ERROR,
+      ReduxActionErrorTypes.FETCH_JS_LIBRARIES_FAILED,
     ],
   );
 
@@ -457,6 +462,66 @@ function* getTemplateFiltersSaga() {
   }
 }
 
+function* forkTemplateToApplicationViaOnboardingFlowSaga(
+  action: ReduxAction<{
+    pageNames?: string[];
+    templateId: string;
+    templateName: string;
+    applicationId: string;
+    workspaceId: string;
+  }>,
+) {
+  try {
+    const response: ImportTemplateResponse = yield call(
+      TemplatesAPI.importTemplateToApplication,
+      action.payload.templateId,
+      action.payload.applicationId,
+      action.payload.workspaceId,
+      action.payload.pageNames,
+    );
+
+    const isValid: boolean = yield validateResponse(response);
+    if (isValid) {
+      const application = response.data.application;
+      urlBuilder.updateURLParams(
+        {
+          applicationSlug: application.slug,
+          applicationVersion: application.applicationVersion,
+          applicationId: application.id,
+        },
+        application.pages.map((page) => ({
+          pageSlug: page.slug,
+          customSlug: page.customSlug,
+          pageId: page.id,
+        })),
+      );
+      history.push(
+        builderURL({
+          pageId: application.pages[0].id,
+        }),
+      );
+
+      yield put({
+        type: ReduxActionTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_SUCCESS,
+        payload: response.data.application,
+      });
+      toast.show(
+        `Pages from '${action.payload.templateName}' template added successfully`,
+        {
+          kind: "success",
+        },
+      );
+    }
+  } catch (error) {
+    yield put({
+      type: ReduxActionErrorTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW_ERROR,
+      payload: {
+        error,
+      },
+    });
+  }
+}
+
 // TODO: Refactor and handle this airgap check in a better way - posssibly in root sagas (sangeeth)
 export default function* watchActionSagas() {
   if (!isAirgappedInstance)
@@ -491,5 +556,9 @@ export default function* watchActionSagas() {
         ReduxActionTypes.IMPORT_STARTER_BUILDING_BLOCK_TO_APPLICATION_INIT,
         forkStarterBuildingBlockToApplicationSaga,
       ),
+      takeEvery(
+        ReduxActionTypes.IMPORT_TEMPLATE_TO_APPLICATION_ONBOARDING_FLOW,
+        forkTemplateToApplicationViaOnboardingFlowSaga,
+      ),
     ]);
 }
diff --git a/app/client/src/sagas/WidgetDeletionSagas.ts b/app/client/src/sagas/WidgetDeletionSagas.ts
index 7b60b4dec3..9ad628057f 100644
--- a/app/client/src/sagas/WidgetDeletionSagas.ts
+++ b/app/client/src/sagas/WidgetDeletionSagas.ts
@@ -5,7 +5,10 @@ import type {
 import { updateAndSaveLayout } from "actions/pageActions";
 import { closePropertyPane, closeTableFilterPane } from "actions/widgetActions";
 import { selectWidgetInitAction } from "actions/widgetSelectionActions";
-import type { ReduxAction } from "@appsmith/constants/ReduxActionConstants";
+import type {
+  ApplicationPayload,
+  ReduxAction,
+} from "@appsmith/constants/ReduxActionConstants";
 import {
   ReduxActionErrorTypes,
   ReduxActionTypes,
@@ -51,6 +54,7 @@ import { updateFlexLayersOnDelete } from "../layoutSystems/autolayout/utils/Auto
 import { LayoutSystemTypes } from "layoutSystems/types";
 import { getLayoutSystemType } from "selectors/layoutSystemSelectors";
 import { updateAnvilParentPostWidgetDeletion } from "layoutSystems/anvil/utils/layouts/update/deletionUtils";
+import { getCurrentApplication } from "@appsmith/selectors/applicationSelectors";
 
 const WidgetTypes = WidgetFactory.widgetTypes;
 
@@ -271,6 +275,10 @@ function* deleteSaga(deleteAction: ReduxAction<WidgetDelete>) {
         }
         yield put(updateAndSaveLayout(finalData));
         yield put(generateAutoHeightLayoutTreeAction(true, true));
+
+        const currentApplication: ApplicationPayload = yield select(
+          getCurrentApplication,
+        );
         const analyticsEvent = isShortcut
           ? "WIDGET_DELETE_VIA_SHORTCUT"
           : "WIDGET_DELETE";
@@ -278,6 +286,7 @@ function* deleteSaga(deleteAction: ReduxAction<WidgetDelete>) {
         AnalyticsUtil.logEvent(analyticsEvent, {
           widgetName: widget.widgetName,
           widgetType: widget.type,
+          templateTitle: currentApplication?.forkedFromTemplateTitle,
         });
         if (!disallowUndo) {
           // close property pane after delete
diff --git a/app/client/src/sagas/WidgetOperationSagas.tsx b/app/client/src/sagas/WidgetOperationSagas.tsx
index f082af8338..4d1db2e51d 100644
--- a/app/client/src/sagas/WidgetOperationSagas.tsx
+++ b/app/client/src/sagas/WidgetOperationSagas.tsx
@@ -136,7 +136,11 @@ import {
   mergeDynamicPropertyPaths,
   purgeOrphanedDynamicPaths,
 } from "./WidgetOperationUtils";
-import { widgetSelectionSagas } from "./WidgetSelectionSagas";
+import {
+  partialImportSaga,
+  partialExportSaga,
+  widgetSelectionSagas,
+} from "./WidgetSelectionSagas";
 import type { WidgetEntityConfig } from "@appsmith/entities/DataTree/types";
 import type { DataTree, ConfigTree } from "entities/DataTree/dataTreeTypes";
 import { getCanvasSizeAfterWidgetMove } from "./CanvasSagas/DraggingCanvasSagas";
@@ -181,6 +185,7 @@ import localStorage from "utils/localStorage";
 import type { FlexLayer } from "layoutSystems/autolayout/utils/types";
 import { EMPTY_BINDING } from "components/editorComponents/ActionCreator/constants";
 import { getLayoutSystemType } from "selectors/layoutSystemSelectors";
+import { addSuggestedWidgetAnvilAction } from "layoutSystems/anvil/integrations/actions/draggingActions";
 
 export function* resizeSaga(resizeAction: ReduxAction<WidgetResize>) {
   try {
@@ -623,7 +628,10 @@ export function getPropertiesToUpdate(
   const dynamicTriggerPathListUpdates: DynamicPathUpdate[] = [];
   const dynamicBindingPathListUpdates: DynamicPathUpdate[] = [];
 
-  const widgetConfig = WidgetFactory.getWidgetPropertyPaneConfig(widget.type);
+  const widgetConfig = WidgetFactory.getWidgetPropertyPaneConfig(
+    widget.type,
+    widget,
+  );
   const { triggerPaths: triggerPathsFromPropertyConfig = {} } =
     getAllPathsFromPropertyConfig(widgetWithUpdates, widgetConfig, {});
 
@@ -2038,7 +2046,7 @@ function* addSuggestedWidget(action: ReduxAction<Partial<WidgetProps>>) {
   const widgets: CanvasWidgetsReduxState = yield select(getWidgets);
 
   const widgetName = getNextWidgetName(widgets, widgetConfig.type, evalTree);
-  const isAutoLayout: boolean = yield select(getIsAutoLayout);
+  const layoutSystemType: LayoutSystemTypes = yield select(getLayoutSystemType);
   try {
     let newWidget = {
       newWidgetId: generateReactKey(),
@@ -2066,26 +2074,39 @@ function* addSuggestedWidget(action: ReduxAction<Partial<WidgetProps>>) {
       bottomRow,
       parentRowSpace: GridDefaults.DEFAULT_GRID_ROW_HEIGHT,
     };
-
-    if (isAutoLayout) {
-      yield put({
-        type: ReduxActionTypes.AUTOLAYOUT_ADD_NEW_WIDGETS,
-        payload: {
-          dropPayload: {
-            isNewLayer: true,
-            alignment: FlexLayerAlignment.Start,
+    switch (layoutSystemType) {
+      case LayoutSystemTypes.AUTO:
+        yield put({
+          type: ReduxActionTypes.AUTOLAYOUT_ADD_NEW_WIDGETS,
+          payload: {
+            dropPayload: {
+              isNewLayer: true,
+              alignment: FlexLayerAlignment.Start,
+            },
+            newWidget,
+            parentId: MAIN_CONTAINER_WIDGET_ID,
+            direction: LayoutDirection.Vertical,
+            addToBottom: true,
           },
-          newWidget,
-          parentId: MAIN_CONTAINER_WIDGET_ID,
-          direction: LayoutDirection.Vertical,
-          addToBottom: true,
-        },
-      });
-    } else {
-      yield put({
-        type: WidgetReduxActionTypes.WIDGET_ADD_CHILD,
-        payload: newWidget,
-      });
+        });
+        break;
+      case LayoutSystemTypes.ANVIL:
+        yield put(
+          addSuggestedWidgetAnvilAction({
+            newWidgetId: newWidget.newWidgetId,
+            rows: newWidget.rows,
+            columns: newWidget.columns,
+            type: newWidget.type,
+            ...widgetConfig,
+          }),
+        );
+        break;
+      default:
+        yield put({
+          type: WidgetReduxActionTypes.WIDGET_ADD_CHILD,
+          payload: newWidget,
+        });
+        break;
     }
 
     yield take(ReduxActionTypes.UPDATE_LAYOUT);
@@ -2187,5 +2208,7 @@ export default function* widgetOperationSagas() {
     takeLeading(ReduxActionTypes.PASTE_COPIED_WIDGET_INIT, pasteWidgetSaga),
     takeEvery(ReduxActionTypes.CUT_SELECTED_WIDGET, cutWidgetSaga),
     takeEvery(ReduxActionTypes.GROUP_WIDGETS_INIT, groupWidgetsSaga),
+    takeEvery(ReduxActionTypes.PARTIAL_IMPORT_INIT, partialImportSaga),
+    takeEvery(ReduxActionTypes.PARTIAL_EXPORT_INIT, partialExportSaga),
   ]);
 }
diff --git a/app/client/src/sagas/WidgetSelectionSagas.ts b/app/client/src/sagas/WidgetSelectionSagas.ts
index 8315bb64f8..61f9c06a31 100644
--- a/app/client/src/sagas/WidgetSelectionSagas.ts
+++ b/app/client/src/sagas/WidgetSelectionSagas.ts
@@ -1,54 +1,84 @@
-import type { ReduxAction } from "@appsmith/constants/ReduxActionConstants";
+import { builderURL, widgetURL } from "@appsmith/RouteBuilder";
+import { importPartialApplicationSuccess } from "@appsmith/actions/applicationActions";
+import ApplicationApi, {
+  type exportApplicationRequest,
+} from "@appsmith/api/ApplicationApi";
+import type {
+  ApplicationPayload,
+  ReduxAction,
+} from "@appsmith/constants/ReduxActionConstants";
 import {
   ReduxActionErrorTypes,
   ReduxActionTypes,
 } from "@appsmith/constants/ReduxActionConstants";
-import { all, call, put, select, take, takeLatest } from "redux-saga/effects";
+import { getCurrentApplication } from "@appsmith/selectors/applicationSelectors";
 import {
-  getWidgetIdsByType,
-  getWidgetImmediateChildren,
-  getWidgets,
-} from "./selectors";
+  getAppMode,
+  getCanvasWidgets,
+} from "@appsmith/selectors/entitiesSelector";
+import { pasteWidget, showModal } from "actions/widgetActions";
 import type {
   SetSelectedWidgetsPayload,
   WidgetSelectionRequestPayload,
 } from "actions/widgetSelectionActions";
 import {
+  selectWidgetInitAction,
   setEntityExplorerAncestry,
   setSelectedWidgetAncestry,
   setSelectedWidgets,
 } from "actions/widgetSelectionActions";
-import { getLastSelectedWidget, getSelectedWidgets } from "selectors/ui";
-import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
-import { showModal } from "actions/widgetActions";
-import history, { NavigationMethod } from "utils/history";
+import type { ApiResponse } from "api/ApiResponses";
+import { getCurrentWorkspaceId } from "@appsmith/selectors/workspaceSelectors";
+import { toast } from "design-system";
+import { APP_MODE } from "entities/App";
+import { getFlexLayersForSelectedWidgets } from "layoutSystems/autolayout/utils/AutoLayoutUtils";
+import type { FlexLayer } from "layoutSystems/autolayout/utils/types";
+import type {
+  CanvasWidgetsReduxState,
+  FlattenedWidgetProps,
+} from "reducers/entityReducers/canvasWidgetsReducer";
 import {
+  all,
+  call,
+  fork,
+  put,
+  select,
+  take,
+  takeLatest,
+} from "redux-saga/effects";
+import type { SetSelectionResult } from "sagas/WidgetSelectUtils";
+import {
+  SelectionRequestType,
+  assertParentId,
+  getWidgetAncestry,
+  isInvalidSelectionRequest,
+  pushPopWidgetSelection,
+  selectAllWidgetsInCanvasSaga,
+  selectMultipleWidgets,
+  selectOneWidget,
+  shiftSelectWidgets,
+  unselectWidget,
+} from "sagas/WidgetSelectUtils";
+import {
+  getCurrentApplicationId,
   getCurrentPageId,
   getIsEditorInitialized,
   getIsFetchingPage,
   snipingModeSelector,
 } from "selectors/editorSelectors";
-import { builderURL, widgetURL } from "@appsmith/RouteBuilder";
-import {
-  getAppMode,
-  getCanvasWidgets,
-} from "@appsmith/selectors/entitiesSelector";
-import type { SetSelectionResult } from "sagas/WidgetSelectUtils";
-import {
-  assertParentId,
-  isInvalidSelectionRequest,
-  pushPopWidgetSelection,
-  selectAllWidgetsInCanvasSaga,
-  SelectionRequestType,
-  selectMultipleWidgets,
-  selectOneWidget,
-  getWidgetAncestry,
-  shiftSelectWidgets,
-  unselectWidget,
-} from "sagas/WidgetSelectUtils";
-import { quickScrollToWidget } from "utils/helpers";
+import { getLastSelectedWidget, getSelectedWidgets } from "selectors/ui";
 import { areArraysEqual } from "utils/AppsmithUtils";
-import { APP_MODE } from "entities/App";
+import { quickScrollToWidget } from "utils/helpers";
+import history, { NavigationMethod } from "utils/history";
+import { getCopiedWidgets, saveCopiedWidgets } from "utils/storage";
+import { validateResponse } from "./ErrorSagas";
+import { postPageAdditionSaga } from "./TemplatesSagas";
+import { createWidgetCopy } from "./WidgetOperationUtils";
+import {
+  getWidgetIdsByType,
+  getWidgetImmediateChildren,
+  getWidgets,
+} from "./selectors";
 
 // The following is computed to be used in the entity explorer
 // Every time a widget is selected, we need to expand widget entities
@@ -328,3 +358,170 @@ export function* widgetSelectionSagas() {
     ),
   ]);
 }
+
+export interface PartialExportParams {
+  jsObjects: string[];
+  datasources: string[];
+  customJSLibs: string[];
+  widgets: string[];
+  queries: string[];
+}
+
+export function* partialExportSaga(action: ReduxAction<PartialExportParams>) {
+  try {
+    const canvasWidgets: unknown = yield partialExportWidgetSaga(
+      action.payload.widgets,
+    );
+    const applicationId: string = yield select(getCurrentApplicationId);
+    const currentPageId: string = yield select(getCurrentPageId);
+
+    const body: exportApplicationRequest = {
+      actionList: action.payload.queries,
+      actionCollectionList: action.payload.jsObjects,
+      datasourceList: action.payload.datasources,
+      customJsLib: action.payload.customJSLibs,
+      widget: JSON.stringify(canvasWidgets),
+    };
+
+    const response: unknown = yield call(
+      ApplicationApi.exportPartialApplication,
+      applicationId,
+      currentPageId,
+      body,
+    );
+    const isValid: boolean = yield validateResponse(response);
+    if (isValid) {
+      const application: ApplicationPayload = yield select(
+        getCurrentApplication,
+      );
+
+      (function downloadJSON(response: unknown) {
+        const dataStr =
+          "data:text/json;charset=utf-8," +
+          encodeURIComponent(JSON.stringify(response));
+        const downloadAnchorNode = document.createElement("a");
+        downloadAnchorNode.setAttribute("href", dataStr);
+        downloadAnchorNode.setAttribute("download", `${application.name}.json`);
+        document.body.appendChild(downloadAnchorNode); // required for firefox
+        downloadAnchorNode.click();
+        downloadAnchorNode.remove();
+      })((response as { data: unknown }).data);
+      yield put({
+        type: ReduxActionTypes.PARTIAL_EXPORT_SUCCESS,
+      });
+    }
+  } catch (e) {
+    toast.show(`Error exporting application. Please try again.`, {
+      kind: "error",
+    });
+    yield put({
+      type: ReduxActionErrorTypes.PARTIAL_EXPORT_ERROR,
+      payload: {
+        error: "Error exporting application",
+      },
+    });
+  }
+}
+
+export function* partialExportWidgetSaga(widgetIds: string[]) {
+  const canvasWidgets: {
+    [widgetId: string]: FlattenedWidgetProps;
+  } = yield select(getWidgets);
+  const selectedWidgets = widgetIds.map((each) => canvasWidgets[each]);
+
+  if (!selectedWidgets || !selectedWidgets.length) return;
+
+  const widgetListsToStore: {
+    widgetId: string;
+    parentId: string;
+    list: FlattenedWidgetProps[];
+  }[] = yield all(
+    selectedWidgets.map((widget) => call(createWidgetCopy, widget)),
+  );
+
+  const canvasId = selectedWidgets?.[0]?.parentId || "";
+
+  const flexLayers: FlexLayer[] = getFlexLayersForSelectedWidgets(
+    widgetIds,
+    canvasId ? canvasWidgets[canvasId] : undefined,
+  );
+  const widgetsDSL = {
+    widgets: widgetListsToStore,
+    flexLayers,
+  };
+  return widgetsDSL;
+}
+
+async function readJSONFile(file: File) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      try {
+        const json = JSON.parse(reader.result as string);
+        resolve(json);
+      } catch (e) {
+        reject(e);
+      }
+    };
+    reader.readAsText(file);
+  });
+}
+
+function* partialImportWidgetsSaga(file: File) {
+  const existingCopiedWidgets: unknown = yield call(getCopiedWidgets);
+  try {
+    // assume that action.payload.applicationFile is a JSON file. Parse it and extract widgets property
+    const userUploadedJSON: { widgets: string } = yield call(
+      readJSONFile,
+      file,
+    );
+    if ("widgets" in userUploadedJSON && userUploadedJSON.widgets.length > 0) {
+      yield saveCopiedWidgets(userUploadedJSON.widgets);
+      yield put(selectWidgetInitAction(SelectionRequestType.Empty));
+      yield put(pasteWidget(false, { x: 0, y: 0 }));
+    }
+  } finally {
+    if (existingCopiedWidgets) {
+      yield call(saveCopiedWidgets, JSON.stringify(existingCopiedWidgets));
+    }
+  }
+}
+
+export function* partialImportSaga(
+  action: ReduxAction<{ applicationFile: File }>,
+) {
+  try {
+    // Step1: Import widgets from file, in parallel
+    yield fork(partialImportWidgetsSaga, action.payload.applicationFile);
+    // Step2: Send backend request to import pending items.
+    const workspaceId: string = yield select(getCurrentWorkspaceId);
+    const pageId: string = yield select(getCurrentPageId);
+    const applicationId: string = yield select(getCurrentApplicationId);
+    const response: ApiResponse = yield call(
+      ApplicationApi.importPartialApplication,
+      {
+        applicationFile: action.payload.applicationFile,
+        workspaceId,
+        pageId,
+        applicationId,
+      },
+    );
+
+    const isValidResponse: boolean = yield validateResponse(response);
+
+    if (isValidResponse) {
+      yield call(postPageAdditionSaga, applicationId);
+      toast.show("Partial Application imported successfully", {
+        kind: "success",
+      });
+      yield put(importPartialApplicationSuccess());
+    }
+  } catch (error) {
+    yield put({
+      type: ReduxActionErrorTypes.PARTIAL_IMPORT_ERROR,
+      payload: {
+        error,
+      },
+    });
+  }
+}
diff --git a/app/client/src/sagas/layoutConversionSagas.ts b/app/client/src/sagas/layoutConversionSagas.ts
index 7b453ba279..df131641d8 100644
--- a/app/client/src/sagas/layoutConversionSagas.ts
+++ b/app/client/src/sagas/layoutConversionSagas.ts
@@ -18,7 +18,7 @@ import {
 } from "./SnapshotSagas";
 import * as Sentry from "@sentry/react";
 import log from "loglevel";
-import { saveAllPagesSaga } from "./PageSagas";
+import { saveAllPagesSaga } from "@appsmith/sagas/PageSagas";
 import { updateApplicationLayout } from "@appsmith/actions/applicationActions";
 import {
   getCurrentApplicationId,
diff --git a/app/client/src/selectors/ideSelectors.tsx b/app/client/src/selectors/ideSelectors.tsx
index 4db6819aec..f366f3f0d0 100644
--- a/app/client/src/selectors/ideSelectors.tsx
+++ b/app/client/src/selectors/ideSelectors.tsx
@@ -3,5 +3,11 @@ import { selectFeatureFlags } from "@appsmith/selectors/featureFlagsSelectors";
 
 export const getIsAppSidebarEnabled = createSelector(
   selectFeatureFlags,
-  (flags) => !!flags?.release_app_sidebar_enabled,
+  (flags) =>
+    !!flags?.release_app_sidebar_enabled || flags?.rollout_app_sidebar_enabled,
+);
+
+export const getIsAppSidebarAnnouncementEnabled = createSelector(
+  selectFeatureFlags,
+  (flags) => !!flags?.release_show_new_sidebar_announcement_enabled,
 );
diff --git a/app/client/src/utils/FilterInternalProperties/Common.ts b/app/client/src/utils/FilterInternalProperties/Common.ts
index e57a878d99..ce8758a105 100644
--- a/app/client/src/utils/FilterInternalProperties/Common.ts
+++ b/app/client/src/utils/FilterInternalProperties/Common.ts
@@ -10,27 +10,25 @@ export const createObjectPeekData = (
   parentKey: string,
 ) => {
   Object.keys(defs).forEach((key: string) => {
-    if (key.indexOf("!") === -1) {
-      const childKeyPathArray = [parentKey, key];
-      if (isObject(defs[key])) {
-        if (Object.keys(defs[key]).length > 0) {
-          peekData[key] = {};
-          const result = createObjectPeekData(
-            defs[key],
-            data[key],
-            peekData[key],
-            key,
-          );
-          _.set(peekData, childKeyPathArray, result.peekData);
-        } else {
-          peekData[key] = data[key];
-        }
-      } else {
-        peekData[key] = isTernFunctionDef(defs[key])
-          ? // eslint-disable-next-line @typescript-eslint/no-empty-function
-            function () {} // tern inference required here
-          : data[key];
-      }
+    if (key.startsWith("!")) return;
+    const childKeyPathArray = [parentKey, key];
+    if (
+      isObject(defs[key]) &&
+      Object.keys(defs[key]).filter((k) => !k.startsWith("!")).length > 0
+    ) {
+      peekData[key] = {};
+      const result = createObjectPeekData(
+        defs[key],
+        data[key],
+        peekData[key],
+        key,
+      );
+      _.set(peekData, childKeyPathArray, result.peekData);
+    } else {
+      peekData[key] = isTernFunctionDef(defs[key])
+        ? // eslint-disable-next-line @typescript-eslint/no-empty-function
+          function () {} // tern inference required here
+        : data[key];
     }
   });
   return { peekData };
diff --git a/app/client/src/utils/PropertyControlFactory.tsx b/app/client/src/utils/PropertyControlFactory.tsx
index 8dcdcaf196..63f903e6ac 100644
--- a/app/client/src/utils/PropertyControlFactory.tsx
+++ b/app/client/src/utils/PropertyControlFactory.tsx
@@ -35,6 +35,7 @@ class PropertyControlFactory {
     customEditor?: string,
     additionalAutoComplete?: AdditionalDynamicDataTree,
     hideEvaluatedValue?: boolean,
+    isSearchResult?: boolean,
   ): JSX.Element {
     let controlBuilder;
     let evaluatedValue = controlData.evaluatedValue;
@@ -59,6 +60,7 @@ class PropertyControlFactory {
         customJSControl: customEditor,
         additionalAutoComplete,
         hideEvaluatedValue,
+        isSearchResult,
       };
 
       const control = controlBuilder.buildPropertyControl(controlProps);
diff --git a/app/client/src/utils/autocomplete/AutocompleteSortRules.ts b/app/client/src/utils/autocomplete/AutocompleteSortRules.ts
index a098a61264..2fd5f8f4ab 100644
--- a/app/client/src/utils/autocomplete/AutocompleteSortRules.ts
+++ b/app/client/src/utils/autocomplete/AutocompleteSortRules.ts
@@ -306,26 +306,37 @@ class ScopeMatchRule implements AutocompleteRule {
   }
 }
 
-class BlockAsyncFnsInDataFieldRule implements AutocompleteRule {
+class BlockAsyncFnsRule implements AutocompleteRule {
   static threshold = -Infinity;
   static blackList = [
     "setTimeout",
     "clearTimeout",
     "setInterval",
     "clearInterval",
+    "postWindowMessage",
+    "windowMessageListener",
+    "watchPosition",
   ];
   computeScore(
     completion: Completion<TernCompletionResult>,
     entityInfo?: FieldEntityInformation | undefined,
   ): number {
     const score = 0;
-    if (entityInfo?.isTriggerPath) return score;
-    if (completion.type !== "FUNCTION") return score;
+    if (completion.type !== AutocompleteDataType.FUNCTION) return score;
     if (!completion.displayText) return score;
-    const isAsyncFunction = completion.data?.type?.endsWith("Promise");
-    if (isAsyncFunction) return BlockAsyncFnsInDataFieldRule.threshold;
-    if (BlockAsyncFnsInDataFieldRule.blackList.includes(completion.displayText))
-      return BlockAsyncFnsInDataFieldRule.threshold;
+    if (entityInfo?.isTriggerPath) {
+      // triggerPath = true and expectedType = undefined for JSObjects
+      if (!entityInfo.expectedType) return score;
+      // triggerPath = true and expectedType = FUNCTION or UNKNOWN for trigger fields.
+      if (entityInfo.expectedType === AutocompleteDataType.FUNCTION)
+        return score;
+      if (entityInfo.expectedType === AutocompleteDataType.UNKNOWN)
+        return score;
+    }
+    const isAsyncFunction =
+      completion.data?.type?.endsWith("Promise") ||
+      BlockAsyncFnsRule.blackList.includes(completion.displayText);
+    if (isAsyncFunction) return BlockAsyncFnsRule.threshold;
     return score;
   }
 }
@@ -379,7 +390,7 @@ export class AutocompleteSorter {
 export class ScoredCompletion {
   score = 0;
   static rules = [
-    new BlockAsyncFnsInDataFieldRule(),
+    new BlockAsyncFnsRule(),
     new NoDeepNestedSuggestionsRule(),
     new NoSelfReferenceRule(),
     new ScopeMatchRule(),
diff --git a/app/client/src/utils/autocomplete/CodemirrorTernService.ts b/app/client/src/utils/autocomplete/CodemirrorTernService.ts
index bebdb22f77..67612ed8da 100644
--- a/app/client/src/utils/autocomplete/CodemirrorTernService.ts
+++ b/app/client/src/utils/autocomplete/CodemirrorTernService.ts
@@ -20,6 +20,7 @@ import {
 } from "../getCodeMirrorNamespace";
 import AnalyticsUtil from "utils/AnalyticsUtil";
 import { findIndex, isString } from "lodash";
+import { renderTernTooltipContent } from "./ternDocTooltip";
 
 const bigDoc = 250;
 const cls = "CodeMirror-Tern-";
@@ -102,10 +103,13 @@ export interface DataTreeDefEntityInformation {
  * There is however no provision to add more keywords to the list. Therefore,
  * we maintain a set of keywords that we add and show the keyword icon and type for.
  */
-export function isCustomKeywordType(name: string): boolean {
+export function isCustomKeywordType(
+  completion: TernCompletionResult & { isKeyword?: boolean },
+): boolean {
   const customKeywordsList = ["async", "await"];
-
-  return customKeywordsList.includes(name);
+  return Boolean(
+    customKeywordsList.includes(completion.name) || completion.isKeyword,
+  );
 }
 
 export function getDataType(type: string): AutocompleteDataType {
@@ -131,6 +135,15 @@ export function typeToIcon(type: string, isKeyword: boolean) {
   return cls + "completion " + cls + "completion-" + suffix;
 }
 
+function shortTernType(type: string) {
+  if (!type) return "";
+  return type
+    .replaceAll("string", "str")
+    .replaceAll("boolean", "bool")
+    .replaceAll("number", "num")
+    .replaceAll("{}", "obj");
+}
+
 function getRecencyWeight(
   completion:
     | string
@@ -157,6 +170,7 @@ class CodeMirrorTernService {
   server: Server;
   docs: TernDocs = Object.create(null);
   cachedArgHints: ArgHints | null = null;
+  activeArgHints: HTMLElement | null = null;
   active: any;
   fieldEntityInformation: FieldEntityInformation = {};
   defEntityInformation: Map<string, DataTreeDefEntityInformation> = new Map<
@@ -198,8 +212,166 @@ class CodeMirrorTernService {
     });
   }
 
+  // Forked from app/client/node_modules/codemirror/addon/tern/tern.js
+  updateArgHints(cm: CodeMirror.Editor) {
+    this.closeArgHints();
+    cm.state.ternTooltip = null;
+    if (cm.somethingSelected()) return false;
+    if (cm.state.completionActive) return false;
+    const state = cm.getTokenAt(cm.getCursor()).state;
+    const CodeMirror = getCodeMirrorNamespaceFromDoc(cm.getDoc());
+    const inner = CodeMirror.innerMode(cm.getMode(), state);
+    if (inner.mode.name != "javascript") return false;
+    const lex = inner.state.lexical;
+    if (lex.info != "call") return false;
+
+    let ch;
+    const argPos = lex.pos || 0,
+      tabSize = cm.getOption("tabSize") || 0;
+    let found = false;
+    let line = cm.getCursor().line;
+    for (let e = Math.max(0, line - 9); line >= e; --line) {
+      const str = cm.getLine(line);
+      let extra = 0;
+      for (let pos = 0; ; ) {
+        const tab = str.indexOf("\t", pos);
+        if (tab == -1) break;
+        extra += tabSize - ((tab + extra) % tabSize) - 1;
+        pos = tab + 1;
+      }
+      ch = lex.column - extra;
+      if (str.charAt(ch) == "(") {
+        found = true;
+        break;
+      }
+    }
+    if (!found) return false;
+
+    const start = CodeMirror.Pos(line, ch);
+    const cache = this.cachedArgHints;
+    if (
+      cache &&
+      cache.doc == cm.getDoc() &&
+      CodeMirror.cmpPos(start, cache.start) == 0
+    ) {
+      this.showArgHints(cm, argPos);
+      return true;
+    }
+
+    this.request<"type">(
+      cm,
+      { type: "type", preferFunction: true, end: start },
+      (error, data) => {
+        if (error || !data.type || !/^fn\(/.test(data.type)) return;
+        this.cachedArgHints = {
+          start: start,
+          type: this.parseFnType(data.type),
+          name: data.exprName || data.name || "fn",
+          guess: data.guess,
+          doc: cm.getDoc(),
+        };
+        if (!cm.state.completionActive) this.showArgHints(cm, argPos);
+      },
+    );
+    return true;
+  }
+
+  // Forked from app/client/node_modules/codemirror/addon/tern/tern.js
+  parseFnType(text: string) {
+    const args = [];
+    let pos = 3;
+
+    function skipMatching(upto: RegExp) {
+      let depth = 0;
+      const start = pos;
+      for (;;) {
+        const next = text.charAt(pos);
+        if (upto.test(next) && !depth) return text.slice(start, pos);
+        if (/[{\[\(]/.test(next)) ++depth;
+        else if (/[}\]\)]/.test(next)) --depth;
+        ++pos;
+      }
+    }
+
+    // Parse arguments
+    if (text.charAt(pos) != ")")
+      for (;;) {
+        const mName = text.slice(pos).match(/^([^, \(\[\{]+): /);
+        let name;
+        if (mName) {
+          pos += mName[0].length;
+          name = mName[1];
+        }
+        args.push({ name: name, type: skipMatching(/[\),]/) });
+        if (text.charAt(pos) == ")") break;
+        pos += 2;
+      }
+
+    const rettype = text.slice(pos).match(/^\) -> (.*)$/);
+
+    return { args: args, rettype: rettype && rettype[1] };
+  }
+
+  // Forked from app/client/node_modules/codemirror/addon/tern/tern.js
+  closeArgHints() {
+    if (this.activeArgHints) {
+      // @ts-expect-error no types found
+      if (this.activeArgHints.clear) this.activeArgHints.clear();
+      this.remove(this.activeArgHints);
+      this.activeArgHints = null;
+    }
+    return true;
+  }
+
+  // Forked from app/client/node_modules/codemirror/addon/tern/tern.js
+  showArgHints(cm: CodeMirror.Editor, pos: number) {
+    this.closeArgHints();
+    const cache = this.cachedArgHints,
+      tp = cache?.type;
+    const tip = this.elt(
+      "span",
+      cache?.guess ? cls + "fhint-guess" : null,
+      this.elt("span", cls + "fname", cache?.name),
+      "(",
+    );
+    if (!tp) return;
+    for (let i = 0; i < tp.args.length; ++i) {
+      if (i) tip.appendChild(document.createTextNode(", "));
+      const arg = tp.args[i];
+      tip.appendChild(
+        this.elt(
+          "span",
+          cls + "farg" + (i == pos ? " " + cls + "farg-current" : ""),
+          arg.name || "?",
+        ),
+      );
+      if (arg.type != "?") {
+        tip.appendChild(document.createTextNode(":\u00a0"));
+        tip.appendChild(
+          this.elt("span", cls + "type", shortTernType(arg.type)),
+        );
+      }
+    }
+    tip.appendChild(document.createTextNode(")"));
+    if (tp.rettype)
+      tip.appendChild(
+        this.elt("span", cls + "type", `: ${shortTernType(tp.rettype)}`),
+      );
+    const place = cm.cursorCoords(null, "page");
+
+    const tooltip: HTMLElement & { clear?: () => void } =
+      (cm.state.ternTooltip =
+      this.activeArgHints =
+        this.makeTooltip(place.left + 1, place.bottom, tip, cm));
+    setTimeout(() => {
+      tooltip.clear = this.onEditorActivity(cm, () => {
+        if (this.activeArgHints == tooltip) this.closeArgHints();
+      });
+    }, 20);
+  }
+
   showType(cm: CodeMirror.Editor) {
-    this.showContextInfo(cm, "type");
+    this.showContextInfo(cm, "type", null);
   }
 
   showDocs(cm: CodeMirror.Editor) {
@@ -239,9 +411,7 @@ class CodeMirrorTernService {
     resolve: any,
   ) {
     if (error) return this.showError(cm, error);
-    if (data.completions.length === 0) {
-      return this.showError(cm, "No suggestions");
-    }
+    if (data.completions.length === 0) return;
     const doc = this.findDoc(cm.getDoc());
     const lineValue = this.lineValue(doc);
     const cursor = cm.getCursor();
@@ -279,8 +449,8 @@ class CodeMirrorTernService {
     for (let i = 0; i < data.completions.length; ++i) {
       const completion = data.completions[i];
       if (typeof completion === "string") continue;
-      const isCustomKeyword = isCustomKeywordType(completion.name);
-      const className = typeToIcon(completion.type as string, isCustomKeyword);
+      const isKeyword = isCustomKeywordType(completion);
+      const className = typeToIcon(completion.type as string, isKeyword);
       const dataType = getDataType(completion.type as string);
       const recencyWeight = getRecencyWeight(completion, this.recentEntities);
       const isCompletionADataTreeEntityName =
@@ -292,7 +462,6 @@ class CodeMirrorTernService {
           completionText = completionText + "()";
         }
       }
-
       const codeMirrorCompletion: Completion<TernCompletionResult> = {
         text: completionText,
         displayText: completion.name,
@@ -305,7 +474,7 @@ class CodeMirrorTernService {
         isEntityName: isCompletionADataTreeEntityName,
       };
 
-      if (isCustomKeyword) {
+      if (isKeyword) {
         codeMirrorCompletion.render = (
           element: HTMLElement,
           self: any,
@@ -371,37 +540,40 @@ class CodeMirrorTernService {
           (completion) => !completion.isHeader,
         ).length,
       });
+      this.activeArgHints && this.remove(this.activeArgHints);
     });
     CodeMirror.on(obj, "close", () => this.remove(tooltip));
     CodeMirror.on(obj, "update", () => this.remove(tooltip));
     CodeMirror.on(
       obj,
       "select",
-      (cur: { data: { doc: string } }, node: any) => {
+      (cur: Completion<TernCompletionResult>, node: any) => {
         this.active = cur;
         this.remove(tooltip);
         const content = cur.data.doc;
-        if (content) {
-          tooltip = this.makeTooltip(
-            node.parentNode.getBoundingClientRect().right + window.pageXOffset,
-            node.getBoundingClientRect().top + window.pageYOffset,
-            content,
-          );
-          tooltip.className += " " + cls + "hint-doc";
-          CodeMirror.on(
-            cm,
-            "keyup",
-            (cm: CodeMirror.Editor, keyboardEvent: KeyboardEvent) => {
-              if (
-                keyboardEvent.code === "Space" &&
-                keyboardEvent.ctrlKey &&
-                tooltip
-              ) {
-                tooltip.className += " visible";
-              }
-            },
-          );
-        }
+        if (!content) return;
+        const docTooltipContainer = this.elt("div", "flex flex-col pb-1");
+        renderTernTooltipContent(docTooltipContainer, cur);
+        tooltip = this.makeTooltip(
+          node.parentNode.getBoundingClientRect().right + window.pageXOffset,
+          node.getBoundingClientRect().top + window.pageYOffset + 2,
+          docTooltipContainer,
+          cm,
+          cls + "hint-doc",
+        );
+        CodeMirror.on(
+          cm,
+          "keyup",
+          (cm: CodeMirror.Editor, keyboardEvent: KeyboardEvent) => {
+            if (
+              keyboardEvent.code === "Space" &&
+              keyboardEvent.ctrlKey &&
+              tooltip
+            ) {
+              tooltip.className += " visible";
+            }
+          },
+        );
       },
     );
     resolve(obj);
@@ -428,8 +600,8 @@ class CodeMirrorTernService {
       );
     });
 
-    // When a function is picked, move the cursor between the parenthesis
-    const CodeMirror = getCodeMirrorNamespaceFromEditor(cm);
+    // When a function is picked, move the cursor between the parenthesis.
+    const CodeMirror = getCodeMirrorNamespaceFromDoc(cm.getDoc());
     CodeMirror.on(hints, "pick", (selected: Completion) => {
       const hintsWithoutHeaders = hints.list.filter(
         (h: Record<string, unknown>) => h.isHeader !== true,
@@ -466,7 +638,7 @@ class CodeMirrorTernService {
 
   showContextInfo(cm: CodeMirror.Editor, queryName: string, callbackFn?: any) {
     this.request<"type">(cm, { type: queryName }, (error, data) => {
-      if (error) return this.showError(cm, error);
+      if (error) return;
       const tip = this.elt(
         "span",
         null,
@@ -856,6 +1028,7 @@ class CodeMirrorTernService {
       where.right + 1,
       where.bottom,
       content,
+      cm,
     ));
     const maybeClear = () => {
       old = true;
@@ -902,11 +1075,55 @@ class CodeMirrorTernService {
     };
   }
 
-  makeTooltip(x: number, y: number, content: HTMLElement | string) {
-    const node = this.elt("div", cls + "tooltip", content);
+  makeTooltip(
+    x: number,
+    y: number,
+    content: HTMLElement | string,
+    cm?: any,
+    className?: string | null,
+  ) {
+    const node = this.elt(
+      "div",
+      cls + "tooltip" + " " + (className || ""),
+      content,
+    );
     node.style.left = x + "px";
     node.style.top = y + "px";
-    document.body.appendChild(node);
+    const container = cm.options?.hintOptions?.container || document.body;
+    container.appendChild(node);
+    const pos = cm.cursorCoords();
+    const winW = window.innerWidth;
+    const winH = window.innerHeight;
+    let box = node.getBoundingClientRect();
+    const hints = document.querySelector(".CodeMirror-hints") as HTMLElement;
+    const overlapY = box.bottom - winH;
+    let overlapX = box.right - winW;
+
+    if (hints && overlapX > 0) {
+      node.style.left = "0";
+      box = node.getBoundingClientRect();
+      node.style.left = (x = x - hints.offsetWidth - box.width) + "px";
+      overlapX = box.right - winW;
+    }
+    if (overlapY > 0) {
+      const height = box.bottom - box.top,
+        curTop = pos.top - (pos.bottom - box.top);
+      if (curTop - height > 0) {
+        // Fits above cursor
+        node.style.top = pos.top - height + "px";
+      } else if (height > winH) {
+        node.style.height = winH - 5 + "px";
+        node.style.top = pos.bottom - box.top + "px";
+      }
+    }
+    if (overlapX > 0) {
+      if (box.right - box.left > winW) {
+        node.style.width = winW - 5 + "px";
+        overlapX -= box.right - box.left - winW;
+      }
+      node.style.left = x - overlapX - 5 + "px";
+    }
+
     return node;
   }
 
@@ -917,19 +1134,13 @@ class CodeMirrorTernService {
     }
   }
 
-  elt(
-    tagName: string,
-    cls: string | null,
-    content: string | HTMLElement,
-  ): HTMLElement {
-    const e = document.createElement(tagName);
+  elt(tagname: string, cls: string | null, ...rest: any[]) {
+    const e = document.createElement(tagname);
     if (cls) e.className = cls;
-    if (content) {
-      const eltNode =
-        typeof content === "string"
-          ? document.createTextNode(content)
-          : content;
-      e.appendChild(eltNode);
+    for (let i = 0; i < rest.length; ++i) {
+      let elt = rest[i];
+      if (typeof elt == "string") elt = document.createTextNode(elt);
+      e.appendChild(elt);
     }
     return e;
   }
@@ -938,7 +1149,22 @@ class CodeMirrorTernService {
     this.remove(tooltip);
   }
 
-  setEntityInformation(entityInformation: FieldEntityInformation) {
+  setEntityInformation(
+    cm: CodeMirror.Editor,
+    entityInformation: FieldEntityInformation,
+  ) {
+    const state = cm.getTokenAt(cm.getCursor()).state;
+    const CodeMirror = getCodeMirrorNamespaceFromDoc(cm.getDoc());
+    const inner = CodeMirror.innerMode(cm.getMode(), state);
+    if (inner.mode.name != "javascript") return false;
+    const lex = inner.state.lexical;
+    if (lex.info === "call") {
+      const argPos = lex.pos || 0;
+      const args = this.cachedArgHints?.type?.args || [];
+      const arg = args[argPos];
+      const argType = arg?.type;
+      entityInformation.expectedType = getDataType(argType);
+    }
     this.fieldEntityInformation = entityInformation;
   }
 
diff --git a/app/client/src/utils/autocomplete/__tests__/TernServer.test.ts b/app/client/src/utils/autocomplete/__tests__/TernServer.test.ts
index c687ee7b4c..0f0a6201ae 100644
--- a/app/client/src/utils/autocomplete/__tests__/TernServer.test.ts
+++ b/app/client/src/utils/autocomplete/__tests__/TernServer.test.ts
@@ -10,6 +10,25 @@ import { MockCodemirrorEditor } from "../../../../test/__mocks__/CodeMirrorEdito
 import { ENTITY_TYPE_VALUE } from "entities/DataTree/dataTreeFactory";
 import _ from "lodash";
 import { AutocompleteSorter, ScoredCompletion } from "../AutocompleteSortRules";
+import type CodeMirror from "codemirror";
+
+jest.mock("utils/getCodeMirrorNamespace", () => {
+  const actual = jest.requireActual("utils/getCodeMirrorNamespace");
+  return {
+    ...actual,
+    getCodeMirrorNamespaceFromDoc: jest.fn((doc) => ({
+      ...actual.getCodeMirrorNamespaceFromDoc(doc),
+      innerMode: jest.fn(() => ({
+        mode: {
+          name: "",
+        },
+        state: {
+          lexical: {},
+        },
+      })),
+    })),
+  };
+});
 
 describe("Tern server", () => {
   it("Check whether the correct value is being sent to tern", () => {
@@ -340,11 +359,14 @@ describe("Tern server sorting", () => {
   ];
 
   it("shows best match results", () => {
-    CodemirrorTernService.setEntityInformation({
-      entityName: "sameEntity",
-      entityType: ENTITY_TYPE_VALUE.WIDGET,
-      expectedType: AutocompleteDataType.OBJECT,
-    });
+    CodemirrorTernService.setEntityInformation(
+      MockCodemirrorEditor as unknown as CodeMirror.Editor,
+      {
+        entityName: "sameEntity",
+        entityType: ENTITY_TYPE_VALUE.WIDGET,
+        expectedType: AutocompleteDataType.OBJECT,
+      },
+    );
     CodemirrorTernService.defEntityInformation = defEntityInformation;
     const sortedCompletions = AutocompleteSorter.sort(
       _.shuffle(completions),
diff --git a/app/client/src/utils/autocomplete/defCreatorUtils.ts b/app/client/src/utils/autocomplete/defCreatorUtils.ts
index afe1a82d86..9512046742 100644
--- a/app/client/src/utils/autocomplete/defCreatorUtils.ts
+++ b/app/client/src/utils/autocomplete/defCreatorUtils.ts
@@ -6,7 +6,7 @@ import { isObject, uniqueId } from "lodash";
 import type { Def } from "tern";
 import { Types, getType } from "utils/TypeHelpers";
 import { shouldAddSetter } from "workers/Evaluation/evaluate";
-import { getTernDocType } from "workers/common/JSLibrary/ternDefinitionGenerator";
+import { typeToTernType } from "workers/common/JSLibrary/ternDefinitionGenerator";
 
 export type ExtraDef = Record<string, Def | string>;
 
@@ -133,12 +133,12 @@ export function addSettersToDefinitions(
 
     setters.forEach((setterName: string) => {
       const setter = entityConfig.__setters?.[setterName];
-      const setterType = getTernDocType(
+      const setterType = typeToTernType(
         entityConfig.__setters?.[setterName].type,
       );
 
       if (shouldAddSetter(setter, entity)) {
-        definitions[setterName] = `fn(value:${setterType}) -> +Promise`;
+        definitions[setterName] = `fn(value: ${setterType}) -> +Promise`;
       }
     });
   }
diff --git a/app/client/src/utils/autocomplete/ternDocTooltip.tsx b/app/client/src/utils/autocomplete/ternDocTooltip.tsx
new file mode 100644
index 0000000000..d703190e01
--- /dev/null
+++ b/app/client/src/utils/autocomplete/ternDocTooltip.tsx
@@ -0,0 +1,74 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import { ternDocsInfo } from "@appsmith/utils/autocomplete/EntityDefinitions";
+import type { Completion, TernCompletionResult } from "./CodemirrorTernService";
+import { CodeEditorColors } from "components/editorComponents/CodeEditor/styledComponents";
+import { Link } from "design-system";
+
+export function renderTernTooltipContent(
+  element: HTMLElement,
+  completion: Completion<TernCompletionResult>,
+) {
+  ReactDOM.render(<TernDocToolTip completion={completion} />, element);
+}
+
+export function TernDocToolTip(props: {
+  completion: Completion<TernCompletionResult>;
+}) {
+  const { completion } = props;
+  const {
+    data: { doc, url },
+    displayText,
+  } = completion;
+
+  if (!doc || !displayText) return null;
+
+  const examples =
+    displayText in ternDocsInfo ? ternDocsInfo[displayText].exampleArgs : null;
+
+  return (
+    <div className="flex flex-col pb-1 t--tern-doc">
+      <div className="flex items-center justify-between px-2 p-1 border-b border-mercury text-sm font-semibold">
+        {displayText}
+        {url && (
+          <Link
+            className="text-xs doc-link"
+            kind="primary"
+            target="_blank"
+            to={url}
+          >
+            [docs]
+          </Link>
+        )}
+      </div>
+      <pre
+        className="px-2 p-1 text-xs whitespace-normal"
+        dangerouslySetInnerHTML={{ __html: doc }}
+      />
+      {examples && (
+        <div className="flex px-2 py-[2px] text-xs font-semibold">Example</div>
+      )}
+      {examples && (
+        <div className="px-2">
+          {examples.map((example: string) => {
+            const fnName = displayText;
+            const args = example;
+            return (
+              <span
+                className="flex items-center justify-start py-[2px] text-xs whitespace-nowrap"
+                key={example}
+                style={{ color: CodeEditorColors.KEYWORD }}
+              >
+                {`${fnName}(`}
+                <span style={{ color: CodeEditorColors.TOOLTIP_FN_ARGS }}>
+                  {args}
+                </span>
+                {")"}
+              </span>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/app/client/src/utils/decorators.ts b/app/client/src/utils/decorators.ts
new file mode 100644
index 0000000000..bfd9905677
--- /dev/null
+++ b/app/client/src/utils/decorators.ts
@@ -0,0 +1,13 @@
+import memo from "micro-memoize";
+
+export function memoize(options: { maxSize: number }) {
+  return (
+    target: unknown,
+    methodName: unknown,
+    descriptor: PropertyDescriptor,
+  ) => {
+    descriptor.value = memo(descriptor.value, {
+      maxSize: options.maxSize || 1,
+    });
+  };
+}
diff --git a/app/client/src/utils/history.ts b/app/client/src/utils/history.ts
index 90d9632934..beb952ad04 100644
--- a/app/client/src/utils/history.ts
+++ b/app/client/src/utils/history.ts
@@ -14,6 +14,7 @@ export enum NavigationMethod {
   CanvasClick = "CanvasClick",
   ActionBackButton = "ActionBackButton",
   ContextSwitching = "ContextSwitching",
+  AppSidebar = "AppSidebar",
 }
 
 export interface AppsmithLocationState {
diff --git a/app/client/src/utils/hooks/useDynamicAppLayout.tsx b/app/client/src/utils/hooks/useDynamicAppLayout.tsx
index 4730dba7f3..d0e05f4a34 100644
--- a/app/client/src/utils/hooks/useDynamicAppLayout.tsx
+++ b/app/client/src/utils/hooks/useDynamicAppLayout.tsx
@@ -45,7 +45,7 @@ import { ReduxActionTypes } from "@appsmith/constants/ReduxActionConstants";
 import { useLocation } from "react-router";
 import { CANVAS_VIEWPORT } from "constants/componentClassNameConstants";
 import { getLayoutSystemType } from "selectors/layoutSystemSelectors";
-import { getIsAppSidebarEnabled } from "../../selectors/ideSelectors";
+import { useIsAppSidebarEnabled } from "../../navigation/featureFlagHooks";
 
 const GUTTER_WIDTH = 72;
 export const AUTOLAYOUT_RESIZER_WIDTH_BUFFER = 40;
@@ -79,7 +79,7 @@ export const useDynamicAppLayout = () => {
   const queryParams = new URLSearchParams(search);
   const isEmbed = queryParams.get("embed");
   const isNavbarVisibleInEmbeddedApp = queryParams.get("navbar");
-  const isAppSidebarEnabled = useSelector(getIsAppSidebarEnabled);
+  const isAppSidebarEnabled = useIsAppSidebarEnabled();
 
   const isPreviewing = isPreviewMode;
 
diff --git a/app/client/src/utils/migrations/IncorrectDynamicBindingPathLists.ts b/app/client/src/utils/migrations/IncorrectDynamicBindingPathLists.ts
index c082e57443..dd5d19f199 100644
--- a/app/client/src/utils/migrations/IncorrectDynamicBindingPathLists.ts
+++ b/app/client/src/utils/migrations/IncorrectDynamicBindingPathLists.ts
@@ -14,6 +14,7 @@ export const migrateIncorrectDynamicBindingPathLists = (
   const dynamicBindingPathList: DynamicPath[] = [];
   const propertyPaneConfig = WidgetFactory.getWidgetPropertyPaneConfig(
     currentDSL.type,
+    currentDSL,
   );
   const { bindingPaths } = getAllPathsFromPropertyConfig(
     currentDSL,
diff --git a/app/client/src/widgets/AudioRecorderWidget/widget/index.tsx b/app/client/src/widgets/AudioRecorderWidget/widget/index.tsx
index e6b32c9bca..4d8c8405e2 100644
--- a/app/client/src/widgets/AudioRecorderWidget/widget/index.tsx
+++ b/app/client/src/widgets/AudioRecorderWidget/widget/index.tsx
@@ -84,6 +84,7 @@ class AudioRecorderWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/AudioWidget/widget/index.tsx b/app/client/src/widgets/AudioWidget/widget/index.tsx
index 6c7e1b7b70..44a09e6ecf 100644
--- a/app/client/src/widgets/AudioWidget/widget/index.tsx
+++ b/app/client/src/widgets/AudioWidget/widget/index.tsx
@@ -78,6 +78,7 @@ class AudioWidget extends BaseWidget<AudioWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/BaseWidget.tsx b/app/client/src/widgets/BaseWidget.tsx
index 8bb23fec4b..9c8b295a2c 100644
--- a/app/client/src/widgets/BaseWidget.tsx
+++ b/app/client/src/widgets/BaseWidget.tsx
@@ -76,12 +76,6 @@ abstract class BaseWidget<
 > extends Component<T, K> {
   static contextType = EditorContext;
 
-  /*
-   * Turning on this flag will preload all the widget configs like
-   * derivedProperties, propertyPaneconfig etc into the widgetFactory.
-   */
-  static preloadConfig = false;
-
   context!: React.ContextType<Context<EditorContextType<TCache>>>;
 
   static type = "BASE_WIDGET";
diff --git a/app/client/src/widgets/ButtonGroupWidget/widget/index.tsx b/app/client/src/widgets/ButtonGroupWidget/widget/index.tsx
index 5fd65a0571..729d6c24c1 100644
--- a/app/client/src/widgets/ButtonGroupWidget/widget/index.tsx
+++ b/app/client/src/widgets/ButtonGroupWidget/widget/index.tsx
@@ -201,6 +201,7 @@ class ButtonGroupWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: (props: ButtonGroupWidgetProps) => {
         let minWidth = 120;
         const buttonLength = Object.keys(props.groupButtons).length;
diff --git a/app/client/src/widgets/ButtonWidget/widget/index.tsx b/app/client/src/widgets/ButtonWidget/widget/index.tsx
index f3d13984b8..8776267499 100644
--- a/app/client/src/widgets/ButtonWidget/widget/index.tsx
+++ b/app/client/src/widgets/ButtonWidget/widget/index.tsx
@@ -126,6 +126,7 @@ class ButtonWidget extends BaseWidget<ButtonWidgetProps, ButtonWidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: { base: "360px" },
diff --git a/app/client/src/widgets/CameraWidget/widget/index.tsx b/app/client/src/widgets/CameraWidget/widget/index.tsx
index d92ccc1736..bb41ad94ac 100644
--- a/app/client/src/widgets/CameraWidget/widget/index.tsx
+++ b/app/client/src/widgets/CameraWidget/widget/index.tsx
@@ -81,6 +81,7 @@ class CameraWidget extends BaseWidget<CameraWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/CategorySliderWidget/widget/index.tsx b/app/client/src/widgets/CategorySliderWidget/widget/index.tsx
index eb9260dfa5..588412d830 100644
--- a/app/client/src/widgets/CategorySliderWidget/widget/index.tsx
+++ b/app/client/src/widgets/CategorySliderWidget/widget/index.tsx
@@ -122,6 +122,7 @@ class CategorySliderWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ChartWidget/MessageContractDocumentation.md b/app/client/src/widgets/ChartWidget/MessageContractDocumentation.md
new file mode 100644
index 0000000000..f21f9f609c
--- /dev/null
+++ b/app/client/src/widgets/ChartWidget/MessageContractDocumentation.md
@@ -0,0 +1,16 @@
+/\*\*
+
+Message protocol between the iframe widget and the main widget
+
+Message Types:
+
+1. click-event
+   When a user clicks a datapoint on the chart, iframe sends this to iframe widget wrapper. The event data includes the details of the point clicked by the user.
+2. load-complete
+   When the iframe has finished loading, it sends this message to the iframe wrapper to let them know. Wrapper then sends the inital chart data to iframe that it needs to render.
+3. error
+   If there is an exception in setting any chart options, iframe sends this message to the wrapper. It sends the message and stack as string arguments to the wrapper.
+4. update-options
+   The wrapper sends this message to the iframe to send the options that it would like the iframe to render. It also sends other metata required for rendering those options in the message.
+
+\*/
diff --git a/app/client/src/widgets/ChartWidget/component/ChartErrorComponent.tsx b/app/client/src/widgets/ChartWidget/component/ChartErrorComponent.tsx
index 64352d25c1..0b68457705 100644
--- a/app/client/src/widgets/ChartWidget/component/ChartErrorComponent.tsx
+++ b/app/client/src/widgets/ChartWidget/component/ChartErrorComponent.tsx
@@ -44,7 +44,9 @@ const Title = styled(Text)`
 `;
 
 export interface ChartErrorProps {
-  error: Error;
+  error?: Error;
+  message?: string;
+  stack?: string;
 }
 
 export function ChartErrorComponent(props: ChartErrorProps) {
@@ -52,8 +54,8 @@ export function ChartErrorComponent(props: ChartErrorProps) {
 
   const errorMessage = () => {
     const title = messages.ErrorTitle;
-    const subheading = props.error.message;
-    const body = props.error.stack ?? "";
+    const subheading = props.error?.message ?? props.message ?? "";
+    const body = props.error?.stack ?? props.stack ?? "";
 
     return {
       title: title,
diff --git a/app/client/src/widgets/ChartWidget/component/CustomEChartIFrameComponent.test.tsx b/app/client/src/widgets/ChartWidget/component/CustomEChartIFrameComponent.test.tsx
new file mode 100644
index 0000000000..b6ff79f73e
--- /dev/null
+++ b/app/client/src/widgets/ChartWidget/component/CustomEChartIFrameComponent.test.tsx
@@ -0,0 +1,102 @@
+import type { ChartComponentConnectedProps } from ".";
+import type { ChartData } from "../constants";
+import {
+  DefaultEChartConfig,
+  LabelOrientation,
+  DefaultFusionChartConfig,
+} from "../constants";
+
+import React from "react";
+
+import { render } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { CustomEChartIFrameComponent } from "./CustomEChartIFrameComponent";
+
+const seriesData1: ChartData = {
+  seriesName: "series1",
+  data: [{ x: "x1", y: 1000 }],
+  color: "series1color",
+};
+const seriesData2: ChartData = {
+  seriesName: "series2",
+  data: [{ x: "x1", y: 2000 }],
+  color: "series2color",
+};
+
+const defaultProps: ChartComponentConnectedProps = {
+  allowScroll: true,
+  showDataPointLabel: true,
+  chartData: {
+    seriesID1: seriesData1,
+    seriesID2: seriesData2,
+  },
+  chartName: "chart name",
+  chartType: "AREA_CHART",
+  customEChartConfig: DefaultEChartConfig,
+  customFusionChartConfig: DefaultFusionChartConfig,
+  hasOnDataPointClick: true,
+  isVisible: true,
+  isLoading: false,
+  setAdaptiveYMin: false,
+  labelOrientation: LabelOrientation.AUTO,
+  onDataPointClick: () => {},
+  widgetId: "widgetID",
+  xAxisName: "xaxisname",
+  yAxisName: "yaxisname",
+  borderRadius: "1",
+  boxShadow: "1",
+  primaryColor: "primarycolor",
+  fontFamily: "fontfamily",
+  dimensions: { componentWidth: 1000, componentHeight: 1000 },
+  parentColumnSpace: 1,
+  parentRowSpace: 1,
+  topRow: 0,
+  bottomRow: 100,
+  leftColumn: 0,
+  rightColumn: 100,
+  needsOverlay: false,
+};
+
+let container: any;
+
+describe("CustomEChartIFrameComponent", () => {
+  beforeEach(() => {
+    container = document.createElement("div");
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+    container = null;
+  });
+
+  it("returns the iframe with sandbox attributes", () => {
+    const { container } = render(
+      <CustomEChartIFrameComponent {...defaultProps} />,
+    );
+    const iFrameElement = container.querySelector("iframe");
+    expect(iFrameElement).toBeInTheDocument();
+    expect(iFrameElement).toHaveAttribute("sandbox", "allow-scripts");
+
+    const overlay = container.querySelector(
+      "div[data-testid='iframe-overlay']",
+    );
+    expect(overlay).not.toBeInTheDocument();
+  });
+
+  it("renders the overlay if needsOverlay is set to true", () => {
+    const props: ChartComponentConnectedProps = JSON.parse(
+      JSON.stringify(defaultProps),
+    );
+    props.needsOverlay = true;
+
+    const { container } = render(<CustomEChartIFrameComponent {...props} />);
+    const iFrameElement = container.querySelector("iframe");
+    expect(iFrameElement).toBeInTheDocument();
+
+    const overlay = container.querySelector(
+      "div[data-testid='iframe-overlay']",
+    );
+    expect(overlay).toBeInTheDocument();
+  });
+});
diff --git a/app/client/src/widgets/ChartWidget/component/CustomEChartIFrameComponent.tsx b/app/client/src/widgets/ChartWidget/component/CustomEChartIFrameComponent.tsx
new file mode 100644
index 0000000000..b7ee6a2be5
--- /dev/null
+++ b/app/client/src/widgets/ChartWidget/component/CustomEChartIFrameComponent.tsx
@@ -0,0 +1,286 @@
+import React, { useEffect, useState, useRef } from "react";
+import styled from "styled-components";
+import type { ChartComponentConnectedProps } from ".";
+import { chartOptions, dataClickCallbackHelper } from "./helpers";
+import { ChartErrorComponent } from "./ChartErrorComponent";
+import usePrevious from "utils/hooks/usePrevious";
+import equal from "fast-deep-equal/es6";
+
+import type * as echarts from "echarts";
+import type {
+  CustomEChartClickEventData,
+  CustomEChartErrorData,
+  CustomEChartIFrameMessage,
+  CustomEChartIFrameMessageData,
+} from "../constants";
+
+export const IframeContainer = styled.iframe`
+  position: relative;
+  height: 100%;
+  width: 100%;
+`;
+
+const OverlayDiv = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+`;
+
+/**
+ * TODO : Rajat to move src doc function into typescript file
+ *  and a webpack plugin to convert it into srcdoc
+ */
+export function CustomEChartIFrameComponent(
+  props: ChartComponentConnectedProps,
+) {
+  const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined);
+  const [errorStack, setErrorStack] = useState<string | undefined>(undefined);
+  const prevProps = usePrevious(props);
+  const iFrameRef = useRef<HTMLIFrameElement>(null);
+
+  const postMessageFn = (data: CustomEChartIFrameMessageData) => {
+    const iFrameWindow = iFrameRef.current?.contentWindow;
+    iFrameWindow?.postMessage(data, "*");
+  };
+
+  const onMessage = (event: MessageEvent) => {
+    const iFrameWindow = iFrameRef.current?.contentWindow;
+
+    if (!iFrameWindow || event.source != iFrameWindow) {
+      return;
+    }
+
+    const message: CustomEChartIFrameMessage = event.data;
+    switch (message.type) {
+      case "click-event": {
+        const messageData: CustomEChartClickEventData =
+          message.data as CustomEChartClickEventData;
+        dataClickCallbackHelper(messageData.event, props, "CUSTOM_ECHART");
+        break;
+      }
+      case "load-complete": {
+        postMessageFn({
+          options: chartOptions("CUSTOM_ECHART", props),
+          shouldUpdateOptions: true,
+          shouldResize: false,
+          width: props.dimensions.componentWidth,
+          height: props.dimensions.componentHeight,
+        });
+        break;
+      }
+      case "error": {
+        const errorMessage: CustomEChartErrorData =
+          message.data as CustomEChartErrorData;
+        setErrorMsg(errorMessage.message);
+        setErrorStack(errorMessage.stack);
+        break;
+      }
+      default: {
+        return;
+      }
+    }
+  };
+
+  function shouldResizeECharts(
+    echartsInstance: echarts.ECharts,
+    width: number,
+    height: number,
+  ) {
+    const chartHeight = echartsInstance?.getHeight();
+    const chartWidth = echartsInstance?.getWidth();
+
+    return chartHeight != height || chartWidth != width;
+  }
+
+  function onMessageCallback(
+    e: MessageEvent,
+    echartsInstance: echarts.ECharts,
+    _: any,
+    echarts: any,
+  ) {
+    const config: CustomEChartIFrameMessageData = e.data;
+
+    const newOptions = parseConfigurationForCallbackFns(config.options, _);
+
+    try {
+      if (!echartsInstance || echartsInstance.isDisposed()) {
+        echartsInstance = initializeECharts(echarts);
+      }
+
+      if (config.shouldUpdateOptions) {
+        echartsInstance.setOption(newOptions, true);
+      }
+
+      if (
+        config.shouldResize &&
+        shouldResizeECharts(echartsInstance, config.width, config.height)
+      ) {
+        echartsInstance.resize({ width: config.width, height: config.height });
+      }
+    } catch (error) {
+      echartsInstance.dispose();
+
+      const data: CustomEChartErrorData = {
+        message: (error as Error).message,
+        stack: (error as Error).stack || "",
+      };
+
+      const message: CustomEChartIFrameMessage = {
+        type: "error",
+        data: data,
+      };
+
+      parent.postMessage(message, "*");
+    }
+
+    echartsInstance.off("click");
+
+    echartsInstance.on("click", (event: echarts.ECElementEvent) => {
+      const data: CustomEChartClickEventData = {
+        event: _.omit(_.cloneDeep(event), "event"),
+      };
+
+      const message: CustomEChartIFrameMessage = {
+        type: "click-event",
+        data: data,
+      };
+
+      parent.postMessage(message, "*");
+    });
+  }
+
+  function parseConfigurationForCallbackFns(
+    chartConfig: Record<string, unknown>,
+    _: any,
+  ) {
+    const config: Record<string, unknown> = _.cloneDeep(chartConfig);
+
+    const fnKeys = (config["__fn_keys__"] as string[]) ?? [];
+
+    for (let i = 0; i < fnKeys.length; i++) {
+      const fnString = _.get(config, fnKeys[i]);
+      const fn = new Function("return " + fnString)();
+
+      _.set(config, fnKeys[i], fn);
+    }
+    return config;
+  }
+
+  function stringifyFns(fns: ((...args: any[]) => any)[]) {
+    let output: string = "";
+    for (const fn of fns) {
+      output += fn.toString();
+      output += "\n";
+    }
+    return output;
+  }
+
+  function initializeECharts(echarts: any) {
+    const echartsElement = document.getElementById("chartdiv");
+    return echarts.init(echartsElement, undefined);
+  }
+
+  function onLoadCallback() {
+    const message: CustomEChartIFrameMessage = {
+      type: "load-complete",
+      data: {},
+    };
+
+    parent.postMessage(message, "*");
+  }
+
+  const defaultHTMLSrcDoc = `
+        <head>
+            <style type="text/css">
+                body {
+                    margin:0 0 0 0px;
+                }
+            </style>
+            
+            <script src="/libraries/echarts@5.4.3.js"></script>
+            <script src="/libraries/echarts-gl@2.0.9.js"></script>
+            <script src="/libraries/lodash@4.17.21.js"></script>
+        </head>
+
+        <body>
+            <div id="chartdiv" style="position:absolute; height: 100%; width: 100%;"></div>
+    
+            <script>
+                ${stringifyFns([
+                  parseConfigurationForCallbackFns,
+                  initializeECharts,
+                  shouldResizeECharts,
+                ])}
+
+                let echartsInstance = undefined;
+
+                window.onload = ${stringifyFns([onLoadCallback])}
+
+                window.onmessage = function(e) {
+                    ((${stringifyFns([
+                      onMessageCallback,
+                    ])})(e, echartsInstance, _, echarts))
+                }
+            </script>
+        </body>
+        `;
+
+  useEffect(() => {
+    window.addEventListener("message", onMessage);
+    return () => {
+      window.removeEventListener("message", onMessage);
+    };
+  });
+
+  useEffect(() => {
+    let shouldUpdateOptions = true;
+
+    const propsEqual = equal(
+      prevProps?.customEChartConfig,
+      props.customEChartConfig,
+    );
+
+    if (errorMsg) {
+      if (propsEqual) {
+        shouldUpdateOptions = false;
+      } else {
+        setErrorMsg(undefined);
+        setErrorStack(undefined);
+      }
+    } else {
+      if (propsEqual) {
+        shouldUpdateOptions = false;
+      }
+    }
+
+    postMessageFn({
+      options: chartOptions("CUSTOM_ECHART", props),
+      shouldUpdateOptions: shouldUpdateOptions,
+      shouldResize: true,
+      width: props.dimensions.componentWidth,
+      height: props.dimensions.componentHeight,
+    });
+  });
+
+  return (
+    <>
+      {errorMsg && (
+        <ChartErrorComponent message={errorMsg} stack={errorStack} />
+      )}
+      {!errorMsg && (
+        <>
+          <IframeContainer
+            ref={iFrameRef}
+            sandbox="allow-scripts"
+            scrolling="no"
+            srcDoc={defaultHTMLSrcDoc}
+            style={{ height: "100%", width: "100%" }}
+          />
+          {props.needsOverlay && <OverlayDiv data-testid="iframe-overlay" />}
+        </>
+      )}
+    </>
+  );
+}
diff --git a/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.test.ts b/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.test.ts
index 273457f63a..23c3fb3044 100644
--- a/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.test.ts
+++ b/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.test.ts
@@ -83,12 +83,12 @@ describe("EChartsConfigurationBuilder", () => {
       type: "scroll",
       show: true,
     },
-    grid: { top: 100, bottom: 52, left: 52, show: false },
+    grid: { top: 110, bottom: 52, left: 50, show: false },
     title: {
       show: true,
       text: defaultProps.chartName,
       left: "center",
-      padding: [5, 50],
+      padding: [15, 50],
       textStyle: {
         fontFamily: "fontfamily",
         fontSize: 24,
@@ -126,12 +126,12 @@ describe("EChartsConfigurationBuilder", () => {
         color: Colors.DOVE_GRAY2,
         overflow: "truncate",
         show: true,
-        width: 12,
+        width: 2,
       },
       show: true,
       name: "yaxisname",
       nameLocation: "middle",
-      nameGap: 22,
+      nameGap: 20,
       nameTextStyle: {
         fontSize: 14,
         fontFamily: "fontfamily",
@@ -235,7 +235,7 @@ describe("EChartsConfigurationBuilder", () => {
       expectedConfig.title = {
         text: "chart name",
         left: "center",
-        padding: [5, 50],
+        padding: [15, 50],
         show: true,
         textStyle: {
           fontFamily: "fontfamily",
@@ -263,7 +263,7 @@ describe("EChartsConfigurationBuilder", () => {
         {
           text: "chart name",
           left: "center",
-          padding: [5, 50],
+          padding: [15, 50],
           show: true,
           textStyle: {
             fontFamily: "fontfamily",
@@ -274,13 +274,13 @@ describe("EChartsConfigurationBuilder", () => {
           },
         },
         {
-          top: 80,
+          top: 90,
           left: 495,
           textAlign: "center",
           text: "series1",
         },
         {
-          top: 80,
+          top: 90,
           left: 495,
           textAlign: "center",
           text: "series2",
@@ -579,7 +579,7 @@ describe("EChartsConfigurationBuilder", () => {
       expectedConfig.series = [
         {
           type: "pie",
-          top: 100,
+          top: 110,
           bottom: 30,
           name: "series1",
           encode: {
diff --git a/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.ts b/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.ts
index cb5761dd5c..5643c7cfe3 100644
--- a/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.ts
+++ b/app/client/src/widgets/ChartWidget/component/EChartsConfigurationBuilder.ts
@@ -11,7 +11,7 @@ import { Colors } from "constants/Colors";
 import { EChartsLayoutBuilder } from "./LayoutBuilders/EChartsLayoutBuilder";
 
 export class EChartsConfigurationBuilder {
-  fontFamily: string | undefined;
+  fontFamily: string = "Nunito Sans";
   fontSize = 14;
 
   #seriesConfigurationForPieChart(
@@ -115,10 +115,6 @@ export class EChartsConfigurationBuilder {
     return 0.3 * props.dimensions.componentHeight - 35;
   };
 
-  #evaluateFontFamily(fontFamily: string | undefined) {
-    return fontFamily === "System Default" ? "inherit" : fontFamily;
-  }
-
   #titleConfigForPiechart(
     props: ChartComponentProps,
     allSeriesData: AllChartData,
@@ -159,7 +155,7 @@ export class EChartsConfigurationBuilder {
     const defaultTitleConfig = {
       text: props.chartName,
       show: layoutConfig.title.show,
-      padding: [5, 50],
+      padding: [15, 50],
       left: "center",
       textStyle: {
         fontFamily: this.fontFamily,
@@ -339,7 +335,7 @@ export class EChartsConfigurationBuilder {
     allSeriesData: AllChartData,
     longestLabels: LongestLabelParams,
   ) {
-    this.fontFamily = this.#evaluateFontFamily(props.fontFamily);
+    this.fontFamily = props.fontFamily;
     const layoutBuilder = new EChartsLayoutBuilder({
       allowScroll: props.allowScroll,
       widgetHeight: props.dimensions.componentHeight,
diff --git a/app/client/src/widgets/ChartWidget/component/EChartsDatasetBuilder.ts b/app/client/src/widgets/ChartWidget/component/EChartsDatasetBuilder.ts
index 6b614eb523..dfdac16cbf 100644
--- a/app/client/src/widgets/ChartWidget/component/EChartsDatasetBuilder.ts
+++ b/app/client/src/widgets/ChartWidget/component/EChartsDatasetBuilder.ts
@@ -37,7 +37,9 @@ export class EChartsDatasetBuilder {
 
   checkForLongestLabel(x: number | string, y: number | string) {
     const xString = x.toString();
-    const yString = y.toString();
+
+    // This is needed to correctly calculate the width of the y label.
+    const yString = y.toLocaleString();
 
     if (xString.length > this.maxXLabelLength) {
       this.maxXLabelLength = xString.length;
diff --git a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.test.ts b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.test.ts
index a691ccbe07..50700274dd 100644
--- a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.test.ts
+++ b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.test.ts
@@ -259,15 +259,15 @@ describe("layout configs", () => {
         height: 30,
       },
       grid: {
-        top: 100,
+        top: 110,
         bottom: 113,
-        left: 53,
+        left: 51,
       },
       yAxis: {
         show: true,
-        nameGap: 23,
+        nameGap: 21,
         axisLabel: {
-          width: 13,
+          width: 3,
           overflow: "truncate",
         },
       },
diff --git a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.ts b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.ts
index 57c19fb3c4..42c89953c8 100644
--- a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.ts
+++ b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsLayoutBuilder.ts
@@ -29,7 +29,7 @@ export class EChartsLayoutBuilder {
   scrollBarBottomOffset = 30;
 
   heightForLegend = 50;
-  heightForTitle = 50;
+  heightForTitle = 60;
 
   priorityOrderOfInclusion = ["legend", "title", "xAxis", "scrollBar"];
 
diff --git a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.test.ts b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.test.ts
index f7142e1b50..81d53a6087 100644
--- a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.test.ts
+++ b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.test.ts
@@ -11,7 +11,7 @@ describe("EChartsYAxisLayoutBuilder", () => {
         longestLabel: { x: "x label", y: "123456" },
       });
 
-      expect(builder.maxWidthForLabels()).toEqual(16);
+      expect(builder.maxWidthForLabels()).toEqual(6);
     });
   });
 
@@ -25,8 +25,8 @@ describe("EChartsYAxisLayoutBuilder", () => {
       });
 
       expect(builder.minimumWidth).toEqual(150);
-      expect(builder.maxWidthForLabels()).toEqual(16);
-      expect(builder.widthForLabels()).toEqual(16);
+      expect(builder.maxWidthForLabels()).toEqual(6);
+      expect(builder.widthForLabels()).toEqual(6);
     });
 
     it("if available space is lesser than label width, it returns available space", () => {
@@ -38,8 +38,8 @@ describe("EChartsYAxisLayoutBuilder", () => {
       });
 
       expect(builder.minimumWidth).toEqual(150);
-      expect(builder.maxWidthForLabels()).toEqual(16);
-      expect(builder.widthForLabels()).toEqual(10);
+      expect(builder.maxWidthForLabels()).toEqual(6);
+      expect(builder.widthForLabels()).toEqual(6);
     });
   });
 
@@ -83,8 +83,8 @@ describe("EChartsYAxisLayoutBuilder", () => {
 
       expect(builder.minimumWidth).toEqual(150);
       expect(builder.showYAxisConfig()).toEqual(true);
-      expect(builder.labelsWidth).toEqual(10);
-      expect(builder.gridLeftOffset()).toEqual(50);
+      expect(builder.labelsWidth).toEqual(6);
+      expect(builder.gridLeftOffset()).toEqual(54);
     });
 
     it("when y axis is not visible, offset is 5", () => {
@@ -114,9 +114,9 @@ describe("EChartsYAxisLayoutBuilder", () => {
 
       const expectedOutput = {
         show: true,
-        nameGap: 20,
+        nameGap: 24,
         axisLabel: {
-          width: 10,
+          width: 6,
           overflow: "truncate",
         },
       };
diff --git a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.ts b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.ts
index 75dbf338ec..e7a87d637b 100644
--- a/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.ts
+++ b/app/client/src/widgets/ChartWidget/component/LayoutBuilders/EChartsYAxisLayoutBuilder.ts
@@ -16,13 +16,19 @@ export class EChartsYAxisLayoutBuilder {
   labelsWidth: number;
   nameGap: number;
   leftOffset: number;
+  paddingFromLabels = 10;
+  labelsPaddingFromXAxis = 8;
+  commaPadding = 10;
+  nameGapWidth = 30;
 
   constructor(props: YAxisLayoutBuilderParams) {
     this.props = props;
 
     this.labelsWidth = this.widthForLabels();
-    this.nameGap = this.labelsWidth + 10;
-    this.leftOffset = this.nameGap + 30;
+
+    this.nameGap =
+      this.labelsWidth + this.labelsPaddingFromXAxis + this.paddingFromLabels;
+    this.leftOffset = this.nameGap + this.nameGapWidth;
   }
 
   showYAxisConfig = () => {
@@ -57,10 +63,12 @@ export class EChartsYAxisLayoutBuilder {
 
   maxWidthForLabels = () => {
     const longestLabelKey = labelKeyForChart("yAxis", this.props.chartType);
+
     const labelWidthYAxis = getTextWidth(
       this.props.longestLabel[longestLabelKey],
       this.props.font,
     );
-    return labelWidthYAxis + 10;
+
+    return labelWidthYAxis;
   };
 }
diff --git a/app/client/src/widgets/ChartWidget/component/helpers.test.ts b/app/client/src/widgets/ChartWidget/component/helpers.test.ts
index 1d222fe3c3..ebffaaed11 100644
--- a/app/client/src/widgets/ChartWidget/component/helpers.test.ts
+++ b/app/client/src/widgets/ChartWidget/component/helpers.test.ts
@@ -3,9 +3,6 @@ import {
   parseOnDataPointClickParams,
   parseOnDataPointClickForCustomEChart,
   parseOnDataPointClickForCustomFusionChart,
-  is3DChart,
-  EChartDisposalParams,
-  shouldDisposeEChartsInstance,
 } from "./helpers";
 
 describe("parseOnDataPointClickParams", () => {
@@ -116,187 +113,3 @@ describe("parseOnDataPointClickForCustomFusionChart", () => {
     expect(parsedEvent.seriesTitle).toBeUndefined();
   });
 });
-
-describe("is3DChart", () => {
-  it("returns true if any of the 3D Chart config keys is present", () => {
-    const threeDChartKey = "globe";
-    const config: Record<string, unknown> = {
-      source: {},
-    };
-
-    config[threeDChartKey] = {};
-    expect(is3DChart(config)).toEqual(true);
-  });
-
-  it("returns true if any of the 3D series type is present in an array of series", () => {
-    const config: Record<string, unknown> = {
-      source: {},
-      series: [
-        {
-          type: "line3D",
-        },
-      ],
-    };
-
-    expect(is3DChart(config)).toEqual(true);
-  });
-
-  it("returns true if any of the 3D series type is present in single series", () => {
-    const config: Record<string, unknown> = {
-      source: {},
-      series: {
-        type: "line3D",
-      },
-    };
-
-    expect(is3DChart(config)).toEqual(true);
-  });
-
-  it("returns false if none of the 3D fields is present", () => {
-    const config: Record<string, unknown> = {
-      source: {},
-      series: {
-        type: "line",
-      },
-    };
-
-    expect(is3DChart(config)).toEqual(false);
-  });
-
-  it("returns false if none of the 3D fields is present and series config is null", () => {
-    const config: Record<string, unknown> = {
-      source: {},
-      series: null,
-    };
-
-    expect(is3DChart(config)).toEqual(false);
-  });
-
-  it("returns false if none of the 3D fields is present and series type is null", () => {
-    const config: Record<string, unknown> = {
-      source: {},
-      series: {},
-    };
-
-    expect(is3DChart(config)).toEqual(false);
-  });
-});
-
-describe("shouldDisposeEChartsInstance", () => {
-  const prevChartConfig = new EChartDisposalParams();
-  const currentChartConfig = new EChartDisposalParams();
-
-  let propsEqual = false;
-
-  describe("when previous chart type is basic chart", () => {
-    beforeEach(() => {
-      prevChartConfig.isBasicChart = true;
-    });
-    it("returns true if current chart type is custom", () => {
-      currentChartConfig.isBasicChart = false;
-      expect(
-        shouldDisposeEChartsInstance({
-          prevChart: prevChartConfig,
-          currentChart: currentChartConfig,
-          propsEqual,
-        }),
-      ).toEqual(true);
-    });
-
-    it("returns false if current chart type is basic", () => {
-      currentChartConfig.isBasicChart = true;
-      expect(
-        shouldDisposeEChartsInstance({
-          prevChart: prevChartConfig,
-          currentChart: currentChartConfig,
-          propsEqual,
-        }),
-      ).toEqual(false);
-    });
-  });
-
-  describe("when previous chart type is custom chart", () => {
-    beforeEach(() => {
-      prevChartConfig.isBasicChart = false;
-    });
-
-    it("returns true if current chart type is basic", () => {
-      currentChartConfig.isBasicChart = true;
-      expect(
-        shouldDisposeEChartsInstance({
-          prevChart: prevChartConfig,
-          currentChart: currentChartConfig,
-          propsEqual,
-        }),
-      ).toEqual(true);
-    });
-
-    describe("when previous chart type is 2D", () => {
-      beforeEach(() => {
-        prevChartConfig.isCustom3DChart = false;
-      });
-
-      it("returns true if current chart type is 3D", () => {
-        currentChartConfig.isCustom3DChart = true;
-        const result = shouldDisposeEChartsInstance({
-          prevChart: prevChartConfig,
-          currentChart: currentChartConfig,
-          propsEqual,
-        });
-        expect(result).toEqual(true);
-      });
-
-      it("returns false if current chart type is 2D", () => {
-        currentChartConfig.isCustom3DChart = false;
-        const result = shouldDisposeEChartsInstance({
-          prevChart: prevChartConfig,
-          currentChart: currentChartConfig,
-          propsEqual,
-        });
-        expect(result).toEqual(true);
-      });
-    });
-
-    describe("when previous chart type is 3D", () => {
-      beforeAll(() => {
-        prevChartConfig.isCustom3DChart = true;
-      });
-      it("returns true if current chart type is 2D", () => {
-        currentChartConfig.isCustom3DChart = false;
-        const result = shouldDisposeEChartsInstance({
-          prevChart: prevChartConfig,
-          currentChart: currentChartConfig,
-          propsEqual,
-        });
-        expect(result).toEqual(true);
-      });
-
-      describe("when current chart type is 3D", () => {
-        beforeAll(() => {
-          currentChartConfig.isBasicChart = false;
-          currentChartConfig.isCustom3DChart = true;
-        });
-
-        it("returns true chart props (data and widget position) have changed", () => {
-          propsEqual = false;
-          const result = shouldDisposeEChartsInstance({
-            prevChart: prevChartConfig,
-            currentChart: currentChartConfig,
-            propsEqual,
-          });
-          expect(result).toEqual(true);
-        });
-
-        it("returns false if chart props (data and widget position) is same", () => {
-          propsEqual = true;
-          const result = shouldDisposeEChartsInstance({
-            prevChart: prevChartConfig,
-            currentChart: currentChartConfig,
-            propsEqual,
-          });
-          expect(result).toEqual(false);
-        });
-      });
-    });
-  });
-});
diff --git a/app/client/src/widgets/ChartWidget/component/helpers.ts b/app/client/src/widgets/ChartWidget/component/helpers.ts
index 90326256a2..eb3a08f81b 100644
--- a/app/client/src/widgets/ChartWidget/component/helpers.ts
+++ b/app/client/src/widgets/ChartWidget/component/helpers.ts
@@ -1,12 +1,9 @@
 import { get } from "lodash";
 import type { ChartType, ChartSelectedDataPoint } from "../constants";
-import {
-  THREE_D_CHART_CONFIGS,
-  THREE_D_CHART_SERIES_TYPES,
-} from "../constants";
 import { omit, cloneDeep } from "lodash";
 import type { ChartComponentProps } from ".";
-import equal from "fast-deep-equal/es6";
+import { EChartsDatasetBuilder } from "./EChartsDatasetBuilder";
+import { EChartsConfigurationBuilder } from "./EChartsConfigurationBuilder";
 
 export const parseOnDataPointClickParams = (evt: any, chartType: ChartType) => {
   switch (chartType) {
@@ -84,6 +81,7 @@ export const labelKeyForChart = (
 export const getTextWidth = (text: string, font: string) => {
   const canvas = document.createElement("canvas");
   const context = canvas.getContext("2d");
+
   if (context) {
     context.font = font;
     const metrics = context.measureText(text);
@@ -93,102 +91,48 @@ export const getTextWidth = (text: string, font: string) => {
   }
 };
 
-export class EChartDisposalParams {
-  isBasicChart = false;
-  isCustom3DChart = false;
+export const getBasicEChartOptions = (props: ChartComponentProps) => {
+  const datasetBuilder = new EChartsDatasetBuilder(
+    props.chartType,
+    props.chartData,
+  );
+  const dataset = datasetBuilder.datasetFromData();
+  const echartsConfigurationBuilder = new EChartsConfigurationBuilder();
 
-  constructor(isBasicChart = false, isCustom3DChart = false) {
-    this.isBasicChart = isBasicChart;
-    this.isCustom3DChart = isCustom3DChart;
-  }
-
-  isCustomChart = () => {
-    return !this.isBasicChart;
+  const options = {
+    ...echartsConfigurationBuilder.prepareEChartConfig(
+      props,
+      datasetBuilder.filteredChartData,
+      datasetBuilder.longestDataLabels(),
+    ),
+    dataset: {
+      ...dataset,
+    },
   };
+  return options;
+};
 
-  isCustom2DChart = () => {
-    return !this.isCustom3DChart;
-  };
-}
-
-export const generateEChartInstanceDisposalParams = (
-  prevProps: ChartComponentProps,
-  currentProps: ChartComponentProps,
+export const chartOptions = (
+  chartType: ChartType,
+  props: ChartComponentProps,
 ) => {
-  const prevChartConfig = new EChartDisposalParams(
-    isBasicEChart(prevProps.chartType),
-    is3DChart(prevProps.customEChartConfig),
-  );
-  const currentChartConfig = new EChartDisposalParams(
-    isBasicEChart(currentProps.chartType),
-    is3DChart(currentProps.customEChartConfig),
-  );
-  const propsEqual = equal(prevProps, currentProps);
-  return {
-    prevChart: prevChartConfig,
-    currentChart: currentChartConfig,
-    propsEqual,
-  };
-};
-
-export const shouldDisposeEChartsInstance = (config: {
-  prevChart: EChartDisposalParams;
-  currentChart: EChartDisposalParams;
-  propsEqual: boolean;
-}) => {
-  let shouldDispose = false;
-  const prevChart = config.prevChart;
-  const currentChart = config.currentChart;
-
-  if (prevChart.isBasicChart) {
-    shouldDispose = currentChart.isCustomChart();
+  if (isCustomEChart(chartType)) {
+    return props.customEChartConfig;
+  } else if (isBasicEChart(chartType)) {
+    return getBasicEChartOptions(props);
   } else {
-    // Previous chart type was custom
-    if (currentChart.isBasicChart) {
-      shouldDispose = true;
-    } else {
-      // current chart type is custom chart
-      if (prevChart.isCustom3DChart) {
-        if (currentChart.isCustom2DChart()) {
-          shouldDispose = true;
-        } else {
-          // check if props have changed or not
-          shouldDispose = !config.propsEqual;
-        }
-      } else {
-        // previous chart type is 2D
-        shouldDispose = currentChart.isCustom3DChart;
-      }
-    }
-  }
-  return shouldDispose;
-};
-
-export const is3DChart = (chartConfig: Record<string, unknown>) => {
-  const chartConfigKeys = Object.keys(chartConfig);
-
-  const threeDConfigPresent = chartConfigKeys.some((key) =>
-    THREE_D_CHART_CONFIGS.includes(key),
-  );
-  if (threeDConfigPresent) {
-    return true;
-  }
-
-  const seriesConfig = chartConfig.series;
-  if (Array.isArray(seriesConfig)) {
-    return seriesConfig.some((series) => isSeriesConfig3D(series));
-  } else {
-    return isSeriesConfig3D(seriesConfig);
+    return {};
   }
 };
 
-const isSeriesConfig3D = (seriesConfig: unknown) => {
-  if (seriesConfig && typeof seriesConfig == "object") {
-    const seriesType = (seriesConfig as Record<string, unknown>).type as string;
-    return THREE_D_CHART_SERIES_TYPES.includes(seriesType);
-  } else {
-    return false;
-  }
+export const dataClickCallbackHelper = (
+  params: echarts.ECElementEvent,
+  props: ChartComponentProps,
+  chartType: ChartType,
+) => {
+  const dataPointClickParams = parseOnDataPointClickParams(params, chartType);
+
+  props.onDataPointClick(dataPointClickParams);
 };
 
 export const isBasicEChart = (type: ChartType) => {
diff --git a/app/client/src/widgets/ChartWidget/component/index.test.tsx b/app/client/src/widgets/ChartWidget/component/index.test.tsx
index 4dfcb2aa09..5e6fa00f88 100644
--- a/app/client/src/widgets/ChartWidget/component/index.test.tsx
+++ b/app/client/src/widgets/ChartWidget/component/index.test.tsx
@@ -14,6 +14,9 @@ import "@testing-library/jest-dom";
 import userEvent from "@testing-library/user-event";
 import { screen } from "@testing-library/react";
 
+import { Provider } from "react-redux";
+import configureMockStore from "redux-mock-store";
+
 let container: any;
 
 describe("Chart Widget", () => {
@@ -72,9 +75,23 @@ describe("Chart Widget", () => {
     container = null;
   });
 
+  const mockStore = configureMockStore();
+  const store = mockStore({
+    entities: {
+      canvasWidgets: {},
+    },
+    ui: {
+      widgetDragResize: {
+        selectedWidgets: [],
+      },
+    },
+  });
+
   it("1. renders the correct library for chart type", async () => {
     const { container, getByText, rerender } = render(
-      <ChartComponent {...defaultProps} />,
+      <Provider store={store}>
+        <ChartComponent {...defaultProps} />
+      </Provider>,
     );
 
     const xAxisLabel = getByText("xaxisname");
@@ -91,7 +108,11 @@ describe("Chart Widget", () => {
     let props = { ...defaultProps };
     props.chartType = "CUSTOM_FUSION_CHART";
 
-    rerender(<ChartComponent {...props} />);
+    rerender(
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
+    );
 
     echartsContainer = container.querySelector("#widgetIDechart-container");
     expect(echartsContainer).not.toBeInTheDocument();
@@ -104,10 +125,14 @@ describe("Chart Widget", () => {
     props = JSON.parse(JSON.stringify(defaultProps));
     props.chartType = "CUSTOM_ECHART";
 
-    rerender(<ChartComponent {...props} />);
+    rerender(
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
+    );
 
-    const bing = getByText("Bing");
-    expect(bing).toBeInTheDocument();
+    echartsContainer = container.querySelector("iframe");
+    expect(echartsContainer).toBeInTheDocument();
   });
 
   it("2. successfully switches sequence of basic chart/custom fusion chart/basic chart/custom echart", async () => {
@@ -116,7 +141,9 @@ describe("Chart Widget", () => {
     props.chartType = "AREA_CHART";
 
     const { container, getByText, rerender } = render(
-      <ChartComponent {...props} />,
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
     );
 
     let xAxisLabel = getByText("xaxisname");
@@ -134,7 +161,11 @@ describe("Chart Widget", () => {
     props = JSON.parse(JSON.stringify(defaultProps));
     props.chartType = "CUSTOM_FUSION_CHART";
 
-    rerender(<ChartComponent {...props} />);
+    rerender(
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
+    );
 
     echartsContainer = container.querySelector("#widgetIDechart-container");
     expect(echartsContainer).not.toBeInTheDocument();
@@ -148,7 +179,11 @@ describe("Chart Widget", () => {
     props = JSON.parse(JSON.stringify(defaultProps));
     props.chartType = "AREA_CHART";
 
-    rerender(<ChartComponent {...props} />);
+    rerender(
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
+    );
 
     xAxisLabel = getByText("xaxisname");
     expect(xAxisLabel).toBeInTheDocument();
@@ -160,10 +195,14 @@ describe("Chart Widget", () => {
     props = JSON.parse(JSON.stringify(defaultProps));
     props.chartType = "CUSTOM_ECHART";
 
-    rerender(<ChartComponent {...props} />);
+    rerender(
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
+    );
 
-    const bing = getByText("Bing");
-    expect(bing).toBeInTheDocument();
+    echartsContainer = container.querySelector("iframe");
+    expect(echartsContainer).toBeInTheDocument();
   });
 
   it("3. adds a click event when user adds a click callback", async () => {
@@ -174,129 +213,15 @@ describe("Chart Widget", () => {
       mockCallback(point);
     };
 
-    render(<ChartComponent {...props} />);
+    render(
+      <Provider store={store}>
+        <ChartComponent {...props} />
+      </Provider>,
+    );
 
     expect(mockCallback.mock.calls.length).toEqual(0);
     const el = await screen.findByText("1000");
     userEvent.click(el);
     expect(mockCallback.mock.calls.length).toEqual(1);
   });
-
-  it("4. check each chart type has their independent error showing up in the chart widget", () => {
-    let props = JSON.parse(JSON.stringify(defaultProps));
-    props.chartType = "CUSTOM_ECHART";
-
-    const { container, getByText, queryByText, rerender } = render(
-      <ChartComponent {...props} />,
-    );
-
-    const bing = getByText("Bing");
-    expect(bing).toBeInTheDocument();
-
-    // incorrect source key, thus incorrect echart configuration
-    props = JSON.parse(JSON.stringify(props));
-    delete props.customEChartConfig.dataset.source;
-    props.customEChartConfig.dataset.soce = {};
-
-    rerender(<ChartComponent {...props} />);
-
-    const errorTitle = getByText("Error in Chart Data/Configuration");
-    expect(errorTitle).toBeInTheDocument();
-    expect(queryByText("Bing")).toBeNull();
-
-    // change chart type to basic echart
-    props = JSON.parse(JSON.stringify(props));
-    props.chartType = "LINE_CHART";
-
-    rerender(<ChartComponent {...props} />);
-
-    expect(queryByText("Error in Chart Data/Configuration")).toBeNull();
-    expect(queryByText("Bing")).toBeNull();
-    expect(queryByText("xaxisname")).toBeInTheDocument();
-
-    // Check if updating props in basic charts is working
-    props = JSON.parse(JSON.stringify(props));
-    props.chartType = "LINE_CHART";
-    props.xAxisName = "xaxisname123";
-
-    rerender(<ChartComponent {...props} />);
-
-    expect(queryByText("Error in Chart Data/Configuration")).toBeNull();
-    expect(queryByText("Bing")).toBeNull();
-    expect(queryByText("xaxisname")).not.toBeInTheDocument();
-    expect(queryByText("xaxisname123")).toBeInTheDocument();
-
-    // switching back to custom echart should show the original error
-    props = JSON.parse(JSON.stringify(props));
-    props.chartType = "CUSTOM_ECHART";
-
-    rerender(<ChartComponent {...props} />);
-    expect(
-      queryByText("Error in Chart Data/Configuration"),
-    ).toBeInTheDocument();
-
-    // Remove error from custom EChart, the chart should render without errors
-    props = JSON.parse(JSON.stringify(props));
-    props.customEChartConfig.dataset.source = JSON.parse(
-      JSON.stringify((defaultProps.customEChartConfig.dataset as any).source),
-    );
-    props.chartType = "CUSTOM_ECHART";
-
-    rerender(<ChartComponent {...props} />);
-
-    expect(
-      queryByText("Error in Chart Data/Configuration"),
-    ).not.toBeInTheDocument();
-    expect(queryByText("Bing")).toBeInTheDocument();
-
-    // Check if updating the props in custom ECharts is working now
-    props = JSON.parse(JSON.stringify(props));
-    let updatedSource = JSON.parse(
-      JSON.stringify((props.customEChartConfig.dataset as any).source),
-    );
-    updatedSource[2][0] = "Bing 123";
-    props.customEChartConfig.dataset.source = updatedSource;
-    props.chartType = "CUSTOM_ECHART";
-
-    rerender(<ChartComponent {...props} />);
-    expect(queryByText("Bing 123")).toBeInTheDocument();
-
-    // Switch to custom fusion charts
-    props = JSON.parse(JSON.stringify(props));
-    props.chartType = "CUSTOM_FUSION_CHART";
-
-    rerender(<ChartComponent {...props} />);
-
-    expect(
-      queryByText("Error in Chart Data/Configuration"),
-    ).not.toBeInTheDocument();
-    const fusionContainer = container.querySelector(
-      "#widgetIDcustom-fusion-chart-container",
-    );
-    expect(fusionContainer).toBeInTheDocument();
-
-    // Switching back to custom echart should work.
-    props = JSON.parse(JSON.stringify(props));
-    props.customEChartConfig.dataset.source = JSON.parse(
-      JSON.stringify((defaultProps.customEChartConfig.dataset as any).source),
-    );
-    props.chartType = "CUSTOM_ECHART";
-
-    rerender(<ChartComponent {...props} />);
-
-    expect(queryByText("Bing")).toBeInTheDocument();
-
-    // Updating props in custom echart should work.
-    props = JSON.parse(JSON.stringify(props));
-    updatedSource = JSON.parse(
-      JSON.stringify((props.customEChartConfig.dataset as any).source),
-    );
-    updatedSource[2][0] = "Bing 456";
-
-    props.customEChartConfig.dataset.source = updatedSource;
-    props.chartType = "CUSTOM_ECHART";
-
-    rerender(<ChartComponent {...props} />);
-    expect(queryByText("Bing 456")).toBeInTheDocument();
-  });
 });
diff --git a/app/client/src/widgets/ChartWidget/component/index.tsx b/app/client/src/widgets/ChartWidget/component/index.tsx
index ed861051bb..0710b51704 100644
--- a/app/client/src/widgets/ChartWidget/component/index.tsx
+++ b/app/client/src/widgets/ChartWidget/component/index.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import styled from "styled-components";
 import * as echarts from "echarts";
-import "echarts-gl";
 import { invisible } from "constants/DefaultTheme";
 import { getAppsmithConfigs } from "@appsmith/configs";
 import type {
@@ -17,18 +16,18 @@ import equal from "fast-deep-equal/es6";
 import type { WidgetPositionProps } from "widgets/BaseWidget";
 import { ChartErrorComponent } from "./ChartErrorComponent";
 import { EChartsConfigurationBuilder } from "./EChartsConfigurationBuilder";
-import { EChartsDatasetBuilder } from "./EChartsDatasetBuilder";
-import {
-  generateEChartInstanceDisposalParams,
-  is3DChart,
-  isBasicEChart,
-  shouldDisposeEChartsInstance,
-} from "./helpers";
+import { dataClickCallbackHelper, isBasicEChart } from "./helpers";
 import {
   parseOnDataPointClickParams,
   isCustomEChart,
   isCustomFusionChart,
+  chartOptions,
 } from "./helpers";
+
+import { CustomEChartIFrameComponent } from "./CustomEChartIFrameComponent";
+import type { AppState } from "@appsmith/reducers";
+import { connect } from "react-redux";
+import { getWidgetPropsForPropertyPane } from "selectors/propertyPaneSelectors";
 // Leaving this require here. Ref: https://stackoverflow.com/questions/41292559/could-not-find-a-declaration-file-for-module-module-name-path-to-module-nam/42505940#42505940
 // FusionCharts comes with its own typings so there is no need to separately import them. But an import from fusioncharts/core still requires a declaration file.
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -86,7 +85,7 @@ export interface ChartComponentProps extends WidgetPositionProps {
   boxShadow?: string;
   primaryColor?: string;
   showDataPointLabel: boolean;
-  fontFamily?: string;
+  fontFamily: string;
   dimensions: {
     componentWidth: number;
     componentHeight: number;
@@ -111,11 +110,12 @@ const CanvasContainer = styled.div<
   overflow: hidden;
   position: relative;
   ${(props) => (!props.isVisible ? invisible : "")};
-  padding: 10px 0 0 0;
 }`;
 
+export type ChartComponentConnectedProps = ReturnType<typeof mapStateToProps> &
+  ChartComponentProps;
 class ChartComponent extends React.Component<
-  ChartComponentProps,
+  ChartComponentConnectedProps,
   ChartComponentState
 > {
   fusionChartsInstance: any = null;
@@ -123,16 +123,16 @@ class ChartComponent extends React.Component<
 
   customFusionChartContainerId =
     this.props.widgetId + "custom-fusion-chart-container";
+
   eChartsContainerId = this.props.widgetId + "echart-container";
   eChartsHTMLContainer: HTMLElement | null = null;
 
   echartsConfigurationBuilder: EChartsConfigurationBuilder;
 
   echartConfiguration: Record<string, any> = {};
-  is3DChart = false;
   prevProps: ChartComponentProps;
 
-  constructor(props: ChartComponentProps) {
+  constructor(props: ChartComponentConnectedProps) {
     super(props);
     this.echartsConfigurationBuilder = new EChartsConfigurationBuilder();
     this.prevProps = {} as ChartComponentProps;
@@ -143,56 +143,10 @@ class ChartComponent extends React.Component<
     };
   }
 
-  getBasicEChartOptions = () => {
-    const datasetBuilder = new EChartsDatasetBuilder(
-      this.props.chartType,
-      this.props.chartData,
-    );
-    const dataset = datasetBuilder.datasetFromData();
-
-    const options = {
-      ...this.echartsConfigurationBuilder.prepareEChartConfig(
-        this.props,
-        datasetBuilder.filteredChartData,
-        datasetBuilder.longestDataLabels(),
-      ),
-      dataset: {
-        ...dataset,
-      },
-    };
-    return options;
-  };
-
   dataClickCallback = (params: echarts.ECElementEvent) => {
-    const dataPointClickParams = parseOnDataPointClickParams(
-      params,
-      this.state.chartType,
-    );
-
-    this.props.onDataPointClick(dataPointClickParams);
+    dataClickCallbackHelper(params, this.props, this.state.chartType);
   };
 
-  disposeEChartsIfNeeded() {
-    if (this.echartsInstance?.isDisposed()) {
-      return;
-    }
-
-    let shouldDisposeEcharts = true;
-    if (Object.keys(this.prevProps).length == 0) {
-      shouldDisposeEcharts = true;
-    } else {
-      const config = generateEChartInstanceDisposalParams(
-        this.prevProps,
-        this.props,
-      );
-      shouldDisposeEcharts = shouldDisposeEChartsInstance(config);
-    }
-    this.prevProps = this.props;
-    if (shouldDisposeEcharts) {
-      this.echartsInstance?.dispose();
-    }
-  }
-
   initializeEchartsInstance = () => {
     this.eChartsHTMLContainer = document.getElementById(
       this.eChartsContainerId,
@@ -201,15 +155,12 @@ class ChartComponent extends React.Component<
       return;
     }
 
-    this.disposeEChartsIfNeeded();
-    this.is3DChart = is3DChart(this.props.customEChartConfig);
-
     if (!this.echartsInstance || this.echartsInstance.isDisposed()) {
       this.echartsInstance = echarts.init(
         this.eChartsHTMLContainer,
         undefined,
         {
-          renderer: this.is3DChart ? "canvas" : "svg",
+          renderer: "svg",
           width: this.props.dimensions.componentWidth,
           height: this.props.dimensions.componentHeight,
         },
@@ -225,23 +176,8 @@ class ChartComponent extends React.Component<
     );
   };
 
-  getCustomEChartOptions = () => {
-    return this.props.customEChartConfig;
-  };
-
   shouldSetOptions(eChartOptions: any) {
-    if (equal(this.echartConfiguration, eChartOptions)) {
-      if (this.is3DChart) {
-        return (
-          this.state.eChartsError == undefined ||
-          this.state.eChartsError == null
-        );
-      } else {
-        return false;
-      }
-    } else {
-      return true;
-    }
+    return !equal(this.echartConfiguration, eChartOptions);
   }
 
   renderECharts = () => {
@@ -251,12 +187,10 @@ class ChartComponent extends React.Component<
       return;
     }
 
-    let eChartOptions: Record<string, unknown> = {};
-    if (isCustomEChart(this.state.chartType)) {
-      eChartOptions = this.getCustomEChartOptions();
-    } else if (isBasicEChart(this.state.chartType)) {
-      eChartOptions = this.getBasicEChartOptions();
-    }
+    const eChartOptions: Record<string, unknown> = chartOptions(
+      this.state.chartType,
+      this.props,
+    );
 
     try {
       if (this.shouldSetOptions(eChartOptions)) {
@@ -302,6 +236,9 @@ class ChartComponent extends React.Component<
     if (this.state.chartType === "CUSTOM_FUSION_CHART") {
       this.disposeECharts();
       this.renderFusionCharts();
+    } else if (this.state.chartType == "CUSTOM_ECHART") {
+      this.disposeECharts();
+      this.disposeFusionCharts();
     } else {
       this.disposeFusionCharts();
       this.renderECharts();
@@ -421,10 +358,14 @@ class ChartComponent extends React.Component<
         onClick={onClick}
         {...rest}
       >
-        {this.state.chartType !== "CUSTOM_FUSION_CHART" && (
+        {isBasicEChart(this.state.chartType) && (
           <ChartsContainer id={this.eChartsContainerId} />
         )}
 
+        {isCustomEChart(this.state.chartType) && (
+          <CustomEChartIFrameComponent {...this.props} />
+        )}
+
         {this.state.chartType === "CUSTOM_FUSION_CHART" && (
           <ChartsContainer id={this.customFusionChartContainerId} />
         )}
@@ -437,4 +378,17 @@ class ChartComponent extends React.Component<
   }
 }
 
-export default ChartComponent;
+/**
+ * TODO: Balaji to refactor code to move out selected widget details to platform
+ */
+export const mapStateToProps = (
+  state: AppState,
+  ownProps: ChartComponentProps,
+) => {
+  return {
+    needsOverlay:
+      ownProps.widgetId !== getWidgetPropsForPropertyPane(state)?.widgetId,
+  };
+};
+
+export default connect(mapStateToProps)(ChartComponent);
diff --git a/app/client/src/widgets/ChartWidget/constants.ts b/app/client/src/widgets/ChartWidget/constants.ts
index 014160ae1b..27aac52ca7 100644
--- a/app/client/src/widgets/ChartWidget/constants.ts
+++ b/app/client/src/widgets/ChartWidget/constants.ts
@@ -44,6 +44,33 @@ export interface ChartSelectedDataPoint {
   rawEventData?: Record<string, unknown>;
 }
 
+// export type IFrameChartWidgetEventTypes = "click-event" | "load-complete" | "error"
+
+export interface CustomEChartClickEventData {
+  event: echarts.ECElementEvent; // Record<string, unknown>
+}
+export interface CustomEChartErrorData {
+  message: string;
+  stack: string;
+}
+
+export interface CustomEChartIFrameMessageData {
+  options: Record<string, unknown>;
+  shouldUpdateOptions: boolean;
+  shouldResize: boolean;
+  width: number;
+  height: number;
+}
+
+export interface CustomEChartIFrameMessage {
+  type: "click-event" | "load-complete" | "error" | "update-options";
+  data:
+    | CustomEChartClickEventData
+    | CustomEChartIFrameMessageData
+    | CustomEChartErrorData
+    | Record<string, unknown>;
+}
+
 export const messages = {
   ErrorTitle: "Error in Chart Data/Configuration",
   MoreDetails: "More Details",
@@ -64,29 +91,6 @@ export const CUSTOM_ECHART_FEATURE_FLAG =
 export const FUSION_CHART_DEPRECATION_FLAG =
   FEATURE_FLAG["deprecate_custom_fusioncharts_enabled"];
 
-export const THREE_D_CHART_CONFIGS = [
-  "globe",
-  "geo3D",
-  "mapbox3D",
-  "grid3D",
-  "xAxis3D",
-  "yAxis3D",
-  "zAxis3D",
-];
-
-export const THREE_D_CHART_SERIES_TYPES = [
-  "scatter3D",
-  "bar3D",
-  "line3D",
-  "lines3D",
-  "map3D",
-  "surface",
-  "polygons3D",
-  "scatterGL",
-  "graphGL",
-  "flowGL",
-];
-
 export const CUSTOM_CHART_TYPES = [
   "area2d",
   "bar2d",
diff --git a/app/client/src/widgets/ChartWidget/widget/index.test.ts b/app/client/src/widgets/ChartWidget/widget/index.test.ts
index 8f220a361f..d03ccd86b4 100644
--- a/app/client/src/widgets/ChartWidget/widget/index.test.ts
+++ b/app/client/src/widgets/ChartWidget/widget/index.test.ts
@@ -53,6 +53,10 @@ describe("emptyChartData", () => {
     renderMode: RenderModes.CANVAS,
   };
 
+  describe("font family", () => {
+    expect(ChartWidget.fontFamily).toEqual("Nunito Sans");
+  });
+
   describe("when chart type is basic ECharts", () => {
     const basicEChartProps = JSON.parse(JSON.stringify(defaultProps));
     const basicEChartsType = "LINE_CHART";
diff --git a/app/client/src/widgets/ChartWidget/widget/index.tsx b/app/client/src/widgets/ChartWidget/widget/index.tsx
index 8cb9ddcc6d..2e7dec911d 100644
--- a/app/client/src/widgets/ChartWidget/widget/index.tsx
+++ b/app/client/src/widgets/ChartWidget/widget/index.tsx
@@ -1,5 +1,4 @@
 import React, { lazy, Suspense } from "react";
-
 import type { WidgetProps, WidgetState } from "widgets/BaseWidget";
 import BaseWidget from "widgets/BaseWidget";
 import Skeleton from "components/utils/Skeleton";
@@ -63,6 +62,7 @@ export const emptyChartData = (props: ChartWidgetProps) => {
 
 class ChartWidget extends BaseWidget<ChartWidgetProps, WidgetState> {
   static type = "CHART_WIDGET";
+  static fontFamily: string = "Nunito Sans";
 
   static getConfig() {
     return {
@@ -74,6 +74,12 @@ class ChartWidget extends BaseWidget<ChartWidgetProps, WidgetState> {
     };
   }
 
+  static getDependencyMap(): Record<string, string[]> {
+    return {
+      customEChartConfig: ["chartType"],
+    };
+  }
+
   static getDefaults() {
     return {
       rows: 32,
@@ -128,6 +134,7 @@ class ChartWidget extends BaseWidget<ChartWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
@@ -239,7 +246,7 @@ class ChartWidget extends BaseWidget<ChartWidgetProps, WidgetState> {
               customEChartConfig={this.props.customEChartConfig}
               customFusionChartConfig={this.props.customFusionChartConfig}
               dimensions={this.props}
-              fontFamily={this.props.fontFamily ?? "Nunito Sans"}
+              fontFamily={ChartWidget.fontFamily}
               hasOnDataPointClick={Boolean(this.props.onDataPointClick)}
               isLoading={this.props.isLoading}
               isVisible={this.props.isVisible}
diff --git a/app/client/src/widgets/ChartWidget/widget/propertyConfig.ts b/app/client/src/widgets/ChartWidget/widget/propertyConfig.ts
index e30a804679..e289d6ad2a 100644
--- a/app/client/src/widgets/ChartWidget/widget/propertyConfig.ts
+++ b/app/client/src/widgets/ChartWidget/widget/propertyConfig.ts
@@ -7,6 +7,7 @@ import {
   LABEL_ORIENTATION_COMPATIBLE_CHARTS,
   messages,
 } from "../constants";
+import type { WidgetProps } from "widgets/BaseWidget";
 
 export const isLabelOrientationApplicableFor = (chartType: string) =>
   LABEL_ORIENTATION_COMPATIBLE_CHARTS.includes(chartType);
@@ -93,11 +94,18 @@ export const contentConfig = (
           placeholderText: `Custom ECharts Configuration`,
           propertyName: "customEChartConfig",
           label: "Custom ECharts Configuration",
-          controlType: "INPUT_TEXT",
+          controlType: "WRAPPED_CODE_EDITOR",
+          controlConfig: {
+            wrapperCode: {
+              prefix: "{{ ((chartType) => ( ",
+              suffix: (widget: WidgetProps) =>
+                `))(${widget.widgetName}.chartType); }}`,
+            },
+          },
           isBindProperty: true,
           isTriggerProperty: false,
           validation: {
-            type: ValidationTypes.OBJECT,
+            type: ValidationTypes.OBJECT_WITH_FUNCTION,
             params: {
               default: {},
             },
diff --git a/app/client/src/widgets/CheckboxGroupWidget/widget/index.tsx b/app/client/src/widgets/CheckboxGroupWidget/widget/index.tsx
index 55109f14f9..5fd4f41f9c 100644
--- a/app/client/src/widgets/CheckboxGroupWidget/widget/index.tsx
+++ b/app/client/src/widgets/CheckboxGroupWidget/widget/index.tsx
@@ -142,6 +142,7 @@ class CheckboxGroupWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/CheckboxWidget/widget/index.tsx b/app/client/src/widgets/CheckboxWidget/widget/index.tsx
index aa1235d24f..fa8d72cab5 100644
--- a/app/client/src/widgets/CheckboxWidget/widget/index.tsx
+++ b/app/client/src/widgets/CheckboxWidget/widget/index.tsx
@@ -107,6 +107,7 @@ class CheckboxWidget extends BaseWidget<CheckboxWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/CodeScannerWidget/widget/index.tsx b/app/client/src/widgets/CodeScannerWidget/widget/index.tsx
index 85a659a8ba..aa89541230 100644
--- a/app/client/src/widgets/CodeScannerWidget/widget/index.tsx
+++ b/app/client/src/widgets/CodeScannerWidget/widget/index.tsx
@@ -81,6 +81,7 @@ class CodeScannerWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ContainerWidget/widget/index.tsx b/app/client/src/widgets/ContainerWidget/widget/index.tsx
index 9411636cad..9d9f903ae4 100644
--- a/app/client/src/widgets/ContainerWidget/widget/index.tsx
+++ b/app/client/src/widgets/ContainerWidget/widget/index.tsx
@@ -173,6 +173,7 @@ export class ContainerWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/CurrencyInputWidget/widget/index.tsx b/app/client/src/widgets/CurrencyInputWidget/widget/index.tsx
index 37cbb47276..a7a5bee6e6 100644
--- a/app/client/src/widgets/CurrencyInputWidget/widget/index.tsx
+++ b/app/client/src/widgets/CurrencyInputWidget/widget/index.tsx
@@ -220,6 +220,7 @@ class CurrencyInputWidget extends BaseInputWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/DatePickerWidget2/widget/index.tsx b/app/client/src/widgets/DatePickerWidget2/widget/index.tsx
index 72f1bf0689..942e9f237b 100644
--- a/app/client/src/widgets/DatePickerWidget2/widget/index.tsx
+++ b/app/client/src/widgets/DatePickerWidget2/widget/index.tsx
@@ -155,6 +155,7 @@ class DatePickerWidget extends BaseWidget<DatePickerWidget2Props, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/DividerWidget/widget/index.tsx b/app/client/src/widgets/DividerWidget/widget/index.tsx
index ad48c7f6d7..f684631459 100644
--- a/app/client/src/widgets/DividerWidget/widget/index.tsx
+++ b/app/client/src/widgets/DividerWidget/widget/index.tsx
@@ -69,6 +69,7 @@ class DividerWidget extends BaseWidget<DividerWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/DocumentViewerWidget/widget/index.tsx b/app/client/src/widgets/DocumentViewerWidget/widget/index.tsx
index 5174e0ca2c..c45f72c921 100644
--- a/app/client/src/widgets/DocumentViewerWidget/widget/index.tsx
+++ b/app/client/src/widgets/DocumentViewerWidget/widget/index.tsx
@@ -137,6 +137,7 @@ class DocumentViewerWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ExternalWidget/component/index.tsx b/app/client/src/widgets/ExternalWidget/component/index.tsx
new file mode 100644
index 0000000000..32125a522b
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/component/index.tsx
@@ -0,0 +1,123 @@
+import React, { useEffect, useRef } from "react";
+import styled from "styled-components";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+import script from "!!raw-loader!./script.js";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+import css from "!!raw-loader!./reset.css";
+
+const StyledIframe = styled.iframe`
+  width: ${(props) => props.width}px;
+  height: ${(props) => props.height}px;
+`;
+
+function ExternalComponent(props: any) {
+  const iframe = useRef<HTMLIFrameElement>(null);
+
+  useEffect(() => {
+    const handler = (event: MessageEvent) => {
+      const iframeWindow =
+        iframe.current?.contentWindow ||
+        iframe.current?.contentDocument?.defaultView;
+
+      if (event.source === iframeWindow) {
+        const message = event.data;
+
+        if (message.type === "UPDATE") {
+          props.update(message.data);
+        } else if (message.type === "EVENT") {
+          props.execute(message.data.eventName, message.data.contextObj);
+        } else if (message.type === "READY") {
+          iframe.current?.contentWindow?.postMessage(
+            {
+              type: "READY_ACK",
+              model: props.model,
+              dimensions: {
+                width: props.width,
+                height: props.height,
+              },
+            },
+            "*",
+          );
+        } else if (message.type === "UPDATE_HEIGHT") {
+          const height = message.data.height;
+
+          if (height) {
+            iframe.current!.style.height = `${height}px`;
+          }
+        }
+      }
+    };
+
+    window.addEventListener("message", handler, false);
+
+    return () => window.removeEventListener("message", handler, false);
+  }, []);
+
+  useEffect(() => {
+    if (iframe.current && iframe.current.contentWindow) {
+      iframe.current.contentWindow.postMessage(
+        {
+          type: "MODEL_UPDATE",
+          model: props.model,
+        },
+        "*",
+      );
+    }
+  }, [props.model]);
+
+  useEffect(() => {
+    if (iframe.current && iframe.current.contentWindow) {
+      iframe.current.contentWindow.postMessage(
+        {
+          type: "UI_UPDATE",
+          dimensions: {
+            width: props.width,
+            height: props.height,
+          },
+        },
+        "*",
+      );
+    }
+  }, [props.width, props.height]);
+
+  const srcDoc = `
+    <html>
+      <head>
+        <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+        <style>${css}</style>
+      </head>
+      <body>
+        <script type="text/javascript">${script}</script>
+        ${props.srcDoc.html}
+        <script type="text/babel"  data-presets="react" data-type="module">
+          ${props.srcDoc.js}
+        </script>
+        <style>${props.srcDoc.css}</style>
+      </body>
+    </html>
+  `;
+
+  return (
+    <div>
+      <StyledIframe
+        height={props.height}
+        ref={iframe}
+        sandbox="allow-scripts"
+        srcDoc={srcDoc}
+        width={props.width}
+      />
+    </div>
+  );
+}
+
+export interface ExternalComponentProps {
+  execute: (eventName: string, contextObj: Record<string, unknown>) => void;
+  update: (data: Record<string, unknown>) => void;
+  model: Record<string, unknown>;
+  srcDoc: string;
+}
+
+export default ExternalComponent;
diff --git a/app/client/src/widgets/ExternalWidget/component/reset.css b/app/client/src/widgets/ExternalWidget/component/reset.css
new file mode 100644
index 0000000000..45a05ecf85
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/component/reset.css
@@ -0,0 +1,129 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
diff --git a/app/client/src/widgets/ExternalWidget/component/script.js b/app/client/src/widgets/ExternalWidget/component/script.js
new file mode 100644
index 0000000000..dfe47a0e58
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/component/script.js
@@ -0,0 +1,150 @@
+((global) => {
+  const modelSubscribers = [];
+  const uiSubscribers = [];
+  let onReady;
+  // const heightObserver = new ResizeObserver((entries) => {
+  //   const height = entries[0].contentRect.height;
+
+  //   global.parent.postMessage(
+  //     {
+  //       type: "UPDATE_HEIGHT",
+  //       data: {
+  //         height,
+  //       },
+  //     },
+  //     "*",
+  //   );
+  // });
+
+  global.addEventListener("message", (event) => {
+    if (event.data.model) {
+      window.appsmith.model = event.data.model;
+    }
+    if (event.data.dimensions) {
+      window.appsmith.ui = event.data.dimensions;
+    }
+
+    switch (event.data.type) {
+      case "READY_ACK":
+        onReady && onReady();
+        global.appsmith.modelProvider.subscribe(
+          generateAppsmithCssVariables("model"),
+        );
+        global.appsmith.UIProvider.subscribe(
+          generateAppsmithCssVariables("ui"),
+        );
+
+        // heightObserver.observe(global.document.body);
+        break;
+      case "MODEL_UPDATE":
+        modelSubscribers.forEach((fn) => {
+          if (event.source === global.parent) {
+            fn(event.data.model);
+          }
+        });
+        break;
+      case "UI_UPDATE":
+        uiSubscribers.forEach((fn) => {
+          if (event.source === global.parent) {
+            fn(event.data.dimensions);
+          }
+        });
+        break;
+    }
+  });
+
+  global.appsmith = {
+    UIProvider: {
+      subscribe: (fn) => {
+        uiSubscribers.push(fn);
+
+        fn(global.appsmith.ui);
+
+        return () => {
+          const index = uiSubscribers.findIndex(fn);
+
+          if (index > -1) {
+            uiSubscribers.splice(index, 1);
+          }
+        };
+      },
+    },
+    modelProvider: {
+      subscribe: (fn) => {
+        modelSubscribers.push(fn);
+
+        fn(global.appsmith.model);
+
+        return () => {
+          const index = modelSubscribers.findIndex(fn);
+
+          if (index > -1) {
+            modelSubscribers.splice(index, 1);
+          }
+        };
+      },
+    },
+    updateModel: (obj) => {
+      global.parent.postMessage(
+        {
+          type: "UPDATE",
+          data: obj,
+        },
+        "*",
+      );
+    },
+    triggerEvent: (eventName, contextObj) => {
+      global.parent.postMessage(
+        {
+          type: "EVENT",
+          data: {
+            eventName,
+            contextObj,
+          },
+        },
+        "*",
+      );
+    },
+    model: {},
+    ui: {},
+    onReady: (fn) => {
+      onReady = fn;
+    },
+    // observeHeight: (element) => {
+    //   heightObserver.disconnect();
+    //   heightObserver.observe(element);
+    // },
+  };
+
+  window.addEventListener("load", () => {
+    global.parent.postMessage(
+      {
+        type: "READY",
+      },
+      "*",
+    );
+  });
+
+  const generateAppsmithCssVariables = (provider) => (source) => {
+    let cssTokens = document.getElementById(`appsmith-${provider}-css-tokens`);
+
+    if (!cssTokens) {
+      cssTokens = document.createElement("style");
+      cssTokens.id = `appsmith-${provider}-css-tokens`;
+      global.document.head.appendChild(cssTokens);
+    }
+
+    const cssTokensContent = Object.keys(source).reduce((acc, key) => {
+      if (typeof source[key] === "string" || typeof source[key] === "number") {
+        return `
+      ${acc}
+      --appsmith-${provider}-${key}: ${source[key]};
+      `;
+      } else {
+        return acc;
+      }
+    }, "");
+
+    cssTokens.innerHTML = `:root {${cssTokensContent}}`;
+  };
+})(window);
diff --git a/app/client/src/widgets/ExternalWidget/constants.ts b/app/client/src/widgets/ExternalWidget/constants.ts
new file mode 100644
index 0000000000..76662d74ab
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/constants.ts
@@ -0,0 +1,2 @@
+// This file contains common constants which can be used across the widget configuration file (index.ts), widget and component folders.
+export const EXTERNAL_WIDGET_CONSTANT = "";
diff --git a/app/client/src/widgets/ExternalWidget/icon.svg b/app/client/src/widgets/ExternalWidget/icon.svg
new file mode 100644
index 0000000000..8c9ceac2ec
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 32.822 32.822">
+  <g id="Lager_80" data-name="Lager 80" transform="translate(0 0.822)">
+    <path id="Path_89" data-name="Path 89" d="M24,22v5a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8h5a2,2,0,0,0,2-2h0a2,2,0,0,0-2-2H3A3,3,0,0,0,0,7V29a3,3,0,0,0,3,3H25a3,3,0,0,0,3-3V22a2,2,0,0,0-2-2h0A2,2,0,0,0,24,22Z" fill="#161615"/>
+    <rect id="Rectangle_40" data-name="Rectangle 40" width="16" height="4" rx="2" transform="translate(16 0)" fill="#161615"/>
+    <rect id="Rectangle_41" data-name="Rectangle 41" width="16" height="4" rx="2" transform="translate(32 0) rotate(90)" fill="#161615"/>
+    <g id="Group_37" data-name="Group 37">
+      <rect id="Rectangle_42" data-name="Rectangle 42" width="32.296" height="3.971" rx="1.986" transform="translate(7.178 22.014) rotate(-45)" fill="#161615"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/client/src/widgets/ExternalWidget/index.ts b/app/client/src/widgets/ExternalWidget/index.ts
new file mode 100644
index 0000000000..b668e51d06
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/index.ts
@@ -0,0 +1,3 @@
+import Widget from "./widget";
+
+export default Widget;
diff --git a/app/client/src/widgets/ExternalWidget/widget/index.tsx b/app/client/src/widgets/ExternalWidget/widget/index.tsx
new file mode 100644
index 0000000000..7206341e68
--- /dev/null
+++ b/app/client/src/widgets/ExternalWidget/widget/index.tsx
@@ -0,0 +1,204 @@
+import React from "react";
+
+import BaseWidget from "widgets/BaseWidget";
+import type { WidgetProps, WidgetState } from "widgets/BaseWidget";
+
+import IconSVG from "../icon.svg";
+
+import ExternalComponent from "../component";
+
+import type { DerivedPropertiesMap } from "WidgetProvider/factory";
+import { WIDGET_TAGS } from "constants/WidgetConstants";
+import { ValidationTypes } from "constants/WidgetValidation";
+import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
+import type { OnButtonClickProps } from "components/propertyControls/ButtonControl";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+
+class ExternalWidget extends BaseWidget<ExternalWidgetProps, WidgetState> {
+  static type = "EXTERNAL_WIDGET";
+
+  static getConfig() {
+    return {
+      name: "Custom Widget [alpha]",
+      hideCard: !super.getFeatureFlag(
+        FEATURE_FLAG.release_custom_widgets_enabled,
+      ),
+      iconSVG: IconSVG,
+      needsMeta: true,
+      isCanvas: false,
+      tags: [WIDGET_TAGS.DISPLAY],
+    };
+  }
+
+  static getDefaults() {
+    return {
+      widgetName: "CustomWidget",
+      rows: 50,
+      columns: 50,
+      version: 1,
+      events: [],
+      srcDoc: {
+        html: "<!-- no need to write html, head, body tags, it is handled by the widget -->",
+        js: "// no need to write window onLoad, it is handled by the widget",
+        css: "/* you can access your string properties of your model using `var(--appsmith-model-<property-name>)`*/",
+      },
+    };
+  }
+
+  static getPropertyPaneContentConfig() {
+    return [
+      {
+        sectionName: "Data",
+        children: [
+          {
+            propertyName: "defaultModel",
+            helpText: "The data that needs to be injected into the widget",
+            label: "Model",
+            controlType: "INPUT_TEXT",
+            placeholderText: "{}",
+            isBindProperty: true,
+            isTriggerProperty: false,
+            validation: {
+              type: ValidationTypes.OBJECT,
+            },
+          },
+          // {
+          //   propertyName: "isHosted",
+          //   label: "is your component hosted somewhere?",
+          //   controlType: "SWITCH",
+          //   isBindProperty: false,
+          //   isTriggerProperty: false,
+          // },
+          {
+            propertyName: "srcDoc",
+            helpText: "Inline HTML to embed, overriding the src attribute",
+            label: "srcDoc",
+            controlType: "HTML_DOCUMENT_BUILDER",
+            placeholderText: "<p>Inline HTML</p>",
+            isBindProperty: true,
+            isTriggerProperty: false,
+            hidden: (widget: WidgetProps) => {
+              return widget.isHosted;
+            },
+            dependencies: ["isHosted"],
+            evaluatedDependencies: ["defaultModel"],
+          },
+          {
+            propertyName: "src",
+            helpText: "Url of the hosted widget",
+            label: "src",
+            controlType: "HTML_DOCUMENT_BUILDER",
+            placeholderText: "https://deployed.somewhere.com/mycomponent",
+            isBindProperty: false,
+            isTriggerProperty: false,
+            validation: {
+              type: ValidationTypes.TEXT,
+            },
+            hidden: (widget: WidgetProps) => {
+              return !widget.isHosted;
+            },
+            dependencies: ["isHosted"],
+          },
+        ],
+      },
+      {
+        sectionName: "Events",
+        hasDynamicProperties: true,
+        generateDynamicProperties: (widgetProps: WidgetProps) => {
+          return widgetProps.events.map((event: string) => ({
+            propertyName: event,
+            label: event,
+            controlType: "ACTION_SELECTOR",
+            isJSConvertible: true,
+            isBindProperty: true,
+            isTriggerProperty: true,
+          }));
+        },
+        children: [
+          {
+            propertyName: "generateFormButton",
+            label: "",
+            controlType: "BUTTON",
+            isJSConvertible: false,
+            isBindProperty: false,
+            buttonLabel: "Add Event",
+            onClick: ({
+              batchUpdateProperties,
+              widgetProperties,
+            }: OnButtonClickProps) => {
+              const events = widgetProperties.events;
+
+              const eventName = prompt("what is the event name");
+
+              batchUpdateProperties({
+                events: [...events, eventName],
+              });
+            },
+            isTriggerProperty: false,
+            dependencies: ["events"],
+          },
+        ],
+      },
+    ];
+  }
+
+  static getPropertyPaneStyleConfig() {
+    return [];
+  }
+
+  static getDerivedPropertiesMap(): DerivedPropertiesMap {
+    return {};
+  }
+
+  static getDefaultPropertiesMap(): Record<string, string> {
+    return {
+      model: "defaultModel",
+    };
+  }
+
+  static getMetaPropertiesMap(): Record<string, any> {
+    return {
+      model: {},
+    };
+  }
+
+  execute = (eventName: string) => {
+    if (this.props.hasOwnProperty(eventName)) {
+      const eventString = this.props[eventName];
+
+      super.executeAction({
+        triggerPropertyName: eventName,
+        dynamicString: eventString,
+        event: {
+          type: EventType.ON_SUBMIT,
+        },
+      });
+    }
+  };
+
+  update = (data: Record<string, unknown>) => {
+    this.props.updateWidgetMetaProperty("model", {
+      ...this.props.model,
+      ...data,
+    });
+  };
+
+  getWidgetView() {
+    return (
+      <ExternalComponent
+        execute={(eventName: string) => this.execute(eventName)}
+        height={this.props.componentHeight}
+        model={this.props.model}
+        srcDoc={this.props.srcDoc}
+        update={(data: any) => this.update(data)}
+        width={this.props.componentWidth}
+      />
+    );
+  }
+}
+
+export interface ExternalWidgetProps extends WidgetProps {
+  something?: boolean;
+}
+
+export default ExternalWidget;
diff --git a/app/client/src/widgets/FilePickerWidgetV2/widget/index.tsx b/app/client/src/widgets/FilePickerWidgetV2/widget/index.tsx
index baf7f65a53..8878045672 100644
--- a/app/client/src/widgets/FilePickerWidgetV2/widget/index.tsx
+++ b/app/client/src/widgets/FilePickerWidgetV2/widget/index.tsx
@@ -116,6 +116,7 @@ class FilePickerWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: { base: "360px" },
diff --git a/app/client/src/widgets/FormWidget/widget/index.tsx b/app/client/src/widgets/FormWidget/widget/index.tsx
index f7a0af2c2c..96c1c81320 100644
--- a/app/client/src/widgets/FormWidget/widget/index.tsx
+++ b/app/client/src/widgets/FormWidget/widget/index.tsx
@@ -302,6 +302,7 @@ class FormWidget extends ContainerWidget {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/IconButtonWidget/widget/index.tsx b/app/client/src/widgets/IconButtonWidget/widget/index.tsx
index 135457ff97..d9ef454b09 100644
--- a/app/client/src/widgets/IconButtonWidget/widget/index.tsx
+++ b/app/client/src/widgets/IconButtonWidget/widget/index.tsx
@@ -96,6 +96,7 @@ class IconButtonWidget extends BaseWidget<IconButtonWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/IframeWidget/widget/index.tsx b/app/client/src/widgets/IframeWidget/widget/index.tsx
index 5209b650ea..bfb694bffd 100644
--- a/app/client/src/widgets/IframeWidget/widget/index.tsx
+++ b/app/client/src/widgets/IframeWidget/widget/index.tsx
@@ -93,6 +93,7 @@ class IframeWidget extends BaseWidget<IframeWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ImageWidget/widget/index.tsx b/app/client/src/widgets/ImageWidget/widget/index.tsx
index 3e54ef3a03..67aadb11a9 100644
--- a/app/client/src/widgets/ImageWidget/widget/index.tsx
+++ b/app/client/src/widgets/ImageWidget/widget/index.tsx
@@ -71,6 +71,7 @@ class ImageWidget extends BaseWidget<ImageWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/InputWidgetV2/widget/index.tsx b/app/client/src/widgets/InputWidgetV2/widget/index.tsx
index 37ff7fc45f..60b7b006c2 100644
--- a/app/client/src/widgets/InputWidgetV2/widget/index.tsx
+++ b/app/client/src/widgets/InputWidgetV2/widget/index.tsx
@@ -364,6 +364,7 @@ class InputWidget extends BaseInputWidget<InputWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/JSONFormWidget/widget/index.tsx b/app/client/src/widgets/JSONFormWidget/widget/index.tsx
index 9fc46a8f1d..f09956e242 100644
--- a/app/client/src/widgets/JSONFormWidget/widget/index.tsx
+++ b/app/client/src/widgets/JSONFormWidget/widget/index.tsx
@@ -146,8 +146,6 @@ class JSONFormWidget extends BaseWidget<
 
   static type = "JSON_FORM_WIDGET";
 
-  static preloadConfig = true;
-
   static getConfig() {
     return {
       name: "JSON Form",
@@ -321,6 +319,7 @@ class JSONFormWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ListWidget/widget/index.tsx b/app/client/src/widgets/ListWidget/widget/index.tsx
index 46aa0faac9..32bd576fe2 100644
--- a/app/client/src/widgets/ListWidget/widget/index.tsx
+++ b/app/client/src/widgets/ListWidget/widget/index.tsx
@@ -519,6 +519,7 @@ class ListWidget extends BaseWidget<ListWidgetProps<WidgetProps>, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ListWidgetV2/widget/index.tsx b/app/client/src/widgets/ListWidgetV2/widget/index.tsx
index 3eafa460c8..43ef659cdf 100644
--- a/app/client/src/widgets/ListWidgetV2/widget/index.tsx
+++ b/app/client/src/widgets/ListWidgetV2/widget/index.tsx
@@ -207,6 +207,7 @@ class ListWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/MapChartWidget/widget/index.tsx b/app/client/src/widgets/MapChartWidget/widget/index.tsx
index 73f0bbc4c3..0ff8ea2171 100644
--- a/app/client/src/widgets/MapChartWidget/widget/index.tsx
+++ b/app/client/src/widgets/MapChartWidget/widget/index.tsx
@@ -136,6 +136,7 @@ class MapChartWidget extends BaseWidget<MapChartWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/MapWidget/widget/index.tsx b/app/client/src/widgets/MapWidget/widget/index.tsx
index 7895b5c41a..016cc4257e 100644
--- a/app/client/src/widgets/MapWidget/widget/index.tsx
+++ b/app/client/src/widgets/MapWidget/widget/index.tsx
@@ -131,6 +131,7 @@ class MapWidget extends BaseWidget<MapWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/MenuButtonWidget/widget/index.tsx b/app/client/src/widgets/MenuButtonWidget/widget/index.tsx
index 1e872c40e6..c38d57257c 100644
--- a/app/client/src/widgets/MenuButtonWidget/widget/index.tsx
+++ b/app/client/src/widgets/MenuButtonWidget/widget/index.tsx
@@ -104,6 +104,7 @@ class MenuButtonWidget extends BaseWidget<MenuButtonWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: { base: "360px" },
diff --git a/app/client/src/widgets/MultiSelectTreeWidget/widget/index.tsx b/app/client/src/widgets/MultiSelectTreeWidget/widget/index.tsx
index b5520ce4fe..bd876c4327 100644
--- a/app/client/src/widgets/MultiSelectTreeWidget/widget/index.tsx
+++ b/app/client/src/widgets/MultiSelectTreeWidget/widget/index.tsx
@@ -158,6 +158,7 @@ class MultiSelectTreeWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/MultiSelectWidgetV2/widget/index.tsx b/app/client/src/widgets/MultiSelectWidgetV2/widget/index.tsx
index 6c839c102a..ade1977558 100644
--- a/app/client/src/widgets/MultiSelectWidgetV2/widget/index.tsx
+++ b/app/client/src/widgets/MultiSelectWidgetV2/widget/index.tsx
@@ -135,6 +135,7 @@ class MultiSelectWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/NumberSliderWidget/widget/index.tsx b/app/client/src/widgets/NumberSliderWidget/widget/index.tsx
index e5871ad23c..6d608ad5c9 100644
--- a/app/client/src/widgets/NumberSliderWidget/widget/index.tsx
+++ b/app/client/src/widgets/NumberSliderWidget/widget/index.tsx
@@ -116,6 +116,7 @@ class NumberSliderWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/PhoneInputWidget/widget/index.tsx b/app/client/src/widgets/PhoneInputWidget/widget/index.tsx
index 6aa4bb3998..4d0835638a 100644
--- a/app/client/src/widgets/PhoneInputWidget/widget/index.tsx
+++ b/app/client/src/widgets/PhoneInputWidget/widget/index.tsx
@@ -149,6 +149,7 @@ class PhoneInputWidget extends BaseInputWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/ProgressWidget/widget/index.tsx b/app/client/src/widgets/ProgressWidget/widget/index.tsx
index 2da1663f97..c79b76b070 100644
--- a/app/client/src/widgets/ProgressWidget/widget/index.tsx
+++ b/app/client/src/widgets/ProgressWidget/widget/index.tsx
@@ -74,6 +74,7 @@ class ProgressWidget extends BaseWidget<ProgressWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/RadioGroupWidget/widget/index.tsx b/app/client/src/widgets/RadioGroupWidget/widget/index.tsx
index 62ad2f3d66..57e5ab5a3e 100644
--- a/app/client/src/widgets/RadioGroupWidget/widget/index.tsx
+++ b/app/client/src/widgets/RadioGroupWidget/widget/index.tsx
@@ -284,6 +284,7 @@ class RadioGroupWidget extends BaseWidget<RadioGroupWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/RangeSliderWidget/widget/index.tsx b/app/client/src/widgets/RangeSliderWidget/widget/index.tsx
index 466bcc4e9c..3fb77a8181 100644
--- a/app/client/src/widgets/RangeSliderWidget/widget/index.tsx
+++ b/app/client/src/widgets/RangeSliderWidget/widget/index.tsx
@@ -133,6 +133,7 @@ class RangeSliderWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/RateWidget/widget/index.tsx b/app/client/src/widgets/RateWidget/widget/index.tsx
index ca5c467f9b..cfc32b98ea 100644
--- a/app/client/src/widgets/RateWidget/widget/index.tsx
+++ b/app/client/src/widgets/RateWidget/widget/index.tsx
@@ -178,6 +178,7 @@ class RateWidget extends BaseWidget<RateWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: (props: RateWidgetProps) => {
         let maxCount = props.maxCount;
         if (typeof maxCount !== "number")
diff --git a/app/client/src/widgets/RichTextEditorWidget/widget/index.tsx b/app/client/src/widgets/RichTextEditorWidget/widget/index.tsx
index 7b5e1f24c5..0728c5641e 100644
--- a/app/client/src/widgets/RichTextEditorWidget/widget/index.tsx
+++ b/app/client/src/widgets/RichTextEditorWidget/widget/index.tsx
@@ -129,6 +129,7 @@ class RichTextEditorWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/SelectWidget/widget/index.tsx b/app/client/src/widgets/SelectWidget/widget/index.tsx
index 3bc833c2b6..d17dc7ac23 100644
--- a/app/client/src/widgets/SelectWidget/widget/index.tsx
+++ b/app/client/src/widgets/SelectWidget/widget/index.tsx
@@ -188,6 +188,7 @@ class SelectWidget extends BaseWidget<SelectWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/SingleSelectTreeWidget/widget/index.tsx b/app/client/src/widgets/SingleSelectTreeWidget/widget/index.tsx
index dc0edd9550..7a1c7d8c94 100644
--- a/app/client/src/widgets/SingleSelectTreeWidget/widget/index.tsx
+++ b/app/client/src/widgets/SingleSelectTreeWidget/widget/index.tsx
@@ -147,6 +147,7 @@ class SingleSelectTreeWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/StatboxWidget/widget/index.tsx b/app/client/src/widgets/StatboxWidget/widget/index.tsx
index 3091ba57c5..0ecef07329 100644
--- a/app/client/src/widgets/StatboxWidget/widget/index.tsx
+++ b/app/client/src/widgets/StatboxWidget/widget/index.tsx
@@ -306,6 +306,7 @@ class StatboxWidget extends ContainerWidget {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/SwitchGroupWidget/widget/index.tsx b/app/client/src/widgets/SwitchGroupWidget/widget/index.tsx
index ece5f38a38..1ff1a0bdbb 100644
--- a/app/client/src/widgets/SwitchGroupWidget/widget/index.tsx
+++ b/app/client/src/widgets/SwitchGroupWidget/widget/index.tsx
@@ -109,6 +109,7 @@ class SwitchGroupWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/SwitchWidget/widget/index.tsx b/app/client/src/widgets/SwitchWidget/widget/index.tsx
index e2c6028ca0..2148ab92a4 100644
--- a/app/client/src/widgets/SwitchWidget/widget/index.tsx
+++ b/app/client/src/widgets/SwitchWidget/widget/index.tsx
@@ -103,6 +103,7 @@ class SwitchWidget extends BaseWidget<SwitchWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/TableWidget/widget/index.tsx b/app/client/src/widgets/TableWidget/widget/index.tsx
index 29a6b6d450..0718619e78 100644
--- a/app/client/src/widgets/TableWidget/widget/index.tsx
+++ b/app/client/src/widgets/TableWidget/widget/index.tsx
@@ -95,8 +95,6 @@ const defaultFilter = [
 class TableWidget extends BaseWidget<TableWidgetProps, WidgetState> {
   static type = "TABLE_WIDGET";
 
-  static preloadConfig = true;
-
   static getConfig() {
     return {
       name: "Table",
@@ -321,6 +319,7 @@ class TableWidget extends BaseWidget<TableWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/TableWidgetV2/widget/index.tsx b/app/client/src/widgets/TableWidgetV2/widget/index.tsx
index 31f1802169..6d0325d991 100644
--- a/app/client/src/widgets/TableWidgetV2/widget/index.tsx
+++ b/app/client/src/widgets/TableWidgetV2/widget/index.tsx
@@ -167,8 +167,6 @@ class TableWidgetV2 extends BaseWidget<TableWidgetProps, WidgetState> {
 
   static type = "TABLE_WIDGET_V2";
 
-  static preloadConfig = true;
-
   static getConfig() {
     return {
       name: "Table",
@@ -376,6 +374,7 @@ class TableWidgetV2 extends BaseWidget<TableWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/TabsWidget/widget/index.tsx b/app/client/src/widgets/TabsWidget/widget/index.tsx
index 6532d77ee7..865a66a64a 100644
--- a/app/client/src/widgets/TabsWidget/widget/index.tsx
+++ b/app/client/src/widgets/TabsWidget/widget/index.tsx
@@ -228,6 +228,7 @@ class TabsWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/TextWidget/widget/index.tsx b/app/client/src/widgets/TextWidget/widget/index.tsx
index 2aebec0719..78ee304424 100644
--- a/app/client/src/widgets/TextWidget/widget/index.tsx
+++ b/app/client/src/widgets/TextWidget/widget/index.tsx
@@ -136,6 +136,7 @@ class TextWidget extends BaseWidget<TextWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/VideoWidget/widget/index.tsx b/app/client/src/widgets/VideoWidget/widget/index.tsx
index e6218dc077..351b74935e 100644
--- a/app/client/src/widgets/VideoWidget/widget/index.tsx
+++ b/app/client/src/widgets/VideoWidget/widget/index.tsx
@@ -99,6 +99,7 @@ class VideoWidget extends BaseWidget<VideoWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/index.ts b/app/client/src/widgets/index.ts
index 71aa13d2de..bebbf6573c 100644
--- a/app/client/src/widgets/index.ts
+++ b/app/client/src/widgets/index.ts
@@ -63,9 +63,12 @@ import { WDSCheckboxWidget } from "./wds/WDSCheckboxWidget";
 import { WDSIconButtonWidget } from "./wds/WDSIconButtonWidget";
 import { WDSTextWidget } from "./wds/WDSTextWidget";
 import type BaseWidget from "./BaseWidget";
+import ExternalWidget from "./ExternalWidget";
 import { WDSTableWidget } from "./wds/WDSTableWidget";
+import { WDSCurrencyInputWidget } from "./wds/WDSCurrencyInputWidget";
 import { WDSButtonGroupWidget } from "./wds/WDSButtonGroupWidget";
 import { WDSCheckboxGroupWidget } from "./wds/WDSCheckboxGroupWidget";
+import { WDSSwitchWidget } from "./wds/WDSSwitchWidget";
 
 const Widgets = [
   CanvasWidget,
@@ -117,14 +120,17 @@ const Widgets = [
   CategorySliderWidget,
   CodeScannerWidget,
   ListWidgetV2,
+  ExternalWidget,
   WDSButtonWidget,
   WDSInputWidget,
   WDSCheckboxWidget,
   WDSIconButtonWidget,
   WDSTextWidget,
   WDSTableWidget,
+  WDSCurrencyInputWidget,
   WDSButtonGroupWidget,
   WDSCheckboxGroupWidget,
+  WDSSwitchWidget,
 
   //Deprecated Widgets
   InputWidget,
diff --git a/app/client/src/widgets/wds/WDSBaseInputWidget/component/types.ts b/app/client/src/widgets/wds/WDSBaseInputWidget/component/types.ts
index acedc03362..5926cde5cb 100644
--- a/app/client/src/widgets/wds/WDSBaseInputWidget/component/types.ts
+++ b/app/client/src/widgets/wds/WDSBaseInputWidget/component/types.ts
@@ -1,9 +1,14 @@
 import type { ComponentProps } from "widgets/BaseComponent";
 import type { TextInputProps } from "@design-system/widgets";
 
+export type KeyDownEvent = React.KeyboardEvent<
+  HTMLTextAreaElement | HTMLInputElement
+>;
+
 export interface BaseInputComponentProps extends ComponentProps {
   autoFocus?: boolean;
   autoComplete?: string;
+  onKeyDown?: (e: KeyDownEvent) => void;
 
   maxChars?: number;
   widgetId: string;
diff --git a/app/client/src/widgets/wds/WDSBaseInputWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSBaseInputWidget/widget/index.tsx
index ce501e5155..b67c1418f2 100644
--- a/app/client/src/widgets/wds/WDSBaseInputWidget/widget/index.tsx
+++ b/app/client/src/widgets/wds/WDSBaseInputWidget/widget/index.tsx
@@ -86,6 +86,7 @@ class WDSBaseInputWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/wds/WDSButtonWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSButtonWidget/widget/index.tsx
index 1fff9c48c5..04975387fd 100644
--- a/app/client/src/widgets/wds/WDSButtonWidget/widget/index.tsx
+++ b/app/client/src/widgets/wds/WDSButtonWidget/widget/index.tsx
@@ -99,6 +99,7 @@ class WDSButtonWidget extends BaseWidget<ButtonWidgetProps, ButtonWidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: { base: "360px" },
diff --git a/app/client/src/widgets/wds/WDSCheckboxGroupWidget/config/anvilConfig.ts b/app/client/src/widgets/wds/WDSCheckboxGroupWidget/config/anvilConfig.ts
index 3e259eae1a..1e3e41edda 100644
--- a/app/client/src/widgets/wds/WDSCheckboxGroupWidget/config/anvilConfig.ts
+++ b/app/client/src/widgets/wds/WDSCheckboxGroupWidget/config/anvilConfig.ts
@@ -1,6 +1,7 @@
 import type { AnvilConfig } from "WidgetProvider/constants";
 
 export const anvilConfig: AnvilConfig = {
+  isLargeWidget: false,
   widgetSize: {
     maxHeight: {},
     maxWidth: {},
diff --git a/app/client/src/widgets/wds/WDSCheckboxWidget/config/anvilConfig.ts b/app/client/src/widgets/wds/WDSCheckboxWidget/config/anvilConfig.ts
index 83eda12253..1e5907856f 100644
--- a/app/client/src/widgets/wds/WDSCheckboxWidget/config/anvilConfig.ts
+++ b/app/client/src/widgets/wds/WDSCheckboxWidget/config/anvilConfig.ts
@@ -1,6 +1,7 @@
 import type { AnvilConfig } from "WidgetProvider/constants";
 
 export const anvilConfig: AnvilConfig = {
+  isLargeWidget: false,
   widgetSize: {
     maxHeight: {},
     maxWidth: {},
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/index.tsx b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/index.tsx
new file mode 100644
index 0000000000..4825e2ac4b
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/index.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { Text, TextInput } from "@design-system/widgets";
+import type { CurrencyInputComponentProps } from "./types";
+import { CurrencyTypeOptions } from "constants/Currency";
+
+export function CurrencyInputComponent(props: CurrencyInputComponentProps) {
+  const currency = CurrencyTypeOptions.find(
+    (option) => option.currency === props.currencyCode,
+  );
+
+  return (
+    <TextInput
+      autoComplete={props.autoComplete}
+      autoFocus={props.autoFocus}
+      contextualHelp={props.tooltip}
+      errorMessage={props.errorMessage}
+      isDisabled={props.isDisabled}
+      isRequired={props.isRequired}
+      label={props.label}
+      onChange={props.onValueChange}
+      onFocusChange={props.onFocusChange}
+      onKeyDown={props.onKeyDown}
+      placeholder={props.placeholder}
+      startIcon={<Text>{currency?.symbol_native}</Text>}
+      validationState={props.validationStatus}
+      value={props.value}
+    />
+  );
+}
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/types.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/types.ts
new file mode 100644
index 0000000000..879b34c29a
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/types.ts
@@ -0,0 +1,12 @@
+import type { CurrencyTypeOptions } from "constants/Currency";
+import type { BaseInputComponentProps } from "widgets/wds/WDSBaseInputWidget";
+
+export interface CurrencyInputComponentProps extends BaseInputComponentProps {
+  currencyCode?: string;
+  noOfDecimals?: number;
+  allowCurrencyChange?: boolean;
+  decimals?: number;
+  onCurrencyChange: (
+    code?: (typeof CurrencyTypeOptions)[number]["currency"],
+  ) => void;
+}
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/utilities.test.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/utilities.test.ts
new file mode 100644
index 0000000000..bb20a07612
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/utilities.test.ts
@@ -0,0 +1,129 @@
+import {
+  getLocaleDecimalSeperator,
+  getLocaleThousandSeparator,
+} from "widgets/WidgetUtils";
+import {
+  formatCurrencyNumber,
+  limitDecimalValue,
+  parseLocaleFormattedStringToNumber,
+} from "./utilities";
+
+let locale = "en-US";
+
+jest.mock("utils/helpers", () => {
+  const originalModule = jest.requireActual("utils/helpers");
+  return {
+    __esModule: true,
+    ...originalModule,
+    getLocale: () => {
+      return locale;
+    },
+  };
+});
+
+describe("Utilities - ", () => {
+  it("should test formatCurrencyNumber", () => {
+    //below values are in format of [no. of decimals, input, output]
+    [
+      [0, "123", "123"],
+      [1, "123", "123"],
+      [2, "123", "123"],
+      [0, "123.12", "123"],
+      [1, "123.12", "123.1"],
+      [2, "123.12", "123.12"],
+      [2, "123456.12", "123,456.12"],
+      [1, "123456.12", "123,456.1"],
+      [0, "123456.12", "123,456"],
+      [0, "12345678", "12,345,678"],
+      [2, "12345678", "12,345,678"],
+      [2, "0.22", "0.22"],
+      [1, "0.22", "0.2"],
+      [0, "0.22", "0"],
+      [2, "0.22123123", "0.22"],
+      [1, "0.22123123", "0.2"],
+      [0, "0.22123123", "0"],
+      [0, "4", "4"],
+      [0, "4.9", "5"],
+      [0, "4.2", "4"],
+      [1, "4", "4"],
+      [1, "4.9", "4.9"],
+      [1, "4.99", "5.0"],
+      [1, "4.10", "4.1"],
+      [1, "4.12", "4.1"],
+      [2, "4", "4"],
+      [2, "4.90", "4.90"],
+      [2, "4.9", "4.90"],
+      [2, "4.99", "4.99"],
+      [2, "4.10", "4.10"],
+      [2, "4.1", "4.10"],
+      [2, "4.11", "4.11"],
+      [2, "4.119", "4.12"],
+      [2, "4.111", "4.11"],
+      [2, "4.999", "5.00"],
+    ].forEach((d) => {
+      expect(formatCurrencyNumber(d[0] as number, d[1] as string)).toBe(d[2]);
+    });
+  });
+
+  it("should test limitDecimalValue", () => {
+    [
+      [0, "123.12", "123"],
+      [1, "123.12", "123.1"],
+      [2, "123.12", "123.12"],
+      [2, "123456.12", "123456.12"],
+      [1, "123456.12", "123456.1"],
+      [0, "123456.12", "123456"],
+      [2, "0.22", "0.22"],
+      [1, "0.22", "0.2"],
+      [0, "0.22", "0"],
+      [2, "0.22123123", "0.22"],
+      [1, "0.22123123", "0.2"],
+      [0, "0.22123123", "0"],
+    ].forEach((d) => {
+      expect(limitDecimalValue(d[0] as number, d[1] as string)).toBe(d[2]);
+    });
+  });
+
+  it("should test getLocaleDecimalSeperator", () => {
+    expect(getLocaleDecimalSeperator()).toBe(".");
+    locale = "en-IN";
+    expect(getLocaleDecimalSeperator()).toBe(".");
+    locale = "hr-HR";
+    expect(getLocaleDecimalSeperator()).toBe(",");
+  });
+
+  it("should test getLocaleThousandSeparator", () => {
+    locale = "en-US";
+    expect(getLocaleThousandSeparator()).toBe(",");
+    locale = "en-IN";
+    expect(getLocaleThousandSeparator()).toBe(",");
+    locale = "hr-HR";
+    expect(getLocaleThousandSeparator()).toBe(".");
+  });
+
+  it("shoud test parseLocaleFormattedStringToNumber", () => {
+    locale = "en-US";
+    [
+      ["123", 123],
+      ["123.12", 123.12],
+      ["123,456.12", 123456.12],
+      ["123,456,789.12", 123456789.12],
+      ["0.22", 0.22],
+      ["0.22123123", 0.22123123],
+    ].forEach((d) => {
+      expect(parseLocaleFormattedStringToNumber(d[0] as string)).toBe(d[1]);
+    });
+
+    locale = "hr-HR";
+    [
+      ["123", 123],
+      ["123,12", 123.12],
+      ["123.456,12", 123456.12],
+      ["123.456.789,12", 123456789.12],
+      ["0,22", 0.22],
+      ["0,22123123", 0.22123123],
+    ].forEach((d) => {
+      expect(parseLocaleFormattedStringToNumber(d[0] as string)).toBe(d[1]);
+    });
+  });
+});
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/utilities.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/utilities.ts
new file mode 100644
index 0000000000..fc86568bc1
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/component/utilities.ts
@@ -0,0 +1,62 @@
+import { getLocale } from "utils/helpers";
+import {
+  getLocaleDecimalSeperator,
+  getLocaleThousandSeparator,
+} from "widgets/WidgetUtils";
+
+/*
+ Returns formatted value with maximum number of decimals based on decimalsInCurrency value
+ and add commas based on user's locale
+  for eg:
+  a) (2, 1235.456) will return 1,235.45
+  b) (1, 1234.456) will return 1,234.4
+*/
+export const formatCurrencyNumber = (decimalsInCurrency = 0, value: string) => {
+  const fractionDigits = decimalsInCurrency || 0;
+  const hasDecimal = value.includes(getLocaleDecimalSeperator());
+  const locale = getLocale();
+  const formatter = new Intl.NumberFormat(locale, {
+    style: "decimal",
+    minimumFractionDigits: hasDecimal ? fractionDigits : 0,
+    maximumFractionDigits: hasDecimal ? fractionDigits : 0,
+  });
+
+  const parsedValue = parseLocaleFormattedStringToNumber(value);
+  return formatter.format(isNaN(parsedValue) ? 0 : parsedValue);
+};
+
+/*
+ Returns value in string format with maximum number of decimals based on decimalsInCurrency value
+  for eg:
+  a) (2, 1235.456) will return 1235.45
+  b) (1, 1234.456) will return 1234.4
+*/
+export const limitDecimalValue = (decimals = 0, value = "") => {
+  const decimalSeperator = getLocaleDecimalSeperator();
+  value = value.split(getLocaleThousandSeparator()).join("");
+  switch (decimals) {
+    case 0:
+      return value.split(decimalSeperator).shift() || "";
+    case 1:
+    case 2:
+      const decimalValueArray = value.split(decimalSeperator);
+      return (
+        decimalValueArray[0] +
+        decimalSeperator +
+        decimalValueArray[1].slice(0, decimals)
+      );
+    default:
+      return value;
+  }
+};
+
+/*
+ *  Parses the locale formatted currency string to number
+ */
+export function parseLocaleFormattedStringToNumber(currencyString = "") {
+  return parseFloat(
+    currencyString
+      .replace(new RegExp("\\" + getLocaleThousandSeparator(), "g"), "")
+      .replace(new RegExp("\\" + getLocaleDecimalSeperator()), "."),
+  );
+}
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/constants.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/constants.ts
new file mode 100644
index 0000000000..84e0aaa882
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/constants.ts
@@ -0,0 +1,27 @@
+import { CurrencyTypeOptions } from "constants/Currency";
+import { countryToFlag } from "./widget/helpers";
+
+const getCurrencyOptions = () => {
+  return CurrencyTypeOptions.map((item) => {
+    return {
+      leftElement: countryToFlag(item.code),
+      searchText: item.label,
+      label: `${item.currency} - ${item.currency_name}`,
+      value: item.currency,
+      id: item.symbol_native,
+    };
+  });
+};
+
+export const CurrencyDropdownOptions = getCurrencyOptions();
+
+export const getDefaultCurrency = () => {
+  return {
+    code: "IN",
+    currency: "INR",
+    currency_name: "Indian Rupee",
+    label: "India",
+    phone: "91",
+    symbol_native: "₹",
+  };
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/icon.svg b/app/client/src/widgets/wds/WDSCurrencyInputWidget/icon.svg
new file mode 100644
index 0000000000..d723545078
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/icon.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 5H23V18.2H1V5ZM3.2 16V7.2H20.8V16H3.2Z" fill="#4C5664"/>
+<path d="M6.29443 14.2608H6.67148V13.7258C7.52871 13.6646 8.17645 13.207 8.17645 12.4142V12.4078C8.17645 11.7117 7.7124 11.3636 6.85194 11.1638L6.67148 11.1219V9.87153C7.05819 9.92632 7.32568 10.1551 7.36757 10.5322L7.37079 10.5386L8.11845 10.5354V10.5322C8.08945 9.79419 7.50937 9.29145 6.67148 9.22377V8.68237H6.29443V9.22377C5.45332 9.28178 4.85068 9.76196 4.85068 10.4999V10.5064C4.85068 11.1767 5.30185 11.5505 6.13007 11.7407L6.29443 11.7793V13.0813C5.81103 13.0297 5.57256 12.7784 5.51777 12.4271L5.51454 12.4206L4.76688 12.4239L4.76367 12.4271C4.78944 13.207 5.44042 13.671 6.29443 13.7258V14.2608ZM5.62734 10.4484V10.4419C5.62734 10.1648 5.85615 9.9231 6.29443 9.87153V11.0349C5.81747 10.9092 5.62734 10.7191 5.62734 10.4484ZM7.3998 12.4851V12.4916C7.3998 12.8106 7.17421 13.0394 6.67148 13.0813V11.8664C7.22256 12.0049 7.3998 12.179 7.3998 12.4851Z" fill="#4C5664"/>
+</svg>
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/index.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/index.ts
new file mode 100644
index 0000000000..bd422433d3
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/index.ts
@@ -0,0 +1,3 @@
+import { WDSCurrencyInputWidget } from "./widget";
+
+export { WDSCurrencyInputWidget };
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/anvilConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/anvilConfig.ts
new file mode 100644
index 0000000000..4e6e1dc076
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/anvilConfig.ts
@@ -0,0 +1,11 @@
+import type { AnvilConfig } from "WidgetProvider/constants";
+
+export const anvilConfig: AnvilConfig = {
+  widgetSize: {
+    maxHeight: {},
+    maxWidth: {},
+    minHeight: { base: "70px" },
+    minWidth: { base: "120px" },
+  },
+  isLargeWidget: false,
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/autocompleteConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/autocompleteConfig.ts
new file mode 100644
index 0000000000..40d635b616
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/autocompleteConfig.ts
@@ -0,0 +1,28 @@
+import { DefaultAutocompleteDefinitions } from "widgets/WidgetUtils";
+
+export const autocompleteConfig = {
+  "!doc":
+    "An input text field is used to capture a currency value. Inputs are used in forms and can have custom validations.",
+  "!url": "https://docs.appsmith.com/widget-reference/currency-input",
+  text: {
+    "!type": "string",
+    "!doc": "The formatted text value of the input",
+    "!url": "https://docs.appsmith.com/widget-reference/currency-input",
+  },
+  value: {
+    "!type": "number",
+    "!doc": "The value of the input",
+    "!url": "https://docs.appsmith.com/widget-reference/currency-input",
+  },
+  isValid: "bool",
+  isVisible: DefaultAutocompleteDefinitions.isVisible,
+  isDisabled: "bool",
+  countryCode: {
+    "!type": "string",
+    "!doc": "Selected country code for Currency",
+  },
+  currencyCode: {
+    "!type": "string",
+    "!doc": "Selected Currency code",
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/defaultsConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/defaultsConfig.ts
new file mode 100644
index 0000000000..b84476f89d
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/defaultsConfig.ts
@@ -0,0 +1,18 @@
+import { FILL_WIDGET_MIN_WIDTH } from "constants/minWidthConstants";
+import { WDSBaseInputWidget } from "widgets/wds/WDSBaseInputWidget";
+import { ResponsiveBehavior } from "layoutSystems/common/utils/constants";
+
+import { getDefaultCurrency } from "../../constants";
+
+export const defaultsConfig = {
+  ...WDSBaseInputWidget.getDefaults(),
+  widgetName: "CurrencyInput",
+  version: 1,
+  rows: 7,
+  allowCurrencyChange: false,
+  defaultCurrencyCode: getDefaultCurrency().currency,
+  decimals: 0,
+  showStepArrows: false,
+  responsiveBehavior: ResponsiveBehavior.Fill,
+  minWidth: FILL_WIDGET_MIN_WIDTH,
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/featuresConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/featuresConfig.ts
new file mode 100644
index 0000000000..83bb03e32e
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/featuresConfig.ts
@@ -0,0 +1,9 @@
+import { DynamicHeight } from "utils/WidgetFeatures";
+
+export const featuresConfig = {
+  dynamicHeight: {
+    sectionIndex: 3,
+    defaultValue: DynamicHeight.FIXED,
+    active: true,
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/index.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/index.ts
new file mode 100644
index 0000000000..08b08e53c6
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/index.ts
@@ -0,0 +1,8 @@
+export * from "./propertyPaneConfig";
+export { metaConfig } from "./metaConfig";
+export { settersConfig } from "./settersConfig";
+export { defaultsConfig } from "./defaultsConfig";
+export { featuresConfig } from "./featuresConfig";
+export { autocompleteConfig } from "./autocompleteConfig";
+export { anvilConfig } from "./anvilConfig";
+export { propertyPaneContentConfig } from "./propertyPaneConfig";
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/metaConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/metaConfig.ts
new file mode 100644
index 0000000000..0470ae711b
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/metaConfig.ts
@@ -0,0 +1,11 @@
+import { WIDGET_TAGS } from "constants/WidgetConstants";
+
+import IconSVG from "../../icon.svg";
+
+export const metaConfig = {
+  name: "Currency Input",
+  iconSVG: IconSVG,
+  tags: [WIDGET_TAGS.INPUTS],
+  needsMeta: true,
+  searchTags: ["amount", "total"],
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/contentConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/contentConfig.ts
new file mode 100644
index 0000000000..fe57ffeeb6
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/contentConfig.ts
@@ -0,0 +1,120 @@
+import { CurrencyTypeOptions } from "constants/Currency";
+import { ValidationTypes } from "constants/WidgetValidation";
+import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
+
+import * as validations from "./validations";
+import { countryToFlag } from "../../helpers";
+
+export const propertyPaneContentConfig = [
+  {
+    sectionName: "Data",
+    children: [
+      {
+        helpText:
+          "Sets the default text of the widget. The text is updated if the default text changes",
+        propertyName: "defaultText",
+        label: "Default value",
+        controlType: "INPUT_TEXT",
+        placeholderText: "100",
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: {
+          type: ValidationTypes.FUNCTION,
+          params: {
+            fn: validations.defaultValueValidation,
+            expected: {
+              type: "number",
+              example: `100`,
+              autocompleteDataType: AutocompleteDataType.STRING,
+            },
+          },
+        },
+        dependencies: ["decimals"],
+      },
+      {
+        helpText: "Changes the type of currency",
+        propertyName: "defaultCurrencyCode",
+        label: "Currency",
+        enableSearch: true,
+        dropdownHeight: "156px",
+        controlType: "DROP_DOWN",
+        searchPlaceholderText: "Search by code or name",
+        options: CurrencyTypeOptions.map((item) => {
+          return {
+            leftElement: countryToFlag(item.code),
+            searchText: item.label,
+            label: `${item.currency} - ${item.currency_name}`,
+            value: item.currency,
+            id: item.symbol_native,
+          };
+        }),
+        virtual: true,
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: {
+          type: ValidationTypes.TEXT,
+        },
+      },
+      {
+        propertyName: "allowCurrencyChange",
+        label: "Allow currency change",
+        helpText: "Search by currency or country",
+        controlType: "SWITCH",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+      {
+        helpText: "No. of decimals in currency input",
+        propertyName: "decimals",
+        label: "Decimals allowed",
+        controlType: "DROP_DOWN",
+        options: [
+          {
+            label: "0",
+            value: 0,
+          },
+          {
+            label: "1",
+            value: 1,
+          },
+          {
+            label: "2",
+            value: 2,
+          },
+        ],
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: {
+          type: ValidationTypes.NUMBER,
+          params: {
+            min: 0,
+            max: 2,
+          },
+        },
+      },
+    ],
+  },
+  {
+    sectionName: "Label",
+    children: [],
+  },
+  {
+    sectionName: "Validation",
+    children: [
+      {
+        propertyName: "isRequired",
+        label: "Required",
+        helpText: "Makes input to the widget mandatory",
+        controlType: "SWITCH",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+    ],
+  },
+];
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/index.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/index.ts
new file mode 100644
index 0000000000..7f43d3bde5
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/index.ts
@@ -0,0 +1 @@
+export { propertyPaneContentConfig } from "./contentConfig";
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/validations/defaultValueValidation.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/validations/defaultValueValidation.ts
new file mode 100644
index 0000000000..7a2fd36767
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/validations/defaultValueValidation.ts
@@ -0,0 +1,104 @@
+import type { ValidationResponse } from "constants/WidgetValidation";
+
+import type { CurrencyInputWidgetProps } from "../../../types";
+
+export function defaultValueValidation(
+  value: any,
+  props: CurrencyInputWidgetProps,
+  _?: any,
+): ValidationResponse {
+  const NUMBER_ERROR_MESSAGE = {
+    name: "TypeError",
+    message: "This value must be number",
+  };
+  const DECIMAL_SEPARATOR_ERROR_MESSAGE = {
+    name: "ValidationError",
+    message: "Please use . as the decimal separator for default values.",
+  };
+  const EMPTY_ERROR_MESSAGE = {
+    name: "",
+    message: "",
+  };
+  const localeLang = navigator.languages?.[0] || "en-US";
+
+  function getLocaleDecimalSeperator() {
+    return Intl.NumberFormat(localeLang)
+      .format(1.1)
+      .replace(/\p{Number}/gu, "");
+  }
+  const decimalSeperator = getLocaleDecimalSeperator();
+  const defaultDecimalSeperator = ".";
+  if (_.isObject(value)) {
+    return {
+      isValid: false,
+      parsed: JSON.stringify(value, null, 2),
+      messages: [NUMBER_ERROR_MESSAGE],
+    };
+  }
+
+  if (_.isBoolean(value) || _.isUndefined(value) || _.isNull(value)) {
+    return {
+      isValid: false,
+      parsed: value,
+      messages: [NUMBER_ERROR_MESSAGE],
+    };
+  }
+
+  let parsed: any = Number(value);
+  let isValid, messages;
+
+  if (_.isString(value) && value.trim() === "") {
+    /*
+     *  When value is empty string
+     */
+    isValid = true;
+    messages = [EMPTY_ERROR_MESSAGE];
+    parsed = undefined;
+  } else if (!Number.isFinite(parsed)) {
+    /*
+     *  When parsed value is not a finite numer
+     */
+    isValid = false;
+    parsed = undefined;
+
+    /**
+     * Check whether value contains the locale decimal separator apart from "."
+     * We only allow "." as a decimal separator inside default value
+     */
+    if (
+      String(value).indexOf(defaultDecimalSeperator) === -1 &&
+      String(value).indexOf(decimalSeperator) > 0
+    ) {
+      messages = [DECIMAL_SEPARATOR_ERROR_MESSAGE];
+    } else {
+      messages = [NUMBER_ERROR_MESSAGE];
+    }
+  } else {
+    /*
+     *  When parsed value is a Number
+     */
+
+    // Check whether value is honoring the decimals property
+    if (parsed !== Number(parsed.toFixed(props.decimals))) {
+      isValid = false;
+      messages = [
+        {
+          name: "RangeError",
+          message:
+            "No. of decimals are higher than the decimals field set. Please update the default or the decimals field",
+        },
+      ];
+    } else {
+      isValid = true;
+      messages = [EMPTY_ERROR_MESSAGE];
+    }
+
+    parsed = String(parsed);
+  }
+
+  return {
+    isValid,
+    parsed,
+    messages,
+  };
+}
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/validations/index.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/validations/index.ts
new file mode 100644
index 0000000000..edeb38be1a
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/propertyPaneConfig/validations/index.ts
@@ -0,0 +1 @@
+export { defaultValueValidation } from "./defaultValueValidation";
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/settersConfig.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/settersConfig.ts
new file mode 100644
index 0000000000..479d2b27e3
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/config/settersConfig.ts
@@ -0,0 +1,21 @@
+export const settersConfig = {
+  __setters: {
+    setVisibility: {
+      path: "isVisible",
+      type: "boolean",
+    },
+    setDisabled: {
+      path: "isDisabled",
+      type: "boolean",
+    },
+    setRequired: {
+      path: "isRequired",
+      type: "boolean",
+    },
+    setValue: {
+      path: "defaultText",
+      type: "string",
+      accessor: "text",
+    },
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/derived.js b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/derived.js
new file mode 100644
index 0000000000..154ae98f72
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/derived.js
@@ -0,0 +1,90 @@
+/* eslint-disable @typescript-eslint/no-unused-vars*/
+export default {
+  isValid: (props, moment, _) => {
+    let hasValidValue, value;
+    try {
+      value = Number(props.value);
+      hasValidValue = Number.isFinite(value);
+    } catch (e) {
+      return false;
+    }
+
+    if (!props.isRequired && (props.text === "" || props.text === undefined)) {
+      return true;
+    }
+    if (props.isRequired && !hasValidValue) {
+      return false;
+    }
+
+    if (typeof props.validation === "boolean" && !props.validation) {
+      return false;
+    }
+
+    let parsedRegex = null;
+    if (props.regex) {
+      /*
+       * break up the regexp pattern into 4 parts: given regex, regex prefix , regex pattern, regex flags
+       * Example /test/i will be split into ["/test/gi", "/", "test", "gi"]
+       */
+      const regexParts = props.regex.match(/(\/?)(.+)\\1([a-z]*)/i);
+
+      if (!regexParts) {
+        parsedRegex = new RegExp(props.regex);
+      } else {
+        if (
+          regexParts[3] &&
+          !/^(?!.*?(.).*?\\1)[gmisuy]+$/.test(regexParts[3])
+        ) {
+          parsedRegex = RegExp(props.regex);
+        } else {
+          /*
+           * if we have a regex flags, use it to form regexp
+           */
+          parsedRegex = new RegExp(regexParts[2], regexParts[3]);
+        }
+      }
+    }
+    if (parsedRegex) {
+      return parsedRegex.test(props.text);
+    } else {
+      return hasValidValue;
+    }
+  },
+  //
+  value: (props, moment, _) => {
+    const text = props.text;
+
+    function getLocale() {
+      return navigator.languages?.[0] || "en-US";
+    }
+
+    function getLocaleDecimalSeperator() {
+      return Intl.NumberFormat(getLocale())
+        .format(1.1)
+        .replace(/\p{Number}/gu, "");
+    }
+
+    function getLocaleThousandSeparator() {
+      return Intl.NumberFormat(getLocale())
+        .format(11111)
+        .replace(/\p{Number}/gu, "");
+    }
+
+    if (text) {
+      const parsed = parseFloat(
+        text
+          .replace(new RegExp(`[${getLocaleThousandSeparator()}]`, "g"), "")
+          .replace(new RegExp(`[${getLocaleDecimalSeperator()}]`), "."),
+      );
+
+      if (Number.isNaN(parsed)) {
+        parsed = undefined;
+      }
+
+      return parsed;
+    } else {
+      return undefined;
+    }
+  },
+  //
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/derived.test.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/derived.test.ts
new file mode 100644
index 0000000000..4014c07987
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/derived.test.ts
@@ -0,0 +1,65 @@
+import derivedProperty from "./derived";
+
+describe("Derived property - ", () => {
+  describe("isValid property", () => {
+    it("should test isRequired", () => {
+      let isValid = derivedProperty.isValid({
+        text: undefined,
+        isRequired: false,
+      });
+
+      expect(isValid).toBeTruthy();
+
+      isValid = derivedProperty.isValid({
+        text: undefined,
+        isRequired: true,
+      });
+
+      expect(isValid).toBeFalsy();
+
+      isValid = derivedProperty.isValid({
+        value: 100,
+        text: "100",
+        isRequired: true,
+      });
+
+      expect(isValid).toBeTruthy();
+    });
+
+    it("should test validation", () => {
+      let isValid = derivedProperty.isValid({
+        value: 100,
+        text: "100",
+        validation: false,
+      });
+
+      expect(isValid).toBeFalsy();
+
+      isValid = derivedProperty.isValid({
+        value: 100,
+        text: "100",
+        validation: true,
+      });
+
+      expect(isValid).toBeTruthy();
+    });
+
+    it("should test regex validation", () => {
+      let isValid = derivedProperty.isValid({
+        value: 100,
+        text: "100",
+        regex: "^100$",
+      });
+
+      expect(isValid).toBeTruthy();
+
+      isValid = derivedProperty.isValid({
+        value: 101,
+        text: "101",
+        regex: "^100$",
+      });
+
+      expect(isValid).toBeFalsy();
+    });
+  });
+});
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/helpers.test.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/helpers.test.ts
new file mode 100644
index 0000000000..b2258ee480
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/helpers.test.ts
@@ -0,0 +1,21 @@
+import { countryToFlag } from "./helpers";
+
+describe("countryToFlag", () => {
+  it("should test countryToFlag", () => {
+    [
+      ["IN", "🇮🇳"],
+      ["in", "🇮🇳"],
+      ["US", "🇺🇸"],
+    ].forEach((d) => {
+      expect(countryToFlag(d[0])).toBe(d[1]);
+    });
+    String.fromCodePoint = undefined as any;
+    [
+      ["IN", "IN"],
+      ["in", "in"],
+      ["US", "US"],
+    ].forEach((d) => {
+      expect(countryToFlag(d[0])).toBe(d[1]);
+    });
+  });
+});
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/helpers.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/helpers.ts
new file mode 100644
index 0000000000..4b6b9982ac
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/helpers.ts
@@ -0,0 +1,45 @@
+import {
+  createMessage,
+  FIELD_REQUIRED_ERROR,
+} from "@appsmith/constants/messages";
+import { CurrencyTypeOptions } from "constants/Currency";
+
+export function getCountryCodeFromCurrencyCode(
+  currencyCode?: (typeof CurrencyTypeOptions)[number]["currency"],
+) {
+  const option = CurrencyTypeOptions.find(
+    (option) => option.currency === currencyCode,
+  );
+
+  if (option) return option.code;
+
+  return "";
+}
+
+export function validateInput(props: any) {
+  const value = props.text ?? "";
+  const isInvalid = "isValid" in props && !props.isValid && !!props.isDirty;
+
+  const conditionalProps: any = {};
+
+  conditionalProps.errorMessage = props.errorMessage;
+
+  if (props.isRequired && value.length === 0) {
+    conditionalProps.errorMessage = createMessage(FIELD_REQUIRED_ERROR);
+  }
+
+  return {
+    validattionStatus: isInvalid ? "invalid" : undefined,
+    errorMessage: isInvalid ? conditionalProps.errorMessage : undefined,
+  } as const;
+}
+
+export const countryToFlag = (isoCode: string) => {
+  return typeof String.fromCodePoint !== "undefined"
+    ? isoCode
+        .toUpperCase()
+        .replace(/./g, (char) =>
+          String.fromCodePoint(char.charCodeAt(0) + 127397),
+        )
+    : isoCode;
+};
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/index.test.tsx b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/index.test.tsx
new file mode 100644
index 0000000000..db4c4ef010
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/index.test.tsx
@@ -0,0 +1,54 @@
+import type { CurrencyInputWidgetProps } from "./types";
+import { defaultValueValidation } from "./config/propertyPaneConfig/validations";
+import _ from "lodash";
+
+describe("defaultValueValidation", () => {
+  let result: any;
+
+  it("should validate defaulttext", () => {
+    result = defaultValueValidation("100", {} as CurrencyInputWidgetProps, _);
+
+    expect(result).toEqual({
+      isValid: true,
+      parsed: "100",
+      messages: [{ name: "", message: "" }],
+    });
+
+    result = defaultValueValidation("test", {} as CurrencyInputWidgetProps, _);
+
+    expect(result).toEqual({
+      isValid: false,
+      parsed: undefined,
+      messages: [
+        {
+          name: "TypeError",
+          message: "This value must be number",
+        },
+      ],
+    });
+
+    result = defaultValueValidation("", {} as CurrencyInputWidgetProps, _);
+
+    expect(result).toEqual({
+      isValid: true,
+      parsed: undefined,
+      messages: [{ name: "", message: "" }],
+    });
+  });
+
+  it("should validate defaulttext with object value", () => {
+    const value = {};
+    result = defaultValueValidation(value, {} as CurrencyInputWidgetProps, _);
+
+    expect(result).toEqual({
+      isValid: false,
+      parsed: JSON.stringify(value, null, 2),
+      messages: [
+        {
+          name: "TypeError",
+          message: "This value must be number",
+        },
+      ],
+    });
+  });
+});
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/index.tsx
new file mode 100644
index 0000000000..11c9073cc9
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/index.tsx
@@ -0,0 +1,296 @@
+import _ from "lodash";
+import React from "react";
+import log from "loglevel";
+import * as Sentry from "@sentry/react";
+import type { WidgetState } from "widgets/BaseWidget";
+import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
+
+import { CurrencyInputComponent } from "../component";
+import derivedProperties from "./parsedDerivedProperties";
+import {
+  formatCurrencyNumber,
+  limitDecimalValue,
+} from "../component/utilities";
+import { getLocale, mergeWidgetConfig } from "utils/helpers";
+import {
+  getLocaleDecimalSeperator,
+  getLocaleThousandSeparator,
+} from "widgets/WidgetUtils";
+import type { SetterConfig, Stylesheet } from "entities/AppTheming";
+import type {
+  AnvilConfig,
+  AutocompletionDefinitions,
+} from "WidgetProvider/constants";
+import {
+  anvilConfig,
+  autocompleteConfig,
+  defaultsConfig,
+  featuresConfig,
+  metaConfig,
+  settersConfig,
+  propertyPaneContentConfig,
+} from "./config";
+import type { CurrencyInputWidgetProps } from "./types";
+import { WDSBaseInputWidget } from "widgets/wds/WDSBaseInputWidget";
+import { getCountryCodeFromCurrencyCode, validateInput } from "./helpers";
+import type { KeyDownEvent } from "widgets/wds/WDSBaseInputWidget/component/types";
+
+class WDSCurrencyInputWidget extends WDSBaseInputWidget<
+  CurrencyInputWidgetProps,
+  WidgetState
+> {
+  static type = "WDS_CURRENCY_INPUT_WIDGET";
+
+  static getConfig() {
+    return metaConfig;
+  }
+
+  static getFeatures() {
+    return featuresConfig;
+  }
+
+  static getDefaults() {
+    return defaultsConfig;
+  }
+
+  static getAutoLayoutConfig() {
+    return {};
+  }
+
+  static getAnvilConfig(): AnvilConfig | null {
+    return anvilConfig;
+  }
+
+  static getAutocompleteDefinitions(): AutocompletionDefinitions {
+    return autocompleteConfig;
+  }
+
+  static getSetterConfig(): SetterConfig {
+    return settersConfig;
+  }
+
+  static getPropertyPaneContentConfig() {
+    return mergeWidgetConfig(
+      propertyPaneContentConfig,
+      super.getPropertyPaneContentConfig(),
+    );
+  }
+
+  static getPropertyPaneStyleConfig() {
+    return super.getPropertyPaneStyleConfig();
+  }
+
+  static getDerivedPropertiesMap() {
+    return {
+      isValid: `{{(()=>{${derivedProperties.isValid}})()}}`,
+      value: `{{(()=>{${derivedProperties.value}})()}}`,
+    };
+  }
+
+  static getMetaPropertiesMap(): Record<string, any> {
+    return _.merge(super.getMetaPropertiesMap(), {
+      text: undefined,
+      currencyCode: undefined,
+    });
+  }
+
+  static getDefaultPropertiesMap(): Record<string, string> {
+    return _.merge(super.getDefaultPropertiesMap(), {
+      currencyCode: "defaultCurrencyCode",
+    });
+  }
+
+  static getStylesheetConfig(): Stylesheet {
+    return {};
+  }
+
+  componentDidMount() {
+    this.formatText();
+  }
+
+  componentDidUpdate(prevProps: CurrencyInputWidgetProps) {
+    if (
+      prevProps.text !== this.props.text &&
+      !this.props.isFocused &&
+      this.props.text === String(this.props.defaultText)
+    ) {
+      this.formatText();
+    }
+    // If defaultText property has changed, reset isDirty to false
+    if (
+      this.props.defaultText !== prevProps.defaultText &&
+      this.props.isDirty
+    ) {
+      this.props.updateWidgetMetaProperty("isDirty", false);
+    }
+
+    if (
+      this.props.currencyCode === this.props.defaultCurrencyCode &&
+      prevProps.currencyCode !== this.props.currencyCode
+    ) {
+      this.onCurrencyChange(this.props.currencyCode);
+    }
+  }
+
+  onValueChange = (value: string) => {
+    let formattedValue = "";
+    const decimalSeperator = getLocaleDecimalSeperator();
+
+    try {
+      if (value && value.includes(decimalSeperator)) {
+        formattedValue = limitDecimalValue(this.props.decimals, value);
+      } else {
+        formattedValue = value;
+      }
+    } catch (e) {
+      formattedValue = value;
+      log.error(e);
+      Sentry.captureException(e);
+    }
+
+    this.props.updateWidgetMetaProperty("text", String(formattedValue), {
+      triggerPropertyName: "onTextChanged",
+      dynamicString: this.props.onTextChanged,
+      event: {
+        type: EventType.ON_TEXT_CHANGE,
+      },
+    });
+
+    if (!this.props.isDirty) {
+      this.props.updateWidgetMetaProperty("isDirty", true);
+    }
+  };
+
+  onFocusChange = (isFocused?: boolean) => {
+    try {
+      if (isFocused) {
+        const text = this.props.text || "";
+        const deFormattedValue = text.replace(
+          new RegExp("\\" + getLocaleThousandSeparator(), "g"),
+          "",
+        );
+        this.props.updateWidgetMetaProperty("text", deFormattedValue);
+        this.props.updateWidgetMetaProperty("isFocused", isFocused, {
+          triggerPropertyName: "onFocus",
+          dynamicString: this.props.onFocus,
+          event: {
+            type: EventType.ON_FOCUS,
+          },
+        });
+      } else {
+        if (this.props.text) {
+          const formattedValue = formatCurrencyNumber(
+            this.props.decimals,
+            this.props.text,
+          );
+          this.props.updateWidgetMetaProperty("text", formattedValue);
+        }
+        this.props.updateWidgetMetaProperty("isFocused", isFocused, {
+          triggerPropertyName: "onBlur",
+          dynamicString: this.props.onBlur,
+          event: {
+            type: EventType.ON_BLUR,
+          },
+        });
+      }
+    } catch (e) {
+      log.error(e);
+      Sentry.captureException(e);
+      this.props.updateWidgetMetaProperty("text", this.props.text);
+    }
+
+    super.onFocusChange(!!isFocused);
+  };
+
+  onCurrencyChange = (
+    currencyCode?: Parameters<typeof getCountryCodeFromCurrencyCode>[0],
+  ) => {
+    const countryCode = getCountryCodeFromCurrencyCode(currencyCode);
+
+    this.props.updateWidgetMetaProperty("countryCode", countryCode);
+    this.props.updateWidgetMetaProperty("currencyCode", currencyCode);
+  };
+
+  onKeyDown = (e: KeyDownEvent) => {
+    // don't allow entering anything other than numbers. but allow backspace, arrows delete, tab, enter
+    if (
+      !(
+        (e.key >= "0" && e.key <= "9") ||
+        // allow . or comma if decimals are allowed
+        (this.props.decimals &&
+          (e.key === getLocaleDecimalSeperator() ||
+            e.key === getLocaleThousandSeparator())) ||
+        (e.key >= "0" && e.key <= "9" && e.code.includes("Numpad")) ||
+        e.key === "Backspace" ||
+        e.key === "Tab" ||
+        e.key === "Enter" ||
+        e.key === "ArrowUp" ||
+        e.key === "ArrowDown" ||
+        e.key === "ArrowLeft" ||
+        e.key === "ArrowRight" ||
+        e.key === "Delete" ||
+        e.ctrlKey ||
+        e.metaKey ||
+        e.altKey
+      )
+    ) {
+      e.preventDefault();
+    }
+
+    super.onKeyDown(e);
+  };
+
+  isTextFormatted = () => {
+    return this.props.text.includes(getLocaleThousandSeparator());
+  };
+
+  formatText() {
+    if (!!this.props.text && !this.isTextFormatted()) {
+      try {
+        const floatVal = parseFloat(this.props.text);
+
+        const formattedValue = Intl.NumberFormat(getLocale(), {
+          style: "decimal",
+          minimumFractionDigits: this.props.decimals,
+          maximumFractionDigits: this.props.decimals,
+        }).format(floatVal);
+
+        this.props.updateWidgetMetaProperty("text", formattedValue);
+      } catch (e) {
+        log.error(e);
+        Sentry.captureException(e);
+      }
+    }
+  }
+
+  getWidgetView() {
+    const value = this.props.text ?? "";
+
+    const validation = validateInput(this.props);
+
+    return (
+      <CurrencyInputComponent
+        allowCurrencyChange={this.props.allowCurrencyChange}
+        autoFocus={this.props.autoFocus}
+        currencyCode={this.props.currencyCode}
+        defaultValue={this.props.defaultText}
+        errorMessage={validation.errorMessage}
+        isDisabled={this.props.isDisabled}
+        isLoading={this.props.isLoading}
+        isRequired={this.props.isRequired}
+        label={this.props.label}
+        onCurrencyChange={this.onCurrencyChange}
+        onFocusChange={this.onFocusChange}
+        onKeyDown={this.onKeyDown}
+        onValueChange={this.onValueChange}
+        placeholder={this.props.placeholderText}
+        tooltip={this.props.tooltip}
+        validationStatus={validation.validattionStatus}
+        value={value}
+        widgetId={this.props.widgetId}
+      />
+    );
+  }
+}
+
+export { WDSCurrencyInputWidget };
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/parsedDerivedProperties.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/parsedDerivedProperties.ts
new file mode 100644
index 0000000000..124afba6cb
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/parsedDerivedProperties.ts
@@ -0,0 +1,34 @@
+// @ts-expect-error: Types are not available
+import widgetPropertyFns from "!!raw-loader!./derived.js";
+
+// TODO(abhinav):
+// Add unit test cases
+// Handle edge cases
+// Error out on wrong values
+const derivedProperties: any = {};
+// const regex = /(\w+):\s?\(props\)\s?=>\s?{([\w\W]*?)},/gim;
+const regex =
+  /(\w+):\s?\(props, moment, _\)\s?=>\s?{([\w\W\n]*?)},\n?\s+?\/\//gim;
+
+let m;
+while ((m = regex.exec(widgetPropertyFns)) !== null) {
+  // This is necessary to avoid infinite loops with zero-width matches
+  if (m.index === regex.lastIndex) {
+    regex.lastIndex++;
+  }
+  let key = "";
+  // The result can be accessed through the `m`-variable.
+  m.forEach((match, groupIndex) => {
+    if (groupIndex === 1) {
+      key = match;
+    }
+    if (groupIndex === 2) {
+      derivedProperties[key] = match
+        .trim()
+        .replace(/\n/g, "")
+        .replace(/props\./g, "this.");
+    }
+  });
+}
+
+export default derivedProperties;
diff --git a/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/types.ts b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/types.ts
new file mode 100644
index 0000000000..fa307c6099
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSCurrencyInputWidget/widget/types.ts
@@ -0,0 +1,11 @@
+import type { CurrencyTypeOptions } from "constants/Currency";
+import type { BaseInputWidgetProps } from "widgets/wds/WDSBaseInputWidget";
+
+export interface CurrencyInputWidgetProps extends BaseInputWidgetProps {
+  countryCode?: string;
+  currencyCode?: (typeof CurrencyTypeOptions)[number]["currency"];
+  noOfDecimals?: number;
+  allowCurrencyChange?: boolean;
+  decimals?: number;
+  defaultText?: number;
+}
diff --git a/app/client/src/widgets/wds/WDSIconButtonWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSIconButtonWidget/widget/index.tsx
index d50c5c97d2..592e406644 100644
--- a/app/client/src/widgets/wds/WDSIconButtonWidget/widget/index.tsx
+++ b/app/client/src/widgets/wds/WDSIconButtonWidget/widget/index.tsx
@@ -42,6 +42,7 @@ class WDSIconButtonWidget extends BaseWidget<
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/wds/WDSInputWidget/component/types.ts b/app/client/src/widgets/wds/WDSInputWidget/component/types.ts
index b57be8aeee..4556c3fc5d 100644
--- a/app/client/src/widgets/wds/WDSInputWidget/component/types.ts
+++ b/app/client/src/widgets/wds/WDSInputWidget/component/types.ts
@@ -2,7 +2,6 @@ import type { BaseInputComponentProps } from "../../WDSBaseInputWidget";
 
 import type { INPUT_TYPES } from "../constants";
 import type { IconName } from "@blueprintjs/icons";
-import type { KeyDownEvent } from "../widget/types";
 
 export type InputType = (typeof INPUT_TYPES)[keyof typeof INPUT_TYPES];
 
@@ -15,5 +14,4 @@ export interface InputComponentProps extends BaseInputComponentProps {
   autoComplete?: string;
   iconAlign?: "left" | "right";
   iconName?: IconName;
-  onKeyDown?: (e: KeyDownEvent) => void;
 }
diff --git a/app/client/src/widgets/wds/WDSInputWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSInputWidget/widget/index.tsx
index a21f2f45e3..005c43cbd1 100644
--- a/app/client/src/widgets/wds/WDSInputWidget/widget/index.tsx
+++ b/app/client/src/widgets/wds/WDSInputWidget/widget/index.tsx
@@ -14,6 +14,7 @@ import type {
 } from "WidgetProvider/constants";
 import InputComponent from "../component";
 import { INPUT_TYPES } from "../constants";
+import type { InputWidgetProps } from "./types";
 import { mergeWidgetConfig } from "utils/helpers";
 import { parseText, validateInput } from "./helper";
 import { DynamicHeight } from "utils/WidgetFeatures";
@@ -22,13 +23,13 @@ import type { SetterConfig } from "entities/AppTheming";
 import { WIDGET_TAGS } from "constants/WidgetConstants";
 import derivedProperties from "./parsedDerivedProperties";
 import { WDSBaseInputWidget } from "../../WDSBaseInputWidget";
-import type { InputWidgetProps, KeyDownEvent } from "./types";
 import type { DerivedPropertiesMap } from "WidgetProvider/factory";
 import { FILL_WIDGET_MIN_WIDTH } from "constants/minWidthConstants";
 import { DefaultAutocompleteDefinitions } from "widgets/WidgetUtils";
 import type { BaseInputWidgetProps } from "../../WDSBaseInputWidget";
-import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
 import { ResponsiveBehavior } from "layoutSystems/common/utils/constants";
+import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
+import type { KeyDownEvent } from "widgets/wds/WDSBaseInputWidget/component/types";
 
 class WDSInputWidget extends WDSBaseInputWidget<InputWidgetProps, WidgetState> {
   static getConfig() {
@@ -111,6 +112,7 @@ class WDSInputWidget extends WDSBaseInputWidget<InputWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: false,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
diff --git a/app/client/src/widgets/wds/WDSInputWidget/widget/types.ts b/app/client/src/widgets/wds/WDSInputWidget/widget/types.ts
index 2e0743cd44..9f5396ffa4 100644
--- a/app/client/src/widgets/wds/WDSInputWidget/widget/types.ts
+++ b/app/client/src/widgets/wds/WDSInputWidget/widget/types.ts
@@ -25,7 +25,3 @@ export interface Validation {
   errorMessage?: string;
   validationStatus?: InputComponentProps["validationStatus"];
 }
-
-export type KeyDownEvent = React.KeyboardEvent<
-  HTMLTextAreaElement | HTMLInputElement
->;
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/anvilConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/anvilConfig.ts
new file mode 100644
index 0000000000..1e5907856f
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/anvilConfig.ts
@@ -0,0 +1,11 @@
+import type { AnvilConfig } from "WidgetProvider/constants";
+
+export const anvilConfig: AnvilConfig = {
+  isLargeWidget: false,
+  widgetSize: {
+    maxHeight: {},
+    maxWidth: {},
+    minHeight: { base: "40px" },
+    minWidth: { base: "120px" },
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/autocompleteConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/autocompleteConfig.ts
new file mode 100644
index 0000000000..ed51fd82e4
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/autocompleteConfig.ts
@@ -0,0 +1,10 @@
+import { DefaultAutocompleteDefinitions } from "widgets/WidgetUtils";
+
+export const autocompleteConfig = {
+  "!doc":
+    "Switch is a simple UI widget you can use when you want users to make a binary choice",
+  "!url": "https://docs.appsmith.com/widget-reference/switch",
+  isVisible: DefaultAutocompleteDefinitions.isVisible,
+  isSwitchedOn: "bool",
+  isDisabled: "bool",
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/defaultsConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/defaultsConfig.ts
new file mode 100644
index 0000000000..e6c96a3fbb
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/defaultsConfig.ts
@@ -0,0 +1,14 @@
+import { ResponsiveBehavior } from "layoutSystems/common/utils/constants";
+
+export const defaultsConfig = {
+  label: "Label",
+  rows: 4,
+  columns: 12,
+  defaultSwitchState: true,
+  widgetName: "Switch",
+  labelPosition: "left",
+  version: 1,
+  isDisabled: false,
+  animateLoading: true,
+  responsiveBehavior: ResponsiveBehavior.Fill,
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/featuresConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/featuresConfig.ts
new file mode 100644
index 0000000000..5edea989f1
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/featuresConfig.ts
@@ -0,0 +1,6 @@
+export const featuresConfig = {
+  dynamicHeight: {
+    sectionIndex: 1,
+    active: true,
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/index.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/index.ts
new file mode 100644
index 0000000000..a4244ad200
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/index.ts
@@ -0,0 +1,8 @@
+export * from "./propertyPaneConfig";
+export { metaConfig } from "./metaConfig";
+export { settersConfig } from "./settersConfig";
+export { methodsConfig } from "./methodsConfig";
+export { defaultsConfig } from "./defaultsConfig";
+export { featuresConfig } from "./featuresConfig";
+export { autocompleteConfig } from "./autocompleteConfig";
+export { anvilConfig } from "./anvilConfig";
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/metaConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/metaConfig.ts
new file mode 100644
index 0000000000..bcba624fea
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/metaConfig.ts
@@ -0,0 +1,10 @@
+import IconSVG from "../icon.svg";
+import { WIDGET_TAGS } from "constants/WidgetConstants";
+
+export const metaConfig = {
+  name: "Switch",
+  iconSVG: IconSVG,
+  tags: [WIDGET_TAGS.TOGGLES],
+  needsMeta: true,
+  searchTags: ["boolean"],
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/methodsConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/methodsConfig.ts
new file mode 100644
index 0000000000..112e9d60b3
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/methodsConfig.ts
@@ -0,0 +1,18 @@
+import type {
+  PropertyUpdates,
+  SnipingModeProperty,
+} from "WidgetProvider/constants";
+
+export const methodsConfig = {
+  getSnipingModeUpdates: (
+    propValueMap: SnipingModeProperty,
+  ): PropertyUpdates[] => {
+    return [
+      {
+        propertyPath: "defaultSwitchState",
+        propertyValue: propValueMap.data,
+        isDynamicPropertyPath: true,
+      },
+    ];
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/contentConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/contentConfig.ts
new file mode 100644
index 0000000000..e55c6902b2
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/contentConfig.ts
@@ -0,0 +1,95 @@
+import { ValidationTypes } from "constants/WidgetValidation";
+
+export const propertyPaneContentConfig = [
+  {
+    sectionName: "Label",
+    children: [
+      {
+        propertyName: "label",
+        label: "Text",
+        controlType: "INPUT_TEXT",
+        helpText: "Displays a label next to the widget",
+        placeholderText: "Enable Option",
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.TEXT },
+      },
+      {
+        helpText: "Sets the label position of the widget",
+        propertyName: "labelPosition",
+        label: "Position",
+        controlType: "ICON_TABS",
+        fullWidth: true,
+        options: [
+          { label: "Left", value: "left" },
+          { label: "Right", value: "right" },
+        ],
+        defaultValue: "left",
+        isBindProperty: false,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.TEXT },
+      },
+    ],
+  },
+  {
+    sectionName: "General",
+    children: [
+      {
+        propertyName: "defaultSwitchState",
+        label: "Default state",
+        helpText:
+          "On / Off the Switch by default. Changes to the default selection update the widget state",
+        controlType: "SWITCH",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+      {
+        propertyName: "isVisible",
+        label: "Visible",
+        helpText: "Controls the visibility of the widget",
+        controlType: "SWITCH",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+      {
+        propertyName: "isDisabled",
+        label: "Disabled",
+        controlType: "SWITCH",
+        helpText: "Disables input to this widget",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+      {
+        propertyName: "animateLoading",
+        label: "Animate loading",
+        controlType: "SWITCH",
+        helpText: "Controls the loading of the widget",
+        defaultValue: true,
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: false,
+        validation: { type: ValidationTypes.BOOLEAN },
+      },
+    ],
+  },
+  {
+    sectionName: "Events",
+    children: [
+      {
+        helpText: "when the switch state is changed",
+        propertyName: "onChange",
+        label: "onChange",
+        controlType: "ACTION_SELECTOR",
+        isJSConvertible: true,
+        isBindProperty: true,
+        isTriggerProperty: true,
+      },
+    ],
+  },
+];
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/index.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/index.ts
new file mode 100644
index 0000000000..7f43d3bde5
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/index.ts
@@ -0,0 +1 @@
+export { propertyPaneContentConfig } from "./contentConfig";
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/styleConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/styleConfig.ts
new file mode 100644
index 0000000000..a7666dd337
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/propertyPaneConfig/styleConfig.ts
@@ -0,0 +1 @@
+export const propertyPaneStyleConfig = [];
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/config/settersConfig.ts b/app/client/src/widgets/wds/WDSSwitchWidget/config/settersConfig.ts
new file mode 100644
index 0000000000..311222978f
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/config/settersConfig.ts
@@ -0,0 +1,25 @@
+export const settersConfig = {
+  __setters: {
+    setVisibility: {
+      path: "isVisible",
+      type: "boolean",
+    },
+    setDisabled: {
+      path: "isDisabled",
+      type: "boolean",
+    },
+    setRequired: {
+      path: "isRequired",
+      type: "boolean",
+    },
+    setValue: {
+      path: "defaultSwitchState",
+      type: "boolean",
+      accessor: "isSwitchedOn",
+    },
+    setColor: {
+      path: "accentColor",
+      type: "string",
+    },
+  },
+};
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/icon.svg b/app/client/src/widgets/wds/WDSSwitchWidget/icon.svg
new file mode 100644
index 0000000000..7956f14c73
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/icon.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 12.3333C1 8.28324 4.28324 5 8.33333 5H15.6667C19.7167 5 23 8.28324 23 12.3333C23 16.3834 19.7167 19.6667 15.6667 19.6667H8.33333C4.28324 19.6667 1 16.3834 1 12.3333ZM8.63889 17.2222C5.93883 17.2222 3.75 15.0333 3.75 12.3333C3.75 9.63327 5.93883 7.44444 8.63889 7.44444H15.3611C18.0611 7.44444 20.25 9.63327 20.25 12.3333C20.25 15.0333 18.0611 17.2222 15.3611 17.2222H8.63889Z" fill="#4C5664"/>
+<path d="M15.6667 8.66667C17.6918 8.66667 19.3333 10.3082 19.3333 12.3333C19.3333 14.3584 17.6918 16 15.6667 16C13.6416 16 12 14.3584 12 12.3333C12 10.3082 13.6416 8.66667 15.6667 8.66667Z" fill="#4C5664"/>
+</svg>
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/index.ts b/app/client/src/widgets/wds/WDSSwitchWidget/index.ts
new file mode 100644
index 0000000000..9eb1fc2f72
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/index.ts
@@ -0,0 +1,3 @@
+import { WDSSwitchWidget } from "./widget";
+
+export { WDSSwitchWidget };
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSSwitchWidget/widget/index.tsx
new file mode 100644
index 0000000000..5184816ef8
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/widget/index.tsx
@@ -0,0 +1,115 @@
+import React from "react";
+import { Switch } from "@design-system/widgets";
+import type { SetterConfig } from "entities/AppTheming";
+import type { DerivedPropertiesMap } from "WidgetProvider/factory";
+import { EventType } from "constants/AppsmithActionConstants/ActionConstants";
+
+import * as config from "./../config";
+import BaseWidget from "widgets/BaseWidget";
+import type { SwitchWidgetProps } from "./types";
+import type { WidgetState } from "widgets/BaseWidget";
+import type { AnvilConfig } from "WidgetProvider/constants";
+
+class WDSSwitchWidget extends BaseWidget<SwitchWidgetProps, WidgetState> {
+  static type = "WDS_SWITCH_WIDGET";
+
+  static getConfig() {
+    return config.metaConfig;
+  }
+
+  static getFeatures() {
+    return config.featuresConfig;
+  }
+
+  static getDefaults() {
+    return config.defaultsConfig;
+  }
+
+  static getMethods() {
+    return config.methodsConfig;
+  }
+
+  static getAutoLayoutConfig() {
+    return {};
+  }
+
+  static getAnvilConfig(): AnvilConfig | null {
+    return config.anvilConfig;
+  }
+
+  static getAutocompleteDefinitions() {
+    return config.autocompleteConfig;
+  }
+
+  static getSetterConfig(): SetterConfig {
+    return config.settersConfig;
+  }
+
+  static getPropertyPaneContentConfig() {
+    return config.propertyPaneContentConfig;
+  }
+
+  static getPropertyPaneStyleConfig() {
+    return [];
+  }
+
+  static getDefaultPropertiesMap(): Record<string, string> {
+    return {
+      isSwitchedOn: "defaultSwitchState",
+    };
+  }
+
+  static getDerivedPropertiesMap(): DerivedPropertiesMap {
+    return {
+      value: `{{!!this.isSwitchedOn}}`,
+    };
+  }
+
+  static getMetaPropertiesMap(): Record<string, any> {
+    return {
+      isSwitchedOn: undefined,
+      isDirty: false,
+    };
+  }
+
+  componentDidUpdate(prevProps: SwitchWidgetProps) {
+    if (
+      this.props.defaultSwitchState !== prevProps.defaultSwitchState &&
+      this.props.isDirty
+    ) {
+      this.props.updateWidgetMetaProperty("isDirty", false);
+    }
+  }
+
+  onChange = (isSwitchedOn: boolean) => {
+    if (!this.props.isDirty) {
+      this.props.updateWidgetMetaProperty("isDirty", true);
+    }
+
+    this.props.updateWidgetMetaProperty("isSwitchedOn", isSwitchedOn, {
+      triggerPropertyName: "onChange",
+      dynamicString: this.props.onChange,
+      event: {
+        type: EventType.ON_SWITCH_CHANGE,
+      },
+    });
+  };
+
+  getWidgetView() {
+    return (
+      <Switch
+        id={this.props.widgetId}
+        isDisabled={this.props.isDisabled}
+        isSelected={!!this.props.isSwitchedOn}
+        key={this.props.widgetId}
+        labelPosition={this.props.labelPosition}
+        onChange={this.onChange}
+        validationState={this.props.isValid ? "valid" : "invalid"}
+      >
+        {this.props.label}
+      </Switch>
+    );
+  }
+}
+
+export { WDSSwitchWidget };
diff --git a/app/client/src/widgets/wds/WDSSwitchWidget/widget/types.ts b/app/client/src/widgets/wds/WDSSwitchWidget/widget/types.ts
new file mode 100644
index 0000000000..95efd43755
--- /dev/null
+++ b/app/client/src/widgets/wds/WDSSwitchWidget/widget/types.ts
@@ -0,0 +1,11 @@
+import type { WidgetProps } from "widgets/BaseWidget";
+
+export interface SwitchWidgetProps extends WidgetProps {
+  label: string;
+  defaultSwitchState: boolean;
+  isSwitchedOn?: boolean;
+  isDisabled?: boolean;
+  onChange?: string;
+  isRequired?: boolean;
+  labelPosition?: "left" | "right";
+}
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/Constants.ts b/app/client/src/widgets/wds/WDSTableWidget/component/Constants.ts
index 96f6337d4d..df90a199f9 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/Constants.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/Constants.ts
@@ -27,6 +27,7 @@ export interface TableSizes {
   EDIT_ICON_TOP: number;
   ROW_VIRTUAL_OFFSET: number;
   VERTICAL_EDITOR_PADDING: number;
+  EDITABLE_CELL_HEIGHT: number;
 }
 
 export enum CompactModeTypes {
@@ -63,6 +64,7 @@ export const TABLE_SIZES: { [key: string]: TableSizes } = {
     VERTICAL_EDITOR_PADDING: 0,
     EDIT_ICON_TOP: 10,
     ROW_VIRTUAL_OFFSET: 3,
+    EDITABLE_CELL_HEIGHT: 30,
   },
   [CompactModeTypes.SHORT]: {
     COLUMN_HEADER_HEIGHT: 32,
@@ -73,6 +75,7 @@ export const TABLE_SIZES: { [key: string]: TableSizes } = {
     VERTICAL_EDITOR_PADDING: 0,
     EDIT_ICON_TOP: 5,
     ROW_VIRTUAL_OFFSET: 1,
+    EDITABLE_CELL_HEIGHT: 20,
   },
   [CompactModeTypes.TALL]: {
     COLUMN_HEADER_HEIGHT: 32,
@@ -83,6 +86,7 @@ export const TABLE_SIZES: { [key: string]: TableSizes } = {
     VERTICAL_EDITOR_PADDING: 16,
     EDIT_ICON_TOP: 21,
     ROW_VIRTUAL_OFFSET: 3,
+    EDITABLE_CELL_HEIGHT: 30,
   },
 };
 
@@ -192,6 +196,13 @@ export interface DateCellProperties {
   timePrecision?: TimePrecision;
 }
 
+export interface CurrencyCellProperties {
+  currencyCode: string;
+  decimals: number;
+  thousandSeparator: boolean;
+  notation: Intl.NumberFormatOptions["notation"];
+}
+
 export interface BaseCellProperties {
   horizontalAlignment?: CellAlignment;
   verticalAlignment?: VerticalAlignment;
@@ -217,6 +228,7 @@ export interface CellLayoutProperties
     SelectCellProperties,
     ImageCellProperties,
     DateCellProperties,
+    CurrencyCellProperties,
     BaseCellProperties {}
 
 export interface TableColumnMetaProps {
@@ -224,6 +236,7 @@ export interface TableColumnMetaProps {
   format?: string;
   inputFormat?: string;
   type: ColumnTypes;
+  decimals?: number;
 }
 
 export enum StickyType {
@@ -330,11 +343,19 @@ export interface EditActionColumnProperties {
   selectOptions?: DropdownOption[] | DropdownOption[][];
 }
 
+export interface CurrencyColumnProperties {
+  currencyCode?: string;
+  decimals?: number;
+  thousandSeparator?: boolean;
+  notation?: Intl.NumberFormatOptions["notation"];
+}
+
 export interface ColumnProperties
   extends ColumnBaseProperties,
     ColumnStyleProperties,
     DateColumnProperties,
     ColumnEditabilityProperties,
+    CurrencyColumnProperties,
     EditActionColumnProperties {
   allowSameOptionsInNewRow?: boolean;
   newRowSelectOptions?: DropdownOption[];
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/AutoToolTipComponent.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/AutoToolTipComponent.tsx
index e9f665f4c1..522ba2a58b 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/AutoToolTipComponent.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/AutoToolTipComponent.tsx
@@ -3,7 +3,7 @@ import { Tooltip } from "@blueprintjs/core";
 import { CellWrapper, TooltipContentWrapper } from "../TableStyledWrappers";
 import type { CellAlignment, VerticalAlignment } from "../Constants";
 import styled from "styled-components";
-import { ColumnTypes } from "widgets/TableWidgetV2/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import { importSvg } from "design-system-old";
 
 const OpenNewTabIcon = importSvg(
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/Button.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/Button.tsx
index 8b8667ffb9..6267ea0cd6 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/Button.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/Button.tsx
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 
 import { ActionWrapper } from "../TableStyledWrappers";
 import { BaseButton } from "widgets/ButtonWidget/component";
-import type { ButtonColumnActions } from "widgets/TableWidgetV2/constants";
+import type { ButtonColumnActions } from "widgets/wds/WDSTableWidget/constants";
 import styled from "styled-components";
 
 const StyledButton = styled(BaseButton)<{
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/ButtonCell.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/ButtonCell.tsx
index a4bfc928ea..2af13fb8ae 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/ButtonCell.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/ButtonCell.tsx
@@ -4,7 +4,7 @@ import { CellWrapper } from "../TableStyledWrappers";
 import type { BaseCellComponentProps } from "../Constants";
 import { TABLE_SIZES } from "../Constants";
 import { Button } from "./Button";
-import type { ButtonColumnActions } from "widgets/TableWidgetV2/constants";
+import type { ButtonColumnActions } from "widgets/wds/WDSTableWidget/constants";
 import styled from "styled-components";
 
 const StyledButton = styled(Button)<{ compactMode: string }>`
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/DateCell.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/DateCell.tsx
index 9379eb1729..a60ae8f6a1 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/DateCell.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/DateCell.tsx
@@ -9,7 +9,7 @@ import DateComponent from "widgets/DatePickerWidget2/component";
 import { TimePrecision } from "widgets/DatePickerWidget2/constants";
 import type { RenderDefaultPropsType } from "./PlainTextCell";
 import styled from "styled-components";
-import { EditableCellActions } from "widgets/TableWidgetV2/constants";
+import { EditableCellActions } from "widgets/wds/WDSTableWidget/constants";
 import { ISO_DATE_FORMAT } from "constants/WidgetValidation";
 import moment from "moment";
 import { BasicCell } from "./BasicCell";
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/EditActionsCell.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/EditActionsCell.tsx
index f268882926..5e65c9b162 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/EditActionsCell.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/EditActionsCell.tsx
@@ -1,7 +1,7 @@
 import React, { memo } from "react";
 import type { EventType } from "constants/AppsmithActionConstants/ActionConstants";
-import type { ButtonColumnActions } from "widgets/TableWidgetV2/constants";
-import { EditableCellActions } from "widgets/TableWidgetV2/constants";
+import type { ButtonColumnActions } from "widgets/wds/WDSTableWidget/constants";
+import { EditableCellActions } from "widgets/wds/WDSTableWidget/constants";
 import { Button } from "./Button";
 import type { BaseCellComponentProps } from "../Constants";
 import { CellWrapper } from "../TableStyledWrappers";
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/HeaderCell.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/HeaderCell.tsx
index 136e307ad3..56809cb60a 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/HeaderCell.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/HeaderCell.tsx
@@ -20,7 +20,7 @@ import {
   StickyType,
 } from "../Constants";
 import { TooltipContentWrapper } from "../TableStyledWrappers";
-import { isColumnTypeEditable } from "widgets/TableWidgetV2/widget/utilities";
+import { isColumnTypeEditable } from "widgets/wds/WDSTableWidget/widget/utilities";
 import { Popover2 } from "@blueprintjs/popover2";
 import { MenuDivider } from "@design-system/widgets-old";
 import { importRemixIcon, importSvg } from "@design-system/widgets-old";
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/InlineCellEditor.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/InlineCellEditor.tsx
index cca2c292d7..e853050095 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/InlineCellEditor.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/InlineCellEditor.tsx
@@ -1,12 +1,26 @@
 import { Colors } from "constants/Colors";
 import { isNil } from "lodash";
-import React, { useCallback, useLayoutEffect, useRef, useState } from "react";
+import React, {
+  useCallback,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import styled from "styled-components";
+import type { InputHTMLType } from "widgets/BaseInputWidget/component";
 import BaseInputComponent from "widgets/BaseInputWidget/component";
 import { InputTypes } from "widgets/BaseInputWidget/constants";
-import type { EditableCell } from "widgets/TableWidgetV2/constants";
+import type { EditableCell } from "widgets/wds/WDSTableWidget/constants";
 import type { VerticalAlignment } from "../Constants";
 import { EDITABLE_CELL_PADDING_OFFSET, TABLE_SIZES } from "../Constants";
+import {
+  getLocaleDecimalSeperator,
+  getLocaleThousandSeparator,
+} from "widgets/WidgetUtils";
+import { limitDecimalValue } from "widgets/CurrencyInputWidget/component/utilities";
+import * as Sentry from "@sentry/react";
+import { getLocale } from "utils/helpers";
 
 const FOCUS_CLASS = "has-focus";
 
@@ -72,6 +86,15 @@ const Wrapper = styled.div<{
       min-height: 34px;
       font-size: ${(props) => props.textSize};
     }
+
+    .currency-change-dropdown-trigger {
+      border: none;
+      height: ${(props) =>
+        TABLE_SIZES[props.compactMode].EDITABLE_CELL_HEIGHT}px;
+      padding: 0 0 0 5px;
+      margin-right: 0;
+    }
+
     .bp3-button-group.bp3-vertical {
       display: none;
     }
@@ -99,10 +122,28 @@ const Wrapper = styled.div<{
   }
 `;
 
+function convertToNumber(inputValue: string) {
+  inputValue = inputValue.replace(
+    new RegExp(`[${getLocaleDecimalSeperator()}]`),
+    ".",
+  );
+
+  const parsedValue = Number(inputValue);
+
+  if (isNaN(parsedValue) || inputValue.trim() === "" || isNil(inputValue)) {
+    return null;
+  } else if (Number.isFinite(parsedValue)) {
+    return parsedValue;
+  } else {
+    return null;
+  }
+}
+
 interface InlineEditorPropsType {
   accentColor: string;
   compactMode: string;
-  inputType: InputTypes.TEXT | InputTypes.NUMBER;
+  inputType: InputTypes;
+  inputHTMLType: InputHTMLType;
   multiline: boolean;
   onChange: (value: EditableCell["value"], inputValue: string) => void;
   onDiscard: () => void;
@@ -116,13 +157,16 @@ interface InlineEditorPropsType {
   widgetId: string;
   paddedInput: boolean;
   autoFocus: boolean;
+  additionalProps: Record<string, unknown>;
 }
 
 export function InlineCellEditor({
   accentColor,
+  additionalProps = {},
   allowCellWrapping,
   autoFocus,
   compactMode,
+  inputHTMLType,
   inputType = InputTypes.TEXT,
   isEditableCellValid,
   multiline,
@@ -173,16 +217,21 @@ export function InlineCellEditor({
       let value: EditableCell["value"] = inputValue;
 
       if (inputType === InputTypes.NUMBER) {
-        const parsedValue = Number(inputValue);
+        value = convertToNumber(inputValue);
+      } else if (inputType === InputTypes.CURRENCY) {
+        const decimalSeperator = getLocaleDecimalSeperator();
 
-        if (
-          isNaN(parsedValue) ||
-          inputValue.trim() === "" ||
-          isNil(inputValue)
-        ) {
-          value = null;
-        } else if (Number.isFinite(parsedValue)) {
-          value = parsedValue;
+        try {
+          if (inputValue && inputValue.includes(decimalSeperator)) {
+            inputValue = limitDecimalValue(
+              additionalProps.decimals as number,
+              inputValue,
+            );
+          }
+
+          value = convertToNumber(inputValue);
+        } catch (e) {
+          Sentry.captureException(e);
         }
       }
 
@@ -201,6 +250,20 @@ export function InlineCellEditor({
     }
   }, [multiline]);
 
+  const parsedValue = useMemo(() => {
+    if (inputType === InputTypes.CURRENCY && typeof value === "number") {
+      return Intl.NumberFormat(getLocale(), {
+        style: "decimal",
+        minimumFractionDigits: additionalProps.decimals as number,
+        maximumFractionDigits: additionalProps.decimals as number,
+      })
+        .format(value)
+        .replaceAll(getLocaleThousandSeparator(), "");
+    } else {
+      return value;
+    }
+  }, [value]);
+
   return (
     <Wrapper
       accentColor={accentColor}
@@ -221,7 +284,7 @@ export function InlineCellEditor({
         disableNewLineOnPressEnterKey={false}
         errorMessage={validationErrorMessage}
         errorTooltipBoundary={`#table${widgetId} .tableWrap`}
-        inputHTMLType={inputType}
+        inputHTMLType={inputHTMLType}
         inputRef={inputRef}
         inputType={inputType}
         isInvalid={hasFocus && !isEditableCellValid}
@@ -232,8 +295,9 @@ export function InlineCellEditor({
         onKeyDown={onKeyDown}
         onValueChange={onTextChange}
         showError
-        value={value}
+        value={parsedValue}
         widgetId=""
+        {...additionalProps}
       />
     </Wrapper>
   );
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.test.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.test.tsx
index da956d8e1c..533b1070ba 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.test.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.test.tsx
@@ -1,5 +1,5 @@
 import { getCellText } from "./PlainTextCell";
-import { ColumnTypes } from "widgets/TableWidgetV2/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
 describe("DefaultRendere - ", () => {
   describe("getCellText", () => {
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.tsx
index 94d7e9a398..75d6cd2254 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/PlainTextCell.tsx
@@ -4,17 +4,23 @@ import { isNumber, isNil } from "lodash";
 
 import type { BaseCellComponentProps, VerticalAlignment } from "../Constants";
 import { ALIGN_ITEMS } from "../Constants";
-import type { EditableCell } from "widgets/TableWidgetV2/constants";
+import type { EditableCell } from "widgets/wds/WDSTableWidget/constants";
 import {
   ColumnTypes,
   EditableCellActions,
-} from "widgets/TableWidgetV2/constants";
+} from "widgets/wds/WDSTableWidget/constants";
 import { InputTypes } from "widgets/BaseInputWidget/constants";
 import { CELL_WRAPPER_LINE_HEIGHT } from "../TableStyledWrappers";
 import { BasicCell } from "./BasicCell";
 import { InlineCellEditor } from "./InlineCellEditor";
 import styled from "styled-components";
 import fastdom from "fastdom";
+import CurrencyTypeDropdown, {
+  CurrencyDropdownOptions,
+} from "widgets/CurrencyInputWidget/component/CurrencyCodeDropdown";
+import { getLocale } from "utils/helpers";
+import * as Sentry from "@sentry/react";
+import { getLocaleThousandSeparator } from "widgets/WidgetUtils";
 
 const Container = styled.div<{
   isCellEditMode?: boolean;
@@ -58,6 +64,13 @@ export type RenderDefaultPropsType = BaseCellComponentProps & {
   isNewRow: boolean;
 };
 
+export interface RenderCurrencyPropsType {
+  currencyCode?: string;
+  decimals?: number;
+  notation?: Intl.NumberFormatOptions["notation"];
+  thousandSeparator?: boolean;
+}
+
 interface editPropertyType {
   alias: string;
   onSubmitString: string;
@@ -73,6 +86,8 @@ export function getCellText(
 
   if (value && columnType === ColumnTypes.URL && displayText) {
     text = displayText;
+  } else if (columnType === ColumnTypes.CURRENCY) {
+    text = value ?? "";
   } else if (!isNil(value) && (!isNumber(value) || !isNaN(value))) {
     text = (value as string).toString();
   } else {
@@ -89,7 +104,9 @@ function getContentHeight(ref: RefObject<HTMLDivElement>) {
   );
 }
 
-function PlainTextCell(props: RenderDefaultPropsType & editPropertyType) {
+function PlainTextCell(
+  props: RenderDefaultPropsType & editPropertyType & RenderCurrencyPropsType,
+) {
   const {
     accentColor,
     alias,
@@ -97,6 +114,8 @@ function PlainTextCell(props: RenderDefaultPropsType & editPropertyType) {
     cellBackground,
     columnType,
     compactMode,
+    currencyCode,
+    decimals,
     disabledEditIcon,
     disabledEditIconMessage,
     displayText,
@@ -110,12 +129,14 @@ function PlainTextCell(props: RenderDefaultPropsType & editPropertyType) {
     isEditableCellValid,
     isHidden,
     isNewRow,
+    notation,
     onCellTextChange,
     onSubmitString,
     rowIndex,
     tableWidth,
     textColor,
     textSize,
+    thousandSeparator,
     toggleCellEditMode,
     validationErrorMessage,
     verticalAlignment,
@@ -174,18 +195,82 @@ function PlainTextCell(props: RenderDefaultPropsType & editPropertyType) {
     }
   }, [value, isCellEditMode]);
 
+  const currency = useMemo(
+    () => CurrencyDropdownOptions.find((d) => d.value === currencyCode),
+    [currencyCode],
+  );
+
+  const formattedValue = useMemo(() => {
+    if (columnType === ColumnTypes.CURRENCY) {
+      try {
+        const floatVal = parseFloat(value);
+
+        if (isNaN(floatVal)) {
+          return value;
+        } else {
+          let formattedValue = Intl.NumberFormat(getLocale(), {
+            style: "decimal",
+            minimumFractionDigits: decimals,
+            maximumFractionDigits: decimals,
+            notation: notation,
+          }).format(floatVal);
+
+          if (!thousandSeparator) {
+            formattedValue = formattedValue.replaceAll(
+              getLocaleThousandSeparator(),
+              "",
+            );
+          }
+
+          return currency?.id + " " + formattedValue;
+        }
+      } catch (e) {
+        Sentry.captureException(e);
+        return value;
+      }
+    } else {
+      return value;
+    }
+  }, [value, decimals, currencyCode, notation, thousandSeparator, columnType]);
+
   if (isCellEditMode) {
+    const [inputType, inputHTMLType]: [InputTypes, "TEXT" | "NUMBER"] = (() => {
+      switch (columnType) {
+        case ColumnTypes.NUMBER:
+          return [InputTypes.NUMBER, "NUMBER"];
+        case ColumnTypes.CURRENCY:
+          return [InputTypes.CURRENCY, "NUMBER"];
+        default:
+          return [InputTypes.TEXT, "TEXT"];
+      }
+    })();
+
+    const additionalProps: Record<string, unknown> = {};
+
+    if (inputType === InputTypes.CURRENCY) {
+      additionalProps.inputHTMLType = "NUMBER";
+      additionalProps.leftIcon = (
+        <CurrencyTypeDropdown
+          accentColor={accentColor}
+          allowCurrencyChange={false}
+          options={CurrencyDropdownOptions}
+          selected={currencyCode}
+          widgetId={widgetId}
+        />
+      );
+      additionalProps.shouldUseLocale = true;
+      additionalProps.decimals = decimals;
+    }
+
     editor = (
       <InlineCellEditor
         accentColor={accentColor}
+        additionalProps={additionalProps}
         allowCellWrapping={allowCellWrapping}
         autoFocus={!isNewRow}
         compactMode={compactMode}
-        inputType={
-          columnType === ColumnTypes.NUMBER
-            ? InputTypes.NUMBER
-            : InputTypes.TEXT
-        }
+        inputHTMLType={inputHTMLType}
+        inputType={inputType}
         isEditableCellValid={isEditableCellValid}
         multiline={isMultiline}
         onChange={editEvents.onChange}
@@ -230,7 +315,7 @@ function PlainTextCell(props: RenderDefaultPropsType & editPropertyType) {
         textColor={textColor}
         textSize={textSize}
         url={columnType === ColumnTypes.URL ? props.value : null}
-        value={value}
+        value={formattedValue}
         verticalAlignment={verticalAlignment}
       />
       {editor}
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/SelectCell.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/SelectCell.tsx
index 89c9a1fe15..6c2e742245 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/SelectCell.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/SelectCell.tsx
@@ -5,7 +5,7 @@ import type { DropdownOption } from "widgets/SelectWidget/constants";
 import type { BaseCellComponentProps } from "../Constants";
 import { EDITABLE_CELL_PADDING_OFFSET, TABLE_SIZES } from "../Constants";
 import { CellWrapper } from "../TableStyledWrappers";
-import type { EditableCellActions } from "widgets/TableWidgetV2/constants";
+import type { EditableCellActions } from "widgets/wds/WDSTableWidget/constants";
 import { BasicCell } from "./BasicCell";
 import { useCallback } from "react";
 
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/menuButtonTableComponent.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/menuButtonTableComponent.tsx
index bd3d9dcdf0..b83bb8776f 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/menuButtonTableComponent.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/cellComponents/menuButtonTableComponent.tsx
@@ -26,7 +26,7 @@ import { Colors } from "constants/Colors";
 import {
   getBooleanPropertyValue,
   getPropertyValue,
-} from "widgets/TableWidgetV2/widget/utilities";
+} from "widgets/wds/WDSTableWidget/widget/utilities";
 import type { ThemeProp } from "WidgetProvider/constants";
 import type {
   ConfigureMenuItems,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/header/TableColumnHeader.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/header/TableColumnHeader.tsx
index c3e051bdd5..ec993dc179 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/header/TableColumnHeader.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/header/TableColumnHeader.tsx
@@ -1,5 +1,5 @@
 import React, { memo } from "react";
-import { getDragHandlers } from "widgets/TableWidgetV2/widget/utilities";
+import { getDragHandlers } from "widgets/wds/WDSTableWidget/widget/utilities";
 import { HeaderCell } from "../cellComponents/HeaderCell";
 import type { ReactTableColumnProps } from "../Constants";
 import { StickyType } from "../Constants";
diff --git a/app/client/src/widgets/wds/WDSTableWidget/component/header/actions/filter/FilterPaneContent.tsx b/app/client/src/widgets/wds/WDSTableWidget/component/header/actions/filter/FilterPaneContent.tsx
index c27d1c556f..3f3393efa5 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/component/header/actions/filter/FilterPaneContent.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/component/header/actions/filter/FilterPaneContent.tsx
@@ -22,7 +22,7 @@ import { cloneDeep } from "lodash";
 import {
   ColumnTypes,
   FilterableColumnTypes,
-} from "widgets/TableWidgetV2/constants";
+} from "widgets/wds/WDSTableWidget/constants";
 import { generateReactKey } from "utils/generators";
 import { importRemixIcon } from "design-system-old";
 
diff --git a/app/client/src/widgets/wds/WDSTableWidget/constants.ts b/app/client/src/widgets/wds/WDSTableWidget/constants.ts
index 7510ec1293..f7715da949 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/constants.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/constants.ts
@@ -142,6 +142,7 @@ export enum ColumnTypes {
   EDIT_ACTIONS = "editActions",
   CHECKBOX = "checkbox",
   SWITCH = "switch",
+  CURRENCY = "currency",
 }
 
 export enum ReadOnlyColumnTypes {
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/derived.js b/app/client/src/widgets/wds/WDSTableWidget/widget/derived.js
index 2f2ed87ff8..3975ab8a3d 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/derived.js
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/derived.js
@@ -247,8 +247,10 @@ export default {
     Object.values(existingColumns).forEach((column) => {
       /* guard to not allow columns without id */
       if (column.id) {
-        column.isAscOrder = column.id === sortByColumn ? isAscOrder : undefined;
-        columns.push(column);
+        columns.push({
+          ...column,
+          isAscOrder: column.id === sortByColumn ? isAscOrder : undefined,
+        });
       }
     });
 
@@ -348,6 +350,7 @@ export default {
           } else {
             switch (columnType) {
               case "number":
+              case "currency":
                 return sortByOrder(
                   Number(a[sortByColumnOriginalId]) >
                     Number(b[sortByColumnOriginalId]),
@@ -771,7 +774,7 @@ export default {
     };
 
     let editableColumns = [];
-    const validatableColumns = ["text", "number"];
+    const validatableColumns = ["text", "number", "currency"];
 
     if (props.isAddRowInProgress) {
       Object.values(props.primaryColumns)
@@ -822,6 +825,7 @@ export default {
         /* Column type related validations */
         switch (editedColumn.columnType) {
           case "number":
+          case "currency":
             if (
               !_.isNil(validation.min) &&
               validation.min !== "" &&
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx b/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx
index 2cc64df75b..e49d3e51b3 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/index.tsx
@@ -377,6 +377,7 @@ export class WDSTableWidget extends BaseWidget<TableWidgetProps, WidgetState> {
 
   static getAnvilConfig(): AnvilConfig | null {
     return {
+      isLargeWidget: true,
       widgetSize: {
         maxHeight: {},
         maxWidth: {},
@@ -2489,6 +2490,8 @@ export class WDSTableWidget extends BaseWidget<TableWidgetProps, WidgetState> {
             cellBackground={cellProperties.cellBackground}
             columnType={column.columnType}
             compactMode={compactMode}
+            currencyCode={cellProperties.currencyCode}
+            decimals={cellProperties.decimals}
             disabledEditIcon={
               shouldDisableEdit || this.props.isAddRowInProgress
             }
@@ -2504,12 +2507,14 @@ export class WDSTableWidget extends BaseWidget<TableWidgetProps, WidgetState> {
             isEditableCellValid={this.isColumnCellValid(alias)}
             isHidden={isHidden}
             isNewRow={isNewRow}
+            notation={cellProperties.notation}
             onCellTextChange={this.onCellTextChange}
             onSubmitString={props.cell.column.columnProperties.onSubmit}
             rowIndex={rowIndex}
             tableWidth={this.props.componentWidth}
             textColor={cellProperties.textColor}
             textSize={cellProperties.textSize}
+            thousandSeparator={cellProperties.thousandSeparator}
             toggleCellEditMode={this.toggleCellEditMode}
             validationErrorMessage={validationErrorMessage}
             value={props.cell.value}
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Alignment.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Alignment.ts
index b789db3a3b..781a0d3c0f 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Alignment.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Alignment.ts
@@ -1,7 +1,7 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { hideByColumnType } from "../../propertyUtils";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
+import { hideByColumnType } from "../../propertyUtils";
 
 export default {
   sectionName: "Alignment",
@@ -53,6 +53,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
           ColumnTypes.CHECKBOX,
           ColumnTypes.SWITCH,
@@ -98,6 +99,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
           ColumnTypes.CHECKBOX,
           ColumnTypes.SWITCH,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Basic.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Basic.ts
index 59a1417d15..7b2e6622d2 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Basic.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Basic.ts
@@ -1,6 +1,6 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { ICON_NAMES } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes, ICON_NAMES } from "widgets/wds/WDSTableWidget/constants";
 import {
   hideByColumnType,
   hideByMenuItemsSource,
@@ -12,7 +12,6 @@ import { IconNames } from "@blueprintjs/icons";
 import { MenuItemsSource } from "widgets/MenuButtonWidget/constants";
 import { EvaluationSubstitutionType } from "entities/DataTree/dataTreeFactory";
 import configureMenuItemsConfig from "./childPanels/configureMenuItemsConfig";
-import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
 export default {
   sectionName: "Basic",
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/BorderAndShadow.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/BorderAndShadow.ts
index dc7239da03..0bacee2d36 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/BorderAndShadow.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/BorderAndShadow.ts
@@ -1,10 +1,10 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import {
   hideByColumnType,
   removeBoxShadowColorProp,
 } from "../../propertyUtils";
-import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
 export default {
   sectionName: "Border and shadow",
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Color.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Color.ts
index d95c4bb0fa..1b6b9b0360 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Color.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Color.ts
@@ -1,7 +1,7 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { hideByColumnType } from "../../propertyUtils";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
+import { hideByColumnType } from "../../propertyUtils";
 
 export default {
   sectionName: "Color",
@@ -100,6 +100,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
         ]);
       },
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Data.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Data.ts
index 956bf36f02..b2689a9c2f 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Data.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Data.ts
@@ -1,19 +1,23 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { DateInputFormat } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import {
+  ColumnTypes,
+  DateInputFormat,
+} from "widgets/wds/WDSTableWidget/constants";
 import { get } from "lodash";
 import {
   getBasePropertyPath,
   hideByColumnType,
   showByColumnType,
   uniqueColumnAliasValidation,
+  updateCurrencyDefaultValues,
   updateMenuItemsSource,
   updateNumberColumnTypeTextAlignment,
   updateThemeStylesheetsInColumns,
 } from "../../propertyUtils";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
 import { composePropertyUpdateHook } from "widgets/WidgetUtils";
-import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
+import { CurrencyDropdownOptions } from "widgets/CurrencyInputWidget/component/CurrencyCodeDropdown";
 
 export default {
   sectionName: "Data",
@@ -33,6 +37,10 @@ export default {
           label: "Checkbox",
           value: ColumnTypes.CHECKBOX,
         },
+        {
+          label: "Currency",
+          value: ColumnTypes.CURRENCY,
+        },
         {
           label: "Date",
           value: ColumnTypes.DATE,
@@ -78,6 +86,7 @@ export default {
         updateNumberColumnTypeTextAlignment,
         updateThemeStylesheetsInColumns,
         updateMenuItemsSource,
+        updateCurrencyDefaultValues,
       ]),
       dependencies: ["primaryColumns", "columnOrder", "childStylesheet"],
       isBindProperty: false,
@@ -109,6 +118,7 @@ export default {
             ColumnTypes.DATE,
             ColumnTypes.IMAGE,
             ColumnTypes.NUMBER,
+            ColumnTypes.CURRENCY,
             ColumnTypes.TEXT,
             ColumnTypes.VIDEO,
             ColumnTypes.URL,
@@ -164,6 +174,7 @@ export default {
           ColumnTypes.CHECKBOX,
           ColumnTypes.SWITCH,
           ColumnTypes.SELECT,
+          ColumnTypes.CURRENCY,
         ]);
       },
       dependencies: ["primaryColumns", "columnOrder"],
@@ -430,5 +441,116 @@ export default {
       },
       isTriggerProperty: false,
     },
+    {
+      helpText: "Changes the type of currency",
+      propertyName: "currencyCode",
+      label: "Currency",
+      enableSearch: true,
+      dropdownHeight: "156px",
+      controlType: "DROP_DOWN",
+      searchPlaceholderText: "Search by code or name",
+      options: CurrencyDropdownOptions,
+      virtual: true,
+      isJSConvertible: true,
+      isBindProperty: true,
+      isTriggerProperty: false,
+      validation: {
+        type: ValidationTypes.TEXT,
+        params: {
+          default: "USD",
+          required: true,
+          allowedValues: CurrencyDropdownOptions.map((option) => option.value),
+        },
+      },
+      hidden: (props: TableWidgetProps, propertyPath: string) => {
+        const baseProperty = getBasePropertyPath(propertyPath);
+        const columnType = get(props, `${baseProperty}.columnType`, "");
+        return columnType !== ColumnTypes.CURRENCY;
+      },
+      dependencies: ["primaryColumns", "columnType"],
+    },
+    {
+      helpText: "No. of decimals in currency input",
+      propertyName: "decimals",
+      label: "Decimals allowed",
+      controlType: "DROP_DOWN",
+      options: [
+        {
+          label: "0",
+          value: 0,
+        },
+        {
+          label: "1",
+          value: 1,
+        },
+        {
+          label: "2",
+          value: 2,
+        },
+      ],
+      isJSConvertible: false,
+      isBindProperty: true,
+      isTriggerProperty: false,
+      validation: {
+        type: ValidationTypes.NUMBER,
+        params: {
+          min: 0,
+          max: 2,
+          default: 0,
+          required: true,
+        },
+      },
+      hidden: (props: TableWidgetProps, propertyPath: string) => {
+        const baseProperty = getBasePropertyPath(propertyPath);
+        const columnType = get(props, `${baseProperty}.columnType`, "");
+        return columnType !== ColumnTypes.CURRENCY;
+      },
+      dependencies: ["primaryColumns", "columnType"],
+    },
+    {
+      propertyName: "thousandSeparator",
+      helpText: "formats the currency with a thousand separator",
+      label: "Thousand separator",
+      controlType: "SWITCH",
+      dependencies: ["primaryColumns", "columnType"],
+      isJSConvertible: true,
+      isBindProperty: true,
+      isTriggerProperty: false,
+      validation: { type: ValidationTypes.BOOLEAN },
+      hidden: (props: TableWidgetProps, propertyPath: string) => {
+        const baseProperty = getBasePropertyPath(propertyPath);
+        const columnType = get(props, `${baseProperty}.columnType`, "");
+        return columnType !== ColumnTypes.CURRENCY;
+      },
+    },
+    {
+      propertyName: "notation",
+      helpText: "Displays the currency in standard or compact notation",
+      label: "Notation",
+      controlType: "DROP_DOWN",
+      options: [
+        {
+          label: "Standard",
+          value: "standard",
+        },
+        {
+          label: "Compact",
+          value: "compact",
+        },
+      ],
+      dependencies: ["primaryColumns", "columnType"],
+      isJSConvertible: true,
+      isBindProperty: true,
+      isTriggerProperty: false,
+      validation: {
+        type: ValidationTypes.TEXT,
+        params: { default: "standard", allowedValues: ["standard", "compact"] },
+      },
+      hidden: (props: TableWidgetProps, propertyPath: string) => {
+        const baseProperty = getBasePropertyPath(propertyPath);
+        const columnType = get(props, `${baseProperty}.columnType`, "");
+        return columnType !== ColumnTypes.CURRENCY;
+      },
+    },
   ],
 };
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DateProperties.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DateProperties.ts
index 578e4ff8e3..e6a925e4b9 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DateProperties.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DateProperties.ts
@@ -1,6 +1,6 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { ColumnTypes } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import { get } from "lodash";
 import { allowedFirstDayOfWeekRange } from "../../propertyUtils";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DiscardButtonproperties.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DiscardButtonproperties.ts
index d36af93ba6..cfed9da58d 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DiscardButtonproperties.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/DiscardButtonproperties.ts
@@ -1,10 +1,10 @@
 import { get } from "lodash";
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import { hideByColumnType, getBasePropertyPath } from "../../propertyUtils";
 import { ButtonVariantTypes } from "components/constants";
 import { ICON_NAMES } from "WidgetProvider/constants";
-import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
 export default {
   sectionName: "Discard Button",
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Events.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Events.ts
index a5f3361afb..b4a2064a4e 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Events.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Events.ts
@@ -1,4 +1,5 @@
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import { get } from "lodash";
 import {
   getBasePropertyPath,
@@ -6,7 +7,6 @@ import {
   hideByColumnType,
   getColumnPath,
 } from "../../propertyUtils";
-import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
 export default {
   sectionName: "Events",
@@ -20,6 +20,7 @@ export default {
         !(
           columnType === ColumnTypes.TEXT ||
           columnType === ColumnTypes.NUMBER ||
+          columnType === ColumnTypes.CURRENCY ||
           columnType === ColumnTypes.CHECKBOX ||
           columnType === ColumnTypes.SWITCH ||
           columnType === ColumnTypes.SELECT ||
@@ -56,7 +57,9 @@ export default {
         const isEditable = get(props, `${baseProperty}.isEditable`, "");
         return (
           !(
-            columnType === ColumnTypes.TEXT || columnType === ColumnTypes.NUMBER
+            columnType === ColumnTypes.TEXT ||
+            columnType === ColumnTypes.NUMBER ||
+            columnType === ColumnTypes.CURRENCY
           ) || !isEditable
         );
       },
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/General.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/General.ts
index 576cfdb1d3..5482befbac 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/General.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/General.ts
@@ -1,5 +1,6 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import { get } from "lodash";
 import {
   getBasePropertyPath,
@@ -11,8 +12,7 @@ import {
 import { isColumnTypeEditable } from "../../utilities";
 import { composePropertyUpdateHook } from "widgets/WidgetUtils";
 import { ButtonVariantTypes } from "components/constants";
-import { StickyType } from "widgets/TableWidgetV2/component/Constants";
-import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
+import { StickyType } from "widgets/wds/WDSTableWidget/component/Constants";
 
 export default {
   sectionName: "General",
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Icon.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Icon.ts
index 71d1db85ee..ee1c04f99b 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Icon.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Icon.ts
@@ -1,6 +1,6 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { ICON_NAMES } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ICON_NAMES } from "widgets/wds/WDSTableWidget/constants";
 import { hideByColumnType, updateIconAlignment } from "../../propertyUtils";
 import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/SaveButtonProperties.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/SaveButtonProperties.ts
index e6a17fd0f1..54fac8d27a 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/SaveButtonProperties.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/SaveButtonProperties.ts
@@ -1,6 +1,6 @@
 import { get } from "lodash";
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import { hideByColumnType, getBasePropertyPath } from "../../propertyUtils";
 import { ButtonVariantTypes } from "components/constants";
 import { ICON_NAMES } from "WidgetProvider/constants";
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Select.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Select.ts
index c0868afa8c..450820142f 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Select.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Select.ts
@@ -1,6 +1,6 @@
 import { ValidationTypes } from "constants/WidgetValidation";
 import { get } from "lodash";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import {
   getBasePropertyPath,
   hideByColumnType,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/TextFormatting.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/TextFormatting.ts
index f9572f6102..cfcd154626 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/TextFormatting.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/TextFormatting.ts
@@ -1,5 +1,5 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import { hideByColumnType, showByColumnType } from "../../propertyUtils";
 import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 
@@ -57,6 +57,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
         ]);
       },
@@ -96,6 +97,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
         ]);
       },
@@ -140,6 +142,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
           ColumnTypes.CHECKBOX,
           ColumnTypes.SWITCH,
@@ -186,6 +189,7 @@ export default {
           ColumnTypes.TEXT,
           ColumnTypes.DATE,
           ColumnTypes.NUMBER,
+          ColumnTypes.CURRENCY,
           ColumnTypes.URL,
           ColumnTypes.CHECKBOX,
           ColumnTypes.SWITCH,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validation.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validation.ts
index fa3533e445..9606a8826c 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validation.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validation.ts
@@ -1,4 +1,4 @@
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import { get } from "lodash";
 import { hideByColumnType } from "../../propertyUtils";
 import commonValidations from "./Validations/Common";
@@ -16,7 +16,12 @@ export default {
       hideByColumnType(
         props,
         propertyPath,
-        [ColumnTypes.TEXT, ColumnTypes.NUMBER, ColumnTypes.DATE],
+        [
+          ColumnTypes.TEXT,
+          ColumnTypes.NUMBER,
+          ColumnTypes.DATE,
+          ColumnTypes.CURRENCY,
+        ],
         true,
       )
     );
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Common.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Common.ts
index f2aca64ab1..1c03396538 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Common.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Common.ts
@@ -1,10 +1,10 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { ColumnTypes } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import {
   showByColumnType,
   getColumnPath,
-} from "widgets/TableWidgetV2/widget/propertyUtils";
+} from "widgets/wds/WDSTableWidget/widget/propertyUtils";
 
 export default [
   {
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Date.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Date.ts
index e6fbd37eee..81543987ac 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Date.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Date.ts
@@ -1,9 +1,9 @@
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { ColumnTypes } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import {
   getColumnPath,
   hideByColumnType,
-} from "widgets/TableWidgetV2/widget/propertyUtils";
+} from "widgets/wds/WDSTableWidget/widget/propertyUtils";
 
 export default [
   {
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Number.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Number.ts
index b8d69d1859..3eb9db6f14 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Number.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/Validations/Number.ts
@@ -1,10 +1,10 @@
 import { ValidationTypes } from "constants/WidgetValidation";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
-import { ColumnTypes } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
+import { ColumnTypes } from "widgets/wds/WDSTableWidget/constants";
 import {
   hideByColumnType,
   getColumnPath,
-} from "widgets/TableWidgetV2/widget/propertyUtils";
+} from "widgets/wds/WDSTableWidget/widget/propertyUtils";
 
 export default [
   {
@@ -21,7 +21,12 @@ export default [
     },
     hidden: (props: TableWidgetProps, propertyPath: string) => {
       const path = getColumnPath(propertyPath);
-      return hideByColumnType(props, path, [ColumnTypes.NUMBER], true);
+      return hideByColumnType(
+        props,
+        path,
+        [ColumnTypes.NUMBER, ColumnTypes.CURRENCY],
+        true,
+      );
     },
     dependencies: ["primaryColumns"],
   },
@@ -39,7 +44,12 @@ export default [
     },
     hidden: (props: TableWidgetProps, propertyPath: string) => {
       const path = getColumnPath(propertyPath);
-      return hideByColumnType(props, path, [ColumnTypes.NUMBER], true);
+      return hideByColumnType(
+        props,
+        path,
+        [ColumnTypes.NUMBER, ColumnTypes.CURRENCY],
+        true,
+      );
     },
     dependencies: ["primaryColumns"],
   },
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/childPanels/configureMenuItemsConfig.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/childPanels/configureMenuItemsConfig.ts
index 3c7dc14dfa..30414e721e 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/childPanels/configureMenuItemsConfig.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/PanelConfig/childPanels/configureMenuItemsConfig.ts
@@ -7,8 +7,8 @@ import {
   iconNamesForEachRowValidation,
   iconPositionForEachRowValidation,
   textForEachRowValidation,
-} from "widgets/TableWidgetV2/widget/propertyUtils";
-import { getSourceDataAndCaluclateKeysForEventAutoComplete } from "widgets/TableWidgetV2/widget/utilities";
+} from "widgets/wds/WDSTableWidget/widget/propertyUtils";
+import { getSourceDataAndCaluclateKeysForEventAutoComplete } from "widgets/wds/WDSTableWidget/widget/utilities";
 
 export default {
   editableTitle: false,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/contentConfig.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/contentConfig.ts
index 5e7d4a26f9..bf37c13ebb 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/contentConfig.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyConfig/contentConfig.ts
@@ -6,9 +6,9 @@ import type { PropertyPaneConfig } from "constants/PropertyControlConstants";
 import { ValidationTypes } from "constants/WidgetValidation";
 import { EvaluationSubstitutionType } from "entities/DataTree/dataTreeFactory";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
-import type { TableWidgetProps } from "widgets/TableWidgetV2/constants";
+import type { TableWidgetProps } from "widgets/wds/WDSTableWidget/constants";
 import { ALLOW_TABLE_WIDGET_SERVER_SIDE_FILTERING } from "../../constants";
-import { InlineEditingSaveOptions } from "widgets/TableWidgetV2/constants";
+import { InlineEditingSaveOptions } from "widgets/wds/WDSTableWidget/constants";
 import { composePropertyUpdateHook } from "widgets/WidgetUtils";
 import {
   tableDataValidation,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyUtils.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyUtils.ts
index dbd9b3dcca..9a5d4ba9c0 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/propertyUtils.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/propertyUtils.ts
@@ -774,6 +774,50 @@ export const updateMenuItemsSource = (
   return propertiesToUpdate?.length ? propertiesToUpdate : undefined;
 };
 
+export const updateCurrencyDefaultValues = (
+  props: TableWidgetProps,
+  propertyPath: string,
+  propertyValue: unknown,
+): Array<{ propertyPath: string; propertyValue: unknown }> | undefined => {
+  const propertiesToUpdate: Array<{
+    propertyPath: string;
+    propertyValue: unknown;
+  }> = [];
+  const baseProperty = getBasePropertyPath(propertyPath);
+
+  if (propertyValue === ColumnTypes.CURRENCY) {
+    if (!get(props, `${baseProperty}.currencyCode`)) {
+      propertiesToUpdate.push({
+        propertyPath: `${baseProperty}.currencyCode`,
+        propertyValue: "USD",
+      });
+    }
+
+    if (get(props, `${baseProperty}.decimals`) === undefined) {
+      propertiesToUpdate.push({
+        propertyPath: `${baseProperty}.decimals`,
+        propertyValue: 0,
+      });
+    }
+
+    if (get(props, `${baseProperty}.notation`) === undefined) {
+      propertiesToUpdate.push({
+        propertyPath: `${baseProperty}.notation`,
+        propertyValue: "standard",
+      });
+    }
+
+    if (get(props, `${baseProperty}.thousandSeparator`) === undefined) {
+      propertiesToUpdate.push({
+        propertyPath: `${baseProperty}.thousandSeparator`,
+        propertyValue: true,
+      });
+    }
+  }
+
+  return propertiesToUpdate?.length ? propertiesToUpdate : undefined;
+};
+
 export function selectColumnOptionsValidation(
   value: unknown,
   props: TableWidgetProps,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx b/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx
index 21019f627a..def9cef913 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/reactTableUtils/getColumnsPureFn.tsx
@@ -56,6 +56,7 @@ export const getColumnsPureFn: getColumns = (
           type: column.columnType,
           format: column.outputFormat || "",
           inputFormat: column.inputFormat || "",
+          decimals: column.decimals || 0,
         },
         columnProperties: column,
         Cell: renderCell,
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.test.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.test.ts
index cd4d9b2968..f8a36f503f 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.test.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.test.ts
@@ -2,6 +2,7 @@ import type { ColumnProperties, TableStyles } from "../component/Constants";
 import { StickyType } from "../component/Constants";
 import { ColumnTypes } from "../constants";
 import {
+  convertNumToCompactString,
   escapeString,
   generateNewColumnOrderFromStickyValue,
   getAllTableColumnKeys,
@@ -2671,3 +2672,22 @@ describe("getSelectOptions", () => {
     ]);
   });
 });
+
+describe("convertNumToCompactString", () => {
+  it("formats a number in thousands (K)", () => {
+    expect(convertNumToCompactString(5000)).toBe("5.0K");
+    expect(convertNumToCompactString(9999)).toBe("10.0K"); // Rounding
+    expect(convertNumToCompactString(123456)).toBe("123.5K"); // Rounding with precision
+  });
+
+  it("formats a number in millions (M)", () => {
+    expect(convertNumToCompactString(1500000)).toBe("1.5M");
+    expect(convertNumToCompactString(9999999)).toBe("10.0M"); // Rounding
+    expect(convertNumToCompactString(123456789)).toBe("123.5M"); // Rounding with precision
+  });
+
+  it("formats a number less than 1000 as is", () => {
+    expect(convertNumToCompactString(42)).toBe("42");
+    expect(convertNumToCompactString(999)).toBe("999");
+  });
+});
diff --git a/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.ts b/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.ts
index b20841cd51..cae3e18557 100644
--- a/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.ts
+++ b/app/client/src/widgets/wds/WDSTableWidget/widget/utilities.ts
@@ -221,6 +221,10 @@ export function getDefaultColumnProperties(
         )}"]))}}`,
     sticky: StickyType.NONE,
     validation: {},
+    currencyCode: "USD",
+    decimals: 0,
+    thousandSeparator: true,
+    notation: "standard" as Intl.NumberFormatOptions["notation"],
   };
 
   return columnProps;
@@ -508,6 +512,14 @@ export const getCellProperties = (
         rowIndex,
         true,
       ),
+      currencyCode: getPropertyValue(
+        columnProperties.currencyCode,
+        rowIndex,
+        true,
+      ),
+      decimals: columnProperties.decimals,
+      thousandSeparator: !!columnProperties.thousandSeparator,
+      notation: columnProperties.notation,
     } as CellLayoutProperties;
   }
   return {} as CellLayoutProperties;
@@ -520,6 +532,7 @@ const EdtiableColumnTypes: string[] = [
   ColumnTypes.CHECKBOX,
   ColumnTypes.SWITCH,
   ColumnTypes.DATE,
+  ColumnTypes.CURRENCY,
 ];
 
 export function isColumnTypeEditable(columnType: string) {
@@ -1102,3 +1115,13 @@ export const getSelectOptions = (
     return getArrayPropertyValue(columnProperties.selectOptions, rowIndex);
   }
 };
+
+export function convertNumToCompactString(num: number) {
+  if (num >= 1e6) {
+    return (num / 1e6).toFixed(1) + "M";
+  } else if (num >= 1e3) {
+    return (num / 1e3).toFixed(1) + "K";
+  } else {
+    return num.toString();
+  }
+}
diff --git a/app/client/src/widgets/wds/WDSTextWidget/config/anvilConfig.ts b/app/client/src/widgets/wds/WDSTextWidget/config/anvilConfig.ts
index 83eda12253..1e5907856f 100644
--- a/app/client/src/widgets/wds/WDSTextWidget/config/anvilConfig.ts
+++ b/app/client/src/widgets/wds/WDSTextWidget/config/anvilConfig.ts
@@ -1,6 +1,7 @@
 import type { AnvilConfig } from "WidgetProvider/constants";
 
 export const anvilConfig: AnvilConfig = {
+  isLargeWidget: false,
   widgetSize: {
     maxHeight: {},
     maxWidth: {},
diff --git a/app/client/src/widgets/wds/WDSTextWidget/config/propertyPaneConfig/styleConfig.ts b/app/client/src/widgets/wds/WDSTextWidget/config/propertyPaneConfig/styleConfig.ts
index 45002e2e8b..19e6627e2d 100644
--- a/app/client/src/widgets/wds/WDSTextWidget/config/propertyPaneConfig/styleConfig.ts
+++ b/app/client/src/widgets/wds/WDSTextWidget/config/propertyPaneConfig/styleConfig.ts
@@ -81,10 +81,6 @@ export const propertyPaneStyleConfig = [
             label: "Warning",
             value: "warning",
           },
-          {
-            label: "Heading",
-            value: "heading",
-          },
         ],
         isJSConvertible: true,
         isBindProperty: true,
diff --git a/app/client/src/widgets/withWidgetProps.tsx b/app/client/src/widgets/withWidgetProps.tsx
index c421a9782d..bebb1792dc 100644
--- a/app/client/src/widgets/withWidgetProps.tsx
+++ b/app/client/src/widgets/withWidgetProps.tsx
@@ -242,7 +242,11 @@ function withWidgetProps(WrappedWidget: typeof BaseWidget) {
       !isPreviewMode;
 
     widgetProps.mainCanvasWidth = mainCanvasWidth;
-    if (layoutSystemType !== LayoutSystemTypes.ANVIL) {
+    if (layoutSystemType === LayoutSystemTypes.ANVIL) {
+      if (shouldCollapseWidgetInViewOrPreviewMode) {
+        return null;
+      }
+    } else {
       // We don't render invisible widgets in view mode
       if (shouldCollapseWidgetInViewOrPreviewMode) {
         // This flag (isMetaWidget) is used to prevent the Auto height saga from updating
diff --git a/app/client/src/workers/Evaluation/helpers.test.ts b/app/client/src/workers/Evaluation/helpers.test.ts
new file mode 100644
index 0000000000..3e367b01e6
--- /dev/null
+++ b/app/client/src/workers/Evaluation/helpers.test.ts
@@ -0,0 +1,95 @@
+import { fn_keys, stringifyFnsInObject } from "./helpers";
+
+describe("stringifyFnsInObject", () => {
+  it("includes full path of key having a function in the parent object", () => {
+    const obj = {
+      key1: "value",
+      key2: {
+        key3: {
+          fnKey: () => {},
+        },
+      },
+    };
+    const result = stringifyFnsInObject(obj);
+
+    expect(result[fn_keys]).toEqual(["key2.key3.fnKey"]);
+    expect(result).toEqual({
+      __fn_keys__: ["key2.key3.fnKey"],
+      key1: "value",
+      key2: {
+        key3: {
+          fnKey: "() => { }",
+        },
+      },
+    });
+  });
+
+  it("includes an array index if a function is present inside an array", () => {
+    const obj = {
+      key1: "value",
+      key2: {
+        key3: {
+          key4: ["string1", () => {}, "string3"],
+        },
+      },
+    };
+    const result = stringifyFnsInObject(obj);
+
+    expect(result[fn_keys]).toEqual(["key2.key3.key4.[1]"]);
+    expect(result).toEqual({
+      __fn_keys__: ["key2.key3.key4.[1]"],
+      key1: "value",
+      key2: {
+        key3: {
+          key4: ["string1", "() => { }", "string3"],
+        },
+      },
+    });
+  });
+
+  it("includes an array index if a function is present inside a nested object inside an array", () => {
+    const obj = {
+      key1: "value",
+      key2: {
+        key3: {
+          key4: ["string1", { key5: () => {}, key6: "value" }, "string3"],
+        },
+      },
+    };
+    const result = stringifyFnsInObject(obj);
+
+    expect(result[fn_keys]).toEqual(["key2.key3.key4.[1].key5"]);
+    expect(result).toEqual({
+      __fn_keys__: ["key2.key3.key4.[1].key5"],
+      key1: "value",
+      key2: {
+        key3: {
+          key4: ["string1", { key5: "() => { }", key6: "value" }, "string3"],
+        },
+      },
+    });
+  });
+
+  it("includes a nested array index if a function is present inside a nested array inside an array", () => {
+    const obj = {
+      key1: "value",
+      key2: {
+        key3: {
+          key4: ["string1", [() => {}], "string3"],
+        },
+      },
+    };
+    const result = stringifyFnsInObject(obj);
+
+    expect(result[fn_keys]).toEqual(["key2.key3.key4.[1].[0]"]);
+    expect(result).toEqual({
+      __fn_keys__: ["key2.key3.key4.[1].[0]"],
+      key1: "value",
+      key2: {
+        key3: {
+          key4: ["string1", ["() => { }"], "string3"],
+        },
+      },
+    });
+  });
+});
diff --git a/app/client/src/workers/Evaluation/helpers.ts b/app/client/src/workers/Evaluation/helpers.ts
index 4915b92456..9fa55e4bae 100644
--- a/app/client/src/workers/Evaluation/helpers.ts
+++ b/app/client/src/workers/Evaluation/helpers.ts
@@ -3,10 +3,12 @@ import type { Diff } from "deep-diff";
 import { diff } from "deep-diff";
 import type { DataTree } from "entities/DataTree/dataTreeTypes";
 import equal from "fast-deep-equal";
-import { get, isNumber, isObject } from "lodash";
+import { get, isNumber, isObject, set } from "lodash";
 import { isMoment } from "moment";
 import { EvalErrorTypes } from "utils/DynamicBindingUtils";
 
+export const fn_keys: string = "__fn_keys__";
+
 export interface DiffReferenceState {
   kind: "referenceState";
   path: any[];
@@ -94,6 +96,71 @@ const generateWithKey = (basePath: any, key: any) => {
   };
 };
 
+export const stringifyFnsInObject = (
+  userObject: Record<string, unknown>,
+): Record<string, unknown> => {
+  const paths: string[] = parseFunctionsInObject(userObject);
+  const fnStrings: string[] = [];
+
+  for (const path of paths) {
+    const fnValue: any = get(userObject, path);
+    fnStrings.push(fnValue.toString());
+  }
+
+  const output = JSON.parse(JSON.stringify(userObject));
+  for (const [index, parsedFnString] of fnStrings.entries()) {
+    set(output, paths[index], parsedFnString);
+  }
+
+  output[fn_keys] = paths;
+  return output;
+};
+
+const constructPath = (existingPath: string, suffix: string): string => {
+  if (existingPath.length > 0) {
+    return `${existingPath}.${suffix}`;
+  } else {
+    return suffix;
+  }
+};
+
+const parseFunctionsInObject = (
+  userObject: Record<string, unknown>,
+  paths: string[] = [],
+  path: string = "",
+): string[] => {
+  if (Array.isArray(userObject)) {
+    for (let i = 0; i < userObject.length; i++) {
+      const arrayValue = userObject[i];
+      if (typeof arrayValue == "function") {
+        paths.push(constructPath(path, `[${i}]`));
+      } else if (typeof arrayValue == "object") {
+        parseFunctionsInObject(
+          arrayValue,
+          paths,
+          constructPath(path, `[${i}]`),
+        );
+      }
+    }
+  } else {
+    const keys = Object.keys(userObject);
+    for (const key of keys) {
+      const value = userObject[key];
+      if (typeof value == "function") {
+        paths.push(constructPath(path, key));
+      } else if (typeof value == "object") {
+        parseFunctionsInObject(
+          value as Record<string, unknown>,
+          paths,
+          constructPath(path, key),
+        );
+      }
+    }
+  }
+
+  return paths;
+};
+
 const isLargeCollection = (val: any) => {
   if (!Array.isArray(val)) return false;
   const rowSize = !isObject(val[0]) ? 1 : Object.keys(val[0]).length;
diff --git a/app/client/src/workers/Evaluation/validations.ts b/app/client/src/workers/Evaluation/validations.ts
index 837d3991d9..c3e02e8a7e 100644
--- a/app/client/src/workers/Evaluation/validations.ts
+++ b/app/client/src/workers/Evaluation/validations.ts
@@ -19,7 +19,11 @@ import type { ValidationConfig } from "constants/PropertyControlConstants";
 
 import getIsSafeURL from "utils/validation/getIsSafeURL";
 import * as log from "loglevel";
-import { countOccurrences, findDuplicateIndex } from "./helpers";
+import {
+  countOccurrences,
+  findDuplicateIndex,
+  stringifyFnsInObject,
+} from "./helpers";
 
 export const UNDEFINED_VALIDATION = "UNDEFINED_VALIDATION";
 export const VALIDATION_ERROR_COUNT_THRESHOLD = 10;
@@ -360,6 +364,7 @@ export function getExpectedType(config?: ValidationConfig): string | undefined {
 
       return validationType;
     case ValidationTypes.OBJECT:
+    case ValidationTypes.OBJECT_WITH_FUNCTION:
       let objectType = "Object";
       if (config.params?.allowedKeys) {
         objectType = "{";
@@ -1248,6 +1253,37 @@ export const VALIDATORS: Record<ValidationTypes, Validator> = {
       parsed: resultValue,
     };
   },
+  [ValidationTypes.OBJECT_WITH_FUNCTION]: (
+    config: ValidationConfig,
+    value: any,
+    props: Record<string, unknown>,
+    propertyPath: string,
+  ): ValidationResponse => {
+    const invalidResponse = {
+      isValid: true,
+      parsed: {},
+      messages: [
+        {
+          name: "TypeError",
+          message: `${WIDGET_TYPE_VALIDATION_ERROR} ${getExpectedType(config)}`,
+        },
+      ],
+    };
+
+    const { isValid, messages, parsed } = VALIDATORS[ValidationTypes.OBJECT](
+      config,
+      value,
+      props,
+      propertyPath,
+    );
+
+    if (!isValid) {
+      return { isValid, messages, parsed }; // return the expected type
+    } else {
+      return { isValid, messages, parsed: stringifyFnsInObject(parsed) };
+    }
+  },
+
   [ValidationTypes.UNION]: (
     config: ValidationConfig,
     value: unknown,
diff --git a/app/client/src/workers/common/JSLibrary/index.ts b/app/client/src/workers/common/JSLibrary/index.ts
index 9f23b48d71..bf40677204 100644
--- a/app/client/src/workers/common/JSLibrary/index.ts
+++ b/app/client/src/workers/common/JSLibrary/index.ts
@@ -7,6 +7,7 @@ export interface JSLibrary {
   name: string;
   accessor: string[];
   url?: string;
+  id?: string;
 }
 
 export const defaultLibraries: JSLibrary[] = [
diff --git a/app/client/src/workers/common/JSLibrary/ternDefinitionGenerator.ts b/app/client/src/workers/common/JSLibrary/ternDefinitionGenerator.ts
index 1a5e416a50..d90e567aba 100644
--- a/app/client/src/workers/common/JSLibrary/ternDefinitionGenerator.ts
+++ b/app/client/src/workers/common/JSLibrary/ternDefinitionGenerator.ts
@@ -19,6 +19,13 @@ export function getTernDocType(obj: any) {
   }
 }
 
+export function typeToTernType(type: string) {
+  if (type === "boolean") return "bool";
+  if (type === "undefined") return "?";
+  if (type === "function") return "fn()";
+  return "string";
+}
+
 const ignoredKeys = [
   "constructor",
   "WINDOW",
diff --git a/app/client/test/__mocks__/CodeMirrorEditorMock.ts b/app/client/test/__mocks__/CodeMirrorEditorMock.ts
index 852b49b909..d417712980 100644
--- a/app/client/test/__mocks__/CodeMirrorEditorMock.ts
+++ b/app/client/test/__mocks__/CodeMirrorEditorMock.ts
@@ -18,6 +18,7 @@ export const MockCodemirrorEditor = {
   getRange: jest.fn(),
   getDoc: jest.fn(),
   getTokenAt: jest.fn(),
+  getMode: jest.fn(),
   constructor: MockCodemirrorNamespace,
 };
 
diff --git a/app/client/test/testCommon.ts b/app/client/test/testCommon.ts
index 512ab20be4..525940a30e 100644
--- a/app/client/test/testCommon.ts
+++ b/app/client/test/testCommon.ts
@@ -6,7 +6,7 @@ import { APP_MODE } from "entities/App";
 import { useDispatch } from "react-redux";
 import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
 import { createSelector } from "reselect";
-import { getCanvasWidgetsPayload } from "sagas/PageSagas";
+import { getCanvasWidgetsPayload } from "@appsmith/sagas/PageSagas";
 import { getCanvasWidgets } from "@appsmith/selectors/entitiesSelector";
 import { editorInitializer } from "utils/editor/EditorUtils";
 import { extractCurrentDSL } from "utils/WidgetPropsUtils";
diff --git a/app/client/yarn.lock b/app/client/yarn.lock
index 1a8f0a58ff..ef1ee00598 100644
--- a/app/client/yarn.lock
+++ b/app/client/yarn.lock
@@ -185,6 +185,682 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@aws-crypto/crc32@npm:3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/crc32@npm:3.0.0"
+  dependencies:
+    "@aws-crypto/util": ^3.0.0
+    "@aws-sdk/types": ^3.222.0
+    tslib: ^1.11.1
+  checksum: 9fdb3e837fc54119b017ea34fd0a6d71d2c88075d99e1e818a5158e0ad30ced67ddbcc423a11ceeef6cc465ab5ffd91830acab516470b48237ca7abd51be9642
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/crc32c@npm:3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/crc32c@npm:3.0.0"
+  dependencies:
+    "@aws-crypto/util": ^3.0.0
+    "@aws-sdk/types": ^3.222.0
+    tslib: ^1.11.1
+  checksum: 0a116b5d1c5b09a3dde65aab04a07b32f543e87b68f2d175081e3f4a1a17502343f223d691dd883ace1ddce65cd40093673e7c7415dcd99062202ba87ffb4038
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/ie11-detection@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/ie11-detection@npm:3.0.0"
+  dependencies:
+    tslib: ^1.11.1
+  checksum: 299b2ddd46eddac1f2d54d91386ceb37af81aef8a800669281c73d634ed17fd855dcfb8b3157f2879344b93a2666a6d602550eb84b71e4d7868100ad6da8f803
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/sha1-browser@npm:3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/sha1-browser@npm:3.0.0"
+  dependencies:
+    "@aws-crypto/ie11-detection": ^3.0.0
+    "@aws-crypto/supports-web-crypto": ^3.0.0
+    "@aws-crypto/util": ^3.0.0
+    "@aws-sdk/types": ^3.222.0
+    "@aws-sdk/util-locate-window": ^3.0.0
+    "@aws-sdk/util-utf8-browser": ^3.0.0
+    tslib: ^1.11.1
+  checksum: 78c379e105a0c4e7b2ed745dffd8f55054d7dde8b350b61de682bbc3cd081a50e2f87861954fa9cd53c7ea711ebca1ca0137b14cb36483efc971f60f573cf129
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/sha256-browser@npm:3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/sha256-browser@npm:3.0.0"
+  dependencies:
+    "@aws-crypto/ie11-detection": ^3.0.0
+    "@aws-crypto/sha256-js": ^3.0.0
+    "@aws-crypto/supports-web-crypto": ^3.0.0
+    "@aws-crypto/util": ^3.0.0
+    "@aws-sdk/types": ^3.222.0
+    "@aws-sdk/util-locate-window": ^3.0.0
+    "@aws-sdk/util-utf8-browser": ^3.0.0
+    tslib: ^1.11.1
+  checksum: ca89456bf508db2e08060a7f656460db97ac9a15b11e39d6fa7665e2b156508a1758695bff8e82d0a00178d6ac5c36f35eb4bcfac2e48621265224ca14a19bd2
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/sha256-js@npm:3.0.0, @aws-crypto/sha256-js@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/sha256-js@npm:3.0.0"
+  dependencies:
+    "@aws-crypto/util": ^3.0.0
+    "@aws-sdk/types": ^3.222.0
+    tslib: ^1.11.1
+  checksum: 644ded32ea310237811afae873d3c7320739cb6f6cc39dced9c94801379e68e5ee2cca0c34f0384793fa9e750a7e0a5e2468f95754bd08e6fd72ab833c8fe23c
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/supports-web-crypto@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/supports-web-crypto@npm:3.0.0"
+  dependencies:
+    tslib: ^1.11.1
+  checksum: 35479a1558db9e9a521df6877a99f95670e972c602f2a0349303477e5d638a5baf569fb037c853710e382086e6fd77e8ed58d3fb9b49f6e1186a9d26ce7be006
+  languageName: node
+  linkType: hard
+
+"@aws-crypto/util@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@aws-crypto/util@npm:3.0.0"
+  dependencies:
+    "@aws-sdk/types": ^3.222.0
+    "@aws-sdk/util-utf8-browser": ^3.0.0
+    tslib: ^1.11.1
+  checksum: d29d5545048721aae3d60b236708535059733019a105f8a64b4e4a8eab7cf8dde1546dc56bff7de20d36140a4d1f0f4693e639c5732a7059273a7b1e56354776
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/client-s3@npm:^3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/client-s3@npm:3.441.0"
+  dependencies:
+    "@aws-crypto/sha1-browser": 3.0.0
+    "@aws-crypto/sha256-browser": 3.0.0
+    "@aws-crypto/sha256-js": 3.0.0
+    "@aws-sdk/client-sts": 3.441.0
+    "@aws-sdk/core": 3.441.0
+    "@aws-sdk/credential-provider-node": 3.441.0
+    "@aws-sdk/middleware-bucket-endpoint": 3.433.0
+    "@aws-sdk/middleware-expect-continue": 3.433.0
+    "@aws-sdk/middleware-flexible-checksums": 3.433.0
+    "@aws-sdk/middleware-host-header": 3.433.0
+    "@aws-sdk/middleware-location-constraint": 3.433.0
+    "@aws-sdk/middleware-logger": 3.433.0
+    "@aws-sdk/middleware-recursion-detection": 3.433.0
+    "@aws-sdk/middleware-sdk-s3": 3.440.0
+    "@aws-sdk/middleware-signing": 3.433.0
+    "@aws-sdk/middleware-ssec": 3.433.0
+    "@aws-sdk/middleware-user-agent": 3.438.0
+    "@aws-sdk/region-config-resolver": 3.433.0
+    "@aws-sdk/signature-v4-multi-region": 3.437.0
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-endpoints": 3.438.0
+    "@aws-sdk/util-user-agent-browser": 3.433.0
+    "@aws-sdk/util-user-agent-node": 3.437.0
+    "@aws-sdk/xml-builder": 3.310.0
+    "@smithy/config-resolver": ^2.0.16
+    "@smithy/eventstream-serde-browser": ^2.0.12
+    "@smithy/eventstream-serde-config-resolver": ^2.0.12
+    "@smithy/eventstream-serde-node": ^2.0.12
+    "@smithy/fetch-http-handler": ^2.2.4
+    "@smithy/hash-blob-browser": ^2.0.12
+    "@smithy/hash-node": ^2.0.12
+    "@smithy/hash-stream-node": ^2.0.12
+    "@smithy/invalid-dependency": ^2.0.12
+    "@smithy/md5-js": ^2.0.12
+    "@smithy/middleware-content-length": ^2.0.14
+    "@smithy/middleware-endpoint": ^2.1.3
+    "@smithy/middleware-retry": ^2.0.18
+    "@smithy/middleware-serde": ^2.0.12
+    "@smithy/middleware-stack": ^2.0.6
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/node-http-handler": ^2.1.8
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    "@smithy/url-parser": ^2.0.12
+    "@smithy/util-base64": ^2.0.0
+    "@smithy/util-body-length-browser": ^2.0.0
+    "@smithy/util-body-length-node": ^2.1.0
+    "@smithy/util-defaults-mode-browser": ^2.0.16
+    "@smithy/util-defaults-mode-node": ^2.0.21
+    "@smithy/util-endpoints": ^1.0.2
+    "@smithy/util-retry": ^2.0.5
+    "@smithy/util-stream": ^2.0.17
+    "@smithy/util-utf8": ^2.0.0
+    "@smithy/util-waiter": ^2.0.12
+    fast-xml-parser: 4.2.5
+    tslib: ^2.5.0
+  checksum: bac08b8fc9025184b28403bda5aea24ab3e722531c525dab32cfc12683c6e6e1bb23c9eae802ca24355134ccb918e2d0fc3cc3c730575fe570bf2af4fca6deeb
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/client-sso@npm:3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/client-sso@npm:3.441.0"
+  dependencies:
+    "@aws-crypto/sha256-browser": 3.0.0
+    "@aws-crypto/sha256-js": 3.0.0
+    "@aws-sdk/core": 3.441.0
+    "@aws-sdk/middleware-host-header": 3.433.0
+    "@aws-sdk/middleware-logger": 3.433.0
+    "@aws-sdk/middleware-recursion-detection": 3.433.0
+    "@aws-sdk/middleware-user-agent": 3.438.0
+    "@aws-sdk/region-config-resolver": 3.433.0
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-endpoints": 3.438.0
+    "@aws-sdk/util-user-agent-browser": 3.433.0
+    "@aws-sdk/util-user-agent-node": 3.437.0
+    "@smithy/config-resolver": ^2.0.16
+    "@smithy/fetch-http-handler": ^2.2.4
+    "@smithy/hash-node": ^2.0.12
+    "@smithy/invalid-dependency": ^2.0.12
+    "@smithy/middleware-content-length": ^2.0.14
+    "@smithy/middleware-endpoint": ^2.1.3
+    "@smithy/middleware-retry": ^2.0.18
+    "@smithy/middleware-serde": ^2.0.12
+    "@smithy/middleware-stack": ^2.0.6
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/node-http-handler": ^2.1.8
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    "@smithy/url-parser": ^2.0.12
+    "@smithy/util-base64": ^2.0.0
+    "@smithy/util-body-length-browser": ^2.0.0
+    "@smithy/util-body-length-node": ^2.1.0
+    "@smithy/util-defaults-mode-browser": ^2.0.16
+    "@smithy/util-defaults-mode-node": ^2.0.21
+    "@smithy/util-endpoints": ^1.0.2
+    "@smithy/util-retry": ^2.0.5
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: e901c2619d0a264029a84016cabf3dd7ffc24b8b7d6c44037f0c463e059d14d652873db4ec6a8a786a7cee2c9ea5b2aa81f50001793afbc6a176faedc06905ec
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/client-sts@npm:3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/client-sts@npm:3.441.0"
+  dependencies:
+    "@aws-crypto/sha256-browser": 3.0.0
+    "@aws-crypto/sha256-js": 3.0.0
+    "@aws-sdk/core": 3.441.0
+    "@aws-sdk/credential-provider-node": 3.441.0
+    "@aws-sdk/middleware-host-header": 3.433.0
+    "@aws-sdk/middleware-logger": 3.433.0
+    "@aws-sdk/middleware-recursion-detection": 3.433.0
+    "@aws-sdk/middleware-sdk-sts": 3.433.0
+    "@aws-sdk/middleware-signing": 3.433.0
+    "@aws-sdk/middleware-user-agent": 3.438.0
+    "@aws-sdk/region-config-resolver": 3.433.0
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-endpoints": 3.438.0
+    "@aws-sdk/util-user-agent-browser": 3.433.0
+    "@aws-sdk/util-user-agent-node": 3.437.0
+    "@smithy/config-resolver": ^2.0.16
+    "@smithy/fetch-http-handler": ^2.2.4
+    "@smithy/hash-node": ^2.0.12
+    "@smithy/invalid-dependency": ^2.0.12
+    "@smithy/middleware-content-length": ^2.0.14
+    "@smithy/middleware-endpoint": ^2.1.3
+    "@smithy/middleware-retry": ^2.0.18
+    "@smithy/middleware-serde": ^2.0.12
+    "@smithy/middleware-stack": ^2.0.6
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/node-http-handler": ^2.1.8
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    "@smithy/url-parser": ^2.0.12
+    "@smithy/util-base64": ^2.0.0
+    "@smithy/util-body-length-browser": ^2.0.0
+    "@smithy/util-body-length-node": ^2.1.0
+    "@smithy/util-defaults-mode-browser": ^2.0.16
+    "@smithy/util-defaults-mode-node": ^2.0.21
+    "@smithy/util-endpoints": ^1.0.2
+    "@smithy/util-retry": ^2.0.5
+    "@smithy/util-utf8": ^2.0.0
+    fast-xml-parser: 4.2.5
+    tslib: ^2.5.0
+  checksum: 3da7c3777f1f6d890534bf7a68ff29497dee42612ff82874ba7d8359bdb1fdf3aacaad9194dd55e0a767443b20f7189a2318547fad7d9c37335ae377a290960e
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/core@npm:3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/core@npm:3.441.0"
+  dependencies:
+    "@smithy/smithy-client": ^2.1.12
+  checksum: 9cf5046e16ac3e871cd3bd4f8c434ed508d6282b9da2ed806eb2c998410e2d6bfeb32c2f65419228803c56f14797ef5a772de81484943b83d4f1cb8a89bfdaf2
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/credential-provider-env@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/credential-provider-env@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: bc8d2afb35245d1c4aea85d0a2fb56ab85b7a48ddf92d90fc7351c871e8fb90622d6662e066a0a0cf6f493a94f8aba24061f663450bafeec6a70cd6e6af07e29
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/credential-provider-ini@npm:3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/credential-provider-ini@npm:3.441.0"
+  dependencies:
+    "@aws-sdk/credential-provider-env": 3.433.0
+    "@aws-sdk/credential-provider-process": 3.433.0
+    "@aws-sdk/credential-provider-sso": 3.441.0
+    "@aws-sdk/credential-provider-web-identity": 3.433.0
+    "@aws-sdk/types": 3.433.0
+    "@smithy/credential-provider-imds": ^2.0.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/shared-ini-file-loader": ^2.0.6
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: e3b9bc635bd8e5e4b6866eb49b78d0d7a447038970ea318e8d41d184a4a704dafd8f527180c36a2a6bfb9a48c20f03b947c31b5e520752780153f2a27dab775a
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/credential-provider-node@npm:3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/credential-provider-node@npm:3.441.0"
+  dependencies:
+    "@aws-sdk/credential-provider-env": 3.433.0
+    "@aws-sdk/credential-provider-ini": 3.441.0
+    "@aws-sdk/credential-provider-process": 3.433.0
+    "@aws-sdk/credential-provider-sso": 3.441.0
+    "@aws-sdk/credential-provider-web-identity": 3.433.0
+    "@aws-sdk/types": 3.433.0
+    "@smithy/credential-provider-imds": ^2.0.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/shared-ini-file-loader": ^2.0.6
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 0b1de9e98daf4d2723a37c302ca6e29ee9a9c400ea349dcd9dd9397908f8a019540bb6c0adfb2d9045bce8f6edb39db0ece82de80ff56426ae2b4d98495d764f
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/credential-provider-process@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/credential-provider-process@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/shared-ini-file-loader": ^2.0.6
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 42c04f294744a7d2b066b6a9e77f785eb391f49335963d25f87fb09d4b2d9a6acf78dfde7e3b4aca1bfca5eb6d799c557d5800846d8c055a27d5a047e023ba35
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/credential-provider-sso@npm:3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/credential-provider-sso@npm:3.441.0"
+  dependencies:
+    "@aws-sdk/client-sso": 3.441.0
+    "@aws-sdk/token-providers": 3.438.0
+    "@aws-sdk/types": 3.433.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/shared-ini-file-loader": ^2.0.6
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: e0043bd2179f998750a779cf808f1b2bc609a3685e2697ba078c8f64093f6721f522d331e2911b1e6f5215522456827f69764dc2224d6038e7bb42e29445b879
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/credential-provider-web-identity@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/credential-provider-web-identity@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: a0a76fb939da1f3a221927a8d4707f9f554ab27649cecbe84fb8f99264009c88aa10cf13324013fc0efc62edd450d60fe39525d7b9715b95ef7ae14374ce82d3
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/lib-storage@npm:^3.441.0":
+  version: 3.441.0
+  resolution: "@aws-sdk/lib-storage@npm:3.441.0"
+  dependencies:
+    "@smithy/abort-controller": ^2.0.1
+    "@smithy/middleware-endpoint": ^2.1.3
+    "@smithy/smithy-client": ^2.1.12
+    buffer: 5.6.0
+    events: 3.3.0
+    stream-browserify: 3.0.0
+    tslib: ^2.5.0
+  peerDependencies:
+    "@aws-sdk/client-s3": ^3.0.0
+  checksum: dd091d46c77f401426b99c78882d7db3cf5068850b12b865d110dff8a55d3d0abdaf6eadff870091b4fa1d77420f316e092fbd00a1517e2933b2c10ca01c6a3e
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-bucket-endpoint@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-bucket-endpoint@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-arn-parser": 3.310.0
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    "@smithy/util-config-provider": ^2.0.0
+    tslib: ^2.5.0
+  checksum: ee9e3d93b680b53402d3a0c945dd7778c2c043f9d50d265074ced28f06b715548272e4fb3349c797454b9b95af96e33a379008590ec827b40de127f339892329
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-expect-continue@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-expect-continue@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: dcf3b671f5db6e2bfaeceee711a47342025188ce86eacaade44694b16af35f63f5d0b3dac8c41553b30652c71347ecb219c072c2881a92148e0420a8e6553ddb
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-flexible-checksums@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-flexible-checksums@npm:3.433.0"
+  dependencies:
+    "@aws-crypto/crc32": 3.0.0
+    "@aws-crypto/crc32c": 3.0.0
+    "@aws-sdk/types": 3.433.0
+    "@smithy/is-array-buffer": ^2.0.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 06e4925aa78645aa0b3c795f042dd12199cda5e13dd1571465d232e4557ab1cddd6cf329696a1269b85cc922a3686acae0fd5968444707b13a21966e0e5aa7fc
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-host-header@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-host-header@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: b9a2b1b8c1eceaad9db2c30a38007e131ea4d67b936b1cfa8727cc20ae9a3f95975e24c0d5267c77b05c8c8811bfb8ede83d9f8d4bb8eb9726f03c6e5f21345a
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-location-constraint@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-location-constraint@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: c364e34a346c97bce551004aedf439ee8e175600f5b8ac2ef86e58263999b19d418ace1799f5beac6bd45302955823db9dc575c00f699c7177dd07510cebfb9b
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-logger@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-logger@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 4184122eb5e519e4be2f3e70b3b328488ec861e7e9f586e5589fc7395b759e1bf79a5657f96f3dc13d9b0dcf9a0f0040703ac78e0dc736407319ec6d05b01a64
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-recursion-detection@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-recursion-detection@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 49ba0e4b87a911aa834ae4aa22d395258d4a6f1441c780f9f1356b4cb6bb023cecfb5d551f285f11c1968ee930804acf251c0e8b5fdcd9a8544e9177f1675812
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-sdk-s3@npm:3.440.0":
+  version: 3.440.0
+  resolution: "@aws-sdk/middleware-sdk-s3@npm:3.440.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-arn-parser": 3.310.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 25513ee79320aedf29bea164b614d302dd7ef7767e025753638f941def166e5c1d9f0a4d687bdf05377d78267bc8e513909915c6bb0da343a9553217e7b750ca
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-sdk-sts@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-sdk-sts@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/middleware-signing": 3.433.0
+    "@aws-sdk/types": 3.433.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 116b8c1bff74828cbbae69e84c380c0643c45a7b66ea57731f68aa618b189af01a43931c0a82b2a20f67bc8dd7cec1228ebd65c87e620b06a9b5b3c0673d77a3
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-signing@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-signing@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/signature-v4": ^2.0.0
+    "@smithy/types": ^2.4.0
+    "@smithy/util-middleware": ^2.0.5
+    tslib: ^2.5.0
+  checksum: a55defd93fa78e613df223668807c314d6c30e299859743c7ffac94da0340703ff93eccf3940cb216add60c475f6334ccbddb484e322c88416111e0e3aef19b5
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-ssec@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/middleware-ssec@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: e1e1c631686f4a89cf02520361533a007d98a3c9faa868d1462bf8b287e77fd86da896dc7610be37cf8cd66fa672280035dc2169fa15ce1a8debb28fff3cb949
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/middleware-user-agent@npm:3.438.0":
+  version: 3.438.0
+  resolution: "@aws-sdk/middleware-user-agent@npm:3.438.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-endpoints": 3.438.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 9fa28d029fb41c982a9e90a00ee811d77c3cf0887d872b2388fc5dedb3d3e192d5a2bbedb7a29f8b488101e8ce0f4de10ef5e2237fcdbcaf6506726324c832f5
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/region-config-resolver@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/region-config-resolver@npm:3.433.0"
+  dependencies:
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/types": ^2.4.0
+    "@smithy/util-config-provider": ^2.0.0
+    "@smithy/util-middleware": ^2.0.5
+    tslib: ^2.5.0
+  checksum: 80a80707c2c991c16e6a52bde426704337b119d89cdedd70af72a7c52d2ee285a6cdcd355e45cb630e6d2dc3a7f57749b3276b9fff851d57c57916ef5ee2616f
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/signature-v4-multi-region@npm:3.437.0":
+  version: 3.437.0
+  resolution: "@aws-sdk/signature-v4-multi-region@npm:3.437.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/signature-v4": ^2.0.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 94a442ccaad2c58b5a05eb7573a49da3110c7836a4e56e3790a37c3a124981b625b1df79ec6f806e71d72e0e26347c4c1800136417c121ce3130bc573cd86c7a
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/token-providers@npm:3.438.0":
+  version: 3.438.0
+  resolution: "@aws-sdk/token-providers@npm:3.438.0"
+  dependencies:
+    "@aws-crypto/sha256-browser": 3.0.0
+    "@aws-crypto/sha256-js": 3.0.0
+    "@aws-sdk/middleware-host-header": 3.433.0
+    "@aws-sdk/middleware-logger": 3.433.0
+    "@aws-sdk/middleware-recursion-detection": 3.433.0
+    "@aws-sdk/middleware-user-agent": 3.438.0
+    "@aws-sdk/region-config-resolver": 3.433.0
+    "@aws-sdk/types": 3.433.0
+    "@aws-sdk/util-endpoints": 3.438.0
+    "@aws-sdk/util-user-agent-browser": 3.433.0
+    "@aws-sdk/util-user-agent-node": 3.437.0
+    "@smithy/config-resolver": ^2.0.16
+    "@smithy/fetch-http-handler": ^2.2.4
+    "@smithy/hash-node": ^2.0.12
+    "@smithy/invalid-dependency": ^2.0.12
+    "@smithy/middleware-content-length": ^2.0.14
+    "@smithy/middleware-endpoint": ^2.1.3
+    "@smithy/middleware-retry": ^2.0.18
+    "@smithy/middleware-serde": ^2.0.12
+    "@smithy/middleware-stack": ^2.0.6
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/node-http-handler": ^2.1.8
+    "@smithy/property-provider": ^2.0.0
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/shared-ini-file-loader": ^2.0.6
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    "@smithy/url-parser": ^2.0.12
+    "@smithy/util-base64": ^2.0.0
+    "@smithy/util-body-length-browser": ^2.0.0
+    "@smithy/util-body-length-node": ^2.1.0
+    "@smithy/util-defaults-mode-browser": ^2.0.16
+    "@smithy/util-defaults-mode-node": ^2.0.21
+    "@smithy/util-endpoints": ^1.0.2
+    "@smithy/util-retry": ^2.0.5
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 2171e910d29c814362a058f8c9447e444b8aff44a3f82f0b527dab13fe70ce1034d72739c64c1891c01aeedf25662dc049ca8e903c2b07d61cf2b0a930b9d811
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/types@npm:3.433.0, @aws-sdk/types@npm:^3.222.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/types@npm:3.433.0"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: f7460897bee2835b06cd957853b17eb4eb4fe1e7f66f6ca97e2fc0c642ff7093011d73cbde64f097cdcc462f1f72c3e0980472c716eefd656c61dac95e7e060d
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/util-arn-parser@npm:3.310.0":
+  version: 3.310.0
+  resolution: "@aws-sdk/util-arn-parser@npm:3.310.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: faac1e10f8bb6c2fe5fee82bcb7ce56c2b37ae9ffdb2b78b0746a7a06005eaa5ea747a0a10eaf490c1c4907ecc327e1c94a600e26a069e023e54b8d63c031e96
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/util-endpoints@npm:3.438.0":
+  version: 3.438.0
+  resolution: "@aws-sdk/util-endpoints@npm:3.438.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/util-endpoints": ^1.0.2
+    tslib: ^2.5.0
+  checksum: d88756a35fc5a9830d682bafce8874e1cdb4cc59909a5f54ef99d985b248e0f0d99b1d70a560974802289040abfec03e92038f2bf7efdddd83b0d810c692509f
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/util-locate-window@npm:^3.0.0":
+  version: 3.310.0
+  resolution: "@aws-sdk/util-locate-window@npm:3.310.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: d552ce5f0f836ecb13d7920ae650552c56706f26a5e8abf894ba471e18775a3791869bda95269153735bac9d211efc3ba78ea01c34428c3fed4318ac693a08bc
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/util-user-agent-browser@npm:3.433.0":
+  version: 3.433.0
+  resolution: "@aws-sdk/util-user-agent-browser@npm:3.433.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/types": ^2.4.0
+    bowser: ^2.11.0
+    tslib: ^2.5.0
+  checksum: ca762fdf65f0b17832dd6f9d1e48e3c57d54cb79e1ae26fa882a7c13cae2e14b138ec07d4ef766b40c17ec558f1cfd9c1d9ecf9ccb369472abdef79adc1e3189
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/util-user-agent-node@npm:3.437.0":
+  version: 3.437.0
+  resolution: "@aws-sdk/util-user-agent-node@npm:3.437.0"
+  dependencies:
+    "@aws-sdk/types": 3.433.0
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  peerDependencies:
+    aws-crt: ">=1.0.0"
+  peerDependenciesMeta:
+    aws-crt:
+      optional: true
+  checksum: d9840b5c8595865c0a955fba80dbbb46f7e5bdc3899868393d7062dfaaf9921608dd2a09b7a28286c8213652a1bed13d1aed4781c0d5b4323edd72cc3b124ba8
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/util-utf8-browser@npm:^3.0.0":
+  version: 3.259.0
+  resolution: "@aws-sdk/util-utf8-browser@npm:3.259.0"
+  dependencies:
+    tslib: ^2.3.1
+  checksum: b6a1e580da1c9b62c749814182a7649a748ca4253edb4063aa521df97d25b76eae3359eb1680b86f71aac668e05cc05c514379bca39ebf4ba998ae4348412da8
+  languageName: node
+  linkType: hard
+
+"@aws-sdk/xml-builder@npm:3.310.0":
+  version: 3.310.0
+  resolution: "@aws-sdk/xml-builder@npm:3.310.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: fc17fd8f68470702d947948ada46097bdddecafdc68fa57bf584320e92748e8ef0372a51999d3ab7902ba4f62c2dbfbdec2dba1180fca19bb5127bad1ef0e48b
+  languageName: node
+  linkType: hard
+
 "@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.22.10, @babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.8.3":
   version: 7.22.13
   resolution: "@babel/code-frame@npm:7.22.13"
@@ -4957,6 +5633,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-dismissable-layer@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@radix-ui/react-dismissable-layer@npm:1.0.5"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-escape-keydown": 1.0.3
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: e73cf4bd3763f4d55b1bea7486a9700384d7d94dc00b1d5a75e222b2f1e4f32bc667a206ca4ed3baaaf7424dce7a239afd0ba59a6f0d89c3462c4e6e8d029a04
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-dropdown-menu@npm:^2.0.4":
   version: 2.0.4
   resolution: "@radix-ui/react-dropdown-menu@npm:2.0.4"
@@ -5039,6 +5739,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-hover-card@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "@radix-ui/react-hover-card@npm:1.0.7"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-dismissable-layer": 1.0.5
+    "@radix-ui/react-popper": 1.1.3
+    "@radix-ui/react-portal": 1.0.4
+    "@radix-ui/react-presence": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 812c348d8331348774b0460cd9058fdb34e0a4e167cc3ab7350d60d0ac374c673e8159573919da299f58860b8eeb9d43c21ccb679cf6db70f5db0386359871ef
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-id@npm:1.0.0":
   version: 1.0.0
   resolution: "@radix-ui/react-id@npm:1.0.0"
@@ -5182,6 +5910,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-popper@npm:1.1.3":
+  version: 1.1.3
+  resolution: "@radix-ui/react-popper@npm:1.1.3"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@floating-ui/react-dom": ^2.0.0
+    "@radix-ui/react-arrow": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-layout-effect": 1.0.1
+    "@radix-ui/react-use-rect": 1.0.1
+    "@radix-ui/react-use-size": 1.0.1
+    "@radix-ui/rect": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: b18a15958623f9222b6ed3e24b9fbcc2ba67b8df5a5272412f261de1592b3f05002af1c8b94c065830c3c74267ce00cf6c1d70d4d507ec92ba639501f98aa348
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-portal@npm:1.0.2":
   version: 1.0.2
   resolution: "@radix-ui/react-portal@npm:1.0.2"
@@ -5215,6 +5972,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-portal@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-portal@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-primitive": 1.0.3
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: c4cf35e2f26a89703189d0eef3ceeeb706ae0832e98e558730a5e929ca7c72c7cb510413a24eca94c7732f8d659a1e81942bec7b90540cb73ce9e4885d040b64
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-presence@npm:1.0.0":
   version: 1.0.0
   resolution: "@radix-ui/react-presence@npm:1.0.0"
@@ -6871,6 +7648,551 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@smithy/abort-controller@npm:^2.0.1, @smithy/abort-controller@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/abort-controller@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 187bbe7819271de99c8218d0df08d7b56131a7563e1822ef3142ecdad258201c9cc792e222d59145f6f59f6260e3c4ae2ef09b76370daa393797fad1b3d56551
+  languageName: node
+  linkType: hard
+
+"@smithy/chunked-blob-reader-native@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/chunked-blob-reader-native@npm:2.0.0"
+  dependencies:
+    "@smithy/util-base64": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 5f656dbc4913ab8312b6e687938f534a2ed28e749335560c21a6975f691630ede80afc4a81007078692da4eaa91839ae0a6e65dc39f3faf4423538f5d9bef37b
+  languageName: node
+  linkType: hard
+
+"@smithy/chunked-blob-reader@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/chunked-blob-reader@npm:2.0.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: a47e5298f0b28e25eaa5825ea9737718f0e2b7cf0f03a49cca186eb5544dd20ac91a2d92069f9805e40e5f3ab34d32f8091853518672fdbca009411179dbeb2a
+  languageName: node
+  linkType: hard
+
+"@smithy/config-resolver@npm:^2.0.16":
+  version: 2.0.16
+  resolution: "@smithy/config-resolver@npm:2.0.16"
+  dependencies:
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/types": ^2.4.0
+    "@smithy/util-config-provider": ^2.0.0
+    "@smithy/util-middleware": ^2.0.5
+    tslib: ^2.5.0
+  checksum: d92948bc42e59c451ff0cf5cf803b6cb13c664dd920d43c0f5a647193c93aa3634fa88391e85dad1c159f535432bfdd7653de8450599b4170e4adced2c8c9850
+  languageName: node
+  linkType: hard
+
+"@smithy/credential-provider-imds@npm:^2.0.0, @smithy/credential-provider-imds@npm:^2.0.18":
+  version: 2.0.18
+  resolution: "@smithy/credential-provider-imds@npm:2.0.18"
+  dependencies:
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/property-provider": ^2.0.13
+    "@smithy/types": ^2.4.0
+    "@smithy/url-parser": ^2.0.12
+    tslib: ^2.5.0
+  checksum: 12e4a436429b140a2d85e34842d9deb42d7507fe3d3b26070f45f484bf8ecba9ac4fe3f9deb87252f3f6e5ae31d19c9e61147079c69716c2f4bcd0aa4d2c73b8
+  languageName: node
+  linkType: hard
+
+"@smithy/eventstream-codec@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/eventstream-codec@npm:2.0.12"
+  dependencies:
+    "@aws-crypto/crc32": 3.0.0
+    "@smithy/types": ^2.4.0
+    "@smithy/util-hex-encoding": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 38e457645512d06e9b74bdb8b33df8b712e96b97e59b7cd51c9d31686ba71b7f4e094615dedcca7a1790fdb7e52f3e0791af7d7b66ca46e0556544827a311d5b
+  languageName: node
+  linkType: hard
+
+"@smithy/eventstream-serde-browser@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/eventstream-serde-browser@npm:2.0.12"
+  dependencies:
+    "@smithy/eventstream-serde-universal": ^2.0.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 685d9d874e019d62cacac4d98c19ffbd8496c68efa0968f43f93cbcf3bcaa0db2c5ae060d0550c50bd24a6b1a15ea2b94ce7fed121733bb060dd536b7e618ff6
+  languageName: node
+  linkType: hard
+
+"@smithy/eventstream-serde-config-resolver@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/eventstream-serde-config-resolver@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 1fbed5f1b1c5fb8830d9940e2d8d56e1c33dd3ce5e5a79f259f0dacaa8ec6dfa4203163b63e707769e4153d1d17680cbf195690b596a44da6f43a62f66bad1aa
+  languageName: node
+  linkType: hard
+
+"@smithy/eventstream-serde-node@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/eventstream-serde-node@npm:2.0.12"
+  dependencies:
+    "@smithy/eventstream-serde-universal": ^2.0.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 541f57903daa13d78b09b23ac74a6643e8260b4c9afe9375344ccc347c62fdc1fc0c162f763f733b7bd46f8ceb240890cfc89f786bd49efd57cf43d74c9b3f6b
+  languageName: node
+  linkType: hard
+
+"@smithy/eventstream-serde-universal@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/eventstream-serde-universal@npm:2.0.12"
+  dependencies:
+    "@smithy/eventstream-codec": ^2.0.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: fea8ad03da25f92b0f3a0b20398a410bbf264aad6318b2cea9c8740cd86b1b130f3b52a07fb2b25e82b19eb44d60ec3770b17667a6842d404548e200a085ead9
+  languageName: node
+  linkType: hard
+
+"@smithy/fetch-http-handler@npm:^2.2.4":
+  version: 2.2.4
+  resolution: "@smithy/fetch-http-handler@npm:2.2.4"
+  dependencies:
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/querystring-builder": ^2.0.12
+    "@smithy/types": ^2.4.0
+    "@smithy/util-base64": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 37b9dfdd35ff4a997de07f3aacdaf4acb3881b3586b3c2bbf27f163066a241d54ce471fe100353e2bea3f3cd71ec8ef57a0a1f78f897e11c9166f75b06902cfc
+  languageName: node
+  linkType: hard
+
+"@smithy/hash-blob-browser@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/hash-blob-browser@npm:2.0.12"
+  dependencies:
+    "@smithy/chunked-blob-reader": ^2.0.0
+    "@smithy/chunked-blob-reader-native": ^2.0.0
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 212dd0200020c13c98efaea4544d81acf286ecebf6b8751b7205797da7b0282b17df1e85385525a479c7d3a1f7fd17100f8083974fb33e220e084f310b86f578
+  languageName: node
+  linkType: hard
+
+"@smithy/hash-node@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/hash-node@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    "@smithy/util-buffer-from": ^2.0.0
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: e2b36a60c812fb716091ea06d205113cdee9ba4dfdd608bb1723e635f9bd53c4f8a9bd038f2c6fb369a91beee3189123925e2543ee373b81a77d62e71170523c
+  languageName: node
+  linkType: hard
+
+"@smithy/hash-stream-node@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/hash-stream-node@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 83b395ad6e529a23f82ca006597b08e5e83cf35e92b6813624cb8735632f7271e13249ffc687d6c21dbabccec92fc73fcf747e7dd7096d6d913a33d1e6842c7d
+  languageName: node
+  linkType: hard
+
+"@smithy/invalid-dependency@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/invalid-dependency@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 3b8a218ad67d3eca06d1646f21e52bf7704449fec714a0c113ab5db100605b05b37b12facd00b92df1203d5bec66ff4ed5e763691ac7c098b85854f194eefb58
+  languageName: node
+  linkType: hard
+
+"@smithy/is-array-buffer@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/is-array-buffer@npm:2.0.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: 6d101cf509a7818667f42d297894f88f86ef41d3cc9d02eae38bbe5e69b16edf83b8e67eb691964d859a16a4e39db1aad323d83f6ae55ae4512a14ff6406c02d
+  languageName: node
+  linkType: hard
+
+"@smithy/md5-js@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/md5-js@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: c6b90d31d89ff386d13b8ecad7aeb2d63fd6b534f0954745b34690fdb4b2520f228769c4ef2967a476a2cd5d6de0151be2998714c5ba1fde2253976012b18fba
+  languageName: node
+  linkType: hard
+
+"@smithy/middleware-content-length@npm:^2.0.14":
+  version: 2.0.14
+  resolution: "@smithy/middleware-content-length@npm:2.0.14"
+  dependencies:
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: ff289f3c7ec4dbf53297e5968196444a387ddd3e67cb8426e40cadc096e7a5127e30315520761aa53a98daecfde0e6ecc195a722d4b31b7662f63b3286474224
+  languageName: node
+  linkType: hard
+
+"@smithy/middleware-endpoint@npm:^2.1.3":
+  version: 2.1.3
+  resolution: "@smithy/middleware-endpoint@npm:2.1.3"
+  dependencies:
+    "@smithy/middleware-serde": ^2.0.12
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/shared-ini-file-loader": ^2.2.2
+    "@smithy/types": ^2.4.0
+    "@smithy/url-parser": ^2.0.12
+    "@smithy/util-middleware": ^2.0.5
+    tslib: ^2.5.0
+  checksum: 62dfcb031bccb575a33f04ca8d684634eb03585530b28ffe759242dc13fef7e11755673d3d7d1be15a90f933f579614bc78d83dad0747e3bf344c60cb2212d92
+  languageName: node
+  linkType: hard
+
+"@smithy/middleware-retry@npm:^2.0.18":
+  version: 2.0.18
+  resolution: "@smithy/middleware-retry@npm:2.0.18"
+  dependencies:
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/service-error-classification": ^2.0.5
+    "@smithy/types": ^2.4.0
+    "@smithy/util-middleware": ^2.0.5
+    "@smithy/util-retry": ^2.0.5
+    tslib: ^2.5.0
+    uuid: ^8.3.2
+  checksum: 7372232d35fbff0f770e4ec608940c81a776040971556e3a328980ebcceb9f9469eb09e5d6014811c42759c77653ded4cbbccc21b7c26f3405c7299062a523b3
+  languageName: node
+  linkType: hard
+
+"@smithy/middleware-serde@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/middleware-serde@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 5e8b04511c017bcadbf1a6efc6c71588586cabaa130df10562a74159d128e56965581799e80a0645557bab03df8bea187b21cb1fd536e17cf73148e5b678925f
+  languageName: node
+  linkType: hard
+
+"@smithy/middleware-stack@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "@smithy/middleware-stack@npm:2.0.6"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 3626b71364b83d091751cd6ad7f7bc655a1746f970c63ea3205c2bc171a596a734394d556fcf66f1458b8151fe54cab5bf774ee66b4d40c3dd9d9e7d9114f905
+  languageName: node
+  linkType: hard
+
+"@smithy/node-config-provider@npm:^2.1.3":
+  version: 2.1.3
+  resolution: "@smithy/node-config-provider@npm:2.1.3"
+  dependencies:
+    "@smithy/property-provider": ^2.0.13
+    "@smithy/shared-ini-file-loader": ^2.2.2
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 22e188fbc099616e50661afb0decb88ba67b396a1fbed122ad2a857a2a9e4a80d34a68d793cca6cb9e34a299ca1cde2bf3b9ab2b97b733bae838852acec080c5
+  languageName: node
+  linkType: hard
+
+"@smithy/node-http-handler@npm:^2.1.8":
+  version: 2.1.8
+  resolution: "@smithy/node-http-handler@npm:2.1.8"
+  dependencies:
+    "@smithy/abort-controller": ^2.0.12
+    "@smithy/protocol-http": ^3.0.8
+    "@smithy/querystring-builder": ^2.0.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 17e51b8c0b2dc7dcf7e32bc2cbd836220f86355b4d630f0b94fad4ed79dfa737b4ecbb7c72752b59e6849ca342c4a3ade89846e0276d986a72d25ed280ce3a8c
+  languageName: node
+  linkType: hard
+
+"@smithy/property-provider@npm:^2.0.0, @smithy/property-provider@npm:^2.0.13":
+  version: 2.0.13
+  resolution: "@smithy/property-provider@npm:2.0.13"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 62443ec94d4dafaa0c2f285957264b3b548fd5a164ebd1ef02e4286c55d3e07e4d22d695fc2857ad0b1e406d01bf27271e9d7c3c05465638da0226ae4305d3d7
+  languageName: node
+  linkType: hard
+
+"@smithy/protocol-http@npm:^3.0.8":
+  version: 3.0.8
+  resolution: "@smithy/protocol-http@npm:3.0.8"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: deb4f7d863bcc67724555b3a1ffb8e605a3df63cde9f40234813f072184bb68f5c33388c1934f56576b08a877bb8c9c0bfb849deb0526b55a9410678040fa019
+  languageName: node
+  linkType: hard
+
+"@smithy/querystring-builder@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/querystring-builder@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    "@smithy/util-uri-escape": ^2.0.0
+    tslib: ^2.5.0
+  checksum: d7d0608ac14d8ccd2b418743fc91be9c77b75a302a7552f666a81454fa1764e2162fb2c2f7655cf24045ae44416252362111b9612ea9759dbc1f27f75a71aa42
+  languageName: node
+  linkType: hard
+
+"@smithy/querystring-parser@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/querystring-parser@npm:2.0.12"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 889dad387fda7db289d0360cbc38901d2c726d164c56915c76ee125bb8059f8a86e28442841000112c3b8a5a3c7701da391f961350969ea5242c6cdf55f296cf
+  languageName: node
+  linkType: hard
+
+"@smithy/service-error-classification@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@smithy/service-error-classification@npm:2.0.5"
+  dependencies:
+    "@smithy/types": ^2.4.0
+  checksum: cd4b9fcc5cd940035ca4f3e832f8480d75eb81c90501bdb5c9295c5fd26487ca2e2f3d3efa9a322faeaedf10d6d8324327cd3341fc05d38f8605006ad836abaa
+  languageName: node
+  linkType: hard
+
+"@smithy/shared-ini-file-loader@npm:^2.0.6, @smithy/shared-ini-file-loader@npm:^2.2.2":
+  version: 2.2.2
+  resolution: "@smithy/shared-ini-file-loader@npm:2.2.2"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 851b1ed096609a3c860aebdf7110629783e4824a246d96b10a262426bb90aa4eb2e0370ff489dec48c1dcbd812d95bd3208d785f34c22c2f20249a36bf5ea762
+  languageName: node
+  linkType: hard
+
+"@smithy/signature-v4@npm:^2.0.0":
+  version: 2.0.12
+  resolution: "@smithy/signature-v4@npm:2.0.12"
+  dependencies:
+    "@smithy/eventstream-codec": ^2.0.12
+    "@smithy/is-array-buffer": ^2.0.0
+    "@smithy/types": ^2.4.0
+    "@smithy/util-hex-encoding": ^2.0.0
+    "@smithy/util-middleware": ^2.0.5
+    "@smithy/util-uri-escape": ^2.0.0
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: e786146c65cc6c748c0699db0a082b589bc332a1db9461e0ca8a3e5465712639ec02a352f31f5099f1fc0ee75d956a21a5927ec9079ae6152e220cb2cba14f9d
+  languageName: node
+  linkType: hard
+
+"@smithy/smithy-client@npm:^2.1.12":
+  version: 2.1.12
+  resolution: "@smithy/smithy-client@npm:2.1.12"
+  dependencies:
+    "@smithy/middleware-stack": ^2.0.6
+    "@smithy/types": ^2.4.0
+    "@smithy/util-stream": ^2.0.17
+    tslib: ^2.5.0
+  checksum: 9e2944a9c753511777468ec40a3295e5351d08349258a57b70dfc9a96e882efed6075eb7fd3c0494fa07279bdefdfad2e5aecf7930685c656131a97d56aae209
+  languageName: node
+  linkType: hard
+
+"@smithy/types@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "@smithy/types@npm:2.4.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: 936690f8ba9323c05a1046102f83d7ed76c5c2f2405ca22e8bfed8d66a5ba12d74a187c10d93b085d6822b98edaec7b6309a4401f036099bf239a0bf5cdcf00d
+  languageName: node
+  linkType: hard
+
+"@smithy/url-parser@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/url-parser@npm:2.0.12"
+  dependencies:
+    "@smithy/querystring-parser": ^2.0.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 40324cee758137342573e9f7bf685bc7c3f8284ff2f15d3c68a244dacf26f62cd92b234f220ddfc2963038ef766dd73c3f70642c592a49bd10432c5432fb1ab6
+  languageName: node
+  linkType: hard
+
+"@smithy/util-base64@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-base64@npm:2.0.0"
+  dependencies:
+    "@smithy/util-buffer-from": ^2.0.0
+    tslib: ^2.5.0
+  checksum: 52124a684dfac853288acd2a0ffff02559c21bf7faaa3db58a914e4acb4b1f7925fd48593e7545db87f8f962250824d1249dc8be645ecbd2c1dd1728cfe1069b
+  languageName: node
+  linkType: hard
+
+"@smithy/util-body-length-browser@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-body-length-browser@npm:2.0.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: 4bccdd857bd24c9dcb6e9f2d5be03d59415f9a94d660ec7b3efb45e9aa04017f34c387368f176f24233a071af3b7a2b5f8236a2f5a83bfc884d24dfcc341e836
+  languageName: node
+  linkType: hard
+
+"@smithy/util-body-length-node@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@smithy/util-body-length-node@npm:2.1.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: e4635251898f12e1825f2848e0b7cc9d01ec6635b3f1f71b790734bb702b88e795f6c539d42d95472dad00e50e9ff13fcf396791092b131e5834069cb8f52ed0
+  languageName: node
+  linkType: hard
+
+"@smithy/util-buffer-from@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-buffer-from@npm:2.0.0"
+  dependencies:
+    "@smithy/is-array-buffer": ^2.0.0
+    tslib: ^2.5.0
+  checksum: d33cbf3e488d23390c88705ddae71b08de7a87b6453e38b508cd37a22a02e8b5be9f0cd46c1347b496c3977a815a7399b18840544ecdc4cce8cf3dcd0f5bb009
+  languageName: node
+  linkType: hard
+
+"@smithy/util-config-provider@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-config-provider@npm:2.0.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: cdc34db5b42658a7c98652ddb2e35b31e0d76f22a051d71724927999a53467fb38fe6dcf228585544bc168cbd54ded3913e14cbc33c947d3c8a45ca518a9b7b0
+  languageName: node
+  linkType: hard
+
+"@smithy/util-defaults-mode-browser@npm:^2.0.16":
+  version: 2.0.16
+  resolution: "@smithy/util-defaults-mode-browser@npm:2.0.16"
+  dependencies:
+    "@smithy/property-provider": ^2.0.13
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    bowser: ^2.11.0
+    tslib: ^2.5.0
+  checksum: 8dae0256e89c13ab7bcd791fe336124adc17d95401ceb7152784a809ed9ba09a639573c1ce2bf32b12964f7181aeb2cdfc283d820301f2b3a82ef4906fe83280
+  languageName: node
+  linkType: hard
+
+"@smithy/util-defaults-mode-node@npm:^2.0.21":
+  version: 2.0.21
+  resolution: "@smithy/util-defaults-mode-node@npm:2.0.21"
+  dependencies:
+    "@smithy/config-resolver": ^2.0.16
+    "@smithy/credential-provider-imds": ^2.0.18
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/property-provider": ^2.0.13
+    "@smithy/smithy-client": ^2.1.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: ce2643ad99181b91b4eb00f2b2b34d12ff006ac1770333ae62541cfc7b98b873e233933d483d7bb0a443a8155debd94731a1df0f4cc572e6cc5ddbf97416e2d7
+  languageName: node
+  linkType: hard
+
+"@smithy/util-endpoints@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@smithy/util-endpoints@npm:1.0.2"
+  dependencies:
+    "@smithy/node-config-provider": ^2.1.3
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 11b98c4897b275f1c7e456671356cf3f8f61743a8788891c82fcfed682a8a5bfbf83bbdbc72d471dc26467b66299c1df6921daec15d0024b43ca4638f18ed856
+  languageName: node
+  linkType: hard
+
+"@smithy/util-hex-encoding@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-hex-encoding@npm:2.0.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: 884373e089d909e3c9805bdb78f367d1f3612e4e1e6d8f0263cc82a8b9689eddc0bc80b8b58aa711bd5b48d9cb124f9996906c172e951c9dac78984459e831cf
+  languageName: node
+  linkType: hard
+
+"@smithy/util-middleware@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@smithy/util-middleware@npm:2.0.5"
+  dependencies:
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: 9d001723e7472c0d78619320235f66d1de42f16e13d1189697f8e447d05643047ab97965525b147eaafbb0e169563ecb5b806da2d02bd4ce0b652b72df4d9131
+  languageName: node
+  linkType: hard
+
+"@smithy/util-retry@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@smithy/util-retry@npm:2.0.5"
+  dependencies:
+    "@smithy/service-error-classification": ^2.0.5
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: e7169b458a9c194104e16014b2829deddb9ee4175fd17bd933d0ab9ec9df065cf23816b605eafb6604da1111e3280c5fea4da98dd8ec5f5f3e1c30e166119808
+  languageName: node
+  linkType: hard
+
+"@smithy/util-stream@npm:^2.0.17":
+  version: 2.0.17
+  resolution: "@smithy/util-stream@npm:2.0.17"
+  dependencies:
+    "@smithy/fetch-http-handler": ^2.2.4
+    "@smithy/node-http-handler": ^2.1.8
+    "@smithy/types": ^2.4.0
+    "@smithy/util-base64": ^2.0.0
+    "@smithy/util-buffer-from": ^2.0.0
+    "@smithy/util-hex-encoding": ^2.0.0
+    "@smithy/util-utf8": ^2.0.0
+    tslib: ^2.5.0
+  checksum: acd68f7b092fdf3560f5d88f3f81d1bfab4c634f8b7acd8eca1993c8ce789d9652d23048c9e891a42dd12dd71e7a9756b9879ae95fccd1cd92f7ad8204c97d68
+  languageName: node
+  linkType: hard
+
+"@smithy/util-uri-escape@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-uri-escape@npm:2.0.0"
+  dependencies:
+    tslib: ^2.5.0
+  checksum: d201cee524ece997c406902463b5ea0b72599994f7b3ac1d923d5645497e9ef93126d146016f13dd4afafe33b9a3e92faf4e023cf0af510b270c1b9ce3d78da8
+  languageName: node
+  linkType: hard
+
+"@smithy/util-utf8@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@smithy/util-utf8@npm:2.0.0"
+  dependencies:
+    "@smithy/util-buffer-from": ^2.0.0
+    tslib: ^2.5.0
+  checksum: bc8cda84f85b513380a61352635b306ae50d3b92974454db32835b39bbaa38150332b89346098ba9dea2e0002e2963fcbdd622bc9b3eec7b7ea8fa3f8c7ce737
+  languageName: node
+  linkType: hard
+
+"@smithy/util-waiter@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "@smithy/util-waiter@npm:2.0.12"
+  dependencies:
+    "@smithy/abort-controller": ^2.0.12
+    "@smithy/types": ^2.4.0
+    tslib: ^2.5.0
+  checksum: af35c36a58585472aae9e06ea000a113110f22bed179687213336a014b002deb867cb094f9cb01bc43856235df05517baf08009b3b929a48b48f964c426c1ffc
+  languageName: node
+  linkType: hard
+
 "@socket.io/component-emitter@npm:~3.1.0":
   version: 3.1.0
   resolution: "@socket.io/component-emitter@npm:3.1.0"
@@ -10925,6 +12247,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "appsmith@workspace:."
   dependencies:
+    "@aws-sdk/client-s3": ^3.441.0
+    "@aws-sdk/lib-storage": ^3.441.0
     "@babel/helper-create-regexp-features-plugin": ^7.18.6
     "@babel/helper-string-parser": ^7.19.4
     "@blueprintjs/core": ^3.43.0
@@ -11029,7 +12353,6 @@ __metadata:
     algoliasearch: ^4.2.0
     assert-never: ^1.2.1
     astring: ^1.7.5
-    aws-sdk: ^2.1443.0
     axios: ^0.27.2
     babel-plugin-lodash: ^3.3.4
     babel-plugin-module-resolver: ^4.1.0
@@ -11061,13 +12384,12 @@ __metadata:
     cypress-xpath: ^1.6.0
     dayjs: ^1.10.6
     deep-diff: ^1.0.2
-    design-system: "npm:@appsmithorg/design-system@2.1.26"
+    design-system: "npm:@appsmithorg/design-system@2.1.27"
     design-system-old: "npm:@appsmithorg/design-system-old@1.1.14"
     diff: ^5.0.0
     dotenv: ^8.1.0
     downloadjs: ^1.4.7
     echarts: ^5.4.2
-    echarts-gl: ^2.0.9
     eslint: ^8.51.0
     eslint-config-prettier: ^9.0.0
     eslint-import-resolver-babel-module: ^5.3.2
@@ -11673,24 +12995,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aws-sdk@npm:^2.1443.0":
-  version: 2.1443.0
-  resolution: "aws-sdk@npm:2.1443.0"
-  dependencies:
-    buffer: 4.9.2
-    events: 1.1.1
-    ieee754: 1.1.13
-    jmespath: 0.16.0
-    querystring: 0.2.0
-    sax: 1.2.1
-    url: 0.10.3
-    util: ^0.12.4
-    uuid: 8.0.0
-    xml2js: 0.5.0
-  checksum: 494124cded48679ec449bfa1cee54db969141639414b71fd984d519f5cc4904b614a023339ad17f58f89d5ca45e038d9bc89b22bdd4e5b02b138eb0d800162f7
-  languageName: node
-  linkType: hard
-
 "aws-sign2@npm:~0.7.0":
   version: 0.7.0
   resolution: "aws-sign2@npm:0.7.0"
@@ -12339,6 +13643,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bowser@npm:^2.11.0":
+  version: 2.11.0
+  resolution: "bowser@npm:2.11.0"
+  checksum: 29c3f01f22e703fa6644fc3b684307442df4240b6e10f6cfe1b61c6ca5721073189ca97cdeedb376081148c8518e33b1d818a57f781d70b0b70e1f31fb48814f
+  languageName: node
+  linkType: hard
+
 "boxen@npm:^5.0.0":
   version: 5.1.2
   resolution: "boxen@npm:5.1.2"
@@ -12687,14 +13998,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer@npm:4.9.2":
-  version: 4.9.2
-  resolution: "buffer@npm:4.9.2"
+"buffer@npm:5.6.0":
+  version: 5.6.0
+  resolution: "buffer@npm:5.6.0"
   dependencies:
     base64-js: ^1.0.2
     ieee754: ^1.1.4
-    isarray: ^1.0.0
-  checksum: 8801bc1ba08539f3be70eee307a8b9db3d40f6afbfd3cf623ab7ef41dffff1d0a31de0addbe1e66e0ca5f7193eeb667bfb1ecad3647f8f1b0750de07c13295c3
+  checksum: d659494c5032dd39d03d2912e64179cc44c6340e7e9d1f68d3840e7ab4559989fbce92b4950174593c38d05268224235ba404f0878775cab2a616b6dcad9c23e
   languageName: node
   linkType: hard
 
@@ -13192,13 +14502,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"claygl@npm:^1.2.1":
-  version: 1.3.0
-  resolution: "claygl@npm:1.3.0"
-  checksum: cbf3c4788b426ecc183e0fc5f7e3f88fae15d616ebf39467cb719c1f78efbef8bbe92f8def22c927a9d3cbb2a3ae6d1194755edae96d5f623b4dca0b78bdefa8
-  languageName: node
-  linkType: hard
-
 "clean-css@npm:^5.2.2":
   version: 5.3.0
   resolution: "clean-css@npm:5.3.0"
@@ -15148,12 +16451,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"design-system@npm:@appsmithorg/design-system@2.1.26":
-  version: 2.1.26
-  resolution: "@appsmithorg/design-system@npm:2.1.26"
+"design-system@npm:@appsmithorg/design-system@2.1.27":
+  version: 2.1.27
+  resolution: "@appsmithorg/design-system@npm:2.1.27"
   dependencies:
     "@radix-ui/react-dialog": ^1.0.2
     "@radix-ui/react-dropdown-menu": ^2.0.4
+    "@radix-ui/react-hover-card": ^1.0.7
     "@radix-ui/react-popover": ^1.0.6
     "@radix-ui/react-tabs": ^1.0.2
     "@react-aria/button": ^3.7.0
@@ -15179,7 +16483,7 @@ __metadata:
     react-dom: ^17.0.2
     react-router-dom: ^5.0.0
     styled-components: ^5.3.6
-  checksum: afc3448a9edfbd1f149982acc2fe878fcce19ecd214ee20ac0810efa0932980c6be85ac5497b63f596b3f7c6872a7fc25159d20aa932343c9afffa00dfa6cdcd
+  checksum: 52db562d85a04da3d5623127e73f110f65202946060b65af82ac79378feb37eb4edb85219282345b89a4dee7c1cfdec61b5ae23549b982db73a09d916be679e2
   languageName: node
   linkType: hard
 
@@ -15709,18 +17013,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"echarts-gl@npm:^2.0.9":
-  version: 2.0.9
-  resolution: "echarts-gl@npm:2.0.9"
-  dependencies:
-    claygl: ^1.2.1
-    zrender: ^5.1.1
-  peerDependencies:
-    echarts: ^5.1.2
-  checksum: d07dfeb093c5ca05a671317a8f4f4be7fffaa12fb91d485ab19c65d740bbf3c08b02b57c4d7b772bc3ce025184843f1a44ba8bdfc3d48257a46684a5d10fb941
-  languageName: node
-  linkType: hard
-
 "echarts@npm:^5.4.2":
   version: 5.4.2
   resolution: "echarts@npm:5.4.2"
@@ -16907,7 +18199,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:1.1.1, events@npm:^1.1.1":
+"events@npm:3.3.0, events@npm:^3.0.0, events@npm:^3.2.0, events@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "events@npm:3.3.0"
+  checksum: f6f487ad2198aa41d878fa31452f1a3c00958f46e9019286ff4787c84aac329332ab45c9cdc8c445928fc6d7ded294b9e005a7fce9426488518017831b272780
+  languageName: node
+  linkType: hard
+
+"events@npm:^1.1.1":
   version: 1.1.1
   resolution: "events@npm:1.1.1"
   checksum: 40431eb005cc4c57861b93d44c2981a49e7feb99df84cf551baed299ceea4444edf7744733f6a6667e942af687359b1f4a87ec1ec4f21d5127dac48a782039b9
@@ -16921,13 +18220,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:^3.0.0, events@npm:^3.2.0, events@npm:^3.3.0":
-  version: 3.3.0
-  resolution: "events@npm:3.3.0"
-  checksum: f6f487ad2198aa41d878fa31452f1a3c00958f46e9019286ff4787c84aac329332ab45c9cdc8c445928fc6d7ded294b9e005a7fce9426488518017831b272780
-  languageName: node
-  linkType: hard
-
 "evp_bytestokey@npm:^1.0.0, evp_bytestokey@npm:^1.0.3":
   version: 1.0.3
   resolution: "evp_bytestokey@npm:1.0.3"
@@ -17253,6 +18545,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-xml-parser@npm:4.2.5":
+  version: 4.2.5
+  resolution: "fast-xml-parser@npm:4.2.5"
+  dependencies:
+    strnum: ^1.0.5
+  bin:
+    fxparser: src/cli/cli.js
+  checksum: d32b22005504eeb207249bf40dc82d0994b5bb9ca9dcc731d335a1f425e47fe085b3cace3cf9d32172dd1a5544193c49e8615ca95b4bf95a4a4920a226b06d80
+  languageName: node
+  linkType: hard
+
 "fastdom@npm:^1.0.11":
   version: 1.0.11
   resolution: "fastdom@npm:1.0.11"
@@ -19104,13 +20407,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:1.1.13":
-  version: 1.1.13
-  resolution: "ieee754@npm:1.1.13"
-  checksum: 102df1ba662e316e6160f7ce29c7c7fa3e04f2014c288336c5a9ff40bbcc2a27d209fa2a81ebfb33f28b1941021343d30e9ad8ee85a2d61f79f5936c35edc33d
-  languageName: node
-  linkType: hard
-
 "ieee754@npm:^1.1.13, ieee754@npm:^1.1.4, ieee754@npm:^1.2.1":
   version: 1.2.1
   resolution: "ieee754@npm:1.2.1"
@@ -20044,13 +21340,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"isarray@npm:^1.0.0, isarray@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "isarray@npm:1.0.0"
-  checksum: f032df8e02dce8ec565cf2eb605ea939bdccea528dbcf565cdf92bfa2da9110461159d86a537388ef1acef8815a330642d7885b29010e8f7eac967c9993b65ab
-  languageName: node
-  linkType: hard
-
 "isarray@npm:^2.0.5":
   version: 2.0.5
   resolution: "isarray@npm:2.0.5"
@@ -20058,6 +21347,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"isarray@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "isarray@npm:1.0.0"
+  checksum: f032df8e02dce8ec565cf2eb605ea939bdccea528dbcf565cdf92bfa2da9110461159d86a537388ef1acef8815a330642d7885b29010e8f7eac967c9993b65ab
+  languageName: node
+  linkType: hard
+
 "isbinaryfile@npm:^4.0.8":
   version: 4.0.10
   resolution: "isbinaryfile@npm:4.0.10"
@@ -21289,13 +22585,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jmespath@npm:0.16.0":
-  version: 0.16.0
-  resolution: "jmespath@npm:0.16.0"
-  checksum: 2d602493a1e4addfd1350ac8c9d54b1b03ed09e305fd863bab84a4ee1f52868cf939dd1a08c5cdea29ce9ba8f86875ebb458b6ed45dab3e1c3f2694503fb2fd9
-  languageName: node
-  linkType: hard
-
 "joi@npm:^17.3.0":
   version: 17.9.2
   resolution: "joi@npm:17.9.2"
@@ -26143,13 +27432,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"punycode@npm:1.3.2":
-  version: 1.3.2
-  resolution: "punycode@npm:1.3.2"
-  checksum: b8807fd594b1db33335692d1f03e8beeddde6fda7fbb4a2e32925d88d20a3aa4cd8dcc0c109ccaccbd2ba761c208dfaaada83007087ea8bfb0129c9ef1b99ed6
-  languageName: node
-  linkType: hard
-
 "punycode@npm:^1.3.2, punycode@npm:^1.4.1":
   version: 1.4.1
   resolution: "punycode@npm:1.4.1"
@@ -26269,13 +27551,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"querystring@npm:0.2.0":
-  version: 0.2.0
-  resolution: "querystring@npm:0.2.0"
-  checksum: 8258d6734f19be27e93f601758858c299bdebe71147909e367101ba459b95446fbe5b975bf9beb76390156a592b6f4ac3a68b6087cea165c259705b8b4e56a69
-  languageName: node
-  linkType: hard
-
 "querystringify@npm:^2.1.1":
   version: 2.2.0
   resolution: "querystringify@npm:2.2.0"
@@ -28675,20 +29950,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sax@npm:1.2.1":
-  version: 1.2.1
-  resolution: "sax@npm:1.2.1"
-  checksum: 8dca7d5e1cd7d612f98ac50bdf0b9f63fbc964b85f0c4e2eb271f8b9b47fd3bf344c4d6a592e69ecf726d1485ca62cd8a52e603bbc332d18a66af25a9a1045ad
-  languageName: node
-  linkType: hard
-
-"sax@npm:>=0.6.0, sax@npm:~1.2.4":
-  version: 1.2.4
-  resolution: "sax@npm:1.2.4"
-  checksum: d3df7d32b897a2c2f28e941f732c71ba90e27c24f62ee918bd4d9a8cfb3553f2f81e5493c7f0be94a11c1911b643a9108f231dd6f60df3fa9586b5d2e3e9e1fe
-  languageName: node
-  linkType: hard
-
 "sax@npm:~1.1.1":
   version: 1.1.6
   resolution: "sax@npm:1.1.6"
@@ -28696,6 +29957,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sax@npm:~1.2.4":
+  version: 1.2.4
+  resolution: "sax@npm:1.2.4"
+  checksum: d3df7d32b897a2c2f28e941f732c71ba90e27c24f62ee918bd4d9a8cfb3553f2f81e5493c7f0be94a11c1911b643a9108f231dd6f60df3fa9586b5d2e3e9e1fe
+  languageName: node
+  linkType: hard
+
 "saxes@npm:^5.0.1":
   version: 5.0.1
   resolution: "saxes@npm:5.0.1"
@@ -29626,6 +30894,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stream-browserify@npm:3.0.0, stream-browserify@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "stream-browserify@npm:3.0.0"
+  dependencies:
+    inherits: ~2.0.4
+    readable-stream: ^3.5.0
+  checksum: 4c47ef64d6f03815a9ca3874e2319805e8e8a85f3550776c47ce523b6f4c6cd57f40e46ec6a9ab8ad260fde61863c2718f250d3bedb3fe9052444eb9abfd9921
+  languageName: node
+  linkType: hard
+
 "stream-browserify@npm:^2.0.0":
   version: 2.0.2
   resolution: "stream-browserify@npm:2.0.2"
@@ -29636,16 +30914,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stream-browserify@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "stream-browserify@npm:3.0.0"
-  dependencies:
-    inherits: ~2.0.4
-    readable-stream: ^3.5.0
-  checksum: 4c47ef64d6f03815a9ca3874e2319805e8e8a85f3550776c47ce523b6f4c6cd57f40e46ec6a9ab8ad260fde61863c2718f250d3bedb3fe9052444eb9abfd9921
-  languageName: node
-  linkType: hard
-
 "stream-combiner2@npm:^1.1.1":
   version: 1.1.1
   resolution: "stream-combiner2@npm:1.1.1"
@@ -29996,6 +31264,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strnum@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "strnum@npm:1.0.5"
+  checksum: 651b2031db5da1bf4a77fdd2f116a8ac8055157c5420f5569f64879133825915ad461513e7202a16d7fec63c54fd822410d0962f8ca12385c4334891b9ae6dd2
+  languageName: node
+  linkType: hard
+
 "style-loader@npm:^3.3.1":
   version: 3.3.1
   resolution: "style-loader@npm:3.3.1"
@@ -31054,7 +32329,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.13.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
+"tslib@npm:^1.11.1, tslib@npm:^1.13.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
@@ -31651,16 +32926,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"url@npm:0.10.3":
-  version: 0.10.3
-  resolution: "url@npm:0.10.3"
-  dependencies:
-    punycode: 1.3.2
-    querystring: 0.2.0
-  checksum: 7b83ddb106c27bf9bde8629ccbe8d26e9db789c8cda5aa7db72ca2c6f9b8a88a5adf206f3e10db78e6e2d042b327c45db34c7010c1bf0d9908936a17a2b57d05
-  languageName: node
-  linkType: hard
-
 "url@npm:~0.11.0":
   version: 0.11.1
   resolution: "url@npm:0.11.1"
@@ -31822,15 +33087,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uuid@npm:8.0.0":
-  version: 8.0.0
-  resolution: "uuid@npm:8.0.0"
-  bin:
-    uuid: dist/bin/uuid
-  checksum: 56d4e23aa7ac26fa2db6bd1778db34cb8c9f5a10df1770a27167874bf6705fc8f14a4ac414af58a0d96c7653b2bd4848510b29d1c2ef8c91ccb17429c1872b5e
-  languageName: node
-  linkType: hard
-
 "uuid@npm:^3.2.1":
   version: 3.4.0
   resolution: "uuid@npm:3.4.0"
@@ -32952,16 +34208,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xml2js@npm:0.5.0":
-  version: 0.5.0
-  resolution: "xml2js@npm:0.5.0"
-  dependencies:
-    sax: ">=0.6.0"
-    xmlbuilder: ~11.0.0
-  checksum: 1aa71d62e5bc2d89138e3929b9ea46459157727759cbc62ef99484b778641c0cd21fb637696c052d901a22f82d092a3e740a16b4ce218e81ac59b933535124ea
-  languageName: node
-  linkType: hard
-
 "xmlbuilder@npm:^10.0.0":
   version: 10.1.1
   resolution: "xmlbuilder@npm:10.1.1"
@@ -32976,13 +34222,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xmlbuilder@npm:~11.0.0":
-  version: 11.0.1
-  resolution: "xmlbuilder@npm:11.0.1"
-  checksum: 7152695e16f1a9976658215abab27e55d08b1b97bca901d58b048d2b6e106b5af31efccbdecf9b07af37c8377d8e7e821b494af10b3a68b0ff4ae60331b415b0
-  languageName: node
-  linkType: hard
-
 "xmlchars@npm:^2.2.0":
   version: 2.2.0
   resolution: "xmlchars@npm:2.2.0"
@@ -33225,12 +34464,3 @@ __metadata:
   checksum: ae89584fbe4256217e500a74183fd5870a2bed7e7b3234cd78fcbc0a1a82da8449596b2019105927069531b567ecf94425fb171abd6cedcbf517e52fdf438722
   languageName: node
   linkType: hard
-
-"zrender@npm:^5.1.1":
-  version: 5.4.4
-  resolution: "zrender@npm:5.4.4"
-  dependencies:
-    tslib: 2.3.0
-  checksum: 4b317346af8eca38e62ba029239c3a13e97eac4fa15b3ddadbae23442d8b373f0e937c255dee8080d6bb2fc79c9da54f1106415586ed8942bd8bc684b3890ea9
-  languageName: node
-  linkType: hard
diff --git a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/constants/AnalyticsEvents.java b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/constants/AnalyticsEvents.java
index 744496623c..79ddf8159f 100644
--- a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/constants/AnalyticsEvents.java
+++ b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/constants/AnalyticsEvents.java
@@ -86,7 +86,9 @@ public enum AnalyticsEvents {
     GIT_STALE_FILE_LOCK_DELETED,
     SERVER_SETUP_COMPLETE("server_setup_complete"),
 
-    PARTIAL_IMPORT;
+    PARTIAL_IMPORT,
+
+    PARTIAL_EXPORT;
 
     private final String eventName;
 
diff --git a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginError.java b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginError.java
index 5aad875c65..802f016235 100644
--- a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginError.java
+++ b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginError.java
@@ -107,6 +107,15 @@ public enum AppsmithPluginError implements BasePluginError {
             ErrorType.AUTHENTICATION_ERROR,
             "{0}",
             "{1}"),
+    PLUGIN_DATASOURCE_ERROR(
+            400,
+            AppsmithPluginErrorCode.PLUGIN_DATASOURCE_ERROR.getCode(),
+            "Error with datasource request. Please check datasource configuration.",
+            AppsmithErrorAction.DEFAULT,
+            "Datasource error",
+            ErrorType.BAD_REQUEST,
+            "{0}",
+            "{1}"),
     PLUGIN_IN_MEMORY_FILTERING_ERROR(
             500,
             AppsmithPluginErrorCode.PLUGIN_IN_MEMORY_FILTERING_ERROR.getCode(),
diff --git a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginErrorCode.java b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginErrorCode.java
index 4a9ba3f733..7e6465e4ab 100644
--- a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginErrorCode.java
+++ b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/exceptions/pluginExceptions/AppsmithPluginErrorCode.java
@@ -17,6 +17,7 @@ public enum AppsmithPluginErrorCode {
     PLUGIN_DATASOURCE_TIMEOUT_ERROR("PE-DSE-5004", "Timed out when connecting to datasource"),
     PLUGIN_QUERY_TIMEOUT_ERROR("PE-QRY-5000", "Timed out on query execution"),
     PLUGIN_AUTHENTICATION_ERROR("PE-ATH-5000", "Datasource authentication error"),
+    PLUGIN_DATASOURCE_ERROR("PE-DSE-4000", "Datasource error"),
     PLUGIN_UQI_WHERE_CONDITION_UNKNOWN("PE-UQI-5000", "Where condition could not be parsed"),
     GENERIC_STALE_CONNECTION("PE-STC-5000", "Secondary stale connection error"),
     PLUGIN_EXECUTE_ARGUMENT_ERROR("PE-ARG-5000", "Wrong arguments provided"),
diff --git a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/CreatorContextType.java b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/CreatorContextType.java
new file mode 100644
index 0000000000..67c2687693
--- /dev/null
+++ b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/CreatorContextType.java
@@ -0,0 +1,6 @@
+package com.appsmith.external.models;
+
+public enum CreatorContextType {
+    PAGE,
+    MODULE
+}
diff --git a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/ce/ActionCE_DTO.java b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/ce/ActionCE_DTO.java
index 9bbc40ac69..c60e5b05aa 100644
--- a/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/ce/ActionCE_DTO.java
+++ b/app/server/appsmith-interfaces/src/main/java/com/appsmith/external/models/ce/ActionCE_DTO.java
@@ -7,6 +7,7 @@ import com.appsmith.external.helpers.Identifiable;
 import com.appsmith.external.models.ActionConfiguration;
 import com.appsmith.external.models.ActionProvider;
 import com.appsmith.external.models.AnalyticsInfo;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.Datasource;
 import com.appsmith.external.models.DefaultResources;
 import com.appsmith.external.models.Documentation;
@@ -75,6 +76,9 @@ public class ActionCE_DTO implements Identifiable, Executable {
     @JsonView(Views.Public.class)
     String pageId;
 
+    @JsonView(Views.Public.class)
+    CreatorContextType contextType;
+
     @JsonView(Views.Public.class)
     String collectionId;
 
diff --git a/app/server/appsmith-plugins/mongoPlugin/pom.xml b/app/server/appsmith-plugins/mongoPlugin/pom.xml
index 6e5c8345ba..d355dcf266 100644
--- a/app/server/appsmith-plugins/mongoPlugin/pom.xml
+++ b/app/server/appsmith-plugins/mongoPlugin/pom.xml
@@ -14,4 +14,20 @@
 
     <name>mongoPlugin</name>
 
+    <dependencies>
+        <!-- Test dependencies -->
+        <dependency>
+            <groupId>org.testcontainers</groupId>
+            <artifactId>mongodb</artifactId>
+            <version>1.19.1</version>
+            <scope>test</scope>
+            <exclusions>
+                <exclusion>
+                    <groupId>junit</groupId>
+                    <artifactId>junit</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+    </dependencies>
+
 </project>
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginDatasourceTest.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginDatasourceTest.java
index cc804950f6..e46c9e774e 100644
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginDatasourceTest.java
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginDatasourceTest.java
@@ -18,7 +18,7 @@ import com.mongodb.reactivestreams.client.MongoClient;
 import org.junit.jupiter.api.Assertions;
 import org.junit.jupiter.api.BeforeAll;
 import org.junit.jupiter.api.Test;
-import org.testcontainers.containers.GenericContainer;
+import org.testcontainers.containers.MongoDBContainer;
 import org.testcontainers.junit.jupiter.Container;
 import org.testcontainers.junit.jupiter.Testcontainers;
 import reactor.core.publisher.Mono;
@@ -47,6 +47,7 @@ import static com.external.plugins.utils.DatasourceUtils.extractInfoFromConnecti
 import static org.junit.jupiter.api.Assertions.assertEquals;
 import static org.junit.jupiter.api.Assertions.assertFalse;
 import static org.junit.jupiter.api.Assertions.assertNotNull;
+import static org.junit.jupiter.api.Assertions.assertNull;
 import static org.junit.jupiter.api.Assertions.assertTrue;
 import static org.mockito.Mockito.any;
 import static org.mockito.Mockito.doReturn;
@@ -66,11 +67,11 @@ public class MongoPluginDatasourceTest {
 
     @SuppressWarnings("rawtypes")
     @Container
-    public static GenericContainer mongoContainer = new MongoTestContainer();
+    public static MongoDBContainer mongoContainer = MongoTestDBContainerManager.getMongoDBForTest();
 
     @BeforeAll
     public static void setUp() {
-        address = mongoContainer.getContainerIpAddress();
+        address = mongoContainer.getHost();
         port = mongoContainer.getFirstMappedPort();
     }
 
@@ -99,10 +100,7 @@ public class MongoPluginDatasourceTest {
 
         Mono<MongoClient> dsConnectionMono = pluginExecutor.datasourceCreate(dsConfig);
         StepVerifier.create(dsConnectionMono)
-                .assertNext(obj -> {
-                    MongoClient client = obj;
-                    assertNotNull(client);
-                })
+                .assertNext(Assertions::assertNotNull)
                 .verifyComplete();
     }
 
@@ -268,7 +266,7 @@ public class MongoPluginDatasourceTest {
                 .assertNext(invalids -> {
                     String expectedError = "Appsmith server has failed to fetch SSL configuration from datasource "
                             + "configuration form. Please reach out to Appsmith customer support to resolve this.";
-                    assertTrue(invalids.stream().anyMatch(error -> expectedError.equals(error)));
+                    assertTrue(invalids.stream().anyMatch(expectedError::equals));
                 })
                 .verifyComplete();
     }
@@ -420,8 +418,8 @@ public class MongoPluginDatasourceTest {
                 + "&minpoolsize=0";
         Map extractedInfo = extractInfoFromConnectionStringURI(uri, MONGO_URI_REGEX);
         assertEquals("mongodb://", extractedInfo.get(KEY_URI_HEAD));
-        assertEquals(null, extractedInfo.get(KEY_USERNAME));
-        assertEquals(null, extractedInfo.get(KEY_PASSWORD));
+        assertNull(extractedInfo.get(KEY_USERNAME));
+        assertNull(extractedInfo.get(KEY_PASSWORD));
         assertEquals("localhost:28017", extractedInfo.get(KEY_HOST_PORT));
         assertEquals("mongo_samples", extractedInfo.get(KEY_URI_DEFAULT_DBNAME));
         assertEquals("w=majority&retrywrites=true&authsource=admin&minpoolsize=0", extractedInfo.get(KEY_URI_TAIL));
@@ -433,8 +431,8 @@ public class MongoPluginDatasourceTest {
                 + "&minpoolsize=0";
         Map extractedInfo = extractInfoFromConnectionStringURI(uri, MONGO_URI_REGEX);
         assertEquals("mongodb://", extractedInfo.get(KEY_URI_HEAD));
-        assertEquals(null, extractedInfo.get(KEY_USERNAME));
-        assertEquals(null, extractedInfo.get(KEY_PASSWORD));
+        assertNull(extractedInfo.get(KEY_USERNAME));
+        assertNull(extractedInfo.get(KEY_PASSWORD));
         assertEquals("localhost:28017", extractedInfo.get(KEY_HOST_PORT));
         assertEquals("mongo_samples", extractedInfo.get(KEY_URI_DEFAULT_DBNAME));
         assertEquals("w=majority&retrywrites=true&authsource=admin&minpoolsize=0", extractedInfo.get(KEY_URI_TAIL));
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginErrorsTest.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginErrorsTest.java
index 43beac875b..feb91e5441 100644
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginErrorsTest.java
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginErrorsTest.java
@@ -14,16 +14,14 @@ import com.appsmith.external.models.Property;
 import com.appsmith.external.models.SSLDetails;
 import com.external.plugins.exceptions.MongoPluginError;
 import com.external.plugins.exceptions.MongoPluginErrorMessages;
-import com.fasterxml.jackson.databind.JsonNode;
 import com.fasterxml.jackson.databind.node.ArrayNode;
 import com.mongodb.MongoCommandException;
 import com.mongodb.MongoSecurityException;
 import com.mongodb.reactivestreams.client.MongoClient;
-import com.mongodb.reactivestreams.client.MongoClients;
 import com.mongodb.reactivestreams.client.MongoDatabase;
 import org.junit.jupiter.api.BeforeAll;
 import org.junit.jupiter.api.Test;
-import org.testcontainers.containers.GenericContainer;
+import org.testcontainers.containers.MongoDBContainer;
 import org.testcontainers.junit.jupiter.Container;
 import org.testcontainers.junit.jupiter.Testcontainers;
 import reactor.core.publisher.Mono;
@@ -70,19 +68,15 @@ public class MongoPluginErrorsTest {
 
     private static String address;
     private static Integer port;
-    private JsonNode value;
-    private static MongoClient mongoClient;
 
     @SuppressWarnings("rawtypes")
     @Container
-    public static GenericContainer mongoContainer = new MongoTestContainer();
+    public static MongoDBContainer mongoContainer = MongoTestDBContainerManager.getMongoDBForTest();
 
     @BeforeAll
     public static void setUp() {
-        address = mongoContainer.getContainerIpAddress();
+        address = mongoContainer.getHost();
         port = mongoContainer.getFirstMappedPort();
-        String uri = "mongodb://" + address + ":" + port;
-        mongoClient = MongoClients.create(uri);
     }
 
     private DatasourceConfiguration createDatasourceConfiguration() {
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginFormsTest.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginFormsTest.java
index 9619c186f7..00b84f9859 100644
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginFormsTest.java
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginFormsTest.java
@@ -21,7 +21,7 @@ import com.mongodb.reactivestreams.client.MongoCollection;
 import org.bson.Document;
 import org.junit.jupiter.api.BeforeAll;
 import org.junit.jupiter.api.Test;
-import org.testcontainers.containers.GenericContainer;
+import org.testcontainers.containers.MongoDBContainer;
 import org.testcontainers.junit.jupiter.Container;
 import org.testcontainers.junit.jupiter.Testcontainers;
 import reactor.core.publisher.Flux;
@@ -73,11 +73,11 @@ public class MongoPluginFormsTest {
 
     @SuppressWarnings("rawtypes")
     @Container
-    public static GenericContainer mongoContainer = new MongoTestContainer();
+    public static MongoDBContainer mongoContainer = MongoTestDBContainerManager.getMongoDBForTest();
 
     @BeforeAll
     public static void setUp() {
-        address = mongoContainer.getContainerIpAddress();
+        address = mongoContainer.getHost();
         port = mongoContainer.getFirstMappedPort();
         String uri = "mongodb://" + address + ":" + port;
         mongoClient = MongoClients.create(uri);
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginQueriesTest.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginQueriesTest.java
index aee5e2c636..fb02c1ca90 100644
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginQueriesTest.java
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginQueriesTest.java
@@ -18,10 +18,9 @@ import com.fasterxml.jackson.databind.ObjectMapper;
 import com.fasterxml.jackson.databind.node.ArrayNode;
 import com.fasterxml.jackson.databind.node.ObjectNode;
 import com.mongodb.reactivestreams.client.MongoClient;
-import com.mongodb.reactivestreams.client.MongoClients;
 import org.junit.jupiter.api.BeforeAll;
 import org.junit.jupiter.api.Test;
-import org.testcontainers.containers.GenericContainer;
+import org.testcontainers.containers.MongoDBContainer;
 import org.testcontainers.junit.jupiter.Container;
 import org.testcontainers.junit.jupiter.Testcontainers;
 import reactor.core.publisher.Mono;
@@ -71,18 +70,15 @@ public class MongoPluginQueriesTest {
     private static String address;
     private static Integer port;
     private JsonNode value;
-    private static MongoClient mongoClient;
 
     @SuppressWarnings("rawtypes")
     @Container
-    public static GenericContainer mongoContainer = new MongoTestContainer();
+    public static MongoDBContainer mongoContainer = MongoTestDBContainerManager.getMongoDBForTest();
 
     @BeforeAll
     public static void setUp() {
-        address = mongoContainer.getContainerIpAddress();
+        address = mongoContainer.getHost();
         port = mongoContainer.getFirstMappedPort();
-        String uri = "mongodb://" + address + ":" + port;
-        mongoClient = MongoClients.create(uri);
     }
 
     private DatasourceConfiguration createDatasourceConfiguration() {
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginRegexTest.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginRegexTest.java
index 782bf80fb4..b290feaed5 100644
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginRegexTest.java
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginRegexTest.java
@@ -9,13 +9,11 @@ import com.appsmith.external.models.Endpoint;
 import com.appsmith.external.models.Param;
 import com.appsmith.external.models.ParsedDataType;
 import com.appsmith.external.models.SSLDetails;
-import com.fasterxml.jackson.databind.JsonNode;
 import com.fasterxml.jackson.databind.node.ArrayNode;
 import com.mongodb.reactivestreams.client.MongoClient;
-import com.mongodb.reactivestreams.client.MongoClients;
 import org.junit.jupiter.api.BeforeAll;
 import org.junit.jupiter.api.Test;
-import org.testcontainers.containers.GenericContainer;
+import org.testcontainers.containers.MongoDBContainer;
 import org.testcontainers.junit.jupiter.Container;
 import org.testcontainers.junit.jupiter.Testcontainers;
 import reactor.core.publisher.Mono;
@@ -44,19 +42,15 @@ public class MongoPluginRegexTest {
 
     private static String address;
     private static Integer port;
-    private JsonNode value;
-    private static MongoClient mongoClient;
 
     @SuppressWarnings("rawtypes")
     @Container
-    public static GenericContainer mongoContainer = new MongoTestContainer();
+    public static MongoDBContainer mongoContainer = MongoTestDBContainerManager.getMongoDBForTest();
 
     @BeforeAll
     public static void setUp() {
-        address = mongoContainer.getContainerIpAddress();
+        address = mongoContainer.getHost();
         port = mongoContainer.getFirstMappedPort();
-        String uri = "mongodb://" + address + ":" + port;
-        mongoClient = MongoClients.create(uri);
     }
 
     private DatasourceConfiguration createDatasourceConfiguration() {
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginStaleConnTest.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginStaleConnTest.java
index 18b6c0a98c..e99624f152 100644
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginStaleConnTest.java
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoPluginStaleConnTest.java
@@ -8,14 +8,12 @@ import com.appsmith.external.models.DatasourceConfiguration;
 import com.appsmith.external.models.DatasourceStructure;
 import com.appsmith.external.models.Endpoint;
 import com.appsmith.external.models.SSLDetails;
-import com.fasterxml.jackson.databind.JsonNode;
 import com.mongodb.MongoSocketWriteException;
 import com.mongodb.reactivestreams.client.MongoClient;
-import com.mongodb.reactivestreams.client.MongoClients;
 import com.mongodb.reactivestreams.client.MongoDatabase;
 import org.junit.jupiter.api.BeforeAll;
 import org.junit.jupiter.api.Test;
-import org.testcontainers.containers.GenericContainer;
+import org.testcontainers.containers.MongoDBContainer;
 import org.testcontainers.junit.jupiter.Container;
 import org.testcontainers.junit.jupiter.Testcontainers;
 import reactor.core.publisher.Mono;
@@ -44,19 +42,15 @@ public class MongoPluginStaleConnTest {
 
     private static String address;
     private static Integer port;
-    private JsonNode value;
-    private static MongoClient mongoClient;
 
     @SuppressWarnings("rawtypes")
     @Container
-    public static GenericContainer mongoContainer = new MongoTestContainer();
+    public static MongoDBContainer mongoContainer = MongoTestDBContainerManager.getMongoDBForTest();
 
     @BeforeAll
     public static void setUp() {
-        address = mongoContainer.getContainerIpAddress();
+        address = mongoContainer.getHost();
         port = mongoContainer.getFirstMappedPort();
-        String uri = "mongodb://" + address + ":" + port;
-        mongoClient = MongoClients.create(uri);
     }
 
     private DatasourceConfiguration createDatasourceConfiguration() {
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoTestContainer.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoTestContainer.java
deleted file mode 100644
index 7893b993a4..0000000000
--- a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoTestContainer.java
+++ /dev/null
@@ -1,120 +0,0 @@
-package com.external.plugins;
-
-import com.github.dockerjava.api.command.InspectContainerResponse;
-import com.mongodb.DBRef;
-import com.mongodb.reactivestreams.client.MongoClient;
-import com.mongodb.reactivestreams.client.MongoClients;
-import com.mongodb.reactivestreams.client.MongoCollection;
-import org.bson.Document;
-import org.bson.types.BSONTimestamp;
-import org.bson.types.Decimal128;
-import org.testcontainers.containers.GenericContainer;
-import reactor.core.publisher.Flux;
-import reactor.core.publisher.Mono;
-
-import java.math.BigDecimal;
-import java.sql.Date;
-import java.time.LocalDate;
-import java.util.List;
-import java.util.Map;
-import java.util.concurrent.CompletableFuture;
-
-public class MongoTestContainer extends GenericContainer {
-
-    private static MongoClient mongoClient;
-
-    public MongoTestContainer() {
-        super(CompletableFuture.completedFuture("mongo:4.4"));
-        addExposedPorts(27017);
-    }
-
-    /*
-     * this is overridden to prepare Mongo with sample dataset after the test container is started
-     */
-    @Override
-    protected void containerIsStarted(InspectContainerResponse containerInfo) {
-
-        String uri = "mongodb://" + getHost() + ":" + getFirstMappedPort();
-        mongoClient = MongoClients.create(uri);
-
-        Flux.from(mongoClient.getDatabase("test").listCollectionNames())
-                .collectList()
-                .flatMap(collectionNamesList -> {
-                    if (collectionNamesList.size() == 0) {
-                        final MongoCollection<Document> usersCollection =
-                                mongoClient.getDatabase("test").getCollection("users");
-                        Mono.from(usersCollection.insertMany(List.of(
-                                        new Document(Map.of(
-                                                "name",
-                                                "Cierra Vega",
-                                                "gender",
-                                                "F",
-                                                "age",
-                                                20,
-                                                "luckyNumber",
-                                                987654321L,
-                                                "dob",
-                                                LocalDate.of(2018, 12, 31),
-                                                "netWorth",
-                                                new BigDecimal("123456.789012"),
-                                                "updatedByCommand",
-                                                false)),
-                                        new Document(Map.of(
-                                                "name",
-                                                "Alden Cantrell",
-                                                "gender",
-                                                "M",
-                                                "age",
-                                                30,
-                                                "dob",
-                                                new Date(0),
-                                                "netWorth",
-                                                Decimal128.parse("123456.789012"),
-                                                "updatedByCommand",
-                                                false,
-                                                "aLong",
-                                                9_000_000_000_000_000_000L,
-                                                "ts",
-                                                new BSONTimestamp(1421006159, 4))),
-                                        new Document(Map.of("name", "Kierra Gentry", "gender", "F", "age", 40)))))
-                                .block();
-
-                        final MongoCollection<Document> addressCollection =
-                                mongoClient.getDatabase("test").getCollection("address");
-                        Mono.from(addressCollection.insertMany(List.of(
-                                        new Document(Map.of(
-                                                "user", new DBRef("test", "users", "1"),
-                                                "street", "First Street",
-                                                "city", "Line One",
-                                                "state", "UP")),
-                                        new Document(Map.of(
-                                                "user", new DBRef("AAA", "BBB", "2000"),
-                                                "street", "Second Street",
-                                                "city", "Line Two",
-                                                "state", "UP")))))
-                                .block();
-
-                        final MongoCollection<Document> teamCollection =
-                                mongoClient.getDatabase("test").getCollection("teams");
-                        Mono.from(teamCollection.insertMany(List.of(
-                                        new Document(Map.of(
-                                                "name", "Noisy Neighbours 2",
-                                                "goals_allowed", "20",
-                                                "goals_forwarded", "41",
-                                                "goal_difference", "+21",
-                                                "xGD", "-2.5",
-                                                "best_scoreline", "5-2")),
-                                        new Document(Map.of(
-                                                "name", "Red Side of the city",
-                                                "goals_allowed", "35",
-                                                "goals_forwarded", "28",
-                                                "goal_difference", "-7",
-                                                "xGD", "+3.6",
-                                                "best_scoreline", "8-3")))))
-                                .block();
-                    }
-                    return Mono.empty();
-                })
-                .block();
-    }
-}
diff --git a/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoTestDBContainerManager.java b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoTestDBContainerManager.java
new file mode 100644
index 0000000000..f5bcd5dcb5
--- /dev/null
+++ b/app/server/appsmith-plugins/mongoPlugin/src/test/java/com/external/plugins/MongoTestDBContainerManager.java
@@ -0,0 +1,116 @@
+package com.external.plugins;
+
+import com.mongodb.DBRef;
+import com.mongodb.reactivestreams.client.MongoClient;
+import com.mongodb.reactivestreams.client.MongoClients;
+import com.mongodb.reactivestreams.client.MongoCollection;
+import org.bson.Document;
+import org.bson.types.BSONTimestamp;
+import org.bson.types.Decimal128;
+import org.testcontainers.containers.MongoDBContainer;
+import org.testcontainers.utility.DockerImageName;
+import reactor.core.publisher.Flux;
+import reactor.core.publisher.Mono;
+
+import java.math.BigDecimal;
+import java.sql.Date;
+import java.time.LocalDate;
+import java.util.List;
+import java.util.Map;
+
+public class MongoTestDBContainerManager {
+    public static final String MONGO_DOCKER_HUB_CONTAINER = "mongo:4.4";
+
+    public static MongoDBContainer getMongoDBForTest() {
+        MongoDBContainer mongoDBContainer = new MongoDBContainer(DockerImageName.parse(MONGO_DOCKER_HUB_CONTAINER));
+        mongoDBContainer.start();
+        initialSetup(mongoDBContainer);
+        return mongoDBContainer;
+    }
+
+    private static void initialSetup(MongoDBContainer mongoDBContainer) {
+        String uri = "mongodb://" + mongoDBContainer.getHost() + ":" + mongoDBContainer.getFirstMappedPort();
+        try (MongoClient mongoClient = MongoClients.create(uri)) {
+
+            Flux.from(mongoClient.getDatabase("test").listCollectionNames())
+                    .collectList()
+                    .flatMap(collectionNamesList -> {
+                        if (collectionNamesList.isEmpty()) {
+                            final MongoCollection<Document> usersCollection =
+                                    mongoClient.getDatabase("test").getCollection("users");
+                            Mono.from(usersCollection.insertMany(List.of(
+                                            new Document(Map.of(
+                                                    "name",
+                                                    "Cierra Vega",
+                                                    "gender",
+                                                    "F",
+                                                    "age",
+                                                    20,
+                                                    "luckyNumber",
+                                                    987654321L,
+                                                    "dob",
+                                                    LocalDate.of(2018, 12, 31),
+                                                    "netWorth",
+                                                    new BigDecimal("123456.789012"),
+                                                    "updatedByCommand",
+                                                    false)),
+                                            new Document(Map.of(
+                                                    "name",
+                                                    "Alden Cantrell",
+                                                    "gender",
+                                                    "M",
+                                                    "age",
+                                                    30,
+                                                    "dob",
+                                                    new Date(0),
+                                                    "netWorth",
+                                                    Decimal128.parse("123456.789012"),
+                                                    "updatedByCommand",
+                                                    false,
+                                                    "aLong",
+                                                    9_000_000_000_000_000_000L,
+                                                    "ts",
+                                                    new BSONTimestamp(1421006159, 4))),
+                                            new Document(Map.of("name", "Kierra Gentry", "gender", "F", "age", 40)))))
+                                    .block();
+
+                            final MongoCollection<Document> addressCollection =
+                                    mongoClient.getDatabase("test").getCollection("address");
+                            Mono.from(addressCollection.insertMany(List.of(
+                                            new Document(Map.of(
+                                                    "user", new DBRef("test", "users", "1"),
+                                                    "street", "First Street",
+                                                    "city", "Line One",
+                                                    "state", "UP")),
+                                            new Document(Map.of(
+                                                    "user", new DBRef("AAA", "BBB", "2000"),
+                                                    "street", "Second Street",
+                                                    "city", "Line Two",
+                                                    "state", "UP")))))
+                                    .block();
+
+                            final MongoCollection<Document> teamCollection =
+                                    mongoClient.getDatabase("test").getCollection("teams");
+                            Mono.from(teamCollection.insertMany(List.of(
+                                            new Document(Map.of(
+                                                    "name", "Noisy Neighbours 2",
+                                                    "goals_allowed", "20",
+                                                    "goals_forwarded", "41",
+                                                    "goal_difference", "+21",
+                                                    "xGD", "-2.5",
+                                                    "best_scoreline", "5-2")),
+                                            new Document(Map.of(
+                                                    "name", "Red Side of the city",
+                                                    "goals_allowed", "35",
+                                                    "goals_forwarded", "28",
+                                                    "goal_difference", "-7",
+                                                    "xGD", "+3.6",
+                                                    "best_scoreline", "8-3")))))
+                                    .block();
+                        }
+                        return Mono.empty();
+                    })
+                    .block();
+        }
+    }
+}
diff --git a/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/OpenAiPlugin.java b/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/OpenAiPlugin.java
index ace6f1967e..47b4241f44 100644
--- a/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/OpenAiPlugin.java
+++ b/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/OpenAiPlugin.java
@@ -25,7 +25,6 @@ import lombok.extern.slf4j.Slf4j;
 import org.json.JSONArray;
 import org.json.JSONObject;
 import org.pf4j.PluginWrapper;
-import org.springframework.http.HttpHeaders;
 import org.springframework.http.HttpMethod;
 import org.springframework.http.HttpStatusCode;
 import org.springframework.web.reactive.function.BodyInserters;
@@ -105,12 +104,22 @@ public class OpenAiPlugin extends BasePlugin {
             return RequestUtils.makeRequest(httpMethod, uri, bearerTokenAuth, BodyInserters.fromValue(openAIRequestDTO))
                     .flatMap(responseEntity -> {
                         HttpStatusCode statusCode = responseEntity.getStatusCode();
-                        HttpHeaders headers = responseEntity.getHeaders();
 
                         ActionExecutionResult actionExecutionResult = new ActionExecutionResult();
                         actionExecutionResult.setRequest(actionExecutionRequest);
                         actionExecutionResult.setStatusCode(statusCode.toString());
 
+                        if (HttpStatusCode.valueOf(401).isSameCodeAs(statusCode)) {
+                            actionExecutionResult.setIsExecutionSuccess(false);
+                            String errorMessage = "";
+                            if (responseEntity.getBody() != null && responseEntity.getBody().length > 0) {
+                                errorMessage = new String(responseEntity.getBody());
+                            }
+                            actionExecutionResult.setErrorInfo(new AppsmithPluginException(
+                                    AppsmithPluginError.PLUGIN_AUTHENTICATION_ERROR, errorMessage));
+                            return Mono.just(actionExecutionResult);
+                        }
+
                         if (statusCode.is4xxClientError()) {
                             actionExecutionResult.setIsExecutionSuccess(false);
                             String errorMessage = "";
@@ -118,7 +127,7 @@ public class OpenAiPlugin extends BasePlugin {
                                 errorMessage = new String(responseEntity.getBody());
                             }
                             actionExecutionResult.setErrorInfo(new AppsmithPluginException(
-                                    AppsmithPluginError.PLUGIN_AUTHENTICATION_ERROR, errorMessage));
+                                    AppsmithPluginError.PLUGIN_DATASOURCE_ERROR, errorMessage));
                             return Mono.just(actionExecutionResult);
                         }
 
diff --git a/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/commands/VisionCommand.java b/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/commands/VisionCommand.java
index 802e161692..31e0e31537 100644
--- a/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/commands/VisionCommand.java
+++ b/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/commands/VisionCommand.java
@@ -31,6 +31,7 @@ import java.util.Map;
 import java.util.regex.Pattern;
 
 import static com.external.plugins.constants.OpenAIConstants.CONTENT;
+import static com.external.plugins.constants.OpenAIConstants.DEFAULT_MAX_TOKEN;
 import static com.external.plugins.constants.OpenAIConstants.ID;
 import static com.external.plugins.constants.OpenAIConstants.IMAGE_TYPE;
 import static com.external.plugins.constants.OpenAIConstants.LABEL;
@@ -178,18 +179,16 @@ public class VisionCommand implements OpenAICommand {
     }
 
     private int getMaxTokenFromFormData(Map<String, Object> formData) {
-        int defaultMaxToken = 1000;
-
         String maxTokenAsString = RequestUtils.extractValueFromFormData(formData, MAX_TOKENS);
 
         if (!StringUtils.hasText(maxTokenAsString)) {
-            return defaultMaxToken;
+            return DEFAULT_MAX_TOKEN;
         }
 
         try {
             return Integer.parseInt(maxTokenAsString);
         } catch (IllegalArgumentException illegalArgumentException) {
-            return defaultMaxToken;
+            return DEFAULT_MAX_TOKEN;
         } catch (Exception exception) {
             throw new AppsmithPluginException(
                     AppsmithPluginError.PLUGIN_EXECUTE_ARGUMENT_ERROR,
diff --git a/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/constants/OpenAIConstants.java b/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/constants/OpenAIConstants.java
index 45d596c827..7a3f7069f4 100644
--- a/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/constants/OpenAIConstants.java
+++ b/app/server/appsmith-plugins/openAiPlugin/src/main/java/com/external/plugins/constants/OpenAIConstants.java
@@ -42,6 +42,7 @@ public class OpenAIConstants {
 
     // Other constants
     public static final String BODY = "body";
+    public static final Integer DEFAULT_MAX_TOKEN = 16;
 
     public static final ExchangeStrategies EXCHANGE_STRATEGIES = ExchangeStrategies.builder()
             .codecs(configurer -> configurer.defaultCodecs().maxInMemorySize(/* 10MB */ 10 * 1024 * 1024))
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCE.java
index d09f4c0090..fd6f04a770 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCE.java
@@ -1,6 +1,7 @@
 package com.appsmith.server.actioncollections.base;
 
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.server.acl.AclPermission;
 import com.appsmith.server.domains.ActionCollection;
 import com.appsmith.server.domains.NewPage;
@@ -68,4 +69,7 @@ public interface ActionCollectionServiceCE extends CrudService<ActionCollection,
 
     void populateDefaultResources(
             ActionCollection actionCollection, ActionCollection branchedActionCollection, String branchName);
+
+    Flux<ActionCollection> findAllActionCollectionsByContextIdAndContextTypeAndViewMode(
+            String contextId, CreatorContextType contextType, AclPermission permission, boolean viewMode);
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCEImpl.java
index 35210774e5..390324d2b1 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/base/ActionCollectionServiceCEImpl.java
@@ -1,6 +1,7 @@
 package com.appsmith.server.actioncollections.base;
 
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.DefaultResources;
 import com.appsmith.external.models.Policy;
 import com.appsmith.server.acl.AclPermission;
@@ -620,4 +621,15 @@ public class ActionCollectionServiceCEImpl extends BaseService<ActionCollectionR
         // Set policies from existing branch object
         actionCollection.setPolicies(branchedActionCollection.getPolicies());
     }
+
+    @Override
+    public Flux<ActionCollection> findAllActionCollectionsByContextIdAndContextTypeAndViewMode(
+            String contextId, CreatorContextType contextType, AclPermission permission, boolean viewMode) {
+        if (viewMode) {
+            return repository.findAllPublishedActionCollectionsByContextIdAndContextType(
+                    contextId, contextType, permission);
+        }
+        return repository.findAllUnpublishedActionCollectionsByContextIdAndContextType(
+                contextId, contextType, permission);
+    }
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/imports/ActionCollectionImportableServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/imports/ActionCollectionImportableServiceCEImpl.java
index c79e1be902..2118aef793 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/imports/ActionCollectionImportableServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/actioncollections/imports/ActionCollectionImportableServiceCEImpl.java
@@ -10,9 +10,9 @@ import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.domains.Workspace;
 import com.appsmith.server.dtos.ActionCollectionDTO;
 import com.appsmith.server.dtos.ApplicationJson;
+import com.appsmith.server.dtos.ImportActionCollectionResultDTO;
 import com.appsmith.server.dtos.ImportingMetaDTO;
 import com.appsmith.server.dtos.MappedImportableResourcesDTO;
-import com.appsmith.server.dtos.ce.ImportActionCollectionResultDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.helpers.DefaultResourcesUtils;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/constants/ce/FieldNameCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/constants/ce/FieldNameCE.java
index 19176a7798..16c73fd8db 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/constants/ce/FieldNameCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/constants/ce/FieldNameCE.java
@@ -15,6 +15,7 @@ public class FieldNameCE {
     public static final String UPDATED_AT = "updatedAt";
     public static final String CURL_CODE = "curlCode";
     public static final String PLUGIN_TYPE = "pluginType";
+    public static final String PACKAGE_NAME = "packageName";
     public static final String COLLECTION_ID = "collectionId";
     public static final String ACTION_ID = "actionId";
     public static String WORKSPACE = "workspace";
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ApplicationTemplateControllerCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ApplicationTemplateControllerCE.java
index d1b78ce802..535e0f2721 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ApplicationTemplateControllerCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ApplicationTemplateControllerCE.java
@@ -74,14 +74,6 @@ public class ApplicationTemplateControllerCE {
                 .map(importedApp -> new ResponseDTO<>(HttpStatus.OK.value(), importedApp, null));
     }
 
-    @JsonView(Views.Public.class)
-    @GetMapping("recent")
-    public Mono<ResponseDTO<List<ApplicationTemplate>>> getRecentlyUsedTemplates() {
-        return applicationTemplateService
-                .getRecentlyUsedTemplates()
-                .map(templates -> new ResponseDTO<>(HttpStatus.OK.value(), templates, null));
-    }
-
     @JsonView(Views.Public.class)
     @PostMapping("{templateId}/merge/{applicationId}/{organizationId}")
     public Mono<ResponseDTO<ApplicationImportDTO>> mergeTemplateWithApplication(
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/DatasourceControllerCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/DatasourceControllerCE.java
index 2ecf28c4f5..c45ab1ad2a 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/DatasourceControllerCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/DatasourceControllerCE.java
@@ -158,13 +158,14 @@ public class DatasourceControllerCE {
     public Mono<Void> getTokenRequestUrl(
             @PathVariable String datasourceId,
             @PathVariable String pageId,
-            ServerWebExchange serverWebExchange,
-            @RequestParam String environmentId) {
+            @RequestParam String environmentId,
+            @RequestParam(name = FieldName.BRANCH_NAME, required = false) String branchName,
+            ServerWebExchange serverWebExchange) {
         log.debug(
                 "Going to retrieve token request URL for datasource with id: {} and page id: {}", datasourceId, pageId);
         return authenticationService
                 .getAuthorizationCodeURLForGenericOAuth2(
-                        datasourceId, environmentId, pageId, serverWebExchange.getRequest())
+                        datasourceId, environmentId, pageId, branchName, serverWebExchange.getRequest())
                 .flatMap(url -> {
                     serverWebExchange.getResponse().setStatusCode(HttpStatus.FOUND);
                     serverWebExchange.getResponse().getHeaders().setLocation(URI.create(url));
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/GitControllerCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/GitControllerCE.java
index 4e1a09e621..6fa59cf2c5 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/GitControllerCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/GitControllerCE.java
@@ -12,6 +12,7 @@ import com.appsmith.server.domains.GitApplicationMetadata;
 import com.appsmith.server.domains.GitAuth;
 import com.appsmith.server.domains.GitProfile;
 import com.appsmith.server.dtos.ApplicationImportDTO;
+import com.appsmith.server.dtos.BranchProtectionRequestDTO;
 import com.appsmith.server.dtos.GitCommitDTO;
 import com.appsmith.server.dtos.GitConnectDTO;
 import com.appsmith.server.dtos.GitDeployKeyDTO;
@@ -19,7 +20,6 @@ import com.appsmith.server.dtos.GitDocsDTO;
 import com.appsmith.server.dtos.GitMergeDTO;
 import com.appsmith.server.dtos.GitPullDTO;
 import com.appsmith.server.dtos.ResponseDTO;
-import com.appsmith.server.dtos.ce.BranchProtectionRequestDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.helpers.GitDeployKeyGenerator;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/LayoutControllerCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/LayoutControllerCE.java
index ad6be0997b..a26de03c94 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/LayoutControllerCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/LayoutControllerCE.java
@@ -8,7 +8,7 @@ import com.appsmith.server.dtos.EntityType;
 import com.appsmith.server.dtos.LayoutDTO;
 import com.appsmith.server.dtos.RefactorEntityNameDTO;
 import com.appsmith.server.dtos.ResponseDTO;
-import com.appsmith.server.dtos.ce.UpdateMultiplePageLayoutDTO;
+import com.appsmith.server.dtos.UpdateMultiplePageLayoutDTO;
 import com.appsmith.server.refactors.applications.RefactoringSolution;
 import com.appsmith.server.services.LayoutActionService;
 import com.appsmith.server.services.LayoutService;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ProductFeatureAlertControllerCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ProductFeatureAlertControllerCE.java
index 19b7885215..48ece64f5c 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ProductFeatureAlertControllerCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/controllers/ce/ProductFeatureAlertControllerCE.java
@@ -2,8 +2,8 @@ package com.appsmith.server.controllers.ce;
 
 import com.appsmith.external.views.Views;
 import com.appsmith.server.constants.Url;
+import com.appsmith.server.dtos.ProductAlertResponseDTO;
 import com.appsmith.server.dtos.ResponseDTO;
-import com.appsmith.server.dtos.ce.ProductAlertResponseDTO;
 import com.appsmith.server.services.ProductAlertService;
 import com.fasterxml.jackson.annotation.JsonView;
 import org.springframework.http.HttpStatus;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/Application.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/Application.java
index 12ffb3c160..f00285d479 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/Application.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/Application.java
@@ -198,6 +198,10 @@ public class Application extends BaseDomain {
     @JsonView(Views.Public.class)
     Boolean isCommunityTemplate;
 
+    /* Template title of the template from which this app was forked, if any */
+    @JsonView(Views.Public.class)
+    String forkedFromTemplateTitle;
+
     @JsonView(Views.Internal.class)
     @Deprecated
     String defaultPermissionGroup;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/UserData.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/UserData.java
index 2d0d7a0908..b9382105d3 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/UserData.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/domains/UserData.java
@@ -72,6 +72,7 @@ public class UserData extends BaseDomain {
     Map<String, Object> userClaims;
 
     // list of template ids that were recently forked by the user
+    @Deprecated
     @JsonView(Views.Public.class)
     private List<String> recentlyUsedTemplateIds;
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/BranchProtectionRequestDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/BranchProtectionRequestDTO.java
similarity index 83%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/BranchProtectionRequestDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/BranchProtectionRequestDTO.java
index 5334eb3b4f..6c44126a9a 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/BranchProtectionRequestDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/BranchProtectionRequestDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import jakarta.validation.constraints.NotNull;
 import lombok.Data;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/EntityType.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/EntityType.java
index 4d6e35b204..38d0ee8e24 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/EntityType.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/EntityType.java
@@ -4,5 +4,8 @@ public enum EntityType {
     WIDGET,
     JS_ACTION,
     ACTION,
-    JS_OBJECT
+    JS_OBJECT,
+
+    // EE-only entities
+    MODULE_INSTANCE,
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/FeaturesRequestDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/FeaturesRequestDTO.java
similarity index 86%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/FeaturesRequestDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/FeaturesRequestDTO.java
index c6d430b033..f18672b49a 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/FeaturesRequestDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/FeaturesRequestDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import lombok.Getter;
 import lombok.Setter;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/FeaturesResponseDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/FeaturesResponseDTO.java
similarity index 81%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/FeaturesResponseDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/FeaturesResponseDTO.java
index 242d9834e9..17bd775b78 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/FeaturesResponseDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/FeaturesResponseDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import lombok.Getter;
 import lombok.Setter;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportActionCollectionResultDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportActionCollectionResultDTO.java
similarity index 96%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportActionCollectionResultDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportActionCollectionResultDTO.java
index cf62eb8233..27bb8b0a96 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportActionCollectionResultDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportActionCollectionResultDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import com.appsmith.server.domains.ActionCollection;
 import lombok.Getter;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportActionResultDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportActionResultDTO.java
similarity index 98%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportActionResultDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportActionResultDTO.java
index 458e598930..f09706fce1 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportActionResultDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportActionResultDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import com.appsmith.server.domains.NewAction;
 import lombok.Getter;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportedActionAndCollectionMapsDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportedActionAndCollectionMapsDTO.java
similarity index 89%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportedActionAndCollectionMapsDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportedActionAndCollectionMapsDTO.java
index cb6c5f3c70..40931d3bf3 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ImportedActionAndCollectionMapsDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ImportedActionAndCollectionMapsDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import lombok.Getter;
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ProductAlertMessageApplicabilityContext.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ProductAlertMessageApplicabilityContext.java
similarity index 70%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ProductAlertMessageApplicabilityContext.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ProductAlertMessageApplicabilityContext.java
index 9b1d50022f..f723266c3f 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ProductAlertMessageApplicabilityContext.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ProductAlertMessageApplicabilityContext.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 public enum ProductAlertMessageApplicabilityContext {
     COMMON_CONFIG,
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ProductAlertResponseDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ProductAlertResponseDTO.java
similarity index 96%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ProductAlertResponseDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ProductAlertResponseDTO.java
index fd08de9779..ea1bddadc5 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ProductAlertResponseDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ProductAlertResponseDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import lombok.AllArgsConstructor;
 import lombok.Getter;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/RefactorEntityNameDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/RefactorEntityNameDTO.java
index 5fcd9ffbbf..379dbfd0ae 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/RefactorEntityNameDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/RefactorEntityNameDTO.java
@@ -1,29 +1,5 @@
 package com.appsmith.server.dtos;
 
-import com.appsmith.external.views.Views;
-import com.fasterxml.jackson.annotation.JsonView;
-import lombok.Getter;
-import lombok.Setter;
+import com.appsmith.server.dtos.ce.RefactorEntityNameCE_DTO;
 
-@Getter
-@Setter
-public class RefactorEntityNameDTO {
-    String pageId;
-    String layoutId;
-    String oldName;
-    String newName;
-
-    @JsonView(Views.Internal.class)
-    EntityType entityType;
-
-    String actionId;
-    String actionCollectionId;
-    String collectionName;
-    ActionCollectionDTO actionCollection;
-
-    @JsonView(Views.Internal.class)
-    String oldFullyQualifiedName;
-
-    @JsonView(Views.Internal.class)
-    String newFullyQualifiedName;
-}
+public class RefactorEntityNameDTO extends RefactorEntityNameCE_DTO {}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UncommittedChangesDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UncommittedChangesDTO.java
similarity index 91%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UncommittedChangesDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UncommittedChangesDTO.java
index c4b0a27355..25a07ad6ed 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UncommittedChangesDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UncommittedChangesDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import lombok.Data;
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UpdateMultiplePageLayoutDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UpdateMultiplePageLayoutDTO.java
similarity index 93%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UpdateMultiplePageLayoutDTO.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UpdateMultiplePageLayoutDTO.java
index a28b4818ea..ee21c95e0d 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UpdateMultiplePageLayoutDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UpdateMultiplePageLayoutDTO.java
@@ -1,4 +1,4 @@
-package com.appsmith.server.dtos.ce;
+package com.appsmith.server.dtos;
 
 import com.appsmith.server.domains.Layout;
 import jakarta.validation.Valid;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UserUpdateDTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UserUpdateDTO.java
index d48dd720ac..c66d89ba14 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UserUpdateDTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/UserUpdateDTO.java
@@ -1,10 +1,10 @@
 package com.appsmith.server.dtos;
 
-import com.appsmith.server.dtos.ce.UserUpdateDTO_CE;
+import com.appsmith.server.dtos.ce.UserUpdateCE_DTO;
 import lombok.Data;
 
 /**
  * Includes **only** those fields that can be updated for a user, via an API call.
  */
 @Data
-public class UserUpdateDTO extends UserUpdateDTO_CE {}
+public class UserUpdateDTO extends UserUpdateCE_DTO {}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ActionCollectionCE_DTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ActionCollectionCE_DTO.java
index 9976638a46..c482972775 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ActionCollectionCE_DTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/ActionCollectionCE_DTO.java
@@ -2,6 +2,7 @@ package com.appsmith.server.dtos.ce;
 
 import com.appsmith.external.exceptions.ErrorDTO;
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.DefaultResources;
 import com.appsmith.external.models.JSValue;
 import com.appsmith.external.models.PluginType;
@@ -50,6 +51,9 @@ public class ActionCollectionCE_DTO {
     @JsonView(Views.Public.class)
     String pageId;
 
+    @JsonView(Views.Public.class)
+    CreatorContextType contextType;
+
     // This field will only be populated if this collection is bound to one plugin (eg: JS)
     @JsonView(Views.Public.class)
     String pluginId;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/MappedImportableResourcesCE_DTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/MappedImportableResourcesCE_DTO.java
index fe81e0522b..5b2fb78816 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/MappedImportableResourcesCE_DTO.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/MappedImportableResourcesCE_DTO.java
@@ -2,6 +2,9 @@ package com.appsmith.server.dtos.ce;
 
 import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.dtos.CustomJSLibApplicationDTO;
+import com.appsmith.server.dtos.ImportActionCollectionResultDTO;
+import com.appsmith.server.dtos.ImportActionResultDTO;
+import com.appsmith.server.dtos.ImportedActionAndCollectionMapsDTO;
 import lombok.Data;
 import lombok.NoArgsConstructor;
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/RefactorEntityNameCE_DTO.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/RefactorEntityNameCE_DTO.java
new file mode 100644
index 0000000000..85017a15e4
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/RefactorEntityNameCE_DTO.java
@@ -0,0 +1,31 @@
+package com.appsmith.server.dtos.ce;
+
+import com.appsmith.external.views.Views;
+import com.appsmith.server.dtos.ActionCollectionDTO;
+import com.appsmith.server.dtos.EntityType;
+import com.fasterxml.jackson.annotation.JsonView;
+import lombok.Getter;
+import lombok.Setter;
+
+@Getter
+@Setter
+public class RefactorEntityNameCE_DTO {
+    String pageId;
+    String layoutId;
+    String oldName;
+    String newName;
+
+    @JsonView(Views.Internal.class)
+    EntityType entityType;
+
+    String actionId;
+    String actionCollectionId;
+    String collectionName;
+    ActionCollectionDTO actionCollection;
+
+    @JsonView(Views.Internal.class)
+    String oldFullyQualifiedName;
+
+    @JsonView(Views.Internal.class)
+    String newFullyQualifiedName;
+}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UserUpdateDTO_CE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UserUpdateCE_DTO.java
similarity index 94%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UserUpdateDTO_CE.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UserUpdateCE_DTO.java
index b9a5c6f628..be2ae09ee4 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UserUpdateDTO_CE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/dtos/ce/UserUpdateCE_DTO.java
@@ -6,7 +6,7 @@ import lombok.Data;
  * Includes **only** those fields that can be updated for a user, via an API call.
  */
 @Data
-public class UserUpdateDTO_CE {
+public class UserUpdateCE_DTO {
     private String name;
 
     private String role;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/AppsmithError.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/AppsmithError.java
index 7058e16a81..debdd9841d 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/AppsmithError.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/AppsmithError.java
@@ -200,10 +200,11 @@ public enum AppsmithError {
                     + "  \"message\" : \"Binding path in the widget not found. Please reach out to Appsmith customer support to resolve this.\","
                     + "  \"widgetName\" : \"{1}\","
                     + "  \"widgetId\" : \"{2}\","
-                    + "  \"pageId\" : \"{4}\","
+                    + "  \"creatorId\" : \"{4}\","
                     + "  \"layoutId\" : \"{5}\","
                     + "  \"errorDetail\" : \"{8}\","
-                    + "  \"dynamicBinding\" : {6}",
+                    + "  \"dynamicBinding\" : {6},"
+                    + "  \"creatorType\" : \"{9}\"",
             AppsmithErrorAction.LOG_EXTERNALLY,
             "Invalid dynamic binding reference",
             ErrorType.BAD_REQUEST,
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/GlobalExceptionHandler.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/GlobalExceptionHandler.java
index 71b299359d..cfbe2e0e5d 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/GlobalExceptionHandler.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/exceptions/GlobalExceptionHandler.java
@@ -233,13 +233,11 @@ public class GlobalExceptionHandler {
     @ExceptionHandler
     @ResponseBody
     public Mono<ResponseDTO<ErrorDTO>> catchPluginException(AppsmithPluginException e, ServerWebExchange exchange) {
-        AppsmithError appsmithError = AppsmithError.INTERNAL_SERVER_ERROR;
-        exchange.getResponse().setStatusCode(HttpStatus.resolve(appsmithError.getHttpErrorCode()));
+        exchange.getResponse().setStatusCode(HttpStatus.resolve(e.getHttpStatus()));
         doLog(e);
         String urlPath = exchange.getRequest().getPath().toString();
         ResponseDTO<ErrorDTO> response = new ResponseDTO<>(
-                appsmithError.getHttpErrorCode(),
-                new ErrorDTO(appsmithError.getAppErrorCode(), e.getMessage(), e.getErrorType(), e.getTitle()));
+                e.getHttpStatus(), new ErrorDTO(e.getAppErrorCode(), e.getErrorType(), e.getMessage(), e.getTitle()));
 
         return getResponseDTOMono(urlPath, response);
     }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceCEImpl.java
index 5e9f655d10..d392f5e87b 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceCEImpl.java
@@ -1,5 +1,6 @@
 package com.appsmith.server.exports.internal;
 
+import com.appsmith.external.constants.AnalyticsEvents;
 import com.appsmith.external.models.Datasource;
 import com.appsmith.external.models.DatasourceStorage;
 import com.appsmith.server.acl.AclPermission;
@@ -11,6 +12,7 @@ import com.appsmith.server.domains.Application;
 import com.appsmith.server.domains.CustomJSLib;
 import com.appsmith.server.domains.NewAction;
 import com.appsmith.server.domains.Plugin;
+import com.appsmith.server.domains.User;
 import com.appsmith.server.dtos.ApplicationJson;
 import com.appsmith.server.dtos.ExportingMetaDTO;
 import com.appsmith.server.dtos.MappedExportableResourcesDTO;
@@ -22,15 +24,17 @@ import com.appsmith.server.jslibs.base.CustomJSLibService;
 import com.appsmith.server.migrations.JsonSchemaVersions;
 import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
+import com.appsmith.server.services.AnalyticsService;
 import com.appsmith.server.services.ApplicationService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.solutions.ApplicationPermission;
-import com.google.gson.Gson;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 import org.apache.commons.lang3.StringUtils;
 import reactor.core.publisher.Mono;
 
 import java.util.List;
+import java.util.Map;
 import java.util.stream.Collectors;
 
 import static com.appsmith.server.constants.ResourceModes.EDIT;
@@ -50,7 +54,8 @@ public class PartialExportServiceCEImpl implements PartialExportServiceCE {
     private final ExportableService<Plugin> pluginExportableService;
     private final ExportableService<NewAction> newActionExportableService;
     private final ExportableService<ActionCollection> actionCollectionExportableService;
-    private final Gson gson;
+    private final SessionUserService sessionUserService;
+    private final AnalyticsService analyticsService;
 
     @Override
     public Mono<ApplicationJson> getPartialExportResources(
@@ -158,12 +163,26 @@ public class PartialExportServiceCEImpl implements PartialExportServiceCE {
                                 applicationJson,
                                 SerialiseApplicationObjective.SHARE);
                     }
-                    return Mono.just(applicationJson);
+                    return Mono.just(applicationJson).zipWith(sessionUserService.getCurrentUser());
                 })
-                .map(exportedJson -> {
+                .flatMap(tuple -> {
+                    ApplicationJson applicationJson1 = tuple.getT1();
+                    Application application = applicationJson1.getExportedApplication();
+
                     applicationJson.setWidgets(partialExportFileDTO.getWidget());
                     applicationJson.setExportedApplication(null);
-                    return applicationJson;
+
+                    User user = tuple.getT2();
+                    final Map<String, Object> eventData = Map.of(FieldName.APPLICATION, application);
+
+                    final Map<String, Object> data = Map.of(
+                            FieldName.APPLICATION_ID, application.getId(),
+                            FieldName.WORKSPACE_ID, application.getWorkspaceId(),
+                            FieldName.EVENT_DATA, eventData);
+
+                    return analyticsService
+                            .sendEvent(AnalyticsEvents.PARTIAL_EXPORT.getEventName(), user.getUsername(), data)
+                            .thenReturn(applicationJson);
                 });
     }
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceImpl.java
index f01b3fb04e..8ab40ce103 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/exports/internal/PartialExportServiceImpl.java
@@ -9,9 +9,10 @@ import com.appsmith.server.exports.exportable.ExportableService;
 import com.appsmith.server.jslibs.base.CustomJSLibService;
 import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
+import com.appsmith.server.services.AnalyticsService;
 import com.appsmith.server.services.ApplicationService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.solutions.ApplicationPermission;
-import com.google.gson.Gson;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.stereotype.Service;
 
@@ -29,7 +30,8 @@ public class PartialExportServiceImpl extends PartialExportServiceCEImpl impleme
             ExportableService<Plugin> pluginExportableService,
             ExportableService<NewAction> newActionExportableService,
             ExportableService<ActionCollection> actionCollectionExportableService,
-            Gson gson) {
+            SessionUserService sessionUserService,
+            AnalyticsService analyticsService) {
         super(
                 applicationService,
                 applicationPermission,
@@ -41,6 +43,7 @@ public class PartialExportServiceImpl extends PartialExportServiceCEImpl impleme
                 pluginExportableService,
                 newActionExportableService,
                 actionCollectionExportableService,
-                gson);
+                sessionUserService,
+                analyticsService);
     }
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/featureflags/FeatureFlagEnum.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/featureflags/FeatureFlagEnum.java
index b8742b34a2..26d16a3b90 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/featureflags/FeatureFlagEnum.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/featureflags/FeatureFlagEnum.java
@@ -29,6 +29,7 @@ public enum FeatureFlagEnum {
     release_embed_hide_share_settings_enabled,
     ab_mock_mongo_schema_enabled,
     rollout_datasource_test_rate_limit_enabled,
+    ab_onboarding_flow_start_with_data_dev_only_enabled,
 
     // Add EE flags below this line, to avoid conflicts.
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/ImportApplicationServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/ImportApplicationServiceCEImpl.java
index ed4b5a5e32..2dff04c4f6 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/ImportApplicationServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/ImportApplicationServiceCEImpl.java
@@ -338,10 +338,10 @@ public class ImportApplicationServiceCEImpl implements ImportApplicationServiceC
      */
     private String validateApplicationJson(ApplicationJson importedDoc) {
         String errorField = "";
-        if (CollectionUtils.isEmpty(importedDoc.getPageList())) {
-            errorField = FieldName.PAGE_LIST;
-        } else if (importedDoc.getExportedApplication() == null) {
+        if (importedDoc.getExportedApplication() == null) {
             errorField = FieldName.APPLICATION;
+        } else if (CollectionUtils.isEmpty(importedDoc.getPageList())) {
+            errorField = FieldName.PAGE_LIST;
         } else if (importedDoc.getActionList() == null) {
             errorField = FieldName.ACTIONS;
         } else if (importedDoc.getDatasourceList() == null) {
@@ -493,6 +493,13 @@ public class ImportApplicationServiceCEImpl implements ImportApplicationServiceC
         String errorField = validateApplicationJson(importedDoc);
         if (!errorField.isEmpty()) {
             log.error("Error in importing application. Field {} is missing", errorField);
+            if (errorField.equals(FieldName.APPLICATION)) {
+                return Mono.error(
+                        new AppsmithException(
+                                AppsmithError.VALIDATION_FAILURE,
+                                "Field '" + errorField
+                                        + "' Sorry! Seems like you've imported a page-level json instead of an application. Please use the import within the page."));
+            }
             return Mono.error(new AppsmithException(
                     AppsmithError.VALIDATION_FAILURE, "Field '" + errorField + "' is missing in the JSON."));
         }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceCEImpl.java
index 63af9fb0dc..c69dc5d542 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceCEImpl.java
@@ -10,6 +10,7 @@ import com.appsmith.server.domains.CustomJSLib;
 import com.appsmith.server.domains.NewAction;
 import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.domains.Plugin;
+import com.appsmith.server.domains.User;
 import com.appsmith.server.domains.Workspace;
 import com.appsmith.server.dtos.ApplicationJson;
 import com.appsmith.server.dtos.ImportingMetaDTO;
@@ -22,22 +23,21 @@ import com.appsmith.server.newpages.base.NewPageService;
 import com.appsmith.server.repositories.PermissionGroupRepository;
 import com.appsmith.server.services.AnalyticsService;
 import com.appsmith.server.services.ApplicationService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.services.WorkspaceService;
 import com.appsmith.server.solutions.ActionPermission;
 import com.appsmith.server.solutions.ApplicationPermission;
 import com.appsmith.server.solutions.DatasourcePermission;
 import com.appsmith.server.solutions.PagePermission;
 import com.appsmith.server.solutions.WorkspacePermission;
-import com.google.gson.Gson;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.http.codec.multipart.Part;
 import org.springframework.transaction.reactive.TransactionalOperator;
-import reactor.core.publisher.Flux;
 import reactor.core.publisher.Mono;
 
 import java.util.HashMap;
-import java.util.List;
+import java.util.HashSet;
 import java.util.Map;
 import java.util.Optional;
 
@@ -54,7 +54,7 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
     private final ApplicationPermission applicationPermission;
     private final PagePermission pagePermission;
     private final ActionPermission actionPermission;
-    private final Gson gson;
+    private final SessionUserService sessionUserService;
     private final TransactionalOperator transactionalOperator;
     private final PermissionGroupRepository permissionGroupRepository;
     private final ImportableService<Plugin> pluginImportableService;
@@ -68,22 +68,14 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
     @Override
     public Mono<Application> importResourceInPage(
             String workspaceId, String applicationId, String pageId, String branchName, Part file) {
-        /*
-        1. Get branchedPageId from pageId and branchName
-        2. Get Application Mono
-        3. Prepare the Meta DTO's
-        4. Get plugin data
-        5. Import datasources
-        6. Import customJsLib
-        7. Import actions
-        8. Import actionCollection
-         */
 
         MappedImportableResourcesDTO mappedImportableResourcesDTO = new MappedImportableResourcesDTO();
 
         Mono<String> branchedPageIdMono =
                 newPageService.findBranchedPageId(branchName, pageId, AclPermission.MANAGE_PAGES);
 
+        Mono<User> currUserMono = sessionUserService.getCurrentUser();
+
         // Extract file and get App Json
         Mono<Application> partiallyImportedAppMono = importApplicationService
                 .extractApplicationJson(file)
@@ -144,21 +136,30 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
                                     importedApplicationMono,
                                     applicationJson))
                             .thenReturn("done")
-                            .then(Mono.defer(() -> {
+                            .flatMap(result -> {
                                 Application application = applicationJson.getExportedApplication();
+                                // Keep existing JS Libs and add the imported ones
+                                application
+                                        .getUnpublishedCustomJSLibs()
+                                        .addAll(new HashSet<>(mappedImportableResourcesDTO.getInstalledJsLibsList()));
+                                if (mappedImportableResourcesDTO.getActionResultDTO() == null) {
+                                    return applicationService.update(application.getId(), application);
+                                }
                                 return newActionImportableService
                                         .updateImportedEntities(
                                                 application, importingMetaDTO, mappedImportableResourcesDTO)
                                         .then(newPageImportableService.updateImportedEntities(
                                                 application, importingMetaDTO, mappedImportableResourcesDTO))
-                                        .flatMap(
-                                                newPage -> applicationService.update(application.getId(), application));
-                            }));
+                                        .thenReturn(application);
+                            });
                 })
+                .flatMap(application -> applicationService.update(application.getId(), application))
                 .as(transactionalOperator::transactional);
 
         // Send Analytics event
-        return partiallyImportedAppMono.flatMap(application -> {
+        return partiallyImportedAppMono.zipWith(currUserMono).flatMap(tuple -> {
+            Application application = tuple.getT1();
+            User user = tuple.getT2();
             final Map<String, Object> eventData = Map.of(FieldName.APPLICATION, application);
 
             final Map<String, Object> data = Map.of(
@@ -166,7 +167,9 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
                     FieldName.WORKSPACE_ID, application.getWorkspaceId(),
                     FieldName.EVENT_DATA, eventData);
 
-            return analyticsService.sendObjectEvent(AnalyticsEvents.PARTIAL_IMPORT, application, data);
+            return analyticsService
+                    .sendEvent(AnalyticsEvents.PARTIAL_IMPORT.getEventName(), user.getUsername(), data)
+                    .thenReturn(application);
         });
     }
 
@@ -194,7 +197,7 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
             Mono<Workspace> workspaceMono,
             Mono<Application> importedApplicationMono,
             ApplicationJson applicationJson) {
-        Mono<Void> customJSLibMono = pluginImportableService.importEntities(
+        Mono<Void> pluginMono = pluginImportableService.importEntities(
                 importingMetaDTO,
                 mappedImportableResourcesDTO,
                 workspaceMono,
@@ -211,8 +214,7 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
         Mono<Void> customJsLibMono = customJSLibImportableService.importEntities(
                 importingMetaDTO, mappedImportableResourcesDTO, null, null, applicationJson);
 
-        return Flux.merge(List.of(customJsLibMono, datasourceMono, customJSLibMono))
-                .then();
+        return pluginMono.then(datasourceMono).then(customJsLibMono).then();
     }
 
     private Mono<Void> getActionAndActionCollectionImport(
@@ -235,7 +237,7 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
                 importedApplicationMono,
                 applicationJson);
 
-        return Flux.merge(List.of(actionMono, actionCollectionMono)).then();
+        return actionMono.then(actionCollectionMono).then();
     }
 
     private Mono<String> paneNameMapForActionAndActionCollectionInAppJson(
@@ -250,6 +252,10 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
                     pageNameMap.put(pageName, newPage);
                     mappedImportableResourcesDTO.setPageNameMap(pageNameMap);
 
+                    if (applicationJson.getActionList() == null) {
+                        return Mono.just(pageName);
+                    }
+
                     applicationJson.getActionList().forEach(action -> {
                         action.getPublishedAction().setPageId(pageName);
                         action.getUnpublishedAction().setPageId(pageName);
@@ -266,6 +272,9 @@ public class PartialImportServiceCEImpl implements PartialImportServiceCE {
                         action.setGitSyncId(null);
                     });
 
+                    if (applicationJson.getActionCollectionList() == null) {
+                        return Mono.just(pageName);
+                    }
                     applicationJson.getActionCollectionList().forEach(actionCollection -> {
                         actionCollection.getPublishedCollection().setPageId(pageName);
                         actionCollection.getUnpublishedCollection().setPageId(pageName);
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceImpl.java
index 1db60b46d2..c6b06ac1a6 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/imports/internal/PartialImportServiceImpl.java
@@ -11,13 +11,13 @@ import com.appsmith.server.newpages.base.NewPageService;
 import com.appsmith.server.repositories.PermissionGroupRepository;
 import com.appsmith.server.services.AnalyticsService;
 import com.appsmith.server.services.ApplicationService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.services.WorkspaceService;
 import com.appsmith.server.solutions.ActionPermission;
 import com.appsmith.server.solutions.ApplicationPermission;
 import com.appsmith.server.solutions.DatasourcePermission;
 import com.appsmith.server.solutions.PagePermission;
 import com.appsmith.server.solutions.WorkspacePermission;
-import com.google.gson.Gson;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.context.annotation.Primary;
 import org.springframework.stereotype.Service;
@@ -38,7 +38,7 @@ public class PartialImportServiceImpl extends PartialImportServiceCEImpl impleme
             ApplicationPermission applicationPermission,
             PagePermission pagePermission,
             ActionPermission actionPermission,
-            Gson gson,
+            SessionUserService sessionUserService,
             TransactionalOperator transactionalOperator,
             PermissionGroupRepository permissionGroupRepository,
             ImportableService<Plugin> pluginImportableService,
@@ -58,7 +58,7 @@ public class PartialImportServiceImpl extends PartialImportServiceCEImpl impleme
                 applicationPermission,
                 pagePermission,
                 actionPermission,
-                gson,
+                sessionUserService,
                 transactionalOperator,
                 permissionGroupRepository,
                 pluginImportableService,
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/migrations/db/ce/Migration034ChangeOpenAIIntegrationDocumentationLink.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/migrations/db/ce/Migration034ChangeOpenAIIntegrationDocumentationLink.java
new file mode 100644
index 0000000000..72fa85f927
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/migrations/db/ce/Migration034ChangeOpenAIIntegrationDocumentationLink.java
@@ -0,0 +1,41 @@
+package com.appsmith.server.migrations.db.ce;
+
+import com.appsmith.external.constants.PluginConstants;
+import com.appsmith.server.constants.ce.FieldNameCE;
+import com.appsmith.server.domains.Plugin;
+import io.mongock.api.annotations.ChangeUnit;
+import io.mongock.api.annotations.Execution;
+import io.mongock.api.annotations.RollbackExecution;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.data.mongodb.core.MongoTemplate;
+import org.springframework.data.mongodb.core.query.Criteria;
+import org.springframework.data.mongodb.core.query.Query;
+
+@Slf4j
+@ChangeUnit(order = "034", id = "change-open-ai-integration-documentation-link", author = " ")
+public class Migration034ChangeOpenAIIntegrationDocumentationLink {
+
+    private final MongoTemplate mongoTemplate;
+
+    public Migration034ChangeOpenAIIntegrationDocumentationLink(MongoTemplate mongoTemplate) {
+        this.mongoTemplate = mongoTemplate;
+    }
+
+    @RollbackExecution
+    public void rollbackExecution() {}
+
+    @Execution
+    public void changeDocumentationLink() {
+        Query pluginFindQuery = new Query();
+
+        pluginFindQuery.addCriteria(
+                Criteria.where(FieldNameCE.PACKAGE_NAME).is(PluginConstants.PackageName.OPEN_AI_PLUGIN));
+        Plugin openAiPlugin = mongoTemplate.findOne(pluginFindQuery, Plugin.class);
+        if (openAiPlugin == null) {
+            log.debug("OpenAI plugin not found while trying to update the documentation link");
+            return;
+        }
+        openAiPlugin.setDocumentationLink("https://docs.appsmith.com/connect-data/reference/open-ai");
+        mongoTemplate.save(openAiPlugin);
+    }
+}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCE.java
index 0391928779..7a14fe0514 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCE.java
@@ -1,17 +1,18 @@
 package com.appsmith.server.newactions.base;
 
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.Executable;
 import com.appsmith.external.models.MustacheBindingToken;
 import com.appsmith.server.acl.AclPermission;
 import com.appsmith.server.domains.NewAction;
 import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.dtos.ActionViewDTO;
+import com.appsmith.server.dtos.ImportActionCollectionResultDTO;
+import com.appsmith.server.dtos.ImportActionResultDTO;
+import com.appsmith.server.dtos.ImportedActionAndCollectionMapsDTO;
 import com.appsmith.server.dtos.LayoutExecutableUpdateDTO;
 import com.appsmith.server.dtos.PluginTypeAndCountDTO;
-import com.appsmith.server.dtos.ce.ImportActionCollectionResultDTO;
-import com.appsmith.server.dtos.ce.ImportActionResultDTO;
-import com.appsmith.server.dtos.ce.ImportedActionAndCollectionMapsDTO;
 import com.appsmith.server.services.CrudService;
 import com.mongodb.bulk.BulkWriteResult;
 import org.springframework.data.domain.Sort;
@@ -136,4 +137,11 @@ public interface NewActionServiceCE extends CrudService<NewAction, String> {
     Flux<PluginTypeAndCountDTO> countActionsByPluginType(String applicationId);
 
     Flux<NewAction> findByListOfPageIds(List<String> unpublishedPages, Optional<AclPermission> optionalPermission);
+
+    Flux<NewAction> findAllActionsByContextIdAndContextTypeAndViewMode(
+            String contextId,
+            CreatorContextType contextType,
+            AclPermission permission,
+            boolean viewMode,
+            boolean includeJs);
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCEImpl.java
index 298a561035..97534fedac 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/base/NewActionServiceCEImpl.java
@@ -6,6 +6,7 @@ import com.appsmith.external.helpers.MustacheHelper;
 import com.appsmith.external.models.ActionConfiguration;
 import com.appsmith.external.models.ActionDTO;
 import com.appsmith.external.models.ActionProvider;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.Datasource;
 import com.appsmith.external.models.DatasourceConfiguration;
 import com.appsmith.external.models.DefaultResources;
@@ -30,11 +31,11 @@ import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.domains.Page;
 import com.appsmith.server.domains.Plugin;
 import com.appsmith.server.dtos.ActionViewDTO;
+import com.appsmith.server.dtos.ImportActionCollectionResultDTO;
+import com.appsmith.server.dtos.ImportActionResultDTO;
+import com.appsmith.server.dtos.ImportedActionAndCollectionMapsDTO;
 import com.appsmith.server.dtos.LayoutExecutableUpdateDTO;
 import com.appsmith.server.dtos.PluginTypeAndCountDTO;
-import com.appsmith.server.dtos.ce.ImportActionCollectionResultDTO;
-import com.appsmith.server.dtos.ce.ImportActionResultDTO;
-import com.appsmith.server.dtos.ce.ImportedActionAndCollectionMapsDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.helpers.PluginExecutorHelper;
@@ -317,8 +318,7 @@ public class NewActionServiceCEImpl extends BaseService<NewActionRepository, New
         if (action.getDatasource() == null || action.getDatasource().getIsAutoGenerated()) {
             if (action.getPluginType() != PluginType.JS) {
                 // This action isn't of type JS functions which requires that the pluginType be set by the client.
-                // Hence,
-                // datasource is very much required for such an action.
+                // Hence, datasource is very much required for such an action.
                 action.setIsValid(false);
                 invalids.add(AppsmithError.DATASOURCE_NOT_GIVEN.getMessage());
                 action.setInvalids(invalids);
@@ -1726,4 +1726,19 @@ public class NewActionServiceCEImpl extends BaseService<NewActionRepository, New
             List<String> unpublishedPages, Optional<AclPermission> optionalPermission) {
         return repository.findByListOfPageIds(unpublishedPages, optionalPermission);
     }
+
+    @Override
+    public Flux<NewAction> findAllActionsByContextIdAndContextTypeAndViewMode(
+            String contextId,
+            CreatorContextType contextType,
+            AclPermission permission,
+            boolean viewMode,
+            boolean includeJs) {
+        if (viewMode) {
+            return repository.findAllPublishedActionsByContextIdAndContextType(
+                    contextId, contextType, permission, includeJs);
+        }
+        return repository.findAllUnpublishedActionsByContextIdAndContextType(
+                contextId, contextType, permission, includeJs);
+    }
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/imports/NewActionImportableServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/imports/NewActionImportableServiceCEImpl.java
index 8bb7be2457..07cda3c385 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/imports/NewActionImportableServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/imports/NewActionImportableServiceCEImpl.java
@@ -11,10 +11,10 @@ import com.appsmith.server.domains.NewAction;
 import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.domains.Workspace;
 import com.appsmith.server.dtos.ApplicationJson;
+import com.appsmith.server.dtos.ImportActionCollectionResultDTO;
+import com.appsmith.server.dtos.ImportActionResultDTO;
 import com.appsmith.server.dtos.ImportingMetaDTO;
 import com.appsmith.server.dtos.MappedImportableResourcesDTO;
-import com.appsmith.server.dtos.ce.ImportActionCollectionResultDTO;
-import com.appsmith.server.dtos.ce.ImportActionResultDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.helpers.ce.ImportApplicationPermissionProvider;
@@ -70,7 +70,7 @@ public class NewActionImportableServiceCEImpl implements ImportableServiceCE<New
 
         List<NewAction> importedNewActionList = applicationJson.getActionList();
 
-        Mono<List<NewAction>> importedNewActionMono = Mono.just(importedNewActionList);
+        Mono<List<NewAction>> importedNewActionMono = Mono.justOrEmpty(importedNewActionList);
         if (Boolean.TRUE.equals(importingMetaDTO.getAppendToApp())) {
             importedNewActionMono = importedNewActionMono.map(importedNewActionList1 -> {
                 List<NewPage> importedNewPages = mappedImportableResourcesDTO.getPageNameMap().values().stream()
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/onpageload/ActionOnPageLoadServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/onpageload/ActionOnPageLoadServiceCEImpl.java
deleted file mode 100644
index 87819addff..0000000000
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/onpageload/ActionOnPageLoadServiceCEImpl.java
+++ /dev/null
@@ -1,47 +0,0 @@
-package com.appsmith.server.newactions.onpageload;
-
-import com.appsmith.external.models.ActionDTO;
-import com.appsmith.external.models.Executable;
-import com.appsmith.server.newactions.base.NewActionService;
-import com.appsmith.server.onpageload.executables.ExecutableOnPageLoadServiceCE;
-import com.appsmith.server.solutions.ActionPermission;
-import lombok.RequiredArgsConstructor;
-import lombok.extern.slf4j.Slf4j;
-import reactor.core.publisher.Flux;
-import reactor.core.publisher.Mono;
-
-@Slf4j
-@RequiredArgsConstructor
-public class ActionOnPageLoadServiceCEImpl implements ExecutableOnPageLoadServiceCE<ActionDTO> {
-
-    private final NewActionService newActionService;
-    private final ActionPermission actionPermission;
-
-    @Override
-    public Flux<Executable> getAllExecutablesByPageIdFlux(String pageId) {
-        return newActionService
-                .findByPageIdAndViewMode(pageId, false, actionPermission.getEditPermission())
-                .flatMap(newAction -> newActionService.generateActionByViewMode(newAction, false))
-                .map(actionDTO -> (Executable) actionDTO)
-                .cache();
-    }
-
-    @Override
-    public Mono<Executable> fillSelfReferencingPaths(ActionDTO executable) {
-        return newActionService.fillSelfReferencingDataPaths(executable).map(actionDTO -> actionDTO);
-    }
-
-    @Override
-    public Flux<Executable> getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(String pageId) {
-        return newActionService
-                .findUnpublishedOnLoadActionsExplicitSetByUserInPage(pageId)
-                .flatMap(newAction -> newActionService.generateActionByViewMode(newAction, false));
-    }
-
-    @Override
-    public Mono<Executable> updateUnpublishedExecutable(String id, Executable executable) {
-        return newActionService
-                .updateUnpublishedAction(id, (ActionDTO) executable)
-                .map(updated -> updated);
-    }
-}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/onpageload/ActionOnPageLoadServiceImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/onpageload/ActionOnPageLoadServiceImpl.java
deleted file mode 100644
index 4fed6b5390..0000000000
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/newactions/onpageload/ActionOnPageLoadServiceImpl.java
+++ /dev/null
@@ -1,17 +0,0 @@
-package com.appsmith.server.newactions.onpageload;
-
-import com.appsmith.external.models.ActionDTO;
-import com.appsmith.server.newactions.base.NewActionService;
-import com.appsmith.server.onpageload.executables.ExecutableOnPageLoadService;
-import com.appsmith.server.solutions.ActionPermission;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Service;
-
-@Slf4j
-@Service
-public class ActionOnPageLoadServiceImpl extends ActionOnPageLoadServiceCEImpl
-        implements ExecutableOnPageLoadService<ActionDTO> {
-    public ActionOnPageLoadServiceImpl(NewActionService newActionService, ActionPermission actionPermission) {
-        super(newActionService, actionPermission);
-    }
-}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/imports/NewPageImportableServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/imports/NewPageImportableServiceCEImpl.java
index 809b308a75..e4d88a17a1 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/imports/NewPageImportableServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/imports/NewPageImportableServiceCEImpl.java
@@ -9,10 +9,10 @@ import com.appsmith.server.domains.ApplicationPage;
 import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.domains.Workspace;
 import com.appsmith.server.dtos.ApplicationJson;
+import com.appsmith.server.dtos.ImportActionResultDTO;
+import com.appsmith.server.dtos.ImportedActionAndCollectionMapsDTO;
 import com.appsmith.server.dtos.ImportingMetaDTO;
 import com.appsmith.server.dtos.MappedImportableResourcesDTO;
-import com.appsmith.server.dtos.ce.ImportActionResultDTO;
-import com.appsmith.server.dtos.ce.ImportedActionAndCollectionMapsDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.helpers.DefaultResourcesUtils;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/onload/ExecutableOnPageLoadServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/onload/ExecutableOnPageLoadServiceCEImpl.java
new file mode 100644
index 0000000000..b173931d22
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/onload/ExecutableOnPageLoadServiceCEImpl.java
@@ -0,0 +1,108 @@
+package com.appsmith.server.newpages.onload;
+
+import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.Executable;
+import com.appsmith.server.constants.FieldName;
+import com.appsmith.server.domains.Layout;
+import com.appsmith.server.domains.NewPage;
+import com.appsmith.server.dtos.PageDTO;
+import com.appsmith.server.exceptions.AppsmithError;
+import com.appsmith.server.exceptions.AppsmithException;
+import com.appsmith.server.newactions.base.NewActionService;
+import com.appsmith.server.newpages.base.NewPageService;
+import com.appsmith.server.onload.executables.ExecutableOnLoadServiceCE;
+import com.appsmith.server.services.ApplicationService;
+import com.appsmith.server.solutions.ActionPermission;
+import com.appsmith.server.solutions.PagePermission;
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.BeanUtils;
+import org.springframework.stereotype.Service;
+import reactor.core.publisher.Flux;
+import reactor.core.publisher.Mono;
+
+import java.util.List;
+
+@Slf4j
+@RequiredArgsConstructor
+@Service
+public class ExecutableOnPageLoadServiceCEImpl implements ExecutableOnLoadServiceCE<NewPage> {
+
+    private final NewActionService newActionService;
+    private final NewPageService newPageService;
+    private final ApplicationService applicationService;
+
+    private final ActionPermission actionPermission;
+    private final PagePermission pagePermission;
+
+    @Override
+    public Flux<Executable> getAllExecutablesByCreatorIdFlux(String creatorId) {
+        return newActionService
+                .findByPageIdAndViewMode(creatorId, false, actionPermission.getEditPermission())
+                .flatMap(newAction -> newActionService.generateActionByViewMode(newAction, false))
+                .map(actionDTO -> (Executable) actionDTO)
+                .cache();
+    }
+
+    @Override
+    public Mono<Executable> fillSelfReferencingPaths(Executable executable) {
+        return newActionService
+                .fillSelfReferencingDataPaths((ActionDTO) executable)
+                .map(actionDTO -> actionDTO);
+    }
+
+    @Override
+    public Flux<Executable> getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(String creatorId) {
+        return newActionService
+                .findUnpublishedOnLoadActionsExplicitSetByUserInPage(creatorId)
+                .flatMap(newAction -> newActionService.generateActionByViewMode(newAction, false));
+    }
+
+    @Override
+    public Mono<Executable> updateUnpublishedExecutable(String id, Executable executable) {
+        return newActionService
+                .updateUnpublishedAction(id, (ActionDTO) executable)
+                .map(updated -> updated);
+    }
+
+    @Override
+    public Mono<Layout> findAndUpdateLayout(String creatorId, String layoutId, Layout layout) {
+        Mono<PageDTO> pageDTOMono = newPageService
+                .findByIdAndLayoutsId(creatorId, layoutId, pagePermission.getEditPermission(), false)
+                .switchIfEmpty(Mono.error(new AppsmithException(
+                        AppsmithError.ACL_NO_RESOURCE_FOUND,
+                        FieldName.PAGE_ID + " or " + FieldName.LAYOUT_ID,
+                        creatorId + ", " + layoutId)));
+
+        return pageDTOMono
+                .flatMap(page -> {
+                    List<Layout> layoutList = page.getLayouts();
+                    // Because the findByIdAndLayoutsId call returned non-empty result, we are guaranteed to find the
+                    // layoutId here.
+                    for (Layout storedLayout : layoutList) {
+                        if (storedLayout.getId().equals(layoutId)) {
+                            // Now that all the on load actions have been computed, set the vertices, edges, actions in
+                            // DSL in the layout for re-use to avoid computing DAG unnecessarily.
+
+                            BeanUtils.copyProperties(layout, storedLayout);
+                            storedLayout.setId(layoutId);
+
+                            break;
+                        }
+                    }
+                    page.setLayouts(layoutList);
+                    return applicationService
+                            .saveLastEditInformation(page.getApplicationId())
+                            .then(newPageService.saveUnpublishedPage(page));
+                })
+                .flatMap(page -> {
+                    List<Layout> layoutList = page.getLayouts();
+                    for (Layout storedLayout : layoutList) {
+                        if (storedLayout.getId().equals(layoutId)) {
+                            return Mono.just(storedLayout);
+                        }
+                    }
+                    return Mono.empty();
+                });
+    }
+}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/onload/ExecutableOnPageLoadServiceImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/onload/ExecutableOnPageLoadServiceImpl.java
new file mode 100644
index 0000000000..18f09af14f
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/newpages/onload/ExecutableOnPageLoadServiceImpl.java
@@ -0,0 +1,25 @@
+package com.appsmith.server.newpages.onload;
+
+import com.appsmith.server.domains.NewPage;
+import com.appsmith.server.newactions.base.NewActionService;
+import com.appsmith.server.newpages.base.NewPageService;
+import com.appsmith.server.onload.executables.ExecutableOnLoadService;
+import com.appsmith.server.services.ApplicationService;
+import com.appsmith.server.solutions.ActionPermission;
+import com.appsmith.server.solutions.PagePermission;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+
+@Slf4j
+@Service
+public class ExecutableOnPageLoadServiceImpl extends ExecutableOnPageLoadServiceCEImpl
+        implements ExecutableOnLoadService<NewPage> {
+    public ExecutableOnPageLoadServiceImpl(
+            NewActionService newActionService,
+            NewPageService newPageService,
+            ApplicationService applicationService,
+            ActionPermission actionPermission,
+            PagePermission pagePermission) {
+        super(newActionService, newPageService, applicationService, actionPermission, pagePermission);
+    }
+}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/executables/ExecutableOnLoadService.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/executables/ExecutableOnLoadService.java
new file mode 100644
index 0000000000..7c380a27d8
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/executables/ExecutableOnLoadService.java
@@ -0,0 +1,5 @@
+package com.appsmith.server.onload.executables;
+
+import com.appsmith.external.models.BaseDomain;
+
+public interface ExecutableOnLoadService<T extends BaseDomain> extends ExecutableOnLoadServiceCE<T> {}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/executables/ExecutableOnLoadServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/executables/ExecutableOnLoadServiceCE.java
new file mode 100644
index 0000000000..e951fcf617
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/executables/ExecutableOnLoadServiceCE.java
@@ -0,0 +1,20 @@
+package com.appsmith.server.onload.executables;
+
+import com.appsmith.external.models.BaseDomain;
+import com.appsmith.external.models.Executable;
+import com.appsmith.server.domains.Layout;
+import reactor.core.publisher.Flux;
+import reactor.core.publisher.Mono;
+
+public interface ExecutableOnLoadServiceCE<T extends BaseDomain> {
+
+    Flux<Executable> getAllExecutablesByCreatorIdFlux(String creatorId);
+
+    Mono<Executable> fillSelfReferencingPaths(Executable executable);
+
+    Flux<Executable> getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(String creatorId);
+
+    Mono<Executable> updateUnpublishedExecutable(String id, Executable executable);
+
+    Mono<Layout> findAndUpdateLayout(String creatorId, String layoutId, Layout layout);
+}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtil.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtil.java
new file mode 100644
index 0000000000..50024413e8
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtil.java
@@ -0,0 +1,3 @@
+package com.appsmith.server.onload.internal;
+
+public interface OnLoadExecutablesUtil extends OnLoadExecutablesUtilCE {}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilCE.java
similarity index 73%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilCE.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilCE.java
index 87fdd30779..3237ee77d0 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilCE.java
@@ -1,32 +1,35 @@
-package com.appsmith.server.onpageload.internal;
+package com.appsmith.server.onload.internal;
 
 import com.appsmith.external.dtos.DslExecutableDTO;
 import com.appsmith.external.dtos.LayoutExecutableUpdateDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.Executable;
 import com.appsmith.server.domains.ExecutableDependencyEdge;
+import com.appsmith.server.domains.Layout;
 import reactor.core.publisher.Mono;
 
 import java.util.List;
 import java.util.Map;
 import java.util.Set;
 
-public interface PageLoadExecutablesUtilCE {
+public interface OnLoadExecutablesUtilCE {
 
     Mono<List<Set<DslExecutableDTO>>> findAllOnLoadExecutables(
-            String pageId,
+            String creatorId,
             Integer evaluatedVersion,
             Set<String> widgetNames,
             Set<ExecutableDependencyEdge> edges,
             Map<String, Set<String>> widgetDynamicBindingsMap,
             List<Executable> flatPageLoadExecutables,
-            Set<String> executablesUsedInDSL);
+            Set<String> executablesUsedInDSL,
+            CreatorContextType creatorType);
 
     /**
      * !!!WARNING!!! This function edits the parameters executableUpdatesRef and messagesRef which are eventually returned back to
      * the caller with the updates values.
      *
      * @param onLoadExecutables : All the actions which have been found to be on page load
-     * @param pageId
+     * @param creatorId
      * @param executableUpdatesRef : Empty array list which would be set in this function with all the page actions whose
      *                      execute on load setting has changed (whether flipped from true to false, or vice versa)
      * @param messagesRef      : Empty array list which would be set in this function with all the messagesRef that should be
@@ -35,7 +38,10 @@ public interface PageLoadExecutablesUtilCE {
      */
     Mono<Boolean> updateExecutablesExecuteOnLoad(
             List<Executable> onLoadExecutables,
-            String pageId,
+            String creatorId,
             List<LayoutExecutableUpdateDTO> executableUpdatesRef,
-            List<String> messagesRef);
+            List<String> messagesRef,
+            CreatorContextType creatorType);
+
+    Mono<Layout> findAndUpdateLayout(String creatorId, CreatorContextType creatorType, String layoutId, Layout layout);
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilCEImpl.java
similarity index 94%
rename from app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilCEImpl.java
rename to app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilCEImpl.java
index 681b506f05..035b4f6119 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilCEImpl.java
@@ -1,17 +1,20 @@
-package com.appsmith.server.onpageload.internal;
+package com.appsmith.server.onload.internal;
 
 import com.appsmith.external.dtos.DslExecutableDTO;
 import com.appsmith.external.dtos.LayoutExecutableUpdateDTO;
 import com.appsmith.external.helpers.MustacheHelper;
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.EntityDependencyNode;
 import com.appsmith.external.models.EntityReferenceType;
 import com.appsmith.external.models.Executable;
 import com.appsmith.external.models.Property;
 import com.appsmith.server.domains.ExecutableDependencyEdge;
+import com.appsmith.server.domains.Layout;
+import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
-import com.appsmith.server.onpageload.executables.ExecutableOnPageLoadService;
+import com.appsmith.server.onload.executables.ExecutableOnLoadService;
 import com.appsmith.server.services.AstService;
 import com.fasterxml.jackson.core.type.TypeReference;
 import com.fasterxml.jackson.databind.ObjectMapper;
@@ -48,11 +51,11 @@ import static java.lang.Boolean.TRUE;
 
 @Slf4j
 @RequiredArgsConstructor
-public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE {
+public class OnLoadExecutablesUtilCEImpl implements OnLoadExecutablesUtilCE {
 
     private final AstService astService;
     private final ObjectMapper objectMapper;
-    private final ExecutableOnPageLoadService<ActionDTO> actionExecutableOnPageLoadService;
+    private final ExecutableOnLoadService<NewPage> pageExecutableOnLoadService;
 
     /**
      * The following regex finds the immediate parent of an entity path.
@@ -75,7 +78,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
      * !!!WARNING!!! : This function edits the parameters edges, executablesUsedInDSL and flatPageLoadExecutables
      * and the same are used by the caller function for further processing.
      *
-     * @param pageId                     : Argument used for fetching executables in this page
+     * @param creatorId                  : Argument used for fetching executables in this page
      * @param evaluatedVersion           : Depending on the evaluated version, the way the AST parsing logic picks entities in the dynamic binding will change
      * @param widgetNames                : Set of widget names which SHOULD have been populated before calling this function.
      * @param edgesRef                   : Set where this function adds all the relationships (dependencies) between executables
@@ -92,22 +95,22 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
      * in the list.
      */
     public Mono<List<Set<DslExecutableDTO>>> findAllOnLoadExecutables(
-            String pageId,
+            String creatorId,
             Integer evaluatedVersion,
             Set<String> widgetNames,
             Set<ExecutableDependencyEdge> edgesRef,
             Map<String, Set<String>> widgetDynamicBindingsMap,
             List<Executable> flatPageLoadExecutablesRef,
-            Set<String> executablesUsedInDSLRef) {
+            Set<String> executablesUsedInDSLRef,
+            CreatorContextType creatorType) {
 
-        Set<String> onPageLoadExecutableSetRef = new HashSet<>();
+        Set<String> onLoadExecutableSetRef = new HashSet<>();
         Set<String> explicitUserSetOnLoadExecutablesRef = new HashSet<>();
         Set<String> bindingsFromExecutablesRef = ConcurrentHashMap.newKeySet();
 
         // Function `extractAndSetExecutableBindingsInGraphEdges` updates this map to keep a track of all the
-        // executables which
-        // have been discovered while walking the executables to ensure that we don't end up in a recursive infinite
-        // loop
+        // executables which have been discovered while walking the executables to ensure that we don't end up in a
+        // recursive infinite loop
         // in case of a cyclical relationship between executables (and not specific paths) and helps us exit at the
         // appropriate junction.
         // e.g : Consider the following relationships :
@@ -116,13 +119,13 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
         // In the above case, the two executables depend on each other without there being a real cyclical dependency.
         Map<String, EntityDependencyNode> executablesFoundDuringWalkRef = new HashMap<>();
 
-        Flux<Executable> allExecutablesByPageIdFlux = getAllExecutablesByPageIdFlux(pageId);
+        Flux<Executable> allExecutablesByCreatorIdFlux = getAllExecutablesByCreatorIdFlux(creatorId, creatorType);
 
-        Mono<Map<String, Executable>> executableNameToExecutableMapMono = allExecutablesByPageIdFlux
+        Mono<Map<String, Executable>> executableNameToExecutableMapMono = allExecutablesByCreatorIdFlux
                 .collectMap(Executable::getValidName, executable -> executable)
                 .cache();
 
-        Mono<Set<String>> executablesInPageMono = allExecutablesByPageIdFlux
+        Mono<Set<String>> executablesInCreatorContextMono = allExecutablesByCreatorIdFlux
                 .map(Executable::getValidName)
                 .collect(Collectors.toSet())
                 .cache();
@@ -147,17 +150,17 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
         Mono<Set<ExecutableDependencyEdge>> createAllEdgesForPageMono = directlyReferencedExecutablesToGraphMono
                 // Add dependencies of all on page load executables set by the user in the graph
                 .flatMap(updatedEdges -> addExplicitUserSetOnLoadExecutablesToGraph(
-                        pageId,
+                        creatorId,
                         updatedEdges,
                         explicitUserSetOnLoadExecutablesRef,
                         executablesFoundDuringWalkRef,
                         bindingsFromExecutablesRef,
                         executableNameToExecutableMapMono,
                         executableBindingsInDslRef,
-                        evaluatedVersion))
+                        evaluatedVersion,
+                        creatorType))
                 // For all the executables found so far, recursively walk the dynamic bindings of the executables to
-                // find more
-                // relationships with other executables (& widgets)
+                // find more relationships with other executables (& widgets)
                 .flatMap(updatedEdges -> recursivelyAddExecutablesAndTheirDependentsToGraphFromBindings(
                         updatedEdges,
                         executablesFoundDuringWalkRef,
@@ -165,7 +168,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
                         executableNameToExecutableMapMono,
                         evaluatedVersion))
                 // At last, add all the widget relationships to the graph as well.
-                .zipWith(executablesInPageMono)
+                .zipWith(executablesInCreatorContextMono)
                 .flatMap(tuple -> {
                     Set<ExecutableDependencyEdge> updatedEdges = tuple.getT1();
                     return addWidgetRelationshipToGraph(updatedEdges, widgetDynamicBindingsMap, evaluatedVersion);
@@ -173,7 +176,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
 
         // Create a graph given edges
         Mono<DirectedAcyclicGraph<String, DefaultEdge>> createGraphMono = Mono.zip(
-                        executablesInPageMono, createAllEdgesForPageMono)
+                        executablesInCreatorContextMono, createAllEdgesForPageMono)
                 .map(tuple -> {
                     Set<String> allExecutables = tuple.getT1();
                     Set<ExecutableDependencyEdge> updatedEdges = tuple.getT2();
@@ -190,7 +193,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
 
                     return computeOnPageLoadExecutablesSchedulingOrder(
                             graph,
-                            onPageLoadExecutableSetRef,
+                            onLoadExecutableSetRef,
                             executableNameToExecutableMap,
                             explicitUserSetOnLoadExecutablesRef);
                 })
@@ -199,15 +202,15 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
                     // This scenario would happen if an explicitly turned on for page load executable does not have any
                     // relationships in the page with any widgets/executables.
                     Set<String> pageLoadExecutableNames = new HashSet<>();
-                    pageLoadExecutableNames.addAll(onPageLoadExecutableSetRef);
+                    pageLoadExecutableNames.addAll(onLoadExecutableSetRef);
                     pageLoadExecutableNames.addAll(explicitUserSetOnLoadExecutablesRef);
-                    pageLoadExecutableNames.removeAll(onPageLoadExecutableSetRef);
+                    pageLoadExecutableNames.removeAll(onLoadExecutableSetRef);
 
                     // If any of the explicitly set on page load executables havent been added yet, add them to the 0th
                     // set
                     // of executables set since no relationships were found with any other appsmith entity
                     if (!pageLoadExecutableNames.isEmpty()) {
-                        onPageLoadExecutableSetRef.addAll(pageLoadExecutableNames);
+                        onLoadExecutableSetRef.addAll(pageLoadExecutableNames);
 
                         // In case there are no page load executables, initialize the 0th set of page load executables
                         // list.
@@ -224,7 +227,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
         // Transform the schedule order into client feasible DTO
         Mono<List<Set<DslExecutableDTO>>> computeCompletePageLoadExecutableScheduleMono =
                 filterAndTransformSchedulingOrderToDTO(
-                                onPageLoadExecutableSetRef,
+                                onLoadExecutableSetRef,
                                 executableNameToExecutableMapMono,
                                 computeOnPageLoadScheduleNamesMono)
                         .cache();
@@ -234,7 +237,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
         Mono<List<Executable>> flatPageLoadExecutablesMono = computeCompletePageLoadExecutableScheduleMono
                 .then(executableNameToExecutableMapMono)
                 .map(executableMap -> {
-                    onPageLoadExecutableSetRef.stream()
+                    onLoadExecutableSetRef.stream()
                             .forEach(executableName ->
                                     flatPageLoadExecutablesRef.add(executableMap.get(executableName)));
                     return flatPageLoadExecutablesRef;
@@ -246,17 +249,18 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
     @Override
     public Mono<Boolean> updateExecutablesExecuteOnLoad(
             List<Executable> onLoadExecutables,
-            String pageId,
+            String creatorId,
             List<LayoutExecutableUpdateDTO> executableUpdatesRef,
-            List<String> messagesRef) {
+            List<String> messagesRef,
+            CreatorContextType creatorType) {
         List<Executable> toUpdateExecutables = new ArrayList<>();
 
         // Fetch all the actions which exist in this page.
-        Flux<Executable> pageExecutablesFlux =
-                this.getAllExecutablesByPageIdFlux(pageId).cache();
+        Flux<Executable> creatorContextExecutablesFlux =
+                this.getAllExecutablesByCreatorIdFlux(creatorId, creatorType).cache();
 
         // Before we update the actions, fetch all the actions which are currently set to execute on load.
-        Mono<List<Executable>> existingOnPageLoadExecutablesMono = pageExecutablesFlux
+        Mono<List<Executable>> existingOnLoadExecutablesMono = creatorContextExecutablesFlux
                 .flatMap(executable -> {
                     if (TRUE.equals(executable.getExecuteOnLoad())) {
                         return Mono.just(executable);
@@ -265,26 +269,26 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
                 })
                 .collectList();
 
-        return existingOnPageLoadExecutablesMono
-                .zipWith(pageExecutablesFlux.collectList())
+        return existingOnLoadExecutablesMono
+                .zipWith(creatorContextExecutablesFlux.collectList())
                 .flatMap(tuple -> {
-                    List<Executable> existingOnPageLoadExecutables = tuple.getT1();
-                    List<Executable> pageExecutables = tuple.getT2();
+                    List<Executable> existingOnLoadExecutables = tuple.getT1();
+                    List<Executable> creatorContextExecutables = tuple.getT2();
 
                     // There are no actions in this page. No need to proceed further since no actions would get updated
-                    if (pageExecutables.isEmpty()) {
+                    if (creatorContextExecutables.isEmpty()) {
                         return Mono.just(FALSE);
                     }
 
                     // No actions require an update if no actions have been found as page load actions as well as
                     // existing on load page actions are empty
-                    if (existingOnPageLoadExecutables.isEmpty()
+                    if (existingOnLoadExecutables.isEmpty()
                             && (onLoadExecutables == null || onLoadExecutables.isEmpty())) {
                         return Mono.just(FALSE);
                     }
 
                     // Extract names of existing page load actions and new page load actions for quick lookup.
-                    Set<String> existingOnPageLoadExecutableNames = existingOnPageLoadExecutables.stream()
+                    Set<String> existingOnLoadExecutableNames = existingOnLoadExecutables.stream()
                             .map(Executable::getValidName)
                             .collect(Collectors.toSet());
 
@@ -294,15 +298,15 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
 
                     // Calculate the actions which would need to be updated from execute on load TRUE to FALSE.
                     Set<String> turnedOffExecutableNames = new HashSet<>();
-                    turnedOffExecutableNames.addAll(existingOnPageLoadExecutableNames);
+                    turnedOffExecutableNames.addAll(existingOnLoadExecutableNames);
                     turnedOffExecutableNames.removeAll(newOnLoadExecutableNames);
 
                     // Calculate the actions which would need to be updated from execute on load FALSE to TRUE
                     Set<String> turnedOnExecutableNames = new HashSet<>();
                     turnedOnExecutableNames.addAll(newOnLoadExecutableNames);
-                    turnedOnExecutableNames.removeAll(existingOnPageLoadExecutableNames);
+                    turnedOnExecutableNames.removeAll(existingOnLoadExecutableNames);
 
-                    for (Executable executable : pageExecutables) {
+                    for (Executable executable : creatorContextExecutables) {
 
                         String executableName = executable.getValidName();
                         // If a user has ever set execute on load, this field can not be changed automatically. It has
@@ -331,11 +335,11 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
 
                     // Add newly turned on page actions to report back to the caller
                     executableUpdatesRef.addAll(
-                            addExecutableUpdatesForExecutableNames(pageExecutables, turnedOnExecutableNames));
+                            addExecutableUpdatesForExecutableNames(creatorContextExecutables, turnedOnExecutableNames));
 
                     // Add newly turned off page actions to report back to the caller
-                    executableUpdatesRef.addAll(
-                            addExecutableUpdatesForExecutableNames(pageExecutables, turnedOffExecutableNames));
+                    executableUpdatesRef.addAll(addExecutableUpdatesForExecutableNames(
+                            creatorContextExecutables, turnedOffExecutableNames));
 
                     // Now add messagesRef that would eventually be displayed to the developer user informing them
                     // about the action setting change.
@@ -356,23 +360,29 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
                 });
     }
 
+    @Override
+    public Mono<Layout> findAndUpdateLayout(
+            String creatorId, CreatorContextType creatorType, String layoutId, Layout layout) {
+        return pageExecutableOnLoadService.findAndUpdateLayout(creatorId, layoutId, layout);
+    }
+
     private Mono<Executable> updateUnpublishedExecutable(String id, Executable executable) {
         if (executable instanceof ActionDTO actionDTO) {
-            return actionExecutableOnPageLoadService.updateUnpublishedExecutable(id, actionDTO);
+            return pageExecutableOnLoadService.updateUnpublishedExecutable(id, actionDTO);
         } else return Mono.just(executable);
     }
 
     private List<LayoutExecutableUpdateDTO> addExecutableUpdatesForExecutableNames(
-            List<Executable> pageExecutables, Set<String> updatedExecutableNames) {
+            List<Executable> executables, Set<String> updatedExecutableNames) {
 
-        return pageExecutables.stream()
-                .filter(pageExecutable -> updatedExecutableNames.contains(pageExecutable.getValidName()))
+        return executables.stream()
+                .filter(executable -> updatedExecutableNames.contains(executable.getValidName()))
                 .map(Executable::createLayoutExecutableUpdateDTO)
                 .collect(Collectors.toList());
     }
 
-    protected Flux<Executable> getAllExecutablesByPageIdFlux(String pageId) {
-        return actionExecutableOnPageLoadService.getAllExecutablesByPageIdFlux(pageId);
+    protected Flux<Executable> getAllExecutablesByCreatorIdFlux(String creatorId, CreatorContextType creatorType) {
+        return pageExecutableOnLoadService.getAllExecutablesByCreatorIdFlux(creatorId);
     }
 
     /**
@@ -613,7 +623,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
 
     protected <T extends Executable> Mono<Executable> fillSelfReferencingPaths(T executable) {
         if (executable instanceof ActionDTO actionDTO) {
-            return actionExecutableOnPageLoadService.fillSelfReferencingPaths(actionDTO);
+            return pageExecutableOnLoadService.fillSelfReferencingPaths(actionDTO);
         } else return Mono.just(executable);
     }
 
@@ -902,7 +912,7 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
      * !!! WARNING !!! : This function updates the set `explicitUserSetOnLoadExecutables` and adds the names of all such
      * executables found in this function.
      *
-     * @param pageId
+     * @param creatorId
      * @param edges
      * @param explicitUserSetOnLoadExecutables
      * @param executablesFoundDuringWalkRef
@@ -910,17 +920,18 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
      * @return
      */
     private Mono<Set<ExecutableDependencyEdge>> addExplicitUserSetOnLoadExecutablesToGraph(
-            String pageId,
+            String creatorId,
             Set<ExecutableDependencyEdge> edges,
             Set<String> explicitUserSetOnLoadExecutables,
             Map<String, EntityDependencyNode> executablesFoundDuringWalkRef,
             Set<String> bindingsFromExecutablesRef,
             Mono<Map<String, Executable>> executableNameToExecutableMapMono,
             Set<EntityDependencyNode> executableBindingsInDsl,
-            int evalVersion) {
+            int evalVersion,
+            CreatorContextType creatorType) {
 
         // First fetch all the executables which have been tagged as on load by the user explicitly.
-        return getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(pageId)
+        return getUnpublishedOnLoadExecutablesExplicitSetByUserInCreatorContextFlux(creatorId, creatorType)
                 .flatMap(this::fillSelfReferencingPaths)
                 // Add the vertices and edges to the graph for these executables
                 .flatMap(executable -> {
@@ -941,8 +952,9 @@ public class PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtilCE
                 .thenReturn(edges);
     }
 
-    protected Flux<Executable> getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(String pageId) {
-        return actionExecutableOnPageLoadService.getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(pageId);
+    protected Flux<Executable> getUnpublishedOnLoadExecutablesExplicitSetByUserInCreatorContextFlux(
+            String creatorId, CreatorContextType creatorType) {
+        return pageExecutableOnLoadService.getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(creatorId);
     }
 
     /**
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilImpl.java
new file mode 100644
index 0000000000..fd04d51519
--- /dev/null
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/onload/internal/OnLoadExecutablesUtilImpl.java
@@ -0,0 +1,20 @@
+package com.appsmith.server.onload.internal;
+
+import com.appsmith.server.domains.NewPage;
+import com.appsmith.server.onload.executables.ExecutableOnLoadService;
+import com.appsmith.server.services.AstService;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Component;
+
+@Slf4j
+@Component
+public class OnLoadExecutablesUtilImpl extends OnLoadExecutablesUtilCEImpl implements OnLoadExecutablesUtil {
+
+    public OnLoadExecutablesUtilImpl(
+            AstService astService,
+            ObjectMapper objectMapper,
+            ExecutableOnLoadService<NewPage> pageExecutableOnLoadService) {
+        super(astService, objectMapper, pageExecutableOnLoadService);
+    }
+}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/executables/ExecutableOnPageLoadService.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/executables/ExecutableOnPageLoadService.java
deleted file mode 100644
index 1208180f9a..0000000000
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/executables/ExecutableOnPageLoadService.java
+++ /dev/null
@@ -1,5 +0,0 @@
-package com.appsmith.server.onpageload.executables;
-
-import com.appsmith.external.models.Executable;
-
-public interface ExecutableOnPageLoadService<T extends Executable> extends ExecutableOnPageLoadServiceCE<T> {}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/executables/ExecutableOnPageLoadServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/executables/ExecutableOnPageLoadServiceCE.java
deleted file mode 100644
index fbbb07005a..0000000000
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/executables/ExecutableOnPageLoadServiceCE.java
+++ /dev/null
@@ -1,16 +0,0 @@
-package com.appsmith.server.onpageload.executables;
-
-import com.appsmith.external.models.Executable;
-import reactor.core.publisher.Flux;
-import reactor.core.publisher.Mono;
-
-public interface ExecutableOnPageLoadServiceCE<T extends Executable> {
-
-    Flux<Executable> getAllExecutablesByPageIdFlux(String pageId);
-
-    Mono<Executable> fillSelfReferencingPaths(T executable);
-
-    Flux<Executable> getUnpublishedOnLoadExecutablesExplicitSetByUserInPageFlux(String pageId);
-
-    Mono<Executable> updateUnpublishedExecutable(String id, Executable executable);
-}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtil.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtil.java
deleted file mode 100644
index d6b824c4c7..0000000000
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtil.java
+++ /dev/null
@@ -1,3 +0,0 @@
-package com.appsmith.server.onpageload.internal;
-
-public interface PageLoadExecutablesUtil extends PageLoadExecutablesUtilCE {}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilImpl.java
deleted file mode 100644
index 5b1471e43f..0000000000
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/onpageload/internal/PageLoadExecutablesUtilImpl.java
+++ /dev/null
@@ -1,20 +0,0 @@
-package com.appsmith.server.onpageload.internal;
-
-import com.appsmith.external.models.ActionDTO;
-import com.appsmith.server.onpageload.executables.ExecutableOnPageLoadService;
-import com.appsmith.server.services.AstService;
-import com.fasterxml.jackson.databind.ObjectMapper;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.stereotype.Component;
-
-@Slf4j
-@Component
-public class PageLoadExecutablesUtilImpl extends PageLoadExecutablesUtilCEImpl implements PageLoadExecutablesUtil {
-
-    public PageLoadExecutablesUtilImpl(
-            AstService astService,
-            ObjectMapper objectMapper,
-            ExecutableOnPageLoadService<ActionDTO> actionExecutableOnPageLoadService) {
-        super(astService, objectMapper, actionExecutableOnPageLoadService);
-    }
-}
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/refactors/applications/RefactoringSolutionCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/refactors/applications/RefactoringSolutionCEImpl.java
index 3fdc4861ec..d693d49216 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/refactors/applications/RefactoringSolutionCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/refactors/applications/RefactoringSolutionCEImpl.java
@@ -201,6 +201,7 @@ public class RefactoringSolutionCEImpl implements RefactoringSolutionCE {
             case JS_ACTION -> jsActionEntityRefactoringService;
             case ACTION -> newActionEntityRefactoringService;
             case JS_OBJECT -> actionCollectionEntityRefactoringService;
+            default -> null;
         };
     }
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCE.java
index 0db6f97ecf..6e31c8b72a 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCE.java
@@ -1,5 +1,6 @@
 package com.appsmith.server.repositories.ce;
 
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.server.acl.AclPermission;
 import com.appsmith.server.domains.ActionCollection;
 import com.appsmith.server.repositories.AppsmithRepository;
@@ -54,4 +55,10 @@ public interface CustomActionCollectionRepositoryCE extends AppsmithRepository<A
     Mono<List<BulkWriteResult>> bulkUpdate(List<ActionCollection> actionCollections);
 
     Flux<ActionCollection> findAllByApplicationIds(List<String> applicationIds, List<String> includeFields);
+
+    Flux<ActionCollection> findAllUnpublishedActionCollectionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission);
+
+    Flux<ActionCollection> findAllPublishedActionCollectionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission);
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCEImpl.java
index 4934ae66fa..2af549e481 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomActionCollectionRepositoryCEImpl.java
@@ -1,5 +1,6 @@
 package com.appsmith.server.repositories.ce;
 
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.QBranchAwareDomain;
 import com.appsmith.server.acl.AclPermission;
 import com.appsmith.server.constants.FieldName;
@@ -269,4 +270,28 @@ public class CustomActionCollectionRepositoryCEImpl extends BaseAppsmithReposito
         Criteria applicationCriteria = Criteria.where(FieldName.APPLICATION_ID).in(applicationIds);
         return queryAll(List.of(applicationCriteria), includeFields, null, null, NO_RECORD_LIMIT);
     }
+
+    @Override
+    public Flux<ActionCollection> findAllUnpublishedActionCollectionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission) {
+        String contextIdPath = fieldName(QActionCollection.actionCollection.unpublishedCollection) + "."
+                + fieldName(QActionCollection.actionCollection.unpublishedCollection.pageId);
+        String contextTypePath = fieldName(QActionCollection.actionCollection.unpublishedCollection) + "."
+                + fieldName(QActionCollection.actionCollection.unpublishedCollection.contextType);
+        Criteria contextIdAndContextTypeCriteria =
+                where(contextIdPath).is(contextId).and(contextTypePath).is(contextType);
+        return queryAll(List.of(contextIdAndContextTypeCriteria), Optional.of(permission));
+    }
+
+    @Override
+    public Flux<ActionCollection> findAllPublishedActionCollectionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission) {
+        String contextIdPath = fieldName(QActionCollection.actionCollection.publishedCollection) + "."
+                + fieldName(QActionCollection.actionCollection.publishedCollection.pageId);
+        String contextTypePath = fieldName(QActionCollection.actionCollection.publishedCollection) + "."
+                + fieldName(QActionCollection.actionCollection.publishedCollection.contextType);
+        Criteria contextIdAndContextTypeCriteria =
+                where(contextIdPath).is(contextId).and(contextTypePath).is(contextType);
+        return queryAll(List.of(contextIdAndContextTypeCriteria), Optional.of(permission));
+    }
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCE.java
index c3bda9cc5a..1ad0f9d01b 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCE.java
@@ -1,5 +1,6 @@
 package com.appsmith.server.repositories.ce;
 
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.server.acl.AclPermission;
 import com.appsmith.server.domains.NewAction;
 import com.appsmith.server.dtos.PluginTypeAndCountDTO;
@@ -84,4 +85,10 @@ public interface CustomNewActionRepositoryCE extends AppsmithRepository<NewActio
     Flux<PluginTypeAndCountDTO> countActionsByPluginType(String applicationId);
 
     Flux<NewAction> findAllByApplicationIdsWithoutPermission(List<String> applicationIds, List<String> includeFields);
+
+    Flux<NewAction> findAllUnpublishedActionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission, boolean includeJs);
+
+    Flux<NewAction> findAllPublishedActionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission, boolean includeJs);
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCEImpl.java
index fa09372d18..e263413b50 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomNewActionRepositoryCEImpl.java
@@ -1,5 +1,6 @@
 package com.appsmith.server.repositories.ce;
 
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.PluginType;
 import com.appsmith.external.models.QActionConfiguration;
 import com.appsmith.external.models.QBranchAwareDomain;
@@ -642,4 +643,59 @@ public class CustomNewActionRepositoryCEImpl extends BaseAppsmithRepositoryImpl<
         Criteria applicationCriteria = Criteria.where(FieldName.APPLICATION_ID).in(applicationIds);
         return queryAll(List.of(applicationCriteria), includeFields, null, null, NO_RECORD_LIMIT);
     }
+
+    @Override
+    public Flux<NewAction> findAllUnpublishedActionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission, boolean includeJs) {
+        List<Criteria> criteriaList = new ArrayList<>();
+
+        String contextIdPath = fieldName(QNewAction.newAction.unpublishedAction) + "."
+                + fieldName(QNewAction.newAction.unpublishedAction.pageId);
+        String contextTypePath = fieldName(QNewAction.newAction.unpublishedAction) + "."
+                + fieldName(QNewAction.newAction.unpublishedAction.contextType);
+        Criteria contextIdAndContextTypeCriteria =
+                where(contextIdPath).is(contextId).and(contextTypePath).is(contextType);
+
+        criteriaList.add(contextIdAndContextTypeCriteria);
+
+        Criteria jsInclusionOrExclusionCriteria;
+        if (includeJs) {
+            jsInclusionOrExclusionCriteria =
+                    where(fieldName(QNewAction.newAction.pluginType)).is(PluginType.JS);
+        } else {
+            jsInclusionOrExclusionCriteria =
+                    where(fieldName(QNewAction.newAction.pluginType)).ne(PluginType.JS);
+        }
+
+        criteriaList.add(jsInclusionOrExclusionCriteria);
+
+        return queryAll(List.of(contextIdAndContextTypeCriteria), Optional.of(permission));
+    }
+
+    @Override
+    public Flux<NewAction> findAllPublishedActionsByContextIdAndContextType(
+            String contextId, CreatorContextType contextType, AclPermission permission, boolean includeJs) {
+        List<Criteria> criteriaList = new ArrayList<>();
+        String contextIdPath = fieldName(QNewAction.newAction.publishedAction) + "."
+                + fieldName(QNewAction.newAction.publishedAction.pageId);
+        String contextTypePath = fieldName(QNewAction.newAction.publishedAction) + "."
+                + fieldName(QNewAction.newAction.publishedAction.contextType);
+        Criteria contextIdAndContextTypeCriteria =
+                where(contextIdPath).is(contextId).and(contextTypePath).is(contextType);
+
+        criteriaList.add(contextIdAndContextTypeCriteria);
+
+        Criteria jsInclusionOrExclusionCriteria;
+        if (includeJs) {
+            jsInclusionOrExclusionCriteria =
+                    where(fieldName(QNewAction.newAction.pluginType)).is(PluginType.JS);
+        } else {
+            jsInclusionOrExclusionCriteria =
+                    where(fieldName(QNewAction.newAction.pluginType)).ne(PluginType.JS);
+        }
+
+        criteriaList.add(jsInclusionOrExclusionCriteria);
+
+        return queryAll(List.of(contextIdAndContextTypeCriteria), Optional.of(permission));
+    }
 }
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/LayoutActionServiceImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/LayoutActionServiceImpl.java
index 2ecbd42872..58b448d9c5 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/LayoutActionServiceImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/LayoutActionServiceImpl.java
@@ -5,7 +5,7 @@ import com.appsmith.server.datasources.base.DatasourceService;
 import com.appsmith.server.helpers.ResponseUtils;
 import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
-import com.appsmith.server.onpageload.internal.PageLoadExecutablesUtil;
+import com.appsmith.server.onload.internal.OnLoadExecutablesUtil;
 import com.appsmith.server.services.ce.LayoutActionServiceCEImpl;
 import com.appsmith.server.solutions.ActionPermission;
 import com.appsmith.server.solutions.PagePermission;
@@ -22,7 +22,7 @@ public class LayoutActionServiceImpl extends LayoutActionServiceCEImpl implement
             AnalyticsService analyticsService,
             NewPageService newPageService,
             NewActionService newActionService,
-            PageLoadExecutablesUtil pageLoadActionsUtil,
+            OnLoadExecutablesUtil pageLoadActionsUtil,
             SessionUserService sessionUserService,
             ActionCollectionService actionCollectionService,
             CollectionService collectionService,
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCE.java
index 3b40b2d738..44e359c217 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCE.java
@@ -16,8 +16,6 @@ public interface ApplicationTemplateServiceCE {
 
     Flux<ApplicationTemplate> getSimilarTemplates(String templateId, MultiValueMap<String, String> params);
 
-    Mono<List<ApplicationTemplate>> getRecentlyUsedTemplates();
-
     Mono<ApplicationTemplate> getTemplateDetails(String templateId);
 
     Mono<ApplicationImportDTO> importApplicationFromTemplate(String templateId, String workspaceId);
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCEImpl.java
index 107a4c79ae..176dcb6f90 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ApplicationTemplateServiceCEImpl.java
@@ -6,7 +6,6 @@ import com.appsmith.server.configurations.CloudServicesConfig;
 import com.appsmith.server.constants.FieldName;
 import com.appsmith.server.domains.Application;
 import com.appsmith.server.domains.ApplicationMode;
-import com.appsmith.server.domains.UserData;
 import com.appsmith.server.dtos.*;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
@@ -41,7 +40,6 @@ import reactor.core.publisher.Mono;
 
 import java.lang.reflect.Type;
 import java.time.Instant;
-import java.util.Comparator;
 import java.util.List;
 import java.util.Map;
 
@@ -130,24 +128,7 @@ public class ApplicationTemplateServiceCEImpl implements ApplicationTemplateServ
                         return clientResponse.createException().flatMapMany(Flux::error);
                     }
                 })
-                .collectList()
-                .zipWith(userDataService.getForCurrentUser())
-                .map(objects -> {
-                    List<ApplicationTemplate> applicationTemplateList = objects.getT1();
-                    UserData userData = objects.getT2();
-                    List<String> recentlyUsedTemplateIds = userData.getRecentlyUsedTemplateIds();
-                    if (!CollectionUtils.isEmpty(recentlyUsedTemplateIds)) {
-                        applicationTemplateList.sort(Comparator.comparingInt(o -> {
-                            int index = recentlyUsedTemplateIds.indexOf(o.getId());
-                            if (index < 0) {
-                                // template not in recent list, return a large value so that it's sorted out to the end
-                                index = Integer.MAX_VALUE;
-                            }
-                            return index;
-                        }));
-                    }
-                    return applicationTemplateList;
-                });
+                .collectList();
     }
 
     @Override
@@ -171,9 +152,13 @@ public class ApplicationTemplateServiceCEImpl implements ApplicationTemplateServ
     private Mono<ApplicationJson> getApplicationJsonFromTemplate(String templateId) {
         final String baseUrl = cloudServicesConfig.getBaseUrl();
         final String templateUrl = baseUrl + "/api/v1/app-templates/" + templateId + "/application";
-        /* using a custom url builder factory because default builder always encodes URL.
-        It's expected that the appDataUrl is already encoded, so we don't need to encode that again.
-        Encoding an encoded URL will not work and end up resulting a 404 error */
+        /*
+         * using a custom url builder factory because default builder always encodes
+         * URL.
+         * It's expected that the appDataUrl is already encoded, so we don't need to
+         * encode that again.
+         * Encoding an encoded URL will not work and end up resulting a 404 error
+         */
         final int size = 4 * 1024 * 1024; // 4 MB
         final ExchangeStrategies strategies = ExchangeStrategies.builder()
                 .codecs(codecs -> codecs.defaultCodecs().maxInMemorySize(size))
@@ -204,8 +189,15 @@ public class ApplicationTemplateServiceCEImpl implements ApplicationTemplateServ
     @Override
     public Mono<ApplicationImportDTO> importApplicationFromTemplate(String templateId, String workspaceId) {
         return getApplicationJsonFromTemplate(templateId)
-                .flatMap(applicationJson ->
-                        importApplicationService.importNewApplicationInWorkspaceFromJson(workspaceId, applicationJson))
+                .flatMap(applicationJson -> Mono.zip(
+                        importApplicationService.importNewApplicationInWorkspaceFromJson(workspaceId, applicationJson),
+                        Mono.just(applicationJson.getExportedApplication().getName())))
+                .flatMap(tuple -> {
+                    Application application = tuple.getT1();
+                    String templateTitle = tuple.getT2();
+                    application.setForkedFromTemplateTitle(templateTitle);
+                    return applicationService.save(application).thenReturn(application);
+                })
                 .flatMap(application -> importApplicationService.getApplicationImportDTO(
                         application.getId(), application.getWorkspaceId(), application))
                 .flatMap(applicationImportDTO -> {
@@ -228,17 +220,6 @@ public class ApplicationTemplateServiceCEImpl implements ApplicationTemplateServ
                 });
     }
 
-    @Override
-    public Mono<List<ApplicationTemplate>> getRecentlyUsedTemplates() {
-        return userDataService.getForCurrentUser().flatMap(userData -> {
-            List<String> templateIds = userData.getRecentlyUsedTemplateIds();
-            if (!CollectionUtils.isEmpty(templateIds)) {
-                return getActiveTemplates(templateIds);
-            }
-            return Mono.empty();
-        });
-    }
-
     @Override
     public Mono<ApplicationTemplate> getFilters() {
         final String baseUrl = cloudServicesConfig.getBaseUrl();
@@ -265,12 +246,17 @@ public class ApplicationTemplateServiceCEImpl implements ApplicationTemplateServ
     }
 
     /**
-     * Merge Template API is slow today because it needs to communicate with ImportExport Service, CloudService and/or serialise and de-serialise the
-     * application. This process takes time and the client may cancel the request. This leads to the flow getting stopped
+     * Merge Template API is slow today because it needs to communicate with
+     * ImportExport Service, CloudService and/or serialise and de-serialise the
+     * application. This process takes time and the client may cancel the request.
+     * This leads to the flow getting stopped
      * midway producing corrupted states.
-     * We use the synchronous sink to ensure that even though the client may have cancelled the flow, git operations should
-     * proceed uninterrupted and whenever the user refreshes the page, we will have the sane state. Synchronous sink does
-     * not take subscription cancellations into account. This means that even if the subscriber has cancelled its
+     * We use the synchronous sink to ensure that even though the client may have
+     * cancelled the flow, git operations should
+     * proceed uninterrupted and whenever the user refreshes the page, we will have
+     * the sane state. Synchronous sink does
+     * not take subscription cancellations into account. This means that even if the
+     * subscriber has cancelled its
      * subscription, the create method still generates its event.
      */
     @Override
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCE.java
index 50e1333f49..ab1f5c756a 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCE.java
@@ -1,8 +1,8 @@
 package com.appsmith.server.services.ce;
 
 import com.appsmith.server.domains.User;
-import com.appsmith.server.dtos.ce.FeaturesRequestDTO;
-import com.appsmith.server.dtos.ce.FeaturesResponseDTO;
+import com.appsmith.server.dtos.FeaturesRequestDTO;
+import com.appsmith.server.dtos.FeaturesResponseDTO;
 import com.appsmith.server.featureflags.CachedFeatures;
 import com.appsmith.server.featureflags.CachedFlags;
 import reactor.core.publisher.Mono;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCEImpl.java
index 45aab7808c..369aa3f1f1 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/CacheableFeatureFlagHelperCEImpl.java
@@ -6,9 +6,9 @@ import com.appsmith.server.configurations.CloudServicesConfig;
 import com.appsmith.server.configurations.CommonConfig;
 import com.appsmith.server.domains.Tenant;
 import com.appsmith.server.domains.User;
+import com.appsmith.server.dtos.FeaturesRequestDTO;
+import com.appsmith.server.dtos.FeaturesResponseDTO;
 import com.appsmith.server.dtos.ResponseDTO;
-import com.appsmith.server.dtos.ce.FeaturesRequestDTO;
-import com.appsmith.server.dtos.ce.FeaturesResponseDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.featureflags.CachedFeatures;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCE.java
index 72c9380c0f..b68a98fb9e 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCE.java
@@ -5,7 +5,7 @@ import com.appsmith.external.models.ActionDTO;
 import com.appsmith.server.domains.Layout;
 import com.appsmith.server.dtos.ActionMoveDTO;
 import com.appsmith.server.dtos.LayoutDTO;
-import com.appsmith.server.dtos.ce.UpdateMultiplePageLayoutDTO;
+import com.appsmith.server.dtos.UpdateMultiplePageLayoutDTO;
 import net.minidev.json.JSONObject;
 import reactor.core.publisher.Mono;
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCEImpl.java
index e71ce5e6fb..fe3e234fbf 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/LayoutActionServiceCEImpl.java
@@ -9,6 +9,7 @@ import com.appsmith.external.helpers.AppsmithEventContext;
 import com.appsmith.external.helpers.AppsmithEventContextType;
 import com.appsmith.external.helpers.MustacheHelper;
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.Datasource;
 import com.appsmith.external.models.DefaultResources;
 import com.appsmith.external.models.Executable;
@@ -25,8 +26,7 @@ import com.appsmith.server.domains.User;
 import com.appsmith.server.dtos.ActionCollectionDTO;
 import com.appsmith.server.dtos.ActionMoveDTO;
 import com.appsmith.server.dtos.LayoutDTO;
-import com.appsmith.server.dtos.PageDTO;
-import com.appsmith.server.dtos.ce.UpdateMultiplePageLayoutDTO;
+import com.appsmith.server.dtos.UpdateMultiplePageLayoutDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.helpers.DefaultResourcesUtils;
@@ -34,7 +34,7 @@ import com.appsmith.server.helpers.ResponseUtils;
 import com.appsmith.server.helpers.WidgetSpecificUtils;
 import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
-import com.appsmith.server.onpageload.internal.PageLoadExecutablesUtil;
+import com.appsmith.server.onload.internal.OnLoadExecutablesUtil;
 import com.appsmith.server.services.AnalyticsService;
 import com.appsmith.server.services.ApplicationService;
 import com.appsmith.server.services.CollectionService;
@@ -46,7 +46,6 @@ import com.fasterxml.jackson.databind.ObjectMapper;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 import net.minidev.json.JSONObject;
-import org.springframework.beans.BeanUtils;
 import org.springframework.stereotype.Service;
 import org.springframework.util.CollectionUtils;
 import org.springframework.util.LinkedMultiValueMap;
@@ -81,7 +80,7 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
     private final AnalyticsService analyticsService;
     private final NewPageService newPageService;
     private final NewActionService newActionService;
-    private final PageLoadExecutablesUtil pageLoadActionsUtil;
+    private final OnLoadExecutablesUtil onLoadExecutablesUtil;
     private final SessionUserService sessionUserService;
     private final ActionCollectionService actionCollectionService;
     private final CollectionService collectionService;
@@ -280,7 +279,7 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
      * @param dsl
      * @param widgetNames
      * @param widgetDynamicBindingsMap
-     * @param pageId
+     * @param creatorId
      * @param layoutId
      * @param escapedWidgetNames
      * @return
@@ -289,9 +288,10 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
             JSONObject dsl,
             Set<String> widgetNames,
             Map<String, Set<String>> widgetDynamicBindingsMap,
-            String pageId,
+            String creatorId,
             String layoutId,
-            Set<String> escapedWidgetNames)
+            Set<String> escapedWidgetNames,
+            CreatorContextType creatorType)
             throws AppsmithException {
         if (dsl.get(FieldName.WIDGET_NAME) == null) {
             // This isn't a valid widget configuration. No need to traverse this.
@@ -345,11 +345,12 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                                         widgetName,
                                         widgetId,
                                         fieldPath,
-                                        pageId,
+                                        creatorId,
                                         layoutId,
                                         oldParent,
                                         nextKey,
-                                        "Index out of bounds for list");
+                                        "Index out of bounds for list",
+                                        creatorType);
                             }
                         } else {
                             throw new AppsmithException(
@@ -358,11 +359,12 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                                     widgetName,
                                     widgetId,
                                     fieldPath,
-                                    pageId,
+                                    creatorId,
                                     layoutId,
                                     oldParent,
                                     nextKey,
-                                    "Child of list is not in an indexed path");
+                                    "Child of list is not in an indexed path",
+                                    creatorType);
                         }
                     }
                     // After updating the parent, check for the types
@@ -373,11 +375,12 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                                 widgetName,
                                 widgetId,
                                 fieldPath,
-                                pageId,
+                                creatorId,
                                 layoutId,
                                 oldParent,
                                 nextKey,
-                                "New element is null");
+                                "New element is null",
+                                creatorType);
                     } else if (parent instanceof String) {
                         // If we get String value, then this is a leaf node
                         isLeafNode = true;
@@ -396,11 +399,12 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                                         widgetName,
                                         widgetId,
                                         fieldPath,
-                                        pageId,
+                                        creatorId,
                                         layoutId,
                                         bindingAsString,
                                         nextKey,
-                                        "Binding path has no mustache bindings");
+                                        "Binding path has no mustache bindings",
+                                        creatorType);
                             } catch (JsonProcessingException e) {
                                 throw new AppsmithException(AppsmithError.JSON_PROCESSING_ERROR, parent);
                             }
@@ -437,7 +441,13 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                 if (!CollectionUtils.isEmpty(data)) {
                     object.putAll(data);
                     JSONObject child = extractAllWidgetNamesAndDynamicBindingsFromDSL(
-                            object, widgetNames, widgetDynamicBindingsMap, pageId, layoutId, escapedWidgetNames);
+                            object,
+                            widgetNames,
+                            widgetDynamicBindingsMap,
+                            creatorId,
+                            layoutId,
+                            escapedWidgetNames,
+                            creatorType);
                     newChildren.add(child);
                 }
             }
@@ -656,8 +666,13 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
     }
 
     private Mono<Boolean> sendUpdateLayoutAnalyticsEvent(
-            String pageId, String layoutId, JSONObject dsl, boolean isSuccess, Throwable error) {
-        return Mono.zip(sessionUserService.getCurrentUser(), newPageService.getById(pageId))
+            String creatorId,
+            String layoutId,
+            JSONObject dsl,
+            boolean isSuccess,
+            Throwable error,
+            CreatorContextType creatorType) {
+        return Mono.zip(sessionUserService.getCurrentUser(), newPageService.getById(creatorId))
                 .flatMap(tuple -> {
                     User t1 = tuple.getT1();
                     NewPage t2 = tuple.getT2();
@@ -667,8 +682,10 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                             t1.getUsername(),
                             "appId",
                             t2.getApplicationId(),
-                            "pageId",
-                            pageId,
+                            "creatorId",
+                            creatorId,
+                            "creatorType",
+                            creatorType,
                             "layoutId",
                             layoutId,
                             "isSuccessfulExecution",
@@ -686,7 +703,12 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                 });
     }
 
-    private Mono<LayoutDTO> updateLayoutDsl(String pageId, String layoutId, Layout layout, Integer evaluatedVersion) {
+    private Mono<LayoutDTO> updateLayoutDsl(
+            String creatorId,
+            String layoutId,
+            Layout layout,
+            Integer evaluatedVersion,
+            CreatorContextType creatorType) {
         JSONObject dsl = layout.getDsl();
         if (dsl == null) {
             // There is no DSL here. No need to process anything. Return as is.
@@ -698,9 +720,9 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
         Set<String> escapedWidgetNames = new HashSet<>();
         try {
             dsl = extractAllWidgetNamesAndDynamicBindingsFromDSL(
-                    dsl, widgetNames, widgetDynamicBindingsMap, pageId, layoutId, escapedWidgetNames);
+                    dsl, widgetNames, widgetDynamicBindingsMap, creatorId, layoutId, escapedWidgetNames, creatorType);
         } catch (Throwable t) {
-            return sendUpdateLayoutAnalyticsEvent(pageId, layoutId, dsl, false, t)
+            return sendUpdateLayoutAnalyticsEvent(creatorId, layoutId, dsl, false, t, creatorType)
                     .then(Mono.error(t));
         }
 
@@ -710,30 +732,31 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
             layout.setMongoEscapedWidgetNames(escapedWidgetNames);
         }
 
-        Set<String> actionNames = new HashSet<>();
+        Set<String> executableNames = new HashSet<>();
         Set<ExecutableDependencyEdge> edges = new HashSet<>();
         Set<String> executablesUsedInDSL = new HashSet<>();
-        List<Executable> flatmapPageLoadExecutables = new ArrayList<>();
+        List<Executable> flatmapOnLoadExecutables = new ArrayList<>();
         List<LayoutExecutableUpdateDTO> executableUpdatesRef = new ArrayList<>();
         List<String> messagesRef = new ArrayList<>();
 
-        AtomicReference<Boolean> validOnPageLoadExecutables = new AtomicReference<>(Boolean.TRUE);
+        AtomicReference<Boolean> validOnLoadExecutables = new AtomicReference<>(Boolean.TRUE);
 
         // setting the layoutOnLoadActionActionErrors to empty to remove the existing errors before new DAG calculation.
         layout.setLayoutOnLoadActionErrors(new ArrayList<>());
 
-        Mono<List<Set<DslExecutableDTO>>> allOnLoadExecutablesMono = pageLoadActionsUtil
+        Mono<List<Set<DslExecutableDTO>>> allOnLoadExecutablesMono = onLoadExecutablesUtil
                 .findAllOnLoadExecutables(
-                        pageId,
+                        creatorId,
                         evaluatedVersion,
                         widgetNames,
                         edges,
                         widgetDynamicBindingsMap,
-                        flatmapPageLoadExecutables,
-                        executablesUsedInDSL)
+                        flatmapOnLoadExecutables,
+                        executablesUsedInDSL,
+                        creatorType)
                 .onErrorResume(AppsmithException.class, error -> {
                     log.info(error.getMessage());
-                    validOnPageLoadExecutables.set(FALSE);
+                    validOnLoadExecutables.set(FALSE);
                     layout.setLayoutOnLoadActionErrors(List.of(new ErrorDTO(
                             error.getAppErrorCode(),
                             error.getErrorType(),
@@ -749,62 +772,26 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                 .flatMap(allOnLoadExecutables -> {
                     // If there has been an error (e.g. cyclical dependency), then don't update any actions.
                     // This is so that unnecessary updates don't happen to actions while the page is in invalid state.
-                    if (!validOnPageLoadExecutables.get()) {
+                    if (!validOnLoadExecutables.get()) {
                         return Mono.just(allOnLoadExecutables);
                     }
-                    // Update these actions to be executed on load, unless the user has touched the executeOnLoad
+                    // Update these executables to be executed on load, unless the user has touched the executeOnLoad
                     // setting for this
-                    return pageLoadActionsUtil
+                    return onLoadExecutablesUtil
                             .updateExecutablesExecuteOnLoad(
-                                    flatmapPageLoadExecutables, pageId, executableUpdatesRef, messagesRef)
+                                    flatmapOnLoadExecutables, creatorId, executableUpdatesRef, messagesRef, creatorType)
                             .thenReturn(allOnLoadExecutables);
                 })
-                .zipWith(newPageService
-                        .findByIdAndLayoutsId(pageId, layoutId, pagePermission.getEditPermission(), false)
-                        .switchIfEmpty(Mono.error(new AppsmithException(
-                                AppsmithError.ACL_NO_RESOURCE_FOUND,
-                                FieldName.PAGE_ID + " or " + FieldName.LAYOUT_ID,
-                                pageId + ", " + layoutId))))
-                // Now update the page layout with the page load actions and the graph.
-                .flatMap(tuple -> {
-                    List<Set<DslExecutableDTO>> onLoadActions = tuple.getT1();
-                    PageDTO page = tuple.getT2();
+                // Now update the page layout with the page load executables and the graph.
+                .flatMap(onLoadExecutables -> {
+                    layout.setLayoutOnLoadActions(onLoadExecutables);
+                    layout.setAllOnPageLoadActionNames(executableNames);
+                    layout.setActionsUsedInDynamicBindings(executablesUsedInDSL);
+                    // The below field is to ensure that we record if the page load actions computation was
+                    // valid when last stored in the database.
+                    layout.setValidOnPageLoadActions(validOnLoadExecutables.get());
 
-                    List<Layout> layoutList = page.getLayouts();
-                    // Because the findByIdAndLayoutsId call returned non-empty result, we are guaranteed to find the
-                    // layoutId here.
-                    for (Layout storedLayout : layoutList) {
-                        if (storedLayout.getId().equals(layoutId)) {
-                            // Now that all the on load actions have been computed, set the vertices, edges, actions in
-                            // DSL
-                            // in the layout for re-use to avoid computing DAG unnecessarily.
-                            layout.setLayoutOnLoadActions(onLoadActions);
-                            layout.setAllOnPageLoadActionNames(actionNames);
-                            layout.setActionsUsedInDynamicBindings(executablesUsedInDSL);
-                            // The below field is to ensure that we record if the page load actions computation was
-                            // valid
-                            // when last stored in the database.
-                            layout.setValidOnPageLoadActions(validOnPageLoadExecutables.get());
-
-                            BeanUtils.copyProperties(layout, storedLayout);
-                            storedLayout.setId(layoutId);
-
-                            break;
-                        }
-                    }
-                    page.setLayouts(layoutList);
-                    return applicationService
-                            .saveLastEditInformation(page.getApplicationId())
-                            .then(newPageService.saveUnpublishedPage(page));
-                })
-                .flatMap(page -> {
-                    List<Layout> layoutList = page.getLayouts();
-                    for (Layout storedLayout : layoutList) {
-                        if (storedLayout.getId().equals(layoutId)) {
-                            return Mono.just(storedLayout);
-                        }
-                    }
-                    return Mono.empty();
+                    return onLoadExecutablesUtil.findAndUpdateLayout(creatorId, creatorType, layoutId, layout);
                 })
                 .map(savedLayout -> {
                     savedLayout.setDsl(this.unescapeMongoSpecialCharacters(savedLayout));
@@ -815,7 +802,7 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                     layoutDTO.setActionUpdates(executableUpdatesRef);
                     layoutDTO.setMessages(messagesRef);
 
-                    return sendUpdateLayoutAnalyticsEvent(pageId, layoutId, finalDsl, true, null)
+                    return sendUpdateLayoutAnalyticsEvent(creatorId, layoutId, finalDsl, true, null, creatorType)
                             .thenReturn(layoutDTO);
                 });
     }
@@ -831,7 +818,7 @@ public class LayoutActionServiceCEImpl implements LayoutActionServiceCE {
                     if (evaluationVersion == null) {
                         evaluationVersion = EVALUATION_VERSION;
                     }
-                    return updateLayoutDsl(pageId, layoutId, layout, evaluationVersion);
+                    return updateLayoutDsl(pageId, layoutId, layout, evaluationVersion, CreatorContextType.PAGE);
                 });
     }
 
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCE.java
index bac91542a2..783ce21706 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCE.java
@@ -1,6 +1,6 @@
 package com.appsmith.server.services.ce;
 
-import com.appsmith.server.dtos.ce.ProductAlertResponseDTO;
+import com.appsmith.server.dtos.ProductAlertResponseDTO;
 import reactor.core.publisher.Mono;
 
 import java.util.List;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCEImpl.java
index 634987bdeb..f034595494 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/ProductAlertServiceCEImpl.java
@@ -1,7 +1,7 @@
 package com.appsmith.server.services.ce;
 
 import com.appsmith.server.configurations.CommonConfig;
-import com.appsmith.server.dtos.ce.ProductAlertResponseDTO;
+import com.appsmith.server.dtos.ProductAlertResponseDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.fasterxml.jackson.databind.ObjectMapper;
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCE.java
index d2578b2b49..f3e347a599 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCE.java
@@ -42,8 +42,6 @@ public interface UserDataServiceCE {
 
     Mono<UserData> updateLastUsedAppAndWorkspaceList(Application application);
 
-    Mono<UserData> addTemplateIdToLastUsedList(String templateId);
-
     Mono<Map<String, Boolean>> getFeatureFlagsForCurrentUser();
 
     Mono<UpdateResult> removeRecentWorkspaceAndApps(String userId, String workspaceId);
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCEImpl.java
index fcc8a81501..411e4a32e4 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/services/ce/UserDataServiceCEImpl.java
@@ -274,16 +274,6 @@ public class UserDataServiceCEImpl extends BaseService<UserDataRepository, UserD
                 .map(Tuple2::getT2);
     }
 
-    @Override
-    public Mono<UserData> addTemplateIdToLastUsedList(String templateId) {
-        return this.getForCurrentUser().flatMap(userData -> {
-            // set recently used template ids
-            userData.setRecentlyUsedTemplateIds(
-                    addIdToRecentList(userData.getRecentlyUsedTemplateIds(), templateId, 5));
-            return repository.save(userData);
-        });
-    }
-
     private List<String> addIdToRecentList(List<String> srcIdList, String newId, int maxSize) {
         if (srcIdList == null) {
             srcIdList = new ArrayList<>();
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCE.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCE.java
index c8f7aedec6..915af5877c 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCE.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCE.java
@@ -19,7 +19,7 @@ public interface AuthenticationServiceCE {
      * @return a url String to continue the authorization flow
      */
     Mono<String> getAuthorizationCodeURLForGenericOAuth2(
-            String datasourceId, String environmentId, String pageId, ServerHttpRequest httpRequest);
+            String datasourceId, String environmentId, String pageId, String branchName, ServerHttpRequest httpRequest);
 
     /**
      * This is the method that handles callback for generic OAuth2. We will be retrieving and storing token information here
diff --git a/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCEImpl.java b/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCEImpl.java
index 48d87dd24f..573589ab9a 100644
--- a/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCEImpl.java
+++ b/app/server/appsmith-server/src/main/java/com/appsmith/server/solutions/ce/AuthenticationServiceCEImpl.java
@@ -101,7 +101,11 @@ public class AuthenticationServiceCEImpl implements AuthenticationServiceCE {
      * @return a url String to continue the authorization flow
      */
     public Mono<String> getAuthorizationCodeURLForGenericOAuth2(
-            String datasourceId, String environmentId, String pageId, ServerHttpRequest httpRequest) {
+            String datasourceId,
+            String environmentId,
+            String pageId,
+            String branchName,
+            ServerHttpRequest httpRequest) {
         // This is the only database access that is controlled by ACL
         // The rest of the queries in this flow will not have context information
 
@@ -130,6 +134,9 @@ public class AuthenticationServiceCEImpl implements AuthenticationServiceCE {
                     OAuth2 oAuth2 = (OAuth2)
                             datasourceStorage.getDatasourceConfiguration().getAuthentication();
                     final String redirectUri = redirectHelper.getRedirectDomain(httpRequest.getHeaders());
+                    final String state = StringUtils.hasText(branchName)
+                            ? String.join(",", pageId, datasourceId, trueEnvironmentId, redirectUri, branchName)
+                            : String.join(",", pageId, datasourceId, trueEnvironmentId, redirectUri);
                     // Adding basic uri components
                     UriComponentsBuilder uriComponentsBuilder = UriComponentsBuilder.fromUriString(
                                     oAuth2.getAuthorizationUrl())
@@ -138,7 +145,7 @@ public class AuthenticationServiceCEImpl implements AuthenticationServiceCE {
                             .queryParam(REDIRECT_URI, redirectUri + Url.DATASOURCE_URL + "/authorize")
                             // The state is used internally to calculate the redirect url when returning control to the
                             // client
-                            .queryParam(STATE, String.join(",", pageId, datasourceId, trueEnvironmentId, redirectUri));
+                            .queryParam(STATE, state);
                     // Adding optional scope parameter
                     if (oAuth2.getScope() != null && !oAuth2.getScope().isEmpty()) {
                         uriComponentsBuilder.queryParam(
@@ -196,7 +203,7 @@ public class AuthenticationServiceCEImpl implements AuthenticationServiceCE {
                 .switchIfEmpty(Mono.error(new AppsmithException(AppsmithError.UNAUTHORIZED_ACCESS)))
                 .flatMap(localState -> {
                     String[] splitStates = localState.split(",");
-                    if (splitStates.length != 4) {
+                    if (splitStates.length < 4) {
                         return Mono.error(new AppsmithException(AppsmithError.UNAUTHORIZED_ACCESS));
                     } else
                         return datasourceService
@@ -324,13 +331,14 @@ public class AuthenticationServiceCEImpl implements AuthenticationServiceCE {
         final String datasourceId = splitState[1];
         final String environmentId = splitState[2];
         final String redirectOrigin = splitState[3];
+        final String branchName = splitState.length == 5 ? splitState[4] : null;
         String response = SUCCESS;
         if (error != null) {
             response = error;
         }
         final String responseStatus = response;
         return newPageService
-                .getById(pageId)
+                .findByIdAndBranchName(pageId, branchName)
                 .map(newPage -> redirectOrigin + Entity.SLASH + Entity.APPLICATIONS
                         + Entity.SLASH + newPage.getApplicationId()
                         + Entity.SLASH + Entity.PAGES
@@ -339,7 +347,9 @@ public class AuthenticationServiceCEImpl implements AuthenticationServiceCE {
                         + Entity.SLASH + Entity.DATASOURCE
                         + Entity.SLASH + datasourceId
                         + "?response_status="
-                        + responseStatus + "&view_mode=true")
+                        + responseStatus
+                        + "&view_mode=true"
+                        + (StringUtils.hasText(branchName) ? "&branch=" + branchName : ""))
                 .onErrorResume(e -> Mono.just(redirectOrigin + Entity.SLASH + Entity.APPLICATIONS
                         + "?response_status="
                         + responseStatus + "&view_mode=true"));
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/helpers/MockCacheableFeatureFlagHelper.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/helpers/MockCacheableFeatureFlagHelper.java
index 54915fdb26..ef95c5800b 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/helpers/MockCacheableFeatureFlagHelper.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/helpers/MockCacheableFeatureFlagHelper.java
@@ -3,8 +3,8 @@ package com.appsmith.server.helpers;
 import com.appsmith.caching.annotations.Cache;
 import com.appsmith.caching.annotations.CacheEvict;
 import com.appsmith.server.domains.User;
-import com.appsmith.server.dtos.ce.FeaturesRequestDTO;
-import com.appsmith.server.dtos.ce.FeaturesResponseDTO;
+import com.appsmith.server.dtos.FeaturesRequestDTO;
+import com.appsmith.server.dtos.FeaturesResponseDTO;
 import com.appsmith.server.featureflags.CachedFeatures;
 import com.appsmith.server.featureflags.CachedFlags;
 import com.appsmith.server.services.CacheableFeatureFlagHelper;
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ApplicationTemplateServiceUnitTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ApplicationTemplateServiceUnitTest.java
index 6b9f492f79..8835628d6d 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ApplicationTemplateServiceUnitTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ApplicationTemplateServiceUnitTest.java
@@ -1,7 +1,6 @@
 package com.appsmith.server.services;
 
 import com.appsmith.server.configurations.CloudServicesConfig;
-import com.appsmith.server.domains.UserData;
 import com.appsmith.server.dtos.ApplicationTemplate;
 import com.appsmith.server.dtos.PageNameIdDTO;
 import com.appsmith.server.exports.internal.ExportApplicationService;
@@ -13,7 +12,6 @@ import com.fasterxml.jackson.core.JsonProcessingException;
 import com.fasterxml.jackson.databind.ObjectMapper;
 import mockwebserver3.MockResponse;
 import mockwebserver3.MockWebServer;
-import mockwebserver3.RecordedRequest;
 import org.json.JSONArray;
 import org.json.JSONObject;
 import org.junit.jupiter.api.AfterAll;
@@ -117,56 +115,15 @@ public class ApplicationTemplateServiceUnitTest {
                 .setBody(objectMapper.writeValueAsString(List.of(templateOne, templateTwo, templateThree)))
                 .addHeader("Content-Type", "application/json"));
 
-        // mock the user data to set second template as recently used
-        UserData mockUserData = new UserData();
-        mockUserData.setRecentlyUsedTemplateIds(List.of("id-two"));
-        Mockito.when(userDataService.getForCurrentUser()).thenReturn(Mono.just(mockUserData));
-
         Mono<List<ApplicationTemplate>> templateListMono = applicationTemplateService.getActiveTemplates(null);
 
         StepVerifier.create(templateListMono)
                 .assertNext(applicationTemplates -> {
                     assertThat(applicationTemplates.size()).isEqualTo(3);
-                    assertThat(applicationTemplates.get(0).getId()).isEqualTo("id-two"); // second one should come first
                 })
                 .verifyComplete();
     }
 
-    @Test
-    public void getRecentlyUsedTemplates_WhenNoRecentTemplate_ReturnsEmpty() {
-        // mock the user data to that has no recent template
-        Mockito.when(userDataService.getForCurrentUser()).thenReturn(Mono.just(new UserData()));
-
-        StepVerifier.create(applicationTemplateService.getRecentlyUsedTemplates())
-                .verifyComplete();
-    }
-
-    @Test
-    public void getRecentlyUsedTemplates_WhenRecentTemplatesExist_ReturnsTemplates()
-            throws InterruptedException, JsonProcessingException {
-        // mock the user data to set recently used template ids
-        UserData mockUserData = new UserData();
-        mockUserData.setRecentlyUsedTemplateIds(List.of("id-one", "id-two"));
-        Mockito.when(userDataService.getForCurrentUser()).thenReturn(Mono.just(mockUserData));
-
-        // mock the server to return a template when it's called
-        mockCloudServices.enqueue(new MockResponse()
-                .setBody(objectMapper.writeValueAsString(List.of(create("id-one", "First template"))))
-                .addHeader("Content-Type", "application/json"));
-
-        // make sure we've received the response returned by the mockCloudServices
-        StepVerifier.create(applicationTemplateService.getRecentlyUsedTemplates())
-                .assertNext(
-                        applicationTemplates -> assertThat(applicationTemplates).hasSize(1))
-                .verifyComplete();
-
-        // verify that mockCloudServices was called with the query param id i.e. id=id-one&id=id-two
-        RecordedRequest recordedRequest = mockCloudServices.takeRequest();
-        assert recordedRequest.getRequestUrl() != null;
-        List<String> queryParameterValues = recordedRequest.getRequestUrl().queryParameterValues("id");
-        assertThat(queryParameterValues).containsExactly("id-one", "id-two");
-    }
-
     @Test
     public void get_WhenPageMetaDataExists_PageMetaDataParsedProperly() throws JsonProcessingException {
         JSONObject jsonObject = new JSONObject();
@@ -188,11 +145,6 @@ public class ApplicationTemplateServiceUnitTest {
         mockCloudServices.enqueue(
                 new MockResponse().setBody(templates.toString()).addHeader("Content-Type", "application/json"));
 
-        // mock the user data to set recently used template ids
-        UserData mockUserData = new UserData();
-        mockUserData.setRecentlyUsedTemplateIds(List.of());
-        Mockito.when(userDataService.getForCurrentUser()).thenReturn(Mono.just(mockUserData));
-
         // make sure we've received the response returned by the mockCloudServices
         StepVerifier.create(applicationTemplateService.getActiveTemplates(null))
                 .assertNext(applicationTemplates -> {
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutActionServiceTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutActionServiceTest.java
index cbea4d0087..de5f566b71 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutActionServiceTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutActionServiceTest.java
@@ -22,7 +22,7 @@ import com.appsmith.server.dtos.EntityType;
 import com.appsmith.server.dtos.LayoutDTO;
 import com.appsmith.server.dtos.PageDTO;
 import com.appsmith.server.dtos.RefactorEntityNameDTO;
-import com.appsmith.server.dtos.ce.UpdateMultiplePageLayoutDTO;
+import com.appsmith.server.dtos.UpdateMultiplePageLayoutDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.exports.internal.ExportApplicationService;
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutServiceTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutServiceTest.java
index 316732de03..efc8ccc1bc 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutServiceTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/LayoutServiceTest.java
@@ -3,6 +3,7 @@ package com.appsmith.server.services;
 import com.appsmith.external.dtos.DslExecutableDTO;
 import com.appsmith.external.models.ActionConfiguration;
 import com.appsmith.external.models.ActionDTO;
+import com.appsmith.external.models.CreatorContextType;
 import com.appsmith.external.models.Datasource;
 import com.appsmith.external.models.PluginType;
 import com.appsmith.external.models.Property;
@@ -21,6 +22,7 @@ import com.appsmith.server.helpers.MockPluginExecutor;
 import com.appsmith.server.helpers.PluginExecutorHelper;
 import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
+import com.appsmith.server.repositories.CacheableRepositoryHelper;
 import com.appsmith.server.repositories.PluginRepository;
 import com.appsmith.server.solutions.ApplicationPermission;
 import com.fasterxml.jackson.core.JsonProcessingException;
@@ -94,6 +96,12 @@ public class LayoutServiceTest {
     @Autowired
     ApplicationPermission applicationPermission;
 
+    @Autowired
+    SessionUserService sessionUserService;
+
+    @Autowired
+    CacheableRepositoryHelper cacheableRepositoryHelper;
+
     @MockBean
     PluginExecutorHelper pluginExecutorHelper;
 
@@ -108,14 +116,26 @@ public class LayoutServiceTest {
 
     @BeforeEach
     public void setup() {
+        User currentUser = sessionUserService.getCurrentUser().block();
         purgeAllPages();
         User apiUser = userService.findByEmail("api_user").block();
         Workspace toCreate = new Workspace();
         toCreate.setName("LayoutServiceTest");
+        Set<String> beforeCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User before creating workspace: {}", beforeCreatingWorkspace);
 
         Workspace workspace =
                 workspaceService.create(toCreate, apiUser, Boolean.FALSE).block();
         workspaceId = workspace.getId();
+        Set<String> afterCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User after creating workspace: {}", afterCreatingWorkspace);
+
+        log.info("Workspace ID: {}", workspaceId);
+        log.info("Workspace Role Ids: {}", workspace.getDefaultPermissionGroups());
+        log.info("Policy for created Workspace: {}", workspace.getPolicies());
+        log.info("Current User ID: {}", currentUser.getId());
 
         datasource = new Datasource();
         datasource.setName("Default Database");
@@ -199,15 +219,13 @@ public class LayoutServiceTest {
     }
 
     private Mono<PageDTO> createPage(Application app, PageDTO page) {
-        return newPageService
-                .findByNameAndViewMode(page.getName(), AclPermission.READ_PAGES, false)
-                .switchIfEmpty(applicationPageService
-                        .createApplication(app, workspaceId)
-                        .map(application -> {
-                            page.setApplicationId(application.getId());
-                            return page;
-                        })
-                        .flatMap(applicationPageService::createPage));
+        return applicationPageService
+                .createApplication(app, workspaceId)
+                .map(application -> {
+                    page.setApplicationId(application.getId());
+                    return page;
+                })
+                .flatMap(applicationPageService::createPage);
     }
 
     @Test
@@ -554,21 +572,27 @@ public class LayoutServiceTest {
                     Layout newLayout = new Layout();
 
                     JSONObject obj = new JSONObject(Map.of(
-                            "widgetName", "testWidget",
-                            "key", "value-updated",
-                            "another", "Hello people of the {{input1.text}} planet!",
-                            "dynamicGet", "some dynamic {{\"anIgnoredAction.data:\" + aGetAction.data}}",
+                            "widgetName",
+                            "testWidget",
+                            "key",
+                            "value-updated",
+                            "another",
+                            "Hello people of the {{input1.text}} planet!",
+                            "dynamicGet",
+                            "some dynamic {{\"anIgnoredAction.data:\" + aGetAction.data}}",
                             "dynamicPost",
-                                    "some dynamic {{\n" + "(function(ignoredAction1){\n"
-                                            + "\tlet a = ignoredAction1.data\n"
-                                            + "\tlet ignoredAction2 = { data: \"nothing\" }\n"
-                                            + "\tlet b = ignoredAction2.data\n"
-                                            + "\tlet c = \"ignoredAction3.data\"\n"
-                                            + "\t// ignoredAction4.data\n"
-                                            + "\treturn aPostAction.data\n"
-                                            + "})(anotherPostAction.data)}}",
-                            "dynamicPostWithAutoExec", "some dynamic {{aPostActionWithAutoExec.data}}",
-                            "dynamicDelete", "some dynamic {{aDeleteAction.data}}"));
+                            "some dynamic {{\n" + "(function(ignoredAction1){\n"
+                                    + "\tlet a = ignoredAction1.data\n"
+                                    + "\tlet ignoredAction2 = { data: \"nothing\" }\n"
+                                    + "\tlet b = ignoredAction2.data\n"
+                                    + "\tlet c = \"ignoredAction3.data\"\n"
+                                    + "\t// ignoredAction4.data\n"
+                                    + "\treturn aPostAction.data\n"
+                                    + "})(anotherPostAction.data)}}",
+                            "dynamicPostWithAutoExec",
+                            "some dynamic {{aPostActionWithAutoExec.data}}",
+                            "dynamicDelete",
+                            "some dynamic {{aDeleteAction.data}}"));
                     obj.putAll(Map.of(
                             "collection1Key", "some dynamic {{Collection.anAsyncCollectionActionWithoutCall.data}}",
                             "collection2Key", "some dynamic {{Collection.aSyncCollectionActionWithoutCall.data}}",
@@ -1286,7 +1310,8 @@ public class LayoutServiceTest {
                                     layoutId.get(),
                                     oldParent,
                                     "dynamicGet_IncorrectKey",
-                                    "New element is null"));
+                                    "New element is null",
+                                    CreatorContextType.PAGE));
                     return true;
                 })
                 .verify();
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ThemeServiceTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ThemeServiceTest.java
index b0bb162ae8..d9d315ecf2 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ThemeServiceTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ThemeServiceTest.java
@@ -13,12 +13,14 @@ import com.appsmith.server.dtos.UpdatePermissionGroupDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.appsmith.server.repositories.ApplicationRepository;
+import com.appsmith.server.repositories.CacheableRepositoryHelper;
 import com.appsmith.server.repositories.PermissionGroupRepository;
 import com.appsmith.server.repositories.ThemeRepository;
 import com.appsmith.server.repositories.UserRepository;
 import com.appsmith.server.solutions.ApplicationPermission;
 import com.appsmith.server.solutions.UserAndAccessManagementService;
 import com.appsmith.server.themes.base.ThemeService;
+import lombok.extern.slf4j.Slf4j;
 import org.junit.jupiter.api.AfterEach;
 import org.junit.jupiter.api.BeforeEach;
 import org.junit.jupiter.api.Test;
@@ -36,6 +38,7 @@ import reactor.util.function.Tuples;
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Set;
 import java.util.UUID;
 
 import static com.appsmith.server.acl.AclPermission.MANAGE_APPLICATIONS;
@@ -48,6 +51,7 @@ import static org.assertj.core.api.Assertions.assertThat;
 
 @SpringBootTest
 @ExtendWith(SpringExtension.class)
+@Slf4j
 public class ThemeServiceTest {
 
     @Autowired
@@ -91,6 +95,12 @@ public class ThemeServiceTest {
     @Autowired
     PermissionGroupService permissionGroupService;
 
+    @Autowired
+    CacheableRepositoryHelper cacheableRepositoryHelper;
+
+    @Autowired
+    SessionUserService sessionUserService;
+
     @BeforeEach
     public void setup() {
         Workspace workspace = new Workspace();
@@ -111,13 +121,29 @@ public class ThemeServiceTest {
     }
 
     private Application createApplication() {
+        User currentUser = sessionUserService.getCurrentUser().block();
+        Set<String> beforeCreatingApplication =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User before creating workspace: {}", beforeCreatingApplication);
         Application application = new Application();
         application.setName("ThemeTest_" + UUID.randomUUID());
         application.setWorkspaceId(this.workspace.getId());
-        applicationPageService
+        Application createdApplication = applicationPageService
                 .createApplication(application, this.workspace.getId())
                 .block();
-        return application;
+
+        Set<String> afterCreatingApplication =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User after creating Application: {}", afterCreatingApplication);
+
+        log.info("Workspace ID: {}", this.workspace.getId());
+        log.info("Workspace Role Ids: {}", this.workspace.getDefaultPermissionGroups());
+        log.info("Policy for created Workspace: {}", this.workspace.getPolicies());
+        log.info("Application ID: {}", createdApplication.getId());
+        log.info("Policies for created Application: {}", createdApplication.getPolicies());
+        log.info("Current User ID: {}", currentUser.getId());
+
+        return createdApplication;
     }
 
     public void replaceApiUserWithAnotherUserInWorkspace() {
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/UserDataServiceTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/UserDataServiceTest.java
index 53b5014ec5..f2d08098e1 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/UserDataServiceTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/UserDataServiceTest.java
@@ -325,81 +325,6 @@ public class UserDataServiceTest {
                 .verifyComplete();
     }
 
-    @Test
-    @WithUserDetails(value = "api_user")
-    public void addTemplateIdToLastUsedList_WhenListIsEmpty_templateIdPrepended() {
-        final Mono<UserData> saveMono = userDataService
-                .getForCurrentUser()
-                .flatMap(userData -> {
-                    // set recently used template ids to null
-                    userData.setRecentlyUsedTemplateIds(null);
-                    return userDataRepository.save(userData);
-                })
-                .then(userDataService.addTemplateIdToLastUsedList("123456"));
-
-        StepVerifier.create(saveMono)
-                .assertNext(userData -> {
-                    assertEquals(1, userData.getRecentlyUsedTemplateIds().size());
-                    assertEquals("123456", userData.getRecentlyUsedTemplateIds().get(0));
-                })
-                .verifyComplete();
-    }
-
-    @Test
-    @WithUserDetails(value = "api_user")
-    public void addTemplateIdToLastUsedList_WhenListIsNotEmpty_templateIdPrepended() {
-        final Mono<UserData> resultMono = userDataService
-                .getForCurrentUser()
-                .flatMap(userData -> {
-                    // Set an initial list of template ids to the current user.
-                    userData.setRecentlyUsedTemplateIds(Arrays.asList("123", "456"));
-                    return userDataRepository.save(userData);
-                })
-                .flatMap(userData -> {
-                    // Now check whether a new template id is put at first.
-                    String newTemplateId = "456";
-                    return userDataService.addTemplateIdToLastUsedList(newTemplateId);
-                });
-
-        StepVerifier.create(resultMono)
-                .assertNext(userData -> {
-                    assertEquals(2, userData.getRecentlyUsedTemplateIds().size());
-                    assertEquals("456", userData.getRecentlyUsedTemplateIds().get(0));
-                    assertEquals("123", userData.getRecentlyUsedTemplateIds().get(1));
-                })
-                .verifyComplete();
-    }
-
-    @Test
-    @WithUserDetails(value = "api_user")
-    public void addTemplateIdToLastUsedList_TooManyRecentIds_ListsAreTruncated() {
-        String newTemplateId = "new-template-id";
-
-        final Mono<UserData> resultMono = userDataService
-                .getForCurrentUser()
-                .flatMap(userData -> {
-                    // Set an initial list of 12 template ids to the current user
-                    userData.setRecentlyUsedTemplateIds(new ArrayList<>());
-                    for (int i = 1; i <= 12; i++) {
-                        userData.getRecentlyUsedTemplateIds().add("template-" + i);
-                    }
-                    return userDataRepository.save(userData);
-                })
-                .flatMap(userData -> {
-                    // Now check whether a new template id is put at first.
-                    return userDataService.addTemplateIdToLastUsedList(newTemplateId);
-                });
-
-        StepVerifier.create(resultMono)
-                .assertNext(userData -> {
-                    // org id list should be truncated to 10
-                    assertThat(userData.getRecentlyUsedTemplateIds().size()).isEqualTo(5);
-                    assertThat(userData.getRecentlyUsedTemplateIds().get(0)).isEqualTo(newTemplateId);
-                    assertThat(userData.getRecentlyUsedTemplateIds().get(4)).isEqualTo("template-4");
-                })
-                .verifyComplete();
-    }
-
     @Test
     @WithUserDetails(value = "api_user")
     public void deleteProfilePhotot_WhenExists_RemovedFromAssetAndUserData() {
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ApplicationServiceCETest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ApplicationServiceCETest.java
index 98f9862ae4..02f88cc3ce 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ApplicationServiceCETest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ApplicationServiceCETest.java
@@ -54,6 +54,7 @@ import com.appsmith.server.newpages.base.NewPageService;
 import com.appsmith.server.plugins.base.PluginService;
 import com.appsmith.server.repositories.ApplicationRepository;
 import com.appsmith.server.repositories.AssetRepository;
+import com.appsmith.server.repositories.CacheableRepositoryHelper;
 import com.appsmith.server.repositories.DatasourceRepository;
 import com.appsmith.server.repositories.NewPageRepository;
 import com.appsmith.server.repositories.PermissionGroupRepository;
@@ -266,6 +267,9 @@ public class ApplicationServiceCETest {
     @Autowired
     UserAndAccessManagementService userAndAccessManagementService;
 
+    @Autowired
+    CacheableRepositoryHelper cacheableRepositoryHelper;
+
     String workspaceId;
     String defaultEnvironmentId;
 
@@ -299,6 +303,9 @@ public class ApplicationServiceCETest {
         Workspace toCreate = new Workspace();
         toCreate.setName("ApplicationServiceTest");
 
+        Set<String> beforeCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User before creating workspace: {}", beforeCreatingWorkspace);
         Workspace workspace =
                 workspaceService.create(toCreate, apiUser, Boolean.FALSE).block();
         workspaceId = workspace.getId();
@@ -366,6 +373,14 @@ public class ApplicationServiceCETest {
         datasource1.setDatasourceStorages(storages1);
 
         testDatasource1 = datasourceService.create(datasource1).block();
+        Set<String> afterCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User after creating workspace: {}", afterCreatingWorkspace);
+
+        log.info("Workspace ID: {}", workspaceId);
+        log.info("Workspace Role Ids: {}", workspace.getDefaultPermissionGroups());
+        log.info("Policy for created Workspace: {}", workspace.getPolicies());
+        log.info("Current User ID: {}", currentUser.getId());
     }
 
     @AfterEach
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/FeatureFlagServiceCETest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/FeatureFlagServiceCETest.java
index 78592c79a9..31e105de9c 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/FeatureFlagServiceCETest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/FeatureFlagServiceCETest.java
@@ -2,7 +2,7 @@ package com.appsmith.server.services.ce;
 
 import com.appsmith.caching.components.CacheManager;
 import com.appsmith.server.domains.User;
-import com.appsmith.server.dtos.ce.FeaturesResponseDTO;
+import com.appsmith.server.dtos.FeaturesResponseDTO;
 import com.appsmith.server.featureflags.CachedFeatures;
 import com.appsmith.server.featureflags.CachedFlags;
 import com.appsmith.server.featureflags.FeatureFlagEnum;
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/GitServiceCETest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/GitServiceCETest.java
index 68ed489ba8..bcb796db5b 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/GitServiceCETest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/GitServiceCETest.java
@@ -50,12 +50,14 @@ import com.appsmith.server.migrations.JsonSchemaVersions;
 import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
 import com.appsmith.server.repositories.ApplicationRepository;
+import com.appsmith.server.repositories.CacheableRepositoryHelper;
 import com.appsmith.server.repositories.PluginRepository;
 import com.appsmith.server.repositories.WorkspaceRepository;
 import com.appsmith.server.services.ApplicationPageService;
 import com.appsmith.server.services.ApplicationService;
 import com.appsmith.server.services.LayoutActionService;
 import com.appsmith.server.services.LayoutCollectionService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.services.UserService;
 import com.appsmith.server.services.WorkspaceService;
 import com.appsmith.server.solutions.ApplicationPermission;
@@ -213,13 +215,22 @@ public class GitServiceCETest {
     @Autowired
     WorkspacePermission workspacePermission;
 
+    @Autowired
+    SessionUserService sessionUserService;
+
+    @Autowired
+    CacheableRepositoryHelper cacheableRepositoryHelper;
+
     @BeforeEach
     public void setup() throws IOException, GitAPIException {
-
+        User currentUser = sessionUserService.getCurrentUser().block();
         User apiUser = userService.findByEmail("api_user").block();
         Workspace toCreate = new Workspace();
         toCreate.setName("Git Service Test");
 
+        Set<String> beforeCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User before creating workspace: {}", beforeCreatingWorkspace);
         Workspace workspace =
                 workspaceService.create(toCreate, apiUser, Boolean.FALSE).block();
         workspaceId = workspace.getId();
@@ -236,6 +247,15 @@ public class GitServiceCETest {
         // applicationPermission = new ApplicationPermissionImpl();
         testUserProfile.setAuthorEmail("test@email.com");
         testUserProfile.setAuthorName("testUser");
+
+        Set<String> afterCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User after creating workspace: {}", afterCreatingWorkspace);
+
+        log.info("Workspace ID: {}", workspaceId);
+        log.info("Workspace Role Ids: {}", workspace.getDefaultPermissionGroups());
+        log.info("Policy for created Workspace: {}", workspace.getPolicies());
+        log.info("Current User ID: {}", currentUser.getId());
     }
 
     @AfterEach
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ProductAlertServiceCEImplTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ProductAlertServiceCEImplTest.java
index fbc40e8332..3c54884d52 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ProductAlertServiceCEImplTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/services/ce/ProductAlertServiceCEImplTest.java
@@ -1,7 +1,7 @@
 package com.appsmith.server.services.ce;
 
 import com.appsmith.server.configurations.CommonConfig;
-import com.appsmith.server.dtos.ce.ProductAlertResponseDTO;
+import com.appsmith.server.dtos.ProductAlertResponseDTO;
 import com.appsmith.server.exceptions.AppsmithError;
 import com.appsmith.server.exceptions.AppsmithException;
 import com.fasterxml.jackson.databind.ObjectMapper;
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/AuthenticationServiceTest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/AuthenticationServiceTest.java
index 065d8994d9..933528d264 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/AuthenticationServiceTest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/AuthenticationServiceTest.java
@@ -109,7 +109,7 @@ public class AuthenticationServiceTest {
     @WithUserDetails(value = "api_user")
     public void testGetAuthorizationCodeURL_missingDatasource() {
         Mono<String> authorizationCodeUrlMono = authenticationService.getAuthorizationCodeURLForGenericOAuth2(
-                "invalidId", FieldName.UNUSED_ENVIRONMENT_ID, "irrelevantPageId", null);
+                "invalidId", FieldName.UNUSED_ENVIRONMENT_ID, "irrelevantPageId", null, null);
 
         StepVerifier.create(authorizationCodeUrlMono)
                 .expectErrorMatches(throwable -> throwable instanceof AppsmithException
@@ -150,7 +150,7 @@ public class AuthenticationServiceTest {
         Mono<String> authorizationCodeUrlMono = datasourceMono
                 .map(BaseDomain::getId)
                 .flatMap(datasourceId -> authenticationService.getAuthorizationCodeURLForGenericOAuth2(
-                        datasourceId, defaultEnvironmentId, "irrelevantPageId", null));
+                        datasourceId, defaultEnvironmentId, "irrelevantPageId", null, null));
 
         StepVerifier.create(authorizationCodeUrlMono)
                 .expectErrorMatches(throwable -> throwable instanceof AppsmithException
@@ -228,7 +228,7 @@ public class AuthenticationServiceTest {
         final String datasourceId1 = datasourceMono.map(BaseDomain::getId).block();
 
         Mono<String> authorizationCodeUrlMono = authenticationService.getAuthorizationCodeURLForGenericOAuth2(
-                datasourceId1, defaultEnvironmentId, pageDto.getId(), httpRequest);
+                datasourceId1, defaultEnvironmentId, pageDto.getId(), null, httpRequest);
 
         StepVerifier.create(authorizationCodeUrlMono)
                 .assertNext(url -> {
@@ -248,4 +248,98 @@ public class AuthenticationServiceTest {
                 })
                 .verifyComplete();
     }
+
+    @Test
+    @WithUserDetails(value = "api_user")
+    public void testGetAuthorizationCodeURL_validDatasourceAndBranchName() {
+        LinkedMultiValueMap<String, String> mockHeaders = new LinkedMultiValueMap<>(1);
+        mockHeaders.add(HttpHeaders.REFERER, "https://mock.origin.com/source/uri");
+
+        MockServerHttpRequest httpRequest =
+                MockServerHttpRequest.get("").headers(mockHeaders).build();
+
+        Workspace testWorkspace = new Workspace();
+        testWorkspace.setName("Test-Workspace-OAuth2-git-redirection");
+        testWorkspace = workspaceService.create(testWorkspace).block();
+        String workspaceId = testWorkspace == null ? "" : testWorkspace.getId();
+        Mockito.when(pluginExecutorHelper.getPluginExecutor(Mockito.any()))
+                .thenReturn(Mono.just(new MockPluginExecutor()));
+
+        String defaultEnvironmentId = workspaceService
+                .getDefaultEnvironmentId(workspaceId, environmentPermission.getExecutePermission())
+                .block();
+
+        PageDTO testPage = new PageDTO();
+        testPage.setName("Test-Page-oauth2-git-redirection");
+
+        Application newApp = new Application();
+        newApp.setName(UUID.randomUUID().toString());
+        Application application =
+                applicationPageService.createApplication(newApp, workspaceId).block();
+
+        testPage.setApplicationId(application.getId());
+
+        PageDTO pageDTO = applicationPageService.createPage(testPage).block();
+
+        Mono<Plugin> pluginMono = pluginService.findByName("Installed Plugin Name");
+        // install plugin
+        pluginMono
+                .flatMap(plugin -> pluginService.installPlugin(PluginWorkspaceDTO.builder()
+                        .pluginId(plugin.getId())
+                        .workspaceId(workspaceId)
+                        .status(WorkspacePluginStatus.FREE)
+                        .build()))
+                .block();
+        Datasource datasource = new Datasource();
+        datasource.setName("Valid datasource for OAuth2");
+        datasource.setWorkspaceId(workspaceId);
+        DatasourceConfiguration datasourceConfiguration = new DatasourceConfiguration();
+        datasourceConfiguration.setUrl("http://test.com");
+        OAuth2 authenticationDTO = new OAuth2();
+        authenticationDTO.setClientId("ClientId");
+        authenticationDTO.setClientSecret("ClientSecret");
+        authenticationDTO.setAuthorizationUrl("AuthorizationURL");
+        authenticationDTO.setAccessTokenUrl("AccessTokenURL");
+        authenticationDTO.setScope(Set.of("Scope1", "Scope2"));
+        authenticationDTO.setCustomAuthenticationParameters(Set.of(new Property("key", "value")));
+        datasourceConfiguration.setAuthentication(authenticationDTO);
+        datasource.setDatasourceConfiguration(datasourceConfiguration);
+
+        HashMap<String, DatasourceStorageDTO> storages = new HashMap<>();
+        datasource.setDatasourceStorages(storages);
+        storages.put(
+                defaultEnvironmentId, new DatasourceStorageDTO(null, defaultEnvironmentId, datasourceConfiguration));
+
+        Mono<Datasource> datasourceMono = pluginMono
+                .map(plugin -> {
+                    datasource.setPluginId(plugin.getId());
+                    return datasource;
+                })
+                .flatMap(datasourceService::create)
+                .cache();
+
+        final String datasourceId = datasourceMono.map(BaseDomain::getId).block();
+
+        Mono<String> authorizationCodeUrlMono = authenticationService.getAuthorizationCodeURLForGenericOAuth2(
+                datasourceId, null, pageDTO.getId(), "testBranch", httpRequest);
+
+        StepVerifier.create(authorizationCodeUrlMono)
+                .assertNext(url -> {
+                    assertThat(url)
+                            .matches(Pattern.compile("AuthorizationURL" + "\\?client_id=ClientId"
+                                    + "&response_type=code"
+                                    + "&redirect_uri=https://mock.origin.com/api/v1/datasources/authorize"
+                                    + "&state="
+                                    + String.join(
+                                            ",",
+                                            pageDTO.getId(),
+                                            datasourceId,
+                                            defaultEnvironmentId,
+                                            "https://mock.origin.com",
+                                            "testBranch")
+                                    + "&scope=Scope\\d%20Scope\\d"
+                                    + "&key=value"));
+                })
+                .verifyComplete();
+    }
 }
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ImportApplicationServiceTests.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ImportApplicationServiceTests.java
index a4e14f57f8..f58fb74b06 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ImportApplicationServiceTests.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ImportApplicationServiceTests.java
@@ -33,6 +33,7 @@ import com.appsmith.server.domains.NewPage;
 import com.appsmith.server.domains.PermissionGroup;
 import com.appsmith.server.domains.Plugin;
 import com.appsmith.server.domains.Theme;
+import com.appsmith.server.domains.User;
 import com.appsmith.server.domains.Workspace;
 import com.appsmith.server.dtos.ActionCollectionDTO;
 import com.appsmith.server.dtos.ApplicationAccessDTO;
@@ -55,6 +56,7 @@ import com.appsmith.server.newactions.base.NewActionService;
 import com.appsmith.server.newpages.base.NewPageService;
 import com.appsmith.server.plugins.base.PluginService;
 import com.appsmith.server.repositories.ApplicationRepository;
+import com.appsmith.server.repositories.CacheableRepositoryHelper;
 import com.appsmith.server.repositories.PermissionGroupRepository;
 import com.appsmith.server.repositories.PluginRepository;
 import com.appsmith.server.repositories.ThemeRepository;
@@ -63,6 +65,7 @@ import com.appsmith.server.services.ApplicationService;
 import com.appsmith.server.services.LayoutActionService;
 import com.appsmith.server.services.LayoutCollectionService;
 import com.appsmith.server.services.PermissionGroupService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.services.WorkspaceService;
 import com.fasterxml.jackson.core.JsonProcessingException;
 import com.fasterxml.jackson.core.type.TypeReference;
@@ -214,6 +217,12 @@ public class ImportApplicationServiceTests {
     @SpyBean
     PluginService pluginService;
 
+    @Autowired
+    CacheableRepositoryHelper cacheableRepositoryHelper;
+
+    @Autowired
+    SessionUserService sessionUserService;
+
     @BeforeEach
     public void setup() {
         Mockito.when(pluginExecutorHelper.getPluginExecutor(Mockito.any()))
@@ -222,6 +231,10 @@ public class ImportApplicationServiceTests {
         if (Boolean.TRUE.equals(isSetupDone)) {
             return;
         }
+        User currentUser = sessionUserService.getCurrentUser().block();
+        Set<String> beforeCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User before creating workspace: {}", beforeCreatingWorkspace);
         installedPlugin = pluginRepository.findByPackageName("installed-plugin").block();
         Workspace workspace = new Workspace();
         workspace.setName("Import-Export-Test-Workspace");
@@ -230,6 +243,14 @@ public class ImportApplicationServiceTests {
         defaultEnvironmentId = workspaceService
                 .getDefaultEnvironmentId(workspaceId, environmentPermission.getExecutePermission())
                 .block();
+        Set<String> afterCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User after creating workspace: {}", afterCreatingWorkspace);
+
+        log.info("Workspace ID: {}", workspaceId);
+        log.info("Workspace Role Ids: {}", workspace.getDefaultPermissionGroups());
+        log.info("Policy for created Workspace: {}", workspace.getPolicies());
+        log.info("Current User ID: {}", currentUser.getId());
 
         Application testApplication = new Application();
         testApplication.setName("Export-Application-Test-Application");
@@ -878,11 +899,14 @@ public class ImportApplicationServiceTests {
                 importApplicationService.extractFileAndSaveApplication(workspaceId, filePart);
 
         StepVerifier.create(resultMono)
-                .expectErrorMatches(throwable -> throwable instanceof AppsmithException
-                        && throwable
-                                .getMessage()
-                                .equals(AppsmithError.VALIDATION_FAILURE.getMessage(
-                                        "Field '" + FieldName.APPLICATION + "' is missing in the JSON.")))
+                .expectErrorMatches(
+                        throwable -> throwable instanceof AppsmithException
+                                && throwable
+                                        .getMessage()
+                                        .equals(
+                                                AppsmithError.VALIDATION_FAILURE.getMessage(
+                                                        "Field '" + FieldName.APPLICATION
+                                                                + "' Sorry! Seems like you've imported a page-level json instead of an application. Please use the import within the page.")))
                 .verify();
     }
 
diff --git a/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ce/ActionExecutionSolutionCETest.java b/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ce/ActionExecutionSolutionCETest.java
index 4726ae2bff..0a07db5ccf 100644
--- a/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ce/ActionExecutionSolutionCETest.java
+++ b/app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ce/ActionExecutionSolutionCETest.java
@@ -36,6 +36,7 @@ import com.appsmith.server.helpers.WidgetSuggestionHelper;
 import com.appsmith.server.imports.internal.ImportApplicationService;
 import com.appsmith.server.newpages.base.NewPageService;
 import com.appsmith.server.plugins.base.PluginService;
+import com.appsmith.server.repositories.CacheableRepositoryHelper;
 import com.appsmith.server.repositories.DatasourceRepository;
 import com.appsmith.server.repositories.PermissionGroupRepository;
 import com.appsmith.server.repositories.PluginRepository;
@@ -46,6 +47,7 @@ import com.appsmith.server.services.LayoutActionService;
 import com.appsmith.server.services.LayoutService;
 import com.appsmith.server.services.MockDataService;
 import com.appsmith.server.services.PermissionGroupService;
+import com.appsmith.server.services.SessionUserService;
 import com.appsmith.server.services.UserService;
 import com.appsmith.server.services.WorkspaceService;
 import com.appsmith.server.solutions.ActionExecutionSolution;
@@ -54,6 +56,7 @@ import com.appsmith.server.solutions.EnvironmentPermission;
 import com.fasterxml.jackson.core.JsonProcessingException;
 import com.fasterxml.jackson.databind.JsonNode;
 import com.fasterxml.jackson.databind.ObjectMapper;
+import lombok.extern.slf4j.Slf4j;
 import net.minidev.json.JSONArray;
 import net.minidev.json.JSONObject;
 import org.junit.jupiter.api.AfterEach;
@@ -78,6 +81,7 @@ import java.util.HashMap;
 import java.util.HashSet;
 import java.util.List;
 import java.util.Map;
+import java.util.Set;
 import java.util.UUID;
 
 import static com.appsmith.server.acl.AclPermission.READ_PAGES;
@@ -86,6 +90,7 @@ import static org.mockito.ArgumentMatchers.any;
 
 @ExtendWith(SpringExtension.class)
 @SpringBootTest
+@Slf4j
 public class ActionExecutionSolutionCETest {
 
     @Autowired
@@ -163,6 +168,12 @@ public class ActionExecutionSolutionCETest {
     @Autowired
     ApplicationPermission applicationPermission;
 
+    @Autowired
+    SessionUserService sessionUserService;
+
+    @Autowired
+    CacheableRepositoryHelper cacheableRepositoryHelper;
+
     Application testApp = null;
 
     PageDTO testPage = null;
@@ -181,15 +192,26 @@ public class ActionExecutionSolutionCETest {
 
     @BeforeEach
     public void setup() {
-
+        User currentUser = sessionUserService.getCurrentUser().block();
         User apiUser = userService.findByEmail("api_user").block();
 
         Workspace toCreate = new Workspace();
         toCreate.setName("ActionServiceCE_Test");
+        Set<String> beforeCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User before creating workspace: {}", beforeCreatingWorkspace);
 
         Workspace workspace =
                 workspaceService.create(toCreate, apiUser, Boolean.FALSE).block();
         workspaceId = workspace.getId();
+        Set<String> afterCreatingWorkspace =
+                cacheableRepositoryHelper.getPermissionGroupsOfUser(currentUser).block();
+        log.info("Permission Groups for User after creating workspace: {}", afterCreatingWorkspace);
+
+        log.info("Workspace ID: {}", workspaceId);
+        log.info("Workspace Role Ids: {}", workspace.getDefaultPermissionGroups());
+        log.info("Policy for created Workspace: {}", workspace.getPolicies());
+        log.info("Current User ID: {}", currentUser.getId());
 
         defaultEnvironmentId = workspaceService
                 .getDefaultEnvironmentId(workspaceId, environmentPermission.getExecutePermission())
diff --git a/app/server/appsmith-server/src/test/resources/test_assets/ImportExportServiceTest/partial-export-resource.json b/app/server/appsmith-server/src/test/resources/test_assets/ImportExportServiceTest/partial-export-resource.json
new file mode 100644
index 0000000000..dd48c4aad0
--- /dev/null
+++ b/app/server/appsmith-server/src/test/resources/test_assets/ImportExportServiceTest/partial-export-resource.json
@@ -0,0 +1,766 @@
+{
+  "clientSchemaVersion": 1,
+  "serverSchemaVersion": 7,
+  "actionList": [
+    {
+      "id": "Send Messages_SendEmail",
+      "pluginType": "DB",
+      "pluginId": "smtp-plugin",
+      "unpublishedAction": {
+        "name": "SendEmail",
+        "datasource": {
+          "userPermissions": [],
+          "pluginId": "smtp-plugin",
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "body": "{{EmailText.text}}",
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "command": "SEND",
+            "send": {
+              "from": "appsmithtemp@gmail.com",
+              "to": "kocharrahul8@gmail.com,{{Utils.get()}}",
+              "subject": "Communication Sent Via Appsmith"
+            }
+          }
+        },
+        "executeOnLoad": false,
+        "dynamicBindingPathList": [
+          {
+            "key": "body"
+          },
+          {
+            "key": "formData.send.to"
+          }
+        ],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [
+          "EmailText.text",
+          "Utils.get()"
+        ],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "SendEmail",
+        "configurationPath": "SendEmail.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "body": "{{EmailText.text}}",
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "command": "SEND",
+            "send": {
+              "from": "appsmithtemp@gmail.com",
+              "to": "kocharrahul8@gmail.com,{{Utils.get()}}",
+              "subject": "Communication Sent Via Appsmith"
+            }
+          }
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "SendEmail",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [
+            "EmailText.text",
+            "Utils.get()"
+          ],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "publishedAction": {
+        "name": "SendEmail",
+        "datasource": {
+          "userPermissions": [],
+          "pluginId": "smtp-plugin",
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "body": "{{EmailText.text}}",
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "command": "SEND",
+            "send": {
+              "from": "appsmithtemp@gmail.com",
+              "to": "kocharrahul8@gmail.com,{{Utils.get()}}",
+              "subject": "Communication Sent Via Appsmith"
+            }
+          }
+        },
+        "executeOnLoad": false,
+        "dynamicBindingPathList": [
+          {
+            "key": "body"
+          },
+          {
+            "key": "formData.send.to"
+          }
+        ],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [
+          "EmailText.text",
+          "Utils.get()"
+        ],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "SendEmail",
+        "configurationPath": "SendEmail.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "body": "{{EmailText.text}}",
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "command": "SEND",
+            "send": {
+              "from": "appsmithtemp@gmail.com",
+              "to": "kocharrahul8@gmail.com,{{Utils.get()}}",
+              "subject": "Communication Sent Via Appsmith"
+            }
+          }
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "SendEmail",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [
+            "EmailText.text",
+            "Utils.get()"
+          ],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "new": false
+    },
+    {
+      "id": "Send Messages_DiscordAPI",
+      "pluginType": "API",
+      "pluginId": "restapi-plugin",
+      "unpublishedAction": {
+        "name": "DiscordAPI",
+        "datasource": {
+          "userPermissions": [],
+          "name": "DEFAULT_REST_DATASOURCE",
+          "pluginId": "restapi-plugin",
+          "datasourceConfiguration": {
+            "url": "{{List1.selectedItem.Discord_Webhook}}"
+          },
+          "invalids": [],
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "path": "",
+          "headers": [
+            {
+              "key": "content-type",
+              "value": "application/json"
+            }
+          ],
+          "encodeParamsToggle": true,
+          "queryParameters": [],
+          "body": "{\n\"content\" : {{DiscordText.text}}\n}",
+          "httpMethod": "POST",
+          "selfReferencingDataPaths": [],
+          "pluginSpecifiedTemplates": [
+            {
+              "value": true
+            }
+          ]
+        },
+        "executeOnLoad": false,
+        "dynamicBindingPathList": [
+          {
+            "key": "body"
+          },
+          {
+            "key": "datasourceUrl"
+          }
+        ],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [
+          "DiscordText.text",
+          "List1.selectedItem.Discord_Webhook"
+        ],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "DiscordAPI",
+        "configurationPath": "DiscordAPI.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "path": "",
+          "headers": [
+            {
+              "key": "content-type",
+              "value": "application/json"
+            }
+          ],
+          "encodeParamsToggle": true,
+          "queryParameters": [],
+          "body": "{\n\"content\" : {{DiscordText.text}}\n}",
+          "httpMethod": "POST",
+          "selfReferencingDataPaths": [],
+          "pluginSpecifiedTemplates": [
+            {
+              "value": true
+            }
+          ]
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "DiscordAPI",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [
+            "DiscordText.text",
+            "List1.selectedItem.Discord_Webhook"
+          ],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "publishedAction": {
+        "name": "DiscordAPI",
+        "datasource": {
+          "userPermissions": [],
+          "name": "DEFAULT_REST_DATASOURCE",
+          "pluginId": "restapi-plugin",
+          "datasourceConfiguration": {
+            "url": "{{List1.selectedItem.Discord_Webhook}}"
+          },
+          "invalids": [],
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "path": "",
+          "headers": [
+            {
+              "key": "content-type",
+              "value": "application/json"
+            }
+          ],
+          "encodeParamsToggle": true,
+          "queryParameters": [],
+          "body": "{\n\"content\" : {{DiscordText.text}}\n}",
+          "httpMethod": "POST",
+          "selfReferencingDataPaths": [],
+          "pluginSpecifiedTemplates": [
+            {
+              "value": true
+            }
+          ]
+        },
+        "executeOnLoad": false,
+        "dynamicBindingPathList": [
+          {
+            "key": "body"
+          },
+          {
+            "key": "datasourceUrl"
+          }
+        ],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [
+          "DiscordText.text",
+          "List1.selectedItem.Discord_Webhook"
+        ],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "DiscordAPI",
+        "configurationPath": "DiscordAPI.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "path": "",
+          "headers": [
+            {
+              "key": "content-type",
+              "value": "application/json"
+            }
+          ],
+          "encodeParamsToggle": true,
+          "queryParameters": [],
+          "body": "{\n\"content\" : {{DiscordText.text}}\n}",
+          "httpMethod": "POST",
+          "selfReferencingDataPaths": [],
+          "pluginSpecifiedTemplates": [
+            {
+              "value": true
+            }
+          ]
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "DiscordAPI",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [
+            "DiscordText.text",
+            "List1.selectedItem.Discord_Webhook"
+          ],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "new": false
+    },
+    {
+      "id": "Send Messages_AddNewList",
+      "pluginType": "DB",
+      "pluginId": "mongo-plugin",
+      "unpublishedAction": {
+        "name": "AddNewList",
+        "datasource": {
+          "userPermissions": [],
+          "pluginId": "mongo-plugin",
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "insert": {
+              "documents": {
+                "data": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}",
+                "viewType": "component",
+                "componentData": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}"
+              }
+            },
+            "collection": {
+              "data": "MailingList",
+              "viewType": "component",
+              "componentData": "MailingList"
+            },
+            "command": {
+              "data": "INSERT",
+              "viewType": "component",
+              "componentData": "INSERT"
+            },
+            "smartSubstitution": {
+              "data": true,
+              "viewType": "component",
+              "componentData": true
+            }
+          }
+        },
+        "executeOnLoad": false,
+        "dynamicBindingPathList": [
+          {
+            "key": "formData.insert.documents.data"
+          }
+        ],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [
+          "List_Name.text",
+          "List_ID.text",
+          "Webhook.text",
+          "Table2.selectedRows.map(a => a.CustomerID)",
+          "Icon.text",
+          "moment().format('YYYY-MM-DDT00:00:00.000Z')"
+        ],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "AddNewList",
+        "configurationPath": "AddNewList.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "insert": {
+              "documents": {
+                "data": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}",
+                "viewType": "component",
+                "componentData": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}"
+              }
+            },
+            "collection": {
+              "data": "MailingList",
+              "viewType": "component",
+              "componentData": "MailingList"
+            },
+            "command": {
+              "data": "INSERT",
+              "viewType": "component",
+              "componentData": "INSERT"
+            },
+            "smartSubstitution": {
+              "data": true,
+              "viewType": "component",
+              "componentData": true
+            }
+          }
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "AddNewList",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [
+            "List_Name.text",
+            "List_ID.text",
+            "Webhook.text",
+            "Table2.selectedRows.map(a => a.CustomerID)",
+            "Icon.text",
+            "moment().format('YYYY-MM-DDT00:00:00.000Z')"
+          ],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "publishedAction": {
+        "name": "AddNewList",
+        "datasource": {
+          "userPermissions": [],
+          "pluginId": "mongo-plugin",
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "insert": {
+              "documents": {
+                "data": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}",
+                "viewType": "component",
+                "componentData": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}"
+              }
+            },
+            "collection": {
+              "data": "MailingList",
+              "viewType": "component",
+              "componentData": "MailingList"
+            },
+            "command": {
+              "data": "INSERT",
+              "viewType": "component",
+              "componentData": "INSERT"
+            },
+            "smartSubstitution": {
+              "data": true,
+              "viewType": "component",
+              "componentData": true
+            }
+          }
+        },
+        "executeOnLoad": false,
+        "dynamicBindingPathList": [
+          {
+            "key": "formData.insert.documents.data"
+          }
+        ],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [
+          "List_Name.text",
+          "List_ID.text",
+          "Webhook.text",
+          "Table2.selectedRows.map(a => a.CustomerID)",
+          "Icon.text",
+          "moment().format('YYYY-MM-DDT00:00:00.000Z')"
+        ],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "AddNewList",
+        "configurationPath": "AddNewList.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "insert": {
+              "documents": {
+                "data": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}",
+                "viewType": "component",
+                "componentData": "\n{\"Discord_Webhook\":{{Webhook.text}}\n\"Mailinglist\":{{List_Name.text}}\n\"MailinglistID\":{{List_ID.text}}\n\"Icon\":{{Icon.text}}\n\"Users\":{{Table2.selectedRows.map(a => a.CustomerID)}}\n\"CreationDate\": ISODate({{moment().format('YYYY-MM-DDT00:00:00.000Z')}})\n}"
+              }
+            },
+            "collection": {
+              "data": "MailingList",
+              "viewType": "component",
+              "componentData": "MailingList"
+            },
+            "command": {
+              "data": "INSERT",
+              "viewType": "component",
+              "componentData": "INSERT"
+            },
+            "smartSubstitution": {
+              "data": true,
+              "viewType": "component",
+              "componentData": true
+            }
+          }
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "AddNewList",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [
+            "List_Name.text",
+            "List_ID.text",
+            "Webhook.text",
+            "Table2.selectedRows.map(a => a.CustomerID)",
+            "Icon.text",
+            "moment().format('YYYY-MM-DDT00:00:00.000Z')"
+          ],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "new": false
+    },
+    {
+      "id": "Send Messages_doNotDisturbCount",
+      "pluginType": "DB",
+      "pluginId": "mongo-plugin",
+      "unpublishedAction": {
+        "name": "doNotDisturbCount",
+        "datasource": {
+          "userPermissions": [],
+          "pluginId": "mongo-plugin",
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "count": {
+              "query": {
+                "data": "{\"UsersDoNotDisturb\": 1}",
+                "viewType": "component",
+                "componentData": "{\"UsersDoNotDisturb\": 1}"
+              }
+            },
+            "collection": {
+              "data": "Customers",
+              "viewType": "component",
+              "componentData": "Customers"
+            },
+            "body": {
+              "data": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n",
+              "viewType": "component",
+              "componentData": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n"
+            },
+            "command": {
+              "data": "COUNT",
+              "viewType": "component",
+              "componentData": "COUNT"
+            }
+          }
+        },
+        "executeOnLoad": true,
+        "dynamicBindingPathList": [],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "doNotDisturbCount",
+        "configurationPath": "doNotDisturbCount.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "count": {
+              "query": {
+                "data": "{\"UsersDoNotDisturb\": 1}",
+                "viewType": "component",
+                "componentData": "{\"UsersDoNotDisturb\": 1}"
+              }
+            },
+            "collection": {
+              "data": "Customers",
+              "viewType": "component",
+              "componentData": "Customers"
+            },
+            "body": {
+              "data": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n",
+              "viewType": "component",
+              "componentData": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n"
+            },
+            "command": {
+              "data": "COUNT",
+              "viewType": "component",
+              "componentData": "COUNT"
+            }
+          }
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "doNotDisturbCount",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "publishedAction": {
+        "name": "doNotDisturbCount",
+        "datasource": {
+          "userPermissions": [],
+          "pluginId": "mongo-plugin",
+          "messages": [],
+          "isValid": true,
+          "new": true
+        },
+        "pageId": "Send Messages",
+        "actionConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "count": {
+              "query": {
+                "data": "{\"UsersDoNotDisturb\": 1}",
+                "viewType": "component",
+                "componentData": "{\"UsersDoNotDisturb\": 1}"
+              }
+            },
+            "collection": {
+              "data": "Customers",
+              "viewType": "component",
+              "componentData": "Customers"
+            },
+            "body": {
+              "data": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n",
+              "viewType": "component",
+              "componentData": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n"
+            },
+            "command": {
+              "data": "COUNT",
+              "viewType": "component",
+              "componentData": "COUNT"
+            }
+          }
+        },
+        "executeOnLoad": true,
+        "dynamicBindingPathList": [],
+        "isValid": true,
+        "invalids": [],
+        "messages": [],
+        "jsonPathKeys": [],
+        "confirmBeforeExecute": false,
+        "userPermissions": [],
+        "validName": "doNotDisturbCount",
+        "configurationPath": "doNotDisturbCount.actionConfiguration",
+        "executableConfiguration": {
+          "timeoutInMillisecond": 10000,
+          "paginationType": "NONE",
+          "encodeParamsToggle": true,
+          "selfReferencingDataPaths": [],
+          "formData": {
+            "count": {
+              "query": {
+                "data": "{\"UsersDoNotDisturb\": 1}",
+                "viewType": "component",
+                "componentData": "{\"UsersDoNotDisturb\": 1}"
+              }
+            },
+            "collection": {
+              "data": "Customers",
+              "viewType": "component",
+              "componentData": "Customers"
+            },
+            "body": {
+              "data": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n",
+              "viewType": "component",
+              "componentData": "{\n  \"count\": \"customers\",\n  \"filter\": {\n    \"UsersDoNotDisturb\": 1\n\t}\n}\n"
+            },
+            "command": {
+              "data": "COUNT",
+              "viewType": "component",
+              "componentData": "COUNT"
+            }
+          }
+        },
+        "selfReferencingDataPaths": [],
+        "dslExecutable": {
+          "name": "doNotDisturbCount",
+          "confirmBeforeExecute": false,
+          "jsonPathKeys": [],
+          "timeoutInMillisecond": 10000
+        }
+      },
+      "new": false
+    }
+  ],
+  "actionCollectionList": [
+    {
+      "id": "Send Messages_Utils",
+      "unpublishedCollection": {
+        "name": "Utils",
+        "pageId": "Send Messages",
+        "pluginId": "js-plugin",
+        "pluginType": "JS",
+        "actions": [],
+        "archivedActions": [],
+        "body": "export default {\n\tsendMessages: () => {\n\t\tif(DiscordSwitch.isSwitchedOn){\n\t\t\tDiscordAPI.run();\n\t\t\tconst successMessage1 =\"Discord Message sent to \".concat(List1.selectedItem.Mailinglist).concat(\" server\") \n\t\t\tshowAlert(successMessage1,'success');\n\t\t\t}\n\t\tif(EmailSwitch.isSwitchedOn){\n\t\t\tSendEmail.run();\n\t\t\tconst successMessage2 =\"Email sent to users on \".concat(List1.selectedItem.Mailinglist).concat(\" list\") \n\t\t\tshowAlert(successMessage2,'success');\n\t\t}\n\t\tresetWidget(\"MessageModal\");\n\t\tcloseModal(\"MessageModal\");\n\t},\n\tgetEmails: () => {\n\t\tvar nameArray = Table1.selectedRows.map(function (el) { return el.CustomerEmailID; });\n\t\treturn nameArray.toString();\n\t},\n\taddList: () => {\n\t\tconst a =\"We have created a new list\".concat(List_Name.text);\n\t\tAddNewList.run();\n\t\tshowAlert(a,'success');\n\t\tresetWidget(\"mailingListModal\");\n\t\tGetMarketingList.run();\n\t\tcloseModal(\"mailingListModal\");\n\t}\n}",
+        "variables": [],
+        "userPermissions": []
+      },
+      "publishedCollection": {
+        "name": "Utils",
+        "pageId": "Send Messages",
+        "pluginId": "js-plugin",
+        "pluginType": "JS",
+        "actions": [],
+        "archivedActions": [],
+        "body": "export default {\n\tsendMessages: () => {\n\t\tif(DiscordSwitch.isSwitchedOn){\n\t\t\tDiscordAPI.run();\n\t\t\tconst successMessage1 =\"Discord Message sent to \".concat(List1.selectedItem.Mailinglist).concat(\" server\") \n\t\t\tshowAlert(successMessage1,'success');\n\t\t\t}\n\t\tif(EmailSwitch.isSwitchedOn){\n\t\t\tSendEmail.run();\n\t\t\tconst successMessage2 =\"Email sent to users on \".concat(List1.selectedItem.Mailinglist).concat(\" list\") \n\t\t\tshowAlert(successMessage2,'success');\n\t\t}\n\t\tresetWidget(\"MessageModal\");\n\t\tcloseModal(\"MessageModal\");\n\t},\n\tgetEmails: () => {\n\t\tvar nameArray = Table1.selectedRows.map(function (el) { return el.CustomerEmailID; });\n\t\treturn nameArray.toString();\n\t},\n\taddList: () => {\n\t\tconst a =\"We have created a new list\".concat(List_Name.text);\n\t\tAddNewList.run();\n\t\tshowAlert(a,'success');\n\t\tresetWidget(\"mailingListModal\");\n\t\tGetMarketingList.run();\n\t\tcloseModal(\"mailingListModal\");\n\t}\n}",
+        "variables": [],
+        "userPermissions": []
+      },
+      "new": false
+    }
+  ],
+  "widgets": "{\"widgets\":[{\"widgetId\":\"n4j5niuf3l\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Container6CopyCopyCopy\",\"borderColor\":\"transparent\",\"isCanvas\":true,\"displayName\":\"Container\",\"iconSVG\":\"/static/media/icon.1977dca3.svg\",\"topRow\":15,\"bottomRow\":27,\"parentRowSpace\":10,\"type\":\"CONTAINER_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"parentColumnSpace\":18.0625,\"dynamicTriggerPathList\":[],\"leftColumn\":23,\"dynamicBindingPathList\":[],\"children\":[\"fd8c2u1eha\"],\"borderWidth\":\"0\",\"key\":\"p5ueindstb\",\"backgroundColor\":\"#FFFFFF\",\"rightColumn\":36,\"widgetId\":\"n4j5niuf3l\",\"containerStyle\":\"card\",\"isVisible\":true,\"version\":1,\"parentId\":\"0\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"borderRadius\":\"15px\",\"dynamicPropertyPathList\":[{\"key\":\"borderRadius\"}],\"labelTextSize\":\"0.875rem\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"widgetName\":\"Canvas9CopyCopyCopy\",\"rightColumn\":433.5,\"detachFromLayout\":true,\"displayName\":\"Canvas\",\"widgetId\":\"fd8c2u1eha\",\"containerStyle\":\"none\",\"topRow\":0,\"bottomRow\":120,\"parentRowSpace\":1,\"isVisible\":true,\"type\":\"CANVAS_WIDGET\",\"canExtend\":false,\"version\":1,\"hideCard\":true,\"parentId\":\"n4j5niuf3l\",\"minHeight\":400,\"renderMode\":\"CANVAS\",\"isLoading\":false,\"parentColumnSpace\":1,\"leftColumn\":0,\"children\":[\"r03q89gxpz\"],\"key\":\"he8asa5zlk\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\"},{\"widgetName\":\"Statbox1CopyCopyCopy\",\"backgroundColor\":\"#FFFFFF\",\"rightColumn\":64,\"isCanvas\":true,\"displayName\":\"Stats Box\",\"iconSVG\":\"/static/media/icon.382a7c7b.svg\",\"widgetId\":\"r03q89gxpz\",\"topRow\":0,\"bottomRow\":10,\"parentRowSpace\":10,\"isVisible\":true,\"type\":\"STATBOX_WIDGET\",\"hideCard\":false,\"parentId\":\"fd8c2u1eha\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"animateLoading\":true,\"parentColumnSpace\":18.0625,\"dynamicTriggerPathList\":[],\"leftColumn\":0,\"dynamicBindingPathList\":[],\"children\":[\"0tbog0qb4e\"],\"key\":\"e50ggjmboq\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"widgetName\":\"Canvas8CopyCopyCopy\",\"rightColumn\":289,\"detachFromLayout\":true,\"displayName\":\"Canvas\",\"widgetId\":\"0tbog0qb4e\",\"containerStyle\":\"none\",\"topRow\":0,\"bottomRow\":100,\"parentRowSpace\":1,\"isVisible\":true,\"type\":\"CANVAS_WIDGET\",\"canExtend\":false,\"version\":1,\"hideCard\":true,\"parentId\":\"r03q89gxpz\",\"minHeight\":140,\"renderMode\":\"CANVAS\",\"isLoading\":false,\"parentColumnSpace\":1,\"leftColumn\":0,\"children\":[\"p4ieqw603v\",\"yt0hi52if6\",\"8ouo8d7pqy\"],\"key\":\"he8asa5zlk\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\"},{\"widgetName\":\"Text6Copy4CopyCopy\",\"displayName\":\"Text\",\"iconSVG\":\"/static/media/icon.97c59b52.svg\",\"topRow\":0,\"bottomRow\":4,\"type\":\"TEXT_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"leftColumn\":0,\"dynamicBindingPathList\":[],\"truncateButtonColor\":\"#FFC13D\",\"text\":\"Reachable Customers\",\"key\":\"deco66gubs\",\"rightColumn\":64,\"textAlign\":\"LEFT\",\"widgetId\":\"p4ieqw603v\",\"isVisible\":true,\"fontStyle\":\"\",\"textColor\":\"#2E3D49\",\"version\":1,\"parentId\":\"0tbog0qb4e\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"fontSize\":\"0.875rem\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\",\"fontFamily\":\"System Default\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"widgetName\":\"Text7Copy3CopyCopy\",\"displayName\":\"Text\",\"iconSVG\":\"/static/media/icon.97c59b52.svg\",\"topRow\":4,\"bottomRow\":8,\"type\":\"TEXT_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"leftColumn\":1,\"dynamicBindingPathList\":[{\"key\":\"text\"}],\"truncateButtonColor\":\"#FFC13D\",\"text\":\"{{allCustomerList.data.length}}\",\"key\":\"deco66gubs\",\"rightColumn\":37,\"textAlign\":\"LEFT\",\"widgetId\":\"yt0hi52if6\",\"isVisible\":true,\"fontStyle\":\"BOLD\",\"textColor\":\"#2E3D49\",\"version\":1,\"parentId\":\"0tbog0qb4e\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"fontSize\":\"1.5rem\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"dynamicPropertyPathList\":[{\"key\":\"fontSize\"}],\"labelTextSize\":\"0.875rem\",\"fontFamily\":\"System Default\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"boxShadow\":\"none\",\"widgetName\":\"IconButton2CopyCopy\",\"buttonColor\":\"#64508C\",\"displayName\":\"Icon Button\",\"iconSVG\":\"/static/media/icon.1a0c634a.svg\",\"topRow\":4,\"bottomRow\":8,\"type\":\"ICON_BUTTON_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"dynamicTriggerPathList\":[],\"leftColumn\":51,\"dynamicBindingPathList\":[],\"isDisabled\":false,\"key\":\"1vdnabqlfq\",\"rightColumn\":64,\"iconName\":\"new-person\",\"widgetId\":\"8ouo8d7pqy\",\"buttonStyle\":\"PRIMARY\",\"isVisible\":true,\"version\":1,\"parentId\":\"0tbog0qb4e\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"borderRadius\":\"0.375rem\",\"buttonVariant\":\"PRIMARY\",\"labelTextSize\":\"0.875rem\"}],\"parentId\":\"0\"},{\"widgetId\":\"6yn34g8ujl\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Container6CopyCopy\",\"borderColor\":\"transparent\",\"isCanvas\":true,\"displayName\":\"Container\",\"iconSVG\":\"/static/media/icon.1977dca3.svg\",\"topRow\":15,\"bottomRow\":27,\"parentRowSpace\":10,\"type\":\"CONTAINER_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"parentColumnSpace\":18.0625,\"dynamicTriggerPathList\":[],\"leftColumn\":36,\"dynamicBindingPathList\":[],\"children\":[\"ykizpmhpsg\"],\"borderWidth\":\"0\",\"key\":\"p5ueindstb\",\"backgroundColor\":\"#FFFFFF\",\"rightColumn\":49,\"widgetId\":\"6yn34g8ujl\",\"containerStyle\":\"card\",\"isVisible\":true,\"version\":1,\"parentId\":\"0\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"borderRadius\":\"15px\",\"dynamicPropertyPathList\":[{\"key\":\"borderRadius\"}],\"labelTextSize\":\"0.875rem\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"widgetName\":\"Canvas9CopyCopy\",\"rightColumn\":433.5,\"detachFromLayout\":true,\"displayName\":\"Canvas\",\"widgetId\":\"ykizpmhpsg\",\"containerStyle\":\"none\",\"topRow\":0,\"bottomRow\":120,\"parentRowSpace\":1,\"isVisible\":true,\"type\":\"CANVAS_WIDGET\",\"canExtend\":false,\"version\":1,\"hideCard\":true,\"parentId\":\"6yn34g8ujl\",\"minHeight\":400,\"renderMode\":\"CANVAS\",\"isLoading\":false,\"parentColumnSpace\":1,\"leftColumn\":0,\"children\":[\"8vz0i9q06h\"],\"key\":\"he8asa5zlk\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\"},{\"widgetName\":\"Statbox1CopyCopy\",\"backgroundColor\":\"#FFFFFF\",\"rightColumn\":64,\"isCanvas\":true,\"displayName\":\"Stats Box\",\"iconSVG\":\"/static/media/icon.382a7c7b.svg\",\"widgetId\":\"8vz0i9q06h\",\"topRow\":0,\"bottomRow\":10,\"parentRowSpace\":10,\"isVisible\":true,\"type\":\"STATBOX_WIDGET\",\"hideCard\":false,\"parentId\":\"ykizpmhpsg\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"animateLoading\":true,\"parentColumnSpace\":18.0625,\"dynamicTriggerPathList\":[],\"leftColumn\":0,\"dynamicBindingPathList\":[],\"children\":[\"0y0vy0g8hm\"],\"key\":\"e50ggjmboq\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"widgetName\":\"Canvas8CopyCopy\",\"rightColumn\":289,\"detachFromLayout\":true,\"displayName\":\"Canvas\",\"widgetId\":\"0y0vy0g8hm\",\"containerStyle\":\"none\",\"topRow\":0,\"bottomRow\":100,\"parentRowSpace\":1,\"isVisible\":true,\"type\":\"CANVAS_WIDGET\",\"canExtend\":false,\"version\":1,\"hideCard\":true,\"parentId\":\"8vz0i9q06h\",\"minHeight\":140,\"renderMode\":\"CANVAS\",\"isLoading\":false,\"parentColumnSpace\":1,\"leftColumn\":0,\"children\":[\"j3z2ve8ag5\",\"kwtiaoo3ks\",\"fubfdyc3va\"],\"key\":\"he8asa5zlk\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\"},{\"widgetName\":\"Text6Copy4Copy\",\"displayName\":\"Text\",\"iconSVG\":\"/static/media/icon.97c59b52.svg\",\"topRow\":0,\"bottomRow\":4,\"type\":\"TEXT_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"leftColumn\":1,\"dynamicBindingPathList\":[],\"truncateButtonColor\":\"#FFC13D\",\"text\":\"Do not Disturb Customers\",\"key\":\"deco66gubs\",\"rightColumn\":64,\"textAlign\":\"LEFT\",\"widgetId\":\"j3z2ve8ag5\",\"isVisible\":true,\"fontStyle\":\"\",\"textColor\":\"#2E3D49\",\"version\":1,\"parentId\":\"0y0vy0g8hm\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"fontSize\":\"0.875rem\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"labelTextSize\":\"0.875rem\",\"fontFamily\":\"System Default\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"widgetName\":\"Text7Copy3Copy\",\"displayName\":\"Text\",\"iconSVG\":\"/static/media/icon.97c59b52.svg\",\"topRow\":4,\"bottomRow\":8,\"type\":\"TEXT_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"leftColumn\":1,\"dynamicBindingPathList\":[{\"key\":\"text\"}],\"truncateButtonColor\":\"#FFC13D\",\"text\":\"{{doNotDisturbCount.data.n}}\",\"key\":\"deco66gubs\",\"rightColumn\":37,\"textAlign\":\"LEFT\",\"widgetId\":\"kwtiaoo3ks\",\"isVisible\":true,\"fontStyle\":\"BOLD\",\"textColor\":\"#2E3D49\",\"version\":1,\"parentId\":\"0y0vy0g8hm\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"fontSize\":\"1.5rem\",\"borderRadius\":\"0px\",\"boxShadow\":\"none\",\"dynamicPropertyPathList\":[{\"key\":\"fontSize\"}],\"labelTextSize\":\"0.875rem\",\"fontFamily\":\"System Default\",\"minDynamicHeight\":4,\"maxDynamicHeight\":9000,\"dynamicHeight\":\"FIXED\"},{\"boxShadow\":\"none\",\"widgetName\":\"IconButton2Copy\",\"buttonColor\":\"#64508C\",\"displayName\":\"Icon Button\",\"iconSVG\":\"/static/media/icon.1a0c634a.svg\",\"topRow\":4,\"bottomRow\":8,\"type\":\"ICON_BUTTON_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"dynamicTriggerPathList\":[],\"leftColumn\":51,\"dynamicBindingPathList\":[],\"isDisabled\":false,\"key\":\"1vdnabqlfq\",\"rightColumn\":64,\"iconName\":\"blocked-person\",\"widgetId\":\"fubfdyc3va\",\"buttonStyle\":\"PRIMARY\",\"isVisible\":true,\"version\":1,\"parentId\":\"0y0vy0g8hm\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"borderRadius\":\"0.375rem\",\"buttonVariant\":\"PRIMARY\",\"labelTextSize\":\"0.875rem\"}],\"parentId\":\"0\"}],\"flexLayers\":[]}"
+}
+}
diff --git a/deploy/docker/base.dockerfile b/deploy/docker/base.dockerfile
index 86ff3555cf..072de958b6 100644
--- a/deploy/docker/base.dockerfile
+++ b/deploy/docker/base.dockerfile
@@ -36,7 +36,10 @@ RUN curl --silent --show-error --location https://www.mongodb.org/static/pgp/ser
 RUN set -o xtrace \
   && mkdir -p /opt/java \
   # Assets from https://github.com/adoptium/temurin17-binaries/releases
-  && version="$(curl --write-out '%{redirect_url}' 'https://github.com/adoptium/temurin17-binaries/releases/latest' | sed 's,.*jdk-,,')" \
+  # TODO: The release jdk-17.0.9+9.1 doesn't include Linux binaries, so this fails.
+  #       Temporarily using hardcoded version in URL until we figure out a more elaborate/smarter solution.
+  #&& version="$(curl --write-out '%{redirect_url}' 'https://github.com/adoptium/temurin17-binaries/releases/latest' | sed 's,.*jdk-,,')" \
+  && version="17.0.9+9" \
   && curl --location --output /tmp/java.tar.gz "https://github.com/adoptium/temurin17-binaries/releases/download/jdk-$version/OpenJDK17U-jdk_$(uname -m | sed s/x86_64/x64/)_linux_hotspot_$(echo $version | tr + _).tar.gz" \
   && tar -xzf /tmp/java.tar.gz -C /opt/java --strip-components 1
 
diff --git a/deploy/docker/fs/opt/appsmith/entrypoint.sh b/deploy/docker/fs/opt/appsmith/entrypoint.sh
index c76c665d70..5ee6981f7a 100644
--- a/deploy/docker/fs/opt/appsmith/entrypoint.sh
+++ b/deploy/docker/fs/opt/appsmith/entrypoint.sh
@@ -2,6 +2,8 @@
 
 set -e
 
+echo "Running as: $(id)"
+
 stacks_path=/appsmith-stacks
 
 export SUPERVISORD_CONF_TARGET="$TMP/supervisor-conf.d/"  # export for use in supervisord.conf
@@ -68,7 +70,7 @@ init_env_file() {
   TEMPLATES_PATH="/opt/appsmith/templates"
 
   # Build an env file with current env variables. We single-quote the values, as well as escaping any single-quote characters.
-  printenv | grep -E '^APPSMITH_|^MONGO_' | sed "s/'/'\\\''/g; s/=/='/; s/$/'/" > "$TEMPLATES_PATH/pre-define.env"
+  printenv | grep -E '^APPSMITH_|^MONGO_' | sed "s/'/'\\\''/g; s/=/='/; s/$/'/" > "$TMP/pre-define.env"
 
   echo "Initialize .env file"
   if ! [[ -e "$ENV_PATH" ]]; then
@@ -99,7 +101,7 @@ init_env_file() {
   echo "Load environment configuration"
   set -o allexport
   . "$ENV_PATH"
-  . "$TEMPLATES_PATH/pre-define.env"
+  . "$TMP/pre-define.env"
   set +o allexport
 }
 
@@ -316,7 +318,8 @@ setup-custom-ca-certificates() (
 
   # Add the custom CA certificates to the store.
   find "$stacks_ca_certs_path" -maxdepth 1 -type f -name '*.crt' \
-    -exec keytool -import -noprompt -keystore "$store" -file '{}' -storepass changeit ';'
+    -print \
+    -exec keytool -import -alias '{}' -noprompt -keystore "$store" -file '{}' -storepass changeit ';'
 
   {
     echo "-Djavax.net.ssl.trustStore=$store"
@@ -345,7 +348,9 @@ configure_supervisord() {
       mkdir -p "$stacks_path/data/redis"
     fi
     if ! [[ -e "/appsmith-stacks/ssl/fullchain.pem" ]] || ! [[ -e "/appsmith-stacks/ssl/privkey.pem" ]]; then
-      cp "$supervisord_conf_source/cron.conf" "$SUPERVISORD_CONF_TARGET"
+      if [[ -n "${APPSMITH_CUSTOM_DOMAIN-}" ]]; then
+        cp "$supervisord_conf_source/cron.conf" "$SUPERVISORD_CONF_TARGET"
+      fi
     fi
     if [[ $runEmbeddedPostgres -eq 1 ]]; then
       cp "$supervisord_conf_source/postgres.conf" "$SUPERVISORD_CONF_TARGET"
diff --git a/deploy/docker/fs/opt/appsmith/renew-certificate.sh b/deploy/docker/fs/opt/appsmith/renew-certificate.sh
index 2c8cc25abd..3a4981accb 100644
--- a/deploy/docker/fs/opt/appsmith/renew-certificate.sh
+++ b/deploy/docker/fs/opt/appsmith/renew-certificate.sh
@@ -3,7 +3,7 @@
 set -e
 
 ENV_PATH="/appsmith-stacks/configuration/docker.env"
-PRE_DEFINED_ENV_PATH="/opt/appsmith/templates/pre-define.env"
+PRE_DEFINED_ENV_PATH="$TMP/pre-define.env"
 if [[ -f /appsmith-stacks/configuration/docker.env ]]; then
   echo 'Load environment configuration'
   set -o allexport
diff --git a/deploy/docker/fs/opt/appsmith/run-with-env.sh b/deploy/docker/fs/opt/appsmith/run-with-env.sh
index 7a892cddc1..93a7bf65fc 100755
--- a/deploy/docker/fs/opt/appsmith/run-with-env.sh
+++ b/deploy/docker/fs/opt/appsmith/run-with-env.sh
@@ -1,7 +1,7 @@
 #!/bin/bash
 
 ENV_PATH="/appsmith-stacks/configuration/docker.env"
-PRE_DEFINED_ENV_PATH="/opt/appsmith/templates/pre-define.env"
+PRE_DEFINED_ENV_PATH="$TMP/pre-define.env"
 echo 'Load environment configuration'
 set -o allexport
 . "$ENV_PATH"
diff --git a/deploy/docker/fs/opt/appsmith/templates/supervisord/cron.conf b/deploy/docker/fs/opt/appsmith/templates/supervisord/cron.conf
index 16b24e79a3..17c5426d02 100644
--- a/deploy/docker/fs/opt/appsmith/templates/supervisord/cron.conf
+++ b/deploy/docker/fs/opt/appsmith/templates/supervisord/cron.conf
@@ -1,6 +1,5 @@
 [program:cron]
 command=/usr/sbin/cron -f
-user=root
 priority=35
 autostart=true
 autorestart=true
@@ -13,4 +12,4 @@ stderr_logfile_maxbytes=10MB
 stdout_logfile_backups=5
 stderr_logfile_backups=5
 stdout_events_enabled=true
-stderr_events_enabled=true
\ No newline at end of file
+stderr_events_enabled=true
diff --git a/scripts/deploy_preview.sh b/scripts/deploy_preview.sh
index d77fa9451d..7c40002729 100755
--- a/scripts/deploy_preview.sh
+++ b/scripts/deploy_preview.sh
@@ -102,4 +102,5 @@ helm upgrade -i $CHARTNAME appsmith-ee/$HELMCHART -n $NAMESPACE --create-namespa
   --set applicationConfig.APPSMITH_SENTRY_ENVIRONMENT="$NAMESPACE" \
   --set applicationConfig.APPSMITH_MONGODB_URI="mongodb+srv://$DB_USERNAME:$DB_PASSWORD@$DB_URL/$DBNAME?retryWrites=true&minPoolSize=1&maxPoolSize=10&maxIdleTimeMS=900000&authSource=admin" \
   --set applicationConfig.APPSMITH_DISABLE_EMBEDDED_KEYCLOAK=\"1\" \
+  --set applicationConfig.APPSMITH_CUSTOMER_PORTAL_URL="https://release-customer.appsmith.com" \
   --version $HELMCHART_VERSION