diff options
| author | dizzy <diosmosis@users.noreply.github.com> | 2021-09-28 12:07:16 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-09-28 12:07:16 +0300 |
| commit | 2ac2bc1aeaf8efce6bb9af92506311da99e1757f (patch) | |
| tree | 532874be8120221d30307680b2a437cc361d2a70 /node_modules | |
| parent | 1bc9fdf55352b61c278d298e9935451394230355 (diff) | |
[Vue] Introduce Vue + Workflow commands (#17940)
* adding vue
* adding webpack config + example vue library project
* forgot to add base tsconfig.json
* Add build command that allows building all plugins + watching for changes.
* autodetect umd bundles
* initial externals detection
* integrate vue CLI
* add externals config via vue config
* explain regenerator issue
* remove ie11
* Build polyfills in separate library.
* add command to quickly compute total asset size (minified + gzipped)
* output tweak for --exclude-angular
* Explicitly disable support for ie11 since Vue 3 does not support it.
* rebuild and add option to clear webpack cache to build commands
* Add example vue component that compiles w/ vue 3.
* get example vue component to display
* include tslib via polyfills so it is not compiled in each library
* get async component loading to work
* some tweaks and tests
* Add generate vue component command and run to generate activity indicator template.
* switch to using composition api since that is apparently better supported, and get activity indicator adapter to bind data properly
* remove vue-class-component npm package
* eslint changes
* rever tracking JS change
* tweak
* Remove CoreVue vue dir which was just there for testing.
* Update vue.config.js
* apply some review feedback
* add plugin to compute js asset size command
* use local script to build
* update changelog and apply review feedback
* fix bower component mapping
* update expected screenshots
* update screenshot
* Update and rename 4.5.0-b2.php to 4.6.0-b1.php
* Update Version.php
* update expected screenshot
* updates expected UI test files
Co-authored-by: sgiehl <stefan@matomo.org>
Diffstat (limited to 'node_modules')
40 files changed, 54288 insertions, 1337 deletions
diff --git a/node_modules/angular-animate/package.json b/node_modules/angular-animate/package.json index d57d99ddb6..abd4ec4384 100644 --- a/node_modules/angular-animate/package.json +++ b/node_modules/angular-animate/package.json @@ -1,47 +1,14 @@ { - "_from": "angular-animate@1.8.2", - "_id": "angular-animate@1.8.2", - "_inBundle": false, - "_integrity": "sha512-Jbr9+grNMs9Kj57xuBU3Ju3NOPAjS1+g2UAwwDv7su1lt0/PLDy+9zEwDiu8C8xJceoTbmBNKiWGPJGBdCQLlA==", - "_location": "/angular-animate", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "angular-animate@1.8.2", - "name": "angular-animate", - "escapedName": "angular-animate", - "rawSpec": "1.8.2", - "saveSpec": null, - "fetchSpec": "1.8.2" - }, - "_requiredBy": [ - "#USER", - "/" - ], - "_resolved": "https://registry.npmjs.org/angular-animate/-/angular-animate-1.8.2.tgz", - "_shasum": "a3045e523ffb8d7fcbebd3cb68d1fdd474665ced", - "_spec": "angular-animate@1.8.2", - "_where": "/srv/matomo", - "author": { - "name": "Angular Core Team", - "email": "angular-core+npm@google.com" - }, - "bugs": { - "url": "https://github.com/angular/angular.js/issues" - }, - "bundleDependencies": false, - "deprecated": false, + "name": "angular-animate", + "version": "1.8.2", "description": "AngularJS module for animations", - "homepage": "http://angularjs.org", - "jspm": { - "shim": { - "angular-animate": { - "deps": [ - "angular" - ] - } - } + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/angular/angular.js.git" }, "keywords": [ "angular", @@ -50,15 +17,17 @@ "animation", "client-side" ], + "author": "Angular Core Team <angular-core+npm@google.com>", "license": "MIT", - "main": "index.js", - "name": "angular-animate", - "repository": { - "type": "git", - "url": "git+https://github.com/angular/angular.js.git" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "bugs": { + "url": "https://github.com/angular/angular.js/issues" }, - "version": "1.8.2" + "homepage": "http://angularjs.org", + "jspm": { + "shim": { + "angular-animate": { + "deps": ["angular"] + } + } + } } diff --git a/node_modules/angular-cookies/package.json b/node_modules/angular-cookies/package.json index 631b62c332..829e135691 100644 --- a/node_modules/angular-cookies/package.json +++ b/node_modules/angular-cookies/package.json @@ -1,47 +1,14 @@ { - "_from": "angular-cookies@1.8.2", - "_id": "angular-cookies@1.8.2", - "_inBundle": false, - "_integrity": "sha512-M6fCnsnw1pj1+nXuO28ilJ+h6pFCIXQKSEgy9/PIoN0sZr5FqsE9BK18PdBQa8dif+fnHCAYpPU8MgDzT/sZSg==", - "_location": "/angular-cookies", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "angular-cookies@1.8.2", - "name": "angular-cookies", - "escapedName": "angular-cookies", - "rawSpec": "1.8.2", - "saveSpec": null, - "fetchSpec": "1.8.2" - }, - "_requiredBy": [ - "#USER", - "/" - ], - "_resolved": "https://registry.npmjs.org/angular-cookies/-/angular-cookies-1.8.2.tgz", - "_shasum": "0791c37c395d9fba8144781f3b2ed135ca7c5925", - "_spec": "angular-cookies@1.8.2", - "_where": "/srv/matomo", - "author": { - "name": "Angular Core Team", - "email": "angular-core+npm@google.com" - }, - "bugs": { - "url": "https://github.com/angular/angular.js/issues" - }, - "bundleDependencies": false, - "deprecated": false, + "name": "angular-cookies", + "version": "1.8.2", "description": "AngularJS module for cookies", - "homepage": "http://angularjs.org", - "jspm": { - "shim": { - "angular-cookies": { - "deps": [ - "angular" - ] - } - } + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/angular/angular.js.git" }, "keywords": [ "angular", @@ -50,15 +17,17 @@ "cookies", "client-side" ], + "author": "Angular Core Team <angular-core+npm@google.com>", "license": "MIT", - "main": "index.js", - "name": "angular-cookies", - "repository": { - "type": "git", - "url": "git+https://github.com/angular/angular.js.git" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "bugs": { + "url": "https://github.com/angular/angular.js/issues" }, - "version": "1.8.2" + "homepage": "http://angularjs.org", + "jspm": { + "shim": { + "angular-cookies": { + "deps": ["angular"] + } + } + } } diff --git a/node_modules/angular-mocks/package.json b/node_modules/angular-mocks/package.json index 3c714cd042..f46b892627 100644 --- a/node_modules/angular-mocks/package.json +++ b/node_modules/angular-mocks/package.json @@ -1,47 +1,14 @@ { - "_from": "angular-mocks@1.8.2", - "_id": "angular-mocks@1.8.2", - "_inBundle": false, - "_integrity": "sha512-I5L3P0l21HPdVsP4A4qWmENt4ePjjbkDFdAzOaM7QiibFySbt14DptPbt2IjeG4vFBr4vSLbhIz8Fk03DISl8Q==", - "_location": "/angular-mocks", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "angular-mocks@1.8.2", - "name": "angular-mocks", - "escapedName": "angular-mocks", - "rawSpec": "1.8.2", - "saveSpec": null, - "fetchSpec": "1.8.2" - }, - "_requiredBy": [ - "#USER", - "/" - ], - "_resolved": "https://registry.npmjs.org/angular-mocks/-/angular-mocks-1.8.2.tgz", - "_shasum": "dc022420b86978cf317a8447c116c0be73a853bf", - "_spec": "angular-mocks@1.8.2", - "_where": "/srv/matomo", - "author": { - "name": "Angular Core Team", - "email": "angular-core+npm@google.com" - }, - "bugs": { - "url": "https://github.com/angular/angular.js/issues" - }, - "bundleDependencies": false, - "deprecated": false, + "name": "angular-mocks", + "version": "1.8.2", "description": "AngularJS mocks for testing", - "homepage": "http://angularjs.org", - "jspm": { - "shim": { - "angular-mocks": { - "deps": [ - "angular" - ] - } - } + "main": "angular-mocks.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/angular/angular.js.git" }, "keywords": [ "angular", @@ -51,15 +18,17 @@ "testing", "client-side" ], + "author": "Angular Core Team <angular-core+npm@google.com>", "license": "MIT", - "main": "angular-mocks.js", - "name": "angular-mocks", - "repository": { - "type": "git", - "url": "git+https://github.com/angular/angular.js.git" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "bugs": { + "url": "https://github.com/angular/angular.js/issues" }, - "version": "1.8.2" + "homepage": "http://angularjs.org", + "jspm": { + "shim": { + "angular-mocks": { + "deps": ["angular"] + } + } + } } diff --git a/node_modules/angular-sanitize/package.json b/node_modules/angular-sanitize/package.json index 525d3d3aa9..9de683ea3d 100644 --- a/node_modules/angular-sanitize/package.json +++ b/node_modules/angular-sanitize/package.json @@ -1,47 +1,14 @@ { - "_from": "angular-sanitize@1.8.2", - "_id": "angular-sanitize@1.8.2", - "_inBundle": false, - "_integrity": "sha512-OB6Goa+QN3byf5asQ7XRl7DKZejm/F/ZOqa9z1skqYVOWA2hoBxoCmt9E7+i7T/TbxZP5zYzKxNZVVJNu860Hg==", - "_location": "/angular-sanitize", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "angular-sanitize@1.8.2", - "name": "angular-sanitize", - "escapedName": "angular-sanitize", - "rawSpec": "1.8.2", - "saveSpec": null, - "fetchSpec": "1.8.2" - }, - "_requiredBy": [ - "#USER", - "/" - ], - "_resolved": "https://registry.npmjs.org/angular-sanitize/-/angular-sanitize-1.8.2.tgz", - "_shasum": "ae78040f00c5e2ce1c63780bcc47fa14a1698296", - "_spec": "angular-sanitize@1.8.2", - "_where": "/srv/matomo", - "author": { - "name": "Angular Core Team", - "email": "angular-core+npm@google.com" - }, - "bugs": { - "url": "https://github.com/angular/angular.js/issues" - }, - "bundleDependencies": false, - "deprecated": false, + "name": "angular-sanitize", + "version": "1.8.2", "description": "AngularJS module for sanitizing HTML", - "homepage": "http://angularjs.org", - "jspm": { - "shim": { - "angular-sanitize": { - "deps": [ - "angular" - ] - } - } + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/angular/angular.js.git" }, "keywords": [ "angular", @@ -50,15 +17,17 @@ "html", "client-side" ], + "author": "Angular Core Team <angular-core+npm@google.com>", "license": "MIT", - "main": "index.js", - "name": "angular-sanitize", - "repository": { - "type": "git", - "url": "git+https://github.com/angular/angular.js.git" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "bugs": { + "url": "https://github.com/angular/angular.js/issues" }, - "version": "1.8.2" + "homepage": "http://angularjs.org", + "jspm": { + "shim": { + "angular-sanitize": { + "deps": ["angular"] + } + } + } } diff --git a/node_modules/angular/angular.js b/node_modules/angular/angular.js index e67a6906e8..c1e8638f8b 100644 --- a/node_modules/angular/angular.js +++ b/node_modules/angular/angular.js @@ -36597,4 +36597,4 @@ $provide.value("$locale", { })(window); -!window.angular.$$csp().noInlineStyle && window.angular.element(document.head).prepend(window.angular.element('<style>').text('@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}'));
\ No newline at end of file +!window.angular.$$csp().noInlineStyle && window.angular.element(document.head).prepend(window.angular.element('<style>').text('@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}')); diff --git a/node_modules/angular/package.json b/node_modules/angular/package.json index 9f868159b4..c48a250c07 100644 --- a/node_modules/angular/package.json +++ b/node_modules/angular/package.json @@ -1,54 +1,25 @@ { - "_from": "angular@1.8.2", - "_id": "angular@1.8.2", - "_inBundle": false, - "_integrity": "sha512-IauMOej2xEe7/7Ennahkbb5qd/HFADiNuLSESz9Q27inmi32zB0lnAsFeLEWcox3Gd1F6YhNd1CP7/9IukJ0Gw==", - "_location": "/angular", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "angular@1.8.2", - "name": "angular", - "escapedName": "angular", - "rawSpec": "1.8.2", - "saveSpec": null, - "fetchSpec": "1.8.2" - }, - "_requiredBy": [ - "#USER", - "/" - ], - "_resolved": "https://registry.npmjs.org/angular/-/angular-1.8.2.tgz", - "_shasum": "5983bbb5a9fa63e213cb7749199e0d352de3a2f1", - "_spec": "angular@1.8.2", - "_where": "/srv/matomo", - "author": { - "name": "Angular Core Team", - "email": "angular-core+npm@google.com" + "name": "angular", + "version": "1.8.2", + "description": "HTML enhanced for web apps", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" }, - "bugs": { - "url": "https://github.com/angular/angular.js/issues" + "repository": { + "type": "git", + "url": "https://github.com/angular/angular.js.git" }, - "bundleDependencies": false, - "deprecated": false, - "description": "HTML enhanced for web apps", - "homepage": "http://angularjs.org", "keywords": [ "angular", "framework", "browser", "client-side" ], + "author": "Angular Core Team <angular-core+npm@google.com>", "license": "MIT", - "main": "index.js", - "name": "angular", - "repository": { - "type": "git", - "url": "git+https://github.com/angular/angular.js.git" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "bugs": { + "url": "https://github.com/angular/angular.js/issues" }, - "version": "1.8.2" + "homepage": "http://angularjs.org" } diff --git a/node_modules/chroma-js/package.json b/node_modules/chroma-js/package.json index caf5a2910c..926eecf808 100644 --- a/node_modules/chroma-js/package.json +++ b/node_modules/chroma-js/package.json @@ -1,67 +1,39 @@ { - "_from": "chroma-js@^0.6.3", - "_id": "chroma-js@0.6.3", - "_inBundle": false, - "_integrity": "sha1-tTRPm3ycrO/TJiGE42lvqReo5cA=", - "_location": "/chroma-js", - "_phantomChildren": {}, - "_requested": { - "type": "range", - "registry": true, - "raw": "chroma-js@^0.6.3", - "name": "chroma-js", - "escapedName": "chroma-js", - "rawSpec": "^0.6.3", - "saveSpec": null, - "fetchSpec": "^0.6.3" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-0.6.3.tgz", - "_shasum": "b5344f9b7c9cacefd3262184e3696fa917a8e5c0", - "_spec": "chroma-js@^0.6.3", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Gregor Aisch" - }, - "bugs": { - "url": "https://github.com/gka/chroma.js/issues" - }, - "bundleDependencies": false, - "deprecated": false, + "name": "chroma-js", "description": "JavaScript library for color conversions", - "devDependencies": { - "coffee-script": "1.2", - "es6-shim": "^0.18.0", - "uglify-js": "2.x", - "vows": "0.7.x" - }, + "version": "0.6.3", + "author": "Gregor Aisch", "homepage": "https://github.com/gka/chroma.js", "keywords": [ "color" ], - "main": "chroma.js", "maintainers": [ { "name": "Klemen Slavič", "email": "klemen@celtra.com", - "url": "http://about.me/klemen.slavic" + "web": "http://about.me/klemen.slavic" }, { "name": "Gregor Aisch", "email": "mail@driven-by-data.net", - "url": "http://driven-by-data.net" + "web": "http://driven-by-data.net" } ], - "name": "chroma-js", + "bugs": "https://github.com/gka/chroma.js/issues", "repository": { "type": "git", "url": "git://github.com/gka/chroma.js.git" }, + "main": "chroma.js", "scripts": { "test": "vows; echo" }, + "devDependencies": { + "coffee-script": "1.2", + "es6-shim": "^0.18.0", + "uglify-js": "2.x", + "vows": "0.7.x" + }, "spm": { "main": "chroma.js", "ignore": [ @@ -69,6 +41,5 @@ "doc", "test" ] - }, - "version": "0.6.3" + } } diff --git a/node_modules/iframe-resizer/package.json b/node_modules/iframe-resizer/package.json index 933851eb06..632fc73c8f 100644 --- a/node_modules/iframe-resizer/package.json +++ b/node_modules/iframe-resizer/package.json @@ -1,40 +1,34 @@ { - "_args": [ - [ - "iframe-resizer@4.2.11", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "iframe-resizer@4.2.11", - "_id": "iframe-resizer@4.2.11", - "_inBundle": false, - "_integrity": "sha512-fj5vX5kkpRbMb5Qje6veIDzqoJpnCEqUDdSOwASOeQHYmb8hLYX6Ev2yXf3jjMs2MclwcYY3chyZ3diGKcr8DA==", - "_location": "/iframe-resizer", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "iframe-resizer@4.2.11", - "name": "iframe-resizer", - "escapedName": "iframe-resizer", - "rawSpec": "4.2.11", - "saveSpec": null, - "fetchSpec": "4.2.11" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/iframe-resizer/-/iframe-resizer-4.2.11.tgz", - "_spec": "4.2.11", - "_where": "/Users/benakamoorthi/Projects/matomo", + "name": "iframe-resizer", + "version": "4.2.11", + "homepage": "https://github.com/davidjbradshaw/iframe-resizer", "authors": [ "David J. Bradshaw <dave@bradshaw.net>" ], - "bugs": { - "url": "https://github.com/davidjbradshaw/iframe-resizer/issues" + "maintainers": [ + { + "name": "David J. Bradshaw", + "email": "dave@bradshaw.net" + } + ], + "scripts": { + "build": "npm install && grunt", + "eslint": "eslint *.js src/* --color", + "eslint:fix": "npm run eslint -- --fix", + "test-watch": "grunt test-watch", + "test": "grunt travis" }, - "dependencies": {}, "description": "Keep same and cross domain iFrames sized to their content with support for window/content resizing, and multiple iFrames.", + "repository": { + "type": "git", + "url": "https://github.com/davidjbradshaw/iframe-resizer.git" + }, + "github": "https://github.com/davidjbradshaw/iframe-resizer", + "funding": { + "type": "individual", + "url": "https://github.com/davidjbradshaw/iframe-resizer/blob/master/FUNDING.md" + }, + "dependencies": {}, "devDependencies": { "cosmiconfig": "^6.0.0", "cryptiles": "^4.1.3", @@ -108,15 +102,11 @@ "requirejs": "^2.3.6", "time-grunt": "^2.0.0" }, + "main": "index.js", "engines": { "node": ">=0.8.0" }, - "funding": { - "type": "individual", - "url": "https://github.com/davidjbradshaw/iframe-resizer/blob/master/FUNDING.md" - }, - "github": "https://github.com/davidjbradshaw/iframe-resizer", - "homepage": "https://github.com/davidjbradshaw/iframe-resizer", + "license": "MIT", "keywords": [ "CrossDomain", "Cross-Domain", @@ -135,26 +125,5 @@ "responsiveiframes", "responsive-iframes", "jquery-plugin" - ], - "license": "MIT", - "main": "index.js", - "maintainers": [ - { - "name": "David J. Bradshaw", - "email": "dave@bradshaw.net" - } - ], - "name": "iframe-resizer", - "repository": { - "type": "git", - "url": "git+https://github.com/davidjbradshaw/iframe-resizer.git" - }, - "scripts": { - "build": "npm install && grunt", - "eslint": "eslint *.js src/* --color", - "eslint:fix": "npm run eslint -- --fix", - "test": "grunt travis", - "test-watch": "grunt test-watch" - }, - "version": "4.2.11" + ] } diff --git a/node_modules/jquery-mousewheel/package.json b/node_modules/jquery-mousewheel/package.json index 28eb057d9e..4848f6bc79 100644 --- a/node_modules/jquery-mousewheel/package.json +++ b/node_modules/jquery-mousewheel/package.json @@ -1,40 +1,41 @@ { - "_args": [ - [ - "jquery-mousewheel@3.1.13", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "jquery-mousewheel@3.1.13", - "_id": "jquery-mousewheel@3.1.13", - "_inBundle": false, - "_integrity": "sha1-BvAzXxbjU6aV5yBr9QUDy1I6buU=", - "_location": "/jquery-mousewheel", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "jquery-mousewheel@3.1.13", - "name": "jquery-mousewheel", - "escapedName": "jquery-mousewheel", - "rawSpec": "3.1.13", - "saveSpec": null, - "fetchSpec": "3.1.13" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/jquery-mousewheel/-/jquery-mousewheel-3.1.13.tgz", - "_spec": "3.1.13", - "_where": "/Users/benakamoorthi/Projects/matomo", + "name": "jquery-mousewheel", + "version": "3.1.13", "author": { "name": "jQuery Foundation and other contributors", "url": "https://github.com/jquery/jquery-mousewheel/blob/master/AUTHORS.txt" }, + "description": "A jQuery plugin that adds cross-browser mouse wheel support.", + "licenses": [ + { + "type": "MIT", + "url": "https://github.com/jquery/jquery-mousewheel/blob/master/LICENSE.txt" + } + ], + "homepage": "https://github.com/jquery/jquery-mousewheel", + "main": "./jquery.mousewheel.js", + "repository": { + "type": "git", + "url": "https://github.com/jquery/jquery-mousewheel.git" + }, "bugs": { "url": "https://github.com/jquery/jquery-mousewheel/issues" }, - "description": "A jQuery plugin that adds cross-browser mouse wheel support.", + "keywords": [ + "jquery", + "mouse", + "wheel", + "event", + "mousewheel", + "jquery-plugin", + "browser" + ], + "files": [ + "ChangeLog.md", + "jquery.mousewheel.js", + "README.md", + "LICENSE.txt" + ], "devDependencies": { "grunt": "~0.4.1", "grunt-contrib-connect": "~0.5.0", @@ -44,38 +45,9 @@ "directories": { "test": "test" }, - "files": [ - "ChangeLog.md", - "jquery.mousewheel.js", - "README.md", - "LICENSE.txt" - ], - "homepage": "https://github.com/jquery/jquery-mousewheel", "jam": { "dependencies": { "jquery": ">=1.2.2" } - }, - "keywords": [ - "jquery", - "mouse", - "wheel", - "event", - "mousewheel", - "jquery-plugin", - "browser" - ], - "licenses": [ - { - "type": "MIT", - "url": "https://github.com/jquery/jquery-mousewheel/blob/master/LICENSE.txt" - } - ], - "main": "./jquery.mousewheel.js", - "name": "jquery-mousewheel", - "repository": { - "type": "git", - "url": "git+https://github.com/jquery/jquery-mousewheel.git" - }, - "version": "3.1.13" + } } diff --git a/node_modules/jquery-ui-dist/package.json b/node_modules/jquery-ui-dist/package.json index df0a56b60b..0d77b0534e 100644 --- a/node_modules/jquery-ui-dist/package.json +++ b/node_modules/jquery-ui-dist/package.json @@ -1,104 +1,74 @@ { - "_args": [ - [ - "jquery-ui-dist@1.12.1", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "jquery-ui-dist@1.12.1", - "_id": "jquery-ui-dist@1.12.1", - "_inBundle": false, - "_integrity": "sha1-XAgV08xvkP9fqvWyaKbiO0ypBPo=", - "_location": "/jquery-ui-dist", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "jquery-ui-dist@1.12.1", - "name": "jquery-ui-dist", - "escapedName": "jquery-ui-dist", - "rawSpec": "1.12.1", - "saveSpec": null, - "fetchSpec": "1.12.1" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/jquery-ui-dist/-/jquery-ui-dist-1.12.1.tgz", - "_spec": "1.12.1", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "jQuery Foundation and other contributors", - "url": "https://github.com/jquery/jquery-ui/blob/1.12.1/AUTHORS.txt" - }, - "bugs": { - "url": "https://bugs.jqueryui.com/" - }, - "dependencies": {}, - "description": "A curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.", - "devDependencies": { - "commitplease": "2.3.0", - "grunt": "0.4.5", - "grunt-bowercopy": "1.2.4", - "grunt-cli": "0.1.13", - "grunt-compare-size": "0.4.0", - "grunt-contrib-concat": "0.5.1", - "grunt-contrib-csslint": "0.5.0", - "grunt-contrib-jshint": "0.12.0", - "grunt-contrib-qunit": "1.0.1", - "grunt-contrib-requirejs": "0.4.4", - "grunt-contrib-uglify": "0.11.1", - "grunt-git-authors": "3.1.0", - "grunt-html": "6.0.0", - "grunt-jscs": "2.1.0", - "load-grunt-tasks": "3.4.0", - "rimraf": "2.5.1", - "testswarm": "1.1.0" - }, - "homepage": "http://jqueryui.com", - "keywords": [], - "license": "MIT", - "main": "ui/widget.js", - "maintainers": [ - { - "name": "Scott González", - "email": "scott.gonzalez@gmail.com", - "url": "http://scottgonzalez.com" - }, - { - "name": "Jörn Zaefferer", - "email": "joern.zaefferer@gmail.com", - "url": "http://bassistance.de" - }, - { - "name": "Mike Sherov", - "email": "mike.sherov@gmail.com", - "url": "http://mike.sherov.com" - }, - { - "name": "TJ VanToll", - "email": "tj.vantoll@gmail.com", - "url": "http://tjvantoll.com" - }, - { - "name": "Felix Nagel", - "email": "info@felixnagel.com", - "url": "http://www.felixnagel.com" - }, - { - "name": "Alex Schmitz", - "email": "arschmitz@gmail.com", - "url": "https://github.com/arschmitz" - } - ], - "name": "jquery-ui-dist", - "repository": { - "type": "git", - "url": "git://github.com/jquery/jquery-ui.git" - }, - "scripts": { - "test": "grunt" - }, - "title": "jQuery UI", - "version": "1.12.1" + "name": "jquery-ui-dist", + "title": "jQuery UI", + "description": "A curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.", + "version": "1.12.1", + "homepage": "http://jqueryui.com", + "author": { + "name": "jQuery Foundation and other contributors", + "url": "https://github.com/jquery/jquery-ui/blob/1.12.1/AUTHORS.txt" + }, + "main": "ui/widget.js", + "maintainers": [ + { + "name": "Scott González", + "email": "scott.gonzalez@gmail.com", + "url": "http://scottgonzalez.com" + }, + { + "name": "Jörn Zaefferer", + "email": "joern.zaefferer@gmail.com", + "url": "http://bassistance.de" + }, + { + "name": "Mike Sherov", + "email": "mike.sherov@gmail.com", + "url": "http://mike.sherov.com" + }, + { + "name": "TJ VanToll", + "email": "tj.vantoll@gmail.com", + "url": "http://tjvantoll.com" + }, + { + "name": "Felix Nagel", + "email": "info@felixnagel.com", + "url": "http://www.felixnagel.com" + }, + { + "name": "Alex Schmitz", + "email": "arschmitz@gmail.com", + "url": "https://github.com/arschmitz" + } + ], + "repository": { + "type": "git", + "url": "git://github.com/jquery/jquery-ui.git" + }, + "bugs": "https://bugs.jqueryui.com/", + "license": "MIT", + "scripts": { + "test": "grunt" + }, + "dependencies": {}, + "devDependencies": { + "commitplease": "2.3.0", + "grunt": "0.4.5", + "grunt-bowercopy": "1.2.4", + "grunt-cli": "0.1.13", + "grunt-compare-size": "0.4.0", + "grunt-contrib-concat": "0.5.1", + "grunt-contrib-csslint": "0.5.0", + "grunt-contrib-jshint": "0.12.0", + "grunt-contrib-qunit": "1.0.1", + "grunt-contrib-requirejs": "0.4.4", + "grunt-contrib-uglify": "0.11.1", + "grunt-git-authors": "3.1.0", + "grunt-html": "6.0.0", + "grunt-jscs": "2.1.0", + "load-grunt-tasks": "3.4.0", + "rimraf": "2.5.1", + "testswarm": "1.1.0" + }, + "keywords": [] } diff --git a/node_modules/jquery.browser/package.json b/node_modules/jquery.browser/package.json index e34c8f375e..421f8d578b 100644 --- a/node_modules/jquery.browser/package.json +++ b/node_modules/jquery.browser/package.json @@ -1,40 +1,16 @@ { - "_args": [ - [ - "jquery.browser@0.1.0", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "jquery.browser@0.1.0", - "_id": "jquery.browser@0.1.0", - "_inBundle": false, - "_integrity": "sha1-nHKmCV/SgUtER26o9xZne3Kmors=", - "_location": "/jquery.browser", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "jquery.browser@0.1.0", - "name": "jquery.browser", - "escapedName": "jquery.browser", - "rawSpec": "0.1.0", - "saveSpec": null, - "fetchSpec": "0.1.0" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/jquery.browser/-/jquery.browser-0.1.0.tgz", - "_spec": "0.1.0", - "_where": "/Users/benakamoorthi/Projects/matomo", + "name": "jquery.browser", + "version": "0.1.0", "authors": [ "Gabriel Cebrian <gabceb@gmail.com>", "jQuery Team <https://github.com/gabceb/jquery-browser-plugin/wiki/Authors>" ], - "bugs": { - "url": "https://github.com/gabceb/jquery-browser-plugin/issues" + "scripts": { + "test": "grunt test" }, "description": "A jQuery plugin for browser detection.", + "main": "dist/jquery.browser.js", + "repository": "git@github.com:gabceb/jquery-browser-plugin.git", "devDependencies": { "chai": "^1.10.0", "grunt": "~0.4.0", @@ -47,19 +23,8 @@ "mocha": "^2.1.0", "webserver": "^1.1.2" }, + "license": "MIT", "engines": { "node": ">= 0.4.0" - }, - "homepage": "https://github.com/gabceb/jquery-browser-plugin#readme", - "license": "MIT", - "main": "dist/jquery.browser.js", - "name": "jquery.browser", - "repository": { - "type": "git", - "url": "git+ssh://git@github.com/gabceb/jquery-browser-plugin.git" - }, - "scripts": { - "test": "grunt test" - }, - "version": "0.1.0" + } } diff --git a/node_modules/jquery.dotdotdot/.npmignore b/node_modules/jquery.dotdotdot/.npmignore deleted file mode 100755 index 6defad6e28..0000000000 --- a/node_modules/jquery.dotdotdot/.npmignore +++ /dev/null @@ -1,9 +0,0 @@ -# Ignore Mac system files. -._* - -# Ignore sass-cache files. -*.sass-cache* -*.scssc - -# Ignore Gulp modules -node_modules
\ No newline at end of file diff --git a/node_modules/jquery.dotdotdot/dotdotdot.jquery.json b/node_modules/jquery.dotdotdot/dotdotdot.jquery.json deleted file mode 100755 index f3b46de7aa..0000000000 --- a/node_modules/jquery.dotdotdot/dotdotdot.jquery.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "name": "dotdotdot", - "version": "1.8.3", - "title": "jQuery dotdotdot", - "description": "A jQuery plugin for advanced cross-browser ellipsis on multiple line content.", - "homepage": "http://dotdotdot.frebsite.nl", - "author": { - "name": "Fred Heusschen", - "url": "http://www.frebsite.nl" - }, - "licenses": [{ - "type": "MIT", - "url": "http://opensource.org/licenses/MIT" - }], - "dependencies": { - "jquery": ">= 1.4.3" - } -} diff --git a/node_modules/jquery.dotdotdot/package.json b/node_modules/jquery.dotdotdot/package.json index 858ae7087d..f7fe765be7 100644 --- a/node_modules/jquery.dotdotdot/package.json +++ b/node_modules/jquery.dotdotdot/package.json @@ -1,66 +1,31 @@ { - "_args": [ - [ - "jquery.dotdotdot@3.2.3", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "jquery.dotdotdot@3.2.3", - "_id": "jquery.dotdotdot@3.2.3", - "_inBundle": false, - "_integrity": "sha512-VjsZftD2iyEErvkXMfkj3elPv1rAwFioUK/mHiur8zZTRr8dMv2eDluQjFmk+qOHVDLaqgeSHQR7ipq74f4MeA==", - "_location": "/jquery.dotdotdot", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "jquery.dotdotdot@3.2.3", - "name": "jquery.dotdotdot", - "escapedName": "jquery.dotdotdot", - "rawSpec": "3.2.3", - "saveSpec": null, - "fetchSpec": "3.2.3" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/jquery.dotdotdot/-/jquery.dotdotdot-3.2.3.tgz", - "_spec": "3.2.3", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Fred Heusschen", - "email": "info@frebsite.nl" - }, - "bugs": { - "url": "https://github.com/FrDH/jQuery.dotdotdot/issues" - }, - "description": "Dotdotdot is an advanced jQuery plugin for truncating multiple line content with an ellipsis.", - "devDependencies": { - "gulp": "^4.0.0", - "gulp-uglify": "^3.0.1", - "gulp-umd": "^2.0.0" - }, - "homepage": "https://github.com/FrDH/jQuery.dotdotdot#readme", - "keywords": [ - "truncate", - "truncating", - "ellipsis", - "dotdotdot", - "multiline", - "text", - "text-overflow", - "overflow", - "dots" - ], - "license": "CC-BY-NC-4.0", - "main": "dist/jquery.dotdotdot.js", - "name": "jquery.dotdotdot", - "repository": { - "type": "git", - "url": "git+https://github.com/FrDH/jQuery.dotdotdot.git" - }, - "scripts": { - "build": "gulp default" - }, - "version": "3.2.3" + "name": "jquery.dotdotdot", + "version": "3.2.3", + "main": "dist/jquery.dotdotdot.js", + "author": "Fred Heusschen <info@frebsite.nl>", + "license": "CC-BY-NC-4.0", + "repository": { + "type": "git", + "url": "https://github.com/FrDH/jQuery.dotdotdot.git" + }, + "description": "Dotdotdot is an advanced jQuery plugin for truncating multiple line content with an ellipsis.", + "keywords": [ + "truncate", + "truncating", + "ellipsis", + "dotdotdot", + "multiline", + "text", + "text-overflow", + "overflow", + "dots" + ], + "scripts": { + "build": "gulp default" + }, + "devDependencies": { + "gulp": "^4.0.0", + "gulp-uglify": "^3.0.1", + "gulp-umd": "^2.0.0" + } } diff --git a/node_modules/jquery.dotdotdot/src/jquery.dotdotdot.min.js b/node_modules/jquery.dotdotdot/src/jquery.dotdotdot.min.js deleted file mode 100755 index 69f4838622..0000000000 --- a/node_modules/jquery.dotdotdot/src/jquery.dotdotdot.min.js +++ /dev/null @@ -1,13 +0,0 @@ -/* - * jQuery dotdotdot 1.8.3 - * - * Copyright (c) Fred Heusschen - * www.frebsite.nl - * - * Plugin website: - * dotdotdot.frebsite.nl - * - * Licensed under the MIT license. - * http://en.wikipedia.org/wiki/MIT_License - */ -!function(t,e){function n(t,e,n){var r=t.children(),o=!1;t.empty();for(var i=0,d=r.length;d>i;i++){var l=r.eq(i);if(t.append(l),n&&t.append(n),a(t,e)){l.remove(),o=!0;break}n&&n.detach()}return o}function r(e,n,i,d,l){var s=!1,c="a, table, thead, tbody, tfoot, tr, col, colgroup, object, embed, param, ol, ul, dl, blockquote, select, optgroup, option, textarea, script, style",u="script, .dotdotdot-keep";return e.contents().detach().each(function(){var h=this,f=t(h);if("undefined"==typeof h)return!0;if(f.is(u))e.append(f);else{if(s)return!0;e.append(f),!l||f.is(d.after)||f.find(d.after).length||e[e.is(c)?"after":"append"](l),a(i,d)&&(s=3==h.nodeType?o(f,n,i,d,l):r(f,n,i,d,l)),s||l&&l.detach()}}),n.addClass("is-truncated"),s}function o(e,n,r,o,d){var c=e[0];if(!c)return!1;var h=s(c),f=-1!==h.indexOf(" ")?" ":" ",p="letter"==o.wrap?"":f,g=h.split(p),v=-1,w=-1,b=0,m=g.length-1;for(o.fallbackToLetter&&0==b&&0==m&&(p="",g=h.split(p),m=g.length-1);m>=b&&(0!=b||0!=m);){var y=Math.floor((b+m)/2);if(y==w)break;w=y,l(c,g.slice(0,w+1).join(p)+o.ellipsis),r.children().each(function(){t(this).toggle().toggle()}),a(r,o)?(m=w,o.fallbackToLetter&&0==b&&0==m&&(p="",g=g[0].split(p),v=-1,w=-1,b=0,m=g.length-1)):(v=w,b=w)}if(-1==v||1==g.length&&0==g[0].length){var x=e.parent();e.detach();var C=d&&d.closest(x).length?d.length:0;if(x.contents().length>C?c=u(x.contents().eq(-1-C),n):(c=u(x,n,!0),C||x.detach()),c&&(h=i(s(c),o),l(c,h),C&&d)){var T=d.parent();t(c).parent().append(d),t.trim(T.html())||T.remove()}}else h=i(g.slice(0,v+1).join(p),o),l(c,h);return!0}function a(t,e){return t.innerHeight()>e.maxHeight}function i(e,n){for(;t.inArray(e.slice(-1),n.lastCharacter.remove)>-1;)e=e.slice(0,-1);return t.inArray(e.slice(-1),n.lastCharacter.noEllipsis)<0&&(e+=n.ellipsis),e}function d(t){return{width:t.innerWidth(),height:t.innerHeight()}}function l(t,e){t.innerText?t.innerText=e:t.nodeValue?t.nodeValue=e:t.textContent&&(t.textContent=e)}function s(t){return t.innerText?t.innerText:t.nodeValue?t.nodeValue:t.textContent?t.textContent:""}function c(t){do t=t.previousSibling;while(t&&1!==t.nodeType&&3!==t.nodeType);return t}function u(e,n,r){var o,a=e&&e[0];if(a){if(!r){if(3===a.nodeType)return a;if(t.trim(e.text()))return u(e.contents().last(),n)}for(o=c(a);!o;){if(e=e.parent(),e.is(n)||!e.length)return!1;o=c(e[0])}if(o)return u(t(o),n)}return!1}function h(e,n){return e?"string"==typeof e?(e=t(e,n),e.length?e:!1):e.jquery?e:!1:!1}function f(t){for(var e=t.innerHeight(),n=["paddingTop","paddingBottom"],r=0,o=n.length;o>r;r++){var a=parseInt(t.css(n[r]),10);isNaN(a)&&(a=0),e-=a}return e}if(!t.fn.dotdotdot){t.fn.dotdotdot=function(e){if(0==this.length)return t.fn.dotdotdot.debug('No element found for "'+this.selector+'".'),this;if(this.length>1)return this.each(function(){t(this).dotdotdot(e)});var o=this,i=o.contents();o.data("dotdotdot")&&o.trigger("destroy.dot"),o.data("dotdotdot-style",o.attr("style")||""),o.css("word-wrap","break-word"),"nowrap"===o.css("white-space")&&o.css("white-space","normal"),o.bind_events=function(){return o.bind("update.dot",function(e,d){switch(o.removeClass("is-truncated"),e.preventDefault(),e.stopPropagation(),typeof l.height){case"number":l.maxHeight=l.height;break;case"function":l.maxHeight=l.height.call(o[0]);break;default:l.maxHeight=f(o)}l.maxHeight+=l.tolerance,"undefined"!=typeof d&&(("string"==typeof d||"nodeType"in d&&1===d.nodeType)&&(d=t("<div />").append(d).contents()),d instanceof t&&(i=d)),g=o.wrapInner('<div class="dotdotdot" />').children(),g.contents().detach().end().append(i.clone(!0)).find("br").replaceWith(" <br /> ").end().css({height:"auto",width:"auto",border:"none",padding:0,margin:0});var c=!1,u=!1;return s.afterElement&&(c=s.afterElement.clone(!0),c.show(),s.afterElement.detach()),a(g,l)&&(u="children"==l.wrap?n(g,l,c):r(g,o,g,l,c)),g.replaceWith(g.contents()),g=null,t.isFunction(l.callback)&&l.callback.call(o[0],u,i),s.isTruncated=u,u}).bind("isTruncated.dot",function(t,e){return t.preventDefault(),t.stopPropagation(),"function"==typeof e&&e.call(o[0],s.isTruncated),s.isTruncated}).bind("originalContent.dot",function(t,e){return t.preventDefault(),t.stopPropagation(),"function"==typeof e&&e.call(o[0],i),i}).bind("destroy.dot",function(t){t.preventDefault(),t.stopPropagation(),o.unwatch().unbind_events().contents().detach().end().append(i).attr("style",o.data("dotdotdot-style")||"").removeClass("is-truncated").data("dotdotdot",!1)}),o},o.unbind_events=function(){return o.unbind(".dot"),o},o.watch=function(){if(o.unwatch(),"window"==l.watch){var e=t(window),n=e.width(),r=e.height();e.bind("resize.dot"+s.dotId,function(){n==e.width()&&r==e.height()&&l.windowResizeFix||(n=e.width(),r=e.height(),u&&clearInterval(u),u=setTimeout(function(){o.trigger("update.dot")},100))})}else c=d(o),u=setInterval(function(){if(o.is(":visible")){var t=d(o);c.width==t.width&&c.height==t.height||(o.trigger("update.dot"),c=t)}},500);return o},o.unwatch=function(){return t(window).unbind("resize.dot"+s.dotId),u&&clearInterval(u),o};var l=t.extend(!0,{},t.fn.dotdotdot.defaults,e),s={},c={},u=null,g=null;return l.lastCharacter.remove instanceof Array||(l.lastCharacter.remove=t.fn.dotdotdot.defaultArrays.lastCharacter.remove),l.lastCharacter.noEllipsis instanceof Array||(l.lastCharacter.noEllipsis=t.fn.dotdotdot.defaultArrays.lastCharacter.noEllipsis),s.afterElement=h(l.after,o),s.isTruncated=!1,s.dotId=p++,o.data("dotdotdot",!0).bind_events().trigger("update.dot"),l.watch&&o.watch(),o},t.fn.dotdotdot.defaults={ellipsis:"... ",wrap:"word",fallbackToLetter:!0,lastCharacter:{},tolerance:0,callback:null,after:null,height:null,watch:!1,windowResizeFix:!0},t.fn.dotdotdot.defaultArrays={lastCharacter:{remove:[" "," ",",",";",".","!","?"],noEllipsis:[]}},t.fn.dotdotdot.debug=function(t){};var p=1,g=t.fn.html;t.fn.html=function(n){return n!=e&&!t.isFunction(n)&&this.data("dotdotdot")?this.trigger("update",[n]):g.apply(this,arguments)};var v=t.fn.text;t.fn.text=function(n){return n!=e&&!t.isFunction(n)&&this.data("dotdotdot")?(n=t("<div />").text(n).html(),this.trigger("update",[n])):v.apply(this,arguments)}}}(jQuery),jQuery(document).ready(function(t){t(".dot-ellipsis").each(function(){var e=t(this).hasClass("dot-resize-update"),n=t(this).hasClass("dot-timer-update"),r=0,o=t(this).attr("class").split(/\s+/);t.each(o,function(t,e){var n=e.match(/^dot-height-(\d+)$/);null!==n&&(r=Number(n[1]))});var a=new Object;n&&(a.watch=!0),e&&(a.watch="window"),r>0&&(a.height=r),t(this).dotdotdot(a)})}),jQuery(window).on("load",function(){jQuery(".dot-ellipsis.dot-load-update").trigger("update.dot")});
\ No newline at end of file diff --git a/node_modules/jquery.dotdotdot/src/jquery.dotdotdot.min.umd.js b/node_modules/jquery.dotdotdot/src/jquery.dotdotdot.min.umd.js deleted file mode 100755 index 83b6ba3583..0000000000 --- a/node_modules/jquery.dotdotdot/src/jquery.dotdotdot.min.umd.js +++ /dev/null @@ -1,24 +0,0 @@ -;(function(root, factory) { - if (typeof define === 'function' && define.amd) { - define(['jQuery'], factory); - } else if (typeof exports === 'object') { - module.exports = factory(require('jQuery')); - } else { - root.jquery_dotdotdot_min_js = factory(root.jQuery); - } -}(this, function(jQuery) { -/* - * jQuery dotdotdot 1.8.3 - * - * Copyright (c) Fred Heusschen - * www.frebsite.nl - * - * Plugin website: - * dotdotdot.frebsite.nl - * - * Licensed under the MIT license. - * http://en.wikipedia.org/wiki/MIT_License - */ -!function(t,e){function n(t,e,n){var r=t.children(),o=!1;t.empty();for(var i=0,d=r.length;d>i;i++){var l=r.eq(i);if(t.append(l),n&&t.append(n),a(t,e)){l.remove(),o=!0;break}n&&n.detach()}return o}function r(e,n,i,d,l){var s=!1,c="a, table, thead, tbody, tfoot, tr, col, colgroup, object, embed, param, ol, ul, dl, blockquote, select, optgroup, option, textarea, script, style",u="script, .dotdotdot-keep";return e.contents().detach().each(function(){var h=this,f=t(h);if("undefined"==typeof h)return!0;if(f.is(u))e.append(f);else{if(s)return!0;e.append(f),!l||f.is(d.after)||f.find(d.after).length||e[e.is(c)?"after":"append"](l),a(i,d)&&(s=3==h.nodeType?o(f,n,i,d,l):r(f,n,i,d,l)),s||l&&l.detach()}}),n.addClass("is-truncated"),s}function o(e,n,r,o,d){var c=e[0];if(!c)return!1;var h=s(c),f=-1!==h.indexOf(" ")?" ":" ",p="letter"==o.wrap?"":f,g=h.split(p),v=-1,w=-1,b=0,m=g.length-1;for(o.fallbackToLetter&&0==b&&0==m&&(p="",g=h.split(p),m=g.length-1);m>=b&&(0!=b||0!=m);){var y=Math.floor((b+m)/2);if(y==w)break;w=y,l(c,g.slice(0,w+1).join(p)+o.ellipsis),r.children().each(function(){t(this).toggle().toggle()}),a(r,o)?(m=w,o.fallbackToLetter&&0==b&&0==m&&(p="",g=g[0].split(p),v=-1,w=-1,b=0,m=g.length-1)):(v=w,b=w)}if(-1==v||1==g.length&&0==g[0].length){var x=e.parent();e.detach();var C=d&&d.closest(x).length?d.length:0;if(x.contents().length>C?c=u(x.contents().eq(-1-C),n):(c=u(x,n,!0),C||x.detach()),c&&(h=i(s(c),o),l(c,h),C&&d)){var T=d.parent();t(c).parent().append(d),t.trim(T.html())||T.remove()}}else h=i(g.slice(0,v+1).join(p),o),l(c,h);return!0}function a(t,e){return t.innerHeight()>e.maxHeight}function i(e,n){for(;t.inArray(e.slice(-1),n.lastCharacter.remove)>-1;)e=e.slice(0,-1);return t.inArray(e.slice(-1),n.lastCharacter.noEllipsis)<0&&(e+=n.ellipsis),e}function d(t){return{width:t.innerWidth(),height:t.innerHeight()}}function l(t,e){t.innerText?t.innerText=e:t.nodeValue?t.nodeValue=e:t.textContent&&(t.textContent=e)}function s(t){return t.innerText?t.innerText:t.nodeValue?t.nodeValue:t.textContent?t.textContent:""}function c(t){do t=t.previousSibling;while(t&&1!==t.nodeType&&3!==t.nodeType);return t}function u(e,n,r){var o,a=e&&e[0];if(a){if(!r){if(3===a.nodeType)return a;if(t.trim(e.text()))return u(e.contents().last(),n)}for(o=c(a);!o;){if(e=e.parent(),e.is(n)||!e.length)return!1;o=c(e[0])}if(o)return u(t(o),n)}return!1}function h(e,n){return e?"string"==typeof e?(e=t(e,n),e.length?e:!1):e.jquery?e:!1:!1}function f(t){for(var e=t.innerHeight(),n=["paddingTop","paddingBottom"],r=0,o=n.length;o>r;r++){var a=parseInt(t.css(n[r]),10);isNaN(a)&&(a=0),e-=a}return e}if(!t.fn.dotdotdot){t.fn.dotdotdot=function(e){if(0==this.length)return t.fn.dotdotdot.debug('No element found for "'+this.selector+'".'),this;if(this.length>1)return this.each(function(){t(this).dotdotdot(e)});var o=this,i=o.contents();o.data("dotdotdot")&&o.trigger("destroy.dot"),o.data("dotdotdot-style",o.attr("style")||""),o.css("word-wrap","break-word"),"nowrap"===o.css("white-space")&&o.css("white-space","normal"),o.bind_events=function(){return o.bind("update.dot",function(e,d){switch(o.removeClass("is-truncated"),e.preventDefault(),e.stopPropagation(),typeof l.height){case"number":l.maxHeight=l.height;break;case"function":l.maxHeight=l.height.call(o[0]);break;default:l.maxHeight=f(o)}l.maxHeight+=l.tolerance,"undefined"!=typeof d&&(("string"==typeof d||"nodeType"in d&&1===d.nodeType)&&(d=t("<div />").append(d).contents()),d instanceof t&&(i=d)),g=o.wrapInner('<div class="dotdotdot" />').children(),g.contents().detach().end().append(i.clone(!0)).find("br").replaceWith(" <br /> ").end().css({height:"auto",width:"auto",border:"none",padding:0,margin:0});var c=!1,u=!1;return s.afterElement&&(c=s.afterElement.clone(!0),c.show(),s.afterElement.detach()),a(g,l)&&(u="children"==l.wrap?n(g,l,c):r(g,o,g,l,c)),g.replaceWith(g.contents()),g=null,t.isFunction(l.callback)&&l.callback.call(o[0],u,i),s.isTruncated=u,u}).bind("isTruncated.dot",function(t,e){return t.preventDefault(),t.stopPropagation(),"function"==typeof e&&e.call(o[0],s.isTruncated),s.isTruncated}).bind("originalContent.dot",function(t,e){return t.preventDefault(),t.stopPropagation(),"function"==typeof e&&e.call(o[0],i),i}).bind("destroy.dot",function(t){t.preventDefault(),t.stopPropagation(),o.unwatch().unbind_events().contents().detach().end().append(i).attr("style",o.data("dotdotdot-style")||"").removeClass("is-truncated").data("dotdotdot",!1)}),o},o.unbind_events=function(){return o.unbind(".dot"),o},o.watch=function(){if(o.unwatch(),"window"==l.watch){var e=t(window),n=e.width(),r=e.height();e.bind("resize.dot"+s.dotId,function(){n==e.width()&&r==e.height()&&l.windowResizeFix||(n=e.width(),r=e.height(),u&&clearInterval(u),u=setTimeout(function(){o.trigger("update.dot")},100))})}else c=d(o),u=setInterval(function(){if(o.is(":visible")){var t=d(o);c.width==t.width&&c.height==t.height||(o.trigger("update.dot"),c=t)}},500);return o},o.unwatch=function(){return t(window).unbind("resize.dot"+s.dotId),u&&clearInterval(u),o};var l=t.extend(!0,{},t.fn.dotdotdot.defaults,e),s={},c={},u=null,g=null;return l.lastCharacter.remove instanceof Array||(l.lastCharacter.remove=t.fn.dotdotdot.defaultArrays.lastCharacter.remove),l.lastCharacter.noEllipsis instanceof Array||(l.lastCharacter.noEllipsis=t.fn.dotdotdot.defaultArrays.lastCharacter.noEllipsis),s.afterElement=h(l.after,o),s.isTruncated=!1,s.dotId=p++,o.data("dotdotdot",!0).bind_events().trigger("update.dot"),l.watch&&o.watch(),o},t.fn.dotdotdot.defaults={ellipsis:"... ",wrap:"word",fallbackToLetter:!0,lastCharacter:{},tolerance:0,callback:null,after:null,height:null,watch:!1,windowResizeFix:!0},t.fn.dotdotdot.defaultArrays={lastCharacter:{remove:[" "," ",",",";",".","!","?"],noEllipsis:[]}},t.fn.dotdotdot.debug=function(t){};var p=1,g=t.fn.html;t.fn.html=function(n){return n!=e&&!t.isFunction(n)&&this.data("dotdotdot")?this.trigger("update",[n]):g.apply(this,arguments)};var v=t.fn.text;t.fn.text=function(n){return n!=e&&!t.isFunction(n)&&this.data("dotdotdot")?(n=t("<div />").text(n).html(),this.trigger("update",[n])):v.apply(this,arguments)}}}(jQuery),jQuery(document).ready(function(t){t(".dot-ellipsis").each(function(){var e=t(this).hasClass("dot-resize-update"),n=t(this).hasClass("dot-timer-update"),r=0,o=t(this).attr("class").split(/\s+/);t.each(o,function(t,e){var n=e.match(/^dot-height-(\d+)$/);null!==n&&(r=Number(n[1]))});var a=new Object;n&&(a.watch=!0),e&&(a.watch="window"),r>0&&(a.height=r),t(this).dotdotdot(a)})}),jQuery(window).on("load",function(){jQuery(".dot-ellipsis.dot-load-update").trigger("update.dot")}); -return true; -})); diff --git a/node_modules/jquery.scrollto/changes.txt b/node_modules/jquery.scrollto/changes.txt deleted file mode 100644 index a299c7b14f..0000000000 --- a/node_modules/jquery.scrollto/changes.txt +++ /dev/null @@ -1,150 +0,0 @@ -1.4.14 -[Misc] -- Internal both() function will handle nulls correctly - -1.4.13 -[Misc] -- Support for CommonJS / NPM added by durango - -1.4.12 -[Fix] -- Fixed selector matching body fails on window scrolling - -1.4.11 -[Misc] -- Reverted changes from 1.4.10 - -1.4.10 -[Enhancement] -- Giving the plugin an AMD module id so it can be required (f.e by localScroll) - -1.4.9 -[Enhancement] -- "offset" setting can now be a function as well (#60) - -1.4.8 -[Enhancement] -- Added support for AMD - -1.4.7 -[Misc] -- Changed spacing -- Changed licensing to MIT -- Repo is compliant with official jquery plugins repository - -1.4.6 -[Fix] -- Fixed first argument of onAfter and onAfterFirst was original target and should be "parsed" target - -1.4.5 -[Fix] -- Fixed passing a negative scroll value crashes - -1.4.4 -[Change] -- Re-released as 1.4.4 to avoid issues with bower - -1.4.3.1 -[Fix] -- Fixed $.scrollTo(0) broken on 1.4.3 - -1.4.3 -[Enhancement] -- Limit calculations can be disabled by setting the option 'limit' to false. -- Null target or unmatching selector don't break and fail silently -[Misc] -- Removed support for the deprecated setting 'speed' -[Fix] -- Removed $.browser.webkit so the plugin works with jQuery +1.8 - -1.4.2 -[Feature] -- The plugin support percentages as target ('50%' or {top:'50%', left:'45%'}) -- Exposed the max() calculation as $.scrollTo.max -[Enhancement] -- Renamed $.fn.scrollable to $.fn._scrollable to avoid conflicts with other plugins -[Fix] -- Fixing max calculations for regular DOM elements - -1.4.1 -[Feature] -- The target can be 'max' to scroll to the end while keeping it elegant. -[Enhancement] -- Default duration is 0 for jquery +1.3. Means sync animation -- The plugin works on all major browsers, on compat & quirks modes, including iframes. -- In addition to window/document, if html or body are received, the plugin will choose the right one. -[Fix] -- The plugin accepts floating numbers, Thanks Ramin -- Using jQuery.nodeName where neccessary so that this works on xml+xhtml -- The max() internal function wasn't completely accurrate, now it is 98% (except for IE on quirks mode and it's not too noticeable). - -1.4 -[Fix] -- Fixed the problem when scrolling the window to absolute positioned elements on Safari. -- Fixed the problem on Opera 9.5 when scrolling the window. That it always scrolls to 0. -[Feature] -- Added the settings object as 2nd argument to the onAfter callback. -- The 3rd argument of scrollTo can be just a function and it's used as the onAfter. -- Added full support for iframes (even max scroll calculation). -- Instead of $.scrollTo, $(window).scrollTo() and $(document).scrollTo() can be used. -- Added $().scrollable() that returns the real element to scroll, f.e: $(window).scrollable() == [body|html], works for iframes. -[Enhancement] -- Cleaned the code a bit, specially the comments - -1.3.3 -[Change] -- Changed the licensing from GPL to GPL+MIT. - -1.3.2 -[Enhancement] -- Small improvements to make the code shorter. -[Change] -- Removed the last argument received by onAfter as it was the same as the 'this' but jqueryfied. - -1.3.1 -[Feature] -- Exposed $.scrollTo.window() to get the element that needs to be animated, to scroll the window. -- Added option 'over'. -[Enhancement] -- Made the code as short as possible. -[Change] -- Changed the arguments received by onAfter - -1.3 -[Enhancement] -- Added semicolon to the start, for safe file concatenation -- Added a limit check, values below 0 or over the maximum are fixed. -- Now it should work faster, only one of html or body go through all the processing, instead of both for all browsers. -[Fix] -- Fixed the behavior for Opera, which seemed to react to both changes on <html> and <body>. -- The border is also reduced, when 'margin' is set to true. -[Change] -- The option speed has been renamed to duration. -[Feature] -- The duration can be specified with a number as 2nd argument, and the rest of the settings as the third ( like $().animate ) -- Remade the demo - -1.2.4 -[Enhancement] -- The target can be in the form of { top:x, left:y } allowing different position for each axis. -[Feature] -- The option 'offset' has been added, to scroll behind or past the target. Can be a number(both axes) or { top:x, left:y }. - -1.2.3 -[Feature] -- Exposed the defaults. -[Enhancement] -- Made the callback functions receive more parameters. - -1.2.2 -[Fix] -- Fixed a bug, I didn't have to add the scrolled amount if it was body or html. - -1.2 -[Change] -- The option 'onafter' is now called 'onAfter'. -[Feature] -- Two axes can be scrolled together, this is set with the option 'axis'. -- In case 2 axes are chosen, the scrolling can be queued: one scrolls, and then the other. -- There's an intermediary event, 'onAfterFirst' called in case the axes are queued, after the first ends. -- If the option 'margin' is set to true, the plugin will take in account, the margin of the target(no use if target is a value).
\ No newline at end of file diff --git a/node_modules/jquery.scrollto/package.json b/node_modules/jquery.scrollto/package.json index 354d02e6b6..4e43a2a18f 100644 --- a/node_modules/jquery.scrollto/package.json +++ b/node_modules/jquery.scrollto/package.json @@ -1,74 +1,20 @@ { - "_args": [ - [ - "jquery.scrollto@2.1.2", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "jquery.scrollto@2.1.2", - "_id": "jquery.scrollto@2.1.2", - "_inBundle": false, - "_integrity": "sha1-51gNnHrEbvW7JTGUg/b0VxP9fGw=", - "_location": "/jquery.scrollto", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "jquery.scrollto@2.1.2", - "name": "jquery.scrollto", - "escapedName": "jquery.scrollto", - "rawSpec": "2.1.2", - "saveSpec": null, - "fetchSpec": "2.1.2" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/jquery.scrollto/-/jquery.scrollto-2.1.2.tgz", - "_spec": "2.1.2", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Ariel Flesler", - "url": "http://flesler.blogspot.com/" - }, - "bugs": { - "url": "https://github.com/flesler/jquery.scrollTo/issues" - }, - "demo": "http://demos.flesler.com/jquery/scrollTo/", - "dependencies": { - "jquery": ">=1.8" - }, + "name": "jquery.scrollto", + "version": "2.1.2", "description": "Lightweight, cross-browser and highly customizable animated scrolling with jQuery", + "main": "jquery.scrollTo.js", + "license": "MIT", + "ignore": ["**/.*","demo","tests","CHANGELOG","README.md","composer.json","bower.json"], + "dependencies": { "jquery": ">=1.8" }, + "homepage": "https://github.com/flesler/jquery.scrollTo/", "docs": "https://github.com/flesler/jquery.scrollTo/", + "demo": "http://demos.flesler.com/jquery/scrollTo/", + "bugs": "https://github.com/flesler/jquery.scrollTo/issues", "download": "https://github.com/flesler/jquery.scrollTo/releases", - "homepage": "https://github.com/flesler/jquery.scrollTo/", - "ignore": [ - "**/.*", - "demo", - "tests", - "CHANGELOG", - "README.md", - "composer.json", - "bower.json" - ], - "keywords": [ - "browser", - "animated", - "animation", - "scrolling", - "scroll", - "links", - "anchors", - "jquery", - "jquery-plugin", - "ecosystem:jquery" - ], - "license": "MIT", - "main": "jquery.scrollTo.js", - "name": "jquery.scrollto", - "repository": { - "type": "git", - "url": "git://github.com/flesler/jquery.scrollTo.git" - }, - "version": "2.1.2" + "repository": "git://github.com/flesler/jquery.scrollTo", + "keywords": ["browser","animated","animation","scrolling","scroll","links","anchors","jquery","jquery-plugin", "ecosystem:jquery"], + "author": { + "name": "Ariel Flesler", + "web": "http://flesler.blogspot.com/" + } } diff --git a/node_modules/jquery.scrollto/scrollTo.jquery.json b/node_modules/jquery.scrollto/scrollTo.jquery.json deleted file mode 100644 index 7e51c080d4..0000000000 --- a/node_modules/jquery.scrollto/scrollTo.jquery.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "name": "scrollTo", - "title": "Ariel Flesler's jQuery scrollTo", - "description": "Easy element scrolling using jQuery.", - "keywords": ["browser", "animated", "animation", "scrolling", "scroll", "links", "anchors"], - "version": "1.4.14", - "author": { - "name": "Ariel Flesler", - "email": "aflesler@gmail.com", - "url": "http://flesler.blogspot.com" - }, - "maintainers": [{ - "name": "Ariel Flesler", - "email": "aflesler@gmail.com", - "url": "http://flesler.blogspot.com" - }], - "licenses": [{ - "type": "MIT", - "url": "https://github.com/flesler/jquery.scrollTo/blob/master/LICENSE" - }], - "homepage": "https://github.com/flesler/jquery.scrollTo", - "docs": "http://flesler.blogspot.com/2007/10/jqueryscrollto.html", - "bugs": "https://github.com/flesler/jquery.scrollTo/issues", - "download": "https://github.com/flesler/jquery.scrollTo/releases", - "demo": "http://demos.flesler.com/jquery/scrollTo", - "dependencies": { - "jquery": ">=1.4" - } -}
\ No newline at end of file diff --git a/node_modules/jquery/package.json b/node_modules/jquery/package.json index e146d4c023..1c30fcecd8 100644 --- a/node_modules/jquery/package.json +++ b/node_modules/jquery/package.json @@ -1,68 +1,29 @@ { - "_args": [ - [ - "jquery@2.2.4", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "jquery@2.2.4", - "_id": "jquery@2.2.4", - "_inBundle": false, - "_integrity": "sha1-LInWiJterFIqfuoywUUhVZxsvwI=", - "_location": "/jquery", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "jquery@2.2.4", - "name": "jquery", - "escapedName": "jquery", - "rawSpec": "2.2.4", - "saveSpec": null, - "fetchSpec": "2.2.4" - }, - "_requiredBy": [ - "/", - "/jquery.scrollto" - ], - "_resolved": "https://registry.npmjs.org/jquery/-/jquery-2.2.4.tgz", - "_spec": "2.2.4", - "_where": "/Users/benakamoorthi/Projects/matomo", + "name": "jquery", + "title": "jQuery", + "description": "JavaScript library for DOM operations", + "version": "2.2.4", + "main": "dist/jquery.js", + "homepage": "http://jquery.com", "author": { "name": "jQuery Foundation and other contributors", "url": "https://github.com/jquery/jquery/blob/2.2.4/AUTHORS.txt" }, + "repository": { + "type": "git", + "url": "https://github.com/jquery/jquery.git" + }, + "keywords": [ + "jquery", + "javascript", + "browser", + "library" + ], "bugs": { "url": "https://github.com/jquery/jquery/issues" }, - "commitplease": { - "components": [ - "Docs", - "Tests", - "Build", - "Release", - "Core", - "Ajax", - "Attributes", - "Callbacks", - "CSS", - "Data", - "Deferred", - "Deprecated", - "Dimensions", - "Effects", - "Event", - "Manipulation", - "Offset", - "Queue", - "Selector", - "Serialize", - "Traversing", - "Wrap" - ] - }, + "license": "MIT", "dependencies": {}, - "description": "JavaScript library for DOM operations", "devDependencies": { "commitplease": "2.0.0", "core-js": "0.9.17", @@ -80,8 +41,8 @@ "gzip-js": "0.3.2", "jsdom": "5.6.1", "load-grunt-tasks": "1.0.0", - "qunit-assert-step": "1.0.3", "qunitjs": "1.17.1", + "qunit-assert-step": "1.0.3", "requirejs": "2.1.17", "sinon": "1.10.3", "sizzle": "2.2.1", @@ -89,25 +50,35 @@ "testswarm": "1.1.0", "win-spawn": "2.0.0" }, - "homepage": "http://jquery.com", - "keywords": [ - "jquery", - "javascript", - "browser", - "library" - ], - "license": "MIT", - "main": "dist/jquery.js", - "name": "jquery", - "repository": { - "type": "git", - "url": "git+https://github.com/jquery/jquery.git" - }, "scripts": { "build": "npm install && grunt", "start": "grunt watch", "test": "grunt && grunt test" }, - "title": "jQuery", - "version": "2.2.4" + "commitplease": { + "components": [ + "Docs", + "Tests", + "Build", + "Release", + "Core", + "Ajax", + "Attributes", + "Callbacks", + "CSS", + "Data", + "Deferred", + "Deprecated", + "Dimensions", + "Effects", + "Event", + "Manipulation", + "Offset", + "Queue", + "Selector", + "Serialize", + "Traversing", + "Wrap" + ] + } } diff --git a/node_modules/materialize-css/package.json b/node_modules/materialize-css/package.json index b8b9541485..39b65b531e 100644 --- a/node_modules/materialize-css/package.json +++ b/node_modules/materialize-css/package.json @@ -1,40 +1,33 @@ { - "_args": [ - [ - "materialize-css@1.0.0", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "materialize-css@1.0.0", - "_id": "materialize-css@1.0.0", - "_inBundle": false, - "_integrity": "sha512-4/oecXl8y/1i8RDZvyvwAICyqwNoKU4or5uf8uoAd74k76KzZ0Llym4zhJ5lLNUskcqjO0AuMcvNyDkpz8Z6zw==", - "_location": "/materialize-css", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "materialize-css@1.0.0", - "name": "materialize-css", - "escapedName": "materialize-css", - "rawSpec": "1.0.0", - "saveSpec": null, - "fetchSpec": "1.0.0" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/materialize-css/-/materialize-css-1.0.0.tgz", - "_spec": "1.0.0", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Alvin Wang, Alan Chang" + "name": "materialize-css", + "description": "Builds Materialize distribution packages", + "author": "Alvin Wang, Alan Chang", + "homepage": "http://materializecss.com/", + "version": "1.0.0", + "main": "dist/js/materialize.js", + "style": "dist/css/materialize.css", + "sass": "sass/materialize.scss", + "license": "MIT", + "repository": { + "type": "git", + "url": "git://github.com/Dogfalo/materialize.git" }, "bugs": { "url": "https://github.com/Dogfalo/materialize/issues" }, + "scripts": { + "dev": "grunt monitor", + "test": "grunt travis", + "precommit": "lint-staged" + }, + "lint-staged": { + "js/*.js": [ + "prettier --write", + "git add" + ] + }, "dependencies": {}, - "description": "Builds Materialize distribution packages", + "engine": "node >= 6", "devDependencies": { "autoprefixer": "^7.1.1", "babel-preset-es2015": "^6.24.1", @@ -66,7 +59,6 @@ "phantomjs-prebuilt": "^2.1.14", "prettier": "^1.12.1" }, - "engine": "node >= 6", "files": [ "dist", "extras", @@ -74,27 +66,5 @@ "sass/**/*.scss", "Gruntfile.js", "LICENSE" - ], - "homepage": "http://materializecss.com/", - "license": "MIT", - "lint-staged": { - "js/*.js": [ - "prettier --write", - "git add" - ] - }, - "main": "dist/js/materialize.js", - "name": "materialize-css", - "repository": { - "type": "git", - "url": "git://github.com/Dogfalo/materialize.git" - }, - "sass": "sass/materialize.scss", - "scripts": { - "dev": "grunt monitor", - "precommit": "lint-staged", - "test": "grunt travis" - }, - "style": "dist/css/materialize.css", - "version": "1.0.0" + ] } diff --git a/node_modules/mousetrap/package.json b/node_modules/mousetrap/package.json index 914cf26f1e..442f5a47b2 100644 --- a/node_modules/mousetrap/package.json +++ b/node_modules/mousetrap/package.json @@ -1,39 +1,27 @@ { - "_args": [ - [ - "mousetrap@1.6.5", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "mousetrap@1.6.5", - "_id": "mousetrap@1.6.5", - "_inBundle": false, - "_integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==", - "_location": "/mousetrap", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "mousetrap@1.6.5", - "name": "mousetrap", - "escapedName": "mousetrap", - "rawSpec": "1.6.5", - "saveSpec": null, - "fetchSpec": "1.6.5" + "name": "mousetrap", + "version": "1.6.5", + "description": "Simple library for handling keyboard shortcuts", + "main": "mousetrap.js", + "directories": { + "test": "tests" }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz", - "_spec": "1.6.5", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Craig Campbell" + "scripts": { + "test": "mocha --reporter=nyan tests/test.mousetrap.js" }, - "bugs": { - "url": "https://github.com/ccampbell/mousetrap/issues" + "repository": { + "type": "git", + "url": "git://github.com/ccampbell/mousetrap.git" }, - "description": "Simple library for handling keyboard shortcuts", + "keywords": [ + "keyboard", + "shortcuts", + "events" + ], + "author": "Craig Campbell", + "license": "Apache-2.0 WITH LLVM-exception", + "gitHead": "c202a0bd4967d5a3064f9cb376db51dec9345336", + "readmeFilename": "README.md", "devDependencies": { "chai": "^4.2.0", "grunt": "~1.0.3", @@ -42,26 +30,5 @@ "jsdom-global": "^3.0.2", "mocha": "^5.2.0", "sinon": "^7.2.2" - }, - "directories": { - "test": "tests" - }, - "gitHead": "c202a0bd4967d5a3064f9cb376db51dec9345336", - "homepage": "https://github.com/ccampbell/mousetrap#readme", - "keywords": [ - "keyboard", - "shortcuts", - "events" - ], - "license": "Apache-2.0 WITH LLVM-exception", - "main": "mousetrap.js", - "name": "mousetrap", - "repository": { - "type": "git", - "url": "git://github.com/ccampbell/mousetrap.git" - }, - "scripts": { - "test": "mocha --reporter=nyan tests/test.mousetrap.js" - }, - "version": "1.6.5" + } } diff --git a/node_modules/ng-dialog/package.json b/node_modules/ng-dialog/package.json index 060d02d9c9..26afbd6391 100644 --- a/node_modules/ng-dialog/package.json +++ b/node_modules/ng-dialog/package.json @@ -1,41 +1,50 @@ { - "_args": [ - [ - "ng-dialog@1.4.0", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "ng-dialog@1.4.0", - "_id": "ng-dialog@1.4.0", - "_inBundle": false, - "_integrity": "sha1-P4EzDnyqxhTpn7zrdvMEv4IMQT4=", - "_location": "/ng-dialog", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "ng-dialog@1.4.0", - "name": "ng-dialog", - "escapedName": "ng-dialog", - "rawSpec": "1.4.0", - "saveSpec": null, - "fetchSpec": "1.4.0" + "name": "ng-dialog", + "version": "1.4.0", + "homepage": "https://github.com/likeastore/ngDialog", + "description": "Modal dialogs and popups provider for Angular.js applications", + "main": "./js/ngDialog.js", + "style": "./css/ngDialog.css", + "scripts": { + "pretest": "npm install && bower install --allow-root", + "test": "./node_modules/karma/bin/karma start --single-run --browsers PhantomJS", + "test-min": "./node_modules/karma/bin/karma start --single-run --browsers PhantomJS --min", + "test-watch": "./node_modules/karma/bin/karma start --auto-watch --browsers PhantomJS", + "serve": "node server", + "webdriver-update": "node_modules/.bin/webdriver-manager update --standalone", + "webdriver": "node_modules/.bin/webdriver-manager start", + "preprotractor": "npm install && bower install --allow-root", + "protractor": "node_modules/.bin/protractor protractor.conf.js", + "protractor-a11y": "node_modules/.bin/protractor protractor.conf.js --a11y", + "protractor-console": "node_modules/.bin/protractor protractor.conf.js --console-error", + "build": "grunt build" + }, + "directories": { + "test": "tests" }, - "_requiredBy": [ - "/" + "keywords": [ + "angular.js", + "modals", + "popups", + "dialog", + "ng", + "provider", + "factory", + "directive" ], - "_resolved": "https://registry.npmjs.org/ng-dialog/-/ng-dialog-1.4.0.tgz", - "_spec": "1.4.0", - "_where": "/Users/benakamoorthi/Projects/matomo", "author": { "name": "Dmitri Voronianski", "email": "dmitri.voronianski@gmail.com", - "url": "http://pixelhunter.me" + "web": "http://pixelhunter.me", + "twitter": "voronianski" }, - "bugs": { - "url": "https://github.com/likeastore/ngDialog/issues" + "bugs": "https://github.com/likeastore/ngDialog/issues", + "repository": { + "type": "git", + "url": "https://github.com/likeastore/ngDialog" }, - "description": "Modal dialogs and popups provider for Angular.js applications", + "readmeFilename": "README.md", + "license": "MIT", "devDependencies": { "express": "^4.13.3", "grunt": "^0.4.5", @@ -52,43 +61,5 @@ "myth": "^1.5.0", "phantomjs": "^2.1.7", "protractor": "^2.2.0" - }, - "directories": { - "test": "tests" - }, - "homepage": "https://github.com/likeastore/ngDialog", - "keywords": [ - "angular.js", - "modals", - "popups", - "dialog", - "ng", - "provider", - "factory", - "directive" - ], - "license": "MIT", - "main": "./js/ngDialog.js", - "name": "ng-dialog", - "repository": { - "type": "git", - "url": "git+https://github.com/likeastore/ngDialog.git" - }, - "scripts": { - "build": "grunt build", - "preprotractor": "npm install && bower install --allow-root", - "pretest": "npm install && bower install --allow-root", - "protractor": "protractor protractor.conf.js", - "protractor-a11y": "protractor protractor.conf.js --a11y", - "protractor-console": "protractor protractor.conf.js --console-error", - "serve": "node server", - "start": "node server.js", - "test": "./node_modules/karma/bin/karma start --single-run --browsers PhantomJS", - "test-min": "./node_modules/karma/bin/karma start --single-run --browsers PhantomJS --min", - "test-watch": "./node_modules/karma/bin/karma start --auto-watch --browsers PhantomJS", - "webdriver": "webdriver-manager start", - "webdriver-update": "webdriver-manager update --standalone" - }, - "style": "./css/ngDialog.css", - "version": "1.4.0" + } } diff --git a/node_modules/qrcodejs2/package.json b/node_modules/qrcodejs2/package.json index 410874b691..f986382680 100644 --- a/node_modules/qrcodejs2/package.json +++ b/node_modules/qrcodejs2/package.json @@ -1,52 +1,21 @@ { - "_args": [ - [ - "qrcodejs2@0.0.2", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "qrcodejs2@0.0.2", - "_id": "qrcodejs2@0.0.2", - "_inBundle": false, - "_integrity": "sha1-Rlr+Xjnxn6zsuTLBH3oYYQkUauE=", - "_location": "/qrcodejs2", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "qrcodejs2@0.0.2", - "name": "qrcodejs2", - "escapedName": "qrcodejs2", - "rawSpec": "0.0.2", - "saveSpec": null, - "fetchSpec": "0.0.2" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/qrcodejs2/-/qrcodejs2-0.0.2.tgz", - "_spec": "0.0.2", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "davidshimjs", - "email": "ssm0123@gmail.com" - }, - "bugs": { - "url": "https://github.com/davidshimjs/qrcodejs/issues" - }, + "name": "qrcodejs2", + "version": "0.0.2", "description": "Javsacript QRCode for all browsers", - "gitHead": "06c7a5e134f116402699f03cda5819e10a0e5787", - "homepage": "https://github.com/davidshimjs/qrcodejs#readme", - "keywords": [ - "qrcode", - "javascript" - ], - "license": "MIT", "main": "qrcode.js", - "name": "qrcodejs2", "repository": { "type": "git", "url": "git://github.com/davidshimjs/qrcodejs.git" }, - "version": "0.0.2" + "keywords": [ + "qrcode", + "javascript" + ], + "author": "davidshimjs <ssm0123@gmail.com>", + "license": "MIT", + "gitHead": "06c7a5e134f116402699f03cda5819e10a0e5787", + "readmeFilename": "README.md", + "bugs": { + "url": "https://github.com/davidshimjs/qrcodejs/issues" + } } diff --git a/node_modules/sprintf-js/package.json b/node_modules/sprintf-js/package.json index 52cebcdca1..2043fa33b0 100644 --- a/node_modules/sprintf-js/package.json +++ b/node_modules/sprintf-js/package.json @@ -1,40 +1,21 @@ { - "_args": [ - [ - "sprintf-js@1.1.2", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "sprintf-js@1.1.2", - "_id": "sprintf-js@1.1.2", - "_inBundle": false, - "_integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==", - "_location": "/sprintf-js", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "sprintf-js@1.1.2", - "name": "sprintf-js", - "escapedName": "sprintf-js", - "rawSpec": "1.1.2", - "saveSpec": null, - "fetchSpec": "1.1.2" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz", - "_spec": "1.1.2", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Alexandru Mărășteanu", - "email": "hello@alexei.ro" + "name": "sprintf-js", + "version": "1.1.2", + "description": "JavaScript sprintf implementation", + "author": "Alexandru Mărășteanu <hello@alexei.ro>", + "main": "src/sprintf.js", + "scripts": { + "test": "mocha test/*.js", + "pretest": "npm run lint", + "lint": "eslint .", + "lint:fix": "eslint --fix ." }, - "bugs": { - "url": "https://github.com/alexei/sprintf.js/issues" + "repository": { + "type": "git", + "url": "https://github.com/alexei/sprintf.js.git" }, - "description": "JavaScript sprintf implementation", + "license": "BSD-3-Clause", + "readmeFilename": "README.md", "devDependencies": { "benchmark": "^2.1.4", "eslint": "^5.10.0", @@ -47,20 +28,5 @@ "gulp-sourcemaps": "^2.6.4", "gulp-uglify": "^3.0.1", "mocha": "^5.2.0" - }, - "homepage": "https://github.com/alexei/sprintf.js#readme", - "license": "BSD-3-Clause", - "main": "src/sprintf.js", - "name": "sprintf-js", - "repository": { - "type": "git", - "url": "git+https://github.com/alexei/sprintf.js.git" - }, - "scripts": { - "lint": "eslint .", - "lint:fix": "eslint --fix .", - "pretest": "npm run lint", - "test": "mocha test/*.js" - }, - "version": "1.1.2" + } } diff --git a/node_modules/visibilityjs/component.json b/node_modules/visibilityjs/component.json deleted file mode 100644 index 588fa78517..0000000000 --- a/node_modules/visibilityjs/component.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "name": "visibilityjs", - "version": "1.2.8", - "homepage": "https://github.com/ai/visibilityjs", - "authors": ["Andrey A.I. Sitnik <andrey@sitnik.ru>"], - "description": "Wrapper for the Page Visibility API", - "license": "MIT", - "main": "index.js", - "scripts": [ - "index.js", - "lib/visibility.core.js", - "lib/visibility.timers.js" - ] -} diff --git a/node_modules/visibilityjs/package.json b/node_modules/visibilityjs/package.json index 2d97961093..fa7d664a65 100644 --- a/node_modules/visibilityjs/package.json +++ b/node_modules/visibilityjs/package.json @@ -1,62 +1,24 @@ { - "_args": [ - [ - "visibilityjs@2.0.2", - "/Users/benakamoorthi/Projects/matomo" - ] - ], - "_from": "visibilityjs@2.0.2", - "_id": "visibilityjs@2.0.2", - "_inBundle": false, - "_integrity": "sha512-y5sN5oGvuXXcK6s8WupOymRcqEss7kusojpScRqkT+cTCIFjul+06uSMDPMByN9DIBv/sUUnvV8BplKjqelAfw==", - "_location": "/visibilityjs", - "_phantomChildren": {}, - "_requested": { - "type": "version", - "registry": true, - "raw": "visibilityjs@2.0.2", - "name": "visibilityjs", - "escapedName": "visibilityjs", - "rawSpec": "2.0.2", - "saveSpec": null, - "fetchSpec": "2.0.2" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/visibilityjs/-/visibilityjs-2.0.2.tgz", - "_spec": "2.0.2", - "_where": "/Users/benakamoorthi/Projects/matomo", - "author": { - "name": "Andrey Sitnik", - "email": "andrey@sitnik.ru" - }, - "bugs": { - "url": "https://github.com/ai/visibilityjs/issues" - }, + "name": "visibilityjs", + "version": "2.0.2", "description": "Wrapper for the Page Visibility API", - "devDependencies": { - "chai": "4.1.2", - "mocha": "5.2.0", - "sinon": "^6.0.0", - "sinon-chai": "3.1.0", - "size-limit": "^0.18.2" - }, - "homepage": "https://github.com/ai/visibilityjs#readme", "keywords": [ "page visibility api", "visibility", "polyfill", "timer" ], + "author": "Andrey Sitnik <andrey@sitnik.ru>", "license": "MIT", - "name": "visibilityjs", - "repository": { - "type": "git", - "url": "git+https://github.com/ai/visibilityjs.git" + "repository": "ai/visibilityjs", + "devDependencies": { + "chai": "4.1.2", + "mocha": "5.2.0", + "sinon": "^6.0.0", + "sinon-chai": "3.1.0", + "size-limit": "^0.18.2" }, "scripts": { "test": "mocha && size-limit" - }, - "version": "2.0.2" + } } diff --git a/node_modules/vue/dist/vue.cjs.js b/node_modules/vue/dist/vue.cjs.js new file mode 100644 index 0000000000..64464cf466 --- /dev/null +++ b/node_modules/vue/dist/vue.cjs.js @@ -0,0 +1,77 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { value: true }); + +var compilerDom = require('@vue/compiler-dom'); +var runtimeDom = require('@vue/runtime-dom'); +var shared = require('@vue/shared'); + +function _interopNamespace(e) { + if (e && e.__esModule) return e; + var n = Object.create(null); + if (e) { + Object.keys(e).forEach(function (k) { + n[k] = e[k]; + }); + } + n['default'] = e; + return Object.freeze(n); +} + +var runtimeDom__namespace = /*#__PURE__*/_interopNamespace(runtimeDom); + +// This entry is the "full-build" that includes both the runtime +const compileCache = Object.create(null); +function compileToFunction(template, options) { + if (!shared.isString(template)) { + if (template.nodeType) { + template = template.innerHTML; + } + else { + runtimeDom.warn(`invalid template option: `, template); + return shared.NOOP; + } + } + const key = template; + const cached = compileCache[key]; + if (cached) { + return cached; + } + if (template[0] === '#') { + const el = document.querySelector(template); + if (!el) { + runtimeDom.warn(`Template element not found or is empty: ${template}`); + } + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's rendered + // by the server, the template should not contain any user data. + template = el ? el.innerHTML : ``; + } + const { code } = compilerDom.compile(template, shared.extend({ + hoistStatic: true, + onError: onError , + onWarn: e => onError(e, true) + }, options)); + function onError(err, asWarning = false) { + const message = asWarning + ? err.message + : `Template compilation error: ${err.message}`; + const codeFrame = err.loc && + shared.generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset); + runtimeDom.warn(codeFrame ? `${message}\n${codeFrame}` : message); + } + // The wildcard import results in a huge object with every export + // with keys that cannot be mangled, and can be quite heavy size-wise. + // In the global build we know `Vue` is available globally so we can avoid + // the wildcard object. + const render = (new Function('Vue', code)(runtimeDom__namespace)); + render._rc = true; + return (compileCache[key] = render); +} +runtimeDom.registerRuntimeCompiler(compileToFunction); + +Object.keys(runtimeDom).forEach(function (k) { + if (k !== 'default') exports[k] = runtimeDom[k]; +}); +exports.compile = compileToFunction; diff --git a/node_modules/vue/dist/vue.cjs.prod.js b/node_modules/vue/dist/vue.cjs.prod.js new file mode 100644 index 0000000000..ffcbcded72 --- /dev/null +++ b/node_modules/vue/dist/vue.cjs.prod.js @@ -0,0 +1,65 @@ +'use strict'; + +Object.defineProperty(exports, '__esModule', { value: true }); + +var compilerDom = require('@vue/compiler-dom'); +var runtimeDom = require('@vue/runtime-dom'); +var shared = require('@vue/shared'); + +function _interopNamespace(e) { + if (e && e.__esModule) return e; + var n = Object.create(null); + if (e) { + Object.keys(e).forEach(function (k) { + n[k] = e[k]; + }); + } + n['default'] = e; + return Object.freeze(n); +} + +var runtimeDom__namespace = /*#__PURE__*/_interopNamespace(runtimeDom); + +// This entry is the "full-build" that includes both the runtime +const compileCache = Object.create(null); +function compileToFunction(template, options) { + if (!shared.isString(template)) { + if (template.nodeType) { + template = template.innerHTML; + } + else { + return shared.NOOP; + } + } + const key = template; + const cached = compileCache[key]; + if (cached) { + return cached; + } + if (template[0] === '#') { + const el = document.querySelector(template); + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's rendered + // by the server, the template should not contain any user data. + template = el ? el.innerHTML : ``; + } + const { code } = compilerDom.compile(template, shared.extend({ + hoistStatic: true, + onError: undefined, + onWarn: shared.NOOP + }, options)); + // The wildcard import results in a huge object with every export + // with keys that cannot be mangled, and can be quite heavy size-wise. + // In the global build we know `Vue` is available globally so we can avoid + // the wildcard object. + const render = (new Function('Vue', code)(runtimeDom__namespace)); + render._rc = true; + return (compileCache[key] = render); +} +runtimeDom.registerRuntimeCompiler(compileToFunction); + +Object.keys(runtimeDom).forEach(function (k) { + if (k !== 'default') exports[k] = runtimeDom[k]; +}); +exports.compile = compileToFunction; diff --git a/node_modules/vue/dist/vue.d.ts b/node_modules/vue/dist/vue.d.ts new file mode 100644 index 0000000000..2f596b6baa --- /dev/null +++ b/node_modules/vue/dist/vue.d.ts @@ -0,0 +1,9 @@ +import { CompilerOptions } from '@vue/compiler-dom'; +import { RenderFunction } from '@vue/runtime-dom'; + +export declare function compile(template: string | HTMLElement, options?: CompilerOptions): RenderFunction; + + +export * from "@vue/runtime-dom"; + +export { } diff --git a/node_modules/vue/dist/vue.esm-browser.js b/node_modules/vue/dist/vue.esm-browser.js new file mode 100644 index 0000000000..626a30146a --- /dev/null +++ b/node_modules/vue/dist/vue.esm-browser.js @@ -0,0 +1,15879 @@ +/** + * Make a map and return a function for checking if a key + * is in that map. + * IMPORTANT: all calls of this function must be prefixed with + * \/\*#\_\_PURE\_\_\*\/ + * So that rollup can tree-shake them if necessary. + */ +function makeMap(str, expectsLowerCase) { + const map = Object.create(null); + const list = str.split(','); + for (let i = 0; i < list.length; i++) { + map[list[i]] = true; + } + return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val]; +} + +/** + * dev only flag -> name mapping + */ +const PatchFlagNames = { + [1 /* TEXT */]: `TEXT`, + [2 /* CLASS */]: `CLASS`, + [4 /* STYLE */]: `STYLE`, + [8 /* PROPS */]: `PROPS`, + [16 /* FULL_PROPS */]: `FULL_PROPS`, + [32 /* HYDRATE_EVENTS */]: `HYDRATE_EVENTS`, + [64 /* STABLE_FRAGMENT */]: `STABLE_FRAGMENT`, + [128 /* KEYED_FRAGMENT */]: `KEYED_FRAGMENT`, + [256 /* UNKEYED_FRAGMENT */]: `UNKEYED_FRAGMENT`, + [512 /* NEED_PATCH */]: `NEED_PATCH`, + [1024 /* DYNAMIC_SLOTS */]: `DYNAMIC_SLOTS`, + [2048 /* DEV_ROOT_FRAGMENT */]: `DEV_ROOT_FRAGMENT`, + [-1 /* HOISTED */]: `HOISTED`, + [-2 /* BAIL */]: `BAIL` +}; + +/** + * Dev only + */ +const slotFlagsText = { + [1 /* STABLE */]: 'STABLE', + [2 /* DYNAMIC */]: 'DYNAMIC', + [3 /* FORWARDED */]: 'FORWARDED' +}; + +const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,' + + 'decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,' + + 'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt'; +const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED); + +const range = 2; +function generateCodeFrame(source, start = 0, end = source.length) { + // Split the content into individual lines but capture the newline sequence + // that separated each line. This is important because the actual sequence is + // needed to properly take into account the full line length for offset + // comparison + let lines = source.split(/(\r?\n)/); + // Separate the lines and newline sequences into separate arrays for easier referencing + const newlineSequences = lines.filter((_, idx) => idx % 2 === 1); + lines = lines.filter((_, idx) => idx % 2 === 0); + let count = 0; + const res = []; + for (let i = 0; i < lines.length; i++) { + count += + lines[i].length + + ((newlineSequences[i] && newlineSequences[i].length) || 0); + if (count >= start) { + for (let j = i - range; j <= i + range || end > count; j++) { + if (j < 0 || j >= lines.length) + continue; + const line = j + 1; + res.push(`${line}${' '.repeat(Math.max(3 - String(line).length, 0))}| ${lines[j]}`); + const lineLength = lines[j].length; + const newLineSeqLength = (newlineSequences[j] && newlineSequences[j].length) || 0; + if (j === i) { + // push underline + const pad = start - (count - (lineLength + newLineSeqLength)); + const length = Math.max(1, end > count ? lineLength - pad : end - start); + res.push(` | ` + ' '.repeat(pad) + '^'.repeat(length)); + } + else if (j > i) { + if (end > count) { + const length = Math.max(Math.min(end - count, lineLength), 1); + res.push(` | ` + '^'.repeat(length)); + } + count += lineLength + newLineSeqLength; + } + } + break; + } + } + return res.join('\n'); +} + +/** + * On the client we only need to offer special cases for boolean attributes that + * have different names from their corresponding dom properties: + * - itemscope -> N/A + * - allowfullscreen -> allowFullscreen + * - formnovalidate -> formNoValidate + * - ismap -> isMap + * - nomodule -> noModule + * - novalidate -> noValidate + * - readonly -> readOnly + */ +const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; +const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs); +/** + * Boolean attributes should be included if the value is truthy or ''. + * e.g. <select multiple> compiles to { multiple: '' } + */ +function includeBooleanAttr(value) { + return !!value || value === ''; +} + +function normalizeStyle(value) { + if (isArray(value)) { + const res = {}; + for (let i = 0; i < value.length; i++) { + const item = value[i]; + const normalized = isString(item) + ? parseStringStyle(item) + : normalizeStyle(item); + if (normalized) { + for (const key in normalized) { + res[key] = normalized[key]; + } + } + } + return res; + } + else if (isString(value)) { + return value; + } + else if (isObject(value)) { + return value; + } +} +const listDelimiterRE = /;(?![^(]*\))/g; +const propertyDelimiterRE = /:(.+)/; +function parseStringStyle(cssText) { + const ret = {}; + cssText.split(listDelimiterRE).forEach(item => { + if (item) { + const tmp = item.split(propertyDelimiterRE); + tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); + } + }); + return ret; +} +function normalizeClass(value) { + let res = ''; + if (isString(value)) { + res = value; + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + const normalized = normalizeClass(value[i]); + if (normalized) { + res += normalized + ' '; + } + } + } + else if (isObject(value)) { + for (const name in value) { + if (value[name]) { + res += name + ' '; + } + } + } + return res.trim(); +} +function normalizeProps(props) { + if (!props) + return null; + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (style) { + props.style = normalizeStyle(style); + } + return props; +} + +// These tag configs are shared between compiler-dom and runtime-dom, so they +// https://developer.mozilla.org/en-US/docs/Web/HTML/Element +const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' + + 'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + + 'option,output,progress,select,textarea,details,dialog,menu,' + + 'summary,template,blockquote,iframe,tfoot'; +// https://developer.mozilla.org/en-US/docs/Web/SVG/Element +const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + + 'text,textPath,title,tspan,unknown,use,view'; +const VOID_TAGS = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr'; +const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS); +const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS); +const isVoidTag = /*#__PURE__*/ makeMap(VOID_TAGS); + +function looseCompareArrays(a, b) { + if (a.length !== b.length) + return false; + let equal = true; + for (let i = 0; equal && i < a.length; i++) { + equal = looseEqual(a[i], b[i]); + } + return equal; +} +function looseEqual(a, b) { + if (a === b) + return true; + let aValidType = isDate(a); + let bValidType = isDate(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? a.getTime() === b.getTime() : false; + } + aValidType = isArray(a); + bValidType = isArray(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? looseCompareArrays(a, b) : false; + } + aValidType = isObject(a); + bValidType = isObject(b); + if (aValidType || bValidType) { + /* istanbul ignore if: this if will probably never be called */ + if (!aValidType || !bValidType) { + return false; + } + const aKeysCount = Object.keys(a).length; + const bKeysCount = Object.keys(b).length; + if (aKeysCount !== bKeysCount) { + return false; + } + for (const key in a) { + const aHasKey = a.hasOwnProperty(key); + const bHasKey = b.hasOwnProperty(key); + if ((aHasKey && !bHasKey) || + (!aHasKey && bHasKey) || + !looseEqual(a[key], b[key])) { + return false; + } + } + } + return String(a) === String(b); +} +function looseIndexOf(arr, val) { + return arr.findIndex(item => looseEqual(item, val)); +} + +/** + * For converting {{ interpolation }} values to displayed strings. + * @private + */ +const toDisplayString = (val) => { + return val == null + ? '' + : isArray(val) || + (isObject(val) && + (val.toString === objectToString || !isFunction(val.toString))) + ? JSON.stringify(val, replacer, 2) + : String(val); +}; +const replacer = (_key, val) => { + // can't use isRef here since @vue/shared has no deps + if (val && val.__v_isRef) { + return replacer(_key, val.value); + } + else if (isMap(val)) { + return { + [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => { + entries[`${key} =>`] = val; + return entries; + }, {}) + }; + } + else if (isSet(val)) { + return { + [`Set(${val.size})`]: [...val.values()] + }; + } + else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { + return String(val); + } + return val; +}; + +const EMPTY_OBJ = Object.freeze({}) + ; +const EMPTY_ARR = Object.freeze([]) ; +const NOOP = () => { }; +/** + * Always return false. + */ +const NO = () => false; +const onRE = /^on[^a-z]/; +const isOn = (key) => onRE.test(key); +const isModelListener = (key) => key.startsWith('onUpdate:'); +const extend = Object.assign; +const remove = (arr, el) => { + const i = arr.indexOf(el); + if (i > -1) { + arr.splice(i, 1); + } +}; +const hasOwnProperty = Object.prototype.hasOwnProperty; +const hasOwn = (val, key) => hasOwnProperty.call(val, key); +const isArray = Array.isArray; +const isMap = (val) => toTypeString(val) === '[object Map]'; +const isSet = (val) => toTypeString(val) === '[object Set]'; +const isDate = (val) => val instanceof Date; +const isFunction = (val) => typeof val === 'function'; +const isString = (val) => typeof val === 'string'; +const isSymbol = (val) => typeof val === 'symbol'; +const isObject = (val) => val !== null && typeof val === 'object'; +const isPromise = (val) => { + return isObject(val) && isFunction(val.then) && isFunction(val.catch); +}; +const objectToString = Object.prototype.toString; +const toTypeString = (value) => objectToString.call(value); +const toRawType = (value) => { + // extract "RawType" from strings like "[object RawType]" + return toTypeString(value).slice(8, -1); +}; +const isPlainObject = (val) => toTypeString(val) === '[object Object]'; +const isIntegerKey = (key) => isString(key) && + key !== 'NaN' && + key[0] !== '-' && + '' + parseInt(key, 10) === key; +const isReservedProp = /*#__PURE__*/ makeMap( +// the leading comma is intentional so empty string "" is also included +',key,ref,' + + 'onVnodeBeforeMount,onVnodeMounted,' + + 'onVnodeBeforeUpdate,onVnodeUpdated,' + + 'onVnodeBeforeUnmount,onVnodeUnmounted'); +const cacheStringFunction = (fn) => { + const cache = Object.create(null); + return ((str) => { + const hit = cache[str]; + return hit || (cache[str] = fn(str)); + }); +}; +const camelizeRE = /-(\w)/g; +/** + * @private + */ +const camelize = cacheStringFunction((str) => { + return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : '')); +}); +const hyphenateRE = /\B([A-Z])/g; +/** + * @private + */ +const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').toLowerCase()); +/** + * @private + */ +const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1)); +/** + * @private + */ +const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``); +// compare whether a value has changed, accounting for NaN. +const hasChanged = (value, oldValue) => !Object.is(value, oldValue); +const invokeArrayFns = (fns, arg) => { + for (let i = 0; i < fns.length; i++) { + fns[i](arg); + } +}; +const def = (obj, key, value) => { + Object.defineProperty(obj, key, { + configurable: true, + enumerable: false, + value + }); +}; +const toNumber = (val) => { + const n = parseFloat(val); + return isNaN(n) ? val : n; +}; +let _globalThis; +const getGlobalThis = () => { + return (_globalThis || + (_globalThis = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {})); +}; + +function warn(msg, ...args) { + console.warn(`[Vue warn] ${msg}`, ...args); +} + +let activeEffectScope; +const effectScopeStack = []; +class EffectScope { + constructor(detached = false) { + this.active = true; + this.effects = []; + this.cleanups = []; + if (!detached && activeEffectScope) { + this.parent = activeEffectScope; + this.index = + (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1; + } + } + run(fn) { + if (this.active) { + try { + this.on(); + return fn(); + } + finally { + this.off(); + } + } + else { + warn(`cannot run an inactive effect scope.`); + } + } + on() { + if (this.active) { + effectScopeStack.push(this); + activeEffectScope = this; + } + } + off() { + if (this.active) { + effectScopeStack.pop(); + activeEffectScope = effectScopeStack[effectScopeStack.length - 1]; + } + } + stop(fromParent) { + if (this.active) { + this.effects.forEach(e => e.stop()); + this.cleanups.forEach(cleanup => cleanup()); + if (this.scopes) { + this.scopes.forEach(e => e.stop(true)); + } + // nested scope, dereference from parent to avoid memory leaks + if (this.parent && !fromParent) { + // optimized O(1) removal + const last = this.parent.scopes.pop(); + if (last && last !== this) { + this.parent.scopes[this.index] = last; + last.index = this.index; + } + } + this.active = false; + } + } +} +function effectScope(detached) { + return new EffectScope(detached); +} +function recordEffectScope(effect, scope) { + scope = scope || activeEffectScope; + if (scope && scope.active) { + scope.effects.push(effect); + } +} +function getCurrentScope() { + return activeEffectScope; +} +function onScopeDispose(fn) { + if (activeEffectScope) { + activeEffectScope.cleanups.push(fn); + } + else { + warn(`onScopeDispose() is called when there is no active effect scope` + + ` to be associated with.`); + } +} + +const createDep = (effects) => { + const dep = new Set(effects); + dep.w = 0; + dep.n = 0; + return dep; +}; +const wasTracked = (dep) => (dep.w & trackOpBit) > 0; +const newTracked = (dep) => (dep.n & trackOpBit) > 0; +const initDepMarkers = ({ deps }) => { + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].w |= trackOpBit; // set was tracked + } + } +}; +const finalizeDepMarkers = (effect) => { + const { deps } = effect; + if (deps.length) { + let ptr = 0; + for (let i = 0; i < deps.length; i++) { + const dep = deps[i]; + if (wasTracked(dep) && !newTracked(dep)) { + dep.delete(effect); + } + else { + deps[ptr++] = dep; + } + // clear bits + dep.w &= ~trackOpBit; + dep.n &= ~trackOpBit; + } + deps.length = ptr; + } +}; + +const targetMap = new WeakMap(); +// The number of effects currently being tracked recursively. +let effectTrackDepth = 0; +let trackOpBit = 1; +/** + * The bitwise track markers support at most 30 levels op recursion. + * This value is chosen to enable modern JS engines to use a SMI on all platforms. + * When recursion depth is greater, fall back to using a full cleanup. + */ +const maxMarkerBits = 30; +const effectStack = []; +let activeEffect; +const ITERATE_KEY = Symbol('iterate' ); +const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' ); +class ReactiveEffect { + constructor(fn, scheduler = null, scope) { + this.fn = fn; + this.scheduler = scheduler; + this.active = true; + this.deps = []; + recordEffectScope(this, scope); + } + run() { + if (!this.active) { + return this.fn(); + } + if (!effectStack.includes(this)) { + try { + effectStack.push((activeEffect = this)); + enableTracking(); + trackOpBit = 1 << ++effectTrackDepth; + if (effectTrackDepth <= maxMarkerBits) { + initDepMarkers(this); + } + else { + cleanupEffect(this); + } + return this.fn(); + } + finally { + if (effectTrackDepth <= maxMarkerBits) { + finalizeDepMarkers(this); + } + trackOpBit = 1 << --effectTrackDepth; + resetTracking(); + effectStack.pop(); + const n = effectStack.length; + activeEffect = n > 0 ? effectStack[n - 1] : undefined; + } + } + } + stop() { + if (this.active) { + cleanupEffect(this); + if (this.onStop) { + this.onStop(); + } + this.active = false; + } + } +} +function cleanupEffect(effect) { + const { deps } = effect; + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].delete(effect); + } + deps.length = 0; + } +} +function effect(fn, options) { + if (fn.effect) { + fn = fn.effect.fn; + } + const _effect = new ReactiveEffect(fn); + if (options) { + extend(_effect, options); + if (options.scope) + recordEffectScope(_effect, options.scope); + } + if (!options || !options.lazy) { + _effect.run(); + } + const runner = _effect.run.bind(_effect); + runner.effect = _effect; + return runner; +} +function stop(runner) { + runner.effect.stop(); +} +let shouldTrack = true; +const trackStack = []; +function pauseTracking() { + trackStack.push(shouldTrack); + shouldTrack = false; +} +function enableTracking() { + trackStack.push(shouldTrack); + shouldTrack = true; +} +function resetTracking() { + const last = trackStack.pop(); + shouldTrack = last === undefined ? true : last; +} +function track(target, type, key) { + if (!isTracking()) { + return; + } + let depsMap = targetMap.get(target); + if (!depsMap) { + targetMap.set(target, (depsMap = new Map())); + } + let dep = depsMap.get(key); + if (!dep) { + depsMap.set(key, (dep = createDep())); + } + const eventInfo = { effect: activeEffect, target, type, key } + ; + trackEffects(dep, eventInfo); +} +function isTracking() { + return shouldTrack && activeEffect !== undefined; +} +function trackEffects(dep, debuggerEventExtraInfo) { + let shouldTrack = false; + if (effectTrackDepth <= maxMarkerBits) { + if (!newTracked(dep)) { + dep.n |= trackOpBit; // set newly tracked + shouldTrack = !wasTracked(dep); + } + } + else { + // Full cleanup mode. + shouldTrack = !dep.has(activeEffect); + } + if (shouldTrack) { + dep.add(activeEffect); + activeEffect.deps.push(dep); + if (activeEffect.onTrack) { + activeEffect.onTrack(Object.assign({ + effect: activeEffect + }, debuggerEventExtraInfo)); + } + } +} +function trigger(target, type, key, newValue, oldValue, oldTarget) { + const depsMap = targetMap.get(target); + if (!depsMap) { + // never been tracked + return; + } + let deps = []; + if (type === "clear" /* CLEAR */) { + // collection being cleared + // trigger all effects for target + deps = [...depsMap.values()]; + } + else if (key === 'length' && isArray(target)) { + depsMap.forEach((dep, key) => { + if (key === 'length' || key >= newValue) { + deps.push(dep); + } + }); + } + else { + // schedule runs for SET | ADD | DELETE + if (key !== void 0) { + deps.push(depsMap.get(key)); + } + // also run for iteration key on ADD | DELETE | Map.SET + switch (type) { + case "add" /* ADD */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + else if (isIntegerKey(key)) { + // new index added to array -> length changes + deps.push(depsMap.get('length')); + } + break; + case "delete" /* DELETE */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + break; + case "set" /* SET */: + if (isMap(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + } + break; + } + } + const eventInfo = { target, type, key, newValue, oldValue, oldTarget } + ; + if (deps.length === 1) { + if (deps[0]) { + { + triggerEffects(deps[0], eventInfo); + } + } + } + else { + const effects = []; + for (const dep of deps) { + if (dep) { + effects.push(...dep); + } + } + { + triggerEffects(createDep(effects), eventInfo); + } + } +} +function triggerEffects(dep, debuggerEventExtraInfo) { + // spread into array for stabilization + for (const effect of isArray(dep) ? dep : [...dep]) { + if (effect !== activeEffect || effect.allowRecurse) { + if (effect.onTrigger) { + effect.onTrigger(extend({ effect }, debuggerEventExtraInfo)); + } + if (effect.scheduler) { + effect.scheduler(); + } + else { + effect.run(); + } + } + } +} + +const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`); +const builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol) + .map(key => Symbol[key]) + .filter(isSymbol)); +const get = /*#__PURE__*/ createGetter(); +const shallowGet = /*#__PURE__*/ createGetter(false, true); +const readonlyGet = /*#__PURE__*/ createGetter(true); +const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true); +const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations(); +function createArrayInstrumentations() { + const instrumentations = {}; + ['includes', 'indexOf', 'lastIndexOf'].forEach(key => { + instrumentations[key] = function (...args) { + const arr = toRaw(this); + for (let i = 0, l = this.length; i < l; i++) { + track(arr, "get" /* GET */, i + ''); + } + // we run the method using the original args first (which may be reactive) + const res = arr[key](...args); + if (res === -1 || res === false) { + // if that didn't work, run it again using raw values. + return arr[key](...args.map(toRaw)); + } + else { + return res; + } + }; + }); + ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => { + instrumentations[key] = function (...args) { + pauseTracking(); + const res = toRaw(this)[key].apply(this, args); + resetTracking(); + return res; + }; + }); + return instrumentations; +} +function createGetter(isReadonly = false, shallow = false) { + return function get(target, key, receiver) { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */ && + receiver === + (isReadonly + ? shallow + ? shallowReadonlyMap + : readonlyMap + : shallow + ? shallowReactiveMap + : reactiveMap).get(target)) { + return target; + } + const targetIsArray = isArray(target); + if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) { + return Reflect.get(arrayInstrumentations, key, receiver); + } + const res = Reflect.get(target, key, receiver); + if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { + return res; + } + if (!isReadonly) { + track(target, "get" /* GET */, key); + } + if (shallow) { + return res; + } + if (isRef(res)) { + // ref unwrapping - does not apply for Array + integer key. + const shouldUnwrap = !targetIsArray || !isIntegerKey(key); + return shouldUnwrap ? res.value : res; + } + if (isObject(res)) { + // Convert returned value into a proxy as well. we do the isObject check + // here to avoid invalid value warning. Also need to lazy access readonly + // and reactive here to avoid circular dependency. + return isReadonly ? readonly(res) : reactive(res); + } + return res; + }; +} +const set = /*#__PURE__*/ createSetter(); +const shallowSet = /*#__PURE__*/ createSetter(true); +function createSetter(shallow = false) { + return function set(target, key, value, receiver) { + let oldValue = target[key]; + if (!shallow) { + value = toRaw(value); + oldValue = toRaw(oldValue); + if (!isArray(target) && isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + } + const hadKey = isArray(target) && isIntegerKey(key) + ? Number(key) < target.length + : hasOwn(target, key); + const result = Reflect.set(target, key, value, receiver); + // don't trigger if target is something up in the prototype chain of original + if (target === toRaw(receiver)) { + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + } + return result; + }; +} +function deleteProperty(target, key) { + const hadKey = hasOwn(target, key); + const oldValue = target[key]; + const result = Reflect.deleteProperty(target, key); + if (result && hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; +} +function has(target, key) { + const result = Reflect.has(target, key); + if (!isSymbol(key) || !builtInSymbols.has(key)) { + track(target, "has" /* HAS */, key); + } + return result; +} +function ownKeys(target) { + track(target, "iterate" /* ITERATE */, isArray(target) ? 'length' : ITERATE_KEY); + return Reflect.ownKeys(target); +} +const mutableHandlers = { + get, + set, + deleteProperty, + has, + ownKeys +}; +const readonlyHandlers = { + get: readonlyGet, + set(target, key) { + { + console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + }, + deleteProperty(target, key) { + { + console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + } +}; +const shallowReactiveHandlers = /*#__PURE__*/ extend({}, mutableHandlers, { + get: shallowGet, + set: shallowSet +}); +// Props handlers are special in the sense that it should not unwrap top-level +// refs (in order to allow refs to be explicitly passed down), but should +// retain the reactivity of the normal readonly object. +const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, { + get: shallowReadonlyGet +}); + +const toReactive = (value) => isObject(value) ? reactive(value) : value; +const toReadonly = (value) => isObject(value) ? readonly(value) : value; +const toShallow = (value) => value; +const getProto = (v) => Reflect.getPrototypeOf(v); +function get$1(target, key, isReadonly = false, isShallow = false) { + // #1772: readonly(reactive(Map)) should return readonly + reactive version + // of the value + target = target["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "get" /* GET */, key); + } + !isReadonly && track(rawTarget, "get" /* GET */, rawKey); + const { has } = getProto(rawTarget); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + if (has.call(rawTarget, key)) { + return wrap(target.get(key)); + } + else if (has.call(rawTarget, rawKey)) { + return wrap(target.get(rawKey)); + } + else if (target !== rawTarget) { + // #3602 readonly(reactive(Map)) + // ensure that the nested reactive `Map` can do tracking for itself + target.get(key); + } +} +function has$1(key, isReadonly = false) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "has" /* HAS */, key); + } + !isReadonly && track(rawTarget, "has" /* HAS */, rawKey); + return key === rawKey + ? target.has(key) + : target.has(key) || target.has(rawKey); +} +function size(target, isReadonly = false) { + target = target["__v_raw" /* RAW */]; + !isReadonly && track(toRaw(target), "iterate" /* ITERATE */, ITERATE_KEY); + return Reflect.get(target, 'size', target); +} +function add(value) { + value = toRaw(value); + const target = toRaw(this); + const proto = getProto(target); + const hadKey = proto.has.call(target, value); + if (!hadKey) { + target.add(value); + trigger(target, "add" /* ADD */, value, value); + } + return this; +} +function set$1(key, value) { + value = toRaw(value); + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get.call(target, key); + target.set(key, value); + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + return this; +} +function deleteEntry(key) { + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get ? get.call(target, key) : undefined; + // forward the operation before queueing reactions + const result = target.delete(key); + if (hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; +} +function clear() { + const target = toRaw(this); + const hadItems = target.size !== 0; + const oldTarget = isMap(target) + ? new Map(target) + : new Set(target) + ; + // forward the operation before queueing reactions + const result = target.clear(); + if (hadItems) { + trigger(target, "clear" /* CLEAR */, undefined, undefined, oldTarget); + } + return result; +} +function createForEach(isReadonly, isShallow) { + return function forEach(callback, thisArg) { + const observed = this; + const target = observed["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && track(rawTarget, "iterate" /* ITERATE */, ITERATE_KEY); + return target.forEach((value, key) => { + // important: make sure the callback is + // 1. invoked with the reactive map as `this` and 3rd arg + // 2. the value received should be a corresponding reactive/readonly. + return callback.call(thisArg, wrap(value), wrap(key), observed); + }); + }; +} +function createIterableMethod(method, isReadonly, isShallow) { + return function (...args) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const targetIsMap = isMap(rawTarget); + const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap); + const isKeyOnly = method === 'keys' && targetIsMap; + const innerIterator = target[method](...args); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && + track(rawTarget, "iterate" /* ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY); + // return a wrapped iterator which returns observed versions of the + // values emitted from the real iterator + return { + // iterator protocol + next() { + const { value, done } = innerIterator.next(); + return done + ? { value, done } + : { + value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), + done + }; + }, + // iterable protocol + [Symbol.iterator]() { + return this; + } + }; + }; +} +function createReadonlyMethod(type) { + return function (...args) { + { + const key = args[0] ? `on key "${args[0]}" ` : ``; + console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this)); + } + return type === "delete" /* DELETE */ ? false : this; + }; +} +function createInstrumentations() { + const mutableInstrumentations = { + get(key) { + return get$1(this, key); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, false) + }; + const shallowInstrumentations = { + get(key) { + return get$1(this, key, false, true); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, true) + }; + const readonlyInstrumentations = { + get(key) { + return get$1(this, key, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, false) + }; + const shallowReadonlyInstrumentations = { + get(key) { + return get$1(this, key, true, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, true) + }; + const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator]; + iteratorMethods.forEach(method => { + mutableInstrumentations[method] = createIterableMethod(method, false, false); + readonlyInstrumentations[method] = createIterableMethod(method, true, false); + shallowInstrumentations[method] = createIterableMethod(method, false, true); + shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true); + }); + return [ + mutableInstrumentations, + readonlyInstrumentations, + shallowInstrumentations, + shallowReadonlyInstrumentations + ]; +} +const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations(); +function createInstrumentationGetter(isReadonly, shallow) { + const instrumentations = shallow + ? isReadonly + ? shallowReadonlyInstrumentations + : shallowInstrumentations + : isReadonly + ? readonlyInstrumentations + : mutableInstrumentations; + return (target, key, receiver) => { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */) { + return target; + } + return Reflect.get(hasOwn(instrumentations, key) && key in target + ? instrumentations + : target, key, receiver); + }; +} +const mutableCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, false) +}; +const shallowCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, true) +}; +const readonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, false) +}; +const shallowReadonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, true) +}; +function checkIdentityKeys(target, has, key) { + const rawKey = toRaw(key); + if (rawKey !== key && has.call(target, rawKey)) { + const type = toRawType(target); + console.warn(`Reactive ${type} contains both the raw and reactive ` + + `versions of the same object${type === `Map` ? ` as keys` : ``}, ` + + `which can lead to inconsistencies. ` + + `Avoid differentiating between the raw and reactive versions ` + + `of an object and only use the reactive version if possible.`); + } +} + +const reactiveMap = new WeakMap(); +const shallowReactiveMap = new WeakMap(); +const readonlyMap = new WeakMap(); +const shallowReadonlyMap = new WeakMap(); +function targetTypeMap(rawType) { + switch (rawType) { + case 'Object': + case 'Array': + return 1 /* COMMON */; + case 'Map': + case 'Set': + case 'WeakMap': + case 'WeakSet': + return 2 /* COLLECTION */; + default: + return 0 /* INVALID */; + } +} +function getTargetType(value) { + return value["__v_skip" /* SKIP */] || !Object.isExtensible(value) + ? 0 /* INVALID */ + : targetTypeMap(toRawType(value)); +} +function reactive(target) { + // if trying to observe a readonly proxy, return the readonly version. + if (target && target["__v_isReadonly" /* IS_READONLY */]) { + return target; + } + return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap); +} +/** + * Return a shallowly-reactive copy of the original object, where only the root + * level properties are reactive. It also does not auto-unwrap refs (even at the + * root level). + */ +function shallowReactive(target) { + return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap); +} +/** + * Creates a readonly copy of the original object. Note the returned copy is not + * made reactive, but `readonly` can be called on an already reactive object. + */ +function readonly(target) { + return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap); +} +/** + * Returns a reactive-copy of the original object, where only the root level + * properties are readonly, and does NOT unwrap refs nor recursively convert + * returned properties. + * This is used for creating the props proxy object for stateful components. + */ +function shallowReadonly(target) { + return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap); +} +function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) { + if (!isObject(target)) { + { + console.warn(`value cannot be made reactive: ${String(target)}`); + } + return target; + } + // target is already a Proxy, return it. + // exception: calling readonly() on a reactive object + if (target["__v_raw" /* RAW */] && + !(isReadonly && target["__v_isReactive" /* IS_REACTIVE */])) { + return target; + } + // target already has corresponding Proxy + const existingProxy = proxyMap.get(target); + if (existingProxy) { + return existingProxy; + } + // only a whitelist of value types can be observed. + const targetType = getTargetType(target); + if (targetType === 0 /* INVALID */) { + return target; + } + const proxy = new Proxy(target, targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers); + proxyMap.set(target, proxy); + return proxy; +} +function isReactive(value) { + if (isReadonly(value)) { + return isReactive(value["__v_raw" /* RAW */]); + } + return !!(value && value["__v_isReactive" /* IS_REACTIVE */]); +} +function isReadonly(value) { + return !!(value && value["__v_isReadonly" /* IS_READONLY */]); +} +function isProxy(value) { + return isReactive(value) || isReadonly(value); +} +function toRaw(observed) { + const raw = observed && observed["__v_raw" /* RAW */]; + return raw ? toRaw(raw) : observed; +} +function markRaw(value) { + def(value, "__v_skip" /* SKIP */, true); + return value; +} + +function trackRefValue(ref) { + if (isTracking()) { + ref = toRaw(ref); + if (!ref.dep) { + ref.dep = createDep(); + } + { + trackEffects(ref.dep, { + target: ref, + type: "get" /* GET */, + key: 'value' + }); + } + } +} +function triggerRefValue(ref, newVal) { + ref = toRaw(ref); + if (ref.dep) { + { + triggerEffects(ref.dep, { + target: ref, + type: "set" /* SET */, + key: 'value', + newValue: newVal + }); + } + } +} +const convert = (val) => isObject(val) ? reactive(val) : val; +function isRef(r) { + return Boolean(r && r.__v_isRef === true); +} +function ref(value) { + return createRef(value, false); +} +function shallowRef(value) { + return createRef(value, true); +} +class RefImpl { + constructor(value, _shallow) { + this._shallow = _shallow; + this.dep = undefined; + this.__v_isRef = true; + this._rawValue = _shallow ? value : toRaw(value); + this._value = _shallow ? value : convert(value); + } + get value() { + trackRefValue(this); + return this._value; + } + set value(newVal) { + newVal = this._shallow ? newVal : toRaw(newVal); + if (hasChanged(newVal, this._rawValue)) { + this._rawValue = newVal; + this._value = this._shallow ? newVal : convert(newVal); + triggerRefValue(this, newVal); + } + } +} +function createRef(rawValue, shallow) { + if (isRef(rawValue)) { + return rawValue; + } + return new RefImpl(rawValue, shallow); +} +function triggerRef(ref) { + triggerRefValue(ref, ref.value ); +} +function unref(ref) { + return isRef(ref) ? ref.value : ref; +} +const shallowUnwrapHandlers = { + get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)), + set: (target, key, value, receiver) => { + const oldValue = target[key]; + if (isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + else { + return Reflect.set(target, key, value, receiver); + } + } +}; +function proxyRefs(objectWithRefs) { + return isReactive(objectWithRefs) + ? objectWithRefs + : new Proxy(objectWithRefs, shallowUnwrapHandlers); +} +class CustomRefImpl { + constructor(factory) { + this.dep = undefined; + this.__v_isRef = true; + const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this)); + this._get = get; + this._set = set; + } + get value() { + return this._get(); + } + set value(newVal) { + this._set(newVal); + } +} +function customRef(factory) { + return new CustomRefImpl(factory); +} +function toRefs(object) { + if (!isProxy(object)) { + console.warn(`toRefs() expects a reactive object but received a plain one.`); + } + const ret = isArray(object) ? new Array(object.length) : {}; + for (const key in object) { + ret[key] = toRef(object, key); + } + return ret; +} +class ObjectRefImpl { + constructor(_object, _key) { + this._object = _object; + this._key = _key; + this.__v_isRef = true; + } + get value() { + return this._object[this._key]; + } + set value(newVal) { + this._object[this._key] = newVal; + } +} +function toRef(object, key) { + const val = object[key]; + return isRef(val) ? val : new ObjectRefImpl(object, key); +} + +class ComputedRefImpl { + constructor(getter, _setter, isReadonly) { + this._setter = _setter; + this.dep = undefined; + this._dirty = true; + this.__v_isRef = true; + this.effect = new ReactiveEffect(getter, () => { + if (!this._dirty) { + this._dirty = true; + triggerRefValue(this); + } + }); + this["__v_isReadonly" /* IS_READONLY */] = isReadonly; + } + get value() { + // the computed ref may get wrapped by other proxies e.g. readonly() #3376 + const self = toRaw(this); + trackRefValue(self); + if (self._dirty) { + self._dirty = false; + self._value = self.effect.run(); + } + return self._value; + } + set value(newValue) { + this._setter(newValue); + } +} +function computed(getterOrOptions, debugOptions) { + let getter; + let setter; + if (isFunction(getterOrOptions)) { + getter = getterOrOptions; + setter = () => { + console.warn('Write operation failed: computed value is readonly'); + } + ; + } + else { + getter = getterOrOptions.get; + setter = getterOrOptions.set; + } + const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set); + if (debugOptions) { + cRef.effect.onTrack = debugOptions.onTrack; + cRef.effect.onTrigger = debugOptions.onTrigger; + } + return cRef; +} + +/* eslint-disable no-restricted-globals */ +let isHmrUpdating = false; +const hmrDirtyComponents = new Set(); +// Expose the HMR runtime on the global object +// This makes it entirely tree-shakable without polluting the exports and makes +// it easier to be used in toolings like vue-loader +// Note: for a component to be eligible for HMR it also needs the __hmrId option +// to be set so that its instances can be registered / removed. +{ + const globalObject = typeof global !== 'undefined' + ? global + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : {}; + globalObject.__VUE_HMR_RUNTIME__ = { + createRecord: tryWrap(createRecord), + rerender: tryWrap(rerender), + reload: tryWrap(reload) + }; +} +const map = new Map(); +function registerHMR(instance) { + const id = instance.type.__hmrId; + let record = map.get(id); + if (!record) { + createRecord(id, instance.type); + record = map.get(id); + } + record.instances.add(instance); +} +function unregisterHMR(instance) { + map.get(instance.type.__hmrId).instances.delete(instance); +} +function createRecord(id, component) { + if (!component) { + warn$1(`HMR API usage is out of date.\n` + + `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` + + `dependency that handles Vue SFC compilation.`); + component = {}; + } + if (map.has(id)) { + return false; + } + map.set(id, { + component: isClassComponent(component) ? component.__vccOpts : component, + instances: new Set() + }); + return true; +} +function rerender(id, newRender) { + const record = map.get(id); + if (!record) + return; + if (newRender) + record.component.render = newRender; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + Array.from(record.instances).forEach(instance => { + if (newRender) { + instance.render = newRender; + } + instance.renderCache = []; + // this flag forces child components with slot content to update + isHmrUpdating = true; + instance.update(); + isHmrUpdating = false; + }); +} +function reload(id, newComp) { + const record = map.get(id); + if (!record) + return; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + const { component, instances } = record; + if (!hmrDirtyComponents.has(component)) { + // 1. Update existing comp definition to match new one + newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp; + extend(component, newComp); + for (const key in component) { + if (key !== '__file' && !(key in newComp)) { + delete component[key]; + } + } + // 2. Mark component dirty. This forces the renderer to replace the component + // on patch. + hmrDirtyComponents.add(component); + // 3. Make sure to unmark the component after the reload. + queuePostFlushCb(() => { + hmrDirtyComponents.delete(component); + }); + } + Array.from(instances).forEach(instance => { + // invalidate options resolution cache + instance.appContext.optionsCache.delete(instance.type); + if (instance.ceReload) { + // custom element + hmrDirtyComponents.add(component); + instance.ceReload(newComp.styles); + hmrDirtyComponents.delete(component); + } + else if (instance.parent) { + // 4. Force the parent instance to re-render. This will cause all updated + // components to be unmounted and re-mounted. Queue the update so that we + // don't end up forcing the same parent to re-render multiple times. + queueJob(instance.parent.update); + // instance is the inner component of an async custom element + // invoke to reset styles + if (instance.parent.type.__asyncLoader && + instance.parent.ceReload) { + instance.parent.ceReload(newComp.styles); + } + } + else if (instance.appContext.reload) { + // root instance mounted via createApp() has a reload method + instance.appContext.reload(); + } + else if (typeof window !== 'undefined') { + // root instance inside tree created via raw render(). Force reload. + window.location.reload(); + } + else { + console.warn('[HMR] Root or manually mounted instance modified. Full reload required.'); + } + }); +} +function tryWrap(fn) { + return (id, arg) => { + try { + return fn(id, arg); + } + catch (e) { + console.error(e); + console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` + + `Full reload required.`); + } + }; +} + +let devtools; +function setDevtoolsHook(hook) { + devtools = hook; +} +function devtoolsInitApp(app, version) { + // TODO queue if devtools is undefined + if (!devtools) + return; + devtools.emit("app:init" /* APP_INIT */, app, version, { + Fragment, + Text, + Comment: Comment$1, + Static + }); +} +function devtoolsUnmountApp(app) { + if (!devtools) + return; + devtools.emit("app:unmount" /* APP_UNMOUNT */, app); +} +const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */); +const devtoolsComponentUpdated = +/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */); +const devtoolsComponentRemoved = +/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */); +function createDevtoolsComponentHook(hook) { + return (component) => { + if (!devtools) + return; + devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component); + }; +} +const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */); +const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */); +function createDevtoolsPerformanceHook(hook) { + return (component, type, time) => { + if (!devtools) + return; + devtools.emit(hook, component.appContext.app, component.uid, component, type, time); + }; +} +function devtoolsComponentEmit(component, event, params) { + if (!devtools) + return; + devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params); +} + +const deprecationData = { + ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: { + message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` + + `option have been removed. Use createApp(RootComponent).mount() instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance` + }, + ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: { + message: `Vue detected directives on the mount container. ` + + `In Vue 3, the container is no longer considered part of the template ` + + `and will not be processed/replaced.`, + link: `https://v3.vuejs.org/guide/migration/mount-changes.html` + }, + ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: { + message: `Vue.extend() has been removed in Vue 3. ` + + `Use defineComponent() instead.`, + link: `https://v3.vuejs.org/api/global-api.html#definecomponent` + }, + ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: { + message: `Vue.prototype is no longer available in Vue 3. ` + + `Use app.config.globalProperties instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties` + }, + ["GLOBAL_SET" /* GLOBAL_SET */]: { + message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_DELETE" /* GLOBAL_DELETE */]: { + message: `Vue.delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: { + message: `Vue.observable() has been removed. ` + + `Use \`import { reactive } from "vue"\` from Composition API instead.`, + link: `https://v3.vuejs.org/api/basic-reactivity.html` + }, + ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: { + message: `Vue.util has been removed. Please refactor to avoid its usage ` + + `since it was an internal API even in Vue 2.` + }, + ["CONFIG_SILENT" /* CONFIG_SILENT */]: { + message: `config.silent has been removed because it is not good practice to ` + + `intentionally suppress warnings. You can use your browser console's ` + + `filter features to focus on relevant messages.` + }, + ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: { + message: `config.devtools has been removed. To enable devtools for ` + + `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`, + link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags` + }, + ["CONFIG_KEY_CODES" /* CONFIG_KEY_CODES */]: { + message: `config.keyCodes has been removed. ` + + `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: { + message: `config.productionTip has been removed.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed` + }, + ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: { + message: () => { + let msg = `config.ignoredElements has been removed.`; + if (isRuntimeOnly()) { + msg += ` Pass the "isCustomElement" option to @vue/compiler-dom instead.`; + } + else { + msg += ` Use config.isCustomElement instead.`; + } + return msg; + }, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-ignoredelements-is-now-config-iscustomelement` + }, + ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: { + // this warning is only relevant in the full build when using runtime + // compilation, so it's put in the runtime compatConfig list. + message: `Vue 3 compiler's whitespace option will default to "condense" instead of ` + + `"preserve". To suppress this warning, provide an explicit value for ` + + `\`config.compilerOptions.whitespace\`.` + }, + ["CONFIG_OPTION_MERGE_STRATS" /* CONFIG_OPTION_MERGE_STRATS */]: { + message: `config.optionMergeStrategies no longer exposes internal strategies. ` + + `Use custom merge functions instead.` + }, + ["INSTANCE_SET" /* INSTANCE_SET */]: { + message: `vm.$set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DELETE" /* INSTANCE_DELETE */]: { + message: `vm.$delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: { + message: `vm.$destroy() has been removed. Use app.unmount() instead.`, + link: `https://v3.vuejs.org/api/application-api.html#unmount` + }, + ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: { + message: `vm.$on/$once/$off() have been removed. ` + + `Use an external event emitter library instead.`, + link: `https://v3.vuejs.org/guide/migration/events-api.html` + }, + ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: { + message: event => `"${event}" lifecycle events are no longer supported. From templates, ` + + `use the "vnode" prefix instead of "hook:". For example, @${event} ` + + `should be changed to @vnode-${event.slice(5)}. ` + + `From JavaScript, use Composition API to dynamically register lifecycle ` + + `hooks.`, + link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html` + }, + ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: { + message: `vm.$children has been removed. Consider refactoring your logic ` + + `to avoid relying on direct access to child components.`, + link: `https://v3.vuejs.org/guide/migration/children.html` + }, + ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: { + message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` + + `included in vm.$attrs and it is no longer necessary to separately use ` + + `v-on="$listeners" if you are already using v-bind="$attrs". ` + + `(Note: the Vue 3 behavior only applies if this compat config is disabled)`, + link: `https://v3.vuejs.org/guide/migration/listeners-removed.html` + }, + ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: { + message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`, + link: `https://v3.vuejs.org/guide/migration/slots-unification.html` + }, + ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: { + message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` + + `relying on class/style fallthrough from parent. In Vue 3, class/style ` + + `are now included in $attrs and will no longer fallthrough when ` + + `inheritAttrs is false. If you are already using v-bind="$attrs" on ` + + `component root it should render the same end result. ` + + `If you are binding $attrs to a non-root element and expecting ` + + `class/style to fallthrough on root, you will need to now manually bind ` + + `them on root via :class="$attrs.class".`, + link: `https://v3.vuejs.org/guide/migration/attrs-includes-class-style.html` + }, + ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: { + message: `The "data" option can no longer be a plain object. ` + + `Always use a function.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html` + }, + ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: { + message: (key) => `Detected conflicting key "${key}" when merging data option values. ` + + `In Vue 3, data keys are merged shallowly and will override one another.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change` + }, + ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: { + message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.` + }, + ["OPTIONS_DESTROYED" /* OPTIONS_DESTROYED */]: { + message: `\`destroyed\` has been renamed to \`unmounted\`.` + }, + ["WATCH_ARRAY" /* WATCH_ARRAY */]: { + message: `"watch" option or vm.$watch on an array value will no longer ` + + `trigger on array mutation unless the "deep" option is specified. ` + + `If current usage is intended, you can disable the compat behavior and ` + + `suppress this warning with:` + + `\n\n configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/watch.html` + }, + ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: { + message: (key) => `props default value function no longer has access to "this". The compat ` + + `build only offers access to this.$options.` + + `(found in prop "${key}")`, + link: `https://v3.vuejs.org/guide/migration/props-default-this.html` + }, + ["CUSTOM_DIR" /* CUSTOM_DIR */]: { + message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` + + `Use "${newHook}" instead.`, + link: `https://v3.vuejs.org/guide/migration/custom-directives.html` + }, + ["V_FOR_REF" /* V_FOR_REF */]: { + message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` + + `Consider using function refs or refactor to avoid ref usage altogether.`, + link: `https://v3.vuejs.org/guide/migration/array-refs.html` + }, + ["V_ON_KEYCODE_MODIFIER" /* V_ON_KEYCODE_MODIFIER */]: { + message: `Using keyCode as v-on modifier is no longer supported. ` + + `Use kebab-case key name modifiers instead.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: { + message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` + + `${name}="false" instead of removing it in Vue 3. To remove the attribute, ` + + `use \`null\` or \`undefined\` instead. If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: { + message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` + + `${value === null ? `be removed` : `render the value as-is`} instead of coercing the value to "${coerced}" in Vue 3. ` + + `Always use explicit "true" or "false" values for enumerated attributes. ` + + `If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: { + message: `` // this feature cannot be runtime-detected + }, + ["TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */]: { + message: `<TransitionGroup> no longer renders a root <span> element by ` + + `default if no "tag" prop is specified. If you do not rely on the span ` + + `for styling, you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/transition-group.html` + }, + ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Async component${name ? ` <${name}>` : `s`} should be explicitly created via \`defineAsyncComponent()\` ` + + `in Vue 3. Plain functions will be treated as functional components in ` + + `non-compat build. If you have already migrated all async component ` + + `usage and intend to use plain functions for functional components, ` + + `you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`); + }, + link: `https://v3.vuejs.org/guide/migration/async-components.html` + }, + ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Functional component${name ? ` <${name}>` : `s`} should be defined as a plain function in Vue 3. The "functional" ` + + `option has been removed. NOTE: Before migrating to use plain ` + + `functions for functional components, first make sure that all async ` + + `components usage have been migrated and its compat behavior has ` + + `been disabled.`); + }, + link: `https://v3.vuejs.org/guide/migration/functional-components.html` + }, + ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: { + message: (comp) => { + const configMsg = `opt-in to ` + + `Vue 3 behavior on a per-component basis with \`compatConfig: { ${"COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */}: false }\`.`; + if (comp.props && + (isArray(comp.props) + ? comp.props.includes('modelValue') + : hasOwn(comp.props, 'modelValue'))) { + return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` + + `is running under Vue 2 compat v-model behavior. You can ${configMsg}`); + } + return (`v-model usage on component has changed in Vue 3. Component that expects ` + + `to work with v-model should now use the "modelValue" prop and emit the ` + + `"update:modelValue" event. You can update the usage and then ${configMsg}`); + }, + link: `https://v3.vuejs.org/guide/migration/v-model.html` + }, + ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: { + message: `Vue 3's render function API has changed. ` + + `You can opt-in to the new API with:` + + `\n\n configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` + + `\n (This can also be done per-component via the "compatConfig" option.)`, + link: `https://v3.vuejs.org/guide/migration/render-function-api.html` + }, + ["FILTERS" /* FILTERS */]: { + message: `filters have been removed in Vue 3. ` + + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + + `Use method calls or computed properties instead.`, + link: `https://v3.vuejs.org/guide/migration/filters.html` + }, + ["PRIVATE_APIS" /* PRIVATE_APIS */]: { + message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` + + `If you are seeing this warning only due to a dependency, you can ` + + `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.` + } +}; +const instanceWarned = Object.create(null); +const warnCount = Object.create(null); +function warnDeprecation(key, instance, ...args) { + instance = instance || getCurrentInstance(); + // check user config + const config = getCompatConfigForKey(key, instance); + if (config === 'suppress-warning') { + return; + } + const dupKey = key + args.join(''); + let compId = instance && formatComponentName(instance, instance.type); + if (compId === 'Anonymous' && instance) { + compId = instance.uid; + } + // skip if the same warning is emitted for the same component type + const componentDupKey = dupKey + compId; + if (componentDupKey in instanceWarned) { + return; + } + instanceWarned[componentDupKey] = true; + // same warning, but different component. skip the long message and just + // log the key and count. + if (dupKey in warnCount) { + warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`); + return; + } + warnCount[dupKey] = 0; + const { message, link } = deprecationData[key]; + warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`); + if (!isCompatEnabled(key, instance, true)) { + console.error(`^ The above deprecation's compat behavior is disabled and will likely ` + + `lead to runtime errors.`); + } +} +const globalCompatConfig = { + MODE: 2 +}; +function getCompatConfigForKey(key, instance) { + const instanceConfig = instance && instance.type.compatConfig; + if (instanceConfig && key in instanceConfig) { + return instanceConfig[key]; + } + return globalCompatConfig[key]; +} +function isCompatEnabled(key, instance, enableForBuiltIn = false) { + // skip compat for built-in components + if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) { + return false; + } + const rawMode = getCompatConfigForKey('MODE', instance) || 2; + const val = getCompatConfigForKey(key, instance); + const mode = isFunction(rawMode) + ? rawMode(instance && instance.type) + : rawMode; + if (mode === 2) { + return val !== false; + } + else { + return val === true || val === 'suppress-warning'; + } +} + +function emit(instance, event, ...rawArgs) { + const props = instance.vnode.props || EMPTY_OBJ; + { + const { emitsOptions, propsOptions: [propsOptions] } = instance; + if (emitsOptions) { + if (!(event in emitsOptions) && + !(false )) { + if (!propsOptions || !(toHandlerKey(event) in propsOptions)) { + warn$1(`Component emitted event "${event}" but it is neither declared in ` + + `the emits option nor as an "${toHandlerKey(event)}" prop.`); + } + } + else { + const validator = emitsOptions[event]; + if (isFunction(validator)) { + const isValid = validator(...rawArgs); + if (!isValid) { + warn$1(`Invalid event arguments: event validation failed for event "${event}".`); + } + } + } + } + } + let args = rawArgs; + const isModelListener = event.startsWith('update:'); + // for v-model update:xxx events, apply modifiers on args + const modelArg = isModelListener && event.slice(7); + if (modelArg && modelArg in props) { + const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`; + const { number, trim } = props[modifiersKey] || EMPTY_OBJ; + if (trim) { + args = rawArgs.map(a => a.trim()); + } + else if (number) { + args = rawArgs.map(toNumber); + } + } + { + devtoolsComponentEmit(instance, event, args); + } + { + const lowerCaseEvent = event.toLowerCase(); + if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) { + warn$1(`Event "${lowerCaseEvent}" is emitted in component ` + + `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` + + `Note that HTML attributes are case-insensitive and you cannot use ` + + `v-on to listen to camelCase events when using in-DOM templates. ` + + `You should probably use "${hyphenate(event)}" instead of "${event}".`); + } + } + let handlerName; + let handler = props[(handlerName = toHandlerKey(event))] || + // also try camelCase event handler (#2249) + props[(handlerName = toHandlerKey(camelize(event)))]; + // for v-model update:xxx events, also trigger kebab-case equivalent + // for props passed via kebab-case + if (!handler && isModelListener) { + handler = props[(handlerName = toHandlerKey(hyphenate(event)))]; + } + if (handler) { + callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } + const onceHandler = props[handlerName + `Once`]; + if (onceHandler) { + if (!instance.emitted) { + instance.emitted = {}; + } + else if (instance.emitted[handlerName]) { + return; + } + instance.emitted[handlerName] = true; + callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } +} +function normalizeEmitsOptions(comp, appContext, asMixin = false) { + const cache = appContext.emitsCache; + const cached = cache.get(comp); + if (cached !== undefined) { + return cached; + } + const raw = comp.emits; + let normalized = {}; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendEmits = (raw) => { + const normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true); + if (normalizedFromExtend) { + hasExtends = true; + extend(normalized, normalizedFromExtend); + } + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendEmits); + } + if (comp.extends) { + extendEmits(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendEmits); + } + } + if (!raw && !hasExtends) { + cache.set(comp, null); + return null; + } + if (isArray(raw)) { + raw.forEach(key => (normalized[key] = null)); + } + else { + extend(normalized, raw); + } + cache.set(comp, normalized); + return normalized; +} +// Check if an incoming prop key is a declared emit event listener. +// e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are +// both considered matched listeners. +function isEmitListener(options, key) { + if (!options || !isOn(key)) { + return false; + } + key = key.slice(2).replace(/Once$/, ''); + return (hasOwn(options, key[0].toLowerCase() + key.slice(1)) || + hasOwn(options, hyphenate(key)) || + hasOwn(options, key)); +} + +/** + * mark the current rendering instance for asset resolution (e.g. + * resolveComponent, resolveDirective) during render + */ +let currentRenderingInstance = null; +let currentScopeId = null; +/** + * Note: rendering calls maybe nested. The function returns the parent rendering + * instance if present, which should be restored after the render is done: + * + * ```js + * const prev = setCurrentRenderingInstance(i) + * // ...render + * setCurrentRenderingInstance(prev) + * ``` + */ +function setCurrentRenderingInstance(instance) { + const prev = currentRenderingInstance; + currentRenderingInstance = instance; + currentScopeId = (instance && instance.type.__scopeId) || null; + return prev; +} +/** + * Set scope id when creating hoisted vnodes. + * @private compiler helper + */ +function pushScopeId(id) { + currentScopeId = id; +} +/** + * Technically we no longer need this after 3.0.8 but we need to keep the same + * API for backwards compat w/ code generated by compilers. + * @private + */ +function popScopeId() { + currentScopeId = null; +} +/** + * Only for backwards compat + * @private + */ +const withScopeId = (_id) => withCtx; +/** + * Wrap a slot function to memoize current rendering instance + * @private compiler helper + */ +function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only +) { + if (!ctx) + return fn; + // already normalized + if (fn._n) { + return fn; + } + const renderFnWithContext = (...args) => { + // If a user calls a compiled slot inside a template expression (#1745), it + // can mess up block tracking, so by default we disable block tracking and + // force bail out when invoking a compiled slot (indicated by the ._d flag). + // This isn't necessary if rendering a compiled `<slot>`, so we flip the + // ._d flag off when invoking the wrapped fn inside `renderSlot`. + if (renderFnWithContext._d) { + setBlockTracking(-1); + } + const prevInstance = setCurrentRenderingInstance(ctx); + const res = fn(...args); + setCurrentRenderingInstance(prevInstance); + if (renderFnWithContext._d) { + setBlockTracking(1); + } + { + devtoolsComponentUpdated(ctx); + } + return res; + }; + // mark normalized to avoid duplicated wrapping + renderFnWithContext._n = true; + // mark this as compiled by default + // this is used in vnode.ts -> normalizeChildren() to set the slot + // rendering flag. + renderFnWithContext._c = true; + // disable block tracking by default + renderFnWithContext._d = true; + return renderFnWithContext; +} + +/** + * dev only flag to track whether $attrs was used during render. + * If $attrs was used during render then the warning for failed attrs + * fallthrough can be suppressed. + */ +let accessedAttrs = false; +function markAttrsAccessed() { + accessedAttrs = true; +} +function renderComponentRoot(instance) { + const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance; + let result; + const prev = setCurrentRenderingInstance(instance); + { + accessedAttrs = false; + } + try { + let fallthroughAttrs; + if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) { + // withProxy is a proxy with a different `has` trap only for + // runtime-compiled render functions using `with` block. + const proxyToUse = withProxy || proxy; + result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx)); + fallthroughAttrs = attrs; + } + else { + // functional + const render = Component; + // in dev, mark attrs accessed if optional props (attrs === props) + if (true && attrs === props) { + markAttrsAccessed(); + } + result = normalizeVNode(render.length > 1 + ? render(props, true + ? { + get attrs() { + markAttrsAccessed(); + return attrs; + }, + slots, + emit + } + : { attrs, slots, emit }) + : render(props, null /* we know it doesn't need it */)); + fallthroughAttrs = Component.props + ? attrs + : getFunctionalFallthrough(attrs); + } + // attr merging + // in dev mode, comments are preserved, and it's possible for a template + // to have comments along side the root element which makes it a fragment + let root = result; + let setRoot = undefined; + if (true && + result.patchFlag > 0 && + result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + ; + [root, setRoot] = getChildRoot(result); + } + if (fallthroughAttrs && inheritAttrs !== false) { + const keys = Object.keys(fallthroughAttrs); + const { shapeFlag } = root; + if (keys.length) { + if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) { + if (propsOptions && keys.some(isModelListener)) { + // If a v-model listener (onUpdate:xxx) has a corresponding declared + // prop, it indicates this component expects to handle v-model and + // it should not fallthrough. + // related: #1543, #1643, #1989 + fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions); + } + root = cloneVNode(root, fallthroughAttrs); + } + else if (true && !accessedAttrs && root.type !== Comment$1) { + const allAttrs = Object.keys(attrs); + const eventAttrs = []; + const extraAttrs = []; + for (let i = 0, l = allAttrs.length; i < l; i++) { + const key = allAttrs[i]; + if (isOn(key)) { + // ignore v-model handlers when they fail to fallthrough + if (!isModelListener(key)) { + // remove `on`, lowercase first letter to reflect event casing + // accurately + eventAttrs.push(key[2].toLowerCase() + key.slice(3)); + } + } + else { + extraAttrs.push(key); + } + } + if (extraAttrs.length) { + warn$1(`Extraneous non-props attributes (` + + `${extraAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes.`); + } + if (eventAttrs.length) { + warn$1(`Extraneous non-emits event listeners (` + + `${eventAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes. ` + + `If the listener is intended to be a component custom event listener only, ` + + `declare it using the "emits" option.`); + } + } + } + } + if (false && + isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) && + vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ && + root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ; + // inherit directives + if (vnode.dirs) { + if (true && !isElementRoot(root)) { + warn$1(`Runtime directive used on component with non-element root node. ` + + `The directives will not function as intended.`); + } + root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs; + } + // inherit transition data + if (vnode.transition) { + if (true && !isElementRoot(root)) { + warn$1(`Component inside <Transition> renders non-element root node ` + + `that cannot be animated.`); + } + root.transition = vnode.transition; + } + if (true && setRoot) { + setRoot(root); + } + else { + result = root; + } + } + catch (err) { + blockStack.length = 0; + handleError(err, instance, 1 /* RENDER_FUNCTION */); + result = createVNode(Comment$1); + } + setCurrentRenderingInstance(prev); + return result; +} +/** + * dev only + * In dev mode, template root level comments are rendered, which turns the + * template into a fragment root, but we need to locate the single element + * root for attrs and scope id processing. + */ +const getChildRoot = (vnode) => { + const rawChildren = vnode.children; + const dynamicChildren = vnode.dynamicChildren; + const childRoot = filterSingleRoot(rawChildren); + if (!childRoot) { + return [vnode, undefined]; + } + const index = rawChildren.indexOf(childRoot); + const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1; + const setRoot = (updatedRoot) => { + rawChildren[index] = updatedRoot; + if (dynamicChildren) { + if (dynamicIndex > -1) { + dynamicChildren[dynamicIndex] = updatedRoot; + } + else if (updatedRoot.patchFlag > 0) { + vnode.dynamicChildren = [...dynamicChildren, updatedRoot]; + } + } + }; + return [normalizeVNode(childRoot), setRoot]; +}; +function filterSingleRoot(children) { + let singleRoot; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isVNode(child)) { + // ignore user comment + if (child.type !== Comment$1 || child.children === 'v-if') { + if (singleRoot) { + // has more than 1 non-comment child, return now + return; + } + else { + singleRoot = child; + } + } + } + else { + return; + } + } + return singleRoot; +} +const getFunctionalFallthrough = (attrs) => { + let res; + for (const key in attrs) { + if (key === 'class' || key === 'style' || isOn(key)) { + (res || (res = {}))[key] = attrs[key]; + } + } + return res; +}; +const filterModelListeners = (attrs, props) => { + const res = {}; + for (const key in attrs) { + if (!isModelListener(key) || !(key.slice(9) in props)) { + res[key] = attrs[key]; + } + } + return res; +}; +const isElementRoot = (vnode) => { + return (vnode.shapeFlag & (6 /* COMPONENT */ | 1 /* ELEMENT */) || + vnode.type === Comment$1 // potential v-if branch switch + ); +}; +function shouldUpdateComponent(prevVNode, nextVNode, optimized) { + const { props: prevProps, children: prevChildren, component } = prevVNode; + const { props: nextProps, children: nextChildren, patchFlag } = nextVNode; + const emits = component.emitsOptions; + // Parent component's render function was hot-updated. Since this may have + // caused the child component's slots content to have changed, we need to + // force the child to update as well. + if ((prevChildren || nextChildren) && isHmrUpdating) { + return true; + } + // force child update for runtime directive or transition on component vnode. + if (nextVNode.dirs || nextVNode.transition) { + return true; + } + if (optimized && patchFlag >= 0) { + if (patchFlag & 1024 /* DYNAMIC_SLOTS */) { + // slot content that references values that might have changed, + // e.g. in a v-for + return true; + } + if (patchFlag & 16 /* FULL_PROPS */) { + if (!prevProps) { + return !!nextProps; + } + // presence of this flag indicates props are always non-null + return hasPropsChanged(prevProps, nextProps, emits); + } + else if (patchFlag & 8 /* PROPS */) { + const dynamicProps = nextVNode.dynamicProps; + for (let i = 0; i < dynamicProps.length; i++) { + const key = dynamicProps[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emits, key)) { + return true; + } + } + } + } + else { + // this path is only taken by manually written render functions + // so presence of any children leads to a forced update + if (prevChildren || nextChildren) { + if (!nextChildren || !nextChildren.$stable) { + return true; + } + } + if (prevProps === nextProps) { + return false; + } + if (!prevProps) { + return !!nextProps; + } + if (!nextProps) { + return true; + } + return hasPropsChanged(prevProps, nextProps, emits); + } + return false; +} +function hasPropsChanged(prevProps, nextProps, emitsOptions) { + const nextKeys = Object.keys(nextProps); + if (nextKeys.length !== Object.keys(prevProps).length) { + return true; + } + for (let i = 0; i < nextKeys.length; i++) { + const key = nextKeys[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emitsOptions, key)) { + return true; + } + } + return false; +} +function updateHOCHostEl({ vnode, parent }, el // HostNode +) { + while (parent && parent.subTree === vnode) { + (vnode = parent.vnode).el = el; + parent = parent.parent; + } +} + +const isSuspense = (type) => type.__isSuspense; +// Suspense exposes a component-like API, and is treated like a component +// in the compiler, but internally it's a special built-in type that hooks +// directly into the renderer. +const SuspenseImpl = { + name: 'Suspense', + // In order to make Suspense tree-shakable, we need to avoid importing it + // directly in the renderer. The renderer checks for the __isSuspense flag + // on a vnode's type and calls the `process` method, passing in renderer + // internals. + __isSuspense: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, + // platform-specific impl passed from renderer + rendererInternals) { + if (n1 == null) { + mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals); + } + else { + patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals); + } + }, + hydrate: hydrateSuspense, + create: createSuspenseBoundary, + normalize: normalizeSuspenseChildren +}; +// Force-casted public typing for h and TSX props inference +const Suspense = (SuspenseImpl ); +function triggerEvent(vnode, name) { + const eventListener = vnode.props && vnode.props[name]; + if (isFunction(eventListener)) { + eventListener(); + } +} +function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { + const { p: patch, o: { createElement } } = rendererInternals; + const hiddenContainer = createElement('div'); + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals)); + // start mounting the content subtree in an off-dom container + patch(null, (suspense.pendingBranch = vnode.ssContent), hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); + // now check if we have encountered any async deps + if (suspense.deps > 0) { + // has async + // invoke @fallback event + triggerEvent(vnode, 'onPending'); + triggerEvent(vnode, 'onFallback'); + // mount the fallback tree + patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds); + setActiveBranch(suspense, vnode.ssFallback); + } + else { + // Suspense has no async deps. Just resolve. + suspense.resolve(); + } +} +function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) { + const suspense = (n2.suspense = n1.suspense); + suspense.vnode = n2; + n2.el = n1.el; + const newBranch = n2.ssContent; + const newFallback = n2.ssFallback; + const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense; + if (pendingBranch) { + suspense.pendingBranch = newBranch; + if (isSameVNodeType(newBranch, pendingBranch)) { + // same root type but content may have changed. + patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else if (isInFallback) { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else { + // toggled before pending tree is resolved + suspense.pendingId++; + if (isHydrating) { + // if toggled before hydration is finished, the current DOM tree is + // no longer valid. set it as the active branch so it will be unmounted + // when resolved + suspense.isHydrating = false; + suspense.activeBranch = pendingBranch; + } + else { + unmount(pendingBranch, parentComponent, suspense); + } + // increment pending ID. this is used to invalidate async callbacks + // reset suspense state + suspense.deps = 0; + // discard effects from pending branch + suspense.effects.length = 0; + // discard previous container + suspense.hiddenContainer = createElement('div'); + if (isInFallback) { + // already in fallback state + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // toggled "back" to current active branch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + // force resolve + suspense.resolve(true); + } + else { + // switched to a 3rd branch + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + } + } + } + else { + if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // root did not change, just normal patch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newBranch); + } + else { + // root node toggled + // invoke @pending event + triggerEvent(n2, 'onPending'); + // mount pending branch in off-dom container + suspense.pendingBranch = newBranch; + suspense.pendingId++; + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + // incoming branch has no async deps, resolve now. + suspense.resolve(); + } + else { + const { timeout, pendingId } = suspense; + if (timeout > 0) { + setTimeout(() => { + if (suspense.pendingId === pendingId) { + suspense.fallback(newFallback); + } + }, timeout); + } + else if (timeout === 0) { + suspense.fallback(newFallback); + } + } + } + } +} +let hasWarned = false; +function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) { + /* istanbul ignore if */ + if (!hasWarned) { + hasWarned = true; + // @ts-ignore `console.info` cannot be null error + console[console.info ? 'info' : 'log'](`<Suspense> is an experimental feature and its API will likely change.`); + } + const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals; + const timeout = toNumber(vnode.props && vnode.props.timeout); + const suspense = { + vnode, + parent, + parentComponent, + isSVG, + container, + hiddenContainer, + anchor, + deps: 0, + pendingId: 0, + timeout: typeof timeout === 'number' ? timeout : -1, + activeBranch: null, + pendingBranch: null, + isInFallback: true, + isHydrating, + isUnmounted: false, + effects: [], + resolve(resume = false) { + { + if (!resume && !suspense.pendingBranch) { + throw new Error(`suspense.resolve() is called without a pending branch.`); + } + if (suspense.isUnmounted) { + throw new Error(`suspense.resolve() is called on an already unmounted suspense boundary.`); + } + } + const { vnode, activeBranch, pendingBranch, pendingId, effects, parentComponent, container } = suspense; + if (suspense.isHydrating) { + suspense.isHydrating = false; + } + else if (!resume) { + const delayEnter = activeBranch && + pendingBranch.transition && + pendingBranch.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = () => { + if (pendingId === suspense.pendingId) { + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + }; + } + // this is initial anchor on mount + let { anchor } = suspense; + // unmount current active tree + if (activeBranch) { + // if the fallback tree was mounted, it may have been moved + // as part of a parent suspense. get the latest anchor for insertion + anchor = next(activeBranch); + unmount(activeBranch, parentComponent, suspense, true); + } + if (!delayEnter) { + // move content from off-dom container to actual container + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + } + setActiveBranch(suspense, pendingBranch); + suspense.pendingBranch = null; + suspense.isInFallback = false; + // flush buffered effects + // check if there is a pending parent suspense + let parent = suspense.parent; + let hasUnresolvedAncestor = false; + while (parent) { + if (parent.pendingBranch) { + // found a pending parent suspense, merge buffered post jobs + // into that parent + parent.effects.push(...effects); + hasUnresolvedAncestor = true; + break; + } + parent = parent.parent; + } + // no pending parent suspense, flush all jobs + if (!hasUnresolvedAncestor) { + queuePostFlushCb(effects); + } + suspense.effects = []; + // invoke @resolve event + triggerEvent(vnode, 'onResolve'); + }, + fallback(fallbackVNode) { + if (!suspense.pendingBranch) { + return; + } + const { vnode, activeBranch, parentComponent, container, isSVG } = suspense; + // invoke @fallback event + triggerEvent(vnode, 'onFallback'); + const anchor = next(activeBranch); + const mountFallback = () => { + if (!suspense.isInFallback) { + return; + } + // mount the fallback tree + patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, fallbackVNode); + }; + const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = mountFallback; + } + suspense.isInFallback = true; + // unmount current active branch + unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now + true // shouldRemove + ); + if (!delayEnter) { + mountFallback(); + } + }, + move(container, anchor, type) { + suspense.activeBranch && + move(suspense.activeBranch, container, anchor, type); + suspense.container = container; + }, + next() { + return suspense.activeBranch && next(suspense.activeBranch); + }, + registerDep(instance, setupRenderEffect) { + const isInPendingSuspense = !!suspense.pendingBranch; + if (isInPendingSuspense) { + suspense.deps++; + } + const hydratedEl = instance.vnode.el; + instance + .asyncDep.catch(err => { + handleError(err, instance, 0 /* SETUP_FUNCTION */); + }) + .then(asyncSetupResult => { + // retry when the setup() promise resolves. + // component may have been unmounted before resolve. + if (instance.isUnmounted || + suspense.isUnmounted || + suspense.pendingId !== instance.suspenseId) { + return; + } + // retry from this component + instance.asyncResolved = true; + const { vnode } = instance; + { + pushWarningContext(vnode); + } + handleSetupResult(instance, asyncSetupResult, false); + if (hydratedEl) { + // vnode may have been replaced if an update happened before the + // async dep is resolved. + vnode.el = hydratedEl; + } + const placeholder = !hydratedEl && instance.subTree.el; + setupRenderEffect(instance, vnode, + // component may have been moved before resolve. + // if this is not a hydration, instance.subTree will be the comment + // placeholder. + parentNode(hydratedEl || instance.subTree.el), + // anchor will not be used if this is hydration, so only need to + // consider the comment placeholder case. + hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized); + if (placeholder) { + remove(placeholder); + } + updateHOCHostEl(instance, vnode.el); + { + popWarningContext(); + } + // only decrease deps count if suspense is not already resolved + if (isInPendingSuspense && --suspense.deps === 0) { + suspense.resolve(); + } + }); + }, + unmount(parentSuspense, doRemove) { + suspense.isUnmounted = true; + if (suspense.activeBranch) { + unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove); + } + if (suspense.pendingBranch) { + unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove); + } + } + }; + return suspense; +} +function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) { + /* eslint-disable no-restricted-globals */ + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true /* hydrating */)); + // there are two possible scenarios for server-rendered suspense: + // - success: ssr content should be fully resolved + // - failure: ssr content should be the fallback branch. + // however, on the client we don't really know if it has failed or not + // attempt to hydrate the DOM assuming it has succeeded, but we still + // need to construct a suspense boundary first + const result = hydrateNode(node, (suspense.pendingBranch = vnode.ssContent), parentComponent, suspense, slotScopeIds, optimized); + if (suspense.deps === 0) { + suspense.resolve(); + } + return result; + /* eslint-enable no-restricted-globals */ +} +function normalizeSuspenseChildren(vnode) { + const { shapeFlag, children } = vnode; + const isSlotChildren = shapeFlag & 32 /* SLOTS_CHILDREN */; + vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children); + vnode.ssFallback = isSlotChildren + ? normalizeSuspenseSlot(children.fallback) + : createVNode(Comment); +} +function normalizeSuspenseSlot(s) { + let block; + if (isFunction(s)) { + const isCompiledSlot = s._c; + if (isCompiledSlot) { + // disableTracking: false + // allow block tracking for compiled slots + // (see ./componentRenderContext.ts) + s._d = false; + openBlock(); + } + s = s(); + if (isCompiledSlot) { + s._d = true; + block = currentBlock; + closeBlock(); + } + } + if (isArray(s)) { + const singleChild = filterSingleRoot(s); + if (!singleChild) { + warn$1(`<Suspense> slots expect a single root node.`); + } + s = singleChild; + } + s = normalizeVNode(s); + if (block && !s.dynamicChildren) { + s.dynamicChildren = block.filter(c => c !== s); + } + return s; +} +function queueEffectWithSuspense(fn, suspense) { + if (suspense && suspense.pendingBranch) { + if (isArray(fn)) { + suspense.effects.push(...fn); + } + else { + suspense.effects.push(fn); + } + } + else { + queuePostFlushCb(fn); + } +} +function setActiveBranch(suspense, branch) { + suspense.activeBranch = branch; + const { vnode, parentComponent } = suspense; + const el = (vnode.el = branch.el); + // in case suspense is the root node of a component, + // recursively update the HOC el + if (parentComponent && parentComponent.subTree === vnode) { + parentComponent.vnode.el = el; + updateHOCHostEl(parentComponent, el); + } +} + +function provide(key, value) { + if (!currentInstance) { + { + warn$1(`provide() can only be used inside setup().`); + } + } + else { + let provides = currentInstance.provides; + // by default an instance inherits its parent's provides object + // but when it needs to provide values of its own, it creates its + // own provides object using parent provides object as prototype. + // this way in `inject` we can simply look up injections from direct + // parent and let the prototype chain do the work. + const parentProvides = currentInstance.parent && currentInstance.parent.provides; + if (parentProvides === provides) { + provides = currentInstance.provides = Object.create(parentProvides); + } + // TS doesn't allow symbol as index type + provides[key] = value; + } +} +function inject(key, defaultValue, treatDefaultAsFactory = false) { + // fallback to `currentRenderingInstance` so that this can be called in + // a functional component + const instance = currentInstance || currentRenderingInstance; + if (instance) { + // #2400 + // to support `app.use` plugins, + // fallback to appContext's `provides` if the intance is at root + const provides = instance.parent == null + ? instance.vnode.appContext && instance.vnode.appContext.provides + : instance.parent.provides; + if (provides && key in provides) { + // TS doesn't allow symbol as index type + return provides[key]; + } + else if (arguments.length > 1) { + return treatDefaultAsFactory && isFunction(defaultValue) + ? defaultValue.call(instance.proxy) + : defaultValue; + } + else { + warn$1(`injection "${String(key)}" not found.`); + } + } + else { + warn$1(`inject() can only be used inside setup() or functional components.`); + } +} + +function useTransitionState() { + const state = { + isMounted: false, + isLeaving: false, + isUnmounting: false, + leavingVNodes: new Map() + }; + onMounted(() => { + state.isMounted = true; + }); + onBeforeUnmount(() => { + state.isUnmounting = true; + }); + return state; +} +const TransitionHookValidator = [Function, Array]; +const BaseTransitionImpl = { + name: `BaseTransition`, + props: { + mode: String, + appear: Boolean, + persisted: Boolean, + // enter + onBeforeEnter: TransitionHookValidator, + onEnter: TransitionHookValidator, + onAfterEnter: TransitionHookValidator, + onEnterCancelled: TransitionHookValidator, + // leave + onBeforeLeave: TransitionHookValidator, + onLeave: TransitionHookValidator, + onAfterLeave: TransitionHookValidator, + onLeaveCancelled: TransitionHookValidator, + // appear + onBeforeAppear: TransitionHookValidator, + onAppear: TransitionHookValidator, + onAfterAppear: TransitionHookValidator, + onAppearCancelled: TransitionHookValidator + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevTransitionKey; + return () => { + const children = slots.default && getTransitionRawChildren(slots.default(), true); + if (!children || !children.length) { + return; + } + // warn multiple elements + if (children.length > 1) { + warn$1('<transition> can only be used on a single element or component. Use ' + + '<transition-group> for lists.'); + } + // there's no need to track reactivity for these props so use the raw + // props for a bit better perf + const rawProps = toRaw(props); + const { mode } = rawProps; + // check mode + if (mode && !['in-out', 'out-in', 'default'].includes(mode)) { + warn$1(`invalid <transition> mode: ${mode}`); + } + // at this point children has a guaranteed length of 1. + const child = children[0]; + if (state.isLeaving) { + return emptyPlaceholder(child); + } + // in the case of <transition><keep-alive/></transition>, we need to + // compare the type of the kept-alive children. + const innerChild = getKeepAliveChild(child); + if (!innerChild) { + return emptyPlaceholder(child); + } + const enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance); + setTransitionHooks(innerChild, enterHooks); + const oldChild = instance.subTree; + const oldInnerChild = oldChild && getKeepAliveChild(oldChild); + let transitionKeyChanged = false; + const { getTransitionKey } = innerChild.type; + if (getTransitionKey) { + const key = getTransitionKey(); + if (prevTransitionKey === undefined) { + prevTransitionKey = key; + } + else if (key !== prevTransitionKey) { + prevTransitionKey = key; + transitionKeyChanged = true; + } + } + // handle mode + if (oldInnerChild && + oldInnerChild.type !== Comment$1 && + (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) { + const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); + // update old tree's hooks in case of dynamic transition + setTransitionHooks(oldInnerChild, leavingHooks); + // switching between different views + if (mode === 'out-in') { + state.isLeaving = true; + // return placeholder node and queue update when leave finishes + leavingHooks.afterLeave = () => { + state.isLeaving = false; + instance.update(); + }; + return emptyPlaceholder(child); + } + else if (mode === 'in-out' && innerChild.type !== Comment$1) { + leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { + const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild); + leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; + // early removal callback + el._leaveCb = () => { + earlyRemove(); + el._leaveCb = undefined; + delete enterHooks.delayedLeave; + }; + enterHooks.delayedLeave = delayedLeave; + }; + } + } + return child; + }; + } +}; +// export the public type for h/tsx inference +// also to avoid inline import() in generated d.ts files +const BaseTransition = BaseTransitionImpl; +function getLeavingNodesForType(state, vnode) { + const { leavingVNodes } = state; + let leavingVNodesCache = leavingVNodes.get(vnode.type); + if (!leavingVNodesCache) { + leavingVNodesCache = Object.create(null); + leavingVNodes.set(vnode.type, leavingVNodesCache); + } + return leavingVNodesCache; +} +// The transition hooks are attached to the vnode as vnode.transition +// and will be called at appropriate timing in the renderer. +function resolveTransitionHooks(vnode, props, state, instance) { + const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props; + const key = String(vnode.key); + const leavingVNodesCache = getLeavingNodesForType(state, vnode); + const callHook = (hook, args) => { + hook && + callWithAsyncErrorHandling(hook, instance, 9 /* TRANSITION_HOOK */, args); + }; + const hooks = { + mode, + persisted, + beforeEnter(el) { + let hook = onBeforeEnter; + if (!state.isMounted) { + if (appear) { + hook = onBeforeAppear || onBeforeEnter; + } + else { + return; + } + } + // for same element (v-show) + if (el._leaveCb) { + el._leaveCb(true /* cancelled */); + } + // for toggled element with same key (v-if) + const leavingVNode = leavingVNodesCache[key]; + if (leavingVNode && + isSameVNodeType(vnode, leavingVNode) && + leavingVNode.el._leaveCb) { + // force early removal (not cancelled) + leavingVNode.el._leaveCb(); + } + callHook(hook, [el]); + }, + enter(el) { + let hook = onEnter; + let afterHook = onAfterEnter; + let cancelHook = onEnterCancelled; + if (!state.isMounted) { + if (appear) { + hook = onAppear || onEnter; + afterHook = onAfterAppear || onAfterEnter; + cancelHook = onAppearCancelled || onEnterCancelled; + } + else { + return; + } + } + let called = false; + const done = (el._enterCb = (cancelled) => { + if (called) + return; + called = true; + if (cancelled) { + callHook(cancelHook, [el]); + } + else { + callHook(afterHook, [el]); + } + if (hooks.delayedLeave) { + hooks.delayedLeave(); + } + el._enterCb = undefined; + }); + if (hook) { + hook(el, done); + if (hook.length <= 1) { + done(); + } + } + else { + done(); + } + }, + leave(el, remove) { + const key = String(vnode.key); + if (el._enterCb) { + el._enterCb(true /* cancelled */); + } + if (state.isUnmounting) { + return remove(); + } + callHook(onBeforeLeave, [el]); + let called = false; + const done = (el._leaveCb = (cancelled) => { + if (called) + return; + called = true; + remove(); + if (cancelled) { + callHook(onLeaveCancelled, [el]); + } + else { + callHook(onAfterLeave, [el]); + } + el._leaveCb = undefined; + if (leavingVNodesCache[key] === vnode) { + delete leavingVNodesCache[key]; + } + }); + leavingVNodesCache[key] = vnode; + if (onLeave) { + onLeave(el, done); + if (onLeave.length <= 1) { + done(); + } + } + else { + done(); + } + }, + clone(vnode) { + return resolveTransitionHooks(vnode, props, state, instance); + } + }; + return hooks; +} +// the placeholder really only handles one special case: KeepAlive +// in the case of a KeepAlive in a leave phase we need to return a KeepAlive +// placeholder with empty content to avoid the KeepAlive instance from being +// unmounted. +function emptyPlaceholder(vnode) { + if (isKeepAlive(vnode)) { + vnode = cloneVNode(vnode); + vnode.children = null; + return vnode; + } +} +function getKeepAliveChild(vnode) { + return isKeepAlive(vnode) + ? vnode.children + ? vnode.children[0] + : undefined + : vnode; +} +function setTransitionHooks(vnode, hooks) { + if (vnode.shapeFlag & 6 /* COMPONENT */ && vnode.component) { + setTransitionHooks(vnode.component.subTree, hooks); + } + else if (vnode.shapeFlag & 128 /* SUSPENSE */) { + vnode.ssContent.transition = hooks.clone(vnode.ssContent); + vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); + } + else { + vnode.transition = hooks; + } +} +function getTransitionRawChildren(children, keepComment = false) { + let ret = []; + let keyedFragmentCount = 0; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + // handle fragment children case, e.g. v-for + if (child.type === Fragment) { + if (child.patchFlag & 128 /* KEYED_FRAGMENT */) + keyedFragmentCount++; + ret = ret.concat(getTransitionRawChildren(child.children, keepComment)); + } + // comment placeholders should be skipped, e.g. v-if + else if (keepComment || child.type !== Comment$1) { + ret.push(child); + } + } + // #1126 if a transition children list contains multiple sub fragments, these + // fragments will be merged into a flat children array. Since each v-for + // fragment may contain different static bindings inside, we need to de-op + // these children to force full diffs to ensure correct behavior. + if (keyedFragmentCount > 1) { + for (let i = 0; i < ret.length; i++) { + ret[i].patchFlag = -2 /* BAIL */; + } + } + return ret; +} + +// implementation, close to no-op +function defineComponent(options) { + return isFunction(options) ? { setup: options, name: options.name } : options; +} + +const isAsyncWrapper = (i) => !!i.type.__asyncLoader; +function defineAsyncComponent(source) { + if (isFunction(source)) { + source = { loader: source }; + } + const { loader, loadingComponent, errorComponent, delay = 200, timeout, // undefined = never times out + suspensible = true, onError: userOnError } = source; + let pendingRequest = null; + let resolvedComp; + let retries = 0; + const retry = () => { + retries++; + pendingRequest = null; + return load(); + }; + const load = () => { + let thisRequest; + return (pendingRequest || + (thisRequest = pendingRequest = + loader() + .catch(err => { + err = err instanceof Error ? err : new Error(String(err)); + if (userOnError) { + return new Promise((resolve, reject) => { + const userRetry = () => resolve(retry()); + const userFail = () => reject(err); + userOnError(err, userRetry, userFail, retries + 1); + }); + } + else { + throw err; + } + }) + .then((comp) => { + if (thisRequest !== pendingRequest && pendingRequest) { + return pendingRequest; + } + if (!comp) { + warn$1(`Async component loader resolved to undefined. ` + + `If you are using retry(), make sure to return its return value.`); + } + // interop module default + if (comp && + (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) { + comp = comp.default; + } + if (comp && !isObject(comp) && !isFunction(comp)) { + throw new Error(`Invalid async component load result: ${comp}`); + } + resolvedComp = comp; + return comp; + }))); + }; + return defineComponent({ + name: 'AsyncComponentWrapper', + __asyncLoader: load, + get __asyncResolved() { + return resolvedComp; + }, + setup() { + const instance = currentInstance; + // already resolved + if (resolvedComp) { + return () => createInnerComp(resolvedComp, instance); + } + const onError = (err) => { + pendingRequest = null; + handleError(err, instance, 13 /* ASYNC_COMPONENT_LOADER */, !errorComponent /* do not throw in dev if user provided error component */); + }; + // suspense-controlled or SSR. + if ((suspensible && instance.suspense) || + (false )) { + return load() + .then(comp => { + return () => createInnerComp(comp, instance); + }) + .catch(err => { + onError(err); + return () => errorComponent + ? createVNode(errorComponent, { + error: err + }) + : null; + }); + } + const loaded = ref(false); + const error = ref(); + const delayed = ref(!!delay); + if (delay) { + setTimeout(() => { + delayed.value = false; + }, delay); + } + if (timeout != null) { + setTimeout(() => { + if (!loaded.value && !error.value) { + const err = new Error(`Async component timed out after ${timeout}ms.`); + onError(err); + error.value = err; + } + }, timeout); + } + load() + .then(() => { + loaded.value = true; + if (instance.parent && isKeepAlive(instance.parent.vnode)) { + // parent is keep-alive, force update so the loaded component's + // name is taken into account + queueJob(instance.parent.update); + } + }) + .catch(err => { + onError(err); + error.value = err; + }); + return () => { + if (loaded.value && resolvedComp) { + return createInnerComp(resolvedComp, instance); + } + else if (error.value && errorComponent) { + return createVNode(errorComponent, { + error: error.value + }); + } + else if (loadingComponent && !delayed.value) { + return createVNode(loadingComponent); + } + }; + } + }); +} +function createInnerComp(comp, { vnode: { ref, props, children } }) { + const vnode = createVNode(comp, props, children); + // ensure inner component inherits the async wrapper's ref owner + vnode.ref = ref; + return vnode; +} + +const isKeepAlive = (vnode) => vnode.type.__isKeepAlive; +const KeepAliveImpl = { + name: `KeepAlive`, + // Marker for special handling inside the renderer. We are not using a === + // check directly on KeepAlive in the renderer, because importing it directly + // would prevent it from being tree-shaken. + __isKeepAlive: true, + props: { + include: [String, RegExp, Array], + exclude: [String, RegExp, Array], + max: [String, Number] + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + // KeepAlive communicates with the instantiated renderer via the + // ctx where the renderer passes in its internals, + // and the KeepAlive instance exposes activate/deactivate implementations. + // The whole point of this is to avoid importing KeepAlive directly in the + // renderer to facilitate tree-shaking. + const sharedContext = instance.ctx; + // if the internal renderer is not registered, it indicates that this is server-side rendering, + // for KeepAlive, we just need to render its children + if (!sharedContext.renderer) { + return slots.default; + } + const cache = new Map(); + const keys = new Set(); + let current = null; + { + instance.__v_cache = cache; + } + const parentSuspense = instance.suspense; + const { renderer: { p: patch, m: move, um: _unmount, o: { createElement } } } = sharedContext; + const storageContainer = createElement('div'); + sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => { + const instance = vnode.component; + move(vnode, container, anchor, 0 /* ENTER */, parentSuspense); + // in case props have changed + patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized); + queuePostRenderEffect(() => { + instance.isDeactivated = false; + if (instance.a) { + invokeArrayFns(instance.a); + } + const vnodeHook = vnode.props && vnode.props.onVnodeMounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + sharedContext.deactivate = (vnode) => { + const instance = vnode.component; + move(vnode, storageContainer, null, 1 /* LEAVE */, parentSuspense); + queuePostRenderEffect(() => { + if (instance.da) { + invokeArrayFns(instance.da); + } + const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + instance.isDeactivated = true; + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + function unmount(vnode) { + // reset the shapeFlag so it can be properly unmounted + resetShapeFlag(vnode); + _unmount(vnode, instance, parentSuspense); + } + function pruneCache(filter) { + cache.forEach((vnode, key) => { + const name = getComponentName(vnode.type); + if (name && (!filter || !filter(name))) { + pruneCacheEntry(key); + } + }); + } + function pruneCacheEntry(key) { + const cached = cache.get(key); + if (!current || cached.type !== current.type) { + unmount(cached); + } + else if (current) { + // current active instance should no longer be kept-alive. + // we can't unmount it now but it might be later, so reset its flag now. + resetShapeFlag(current); + } + cache.delete(key); + keys.delete(key); + } + // prune cache on include/exclude prop change + watch(() => [props.include, props.exclude], ([include, exclude]) => { + include && pruneCache(name => matches(include, name)); + exclude && pruneCache(name => !matches(exclude, name)); + }, + // prune post-render after `current` has been updated + { flush: 'post', deep: true }); + // cache sub tree after render + let pendingCacheKey = null; + const cacheSubtree = () => { + // fix #1621, the pendingCacheKey could be 0 + if (pendingCacheKey != null) { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + } + }; + onMounted(cacheSubtree); + onUpdated(cacheSubtree); + onBeforeUnmount(() => { + cache.forEach(cached => { + const { subTree, suspense } = instance; + const vnode = getInnerChild(subTree); + if (cached.type === vnode.type) { + // current instance will be unmounted as part of keep-alive's unmount + resetShapeFlag(vnode); + // but invoke its deactivated hook here + const da = vnode.component.da; + da && queuePostRenderEffect(da, suspense); + return; + } + unmount(cached); + }); + }); + return () => { + pendingCacheKey = null; + if (!slots.default) { + return null; + } + const children = slots.default(); + const rawVNode = children[0]; + if (children.length > 1) { + { + warn$1(`KeepAlive should contain exactly one component child.`); + } + current = null; + return children; + } + else if (!isVNode(rawVNode) || + (!(rawVNode.shapeFlag & 4 /* STATEFUL_COMPONENT */) && + !(rawVNode.shapeFlag & 128 /* SUSPENSE */))) { + current = null; + return rawVNode; + } + let vnode = getInnerChild(rawVNode); + const comp = vnode.type; + // for async components, name check should be based in its loaded + // inner component if available + const name = getComponentName(isAsyncWrapper(vnode) + ? vnode.type.__asyncResolved || {} + : comp); + const { include, exclude, max } = props; + if ((include && (!name || !matches(include, name))) || + (exclude && name && matches(exclude, name))) { + current = vnode; + return rawVNode; + } + const key = vnode.key == null ? comp : vnode.key; + const cachedVNode = cache.get(key); + // clone vnode if it's reused because we are going to mutate it + if (vnode.el) { + vnode = cloneVNode(vnode); + if (rawVNode.shapeFlag & 128 /* SUSPENSE */) { + rawVNode.ssContent = vnode; + } + } + // #1513 it's possible for the returned vnode to be cloned due to attr + // fallthrough or scopeId, so the vnode here may not be the final vnode + // that is mounted. Instead of caching it directly, we store the pending + // key and cache `instance.subTree` (the normalized vnode) in + // beforeMount/beforeUpdate hooks. + pendingCacheKey = key; + if (cachedVNode) { + // copy over mounted state + vnode.el = cachedVNode.el; + vnode.component = cachedVNode.component; + if (vnode.transition) { + // recursively update transition hooks on subTree + setTransitionHooks(vnode, vnode.transition); + } + // avoid vnode being mounted as fresh + vnode.shapeFlag |= 512 /* COMPONENT_KEPT_ALIVE */; + // make this key the freshest + keys.delete(key); + keys.add(key); + } + else { + keys.add(key); + // prune oldest entry + if (max && keys.size > parseInt(max, 10)) { + pruneCacheEntry(keys.values().next().value); + } + } + // avoid vnode being unmounted + vnode.shapeFlag |= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + current = vnode; + return rawVNode; + }; + } +}; +// export the public type for h/tsx inference +// also to avoid inline import() in generated d.ts files +const KeepAlive = KeepAliveImpl; +function matches(pattern, name) { + if (isArray(pattern)) { + return pattern.some((p) => matches(p, name)); + } + else if (isString(pattern)) { + return pattern.split(',').indexOf(name) > -1; + } + else if (pattern.test) { + return pattern.test(name); + } + /* istanbul ignore next */ + return false; +} +function onActivated(hook, target) { + registerKeepAliveHook(hook, "a" /* ACTIVATED */, target); +} +function onDeactivated(hook, target) { + registerKeepAliveHook(hook, "da" /* DEACTIVATED */, target); +} +function registerKeepAliveHook(hook, type, target = currentInstance) { + // cache the deactivate branch check wrapper for injected hooks so the same + // hook can be properly deduped by the scheduler. "__wdc" stands for "with + // deactivation check". + const wrappedHook = hook.__wdc || + (hook.__wdc = () => { + // only fire the hook if the target instance is NOT in a deactivated branch. + let current = target; + while (current) { + if (current.isDeactivated) { + return; + } + current = current.parent; + } + hook(); + }); + injectHook(type, wrappedHook, target); + // In addition to registering it on the target instance, we walk up the parent + // chain and register it on all ancestor instances that are keep-alive roots. + // This avoids the need to walk the entire component tree when invoking these + // hooks, and more importantly, avoids the need to track child components in + // arrays. + if (target) { + let current = target.parent; + while (current && current.parent) { + if (isKeepAlive(current.parent.vnode)) { + injectToKeepAliveRoot(wrappedHook, type, target, current); + } + current = current.parent; + } + } +} +function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { + // injectHook wraps the original for error handling, so make sure to remove + // the wrapped version. + const injected = injectHook(type, hook, keepAliveRoot, true /* prepend */); + onUnmounted(() => { + remove(keepAliveRoot[type], injected); + }, target); +} +function resetShapeFlag(vnode) { + let shapeFlag = vnode.shapeFlag; + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + shapeFlag -= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + } + if (shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + shapeFlag -= 512 /* COMPONENT_KEPT_ALIVE */; + } + vnode.shapeFlag = shapeFlag; +} +function getInnerChild(vnode) { + return vnode.shapeFlag & 128 /* SUSPENSE */ ? vnode.ssContent : vnode; +} + +function injectHook(type, hook, target = currentInstance, prepend = false) { + if (target) { + const hooks = target[type] || (target[type] = []); + // cache the error handling wrapper for injected hooks so the same hook + // can be properly deduped by the scheduler. "__weh" stands for "with error + // handling". + const wrappedHook = hook.__weh || + (hook.__weh = (...args) => { + if (target.isUnmounted) { + return; + } + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + // Set currentInstance during hook invocation. + // This assumes the hook does not synchronously trigger other hooks, which + // can only be false when the user does something really funky. + setCurrentInstance(target); + const res = callWithAsyncErrorHandling(hook, target, type, args); + unsetCurrentInstance(); + resetTracking(); + return res; + }); + if (prepend) { + hooks.unshift(wrappedHook); + } + else { + hooks.push(wrappedHook); + } + return wrappedHook; + } + else { + const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, '')); + warn$1(`${apiName} is called when there is no active component instance to be ` + + `associated with. ` + + `Lifecycle injection APIs can only be used during execution of setup().` + + (` If you are using async setup(), make sure to register lifecycle ` + + `hooks before the first await statement.` + )); + } +} +const createHook = (lifecycle) => (hook, target = currentInstance) => +// post-create lifecycle registrations are noops during SSR (except for serverPrefetch) +(!isInSSRComponentSetup || lifecycle === "sp" /* SERVER_PREFETCH */) && + injectHook(lifecycle, hook, target); +const onBeforeMount = createHook("bm" /* BEFORE_MOUNT */); +const onMounted = createHook("m" /* MOUNTED */); +const onBeforeUpdate = createHook("bu" /* BEFORE_UPDATE */); +const onUpdated = createHook("u" /* UPDATED */); +const onBeforeUnmount = createHook("bum" /* BEFORE_UNMOUNT */); +const onUnmounted = createHook("um" /* UNMOUNTED */); +const onServerPrefetch = createHook("sp" /* SERVER_PREFETCH */); +const onRenderTriggered = createHook("rtg" /* RENDER_TRIGGERED */); +const onRenderTracked = createHook("rtc" /* RENDER_TRACKED */); +function onErrorCaptured(hook, target = currentInstance) { + injectHook("ec" /* ERROR_CAPTURED */, hook, target); +} + +function createDuplicateChecker() { + const cache = Object.create(null); + return (type, key) => { + if (cache[key]) { + warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`); + } + else { + cache[key] = type; + } + }; +} +let shouldCacheAccess = true; +function applyOptions(instance) { + const options = resolveMergedOptions(instance); + const publicThis = instance.proxy; + const ctx = instance.ctx; + // do not cache property access on public proxy during state initialization + shouldCacheAccess = false; + // call beforeCreate first before accessing other options since + // the hook may mutate resolved options (#2791) + if (options.beforeCreate) { + callHook(options.beforeCreate, instance, "bc" /* BEFORE_CREATE */); + } + const { + // state + data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, + // lifecycle + created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured, serverPrefetch, + // public API + expose, inheritAttrs, + // assets + components, directives, filters } = options; + const checkDuplicateProperties = createDuplicateChecker() ; + { + const [propsOptions] = instance.propsOptions; + if (propsOptions) { + for (const key in propsOptions) { + checkDuplicateProperties("Props" /* PROPS */, key); + } + } + } + // options initialization order (to be consistent with Vue 2): + // - props (already done outside of this function) + // - inject + // - methods + // - data (deferred since it relies on `this` access) + // - computed + // - watch (deferred since it relies on `this` access) + if (injectOptions) { + resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef); + } + if (methods) { + for (const key in methods) { + const methodHandler = methods[key]; + if (isFunction(methodHandler)) { + // In dev mode, we use the `createRenderContext` function to define + // methods to the proxy target, and those are read-only but + // reconfigurable, so it needs to be redefined here + { + Object.defineProperty(ctx, key, { + value: methodHandler.bind(publicThis), + configurable: true, + enumerable: true, + writable: true + }); + } + { + checkDuplicateProperties("Methods" /* METHODS */, key); + } + } + else { + warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` + + `Did you reference the function correctly?`); + } + } + } + if (dataOptions) { + if (!isFunction(dataOptions)) { + warn$1(`The data option must be a function. ` + + `Plain object usage is no longer supported.`); + } + const data = dataOptions.call(publicThis, publicThis); + if (isPromise(data)) { + warn$1(`data() returned a Promise - note data() cannot be async; If you ` + + `intend to perform data fetching before component renders, use ` + + `async setup() + <Suspense>.`); + } + if (!isObject(data)) { + warn$1(`data() should return an object.`); + } + else { + instance.data = reactive(data); + { + for (const key in data) { + checkDuplicateProperties("Data" /* DATA */, key); + // expose data on ctx during dev + if (key[0] !== '$' && key[0] !== '_') { + Object.defineProperty(ctx, key, { + configurable: true, + enumerable: true, + get: () => data[key], + set: NOOP + }); + } + } + } + } + } + // state initialization complete at this point - start caching access + shouldCacheAccess = true; + if (computedOptions) { + for (const key in computedOptions) { + const opt = computedOptions[key]; + const get = isFunction(opt) + ? opt.bind(publicThis, publicThis) + : isFunction(opt.get) + ? opt.get.bind(publicThis, publicThis) + : NOOP; + if (get === NOOP) { + warn$1(`Computed property "${key}" has no getter.`); + } + const set = !isFunction(opt) && isFunction(opt.set) + ? opt.set.bind(publicThis) + : () => { + warn$1(`Write operation failed: computed property "${key}" is readonly.`); + } + ; + const c = computed({ + get, + set + }); + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => c.value, + set: v => (c.value = v) + }); + { + checkDuplicateProperties("Computed" /* COMPUTED */, key); + } + } + } + if (watchOptions) { + for (const key in watchOptions) { + createWatcher(watchOptions[key], ctx, publicThis, key); + } + } + if (provideOptions) { + const provides = isFunction(provideOptions) + ? provideOptions.call(publicThis) + : provideOptions; + Reflect.ownKeys(provides).forEach(key => { + provide(key, provides[key]); + }); + } + if (created) { + callHook(created, instance, "c" /* CREATED */); + } + function registerLifecycleHook(register, hook) { + if (isArray(hook)) { + hook.forEach(_hook => register(_hook.bind(publicThis))); + } + else if (hook) { + register(hook.bind(publicThis)); + } + } + registerLifecycleHook(onBeforeMount, beforeMount); + registerLifecycleHook(onMounted, mounted); + registerLifecycleHook(onBeforeUpdate, beforeUpdate); + registerLifecycleHook(onUpdated, updated); + registerLifecycleHook(onActivated, activated); + registerLifecycleHook(onDeactivated, deactivated); + registerLifecycleHook(onErrorCaptured, errorCaptured); + registerLifecycleHook(onRenderTracked, renderTracked); + registerLifecycleHook(onRenderTriggered, renderTriggered); + registerLifecycleHook(onBeforeUnmount, beforeUnmount); + registerLifecycleHook(onUnmounted, unmounted); + registerLifecycleHook(onServerPrefetch, serverPrefetch); + if (isArray(expose)) { + if (expose.length) { + const exposed = instance.exposed || (instance.exposed = {}); + expose.forEach(key => { + Object.defineProperty(exposed, key, { + get: () => publicThis[key], + set: val => (publicThis[key] = val) + }); + }); + } + else if (!instance.exposed) { + instance.exposed = {}; + } + } + // options that are handled when creating the instance but also need to be + // applied from mixins + if (render && instance.render === NOOP) { + instance.render = render; + } + if (inheritAttrs != null) { + instance.inheritAttrs = inheritAttrs; + } + // asset options. + if (components) + instance.components = components; + if (directives) + instance.directives = directives; +} +function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) { + if (isArray(injectOptions)) { + injectOptions = normalizeInject(injectOptions); + } + for (const key in injectOptions) { + const opt = injectOptions[key]; + let injected; + if (isObject(opt)) { + if ('default' in opt) { + injected = inject(opt.from || key, opt.default, true /* treat default function as factory */); + } + else { + injected = inject(opt.from || key); + } + } + else { + injected = inject(opt); + } + if (isRef(injected)) { + // TODO remove the check in 3.3 + if (unwrapRef) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => injected.value, + set: v => (injected.value = v) + }); + } + else { + { + warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` + + `and no longer needs \`.value\` in the next minor release. ` + + `To opt-in to the new behavior now, ` + + `set \`app.config.unwrapInjectedRef = true\` (this config is ` + + `temporary and will not be needed in the future.)`); + } + ctx[key] = injected; + } + } + else { + ctx[key] = injected; + } + { + checkDuplicateProperties("Inject" /* INJECT */, key); + } + } +} +function callHook(hook, instance, type) { + callWithAsyncErrorHandling(isArray(hook) + ? hook.map(h => h.bind(instance.proxy)) + : hook.bind(instance.proxy), instance, type); +} +function createWatcher(raw, ctx, publicThis, key) { + const getter = key.includes('.') + ? createPathGetter(publicThis, key) + : () => publicThis[key]; + if (isString(raw)) { + const handler = ctx[raw]; + if (isFunction(handler)) { + watch(getter, handler); + } + else { + warn$1(`Invalid watch handler specified by key "${raw}"`, handler); + } + } + else if (isFunction(raw)) { + watch(getter, raw.bind(publicThis)); + } + else if (isObject(raw)) { + if (isArray(raw)) { + raw.forEach(r => createWatcher(r, ctx, publicThis, key)); + } + else { + const handler = isFunction(raw.handler) + ? raw.handler.bind(publicThis) + : ctx[raw.handler]; + if (isFunction(handler)) { + watch(getter, handler, raw); + } + else { + warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler); + } + } + } + else { + warn$1(`Invalid watch option: "${key}"`, raw); + } +} +/** + * Resolve merged options and cache it on the component. + * This is done only once per-component since the merging does not involve + * instances. + */ +function resolveMergedOptions(instance) { + const base = instance.type; + const { mixins, extends: extendsOptions } = base; + const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext; + const cached = cache.get(base); + let resolved; + if (cached) { + resolved = cached; + } + else if (!globalMixins.length && !mixins && !extendsOptions) { + { + resolved = base; + } + } + else { + resolved = {}; + if (globalMixins.length) { + globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true)); + } + mergeOptions(resolved, base, optionMergeStrategies); + } + cache.set(base, resolved); + return resolved; +} +function mergeOptions(to, from, strats, asMixin = false) { + const { mixins, extends: extendsOptions } = from; + if (extendsOptions) { + mergeOptions(to, extendsOptions, strats, true); + } + if (mixins) { + mixins.forEach((m) => mergeOptions(to, m, strats, true)); + } + for (const key in from) { + if (asMixin && key === 'expose') { + warn$1(`"expose" option is ignored when declared in mixins or extends. ` + + `It should only be declared in the base component itself.`); + } + else { + const strat = internalOptionMergeStrats[key] || (strats && strats[key]); + to[key] = strat ? strat(to[key], from[key]) : from[key]; + } + } + return to; +} +const internalOptionMergeStrats = { + data: mergeDataFn, + props: mergeObjectOptions, + emits: mergeObjectOptions, + // objects + methods: mergeObjectOptions, + computed: mergeObjectOptions, + // lifecycle + beforeCreate: mergeAsArray, + created: mergeAsArray, + beforeMount: mergeAsArray, + mounted: mergeAsArray, + beforeUpdate: mergeAsArray, + updated: mergeAsArray, + beforeDestroy: mergeAsArray, + destroyed: mergeAsArray, + activated: mergeAsArray, + deactivated: mergeAsArray, + errorCaptured: mergeAsArray, + serverPrefetch: mergeAsArray, + // assets + components: mergeObjectOptions, + directives: mergeObjectOptions, + // watch + watch: mergeWatchOptions, + // provide / inject + provide: mergeDataFn, + inject: mergeInject +}; +function mergeDataFn(to, from) { + if (!from) { + return to; + } + if (!to) { + return from; + } + return function mergedDataFn() { + return (extend)(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from); + }; +} +function mergeInject(to, from) { + return mergeObjectOptions(normalizeInject(to), normalizeInject(from)); +} +function normalizeInject(raw) { + if (isArray(raw)) { + const res = {}; + for (let i = 0; i < raw.length; i++) { + res[raw[i]] = raw[i]; + } + return res; + } + return raw; +} +function mergeAsArray(to, from) { + return to ? [...new Set([].concat(to, from))] : from; +} +function mergeObjectOptions(to, from) { + return to ? extend(extend(Object.create(null), to), from) : from; +} +function mergeWatchOptions(to, from) { + if (!to) + return from; + if (!from) + return to; + const merged = extend(Object.create(null), to); + for (const key in from) { + merged[key] = mergeAsArray(to[key], from[key]); + } + return merged; +} + +function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison +isSSR = false) { + const props = {}; + const attrs = {}; + def(attrs, InternalObjectKey, 1); + instance.propsDefaults = Object.create(null); + setFullProps(instance, rawProps, props, attrs); + // ensure all declared prop keys are present + for (const key in instance.propsOptions[0]) { + if (!(key in props)) { + props[key] = undefined; + } + } + // validation + { + validateProps(rawProps || {}, props, instance); + } + if (isStateful) { + // stateful + instance.props = isSSR ? props : shallowReactive(props); + } + else { + if (!instance.type.props) { + // functional w/ optional props, props === attrs + instance.props = attrs; + } + else { + // functional w/ declared props + instance.props = props; + } + } + instance.attrs = attrs; +} +function updateProps(instance, rawProps, rawPrevProps, optimized) { + const { props, attrs, vnode: { patchFlag } } = instance; + const rawCurrentProps = toRaw(props); + const [options] = instance.propsOptions; + let hasAttrsChanged = false; + if ( + // always force full diff in dev + // - #1942 if hmr is enabled with sfc component + // - vite#872 non-sfc component used by sfc component + !((instance.type.__hmrId || + (instance.parent && instance.parent.type.__hmrId))) && + (optimized || patchFlag > 0) && + !(patchFlag & 16 /* FULL_PROPS */)) { + if (patchFlag & 8 /* PROPS */) { + // Compiler-generated props & no keys change, just set the updated + // the props. + const propsToUpdate = instance.vnode.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + let key = propsToUpdate[i]; + // PROPS flag guarantees rawProps to be non-null + const value = rawProps[key]; + if (options) { + // attr / props separation was done on init and will be consistent + // in this code path, so just check if attrs have it. + if (hasOwn(attrs, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + else { + const camelizedKey = camelize(key); + props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false /* isAbsent */); + } + } + else { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + } + else { + // full props update. + if (setFullProps(instance, rawProps, props, attrs)) { + hasAttrsChanged = true; + } + // in case of dynamic props, check if we need to delete keys from + // the props object + let kebabKey; + for (const key in rawCurrentProps) { + if (!rawProps || + // for camelCase + (!hasOwn(rawProps, key) && + // it's possible the original props was passed in as kebab-case + // and converted to camelCase (#955) + ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))) { + if (options) { + if (rawPrevProps && + // for camelCase + (rawPrevProps[key] !== undefined || + // for kebab-case + rawPrevProps[kebabKey] !== undefined)) { + props[key] = resolvePropValue(options, rawCurrentProps, key, undefined, instance, true /* isAbsent */); + } + } + else { + delete props[key]; + } + } + } + // in the case of functional component w/o props declaration, props and + // attrs point to the same object so it should already have been updated. + if (attrs !== rawCurrentProps) { + for (const key in attrs) { + if (!rawProps || !hasOwn(rawProps, key)) { + delete attrs[key]; + hasAttrsChanged = true; + } + } + } + } + // trigger updates for $attrs in case it's used in component slots + if (hasAttrsChanged) { + trigger(instance, "set" /* SET */, '$attrs'); + } + { + validateProps(rawProps || {}, props, instance); + } +} +function setFullProps(instance, rawProps, props, attrs) { + const [options, needCastKeys] = instance.propsOptions; + let hasAttrsChanged = false; + let rawCastValues; + if (rawProps) { + for (let key in rawProps) { + // key, ref are reserved and never passed down + if (isReservedProp(key)) { + continue; + } + const value = rawProps[key]; + // prop option names are camelized during normalization, so to support + // kebab -> camel conversion here we need to camelize the key. + let camelKey; + if (options && hasOwn(options, (camelKey = camelize(key)))) { + if (!needCastKeys || !needCastKeys.includes(camelKey)) { + props[camelKey] = value; + } + else { + (rawCastValues || (rawCastValues = {}))[camelKey] = value; + } + } + else if (!isEmitListener(instance.emitsOptions, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + if (needCastKeys) { + const rawCurrentProps = toRaw(props); + const castValues = rawCastValues || EMPTY_OBJ; + for (let i = 0; i < needCastKeys.length; i++) { + const key = needCastKeys[i]; + props[key] = resolvePropValue(options, rawCurrentProps, key, castValues[key], instance, !hasOwn(castValues, key)); + } + } + return hasAttrsChanged; +} +function resolvePropValue(options, props, key, value, instance, isAbsent) { + const opt = options[key]; + if (opt != null) { + const hasDefault = hasOwn(opt, 'default'); + // default values + if (hasDefault && value === undefined) { + const defaultValue = opt.default; + if (opt.type !== Function && isFunction(defaultValue)) { + const { propsDefaults } = instance; + if (key in propsDefaults) { + value = propsDefaults[key]; + } + else { + setCurrentInstance(instance); + value = propsDefaults[key] = defaultValue.call(null, props); + unsetCurrentInstance(); + } + } + else { + value = defaultValue; + } + } + // boolean casting + if (opt[0 /* shouldCast */]) { + if (isAbsent && !hasDefault) { + value = false; + } + else if (opt[1 /* shouldCastTrue */] && + (value === '' || value === hyphenate(key))) { + value = true; + } + } + } + return value; +} +function normalizePropsOptions(comp, appContext, asMixin = false) { + const cache = appContext.propsCache; + const cached = cache.get(comp); + if (cached) { + return cached; + } + const raw = comp.props; + const normalized = {}; + const needCastKeys = []; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendProps = (raw) => { + hasExtends = true; + const [props, keys] = normalizePropsOptions(raw, appContext, true); + extend(normalized, props); + if (keys) + needCastKeys.push(...keys); + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendProps); + } + if (comp.extends) { + extendProps(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendProps); + } + } + if (!raw && !hasExtends) { + cache.set(comp, EMPTY_ARR); + return EMPTY_ARR; + } + if (isArray(raw)) { + for (let i = 0; i < raw.length; i++) { + if (!isString(raw[i])) { + warn$1(`props must be strings when using array syntax.`, raw[i]); + } + const normalizedKey = camelize(raw[i]); + if (validatePropName(normalizedKey)) { + normalized[normalizedKey] = EMPTY_OBJ; + } + } + } + else if (raw) { + if (!isObject(raw)) { + warn$1(`invalid props options`, raw); + } + for (const key in raw) { + const normalizedKey = camelize(key); + if (validatePropName(normalizedKey)) { + const opt = raw[key]; + const prop = (normalized[normalizedKey] = + isArray(opt) || isFunction(opt) ? { type: opt } : opt); + if (prop) { + const booleanIndex = getTypeIndex(Boolean, prop.type); + const stringIndex = getTypeIndex(String, prop.type); + prop[0 /* shouldCast */] = booleanIndex > -1; + prop[1 /* shouldCastTrue */] = + stringIndex < 0 || booleanIndex < stringIndex; + // if the prop needs boolean casting or default value + if (booleanIndex > -1 || hasOwn(prop, 'default')) { + needCastKeys.push(normalizedKey); + } + } + } + } + } + const res = [normalized, needCastKeys]; + cache.set(comp, res); + return res; +} +function validatePropName(key) { + if (key[0] !== '$') { + return true; + } + else { + warn$1(`Invalid prop name: "${key}" is a reserved property.`); + } + return false; +} +// use function string name to check type constructors +// so that it works across vms / iframes. +function getType(ctor) { + const match = ctor && ctor.toString().match(/^\s*function (\w+)/); + return match ? match[1] : ctor === null ? 'null' : ''; +} +function isSameType(a, b) { + return getType(a) === getType(b); +} +function getTypeIndex(type, expectedTypes) { + if (isArray(expectedTypes)) { + return expectedTypes.findIndex(t => isSameType(t, type)); + } + else if (isFunction(expectedTypes)) { + return isSameType(expectedTypes, type) ? 0 : -1; + } + return -1; +} +/** + * dev only + */ +function validateProps(rawProps, props, instance) { + const resolvedValues = toRaw(props); + const options = instance.propsOptions[0]; + for (const key in options) { + let opt = options[key]; + if (opt == null) + continue; + validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))); + } +} +/** + * dev only + */ +function validateProp(name, value, prop, isAbsent) { + const { type, required, validator } = prop; + // required! + if (required && isAbsent) { + warn$1('Missing required prop: "' + name + '"'); + return; + } + // missing but optional + if (value == null && !prop.required) { + return; + } + // type check + if (type != null && type !== true) { + let isValid = false; + const types = isArray(type) ? type : [type]; + const expectedTypes = []; + // value is valid as long as one of the specified types match + for (let i = 0; i < types.length && !isValid; i++) { + const { valid, expectedType } = assertType(value, types[i]); + expectedTypes.push(expectedType || ''); + isValid = valid; + } + if (!isValid) { + warn$1(getInvalidTypeMessage(name, value, expectedTypes)); + return; + } + } + // custom validator + if (validator && !validator(value)) { + warn$1('Invalid prop: custom validator check failed for prop "' + name + '".'); + } +} +const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt'); +/** + * dev only + */ +function assertType(value, type) { + let valid; + const expectedType = getType(type); + if (isSimpleType(expectedType)) { + const t = typeof value; + valid = t === expectedType.toLowerCase(); + // for primitive wrapper objects + if (!valid && t === 'object') { + valid = value instanceof type; + } + } + else if (expectedType === 'Object') { + valid = isObject(value); + } + else if (expectedType === 'Array') { + valid = isArray(value); + } + else if (expectedType === 'null') { + valid = value === null; + } + else { + valid = value instanceof type; + } + return { + valid, + expectedType + }; +} +/** + * dev only + */ +function getInvalidTypeMessage(name, value, expectedTypes) { + let message = `Invalid prop: type check failed for prop "${name}".` + + ` Expected ${expectedTypes.map(capitalize).join(' | ')}`; + const expectedType = expectedTypes[0]; + const receivedType = toRawType(value); + const expectedValue = styleValue(value, expectedType); + const receivedValue = styleValue(value, receivedType); + // check if we need to specify expected value + if (expectedTypes.length === 1 && + isExplicable(expectedType) && + !isBoolean(expectedType, receivedType)) { + message += ` with value ${expectedValue}`; + } + message += `, got ${receivedType} `; + // check if we need to specify received value + if (isExplicable(receivedType)) { + message += `with value ${receivedValue}.`; + } + return message; +} +/** + * dev only + */ +function styleValue(value, type) { + if (type === 'String') { + return `"${value}"`; + } + else if (type === 'Number') { + return `${Number(value)}`; + } + else { + return `${value}`; + } +} +/** + * dev only + */ +function isExplicable(type) { + const explicitTypes = ['string', 'number', 'boolean']; + return explicitTypes.some(elem => type.toLowerCase() === elem); +} +/** + * dev only + */ +function isBoolean(...args) { + return args.some(elem => elem.toLowerCase() === 'boolean'); +} + +const isInternalKey = (key) => key[0] === '_' || key === '$stable'; +const normalizeSlotValue = (value) => isArray(value) + ? value.map(normalizeVNode) + : [normalizeVNode(value)]; +const normalizeSlot = (key, rawSlot, ctx) => { + const normalized = withCtx((...args) => { + if (currentInstance) { + warn$1(`Slot "${key}" invoked outside of the render function: ` + + `this will not track dependencies used in the slot. ` + + `Invoke the slot function inside the render function instead.`); + } + return normalizeSlotValue(rawSlot(...args)); + }, ctx); + normalized._c = false; + return normalized; +}; +const normalizeObjectSlots = (rawSlots, slots, instance) => { + const ctx = rawSlots._ctx; + for (const key in rawSlots) { + if (isInternalKey(key)) + continue; + const value = rawSlots[key]; + if (isFunction(value)) { + slots[key] = normalizeSlot(key, value, ctx); + } + else if (value != null) { + { + warn$1(`Non-function value encountered for slot "${key}". ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(value); + slots[key] = () => normalized; + } + } +}; +const normalizeVNodeSlots = (instance, children) => { + if (!isKeepAlive(instance.vnode) && + !(false )) { + warn$1(`Non-function value encountered for default slot. ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(children); + instance.slots.default = () => normalized; +}; +const initSlots = (instance, children) => { + if (instance.vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // users can get the shallow readonly version of the slots object through `this.$slots`, + // we should avoid the proxy object polluting the slots of the internal instance + instance.slots = toRaw(children); + // make compiler marker non-enumerable + def(children, '_', type); + } + else { + normalizeObjectSlots(children, (instance.slots = {})); + } + } + else { + instance.slots = {}; + if (children) { + normalizeVNodeSlots(instance, children); + } + } + def(instance.slots, InternalObjectKey, 1); +}; +const updateSlots = (instance, children, optimized) => { + const { vnode, slots } = instance; + let needDeletionCheck = true; + let deletionComparisonTarget = EMPTY_OBJ; + if (vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // compiled slots. + if (isHmrUpdating) { + // Parent was HMR updated so slot content may have changed. + // force update slots and mark instance for hmr as well + extend(slots, children); + } + else if (optimized && type === 1 /* STABLE */) { + // compiled AND stable. + // no need to update, and skip stale slots removal. + needDeletionCheck = false; + } + else { + // compiled but dynamic (v-if/v-for on slots) - update slots, but skip + // normalization. + extend(slots, children); + // #2893 + // when rendering the optimized slots by manually written render function, + // we need to delete the `slots._` flag if necessary to make subsequent updates reliable, + // i.e. let the `renderSlot` create the bailed Fragment + if (!optimized && type === 1 /* STABLE */) { + delete slots._; + } + } + } + else { + needDeletionCheck = !children.$stable; + normalizeObjectSlots(children, slots); + } + deletionComparisonTarget = children; + } + else if (children) { + // non slot object children (direct value) passed to a component + normalizeVNodeSlots(instance, children); + deletionComparisonTarget = { default: 1 }; + } + // delete stale slots + if (needDeletionCheck) { + for (const key in slots) { + if (!isInternalKey(key) && !(key in deletionComparisonTarget)) { + delete slots[key]; + } + } + } +}; + +/** +Runtime helper for applying directives to a vnode. Example usage: + +const comp = resolveComponent('comp') +const foo = resolveDirective('foo') +const bar = resolveDirective('bar') + +return withDirectives(h(comp), [ + [foo, this.x], + [bar, this.y] +]) +*/ +const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text'); +function validateDirectiveName(name) { + if (isBuiltInDirective(name)) { + warn$1('Do not use built-in directive ids as custom directive id: ' + name); + } +} +/** + * Adds directives to a VNode. + */ +function withDirectives(vnode, directives) { + const internalInstance = currentRenderingInstance; + if (internalInstance === null) { + warn$1(`withDirectives can only be used inside render functions.`); + return vnode; + } + const instance = internalInstance.proxy; + const bindings = vnode.dirs || (vnode.dirs = []); + for (let i = 0; i < directives.length; i++) { + let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; + if (isFunction(dir)) { + dir = { + mounted: dir, + updated: dir + }; + } + if (dir.deep) { + traverse(value); + } + bindings.push({ + dir, + instance, + value, + oldValue: void 0, + arg, + modifiers + }); + } + return vnode; +} +function invokeDirectiveHook(vnode, prevVNode, instance, name) { + const bindings = vnode.dirs; + const oldBindings = prevVNode && prevVNode.dirs; + for (let i = 0; i < bindings.length; i++) { + const binding = bindings[i]; + if (oldBindings) { + binding.oldValue = oldBindings[i].value; + } + let hook = binding.dir[name]; + if (hook) { + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + callWithAsyncErrorHandling(hook, instance, 8 /* DIRECTIVE_HOOK */, [ + vnode.el, + binding, + vnode, + prevVNode + ]); + resetTracking(); + } + } +} + +function createAppContext() { + return { + app: null, + config: { + isNativeTag: NO, + performance: false, + globalProperties: {}, + optionMergeStrategies: {}, + errorHandler: undefined, + warnHandler: undefined, + compilerOptions: {} + }, + mixins: [], + components: {}, + directives: {}, + provides: Object.create(null), + optionsCache: new WeakMap(), + propsCache: new WeakMap(), + emitsCache: new WeakMap() + }; +} +let uid = 0; +function createAppAPI(render, hydrate) { + return function createApp(rootComponent, rootProps = null) { + if (rootProps != null && !isObject(rootProps)) { + warn$1(`root props passed to app.mount() must be an object.`); + rootProps = null; + } + const context = createAppContext(); + const installedPlugins = new Set(); + let isMounted = false; + const app = (context.app = { + _uid: uid++, + _component: rootComponent, + _props: rootProps, + _container: null, + _context: context, + _instance: null, + version, + get config() { + return context.config; + }, + set config(v) { + { + warn$1(`app.config cannot be replaced. Modify individual options instead.`); + } + }, + use(plugin, ...options) { + if (installedPlugins.has(plugin)) { + warn$1(`Plugin has already been applied to target app.`); + } + else if (plugin && isFunction(plugin.install)) { + installedPlugins.add(plugin); + plugin.install(app, ...options); + } + else if (isFunction(plugin)) { + installedPlugins.add(plugin); + plugin(app, ...options); + } + else { + warn$1(`A plugin must either be a function or an object with an "install" ` + + `function.`); + } + return app; + }, + mixin(mixin) { + { + if (!context.mixins.includes(mixin)) { + context.mixins.push(mixin); + } + else { + warn$1('Mixin has already been applied to target app' + + (mixin.name ? `: ${mixin.name}` : '')); + } + } + return app; + }, + component(name, component) { + { + validateComponentName(name, context.config); + } + if (!component) { + return context.components[name]; + } + if (context.components[name]) { + warn$1(`Component "${name}" has already been registered in target app.`); + } + context.components[name] = component; + return app; + }, + directive(name, directive) { + { + validateDirectiveName(name); + } + if (!directive) { + return context.directives[name]; + } + if (context.directives[name]) { + warn$1(`Directive "${name}" has already been registered in target app.`); + } + context.directives[name] = directive; + return app; + }, + mount(rootContainer, isHydrate, isSVG) { + if (!isMounted) { + const vnode = createVNode(rootComponent, rootProps); + // store app context on the root VNode. + // this will be set on the root instance on initial mount. + vnode.appContext = context; + // HMR root reload + { + context.reload = () => { + render(cloneVNode(vnode), rootContainer, isSVG); + }; + } + if (isHydrate && hydrate) { + hydrate(vnode, rootContainer); + } + else { + render(vnode, rootContainer, isSVG); + } + isMounted = true; + app._container = rootContainer; + rootContainer.__vue_app__ = app; + { + app._instance = vnode.component; + devtoolsInitApp(app, version); + } + return vnode.component.proxy; + } + else { + warn$1(`App has already been mounted.\n` + + `If you want to remount the same app, move your app creation logic ` + + `into a factory function and create fresh app instances for each ` + + `mount - e.g. \`const createMyApp = () => createApp(App)\``); + } + }, + unmount() { + if (isMounted) { + render(null, app._container); + { + app._instance = null; + devtoolsUnmountApp(app); + } + delete app._container.__vue_app__; + } + else { + warn$1(`Cannot unmount an app that is not mounted.`); + } + }, + provide(key, value) { + if (key in context.provides) { + warn$1(`App already provides property with key "${String(key)}". ` + + `It will be overwritten with the new value.`); + } + // TypeScript doesn't allow symbols as index type + // https://github.com/Microsoft/TypeScript/issues/24587 + context.provides[key] = value; + return app; + } + }); + return app; + }; +} + +let hasMismatch = false; +const isSVGContainer = (container) => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject'; +const isComment = (node) => node.nodeType === 8 /* COMMENT */; +// Note: hydration is DOM-specific +// But we have to place it in core due to tight coupling with core - splitting +// it out creates a ton of unnecessary complexity. +// Hydration also depends on some renderer internal logic which needs to be +// passed in via arguments. +function createHydrationFunctions(rendererInternals) { + const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals; + const hydrate = (vnode, container) => { + if (!container.hasChildNodes()) { + warn$1(`Attempting to hydrate existing markup but container is empty. ` + + `Performing full mount instead.`); + patch(null, vnode, container); + flushPostFlushCbs(); + return; + } + hasMismatch = false; + hydrateNode(container.firstChild, vnode, null, null, null); + flushPostFlushCbs(); + if (hasMismatch && !false) { + // this error should show up in production + console.error(`Hydration completed but contains mismatches.`); + } + }; + const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => { + const isFragmentStart = isComment(node) && node.data === '['; + const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart); + const { type, ref, shapeFlag } = vnode; + const domType = node.nodeType; + vnode.el = node; + let nextNode = null; + switch (type) { + case Text: + if (domType !== 3 /* TEXT */) { + nextNode = onMismatch(); + } + else { + if (node.data !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text mismatch:` + + `\n- Client: ${JSON.stringify(node.data)}` + + `\n- Server: ${JSON.stringify(vnode.children)}`); + node.data = vnode.children; + } + nextNode = nextSibling(node); + } + break; + case Comment$1: + if (domType !== 8 /* COMMENT */ || isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = nextSibling(node); + } + break; + case Static: + if (domType !== 1 /* ELEMENT */) { + nextNode = onMismatch(); + } + else { + // determine anchor, adopt content + nextNode = node; + // if the static vnode has its content stripped during build, + // adopt it from the server-rendered HTML. + const needToAdoptContent = !vnode.children.length; + for (let i = 0; i < vnode.staticCount; i++) { + if (needToAdoptContent) + vnode.children += nextNode.outerHTML; + if (i === vnode.staticCount - 1) { + vnode.anchor = nextNode; + } + nextNode = nextSibling(nextNode); + } + return nextNode; + } + break; + case Fragment: + if (!isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + if (domType !== 1 /* ELEMENT */ || + vnode.type.toLowerCase() !== + node.tagName.toLowerCase()) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + } + else if (shapeFlag & 6 /* COMPONENT */) { + // when setting up the render effect, if the initial vnode already + // has .el set, the component will perform hydration instead of mount + // on its sub-tree. + vnode.slotScopeIds = slotScopeIds; + const container = parentNode(node); + mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); + // component may be async, so in the case of fragments we cannot rely + // on component's rendered output to determine the end of the fragment + // instead, we do a lookahead to find the end anchor node. + nextNode = isFragmentStart + ? locateClosingAsyncAnchor(node) + : nextSibling(node); + // #3787 + // if component is async, it may get moved / unmounted before its + // inner component is loaded, so we need to give it a placeholder + // vnode that matches its adopted DOM. + if (isAsyncWrapper(vnode)) { + let subTree; + if (isFragmentStart) { + subTree = createVNode(Fragment); + subTree.anchor = nextNode + ? nextNode.previousSibling + : container.lastChild; + } + else { + subTree = + node.nodeType === 3 ? createTextVNode('') : createVNode('div'); + } + subTree.el = node; + vnode.component.subTree = subTree; + } + } + else if (shapeFlag & 64 /* TELEPORT */) { + if (domType !== 8 /* COMMENT */) { + nextNode = onMismatch(); + } + else { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren); + } + } + else if (shapeFlag & 128 /* SUSPENSE */) { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode); + } + else { + warn$1('Invalid HostVNode type:', type, `(${typeof type})`); + } + } + if (ref != null) { + setRef(ref, null, parentSuspense, vnode); + } + return nextNode; + }; + const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!vnode.dynamicChildren; + const { type, props, patchFlag, shapeFlag, dirs } = vnode; + // #4006 for form elements with non-string v-model value bindings + // e.g. <option :value="obj">, <input type="checkbox" :true-value="1"> + const forcePatchValue = (type === 'input' && dirs) || type === 'option'; + // skip props & children if this is hoisted static nodes + if (forcePatchValue || patchFlag !== -1 /* HOISTED */) { + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + if (forcePatchValue || + !optimized || + patchFlag & (16 /* FULL_PROPS */ | 32 /* HYDRATE_EVENTS */)) { + for (const key in props) { + if ((forcePatchValue && key.endsWith('value')) || + (isOn(key) && !isReservedProp(key))) { + patchProp(el, key, null, props[key]); + } + } + } + else if (props.onClick) { + // Fast path for click listeners (which is most often) to avoid + // iterating through props. + patchProp(el, 'onClick', null, props.onClick); + } + } + // vnode / directive hooks + let vnodeHooks; + if ((vnodeHooks = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHooks, parentComponent, vnode); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + if ((vnodeHooks = props && props.onVnodeMounted) || dirs) { + queueEffectWithSuspense(() => { + vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + // children + if (shapeFlag & 16 /* ARRAY_CHILDREN */ && + // skip if element has innerHTML / textContent + !(props && (props.innerHTML || props.textContent))) { + let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized); + let hasWarned = false; + while (next) { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${vnode.type}>: ` + + `server rendered element contains more child nodes than client vdom.`); + hasWarned = true; + } + // The SSRed DOM contains more nodes than it should. Remove them. + const cur = next; + next = next.nextSibling; + remove(cur); + } + } + else if (shapeFlag & 8 /* TEXT_CHILDREN */) { + if (el.textContent !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` + + `- Client: ${el.textContent}\n` + + `- Server: ${vnode.children}`); + el.textContent = vnode.children; + } + } + } + return el.nextSibling; + }; + const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!parentVNode.dynamicChildren; + const children = parentVNode.children; + const l = children.length; + let hasWarned = false; + for (let i = 0; i < l; i++) { + const vnode = optimized + ? children[i] + : (children[i] = normalizeVNode(children[i])); + if (node) { + node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + else if (vnode.type === Text && !vnode.children) { + continue; + } + else { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` + + `server rendered element contains fewer child nodes than client vdom.`); + hasWarned = true; + } + // the SSRed DOM didn't contain enough nodes. Mount the missing ones. + patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + } + } + return node; + }; + const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + const { slotScopeIds: fragmentSlotScopeIds } = vnode; + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + const container = parentNode(node); + const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized); + if (next && isComment(next) && next.data === ']') { + return nextSibling((vnode.anchor = next)); + } + else { + // fragment didn't hydrate successfully, since we didn't get a end anchor + // back. This should have led to node/children mismatch warnings. + hasMismatch = true; + // since the anchor is missing, we need to create one and insert it + insert((vnode.anchor = createComment(`]`)), container, next); + return next; + } + }; + const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => { + hasMismatch = true; + warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */ + ? `(text)` + : isComment(node) && node.data === '[' + ? `(start of fragment)` + : ``); + vnode.el = null; + if (isFragment) { + // remove excessive fragment nodes + const end = locateClosingAsyncAnchor(node); + while (true) { + const next = nextSibling(node); + if (next && next !== end) { + remove(next); + } + else { + break; + } + } + } + const next = nextSibling(node); + const container = parentNode(node); + remove(node); + patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + return next; + }; + const locateClosingAsyncAnchor = (node) => { + let match = 0; + while (node) { + node = nextSibling(node); + if (node && isComment(node)) { + if (node.data === '[') + match++; + if (node.data === ']') { + if (match === 0) { + return nextSibling(node); + } + else { + match--; + } + } + } + } + return node; + }; + return [hydrate, hydrateNode]; +} + +let supported; +let perf; +function startMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + perf.mark(`vue-${type}-${instance.uid}`); + } + { + devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now()); + } +} +function endMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + const startTag = `vue-${type}-${instance.uid}`; + const endTag = startTag + `:end`; + perf.mark(endTag); + perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag); + perf.clearMarks(startTag); + perf.clearMarks(endTag); + } + { + devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now()); + } +} +function isSupported() { + if (supported !== undefined) { + return supported; + } + /* eslint-disable no-restricted-globals */ + if (typeof window !== 'undefined' && window.performance) { + supported = true; + perf = window.performance; + } + else { + supported = false; + } + /* eslint-enable no-restricted-globals */ + return supported; +} + +const queuePostRenderEffect = queueEffectWithSuspense + ; +/** + * The createRenderer function accepts two generic arguments: + * HostNode and HostElement, corresponding to Node and Element types in the + * host environment. For example, for runtime-dom, HostNode would be the DOM + * `Node` interface and HostElement would be the DOM `Element` interface. + * + * Custom renderers can pass in the platform specific types like this: + * + * ``` js + * const { render, createApp } = createRenderer<Node, Element>({ + * patchProp, + * ...nodeOps + * }) + * ``` + */ +function createRenderer(options) { + return baseCreateRenderer(options); +} +// Separate API for creating hydration-enabled renderer. +// Hydration logic is only used when calling this function, making it +// tree-shakable. +function createHydrationRenderer(options) { + return baseCreateRenderer(options, createHydrationFunctions); +} +// implementation +function baseCreateRenderer(options, createHydrationFns) { + { + const target = getGlobalThis(); + target.__VUE__ = true; + setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__); + } + const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options; + // Note: functions inside this closure should use `const xxx = () => {}` + // style in order to prevent being inlined by minifiers. + const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => { + if (n1 === n2) { + return; + } + // patching & not same type, unmount old tree + if (n1 && !isSameVNodeType(n1, n2)) { + anchor = getNextHostNode(n1); + unmount(n1, parentComponent, parentSuspense, true); + n1 = null; + } + if (n2.patchFlag === -2 /* BAIL */) { + optimized = false; + n2.dynamicChildren = null; + } + const { type, ref, shapeFlag } = n2; + switch (type) { + case Text: + processText(n1, n2, container, anchor); + break; + case Comment$1: + processCommentNode(n1, n2, container, anchor); + break; + case Static: + if (n1 == null) { + mountStaticNode(n2, container, anchor, isSVG); + } + else { + patchStaticNode(n1, n2, container, isSVG); + } + break; + case Fragment: + processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 6 /* COMPONENT */) { + processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 64 /* TELEPORT */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else if (shapeFlag & 128 /* SUSPENSE */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else { + warn$1('Invalid VNode type:', type, `(${typeof type})`); + } + } + // set ref + if (ref != null && parentComponent) { + setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2); + } + }; + const processText = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateText(n2.children)), container, anchor); + } + else { + const el = (n2.el = n1.el); + if (n2.children !== n1.children) { + hostSetText(el, n2.children); + } + } + }; + const processCommentNode = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor); + } + else { + // there's no support for dynamic comments + n2.el = n1.el; + } + }; + const mountStaticNode = (n2, container, anchor, isSVG) => { + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + }; + /** + * Dev / HMR only + */ + const patchStaticNode = (n1, n2, container, isSVG) => { + // static nodes are only patched during dev for HMR + if (n2.children !== n1.children) { + const anchor = hostNextSibling(n1.anchor); + // remove existing + removeStaticNode(n1); + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + } + else { + n2.el = n1.el; + n2.anchor = n1.anchor; + } + }; + const moveStaticNode = ({ el, anchor }, container, nextSibling) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostInsert(el, container, nextSibling); + el = next; + } + hostInsert(anchor, container, nextSibling); + }; + const removeStaticNode = ({ el, anchor }) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostRemove(el); + el = next; + } + hostRemove(anchor); + }; + const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + isSVG = isSVG || n2.type === 'svg'; + if (n1 == null) { + mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let el; + let vnodeHook; + const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode; + { + el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props); + // mount children first, since some props may rely on child content + // being already rendered, e.g. `<select value>` + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(el, vnode.children); + } + else if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + for (const key in props) { + if (key !== 'value' && !isReservedProp(key)) { + hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + /** + * Special case for setting value on DOM elements: + * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024) + * - it needs to be forced (#1471) + * #2353 proposes adding another renderer option to configure this, but + * the properties affects are so finite it is worth special casing it + * here to reduce the complexity. (Special casing it also should not + * affect non-DOM renderers) + */ + if ('value' in props) { + hostPatchProp(el, 'value', null, props.value); + } + if ((vnodeHook = props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + } + // scopeId + setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent); + } + { + Object.defineProperty(el, '__vnode', { + value: vnode, + enumerable: false + }); + Object.defineProperty(el, '__vueParentComponent', { + value: parentComponent, + enumerable: false + }); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved + // #1689 For inside suspense + suspense resolved case, just call it + const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) && + transition && + !transition.persisted; + if (needCallTransitionHooks) { + transition.beforeEnter(el); + } + hostInsert(el, container, anchor); + if ((vnodeHook = props && props.onVnodeMounted) || + needCallTransitionHooks || + dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + needCallTransitionHooks && transition.enter(el); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + }; + const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => { + if (scopeId) { + hostSetScopeId(el, scopeId); + } + if (slotScopeIds) { + for (let i = 0; i < slotScopeIds.length; i++) { + hostSetScopeId(el, slotScopeIds[i]); + } + } + if (parentComponent) { + let subTree = parentComponent.subTree; + if (subTree.patchFlag > 0 && + subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + subTree = + filterSingleRoot(subTree.children) || subTree; + } + if (vnode === subTree) { + const parentVNode = parentComponent.vnode; + setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent); + } + } + }; + const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => { + for (let i = start; i < children.length; i++) { + const child = (children[i] = optimized + ? cloneIfMounted(children[i]) + : normalizeVNode(children[i])); + patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const el = (n2.el = n1.el); + let { patchFlag, dynamicChildren, dirs } = n2; + // #1426 take the old vnode's patch flag into account since user may clone a + // compiler-generated vnode, which de-opts to FULL_PROPS + patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */; + const oldProps = n1.props || EMPTY_OBJ; + const newProps = n2.props || EMPTY_OBJ; + let vnodeHook; + if ((vnodeHook = newProps.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + } + if (dirs) { + invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate'); + } + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + const areChildrenSVG = isSVG && n2.type !== 'foreignObject'; + if (dynamicChildren) { + patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + } + else if (!optimized) { + // full diff + patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false); + } + if (patchFlag > 0) { + // the presence of a patchFlag means this element's render code was + // generated by the compiler and can take the fast path. + // in this path old node and new node are guaranteed to have the same shape + // (i.e. at the exact same position in the source template) + if (patchFlag & 16 /* FULL_PROPS */) { + // element props contain dynamic keys, full diff needed + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + else { + // class + // this flag is matched when the element has dynamic class bindings. + if (patchFlag & 2 /* CLASS */) { + if (oldProps.class !== newProps.class) { + hostPatchProp(el, 'class', null, newProps.class, isSVG); + } + } + // style + // this flag is matched when the element has dynamic style bindings + if (patchFlag & 4 /* STYLE */) { + hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG); + } + // props + // This flag is matched when the element has dynamic prop/attr bindings + // other than class and style. The keys of dynamic prop/attrs are saved for + // faster iteration. + // Note dynamic keys like :[foo]="bar" will cause this optimization to + // bail out and go through a full diff because we need to unset the old key + if (patchFlag & 8 /* PROPS */) { + // if the flag is present then dynamicProps must be non-null + const propsToUpdate = n2.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + const key = propsToUpdate[i]; + const prev = oldProps[key]; + const next = newProps[key]; + // #1471 force patch value + if (next !== prev || key === 'value') { + hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + } + // text + // This flag is matched when the element has only dynamic text children. + if (patchFlag & 1 /* TEXT */) { + if (n1.children !== n2.children) { + hostSetElementText(el, n2.children); + } + } + } + else if (!optimized && dynamicChildren == null) { + // unoptimized, full diff + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + if ((vnodeHook = newProps.onVnodeUpdated) || dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated'); + }, parentSuspense); + } + }; + // The fast path for blocks. + const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => { + for (let i = 0; i < newChildren.length; i++) { + const oldVNode = oldChildren[i]; + const newVNode = newChildren[i]; + // Determine the container (parent element) for the patch. + const container = + // oldVNode may be an errored async setup() component inside Suspense + // which will not have a mounted element + oldVNode.el && + // - In the case of a Fragment, we need to provide the actual parent + // of the Fragment itself so it can move its children. + (oldVNode.type === Fragment || + // - In the case of different nodes, there is going to be a replacement + // which also requires the correct parent container + !isSameVNodeType(oldVNode, newVNode) || + // - In the case of a component, it could contain anything. + oldVNode.shapeFlag & (6 /* COMPONENT */ | 64 /* TELEPORT */)) + ? hostParentNode(oldVNode.el) + : // In other cases, the parent container is not actually used so we + // just pass the block element here to avoid a DOM parentNode call. + fallbackContainer; + patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true); + } + }; + const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => { + if (oldProps !== newProps) { + for (const key in newProps) { + // empty string is not valid prop + if (isReservedProp(key)) + continue; + const next = newProps[key]; + const prev = oldProps[key]; + // defer patching value + if (next !== prev && key !== 'value') { + hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + if (oldProps !== EMPTY_OBJ) { + for (const key in oldProps) { + if (!isReservedProp(key) && !(key in newProps)) { + hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + if ('value' in newProps) { + hostPatchProp(el, 'value', oldProps.value, newProps.value); + } + } + }; + const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText('')); + const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText('')); + let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2; + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + // check if this is a slot fragment with :slotted scope ids + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + if (n1 == null) { + hostInsert(fragmentStartAnchor, container, anchor); + hostInsert(fragmentEndAnchor, container, anchor); + // a fragment can only have array children + // since they are either generated by the compiler, or implicitly created + // from arrays. + mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + if (patchFlag > 0 && + patchFlag & 64 /* STABLE_FRAGMENT */ && + dynamicChildren && + // #2715 the previous fragment could've been a BAILed one as a result + // of renderSlot() with no valid children + n1.dynamicChildren) { + // a stable fragment (template root or <template v-for>) doesn't need to + // patch children order, but it may contain dynamicChildren. + patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + else if ( + // #2080 if the stable fragment has a key, it's a <template v-for> that may + // get moved around. Make sure all root level vnodes inherit el. + // #2134 or if it's a component root, it may also get moved around + // as the component is being moved. + n2.key != null || + (parentComponent && n2 === parentComponent.subTree)) { + traverseStaticChildren(n1, n2, true /* shallow */); + } + } + else { + // keyed / unkeyed, or manual fragments. + // for keyed & unkeyed, since they are compiler generated from v-for, + // each child is guaranteed to be a block so the fragment will never + // have dynamicChildren. + patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + }; + const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + n2.slotScopeIds = slotScopeIds; + if (n1 == null) { + if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized); + } + else { + mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized); + } + } + else { + updateComponent(n1, n2, optimized); + } + }; + const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => { + const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense)); + if (instance.type.__hmrId) { + registerHMR(instance); + } + { + pushWarningContext(initialVNode); + startMeasure(instance, `mount`); + } + // inject renderer internals for keepAlive + if (isKeepAlive(initialVNode)) { + instance.ctx.renderer = internals; + } + // resolve props and slots for setup context + { + { + startMeasure(instance, `init`); + } + setupComponent(instance); + { + endMeasure(instance, `init`); + } + } + // setup() is async. This component relies on async logic to be resolved + // before proceeding + if (instance.asyncDep) { + parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); + // Give it a placeholder if this is not hydration + // TODO handle self-defined fallback + if (!initialVNode.el) { + const placeholder = (instance.subTree = createVNode(Comment$1)); + processCommentNode(null, placeholder, container, anchor); + } + return; + } + setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); + { + popWarningContext(); + endMeasure(instance, `mount`); + } + }; + const updateComponent = (n1, n2, optimized) => { + const instance = (n2.component = n1.component); + if (shouldUpdateComponent(n1, n2, optimized)) { + if (instance.asyncDep && + !instance.asyncResolved) { + // async & still pending - just update props and slots + // since the component's reactive effect for render isn't set-up yet + { + pushWarningContext(n2); + } + updateComponentPreRender(instance, n2, optimized); + { + popWarningContext(); + } + return; + } + else { + // normal update + instance.next = n2; + // in case the child component is also queued, remove it to avoid + // double updating the same child component in the same flush. + invalidateJob(instance.update); + // instance.update is the reactive effect. + instance.update(); + } + } + else { + // no update needed. just copy over properties + n2.component = n1.component; + n2.el = n1.el; + instance.vnode = n2; + } + }; + const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => { + const componentUpdateFn = () => { + if (!instance.isMounted) { + let vnodeHook; + const { el, props } = initialVNode; + const { bm, m, parent } = instance; + const isAsyncWrapperVNode = isAsyncWrapper(initialVNode); + effect.allowRecurse = false; + // beforeMount hook + if (bm) { + invokeArrayFns(bm); + } + // onVnodeBeforeMount + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parent, initialVNode); + } + effect.allowRecurse = true; + if (el && hydrateNode) { + // vnode has adopted host node - perform hydration instead of mount. + const hydrateSubTree = () => { + { + startMeasure(instance, `render`); + } + instance.subTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `hydrate`); + } + hydrateNode(el, instance.subTree, instance, parentSuspense, null); + { + endMeasure(instance, `hydrate`); + } + }; + if (isAsyncWrapperVNode) { + initialVNode.type.__asyncLoader().then( + // note: we are moving the render call into an async callback, + // which means it won't track dependencies - but it's ok because + // a server-rendered async wrapper is already in resolved state + // and it will never need to change. + () => !instance.isUnmounted && hydrateSubTree()); + } + else { + hydrateSubTree(); + } + } + else { + { + startMeasure(instance, `render`); + } + const subTree = (instance.subTree = renderComponentRoot(instance)); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `patch`); + } + patch(null, subTree, container, anchor, instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + initialVNode.el = subTree.el; + } + // mounted hook + if (m) { + queuePostRenderEffect(m, parentSuspense); + } + // onVnodeMounted + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeMounted)) { + const scopedInitialVNode = initialVNode; + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense); + } + // activated hook for keep-alive roots. + // #1742 activated hook must be accessed after first render + // since the hook may be injected by a child keep-alive + if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + instance.a && queuePostRenderEffect(instance.a, parentSuspense); + } + instance.isMounted = true; + { + devtoolsComponentAdded(instance); + } + // #2458: deference mount-only object parameters to prevent memleaks + initialVNode = container = anchor = null; + } + else { + // updateComponent + // This is triggered by mutation of component's own state (next: null) + // OR parent calling processComponent (next: VNode) + let { next, bu, u, parent, vnode } = instance; + let originNext = next; + let vnodeHook; + { + pushWarningContext(next || instance.vnode); + } + // Disallow component effect recursion during pre-lifecycle hooks. + effect.allowRecurse = false; + if (next) { + next.el = vnode.el; + updateComponentPreRender(instance, next, optimized); + } + else { + next = vnode; + } + // beforeUpdate hook + if (bu) { + invokeArrayFns(bu); + } + // onVnodeBeforeUpdate + if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parent, next, vnode); + } + effect.allowRecurse = true; + // render + { + startMeasure(instance, `render`); + } + const nextTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + const prevTree = instance.subTree; + instance.subTree = nextTree; + { + startMeasure(instance, `patch`); + } + patch(prevTree, nextTree, + // parent may have changed if it's in a teleport + hostParentNode(prevTree.el), + // anchor may have changed if it's in a fragment + getNextHostNode(prevTree), instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + next.el = nextTree.el; + if (originNext === null) { + // self-triggered update. In case of HOC, update parent component + // vnode el. HOC is indicated by parent instance's subTree pointing + // to child component's vnode + updateHOCHostEl(instance, nextTree.el); + } + // updated hook + if (u) { + queuePostRenderEffect(u, parentSuspense); + } + // onVnodeUpdated + if ((vnodeHook = next.props && next.props.onVnodeUpdated)) { + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense); + } + { + devtoolsComponentUpdated(instance); + } + { + popWarningContext(); + } + } + }; + // create reactive effect for rendering + const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope + ); + const update = (instance.update = effect.run.bind(effect)); + update.id = instance.uid; + // allowRecurse + // #1801, #2043 component render effects should allow recursive updates + effect.allowRecurse = update.allowRecurse = true; + { + effect.onTrack = instance.rtc + ? e => invokeArrayFns(instance.rtc, e) + : void 0; + effect.onTrigger = instance.rtg + ? e => invokeArrayFns(instance.rtg, e) + : void 0; + // @ts-ignore (for scheduler) + update.ownerInstance = instance; + } + update(); + }; + const updateComponentPreRender = (instance, nextVNode, optimized) => { + nextVNode.component = instance; + const prevProps = instance.vnode.props; + instance.vnode = nextVNode; + instance.next = null; + updateProps(instance, nextVNode.props, prevProps, optimized); + updateSlots(instance, nextVNode.children, optimized); + pauseTracking(); + // props update may have triggered pre-flush watchers. + // flush them before the render update. + flushPreFlushCbs(undefined, instance.update); + resetTracking(); + }; + const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => { + const c1 = n1 && n1.children; + const prevShapeFlag = n1 ? n1.shapeFlag : 0; + const c2 = n2.children; + const { patchFlag, shapeFlag } = n2; + // fast path + if (patchFlag > 0) { + if (patchFlag & 128 /* KEYED_FRAGMENT */) { + // this could be either fully-keyed or mixed (some keyed some not) + // presence of patchFlag means children are guaranteed to be arrays + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) { + // unkeyed + patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + } + // children has 3 possibilities: text, array or no children. + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + // text children fast path + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + unmountChildren(c1, parentComponent, parentSuspense); + } + if (c2 !== c1) { + hostSetElementText(container, c2); + } + } + else { + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + // prev children was array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + // two arrays, cannot assume anything, do full diff + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + // no new children, just unmount old + unmountChildren(c1, parentComponent, parentSuspense, true); + } + } + else { + // prev children was text OR null + // new children is array OR null + if (prevShapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(container, ''); + } + // mount new if array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + } + }; + const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + c1 = c1 || EMPTY_ARR; + c2 = c2 || EMPTY_ARR; + const oldLength = c1.length; + const newLength = c2.length; + const commonLength = Math.min(oldLength, newLength); + let i; + for (i = 0; i < commonLength; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + if (oldLength > newLength) { + // remove old + unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength); + } + else { + // mount new + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength); + } + }; + // can be all-keyed or mixed + const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let i = 0; + const l2 = c2.length; + let e1 = c1.length - 1; // prev ending index + let e2 = l2 - 1; // next ending index + // 1. sync from start + // (a b) c + // (a b) d e + while (i <= e1 && i <= e2) { + const n1 = c1[i]; + const n2 = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + i++; + } + // 2. sync from end + // a (b c) + // d e (b c) + while (i <= e1 && i <= e2) { + const n1 = c1[e1]; + const n2 = (c2[e2] = optimized + ? cloneIfMounted(c2[e2]) + : normalizeVNode(c2[e2])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + e1--; + e2--; + } + // 3. common sequence + mount + // (a b) + // (a b) c + // i = 2, e1 = 1, e2 = 2 + // (a b) + // c (a b) + // i = 0, e1 = -1, e2 = 0 + if (i > e1) { + if (i <= e2) { + const nextPos = e2 + 1; + const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor; + while (i <= e2) { + patch(null, (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + i++; + } + } + } + // 4. common sequence + unmount + // (a b) c + // (a b) + // i = 2, e1 = 2, e2 = 1 + // a (b c) + // (b c) + // i = 0, e1 = 0, e2 = -1 + else if (i > e2) { + while (i <= e1) { + unmount(c1[i], parentComponent, parentSuspense, true); + i++; + } + } + // 5. unknown sequence + // [i ... e1 + 1]: a b [c d e] f g + // [i ... e2 + 1]: a b [e d c h] f g + // i = 2, e1 = 4, e2 = 5 + else { + const s1 = i; // prev starting index + const s2 = i; // next starting index + // 5.1 build key:index map for newChildren + const keyToNewIndexMap = new Map(); + for (i = s2; i <= e2; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (nextChild.key != null) { + if (keyToNewIndexMap.has(nextChild.key)) { + warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`); + } + keyToNewIndexMap.set(nextChild.key, i); + } + } + // 5.2 loop through old children left to be patched and try to patch + // matching nodes & remove nodes that are no longer present + let j; + let patched = 0; + const toBePatched = e2 - s2 + 1; + let moved = false; + // used to track whether any node has moved + let maxNewIndexSoFar = 0; + // works as Map<newIndex, oldIndex> + // Note that oldIndex is offset by +1 + // and oldIndex = 0 is a special value indicating the new node has + // no corresponding old node. + // used for determining longest stable subsequence + const newIndexToOldIndexMap = new Array(toBePatched); + for (i = 0; i < toBePatched; i++) + newIndexToOldIndexMap[i] = 0; + for (i = s1; i <= e1; i++) { + const prevChild = c1[i]; + if (patched >= toBePatched) { + // all new children have been patched so this can only be a removal + unmount(prevChild, parentComponent, parentSuspense, true); + continue; + } + let newIndex; + if (prevChild.key != null) { + newIndex = keyToNewIndexMap.get(prevChild.key); + } + else { + // key-less node, try to locate a key-less node of the same type + for (j = s2; j <= e2; j++) { + if (newIndexToOldIndexMap[j - s2] === 0 && + isSameVNodeType(prevChild, c2[j])) { + newIndex = j; + break; + } + } + } + if (newIndex === undefined) { + unmount(prevChild, parentComponent, parentSuspense, true); + } + else { + newIndexToOldIndexMap[newIndex - s2] = i + 1; + if (newIndex >= maxNewIndexSoFar) { + maxNewIndexSoFar = newIndex; + } + else { + moved = true; + } + patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + patched++; + } + } + // 5.3 move and mount + // generate longest stable subsequence only when nodes have moved + const increasingNewIndexSequence = moved + ? getSequence(newIndexToOldIndexMap) + : EMPTY_ARR; + j = increasingNewIndexSequence.length - 1; + // looping backwards so that we can use last patched node as anchor + for (i = toBePatched - 1; i >= 0; i--) { + const nextIndex = s2 + i; + const nextChild = c2[nextIndex]; + const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor; + if (newIndexToOldIndexMap[i] === 0) { + // mount new + patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (moved) { + // move if: + // There is no stable subsequence (e.g. a reverse) + // OR current node is not among the stable sequence + if (j < 0 || i !== increasingNewIndexSequence[j]) { + move(nextChild, container, anchor, 2 /* REORDER */); + } + else { + j--; + } + } + } + } + }; + const move = (vnode, container, anchor, moveType, parentSuspense = null) => { + const { el, type, transition, children, shapeFlag } = vnode; + if (shapeFlag & 6 /* COMPONENT */) { + move(vnode.component.subTree, container, anchor, moveType); + return; + } + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.move(container, anchor, moveType); + return; + } + if (shapeFlag & 64 /* TELEPORT */) { + type.move(vnode, container, anchor, internals); + return; + } + if (type === Fragment) { + hostInsert(el, container, anchor); + for (let i = 0; i < children.length; i++) { + move(children[i], container, anchor, moveType); + } + hostInsert(vnode.anchor, container, anchor); + return; + } + if (type === Static) { + moveStaticNode(vnode, container, anchor); + return; + } + // single nodes + const needTransition = moveType !== 2 /* REORDER */ && + shapeFlag & 1 /* ELEMENT */ && + transition; + if (needTransition) { + if (moveType === 0 /* ENTER */) { + transition.beforeEnter(el); + hostInsert(el, container, anchor); + queuePostRenderEffect(() => transition.enter(el), parentSuspense); + } + else { + const { leave, delayLeave, afterLeave } = transition; + const remove = () => hostInsert(el, container, anchor); + const performLeave = () => { + leave(el, () => { + remove(); + afterLeave && afterLeave(); + }); + }; + if (delayLeave) { + delayLeave(el, remove, performLeave); + } + else { + performLeave(); + } + } + } + else { + hostInsert(el, container, anchor); + } + }; + const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => { + const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode; + // unset ref + if (ref != null) { + setRef(ref, null, parentSuspense, vnode, true); + } + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + parentComponent.ctx.deactivate(vnode); + return; + } + const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs; + const shouldInvokeVnodeHook = !isAsyncWrapper(vnode); + let vnodeHook; + if (shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeBeforeUnmount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + if (shapeFlag & 6 /* COMPONENT */) { + unmountComponent(vnode.component, parentSuspense, doRemove); + } + else { + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.unmount(parentSuspense, doRemove); + return; + } + if (shouldInvokeDirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount'); + } + if (shapeFlag & 64 /* TELEPORT */) { + vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove); + } + else if (dynamicChildren && + // #1153: fast path should not be taken for non-stable (v-for) fragments + (type !== Fragment || + (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) { + // fast path for block nodes: only need to unmount dynamic children. + unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true); + } + else if ((type === Fragment && + patchFlag & + (128 /* KEYED_FRAGMENT */ | 256 /* UNKEYED_FRAGMENT */)) || + (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) { + unmountChildren(children, parentComponent, parentSuspense); + } + if (doRemove) { + remove(vnode); + } + } + if ((shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeUnmounted)) || + shouldInvokeDirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + shouldInvokeDirs && + invokeDirectiveHook(vnode, null, parentComponent, 'unmounted'); + }, parentSuspense); + } + }; + const remove = vnode => { + const { type, el, anchor, transition } = vnode; + if (type === Fragment) { + removeFragment(el, anchor); + return; + } + if (type === Static) { + removeStaticNode(vnode); + return; + } + const performRemove = () => { + hostRemove(el); + if (transition && !transition.persisted && transition.afterLeave) { + transition.afterLeave(); + } + }; + if (vnode.shapeFlag & 1 /* ELEMENT */ && + transition && + !transition.persisted) { + const { leave, delayLeave } = transition; + const performLeave = () => leave(el, performRemove); + if (delayLeave) { + delayLeave(vnode.el, performRemove, performLeave); + } + else { + performLeave(); + } + } + else { + performRemove(); + } + }; + const removeFragment = (cur, end) => { + // For fragments, directly remove all contained DOM nodes. + // (fragment child nodes cannot have transition) + let next; + while (cur !== end) { + next = hostNextSibling(cur); + hostRemove(cur); + cur = next; + } + hostRemove(end); + }; + const unmountComponent = (instance, parentSuspense, doRemove) => { + if (instance.type.__hmrId) { + unregisterHMR(instance); + } + const { bum, scope, update, subTree, um } = instance; + // beforeUnmount hook + if (bum) { + invokeArrayFns(bum); + } + // stop effects in component scope + scope.stop(); + // update may be null if a component is unmounted before its async + // setup has resolved. + if (update) { + // so that scheduler will no longer invoke it + update.active = false; + unmount(subTree, instance, parentSuspense, doRemove); + } + // unmounted hook + if (um) { + queuePostRenderEffect(um, parentSuspense); + } + queuePostRenderEffect(() => { + instance.isUnmounted = true; + }, parentSuspense); + // A component with async dep inside a pending suspense is unmounted before + // its async dep resolves. This should remove the dep from the suspense, and + // cause the suspense to resolve immediately if that was the last dep. + if (parentSuspense && + parentSuspense.pendingBranch && + !parentSuspense.isUnmounted && + instance.asyncDep && + !instance.asyncResolved && + instance.suspenseId === parentSuspense.pendingId) { + parentSuspense.deps--; + if (parentSuspense.deps === 0) { + parentSuspense.resolve(); + } + } + { + devtoolsComponentRemoved(instance); + } + }; + const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => { + for (let i = start; i < children.length; i++) { + unmount(children[i], parentComponent, parentSuspense, doRemove, optimized); + } + }; + const getNextHostNode = vnode => { + if (vnode.shapeFlag & 6 /* COMPONENT */) { + return getNextHostNode(vnode.component.subTree); + } + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + return vnode.suspense.next(); + } + return hostNextSibling((vnode.anchor || vnode.el)); + }; + const render = (vnode, container, isSVG) => { + if (vnode == null) { + if (container._vnode) { + unmount(container._vnode, null, null, true); + } + } + else { + patch(container._vnode || null, vnode, container, null, null, null, isSVG); + } + flushPostFlushCbs(); + container._vnode = vnode; + }; + const internals = { + p: patch, + um: unmount, + m: move, + r: remove, + mt: mountComponent, + mc: mountChildren, + pc: patchChildren, + pbc: patchBlockChildren, + n: getNextHostNode, + o: options + }; + let hydrate; + let hydrateNode; + if (createHydrationFns) { + [hydrate, hydrateNode] = createHydrationFns(internals); + } + return { + render, + hydrate, + createApp: createAppAPI(render, hydrate) + }; +} +function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { + if (isArray(rawRef)) { + rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount)); + return; + } + if (isAsyncWrapper(vnode) && !isUnmount) { + // when mounting async components, nothing needs to be done, + // because the template ref is forwarded to inner component + return; + } + const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ + ? getExposeProxy(vnode.component) || vnode.component.proxy + : vnode.el; + const value = isUnmount ? null : refValue; + const { i: owner, r: ref } = rawRef; + if (!owner) { + warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` + + `A vnode with ref must be created inside the render function.`); + return; + } + const oldRef = oldRawRef && oldRawRef.r; + const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs; + const setupState = owner.setupState; + // dynamic ref changed. unset old ref + if (oldRef != null && oldRef !== ref) { + if (isString(oldRef)) { + refs[oldRef] = null; + if (hasOwn(setupState, oldRef)) { + setupState[oldRef] = null; + } + } + else if (isRef(oldRef)) { + oldRef.value = null; + } + } + if (isString(ref)) { + const doSet = () => { + { + refs[ref] = value; + } + if (hasOwn(setupState, ref)) { + setupState[ref] = value; + } + }; + // #1789: for non-null values, set them after render + // null values means this is unmount and it should not overwrite another + // ref with the same key + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isRef(ref)) { + const doSet = () => { + ref.value = value; + }; + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isFunction(ref)) { + callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]); + } + else { + warn$1('Invalid template ref type:', value, `(${typeof value})`); + } +} +function invokeVNodeHook(hook, instance, vnode, prevVNode = null) { + callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [ + vnode, + prevVNode + ]); +} +/** + * #1156 + * When a component is HMR-enabled, we need to make sure that all static nodes + * inside a block also inherit the DOM element from the previous tree so that + * HMR updates (which are full updates) can retrieve the element for patching. + * + * #2080 + * Inside keyed `template` fragment static children, if a fragment is moved, + * the children will always moved so that need inherit el form previous nodes + * to ensure correct moved position. + */ +function traverseStaticChildren(n1, n2, shallow = false) { + const ch1 = n1.children; + const ch2 = n2.children; + if (isArray(ch1) && isArray(ch2)) { + for (let i = 0; i < ch1.length; i++) { + // this is only called in the optimized path so array children are + // guaranteed to be vnodes + const c1 = ch1[i]; + let c2 = ch2[i]; + if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) { + if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) { + c2 = ch2[i] = cloneIfMounted(ch2[i]); + c2.el = c1.el; + } + if (!shallow) + traverseStaticChildren(c1, c2); + } + // also inherit for comment nodes, but not placeholders (e.g. v-if which + // would have received .el during block patch) + if (c2.type === Comment$1 && !c2.el) { + c2.el = c1.el; + } + } + } +} +// https://en.wikipedia.org/wiki/Longest_increasing_subsequence +function getSequence(arr) { + const p = arr.slice(); + const result = [0]; + let i, j, u, v, c; + const len = arr.length; + for (i = 0; i < len; i++) { + const arrI = arr[i]; + if (arrI !== 0) { + j = result[result.length - 1]; + if (arr[j] < arrI) { + p[i] = j; + result.push(i); + continue; + } + u = 0; + v = result.length - 1; + while (u < v) { + c = (u + v) >> 1; + if (arr[result[c]] < arrI) { + u = c + 1; + } + else { + v = c; + } + } + if (arrI < arr[result[u]]) { + if (u > 0) { + p[i] = result[u - 1]; + } + result[u] = i; + } + } + } + u = result.length; + v = result[u - 1]; + while (u-- > 0) { + result[u] = v; + v = p[v]; + } + return result; +} + +const isTeleport = (type) => type.__isTeleport; +const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === ''); +const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement; +const resolveTarget = (props, select) => { + const targetSelector = props && props.to; + if (isString(targetSelector)) { + if (!select) { + warn$1(`Current renderer does not support string target for Teleports. ` + + `(missing querySelector renderer option)`); + return null; + } + else { + const target = select(targetSelector); + if (!target) { + warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` + + `Note the target element must exist before the component is mounted - ` + + `i.e. the target cannot be rendered by the component itself, and ` + + `ideally should be outside of the entire Vue component tree.`); + } + return target; + } + } + else { + if (!targetSelector && !isTeleportDisabled(props)) { + warn$1(`Invalid Teleport target: ${targetSelector}`); + } + return targetSelector; + } +}; +const TeleportImpl = { + __isTeleport: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) { + const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals; + const disabled = isTeleportDisabled(n2.props); + let { shapeFlag, children, dynamicChildren } = n2; + // #3302 + // HMR updated, force full diff + if (isHmrUpdating) { + optimized = false; + dynamicChildren = null; + } + if (n1 == null) { + // insert anchors in the main view + const placeholder = (n2.el = createComment('teleport start') + ); + const mainAnchor = (n2.anchor = createComment('teleport end') + ); + insert(placeholder, container, anchor); + insert(mainAnchor, container, anchor); + const target = (n2.target = resolveTarget(n2.props, querySelector)); + const targetAnchor = (n2.targetAnchor = createText('')); + if (target) { + insert(targetAnchor, target); + // #2652 we could be teleporting from a non-SVG tree into an SVG tree + isSVG = isSVG || isTargetSVG(target); + } + else if (!disabled) { + warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`); + } + const mount = (container, anchor) => { + // Teleport *always* has Array children. This is enforced in both the + // compiler and vnode children normalization. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + if (disabled) { + mount(container, mainAnchor); + } + else if (target) { + mount(target, targetAnchor); + } + } + else { + // update content + n2.el = n1.el; + const mainAnchor = (n2.anchor = n1.anchor); + const target = (n2.target = n1.target); + const targetAnchor = (n2.targetAnchor = n1.targetAnchor); + const wasDisabled = isTeleportDisabled(n1.props); + const currentContainer = wasDisabled ? container : target; + const currentAnchor = wasDisabled ? mainAnchor : targetAnchor; + isSVG = isSVG || isTargetSVG(target); + if (dynamicChildren) { + // fast path when the teleport happens to be a block root + patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); + // even in block tree mode we need to make sure all root-level nodes + // in the teleport inherit previous DOM references so that they can + // be moved in future patches. + traverseStaticChildren(n1, n2, true); + } + else if (!optimized) { + patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false); + } + if (disabled) { + if (!wasDisabled) { + // enabled -> disabled + // move into main container + moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */); + } + } + else { + // target changed + if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) { + const nextTarget = (n2.target = resolveTarget(n2.props, querySelector)); + if (nextTarget) { + moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */); + } + else { + warn$1('Invalid Teleport target on update:', target, `(${typeof target})`); + } + } + else if (wasDisabled) { + // disabled -> enabled + // move into teleport target + moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */); + } + } + } + }, + remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) { + const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode; + if (target) { + hostRemove(targetAnchor); + } + // an unmounted teleport should always remove its children if not disabled + if (doRemove || !isTeleportDisabled(props)) { + hostRemove(anchor); + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + const child = children[i]; + unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren); + } + } + } + }, + move: moveTeleport, + hydrate: hydrateTeleport +}; +function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) { + // move target anchor if this is a target change. + if (moveType === 0 /* TARGET_CHANGE */) { + insert(vnode.targetAnchor, container, parentAnchor); + } + const { el, anchor, shapeFlag, children, props } = vnode; + const isReorder = moveType === 2 /* REORDER */; + // move main view anchor if this is a re-order. + if (isReorder) { + insert(el, container, parentAnchor); + } + // if this is a re-order and teleport is enabled (content is in target) + // do not move children. So the opposite is: only move children if this + // is not a reorder, or the teleport is disabled + if (!isReorder || isTeleportDisabled(props)) { + // Teleport has either Array children or no children. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + move(children[i], container, parentAnchor, 2 /* REORDER */); + } + } + } + // move main view anchor if this is a re-order. + if (isReorder) { + insert(anchor, container, parentAnchor); + } +} +function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) { + const target = (vnode.target = resolveTarget(vnode.props, querySelector)); + if (target) { + // if multiple teleports rendered to the same target element, we need to + // pick up from where the last teleport finished instead of the first node + const targetNode = target._lpa || target.firstChild; + if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) { + if (isTeleportDisabled(vnode.props)) { + vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized); + vnode.targetAnchor = targetNode; + } + else { + vnode.anchor = nextSibling(node); + vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized); + } + target._lpa = + vnode.targetAnchor && nextSibling(vnode.targetAnchor); + } + } + return vnode.anchor && nextSibling(vnode.anchor); +} +// Force-casted public typing for h and TSX props inference +const Teleport = TeleportImpl; + +const COMPONENTS = 'components'; +const DIRECTIVES = 'directives'; +/** + * @private + */ +function resolveComponent(name, maybeSelfReference) { + return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; +} +const NULL_DYNAMIC_COMPONENT = Symbol(); +/** + * @private + */ +function resolveDynamicComponent(component) { + if (isString(component)) { + return resolveAsset(COMPONENTS, component, false) || component; + } + else { + // invalid types will fallthrough to createVNode and raise warning + return (component || NULL_DYNAMIC_COMPONENT); + } +} +/** + * @private + */ +function resolveDirective(name) { + return resolveAsset(DIRECTIVES, name); +} +// implementation +function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { + const instance = currentRenderingInstance || currentInstance; + if (instance) { + const Component = instance.type; + // explicit self name has highest priority + if (type === COMPONENTS) { + const selfName = getComponentName(Component); + if (selfName && + (selfName === name || + selfName === camelize(name) || + selfName === capitalize(camelize(name)))) { + return Component; + } + } + const res = + // local registration + // check instance[type] first which is resolved for options API + resolve(instance[type] || Component[type], name) || + // global registration + resolve(instance.appContext[type], name); + if (!res && maybeSelfReference) { + // fallback to implicit self-reference + return Component; + } + if (warnMissing && !res) { + warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`); + } + return res; + } + else { + warn$1(`resolve${capitalize(type.slice(0, -1))} ` + + `can only be used in render() or setup().`); + } +} +function resolve(registry, name) { + return (registry && + (registry[name] || + registry[camelize(name)] || + registry[capitalize(camelize(name))])); +} + +const Fragment = Symbol('Fragment' ); +const Text = Symbol('Text' ); +const Comment$1 = Symbol('Comment' ); +const Static = Symbol('Static' ); +// Since v-if and v-for are the two possible ways node structure can dynamically +// change, once we consider v-if branches and each v-for fragment a block, we +// can divide a template into nested blocks, and within each block the node +// structure would be stable. This allows us to skip most children diffing +// and only worry about the dynamic nodes (indicated by patch flags). +const blockStack = []; +let currentBlock = null; +/** + * Open a block. + * This must be called before `createBlock`. It cannot be part of `createBlock` + * because the children of the block are evaluated before `createBlock` itself + * is called. The generated code typically looks like this: + * + * ```js + * function render() { + * return (openBlock(),createBlock('div', null, [...])) + * } + * ``` + * disableTracking is true when creating a v-for fragment block, since a v-for + * fragment always diffs its children. + * + * @private + */ +function openBlock(disableTracking = false) { + blockStack.push((currentBlock = disableTracking ? null : [])); +} +function closeBlock() { + blockStack.pop(); + currentBlock = blockStack[blockStack.length - 1] || null; +} +// Whether we should be tracking dynamic child nodes inside a block. +// Only tracks when this value is > 0 +// We are not using a simple boolean because this value may need to be +// incremented/decremented by nested usage of v-once (see below) +let isBlockTreeEnabled = 1; +/** + * Block tracking sometimes needs to be disabled, for example during the + * creation of a tree that needs to be cached by v-once. The compiler generates + * code like this: + * + * ``` js + * _cache[1] || ( + * setBlockTracking(-1), + * _cache[1] = createVNode(...), + * setBlockTracking(1), + * _cache[1] + * ) + * ``` + * + * @private + */ +function setBlockTracking(value) { + isBlockTreeEnabled += value; +} +function setupBlock(vnode) { + // save current block children on the block vnode + vnode.dynamicChildren = + isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; + // close block + closeBlock(); + // a block is always going to be patched, so track it as a child of its + // parent block + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(vnode); + } + return vnode; +} +/** + * @private + */ +function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) { + return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */)); +} +/** + * Create a block root vnode. Takes the same exact arguments as `createVNode`. + * A block root keeps track of dynamic nodes within the block in the + * `dynamicChildren` array. + * + * @private + */ +function createBlock(type, props, children, patchFlag, dynamicProps) { + return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */)); +} +function isVNode(value) { + return value ? value.__v_isVNode === true : false; +} +function isSameVNodeType(n1, n2) { + if (n2.shapeFlag & 6 /* COMPONENT */ && + hmrDirtyComponents.has(n2.type)) { + // HMR only: if the component has been hot-updated, force a reload. + return false; + } + return n1.type === n2.type && n1.key === n2.key; +} +let vnodeArgsTransformer; +/** + * Internal API for registering an arguments transform for createVNode + * used for creating stubs in the test-utils + * It is *internal* but needs to be exposed for test-utils to pick up proper + * typings + */ +function transformVNodeArgs(transformer) { + vnodeArgsTransformer = transformer; +} +const createVNodeWithArgsTransform = (...args) => { + return _createVNode(...(vnodeArgsTransformer + ? vnodeArgsTransformer(args, currentRenderingInstance) + : args)); +}; +const InternalObjectKey = `__vInternal`; +const normalizeKey = ({ key }) => key != null ? key : null; +const normalizeRef = ({ ref }) => { + return (ref != null + ? isString(ref) || isRef(ref) || isFunction(ref) + ? { i: currentRenderingInstance, r: ref } + : ref + : null); +}; +function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) { + const vnode = { + __v_isVNode: true, + __v_skip: true, + type, + props, + key: props && normalizeKey(props), + ref: props && normalizeRef(props), + scopeId: currentScopeId, + slotScopeIds: null, + children, + component: null, + suspense: null, + ssContent: null, + ssFallback: null, + dirs: null, + transition: null, + el: null, + anchor: null, + target: null, + targetAnchor: null, + staticCount: 0, + shapeFlag, + patchFlag, + dynamicProps, + dynamicChildren: null, + appContext: null + }; + if (needFullChildrenNormalization) { + normalizeChildren(vnode, children); + // normalize suspense children + if (shapeFlag & 128 /* SUSPENSE */) { + type.normalize(vnode); + } + } + else if (children) { + // compiled element vnode - if children is passed, only possible types are + // string or Array. + vnode.shapeFlag |= isString(children) + ? 8 /* TEXT_CHILDREN */ + : 16 /* ARRAY_CHILDREN */; + } + // validate key + if (vnode.key !== vnode.key) { + warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type); + } + // track vnode for block tree + if (isBlockTreeEnabled > 0 && + // avoid a block node from tracking itself + !isBlockNode && + // has current parent block + currentBlock && + // presence of a patch flag indicates this node needs patching on updates. + // component nodes also should always be patched, because even if the + // component doesn't need to update, it needs to persist the instance on to + // the next vnode so that it can be properly unmounted later. + (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) && + // the EVENTS flag is only for hydration and if it is the only flag, the + // vnode should not be considered dynamic due to handler caching. + vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) { + currentBlock.push(vnode); + } + return vnode; +} +const createVNode = (createVNodeWithArgsTransform ); +function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) { + if (!type || type === NULL_DYNAMIC_COMPONENT) { + if (!type) { + warn$1(`Invalid vnode type when creating vnode: ${type}.`); + } + type = Comment$1; + } + if (isVNode(type)) { + // createVNode receiving an existing vnode. This happens in cases like + // <component :is="vnode"/> + // #2078 make sure to merge refs during the clone instead of overwriting it + const cloned = cloneVNode(type, props, true /* mergeRef: true */); + if (children) { + normalizeChildren(cloned, children); + } + return cloned; + } + // class component normalization. + if (isClassComponent(type)) { + type = type.__vccOpts; + } + // class & style normalization. + if (props) { + // for reactive or proxy objects, we need to clone it to enable mutation. + props = guardReactiveProps(props); + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (isObject(style)) { + // reactive state objects need to be cloned since they are likely to be + // mutated + if (isProxy(style) && !isArray(style)) { + style = extend({}, style); + } + props.style = normalizeStyle(style); + } + } + // encode the vnode type information into a bitmap + const shapeFlag = isString(type) + ? 1 /* ELEMENT */ + : isSuspense(type) + ? 128 /* SUSPENSE */ + : isTeleport(type) + ? 64 /* TELEPORT */ + : isObject(type) + ? 4 /* STATEFUL_COMPONENT */ + : isFunction(type) + ? 2 /* FUNCTIONAL_COMPONENT */ + : 0; + if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) { + type = toRaw(type); + warn$1(`Vue received a Component which was made a reactive object. This can ` + + `lead to unnecessary performance overhead, and should be avoided by ` + + `marking the component with \`markRaw\` or using \`shallowRef\` ` + + `instead of \`ref\`.`, `\nComponent that was made reactive: `, type); + } + return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true); +} +function guardReactiveProps(props) { + if (!props) + return null; + return isProxy(props) || InternalObjectKey in props + ? extend({}, props) + : props; +} +function cloneVNode(vnode, extraProps, mergeRef = false) { + // This is intentionally NOT using spread or extend to avoid the runtime + // key enumeration cost. + const { props, ref, patchFlag, children } = vnode; + const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props; + const cloned = { + __v_isVNode: true, + __v_skip: true, + type: vnode.type, + props: mergedProps, + key: mergedProps && normalizeKey(mergedProps), + ref: extraProps && extraProps.ref + ? // #2078 in the case of <component :is="vnode" ref="extra"/> + // if the vnode itself already has a ref, cloneVNode will need to merge + // the refs so the single vnode can be set on multiple refs + mergeRef && ref + ? isArray(ref) + ? ref.concat(normalizeRef(extraProps)) + : [ref, normalizeRef(extraProps)] + : normalizeRef(extraProps) + : ref, + scopeId: vnode.scopeId, + slotScopeIds: vnode.slotScopeIds, + children: patchFlag === -1 /* HOISTED */ && isArray(children) + ? children.map(deepCloneVNode) + : children, + target: vnode.target, + targetAnchor: vnode.targetAnchor, + staticCount: vnode.staticCount, + shapeFlag: vnode.shapeFlag, + // if the vnode is cloned with extra props, we can no longer assume its + // existing patch flag to be reliable and need to add the FULL_PROPS flag. + // note: perserve flag for fragments since they use the flag for children + // fast paths only. + patchFlag: extraProps && vnode.type !== Fragment + ? patchFlag === -1 // hoisted node + ? 16 /* FULL_PROPS */ + : patchFlag | 16 /* FULL_PROPS */ + : patchFlag, + dynamicProps: vnode.dynamicProps, + dynamicChildren: vnode.dynamicChildren, + appContext: vnode.appContext, + dirs: vnode.dirs, + transition: vnode.transition, + // These should technically only be non-null on mounted VNodes. However, + // they *should* be copied for kept-alive vnodes. So we just always copy + // them since them being non-null during a mount doesn't affect the logic as + // they will simply be overwritten. + component: vnode.component, + suspense: vnode.suspense, + ssContent: vnode.ssContent && cloneVNode(vnode.ssContent), + ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback), + el: vnode.el, + anchor: vnode.anchor + }; + return cloned; +} +/** + * Dev only, for HMR of hoisted vnodes reused in v-for + * https://github.com/vitejs/vite/issues/2022 + */ +function deepCloneVNode(vnode) { + const cloned = cloneVNode(vnode); + if (isArray(vnode.children)) { + cloned.children = vnode.children.map(deepCloneVNode); + } + return cloned; +} +/** + * @private + */ +function createTextVNode(text = ' ', flag = 0) { + return createVNode(Text, null, text, flag); +} +/** + * @private + */ +function createStaticVNode(content, numberOfNodes) { + // A static vnode can contain multiple stringified elements, and the number + // of elements is necessary for hydration. + const vnode = createVNode(Static, null, content); + vnode.staticCount = numberOfNodes; + return vnode; +} +/** + * @private + */ +function createCommentVNode(text = '', +// when used as the v-else branch, the comment node must be created as a +// block to ensure correct updates. +asBlock = false) { + return asBlock + ? (openBlock(), createBlock(Comment$1, null, text)) + : createVNode(Comment$1, null, text); +} +function normalizeVNode(child) { + if (child == null || typeof child === 'boolean') { + // empty placeholder + return createVNode(Comment$1); + } + else if (isArray(child)) { + // fragment + return createVNode(Fragment, null, + // #3666, avoid reference pollution when reusing vnode + child.slice()); + } + else if (typeof child === 'object') { + // already vnode, this should be the most common since compiled templates + // always produce all-vnode children arrays + return cloneIfMounted(child); + } + else { + // strings and numbers + return createVNode(Text, null, String(child)); + } +} +// optimized normalization for template-compiled render fns +function cloneIfMounted(child) { + return child.el === null || child.memo ? child : cloneVNode(child); +} +function normalizeChildren(vnode, children) { + let type = 0; + const { shapeFlag } = vnode; + if (children == null) { + children = null; + } + else if (isArray(children)) { + type = 16 /* ARRAY_CHILDREN */; + } + else if (typeof children === 'object') { + if (shapeFlag & (1 /* ELEMENT */ | 64 /* TELEPORT */)) { + // Normalize slot to plain children for plain element and Teleport + const slot = children.default; + if (slot) { + // _c marker is added by withCtx() indicating this is a compiled slot + slot._c && (slot._d = false); + normalizeChildren(vnode, slot()); + slot._c && (slot._d = true); + } + return; + } + else { + type = 32 /* SLOTS_CHILDREN */; + const slotFlag = children._; + if (!slotFlag && !(InternalObjectKey in children)) { + children._ctx = currentRenderingInstance; + } + else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) { + // a child component receives forwarded slots from the parent. + // its slot type is determined by its parent's slot type. + if (currentRenderingInstance.slots._ === 1 /* STABLE */) { + children._ = 1 /* STABLE */; + } + else { + children._ = 2 /* DYNAMIC */; + vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */; + } + } + } + } + else if (isFunction(children)) { + children = { default: children, _ctx: currentRenderingInstance }; + type = 32 /* SLOTS_CHILDREN */; + } + else { + children = String(children); + // force teleport children to array so it can be moved around + if (shapeFlag & 64 /* TELEPORT */) { + type = 16 /* ARRAY_CHILDREN */; + children = [createTextVNode(children)]; + } + else { + type = 8 /* TEXT_CHILDREN */; + } + } + vnode.children = children; + vnode.shapeFlag |= type; +} +function mergeProps(...args) { + const ret = {}; + for (let i = 0; i < args.length; i++) { + const toMerge = args[i]; + for (const key in toMerge) { + if (key === 'class') { + if (ret.class !== toMerge.class) { + ret.class = normalizeClass([ret.class, toMerge.class]); + } + } + else if (key === 'style') { + ret.style = normalizeStyle([ret.style, toMerge.style]); + } + else if (isOn(key)) { + const existing = ret[key]; + const incoming = toMerge[key]; + if (existing !== incoming) { + ret[key] = existing + ? [].concat(existing, incoming) + : incoming; + } + } + else if (key !== '') { + ret[key] = toMerge[key]; + } + } + } + return ret; +} + +/** + * Actual implementation + */ +function renderList(source, renderItem, cache, index) { + let ret; + const cached = (cache && cache[index]); + if (isArray(source) || isString(source)) { + ret = new Array(source.length); + for (let i = 0, l = source.length; i < l; i++) { + ret[i] = renderItem(source[i], i, undefined, cached && cached[i]); + } + } + else if (typeof source === 'number') { + if (!Number.isInteger(source)) { + warn$1(`The v-for range expect an integer value but got ${source}.`); + return []; + } + ret = new Array(source); + for (let i = 0; i < source; i++) { + ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]); + } + } + else if (isObject(source)) { + if (source[Symbol.iterator]) { + ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i])); + } + else { + const keys = Object.keys(source); + ret = new Array(keys.length); + for (let i = 0, l = keys.length; i < l; i++) { + const key = keys[i]; + ret[i] = renderItem(source[key], key, i, cached && cached[i]); + } + } + } + else { + ret = []; + } + if (cache) { + cache[index] = ret; + } + return ret; +} + +/** + * Compiler runtime helper for creating dynamic slots object + * @private + */ +function createSlots(slots, dynamicSlots) { + for (let i = 0; i < dynamicSlots.length; i++) { + const slot = dynamicSlots[i]; + // array of dynamic slot generated by <template v-for="..." #[...]> + if (isArray(slot)) { + for (let j = 0; j < slot.length; j++) { + slots[slot[j].name] = slot[j].fn; + } + } + else if (slot) { + // conditional single slot generated by <template v-if="..." #foo> + slots[slot.name] = slot.fn; + } + } + return slots; +} + +/** + * Compiler runtime helper for rendering `<slot/>` + * @private + */ +function renderSlot(slots, name, props = {}, +// this is not a user-facing function, so the fallback is always generated by +// the compiler and guaranteed to be a function returning an array +fallback, noSlotted) { + if (currentRenderingInstance.isCE) { + return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback()); + } + let slot = slots[name]; + if (slot && slot.length > 1) { + warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` + + `function. You need to mark this component with $dynamic-slots in the ` + + `parent template.`); + slot = () => []; + } + // a compiled slot disables block tracking by default to avoid manual + // invocation interfering with template-based block tracking, but in + // `renderSlot` we can be sure that it's template-based so we can force + // enable it. + if (slot && slot._c) { + slot._d = false; + } + openBlock(); + const validSlotContent = slot && ensureValidVNode(slot(props)); + const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */ + ? 64 /* STABLE_FRAGMENT */ + : -2 /* BAIL */); + if (!noSlotted && rendered.scopeId) { + rendered.slotScopeIds = [rendered.scopeId + '-s']; + } + if (slot && slot._c) { + slot._d = true; + } + return rendered; +} +function ensureValidVNode(vnodes) { + return vnodes.some(child => { + if (!isVNode(child)) + return true; + if (child.type === Comment$1) + return false; + if (child.type === Fragment && + !ensureValidVNode(child.children)) + return false; + return true; + }) + ? vnodes + : null; +} + +/** + * For prefixing keys in v-on="obj" with "on" + * @private + */ +function toHandlers(obj) { + const ret = {}; + if (!isObject(obj)) { + warn$1(`v-on with no argument expects an object value.`); + return ret; + } + for (const key in obj) { + ret[toHandlerKey(key)] = obj[key]; + } + return ret; +} + +/** + * #2437 In Vue 3, functional components do not have a public instance proxy but + * they exist in the internal parent chain. For code that relies on traversing + * public $parent chains, skip functional ones and go to the parent instead. + */ +const getPublicInstance = (i) => { + if (!i) + return null; + if (isStatefulComponent(i)) + return getExposeProxy(i) || i.proxy; + return getPublicInstance(i.parent); +}; +const publicPropertiesMap = extend(Object.create(null), { + $: i => i, + $el: i => i.vnode.el, + $data: i => i.data, + $props: i => (shallowReadonly(i.props) ), + $attrs: i => (shallowReadonly(i.attrs) ), + $slots: i => (shallowReadonly(i.slots) ), + $refs: i => (shallowReadonly(i.refs) ), + $parent: i => getPublicInstance(i.parent), + $root: i => getPublicInstance(i.root), + $emit: i => i.emit, + $options: i => (resolveMergedOptions(i) ), + $forceUpdate: i => () => queueJob(i.update), + $nextTick: i => nextTick.bind(i.proxy), + $watch: i => (instanceWatch.bind(i) ) +}); +const PublicInstanceProxyHandlers = { + get({ _: instance }, key) { + const { ctx, setupState, data, props, accessCache, type, appContext } = instance; + // for internal formatters to know that this is a Vue instance + if (key === '__isVue') { + return true; + } + // prioritize <script setup> bindings during dev. + // this allows even properties that start with _ or $ to be used - so that + // it aligns with the production behavior where the render fn is inlined and + // indeed has access to all declared variables. + if (setupState !== EMPTY_OBJ && + setupState.__isScriptSetup && + hasOwn(setupState, key)) { + return setupState[key]; + } + // data / props / ctx + // This getter gets called for every property access on the render context + // during render and is a major hotspot. The most expensive part of this + // is the multiple hasOwn() calls. It's much faster to do a simple property + // access on a plain object, so we use an accessCache object (with null + // prototype) to memoize what access type a key corresponds to. + let normalizedProps; + if (key[0] !== '$') { + const n = accessCache[key]; + if (n !== undefined) { + switch (n) { + case 0 /* SETUP */: + return setupState[key]; + case 1 /* DATA */: + return data[key]; + case 3 /* CONTEXT */: + return ctx[key]; + case 2 /* PROPS */: + return props[key]; + // default: just fallthrough + } + } + else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + accessCache[key] = 0 /* SETUP */; + return setupState[key]; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + accessCache[key] = 1 /* DATA */; + return data[key]; + } + else if ( + // only cache other properties when instance has declared (thus stable) + // props + (normalizedProps = instance.propsOptions[0]) && + hasOwn(normalizedProps, key)) { + accessCache[key] = 2 /* PROPS */; + return props[key]; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if (shouldCacheAccess) { + accessCache[key] = 4 /* OTHER */; + } + } + const publicGetter = publicPropertiesMap[key]; + let cssModule, globalProperties; + // public $xxx properties + if (publicGetter) { + if (key === '$attrs') { + track(instance, "get" /* GET */, key); + markAttrsAccessed(); + } + return publicGetter(instance); + } + else if ( + // css module (injected by vue-loader) + (cssModule = type.__cssModules) && + (cssModule = cssModule[key])) { + return cssModule; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + // user may set custom properties to `this` that start with `$` + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if ( + // global properties + ((globalProperties = appContext.config.globalProperties), + hasOwn(globalProperties, key))) { + { + return globalProperties[key]; + } + } + else if (currentRenderingInstance && + (!isString(key) || + // #1091 avoid internal isRef/isVNode checks on component instance leading + // to infinite warning loop + key.indexOf('__v') !== 0)) { + if (data !== EMPTY_OBJ && + (key[0] === '$' || key[0] === '_') && + hasOwn(data, key)) { + warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` + + `character ("$" or "_") and is not proxied on the render context.`); + } + else if (instance === currentRenderingInstance) { + warn$1(`Property ${JSON.stringify(key)} was accessed during render ` + + `but is not defined on instance.`); + } + } + }, + set({ _: instance }, key, value) { + const { data, setupState, ctx } = instance; + if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + setupState[key] = value; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + data[key] = value; + } + else if (hasOwn(instance.props, key)) { + warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance); + return false; + } + if (key[0] === '$' && key.slice(1) in instance) { + warn$1(`Attempting to mutate public property "${key}". ` + + `Properties starting with $ are reserved and readonly.`, instance); + return false; + } + else { + if (key in instance.appContext.config.globalProperties) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + value + }); + } + else { + ctx[key] = value; + } + } + return true; + }, + has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) { + let normalizedProps; + return (accessCache[key] !== undefined || + (data !== EMPTY_OBJ && hasOwn(data, key)) || + (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) || + ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) || + hasOwn(ctx, key) || + hasOwn(publicPropertiesMap, key) || + hasOwn(appContext.config.globalProperties, key)); + } +}; +{ + PublicInstanceProxyHandlers.ownKeys = (target) => { + warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` + + `The keys will be empty in production mode to avoid performance overhead.`); + return Reflect.ownKeys(target); + }; +} +const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, { + get(target, key) { + // fast path for unscopables when using `with` block + if (key === Symbol.unscopables) { + return; + } + return PublicInstanceProxyHandlers.get(target, key, target); + }, + has(_, key) { + const has = key[0] !== '_' && !isGloballyWhitelisted(key); + if (!has && PublicInstanceProxyHandlers.has(_, key)) { + warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`); + } + return has; + } +}); +// dev only +// In dev mode, the proxy target exposes the same properties as seen on `this` +// for easier console inspection. In prod mode it will be an empty object so +// these properties definitions can be skipped. +function createDevRenderContext(instance) { + const target = {}; + // expose internal instance for proxy handlers + Object.defineProperty(target, `_`, { + configurable: true, + enumerable: false, + get: () => instance + }); + // expose public properties + Object.keys(publicPropertiesMap).forEach(key => { + Object.defineProperty(target, key, { + configurable: true, + enumerable: false, + get: () => publicPropertiesMap[key](instance), + // intercepted by the proxy so no need for implementation, + // but needed to prevent set errors + set: NOOP + }); + }); + return target; +} +// dev only +function exposePropsOnRenderContext(instance) { + const { ctx, propsOptions: [propsOptions] } = instance; + if (propsOptions) { + Object.keys(propsOptions).forEach(key => { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => instance.props[key], + set: NOOP + }); + }); + } +} +// dev only +function exposeSetupStateOnRenderContext(instance) { + const { ctx, setupState } = instance; + Object.keys(toRaw(setupState)).forEach(key => { + if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) { + warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` + + `which are reserved prefixes for Vue internals.`); + return; + } + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => setupState[key], + set: NOOP + }); + }); +} + +const emptyAppContext = createAppContext(); +let uid$1 = 0; +function createComponentInstance(vnode, parent, suspense) { + const type = vnode.type; + // inherit parent app context - or - if root, adopt from root vnode + const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext; + const instance = { + uid: uid$1++, + vnode, + type, + parent, + appContext, + root: null, + next: null, + subTree: null, + update: null, + scope: new EffectScope(true /* detached */), + render: null, + proxy: null, + exposed: null, + exposeProxy: null, + withProxy: null, + provides: parent ? parent.provides : Object.create(appContext.provides), + accessCache: null, + renderCache: [], + // local resovled assets + components: null, + directives: null, + // resolved props and emits options + propsOptions: normalizePropsOptions(type, appContext), + emitsOptions: normalizeEmitsOptions(type, appContext), + // emit + emit: null, + emitted: null, + // props default value + propsDefaults: EMPTY_OBJ, + // inheritAttrs + inheritAttrs: type.inheritAttrs, + // state + ctx: EMPTY_OBJ, + data: EMPTY_OBJ, + props: EMPTY_OBJ, + attrs: EMPTY_OBJ, + slots: EMPTY_OBJ, + refs: EMPTY_OBJ, + setupState: EMPTY_OBJ, + setupContext: null, + // suspense related + suspense, + suspenseId: suspense ? suspense.pendingId : 0, + asyncDep: null, + asyncResolved: false, + // lifecycle hooks + // not using enums here because it results in computed properties + isMounted: false, + isUnmounted: false, + isDeactivated: false, + bc: null, + c: null, + bm: null, + m: null, + bu: null, + u: null, + um: null, + bum: null, + da: null, + a: null, + rtg: null, + rtc: null, + ec: null, + sp: null + }; + { + instance.ctx = createDevRenderContext(instance); + } + instance.root = parent ? parent.root : instance; + instance.emit = emit.bind(null, instance); + // apply custom element special handling + if (vnode.ce) { + vnode.ce(instance); + } + return instance; +} +let currentInstance = null; +const getCurrentInstance = () => currentInstance || currentRenderingInstance; +const setCurrentInstance = (instance) => { + currentInstance = instance; + instance.scope.on(); +}; +const unsetCurrentInstance = () => { + currentInstance && currentInstance.scope.off(); + currentInstance = null; +}; +const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component'); +function validateComponentName(name, config) { + const appIsNativeTag = config.isNativeTag || NO; + if (isBuiltInTag(name) || appIsNativeTag(name)) { + warn$1('Do not use built-in or reserved HTML elements as component id: ' + name); + } +} +function isStatefulComponent(instance) { + return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */; +} +let isInSSRComponentSetup = false; +function setupComponent(instance, isSSR = false) { + isInSSRComponentSetup = isSSR; + const { props, children } = instance.vnode; + const isStateful = isStatefulComponent(instance); + initProps(instance, props, isStateful, isSSR); + initSlots(instance, children); + const setupResult = isStateful + ? setupStatefulComponent(instance, isSSR) + : undefined; + isInSSRComponentSetup = false; + return setupResult; +} +function setupStatefulComponent(instance, isSSR) { + const Component = instance.type; + { + if (Component.name) { + validateComponentName(Component.name, instance.appContext.config); + } + if (Component.components) { + const names = Object.keys(Component.components); + for (let i = 0; i < names.length; i++) { + validateComponentName(names[i], instance.appContext.config); + } + } + if (Component.directives) { + const names = Object.keys(Component.directives); + for (let i = 0; i < names.length; i++) { + validateDirectiveName(names[i]); + } + } + if (Component.compilerOptions && isRuntimeOnly()) { + warn$1(`"compilerOptions" is only supported when using a build of Vue that ` + + `includes the runtime compiler. Since you are using a runtime-only ` + + `build, the options should be passed via your build tool config instead.`); + } + } + // 0. create render proxy property access cache + instance.accessCache = Object.create(null); + // 1. create public instance / render proxy + // also mark it raw so it's never observed + instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers)); + { + exposePropsOnRenderContext(instance); + } + // 2. call setup() + const { setup } = Component; + if (setup) { + const setupContext = (instance.setupContext = + setup.length > 1 ? createSetupContext(instance) : null); + setCurrentInstance(instance); + pauseTracking(); + const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]); + resetTracking(); + unsetCurrentInstance(); + if (isPromise(setupResult)) { + setupResult.then(unsetCurrentInstance, unsetCurrentInstance); + if (isSSR) { + // return the promise so server-renderer can wait on it + return setupResult + .then((resolvedResult) => { + handleSetupResult(instance, resolvedResult, isSSR); + }) + .catch(e => { + handleError(e, instance, 0 /* SETUP_FUNCTION */); + }); + } + else { + // async setup returned Promise. + // bail here and wait for re-entry. + instance.asyncDep = setupResult; + } + } + else { + handleSetupResult(instance, setupResult, isSSR); + } + } + else { + finishComponentSetup(instance, isSSR); + } +} +function handleSetupResult(instance, setupResult, isSSR) { + if (isFunction(setupResult)) { + // setup returned an inline render function + { + instance.render = setupResult; + } + } + else if (isObject(setupResult)) { + if (isVNode(setupResult)) { + warn$1(`setup() should not return VNodes directly - ` + + `return a render function instead.`); + } + // setup returned bindings. + // assuming a render function compiled from template is present. + { + instance.devtoolsRawSetupState = setupResult; + } + instance.setupState = proxyRefs(setupResult); + { + exposeSetupStateOnRenderContext(instance); + } + } + else if (setupResult !== undefined) { + warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`); + } + finishComponentSetup(instance, isSSR); +} +let compile; +let installWithProxy; +/** + * For runtime-dom to register the compiler. + * Note the exported method uses any to avoid d.ts relying on the compiler types. + */ +function registerRuntimeCompiler(_compile) { + compile = _compile; + installWithProxy = i => { + if (i.render._rc) { + i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers); + } + }; +} +// dev only +const isRuntimeOnly = () => !compile; +function finishComponentSetup(instance, isSSR, skipOptions) { + const Component = instance.type; + // template / render function normalization + if (!instance.render) { + // could be set from setup() + if (compile && !Component.render) { + const template = Component.template; + if (template) { + { + startMeasure(instance, `compile`); + } + const { isCustomElement, compilerOptions } = instance.appContext.config; + const { delimiters, compilerOptions: componentCompilerOptions } = Component; + const finalCompilerOptions = extend(extend({ + isCustomElement, + delimiters + }, compilerOptions), componentCompilerOptions); + Component.render = compile(template, finalCompilerOptions); + { + endMeasure(instance, `compile`); + } + } + } + instance.render = (Component.render || NOOP); + // for runtime-compiled render functions using `with` blocks, the render + // proxy used needs a different `has` handler which is more performant and + // also only allows a whitelist of globals to fallthrough. + if (installWithProxy) { + installWithProxy(instance); + } + } + // support for 2.x options + { + setCurrentInstance(instance); + pauseTracking(); + applyOptions(instance); + resetTracking(); + unsetCurrentInstance(); + } + // warn missing template/render + // the runtime compilation of template in SSR is done by server-render + if (!Component.render && instance.render === NOOP && !isSSR) { + /* istanbul ignore if */ + if (!compile && Component.template) { + warn$1(`Component provided template option but ` + + `runtime compilation is not supported in this build of Vue.` + + (` Use "vue.esm-browser.js" instead.` + ) /* should not happen */); + } + else { + warn$1(`Component is missing template or render function.`); + } + } +} +function createAttrsProxy(instance) { + return new Proxy(instance.attrs, { + get(target, key) { + markAttrsAccessed(); + track(instance, "get" /* GET */, '$attrs'); + return target[key]; + }, + set() { + warn$1(`setupContext.attrs is readonly.`); + return false; + }, + deleteProperty() { + warn$1(`setupContext.attrs is readonly.`); + return false; + } + } + ); +} +function createSetupContext(instance) { + const expose = exposed => { + if (instance.exposed) { + warn$1(`expose() should be called only once per setup().`); + } + instance.exposed = exposed || {}; + }; + let attrs; + { + // We use getters in dev in case libs like test-utils overwrite instance + // properties (overwrites should not be done in prod) + return Object.freeze({ + get attrs() { + return attrs || (attrs = createAttrsProxy(instance)); + }, + get slots() { + return shallowReadonly(instance.slots); + }, + get emit() { + return (event, ...args) => instance.emit(event, ...args); + }, + expose + }); + } +} +function getExposeProxy(instance) { + if (instance.exposed) { + return (instance.exposeProxy || + (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), { + get(target, key) { + if (key in target) { + return target[key]; + } + else if (key in publicPropertiesMap) { + return publicPropertiesMap[key](instance); + } + } + }))); + } +} +const classifyRE = /(?:^|[-_])(\w)/g; +const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, ''); +function getComponentName(Component) { + return isFunction(Component) + ? Component.displayName || Component.name + : Component.name; +} +/* istanbul ignore next */ +function formatComponentName(instance, Component, isRoot = false) { + let name = getComponentName(Component); + if (!name && Component.__file) { + const match = Component.__file.match(/([^/\\]+)\.\w+$/); + if (match) { + name = match[1]; + } + } + if (!name && instance && instance.parent) { + // try to infer the name based on reverse resolution + const inferFromRegistry = (registry) => { + for (const key in registry) { + if (registry[key] === Component) { + return key; + } + } + }; + name = + inferFromRegistry(instance.components || + instance.parent.type.components) || inferFromRegistry(instance.appContext.components); + } + return name ? classify(name) : isRoot ? `App` : `Anonymous`; +} +function isClassComponent(value) { + return isFunction(value) && '__vccOpts' in value; +} + +const stack = []; +function pushWarningContext(vnode) { + stack.push(vnode); +} +function popWarningContext() { + stack.pop(); +} +function warn$1(msg, ...args) { + // avoid props formatting or warn handler tracking deps that might be mutated + // during patch, leading to infinite recursion. + pauseTracking(); + const instance = stack.length ? stack[stack.length - 1].component : null; + const appWarnHandler = instance && instance.appContext.config.warnHandler; + const trace = getComponentTrace(); + if (appWarnHandler) { + callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [ + msg + args.join(''), + instance && instance.proxy, + trace + .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`) + .join('\n'), + trace + ]); + } + else { + const warnArgs = [`[Vue warn]: ${msg}`, ...args]; + /* istanbul ignore if */ + if (trace.length && + // avoid spamming console during tests + !false) { + warnArgs.push(`\n`, ...formatTrace(trace)); + } + console.warn(...warnArgs); + } + resetTracking(); +} +function getComponentTrace() { + let currentVNode = stack[stack.length - 1]; + if (!currentVNode) { + return []; + } + // we can't just use the stack because it will be incomplete during updates + // that did not start from the root. Re-construct the parent chain using + // instance parent pointers. + const normalizedStack = []; + while (currentVNode) { + const last = normalizedStack[0]; + if (last && last.vnode === currentVNode) { + last.recurseCount++; + } + else { + normalizedStack.push({ + vnode: currentVNode, + recurseCount: 0 + }); + } + const parentInstance = currentVNode.component && currentVNode.component.parent; + currentVNode = parentInstance && parentInstance.vnode; + } + return normalizedStack; +} +/* istanbul ignore next */ +function formatTrace(trace) { + const logs = []; + trace.forEach((entry, i) => { + logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry)); + }); + return logs; +} +function formatTraceEntry({ vnode, recurseCount }) { + const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; + const isRoot = vnode.component ? vnode.component.parent == null : false; + const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`; + const close = `>` + postfix; + return vnode.props + ? [open, ...formatProps(vnode.props), close] + : [open + close]; +} +/* istanbul ignore next */ +function formatProps(props) { + const res = []; + const keys = Object.keys(props); + keys.slice(0, 3).forEach(key => { + res.push(...formatProp(key, props[key])); + }); + if (keys.length > 3) { + res.push(` ...`); + } + return res; +} +/* istanbul ignore next */ +function formatProp(key, value, raw) { + if (isString(value)) { + value = JSON.stringify(value); + return raw ? value : [`${key}=${value}`]; + } + else if (typeof value === 'number' || + typeof value === 'boolean' || + value == null) { + return raw ? value : [`${key}=${value}`]; + } + else if (isRef(value)) { + value = formatProp(key, toRaw(value.value), true); + return raw ? value : [`${key}=Ref<`, value, `>`]; + } + else if (isFunction(value)) { + return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; + } + else { + value = toRaw(value); + return raw ? value : [`${key}=`, value]; + } +} + +const ErrorTypeStrings = { + ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook', + ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook', + ["c" /* CREATED */]: 'created hook', + ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook', + ["m" /* MOUNTED */]: 'mounted hook', + ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook', + ["u" /* UPDATED */]: 'updated', + ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook', + ["um" /* UNMOUNTED */]: 'unmounted hook', + ["a" /* ACTIVATED */]: 'activated hook', + ["da" /* DEACTIVATED */]: 'deactivated hook', + ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook', + ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook', + ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook', + [0 /* SETUP_FUNCTION */]: 'setup function', + [1 /* RENDER_FUNCTION */]: 'render function', + [2 /* WATCH_GETTER */]: 'watcher getter', + [3 /* WATCH_CALLBACK */]: 'watcher callback', + [4 /* WATCH_CLEANUP */]: 'watcher cleanup function', + [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler', + [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler', + [7 /* VNODE_HOOK */]: 'vnode hook', + [8 /* DIRECTIVE_HOOK */]: 'directive hook', + [9 /* TRANSITION_HOOK */]: 'transition hook', + [10 /* APP_ERROR_HANDLER */]: 'app errorHandler', + [11 /* APP_WARN_HANDLER */]: 'app warnHandler', + [12 /* FUNCTION_REF */]: 'ref function', + [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader', + [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' + + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next' +}; +function callWithErrorHandling(fn, instance, type, args) { + let res; + try { + res = args ? fn(...args) : fn(); + } + catch (err) { + handleError(err, instance, type); + } + return res; +} +function callWithAsyncErrorHandling(fn, instance, type, args) { + if (isFunction(fn)) { + const res = callWithErrorHandling(fn, instance, type, args); + if (res && isPromise(res)) { + res.catch(err => { + handleError(err, instance, type); + }); + } + return res; + } + const values = []; + for (let i = 0; i < fn.length; i++) { + values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); + } + return values; +} +function handleError(err, instance, type, throwInDev = true) { + const contextVNode = instance ? instance.vnode : null; + if (instance) { + let cur = instance.parent; + // the exposed instance is the render proxy to keep it consistent with 2.x + const exposedInstance = instance.proxy; + // in production the hook receives only the error code + const errorInfo = ErrorTypeStrings[type] ; + while (cur) { + const errorCapturedHooks = cur.ec; + if (errorCapturedHooks) { + for (let i = 0; i < errorCapturedHooks.length; i++) { + if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { + return; + } + } + } + cur = cur.parent; + } + // app-level handling + const appErrorHandler = instance.appContext.config.errorHandler; + if (appErrorHandler) { + callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]); + return; + } + } + logError(err, type, contextVNode, throwInDev); +} +function logError(err, type, contextVNode, throwInDev = true) { + { + const info = ErrorTypeStrings[type]; + if (contextVNode) { + pushWarningContext(contextVNode); + } + warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`); + if (contextVNode) { + popWarningContext(); + } + // crash in dev by default so it's more noticeable + if (throwInDev) { + throw err; + } + else { + console.error(err); + } + } +} + +let isFlushing = false; +let isFlushPending = false; +const queue = []; +let flushIndex = 0; +const pendingPreFlushCbs = []; +let activePreFlushCbs = null; +let preFlushIndex = 0; +const pendingPostFlushCbs = []; +let activePostFlushCbs = null; +let postFlushIndex = 0; +const resolvedPromise = Promise.resolve(); +let currentFlushPromise = null; +let currentPreFlushParentJob = null; +const RECURSION_LIMIT = 100; +function nextTick(fn) { + const p = currentFlushPromise || resolvedPromise; + return fn ? p.then(this ? fn.bind(this) : fn) : p; +} +// #2768 +// Use binary-search to find a suitable position in the queue, +// so that the queue maintains the increasing order of job's id, +// which can prevent the job from being skipped and also can avoid repeated patching. +function findInsertionIndex(id) { + // the start index should be `flushIndex + 1` + let start = flushIndex + 1; + let end = queue.length; + while (start < end) { + const middle = (start + end) >>> 1; + const middleJobId = getId(queue[middle]); + middleJobId < id ? (start = middle + 1) : (end = middle); + } + return start; +} +function queueJob(job) { + // the dedupe search uses the startIndex argument of Array.includes() + // by default the search index includes the current job that is being run + // so it cannot recursively trigger itself again. + // if the job is a watch() callback, the search will start with a +1 index to + // allow it recursively trigger itself - it is the user's responsibility to + // ensure it doesn't end up in an infinite loop. + if ((!queue.length || + !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && + job !== currentPreFlushParentJob) { + if (job.id == null) { + queue.push(job); + } + else { + queue.splice(findInsertionIndex(job.id), 0, job); + } + queueFlush(); + } +} +function queueFlush() { + if (!isFlushing && !isFlushPending) { + isFlushPending = true; + currentFlushPromise = resolvedPromise.then(flushJobs); + } +} +function invalidateJob(job) { + const i = queue.indexOf(job); + if (i > flushIndex) { + queue.splice(i, 1); + } +} +function queueCb(cb, activeQueue, pendingQueue, index) { + if (!isArray(cb)) { + if (!activeQueue || + !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) { + pendingQueue.push(cb); + } + } + else { + // if cb is an array, it is a component lifecycle hook which can only be + // triggered by a job, which is already deduped in the main queue, so + // we can skip duplicate check here to improve perf + pendingQueue.push(...cb); + } + queueFlush(); +} +function queuePreFlushCb(cb) { + queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex); +} +function queuePostFlushCb(cb) { + queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex); +} +function flushPreFlushCbs(seen, parentJob = null) { + if (pendingPreFlushCbs.length) { + currentPreFlushParentJob = parentJob; + activePreFlushCbs = [...new Set(pendingPreFlushCbs)]; + pendingPreFlushCbs.length = 0; + { + seen = seen || new Map(); + } + for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) { + if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) { + continue; + } + activePreFlushCbs[preFlushIndex](); + } + activePreFlushCbs = null; + preFlushIndex = 0; + currentPreFlushParentJob = null; + // recursively flush until it drains + flushPreFlushCbs(seen, parentJob); + } +} +function flushPostFlushCbs(seen) { + if (pendingPostFlushCbs.length) { + const deduped = [...new Set(pendingPostFlushCbs)]; + pendingPostFlushCbs.length = 0; + // #1947 already has active queue, nested flushPostFlushCbs call + if (activePostFlushCbs) { + activePostFlushCbs.push(...deduped); + return; + } + activePostFlushCbs = deduped; + { + seen = seen || new Map(); + } + activePostFlushCbs.sort((a, b) => getId(a) - getId(b)); + for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { + if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) { + continue; + } + activePostFlushCbs[postFlushIndex](); + } + activePostFlushCbs = null; + postFlushIndex = 0; + } +} +const getId = (job) => job.id == null ? Infinity : job.id; +function flushJobs(seen) { + isFlushPending = false; + isFlushing = true; + { + seen = seen || new Map(); + } + flushPreFlushCbs(seen); + // Sort queue before flush. + // This ensures that: + // 1. Components are updated from parent to child. (because parent is always + // created before the child so its render effect will have smaller + // priority number) + // 2. If a component is unmounted during a parent component's update, + // its update can be skipped. + queue.sort((a, b) => getId(a) - getId(b)); + try { + for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job && job.active !== false) { + if (true && checkRecursiveUpdates(seen, job)) { + continue; + } + // console.log(`running:`, job.id) + callWithErrorHandling(job, null, 14 /* SCHEDULER */); + } + } + } + finally { + flushIndex = 0; + queue.length = 0; + flushPostFlushCbs(seen); + isFlushing = false; + currentFlushPromise = null; + // some postFlushCb queued jobs! + // keep flushing until it drains. + if (queue.length || + pendingPreFlushCbs.length || + pendingPostFlushCbs.length) { + flushJobs(seen); + } + } +} +function checkRecursiveUpdates(seen, fn) { + if (!seen.has(fn)) { + seen.set(fn, 1); + } + else { + const count = seen.get(fn); + if (count > RECURSION_LIMIT) { + const instance = fn.ownerInstance; + const componentName = instance && getComponentName(instance.type); + warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` + + `This means you have a reactive effect that is mutating its own ` + + `dependencies and thus recursively triggering itself. Possible sources ` + + `include component template, render function, updated hook or ` + + `watcher source function.`); + return true; + } + else { + seen.set(fn, count + 1); + } + } +} + +// Simple effect. +function watchEffect(effect, options) { + return doWatch(effect, null, options); +} +function watchPostEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' }) + )); +} +function watchSyncEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' }) + )); +} +// initial value for watchers to trigger on undefined initial values +const INITIAL_WATCHER_VALUE = {}; +// implementation +function watch(source, cb, options) { + if (!isFunction(cb)) { + warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` + + `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` + + `supports \`watch(source, cb, options?) signature.`); + } + return doWatch(source, cb, options); +} +function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) { + if (!cb) { + if (immediate !== undefined) { + warn$1(`watch() "immediate" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + if (deep !== undefined) { + warn$1(`watch() "deep" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + } + const warnInvalidSource = (s) => { + warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` + + `a reactive object, or an array of these types.`); + }; + const instance = currentInstance; + let getter; + let forceTrigger = false; + let isMultiSource = false; + if (isRef(source)) { + getter = () => source.value; + forceTrigger = !!source._shallow; + } + else if (isReactive(source)) { + getter = () => source; + deep = true; + } + else if (isArray(source)) { + isMultiSource = true; + forceTrigger = source.some(isReactive); + getter = () => source.map(s => { + if (isRef(s)) { + return s.value; + } + else if (isReactive(s)) { + return traverse(s); + } + else if (isFunction(s)) { + return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */); + } + else { + warnInvalidSource(s); + } + }); + } + else if (isFunction(source)) { + if (cb) { + // getter with cb + getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */); + } + else { + // no cb -> simple effect + getter = () => { + if (instance && instance.isUnmounted) { + return; + } + if (cleanup) { + cleanup(); + } + return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]); + }; + } + } + else { + getter = NOOP; + warnInvalidSource(source); + } + if (cb && deep) { + const baseGetter = getter; + getter = () => traverse(baseGetter()); + } + let cleanup; + let onInvalidate = (fn) => { + cleanup = effect.onStop = () => { + callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */); + }; + }; + let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE; + const job = () => { + if (!effect.active) { + return; + } + if (cb) { + // watch(source, cb) + const newValue = effect.run(); + if (deep || + forceTrigger || + (isMultiSource + ? newValue.some((v, i) => hasChanged(v, oldValue[i])) + : hasChanged(newValue, oldValue)) || + (false )) { + // cleanup before running cb again + if (cleanup) { + cleanup(); + } + callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [ + newValue, + // pass undefined as the old value when it's changed for the first time + oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, + onInvalidate + ]); + oldValue = newValue; + } + } + else { + // watchEffect + effect.run(); + } + }; + // important: mark the job as a watcher callback so that scheduler knows + // it is allowed to self-trigger (#1727) + job.allowRecurse = !!cb; + let scheduler; + if (flush === 'sync') { + scheduler = job; // the scheduler function gets called directly + } + else if (flush === 'post') { + scheduler = () => queuePostRenderEffect(job, instance && instance.suspense); + } + else { + // default: 'pre' + scheduler = () => { + if (!instance || instance.isMounted) { + queuePreFlushCb(job); + } + else { + // with 'pre' option, the first call must happen before + // the component is mounted so it is called synchronously. + job(); + } + }; + } + const effect = new ReactiveEffect(getter, scheduler); + { + effect.onTrack = onTrack; + effect.onTrigger = onTrigger; + } + // initial run + if (cb) { + if (immediate) { + job(); + } + else { + oldValue = effect.run(); + } + } + else if (flush === 'post') { + queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense); + } + else { + effect.run(); + } + return () => { + effect.stop(); + if (instance && instance.scope) { + remove(instance.scope.effects, effect); + } + }; +} +// this.$watch +function instanceWatch(source, value, options) { + const publicThis = this.proxy; + const getter = isString(source) + ? source.includes('.') + ? createPathGetter(publicThis, source) + : () => publicThis[source] + : source.bind(publicThis, publicThis); + let cb; + if (isFunction(value)) { + cb = value; + } + else { + cb = value.handler; + options = value; + } + const cur = currentInstance; + setCurrentInstance(this); + const res = doWatch(getter, cb.bind(publicThis), options); + if (cur) { + setCurrentInstance(cur); + } + else { + unsetCurrentInstance(); + } + return res; +} +function createPathGetter(ctx, path) { + const segments = path.split('.'); + return () => { + let cur = ctx; + for (let i = 0; i < segments.length && cur; i++) { + cur = cur[segments[i]]; + } + return cur; + }; +} +function traverse(value, seen = new Set()) { + if (!isObject(value) || value["__v_skip" /* SKIP */]) { + return value; + } + seen = seen || new Set(); + if (seen.has(value)) { + return value; + } + seen.add(value); + if (isRef(value)) { + traverse(value.value, seen); + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + traverse(value[i], seen); + } + } + else if (isSet(value) || isMap(value)) { + value.forEach((v) => { + traverse(v, seen); + }); + } + else if (isPlainObject(value)) { + for (const key in value) { + traverse(value[key], seen); + } + } + return value; +} + +// dev only +const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` + + `<script setup> of a single file component. Its arguments should be ` + + `compiled away and passing it at runtime has no effect.`); +// implementation +function defineProps() { + { + warnRuntimeUsage(`defineProps`); + } + return null; +} +// implementation +function defineEmits() { + { + warnRuntimeUsage(`defineEmits`); + } + return null; +} +/** + * Vue `<script setup>` compiler macro for declaring a component's exposed + * instance properties when it is accessed by a parent component via template + * refs. + * + * `<script setup>` components are closed by default - i.e. varaibles inside + * the `<script setup>` scope is not exposed to parent unless explicitly exposed + * via `defineExpose`. + * + * This is only usable inside `<script setup>`, is compiled away in the + * output and should **not** be actually called at runtime. + */ +function defineExpose(exposed) { + { + warnRuntimeUsage(`defineExpose`); + } +} +/** + * Vue `<script setup>` compiler macro for providing props default values when + * using type-based `defineProps` decalration. + * + * Example usage: + * ```ts + * withDefaults(defineProps<{ + * size?: number + * labels?: string[] + * }>(), { + * size: 3, + * labels: () => ['default label'] + * }) + * ``` + * + * This is only usable inside `<script setup>`, is compiled away in the output + * and should **not** be actually called at runtime. + */ +function withDefaults(props, defaults) { + { + warnRuntimeUsage(`withDefaults`); + } + return null; +} +function useSlots() { + return getContext().slots; +} +function useAttrs() { + return getContext().attrs; +} +function getContext() { + const i = getCurrentInstance(); + if (!i) { + warn$1(`useContext() called without active instance.`); + } + return i.setupContext || (i.setupContext = createSetupContext(i)); +} +/** + * Runtime helper for merging default declarations. Imported by compiled code + * only. + * @internal + */ +function mergeDefaults( +// the base props is compiler-generated and guaranteed to be in this shape. +props, defaults) { + for (const key in defaults) { + const val = props[key]; + if (val) { + val.default = defaults[key]; + } + else if (val === null) { + props[key] = { default: defaults[key] }; + } + else { + warn$1(`props default key "${key}" has no corresponding declaration.`); + } + } + return props; +} +/** + * `<script setup>` helper for persisting the current instance context over + * async/await flows. + * + * `@vue/compiler-sfc` converts the following: + * + * ```ts + * const x = await foo() + * ``` + * + * into: + * + * ```ts + * let __temp, __restore + * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp) + * ``` + * @internal + */ +function withAsyncContext(getAwaitable) { + const ctx = getCurrentInstance(); + if (!ctx) { + warn$1(`withAsyncContext called without active current instance. ` + + `This is likely a bug.`); + } + let awaitable = getAwaitable(); + unsetCurrentInstance(); + if (isPromise(awaitable)) { + awaitable = awaitable.catch(e => { + setCurrentInstance(ctx); + throw e; + }); + } + return [awaitable, () => setCurrentInstance(ctx)]; +} + +// Actual implementation +function h(type, propsOrChildren, children) { + const l = arguments.length; + if (l === 2) { + if (isObject(propsOrChildren) && !isArray(propsOrChildren)) { + // single vnode without props + if (isVNode(propsOrChildren)) { + return createVNode(type, null, [propsOrChildren]); + } + // props without children + return createVNode(type, propsOrChildren); + } + else { + // omit props + return createVNode(type, null, propsOrChildren); + } + } + else { + if (l > 3) { + children = Array.prototype.slice.call(arguments, 2); + } + else if (l === 3 && isVNode(children)) { + children = [children]; + } + return createVNode(type, propsOrChildren, children); + } +} + +const ssrContextKey = Symbol(`ssrContext` ); +const useSSRContext = () => { + { + const ctx = inject(ssrContextKey); + if (!ctx) { + warn$1(`Server rendering context not provided. Make sure to only call ` + + `useSSRContext() conditionally in the server build.`); + } + return ctx; + } +}; + +function initCustomFormatter() { + /* eslint-disable no-restricted-globals */ + if (typeof window === 'undefined') { + return; + } + const vueStyle = { style: 'color:#3ba776' }; + const numberStyle = { style: 'color:#0b1bc9' }; + const stringStyle = { style: 'color:#b62e24' }; + const keywordStyle = { style: 'color:#9d288c' }; + // custom formatter for Chrome + // https://www.mattzeunert.com/2016/02/19/custom-chrome-devtools-object-formatters.html + const formatter = { + header(obj) { + // TODO also format ComponentPublicInstance & ctx.slots/attrs in setup + if (!isObject(obj)) { + return null; + } + if (obj.__isVue) { + return ['div', vueStyle, `VueInstance`]; + } + else if (isRef(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, genRefFlag(obj)], + '<', + formatValue(obj.value), + `>` + ]; + } + else if (isReactive(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Reactive'], + '<', + formatValue(obj), + `>${isReadonly(obj) ? ` (readonly)` : ``}` + ]; + } + else if (isReadonly(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Readonly'], + '<', + formatValue(obj), + '>' + ]; + } + return null; + }, + hasBody(obj) { + return obj && obj.__isVue; + }, + body(obj) { + if (obj && obj.__isVue) { + return [ + 'div', + {}, + ...formatInstance(obj.$) + ]; + } + } + }; + function formatInstance(instance) { + const blocks = []; + if (instance.type.props && instance.props) { + blocks.push(createInstanceBlock('props', toRaw(instance.props))); + } + if (instance.setupState !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('setup', instance.setupState)); + } + if (instance.data !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('data', toRaw(instance.data))); + } + const computed = extractKeys(instance, 'computed'); + if (computed) { + blocks.push(createInstanceBlock('computed', computed)); + } + const injected = extractKeys(instance, 'inject'); + if (injected) { + blocks.push(createInstanceBlock('injected', injected)); + } + blocks.push([ + 'div', + {}, + [ + 'span', + { + style: keywordStyle.style + ';opacity:0.66' + }, + '$ (internal): ' + ], + ['object', { object: instance }] + ]); + return blocks; + } + function createInstanceBlock(type, target) { + target = extend({}, target); + if (!Object.keys(target).length) { + return ['span', {}]; + } + return [ + 'div', + { style: 'line-height:1.25em;margin-bottom:0.6em' }, + [ + 'div', + { + style: 'color:#476582' + }, + type + ], + [ + 'div', + { + style: 'padding-left:1.25em' + }, + ...Object.keys(target).map(key => { + return [ + 'div', + {}, + ['span', keywordStyle, key + ': '], + formatValue(target[key], false) + ]; + }) + ] + ]; + } + function formatValue(v, asRaw = true) { + if (typeof v === 'number') { + return ['span', numberStyle, v]; + } + else if (typeof v === 'string') { + return ['span', stringStyle, JSON.stringify(v)]; + } + else if (typeof v === 'boolean') { + return ['span', keywordStyle, v]; + } + else if (isObject(v)) { + return ['object', { object: asRaw ? toRaw(v) : v }]; + } + else { + return ['span', stringStyle, String(v)]; + } + } + function extractKeys(instance, type) { + const Comp = instance.type; + if (isFunction(Comp)) { + return; + } + const extracted = {}; + for (const key in instance.ctx) { + if (isKeyOfType(Comp, key, type)) { + extracted[key] = instance.ctx[key]; + } + } + return extracted; + } + function isKeyOfType(Comp, key, type) { + const opts = Comp[type]; + if ((isArray(opts) && opts.includes(key)) || + (isObject(opts) && key in opts)) { + return true; + } + if (Comp.extends && isKeyOfType(Comp.extends, key, type)) { + return true; + } + if (Comp.mixins && Comp.mixins.some(m => isKeyOfType(m, key, type))) { + return true; + } + } + function genRefFlag(v) { + if (v._shallow) { + return `ShallowRef`; + } + if (v.effect) { + return `ComputedRef`; + } + return `Ref`; + } + if (window.devtoolsFormatters) { + window.devtoolsFormatters.push(formatter); + } + else { + window.devtoolsFormatters = [formatter]; + } +} + +function withMemo(memo, render, cache, index) { + const cached = cache[index]; + if (cached && isMemoSame(cached, memo)) { + return cached; + } + const ret = render(); + // shallow clone + ret.memo = memo.slice(); + return (cache[index] = ret); +} +function isMemoSame(cached, memo) { + const prev = cached.memo; + if (prev.length != memo.length) { + return false; + } + for (let i = 0; i < prev.length; i++) { + if (prev[i] !== memo[i]) { + return false; + } + } + // make sure to let parent block track it when returning cached + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(cached); + } + return true; +} + +// Core API ------------------------------------------------------------------ +const version = "3.2.6"; +/** + * SSR utils for \@vue/server-renderer. Only exposed in cjs builds. + * @internal + */ +const ssrUtils = (null); +/** + * @internal only exposed in compat builds + */ +const resolveFilter = null; +/** + * @internal only exposed in compat builds. + */ +const compatUtils = (null); + +const svgNS = 'http://www.w3.org/2000/svg'; +const doc = (typeof document !== 'undefined' ? document : null); +const staticTemplateCache = new Map(); +const nodeOps = { + insert: (child, parent, anchor) => { + parent.insertBefore(child, anchor || null); + }, + remove: child => { + const parent = child.parentNode; + if (parent) { + parent.removeChild(child); + } + }, + createElement: (tag, isSVG, is, props) => { + const el = isSVG + ? doc.createElementNS(svgNS, tag) + : doc.createElement(tag, is ? { is } : undefined); + if (tag === 'select' && props && props.multiple != null) { + el.setAttribute('multiple', props.multiple); + } + return el; + }, + createText: text => doc.createTextNode(text), + createComment: text => doc.createComment(text), + setText: (node, text) => { + node.nodeValue = text; + }, + setElementText: (el, text) => { + el.textContent = text; + }, + parentNode: node => node.parentNode, + nextSibling: node => node.nextSibling, + querySelector: selector => doc.querySelector(selector), + setScopeId(el, id) { + el.setAttribute(id, ''); + }, + cloneNode(el) { + const cloned = el.cloneNode(true); + // #3072 + // - in `patchDOMProp`, we store the actual value in the `el._value` property. + // - normally, elements using `:value` bindings will not be hoisted, but if + // the bound value is a constant, e.g. `:value="true"` - they do get + // hoisted. + // - in production, hoisted nodes are cloned when subsequent inserts, but + // cloneNode() does not copy the custom property we attached. + // - This may need to account for other custom DOM properties we attach to + // elements in addition to `_value` in the future. + if (`_value` in el) { + cloned._value = el._value; + } + return cloned; + }, + // __UNSAFE__ + // Reason: innerHTML. + // Static content here can only come from compiled templates. + // As long as the user only uses trusted templates, this is safe. + insertStaticContent(content, parent, anchor, isSVG) { + // <parent> before | first ... last | anchor </parent> + const before = anchor ? anchor.previousSibling : parent.lastChild; + let template = staticTemplateCache.get(content); + if (!template) { + const t = doc.createElement('template'); + t.innerHTML = isSVG ? `<svg>${content}</svg>` : content; + template = t.content; + if (isSVG) { + // remove outer svg wrapper + const wrapper = template.firstChild; + while (wrapper.firstChild) { + template.appendChild(wrapper.firstChild); + } + template.removeChild(wrapper); + } + staticTemplateCache.set(content, template); + } + parent.insertBefore(template.cloneNode(true), anchor); + return [ + // first + before ? before.nextSibling : parent.firstChild, + // last + anchor ? anchor.previousSibling : parent.lastChild + ]; + } +}; + +// compiler should normalize class + :class bindings on the same element +// into a single binding ['staticClass', dynamic] +function patchClass(el, value, isSVG) { + // directly setting className should be faster than setAttribute in theory + // if this is an element during a transition, take the temporary transition + // classes into account. + const transitionClasses = el._vtc; + if (transitionClasses) { + value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' '); + } + if (value == null) { + el.removeAttribute('class'); + } + else if (isSVG) { + el.setAttribute('class', value); + } + else { + el.className = value; + } +} + +function patchStyle(el, prev, next) { + const style = el.style; + if (!next) { + el.removeAttribute('style'); + } + else if (isString(next)) { + if (prev !== next) { + const current = style.display; + style.cssText = next; + // indicates that the `display` of the element is controlled by `v-show`, + // so we always keep the current `display` value regardless of the `style` value, + // thus handing over control to `v-show`. + if ('_vod' in el) { + style.display = current; + } + } + } + else { + for (const key in next) { + setStyle(style, key, next[key]); + } + if (prev && !isString(prev)) { + for (const key in prev) { + if (next[key] == null) { + setStyle(style, key, ''); + } + } + } + } +} +const importantRE = /\s*!important$/; +function setStyle(style, name, val) { + if (isArray(val)) { + val.forEach(v => setStyle(style, name, v)); + } + else { + if (name.startsWith('--')) { + // custom property definition + style.setProperty(name, val); + } + else { + const prefixed = autoPrefix(style, name); + if (importantRE.test(val)) { + // !important + style.setProperty(hyphenate(prefixed), val.replace(importantRE, ''), 'important'); + } + else { + style[prefixed] = val; + } + } + } +} +const prefixes = ['Webkit', 'Moz', 'ms']; +const prefixCache = {}; +function autoPrefix(style, rawName) { + const cached = prefixCache[rawName]; + if (cached) { + return cached; + } + let name = camelize(rawName); + if (name !== 'filter' && name in style) { + return (prefixCache[rawName] = name); + } + name = capitalize(name); + for (let i = 0; i < prefixes.length; i++) { + const prefixed = prefixes[i] + name; + if (prefixed in style) { + return (prefixCache[rawName] = prefixed); + } + } + return rawName; +} + +const xlinkNS = 'http://www.w3.org/1999/xlink'; +function patchAttr(el, key, value, isSVG, instance) { + if (isSVG && key.startsWith('xlink:')) { + if (value == null) { + el.removeAttributeNS(xlinkNS, key.slice(6, key.length)); + } + else { + el.setAttributeNS(xlinkNS, key, value); + } + } + else { + // note we are only checking boolean attributes that don't have a + // corresponding dom prop of the same name here. + const isBoolean = isSpecialBooleanAttr(key); + if (value == null || (isBoolean && !includeBooleanAttr(value))) { + el.removeAttribute(key); + } + else { + el.setAttribute(key, isBoolean ? '' : value); + } + } +} + +// __UNSAFE__ +// functions. The user is responsible for using them with only trusted content. +function patchDOMProp(el, key, value, +// the following args are passed only due to potential innerHTML/textContent +// overriding existing VNodes, in which case the old tree must be properly +// unmounted. +prevChildren, parentComponent, parentSuspense, unmountChildren) { + if (key === 'innerHTML' || key === 'textContent') { + if (prevChildren) { + unmountChildren(prevChildren, parentComponent, parentSuspense); + } + el[key] = value == null ? '' : value; + return; + } + if (key === 'value' && el.tagName !== 'PROGRESS') { + // store value as _value as well since + // non-string values will be stringified. + el._value = value; + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + if (value == null) { + el.removeAttribute(key); + } + return; + } + if (value === '' || value == null) { + const type = typeof el[key]; + if (type === 'boolean') { + // e.g. <select multiple> compiles to { multiple: '' } + el[key] = includeBooleanAttr(value); + return; + } + else if (value == null && type === 'string') { + // e.g. <div :id="null"> + el[key] = ''; + el.removeAttribute(key); + return; + } + else if (type === 'number') { + // e.g. <img :width="null"> + // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error + try { + el[key] = 0; + } + catch (_a) { } + el.removeAttribute(key); + return; + } + } + // some properties perform value validation and throw + try { + el[key] = value; + } + catch (e) { + { + warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` + + `value ${value} is invalid.`, e); + } + } +} + +// Async edge case fix requires storing an event listener's attach timestamp. +let _getNow = Date.now; +let skipTimestampCheck = false; +if (typeof window !== 'undefined') { + // Determine what event timestamp the browser is using. Annoyingly, the + // timestamp can either be hi-res (relative to page load) or low-res + // (relative to UNIX epoch), so in order to compare time we have to use the + // same timestamp type when saving the flush timestamp. + if (_getNow() > document.createEvent('Event').timeStamp) { + // if the low-res timestamp which is bigger than the event timestamp + // (which is evaluated AFTER) it means the event is using a hi-res timestamp, + // and we need to use the hi-res version for event listeners as well. + _getNow = () => performance.now(); + } + // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation + // and does not fire microtasks in between event propagation, so safe to exclude. + const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i); + skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53); +} +// To avoid the overhead of repeatedly calling performance.now(), we cache +// and use the same timestamp for all event listeners attached in the same tick. +let cachedNow = 0; +const p = Promise.resolve(); +const reset = () => { + cachedNow = 0; +}; +const getNow = () => cachedNow || (p.then(reset), (cachedNow = _getNow())); +function addEventListener(el, event, handler, options) { + el.addEventListener(event, handler, options); +} +function removeEventListener(el, event, handler, options) { + el.removeEventListener(event, handler, options); +} +function patchEvent(el, rawName, prevValue, nextValue, instance = null) { + // vei = vue event invokers + const invokers = el._vei || (el._vei = {}); + const existingInvoker = invokers[rawName]; + if (nextValue && existingInvoker) { + // patch + existingInvoker.value = nextValue; + } + else { + const [name, options] = parseName(rawName); + if (nextValue) { + // add + const invoker = (invokers[rawName] = createInvoker(nextValue, instance)); + addEventListener(el, name, invoker, options); + } + else if (existingInvoker) { + // remove + removeEventListener(el, name, existingInvoker, options); + invokers[rawName] = undefined; + } + } +} +const optionsModifierRE = /(?:Once|Passive|Capture)$/; +function parseName(name) { + let options; + if (optionsModifierRE.test(name)) { + options = {}; + let m; + while ((m = name.match(optionsModifierRE))) { + name = name.slice(0, name.length - m[0].length); + options[m[0].toLowerCase()] = true; + } + } + return [hyphenate(name.slice(2)), options]; +} +function createInvoker(initialValue, instance) { + const invoker = (e) => { + // async edge case #6566: inner click event triggers patch, event handler + // attached to outer element during patch, and triggered again. This + // happens because browsers fire microtask ticks between event propagation. + // the solution is simple: we save the timestamp when a handler is attached, + // and the handler would only fire if the event passed to it was fired + // AFTER it was attached. + const timeStamp = e.timeStamp || _getNow(); + if (skipTimestampCheck || timeStamp >= invoker.attached - 1) { + callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5 /* NATIVE_EVENT_HANDLER */, [e]); + } + }; + invoker.value = initialValue; + invoker.attached = getNow(); + return invoker; +} +function patchStopImmediatePropagation(e, value) { + if (isArray(value)) { + const originalStop = e.stopImmediatePropagation; + e.stopImmediatePropagation = () => { + originalStop.call(e); + e._stopped = true; + }; + return value.map(fn => (e) => !e._stopped && fn(e)); + } + else { + return value; + } +} + +const nativeOnRE = /^on[a-z]/; +const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => { + if (key === 'class') { + patchClass(el, nextValue, isSVG); + } + else if (key === 'style') { + patchStyle(el, prevValue, nextValue); + } + else if (isOn(key)) { + // ignore v-model listeners + if (!isModelListener(key)) { + patchEvent(el, key, prevValue, nextValue, parentComponent); + } + } + else if (key[0] === '.' + ? ((key = key.slice(1)), true) + : key[0] === '^' + ? ((key = key.slice(1)), false) + : shouldSetAsProp(el, key, nextValue, isSVG)) { + patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren); + } + else { + // special case for <input v-model type="checkbox"> with + // :true-value & :false-value + // store value as dom properties since non-string values will be + // stringified. + if (key === 'true-value') { + el._trueValue = nextValue; + } + else if (key === 'false-value') { + el._falseValue = nextValue; + } + patchAttr(el, key, nextValue, isSVG); + } +}; +function shouldSetAsProp(el, key, value, isSVG) { + if (isSVG) { + // most keys must be set as attribute on svg elements to work + // ...except innerHTML & textContent + if (key === 'innerHTML' || key === 'textContent') { + return true; + } + // or native onclick with function values + if (key in el && nativeOnRE.test(key) && isFunction(value)) { + return true; + } + return false; + } + // spellcheck and draggable are numerated attrs, however their + // corresponding DOM properties are actually booleans - this leads to + // setting it with a string "false" value leading it to be coerced to + // `true`, so we need to always treat them as attributes. + // Note that `contentEditable` doesn't have this problem: its DOM + // property is also enumerated string values. + if (key === 'spellcheck' || key === 'draggable') { + return false; + } + // #1787, #2840 form property on form elements is readonly and must be set as + // attribute. + if (key === 'form') { + return false; + } + // #1526 <input list> must be set as attribute + if (key === 'list' && el.tagName === 'INPUT') { + return false; + } + // #2766 <textarea type> must be set as attribute + if (key === 'type' && el.tagName === 'TEXTAREA') { + return false; + } + // native onclick with string value, must be set as attribute + if (nativeOnRE.test(key) && isString(value)) { + return false; + } + return key in el; +} + +function defineCustomElement(options, hydate) { + const Comp = defineComponent(options); + class VueCustomElement extends VueElement { + constructor(initialProps) { + super(Comp, initialProps, hydate); + } + } + VueCustomElement.def = Comp; + return VueCustomElement; +} +const defineSSRCustomElement = ((options) => { + // @ts-ignore + return defineCustomElement(options, hydrate); +}); +const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class { +}); +class VueElement extends BaseClass { + constructor(_def, _props = {}, hydrate) { + super(); + this._def = _def; + this._props = _props; + /** + * @internal + */ + this._instance = null; + this._connected = false; + this._resolved = false; + if (this.shadowRoot && hydrate) { + hydrate(this._createVNode(), this.shadowRoot); + } + else { + if (this.shadowRoot) { + warn$1(`Custom element has pre-rendered declarative shadow root but is not ` + + `defined as hydratable. Use \`defineSSRCustomElement\`.`); + } + this.attachShadow({ mode: 'open' }); + } + // set initial attrs + for (let i = 0; i < this.attributes.length; i++) { + this._setAttr(this.attributes[i].name); + } + // watch future attr changes + const observer = new MutationObserver(mutations => { + for (const m of mutations) { + this._setAttr(m.attributeName); + } + }); + observer.observe(this, { attributes: true }); + } + connectedCallback() { + this._connected = true; + if (!this._instance) { + this._resolveDef(); + render(this._createVNode(), this.shadowRoot); + } + } + disconnectedCallback() { + this._connected = false; + nextTick(() => { + if (!this._connected) { + render(null, this.shadowRoot); + this._instance = null; + } + }); + } + /** + * resolve inner component definition (handle possible async component) + */ + _resolveDef() { + if (this._resolved) { + return; + } + const resolve = (def) => { + this._resolved = true; + // check if there are props set pre-upgrade or connect + for (const key of Object.keys(this)) { + if (key[0] !== '_') { + this._setProp(key, this[key]); + } + } + const { props, styles } = def; + // defining getter/setters on prototype + const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : []; + for (const key of rawKeys.map(camelize)) { + Object.defineProperty(this, key, { + get() { + return this._getProp(key); + }, + set(val) { + this._setProp(key, val); + } + }); + } + this._applyStyles(styles); + }; + const asyncDef = this._def.__asyncLoader; + if (asyncDef) { + asyncDef().then(resolve); + } + else { + resolve(this._def); + } + } + _setAttr(key) { + this._setProp(camelize(key), toNumber(this.getAttribute(key)), false); + } + /** + * @internal + */ + _getProp(key) { + return this._props[key]; + } + /** + * @internal + */ + _setProp(key, val, shouldReflect = true) { + if (val !== this._props[key]) { + this._props[key] = val; + if (this._instance) { + render(this._createVNode(), this.shadowRoot); + } + // reflect + if (shouldReflect) { + if (val === true) { + this.setAttribute(hyphenate(key), ''); + } + else if (typeof val === 'string' || typeof val === 'number') { + this.setAttribute(hyphenate(key), val + ''); + } + else if (!val) { + this.removeAttribute(hyphenate(key)); + } + } + } + } + _createVNode() { + const vnode = createVNode(this._def, extend({}, this._props)); + if (!this._instance) { + vnode.ce = instance => { + this._instance = instance; + instance.isCE = true; + // HMR + { + instance.ceReload = newStyles => { + // alawys reset styles + if (this._styles) { + this._styles.forEach(s => this.shadowRoot.removeChild(s)); + this._styles.length = 0; + } + this._applyStyles(newStyles); + // if this is an async component, ceReload is called from the inner + // component so no need to reload the async wrapper + if (!this._def.__asyncLoader) { + // reload + this._instance = null; + render(this._createVNode(), this.shadowRoot); + } + }; + } + // intercept emit + instance.emit = (event, ...args) => { + this.dispatchEvent(new CustomEvent(event, { + detail: args + })); + }; + // locate nearest Vue custom element parent for provide/inject + let parent = this; + while ((parent = + parent && (parent.parentNode || parent.host))) { + if (parent instanceof VueElement) { + instance.parent = parent._instance; + break; + } + } + }; + } + return vnode; + } + _applyStyles(styles) { + if (styles) { + styles.forEach(css => { + const s = document.createElement('style'); + s.textContent = css; + this.shadowRoot.appendChild(s); + // record for HMR + { + (this._styles || (this._styles = [])).push(s); + } + }); + } + } +} + +function useCssModule(name = '$style') { + /* istanbul ignore else */ + { + const instance = getCurrentInstance(); + if (!instance) { + warn$1(`useCssModule must be called inside setup()`); + return EMPTY_OBJ; + } + const modules = instance.type.__cssModules; + if (!modules) { + warn$1(`Current instance does not have CSS modules injected.`); + return EMPTY_OBJ; + } + const mod = modules[name]; + if (!mod) { + warn$1(`Current instance does not have CSS module named "${name}".`); + return EMPTY_OBJ; + } + return mod; + } +} + +/** + * Runtime helper for SFC's CSS variable injection feature. + * @private + */ +function useCssVars(getter) { + const instance = getCurrentInstance(); + /* istanbul ignore next */ + if (!instance) { + warn$1(`useCssVars is called without current active component instance.`); + return; + } + const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy)); + watchPostEffect(setVars); + onMounted(() => { + const ob = new MutationObserver(setVars); + ob.observe(instance.subTree.el.parentNode, { childList: true }); + onUnmounted(() => ob.disconnect()); + }); +} +function setVarsOnVNode(vnode, vars) { + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + const suspense = vnode.suspense; + vnode = suspense.activeBranch; + if (suspense.pendingBranch && !suspense.isHydrating) { + suspense.effects.push(() => { + setVarsOnVNode(suspense.activeBranch, vars); + }); + } + } + // drill down HOCs until it's a non-component vnode + while (vnode.component) { + vnode = vnode.component.subTree; + } + if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) { + setVarsOnNode(vnode.el, vars); + } + else if (vnode.type === Fragment) { + vnode.children.forEach(c => setVarsOnVNode(c, vars)); + } + else if (vnode.type === Static) { + let { el, anchor } = vnode; + while (el) { + setVarsOnNode(el, vars); + if (el === anchor) + break; + el = el.nextSibling; + } + } +} +function setVarsOnNode(el, vars) { + if (el.nodeType === 1) { + const style = el.style; + for (const key in vars) { + style.setProperty(`--${key}`, vars[key]); + } + } +} + +const TRANSITION = 'transition'; +const ANIMATION = 'animation'; +// DOM Transition is a higher-order-component based on the platform-agnostic +// base Transition component, with DOM-specific logic. +const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots); +Transition.displayName = 'Transition'; +const DOMTransitionPropsValidators = { + name: String, + type: String, + css: { + type: Boolean, + default: true + }, + duration: [String, Number, Object], + enterFromClass: String, + enterActiveClass: String, + enterToClass: String, + appearFromClass: String, + appearActiveClass: String, + appearToClass: String, + leaveFromClass: String, + leaveActiveClass: String, + leaveToClass: String +}; +const TransitionPropsValidators = (Transition.props = + /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators)); +/** + * #3227 Incoming hooks may be merged into arrays when wrapping Transition + * with custom HOCs. + */ +const callHook$1 = (hook, args = []) => { + if (isArray(hook)) { + hook.forEach(h => h(...args)); + } + else if (hook) { + hook(...args); + } +}; +/** + * Check if a hook expects a callback (2nd arg), which means the user + * intends to explicitly control the end of the transition. + */ +const hasExplicitCallback = (hook) => { + return hook + ? isArray(hook) + ? hook.some(h => h.length > 1) + : hook.length > 1 + : false; +}; +function resolveTransitionProps(rawProps) { + const baseProps = {}; + for (const key in rawProps) { + if (!(key in DOMTransitionPropsValidators)) { + baseProps[key] = rawProps[key]; + } + } + if (rawProps.css === false) { + return baseProps; + } + const { name = 'v', type, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps; + const durations = normalizeDuration(duration); + const enterDuration = durations && durations[0]; + const leaveDuration = durations && durations[1]; + const { onBeforeEnter, onEnter, onEnterCancelled, onLeave, onLeaveCancelled, onBeforeAppear = onBeforeEnter, onAppear = onEnter, onAppearCancelled = onEnterCancelled } = baseProps; + const finishEnter = (el, isAppear, done) => { + removeTransitionClass(el, isAppear ? appearToClass : enterToClass); + removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass); + done && done(); + }; + const finishLeave = (el, done) => { + removeTransitionClass(el, leaveToClass); + removeTransitionClass(el, leaveActiveClass); + done && done(); + }; + const makeEnterHook = (isAppear) => { + return (el, done) => { + const hook = isAppear ? onAppear : onEnter; + const resolve = () => finishEnter(el, isAppear, done); + callHook$1(hook, [el, resolve]); + nextFrame(() => { + removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass); + addTransitionClass(el, isAppear ? appearToClass : enterToClass); + if (!hasExplicitCallback(hook)) { + whenTransitionEnds(el, type, enterDuration, resolve); + } + }); + }; + }; + return extend(baseProps, { + onBeforeEnter(el) { + callHook$1(onBeforeEnter, [el]); + addTransitionClass(el, enterFromClass); + addTransitionClass(el, enterActiveClass); + }, + onBeforeAppear(el) { + callHook$1(onBeforeAppear, [el]); + addTransitionClass(el, appearFromClass); + addTransitionClass(el, appearActiveClass); + }, + onEnter: makeEnterHook(false), + onAppear: makeEnterHook(true), + onLeave(el, done) { + const resolve = () => finishLeave(el, done); + addTransitionClass(el, leaveFromClass); + // force reflow so *-leave-from classes immediately take effect (#2593) + forceReflow(); + addTransitionClass(el, leaveActiveClass); + nextFrame(() => { + removeTransitionClass(el, leaveFromClass); + addTransitionClass(el, leaveToClass); + if (!hasExplicitCallback(onLeave)) { + whenTransitionEnds(el, type, leaveDuration, resolve); + } + }); + callHook$1(onLeave, [el, resolve]); + }, + onEnterCancelled(el) { + finishEnter(el, false); + callHook$1(onEnterCancelled, [el]); + }, + onAppearCancelled(el) { + finishEnter(el, true); + callHook$1(onAppearCancelled, [el]); + }, + onLeaveCancelled(el) { + finishLeave(el); + callHook$1(onLeaveCancelled, [el]); + } + }); +} +function normalizeDuration(duration) { + if (duration == null) { + return null; + } + else if (isObject(duration)) { + return [NumberOf(duration.enter), NumberOf(duration.leave)]; + } + else { + const n = NumberOf(duration); + return [n, n]; + } +} +function NumberOf(val) { + const res = toNumber(val); + validateDuration(res); + return res; +} +function validateDuration(val) { + if (typeof val !== 'number') { + warn$1(`<transition> explicit duration is not a valid number - ` + + `got ${JSON.stringify(val)}.`); + } + else if (isNaN(val)) { + warn$1(`<transition> explicit duration is NaN - ` + + 'the duration expression might be incorrect.'); + } +} +function addTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.add(c)); + (el._vtc || + (el._vtc = new Set())).add(cls); +} +function removeTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.remove(c)); + const { _vtc } = el; + if (_vtc) { + _vtc.delete(cls); + if (!_vtc.size) { + el._vtc = undefined; + } + } +} +function nextFrame(cb) { + requestAnimationFrame(() => { + requestAnimationFrame(cb); + }); +} +let endId = 0; +function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) { + const id = (el._endId = ++endId); + const resolveIfNotStale = () => { + if (id === el._endId) { + resolve(); + } + }; + if (explicitTimeout) { + return setTimeout(resolveIfNotStale, explicitTimeout); + } + const { type, timeout, propCount } = getTransitionInfo(el, expectedType); + if (!type) { + return resolve(); + } + const endEvent = type + 'end'; + let ended = 0; + const end = () => { + el.removeEventListener(endEvent, onEnd); + resolveIfNotStale(); + }; + const onEnd = (e) => { + if (e.target === el && ++ended >= propCount) { + end(); + } + }; + setTimeout(() => { + if (ended < propCount) { + end(); + } + }, timeout + 1); + el.addEventListener(endEvent, onEnd); +} +function getTransitionInfo(el, expectedType) { + const styles = window.getComputedStyle(el); + // JSDOM may return undefined for transition properties + const getStyleProperties = (key) => (styles[key] || '').split(', '); + const transitionDelays = getStyleProperties(TRANSITION + 'Delay'); + const transitionDurations = getStyleProperties(TRANSITION + 'Duration'); + const transitionTimeout = getTimeout(transitionDelays, transitionDurations); + const animationDelays = getStyleProperties(ANIMATION + 'Delay'); + const animationDurations = getStyleProperties(ANIMATION + 'Duration'); + const animationTimeout = getTimeout(animationDelays, animationDurations); + let type = null; + let timeout = 0; + let propCount = 0; + /* istanbul ignore if */ + if (expectedType === TRANSITION) { + if (transitionTimeout > 0) { + type = TRANSITION; + timeout = transitionTimeout; + propCount = transitionDurations.length; + } + } + else if (expectedType === ANIMATION) { + if (animationTimeout > 0) { + type = ANIMATION; + timeout = animationTimeout; + propCount = animationDurations.length; + } + } + else { + timeout = Math.max(transitionTimeout, animationTimeout); + type = + timeout > 0 + ? transitionTimeout > animationTimeout + ? TRANSITION + : ANIMATION + : null; + propCount = type + ? type === TRANSITION + ? transitionDurations.length + : animationDurations.length + : 0; + } + const hasTransform = type === TRANSITION && + /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']); + return { + type, + timeout, + propCount, + hasTransform + }; +} +function getTimeout(delays, durations) { + while (delays.length < durations.length) { + delays = delays.concat(delays); + } + return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i]))); +} +// Old versions of Chromium (below 61.0.3163.100) formats floating pointer +// numbers in a locale-dependent way, using a comma instead of a dot. +// If comma is not replaced with a dot, the input will be rounded down +// (i.e. acting as a floor function) causing unexpected behaviors +function toMs(s) { + return Number(s.slice(0, -1).replace(',', '.')) * 1000; +} +// synchronously force layout to put elements into a certain state +function forceReflow() { + return document.body.offsetHeight; +} + +const positionMap = new WeakMap(); +const newPositionMap = new WeakMap(); +const TransitionGroupImpl = { + name: 'TransitionGroup', + props: /*#__PURE__*/ extend({}, TransitionPropsValidators, { + tag: String, + moveClass: String + }), + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevChildren; + let children; + onUpdated(() => { + // children is guaranteed to exist after initial render + if (!prevChildren.length) { + return; + } + const moveClass = props.moveClass || `${props.name || 'v'}-move`; + if (!hasCSSTransform(prevChildren[0].el, instance.vnode.el, moveClass)) { + return; + } + // we divide the work into three loops to avoid mixing DOM reads and writes + // in each iteration - which helps prevent layout thrashing. + prevChildren.forEach(callPendingCbs); + prevChildren.forEach(recordPosition); + const movedChildren = prevChildren.filter(applyTranslation); + // force reflow to put everything in position + forceReflow(); + movedChildren.forEach(c => { + const el = c.el; + const style = el.style; + addTransitionClass(el, moveClass); + style.transform = style.webkitTransform = style.transitionDuration = ''; + const cb = (el._moveCb = (e) => { + if (e && e.target !== el) { + return; + } + if (!e || /transform$/.test(e.propertyName)) { + el.removeEventListener('transitionend', cb); + el._moveCb = null; + removeTransitionClass(el, moveClass); + } + }); + el.addEventListener('transitionend', cb); + }); + }); + return () => { + const rawProps = toRaw(props); + const cssTransitionProps = resolveTransitionProps(rawProps); + let tag = rawProps.tag || Fragment; + prevChildren = children; + children = slots.default ? getTransitionRawChildren(slots.default()) : []; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (child.key != null) { + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + } + else { + warn$1(`<TransitionGroup> children must be keyed.`); + } + } + if (prevChildren) { + for (let i = 0; i < prevChildren.length; i++) { + const child = prevChildren[i]; + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + positionMap.set(child, child.el.getBoundingClientRect()); + } + } + return createVNode(tag, null, children); + }; + } +}; +const TransitionGroup = TransitionGroupImpl; +function callPendingCbs(c) { + const el = c.el; + if (el._moveCb) { + el._moveCb(); + } + if (el._enterCb) { + el._enterCb(); + } +} +function recordPosition(c) { + newPositionMap.set(c, c.el.getBoundingClientRect()); +} +function applyTranslation(c) { + const oldPos = positionMap.get(c); + const newPos = newPositionMap.get(c); + const dx = oldPos.left - newPos.left; + const dy = oldPos.top - newPos.top; + if (dx || dy) { + const s = c.el.style; + s.transform = s.webkitTransform = `translate(${dx}px,${dy}px)`; + s.transitionDuration = '0s'; + return c; + } +} +function hasCSSTransform(el, root, moveClass) { + // Detect whether an element with the move class applied has + // CSS transitions. Since the element may be inside an entering + // transition at this very moment, we make a clone of it and remove + // all other transition classes applied to ensure only the move class + // is applied. + const clone = el.cloneNode(); + if (el._vtc) { + el._vtc.forEach(cls => { + cls.split(/\s+/).forEach(c => c && clone.classList.remove(c)); + }); + } + moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c)); + clone.style.display = 'none'; + const container = (root.nodeType === 1 ? root : root.parentNode); + container.appendChild(clone); + const { hasTransform } = getTransitionInfo(clone); + container.removeChild(clone); + return hasTransform; +} + +const getModelAssigner = (vnode) => { + const fn = vnode.props['onUpdate:modelValue']; + return isArray(fn) ? value => invokeArrayFns(fn, value) : fn; +}; +function onCompositionStart(e) { + e.target.composing = true; +} +function onCompositionEnd(e) { + const target = e.target; + if (target.composing) { + target.composing = false; + trigger$1(target, 'input'); + } +} +function trigger$1(el, type) { + const e = document.createEvent('HTMLEvents'); + e.initEvent(type, true, true); + el.dispatchEvent(e); +} +// We are exporting the v-model runtime directly as vnode hooks so that it can +// be tree-shaken in case v-model is never used. +const vModelText = { + created(el, { modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + const castToNumber = number || (vnode.props && vnode.props.type === 'number'); + addEventListener(el, lazy ? 'change' : 'input', e => { + if (e.target.composing) + return; + let domValue = el.value; + if (trim) { + domValue = domValue.trim(); + } + else if (castToNumber) { + domValue = toNumber(domValue); + } + el._assign(domValue); + }); + if (trim) { + addEventListener(el, 'change', () => { + el.value = el.value.trim(); + }); + } + if (!lazy) { + addEventListener(el, 'compositionstart', onCompositionStart); + addEventListener(el, 'compositionend', onCompositionEnd); + // Safari < 10.2 & UIWebView doesn't fire compositionend when + // switching focus before confirming composition choice + // this also fixes the issue where some browsers e.g. iOS Chrome + // fires "change" instead of "input" on autocomplete. + addEventListener(el, 'change', onCompositionEnd); + } + }, + // set value on mounted so it's after min/max for type="range" + mounted(el, { value }) { + el.value = value == null ? '' : value; + }, + beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + // avoid clearing unresolved text. #2302 + if (el.composing) + return; + if (document.activeElement === el) { + if (lazy) { + return; + } + if (trim && el.value.trim() === value) { + return; + } + if ((number || el.type === 'number') && toNumber(el.value) === value) { + return; + } + } + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + } +}; +const vModelCheckbox = { + // #4096 array checkboxes need to be deep traversed + deep: true, + created(el, _, vnode) { + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + const modelValue = el._modelValue; + const elementValue = getValue(el); + const checked = el.checked; + const assign = el._assign; + if (isArray(modelValue)) { + const index = looseIndexOf(modelValue, elementValue); + const found = index !== -1; + if (checked && !found) { + assign(modelValue.concat(elementValue)); + } + else if (!checked && found) { + const filtered = [...modelValue]; + filtered.splice(index, 1); + assign(filtered); + } + } + else if (isSet(modelValue)) { + const cloned = new Set(modelValue); + if (checked) { + cloned.add(elementValue); + } + else { + cloned.delete(elementValue); + } + assign(cloned); + } + else { + assign(getCheckboxValue(el, checked)); + } + }); + }, + // set initial checked on mount to wait for true-value/false-value + mounted: setChecked, + beforeUpdate(el, binding, vnode) { + el._assign = getModelAssigner(vnode); + setChecked(el, binding, vnode); + } +}; +function setChecked(el, { value, oldValue }, vnode) { + el._modelValue = value; + if (isArray(value)) { + el.checked = looseIndexOf(value, vnode.props.value) > -1; + } + else if (isSet(value)) { + el.checked = value.has(vnode.props.value); + } + else if (value !== oldValue) { + el.checked = looseEqual(value, getCheckboxValue(el, true)); + } +} +const vModelRadio = { + created(el, { value }, vnode) { + el.checked = looseEqual(value, vnode.props.value); + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + el._assign(getValue(el)); + }); + }, + beforeUpdate(el, { value, oldValue }, vnode) { + el._assign = getModelAssigner(vnode); + if (value !== oldValue) { + el.checked = looseEqual(value, vnode.props.value); + } + } +}; +const vModelSelect = { + // <select multiple> value need to be deep traversed + deep: true, + created(el, { value, modifiers: { number } }, vnode) { + const isSetModel = isSet(value); + addEventListener(el, 'change', () => { + const selectedVal = Array.prototype.filter + .call(el.options, (o) => o.selected) + .map((o) => number ? toNumber(getValue(o)) : getValue(o)); + el._assign(el.multiple + ? isSetModel + ? new Set(selectedVal) + : selectedVal + : selectedVal[0]); + }); + el._assign = getModelAssigner(vnode); + }, + // set value in mounted & updated because <select> relies on its children + // <option>s. + mounted(el, { value }) { + setSelected(el, value); + }, + beforeUpdate(el, _binding, vnode) { + el._assign = getModelAssigner(vnode); + }, + updated(el, { value }) { + setSelected(el, value); + } +}; +function setSelected(el, value) { + const isMultiple = el.multiple; + if (isMultiple && !isArray(value) && !isSet(value)) { + warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` + + `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`); + return; + } + for (let i = 0, l = el.options.length; i < l; i++) { + const option = el.options[i]; + const optionValue = getValue(option); + if (isMultiple) { + if (isArray(value)) { + option.selected = looseIndexOf(value, optionValue) > -1; + } + else { + option.selected = value.has(optionValue); + } + } + else { + if (looseEqual(getValue(option), value)) { + if (el.selectedIndex !== i) + el.selectedIndex = i; + return; + } + } + } + if (!isMultiple && el.selectedIndex !== -1) { + el.selectedIndex = -1; + } +} +// retrieve raw value set via :value bindings +function getValue(el) { + return '_value' in el ? el._value : el.value; +} +// retrieve raw value for true-value and false-value set via :true-value or :false-value bindings +function getCheckboxValue(el, checked) { + const key = checked ? '_trueValue' : '_falseValue'; + return key in el ? el[key] : checked; +} +const vModelDynamic = { + created(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'created'); + }, + mounted(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'mounted'); + }, + beforeUpdate(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'beforeUpdate'); + }, + updated(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'updated'); + } +}; +function callModelHook(el, binding, vnode, prevVNode, hook) { + let modelToUse; + switch (el.tagName) { + case 'SELECT': + modelToUse = vModelSelect; + break; + case 'TEXTAREA': + modelToUse = vModelText; + break; + default: + switch (vnode.props && vnode.props.type) { + case 'checkbox': + modelToUse = vModelCheckbox; + break; + case 'radio': + modelToUse = vModelRadio; + break; + default: + modelToUse = vModelText; + } + } + const fn = modelToUse[hook]; + fn && fn(el, binding, vnode, prevVNode); +} + +const systemModifiers = ['ctrl', 'shift', 'alt', 'meta']; +const modifierGuards = { + stop: e => e.stopPropagation(), + prevent: e => e.preventDefault(), + self: e => e.target !== e.currentTarget, + ctrl: e => !e.ctrlKey, + shift: e => !e.shiftKey, + alt: e => !e.altKey, + meta: e => !e.metaKey, + left: e => 'button' in e && e.button !== 0, + middle: e => 'button' in e && e.button !== 1, + right: e => 'button' in e && e.button !== 2, + exact: (e, modifiers) => systemModifiers.some(m => e[`${m}Key`] && !modifiers.includes(m)) +}; +/** + * @private + */ +const withModifiers = (fn, modifiers) => { + return (event, ...args) => { + for (let i = 0; i < modifiers.length; i++) { + const guard = modifierGuards[modifiers[i]]; + if (guard && guard(event, modifiers)) + return; + } + return fn(event, ...args); + }; +}; +// Kept for 2.x compat. +// Note: IE11 compat for `spacebar` and `del` is removed for now. +const keyNames = { + esc: 'escape', + space: ' ', + up: 'arrow-up', + left: 'arrow-left', + right: 'arrow-right', + down: 'arrow-down', + delete: 'backspace' +}; +/** + * @private + */ +const withKeys = (fn, modifiers) => { + return (event) => { + if (!('key' in event)) { + return; + } + const eventKey = hyphenate(event.key); + if (modifiers.some(k => k === eventKey || keyNames[k] === eventKey)) { + return fn(event); + } + }; +}; + +const vShow = { + beforeMount(el, { value }, { transition }) { + el._vod = el.style.display === 'none' ? '' : el.style.display; + if (transition && value) { + transition.beforeEnter(el); + } + else { + setDisplay(el, value); + } + }, + mounted(el, { value }, { transition }) { + if (transition && value) { + transition.enter(el); + } + }, + updated(el, { value, oldValue }, { transition }) { + if (!value === !oldValue) + return; + if (transition) { + if (value) { + transition.beforeEnter(el); + setDisplay(el, true); + transition.enter(el); + } + else { + transition.leave(el, () => { + setDisplay(el, false); + }); + } + } + else { + setDisplay(el, value); + } + }, + beforeUnmount(el, { value }) { + setDisplay(el, value); + } +}; +function setDisplay(el, value) { + el.style.display = value ? el._vod : 'none'; +} + +const rendererOptions = extend({ patchProp }, nodeOps); +// lazy create the renderer - this makes core renderer logic tree-shakable +// in case the user only imports reactivity utilities from Vue. +let renderer; +let enabledHydration = false; +function ensureRenderer() { + return (renderer || + (renderer = createRenderer(rendererOptions))); +} +function ensureHydrationRenderer() { + renderer = enabledHydration + ? renderer + : createHydrationRenderer(rendererOptions); + enabledHydration = true; + return renderer; +} +// use explicit type casts here to avoid import() calls in rolled-up d.ts +const render = ((...args) => { + ensureRenderer().render(...args); +}); +const hydrate = ((...args) => { + ensureHydrationRenderer().hydrate(...args); +}); +const createApp = ((...args) => { + const app = ensureRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (!container) + return; + const component = app._component; + if (!isFunction(component) && !component.render && !component.template) { + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's + // rendered by the server, the template should not contain any user data. + component.template = container.innerHTML; + } + // clear content before mounting + container.innerHTML = ''; + const proxy = mount(container, false, container instanceof SVGElement); + if (container instanceof Element) { + container.removeAttribute('v-cloak'); + container.setAttribute('data-v-app', ''); + } + return proxy; + }; + return app; +}); +const createSSRApp = ((...args) => { + const app = ensureHydrationRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (container) { + return mount(container, true, container instanceof SVGElement); + } + }; + return app; +}); +function injectNativeTagCheck(app) { + // Inject `isNativeTag` + // this is used for component name validation (dev only) + Object.defineProperty(app.config, 'isNativeTag', { + value: (tag) => isHTMLTag(tag) || isSVGTag(tag), + writable: false + }); +} +// dev only +function injectCompilerOptionsCheck(app) { + if (isRuntimeOnly()) { + const isCustomElement = app.config.isCustomElement; + Object.defineProperty(app.config, 'isCustomElement', { + get() { + return isCustomElement; + }, + set() { + warn$1(`The \`isCustomElement\` config option is deprecated. Use ` + + `\`compilerOptions.isCustomElement\` instead.`); + } + }); + const compilerOptions = app.config.compilerOptions; + const msg = `The \`compilerOptions\` config option is only respected when using ` + + `a build of Vue.js that includes the runtime compiler (aka "full build"). ` + + `Since you are using the runtime-only build, \`compilerOptions\` ` + + `must be passed to \`@vue/compiler-dom\` in the build setup instead.\n` + + `- For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.\n` + + `- For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader\n` + + `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`; + Object.defineProperty(app.config, 'compilerOptions', { + get() { + warn$1(msg); + return compilerOptions; + }, + set() { + warn$1(msg); + } + }); + } +} +function normalizeContainer(container) { + if (isString(container)) { + const res = document.querySelector(container); + if (!res) { + warn$1(`Failed to mount app: mount target selector "${container}" returned null.`); + } + return res; + } + if (window.ShadowRoot && + container instanceof window.ShadowRoot && + container.mode === 'closed') { + warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`); + } + return container; +} + +var runtimeDom = /*#__PURE__*/Object.freeze({ + __proto__: null, + render: render, + hydrate: hydrate, + createApp: createApp, + createSSRApp: createSSRApp, + defineCustomElement: defineCustomElement, + defineSSRCustomElement: defineSSRCustomElement, + VueElement: VueElement, + useCssModule: useCssModule, + useCssVars: useCssVars, + Transition: Transition, + TransitionGroup: TransitionGroup, + vModelText: vModelText, + vModelCheckbox: vModelCheckbox, + vModelRadio: vModelRadio, + vModelSelect: vModelSelect, + vModelDynamic: vModelDynamic, + withModifiers: withModifiers, + withKeys: withKeys, + vShow: vShow, + computed: computed, + reactive: reactive, + ref: ref, + readonly: readonly, + unref: unref, + proxyRefs: proxyRefs, + isRef: isRef, + toRef: toRef, + toRefs: toRefs, + isProxy: isProxy, + isReactive: isReactive, + isReadonly: isReadonly, + customRef: customRef, + triggerRef: triggerRef, + shallowRef: shallowRef, + shallowReactive: shallowReactive, + shallowReadonly: shallowReadonly, + markRaw: markRaw, + toRaw: toRaw, + effect: effect, + stop: stop, + ReactiveEffect: ReactiveEffect, + effectScope: effectScope, + EffectScope: EffectScope, + getCurrentScope: getCurrentScope, + onScopeDispose: onScopeDispose, + watch: watch, + watchEffect: watchEffect, + watchPostEffect: watchPostEffect, + watchSyncEffect: watchSyncEffect, + onBeforeMount: onBeforeMount, + onMounted: onMounted, + onBeforeUpdate: onBeforeUpdate, + onUpdated: onUpdated, + onBeforeUnmount: onBeforeUnmount, + onUnmounted: onUnmounted, + onActivated: onActivated, + onDeactivated: onDeactivated, + onRenderTracked: onRenderTracked, + onRenderTriggered: onRenderTriggered, + onErrorCaptured: onErrorCaptured, + onServerPrefetch: onServerPrefetch, + provide: provide, + inject: inject, + nextTick: nextTick, + defineComponent: defineComponent, + defineAsyncComponent: defineAsyncComponent, + useAttrs: useAttrs, + useSlots: useSlots, + defineProps: defineProps, + defineEmits: defineEmits, + defineExpose: defineExpose, + withDefaults: withDefaults, + mergeDefaults: mergeDefaults, + withAsyncContext: withAsyncContext, + getCurrentInstance: getCurrentInstance, + h: h, + createVNode: createVNode, + cloneVNode: cloneVNode, + mergeProps: mergeProps, + isVNode: isVNode, + Fragment: Fragment, + Text: Text, + Comment: Comment$1, + Static: Static, + Teleport: Teleport, + Suspense: Suspense, + KeepAlive: KeepAlive, + BaseTransition: BaseTransition, + withDirectives: withDirectives, + useSSRContext: useSSRContext, + ssrContextKey: ssrContextKey, + createRenderer: createRenderer, + createHydrationRenderer: createHydrationRenderer, + queuePostFlushCb: queuePostFlushCb, + warn: warn$1, + handleError: handleError, + callWithErrorHandling: callWithErrorHandling, + callWithAsyncErrorHandling: callWithAsyncErrorHandling, + resolveComponent: resolveComponent, + resolveDirective: resolveDirective, + resolveDynamicComponent: resolveDynamicComponent, + registerRuntimeCompiler: registerRuntimeCompiler, + isRuntimeOnly: isRuntimeOnly, + useTransitionState: useTransitionState, + resolveTransitionHooks: resolveTransitionHooks, + setTransitionHooks: setTransitionHooks, + getTransitionRawChildren: getTransitionRawChildren, + initCustomFormatter: initCustomFormatter, + get devtools () { return devtools; }, + setDevtoolsHook: setDevtoolsHook, + withCtx: withCtx, + pushScopeId: pushScopeId, + popScopeId: popScopeId, + withScopeId: withScopeId, + renderList: renderList, + toHandlers: toHandlers, + renderSlot: renderSlot, + createSlots: createSlots, + withMemo: withMemo, + isMemoSame: isMemoSame, + openBlock: openBlock, + createBlock: createBlock, + setBlockTracking: setBlockTracking, + createTextVNode: createTextVNode, + createCommentVNode: createCommentVNode, + createStaticVNode: createStaticVNode, + createElementVNode: createBaseVNode, + createElementBlock: createElementBlock, + guardReactiveProps: guardReactiveProps, + toDisplayString: toDisplayString, + camelize: camelize, + capitalize: capitalize, + toHandlerKey: toHandlerKey, + normalizeProps: normalizeProps, + normalizeClass: normalizeClass, + normalizeStyle: normalizeStyle, + transformVNodeArgs: transformVNodeArgs, + version: version, + ssrUtils: ssrUtils, + resolveFilter: resolveFilter, + compatUtils: compatUtils +}); + +function initDev() { + { + { + console.info(`You are running a development build of Vue.\n` + + `Make sure to use the production build (*.prod.js) when deploying for production.`); + } + initCustomFormatter(); + } +} + +function defaultOnError(error) { + throw error; +} +function defaultOnWarn(msg) { + console.warn(`[Vue warn] ${msg.message}`); +} +function createCompilerError(code, loc, messages, additionalMessage) { + const msg = (messages || errorMessages)[code] + (additionalMessage || ``) + ; + const error = new SyntaxError(String(msg)); + error.code = code; + error.loc = loc; + return error; +} +const errorMessages = { + // parse errors + [0 /* ABRUPT_CLOSING_OF_EMPTY_COMMENT */]: 'Illegal comment.', + [1 /* CDATA_IN_HTML_CONTENT */]: 'CDATA section is allowed only in XML context.', + [2 /* DUPLICATE_ATTRIBUTE */]: 'Duplicate attribute.', + [3 /* END_TAG_WITH_ATTRIBUTES */]: 'End tag cannot have attributes.', + [4 /* END_TAG_WITH_TRAILING_SOLIDUS */]: "Illegal '/' in tags.", + [5 /* EOF_BEFORE_TAG_NAME */]: 'Unexpected EOF in tag.', + [6 /* EOF_IN_CDATA */]: 'Unexpected EOF in CDATA section.', + [7 /* EOF_IN_COMMENT */]: 'Unexpected EOF in comment.', + [8 /* EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT */]: 'Unexpected EOF in script.', + [9 /* EOF_IN_TAG */]: 'Unexpected EOF in tag.', + [10 /* INCORRECTLY_CLOSED_COMMENT */]: 'Incorrectly closed comment.', + [11 /* INCORRECTLY_OPENED_COMMENT */]: 'Incorrectly opened comment.', + [12 /* INVALID_FIRST_CHARACTER_OF_TAG_NAME */]: "Illegal tag name. Use '<' to print '<'.", + [13 /* MISSING_ATTRIBUTE_VALUE */]: 'Attribute value was expected.', + [14 /* MISSING_END_TAG_NAME */]: 'End tag name was expected.', + [15 /* MISSING_WHITESPACE_BETWEEN_ATTRIBUTES */]: 'Whitespace was expected.', + [16 /* NESTED_COMMENT */]: "Unexpected '<!--' in comment.", + [17 /* UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME */]: 'Attribute name cannot contain U+0022 ("), U+0027 (\'), and U+003C (<).', + [18 /* UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */]: 'Unquoted attribute value cannot contain U+0022 ("), U+0027 (\'), U+003C (<), U+003D (=), and U+0060 (`).', + [19 /* UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */]: "Attribute name cannot start with '='.", + [21 /* UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */]: "'<?' is allowed only in XML context.", + [20 /* UNEXPECTED_NULL_CHARACTER */]: `Unexpected null cahracter.`, + [22 /* UNEXPECTED_SOLIDUS_IN_TAG */]: "Illegal '/' in tags.", + // Vue-specific parse errors + [23 /* X_INVALID_END_TAG */]: 'Invalid end tag.', + [24 /* X_MISSING_END_TAG */]: 'Element is missing end tag.', + [25 /* X_MISSING_INTERPOLATION_END */]: 'Interpolation end sign was not found.', + [26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */]: 'End bracket for dynamic directive argument was not found. ' + + 'Note that dynamic directive argument cannot contain spaces.', + // transform errors + [27 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`, + [28 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`, + [29 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`, + [30 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`, + [31 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`, + [32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`, + [33 /* X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`, + [34 /* X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`, + [35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`, + [36 /* X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` + + `When there are multiple named slots, all slots should use <template> ` + + `syntax to avoid scope ambiguity.`, + [37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `, + [38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */]: `Extraneous children found when component already has explicitly named ` + + `default slot. These children will be ignored.`, + [39 /* X_V_SLOT_MISPLACED */]: `v-slot can only be used on components or <template> tags.`, + [40 /* X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`, + [41 /* X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`, + [42 /* X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`, + [43 /* X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `, + [44 /* X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`, + // generic errors + [45 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`, + [46 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`, + [47 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`, + [48 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`, + // just to fullfill types + [49 /* __EXTEND_POINT__ */]: `` +}; + +const FRAGMENT = Symbol(`Fragment` ); +const TELEPORT = Symbol(`Teleport` ); +const SUSPENSE = Symbol(`Suspense` ); +const KEEP_ALIVE = Symbol(`KeepAlive` ); +const BASE_TRANSITION = Symbol(`BaseTransition` ); +const OPEN_BLOCK = Symbol(`openBlock` ); +const CREATE_BLOCK = Symbol(`createBlock` ); +const CREATE_ELEMENT_BLOCK = Symbol(`createElementBlock` ); +const CREATE_VNODE = Symbol(`createVNode` ); +const CREATE_ELEMENT_VNODE = Symbol(`createElementVNode` ); +const CREATE_COMMENT = Symbol(`createCommentVNode` ); +const CREATE_TEXT = Symbol(`createTextVNode` ); +const CREATE_STATIC = Symbol(`createStaticVNode` ); +const RESOLVE_COMPONENT = Symbol(`resolveComponent` ); +const RESOLVE_DYNAMIC_COMPONENT = Symbol(`resolveDynamicComponent` ); +const RESOLVE_DIRECTIVE = Symbol(`resolveDirective` ); +const RESOLVE_FILTER = Symbol(`resolveFilter` ); +const WITH_DIRECTIVES = Symbol(`withDirectives` ); +const RENDER_LIST = Symbol(`renderList` ); +const RENDER_SLOT = Symbol(`renderSlot` ); +const CREATE_SLOTS = Symbol(`createSlots` ); +const TO_DISPLAY_STRING = Symbol(`toDisplayString` ); +const MERGE_PROPS = Symbol(`mergeProps` ); +const NORMALIZE_CLASS = Symbol(`normalizeClass` ); +const NORMALIZE_STYLE = Symbol(`normalizeStyle` ); +const NORMALIZE_PROPS = Symbol(`normalizeProps` ); +const GUARD_REACTIVE_PROPS = Symbol(`guardReactiveProps` ); +const TO_HANDLERS = Symbol(`toHandlers` ); +const CAMELIZE = Symbol(`camelize` ); +const CAPITALIZE = Symbol(`capitalize` ); +const TO_HANDLER_KEY = Symbol(`toHandlerKey` ); +const SET_BLOCK_TRACKING = Symbol(`setBlockTracking` ); +const PUSH_SCOPE_ID = Symbol(`pushScopeId` ); +const POP_SCOPE_ID = Symbol(`popScopeId` ); +const WITH_SCOPE_ID = Symbol(`withScopeId` ); +const WITH_CTX = Symbol(`withCtx` ); +const UNREF = Symbol(`unref` ); +const IS_REF = Symbol(`isRef` ); +const WITH_MEMO = Symbol(`withMemo` ); +const IS_MEMO_SAME = Symbol(`isMemoSame` ); +// Name mapping for runtime helpers that need to be imported from 'vue' in +// generated code. Make sure these are correctly exported in the runtime! +// Using `any` here because TS doesn't allow symbols as index type. +const helperNameMap = { + [FRAGMENT]: `Fragment`, + [TELEPORT]: `Teleport`, + [SUSPENSE]: `Suspense`, + [KEEP_ALIVE]: `KeepAlive`, + [BASE_TRANSITION]: `BaseTransition`, + [OPEN_BLOCK]: `openBlock`, + [CREATE_BLOCK]: `createBlock`, + [CREATE_ELEMENT_BLOCK]: `createElementBlock`, + [CREATE_VNODE]: `createVNode`, + [CREATE_ELEMENT_VNODE]: `createElementVNode`, + [CREATE_COMMENT]: `createCommentVNode`, + [CREATE_TEXT]: `createTextVNode`, + [CREATE_STATIC]: `createStaticVNode`, + [RESOLVE_COMPONENT]: `resolveComponent`, + [RESOLVE_DYNAMIC_COMPONENT]: `resolveDynamicComponent`, + [RESOLVE_DIRECTIVE]: `resolveDirective`, + [RESOLVE_FILTER]: `resolveFilter`, + [WITH_DIRECTIVES]: `withDirectives`, + [RENDER_LIST]: `renderList`, + [RENDER_SLOT]: `renderSlot`, + [CREATE_SLOTS]: `createSlots`, + [TO_DISPLAY_STRING]: `toDisplayString`, + [MERGE_PROPS]: `mergeProps`, + [NORMALIZE_CLASS]: `normalizeClass`, + [NORMALIZE_STYLE]: `normalizeStyle`, + [NORMALIZE_PROPS]: `normalizeProps`, + [GUARD_REACTIVE_PROPS]: `guardReactiveProps`, + [TO_HANDLERS]: `toHandlers`, + [CAMELIZE]: `camelize`, + [CAPITALIZE]: `capitalize`, + [TO_HANDLER_KEY]: `toHandlerKey`, + [SET_BLOCK_TRACKING]: `setBlockTracking`, + [PUSH_SCOPE_ID]: `pushScopeId`, + [POP_SCOPE_ID]: `popScopeId`, + [WITH_SCOPE_ID]: `withScopeId`, + [WITH_CTX]: `withCtx`, + [UNREF]: `unref`, + [IS_REF]: `isRef`, + [WITH_MEMO]: `withMemo`, + [IS_MEMO_SAME]: `isMemoSame` +}; +function registerRuntimeHelpers(helpers) { + Object.getOwnPropertySymbols(helpers).forEach(s => { + helperNameMap[s] = helpers[s]; + }); +} + +// AST Utilities --------------------------------------------------------------- +// Some expressions, e.g. sequence and conditional expressions, are never +// associated with template nodes, so their source locations are just a stub. +// Container types like CompoundExpression also don't need a real location. +const locStub = { + source: '', + start: { line: 1, column: 1, offset: 0 }, + end: { line: 1, column: 1, offset: 0 } +}; +function createRoot(children, loc = locStub) { + return { + type: 0 /* ROOT */, + children, + helpers: [], + components: [], + directives: [], + hoists: [], + imports: [], + cached: 0, + temps: 0, + codegenNode: undefined, + loc + }; +} +function createVNodeCall(context, tag, props, children, patchFlag, dynamicProps, directives, isBlock = false, disableTracking = false, isComponent = false, loc = locStub) { + if (context) { + if (isBlock) { + context.helper(OPEN_BLOCK); + context.helper(getVNodeBlockHelper(context.inSSR, isComponent)); + } + else { + context.helper(getVNodeHelper(context.inSSR, isComponent)); + } + if (directives) { + context.helper(WITH_DIRECTIVES); + } + } + return { + type: 13 /* VNODE_CALL */, + tag, + props, + children, + patchFlag, + dynamicProps, + directives, + isBlock, + disableTracking, + isComponent, + loc + }; +} +function createArrayExpression(elements, loc = locStub) { + return { + type: 17 /* JS_ARRAY_EXPRESSION */, + loc, + elements + }; +} +function createObjectExpression(properties, loc = locStub) { + return { + type: 15 /* JS_OBJECT_EXPRESSION */, + loc, + properties + }; +} +function createObjectProperty(key, value) { + return { + type: 16 /* JS_PROPERTY */, + loc: locStub, + key: isString(key) ? createSimpleExpression(key, true) : key, + value + }; +} +function createSimpleExpression(content, isStatic = false, loc = locStub, constType = 0 /* NOT_CONSTANT */) { + return { + type: 4 /* SIMPLE_EXPRESSION */, + loc, + content, + isStatic, + constType: isStatic ? 3 /* CAN_STRINGIFY */ : constType + }; +} +function createCompoundExpression(children, loc = locStub) { + return { + type: 8 /* COMPOUND_EXPRESSION */, + loc, + children + }; +} +function createCallExpression(callee, args = [], loc = locStub) { + return { + type: 14 /* JS_CALL_EXPRESSION */, + loc, + callee, + arguments: args + }; +} +function createFunctionExpression(params, returns = undefined, newline = false, isSlot = false, loc = locStub) { + return { + type: 18 /* JS_FUNCTION_EXPRESSION */, + params, + returns, + newline, + isSlot, + loc + }; +} +function createConditionalExpression(test, consequent, alternate, newline = true) { + return { + type: 19 /* JS_CONDITIONAL_EXPRESSION */, + test, + consequent, + alternate, + newline, + loc: locStub + }; +} +function createCacheExpression(index, value, isVNode = false) { + return { + type: 20 /* JS_CACHE_EXPRESSION */, + index, + value, + isVNode, + loc: locStub + }; +} +function createBlockStatement(body) { + return { + type: 21 /* JS_BLOCK_STATEMENT */, + body, + loc: locStub + }; +} + +const isStaticExp = (p) => p.type === 4 /* SIMPLE_EXPRESSION */ && p.isStatic; +const isBuiltInType = (tag, expected) => tag === expected || tag === hyphenate(expected); +function isCoreComponent(tag) { + if (isBuiltInType(tag, 'Teleport')) { + return TELEPORT; + } + else if (isBuiltInType(tag, 'Suspense')) { + return SUSPENSE; + } + else if (isBuiltInType(tag, 'KeepAlive')) { + return KEEP_ALIVE; + } + else if (isBuiltInType(tag, 'BaseTransition')) { + return BASE_TRANSITION; + } +} +const nonIdentifierRE = /^\d|[^\$\w]/; +const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name); +const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/; +const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/; +const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g; +/** + * Simple lexer to check if an expression is a member expression. This is + * lax and only checks validity at the root level (i.e. does not validate exps + * inside square brackets), but it's ok since these are only used on template + * expressions and false positives are invalid expressions in the first place. + */ +const isMemberExpression = (path) => { + // remove whitespaces around . or [ first + path = path.trim().replace(whitespaceRE, s => s.trim()); + let state = 0 /* inMemberExp */; + let stateStack = []; + let currentOpenBracketCount = 0; + let currentOpenParensCount = 0; + let currentStringType = null; + for (let i = 0; i < path.length; i++) { + const char = path.charAt(i); + switch (state) { + case 0 /* inMemberExp */: + if (char === '[') { + stateStack.push(state); + state = 1 /* inBrackets */; + currentOpenBracketCount++; + } + else if (char === '(') { + stateStack.push(state); + state = 2 /* inParens */; + currentOpenParensCount++; + } + else if (!(i === 0 ? validFirstIdentCharRE : validIdentCharRE).test(char)) { + return false; + } + break; + case 1 /* inBrackets */: + if (char === `'` || char === `"` || char === '`') { + stateStack.push(state); + state = 3 /* inString */; + currentStringType = char; + } + else if (char === `[`) { + currentOpenBracketCount++; + } + else if (char === `]`) { + if (!--currentOpenBracketCount) { + state = stateStack.pop(); + } + } + break; + case 2 /* inParens */: + if (char === `'` || char === `"` || char === '`') { + stateStack.push(state); + state = 3 /* inString */; + currentStringType = char; + } + else if (char === `(`) { + currentOpenParensCount++; + } + else if (char === `)`) { + // if the exp ends as a call then it should not be considered valid + if (i === path.length - 1) { + return false; + } + if (!--currentOpenParensCount) { + state = stateStack.pop(); + } + } + break; + case 3 /* inString */: + if (char === currentStringType) { + state = stateStack.pop(); + currentStringType = null; + } + break; + } + } + return !currentOpenBracketCount && !currentOpenParensCount; +}; +function getInnerRange(loc, offset, length) { + const source = loc.source.substr(offset, length); + const newLoc = { + source, + start: advancePositionWithClone(loc.start, loc.source, offset), + end: loc.end + }; + if (length != null) { + newLoc.end = advancePositionWithClone(loc.start, loc.source, offset + length); + } + return newLoc; +} +function advancePositionWithClone(pos, source, numberOfCharacters = source.length) { + return advancePositionWithMutation(extend({}, pos), source, numberOfCharacters); +} +// advance by mutation without cloning (for performance reasons), since this +// gets called a lot in the parser +function advancePositionWithMutation(pos, source, numberOfCharacters = source.length) { + let linesCount = 0; + let lastNewLinePos = -1; + for (let i = 0; i < numberOfCharacters; i++) { + if (source.charCodeAt(i) === 10 /* newline char code */) { + linesCount++; + lastNewLinePos = i; + } + } + pos.offset += numberOfCharacters; + pos.line += linesCount; + pos.column = + lastNewLinePos === -1 + ? pos.column + numberOfCharacters + : numberOfCharacters - lastNewLinePos; + return pos; +} +function assert(condition, msg) { + /* istanbul ignore if */ + if (!condition) { + throw new Error(msg || `unexpected compiler condition`); + } +} +function findDir(node, name, allowEmpty = false) { + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 7 /* DIRECTIVE */ && + (allowEmpty || p.exp) && + (isString(name) ? p.name === name : name.test(p.name))) { + return p; + } + } +} +function findProp(node, name, dynamicOnly = false, allowEmpty = false) { + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 6 /* ATTRIBUTE */) { + if (dynamicOnly) + continue; + if (p.name === name && (p.value || allowEmpty)) { + return p; + } + } + else if (p.name === 'bind' && + (p.exp || allowEmpty) && + isBindKey(p.arg, name)) { + return p; + } + } +} +function isBindKey(arg, name) { + return !!(arg && isStaticExp(arg) && arg.content === name); +} +function hasDynamicKeyVBind(node) { + return node.props.some(p => p.type === 7 /* DIRECTIVE */ && + p.name === 'bind' && + (!p.arg || // v-bind="obj" + p.arg.type !== 4 /* SIMPLE_EXPRESSION */ || // v-bind:[_ctx.foo] + !p.arg.isStatic) // v-bind:[foo] + ); +} +function isText(node) { + return node.type === 5 /* INTERPOLATION */ || node.type === 2 /* TEXT */; +} +function isVSlot(p) { + return p.type === 7 /* DIRECTIVE */ && p.name === 'slot'; +} +function isTemplateNode(node) { + return (node.type === 1 /* ELEMENT */ && node.tagType === 3 /* TEMPLATE */); +} +function isSlotOutlet(node) { + return node.type === 1 /* ELEMENT */ && node.tagType === 2 /* SLOT */; +} +function getVNodeHelper(ssr, isComponent) { + return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE; +} +function getVNodeBlockHelper(ssr, isComponent) { + return ssr || isComponent ? CREATE_BLOCK : CREATE_ELEMENT_BLOCK; +} +const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]); +function getUnnormalizedProps(props, callPath = []) { + if (props && + !isString(props) && + props.type === 14 /* JS_CALL_EXPRESSION */) { + const callee = props.callee; + if (!isString(callee) && propsHelperSet.has(callee)) { + return getUnnormalizedProps(props.arguments[0], callPath.concat(props)); + } + } + return [props, callPath]; +} +function injectProp(node, prop, context) { + let propsWithInjection; + const originalProps = node.type === 13 /* VNODE_CALL */ ? node.props : node.arguments[2]; + /** + * 1. mergeProps(...) + * 2. toHandlers(...) + * 3. normalizeProps(...) + * 4. normalizeProps(guardReactiveProps(...)) + * + * we need to get the real props before normalization + */ + let props = originalProps; + let callPath = []; + let parentCall; + if (props && + !isString(props) && + props.type === 14 /* JS_CALL_EXPRESSION */) { + const ret = getUnnormalizedProps(props); + props = ret[0]; + callPath = ret[1]; + parentCall = callPath[callPath.length - 1]; + } + if (props == null || isString(props)) { + propsWithInjection = createObjectExpression([prop]); + } + else if (props.type === 14 /* JS_CALL_EXPRESSION */) { + // merged props... add ours + // only inject key to object literal if it's the first argument so that + // if doesn't override user provided keys + const first = props.arguments[0]; + if (!isString(first) && first.type === 15 /* JS_OBJECT_EXPRESSION */) { + first.properties.unshift(prop); + } + else { + if (props.callee === TO_HANDLERS) { + // #2366 + propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [ + createObjectExpression([prop]), + props + ]); + } + else { + props.arguments.unshift(createObjectExpression([prop])); + } + } + !propsWithInjection && (propsWithInjection = props); + } + else if (props.type === 15 /* JS_OBJECT_EXPRESSION */) { + let alreadyExists = false; + // check existing key to avoid overriding user provided keys + if (prop.key.type === 4 /* SIMPLE_EXPRESSION */) { + const propKeyName = prop.key.content; + alreadyExists = props.properties.some(p => p.key.type === 4 /* SIMPLE_EXPRESSION */ && + p.key.content === propKeyName); + } + if (!alreadyExists) { + props.properties.unshift(prop); + } + propsWithInjection = props; + } + else { + // single v-bind with expression, return a merged replacement + propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [ + createObjectExpression([prop]), + props + ]); + // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(props))`, + // it will be rewritten as `normalizeProps(mergeProps({ key: 0 }, props))`, + // the `guardReactiveProps` will no longer be needed + if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) { + parentCall = callPath[callPath.length - 2]; + } + } + if (node.type === 13 /* VNODE_CALL */) { + if (parentCall) { + parentCall.arguments[0] = propsWithInjection; + } + else { + node.props = propsWithInjection; + } + } + else { + if (parentCall) { + parentCall.arguments[0] = propsWithInjection; + } + else { + node.arguments[2] = propsWithInjection; + } + } +} +function toValidAssetId(name, type) { + // see issue#4422, we need adding identifier on validAssetId if variable `name` has specific character + return `_${type}_${name.replace(/[^\w]/g, (searchValue, replaceValue) => { + return searchValue === '-' ? '_' : name.charCodeAt(replaceValue).toString(); + })}`; +} +function getMemoedVNodeCall(node) { + if (node.type === 14 /* JS_CALL_EXPRESSION */ && node.callee === WITH_MEMO) { + return node.arguments[1].returns; + } + else { + return node; + } +} +function makeBlock(node, { helper, removeHelper, inSSR }) { + if (!node.isBlock) { + node.isBlock = true; + removeHelper(getVNodeHelper(inSSR, node.isComponent)); + helper(OPEN_BLOCK); + helper(getVNodeBlockHelper(inSSR, node.isComponent)); + } +} + +const deprecationData$1 = { + ["COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */]: { + message: `Platform-native elements with "is" prop will no longer be ` + + `treated as components in Vue 3 unless the "is" value is explicitly ` + + `prefixed with "vue:".`, + link: `https://v3.vuejs.org/guide/migration/custom-elements-interop.html` + }, + ["COMPILER_V_BIND_SYNC" /* COMPILER_V_BIND_SYNC */]: { + message: key => `.sync modifier for v-bind has been removed. Use v-model with ` + + `argument instead. \`v-bind:${key}.sync\` should be changed to ` + + `\`v-model:${key}\`.`, + link: `https://v3.vuejs.org/guide/migration/v-model.html` + }, + ["COMPILER_V_BIND_PROP" /* COMPILER_V_BIND_PROP */]: { + message: `.prop modifier for v-bind has been removed and no longer necessary. ` + + `Vue 3 will automatically set a binding as DOM property when appropriate.` + }, + ["COMPILER_V_BIND_OBJECT_ORDER" /* COMPILER_V_BIND_OBJECT_ORDER */]: { + message: `v-bind="obj" usage is now order sensitive and behaves like JavaScript ` + + `object spread: it will now overwrite an existing non-mergeable attribute ` + + `that appears before v-bind in the case of conflict. ` + + `To retain 2.x behavior, move v-bind to make it the first attribute. ` + + `You can also suppress this warning if the usage is intended.`, + link: `https://v3.vuejs.org/guide/migration/v-bind.html` + }, + ["COMPILER_V_ON_NATIVE" /* COMPILER_V_ON_NATIVE */]: { + message: `.native modifier for v-on has been removed as is no longer necessary.`, + link: `https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.html` + }, + ["COMPILER_V_IF_V_FOR_PRECEDENCE" /* COMPILER_V_IF_V_FOR_PRECEDENCE */]: { + message: `v-if / v-for precedence when used on the same element has changed ` + + `in Vue 3: v-if now takes higher precedence and will no longer have ` + + `access to v-for scope variables. It is best to avoid the ambiguity ` + + `with <template> tags or use a computed property that filters v-for ` + + `data source.`, + link: `https://v3.vuejs.org/guide/migration/v-if-v-for.html` + }, + ["COMPILER_V_FOR_REF" /* COMPILER_V_FOR_REF */]: { + message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` + + `Consider using function refs or refactor to avoid ref usage altogether.`, + link: `https://v3.vuejs.org/guide/migration/array-refs.html` + }, + ["COMPILER_NATIVE_TEMPLATE" /* COMPILER_NATIVE_TEMPLATE */]: { + message: `<template> with no special directives will render as a native template ` + + `element instead of its inner content in Vue 3.` + }, + ["COMPILER_INLINE_TEMPLATE" /* COMPILER_INLINE_TEMPLATE */]: { + message: `"inline-template" has been removed in Vue 3.`, + link: `https://v3.vuejs.org/guide/migration/inline-template-attribute.html` + }, + ["COMPILER_FILTER" /* COMPILER_FILTERS */]: { + message: `filters have been removed in Vue 3. ` + + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + + `Use method calls or computed properties instead.`, + link: `https://v3.vuejs.org/guide/migration/filters.html` + } +}; +function getCompatValue(key, context) { + const config = context.options + ? context.options.compatConfig + : context.compatConfig; + const value = config && config[key]; + if (key === 'MODE') { + return value || 3; // compiler defaults to v3 behavior + } + else { + return value; + } +} +function isCompatEnabled$1(key, context) { + const mode = getCompatValue('MODE', context); + const value = getCompatValue(key, context); + // in v3 mode, only enable if explicitly set to true + // otherwise enable for any non-false value + return mode === 3 ? value === true : value !== false; +} +function checkCompatEnabled(key, context, loc, ...args) { + const enabled = isCompatEnabled$1(key, context); + if (enabled) { + warnDeprecation$1(key, context, loc, ...args); + } + return enabled; +} +function warnDeprecation$1(key, context, loc, ...args) { + const val = getCompatValue(key, context); + if (val === 'suppress-warning') { + return; + } + const { message, link } = deprecationData$1[key]; + const msg = `(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`; + const err = new SyntaxError(msg); + err.code = key; + if (loc) + err.loc = loc; + context.onWarn(err); +} + +// The default decoder only provides escapes for characters reserved as part of +// the template syntax, and is only used if the custom renderer did not provide +// a platform-specific decoder. +const decodeRE = /&(gt|lt|amp|apos|quot);/g; +const decodeMap = { + gt: '>', + lt: '<', + amp: '&', + apos: "'", + quot: '"' +}; +const defaultParserOptions = { + delimiters: [`{{`, `}}`], + getNamespace: () => 0 /* HTML */, + getTextMode: () => 0 /* DATA */, + isVoidTag: NO, + isPreTag: NO, + isCustomElement: NO, + decodeEntities: (rawText) => rawText.replace(decodeRE, (_, p1) => decodeMap[p1]), + onError: defaultOnError, + onWarn: defaultOnWarn, + comments: true +}; +function baseParse(content, options = {}) { + const context = createParserContext(content, options); + const start = getCursor(context); + return createRoot(parseChildren(context, 0 /* DATA */, []), getSelection(context, start)); +} +function createParserContext(content, rawOptions) { + const options = extend({}, defaultParserOptions); + let key; + for (key in rawOptions) { + // @ts-ignore + options[key] = + rawOptions[key] === undefined + ? defaultParserOptions[key] + : rawOptions[key]; + } + return { + options, + column: 1, + line: 1, + offset: 0, + originalSource: content, + source: content, + inPre: false, + inVPre: false, + onWarn: options.onWarn + }; +} +function parseChildren(context, mode, ancestors) { + const parent = last(ancestors); + const ns = parent ? parent.ns : 0 /* HTML */; + const nodes = []; + while (!isEnd(context, mode, ancestors)) { + const s = context.source; + let node = undefined; + if (mode === 0 /* DATA */ || mode === 1 /* RCDATA */) { + if (!context.inVPre && startsWith(s, context.options.delimiters[0])) { + // '{{' + node = parseInterpolation(context, mode); + } + else if (mode === 0 /* DATA */ && s[0] === '<') { + // https://html.spec.whatwg.org/multipage/parsing.html#tag-open-state + if (s.length === 1) { + emitError(context, 5 /* EOF_BEFORE_TAG_NAME */, 1); + } + else if (s[1] === '!') { + // https://html.spec.whatwg.org/multipage/parsing.html#markup-declaration-open-state + if (startsWith(s, '<!--')) { + node = parseComment(context); + } + else if (startsWith(s, '<!DOCTYPE')) { + // Ignore DOCTYPE by a limitation. + node = parseBogusComment(context); + } + else if (startsWith(s, '<![CDATA[')) { + if (ns !== 0 /* HTML */) { + node = parseCDATA(context, ancestors); + } + else { + emitError(context, 1 /* CDATA_IN_HTML_CONTENT */); + node = parseBogusComment(context); + } + } + else { + emitError(context, 11 /* INCORRECTLY_OPENED_COMMENT */); + node = parseBogusComment(context); + } + } + else if (s[1] === '/') { + // https://html.spec.whatwg.org/multipage/parsing.html#end-tag-open-state + if (s.length === 2) { + emitError(context, 5 /* EOF_BEFORE_TAG_NAME */, 2); + } + else if (s[2] === '>') { + emitError(context, 14 /* MISSING_END_TAG_NAME */, 2); + advanceBy(context, 3); + continue; + } + else if (/[a-z]/i.test(s[2])) { + emitError(context, 23 /* X_INVALID_END_TAG */); + parseTag(context, 1 /* End */, parent); + continue; + } + else { + emitError(context, 12 /* INVALID_FIRST_CHARACTER_OF_TAG_NAME */, 2); + node = parseBogusComment(context); + } + } + else if (/[a-z]/i.test(s[1])) { + node = parseElement(context, ancestors); + } + else if (s[1] === '?') { + emitError(context, 21 /* UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */, 1); + node = parseBogusComment(context); + } + else { + emitError(context, 12 /* INVALID_FIRST_CHARACTER_OF_TAG_NAME */, 1); + } + } + } + if (!node) { + node = parseText(context, mode); + } + if (isArray(node)) { + for (let i = 0; i < node.length; i++) { + pushNode(nodes, node[i]); + } + } + else { + pushNode(nodes, node); + } + } + // Whitespace handling strategy like v2 + let removedWhitespace = false; + if (mode !== 2 /* RAWTEXT */ && mode !== 1 /* RCDATA */) { + const shouldCondense = context.options.whitespace !== 'preserve'; + for (let i = 0; i < nodes.length; i++) { + const node = nodes[i]; + if (!context.inPre && node.type === 2 /* TEXT */) { + if (!/[^\t\r\n\f ]/.test(node.content)) { + const prev = nodes[i - 1]; + const next = nodes[i + 1]; + // Remove if: + // - the whitespace is the first or last node, or: + // - (condense mode) the whitespace is adjacent to a comment, or: + // - (condense mode) the whitespace is between two elements AND contains newline + if (!prev || + !next || + (shouldCondense && + (prev.type === 3 /* COMMENT */ || + next.type === 3 /* COMMENT */ || + (prev.type === 1 /* ELEMENT */ && + next.type === 1 /* ELEMENT */ && + /[\r\n]/.test(node.content))))) { + removedWhitespace = true; + nodes[i] = null; + } + else { + // Otherwise, the whitespace is condensed into a single space + node.content = ' '; + } + } + else if (shouldCondense) { + // in condense mode, consecutive whitespaces in text are condensed + // down to a single space. + node.content = node.content.replace(/[\t\r\n\f ]+/g, ' '); + } + } + // Remove comment nodes if desired by configuration. + else if (node.type === 3 /* COMMENT */ && !context.options.comments) { + removedWhitespace = true; + nodes[i] = null; + } + } + if (context.inPre && parent && context.options.isPreTag(parent.tag)) { + // remove leading newline per html spec + // https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element + const first = nodes[0]; + if (first && first.type === 2 /* TEXT */) { + first.content = first.content.replace(/^\r?\n/, ''); + } + } + } + return removedWhitespace ? nodes.filter(Boolean) : nodes; +} +function pushNode(nodes, node) { + if (node.type === 2 /* TEXT */) { + const prev = last(nodes); + // Merge if both this and the previous node are text and those are + // consecutive. This happens for cases like "a < b". + if (prev && + prev.type === 2 /* TEXT */ && + prev.loc.end.offset === node.loc.start.offset) { + prev.content += node.content; + prev.loc.end = node.loc.end; + prev.loc.source += node.loc.source; + return; + } + } + nodes.push(node); +} +function parseCDATA(context, ancestors) { + advanceBy(context, 9); + const nodes = parseChildren(context, 3 /* CDATA */, ancestors); + if (context.source.length === 0) { + emitError(context, 6 /* EOF_IN_CDATA */); + } + else { + advanceBy(context, 3); + } + return nodes; +} +function parseComment(context) { + const start = getCursor(context); + let content; + // Regular comment. + const match = /--(\!)?>/.exec(context.source); + if (!match) { + content = context.source.slice(4); + advanceBy(context, context.source.length); + emitError(context, 7 /* EOF_IN_COMMENT */); + } + else { + if (match.index <= 3) { + emitError(context, 0 /* ABRUPT_CLOSING_OF_EMPTY_COMMENT */); + } + if (match[1]) { + emitError(context, 10 /* INCORRECTLY_CLOSED_COMMENT */); + } + content = context.source.slice(4, match.index); + // Advancing with reporting nested comments. + const s = context.source.slice(0, match.index); + let prevIndex = 1, nestedIndex = 0; + while ((nestedIndex = s.indexOf('<!--', prevIndex)) !== -1) { + advanceBy(context, nestedIndex - prevIndex + 1); + if (nestedIndex + 4 < s.length) { + emitError(context, 16 /* NESTED_COMMENT */); + } + prevIndex = nestedIndex + 1; + } + advanceBy(context, match.index + match[0].length - prevIndex + 1); + } + return { + type: 3 /* COMMENT */, + content, + loc: getSelection(context, start) + }; +} +function parseBogusComment(context) { + const start = getCursor(context); + const contentStart = context.source[1] === '?' ? 1 : 2; + let content; + const closeIndex = context.source.indexOf('>'); + if (closeIndex === -1) { + content = context.source.slice(contentStart); + advanceBy(context, context.source.length); + } + else { + content = context.source.slice(contentStart, closeIndex); + advanceBy(context, closeIndex + 1); + } + return { + type: 3 /* COMMENT */, + content, + loc: getSelection(context, start) + }; +} +function parseElement(context, ancestors) { + // Start tag. + const wasInPre = context.inPre; + const wasInVPre = context.inVPre; + const parent = last(ancestors); + const element = parseTag(context, 0 /* Start */, parent); + const isPreBoundary = context.inPre && !wasInPre; + const isVPreBoundary = context.inVPre && !wasInVPre; + if (element.isSelfClosing || context.options.isVoidTag(element.tag)) { + // #4030 self-closing <pre> tag + if (isPreBoundary) { + context.inPre = false; + } + if (isVPreBoundary) { + context.inVPre = false; + } + return element; + } + // Children. + ancestors.push(element); + const mode = context.options.getTextMode(element, parent); + const children = parseChildren(context, mode, ancestors); + ancestors.pop(); + element.children = children; + // End tag. + if (startsWithEndTagOpen(context.source, element.tag)) { + parseTag(context, 1 /* End */, parent); + } + else { + emitError(context, 24 /* X_MISSING_END_TAG */, 0, element.loc.start); + if (context.source.length === 0 && element.tag.toLowerCase() === 'script') { + const first = children[0]; + if (first && startsWith(first.loc.source, '<!--')) { + emitError(context, 8 /* EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT */); + } + } + } + element.loc = getSelection(context, element.loc.start); + if (isPreBoundary) { + context.inPre = false; + } + if (isVPreBoundary) { + context.inVPre = false; + } + return element; +} +const isSpecialTemplateDirective = /*#__PURE__*/ makeMap(`if,else,else-if,for,slot`); +function parseTag(context, type, parent) { + // Tag open. + const start = getCursor(context); + const match = /^<\/?([a-z][^\t\r\n\f />]*)/i.exec(context.source); + const tag = match[1]; + const ns = context.options.getNamespace(tag, parent); + advanceBy(context, match[0].length); + advanceSpaces(context); + // save current state in case we need to re-parse attributes with v-pre + const cursor = getCursor(context); + const currentSource = context.source; + // check <pre> tag + if (context.options.isPreTag(tag)) { + context.inPre = true; + } + // Attributes. + let props = parseAttributes(context, type); + // check v-pre + if (type === 0 /* Start */ && + !context.inVPre && + props.some(p => p.type === 7 /* DIRECTIVE */ && p.name === 'pre')) { + context.inVPre = true; + // reset context + extend(context, cursor); + context.source = currentSource; + // re-parse attrs and filter out v-pre itself + props = parseAttributes(context, type).filter(p => p.name !== 'v-pre'); + } + // Tag close. + let isSelfClosing = false; + if (context.source.length === 0) { + emitError(context, 9 /* EOF_IN_TAG */); + } + else { + isSelfClosing = startsWith(context.source, '/>'); + if (type === 1 /* End */ && isSelfClosing) { + emitError(context, 4 /* END_TAG_WITH_TRAILING_SOLIDUS */); + } + advanceBy(context, isSelfClosing ? 2 : 1); + } + if (type === 1 /* End */) { + return; + } + let tagType = 0 /* ELEMENT */; + if (!context.inVPre) { + if (tag === 'slot') { + tagType = 2 /* SLOT */; + } + else if (tag === 'template') { + if (props.some(p => p.type === 7 /* DIRECTIVE */ && isSpecialTemplateDirective(p.name))) { + tagType = 3 /* TEMPLATE */; + } + } + else if (isComponent(tag, props, context)) { + tagType = 1 /* COMPONENT */; + } + } + return { + type: 1 /* ELEMENT */, + ns, + tag, + tagType, + props, + isSelfClosing, + children: [], + loc: getSelection(context, start), + codegenNode: undefined // to be created during transform phase + }; +} +function isComponent(tag, props, context) { + const options = context.options; + if (options.isCustomElement(tag)) { + return false; + } + if (tag === 'component' || + /^[A-Z]/.test(tag) || + isCoreComponent(tag) || + (options.isBuiltInComponent && options.isBuiltInComponent(tag)) || + (options.isNativeTag && !options.isNativeTag(tag))) { + return true; + } + // at this point the tag should be a native tag, but check for potential "is" + // casting + for (let i = 0; i < props.length; i++) { + const p = props[i]; + if (p.type === 6 /* ATTRIBUTE */) { + if (p.name === 'is' && p.value) { + if (p.value.content.startsWith('vue:')) { + return true; + } + } + } + else { + // directive + // v-is (TODO Deprecate) + if (p.name === 'is') { + return true; + } + else if ( + // :is on plain element - only treat as component in compat mode + p.name === 'bind' && + isBindKey(p.arg, 'is') && + false && + checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */, context, p.loc)) { + return true; + } + } + } +} +function parseAttributes(context, type) { + const props = []; + const attributeNames = new Set(); + while (context.source.length > 0 && + !startsWith(context.source, '>') && + !startsWith(context.source, '/>')) { + if (startsWith(context.source, '/')) { + emitError(context, 22 /* UNEXPECTED_SOLIDUS_IN_TAG */); + advanceBy(context, 1); + advanceSpaces(context); + continue; + } + if (type === 1 /* End */) { + emitError(context, 3 /* END_TAG_WITH_ATTRIBUTES */); + } + const attr = parseAttribute(context, attributeNames); + if (type === 0 /* Start */) { + props.push(attr); + } + if (/^[^\t\r\n\f />]/.test(context.source)) { + emitError(context, 15 /* MISSING_WHITESPACE_BETWEEN_ATTRIBUTES */); + } + advanceSpaces(context); + } + return props; +} +function parseAttribute(context, nameSet) { + // Name. + const start = getCursor(context); + const match = /^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(context.source); + const name = match[0]; + if (nameSet.has(name)) { + emitError(context, 2 /* DUPLICATE_ATTRIBUTE */); + } + nameSet.add(name); + if (name[0] === '=') { + emitError(context, 19 /* UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */); + } + { + const pattern = /["'<]/g; + let m; + while ((m = pattern.exec(name))) { + emitError(context, 17 /* UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME */, m.index); + } + } + advanceBy(context, name.length); + // Value + let value = undefined; + if (/^[\t\r\n\f ]*=/.test(context.source)) { + advanceSpaces(context); + advanceBy(context, 1); + advanceSpaces(context); + value = parseAttributeValue(context); + if (!value) { + emitError(context, 13 /* MISSING_ATTRIBUTE_VALUE */); + } + } + const loc = getSelection(context, start); + if (!context.inVPre && /^(v-|:|\.|@|#)/.test(name)) { + const match = /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name); + let isPropShorthand = startsWith(name, '.'); + let dirName = match[1] || + (isPropShorthand || startsWith(name, ':') + ? 'bind' + : startsWith(name, '@') + ? 'on' + : 'slot'); + let arg; + if (match[2]) { + const isSlot = dirName === 'slot'; + const startOffset = name.lastIndexOf(match[2]); + const loc = getSelection(context, getNewPosition(context, start, startOffset), getNewPosition(context, start, startOffset + match[2].length + ((isSlot && match[3]) || '').length)); + let content = match[2]; + let isStatic = true; + if (content.startsWith('[')) { + isStatic = false; + if (!content.endsWith(']')) { + emitError(context, 26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */); + } + content = content.substr(1, content.length - 2); + } + else if (isSlot) { + // #1241 special case for v-slot: vuetify relies extensively on slot + // names containing dots. v-slot doesn't have any modifiers and Vue 2.x + // supports such usage so we are keeping it consistent with 2.x. + content += match[3] || ''; + } + arg = { + type: 4 /* SIMPLE_EXPRESSION */, + content, + isStatic, + constType: isStatic + ? 3 /* CAN_STRINGIFY */ + : 0 /* NOT_CONSTANT */, + loc + }; + } + if (value && value.isQuoted) { + const valueLoc = value.loc; + valueLoc.start.offset++; + valueLoc.start.column++; + valueLoc.end = advancePositionWithClone(valueLoc.start, value.content); + valueLoc.source = valueLoc.source.slice(1, -1); + } + const modifiers = match[3] ? match[3].substr(1).split('.') : []; + if (isPropShorthand) + modifiers.push('prop'); + return { + type: 7 /* DIRECTIVE */, + name: dirName, + exp: value && { + type: 4 /* SIMPLE_EXPRESSION */, + content: value.content, + isStatic: false, + // Treat as non-constant by default. This can be potentially set to + // other values by `transformExpression` to make it eligible for hoisting. + constType: 0 /* NOT_CONSTANT */, + loc: value.loc + }, + arg, + modifiers, + loc + }; + } + return { + type: 6 /* ATTRIBUTE */, + name, + value: value && { + type: 2 /* TEXT */, + content: value.content, + loc: value.loc + }, + loc + }; +} +function parseAttributeValue(context) { + const start = getCursor(context); + let content; + const quote = context.source[0]; + const isQuoted = quote === `"` || quote === `'`; + if (isQuoted) { + // Quoted value. + advanceBy(context, 1); + const endIndex = context.source.indexOf(quote); + if (endIndex === -1) { + content = parseTextData(context, context.source.length, 4 /* ATTRIBUTE_VALUE */); + } + else { + content = parseTextData(context, endIndex, 4 /* ATTRIBUTE_VALUE */); + advanceBy(context, 1); + } + } + else { + // Unquoted + const match = /^[^\t\r\n\f >]+/.exec(context.source); + if (!match) { + return undefined; + } + const unexpectedChars = /["'<=`]/g; + let m; + while ((m = unexpectedChars.exec(match[0]))) { + emitError(context, 18 /* UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */, m.index); + } + content = parseTextData(context, match[0].length, 4 /* ATTRIBUTE_VALUE */); + } + return { content, isQuoted, loc: getSelection(context, start) }; +} +function parseInterpolation(context, mode) { + const [open, close] = context.options.delimiters; + const closeIndex = context.source.indexOf(close, open.length); + if (closeIndex === -1) { + emitError(context, 25 /* X_MISSING_INTERPOLATION_END */); + return undefined; + } + const start = getCursor(context); + advanceBy(context, open.length); + const innerStart = getCursor(context); + const innerEnd = getCursor(context); + const rawContentLength = closeIndex - open.length; + const rawContent = context.source.slice(0, rawContentLength); + const preTrimContent = parseTextData(context, rawContentLength, mode); + const content = preTrimContent.trim(); + const startOffset = preTrimContent.indexOf(content); + if (startOffset > 0) { + advancePositionWithMutation(innerStart, rawContent, startOffset); + } + const endOffset = rawContentLength - (preTrimContent.length - content.length - startOffset); + advancePositionWithMutation(innerEnd, rawContent, endOffset); + advanceBy(context, close.length); + return { + type: 5 /* INTERPOLATION */, + content: { + type: 4 /* SIMPLE_EXPRESSION */, + isStatic: false, + // Set `isConstant` to false by default and will decide in transformExpression + constType: 0 /* NOT_CONSTANT */, + content, + loc: getSelection(context, innerStart, innerEnd) + }, + loc: getSelection(context, start) + }; +} +function parseText(context, mode) { + const endTokens = ['<', context.options.delimiters[0]]; + if (mode === 3 /* CDATA */) { + endTokens.push(']]>'); + } + let endIndex = context.source.length; + for (let i = 0; i < endTokens.length; i++) { + const index = context.source.indexOf(endTokens[i], 1); + if (index !== -1 && endIndex > index) { + endIndex = index; + } + } + const start = getCursor(context); + const content = parseTextData(context, endIndex, mode); + return { + type: 2 /* TEXT */, + content, + loc: getSelection(context, start) + }; +} +/** + * Get text data with a given length from the current location. + * This translates HTML entities in the text data. + */ +function parseTextData(context, length, mode) { + const rawText = context.source.slice(0, length); + advanceBy(context, length); + if (mode === 2 /* RAWTEXT */ || + mode === 3 /* CDATA */ || + rawText.indexOf('&') === -1) { + return rawText; + } + else { + // DATA or RCDATA containing "&"". Entity decoding required. + return context.options.decodeEntities(rawText, mode === 4 /* ATTRIBUTE_VALUE */); + } +} +function getCursor(context) { + const { column, line, offset } = context; + return { column, line, offset }; +} +function getSelection(context, start, end) { + end = end || getCursor(context); + return { + start, + end, + source: context.originalSource.slice(start.offset, end.offset) + }; +} +function last(xs) { + return xs[xs.length - 1]; +} +function startsWith(source, searchString) { + return source.startsWith(searchString); +} +function advanceBy(context, numberOfCharacters) { + const { source } = context; + advancePositionWithMutation(context, source, numberOfCharacters); + context.source = source.slice(numberOfCharacters); +} +function advanceSpaces(context) { + const match = /^[\t\r\n\f ]+/.exec(context.source); + if (match) { + advanceBy(context, match[0].length); + } +} +function getNewPosition(context, start, numberOfCharacters) { + return advancePositionWithClone(start, context.originalSource.slice(start.offset, numberOfCharacters), numberOfCharacters); +} +function emitError(context, code, offset, loc = getCursor(context)) { + if (offset) { + loc.offset += offset; + loc.column += offset; + } + context.options.onError(createCompilerError(code, { + start: loc, + end: loc, + source: '' + })); +} +function isEnd(context, mode, ancestors) { + const s = context.source; + switch (mode) { + case 0 /* DATA */: + if (startsWith(s, '</')) { + // TODO: probably bad performance + for (let i = ancestors.length - 1; i >= 0; --i) { + if (startsWithEndTagOpen(s, ancestors[i].tag)) { + return true; + } + } + } + break; + case 1 /* RCDATA */: + case 2 /* RAWTEXT */: { + const parent = last(ancestors); + if (parent && startsWithEndTagOpen(s, parent.tag)) { + return true; + } + break; + } + case 3 /* CDATA */: + if (startsWith(s, ']]>')) { + return true; + } + break; + } + return !s; +} +function startsWithEndTagOpen(source, tag) { + return (startsWith(source, '</') && + source.substr(2, tag.length).toLowerCase() === tag.toLowerCase() && + /[\t\r\n\f />]/.test(source[2 + tag.length] || '>')); +} + +function hoistStatic(root, context) { + walk(root, context, + // Root node is unfortunately non-hoistable due to potential parent + // fallthrough attributes. + isSingleElementRoot(root, root.children[0])); +} +function isSingleElementRoot(root, child) { + const { children } = root; + return (children.length === 1 && + child.type === 1 /* ELEMENT */ && + !isSlotOutlet(child)); +} +function walk(node, context, doNotHoistNode = false) { + // Some transforms, e.g. transformAssetUrls from @vue/compiler-sfc, replaces + // static bindings with expressions. These expressions are guaranteed to be + // constant so they are still eligible for hoisting, but they are only + // available at runtime and therefore cannot be evaluated ahead of time. + // This is only a concern for pre-stringification (via transformHoist by + // @vue/compiler-dom), but doing it here allows us to perform only one full + // walk of the AST and allow `stringifyStatic` to stop walking as soon as its + // stringficiation threshold is met. + let canStringify = true; + const { children } = node; + const originalCount = children.length; + let hoistedCount = 0; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + // only plain elements & text calls are eligible for hoisting. + if (child.type === 1 /* ELEMENT */ && + child.tagType === 0 /* ELEMENT */) { + const constantType = doNotHoistNode + ? 0 /* NOT_CONSTANT */ + : getConstantType(child, context); + if (constantType > 0 /* NOT_CONSTANT */) { + if (constantType < 3 /* CAN_STRINGIFY */) { + canStringify = false; + } + if (constantType >= 2 /* CAN_HOIST */) { + child.codegenNode.patchFlag = + -1 /* HOISTED */ + (` /* HOISTED */` ); + child.codegenNode = context.hoist(child.codegenNode); + hoistedCount++; + continue; + } + } + else { + // node may contain dynamic children, but its props may be eligible for + // hoisting. + const codegenNode = child.codegenNode; + if (codegenNode.type === 13 /* VNODE_CALL */) { + const flag = getPatchFlag(codegenNode); + if ((!flag || + flag === 512 /* NEED_PATCH */ || + flag === 1 /* TEXT */) && + getGeneratedPropsConstantType(child, context) >= + 2 /* CAN_HOIST */) { + const props = getNodeProps(child); + if (props) { + codegenNode.props = context.hoist(props); + } + } + if (codegenNode.dynamicProps) { + codegenNode.dynamicProps = context.hoist(codegenNode.dynamicProps); + } + } + } + } + else if (child.type === 12 /* TEXT_CALL */) { + const contentType = getConstantType(child.content, context); + if (contentType > 0) { + if (contentType < 3 /* CAN_STRINGIFY */) { + canStringify = false; + } + if (contentType >= 2 /* CAN_HOIST */) { + child.codegenNode = context.hoist(child.codegenNode); + hoistedCount++; + } + } + } + // walk further + if (child.type === 1 /* ELEMENT */) { + const isComponent = child.tagType === 1 /* COMPONENT */; + if (isComponent) { + context.scopes.vSlot++; + } + walk(child, context); + if (isComponent) { + context.scopes.vSlot--; + } + } + else if (child.type === 11 /* FOR */) { + // Do not hoist v-for single child because it has to be a block + walk(child, context, child.children.length === 1); + } + else if (child.type === 9 /* IF */) { + for (let i = 0; i < child.branches.length; i++) { + // Do not hoist v-if single child because it has to be a block + walk(child.branches[i], context, child.branches[i].children.length === 1); + } + } + } + if (canStringify && hoistedCount && context.transformHoist) { + context.transformHoist(children, context, node); + } + // all children were hoisted - the entire children array is hoistable. + if (hoistedCount && + hoistedCount === originalCount && + node.type === 1 /* ELEMENT */ && + node.tagType === 0 /* ELEMENT */ && + node.codegenNode && + node.codegenNode.type === 13 /* VNODE_CALL */ && + isArray(node.codegenNode.children)) { + node.codegenNode.children = context.hoist(createArrayExpression(node.codegenNode.children)); + } +} +function getConstantType(node, context) { + const { constantCache } = context; + switch (node.type) { + case 1 /* ELEMENT */: + if (node.tagType !== 0 /* ELEMENT */) { + return 0 /* NOT_CONSTANT */; + } + const cached = constantCache.get(node); + if (cached !== undefined) { + return cached; + } + const codegenNode = node.codegenNode; + if (codegenNode.type !== 13 /* VNODE_CALL */) { + return 0 /* NOT_CONSTANT */; + } + const flag = getPatchFlag(codegenNode); + if (!flag) { + let returnType = 3 /* CAN_STRINGIFY */; + // Element itself has no patch flag. However we still need to check: + // 1. Even for a node with no patch flag, it is possible for it to contain + // non-hoistable expressions that refers to scope variables, e.g. compiler + // injected keys or cached event handlers. Therefore we need to always + // check the codegenNode's props to be sure. + const generatedPropsType = getGeneratedPropsConstantType(node, context); + if (generatedPropsType === 0 /* NOT_CONSTANT */) { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + if (generatedPropsType < returnType) { + returnType = generatedPropsType; + } + // 2. its children. + for (let i = 0; i < node.children.length; i++) { + const childType = getConstantType(node.children[i], context); + if (childType === 0 /* NOT_CONSTANT */) { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + if (childType < returnType) { + returnType = childType; + } + } + // 3. if the type is not already CAN_SKIP_PATCH which is the lowest non-0 + // type, check if any of the props can cause the type to be lowered + // we can skip can_patch because it's guaranteed by the absence of a + // patchFlag. + if (returnType > 1 /* CAN_SKIP_PATCH */) { + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 7 /* DIRECTIVE */ && p.name === 'bind' && p.exp) { + const expType = getConstantType(p.exp, context); + if (expType === 0 /* NOT_CONSTANT */) { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + if (expType < returnType) { + returnType = expType; + } + } + } + } + // only svg/foreignObject could be block here, however if they are + // static then they don't need to be blocks since there will be no + // nested updates. + if (codegenNode.isBlock) { + context.removeHelper(OPEN_BLOCK); + context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent)); + codegenNode.isBlock = false; + context.helper(getVNodeHelper(context.inSSR, codegenNode.isComponent)); + } + constantCache.set(node, returnType); + return returnType; + } + else { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + case 2 /* TEXT */: + case 3 /* COMMENT */: + return 3 /* CAN_STRINGIFY */; + case 9 /* IF */: + case 11 /* FOR */: + case 10 /* IF_BRANCH */: + return 0 /* NOT_CONSTANT */; + case 5 /* INTERPOLATION */: + case 12 /* TEXT_CALL */: + return getConstantType(node.content, context); + case 4 /* SIMPLE_EXPRESSION */: + return node.constType; + case 8 /* COMPOUND_EXPRESSION */: + let returnType = 3 /* CAN_STRINGIFY */; + for (let i = 0; i < node.children.length; i++) { + const child = node.children[i]; + if (isString(child) || isSymbol(child)) { + continue; + } + const childType = getConstantType(child, context); + if (childType === 0 /* NOT_CONSTANT */) { + return 0 /* NOT_CONSTANT */; + } + else if (childType < returnType) { + returnType = childType; + } + } + return returnType; + default: + return 0 /* NOT_CONSTANT */; + } +} +const allowHoistedHelperSet = new Set([ + NORMALIZE_CLASS, + NORMALIZE_STYLE, + NORMALIZE_PROPS, + GUARD_REACTIVE_PROPS +]); +function getConstantTypeOfHelperCall(value, context) { + if (value.type === 14 /* JS_CALL_EXPRESSION */ && + !isString(value.callee) && + allowHoistedHelperSet.has(value.callee)) { + const arg = value.arguments[0]; + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + return getConstantType(arg, context); + } + else if (arg.type === 14 /* JS_CALL_EXPRESSION */) { + // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(exp))` + return getConstantTypeOfHelperCall(arg, context); + } + } + return 0 /* NOT_CONSTANT */; +} +function getGeneratedPropsConstantType(node, context) { + let returnType = 3 /* CAN_STRINGIFY */; + const props = getNodeProps(node); + if (props && props.type === 15 /* JS_OBJECT_EXPRESSION */) { + const { properties } = props; + for (let i = 0; i < properties.length; i++) { + const { key, value } = properties[i]; + const keyType = getConstantType(key, context); + if (keyType === 0 /* NOT_CONSTANT */) { + return keyType; + } + if (keyType < returnType) { + returnType = keyType; + } + let valueType; + if (value.type === 4 /* SIMPLE_EXPRESSION */) { + valueType = getConstantType(value, context); + } + else if (value.type === 14 /* JS_CALL_EXPRESSION */) { + // some helper calls can be hoisted, + // such as the `normalizeProps` generated by the compiler for pre-normalize class, + // in this case we need to respect the ConstanType of the helper's argments + valueType = getConstantTypeOfHelperCall(value, context); + } + else { + valueType = 0 /* NOT_CONSTANT */; + } + if (valueType === 0 /* NOT_CONSTANT */) { + return valueType; + } + if (valueType < returnType) { + returnType = valueType; + } + } + } + return returnType; +} +function getNodeProps(node) { + const codegenNode = node.codegenNode; + if (codegenNode.type === 13 /* VNODE_CALL */) { + return codegenNode.props; + } +} +function getPatchFlag(node) { + const flag = node.patchFlag; + return flag ? parseInt(flag, 10) : undefined; +} + +function createTransformContext(root, { filename = '', prefixIdentifiers = false, hoistStatic = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) { + const nameMatch = filename.replace(/\?.*$/, '').match(/([^/\\]+)\.\w+$/); + const context = { + // options + selfName: nameMatch && capitalize(camelize(nameMatch[1])), + prefixIdentifiers, + hoistStatic, + cacheHandlers, + nodeTransforms, + directiveTransforms, + transformHoist, + isBuiltInComponent, + isCustomElement, + expressionPlugins, + scopeId, + slotted, + ssr, + inSSR, + ssrCssVars, + bindingMetadata, + inline, + isTS, + onError, + onWarn, + compatConfig, + // state + root, + helpers: new Map(), + components: new Set(), + directives: new Set(), + hoists: [], + imports: [], + constantCache: new Map(), + temps: 0, + cached: 0, + identifiers: Object.create(null), + scopes: { + vFor: 0, + vSlot: 0, + vPre: 0, + vOnce: 0 + }, + parent: null, + currentNode: root, + childIndex: 0, + inVOnce: false, + // methods + helper(name) { + const count = context.helpers.get(name) || 0; + context.helpers.set(name, count + 1); + return name; + }, + removeHelper(name) { + const count = context.helpers.get(name); + if (count) { + const currentCount = count - 1; + if (!currentCount) { + context.helpers.delete(name); + } + else { + context.helpers.set(name, currentCount); + } + } + }, + helperString(name) { + return `_${helperNameMap[context.helper(name)]}`; + }, + replaceNode(node) { + /* istanbul ignore if */ + { + if (!context.currentNode) { + throw new Error(`Node being replaced is already removed.`); + } + if (!context.parent) { + throw new Error(`Cannot replace root node.`); + } + } + context.parent.children[context.childIndex] = context.currentNode = node; + }, + removeNode(node) { + if (!context.parent) { + throw new Error(`Cannot remove root node.`); + } + const list = context.parent.children; + const removalIndex = node + ? list.indexOf(node) + : context.currentNode + ? context.childIndex + : -1; + /* istanbul ignore if */ + if (removalIndex < 0) { + throw new Error(`node being removed is not a child of current parent`); + } + if (!node || node === context.currentNode) { + // current node removed + context.currentNode = null; + context.onNodeRemoved(); + } + else { + // sibling node removed + if (context.childIndex > removalIndex) { + context.childIndex--; + context.onNodeRemoved(); + } + } + context.parent.children.splice(removalIndex, 1); + }, + onNodeRemoved: () => { }, + addIdentifiers(exp) { + }, + removeIdentifiers(exp) { + }, + hoist(exp) { + if (isString(exp)) + exp = createSimpleExpression(exp); + context.hoists.push(exp); + const identifier = createSimpleExpression(`_hoisted_${context.hoists.length}`, false, exp.loc, 2 /* CAN_HOIST */); + identifier.hoisted = exp; + return identifier; + }, + cache(exp, isVNode = false) { + return createCacheExpression(context.cached++, exp, isVNode); + } + }; + return context; +} +function transform(root, options) { + const context = createTransformContext(root, options); + traverseNode(root, context); + if (options.hoistStatic) { + hoistStatic(root, context); + } + if (!options.ssr) { + createRootCodegen(root, context); + } + // finalize meta information + root.helpers = [...context.helpers.keys()]; + root.components = [...context.components]; + root.directives = [...context.directives]; + root.imports = context.imports; + root.hoists = context.hoists; + root.temps = context.temps; + root.cached = context.cached; +} +function createRootCodegen(root, context) { + const { helper } = context; + const { children } = root; + if (children.length === 1) { + const child = children[0]; + // if the single child is an element, turn it into a block. + if (isSingleElementRoot(root, child) && child.codegenNode) { + // single element root is never hoisted so codegenNode will never be + // SimpleExpressionNode + const codegenNode = child.codegenNode; + if (codegenNode.type === 13 /* VNODE_CALL */) { + makeBlock(codegenNode, context); + } + root.codegenNode = codegenNode; + } + else { + // - single <slot/>, IfNode, ForNode: already blocks. + // - single text node: always patched. + // root codegen falls through via genNode() + root.codegenNode = child; + } + } + else if (children.length > 1) { + // root has multiple nodes - return a fragment block. + let patchFlag = 64 /* STABLE_FRAGMENT */; + let patchFlagText = PatchFlagNames[64 /* STABLE_FRAGMENT */]; + // check if the fragment actually contains a single valid child with + // the rest being comments + if (children.filter(c => c.type !== 3 /* COMMENT */).length === 1) { + patchFlag |= 2048 /* DEV_ROOT_FRAGMENT */; + patchFlagText += `, ${PatchFlagNames[2048 /* DEV_ROOT_FRAGMENT */]}`; + } + root.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, root.children, patchFlag + (` /* ${patchFlagText} */` ), undefined, undefined, true, undefined, false /* isComponent */); + } + else ; +} +function traverseChildren(parent, context) { + let i = 0; + const nodeRemoved = () => { + i--; + }; + for (; i < parent.children.length; i++) { + const child = parent.children[i]; + if (isString(child)) + continue; + context.parent = parent; + context.childIndex = i; + context.onNodeRemoved = nodeRemoved; + traverseNode(child, context); + } +} +function traverseNode(node, context) { + context.currentNode = node; + // apply transform plugins + const { nodeTransforms } = context; + const exitFns = []; + for (let i = 0; i < nodeTransforms.length; i++) { + const onExit = nodeTransforms[i](node, context); + if (onExit) { + if (isArray(onExit)) { + exitFns.push(...onExit); + } + else { + exitFns.push(onExit); + } + } + if (!context.currentNode) { + // node was removed + return; + } + else { + // node may have been replaced + node = context.currentNode; + } + } + switch (node.type) { + case 3 /* COMMENT */: + if (!context.ssr) { + // inject import for the Comment symbol, which is needed for creating + // comment nodes with `createVNode` + context.helper(CREATE_COMMENT); + } + break; + case 5 /* INTERPOLATION */: + // no need to traverse, but we need to inject toString helper + if (!context.ssr) { + context.helper(TO_DISPLAY_STRING); + } + break; + // for container types, further traverse downwards + case 9 /* IF */: + for (let i = 0; i < node.branches.length; i++) { + traverseNode(node.branches[i], context); + } + break; + case 10 /* IF_BRANCH */: + case 11 /* FOR */: + case 1 /* ELEMENT */: + case 0 /* ROOT */: + traverseChildren(node, context); + break; + } + // exit transforms + context.currentNode = node; + let i = exitFns.length; + while (i--) { + exitFns[i](); + } +} +function createStructuralDirectiveTransform(name, fn) { + const matches = isString(name) + ? (n) => n === name + : (n) => name.test(n); + return (node, context) => { + if (node.type === 1 /* ELEMENT */) { + const { props } = node; + // structural directive transforms are not concerned with slots + // as they are handled separately in vSlot.ts + if (node.tagType === 3 /* TEMPLATE */ && props.some(isVSlot)) { + return; + } + const exitFns = []; + for (let i = 0; i < props.length; i++) { + const prop = props[i]; + if (prop.type === 7 /* DIRECTIVE */ && matches(prop.name)) { + // structural directives are removed to avoid infinite recursion + // also we remove them *before* applying so that it can further + // traverse itself in case it moves the node around + props.splice(i, 1); + i--; + const onExit = fn(node, prop, context); + if (onExit) + exitFns.push(onExit); + } + } + return exitFns; + } + }; +} + +const PURE_ANNOTATION = `/*#__PURE__*/`; +function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssr = false, isTS = false, inSSR = false }) { + const context = { + mode, + prefixIdentifiers, + sourceMap, + filename, + scopeId, + optimizeImports, + runtimeGlobalName, + runtimeModuleName, + ssr, + isTS, + inSSR, + source: ast.loc.source, + code: ``, + column: 1, + line: 1, + offset: 0, + indentLevel: 0, + pure: false, + map: undefined, + helper(key) { + return `_${helperNameMap[key]}`; + }, + push(code, node) { + context.code += code; + }, + indent() { + newline(++context.indentLevel); + }, + deindent(withoutNewLine = false) { + if (withoutNewLine) { + --context.indentLevel; + } + else { + newline(--context.indentLevel); + } + }, + newline() { + newline(context.indentLevel); + } + }; + function newline(n) { + context.push('\n' + ` `.repeat(n)); + } + return context; +} +function generate(ast, options = {}) { + const context = createCodegenContext(ast, options); + if (options.onContextCreated) + options.onContextCreated(context); + const { mode, push, prefixIdentifiers, indent, deindent, newline, scopeId, ssr } = context; + const hasHelpers = ast.helpers.length > 0; + const useWithBlock = !prefixIdentifiers && mode !== 'module'; + // preambles + // in setup() inline mode, the preamble is generated in a sub context + // and returned separately. + const preambleContext = context; + { + genFunctionPreamble(ast, preambleContext); + } + // enter render function + const functionName = ssr ? `ssrRender` : `render`; + const args = ssr ? ['_ctx', '_push', '_parent', '_attrs'] : ['_ctx', '_cache']; + const signature = args.join(', '); + { + push(`function ${functionName}(${signature}) {`); + } + indent(); + if (useWithBlock) { + push(`with (_ctx) {`); + indent(); + // function mode const declarations should be inside with block + // also they should be renamed to avoid collision with user properties + if (hasHelpers) { + push(`const { ${ast.helpers + .map(s => `${helperNameMap[s]}: _${helperNameMap[s]}`) + .join(', ')} } = _Vue`); + push(`\n`); + newline(); + } + } + // generate asset resolution statements + if (ast.components.length) { + genAssets(ast.components, 'component', context); + if (ast.directives.length || ast.temps > 0) { + newline(); + } + } + if (ast.directives.length) { + genAssets(ast.directives, 'directive', context); + if (ast.temps > 0) { + newline(); + } + } + if (ast.temps > 0) { + push(`let `); + for (let i = 0; i < ast.temps; i++) { + push(`${i > 0 ? `, ` : ``}_temp${i}`); + } + } + if (ast.components.length || ast.directives.length || ast.temps) { + push(`\n`); + newline(); + } + // generate the VNode tree expression + if (!ssr) { + push(`return `); + } + if (ast.codegenNode) { + genNode(ast.codegenNode, context); + } + else { + push(`null`); + } + if (useWithBlock) { + deindent(); + push(`}`); + } + deindent(); + push(`}`); + return { + ast, + code: context.code, + preamble: ``, + // SourceMapGenerator does have toJSON() method but it's not in the types + map: context.map ? context.map.toJSON() : undefined + }; +} +function genFunctionPreamble(ast, context) { + const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName } = context; + const VueBinding = runtimeGlobalName; + const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`; + // Generate const declaration for helpers + // In prefix mode, we place the const declaration at top so it's done + // only once; But if we not prefixing, we place the declaration inside the + // with block so it doesn't incur the `in` check cost for every helper access. + if (ast.helpers.length > 0) { + { + // "with" mode. + // save Vue in a separate variable to avoid collision + push(`const _Vue = ${VueBinding}\n`); + // in "with" mode, helpers are declared inside the with block to avoid + // has check cost, but hoists are lifted out of the function - we need + // to provide the helper here. + if (ast.hoists.length) { + const staticHelpers = [ + CREATE_VNODE, + CREATE_ELEMENT_VNODE, + CREATE_COMMENT, + CREATE_TEXT, + CREATE_STATIC + ] + .filter(helper => ast.helpers.includes(helper)) + .map(aliasHelper) + .join(', '); + push(`const { ${staticHelpers} } = _Vue\n`); + } + } + } + genHoists(ast.hoists, context); + newline(); + push(`return `); +} +function genAssets(assets, type, { helper, push, newline, isTS }) { + const resolver = helper(type === 'component' + ? RESOLVE_COMPONENT + : RESOLVE_DIRECTIVE); + for (let i = 0; i < assets.length; i++) { + let id = assets[i]; + // potential component implicit self-reference inferred from SFC filename + const maybeSelfReference = id.endsWith('__self'); + if (maybeSelfReference) { + id = id.slice(0, -6); + } + push(`const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)}${maybeSelfReference ? `, true` : ``})${isTS ? `!` : ``}`); + if (i < assets.length - 1) { + newline(); + } + } +} +function genHoists(hoists, context) { + if (!hoists.length) { + return; + } + context.pure = true; + const { push, newline, helper, scopeId, mode } = context; + newline(); + hoists.forEach((exp, i) => { + if (exp) { + push(`const _hoisted_${i + 1} = `); + genNode(exp, context); + newline(); + } + }); + context.pure = false; +} +function isText$1(n) { + return (isString(n) || + n.type === 4 /* SIMPLE_EXPRESSION */ || + n.type === 2 /* TEXT */ || + n.type === 5 /* INTERPOLATION */ || + n.type === 8 /* COMPOUND_EXPRESSION */); +} +function genNodeListAsArray(nodes, context) { + const multilines = nodes.length > 3 || + (nodes.some(n => isArray(n) || !isText$1(n))); + context.push(`[`); + multilines && context.indent(); + genNodeList(nodes, context, multilines); + multilines && context.deindent(); + context.push(`]`); +} +function genNodeList(nodes, context, multilines = false, comma = true) { + const { push, newline } = context; + for (let i = 0; i < nodes.length; i++) { + const node = nodes[i]; + if (isString(node)) { + push(node); + } + else if (isArray(node)) { + genNodeListAsArray(node, context); + } + else { + genNode(node, context); + } + if (i < nodes.length - 1) { + if (multilines) { + comma && push(','); + newline(); + } + else { + comma && push(', '); + } + } + } +} +function genNode(node, context) { + if (isString(node)) { + context.push(node); + return; + } + if (isSymbol(node)) { + context.push(context.helper(node)); + return; + } + switch (node.type) { + case 1 /* ELEMENT */: + case 9 /* IF */: + case 11 /* FOR */: + assert(node.codegenNode != null, `Codegen node is missing for element/if/for node. ` + + `Apply appropriate transforms first.`); + genNode(node.codegenNode, context); + break; + case 2 /* TEXT */: + genText(node, context); + break; + case 4 /* SIMPLE_EXPRESSION */: + genExpression(node, context); + break; + case 5 /* INTERPOLATION */: + genInterpolation(node, context); + break; + case 12 /* TEXT_CALL */: + genNode(node.codegenNode, context); + break; + case 8 /* COMPOUND_EXPRESSION */: + genCompoundExpression(node, context); + break; + case 3 /* COMMENT */: + genComment(node, context); + break; + case 13 /* VNODE_CALL */: + genVNodeCall(node, context); + break; + case 14 /* JS_CALL_EXPRESSION */: + genCallExpression(node, context); + break; + case 15 /* JS_OBJECT_EXPRESSION */: + genObjectExpression(node, context); + break; + case 17 /* JS_ARRAY_EXPRESSION */: + genArrayExpression(node, context); + break; + case 18 /* JS_FUNCTION_EXPRESSION */: + genFunctionExpression(node, context); + break; + case 19 /* JS_CONDITIONAL_EXPRESSION */: + genConditionalExpression(node, context); + break; + case 20 /* JS_CACHE_EXPRESSION */: + genCacheExpression(node, context); + break; + case 21 /* JS_BLOCK_STATEMENT */: + genNodeList(node.body, context, true, false); + break; + // SSR only types + case 22 /* JS_TEMPLATE_LITERAL */: + break; + case 23 /* JS_IF_STATEMENT */: + break; + case 24 /* JS_ASSIGNMENT_EXPRESSION */: + break; + case 25 /* JS_SEQUENCE_EXPRESSION */: + break; + case 26 /* JS_RETURN_STATEMENT */: + break; + /* istanbul ignore next */ + case 10 /* IF_BRANCH */: + // noop + break; + default: + { + assert(false, `unhandled codegen node type: ${node.type}`); + // make sure we exhaust all possible types + const exhaustiveCheck = node; + return exhaustiveCheck; + } + } +} +function genText(node, context) { + context.push(JSON.stringify(node.content), node); +} +function genExpression(node, context) { + const { content, isStatic } = node; + context.push(isStatic ? JSON.stringify(content) : content, node); +} +function genInterpolation(node, context) { + const { push, helper, pure } = context; + if (pure) + push(PURE_ANNOTATION); + push(`${helper(TO_DISPLAY_STRING)}(`); + genNode(node.content, context); + push(`)`); +} +function genCompoundExpression(node, context) { + for (let i = 0; i < node.children.length; i++) { + const child = node.children[i]; + if (isString(child)) { + context.push(child); + } + else { + genNode(child, context); + } + } +} +function genExpressionAsPropertyKey(node, context) { + const { push } = context; + if (node.type === 8 /* COMPOUND_EXPRESSION */) { + push(`[`); + genCompoundExpression(node, context); + push(`]`); + } + else if (node.isStatic) { + // only quote keys if necessary + const text = isSimpleIdentifier(node.content) + ? node.content + : JSON.stringify(node.content); + push(text, node); + } + else { + push(`[${node.content}]`, node); + } +} +function genComment(node, context) { + const { push, helper, pure } = context; + if (pure) { + push(PURE_ANNOTATION); + } + push(`${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`, node); +} +function genVNodeCall(node, context) { + const { push, helper, pure } = context; + const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking, isComponent } = node; + if (directives) { + push(helper(WITH_DIRECTIVES) + `(`); + } + if (isBlock) { + push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `); + } + if (pure) { + push(PURE_ANNOTATION); + } + const callHelper = isBlock + ? getVNodeBlockHelper(context.inSSR, isComponent) + : getVNodeHelper(context.inSSR, isComponent); + push(helper(callHelper) + `(`, node); + genNodeList(genNullableArgs([tag, props, children, patchFlag, dynamicProps]), context); + push(`)`); + if (isBlock) { + push(`)`); + } + if (directives) { + push(`, `); + genNode(directives, context); + push(`)`); + } +} +function genNullableArgs(args) { + let i = args.length; + while (i--) { + if (args[i] != null) + break; + } + return args.slice(0, i + 1).map(arg => arg || `null`); +} +// JavaScript +function genCallExpression(node, context) { + const { push, helper, pure } = context; + const callee = isString(node.callee) ? node.callee : helper(node.callee); + if (pure) { + push(PURE_ANNOTATION); + } + push(callee + `(`, node); + genNodeList(node.arguments, context); + push(`)`); +} +function genObjectExpression(node, context) { + const { push, indent, deindent, newline } = context; + const { properties } = node; + if (!properties.length) { + push(`{}`, node); + return; + } + const multilines = properties.length > 1 || + (properties.some(p => p.value.type !== 4 /* SIMPLE_EXPRESSION */)); + push(multilines ? `{` : `{ `); + multilines && indent(); + for (let i = 0; i < properties.length; i++) { + const { key, value } = properties[i]; + // key + genExpressionAsPropertyKey(key, context); + push(`: `); + // value + genNode(value, context); + if (i < properties.length - 1) { + // will only reach this if it's multilines + push(`,`); + newline(); + } + } + multilines && deindent(); + push(multilines ? `}` : ` }`); +} +function genArrayExpression(node, context) { + genNodeListAsArray(node.elements, context); +} +function genFunctionExpression(node, context) { + const { push, indent, deindent } = context; + const { params, returns, body, newline, isSlot } = node; + if (isSlot) { + // wrap slot functions with owner context + push(`_${helperNameMap[WITH_CTX]}(`); + } + push(`(`, node); + if (isArray(params)) { + genNodeList(params, context); + } + else if (params) { + genNode(params, context); + } + push(`) => `); + if (newline || body) { + push(`{`); + indent(); + } + if (returns) { + if (newline) { + push(`return `); + } + if (isArray(returns)) { + genNodeListAsArray(returns, context); + } + else { + genNode(returns, context); + } + } + else if (body) { + genNode(body, context); + } + if (newline || body) { + deindent(); + push(`}`); + } + if (isSlot) { + push(`)`); + } +} +function genConditionalExpression(node, context) { + const { test, consequent, alternate, newline: needNewline } = node; + const { push, indent, deindent, newline } = context; + if (test.type === 4 /* SIMPLE_EXPRESSION */) { + const needsParens = !isSimpleIdentifier(test.content); + needsParens && push(`(`); + genExpression(test, context); + needsParens && push(`)`); + } + else { + push(`(`); + genNode(test, context); + push(`)`); + } + needNewline && indent(); + context.indentLevel++; + needNewline || push(` `); + push(`? `); + genNode(consequent, context); + context.indentLevel--; + needNewline && newline(); + needNewline || push(` `); + push(`: `); + const isNested = alternate.type === 19 /* JS_CONDITIONAL_EXPRESSION */; + if (!isNested) { + context.indentLevel++; + } + genNode(alternate, context); + if (!isNested) { + context.indentLevel--; + } + needNewline && deindent(true /* without newline */); +} +function genCacheExpression(node, context) { + const { push, helper, indent, deindent, newline } = context; + push(`_cache[${node.index}] || (`); + if (node.isVNode) { + indent(); + push(`${helper(SET_BLOCK_TRACKING)}(-1),`); + newline(); + } + push(`_cache[${node.index}] = `); + genNode(node.value, context); + if (node.isVNode) { + push(`,`); + newline(); + push(`${helper(SET_BLOCK_TRACKING)}(1),`); + newline(); + push(`_cache[${node.index}]`); + deindent(); + } + push(`)`); +} + +// these keywords should not appear inside expressions, but operators like +// typeof, instanceof and in are allowed +const prohibitedKeywordRE = new RegExp('\\b' + + ('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' + + 'super,throw,while,yield,delete,export,import,return,switch,default,' + + 'extends,finally,continue,debugger,function,arguments,typeof,void') + .split(',') + .join('\\b|\\b') + + '\\b'); +// strip strings in expressions +const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g; +/** + * Validate a non-prefixed expression. + * This is only called when using the in-browser runtime compiler since it + * doesn't prefix expressions. + */ +function validateBrowserExpression(node, context, asParams = false, asRawStatements = false) { + const exp = node.content; + // empty expressions are validated per-directive since some directives + // do allow empty expressions. + if (!exp.trim()) { + return; + } + try { + new Function(asRawStatements + ? ` ${exp} ` + : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`); + } + catch (e) { + let message = e.message; + const keywordMatch = exp + .replace(stripStringRE, '') + .match(prohibitedKeywordRE); + if (keywordMatch) { + message = `avoid using JavaScript keyword as property name: "${keywordMatch[0]}"`; + } + context.onError(createCompilerError(43 /* X_INVALID_EXPRESSION */, node.loc, undefined, message)); + } +} + +const transformExpression = (node, context) => { + if (node.type === 5 /* INTERPOLATION */) { + node.content = processExpression(node.content, context); + } + else if (node.type === 1 /* ELEMENT */) { + // handle directives on element + for (let i = 0; i < node.props.length; i++) { + const dir = node.props[i]; + // do not process for v-on & v-for since they are special handled + if (dir.type === 7 /* DIRECTIVE */ && dir.name !== 'for') { + const exp = dir.exp; + const arg = dir.arg; + // do not process exp if this is v-on:arg - we need special handling + // for wrapping inline statements. + if (exp && + exp.type === 4 /* SIMPLE_EXPRESSION */ && + !(dir.name === 'on' && arg)) { + dir.exp = processExpression(exp, context, + // slot args must be processed as function params + dir.name === 'slot'); + } + if (arg && arg.type === 4 /* SIMPLE_EXPRESSION */ && !arg.isStatic) { + dir.arg = processExpression(arg, context); + } + } + } + } +}; +// Important: since this function uses Node.js only dependencies, it should +// always be used with a leading !true check so that it can be +// tree-shaken from the browser build. +function processExpression(node, context, +// some expressions like v-slot props & v-for aliases should be parsed as +// function params +asParams = false, +// v-on handler values may contain multiple statements +asRawStatements = false) { + { + { + // simple in-browser validation (same logic in 2.x) + validateBrowserExpression(node, context, asParams, asRawStatements); + } + return node; + } +} + +const transformIf = createStructuralDirectiveTransform(/^(if|else|else-if)$/, (node, dir, context) => { + return processIf(node, dir, context, (ifNode, branch, isRoot) => { + // #1587: We need to dynamically increment the key based on the current + // node's sibling nodes, since chained v-if/else branches are + // rendered at the same depth + const siblings = context.parent.children; + let i = siblings.indexOf(ifNode); + let key = 0; + while (i-- >= 0) { + const sibling = siblings[i]; + if (sibling && sibling.type === 9 /* IF */) { + key += sibling.branches.length; + } + } + // Exit callback. Complete the codegenNode when all children have been + // transformed. + return () => { + if (isRoot) { + ifNode.codegenNode = createCodegenNodeForBranch(branch, key, context); + } + else { + // attach this branch's codegen node to the v-if root. + const parentCondition = getParentCondition(ifNode.codegenNode); + parentCondition.alternate = createCodegenNodeForBranch(branch, key + ifNode.branches.length - 1, context); + } + }; + }); +}); +// target-agnostic transform used for both Client and SSR +function processIf(node, dir, context, processCodegen) { + if (dir.name !== 'else' && + (!dir.exp || !dir.exp.content.trim())) { + const loc = dir.exp ? dir.exp.loc : node.loc; + context.onError(createCompilerError(27 /* X_V_IF_NO_EXPRESSION */, dir.loc)); + dir.exp = createSimpleExpression(`true`, false, loc); + } + if (dir.exp) { + validateBrowserExpression(dir.exp, context); + } + if (dir.name === 'if') { + const branch = createIfBranch(node, dir); + const ifNode = { + type: 9 /* IF */, + loc: node.loc, + branches: [branch] + }; + context.replaceNode(ifNode); + if (processCodegen) { + return processCodegen(ifNode, branch, true); + } + } + else { + // locate the adjacent v-if + const siblings = context.parent.children; + const comments = []; + let i = siblings.indexOf(node); + while (i-- >= -1) { + const sibling = siblings[i]; + if (sibling && sibling.type === 3 /* COMMENT */) { + context.removeNode(sibling); + comments.unshift(sibling); + continue; + } + if (sibling && + sibling.type === 2 /* TEXT */ && + !sibling.content.trim().length) { + context.removeNode(sibling); + continue; + } + if (sibling && sibling.type === 9 /* IF */) { + // move the node to the if node's branches + context.removeNode(); + const branch = createIfBranch(node, dir); + if (comments.length && + // #3619 ignore comments if the v-if is direct child of <transition> + !(context.parent && + context.parent.type === 1 /* ELEMENT */ && + isBuiltInType(context.parent.tag, 'transition'))) { + branch.children = [...comments, ...branch.children]; + } + // check if user is forcing same key on different branches + { + const key = branch.userKey; + if (key) { + sibling.branches.forEach(({ userKey }) => { + if (isSameKey(userKey, key)) { + context.onError(createCompilerError(28 /* X_V_IF_SAME_KEY */, branch.userKey.loc)); + } + }); + } + } + sibling.branches.push(branch); + const onExit = processCodegen && processCodegen(sibling, branch, false); + // since the branch was removed, it will not be traversed. + // make sure to traverse here. + traverseNode(branch, context); + // call on exit + if (onExit) + onExit(); + // make sure to reset currentNode after traversal to indicate this + // node has been removed. + context.currentNode = null; + } + else { + context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc)); + } + break; + } + } +} +function createIfBranch(node, dir) { + return { + type: 10 /* IF_BRANCH */, + loc: node.loc, + condition: dir.name === 'else' ? undefined : dir.exp, + children: node.tagType === 3 /* TEMPLATE */ && !findDir(node, 'for') + ? node.children + : [node], + userKey: findProp(node, `key`) + }; +} +function createCodegenNodeForBranch(branch, keyIndex, context) { + if (branch.condition) { + return createConditionalExpression(branch.condition, createChildrenCodegenNode(branch, keyIndex, context), + // make sure to pass in asBlock: true so that the comment node call + // closes the current block. + createCallExpression(context.helper(CREATE_COMMENT), [ + '"v-if"' , + 'true' + ])); + } + else { + return createChildrenCodegenNode(branch, keyIndex, context); + } +} +function createChildrenCodegenNode(branch, keyIndex, context) { + const { helper } = context; + const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2 /* CAN_HOIST */)); + const { children } = branch; + const firstChild = children[0]; + const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1 /* ELEMENT */; + if (needFragmentWrapper) { + if (children.length === 1 && firstChild.type === 11 /* FOR */) { + // optimize away nested fragments when child is a ForNode + const vnodeCall = firstChild.codegenNode; + injectProp(vnodeCall, keyProperty, context); + return vnodeCall; + } + else { + let patchFlag = 64 /* STABLE_FRAGMENT */; + let patchFlagText = PatchFlagNames[64 /* STABLE_FRAGMENT */]; + // check if the fragment actually contains a single valid child with + // the rest being comments + if (children.filter(c => c.type !== 3 /* COMMENT */).length === 1) { + patchFlag |= 2048 /* DEV_ROOT_FRAGMENT */; + patchFlagText += `, ${PatchFlagNames[2048 /* DEV_ROOT_FRAGMENT */]}`; + } + return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag + (` /* ${patchFlagText} */` ), undefined, undefined, true, false, false /* isComponent */, branch.loc); + } + } + else { + const ret = firstChild.codegenNode; + const vnodeCall = getMemoedVNodeCall(ret); + // Change createVNode to createBlock. + if (vnodeCall.type === 13 /* VNODE_CALL */) { + makeBlock(vnodeCall, context); + } + // inject branch key + injectProp(vnodeCall, keyProperty, context); + return ret; + } +} +function isSameKey(a, b) { + if (!a || a.type !== b.type) { + return false; + } + if (a.type === 6 /* ATTRIBUTE */) { + if (a.value.content !== b.value.content) { + return false; + } + } + else { + // directive + const exp = a.exp; + const branchExp = b.exp; + if (exp.type !== branchExp.type) { + return false; + } + if (exp.type !== 4 /* SIMPLE_EXPRESSION */ || + exp.isStatic !== branchExp.isStatic || + exp.content !== branchExp.content) { + return false; + } + } + return true; +} +function getParentCondition(node) { + while (true) { + if (node.type === 19 /* JS_CONDITIONAL_EXPRESSION */) { + if (node.alternate.type === 19 /* JS_CONDITIONAL_EXPRESSION */) { + node = node.alternate; + } + else { + return node; + } + } + else if (node.type === 20 /* JS_CACHE_EXPRESSION */) { + node = node.value; + } + } +} + +const transformFor = createStructuralDirectiveTransform('for', (node, dir, context) => { + const { helper, removeHelper } = context; + return processFor(node, dir, context, forNode => { + // create the loop render function expression now, and add the + // iterator on exit after all children have been traversed + const renderExp = createCallExpression(helper(RENDER_LIST), [ + forNode.source + ]); + const memo = findDir(node, 'memo'); + const keyProp = findProp(node, `key`); + const keyExp = keyProp && + (keyProp.type === 6 /* ATTRIBUTE */ + ? createSimpleExpression(keyProp.value.content, true) + : keyProp.exp); + const keyProperty = keyProp ? createObjectProperty(`key`, keyExp) : null; + const isStableFragment = forNode.source.type === 4 /* SIMPLE_EXPRESSION */ && + forNode.source.constType > 0 /* NOT_CONSTANT */; + const fragmentFlag = isStableFragment + ? 64 /* STABLE_FRAGMENT */ + : keyProp + ? 128 /* KEYED_FRAGMENT */ + : 256 /* UNKEYED_FRAGMENT */; + forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, renderExp, fragmentFlag + + (` /* ${PatchFlagNames[fragmentFlag]} */` ), undefined, undefined, true /* isBlock */, !isStableFragment /* disableTracking */, false /* isComponent */, node.loc); + return () => { + // finish the codegen now that all children have been traversed + let childBlock; + const isTemplate = isTemplateNode(node); + const { children } = forNode; + // check <template v-for> key placement + if (isTemplate) { + node.children.some(c => { + if (c.type === 1 /* ELEMENT */) { + const key = findProp(c, 'key'); + if (key) { + context.onError(createCompilerError(32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc)); + return true; + } + } + }); + } + const needFragmentWrapper = children.length !== 1 || children[0].type !== 1 /* ELEMENT */; + const slotOutlet = isSlotOutlet(node) + ? node + : isTemplate && + node.children.length === 1 && + isSlotOutlet(node.children[0]) + ? node.children[0] // api-extractor somehow fails to infer this + : null; + if (slotOutlet) { + // <slot v-for="..."> or <template v-for="..."><slot/></template> + childBlock = slotOutlet.codegenNode; + if (isTemplate && keyProperty) { + // <template v-for="..." :key="..."><slot/></template> + // we need to inject the key to the renderSlot() call. + // the props for renderSlot is passed as the 3rd argument. + injectProp(childBlock, keyProperty, context); + } + } + else if (needFragmentWrapper) { + // <template v-for="..."> with text or multi-elements + // should generate a fragment block for each loop + childBlock = createVNodeCall(context, helper(FRAGMENT), keyProperty ? createObjectExpression([keyProperty]) : undefined, node.children, 64 /* STABLE_FRAGMENT */ + + (` /* ${PatchFlagNames[64 /* STABLE_FRAGMENT */]} */` + ), undefined, undefined, true, undefined, false /* isComponent */); + } + else { + // Normal element v-for. Directly use the child's codegenNode + // but mark it as a block. + childBlock = children[0] + .codegenNode; + if (isTemplate && keyProperty) { + injectProp(childBlock, keyProperty, context); + } + if (childBlock.isBlock !== !isStableFragment) { + if (childBlock.isBlock) { + // switch from block to vnode + removeHelper(OPEN_BLOCK); + removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent)); + } + else { + // switch from vnode to block + removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent)); + } + } + childBlock.isBlock = !isStableFragment; + if (childBlock.isBlock) { + helper(OPEN_BLOCK); + helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent)); + } + else { + helper(getVNodeHelper(context.inSSR, childBlock.isComponent)); + } + } + if (memo) { + const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [ + createSimpleExpression(`_cached`) + ])); + loop.body = createBlockStatement([ + createCompoundExpression([`const _memo = (`, memo.exp, `)`]), + createCompoundExpression([ + `if (_cached`, + ...(keyExp ? [` && _cached.key === `, keyExp] : []), + ` && ${context.helperString(IS_MEMO_SAME)}(_cached, _memo)) return _cached` + ]), + createCompoundExpression([`const _item = `, childBlock]), + createSimpleExpression(`_item.memo = _memo`), + createSimpleExpression(`return _item`) + ]); + renderExp.arguments.push(loop, createSimpleExpression(`_cache`), createSimpleExpression(String(context.cached++))); + } + else { + renderExp.arguments.push(createFunctionExpression(createForLoopParams(forNode.parseResult), childBlock, true /* force newline */)); + } + }; + }); +}); +// target-agnostic transform used for both Client and SSR +function processFor(node, dir, context, processCodegen) { + if (!dir.exp) { + context.onError(createCompilerError(30 /* X_V_FOR_NO_EXPRESSION */, dir.loc)); + return; + } + const parseResult = parseForExpression( + // can only be simple expression because vFor transform is applied + // before expression transform. + dir.exp, context); + if (!parseResult) { + context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, dir.loc)); + return; + } + const { addIdentifiers, removeIdentifiers, scopes } = context; + const { source, value, key, index } = parseResult; + const forNode = { + type: 11 /* FOR */, + loc: dir.loc, + source, + valueAlias: value, + keyAlias: key, + objectIndexAlias: index, + parseResult, + children: isTemplateNode(node) ? node.children : [node] + }; + context.replaceNode(forNode); + // bookkeeping + scopes.vFor++; + const onExit = processCodegen && processCodegen(forNode); + return () => { + scopes.vFor--; + if (onExit) + onExit(); + }; +} +const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/; +// This regex doesn't cover the case if key or index aliases have destructuring, +// but those do not make sense in the first place, so this works in practice. +const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/; +const stripParensRE = /^\(|\)$/g; +function parseForExpression(input, context) { + const loc = input.loc; + const exp = input.content; + const inMatch = exp.match(forAliasRE); + if (!inMatch) + return; + const [, LHS, RHS] = inMatch; + const result = { + source: createAliasExpression(loc, RHS.trim(), exp.indexOf(RHS, LHS.length)), + value: undefined, + key: undefined, + index: undefined + }; + { + validateBrowserExpression(result.source, context); + } + let valueContent = LHS.trim().replace(stripParensRE, '').trim(); + const trimmedOffset = LHS.indexOf(valueContent); + const iteratorMatch = valueContent.match(forIteratorRE); + if (iteratorMatch) { + valueContent = valueContent.replace(forIteratorRE, '').trim(); + const keyContent = iteratorMatch[1].trim(); + let keyOffset; + if (keyContent) { + keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length); + result.key = createAliasExpression(loc, keyContent, keyOffset); + { + validateBrowserExpression(result.key, context, true); + } + } + if (iteratorMatch[2]) { + const indexContent = iteratorMatch[2].trim(); + if (indexContent) { + result.index = createAliasExpression(loc, indexContent, exp.indexOf(indexContent, result.key + ? keyOffset + keyContent.length + : trimmedOffset + valueContent.length)); + { + validateBrowserExpression(result.index, context, true); + } + } + } + } + if (valueContent) { + result.value = createAliasExpression(loc, valueContent, trimmedOffset); + { + validateBrowserExpression(result.value, context, true); + } + } + return result; +} +function createAliasExpression(range, content, offset) { + return createSimpleExpression(content, false, getInnerRange(range, offset, content.length)); +} +function createForLoopParams({ value, key, index }, memoArgs = []) { + return createParamsList([value, key, index, ...memoArgs]); +} +function createParamsList(args) { + let i = args.length; + while (i--) { + if (args[i]) + break; + } + return args + .slice(0, i + 1) + .map((arg, i) => arg || createSimpleExpression(`_`.repeat(i + 1), false)); +} + +const defaultFallback = createSimpleExpression(`undefined`, false); +// A NodeTransform that: +// 1. Tracks scope identifiers for scoped slots so that they don't get prefixed +// by transformExpression. This is only applied in non-browser builds with +// { prefixIdentifiers: true }. +// 2. Track v-slot depths so that we know a slot is inside another slot. +// Note the exit callback is executed before buildSlots() on the same node, +// so only nested slots see positive numbers. +const trackSlotScopes = (node, context) => { + if (node.type === 1 /* ELEMENT */ && + (node.tagType === 1 /* COMPONENT */ || + node.tagType === 3 /* TEMPLATE */)) { + // We are only checking non-empty v-slot here + // since we only care about slots that introduce scope variables. + const vSlot = findDir(node, 'slot'); + if (vSlot) { + vSlot.exp; + context.scopes.vSlot++; + return () => { + context.scopes.vSlot--; + }; + } + } +}; +const buildClientSlotFn = (props, children, loc) => createFunctionExpression(props, children, false /* newline */, true /* isSlot */, children.length ? children[0].loc : loc); +// Instead of being a DirectiveTransform, v-slot processing is called during +// transformElement to build the slots object for a component. +function buildSlots(node, context, buildSlotFn = buildClientSlotFn) { + context.helper(WITH_CTX); + const { children, loc } = node; + const slotsProperties = []; + const dynamicSlots = []; + // If the slot is inside a v-for or another v-slot, force it to be dynamic + // since it likely uses a scope variable. + let hasDynamicSlots = context.scopes.vSlot > 0 || context.scopes.vFor > 0; + // 1. Check for slot with slotProps on component itself. + // <Comp v-slot="{ prop }"/> + const onComponentSlot = findDir(node, 'slot', true); + if (onComponentSlot) { + const { arg, exp } = onComponentSlot; + if (arg && !isStaticExp(arg)) { + hasDynamicSlots = true; + } + slotsProperties.push(createObjectProperty(arg || createSimpleExpression('default', true), buildSlotFn(exp, children, loc))); + } + // 2. Iterate through children and check for template slots + // <template v-slot:foo="{ prop }"> + let hasTemplateSlots = false; + let hasNamedDefaultSlot = false; + const implicitDefaultChildren = []; + const seenSlotNames = new Set(); + for (let i = 0; i < children.length; i++) { + const slotElement = children[i]; + let slotDir; + if (!isTemplateNode(slotElement) || + !(slotDir = findDir(slotElement, 'slot', true))) { + // not a <template v-slot>, skip. + if (slotElement.type !== 3 /* COMMENT */) { + implicitDefaultChildren.push(slotElement); + } + continue; + } + if (onComponentSlot) { + // already has on-component slot - this is incorrect usage. + context.onError(createCompilerError(36 /* X_V_SLOT_MIXED_SLOT_USAGE */, slotDir.loc)); + break; + } + hasTemplateSlots = true; + const { children: slotChildren, loc: slotLoc } = slotElement; + const { arg: slotName = createSimpleExpression(`default`, true), exp: slotProps, loc: dirLoc } = slotDir; + // check if name is dynamic. + let staticSlotName; + if (isStaticExp(slotName)) { + staticSlotName = slotName ? slotName.content : `default`; + } + else { + hasDynamicSlots = true; + } + const slotFunction = buildSlotFn(slotProps, slotChildren, slotLoc); + // check if this slot is conditional (v-if/v-for) + let vIf; + let vElse; + let vFor; + if ((vIf = findDir(slotElement, 'if'))) { + hasDynamicSlots = true; + dynamicSlots.push(createConditionalExpression(vIf.exp, buildDynamicSlot(slotName, slotFunction), defaultFallback)); + } + else if ((vElse = findDir(slotElement, /^else(-if)?$/, true /* allowEmpty */))) { + // find adjacent v-if + let j = i; + let prev; + while (j--) { + prev = children[j]; + if (prev.type !== 3 /* COMMENT */) { + break; + } + } + if (prev && isTemplateNode(prev) && findDir(prev, 'if')) { + // remove node + children.splice(i, 1); + i--; + // attach this slot to previous conditional + let conditional = dynamicSlots[dynamicSlots.length - 1]; + while (conditional.alternate.type === 19 /* JS_CONDITIONAL_EXPRESSION */) { + conditional = conditional.alternate; + } + conditional.alternate = vElse.exp + ? createConditionalExpression(vElse.exp, buildDynamicSlot(slotName, slotFunction), defaultFallback) + : buildDynamicSlot(slotName, slotFunction); + } + else { + context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, vElse.loc)); + } + } + else if ((vFor = findDir(slotElement, 'for'))) { + hasDynamicSlots = true; + const parseResult = vFor.parseResult || + parseForExpression(vFor.exp, context); + if (parseResult) { + // Render the dynamic slots as an array and add it to the createSlot() + // args. The runtime knows how to handle it appropriately. + dynamicSlots.push(createCallExpression(context.helper(RENDER_LIST), [ + parseResult.source, + createFunctionExpression(createForLoopParams(parseResult), buildDynamicSlot(slotName, slotFunction), true /* force newline */) + ])); + } + else { + context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, vFor.loc)); + } + } + else { + // check duplicate static names + if (staticSlotName) { + if (seenSlotNames.has(staticSlotName)) { + context.onError(createCompilerError(37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */, dirLoc)); + continue; + } + seenSlotNames.add(staticSlotName); + if (staticSlotName === 'default') { + hasNamedDefaultSlot = true; + } + } + slotsProperties.push(createObjectProperty(slotName, slotFunction)); + } + } + if (!onComponentSlot) { + const buildDefaultSlotProperty = (props, children) => { + const fn = buildSlotFn(props, children, loc); + return createObjectProperty(`default`, fn); + }; + if (!hasTemplateSlots) { + // implicit default slot (on component) + slotsProperties.push(buildDefaultSlotProperty(undefined, children)); + } + else if (implicitDefaultChildren.length && + // #3766 + // with whitespace: 'preserve', whitespaces between slots will end up in + // implicitDefaultChildren. Ignore if all implicit children are whitespaces. + implicitDefaultChildren.some(node => isNonWhitespaceContent(node))) { + // implicit default slot (mixed with named slots) + if (hasNamedDefaultSlot) { + context.onError(createCompilerError(38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc)); + } + else { + slotsProperties.push(buildDefaultSlotProperty(undefined, implicitDefaultChildren)); + } + } + } + const slotFlag = hasDynamicSlots + ? 2 /* DYNAMIC */ + : hasForwardedSlots(node.children) + ? 3 /* FORWARDED */ + : 1 /* STABLE */; + let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, + // 2 = compiled but dynamic = can skip normalization, but must run diff + // 1 = compiled and static = can skip normalization AND diff as optimized + createSimpleExpression(slotFlag + (` /* ${slotFlagsText[slotFlag]} */` ), false))), loc); + if (dynamicSlots.length) { + slots = createCallExpression(context.helper(CREATE_SLOTS), [ + slots, + createArrayExpression(dynamicSlots) + ]); + } + return { + slots, + hasDynamicSlots + }; +} +function buildDynamicSlot(name, fn) { + return createObjectExpression([ + createObjectProperty(`name`, name), + createObjectProperty(`fn`, fn) + ]); +} +function hasForwardedSlots(children) { + for (let i = 0; i < children.length; i++) { + const child = children[i]; + switch (child.type) { + case 1 /* ELEMENT */: + if (child.tagType === 2 /* SLOT */ || + hasForwardedSlots(child.children)) { + return true; + } + break; + case 9 /* IF */: + if (hasForwardedSlots(child.branches)) + return true; + break; + case 10 /* IF_BRANCH */: + case 11 /* FOR */: + if (hasForwardedSlots(child.children)) + return true; + break; + } + } + return false; +} +function isNonWhitespaceContent(node) { + if (node.type !== 2 /* TEXT */ && node.type !== 12 /* TEXT_CALL */) + return true; + return node.type === 2 /* TEXT */ + ? !!node.content.trim() + : isNonWhitespaceContent(node.content); +} + +// some directive transforms (e.g. v-model) may return a symbol for runtime +// import, which should be used instead of a resolveDirective call. +const directiveImportMap = new WeakMap(); +// generate a JavaScript AST for this element's codegen +const transformElement = (node, context) => { + // perform the work on exit, after all child expressions have been + // processed and merged. + return function postTransformElement() { + node = context.currentNode; + if (!(node.type === 1 /* ELEMENT */ && + (node.tagType === 0 /* ELEMENT */ || + node.tagType === 1 /* COMPONENT */))) { + return; + } + const { tag, props } = node; + const isComponent = node.tagType === 1 /* COMPONENT */; + // The goal of the transform is to create a codegenNode implementing the + // VNodeCall interface. + let vnodeTag = isComponent + ? resolveComponentType(node, context) + : `"${tag}"`; + const isDynamicComponent = isObject(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT; + let vnodeProps; + let vnodeChildren; + let vnodePatchFlag; + let patchFlag = 0; + let vnodeDynamicProps; + let dynamicPropNames; + let vnodeDirectives; + let shouldUseBlock = + // dynamic component may resolve to plain elements + isDynamicComponent || + vnodeTag === TELEPORT || + vnodeTag === SUSPENSE || + (!isComponent && + // <svg> and <foreignObject> must be forced into blocks so that block + // updates inside get proper isSVG flag at runtime. (#639, #643) + // This is technically web-specific, but splitting the logic out of core + // leads to too much unnecessary complexity. + (tag === 'svg' || + tag === 'foreignObject' || + // #938: elements with dynamic keys should be forced into blocks + findProp(node, 'key', true))); + // props + if (props.length > 0) { + const propsBuildResult = buildProps(node, context); + vnodeProps = propsBuildResult.props; + patchFlag = propsBuildResult.patchFlag; + dynamicPropNames = propsBuildResult.dynamicPropNames; + const directives = propsBuildResult.directives; + vnodeDirectives = + directives && directives.length + ? createArrayExpression(directives.map(dir => buildDirectiveArgs(dir, context))) + : undefined; + } + // children + if (node.children.length > 0) { + if (vnodeTag === KEEP_ALIVE) { + // Although a built-in component, we compile KeepAlive with raw children + // instead of slot functions so that it can be used inside Transition + // or other Transition-wrapping HOCs. + // To ensure correct updates with block optimizations, we need to: + // 1. Force keep-alive into a block. This avoids its children being + // collected by a parent block. + shouldUseBlock = true; + // 2. Force keep-alive to always be updated, since it uses raw children. + patchFlag |= 1024 /* DYNAMIC_SLOTS */; + if (node.children.length > 1) { + context.onError(createCompilerError(44 /* X_KEEP_ALIVE_INVALID_CHILDREN */, { + start: node.children[0].loc.start, + end: node.children[node.children.length - 1].loc.end, + source: '' + })); + } + } + const shouldBuildAsSlots = isComponent && + // Teleport is not a real component and has dedicated runtime handling + vnodeTag !== TELEPORT && + // explained above. + vnodeTag !== KEEP_ALIVE; + if (shouldBuildAsSlots) { + const { slots, hasDynamicSlots } = buildSlots(node, context); + vnodeChildren = slots; + if (hasDynamicSlots) { + patchFlag |= 1024 /* DYNAMIC_SLOTS */; + } + } + else if (node.children.length === 1 && vnodeTag !== TELEPORT) { + const child = node.children[0]; + const type = child.type; + // check for dynamic text children + const hasDynamicTextChild = type === 5 /* INTERPOLATION */ || + type === 8 /* COMPOUND_EXPRESSION */; + if (hasDynamicTextChild && + getConstantType(child, context) === 0 /* NOT_CONSTANT */) { + patchFlag |= 1 /* TEXT */; + } + // pass directly if the only child is a text node + // (plain / interpolation / expression) + if (hasDynamicTextChild || type === 2 /* TEXT */) { + vnodeChildren = child; + } + else { + vnodeChildren = node.children; + } + } + else { + vnodeChildren = node.children; + } + } + // patchFlag & dynamicPropNames + if (patchFlag !== 0) { + { + if (patchFlag < 0) { + // special flags (negative and mutually exclusive) + vnodePatchFlag = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`; + } + else { + // bitwise flags + const flagNames = Object.keys(PatchFlagNames) + .map(Number) + .filter(n => n > 0 && patchFlag & n) + .map(n => PatchFlagNames[n]) + .join(`, `); + vnodePatchFlag = patchFlag + ` /* ${flagNames} */`; + } + } + if (dynamicPropNames && dynamicPropNames.length) { + vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames); + } + } + node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, vnodePatchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false /* disableTracking */, isComponent, node.loc); + }; +}; +function resolveComponentType(node, context, ssr = false) { + let { tag } = node; + // 1. dynamic component + const isExplicitDynamic = isComponentTag(tag); + const isProp = findProp(node, 'is'); + if (isProp) { + if (isExplicitDynamic || + (false )) { + const exp = isProp.type === 6 /* ATTRIBUTE */ + ? isProp.value && createSimpleExpression(isProp.value.content, true) + : isProp.exp; + if (exp) { + return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [ + exp + ]); + } + } + else if (isProp.type === 6 /* ATTRIBUTE */ && + isProp.value.content.startsWith('vue:')) { + // <button is="vue:xxx"> + // if not <component>, only is value that starts with "vue:" will be + // treated as component by the parse phase and reach here, unless it's + // compat mode where all is values are considered components + tag = isProp.value.content.slice(4); + } + } + // 1.5 v-is (TODO: Deprecate) + const isDir = !isExplicitDynamic && findDir(node, 'is'); + if (isDir && isDir.exp) { + return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [ + isDir.exp + ]); + } + // 2. built-in components (Teleport, Transition, KeepAlive, Suspense...) + const builtIn = isCoreComponent(tag) || context.isBuiltInComponent(tag); + if (builtIn) { + // built-ins are simply fallthroughs / have special handling during ssr + // so we don't need to import their runtime equivalents + if (!ssr) + context.helper(builtIn); + return builtIn; + } + // 5. user component (resolve) + context.helper(RESOLVE_COMPONENT); + context.components.add(tag); + return toValidAssetId(tag, `component`); +} +function buildProps(node, context, props = node.props, ssr = false) { + const { tag, loc: elementLoc } = node; + const isComponent = node.tagType === 1 /* COMPONENT */; + let properties = []; + const mergeArgs = []; + const runtimeDirectives = []; + // patchFlag analysis + let patchFlag = 0; + let hasRef = false; + let hasClassBinding = false; + let hasStyleBinding = false; + let hasHydrationEventBinding = false; + let hasDynamicKeys = false; + let hasVnodeHook = false; + const dynamicPropNames = []; + const analyzePatchFlag = ({ key, value }) => { + if (isStaticExp(key)) { + const name = key.content; + const isEventHandler = isOn(name); + if (!isComponent && + isEventHandler && + // omit the flag for click handlers because hydration gives click + // dedicated fast path. + name.toLowerCase() !== 'onclick' && + // omit v-model handlers + name !== 'onUpdate:modelValue' && + // omit onVnodeXXX hooks + !isReservedProp(name)) { + hasHydrationEventBinding = true; + } + if (isEventHandler && isReservedProp(name)) { + hasVnodeHook = true; + } + if (value.type === 20 /* JS_CACHE_EXPRESSION */ || + ((value.type === 4 /* SIMPLE_EXPRESSION */ || + value.type === 8 /* COMPOUND_EXPRESSION */) && + getConstantType(value, context) > 0)) { + // skip if the prop is a cached handler or has constant value + return; + } + if (name === 'ref') { + hasRef = true; + } + else if (name === 'class') { + hasClassBinding = true; + } + else if (name === 'style') { + hasStyleBinding = true; + } + else if (name !== 'key' && !dynamicPropNames.includes(name)) { + dynamicPropNames.push(name); + } + // treat the dynamic class and style binding of the component as dynamic props + if (isComponent && + (name === 'class' || name === 'style') && + !dynamicPropNames.includes(name)) { + dynamicPropNames.push(name); + } + } + else { + hasDynamicKeys = true; + } + }; + for (let i = 0; i < props.length; i++) { + // static attribute + const prop = props[i]; + if (prop.type === 6 /* ATTRIBUTE */) { + const { loc, name, value } = prop; + let isStatic = true; + if (name === 'ref') { + hasRef = true; + } + // skip is on <component>, or is="vue:xxx" + if (name === 'is' && + (isComponentTag(tag) || + (value && value.content.startsWith('vue:')) || + (false ))) { + continue; + } + properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', isStatic, value ? value.loc : loc))); + } + else { + // directives + const { name, arg, exp, loc } = prop; + const isVBind = name === 'bind'; + const isVOn = name === 'on'; + // skip v-slot - it is handled by its dedicated transform. + if (name === 'slot') { + if (!isComponent) { + context.onError(createCompilerError(39 /* X_V_SLOT_MISPLACED */, loc)); + } + continue; + } + // skip v-once/v-memo - they are handled by dedicated transforms. + if (name === 'once' || name === 'memo') { + continue; + } + // skip v-is and :is on <component> + if (name === 'is' || + (isVBind && + isBindKey(arg, 'is') && + (isComponentTag(tag) || + (false )))) { + continue; + } + // skip v-on in SSR compilation + if (isVOn && ssr) { + continue; + } + // special case for v-bind and v-on with no argument + if (!arg && (isVBind || isVOn)) { + hasDynamicKeys = true; + if (exp) { + if (properties.length) { + mergeArgs.push(createObjectExpression(dedupeProperties(properties), elementLoc)); + properties = []; + } + if (isVBind) { + mergeArgs.push(exp); + } + else { + // v-on="obj" -> toHandlers(obj) + mergeArgs.push({ + type: 14 /* JS_CALL_EXPRESSION */, + loc, + callee: context.helper(TO_HANDLERS), + arguments: [exp] + }); + } + } + else { + context.onError(createCompilerError(isVBind + ? 33 /* X_V_BIND_NO_EXPRESSION */ + : 34 /* X_V_ON_NO_EXPRESSION */, loc)); + } + continue; + } + const directiveTransform = context.directiveTransforms[name]; + if (directiveTransform) { + // has built-in directive transform. + const { props, needRuntime } = directiveTransform(prop, node, context); + !ssr && props.forEach(analyzePatchFlag); + properties.push(...props); + if (needRuntime) { + runtimeDirectives.push(prop); + if (isSymbol(needRuntime)) { + directiveImportMap.set(prop, needRuntime); + } + } + } + else { + // no built-in transform, this is a user custom directive. + runtimeDirectives.push(prop); + } + } + } + let propsExpression = undefined; + // has v-bind="object" or v-on="object", wrap with mergeProps + if (mergeArgs.length) { + if (properties.length) { + mergeArgs.push(createObjectExpression(dedupeProperties(properties), elementLoc)); + } + if (mergeArgs.length > 1) { + propsExpression = createCallExpression(context.helper(MERGE_PROPS), mergeArgs, elementLoc); + } + else { + // single v-bind with nothing else - no need for a mergeProps call + propsExpression = mergeArgs[0]; + } + } + else if (properties.length) { + propsExpression = createObjectExpression(dedupeProperties(properties), elementLoc); + } + // patchFlag analysis + if (hasDynamicKeys) { + patchFlag |= 16 /* FULL_PROPS */; + } + else { + if (hasClassBinding && !isComponent) { + patchFlag |= 2 /* CLASS */; + } + if (hasStyleBinding && !isComponent) { + patchFlag |= 4 /* STYLE */; + } + if (dynamicPropNames.length) { + patchFlag |= 8 /* PROPS */; + } + if (hasHydrationEventBinding) { + patchFlag |= 32 /* HYDRATE_EVENTS */; + } + } + if ((patchFlag === 0 || patchFlag === 32 /* HYDRATE_EVENTS */) && + (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) { + patchFlag |= 512 /* NEED_PATCH */; + } + // pre-normalize props, SSR is skipped for now + if (!context.inSSR && propsExpression) { + switch (propsExpression.type) { + case 15 /* JS_OBJECT_EXPRESSION */: + // means that there is no v-bind, + // but still need to deal with dynamic key binding + let classKeyIndex = -1; + let styleKeyIndex = -1; + let hasDynamicKey = false; + for (let i = 0; i < propsExpression.properties.length; i++) { + const key = propsExpression.properties[i].key; + if (isStaticExp(key)) { + if (key.content === 'class') { + classKeyIndex = i; + } + else if (key.content === 'style') { + styleKeyIndex = i; + } + } + else if (!key.isHandlerKey) { + hasDynamicKey = true; + } + } + const classProp = propsExpression.properties[classKeyIndex]; + const styleProp = propsExpression.properties[styleKeyIndex]; + // no dynamic key + if (!hasDynamicKey) { + if (classProp && !isStaticExp(classProp.value)) { + classProp.value = createCallExpression(context.helper(NORMALIZE_CLASS), [classProp.value]); + } + if (styleProp && + !isStaticExp(styleProp.value) && + // the static style is compiled into an object, + // so use `hasStyleBinding` to ensure that it is a dynamic style binding + (hasStyleBinding || + // v-bind:style and style both exist, + // v-bind:style with static literal object + styleProp.value.type === 17 /* JS_ARRAY_EXPRESSION */)) { + styleProp.value = createCallExpression(context.helper(NORMALIZE_STYLE), [styleProp.value]); + } + } + else { + // dynamic key binding, wrap with `normalizeProps` + propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [propsExpression]); + } + break; + case 14 /* JS_CALL_EXPRESSION */: + // mergeProps call, do nothing + break; + default: + // single v-bind + propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [ + createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [ + propsExpression + ]) + ]); + break; + } + } + return { + props: propsExpression, + directives: runtimeDirectives, + patchFlag, + dynamicPropNames + }; +} +// Dedupe props in an object literal. +// Literal duplicated attributes would have been warned during the parse phase, +// however, it's possible to encounter duplicated `onXXX` handlers with different +// modifiers. We also need to merge static and dynamic class / style attributes. +// - onXXX handlers / style: merge into array +// - class: merge into single expression with concatenation +function dedupeProperties(properties) { + const knownProps = new Map(); + const deduped = []; + for (let i = 0; i < properties.length; i++) { + const prop = properties[i]; + // dynamic keys are always allowed + if (prop.key.type === 8 /* COMPOUND_EXPRESSION */ || !prop.key.isStatic) { + deduped.push(prop); + continue; + } + const name = prop.key.content; + const existing = knownProps.get(name); + if (existing) { + if (name === 'style' || name === 'class' || name.startsWith('on')) { + mergeAsArray$1(existing, prop); + } + // unexpected duplicate, should have emitted error during parse + } + else { + knownProps.set(name, prop); + deduped.push(prop); + } + } + return deduped; +} +function mergeAsArray$1(existing, incoming) { + if (existing.value.type === 17 /* JS_ARRAY_EXPRESSION */) { + existing.value.elements.push(incoming.value); + } + else { + existing.value = createArrayExpression([existing.value, incoming.value], existing.loc); + } +} +function buildDirectiveArgs(dir, context) { + const dirArgs = []; + const runtime = directiveImportMap.get(dir); + if (runtime) { + // built-in directive with runtime + dirArgs.push(context.helperString(runtime)); + } + else { + { + // inject statement for resolving directive + context.helper(RESOLVE_DIRECTIVE); + context.directives.add(dir.name); + dirArgs.push(toValidAssetId(dir.name, `directive`)); + } + } + const { loc } = dir; + if (dir.exp) + dirArgs.push(dir.exp); + if (dir.arg) { + if (!dir.exp) { + dirArgs.push(`void 0`); + } + dirArgs.push(dir.arg); + } + if (Object.keys(dir.modifiers).length) { + if (!dir.arg) { + if (!dir.exp) { + dirArgs.push(`void 0`); + } + dirArgs.push(`void 0`); + } + const trueExpression = createSimpleExpression(`true`, false, loc); + dirArgs.push(createObjectExpression(dir.modifiers.map(modifier => createObjectProperty(modifier, trueExpression)), loc)); + } + return createArrayExpression(dirArgs, dir.loc); +} +function stringifyDynamicPropNames(props) { + let propsNamesString = `[`; + for (let i = 0, l = props.length; i < l; i++) { + propsNamesString += JSON.stringify(props[i]); + if (i < l - 1) + propsNamesString += ', '; + } + return propsNamesString + `]`; +} +function isComponentTag(tag) { + return tag[0].toLowerCase() + tag.slice(1) === 'component'; +} + +const transformSlotOutlet = (node, context) => { + if (isSlotOutlet(node)) { + const { children, loc } = node; + const { slotName, slotProps } = processSlotOutlet(node, context); + const slotArgs = [ + context.prefixIdentifiers ? `_ctx.$slots` : `$slots`, + slotName + ]; + if (slotProps) { + slotArgs.push(slotProps); + } + if (children.length) { + if (!slotProps) { + slotArgs.push(`{}`); + } + slotArgs.push(createFunctionExpression([], children, false, false, loc)); + } + if (context.scopeId && !context.slotted) { + if (!slotProps) { + slotArgs.push(`{}`); + } + if (!children.length) { + slotArgs.push(`undefined`); + } + slotArgs.push(`true`); + } + node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc); + } +}; +function processSlotOutlet(node, context) { + let slotName = `"default"`; + let slotProps = undefined; + const nonNameProps = []; + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 6 /* ATTRIBUTE */) { + if (p.value) { + if (p.name === 'name') { + slotName = JSON.stringify(p.value.content); + } + else { + p.name = camelize(p.name); + nonNameProps.push(p); + } + } + } + else { + if (p.name === 'bind' && isBindKey(p.arg, 'name')) { + if (p.exp) + slotName = p.exp; + } + else { + if (p.name === 'bind' && p.arg && isStaticExp(p.arg)) { + p.arg.content = camelize(p.arg.content); + } + nonNameProps.push(p); + } + } + } + if (nonNameProps.length > 0) { + const { props, directives } = buildProps(node, context, nonNameProps); + slotProps = props; + if (directives.length) { + context.onError(createCompilerError(35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc)); + } + } + return { + slotName, + slotProps + }; +} + +const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/; +const transformOn = (dir, node, context, augmentor) => { + const { loc, modifiers, arg } = dir; + if (!dir.exp && !modifiers.length) { + context.onError(createCompilerError(34 /* X_V_ON_NO_EXPRESSION */, loc)); + } + let eventName; + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + if (arg.isStatic) { + const rawName = arg.content; + // for all event listeners, auto convert it to camelCase. See issue #2249 + eventName = createSimpleExpression(toHandlerKey(camelize(rawName)), true, arg.loc); + } + else { + // #2388 + eventName = createCompoundExpression([ + `${context.helperString(TO_HANDLER_KEY)}(`, + arg, + `)` + ]); + } + } + else { + // already a compound expression. + eventName = arg; + eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`); + eventName.children.push(`)`); + } + // handler processing + let exp = dir.exp; + if (exp && !exp.content.trim()) { + exp = undefined; + } + let shouldCache = context.cacheHandlers && !exp && !context.inVOnce; + if (exp) { + const isMemberExp = isMemberExpression(exp.content); + const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content)); + const hasMultipleStatements = exp.content.includes(`;`); + { + validateBrowserExpression(exp, context, false, hasMultipleStatements); + } + if (isInlineStatement || (shouldCache && isMemberExp)) { + // wrap inline statement in a function expression + exp = createCompoundExpression([ + `${isInlineStatement + ? `$event` + : `${``}(...args)`} => ${hasMultipleStatements ? `{` : `(`}`, + exp, + hasMultipleStatements ? `}` : `)` + ]); + } + } + let ret = { + props: [ + createObjectProperty(eventName, exp || createSimpleExpression(`() => {}`, false, loc)) + ] + }; + // apply extended compiler augmentor + if (augmentor) { + ret = augmentor(ret); + } + if (shouldCache) { + // cache handlers so that it's always the same handler being passed down. + // this avoids unnecessary re-renders when users use inline handlers on + // components. + ret.props[0].value = context.cache(ret.props[0].value); + } + // mark the key as handler for props normalization check + ret.props.forEach(p => (p.key.isHandlerKey = true)); + return ret; +}; + +// v-bind without arg is handled directly in ./transformElements.ts due to it affecting +// codegen for the entire props object. This transform here is only for v-bind +// *with* args. +const transformBind = (dir, _node, context) => { + const { exp, modifiers, loc } = dir; + const arg = dir.arg; + if (arg.type !== 4 /* SIMPLE_EXPRESSION */) { + arg.children.unshift(`(`); + arg.children.push(`) || ""`); + } + else if (!arg.isStatic) { + arg.content = `${arg.content} || ""`; + } + // .sync is replaced by v-model:arg + if (modifiers.includes('camel')) { + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + if (arg.isStatic) { + arg.content = camelize(arg.content); + } + else { + arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`; + } + } + else { + arg.children.unshift(`${context.helperString(CAMELIZE)}(`); + arg.children.push(`)`); + } + } + if (!context.inSSR) { + if (modifiers.includes('prop')) { + injectPrefix(arg, '.'); + } + if (modifiers.includes('attr')) { + injectPrefix(arg, '^'); + } + } + if (!exp || + (exp.type === 4 /* SIMPLE_EXPRESSION */ && !exp.content.trim())) { + context.onError(createCompilerError(33 /* X_V_BIND_NO_EXPRESSION */, loc)); + return { + props: [createObjectProperty(arg, createSimpleExpression('', true, loc))] + }; + } + return { + props: [createObjectProperty(arg, exp)] + }; +}; +const injectPrefix = (arg, prefix) => { + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + if (arg.isStatic) { + arg.content = prefix + arg.content; + } + else { + arg.content = `\`${prefix}\${${arg.content}}\``; + } + } + else { + arg.children.unshift(`'${prefix}' + (`); + arg.children.push(`)`); + } +}; + +// Merge adjacent text nodes and expressions into a single expression +// e.g. <div>abc {{ d }} {{ e }}</div> should have a single expression node as child. +const transformText = (node, context) => { + if (node.type === 0 /* ROOT */ || + node.type === 1 /* ELEMENT */ || + node.type === 11 /* FOR */ || + node.type === 10 /* IF_BRANCH */) { + // perform the transform on node exit so that all expressions have already + // been processed. + return () => { + const children = node.children; + let currentContainer = undefined; + let hasText = false; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isText(child)) { + hasText = true; + for (let j = i + 1; j < children.length; j++) { + const next = children[j]; + if (isText(next)) { + if (!currentContainer) { + currentContainer = children[i] = { + type: 8 /* COMPOUND_EXPRESSION */, + loc: child.loc, + children: [child] + }; + } + // merge adjacent text node into current + currentContainer.children.push(` + `, next); + children.splice(j, 1); + j--; + } + else { + currentContainer = undefined; + break; + } + } + } + } + if (!hasText || + // if this is a plain element with a single text child, leave it + // as-is since the runtime has dedicated fast path for this by directly + // setting textContent of the element. + // for component root it's always normalized anyway. + (children.length === 1 && + (node.type === 0 /* ROOT */ || + (node.type === 1 /* ELEMENT */ && + node.tagType === 0 /* ELEMENT */ && + // #3756 + // custom directives can potentially add DOM elements arbitrarily, + // we need to avoid setting textContent of the element at runtime + // to avoid accidentally overwriting the DOM elements added + // by the user through custom directives. + !node.props.find(p => p.type === 7 /* DIRECTIVE */ && + !context.directiveTransforms[p.name]) && + // in compat mode, <template> tags with no special directives + // will be rendered as a fragment so its children must be + // converted into vnodes. + !(false ))))) { + return; + } + // pre-convert text nodes into createTextVNode(text) calls to avoid + // runtime normalization. + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isText(child) || child.type === 8 /* COMPOUND_EXPRESSION */) { + const callArgs = []; + // createTextVNode defaults to single whitespace, so if it is a + // single space the code could be an empty call to save bytes. + if (child.type !== 2 /* TEXT */ || child.content !== ' ') { + callArgs.push(child); + } + // mark dynamic text with flag so it gets patched inside a block + if (!context.ssr && + getConstantType(child, context) === 0 /* NOT_CONSTANT */) { + callArgs.push(1 /* TEXT */ + + (` /* ${PatchFlagNames[1 /* TEXT */]} */` )); + } + children[i] = { + type: 12 /* TEXT_CALL */, + content: child, + loc: child.loc, + codegenNode: createCallExpression(context.helper(CREATE_TEXT), callArgs) + }; + } + } + }; + } +}; + +const seen = new WeakSet(); +const transformOnce = (node, context) => { + if (node.type === 1 /* ELEMENT */ && findDir(node, 'once', true)) { + if (seen.has(node) || context.inVOnce) { + return; + } + seen.add(node); + context.inVOnce = true; + context.helper(SET_BLOCK_TRACKING); + return () => { + context.inVOnce = false; + const cur = context.currentNode; + if (cur.codegenNode) { + cur.codegenNode = context.cache(cur.codegenNode, true /* isVNode */); + } + }; + } +}; + +const transformModel = (dir, node, context) => { + const { exp, arg } = dir; + if (!exp) { + context.onError(createCompilerError(40 /* X_V_MODEL_NO_EXPRESSION */, dir.loc)); + return createTransformProps(); + } + const rawExp = exp.loc.source; + const expString = exp.type === 4 /* SIMPLE_EXPRESSION */ ? exp.content : rawExp; + // im SFC <script setup> inline mode, the exp may have been transformed into + // _unref(exp) + context.bindingMetadata[rawExp]; + const maybeRef = !true /* SETUP_CONST */; + if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) { + context.onError(createCompilerError(41 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc)); + return createTransformProps(); + } + const propName = arg ? arg : createSimpleExpression('modelValue', true); + const eventName = arg + ? isStaticExp(arg) + ? `onUpdate:${arg.content}` + : createCompoundExpression(['"onUpdate:" + ', arg]) + : `onUpdate:modelValue`; + let assignmentExp; + const eventArg = context.isTS ? `($event: any)` : `$event`; + { + assignmentExp = createCompoundExpression([ + `${eventArg} => (`, + exp, + ` = $event)` + ]); + } + const props = [ + // modelValue: foo + createObjectProperty(propName, dir.exp), + // "onUpdate:modelValue": $event => (foo = $event) + createObjectProperty(eventName, assignmentExp) + ]; + // modelModifiers: { foo: true, "bar-baz": true } + if (dir.modifiers.length && node.tagType === 1 /* COMPONENT */) { + const modifiers = dir.modifiers + .map(m => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`) + .join(`, `); + const modifiersKey = arg + ? isStaticExp(arg) + ? `${arg.content}Modifiers` + : createCompoundExpression([arg, ' + "Modifiers"']) + : `modelModifiers`; + props.push(createObjectProperty(modifiersKey, createSimpleExpression(`{ ${modifiers} }`, false, dir.loc, 2 /* CAN_HOIST */))); + } + return createTransformProps(props); +}; +function createTransformProps(props = []) { + return { props }; +} + +const seen$1 = new WeakSet(); +const transformMemo = (node, context) => { + if (node.type === 1 /* ELEMENT */) { + const dir = findDir(node, 'memo'); + if (!dir || seen$1.has(node)) { + return; + } + seen$1.add(node); + return () => { + const codegenNode = node.codegenNode || + context.currentNode.codegenNode; + if (codegenNode && codegenNode.type === 13 /* VNODE_CALL */) { + // non-component sub tree should be turned into a block + if (node.tagType !== 1 /* COMPONENT */) { + makeBlock(codegenNode, context); + } + node.codegenNode = createCallExpression(context.helper(WITH_MEMO), [ + dir.exp, + createFunctionExpression(undefined, codegenNode), + `_cache`, + String(context.cached++) + ]); + } + }; + } +}; + +function getBaseTransformPreset(prefixIdentifiers) { + return [ + [ + transformOnce, + transformIf, + transformMemo, + transformFor, + ...([]), + ...([transformExpression] + ), + transformSlotOutlet, + transformElement, + trackSlotScopes, + transformText + ], + { + on: transformOn, + bind: transformBind, + model: transformModel + } + ]; +} +// we name it `baseCompile` so that higher order compilers like +// @vue/compiler-dom can export `compile` while re-exporting everything else. +function baseCompile(template, options = {}) { + const onError = options.onError || defaultOnError; + const isModuleMode = options.mode === 'module'; + /* istanbul ignore if */ + { + if (options.prefixIdentifiers === true) { + onError(createCompilerError(45 /* X_PREFIX_ID_NOT_SUPPORTED */)); + } + else if (isModuleMode) { + onError(createCompilerError(46 /* X_MODULE_MODE_NOT_SUPPORTED */)); + } + } + const prefixIdentifiers = !true ; + if (options.cacheHandlers) { + onError(createCompilerError(47 /* X_CACHE_HANDLER_NOT_SUPPORTED */)); + } + if (options.scopeId && !isModuleMode) { + onError(createCompilerError(48 /* X_SCOPE_ID_NOT_SUPPORTED */)); + } + const ast = isString(template) ? baseParse(template, options) : template; + const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(); + transform(ast, extend({}, options, { + prefixIdentifiers, + nodeTransforms: [ + ...nodeTransforms, + ...(options.nodeTransforms || []) // user transforms + ], + directiveTransforms: extend({}, directiveTransforms, options.directiveTransforms || {} // user transforms + ) + })); + return generate(ast, extend({}, options, { + prefixIdentifiers + })); +} + +const noopDirectiveTransform = () => ({ props: [] }); + +const V_MODEL_RADIO = Symbol(`vModelRadio` ); +const V_MODEL_CHECKBOX = Symbol(`vModelCheckbox` ); +const V_MODEL_TEXT = Symbol(`vModelText` ); +const V_MODEL_SELECT = Symbol(`vModelSelect` ); +const V_MODEL_DYNAMIC = Symbol(`vModelDynamic` ); +const V_ON_WITH_MODIFIERS = Symbol(`vOnModifiersGuard` ); +const V_ON_WITH_KEYS = Symbol(`vOnKeysGuard` ); +const V_SHOW = Symbol(`vShow` ); +const TRANSITION$1 = Symbol(`Transition` ); +const TRANSITION_GROUP = Symbol(`TransitionGroup` ); +registerRuntimeHelpers({ + [V_MODEL_RADIO]: `vModelRadio`, + [V_MODEL_CHECKBOX]: `vModelCheckbox`, + [V_MODEL_TEXT]: `vModelText`, + [V_MODEL_SELECT]: `vModelSelect`, + [V_MODEL_DYNAMIC]: `vModelDynamic`, + [V_ON_WITH_MODIFIERS]: `withModifiers`, + [V_ON_WITH_KEYS]: `withKeys`, + [V_SHOW]: `vShow`, + [TRANSITION$1]: `Transition`, + [TRANSITION_GROUP]: `TransitionGroup` +}); + +/* eslint-disable no-restricted-globals */ +let decoder; +function decodeHtmlBrowser(raw, asAttr = false) { + if (!decoder) { + decoder = document.createElement('div'); + } + if (asAttr) { + decoder.innerHTML = `<div foo="${raw.replace(/"/g, '"')}">`; + return decoder.children[0].getAttribute('foo'); + } + else { + decoder.innerHTML = raw; + return decoder.textContent; + } +} + +const isRawTextContainer = /*#__PURE__*/ makeMap('style,iframe,script,noscript', true); +const parserOptions = { + isVoidTag, + isNativeTag: tag => isHTMLTag(tag) || isSVGTag(tag), + isPreTag: tag => tag === 'pre', + decodeEntities: decodeHtmlBrowser , + isBuiltInComponent: (tag) => { + if (isBuiltInType(tag, `Transition`)) { + return TRANSITION$1; + } + else if (isBuiltInType(tag, `TransitionGroup`)) { + return TRANSITION_GROUP; + } + }, + // https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher + getNamespace(tag, parent) { + let ns = parent ? parent.ns : 0 /* HTML */; + if (parent && ns === 2 /* MATH_ML */) { + if (parent.tag === 'annotation-xml') { + if (tag === 'svg') { + return 1 /* SVG */; + } + if (parent.props.some(a => a.type === 6 /* ATTRIBUTE */ && + a.name === 'encoding' && + a.value != null && + (a.value.content === 'text/html' || + a.value.content === 'application/xhtml+xml'))) { + ns = 0 /* HTML */; + } + } + else if (/^m(?:[ions]|text)$/.test(parent.tag) && + tag !== 'mglyph' && + tag !== 'malignmark') { + ns = 0 /* HTML */; + } + } + else if (parent && ns === 1 /* SVG */) { + if (parent.tag === 'foreignObject' || + parent.tag === 'desc' || + parent.tag === 'title') { + ns = 0 /* HTML */; + } + } + if (ns === 0 /* HTML */) { + if (tag === 'svg') { + return 1 /* SVG */; + } + if (tag === 'math') { + return 2 /* MATH_ML */; + } + } + return ns; + }, + // https://html.spec.whatwg.org/multipage/parsing.html#parsing-html-fragments + getTextMode({ tag, ns }) { + if (ns === 0 /* HTML */) { + if (tag === 'textarea' || tag === 'title') { + return 1 /* RCDATA */; + } + if (isRawTextContainer(tag)) { + return 2 /* RAWTEXT */; + } + } + return 0 /* DATA */; + } +}; + +// Parse inline CSS strings for static style attributes into an object. +// This is a NodeTransform since it works on the static `style` attribute and +// converts it into a dynamic equivalent: +// style="color: red" -> :style='{ "color": "red" }' +// It is then processed by `transformElement` and included in the generated +// props. +const transformStyle = node => { + if (node.type === 1 /* ELEMENT */) { + node.props.forEach((p, i) => { + if (p.type === 6 /* ATTRIBUTE */ && p.name === 'style' && p.value) { + // replace p with an expression node + node.props[i] = { + type: 7 /* DIRECTIVE */, + name: `bind`, + arg: createSimpleExpression(`style`, true, p.loc), + exp: parseInlineCSS(p.value.content, p.loc), + modifiers: [], + loc: p.loc + }; + } + }); + } +}; +const parseInlineCSS = (cssText, loc) => { + const normalized = parseStringStyle(cssText); + return createSimpleExpression(JSON.stringify(normalized), false, loc, 3 /* CAN_STRINGIFY */); +}; + +function createDOMCompilerError(code, loc) { + return createCompilerError(code, loc, DOMErrorMessages ); +} +const DOMErrorMessages = { + [49 /* X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`, + [50 /* X_V_HTML_WITH_CHILDREN */]: `v-html will override element children.`, + [51 /* X_V_TEXT_NO_EXPRESSION */]: `v-text is missing expression.`, + [52 /* X_V_TEXT_WITH_CHILDREN */]: `v-text will override element children.`, + [53 /* X_V_MODEL_ON_INVALID_ELEMENT */]: `v-model can only be used on <input>, <textarea> and <select> elements.`, + [54 /* X_V_MODEL_ARG_ON_ELEMENT */]: `v-model argument is not supported on plain elements.`, + [55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`, + [56 /* X_V_MODEL_UNNECESSARY_VALUE */]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`, + [57 /* X_V_SHOW_NO_EXPRESSION */]: `v-show is missing expression.`, + [58 /* X_TRANSITION_INVALID_CHILDREN */]: `<Transition> expects exactly one child element or component.`, + [59 /* X_IGNORED_SIDE_EFFECT_TAG */]: `Tags with side effect (<script> and <style>) are ignored in client component templates.` +}; + +const transformVHtml = (dir, node, context) => { + const { exp, loc } = dir; + if (!exp) { + context.onError(createDOMCompilerError(49 /* X_V_HTML_NO_EXPRESSION */, loc)); + } + if (node.children.length) { + context.onError(createDOMCompilerError(50 /* X_V_HTML_WITH_CHILDREN */, loc)); + node.children.length = 0; + } + return { + props: [ + createObjectProperty(createSimpleExpression(`innerHTML`, true, loc), exp || createSimpleExpression('', true)) + ] + }; +}; + +const transformVText = (dir, node, context) => { + const { exp, loc } = dir; + if (!exp) { + context.onError(createDOMCompilerError(51 /* X_V_TEXT_NO_EXPRESSION */, loc)); + } + if (node.children.length) { + context.onError(createDOMCompilerError(52 /* X_V_TEXT_WITH_CHILDREN */, loc)); + node.children.length = 0; + } + return { + props: [ + createObjectProperty(createSimpleExpression(`textContent`, true), exp + ? createCallExpression(context.helperString(TO_DISPLAY_STRING), [exp], loc) + : createSimpleExpression('', true)) + ] + }; +}; + +const transformModel$1 = (dir, node, context) => { + const baseResult = transformModel(dir, node, context); + // base transform has errors OR component v-model (only need props) + if (!baseResult.props.length || node.tagType === 1 /* COMPONENT */) { + return baseResult; + } + if (dir.arg) { + context.onError(createDOMCompilerError(54 /* X_V_MODEL_ARG_ON_ELEMENT */, dir.arg.loc)); + } + function checkDuplicatedValue() { + const value = findProp(node, 'value'); + if (value) { + context.onError(createDOMCompilerError(56 /* X_V_MODEL_UNNECESSARY_VALUE */, value.loc)); + } + } + const { tag } = node; + const isCustomElement = context.isCustomElement(tag); + if (tag === 'input' || + tag === 'textarea' || + tag === 'select' || + isCustomElement) { + let directiveToUse = V_MODEL_TEXT; + let isInvalidType = false; + if (tag === 'input' || isCustomElement) { + const type = findProp(node, `type`); + if (type) { + if (type.type === 7 /* DIRECTIVE */) { + // :type="foo" + directiveToUse = V_MODEL_DYNAMIC; + } + else if (type.value) { + switch (type.value.content) { + case 'radio': + directiveToUse = V_MODEL_RADIO; + break; + case 'checkbox': + directiveToUse = V_MODEL_CHECKBOX; + break; + case 'file': + isInvalidType = true; + context.onError(createDOMCompilerError(55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc)); + break; + default: + // text type + checkDuplicatedValue(); + break; + } + } + } + else if (hasDynamicKeyVBind(node)) { + // element has bindings with dynamic keys, which can possibly contain + // "type". + directiveToUse = V_MODEL_DYNAMIC; + } + else { + // text type + checkDuplicatedValue(); + } + } + else if (tag === 'select') { + directiveToUse = V_MODEL_SELECT; + } + else { + // textarea + checkDuplicatedValue(); + } + // inject runtime directive + // by returning the helper symbol via needRuntime + // the import will replaced a resolveDirective call. + if (!isInvalidType) { + baseResult.needRuntime = context.helper(directiveToUse); + } + } + else { + context.onError(createDOMCompilerError(53 /* X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc)); + } + // native vmodel doesn't need the `modelValue` props since they are also + // passed to the runtime as `binding.value`. removing it reduces code size. + baseResult.props = baseResult.props.filter(p => !(p.key.type === 4 /* SIMPLE_EXPRESSION */ && + p.key.content === 'modelValue')); + return baseResult; +}; + +const isEventOptionModifier = /*#__PURE__*/ makeMap(`passive,once,capture`); +const isNonKeyModifier = /*#__PURE__*/ makeMap( +// event propagation management +`stop,prevent,self,` + + // system modifiers + exact + `ctrl,shift,alt,meta,exact,` + + // mouse + `middle`); +// left & right could be mouse or key modifiers based on event type +const maybeKeyModifier = /*#__PURE__*/ makeMap('left,right'); +const isKeyboardEvent = /*#__PURE__*/ makeMap(`onkeyup,onkeydown,onkeypress`, true); +const resolveModifiers = (key, modifiers, context, loc) => { + const keyModifiers = []; + const nonKeyModifiers = []; + const eventOptionModifiers = []; + for (let i = 0; i < modifiers.length; i++) { + const modifier = modifiers[i]; + if (isEventOptionModifier(modifier)) { + // eventOptionModifiers: modifiers for addEventListener() options, + // e.g. .passive & .capture + eventOptionModifiers.push(modifier); + } + else { + // runtimeModifiers: modifiers that needs runtime guards + if (maybeKeyModifier(modifier)) { + if (isStaticExp(key)) { + if (isKeyboardEvent(key.content)) { + keyModifiers.push(modifier); + } + else { + nonKeyModifiers.push(modifier); + } + } + else { + keyModifiers.push(modifier); + nonKeyModifiers.push(modifier); + } + } + else { + if (isNonKeyModifier(modifier)) { + nonKeyModifiers.push(modifier); + } + else { + keyModifiers.push(modifier); + } + } + } + } + return { + keyModifiers, + nonKeyModifiers, + eventOptionModifiers + }; +}; +const transformClick = (key, event) => { + const isStaticClick = isStaticExp(key) && key.content.toLowerCase() === 'onclick'; + return isStaticClick + ? createSimpleExpression(event, true) + : key.type !== 4 /* SIMPLE_EXPRESSION */ + ? createCompoundExpression([ + `(`, + key, + `) === "onClick" ? "${event}" : (`, + key, + `)` + ]) + : key; +}; +const transformOn$1 = (dir, node, context) => { + return transformOn(dir, node, context, baseResult => { + const { modifiers } = dir; + if (!modifiers.length) + return baseResult; + let { key, value: handlerExp } = baseResult.props[0]; + const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc); + // normalize click.right and click.middle since they don't actually fire + if (nonKeyModifiers.includes('right')) { + key = transformClick(key, `onContextmenu`); + } + if (nonKeyModifiers.includes('middle')) { + key = transformClick(key, `onMouseup`); + } + if (nonKeyModifiers.length) { + handlerExp = createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [ + handlerExp, + JSON.stringify(nonKeyModifiers) + ]); + } + if (keyModifiers.length && + // if event name is dynamic, always wrap with keys guard + (!isStaticExp(key) || isKeyboardEvent(key.content))) { + handlerExp = createCallExpression(context.helper(V_ON_WITH_KEYS), [ + handlerExp, + JSON.stringify(keyModifiers) + ]); + } + if (eventOptionModifiers.length) { + const modifierPostfix = eventOptionModifiers.map(capitalize).join(''); + key = isStaticExp(key) + ? createSimpleExpression(`${key.content}${modifierPostfix}`, true) + : createCompoundExpression([`(`, key, `) + "${modifierPostfix}"`]); + } + return { + props: [createObjectProperty(key, handlerExp)] + }; + }); +}; + +const transformShow = (dir, node, context) => { + const { exp, loc } = dir; + if (!exp) { + context.onError(createDOMCompilerError(57 /* X_V_SHOW_NO_EXPRESSION */, loc)); + } + return { + props: [], + needRuntime: context.helper(V_SHOW) + }; +}; + +const warnTransitionChildren = (node, context) => { + if (node.type === 1 /* ELEMENT */ && + node.tagType === 1 /* COMPONENT */) { + const component = context.isBuiltInComponent(node.tag); + if (component === TRANSITION$1) { + return () => { + if (node.children.length && hasMultipleChildren(node)) { + context.onError(createDOMCompilerError(58 /* X_TRANSITION_INVALID_CHILDREN */, { + start: node.children[0].loc.start, + end: node.children[node.children.length - 1].loc.end, + source: '' + })); + } + }; + } + } +}; +function hasMultipleChildren(node) { + // #1352 filter out potential comment nodes. + const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */)); + const child = children[0]; + return (children.length !== 1 || + child.type === 11 /* FOR */ || + (child.type === 9 /* IF */ && child.branches.some(hasMultipleChildren))); +} + +const ignoreSideEffectTags = (node, context) => { + if (node.type === 1 /* ELEMENT */ && + node.tagType === 0 /* ELEMENT */ && + (node.tag === 'script' || node.tag === 'style')) { + context.onError(createDOMCompilerError(59 /* X_IGNORED_SIDE_EFFECT_TAG */, node.loc)); + context.removeNode(); + } +}; + +const DOMNodeTransforms = [ + transformStyle, + ...([warnTransitionChildren] ) +]; +const DOMDirectiveTransforms = { + cloak: noopDirectiveTransform, + html: transformVHtml, + text: transformVText, + model: transformModel$1, + on: transformOn$1, + show: transformShow +}; +function compile$1(template, options = {}) { + return baseCompile(template, extend({}, parserOptions, options, { + nodeTransforms: [ + // ignore <script> and <tag> + // this is not put inside DOMNodeTransforms because that list is used + // by compiler-ssr to generate vnode fallback branches + ignoreSideEffectTags, + ...DOMNodeTransforms, + ...(options.nodeTransforms || []) + ], + directiveTransforms: extend({}, DOMDirectiveTransforms, options.directiveTransforms || {}), + transformHoist: null + })); +} + +// This entry is the "full-build" that includes both the runtime +{ + initDev(); +} +const compileCache = Object.create(null); +function compileToFunction(template, options) { + if (!isString(template)) { + if (template.nodeType) { + template = template.innerHTML; + } + else { + warn$1(`invalid template option: `, template); + return NOOP; + } + } + const key = template; + const cached = compileCache[key]; + if (cached) { + return cached; + } + if (template[0] === '#') { + const el = document.querySelector(template); + if (!el) { + warn$1(`Template element not found or is empty: ${template}`); + } + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's rendered + // by the server, the template should not contain any user data. + template = el ? el.innerHTML : ``; + } + const { code } = compile$1(template, extend({ + hoistStatic: true, + onError: onError , + onWarn: e => onError(e, true) + }, options)); + function onError(err, asWarning = false) { + const message = asWarning + ? err.message + : `Template compilation error: ${err.message}`; + const codeFrame = err.loc && + generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset); + warn$1(codeFrame ? `${message}\n${codeFrame}` : message); + } + // The wildcard import results in a huge object with every export + // with keys that cannot be mangled, and can be quite heavy size-wise. + // In the global build we know `Vue` is available globally so we can avoid + // the wildcard object. + const render = (new Function('Vue', code)(runtimeDom)); + render._rc = true; + return (compileCache[key] = render); +} +registerRuntimeCompiler(compileToFunction); + +export { BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compileToFunction as compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId }; diff --git a/node_modules/vue/dist/vue.esm-browser.prod.js b/node_modules/vue/dist/vue.esm-browser.prod.js new file mode 100644 index 0000000000..27277d398f --- /dev/null +++ b/node_modules/vue/dist/vue.esm-browser.prod.js @@ -0,0 +1 @@ +function e(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r<o.length;r++)n[o[r]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const t=e("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),n=e("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function o(e){return!!e||""===e}function r(e){if(E(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],s=M(o)?l(o):r(o);if(s)for(const e in s)t[e]=s[e]}return t}return M(e)||P(e)?e:void 0}const s=/;(?![^(]*\))/g,i=/:(.+)/;function l(e){const t={};return e.split(s).forEach((e=>{if(e){const n=e.split(i);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function c(e){let t="";if(M(e))t=e;else if(E(e))for(let n=0;n<e.length;n++){const o=c(e[n]);o&&(t+=o+" ")}else if(P(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}function a(e){if(!e)return null;let{class:t,style:n}=e;return t&&!M(t)&&(e.class=c(t)),n&&(e.style=r(n)),e}const u=e("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"),p=e("svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"),f=e("area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr");function d(e,t){if(e===t)return!0;let n=F(e),o=F(t);if(n||o)return!(!n||!o)&&e.getTime()===t.getTime();if(n=E(e),o=E(t),n||o)return!(!n||!o)&&function(e,t){if(e.length!==t.length)return!1;let n=!0;for(let o=0;n&&o<e.length;o++)n=d(e[o],t[o]);return n}(e,t);if(n=P(e),o=P(t),n||o){if(!n||!o)return!1;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e){const o=e.hasOwnProperty(n),r=t.hasOwnProperty(n);if(o&&!r||!o&&r||!d(e[n],t[n]))return!1}}return String(e)===String(t)}function h(e,t){return e.findIndex((e=>d(e,t)))}const m=e=>null==e?"":E(e)||P(e)&&(e.toString===V||!A(e.toString))?JSON.stringify(e,g,2):String(e),g=(e,t)=>t&&t.__v_isRef?g(e,t.value):$(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:R(t)?{[`Set(${t.size})`]:[...t.values()]}:!P(t)||E(t)||L(t)?t:String(t),v={},y=[],b=()=>{},_=()=>!1,S=/^on[^a-z]/,x=e=>S.test(e),C=e=>e.startsWith("onUpdate:"),w=Object.assign,k=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},T=Object.prototype.hasOwnProperty,N=(e,t)=>T.call(e,t),E=Array.isArray,$=e=>"[object Map]"===B(e),R=e=>"[object Set]"===B(e),F=e=>e instanceof Date,A=e=>"function"==typeof e,M=e=>"string"==typeof e,O=e=>"symbol"==typeof e,P=e=>null!==e&&"object"==typeof e,I=e=>P(e)&&A(e.then)&&A(e.catch),V=Object.prototype.toString,B=e=>V.call(e),L=e=>"[object Object]"===B(e),j=e=>M(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,U=e(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),H=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},D=/-(\w)/g,W=H((e=>e.replace(D,((e,t)=>t?t.toUpperCase():"")))),z=/\B([A-Z])/g,K=H((e=>e.replace(z,"-$1").toLowerCase())),G=H((e=>e.charAt(0).toUpperCase()+e.slice(1))),q=H((e=>e?`on${G(e)}`:"")),J=(e,t)=>!Object.is(e,t),Z=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},Q=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},X=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let Y;const ee=[];class te{constructor(e=!1){this.active=!0,this.effects=[],this.cleanups=[],!e&&Y&&(this.parent=Y,this.index=(Y.scopes||(Y.scopes=[])).push(this)-1)}run(e){if(this.active)try{return this.on(),e()}finally{this.off()}}on(){this.active&&(ee.push(this),Y=this)}off(){this.active&&(ee.pop(),Y=ee[ee.length-1])}stop(e){if(this.active){if(this.effects.forEach((e=>e.stop())),this.cleanups.forEach((e=>e())),this.scopes&&this.scopes.forEach((e=>e.stop(!0))),this.parent&&!e){const e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.active=!1}}}function ne(e){return new te(e)}function oe(e,t){(t=t||Y)&&t.active&&t.effects.push(e)}function re(){return Y}function se(e){Y&&Y.cleanups.push(e)}const ie=e=>{const t=new Set(e);return t.w=0,t.n=0,t},le=e=>(e.w&pe)>0,ce=e=>(e.n&pe)>0,ae=new WeakMap;let ue=0,pe=1;const fe=[];let de;const he=Symbol(""),me=Symbol("");class ge{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],oe(this,n)}run(){if(!this.active)return this.fn();if(!fe.includes(this))try{return fe.push(de=this),Se.push(_e),_e=!0,pe=1<<++ue,ue<=30?(({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=pe})(this):ve(this),this.fn()}finally{ue<=30&&(e=>{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o<t.length;o++){const r=t[o];le(r)&&!ce(r)?r.delete(e):t[n++]=r,r.w&=~pe,r.n&=~pe}t.length=n}})(this),pe=1<<--ue,Ce(),fe.pop();const e=fe.length;de=e>0?fe[e-1]:void 0}}stop(){this.active&&(ve(this),this.onStop&&this.onStop(),this.active=!1)}}function ve(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}function ye(e,t){e.effect&&(e=e.effect.fn);const n=new ge(e);t&&(w(n,t),t.scope&&oe(n,t.scope)),t&&t.lazy||n.run();const o=n.run.bind(n);return o.effect=n,o}function be(e){e.effect.stop()}let _e=!0;const Se=[];function xe(){Se.push(_e),_e=!1}function Ce(){const e=Se.pop();_e=void 0===e||e}function we(e,t,n){if(!ke())return;let o=ae.get(e);o||ae.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=ie()),Te(r)}function ke(){return _e&&void 0!==de}function Te(e,t){let n=!1;ue<=30?ce(e)||(e.n|=pe,n=!le(e)):n=!e.has(de),n&&(e.add(de),de.deps.push(e))}function Ne(e,t,n,o,r,s){const i=ae.get(e);if(!i)return;let l=[];if("clear"===t)l=[...i.values()];else if("length"===n&&E(e))i.forEach(((e,t)=>{("length"===t||t>=o)&&l.push(e)}));else switch(void 0!==n&&l.push(i.get(n)),t){case"add":E(e)?j(n)&&l.push(i.get("length")):(l.push(i.get(he)),$(e)&&l.push(i.get(me)));break;case"delete":E(e)||(l.push(i.get(he)),$(e)&&l.push(i.get(me)));break;case"set":$(e)&&l.push(i.get(he))}if(1===l.length)l[0]&&Ee(l[0]);else{const e=[];for(const t of l)t&&e.push(...t);Ee(ie(e))}}function Ee(e,t){for(const n of E(e)?e:[...e])(n!==de||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}const $e=e("__proto__,__v_isRef,__isVue"),Re=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(O)),Fe=Ve(),Ae=Ve(!1,!0),Me=Ve(!0),Oe=Ve(!0,!0),Pe=Ie();function Ie(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=Tt(this);for(let t=0,r=this.length;t<r;t++)we(n,0,t+"");const o=n[t](...e);return-1===o||!1===o?n[t](...e.map(Tt)):o}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){xe();const n=Tt(this)[t].apply(this,e);return Ce(),n}})),e}function Ve(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?t?gt:mt:t?ht:dt).get(n))return n;const s=E(n);if(!e&&s&&N(Pe,o))return Reflect.get(Pe,o,r);const i=Reflect.get(n,o,r);if(O(o)?Re.has(o):$e(o))return i;if(e||we(n,0,o),t)return i;if(Ft(i)){return!s||!j(o)?i.value:i}return P(i)?e?_t(i):yt(i):i}}function Be(e=!1){return function(t,n,o,r){let s=t[n];if(!e&&(o=Tt(o),s=Tt(s),!E(t)&&Ft(s)&&!Ft(o)))return s.value=o,!0;const i=E(t)&&j(n)?Number(n)<t.length:N(t,n),l=Reflect.set(t,n,o,r);return t===Tt(r)&&(i?J(o,s)&&Ne(t,"set",n,o):Ne(t,"add",n,o)),l}}const Le={get:Fe,set:Be(),deleteProperty:function(e,t){const n=N(e,t),o=Reflect.deleteProperty(e,t);return o&&n&&Ne(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return O(t)&&Re.has(t)||we(e,0,t),n},ownKeys:function(e){return we(e,0,E(e)?"length":he),Reflect.ownKeys(e)}},je={get:Me,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Ue=w({},Le,{get:Ae,set:Be(!0)}),He=w({},je,{get:Oe}),De=e=>P(e)?yt(e):e,We=e=>P(e)?_t(e):e,ze=e=>e,Ke=e=>Reflect.getPrototypeOf(e);function Ge(e,t,n=!1,o=!1){const r=Tt(e=e.__v_raw),s=Tt(t);t!==s&&!n&&we(r,0,t),!n&&we(r,0,s);const{has:i}=Ke(r),l=o?ze:n?We:De;return i.call(r,t)?l(e.get(t)):i.call(r,s)?l(e.get(s)):void(e!==r&&e.get(t))}function qe(e,t=!1){const n=this.__v_raw,o=Tt(n),r=Tt(e);return e!==r&&!t&&we(o,0,e),!t&&we(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function Je(e,t=!1){return e=e.__v_raw,!t&&we(Tt(e),0,he),Reflect.get(e,"size",e)}function Ze(e){e=Tt(e);const t=Tt(this);return Ke(t).has.call(t,e)||(t.add(e),Ne(t,"add",e,e)),this}function Qe(e,t){t=Tt(t);const n=Tt(this),{has:o,get:r}=Ke(n);let s=o.call(n,e);s||(e=Tt(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?J(t,i)&&Ne(n,"set",e,t):Ne(n,"add",e,t),this}function Xe(e){const t=Tt(this),{has:n,get:o}=Ke(t);let r=n.call(t,e);r||(e=Tt(e),r=n.call(t,e)),o&&o.call(t,e);const s=t.delete(e);return r&&Ne(t,"delete",e,void 0),s}function Ye(){const e=Tt(this),t=0!==e.size,n=e.clear();return t&&Ne(e,"clear",void 0,void 0),n}function et(e,t){return function(n,o){const r=this,s=r.__v_raw,i=Tt(s),l=t?ze:e?We:De;return!e&&we(i,0,he),s.forEach(((e,t)=>n.call(o,l(e),l(t),r)))}}function tt(e,t,n){return function(...o){const r=this.__v_raw,s=Tt(r),i=$(s),l="entries"===e||e===Symbol.iterator&&i,c="keys"===e&&i,a=r[e](...o),u=n?ze:t?We:De;return!t&&we(s,0,c?me:he),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:l?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function nt(e){return function(...t){return"delete"!==e&&this}}function ot(){const e={get(e){return Ge(this,e)},get size(){return Je(this)},has:qe,add:Ze,set:Qe,delete:Xe,clear:Ye,forEach:et(!1,!1)},t={get(e){return Ge(this,e,!1,!0)},get size(){return Je(this)},has:qe,add:Ze,set:Qe,delete:Xe,clear:Ye,forEach:et(!1,!0)},n={get(e){return Ge(this,e,!0)},get size(){return Je(this,!0)},has(e){return qe.call(this,e,!0)},add:nt("add"),set:nt("set"),delete:nt("delete"),clear:nt("clear"),forEach:et(!0,!1)},o={get(e){return Ge(this,e,!0,!0)},get size(){return Je(this,!0)},has(e){return qe.call(this,e,!0)},add:nt("add"),set:nt("set"),delete:nt("delete"),clear:nt("clear"),forEach:et(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((r=>{e[r]=tt(r,!1,!1),n[r]=tt(r,!0,!1),t[r]=tt(r,!1,!0),o[r]=tt(r,!0,!0)})),[e,n,t,o]}const[rt,st,it,lt]=ot();function ct(e,t){const n=t?e?lt:it:e?st:rt;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(N(n,o)&&o in t?n:t,o,r)}const at={get:ct(!1,!1)},ut={get:ct(!1,!0)},pt={get:ct(!0,!1)},ft={get:ct(!0,!0)},dt=new WeakMap,ht=new WeakMap,mt=new WeakMap,gt=new WeakMap;function vt(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>B(e).slice(8,-1))(e))}function yt(e){return e&&e.__v_isReadonly?e:xt(e,!1,Le,at,dt)}function bt(e){return xt(e,!1,Ue,ut,ht)}function _t(e){return xt(e,!0,je,pt,mt)}function St(e){return xt(e,!0,He,ft,gt)}function xt(e,t,n,o,r){if(!P(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=r.get(e);if(s)return s;const i=vt(e);if(0===i)return e;const l=new Proxy(e,2===i?o:n);return r.set(e,l),l}function Ct(e){return wt(e)?Ct(e.__v_raw):!(!e||!e.__v_isReactive)}function wt(e){return!(!e||!e.__v_isReadonly)}function kt(e){return Ct(e)||wt(e)}function Tt(e){const t=e&&e.__v_raw;return t?Tt(t):e}function Nt(e){return Q(e,"__v_skip",!0),e}function Et(e){ke()&&((e=Tt(e)).dep||(e.dep=ie()),Te(e.dep))}function $t(e,t){(e=Tt(e)).dep&&Ee(e.dep)}const Rt=e=>P(e)?yt(e):e;function Ft(e){return Boolean(e&&!0===e.__v_isRef)}function At(e){return Pt(e,!1)}function Mt(e){return Pt(e,!0)}class Ot{constructor(e,t){this._shallow=t,this.dep=void 0,this.__v_isRef=!0,this._rawValue=t?e:Tt(e),this._value=t?e:Rt(e)}get value(){return Et(this),this._value}set value(e){e=this._shallow?e:Tt(e),J(e,this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:Rt(e),$t(this))}}function Pt(e,t){return Ft(e)?e:new Ot(e,t)}function It(e){$t(e)}function Vt(e){return Ft(e)?e.value:e}const Bt={get:(e,t,n)=>Vt(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return Ft(r)&&!Ft(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Lt(e){return Ct(e)?e:new Proxy(e,Bt)}class jt{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:t,set:n}=e((()=>Et(this)),(()=>$t(this)));this._get=t,this._set=n}get value(){return this._get()}set value(e){this._set(e)}}function Ut(e){return new jt(e)}function Ht(e){const t=E(e)?new Array(e.length):{};for(const n in e)t[n]=Wt(e,n);return t}class Dt{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}function Wt(e,t){const n=e[t];return Ft(n)?n:new Dt(e,t)}class zt{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new ge(e,(()=>{this._dirty||(this._dirty=!0,$t(this))})),this.__v_isReadonly=n}get value(){const e=Tt(this);return Et(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function Kt(e,t){let n,o;A(e)?(n=e,o=b):(n=e.get,o=e.set);return new zt(n,o,A(e)||!e.set)}let Gt;function qt(e){Gt=e}function Jt(e,t,...n){const o=e.vnode.props||v;let r=n;const s=t.startsWith("update:"),i=s&&t.slice(7);if(i&&i in o){const e=`${"modelValue"===i?"model":i}Modifiers`,{number:t,trim:s}=o[e]||v;s?r=n.map((e=>e.trim())):t&&(r=n.map(X))}let l,c=o[l=q(t)]||o[l=q(W(t))];!c&&s&&(c=o[l=q(K(t))]),c&&is(c,e,6,r);const a=o[l+"Once"];if(a){if(e.emitted){if(e.emitted[l])return}else e.emitted={};e.emitted[l]=!0,is(a,e,6,r)}}function Zt(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(void 0!==r)return r;const s=e.emits;let i={},l=!1;if(!A(e)){const o=e=>{const n=Zt(e,t,!0);n&&(l=!0,w(i,n))};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}return s||l?(E(s)?s.forEach((e=>i[e]=null)):w(i,s),o.set(e,i),i):(o.set(e,null),null)}function Qt(e,t){return!(!e||!x(t))&&(t=t.slice(2).replace(/Once$/,""),N(e,t[0].toLowerCase()+t.slice(1))||N(e,K(t))||N(e,t))}let Xt=null,Yt=null;function en(e){const t=Xt;return Xt=e,Yt=e&&e.type.__scopeId||null,t}function tn(e){Yt=e}function nn(){Yt=null}const on=e=>rn;function rn(e,t=Xt,n){if(!t)return e;if(e._n)return e;const o=(...n)=>{o._d&&ir(-1);const r=en(t),s=e(...n);return en(r),o._d&&ir(1),s};return o._n=!0,o._c=!0,o._d=!0,o}function sn(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:s,propsOptions:[i],slots:l,attrs:c,emit:a,render:u,renderCache:p,data:f,setupState:d,ctx:h,inheritAttrs:m}=e;let g;const v=en(e);try{let e;if(4&n.shapeFlag){const t=r||o;g=Cr(u.call(t,t,p,s,d,f,h)),e=c}else{const n=t;0,g=Cr(n(s,n.length>1?{attrs:c,slots:l,emit:a}:null)),e=t.props?c:cn(c)}let v=g;if(e&&!1!==m){const t=Object.keys(e),{shapeFlag:n}=v;t.length&&7&n&&(i&&t.some(C)&&(e=an(e,i)),v=br(v,e))}0,n.dirs&&(v.dirs=v.dirs?v.dirs.concat(n.dirs):n.dirs),n.transition&&(v.transition=n.transition),g=v}catch(y){tr.length=0,ls(y,e,1),g=vr(Yo)}return en(v),g}function ln(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!ur(o))return;if(o.type!==Yo||"v-if"===o.children){if(t)return;t=o}}return t}const cn=e=>{let t;for(const n in e)("class"===n||"style"===n||x(n))&&((t||(t={}))[n]=e[n]);return t},an=(e,t)=>{const n={};for(const o in e)C(o)&&o.slice(9)in t||(n[o]=e[o]);return n};function un(e,t,n){const o=Object.keys(t);if(o.length!==Object.keys(e).length)return!0;for(let r=0;r<o.length;r++){const s=o[r];if(t[s]!==e[s]&&!Qt(n,s))return!0}return!1}function pn({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const fn={name:"Suspense",__isSuspense:!0,process(e,t,n,o,r,s,i,l,c,a){null==e?function(e,t,n,o,r,s,i,l,c){const{p:a,o:{createElement:u}}=c,p=u("div"),f=e.suspense=hn(e,r,o,t,p,n,s,i,l,c);a(null,f.pendingBranch=e.ssContent,p,null,o,f,s,i),f.deps>0?(dn(e,"onPending"),dn(e,"onFallback"),a(null,e.ssFallback,t,n,o,null,s,i),vn(f,e.ssFallback)):f.resolve()}(t,n,o,r,s,i,l,c,a):function(e,t,n,o,r,s,i,l,{p:c,um:a,o:{createElement:u}}){const p=t.suspense=e.suspense;p.vnode=t,t.el=e.el;const f=t.ssContent,d=t.ssFallback,{activeBranch:h,pendingBranch:m,isInFallback:g,isHydrating:v}=p;if(m)p.pendingBranch=f,pr(f,m)?(c(m,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0?p.resolve():g&&(c(h,d,n,o,r,null,s,i,l),vn(p,d))):(p.pendingId++,v?(p.isHydrating=!1,p.activeBranch=m):a(m,r,p),p.deps=0,p.effects.length=0,p.hiddenContainer=u("div"),g?(c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0?p.resolve():(c(h,d,n,o,r,null,s,i,l),vn(p,d))):h&&pr(f,h)?(c(h,f,n,o,r,p,s,i,l),p.resolve(!0)):(c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0&&p.resolve()));else if(h&&pr(f,h))c(h,f,n,o,r,p,s,i,l),vn(p,f);else if(dn(t,"onPending"),p.pendingBranch=f,p.pendingId++,c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0)p.resolve();else{const{timeout:e,pendingId:t}=p;e>0?setTimeout((()=>{p.pendingId===t&&p.fallback(d)}),e):0===e&&p.fallback(d)}}(e,t,n,o,r,i,l,c,a)},hydrate:function(e,t,n,o,r,s,i,l,c){const a=t.suspense=hn(t,o,n,e.parentNode,document.createElement("div"),null,r,s,i,l,!0),u=c(e,a.pendingBranch=t.ssContent,n,a,s,i);0===a.deps&&a.resolve();return u},create:hn,normalize:function(e){const{shapeFlag:t,children:n}=e,o=32&t;e.ssContent=mn(o?n.default:n),e.ssFallback=o?mn(n.fallback):vr(Comment)}};function dn(e,t){const n=e.props&&e.props[t];A(n)&&n()}function hn(e,t,n,o,r,s,i,l,c,a,u=!1){const{p:p,m:f,um:d,n:h,o:{parentNode:m,remove:g}}=a,v=X(e.props&&e.props.timeout),y={vnode:e,parent:t,parentComponent:n,isSVG:i,container:o,hiddenContainer:r,anchor:s,deps:0,pendingId:0,timeout:"number"==typeof v?v:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:u,isUnmounted:!1,effects:[],resolve(e=!1){const{vnode:t,activeBranch:n,pendingBranch:o,pendingId:r,effects:s,parentComponent:i,container:l}=y;if(y.isHydrating)y.isHydrating=!1;else if(!e){const e=n&&o.transition&&"out-in"===o.transition.mode;e&&(n.transition.afterLeave=()=>{r===y.pendingId&&f(o,l,t,0)});let{anchor:t}=y;n&&(t=h(n),d(n,i,y,!0)),e||f(o,l,t,0)}vn(y,o),y.pendingBranch=null,y.isInFallback=!1;let c=y.parent,a=!1;for(;c;){if(c.pendingBranch){c.effects.push(...s),a=!0;break}c=c.parent}a||ks(s),y.effects=[],dn(t,"onResolve")},fallback(e){if(!y.pendingBranch)return;const{vnode:t,activeBranch:n,parentComponent:o,container:r,isSVG:s}=y;dn(t,"onFallback");const i=h(n),a=()=>{y.isInFallback&&(p(null,e,r,i,o,null,s,l,c),vn(y,e))},u=e.transition&&"out-in"===e.transition.mode;u&&(n.transition.afterLeave=a),y.isInFallback=!0,d(n,o,null,!0),u||a()},move(e,t,n){y.activeBranch&&f(y.activeBranch,e,t,n),y.container=e},next:()=>y.activeBranch&&h(y.activeBranch),registerDep(e,t){const n=!!y.pendingBranch;n&&y.deps++;const o=e.vnode.el;e.asyncDep.catch((t=>{ls(t,e,0)})).then((r=>{if(e.isUnmounted||y.isUnmounted||y.pendingId!==e.suspenseId)return;e.asyncResolved=!0;const{vnode:s}=e;Kr(e,r),o&&(s.el=o);const l=!o&&e.subTree.el;t(e,s,m(o||e.subTree.el),o?null:h(e.subTree),y,i,c),l&&g(l),pn(e,s.el),n&&0==--y.deps&&y.resolve()}))},unmount(e,t){y.isUnmounted=!0,y.activeBranch&&d(y.activeBranch,n,e,t),y.pendingBranch&&d(y.pendingBranch,n,e,t)}};return y}function mn(e){let t;if(A(e)){const n=e._c;n&&(e._d=!1,or()),e=e(),n&&(e._d=!0,t=nr,rr())}if(E(e)){const t=ln(e);e=t}return e=Cr(e),t&&!e.dynamicChildren&&(e.dynamicChildren=t.filter((t=>t!==e))),e}function gn(e,t){t&&t.pendingBranch?E(e)?t.effects.push(...e):t.effects.push(e):ks(e)}function vn(e,t){e.activeBranch=t;const{vnode:n,parentComponent:o}=e,r=n.el=t.el;o&&o.subTree===n&&(o.vnode.el=r,pn(o,r))}function yn(e,t){if(Br){let n=Br.provides;const o=Br.parent&&Br.parent.provides;o===n&&(n=Br.provides=Object.create(o)),n[e]=t}else;}function bn(e,t,n=!1){const o=Br||Xt;if(o){const r=null==o.parent?o.vnode.appContext&&o.vnode.appContext.provides:o.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&A(t)?t.call(o.proxy):t}}function _n(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return zn((()=>{e.isMounted=!0})),qn((()=>{e.isUnmounting=!0})),e}const Sn=[Function,Array],xn={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Sn,onEnter:Sn,onAfterEnter:Sn,onEnterCancelled:Sn,onBeforeLeave:Sn,onLeave:Sn,onAfterLeave:Sn,onLeaveCancelled:Sn,onBeforeAppear:Sn,onAppear:Sn,onAfterAppear:Sn,onAppearCancelled:Sn},setup(e,{slots:t}){const n=Lr(),o=_n();let r;return()=>{const s=t.default&&En(t.default(),!0);if(!s||!s.length)return;const i=Tt(e),{mode:l}=i,c=s[0];if(o.isLeaving)return kn(c);const a=Tn(c);if(!a)return kn(c);const u=wn(a,i,o,n);Nn(a,u);const p=n.subTree,f=p&&Tn(p);let d=!1;const{getTransitionKey:h}=a.type;if(h){const e=h();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(f&&f.type!==Yo&&(!pr(a,f)||d)){const e=wn(f,i,o,n);if(Nn(f,e),"out-in"===l)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},kn(c);"in-out"===l&&a.type!==Yo&&(e.delayLeave=(e,t,n)=>{Cn(o,f)[String(f.key)]=f,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return c}}};function Cn(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function wn(e,t,n,o){const{appear:r,mode:s,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:p,onLeave:f,onAfterLeave:d,onLeaveCancelled:h,onBeforeAppear:m,onAppear:g,onAfterAppear:v,onAppearCancelled:y}=t,b=String(e.key),_=Cn(n,e),S=(e,t)=>{e&&is(e,o,9,t)},x={mode:s,persisted:i,beforeEnter(t){let o=l;if(!n.isMounted){if(!r)return;o=m||l}t._leaveCb&&t._leaveCb(!0);const s=_[b];s&&pr(e,s)&&s.el._leaveCb&&s.el._leaveCb(),S(o,[t])},enter(e){let t=c,o=a,s=u;if(!n.isMounted){if(!r)return;t=g||c,o=v||a,s=y||u}let i=!1;const l=e._enterCb=t=>{i||(i=!0,S(t?s:o,[e]),x.delayedLeave&&x.delayedLeave(),e._enterCb=void 0)};t?(t(e,l),t.length<=1&&l()):l()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();S(p,[t]);let s=!1;const i=t._leaveCb=n=>{s||(s=!0,o(),S(n?h:d,[t]),t._leaveCb=void 0,_[r]===e&&delete _[r])};_[r]=e,f?(f(t,i),f.length<=1&&i()):i()},clone:e=>wn(e,t,n,o)};return x}function kn(e){if(Mn(e))return(e=br(e)).children=null,e}function Tn(e){return Mn(e)?e.children?e.children[0]:void 0:e}function Nn(e,t){6&e.shapeFlag&&e.component?Nn(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function En(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===Qo?(128&s.patchFlag&&o++,n=n.concat(En(s.children,t))):(t||s.type!==Yo)&&n.push(s)}if(o>1)for(let r=0;r<n.length;r++)n[r].patchFlag=-2;return n}function $n(e){return A(e)?{setup:e,name:e.name}:e}const Rn=e=>!!e.type.__asyncLoader;function Fn(e){A(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:i=!0,onError:l}=e;let c,a=null,u=0;const p=()=>{let e;return a||(e=a=t().catch((e=>{if(e=e instanceof Error?e:new Error(String(e)),l)return new Promise(((t,n)=>{l(e,(()=>t((u++,a=null,p()))),(()=>n(e)),u+1)}));throw e})).then((t=>e!==a&&a?a:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),c=t,t))))};return $n({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return c},setup(){const e=Br;if(c)return()=>An(c,e);const t=t=>{a=null,ls(t,e,13,!o)};if(i&&e.suspense)return p().then((t=>()=>An(t,e))).catch((e=>(t(e),()=>o?vr(o,{error:e}):null)));const l=At(!1),u=At(),f=At(!!r);return r&&setTimeout((()=>{f.value=!1}),r),null!=s&&setTimeout((()=>{if(!l.value&&!u.value){const e=new Error(`Async component timed out after ${s}ms.`);t(e),u.value=e}}),s),p().then((()=>{l.value=!0,e.parent&&Mn(e.parent.vnode)&&xs(e.parent.update)})).catch((e=>{t(e),u.value=e})),()=>l.value&&c?An(c,e):u.value&&o?vr(o,{error:u.value}):n&&!f.value?vr(n):void 0}})}function An(e,{vnode:{ref:t,props:n,children:o}}){const r=vr(e,n,o);return r.ref=t,r}const Mn=e=>e.type.__isKeepAlive,On={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(e,{slots:t}){const n=Lr(),o=n.ctx;if(!o.renderer)return t.default;const r=new Map,s=new Set;let i=null;const l=n.suspense,{renderer:{p:c,m:a,um:u,o:{createElement:p}}}=o,f=p("div");function d(e){jn(e),u(e,n,l)}function h(e){r.forEach(((t,n)=>{const o=Yr(t.type);!o||e&&e(o)||m(n)}))}function m(e){const t=r.get(e);i&&t.type===i.type?i&&jn(i):d(t),r.delete(e),s.delete(e)}o.activate=(e,t,n,o,r)=>{const s=e.component;a(e,t,n,0,l),c(s.vnode,e,t,n,s,l,o,e.slotScopeIds,r),Mo((()=>{s.isDeactivated=!1,s.a&&Z(s.a);const t=e.props&&e.props.onVnodeMounted;t&&Bo(t,s.parent,e)}),l)},o.deactivate=e=>{const t=e.component;a(e,f,null,1,l),Mo((()=>{t.da&&Z(t.da);const n=e.props&&e.props.onVnodeUnmounted;n&&Bo(n,t.parent,e),t.isDeactivated=!0}),l)},Os((()=>[e.include,e.exclude]),(([e,t])=>{e&&h((t=>Pn(e,t))),t&&h((e=>!Pn(t,e)))}),{flush:"post",deep:!0});let g=null;const v=()=>{null!=g&&r.set(g,Un(n.subTree))};return zn(v),Gn(v),qn((()=>{r.forEach((e=>{const{subTree:t,suspense:o}=n,r=Un(t);if(e.type!==r.type)d(e);else{jn(r);const e=r.component.da;e&&Mo(e,o)}}))})),()=>{if(g=null,!t.default)return null;const n=t.default(),o=n[0];if(n.length>1)return i=null,n;if(!(ur(o)&&(4&o.shapeFlag||128&o.shapeFlag)))return i=null,o;let l=Un(o);const c=l.type,a=Yr(Rn(l)?l.type.__asyncResolved||{}:c),{include:u,exclude:p,max:f}=e;if(u&&(!a||!Pn(u,a))||p&&a&&Pn(p,a))return i=l,o;const d=null==l.key?c:l.key,h=r.get(d);return l.el&&(l=br(l),128&o.shapeFlag&&(o.ssContent=l)),g=d,h?(l.el=h.el,l.component=h.component,l.transition&&Nn(l,l.transition),l.shapeFlag|=512,s.delete(d),s.add(d)):(s.add(d),f&&s.size>parseInt(f,10)&&m(s.values().next().value)),l.shapeFlag|=256,i=l,o}}};function Pn(e,t){return E(e)?e.some((e=>Pn(e,t))):M(e)?e.split(",").indexOf(t)>-1:!!e.test&&e.test(t)}function In(e,t){Bn(e,"a",t)}function Vn(e,t){Bn(e,"da",t)}function Bn(e,t,n=Br){const o=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(Hn(t,o,n),n){let e=n.parent;for(;e&&e.parent;)Mn(e.parent.vnode)&&Ln(o,t,n,e),e=e.parent}}function Ln(e,t,n,o){const r=Hn(t,e,o,!0);Jn((()=>{k(o[t],r)}),n)}function jn(e){let t=e.shapeFlag;256&t&&(t-=256),512&t&&(t-=512),e.shapeFlag=t}function Un(e){return 128&e.shapeFlag?e.ssContent:e}function Hn(e,t,n=Br,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;xe(),jr(n);const r=is(t,n,e,o);return Ur(),Ce(),r});return o?r.unshift(s):r.push(s),s}}const Dn=e=>(t,n=Br)=>(!zr||"sp"===e)&&Hn(e,t,n),Wn=Dn("bm"),zn=Dn("m"),Kn=Dn("bu"),Gn=Dn("u"),qn=Dn("bum"),Jn=Dn("um"),Zn=Dn("sp"),Qn=Dn("rtg"),Xn=Dn("rtc");function Yn(e,t=Br){Hn("ec",e,t)}let eo=!0;function to(e){const t=ro(e),n=e.proxy,o=e.ctx;eo=!1,t.beforeCreate&&no(t.beforeCreate,e,"bc");const{data:r,computed:s,methods:i,watch:l,provide:c,inject:a,created:u,beforeMount:p,mounted:f,beforeUpdate:d,updated:h,activated:m,deactivated:g,beforeUnmount:v,unmounted:y,render:_,renderTracked:S,renderTriggered:x,errorCaptured:C,serverPrefetch:w,expose:k,inheritAttrs:T,components:N,directives:$}=t;if(a&&function(e,t,n=b,o=!1){E(e)&&(e=co(e));for(const r in e){const n=e[r];let s;s=P(n)?"default"in n?bn(n.from||r,n.default,!0):bn(n.from||r):bn(n),Ft(s)&&o?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:e=>s.value=e}):t[r]=s}}(a,o,null,e.appContext.config.unwrapInjectedRef),i)for(const b in i){const e=i[b];A(e)&&(o[b]=e.bind(n))}if(r){const t=r.call(n,n);P(t)&&(e.data=yt(t))}if(eo=!0,s)for(const E in s){const e=s[E],t=Kt({get:A(e)?e.bind(n,n):A(e.get)?e.get.bind(n,n):b,set:!A(e)&&A(e.set)?e.set.bind(n):b});Object.defineProperty(o,E,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}if(l)for(const b in l)oo(l[b],o,n,b);if(c){const e=A(c)?c.call(n):c;Reflect.ownKeys(e).forEach((t=>{yn(t,e[t])}))}function R(e,t){E(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(u&&no(u,e,"c"),R(Wn,p),R(zn,f),R(Kn,d),R(Gn,h),R(In,m),R(Vn,g),R(Yn,C),R(Xn,S),R(Qn,x),R(qn,v),R(Jn,y),R(Zn,w),E(k))if(k.length){const t=e.exposed||(e.exposed={});k.forEach((e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});_&&e.render===b&&(e.render=_),null!=T&&(e.inheritAttrs=T),N&&(e.components=N),$&&(e.directives=$)}function no(e,t,n){is(E(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function oo(e,t,n,o){const r=o.includes(".")?Vs(n,o):()=>n[o];if(M(e)){const n=t[e];A(n)&&Os(r,n)}else if(A(e))Os(r,e.bind(n));else if(P(e))if(E(e))e.forEach((e=>oo(e,t,n,o)));else{const o=A(e.handler)?e.handler.bind(n):t[e.handler];A(o)&&Os(r,o,e)}}function ro(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:s,config:{optionMergeStrategies:i}}=e.appContext,l=s.get(t);let c;return l?c=l:r.length||n||o?(c={},r.length&&r.forEach((e=>so(c,e,i,!0))),so(c,t,i)):c=t,s.set(t,c),c}function so(e,t,n,o=!1){const{mixins:r,extends:s}=t;s&&so(e,s,n,!0),r&&r.forEach((t=>so(e,t,n,!0)));for(const i in t)if(o&&"expose"===i);else{const o=io[i]||n&&n[i];e[i]=o?o(e[i],t[i]):t[i]}return e}const io={data:lo,props:uo,emits:uo,methods:uo,computed:uo,beforeCreate:ao,created:ao,beforeMount:ao,mounted:ao,beforeUpdate:ao,updated:ao,beforeDestroy:ao,destroyed:ao,activated:ao,deactivated:ao,errorCaptured:ao,serverPrefetch:ao,components:uo,directives:uo,watch:function(e,t){if(!e)return t;if(!t)return e;const n=w(Object.create(null),e);for(const o in t)n[o]=ao(e[o],t[o]);return n},provide:lo,inject:function(e,t){return uo(co(e),co(t))}};function lo(e,t){return t?e?function(){return w(A(e)?e.call(this,this):e,A(t)?t.call(this,this):t)}:t:e}function co(e){if(E(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function ao(e,t){return e?[...new Set([].concat(e,t))]:t}function uo(e,t){return e?w(w(Object.create(null),e),t):t}function po(e,t,n,o){const[r,s]=e.propsOptions;let i,l=!1;if(t)for(let c in t){if(U(c))continue;const a=t[c];let u;r&&N(r,u=W(c))?s&&s.includes(u)?(i||(i={}))[u]=a:n[u]=a:Qt(e.emitsOptions,c)||a!==o[c]&&(o[c]=a,l=!0)}if(s){const t=Tt(n),o=i||v;for(let i=0;i<s.length;i++){const l=s[i];n[l]=fo(r,t,l,o[l],e,!N(o,l))}}return l}function fo(e,t,n,o,r,s){const i=e[n];if(null!=i){const e=N(i,"default");if(e&&void 0===o){const e=i.default;if(i.type!==Function&&A(e)){const{propsDefaults:s}=r;n in s?o=s[n]:(jr(r),o=s[n]=e.call(null,t),Ur())}else o=e}i[0]&&(s&&!e?o=!1:!i[1]||""!==o&&o!==K(n)||(o=!0))}return o}function ho(e,t,n=!1){const o=t.propsCache,r=o.get(e);if(r)return r;const s=e.props,i={},l=[];let c=!1;if(!A(e)){const o=e=>{c=!0;const[n,o]=ho(e,t,!0);w(i,n),o&&l.push(...o)};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}if(!s&&!c)return o.set(e,y),y;if(E(s))for(let u=0;u<s.length;u++){const e=W(s[u]);mo(e)&&(i[e]=v)}else if(s)for(const u in s){const e=W(u);if(mo(e)){const t=s[u],n=i[e]=E(t)||A(t)?{type:t}:t;if(n){const t=yo(Boolean,n.type),o=yo(String,n.type);n[0]=t>-1,n[1]=o<0||t<o,(t>-1||N(n,"default"))&&l.push(e)}}}const a=[i,l];return o.set(e,a),a}function mo(e){return"$"!==e[0]}function go(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:null===e?"null":""}function vo(e,t){return go(e)===go(t)}function yo(e,t){return E(t)?t.findIndex((t=>vo(t,e))):A(t)&&vo(t,e)?0:-1}const bo=e=>"_"===e[0]||"$stable"===e,_o=e=>E(e)?e.map(Cr):[Cr(e)],So=(e,t,n)=>{const o=rn(((...e)=>_o(t(...e))),n);return o._c=!1,o},xo=(e,t,n)=>{const o=e._ctx;for(const r in e){if(bo(r))continue;const n=e[r];if(A(n))t[r]=So(0,n,o);else if(null!=n){const e=_o(n);t[r]=()=>e}}},Co=(e,t)=>{const n=_o(t);e.slots.default=()=>n};function wo(e,t){if(null===Xt)return e;const n=Xt.proxy,o=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[e,s,i,l=v]=t[r];A(e)&&(e={mounted:e,updated:e}),e.deep&&Bs(s),o.push({dir:e,instance:n,value:s,oldValue:void 0,arg:i,modifiers:l})}return e}function ko(e,t,n,o){const r=e.dirs,s=t&&t.dirs;for(let i=0;i<r.length;i++){const l=r[i];s&&(l.oldValue=s[i].value);let c=l.dir[o];c&&(xe(),is(c,n,8,[e.el,l,e,t]),Ce())}}function To(){return{app:null,config:{isNativeTag:_,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let No=0;function Eo(e,t){return function(n,o=null){null==o||P(o)||(o=null);const r=To(),s=new Set;let i=!1;const l=r.app={_uid:No++,_component:n,_props:o,_container:null,_context:r,_instance:null,version:ei,get config(){return r.config},set config(e){},use:(e,...t)=>(s.has(e)||(e&&A(e.install)?(s.add(e),e.install(l,...t)):A(e)&&(s.add(e),e(l,...t))),l),mixin:e=>(r.mixins.includes(e)||r.mixins.push(e),l),component:(e,t)=>t?(r.components[e]=t,l):r.components[e],directive:(e,t)=>t?(r.directives[e]=t,l):r.directives[e],mount(s,c,a){if(!i){const u=vr(n,o);return u.appContext=r,c&&t?t(u,s):e(u,s,a),i=!0,l._container=s,s.__vue_app__=l,u.component.proxy}},unmount(){i&&(e(null,l._container),delete l._container.__vue_app__)},provide:(e,t)=>(r.provides[e]=t,l)};return l}}let $o=!1;const Ro=e=>/svg/.test(e.namespaceURI)&&"foreignObject"!==e.tagName,Fo=e=>8===e.nodeType;function Ao(e){const{mt:t,p:n,o:{patchProp:o,nextSibling:r,parentNode:s,remove:i,insert:l,createComment:c}}=e,a=(n,o,i,l,c,m=!1)=>{const g=Fo(n)&&"["===n.data,v=()=>d(n,o,i,l,c,g),{type:y,ref:b,shapeFlag:_}=o,S=n.nodeType;o.el=n;let x=null;switch(y){case Xo:3!==S?x=v():(n.data!==o.children&&($o=!0,n.data=o.children),x=r(n));break;case Yo:x=8!==S||g?v():r(n);break;case er:if(1===S){x=n;const e=!o.children.length;for(let t=0;t<o.staticCount;t++)e&&(o.children+=x.outerHTML),t===o.staticCount-1&&(o.anchor=x),x=r(x);return x}x=v();break;case Qo:x=g?f(n,o,i,l,c,m):v();break;default:if(1&_)x=1!==S||o.type.toLowerCase()!==n.tagName.toLowerCase()?v():u(n,o,i,l,c,m);else if(6&_){o.slotScopeIds=c;const e=s(n);if(t(o,e,null,i,l,Ro(e),m),x=g?h(n):r(n),Rn(o)){let t;g?(t=vr(Qo),t.anchor=x?x.previousSibling:e.lastChild):t=3===n.nodeType?_r(""):vr("div"),t.el=n,o.component.subTree=t}}else 64&_?x=8!==S?v():o.type.hydrate(n,o,i,l,c,m,e,p):128&_&&(x=o.type.hydrate(n,o,i,l,Ro(s(n)),c,m,e,a))}return null!=b&&Vo(b,null,l,o),x},u=(e,t,n,r,s,l)=>{l=l||!!t.dynamicChildren;const{type:c,props:a,patchFlag:u,shapeFlag:f,dirs:d}=t,h="input"===c&&d||"option"===c;if(h||-1!==u){if(d&&ko(t,null,n,"created"),a)if(h||!l||48&u)for(const t in a)(h&&t.endsWith("value")||x(t)&&!U(t))&&o(e,t,null,a[t]);else a.onClick&&o(e,"onClick",null,a.onClick);let c;if((c=a&&a.onVnodeBeforeMount)&&Bo(c,n,t),d&&ko(t,null,n,"beforeMount"),((c=a&&a.onVnodeMounted)||d)&&gn((()=>{c&&Bo(c,n,t),d&&ko(t,null,n,"mounted")}),r),16&f&&(!a||!a.innerHTML&&!a.textContent)){let o=p(e.firstChild,t,e,n,r,s,l);for(;o;){$o=!0;const e=o;o=o.nextSibling,i(e)}}else 8&f&&e.textContent!==t.children&&($o=!0,e.textContent=t.children)}return e.nextSibling},p=(e,t,o,r,s,i,l)=>{l=l||!!t.dynamicChildren;const c=t.children,u=c.length;for(let p=0;p<u;p++){const t=l?c[p]:c[p]=Cr(c[p]);if(e)e=a(e,t,r,s,i,l);else{if(t.type===Xo&&!t.children)continue;$o=!0,n(null,t,o,null,r,s,Ro(o),i)}}return e},f=(e,t,n,o,i,a)=>{const{slotScopeIds:u}=t;u&&(i=i?i.concat(u):u);const f=s(e),d=p(r(e),t,f,n,o,i,a);return d&&Fo(d)&&"]"===d.data?r(t.anchor=d):($o=!0,l(t.anchor=c("]"),f,d),d)},d=(e,t,o,l,c,a)=>{if($o=!0,t.el=null,a){const t=h(e);for(;;){const n=r(e);if(!n||n===t)break;i(n)}}const u=r(e),p=s(e);return i(e),n(null,t,p,u,o,l,Ro(p),c),u},h=e=>{let t=0;for(;e;)if((e=r(e))&&Fo(e)&&("["===e.data&&t++,"]"===e.data)){if(0===t)return r(e);t--}return e};return[(e,t)=>{if(!t.hasChildNodes())return n(null,e,t),void Ns();$o=!1,a(t.firstChild,e,null,null,null),Ns(),$o&&console.error("Hydration completed but contains mismatches.")},a]}const Mo=gn;function Oo(e){return Io(e)}function Po(e){return Io(e,Ao)}function Io(e,t){const{insert:n,remove:o,patchProp:r,createElement:s,createText:i,createComment:l,setText:c,setElementText:a,parentNode:u,nextSibling:p,setScopeId:f=b,cloneNode:d,insertStaticContent:h}=e,m=(e,t,n,o=null,r=null,s=null,i=!1,l=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!pr(e,t)&&(o=X(e),D(e,r,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:p}=t;switch(a){case Xo:g(e,t,n,o);break;case Yo:_(e,t,n,o);break;case er:null==e&&S(t,n,o,i);break;case Qo:F(e,t,n,o,r,s,i,l,c);break;default:1&p?x(e,t,n,o,r,s,i,l,c):6&p?A(e,t,n,o,r,s,i,l,c):(64&p||128&p)&&a.process(e,t,n,o,r,s,i,l,c,ee)}null!=u&&r&&Vo(u,e&&e.ref,s,t||e,!t)},g=(e,t,o,r)=>{if(null==e)n(t.el=i(t.children),o,r);else{const n=t.el=e.el;t.children!==e.children&&c(n,t.children)}},_=(e,t,o,r)=>{null==e?n(t.el=l(t.children||""),o,r):t.el=e.el},S=(e,t,n,o)=>{[e.el,e.anchor]=h(e.children,t,n,o)},x=(e,t,n,o,r,s,i,l,c)=>{i=i||"svg"===t.type,null==e?C(t,n,o,r,s,i,l,c):E(e,t,r,s,i,l,c)},C=(e,t,o,i,l,c,u,p)=>{let f,h;const{type:m,props:g,shapeFlag:v,transition:y,patchFlag:b,dirs:_}=e;if(e.el&&void 0!==d&&-1===b)f=e.el=d(e.el);else{if(f=e.el=s(e.type,c,g&&g.is,g),8&v?a(f,e.children):16&v&&T(e.children,f,null,i,l,c&&"foreignObject"!==m,u,p),_&&ko(e,null,i,"created"),g){for(const t in g)"value"===t||U(t)||r(f,t,null,g[t],c,e.children,i,l,J);"value"in g&&r(f,"value",null,g.value),(h=g.onVnodeBeforeMount)&&Bo(h,i,e)}k(f,e,e.scopeId,u,i)}_&&ko(e,null,i,"beforeMount");const S=(!l||l&&!l.pendingBranch)&&y&&!y.persisted;S&&y.beforeEnter(f),n(f,t,o),((h=g&&g.onVnodeMounted)||S||_)&&Mo((()=>{h&&Bo(h,i,e),S&&y.enter(f),_&&ko(e,null,i,"mounted")}),l)},k=(e,t,n,o,r)=>{if(n&&f(e,n),o)for(let s=0;s<o.length;s++)f(e,o[s]);if(r){if(t===r.subTree){const t=r.vnode;k(e,t,t.scopeId,t.slotScopeIds,r.parent)}}},T=(e,t,n,o,r,s,i,l,c=0)=>{for(let a=c;a<e.length;a++){const c=e[a]=l?wr(e[a]):Cr(e[a]);m(null,c,t,n,o,r,s,i,l)}},E=(e,t,n,o,s,i,l)=>{const c=t.el=e.el;let{patchFlag:u,dynamicChildren:p,dirs:f}=t;u|=16&e.patchFlag;const d=e.props||v,h=t.props||v;let m;(m=h.onVnodeBeforeUpdate)&&Bo(m,n,t,e),f&&ko(t,e,n,"beforeUpdate");const g=s&&"foreignObject"!==t.type;if(p?$(e.dynamicChildren,p,c,n,o,g,i):l||B(e,t,c,null,n,o,g,i,!1),u>0){if(16&u)R(c,t,d,h,n,o,s);else if(2&u&&d.class!==h.class&&r(c,"class",null,h.class,s),4&u&&r(c,"style",d.style,h.style,s),8&u){const i=t.dynamicProps;for(let t=0;t<i.length;t++){const l=i[t],a=d[l],u=h[l];u===a&&"value"!==l||r(c,l,a,u,s,e.children,n,o,J)}}1&u&&e.children!==t.children&&a(c,t.children)}else l||null!=p||R(c,t,d,h,n,o,s);((m=h.onVnodeUpdated)||f)&&Mo((()=>{m&&Bo(m,n,t,e),f&&ko(t,e,n,"updated")}),o)},$=(e,t,n,o,r,s,i)=>{for(let l=0;l<t.length;l++){const c=e[l],a=t[l],p=c.el&&(c.type===Qo||!pr(c,a)||70&c.shapeFlag)?u(c.el):n;m(c,a,p,null,o,r,s,i,!0)}},R=(e,t,n,o,s,i,l)=>{if(n!==o){for(const c in o){if(U(c))continue;const a=o[c],u=n[c];a!==u&&"value"!==c&&r(e,c,u,a,l,t.children,s,i,J)}if(n!==v)for(const c in n)U(c)||c in o||r(e,c,n[c],null,l,t.children,s,i,J);"value"in o&&r(e,"value",n.value,o.value)}},F=(e,t,o,r,s,l,c,a,u)=>{const p=t.el=e?e.el:i(""),f=t.anchor=e?e.anchor:i("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:m}=t;m&&(a=a?a.concat(m):m),null==e?(n(p,o,r),n(f,o,r),T(t.children,o,f,s,l,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?($(e.dynamicChildren,h,o,s,l,c,a),(null!=t.key||s&&t===s.subTree)&&Lo(e,t,!0)):B(e,t,o,f,s,l,c,a,u)},A=(e,t,n,o,r,s,i,l,c)=>{t.slotScopeIds=l,null==e?512&t.shapeFlag?r.ctx.activate(t,n,o,i,c):M(t,n,o,r,s,i,c):O(e,t,c)},M=(e,t,n,o,r,s,i)=>{const l=e.component=function(e,t,n){const o=e.type,r=(t?t.appContext:e.appContext)||Ir,s={uid:Vr++,vnode:e,type:o,parent:t,appContext:r,root:null,next:null,subTree:null,update:null,scope:new te(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:ho(o,r),emitsOptions:Zt(o,r),emit:null,emitted:null,propsDefaults:v,inheritAttrs:o.inheritAttrs,ctx:v,data:v,props:v,attrs:v,slots:v,refs:v,setupState:v,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};s.ctx={_:s},s.root=t?t.root:s,s.emit=Jt.bind(null,s),e.ce&&e.ce(s);return s}(e,o,r);if(Mn(e)&&(l.ctx.renderer=ee),function(e,t=!1){zr=t;const{props:n,children:o}=e.vnode,r=Hr(e);(function(e,t,n,o=!1){const r={},s={};Q(s,dr,1),e.propsDefaults=Object.create(null),po(e,t,r,s);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);e.props=n?o?r:bt(r):e.type.props?r:s,e.attrs=s})(e,n,r,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=Tt(t),Q(t,"_",n)):xo(t,e.slots={})}else e.slots={},t&&Co(e,t);Q(e.slots,dr,1)})(e,o);const s=r?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Nt(new Proxy(e.ctx,Or));const{setup:o}=n;if(o){const n=e.setupContext=o.length>1?Zr(e):null;jr(e),xe();const r=ss(o,e,0,[e.props,n]);if(Ce(),Ur(),I(r)){if(r.then(Ur,Ur),t)return r.then((t=>{Kr(e,t)})).catch((t=>{ls(t,e,0)}));e.asyncDep=r}else Kr(e,r)}else Jr(e)}(e,t):void 0;zr=!1}(l),l.asyncDep){if(r&&r.registerDep(l,P),!e.el){const e=l.subTree=vr(Yo);_(null,e,t,n)}}else P(l,e,t,n,r,s,i)},O=(e,t,n)=>{const o=t.component=e.component;if(function(e,t,n){const{props:o,children:r,component:s}=e,{props:i,children:l,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!r&&!l||l&&l.$stable)||o!==i&&(o?!i||un(o,i,a):!!i);if(1024&c)return!0;if(16&c)return o?un(o,i,a):!!i;if(8&c){const e=t.dynamicProps;for(let t=0;t<e.length;t++){const n=e[t];if(i[n]!==o[n]&&!Qt(a,n))return!0}}return!1}(e,t,n)){if(o.asyncDep&&!o.asyncResolved)return void V(o,t,n);o.next=t,function(e){const t=us.indexOf(e);t>ps&&us.splice(t,1)}(o.update),o.update()}else t.component=e.component,t.el=e.el,o.vnode=t},P=(e,t,n,o,r,s,i)=>{const l=new ge((()=>{if(e.isMounted){let t,{next:n,bu:o,u:c,parent:a,vnode:p}=e,f=n;l.allowRecurse=!1,n?(n.el=p.el,V(e,n,i)):n=p,o&&Z(o),(t=n.props&&n.props.onVnodeBeforeUpdate)&&Bo(t,a,n,p),l.allowRecurse=!0;const d=sn(e),h=e.subTree;e.subTree=d,m(h,d,u(h.el),X(h),e,r,s),n.el=d.el,null===f&&pn(e,d.el),c&&Mo(c,r),(t=n.props&&n.props.onVnodeUpdated)&&Mo((()=>Bo(t,a,n,p)),r)}else{let i;const{el:c,props:a}=t,{bm:u,m:p,parent:f}=e,d=Rn(t);if(l.allowRecurse=!1,u&&Z(u),!d&&(i=a&&a.onVnodeBeforeMount)&&Bo(i,f,t),l.allowRecurse=!0,c&&oe){const n=()=>{e.subTree=sn(e),oe(c,e.subTree,e,r,null)};d?t.type.__asyncLoader().then((()=>!e.isUnmounted&&n())):n()}else{const i=e.subTree=sn(e);m(null,i,n,o,e,r,s),t.el=i.el}if(p&&Mo(p,r),!d&&(i=a&&a.onVnodeMounted)){const e=t;Mo((()=>Bo(i,f,e)),r)}256&t.shapeFlag&&e.a&&Mo(e.a,r),e.isMounted=!0,t=n=o=null}}),(()=>xs(e.update)),e.scope),c=e.update=l.run.bind(l);c.id=e.uid,l.allowRecurse=c.allowRecurse=!0,c()},V=(e,t,n)=>{t.component=e;const o=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,o){const{props:r,attrs:s,vnode:{patchFlag:i}}=e,l=Tt(r),[c]=e.propsOptions;let a=!1;if(!(o||i>0)||16&i){let o;po(e,t,r,s)&&(a=!0);for(const s in l)t&&(N(t,s)||(o=K(s))!==s&&N(t,o))||(c?!n||void 0===n[s]&&void 0===n[o]||(r[s]=fo(c,l,s,void 0,e,!0)):delete r[s]);if(s!==l)for(const e in s)t&&N(t,e)||(delete s[e],a=!0)}else if(8&i){const n=e.vnode.dynamicProps;for(let o=0;o<n.length;o++){let i=n[o];const u=t[i];if(c)if(N(s,i))u!==s[i]&&(s[i]=u,a=!0);else{const t=W(i);r[t]=fo(c,l,t,u,e,!1)}else u!==s[i]&&(s[i]=u,a=!0)}}a&&Ne(e,"set","$attrs")}(e,t.props,o,n),((e,t,n)=>{const{vnode:o,slots:r}=e;let s=!0,i=v;if(32&o.shapeFlag){const e=t._;e?n&&1===e?s=!1:(w(r,t),n||1!==e||delete r._):(s=!t.$stable,xo(t,r)),i=t}else t&&(Co(e,t),i={default:1});if(s)for(const l in r)bo(l)||l in i||delete r[l]})(e,t.children,n),xe(),Ts(void 0,e.update),Ce()},B=(e,t,n,o,r,s,i,l,c=!1)=>{const u=e&&e.children,p=e?e.shapeFlag:0,f=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void j(u,f,n,o,r,s,i,l,c);if(256&d)return void L(u,f,n,o,r,s,i,l,c)}8&h?(16&p&&J(u,r,s),f!==u&&a(n,f)):16&p?16&h?j(u,f,n,o,r,s,i,l,c):J(u,r,s,!0):(8&p&&a(n,""),16&h&&T(f,n,o,r,s,i,l,c))},L=(e,t,n,o,r,s,i,l,c)=>{const a=(e=e||y).length,u=(t=t||y).length,p=Math.min(a,u);let f;for(f=0;f<p;f++){const o=t[f]=c?wr(t[f]):Cr(t[f]);m(e[f],o,n,null,r,s,i,l,c)}a>u?J(e,r,s,!0,!1,p):T(t,n,o,r,s,i,l,c,p)},j=(e,t,n,o,r,s,i,l,c)=>{let a=0;const u=t.length;let p=e.length-1,f=u-1;for(;a<=p&&a<=f;){const o=e[a],u=t[a]=c?wr(t[a]):Cr(t[a]);if(!pr(o,u))break;m(o,u,n,null,r,s,i,l,c),a++}for(;a<=p&&a<=f;){const o=e[p],a=t[f]=c?wr(t[f]):Cr(t[f]);if(!pr(o,a))break;m(o,a,n,null,r,s,i,l,c),p--,f--}if(a>p){if(a<=f){const e=f+1,p=e<u?t[e].el:o;for(;a<=f;)m(null,t[a]=c?wr(t[a]):Cr(t[a]),n,p,r,s,i,l,c),a++}}else if(a>f)for(;a<=p;)D(e[a],r,s,!0),a++;else{const d=a,h=a,g=new Map;for(a=h;a<=f;a++){const e=t[a]=c?wr(t[a]):Cr(t[a]);null!=e.key&&g.set(e.key,a)}let v,b=0;const _=f-h+1;let S=!1,x=0;const C=new Array(_);for(a=0;a<_;a++)C[a]=0;for(a=d;a<=p;a++){const o=e[a];if(b>=_){D(o,r,s,!0);continue}let u;if(null!=o.key)u=g.get(o.key);else for(v=h;v<=f;v++)if(0===C[v-h]&&pr(o,t[v])){u=v;break}void 0===u?D(o,r,s,!0):(C[u-h]=a+1,u>=x?x=u:S=!0,m(o,t[u],n,null,r,s,i,l,c),b++)}const w=S?function(e){const t=e.slice(),n=[0];let o,r,s,i,l;const c=e.length;for(o=0;o<c;o++){const c=e[o];if(0!==c){if(r=n[n.length-1],e[r]<c){t[o]=r,n.push(o);continue}for(s=0,i=n.length-1;s<i;)l=s+i>>1,e[n[l]]<c?s=l+1:i=l;c<e[n[s]]&&(s>0&&(t[o]=n[s-1]),n[s]=o)}}s=n.length,i=n[s-1];for(;s-- >0;)n[s]=i,i=t[i];return n}(C):y;for(v=w.length-1,a=_-1;a>=0;a--){const e=h+a,p=t[e],f=e+1<u?t[e+1].el:o;0===C[a]?m(null,p,n,f,r,s,i,l,c):S&&(v<0||a!==w[v]?H(p,n,f,2):v--)}}},H=(e,t,o,r,s=null)=>{const{el:i,type:l,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void H(e.component.subTree,t,o,r);if(128&u)return void e.suspense.move(t,o,r);if(64&u)return void l.move(e,t,o,ee);if(l===Qo){n(i,t,o);for(let e=0;e<a.length;e++)H(a[e],t,o,r);return void n(e.anchor,t,o)}if(l===er)return void(({el:e,anchor:t},o,r)=>{let s;for(;e&&e!==t;)s=p(e),n(e,o,r),e=s;n(t,o,r)})(e,t,o);if(2!==r&&1&u&&c)if(0===r)c.beforeEnter(i),n(i,t,o),Mo((()=>c.enter(i)),s);else{const{leave:e,delayLeave:r,afterLeave:s}=c,l=()=>n(i,t,o),a=()=>{e(i,(()=>{l(),s&&s()}))};r?r(i,l,a):a()}else n(i,t,o)},D=(e,t,n,o=!1,r=!1)=>{const{type:s,props:i,ref:l,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:p,dirs:f}=e;if(null!=l&&Vo(l,null,n,e,!0),256&u)return void t.ctx.deactivate(e);const d=1&u&&f,h=!Rn(e);let m;if(h&&(m=i&&i.onVnodeBeforeUnmount)&&Bo(m,t,e),6&u)q(e.component,n,o);else{if(128&u)return void e.suspense.unmount(n,o);d&&ko(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,r,ee,o):a&&(s!==Qo||p>0&&64&p)?J(a,t,n,!1,!0):(s===Qo&&384&p||!r&&16&u)&&J(c,t,n),o&&z(e)}(h&&(m=i&&i.onVnodeUnmounted)||d)&&Mo((()=>{m&&Bo(m,t,e),d&&ko(e,null,t,"unmounted")}),n)},z=e=>{const{type:t,el:n,anchor:r,transition:s}=e;if(t===Qo)return void G(n,r);if(t===er)return void(({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=p(e),o(e),e=n;o(t)})(e);const i=()=>{o(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:o}=s,r=()=>t(n,i);o?o(e.el,i,r):r()}else i()},G=(e,t)=>{let n;for(;e!==t;)n=p(e),o(e),e=n;o(t)},q=(e,t,n)=>{const{bum:o,scope:r,update:s,subTree:i,um:l}=e;o&&Z(o),r.stop(),s&&(s.active=!1,D(i,e,t,n)),l&&Mo(l,t),Mo((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},J=(e,t,n,o=!1,r=!1,s=0)=>{for(let i=s;i<e.length;i++)D(e[i],t,n,o,r)},X=e=>6&e.shapeFlag?X(e.component.subTree):128&e.shapeFlag?e.suspense.next():p(e.anchor||e.el),Y=(e,t,n)=>{null==e?t._vnode&&D(t._vnode,null,null,!0):m(t._vnode||null,e,t,null,null,null,n),Ns(),t._vnode=e},ee={p:m,um:D,m:H,r:z,mt:M,mc:T,pc:B,pbc:$,n:X,o:e};let ne,oe;return t&&([ne,oe]=t(ee)),{render:Y,hydrate:ne,createApp:Eo(Y,ne)}}function Vo(e,t,n,o,r=!1){if(E(e))return void e.forEach(((e,s)=>Vo(e,t&&(E(t)?t[s]:t),n,o,r)));if(Rn(o)&&!r)return;const s=4&o.shapeFlag?Qr(o.component)||o.component.proxy:o.el,i=r?null:s,{i:l,r:c}=e,a=t&&t.r,u=l.refs===v?l.refs={}:l.refs,p=l.setupState;if(null!=a&&a!==c&&(M(a)?(u[a]=null,N(p,a)&&(p[a]=null)):Ft(a)&&(a.value=null)),M(c)){const e=()=>{u[c]=i,N(p,c)&&(p[c]=i)};i?(e.id=-1,Mo(e,n)):e()}else if(Ft(c)){const e=()=>{c.value=i};i?(e.id=-1,Mo(e,n)):e()}else A(c)&&ss(c,l,12,[i,u])}function Bo(e,t,n,o=null){is(e,t,7,[n,o])}function Lo(e,t,n=!1){const o=e.children,r=t.children;if(E(o)&&E(r))for(let s=0;s<o.length;s++){const e=o[s];let t=r[s];1&t.shapeFlag&&!t.dynamicChildren&&((t.patchFlag<=0||32===t.patchFlag)&&(t=r[s]=wr(r[s]),t.el=e.el),n||Lo(e,t))}}const jo=e=>e&&(e.disabled||""===e.disabled),Uo=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,Ho=(e,t)=>{const n=e&&e.to;if(M(n)){if(t){return t(n)}return null}return n};function Do(e,t,n,{o:{insert:o},m:r},s=2){0===s&&o(e.targetAnchor,t,n);const{el:i,anchor:l,shapeFlag:c,children:a,props:u}=e,p=2===s;if(p&&o(i,t,n),(!p||jo(u))&&16&c)for(let f=0;f<a.length;f++)r(a[f],t,n,2);p&&o(l,t,n)}const Wo={__isTeleport:!0,process(e,t,n,o,r,s,i,l,c,a){const{mc:u,pc:p,pbc:f,o:{insert:d,querySelector:h,createText:m}}=a,g=jo(t.props);let{shapeFlag:v,children:y,dynamicChildren:b}=t;if(null==e){const e=t.el=m(""),a=t.anchor=m("");d(e,n,o),d(a,n,o);const p=t.target=Ho(t.props,h),f=t.targetAnchor=m("");p&&(d(f,p),i=i||Uo(p));const b=(e,t)=>{16&v&&u(y,e,t,r,s,i,l,c)};g?b(n,a):p&&b(p,f)}else{t.el=e.el;const o=t.anchor=e.anchor,u=t.target=e.target,d=t.targetAnchor=e.targetAnchor,m=jo(e.props),v=m?n:u,y=m?o:d;if(i=i||Uo(u),b?(f(e.dynamicChildren,b,v,r,s,i,l),Lo(e,t,!0)):c||p(e,t,v,y,r,s,i,l,!1),g)m||Do(t,n,o,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const e=t.target=Ho(t.props,h);e&&Do(t,e,null,a,0)}else m&&Do(t,u,d,a,1)}},remove(e,t,n,o,{um:r,o:{remove:s}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:u,target:p,props:f}=e;if(p&&s(u),(i||!jo(f))&&(s(a),16&l))for(let d=0;d<c.length;d++){const e=c[d];r(e,t,n,!0,!!e.dynamicChildren)}},move:Do,hydrate:function(e,t,n,o,r,s,{o:{nextSibling:i,parentNode:l,querySelector:c}},a){const u=t.target=Ho(t.props,c);if(u){const c=u._lpa||u.firstChild;16&t.shapeFlag&&(jo(t.props)?(t.anchor=a(i(e),t,l(e),n,o,r,s),t.targetAnchor=c):(t.anchor=i(e),t.targetAnchor=a(c,t,u,n,o,r,s)),u._lpa=t.targetAnchor&&i(t.targetAnchor))}return t.anchor&&i(t.anchor)}};function zo(e,t){return Jo("components",e,!0,t)||e}const Ko=Symbol();function Go(e){return M(e)?Jo("components",e,!1)||e:e||Ko}function qo(e){return Jo("directives",e)}function Jo(e,t,n=!0,o=!1){const r=Xt||Br;if(r){const n=r.type;if("components"===e){const e=Yr(n);if(e&&(e===t||e===W(t)||e===G(W(t))))return n}const s=Zo(r[e]||n[e],t)||Zo(r.appContext[e],t);return!s&&o?n:s}}function Zo(e,t){return e&&(e[t]||e[W(t)]||e[G(W(t))])}const Qo=Symbol(void 0),Xo=Symbol(void 0),Yo=Symbol(void 0),er=Symbol(void 0),tr=[];let nr=null;function or(e=!1){tr.push(nr=e?null:[])}function rr(){tr.pop(),nr=tr[tr.length-1]||null}let sr=1;function ir(e){sr+=e}function lr(e){return e.dynamicChildren=sr>0?nr||y:null,rr(),sr>0&&nr&&nr.push(e),e}function cr(e,t,n,o,r,s){return lr(gr(e,t,n,o,r,s,!0))}function ar(e,t,n,o,r){return lr(vr(e,t,n,o,r,!0))}function ur(e){return!!e&&!0===e.__v_isVNode}function pr(e,t){return e.type===t.type&&e.key===t.key}function fr(e){}const dr="__vInternal",hr=({key:e})=>null!=e?e:null,mr=({ref:e})=>null!=e?M(e)||Ft(e)||A(e)?{i:Xt,r:e}:e:null;function gr(e,t=null,n=null,o=0,r=null,s=(e===Qo?0:1),i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&hr(t),ref:t&&mr(t),scopeId:Yt,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};return l?(kr(c,n),128&s&&e.normalize(c)):n&&(c.shapeFlag|=M(n)?8:16),sr>0&&!i&&nr&&(c.patchFlag>0||6&s)&&32!==c.patchFlag&&nr.push(c),c}const vr=function(e,t=null,n=null,o=0,s=null,i=!1){e&&e!==Ko||(e=Yo);if(ur(e)){const o=br(e,t,!0);return n&&kr(o,n),o}l=e,A(l)&&"__vccOpts"in l&&(e=e.__vccOpts);var l;if(t){t=yr(t);let{class:e,style:n}=t;e&&!M(e)&&(t.class=c(e)),P(n)&&(kt(n)&&!E(n)&&(n=w({},n)),t.style=r(n))}const a=M(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:P(e)?4:A(e)?2:0;return gr(e,t,n,o,s,a,i,!0)};function yr(e){return e?kt(e)||dr in e?w({},e):e:null}function br(e,t,n=!1){const{props:o,ref:r,patchFlag:s,children:i}=e,l=t?Tr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&hr(l),ref:t&&t.ref?n&&r?E(r)?r.concat(mr(t)):[r,mr(t)]:mr(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Qo?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&br(e.ssContent),ssFallback:e.ssFallback&&br(e.ssFallback),el:e.el,anchor:e.anchor}}function _r(e=" ",t=0){return vr(Xo,null,e,t)}function Sr(e,t){const n=vr(er,null,e);return n.staticCount=t,n}function xr(e="",t=!1){return t?(or(),ar(Yo,null,e)):vr(Yo,null,e)}function Cr(e){return null==e||"boolean"==typeof e?vr(Yo):E(e)?vr(Qo,null,e.slice()):"object"==typeof e?wr(e):vr(Xo,null,String(e))}function wr(e){return null===e.el||e.memo?e:br(e)}function kr(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(E(t))n=16;else if("object"==typeof t){if(65&o){const n=t.default;return void(n&&(n._c&&(n._d=!1),kr(e,n()),n._c&&(n._d=!0)))}{n=32;const o=t._;o||dr in t?3===o&&Xt&&(1===Xt.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=Xt}}else A(t)?(t={default:t,_ctx:Xt},n=32):(t=String(t),64&o?(n=16,t=[_r(t)]):n=8);e.children=t,e.shapeFlag|=n}function Tr(...e){const t={};for(let n=0;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=c([t.class,o.class]));else if("style"===e)t.style=r([t.style,o.style]);else if(x(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,r):r)}else""!==e&&(t[e]=o[e])}return t}function Nr(e,t,n,o){let r;const s=n&&n[o];if(E(e)||M(e)){r=new Array(e.length);for(let n=0,o=e.length;n<o;n++)r[n]=t(e[n],n,void 0,s&&s[n])}else if("number"==typeof e){r=new Array(e);for(let n=0;n<e;n++)r[n]=t(n+1,n,void 0,s&&s[n])}else if(P(e))if(e[Symbol.iterator])r=Array.from(e,((e,n)=>t(e,n,void 0,s&&s[n])));else{const n=Object.keys(e);r=new Array(n.length);for(let o=0,i=n.length;o<i;o++){const i=n[o];r[o]=t(e[i],i,o,s&&s[o])}}else r=[];return n&&(n[o]=r),r}function Er(e,t){for(let n=0;n<t.length;n++){const o=t[n];if(E(o))for(let t=0;t<o.length;t++)e[o[t].name]=o[t].fn;else o&&(e[o.name]=o.fn)}return e}function $r(e,t,n={},o,r){if(Xt.isCE)return vr("slot","default"===t?null:{name:t},o&&o());let s=e[t];s&&s._c&&(s._d=!1),or();const i=s&&Rr(s(n)),l=ar(Qo,{key:n.key||`_${t}`},i||(o?o():[]),i&&1===e._?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),s&&s._c&&(s._d=!0),l}function Rr(e){return e.some((e=>!ur(e)||e.type!==Yo&&!(e.type===Qo&&!Rr(e.children))))?e:null}function Fr(e){const t={};for(const n in e)t[q(n)]=e[n];return t}const Ar=e=>e?Hr(e)?Qr(e)||e.proxy:Ar(e.parent):null,Mr=w(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Ar(e.parent),$root:e=>Ar(e.root),$emit:e=>e.emit,$options:e=>ro(e),$forceUpdate:e=>()=>xs(e.update),$nextTick:e=>Ss.bind(e.proxy),$watch:e=>Is.bind(e)}),Or={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:l,appContext:c}=e;let a;if("$"!==t[0]){const l=i[t];if(void 0!==l)switch(l){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==v&&N(o,t))return i[t]=0,o[t];if(r!==v&&N(r,t))return i[t]=1,r[t];if((a=e.propsOptions[0])&&N(a,t))return i[t]=2,s[t];if(n!==v&&N(n,t))return i[t]=3,n[t];eo&&(i[t]=4)}}const u=Mr[t];let p,f;return u?("$attrs"===t&&we(e,0,t),u(e)):(p=l.__cssModules)&&(p=p[t])?p:n!==v&&N(n,t)?(i[t]=3,n[t]):(f=c.config.globalProperties,N(f,t)?f[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==v&&N(r,t))r[t]=n;else if(o!==v&&N(o,t))o[t]=n;else if(N(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let l;return void 0!==n[i]||e!==v&&N(e,i)||t!==v&&N(t,i)||(l=s[0])&&N(l,i)||N(o,i)||N(Mr,i)||N(r.config.globalProperties,i)}},Pr=w({},Or,{get(e,t){if(t!==Symbol.unscopables)return Or.get(e,t,e)},has:(e,n)=>"_"!==n[0]&&!t(n)}),Ir=To();let Vr=0;let Br=null;const Lr=()=>Br||Xt,jr=e=>{Br=e,e.scope.on()},Ur=()=>{Br&&Br.scope.off(),Br=null};function Hr(e){return 4&e.vnode.shapeFlag}let Dr,Wr,zr=!1;function Kr(e,t,n){A(t)?e.render=t:P(t)&&(e.setupState=Lt(t)),Jr(e)}function Gr(e){Dr=e,Wr=e=>{e.render._rc&&(e.withProxy=new Proxy(e.ctx,Pr))}}const qr=()=>!Dr;function Jr(e,t,n){const o=e.type;if(!e.render){if(Dr&&!o.render){const t=o.template;if(t){const{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:s,compilerOptions:i}=o,l=w(w({isCustomElement:n,delimiters:s},r),i);o.render=Dr(t,l)}}e.render=o.render||b,Wr&&Wr(e)}jr(e),xe(),to(e),Ce(),Ur()}function Zr(e){const t=t=>{e.exposed=t||{}};let n;return{get attrs(){return n||(n=function(e){return new Proxy(e.attrs,{get:(t,n)=>(we(e,0,"$attrs"),t[n])})}(e))},slots:e.slots,emit:e.emit,expose:t}}function Qr(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Lt(Nt(e.exposed)),{get:(t,n)=>n in t?t[n]:n in Mr?Mr[n](e):void 0}))}const Xr=/(?:^|[-_])(\w)/g;function Yr(e){return A(e)&&e.displayName||e.name}function es(e,t,n=!1){let o=Yr(t);if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(Xr,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}const ts=[];function ns(e,...t){xe();const n=ts.length?ts[ts.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=ts[ts.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)ss(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${es(n,e.type)}>`)).join("\n"),r]);else{const n=[`[Vue warn]: ${e}`,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach(((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=` at <${es(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...os(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}Ce()}function os(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...rs(n,e[n]))})),n.length>3&&t.push(" ..."),t}function rs(e,t,n){return M(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:Ft(t)?(t=rs(e,Tt(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):A(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=Tt(t),n?t:[`${e}=`,t])}function ss(e,t,n,o){let r;try{r=o?e(...o):e()}catch(s){ls(s,t,n)}return r}function is(e,t,n,o){if(A(e)){const r=ss(e,t,n,o);return r&&I(r)&&r.catch((e=>{ls(e,t,n)})),r}const r=[];for(let s=0;s<e.length;s++)r.push(is(e[s],t,n,o));return r}function ls(e,t,n,o=!0){if(t){let o=t.parent;const r=t.proxy,s=n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const i=t.appContext.config.errorHandler;if(i)return void ss(i,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let cs=!1,as=!1;const us=[];let ps=0;const fs=[];let ds=null,hs=0;const ms=[];let gs=null,vs=0;const ys=Promise.resolve();let bs=null,_s=null;function Ss(e){const t=bs||ys;return e?t.then(this?e.bind(this):e):t}function xs(e){us.length&&us.includes(e,cs&&e.allowRecurse?ps+1:ps)||e===_s||(null==e.id?us.push(e):us.splice(function(e){let t=ps+1,n=us.length;for(;t<n;){const o=t+n>>>1;Es(us[o])<e?t=o+1:n=o}return t}(e.id),0,e),Cs())}function Cs(){cs||as||(as=!0,bs=ys.then($s))}function ws(e,t,n,o){E(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),Cs()}function ks(e){ws(e,gs,ms,vs)}function Ts(e,t=null){if(fs.length){for(_s=t,ds=[...new Set(fs)],fs.length=0,hs=0;hs<ds.length;hs++)ds[hs]();ds=null,hs=0,_s=null,Ts(e,t)}}function Ns(e){if(ms.length){const e=[...new Set(ms)];if(ms.length=0,gs)return void gs.push(...e);for(gs=e,gs.sort(((e,t)=>Es(e)-Es(t))),vs=0;vs<gs.length;vs++)gs[vs]();gs=null,vs=0}}const Es=e=>null==e.id?1/0:e.id;function $s(e){as=!1,cs=!0,Ts(e),us.sort(((e,t)=>Es(e)-Es(t)));try{for(ps=0;ps<us.length;ps++){const e=us[ps];e&&!1!==e.active&&ss(e,null,14)}}finally{ps=0,us.length=0,Ns(),cs=!1,bs=null,(us.length||fs.length||ms.length)&&$s(e)}}function Rs(e,t){return Ps(e,null,t)}function Fs(e,t){return Ps(e,null,{flush:"post"})}function As(e,t){return Ps(e,null,{flush:"sync"})}const Ms={};function Os(e,t,n){return Ps(e,t,n)}function Ps(e,t,{immediate:n,deep:o,flush:r}=v){const s=Br;let i,l,c=!1,a=!1;if(Ft(e)?(i=()=>e.value,c=!!e._shallow):Ct(e)?(i=()=>e,o=!0):E(e)?(a=!0,c=e.some(Ct),i=()=>e.map((e=>Ft(e)?e.value:Ct(e)?Bs(e):A(e)?ss(e,s,2):void 0))):i=A(e)?t?()=>ss(e,s,2):()=>{if(!s||!s.isUnmounted)return l&&l(),is(e,s,3,[u])}:b,t&&o){const e=i;i=()=>Bs(e())}let u=e=>{l=h.onStop=()=>{ss(e,s,4)}},p=a?[]:Ms;const f=()=>{if(h.active)if(t){const e=h.run();(o||c||(a?e.some(((e,t)=>J(e,p[t]))):J(e,p)))&&(l&&l(),is(t,s,3,[e,p===Ms?void 0:p,u]),p=e)}else h.run()};let d;f.allowRecurse=!!t,d="sync"===r?f:"post"===r?()=>Mo(f,s&&s.suspense):()=>{!s||s.isMounted?function(e){ws(e,ds,fs,hs)}(f):f()};const h=new ge(i,d);return t?n?f():p=h.run():"post"===r?Mo(h.run.bind(h),s&&s.suspense):h.run(),()=>{h.stop(),s&&s.scope&&k(s.scope.effects,h)}}function Is(e,t,n){const o=this.proxy,r=M(e)?e.includes(".")?Vs(o,e):()=>o[e]:e.bind(o,o);let s;A(t)?s=t:(s=t.handler,n=t);const i=Br;jr(this);const l=Ps(r,s.bind(o),n);return i?jr(i):Ur(),l}function Vs(e,t){const n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}function Bs(e,t=new Set){if(!P(e)||e.__v_skip)return e;if((t=t||new Set).has(e))return e;if(t.add(e),Ft(e))Bs(e.value,t);else if(E(e))for(let n=0;n<e.length;n++)Bs(e[n],t);else if(R(e)||$(e))e.forEach((e=>{Bs(e,t)}));else if(L(e))for(const n in e)Bs(e[n],t);return e}function Ls(){return null}function js(){return null}function Us(e){}function Hs(e,t){return null}function Ds(){return zs().slots}function Ws(){return zs().attrs}function zs(){const e=Lr();return e.setupContext||(e.setupContext=Zr(e))}function Ks(e,t){for(const n in t){const o=e[n];o?o.default=t[n]:null===o&&(e[n]={default:t[n]})}return e}function Gs(e){const t=Lr();let n=e();return Ur(),I(n)&&(n=n.catch((e=>{throw jr(t),e}))),[n,()=>jr(t)]}function qs(e,t,n){const o=arguments.length;return 2===o?P(t)&&!E(t)?ur(t)?vr(e,null,[t]):vr(e,t):vr(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&ur(n)&&(n=[n]),vr(e,t,n))}const Js=Symbol(""),Zs=()=>{{const e=bn(Js);return e||ns("Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build."),e}};function Qs(){}function Xs(e,t,n,o){const r=n[o];if(r&&Ys(r,e))return r;const s=t();return s.memo=e.slice(),n[o]=s}function Ys(e,t){const n=e.memo;if(n.length!=t.length)return!1;for(let o=0;o<n.length;o++)if(n[o]!==t[o])return!1;return sr>0&&nr&&nr.push(e),!0}const ei="3.2.6",ti=null,ni=null,oi=null,ri="undefined"!=typeof document?document:null,si=new Map,ii={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?ri.createElementNS("http://www.w3.org/2000/svg",e):ri.createElement(e,n?{is:n}:void 0);return"select"===e&&o&&null!=o.multiple&&r.setAttribute("multiple",o.multiple),r},createText:e=>ri.createTextNode(e),createComment:e=>ri.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>ri.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,o){const r=n?n.previousSibling:t.lastChild;let s=si.get(e);if(!s){const t=ri.createElement("template");if(t.innerHTML=o?`<svg>${e}</svg>`:e,s=t.content,o){const e=s.firstChild;for(;e.firstChild;)s.appendChild(e.firstChild);s.removeChild(e)}si.set(e,s)}return t.insertBefore(s.cloneNode(!0),n),[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};const li=/\s*!important$/;function ci(e,t,n){if(E(n))n.forEach((n=>ci(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=ui[t];if(n)return n;let o=W(t);if("filter"!==o&&o in e)return ui[t]=o;o=G(o);for(let r=0;r<ai.length;r++){const n=ai[r]+o;if(n in e)return ui[t]=n}return t}(e,t);li.test(n)?e.setProperty(K(o),n.replace(li,""),"important"):e[o]=n}}const ai=["Webkit","Moz","ms"],ui={};const pi="http://www.w3.org/1999/xlink";let fi=Date.now,di=!1;if("undefined"!=typeof window){fi()>document.createEvent("Event").timeStamp&&(fi=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);di=!!(e&&Number(e[1])<=53)}let hi=0;const mi=Promise.resolve(),gi=()=>{hi=0};function vi(e,t,n,o){e.addEventListener(t,n,o)}function yi(e,t,n,o,r=null){const s=e._vei||(e._vei={}),i=s[t];if(o&&i)i.value=o;else{const[n,l]=function(e){let t;if(bi.test(e)){let n;for(t={};n=e.match(bi);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[K(e.slice(2)),t]}(t);if(o){vi(e,n,s[t]=function(e,t){const n=e=>{const o=e.timeStamp||fi();(di||o>=n.attached-1)&&is(function(e,t){if(E(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>hi||(mi.then(gi),hi=fi()))(),n}(o,r),l)}else i&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,i,l),s[t]=void 0)}}const bi=/(?:Once|Passive|Capture)$/;const _i=/^on[a-z]/;function Si(e,t){const n=$n(e);class o extends wi{constructor(e){super(n,e,t)}}return o.def=n,o}const xi=e=>Si(e,Cl),Ci="undefined"!=typeof HTMLElement?HTMLElement:class{};class wi extends Ci{constructor(e,t={},n){super(),this._def=e,this._props=t,this._instance=null,this._connected=!1,this._resolved=!1,this.shadowRoot&&n?n(this._createVNode(),this.shadowRoot):this.attachShadow({mode:"open"});for(let o=0;o<this.attributes.length;o++)this._setAttr(this.attributes[o].name);new MutationObserver((e=>{for(const t of e)this._setAttr(t.attributeName)})).observe(this,{attributes:!0})}connectedCallback(){this._connected=!0,this._instance||(this._resolveDef(),xl(this._createVNode(),this.shadowRoot))}disconnectedCallback(){this._connected=!1,Ss((()=>{this._connected||(xl(null,this.shadowRoot),this._instance=null)}))}_resolveDef(){if(this._resolved)return;const e=e=>{this._resolved=!0;for(const r of Object.keys(this))"_"!==r[0]&&this._setProp(r,this[r]);const{props:t,styles:n}=e,o=t?E(t)?t:Object.keys(t):[];for(const r of o.map(W))Object.defineProperty(this,r,{get(){return this._getProp(r)},set(e){this._setProp(r,e)}});this._applyStyles(n)},t=this._def.__asyncLoader;t?t().then(e):e(this._def)}_setAttr(e){this._setProp(W(e),X(this.getAttribute(e)),!1)}_getProp(e){return this._props[e]}_setProp(e,t,n=!0){t!==this._props[e]&&(this._props[e]=t,this._instance&&xl(this._createVNode(),this.shadowRoot),n&&(!0===t?this.setAttribute(K(e),""):"string"==typeof t||"number"==typeof t?this.setAttribute(K(e),t+""):t||this.removeAttribute(K(e))))}_createVNode(){const e=vr(this._def,w({},this._props));return this._instance||(e.ce=e=>{this._instance=e,e.isCE=!0,e.emit=(e,...t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t}))};let t=this;for(;t=t&&(t.parentNode||t.host);)if(t instanceof wi){e.parent=t._instance;break}}),e}_applyStyles(e){e&&e.forEach((e=>{const t=document.createElement("style");t.textContent=e,this.shadowRoot.appendChild(t)}))}}function ki(e="$style"){{const t=Lr();if(!t)return v;const n=t.type.__cssModules;if(!n)return v;const o=n[e];return o||v}}function Ti(e){const t=Lr();if(!t)return;const n=()=>Ni(t.subTree,e(t.proxy));Fs(n),zn((()=>{const e=new MutationObserver(n);e.observe(t.subTree.el.parentNode,{childList:!0}),Jn((()=>e.disconnect()))}))}function Ni(e,t){if(128&e.shapeFlag){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push((()=>{Ni(n.activeBranch,t)}))}for(;e.component;)e=e.component.subTree;if(1&e.shapeFlag&&e.el)Ei(e.el,t);else if(e.type===Qo)e.children.forEach((e=>Ni(e,t)));else if(e.type===er){let{el:n,anchor:o}=e;for(;n&&(Ei(n,t),n!==o);)n=n.nextSibling}}function Ei(e,t){if(1===e.nodeType){const n=e.style;for(const e in t)n.setProperty(`--${e}`,t[e])}}const $i=(e,{slots:t})=>qs(xn,Oi(e),t);$i.displayName="Transition";const Ri={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Fi=$i.props=w({},xn.props,Ri),Ai=(e,t=[])=>{E(e)?e.forEach((e=>e(...t))):e&&e(...t)},Mi=e=>!!e&&(E(e)?e.some((e=>e.length>1)):e.length>1);function Oi(e){const t={};for(const w in e)w in Ri||(t[w]=e[w]);if(!1===e.css)return t;const{name:n="v",type:o,duration:r,enterFromClass:s=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=s,appearActiveClass:a=i,appearToClass:u=l,leaveFromClass:p=`${n}-leave-from`,leaveActiveClass:f=`${n}-leave-active`,leaveToClass:d=`${n}-leave-to`}=e,h=function(e){if(null==e)return null;if(P(e))return[Pi(e.enter),Pi(e.leave)];{const t=Pi(e);return[t,t]}}(r),m=h&&h[0],g=h&&h[1],{onBeforeEnter:v,onEnter:y,onEnterCancelled:b,onLeave:_,onLeaveCancelled:S,onBeforeAppear:x=v,onAppear:C=y,onAppearCancelled:k=b}=t,T=(e,t,n)=>{Vi(e,t?u:l),Vi(e,t?a:i),n&&n()},N=(e,t)=>{Vi(e,d),Vi(e,f),t&&t()},E=e=>(t,n)=>{const r=e?C:y,i=()=>T(t,e,n);Ai(r,[t,i]),Bi((()=>{Vi(t,e?c:s),Ii(t,e?u:l),Mi(r)||ji(t,o,m,i)}))};return w(t,{onBeforeEnter(e){Ai(v,[e]),Ii(e,s),Ii(e,i)},onBeforeAppear(e){Ai(x,[e]),Ii(e,c),Ii(e,a)},onEnter:E(!1),onAppear:E(!0),onLeave(e,t){const n=()=>N(e,t);Ii(e,p),Wi(),Ii(e,f),Bi((()=>{Vi(e,p),Ii(e,d),Mi(_)||ji(e,o,g,n)})),Ai(_,[e,n])},onEnterCancelled(e){T(e,!1),Ai(b,[e])},onAppearCancelled(e){T(e,!0),Ai(k,[e])},onLeaveCancelled(e){N(e),Ai(S,[e])}})}function Pi(e){return X(e)}function Ii(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.add(t))),(e._vtc||(e._vtc=new Set)).add(t)}function Vi(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.remove(t)));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function Bi(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}let Li=0;function ji(e,t,n,o){const r=e._endId=++Li,s=()=>{r===e._endId&&o()};if(n)return setTimeout(s,n);const{type:i,timeout:l,propCount:c}=Ui(e,t);if(!i)return o();const a=i+"end";let u=0;const p=()=>{e.removeEventListener(a,f),s()},f=t=>{t.target===e&&++u>=c&&p()};setTimeout((()=>{u<c&&p()}),l+1),e.addEventListener(a,f)}function Ui(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),i=Hi(r,s),l=o("animationDelay"),c=o("animationDuration"),a=Hi(l,c);let u=null,p=0,f=0;"transition"===t?i>0&&(u="transition",p=i,f=s.length):"animation"===t?a>0&&(u="animation",p=a,f=c.length):(p=Math.max(i,a),u=p>0?i>a?"transition":"animation":null,f=u?"transition"===u?s.length:c.length:0);return{type:u,timeout:p,propCount:f,hasTransform:"transition"===u&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function Hi(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map(((t,n)=>Di(t)+Di(e[n]))))}function Di(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Wi(){return document.body.offsetHeight}const zi=new WeakMap,Ki=new WeakMap,Gi={name:"TransitionGroup",props:w({},Fi,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=Lr(),o=_n();let r,s;return Gn((()=>{if(!r.length)return;const t=e.moveClass||`${e.name||"v"}-move`;if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach((e=>{e.split(/\s+/).forEach((e=>e&&o.classList.remove(e)))}));n.split(/\s+/).forEach((e=>e&&o.classList.add(e))),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=Ui(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(qi),r.forEach(Ji);const o=r.filter(Zi);Wi(),o.forEach((e=>{const n=e.el,o=n.style;Ii(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,Vi(n,t))};n.addEventListener("transitionend",r)}))})),()=>{const i=Tt(e),l=Oi(i);let c=i.tag||Qo;r=s,s=t.default?En(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&Nn(t,wn(t,l,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];Nn(t,wn(t,l,o,n)),zi.set(t,t.el.getBoundingClientRect())}return vr(c,null,s)}}};function qi(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function Ji(e){Ki.set(e,e.el.getBoundingClientRect())}function Zi(e){const t=zi.get(e),n=Ki.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform=`translate(${o}px,${r}px)`,t.transitionDuration="0s",e}}const Qi=e=>{const t=e.props["onUpdate:modelValue"];return E(t)?e=>Z(t,e):t};function Xi(e){e.target.composing=!0}function Yi(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const el={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e._assign=Qi(r);const s=o||r.props&&"number"===r.props.type;vi(e,t?"change":"input",(t=>{if(t.target.composing)return;let o=e.value;n?o=o.trim():s&&(o=X(o)),e._assign(o)})),n&&vi(e,"change",(()=>{e.value=e.value.trim()})),t||(vi(e,"compositionstart",Xi),vi(e,"compositionend",Yi),vi(e,"change",Yi))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},s){if(e._assign=Qi(s),e.composing)return;if(document.activeElement===e){if(n)return;if(o&&e.value.trim()===t)return;if((r||"number"===e.type)&&X(e.value)===t)return}const i=null==t?"":t;e.value!==i&&(e.value=i)}},tl={deep:!0,created(e,t,n){e._assign=Qi(n),vi(e,"change",(()=>{const t=e._modelValue,n=il(e),o=e.checked,r=e._assign;if(E(t)){const e=h(t,n),s=-1!==e;if(o&&!s)r(t.concat(n));else if(!o&&s){const n=[...t];n.splice(e,1),r(n)}}else if(R(t)){const e=new Set(t);o?e.add(n):e.delete(n),r(e)}else r(ll(e,o))}))},mounted:nl,beforeUpdate(e,t,n){e._assign=Qi(n),nl(e,t,n)}};function nl(e,{value:t,oldValue:n},o){e._modelValue=t,E(t)?e.checked=h(t,o.props.value)>-1:R(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=d(t,ll(e,!0)))}const ol={created(e,{value:t},n){e.checked=d(t,n.props.value),e._assign=Qi(n),vi(e,"change",(()=>{e._assign(il(e))}))},beforeUpdate(e,{value:t,oldValue:n},o){e._assign=Qi(o),t!==n&&(e.checked=d(t,o.props.value))}},rl={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=R(t);vi(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?X(il(e)):il(e)));e._assign(e.multiple?r?new Set(t):t:t[0])})),e._assign=Qi(o)},mounted(e,{value:t}){sl(e,t)},beforeUpdate(e,t,n){e._assign=Qi(n)},updated(e,{value:t}){sl(e,t)}};function sl(e,t){const n=e.multiple;if(!n||E(t)||R(t)){for(let o=0,r=e.options.length;o<r;o++){const r=e.options[o],s=il(r);if(n)r.selected=E(t)?h(t,s)>-1:t.has(s);else if(d(il(r),t))return void(e.selectedIndex!==o&&(e.selectedIndex=o))}n||-1===e.selectedIndex||(e.selectedIndex=-1)}}function il(e){return"_value"in e?e._value:e.value}function ll(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const cl={created(e,t,n){al(e,t,n,null,"created")},mounted(e,t,n){al(e,t,n,null,"mounted")},beforeUpdate(e,t,n,o){al(e,t,n,o,"beforeUpdate")},updated(e,t,n,o){al(e,t,n,o,"updated")}};function al(e,t,n,o,r){let s;switch(e.tagName){case"SELECT":s=rl;break;case"TEXTAREA":s=el;break;default:switch(n.props&&n.props.type){case"checkbox":s=tl;break;case"radio":s=ol;break;default:s=el}}const i=s[r];i&&i(e,t,n,o)}const ul=["ctrl","shift","alt","meta"],pl={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>ul.some((n=>e[`${n}Key`]&&!t.includes(n)))},fl=(e,t)=>(n,...o)=>{for(let e=0;e<t.length;e++){const o=pl[t[e]];if(o&&o(n,t))return}return e(n,...o)},dl={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},hl=(e,t)=>n=>{if(!("key"in n))return;const o=K(n.key);return t.some((e=>e===o||dl[e]===o))?e(n):void 0},ml={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):gl(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),gl(e,!0),o.enter(e)):o.leave(e,(()=>{gl(e,!1)})):gl(e,t))},beforeUnmount(e,{value:t}){gl(e,t)}};function gl(e,t){e.style.display=t?e._vod:"none"}const vl=w({patchProp:(e,t,r,s,i=!1,l,c,a,u)=>{"class"===t?function(e,t,n){const o=e._vtc;o&&(t=(t?[t,...o]:[...o]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,s,i):"style"===t?function(e,t,n){const o=e.style;if(n)if(M(n)){if(t!==n){const t=o.display;o.cssText=n,"_vod"in e&&(o.display=t)}}else{for(const e in n)ci(o,e,n[e]);if(t&&!M(t))for(const e in t)null==n[e]&&ci(o,e,"")}else e.removeAttribute("style")}(e,r,s):x(t)?C(t)||yi(e,t,0,s,c):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,o){if(o)return"innerHTML"===t||"textContent"===t||!!(t in e&&_i.test(t)&&A(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(_i.test(t)&&M(n))return!1;return t in e}(e,t,s,i))?function(e,t,n,r,s,i,l){if("innerHTML"===t||"textContent"===t)return r&&l(r,s,i),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;const o=null==n?"":n;return e.value!==o&&(e.value=o),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){const r=typeof e[t];if("boolean"===r)return void(e[t]=o(n));if(null==n&&"string"===r)return e[t]="",void e.removeAttribute(t);if("number"===r){try{e[t]=0}catch(c){}return void e.removeAttribute(t)}}try{e[t]=n}catch(a){}}(e,t,s,l,c,a,u):("true-value"===t?e._trueValue=s:"false-value"===t&&(e._falseValue=s),function(e,t,r,s,i){if(s&&t.startsWith("xlink:"))null==r?e.removeAttributeNS(pi,t.slice(6,t.length)):e.setAttributeNS(pi,t,r);else{const s=n(t);null==r||s&&!o(r)?e.removeAttribute(t):e.setAttribute(t,s?"":r)}}(e,t,s,i))}},ii);let yl,bl=!1;function _l(){return yl||(yl=Oo(vl))}function Sl(){return yl=bl?yl:Po(vl),bl=!0,yl}const xl=(...e)=>{_l().render(...e)},Cl=(...e)=>{Sl().hydrate(...e)},wl=(...e)=>{const t=_l().createApp(...e),{mount:n}=t;return t.mount=e=>{const o=Tl(e);if(!o)return;const r=t._component;A(r)||r.render||r.template||(r.template=o.innerHTML),o.innerHTML="";const s=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),s},t},kl=(...e)=>{const t=Sl().createApp(...e),{mount:n}=t;return t.mount=e=>{const t=Tl(e);if(t)return n(t,!0,t instanceof SVGElement)},t};function Tl(e){if(M(e)){return document.querySelector(e)}return e}var Nl=Object.freeze({__proto__:null,render:xl,hydrate:Cl,createApp:wl,createSSRApp:kl,defineCustomElement:Si,defineSSRCustomElement:xi,VueElement:wi,useCssModule:ki,useCssVars:Ti,Transition:$i,TransitionGroup:Gi,vModelText:el,vModelCheckbox:tl,vModelRadio:ol,vModelSelect:rl,vModelDynamic:cl,withModifiers:fl,withKeys:hl,vShow:ml,computed:Kt,reactive:yt,ref:At,readonly:_t,unref:Vt,proxyRefs:Lt,isRef:Ft,toRef:Wt,toRefs:Ht,isProxy:kt,isReactive:Ct,isReadonly:wt,customRef:Ut,triggerRef:It,shallowRef:Mt,shallowReactive:bt,shallowReadonly:St,markRaw:Nt,toRaw:Tt,effect:ye,stop:be,ReactiveEffect:ge,effectScope:ne,EffectScope:te,getCurrentScope:re,onScopeDispose:se,watch:Os,watchEffect:Rs,watchPostEffect:Fs,watchSyncEffect:As,onBeforeMount:Wn,onMounted:zn,onBeforeUpdate:Kn,onUpdated:Gn,onBeforeUnmount:qn,onUnmounted:Jn,onActivated:In,onDeactivated:Vn,onRenderTracked:Xn,onRenderTriggered:Qn,onErrorCaptured:Yn,onServerPrefetch:Zn,provide:yn,inject:bn,nextTick:Ss,defineComponent:$n,defineAsyncComponent:Fn,useAttrs:Ws,useSlots:Ds,defineProps:Ls,defineEmits:js,defineExpose:Us,withDefaults:Hs,mergeDefaults:Ks,withAsyncContext:Gs,getCurrentInstance:Lr,h:qs,createVNode:vr,cloneVNode:br,mergeProps:Tr,isVNode:ur,Fragment:Qo,Text:Xo,Comment:Yo,Static:er,Teleport:Wo,Suspense:fn,KeepAlive:On,BaseTransition:xn,withDirectives:wo,useSSRContext:Zs,ssrContextKey:Js,createRenderer:Oo,createHydrationRenderer:Po,queuePostFlushCb:ks,warn:ns,handleError:ls,callWithErrorHandling:ss,callWithAsyncErrorHandling:is,resolveComponent:zo,resolveDirective:qo,resolveDynamicComponent:Go,registerRuntimeCompiler:Gr,isRuntimeOnly:qr,useTransitionState:_n,resolveTransitionHooks:wn,setTransitionHooks:Nn,getTransitionRawChildren:En,initCustomFormatter:Qs,get devtools(){return Gt},setDevtoolsHook:qt,withCtx:rn,pushScopeId:tn,popScopeId:nn,withScopeId:on,renderList:Nr,toHandlers:Fr,renderSlot:$r,createSlots:Er,withMemo:Xs,isMemoSame:Ys,openBlock:or,createBlock:ar,setBlockTracking:ir,createTextVNode:_r,createCommentVNode:xr,createStaticVNode:Sr,createElementVNode:gr,createElementBlock:cr,guardReactiveProps:yr,toDisplayString:m,camelize:W,capitalize:G,toHandlerKey:q,normalizeProps:a,normalizeClass:c,normalizeStyle:r,transformVNodeArgs:fr,version:ei,ssrUtils:null,resolveFilter:null,compatUtils:null});function El(e){throw e}function $l(e){}function Rl(e,t,n,o){const r=new SyntaxError(String(e));return r.code=e,r.loc=t,r}const Fl=Symbol(""),Al=Symbol(""),Ml=Symbol(""),Ol=Symbol(""),Pl=Symbol(""),Il=Symbol(""),Vl=Symbol(""),Bl=Symbol(""),Ll=Symbol(""),jl=Symbol(""),Ul=Symbol(""),Hl=Symbol(""),Dl=Symbol(""),Wl=Symbol(""),zl=Symbol(""),Kl=Symbol(""),Gl=Symbol(""),ql=Symbol(""),Jl=Symbol(""),Zl=Symbol(""),Ql=Symbol(""),Xl=Symbol(""),Yl=Symbol(""),ec=Symbol(""),tc=Symbol(""),nc=Symbol(""),oc=Symbol(""),rc=Symbol(""),sc=Symbol(""),ic=Symbol(""),lc=Symbol(""),cc=Symbol(""),ac=Symbol(""),uc=Symbol(""),pc=Symbol(""),fc=Symbol(""),dc=Symbol(""),hc=Symbol(""),mc=Symbol(""),gc=Symbol(""),vc={[Fl]:"Fragment",[Al]:"Teleport",[Ml]:"Suspense",[Ol]:"KeepAlive",[Pl]:"BaseTransition",[Il]:"openBlock",[Vl]:"createBlock",[Bl]:"createElementBlock",[Ll]:"createVNode",[jl]:"createElementVNode",[Ul]:"createCommentVNode",[Hl]:"createTextVNode",[Dl]:"createStaticVNode",[Wl]:"resolveComponent",[zl]:"resolveDynamicComponent",[Kl]:"resolveDirective",[Gl]:"resolveFilter",[ql]:"withDirectives",[Jl]:"renderList",[Zl]:"renderSlot",[Ql]:"createSlots",[Xl]:"toDisplayString",[Yl]:"mergeProps",[ec]:"normalizeClass",[tc]:"normalizeStyle",[nc]:"normalizeProps",[oc]:"guardReactiveProps",[rc]:"toHandlers",[sc]:"camelize",[ic]:"capitalize",[lc]:"toHandlerKey",[cc]:"setBlockTracking",[ac]:"pushScopeId",[uc]:"popScopeId",[pc]:"withScopeId",[fc]:"withCtx",[dc]:"unref",[hc]:"isRef",[mc]:"withMemo",[gc]:"isMemoSame"};const yc={source:"",start:{line:1,column:1,offset:0},end:{line:1,column:1,offset:0}};function bc(e,t,n,o,r,s,i,l=!1,c=!1,a=!1,u=yc){return e&&(l?(e.helper(Il),e.helper(qc(e.inSSR,a))):e.helper(Gc(e.inSSR,a)),i&&e.helper(ql)),{type:13,tag:t,props:n,children:o,patchFlag:r,dynamicProps:s,directives:i,isBlock:l,disableTracking:c,isComponent:a,loc:u}}function _c(e,t=yc){return{type:17,loc:t,elements:e}}function Sc(e,t=yc){return{type:15,loc:t,properties:e}}function xc(e,t){return{type:16,loc:yc,key:M(e)?Cc(e,!0):e,value:t}}function Cc(e,t=!1,n=yc,o=0){return{type:4,loc:n,content:e,isStatic:t,constType:t?3:o}}function wc(e,t=yc){return{type:8,loc:t,children:e}}function kc(e,t=[],n=yc){return{type:14,loc:n,callee:e,arguments:t}}function Tc(e,t,n=!1,o=!1,r=yc){return{type:18,params:e,returns:t,newline:n,isSlot:o,loc:r}}function Nc(e,t,n,o=!0){return{type:19,test:e,consequent:t,alternate:n,newline:o,loc:yc}}const Ec=e=>4===e.type&&e.isStatic,$c=(e,t)=>e===t||e===K(t);function Rc(e){return $c(e,"Teleport")?Al:$c(e,"Suspense")?Ml:$c(e,"KeepAlive")?Ol:$c(e,"BaseTransition")?Pl:void 0}const Fc=/^\d|[^\$\w]/,Ac=e=>!Fc.test(e),Mc=/[A-Za-z_$\xA0-\uFFFF]/,Oc=/[\.\?\w$\xA0-\uFFFF]/,Pc=/\s+[.[]\s*|\s*[.[]\s+/g,Ic=e=>{e=e.trim().replace(Pc,(e=>e.trim()));let t=0,n=[],o=0,r=0,s=null;for(let i=0;i<e.length;i++){const l=e.charAt(i);switch(t){case 0:if("["===l)n.push(t),t=1,o++;else if("("===l)n.push(t),t=2,r++;else if(!(0===i?Mc:Oc).test(l))return!1;break;case 1:"'"===l||'"'===l||"`"===l?(n.push(t),t=3,s=l):"["===l?o++:"]"===l&&(--o||(t=n.pop()));break;case 2:if("'"===l||'"'===l||"`"===l)n.push(t),t=3,s=l;else if("("===l)r++;else if(")"===l){if(i===e.length-1)return!1;--r||(t=n.pop())}break;case 3:l===s&&(t=n.pop(),s=null)}}return!o&&!r};function Vc(e,t,n){const o={source:e.source.substr(t,n),start:Bc(e.start,e.source,t),end:e.end};return null!=n&&(o.end=Bc(e.start,e.source,t+n)),o}function Bc(e,t,n=t.length){return Lc(w({},e),t,n)}function Lc(e,t,n=t.length){let o=0,r=-1;for(let s=0;s<n;s++)10===t.charCodeAt(s)&&(o++,r=s);return e.offset+=n,e.line+=o,e.column=-1===r?e.column+n:n-r,e}function jc(e,t,n=!1){for(let o=0;o<e.props.length;o++){const r=e.props[o];if(7===r.type&&(n||r.exp)&&(M(t)?r.name===t:t.test(r.name)))return r}}function Uc(e,t,n=!1,o=!1){for(let r=0;r<e.props.length;r++){const s=e.props[r];if(6===s.type){if(n)continue;if(s.name===t&&(s.value||o))return s}else if("bind"===s.name&&(s.exp||o)&&Hc(s.arg,t))return s}}function Hc(e,t){return!(!e||!Ec(e)||e.content!==t)}function Dc(e){return 5===e.type||2===e.type}function Wc(e){return 7===e.type&&"slot"===e.name}function zc(e){return 1===e.type&&3===e.tagType}function Kc(e){return 1===e.type&&2===e.tagType}function Gc(e,t){return e||t?Ll:jl}function qc(e,t){return e||t?Vl:Bl}const Jc=new Set([nc,oc]);function Zc(e,t=[]){if(e&&!M(e)&&14===e.type){const n=e.callee;if(!M(n)&&Jc.has(n))return Zc(e.arguments[0],t.concat(e))}return[e,t]}function Qc(e,t,n){let o;let r,s=13===e.type?e.props:e.arguments[2],i=[];if(s&&!M(s)&&14===s.type){const e=Zc(s);s=e[0],i=e[1],r=i[i.length-1]}if(null==s||M(s))o=Sc([t]);else if(14===s.type){const e=s.arguments[0];M(e)||15!==e.type?s.callee===rc?o=kc(n.helper(Yl),[Sc([t]),s]):s.arguments.unshift(Sc([t])):e.properties.unshift(t),!o&&(o=s)}else if(15===s.type){let e=!1;if(4===t.key.type){const n=t.key.content;e=s.properties.some((e=>4===e.key.type&&e.key.content===n))}e||s.properties.unshift(t),o=s}else o=kc(n.helper(Yl),[Sc([t]),s]),r&&r.callee===oc&&(r=i[i.length-2]);13===e.type?r?r.arguments[0]=o:e.props=o:r?r.arguments[0]=o:e.arguments[2]=o}function Xc(e,t){return`_${t}_${e.replace(/[^\w]/g,((t,n)=>"-"===t?"_":e.charCodeAt(n).toString()))}`}function Yc(e,{helper:t,removeHelper:n,inSSR:o}){e.isBlock||(e.isBlock=!0,n(Gc(o,e.isComponent)),t(Il),t(qc(o,e.isComponent)))}const ea=/&(gt|lt|amp|apos|quot);/g,ta={gt:">",lt:"<",amp:"&",apos:"'",quot:'"'},na={delimiters:["{{","}}"],getNamespace:()=>0,getTextMode:()=>0,isVoidTag:_,isPreTag:_,isCustomElement:_,decodeEntities:e=>e.replace(ea,((e,t)=>ta[t])),onError:El,onWarn:$l,comments:!1};function oa(e,t={}){const n=function(e,t){const n=w({},na);let o;for(o in t)n[o]=void 0===t[o]?na[o]:t[o];return{options:n,column:1,line:1,offset:0,originalSource:e,source:e,inPre:!1,inVPre:!1,onWarn:n.onWarn}}(e,t),o=va(n);return function(e,t=yc){return{type:0,children:e,helpers:[],components:[],directives:[],hoists:[],imports:[],cached:0,temps:0,codegenNode:void 0,loc:t}}(ra(n,0,[]),ya(n,o))}function ra(e,t,n){const o=ba(n),r=o?o.ns:0,s=[];for(;!wa(e,t,n);){const i=e.source;let l;if(0===t||1===t)if(!e.inVPre&&_a(i,e.options.delimiters[0]))l=ha(e,t);else if(0===t&&"<"===i[0])if(1===i.length);else if("!"===i[1])l=_a(i,"\x3c!--")?la(e):_a(i,"<!DOCTYPE")?ca(e):_a(i,"<![CDATA[")&&0!==r?ia(e,n):ca(e);else if("/"===i[1])if(2===i.length);else{if(">"===i[2]){Sa(e,3);continue}if(/[a-z]/i.test(i[2])){pa(e,1,o);continue}l=ca(e)}else/[a-z]/i.test(i[1])?l=aa(e,n):"?"===i[1]&&(l=ca(e));if(l||(l=ma(e,t)),E(l))for(let e=0;e<l.length;e++)sa(s,l[e]);else sa(s,l)}let i=!1;if(2!==t&&1!==t){const t="preserve"!==e.options.whitespace;for(let n=0;n<s.length;n++){const o=s[n];if(e.inPre||2!==o.type)3!==o.type||e.options.comments||(i=!0,s[n]=null);else if(/[^\t\r\n\f ]/.test(o.content))t&&(o.content=o.content.replace(/[\t\r\n\f ]+/g," "));else{const e=s[n-1],r=s[n+1];!e||!r||t&&(3===e.type||3===r.type||1===e.type&&1===r.type&&/[\r\n]/.test(o.content))?(i=!0,s[n]=null):o.content=" "}}if(e.inPre&&o&&e.options.isPreTag(o.tag)){const e=s[0];e&&2===e.type&&(e.content=e.content.replace(/^\r?\n/,""))}}return i?s.filter(Boolean):s}function sa(e,t){if(2===t.type){const n=ba(e);if(n&&2===n.type&&n.loc.end.offset===t.loc.start.offset)return n.content+=t.content,n.loc.end=t.loc.end,void(n.loc.source+=t.loc.source)}e.push(t)}function ia(e,t){Sa(e,9);const n=ra(e,3,t);return 0===e.source.length||Sa(e,3),n}function la(e){const t=va(e);let n;const o=/--(\!)?>/.exec(e.source);if(o){n=e.source.slice(4,o.index);const t=e.source.slice(0,o.index);let r=1,s=0;for(;-1!==(s=t.indexOf("\x3c!--",r));)Sa(e,s-r+1),r=s+1;Sa(e,o.index+o[0].length-r+1)}else n=e.source.slice(4),Sa(e,e.source.length);return{type:3,content:n,loc:ya(e,t)}}function ca(e){const t=va(e),n="?"===e.source[1]?1:2;let o;const r=e.source.indexOf(">");return-1===r?(o=e.source.slice(n),Sa(e,e.source.length)):(o=e.source.slice(n,r),Sa(e,r+1)),{type:3,content:o,loc:ya(e,t)}}function aa(e,t){const n=e.inPre,o=e.inVPre,r=ba(t),s=pa(e,0,r),i=e.inPre&&!n,l=e.inVPre&&!o;if(s.isSelfClosing||e.options.isVoidTag(s.tag))return i&&(e.inPre=!1),l&&(e.inVPre=!1),s;t.push(s);const c=e.options.getTextMode(s,r),a=ra(e,c,t);if(t.pop(),s.children=a,ka(e.source,s.tag))pa(e,1,r);else if(0===e.source.length&&"script"===s.tag.toLowerCase()){const e=a[0];e&&_a(e.loc.source,"\x3c!--")}return s.loc=ya(e,s.loc.start),i&&(e.inPre=!1),l&&(e.inVPre=!1),s}const ua=e("if,else,else-if,for,slot");function pa(e,t,n){const o=va(e),r=/^<\/?([a-z][^\t\r\n\f />]*)/i.exec(e.source),s=r[1],i=e.options.getNamespace(s,n);Sa(e,r[0].length),xa(e);const l=va(e),c=e.source;e.options.isPreTag(s)&&(e.inPre=!0);let a=fa(e,t);0===t&&!e.inVPre&&a.some((e=>7===e.type&&"pre"===e.name))&&(e.inVPre=!0,w(e,l),e.source=c,a=fa(e,t).filter((e=>"v-pre"!==e.name)));let u=!1;if(0===e.source.length||(u=_a(e.source,"/>"),Sa(e,u?2:1)),1===t)return;let p=0;return e.inVPre||("slot"===s?p=2:"template"===s?a.some((e=>7===e.type&&ua(e.name)))&&(p=3):function(e,t,n){const o=n.options;if(o.isCustomElement(e))return!1;if("component"===e||/^[A-Z]/.test(e)||Rc(e)||o.isBuiltInComponent&&o.isBuiltInComponent(e)||o.isNativeTag&&!o.isNativeTag(e))return!0;for(let r=0;r<t.length;r++){const e=t[r];if(6===e.type){if("is"===e.name&&e.value&&e.value.content.startsWith("vue:"))return!0}else{if("is"===e.name)return!0;"bind"===e.name&&Hc(e.arg,"is")}}}(s,a,e)&&(p=1)),{type:1,ns:i,tag:s,tagType:p,props:a,isSelfClosing:u,children:[],loc:ya(e,o),codegenNode:void 0}}function fa(e,t){const n=[],o=new Set;for(;e.source.length>0&&!_a(e.source,">")&&!_a(e.source,"/>");){if(_a(e.source,"/")){Sa(e,1),xa(e);continue}const r=da(e,o);0===t&&n.push(r),/^[^\t\r\n\f />]/.test(e.source),xa(e)}return n}function da(e,t){const n=va(e),o=/^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(e.source)[0];t.has(o),t.add(o);{const e=/["'<]/g;let t;for(;t=e.exec(o););}let r;Sa(e,o.length),/^[\t\r\n\f ]*=/.test(e.source)&&(xa(e),Sa(e,1),xa(e),r=function(e){const t=va(e);let n;const o=e.source[0],r='"'===o||"'"===o;if(r){Sa(e,1);const t=e.source.indexOf(o);-1===t?n=ga(e,e.source.length,4):(n=ga(e,t,4),Sa(e,1))}else{const t=/^[^\t\r\n\f >]+/.exec(e.source);if(!t)return;const o=/["'<=`]/g;let r;for(;r=o.exec(t[0]););n=ga(e,t[0].length,4)}return{content:n,isQuoted:r,loc:ya(e,t)}}(e));const s=ya(e,n);if(!e.inVPre&&/^(v-|:|\.|@|#)/.test(o)){const t=/(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(o);let i,l=_a(o,"."),c=t[1]||(l||_a(o,":")?"bind":_a(o,"@")?"on":"slot");if(t[2]){const r="slot"===c,s=o.lastIndexOf(t[2]),l=ya(e,Ca(e,n,s),Ca(e,n,s+t[2].length+(r&&t[3]||"").length));let a=t[2],u=!0;a.startsWith("[")?(u=!1,a.endsWith("]"),a=a.substr(1,a.length-2)):r&&(a+=t[3]||""),i={type:4,content:a,isStatic:u,constType:u?3:0,loc:l}}if(r&&r.isQuoted){const e=r.loc;e.start.offset++,e.start.column++,e.end=Bc(e.start,r.content),e.source=e.source.slice(1,-1)}const a=t[3]?t[3].substr(1).split("."):[];return l&&a.push("prop"),{type:7,name:c,exp:r&&{type:4,content:r.content,isStatic:!1,constType:0,loc:r.loc},arg:i,modifiers:a,loc:s}}return{type:6,name:o,value:r&&{type:2,content:r.content,loc:r.loc},loc:s}}function ha(e,t){const[n,o]=e.options.delimiters,r=e.source.indexOf(o,n.length);if(-1===r)return;const s=va(e);Sa(e,n.length);const i=va(e),l=va(e),c=r-n.length,a=e.source.slice(0,c),u=ga(e,c,t),p=u.trim(),f=u.indexOf(p);f>0&&Lc(i,a,f);return Lc(l,a,c-(u.length-p.length-f)),Sa(e,o.length),{type:5,content:{type:4,isStatic:!1,constType:0,content:p,loc:ya(e,i,l)},loc:ya(e,s)}}function ma(e,t){const n=["<",e.options.delimiters[0]];3===t&&n.push("]]>");let o=e.source.length;for(let s=0;s<n.length;s++){const t=e.source.indexOf(n[s],1);-1!==t&&o>t&&(o=t)}const r=va(e);return{type:2,content:ga(e,o,t),loc:ya(e,r)}}function ga(e,t,n){const o=e.source.slice(0,t);return Sa(e,t),2===n||3===n||-1===o.indexOf("&")?o:e.options.decodeEntities(o,4===n)}function va(e){const{column:t,line:n,offset:o}=e;return{column:t,line:n,offset:o}}function ya(e,t,n){return{start:t,end:n=n||va(e),source:e.originalSource.slice(t.offset,n.offset)}}function ba(e){return e[e.length-1]}function _a(e,t){return e.startsWith(t)}function Sa(e,t){const{source:n}=e;Lc(e,n,t),e.source=n.slice(t)}function xa(e){const t=/^[\t\r\n\f ]+/.exec(e.source);t&&Sa(e,t[0].length)}function Ca(e,t,n){return Bc(t,e.originalSource.slice(t.offset,n),n)}function wa(e,t,n){const o=e.source;switch(t){case 0:if(_a(o,"</"))for(let e=n.length-1;e>=0;--e)if(ka(o,n[e].tag))return!0;break;case 1:case 2:{const e=ba(n);if(e&&ka(o,e.tag))return!0;break}case 3:if(_a(o,"]]>"))return!0}return!o}function ka(e,t){return _a(e,"</")&&e.substr(2,t.length).toLowerCase()===t.toLowerCase()&&/[\t\r\n\f />]/.test(e[2+t.length]||">")}function Ta(e,t){Ea(e,t,Na(e,e.children[0]))}function Na(e,t){const{children:n}=e;return 1===n.length&&1===t.type&&!Kc(t)}function Ea(e,t,n=!1){let o=!0;const{children:r}=e,s=r.length;let i=0;for(let l=0;l<r.length;l++){const e=r[l];if(1===e.type&&0===e.tagType){const r=n?0:$a(e,t);if(r>0){if(r<3&&(o=!1),r>=2){e.codegenNode.patchFlag="-1",e.codegenNode=t.hoist(e.codegenNode),i++;continue}}else{const n=e.codegenNode;if(13===n.type){const o=Oa(n);if((!o||512===o||1===o)&&Aa(e,t)>=2){const o=Ma(e);o&&(n.props=t.hoist(o))}n.dynamicProps&&(n.dynamicProps=t.hoist(n.dynamicProps))}}}else if(12===e.type){const n=$a(e.content,t);n>0&&(n<3&&(o=!1),n>=2&&(e.codegenNode=t.hoist(e.codegenNode),i++))}if(1===e.type){const n=1===e.tagType;n&&t.scopes.vSlot++,Ea(e,t),n&&t.scopes.vSlot--}else if(11===e.type)Ea(e,t,1===e.children.length);else if(9===e.type)for(let n=0;n<e.branches.length;n++)Ea(e.branches[n],t,1===e.branches[n].children.length)}o&&i&&t.transformHoist&&t.transformHoist(r,t,e),i&&i===s&&1===e.type&&0===e.tagType&&e.codegenNode&&13===e.codegenNode.type&&E(e.codegenNode.children)&&(e.codegenNode.children=t.hoist(_c(e.codegenNode.children)))}function $a(e,t){const{constantCache:n}=t;switch(e.type){case 1:if(0!==e.tagType)return 0;const o=n.get(e);if(void 0!==o)return o;const r=e.codegenNode;if(13!==r.type)return 0;if(Oa(r))return n.set(e,0),0;{let o=3;const s=Aa(e,t);if(0===s)return n.set(e,0),0;s<o&&(o=s);for(let r=0;r<e.children.length;r++){const s=$a(e.children[r],t);if(0===s)return n.set(e,0),0;s<o&&(o=s)}if(o>1)for(let r=0;r<e.props.length;r++){const s=e.props[r];if(7===s.type&&"bind"===s.name&&s.exp){const r=$a(s.exp,t);if(0===r)return n.set(e,0),0;r<o&&(o=r)}}return r.isBlock&&(t.removeHelper(Il),t.removeHelper(qc(t.inSSR,r.isComponent)),r.isBlock=!1,t.helper(Gc(t.inSSR,r.isComponent))),n.set(e,o),o}case 2:case 3:return 3;case 9:case 11:case 10:return 0;case 5:case 12:return $a(e.content,t);case 4:return e.constType;case 8:let s=3;for(let n=0;n<e.children.length;n++){const o=e.children[n];if(M(o)||O(o))continue;const r=$a(o,t);if(0===r)return 0;r<s&&(s=r)}return s;default:return 0}}const Ra=new Set([ec,tc,nc,oc]);function Fa(e,t){if(14===e.type&&!M(e.callee)&&Ra.has(e.callee)){const n=e.arguments[0];if(4===n.type)return $a(n,t);if(14===n.type)return Fa(n,t)}return 0}function Aa(e,t){let n=3;const o=Ma(e);if(o&&15===o.type){const{properties:e}=o;for(let o=0;o<e.length;o++){const{key:r,value:s}=e[o],i=$a(r,t);if(0===i)return i;let l;if(i<n&&(n=i),l=4===s.type?$a(s,t):14===s.type?Fa(s,t):0,0===l)return l;l<n&&(n=l)}}return n}function Ma(e){const t=e.codegenNode;if(13===t.type)return t.props}function Oa(e){const t=e.patchFlag;return t?parseInt(t,10):void 0}function Pa(e,{filename:t="",prefixIdentifiers:n=!1,hoistStatic:o=!1,cacheHandlers:r=!1,nodeTransforms:s=[],directiveTransforms:i={},transformHoist:l=null,isBuiltInComponent:c=b,isCustomElement:a=b,expressionPlugins:u=[],scopeId:p=null,slotted:f=!0,ssr:d=!1,inSSR:h=!1,ssrCssVars:m="",bindingMetadata:g=v,inline:y=!1,isTS:_=!1,onError:S=El,onWarn:x=$l,compatConfig:C}){const w=t.replace(/\?.*$/,"").match(/([^/\\]+)\.\w+$/),k={selfName:w&&G(W(w[1])),prefixIdentifiers:n,hoistStatic:o,cacheHandlers:r,nodeTransforms:s,directiveTransforms:i,transformHoist:l,isBuiltInComponent:c,isCustomElement:a,expressionPlugins:u,scopeId:p,slotted:f,ssr:d,inSSR:h,ssrCssVars:m,bindingMetadata:g,inline:y,isTS:_,onError:S,onWarn:x,compatConfig:C,root:e,helpers:new Map,components:new Set,directives:new Set,hoists:[],imports:[],constantCache:new Map,temps:0,cached:0,identifiers:Object.create(null),scopes:{vFor:0,vSlot:0,vPre:0,vOnce:0},parent:null,currentNode:e,childIndex:0,inVOnce:!1,helper(e){const t=k.helpers.get(e)||0;return k.helpers.set(e,t+1),e},removeHelper(e){const t=k.helpers.get(e);if(t){const n=t-1;n?k.helpers.set(e,n):k.helpers.delete(e)}},helperString:e=>`_${vc[k.helper(e)]}`,replaceNode(e){k.parent.children[k.childIndex]=k.currentNode=e},removeNode(e){const t=e?k.parent.children.indexOf(e):k.currentNode?k.childIndex:-1;e&&e!==k.currentNode?k.childIndex>t&&(k.childIndex--,k.onNodeRemoved()):(k.currentNode=null,k.onNodeRemoved()),k.parent.children.splice(t,1)},onNodeRemoved:()=>{},addIdentifiers(e){},removeIdentifiers(e){},hoist(e){M(e)&&(e=Cc(e)),k.hoists.push(e);const t=Cc(`_hoisted_${k.hoists.length}`,!1,e.loc,2);return t.hoisted=e,t},cache:(e,t=!1)=>function(e,t,n=!1){return{type:20,index:e,value:t,isVNode:n,loc:yc}}(k.cached++,e,t)};return k}function Ia(e,t){const n=Pa(e,t);Va(e,n),t.hoistStatic&&Ta(e,n),t.ssr||function(e,t){const{helper:n}=t,{children:o}=e;if(1===o.length){const n=o[0];if(Na(e,n)&&n.codegenNode){const o=n.codegenNode;13===o.type&&Yc(o,t),e.codegenNode=o}else e.codegenNode=n}else if(o.length>1){let o=64;e.codegenNode=bc(t,n(Fl),void 0,e.children,o+"",void 0,void 0,!0,void 0,!1)}}(e,n),e.helpers=[...n.helpers.keys()],e.components=[...n.components],e.directives=[...n.directives],e.imports=n.imports,e.hoists=n.hoists,e.temps=n.temps,e.cached=n.cached}function Va(e,t){t.currentNode=e;const{nodeTransforms:n}=t,o=[];for(let s=0;s<n.length;s++){const r=n[s](e,t);if(r&&(E(r)?o.push(...r):o.push(r)),!t.currentNode)return;e=t.currentNode}switch(e.type){case 3:t.ssr||t.helper(Ul);break;case 5:t.ssr||t.helper(Xl);break;case 9:for(let n=0;n<e.branches.length;n++)Va(e.branches[n],t);break;case 10:case 11:case 1:case 0:!function(e,t){let n=0;const o=()=>{n--};for(;n<e.children.length;n++){const r=e.children[n];M(r)||(t.parent=e,t.childIndex=n,t.onNodeRemoved=o,Va(r,t))}}(e,t)}t.currentNode=e;let r=o.length;for(;r--;)o[r]()}function Ba(e,t){const n=M(e)?t=>t===e:t=>e.test(t);return(e,o)=>{if(1===e.type){const{props:r}=e;if(3===e.tagType&&r.some(Wc))return;const s=[];for(let i=0;i<r.length;i++){const l=r[i];if(7===l.type&&n(l.name)){r.splice(i,1),i--;const n=t(e,l,o);n&&s.push(n)}}return s}}}function La(e,t={}){const n=function(e,{mode:t="function",prefixIdentifiers:n="module"===t,sourceMap:o=!1,filename:r="template.vue.html",scopeId:s=null,optimizeImports:i=!1,runtimeGlobalName:l="Vue",runtimeModuleName:c="vue",ssr:a=!1,isTS:u=!1,inSSR:p=!1}){const f={mode:t,prefixIdentifiers:n,sourceMap:o,filename:r,scopeId:s,optimizeImports:i,runtimeGlobalName:l,runtimeModuleName:c,ssr:a,isTS:u,inSSR:p,source:e.loc.source,code:"",column:1,line:1,offset:0,indentLevel:0,pure:!1,map:void 0,helper:e=>`_${vc[e]}`,push(e,t){f.code+=e},indent(){d(++f.indentLevel)},deindent(e=!1){e?--f.indentLevel:d(--f.indentLevel)},newline(){d(f.indentLevel)}};function d(e){f.push("\n"+" ".repeat(e))}return f}(e,t);t.onContextCreated&&t.onContextCreated(n);const{mode:o,push:r,prefixIdentifiers:s,indent:i,deindent:l,newline:c,ssr:a}=n,u=e.helpers.length>0,p=!s&&"module"!==o;!function(e,t){const{push:n,newline:o,runtimeGlobalName:r}=t,s=r,i=e=>`${vc[e]}: _${vc[e]}`;if(e.helpers.length>0&&(n(`const _Vue = ${s}\n`),e.hoists.length)){n(`const { ${[Ll,jl,Ul,Hl,Dl].filter((t=>e.helpers.includes(t))).map(i).join(", ")} } = _Vue\n`)}(function(e,t){if(!e.length)return;t.pure=!0;const{push:n,newline:o}=t;o(),e.forEach(((e,r)=>{e&&(n(`const _hoisted_${r+1} = `),Da(e,t),o())})),t.pure=!1})(e.hoists,t),o(),n("return ")}(e,n);if(r(`function ${a?"ssrRender":"render"}(${(a?["_ctx","_push","_parent","_attrs"]:["_ctx","_cache"]).join(", ")}) {`),i(),p&&(r("with (_ctx) {"),i(),u&&(r(`const { ${e.helpers.map((e=>`${vc[e]}: _${vc[e]}`)).join(", ")} } = _Vue`),r("\n"),c())),e.components.length&&(ja(e.components,"component",n),(e.directives.length||e.temps>0)&&c()),e.directives.length&&(ja(e.directives,"directive",n),e.temps>0&&c()),e.temps>0){r("let ");for(let t=0;t<e.temps;t++)r(`${t>0?", ":""}_temp${t}`)}return(e.components.length||e.directives.length||e.temps)&&(r("\n"),c()),a||r("return "),e.codegenNode?Da(e.codegenNode,n):r("null"),p&&(l(),r("}")),l(),r("}"),{ast:e,code:n.code,preamble:"",map:n.map?n.map.toJSON():void 0}}function ja(e,t,{helper:n,push:o,newline:r,isTS:s}){const i=n("component"===t?Wl:Kl);for(let l=0;l<e.length;l++){let n=e[l];const c=n.endsWith("__self");c&&(n=n.slice(0,-6)),o(`const ${Xc(n,t)} = ${i}(${JSON.stringify(n)}${c?", true":""})${s?"!":""}`),l<e.length-1&&r()}}function Ua(e,t){const n=e.length>3||!1;t.push("["),n&&t.indent(),Ha(e,t,n),n&&t.deindent(),t.push("]")}function Ha(e,t,n=!1,o=!0){const{push:r,newline:s}=t;for(let i=0;i<e.length;i++){const l=e[i];M(l)?r(l):E(l)?Ua(l,t):Da(l,t),i<e.length-1&&(n?(o&&r(","),s()):o&&r(", "))}}function Da(e,t){if(M(e))t.push(e);else if(O(e))t.push(t.helper(e));else switch(e.type){case 1:case 9:case 11:Da(e.codegenNode,t);break;case 2:!function(e,t){t.push(JSON.stringify(e.content),e)}(e,t);break;case 4:Wa(e,t);break;case 5:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n("/*#__PURE__*/");n(`${o(Xl)}(`),Da(e.content,t),n(")")}(e,t);break;case 12:Da(e.codegenNode,t);break;case 8:za(e,t);break;case 3:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n("/*#__PURE__*/");n(`${o(Ul)}(${JSON.stringify(e.content)})`,e)}(e,t);break;case 13:!function(e,t){const{push:n,helper:o,pure:r}=t,{tag:s,props:i,children:l,patchFlag:c,dynamicProps:a,directives:u,isBlock:p,disableTracking:f,isComponent:d}=e;u&&n(o(ql)+"(");p&&n(`(${o(Il)}(${f?"true":""}), `);r&&n("/*#__PURE__*/");const h=p?qc(t.inSSR,d):Gc(t.inSSR,d);n(o(h)+"(",e),Ha(function(e){let t=e.length;for(;t--&&null==e[t];);return e.slice(0,t+1).map((e=>e||"null"))}([s,i,l,c,a]),t),n(")"),p&&n(")");u&&(n(", "),Da(u,t),n(")"))}(e,t);break;case 14:!function(e,t){const{push:n,helper:o,pure:r}=t,s=M(e.callee)?e.callee:o(e.callee);r&&n("/*#__PURE__*/");n(s+"(",e),Ha(e.arguments,t),n(")")}(e,t);break;case 15:!function(e,t){const{push:n,indent:o,deindent:r,newline:s}=t,{properties:i}=e;if(!i.length)return void n("{}",e);const l=i.length>1||!1;n(l?"{":"{ "),l&&o();for(let c=0;c<i.length;c++){const{key:e,value:o}=i[c];Ka(e,t),n(": "),Da(o,t),c<i.length-1&&(n(","),s())}l&&r(),n(l?"}":" }")}(e,t);break;case 17:!function(e,t){Ua(e.elements,t)}(e,t);break;case 18:!function(e,t){const{push:n,indent:o,deindent:r}=t,{params:s,returns:i,body:l,newline:c,isSlot:a}=e;a&&n(`_${vc[fc]}(`);n("(",e),E(s)?Ha(s,t):s&&Da(s,t);n(") => "),(c||l)&&(n("{"),o());i?(c&&n("return "),E(i)?Ua(i,t):Da(i,t)):l&&Da(l,t);(c||l)&&(r(),n("}"));a&&n(")")}(e,t);break;case 19:!function(e,t){const{test:n,consequent:o,alternate:r,newline:s}=e,{push:i,indent:l,deindent:c,newline:a}=t;if(4===n.type){const e=!Ac(n.content);e&&i("("),Wa(n,t),e&&i(")")}else i("("),Da(n,t),i(")");s&&l(),t.indentLevel++,s||i(" "),i("? "),Da(o,t),t.indentLevel--,s&&a(),s||i(" "),i(": ");const u=19===r.type;u||t.indentLevel++;Da(r,t),u||t.indentLevel--;s&&c(!0)}(e,t);break;case 20:!function(e,t){const{push:n,helper:o,indent:r,deindent:s,newline:i}=t;n(`_cache[${e.index}] || (`),e.isVNode&&(r(),n(`${o(cc)}(-1),`),i());n(`_cache[${e.index}] = `),Da(e.value,t),e.isVNode&&(n(","),i(),n(`${o(cc)}(1),`),i(),n(`_cache[${e.index}]`),s());n(")")}(e,t);break;case 21:Ha(e.body,t,!0,!1)}}function Wa(e,t){const{content:n,isStatic:o}=e;t.push(o?JSON.stringify(n):n,e)}function za(e,t){for(let n=0;n<e.children.length;n++){const o=e.children[n];M(o)?t.push(o):Da(o,t)}}function Ka(e,t){const{push:n}=t;if(8===e.type)n("["),za(e,t),n("]");else if(e.isStatic){n(Ac(e.content)?e.content:JSON.stringify(e.content),e)}else n(`[${e.content}]`,e)}const Ga=Ba(/^(if|else|else-if)$/,((e,t,n)=>function(e,t,n,o){if(!("else"===t.name||t.exp&&t.exp.content.trim())){t.exp=Cc("true",!1,t.exp?t.exp.loc:e.loc)}if("if"===t.name){const r=qa(e,t),s={type:9,loc:e.loc,branches:[r]};if(n.replaceNode(s),o)return o(s,r,!0)}else{const r=n.parent.children;let s=r.indexOf(e);for(;s-- >=-1;){const i=r[s];if(!i||2!==i.type||i.content.trim().length){if(i&&9===i.type){n.removeNode();const r=qa(e,t);i.branches.push(r);const s=o&&o(i,r,!1);Va(r,n),s&&s(),n.currentNode=null}break}n.removeNode(i)}}}(e,t,n,((e,t,o)=>{const r=n.parent.children;let s=r.indexOf(e),i=0;for(;s-- >=0;){const e=r[s];e&&9===e.type&&(i+=e.branches.length)}return()=>{if(o)e.codegenNode=Ja(t,i,n);else{(function(e){for(;;)if(19===e.type){if(19!==e.alternate.type)return e;e=e.alternate}else 20===e.type&&(e=e.value)}(e.codegenNode)).alternate=Ja(t,i+e.branches.length-1,n)}}}))));function qa(e,t){return{type:10,loc:e.loc,condition:"else"===t.name?void 0:t.exp,children:3!==e.tagType||jc(e,"for")?[e]:e.children,userKey:Uc(e,"key")}}function Ja(e,t,n){return e.condition?Nc(e.condition,Za(e,t,n),kc(n.helper(Ul),['""',"true"])):Za(e,t,n)}function Za(e,t,n){const{helper:o}=n,r=xc("key",Cc(`${t}`,!1,yc,2)),{children:s}=e,i=s[0];if(1!==s.length||1!==i.type){if(1===s.length&&11===i.type){const e=i.codegenNode;return Qc(e,r,n),e}{let t=64;return bc(n,o(Fl),Sc([r]),s,t+"",void 0,void 0,!0,!1,!1,e.loc)}}{const e=i.codegenNode,t=14===(l=e).type&&l.callee===mc?l.arguments[1].returns:l;return 13===t.type&&Yc(t,n),Qc(t,r,n),e}var l}const Qa=Ba("for",((e,t,n)=>{const{helper:o,removeHelper:r}=n;return function(e,t,n,o){if(!t.exp)return;const r=tu(t.exp);if(!r)return;const{scopes:s}=n,{source:i,value:l,key:c,index:a}=r,u={type:11,loc:t.loc,source:i,valueAlias:l,keyAlias:c,objectIndexAlias:a,parseResult:r,children:zc(e)?e.children:[e]};n.replaceNode(u),s.vFor++;const p=o&&o(u);return()=>{s.vFor--,p&&p()}}(e,t,n,(t=>{const s=kc(o(Jl),[t.source]),i=jc(e,"memo"),l=Uc(e,"key"),c=l&&(6===l.type?Cc(l.value.content,!0):l.exp),a=l?xc("key",c):null,u=4===t.source.type&&t.source.constType>0,p=u?64:l?128:256;return t.codegenNode=bc(n,o(Fl),void 0,s,p+"",void 0,void 0,!0,!u,!1,e.loc),()=>{let l;const p=zc(e),{children:f}=t,d=1!==f.length||1!==f[0].type,h=Kc(e)?e:p&&1===e.children.length&&Kc(e.children[0])?e.children[0]:null;if(h?(l=h.codegenNode,p&&a&&Qc(l,a,n)):d?l=bc(n,o(Fl),a?Sc([a]):void 0,e.children,"64",void 0,void 0,!0,void 0,!1):(l=f[0].codegenNode,p&&a&&Qc(l,a,n),l.isBlock!==!u&&(l.isBlock?(r(Il),r(qc(n.inSSR,l.isComponent))):r(Gc(n.inSSR,l.isComponent))),l.isBlock=!u,l.isBlock?(o(Il),o(qc(n.inSSR,l.isComponent))):o(Gc(n.inSSR,l.isComponent))),i){const e=Tc(ou(t.parseResult,[Cc("_cached")]));e.body={type:21,body:[wc(["const _memo = (",i.exp,")"]),wc(["if (_cached",...c?[" && _cached.key === ",c]:[],` && ${n.helperString(gc)}(_cached, _memo)) return _cached`]),wc(["const _item = ",l]),Cc("_item.memo = _memo"),Cc("return _item")],loc:yc},s.arguments.push(e,Cc("_cache"),Cc(String(n.cached++)))}else s.arguments.push(Tc(ou(t.parseResult),l,!0))}}))}));const Xa=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Ya=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,eu=/^\(|\)$/g;function tu(e,t){const n=e.loc,o=e.content,r=o.match(Xa);if(!r)return;const[,s,i]=r,l={source:nu(n,i.trim(),o.indexOf(i,s.length)),value:void 0,key:void 0,index:void 0};let c=s.trim().replace(eu,"").trim();const a=s.indexOf(c),u=c.match(Ya);if(u){c=c.replace(Ya,"").trim();const e=u[1].trim();let t;if(e&&(t=o.indexOf(e,a+c.length),l.key=nu(n,e,t)),u[2]){const r=u[2].trim();r&&(l.index=nu(n,r,o.indexOf(r,l.key?t+e.length:a+c.length)))}}return c&&(l.value=nu(n,c,a)),l}function nu(e,t,n){return Cc(t,!1,Vc(e,n,t.length))}function ou({value:e,key:t,index:n},o=[]){return function(e){let t=e.length;for(;t--&&!e[t];);return e.slice(0,t+1).map(((e,t)=>e||Cc("_".repeat(t+1),!1)))}([e,t,n,...o])}const ru=Cc("undefined",!1),su=(e,t)=>{if(1===e.type&&(1===e.tagType||3===e.tagType)){const n=jc(e,"slot");if(n)return t.scopes.vSlot++,()=>{t.scopes.vSlot--}}},iu=(e,t,n)=>Tc(e,t,!1,!0,t.length?t[0].loc:n);function lu(e,t,n=iu){t.helper(fc);const{children:o,loc:r}=e,s=[],i=[];let l=t.scopes.vSlot>0||t.scopes.vFor>0;const c=jc(e,"slot",!0);if(c){const{arg:e,exp:t}=c;e&&!Ec(e)&&(l=!0),s.push(xc(e||Cc("default",!0),n(t,o,r)))}let a=!1,u=!1;const p=[],f=new Set;for(let m=0;m<o.length;m++){const e=o[m];let r;if(!zc(e)||!(r=jc(e,"slot",!0))){3!==e.type&&p.push(e);continue}if(c)break;a=!0;const{children:d,loc:h}=e,{arg:g=Cc("default",!0),exp:v}=r;let y;Ec(g)?y=g?g.content:"default":l=!0;const b=n(v,d,h);let _,S,x;if(_=jc(e,"if"))l=!0,i.push(Nc(_.exp,cu(g,b),ru));else if(S=jc(e,/^else(-if)?$/,!0)){let e,t=m;for(;t--&&(e=o[t],3===e.type););if(e&&zc(e)&&jc(e,"if")){o.splice(m,1),m--;let e=i[i.length-1];for(;19===e.alternate.type;)e=e.alternate;e.alternate=S.exp?Nc(S.exp,cu(g,b),ru):cu(g,b)}}else if(x=jc(e,"for")){l=!0;const e=x.parseResult||tu(x.exp);e&&i.push(kc(t.helper(Jl),[e.source,Tc(ou(e),cu(g,b),!0)]))}else{if(y){if(f.has(y))continue;f.add(y),"default"===y&&(u=!0)}s.push(xc(g,b))}}if(!c){const e=(e,t)=>xc("default",n(e,t,r));a?p.length&&p.some((e=>uu(e)))&&(u||s.push(e(void 0,p))):s.push(e(void 0,o))}const d=l?2:au(e.children)?3:1;let h=Sc(s.concat(xc("_",Cc(d+"",!1))),r);return i.length&&(h=kc(t.helper(Ql),[h,_c(i)])),{slots:h,hasDynamicSlots:l}}function cu(e,t){return Sc([xc("name",e),xc("fn",t)])}function au(e){for(let t=0;t<e.length;t++){const n=e[t];switch(n.type){case 1:if(2===n.tagType||au(n.children))return!0;break;case 9:if(au(n.branches))return!0;break;case 10:case 11:if(au(n.children))return!0}}return!1}function uu(e){return 2!==e.type&&12!==e.type||(2===e.type?!!e.content.trim():uu(e.content))}const pu=new WeakMap,fu=(e,t)=>function(){if(1!==(e=t.currentNode).type||0!==e.tagType&&1!==e.tagType)return;const{tag:n,props:o}=e,r=1===e.tagType;let s=r?function(e,t,n=!1){let{tag:o}=e;const r=gu(o),s=Uc(e,"is");if(s)if(r){const e=6===s.type?s.value&&Cc(s.value.content,!0):s.exp;if(e)return kc(t.helper(zl),[e])}else 6===s.type&&s.value.content.startsWith("vue:")&&(o=s.value.content.slice(4));const i=!r&&jc(e,"is");if(i&&i.exp)return kc(t.helper(zl),[i.exp]);const l=Rc(o)||t.isBuiltInComponent(o);if(l)return n||t.helper(l),l;return t.helper(Wl),t.components.add(o),Xc(o,"component")}(e,t):`"${n}"`;let i,l,c,a,u,p,f=0,d=P(s)&&s.callee===zl||s===Al||s===Ml||!r&&("svg"===n||"foreignObject"===n||Uc(e,"key",!0));if(o.length>0){const n=du(e,t);i=n.props,f=n.patchFlag,u=n.dynamicPropNames;const o=n.directives;p=o&&o.length?_c(o.map((e=>function(e,t){const n=[],o=pu.get(e);o?n.push(t.helperString(o)):(t.helper(Kl),t.directives.add(e.name),n.push(Xc(e.name,"directive")));const{loc:r}=e;e.exp&&n.push(e.exp);e.arg&&(e.exp||n.push("void 0"),n.push(e.arg));if(Object.keys(e.modifiers).length){e.arg||(e.exp||n.push("void 0"),n.push("void 0"));const t=Cc("true",!1,r);n.push(Sc(e.modifiers.map((e=>xc(e,t))),r))}return _c(n,e.loc)}(e,t)))):void 0}if(e.children.length>0){s===Ol&&(d=!0,f|=1024);if(r&&s!==Al&&s!==Ol){const{slots:n,hasDynamicSlots:o}=lu(e,t);l=n,o&&(f|=1024)}else if(1===e.children.length&&s!==Al){const n=e.children[0],o=n.type,r=5===o||8===o;r&&0===$a(n,t)&&(f|=1),l=r||2===o?n:e.children}else l=e.children}0!==f&&(c=String(f),u&&u.length&&(a=function(e){let t="[";for(let n=0,o=e.length;n<o;n++)t+=JSON.stringify(e[n]),n<o-1&&(t+=", ");return t+"]"}(u))),e.codegenNode=bc(t,s,i,l,c,a,p,!!d,!1,r,e.loc)};function du(e,t,n=e.props,o=!1){const{tag:r,loc:s}=e,i=1===e.tagType;let l=[];const c=[],a=[];let u=0,p=!1,f=!1,d=!1,h=!1,m=!1,g=!1;const v=[],y=({key:e,value:n})=>{if(Ec(e)){const o=e.content,r=x(o);if(i||!r||"onclick"===o.toLowerCase()||"onUpdate:modelValue"===o||U(o)||(h=!0),r&&U(o)&&(g=!0),20===n.type||(4===n.type||8===n.type)&&$a(n,t)>0)return;"ref"===o?p=!0:"class"===o?f=!0:"style"===o?d=!0:"key"===o||v.includes(o)||v.push(o),!i||"class"!==o&&"style"!==o||v.includes(o)||v.push(o)}else m=!0};for(let _=0;_<n.length;_++){const i=n[_];if(6===i.type){const{loc:e,name:t,value:n}=i;let o=!0;if("ref"===t&&(p=!0),"is"===t&&(gu(r)||n&&n.content.startsWith("vue:")))continue;l.push(xc(Cc(t,!0,Vc(e,0,t.length)),Cc(n?n.content:"",o,n?n.loc:e)))}else{const{name:n,arg:u,exp:p,loc:f}=i,d="bind"===n,h="on"===n;if("slot"===n)continue;if("once"===n||"memo"===n)continue;if("is"===n||d&&Hc(u,"is")&&gu(r))continue;if(h&&o)continue;if(!u&&(d||h)){m=!0,p&&(l.length&&(c.push(Sc(hu(l),s)),l=[]),c.push(d?p:{type:14,loc:f,callee:t.helper(rc),arguments:[p]}));continue}const g=t.directiveTransforms[n];if(g){const{props:n,needRuntime:r}=g(i,e,t);!o&&n.forEach(y),l.push(...n),r&&(a.push(i),O(r)&&pu.set(i,r))}else a.push(i)}}let b;if(c.length?(l.length&&c.push(Sc(hu(l),s)),b=c.length>1?kc(t.helper(Yl),c,s):c[0]):l.length&&(b=Sc(hu(l),s)),m?u|=16:(f&&!i&&(u|=2),d&&!i&&(u|=4),v.length&&(u|=8),h&&(u|=32)),0!==u&&32!==u||!(p||g||a.length>0)||(u|=512),!t.inSSR&&b)switch(b.type){case 15:let e=-1,n=-1,o=!1;for(let t=0;t<b.properties.length;t++){const r=b.properties[t].key;Ec(r)?"class"===r.content?e=t:"style"===r.content&&(n=t):r.isHandlerKey||(o=!0)}const r=b.properties[e],s=b.properties[n];o?b=kc(t.helper(nc),[b]):(r&&!Ec(r.value)&&(r.value=kc(t.helper(ec),[r.value])),!s||Ec(s.value)||!d&&17!==s.value.type||(s.value=kc(t.helper(tc),[s.value])));break;case 14:break;default:b=kc(t.helper(nc),[kc(t.helper(oc),[b])])}return{props:b,directives:a,patchFlag:u,dynamicPropNames:v}}function hu(e){const t=new Map,n=[];for(let o=0;o<e.length;o++){const r=e[o];if(8===r.key.type||!r.key.isStatic){n.push(r);continue}const s=r.key.content,i=t.get(s);i?("style"===s||"class"===s||s.startsWith("on"))&&mu(i,r):(t.set(s,r),n.push(r))}return n}function mu(e,t){17===e.value.type?e.value.elements.push(t.value):e.value=_c([e.value,t.value],e.loc)}function gu(e){return e[0].toLowerCase()+e.slice(1)==="component"}const vu=(e,t)=>{if(Kc(e)){const{children:n,loc:o}=e,{slotName:r,slotProps:s}=function(e,t){let n,o='"default"';const r=[];for(let s=0;s<e.props.length;s++){const t=e.props[s];6===t.type?t.value&&("name"===t.name?o=JSON.stringify(t.value.content):(t.name=W(t.name),r.push(t))):"bind"===t.name&&Hc(t.arg,"name")?t.exp&&(o=t.exp):("bind"===t.name&&t.arg&&Ec(t.arg)&&(t.arg.content=W(t.arg.content)),r.push(t))}if(r.length>0){const{props:o,directives:s}=du(e,t,r);n=o}return{slotName:o,slotProps:n}}(e,t),i=[t.prefixIdentifiers?"_ctx.$slots":"$slots",r];s&&i.push(s),n.length&&(s||i.push("{}"),i.push(Tc([],n,!1,!1,o))),t.scopeId&&!t.slotted&&(s||i.push("{}"),n.length||i.push("undefined"),i.push("true")),e.codegenNode=kc(t.helper(Zl),i,o)}};const yu=/^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/,bu=(e,t,n,o)=>{const{loc:r,modifiers:s,arg:i}=e;let l;if(4===i.type)if(i.isStatic){l=Cc(q(W(i.content)),!0,i.loc)}else l=wc([`${n.helperString(lc)}(`,i,")"]);else l=i,l.children.unshift(`${n.helperString(lc)}(`),l.children.push(")");let c=e.exp;c&&!c.content.trim()&&(c=void 0);let a=n.cacheHandlers&&!c&&!n.inVOnce;if(c){const e=Ic(c.content),t=!(e||yu.test(c.content)),n=c.content.includes(";");(t||a&&e)&&(c=wc([`${t?"$event":"(...args)"} => ${n?"{":"("}`,c,n?"}":")"]))}let u={props:[xc(l,c||Cc("() => {}",!1,r))]};return o&&(u=o(u)),a&&(u.props[0].value=n.cache(u.props[0].value)),u.props.forEach((e=>e.key.isHandlerKey=!0)),u},_u=(e,t,n)=>{const{exp:o,modifiers:r,loc:s}=e,i=e.arg;return 4!==i.type?(i.children.unshift("("),i.children.push(') || ""')):i.isStatic||(i.content=`${i.content} || ""`),r.includes("camel")&&(4===i.type?i.content=i.isStatic?W(i.content):`${n.helperString(sc)}(${i.content})`:(i.children.unshift(`${n.helperString(sc)}(`),i.children.push(")"))),n.inSSR||(r.includes("prop")&&Su(i,"."),r.includes("attr")&&Su(i,"^")),!o||4===o.type&&!o.content.trim()?{props:[xc(i,Cc("",!0,s))]}:{props:[xc(i,o)]}},Su=(e,t)=>{4===e.type?e.content=e.isStatic?t+e.content:`\`${t}\${${e.content}}\``:(e.children.unshift(`'${t}' + (`),e.children.push(")"))},xu=(e,t)=>{if(0===e.type||1===e.type||11===e.type||10===e.type)return()=>{const n=e.children;let o,r=!1;for(let e=0;e<n.length;e++){const t=n[e];if(Dc(t)){r=!0;for(let r=e+1;r<n.length;r++){const s=n[r];if(!Dc(s)){o=void 0;break}o||(o=n[e]={type:8,loc:t.loc,children:[t]}),o.children.push(" + ",s),n.splice(r,1),r--}}}if(r&&(1!==n.length||0!==e.type&&(1!==e.type||0!==e.tagType||e.props.find((e=>7===e.type&&!t.directiveTransforms[e.name])))))for(let e=0;e<n.length;e++){const o=n[e];if(Dc(o)||8===o.type){const r=[];2===o.type&&" "===o.content||r.push(o),t.ssr||0!==$a(o,t)||r.push("1"),n[e]={type:12,content:o,loc:o.loc,codegenNode:kc(t.helper(Hl),r)}}}}},Cu=new WeakSet,wu=(e,t)=>{if(1===e.type&&jc(e,"once",!0)){if(Cu.has(e)||t.inVOnce)return;return Cu.add(e),t.inVOnce=!0,t.helper(cc),()=>{t.inVOnce=!1;const e=t.currentNode;e.codegenNode&&(e.codegenNode=t.cache(e.codegenNode,!0))}}},ku=(e,t,n)=>{const{exp:o,arg:r}=e;if(!o)return Tu();const s=o.loc.source,i=4===o.type?o.content:s;if(!i.trim()||!Ic(i))return Tu();const l=r||Cc("modelValue",!0),c=r?Ec(r)?`onUpdate:${r.content}`:wc(['"onUpdate:" + ',r]):"onUpdate:modelValue";let a;a=wc([`${n.isTS?"($event: any)":"$event"} => (`,o," = $event)"]);const u=[xc(l,e.exp),xc(c,a)];if(e.modifiers.length&&1===t.tagType){const t=e.modifiers.map((e=>(Ac(e)?e:JSON.stringify(e))+": true")).join(", "),n=r?Ec(r)?`${r.content}Modifiers`:wc([r,' + "Modifiers"']):"modelModifiers";u.push(xc(n,Cc(`{ ${t} }`,!1,e.loc,2)))}return Tu(u)};function Tu(e=[]){return{props:e}}const Nu=new WeakSet,Eu=(e,t)=>{if(1===e.type){const n=jc(e,"memo");if(!n||Nu.has(e))return;return Nu.add(e),()=>{const o=e.codegenNode||t.currentNode.codegenNode;o&&13===o.type&&(1!==e.tagType&&Yc(o,t),e.codegenNode=kc(t.helper(mc),[n.exp,Tc(void 0,o),"_cache",String(t.cached++)]))}}};function $u(e,t={}){const n=t.onError||El,o="module"===t.mode;!0===t.prefixIdentifiers?n(Rl(45)):o&&n(Rl(46));t.cacheHandlers&&n(Rl(47)),t.scopeId&&!o&&n(Rl(48));const r=M(e)?oa(e,t):e,[s,i]=[[wu,Ga,Eu,Qa,vu,fu,su,xu],{on:bu,bind:_u,model:ku}];return Ia(r,w({},t,{prefixIdentifiers:false,nodeTransforms:[...s,...t.nodeTransforms||[]],directiveTransforms:w({},i,t.directiveTransforms||{})})),La(r,w({},t,{prefixIdentifiers:false}))}const Ru=Symbol(""),Fu=Symbol(""),Au=Symbol(""),Mu=Symbol(""),Ou=Symbol(""),Pu=Symbol(""),Iu=Symbol(""),Vu=Symbol(""),Bu=Symbol(""),Lu=Symbol("");var ju;let Uu;ju={[Ru]:"vModelRadio",[Fu]:"vModelCheckbox",[Au]:"vModelText",[Mu]:"vModelSelect",[Ou]:"vModelDynamic",[Pu]:"withModifiers",[Iu]:"withKeys",[Vu]:"vShow",[Bu]:"Transition",[Lu]:"TransitionGroup"},Object.getOwnPropertySymbols(ju).forEach((e=>{vc[e]=ju[e]}));const Hu=e("style,iframe,script,noscript",!0),Du={isVoidTag:f,isNativeTag:e=>u(e)||p(e),isPreTag:e=>"pre"===e,decodeEntities:function(e,t=!1){return Uu||(Uu=document.createElement("div")),t?(Uu.innerHTML=`<div foo="${e.replace(/"/g,""")}">`,Uu.children[0].getAttribute("foo")):(Uu.innerHTML=e,Uu.textContent)},isBuiltInComponent:e=>$c(e,"Transition")?Bu:$c(e,"TransitionGroup")?Lu:void 0,getNamespace(e,t){let n=t?t.ns:0;if(t&&2===n)if("annotation-xml"===t.tag){if("svg"===e)return 1;t.props.some((e=>6===e.type&&"encoding"===e.name&&null!=e.value&&("text/html"===e.value.content||"application/xhtml+xml"===e.value.content)))&&(n=0)}else/^m(?:[ions]|text)$/.test(t.tag)&&"mglyph"!==e&&"malignmark"!==e&&(n=0);else t&&1===n&&("foreignObject"!==t.tag&&"desc"!==t.tag&&"title"!==t.tag||(n=0));if(0===n){if("svg"===e)return 1;if("math"===e)return 2}return n},getTextMode({tag:e,ns:t}){if(0===t){if("textarea"===e||"title"===e)return 1;if(Hu(e))return 2}return 0}},Wu=(e,t)=>{const n=l(e);return Cc(JSON.stringify(n),!1,t,3)};const zu=e("passive,once,capture"),Ku=e("stop,prevent,self,ctrl,shift,alt,meta,exact,middle"),Gu=e("left,right"),qu=e("onkeyup,onkeydown,onkeypress",!0),Ju=(e,t)=>Ec(e)&&"onclick"===e.content.toLowerCase()?Cc(t,!0):4!==e.type?wc(["(",e,`) === "onClick" ? "${t}" : (`,e,")"]):e,Zu=(e,t)=>{1!==e.type||0!==e.tagType||"script"!==e.tag&&"style"!==e.tag||t.removeNode()},Qu=[e=>{1===e.type&&e.props.forEach(((t,n)=>{6===t.type&&"style"===t.name&&t.value&&(e.props[n]={type:7,name:"bind",arg:Cc("style",!0,t.loc),exp:Wu(t.value.content,t.loc),modifiers:[],loc:t.loc})}))}],Xu={cloak:()=>({props:[]}),html:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[xc(Cc("innerHTML",!0,r),o||Cc("",!0))]}},text:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[xc(Cc("textContent",!0),o?kc(n.helperString(Xl),[o],r):Cc("",!0))]}},model:(e,t,n)=>{const o=ku(e,t,n);if(!o.props.length||1===t.tagType)return o;const{tag:r}=t,s=n.isCustomElement(r);if("input"===r||"textarea"===r||"select"===r||s){let e=Au,i=!1;if("input"===r||s){const n=Uc(t,"type");if(n){if(7===n.type)e=Ou;else if(n.value)switch(n.value.content){case"radio":e=Ru;break;case"checkbox":e=Fu;break;case"file":i=!0}}else(function(e){return e.props.some((e=>!(7!==e.type||"bind"!==e.name||e.arg&&4===e.arg.type&&e.arg.isStatic)))})(t)&&(e=Ou)}else"select"===r&&(e=Mu);i||(o.needRuntime=n.helper(e))}return o.props=o.props.filter((e=>!(4===e.key.type&&"modelValue"===e.key.content))),o},on:(e,t,n)=>bu(e,0,n,(t=>{const{modifiers:o}=e;if(!o.length)return t;let{key:r,value:s}=t.props[0];const{keyModifiers:i,nonKeyModifiers:l,eventOptionModifiers:c}=((e,t,n,o)=>{const r=[],s=[],i=[];for(let l=0;l<t.length;l++){const n=t[l];zu(n)?i.push(n):Gu(n)?Ec(e)?qu(e.content)?r.push(n):s.push(n):(r.push(n),s.push(n)):Ku(n)?s.push(n):r.push(n)}return{keyModifiers:r,nonKeyModifiers:s,eventOptionModifiers:i}})(r,o);if(l.includes("right")&&(r=Ju(r,"onContextmenu")),l.includes("middle")&&(r=Ju(r,"onMouseup")),l.length&&(s=kc(n.helper(Pu),[s,JSON.stringify(l)])),!i.length||Ec(r)&&!qu(r.content)||(s=kc(n.helper(Iu),[s,JSON.stringify(i)])),c.length){const e=c.map(G).join("");r=Ec(r)?Cc(`${r.content}${e}`,!0):wc(["(",r,`) + "${e}"`])}return{props:[xc(r,s)]}})),show:(e,t,n)=>({props:[],needRuntime:n.helper(Vu)})};const Yu=Object.create(null);function ep(e,t){if(!M(e)){if(!e.nodeType)return b;e=e.innerHTML}const n=e,o=Yu[n];if(o)return o;if("#"===e[0]){const t=document.querySelector(e);e=t?t.innerHTML:""}const{code:r}=function(e,t={}){return $u(e,w({},Du,t,{nodeTransforms:[Zu,...Qu,...t.nodeTransforms||[]],directiveTransforms:w({},Xu,t.directiveTransforms||{}),transformHoist:null}))}(e,w({hoistStatic:!0,onError:void 0,onWarn:b},t)),s=new Function("Vue",r)(Nl);return s._rc=!0,Yu[n]=s}Gr(ep);export{xn as BaseTransition,Yo as Comment,te as EffectScope,Qo as Fragment,On as KeepAlive,ge as ReactiveEffect,er as Static,fn as Suspense,Wo as Teleport,Xo as Text,$i as Transition,Gi as TransitionGroup,wi as VueElement,is as callWithAsyncErrorHandling,ss as callWithErrorHandling,W as camelize,G as capitalize,br as cloneVNode,oi as compatUtils,ep as compile,Kt as computed,wl as createApp,ar as createBlock,xr as createCommentVNode,cr as createElementBlock,gr as createElementVNode,Po as createHydrationRenderer,Oo as createRenderer,kl as createSSRApp,Er as createSlots,Sr as createStaticVNode,_r as createTextVNode,vr as createVNode,Ut as customRef,Fn as defineAsyncComponent,$n as defineComponent,Si as defineCustomElement,js as defineEmits,Us as defineExpose,Ls as defineProps,xi as defineSSRCustomElement,Gt as devtools,ye as effect,ne as effectScope,Lr as getCurrentInstance,re as getCurrentScope,En as getTransitionRawChildren,yr as guardReactiveProps,qs as h,ls as handleError,Cl as hydrate,Qs as initCustomFormatter,bn as inject,Ys as isMemoSame,kt as isProxy,Ct as isReactive,wt as isReadonly,Ft as isRef,qr as isRuntimeOnly,ur as isVNode,Nt as markRaw,Ks as mergeDefaults,Tr as mergeProps,Ss as nextTick,c as normalizeClass,a as normalizeProps,r as normalizeStyle,In as onActivated,Wn as onBeforeMount,qn as onBeforeUnmount,Kn as onBeforeUpdate,Vn as onDeactivated,Yn as onErrorCaptured,zn as onMounted,Xn as onRenderTracked,Qn as onRenderTriggered,se as onScopeDispose,Zn as onServerPrefetch,Jn as onUnmounted,Gn as onUpdated,or as openBlock,nn as popScopeId,yn as provide,Lt as proxyRefs,tn as pushScopeId,ks as queuePostFlushCb,yt as reactive,_t as readonly,At as ref,Gr as registerRuntimeCompiler,xl as render,Nr as renderList,$r as renderSlot,zo as resolveComponent,qo as resolveDirective,Go as resolveDynamicComponent,ni as resolveFilter,wn as resolveTransitionHooks,ir as setBlockTracking,qt as setDevtoolsHook,Nn as setTransitionHooks,bt as shallowReactive,St as shallowReadonly,Mt as shallowRef,Js as ssrContextKey,ti as ssrUtils,be as stop,m as toDisplayString,q as toHandlerKey,Fr as toHandlers,Tt as toRaw,Wt as toRef,Ht as toRefs,fr as transformVNodeArgs,It as triggerRef,Vt as unref,Ws as useAttrs,ki as useCssModule,Ti as useCssVars,Zs as useSSRContext,Ds as useSlots,_n as useTransitionState,tl as vModelCheckbox,cl as vModelDynamic,ol as vModelRadio,rl as vModelSelect,el as vModelText,ml as vShow,ei as version,ns as warn,Os as watch,Rs as watchEffect,Fs as watchPostEffect,As as watchSyncEffect,Gs as withAsyncContext,rn as withCtx,Hs as withDefaults,wo as withDirectives,hl as withKeys,Xs as withMemo,fl as withModifiers,on as withScopeId}; diff --git a/node_modules/vue/dist/vue.esm-bundler.js b/node_modules/vue/dist/vue.esm-bundler.js new file mode 100644 index 0000000000..abc7ea5d5b --- /dev/null +++ b/node_modules/vue/dist/vue.esm-bundler.js @@ -0,0 +1,67 @@ +import * as runtimeDom from '@vue/runtime-dom'; +import { initCustomFormatter, warn, registerRuntimeCompiler } from '@vue/runtime-dom'; +export * from '@vue/runtime-dom'; +import { compile } from '@vue/compiler-dom'; +import { isString, NOOP, extend, generateCodeFrame } from '@vue/shared'; + +function initDev() { + { + initCustomFormatter(); + } +} + +// This entry is the "full-build" that includes both the runtime +if ((process.env.NODE_ENV !== 'production')) { + initDev(); +} +const compileCache = Object.create(null); +function compileToFunction(template, options) { + if (!isString(template)) { + if (template.nodeType) { + template = template.innerHTML; + } + else { + (process.env.NODE_ENV !== 'production') && warn(`invalid template option: `, template); + return NOOP; + } + } + const key = template; + const cached = compileCache[key]; + if (cached) { + return cached; + } + if (template[0] === '#') { + const el = document.querySelector(template); + if ((process.env.NODE_ENV !== 'production') && !el) { + warn(`Template element not found or is empty: ${template}`); + } + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's rendered + // by the server, the template should not contain any user data. + template = el ? el.innerHTML : ``; + } + const { code } = compile(template, extend({ + hoistStatic: true, + onError: (process.env.NODE_ENV !== 'production') ? onError : undefined, + onWarn: (process.env.NODE_ENV !== 'production') ? e => onError(e, true) : NOOP + }, options)); + function onError(err, asWarning = false) { + const message = asWarning + ? err.message + : `Template compilation error: ${err.message}`; + const codeFrame = err.loc && + generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset); + warn(codeFrame ? `${message}\n${codeFrame}` : message); + } + // The wildcard import results in a huge object with every export + // with keys that cannot be mangled, and can be quite heavy size-wise. + // In the global build we know `Vue` is available globally so we can avoid + // the wildcard object. + const render = (new Function('Vue', code)(runtimeDom)); + render._rc = true; + return (compileCache[key] = render); +} +registerRuntimeCompiler(compileToFunction); + +export { compileToFunction as compile }; diff --git a/node_modules/vue/dist/vue.global.js b/node_modules/vue/dist/vue.global.js new file mode 100644 index 0000000000..b18d965a99 --- /dev/null +++ b/node_modules/vue/dist/vue.global.js @@ -0,0 +1,15865 @@ +var Vue = (function (exports) { + 'use strict'; + + /** + * Make a map and return a function for checking if a key + * is in that map. + * IMPORTANT: all calls of this function must be prefixed with + * \/\*#\_\_PURE\_\_\*\/ + * So that rollup can tree-shake them if necessary. + */ + function makeMap(str, expectsLowerCase) { + const map = Object.create(null); + const list = str.split(','); + for (let i = 0; i < list.length; i++) { + map[list[i]] = true; + } + return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val]; + } + + /** + * dev only flag -> name mapping + */ + const PatchFlagNames = { + [1 /* TEXT */]: `TEXT`, + [2 /* CLASS */]: `CLASS`, + [4 /* STYLE */]: `STYLE`, + [8 /* PROPS */]: `PROPS`, + [16 /* FULL_PROPS */]: `FULL_PROPS`, + [32 /* HYDRATE_EVENTS */]: `HYDRATE_EVENTS`, + [64 /* STABLE_FRAGMENT */]: `STABLE_FRAGMENT`, + [128 /* KEYED_FRAGMENT */]: `KEYED_FRAGMENT`, + [256 /* UNKEYED_FRAGMENT */]: `UNKEYED_FRAGMENT`, + [512 /* NEED_PATCH */]: `NEED_PATCH`, + [1024 /* DYNAMIC_SLOTS */]: `DYNAMIC_SLOTS`, + [2048 /* DEV_ROOT_FRAGMENT */]: `DEV_ROOT_FRAGMENT`, + [-1 /* HOISTED */]: `HOISTED`, + [-2 /* BAIL */]: `BAIL` + }; + + /** + * Dev only + */ + const slotFlagsText = { + [1 /* STABLE */]: 'STABLE', + [2 /* DYNAMIC */]: 'DYNAMIC', + [3 /* FORWARDED */]: 'FORWARDED' + }; + + const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,' + + 'decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,' + + 'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt'; + const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED); + + const range = 2; + function generateCodeFrame(source, start = 0, end = source.length) { + // Split the content into individual lines but capture the newline sequence + // that separated each line. This is important because the actual sequence is + // needed to properly take into account the full line length for offset + // comparison + let lines = source.split(/(\r?\n)/); + // Separate the lines and newline sequences into separate arrays for easier referencing + const newlineSequences = lines.filter((_, idx) => idx % 2 === 1); + lines = lines.filter((_, idx) => idx % 2 === 0); + let count = 0; + const res = []; + for (let i = 0; i < lines.length; i++) { + count += + lines[i].length + + ((newlineSequences[i] && newlineSequences[i].length) || 0); + if (count >= start) { + for (let j = i - range; j <= i + range || end > count; j++) { + if (j < 0 || j >= lines.length) + continue; + const line = j + 1; + res.push(`${line}${' '.repeat(Math.max(3 - String(line).length, 0))}| ${lines[j]}`); + const lineLength = lines[j].length; + const newLineSeqLength = (newlineSequences[j] && newlineSequences[j].length) || 0; + if (j === i) { + // push underline + const pad = start - (count - (lineLength + newLineSeqLength)); + const length = Math.max(1, end > count ? lineLength - pad : end - start); + res.push(` | ` + ' '.repeat(pad) + '^'.repeat(length)); + } + else if (j > i) { + if (end > count) { + const length = Math.max(Math.min(end - count, lineLength), 1); + res.push(` | ` + '^'.repeat(length)); + } + count += lineLength + newLineSeqLength; + } + } + break; + } + } + return res.join('\n'); + } + + /** + * On the client we only need to offer special cases for boolean attributes that + * have different names from their corresponding dom properties: + * - itemscope -> N/A + * - allowfullscreen -> allowFullscreen + * - formnovalidate -> formNoValidate + * - ismap -> isMap + * - nomodule -> noModule + * - novalidate -> noValidate + * - readonly -> readOnly + */ + const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; + const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs); + /** + * Boolean attributes should be included if the value is truthy or ''. + * e.g. <select multiple> compiles to { multiple: '' } + */ + function includeBooleanAttr(value) { + return !!value || value === ''; + } + + function normalizeStyle(value) { + if (isArray(value)) { + const res = {}; + for (let i = 0; i < value.length; i++) { + const item = value[i]; + const normalized = isString(item) + ? parseStringStyle(item) + : normalizeStyle(item); + if (normalized) { + for (const key in normalized) { + res[key] = normalized[key]; + } + } + } + return res; + } + else if (isString(value)) { + return value; + } + else if (isObject(value)) { + return value; + } + } + const listDelimiterRE = /;(?![^(]*\))/g; + const propertyDelimiterRE = /:(.+)/; + function parseStringStyle(cssText) { + const ret = {}; + cssText.split(listDelimiterRE).forEach(item => { + if (item) { + const tmp = item.split(propertyDelimiterRE); + tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); + } + }); + return ret; + } + function normalizeClass(value) { + let res = ''; + if (isString(value)) { + res = value; + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + const normalized = normalizeClass(value[i]); + if (normalized) { + res += normalized + ' '; + } + } + } + else if (isObject(value)) { + for (const name in value) { + if (value[name]) { + res += name + ' '; + } + } + } + return res.trim(); + } + function normalizeProps(props) { + if (!props) + return null; + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (style) { + props.style = normalizeStyle(style); + } + return props; + } + + // These tag configs are shared between compiler-dom and runtime-dom, so they + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element + const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' + + 'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + + 'option,output,progress,select,textarea,details,dialog,menu,' + + 'summary,template,blockquote,iframe,tfoot'; + // https://developer.mozilla.org/en-US/docs/Web/SVG/Element + const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + + 'text,textPath,title,tspan,unknown,use,view'; + const VOID_TAGS = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr'; + const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS); + const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS); + const isVoidTag = /*#__PURE__*/ makeMap(VOID_TAGS); + + function looseCompareArrays(a, b) { + if (a.length !== b.length) + return false; + let equal = true; + for (let i = 0; equal && i < a.length; i++) { + equal = looseEqual(a[i], b[i]); + } + return equal; + } + function looseEqual(a, b) { + if (a === b) + return true; + let aValidType = isDate(a); + let bValidType = isDate(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? a.getTime() === b.getTime() : false; + } + aValidType = isArray(a); + bValidType = isArray(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? looseCompareArrays(a, b) : false; + } + aValidType = isObject(a); + bValidType = isObject(b); + if (aValidType || bValidType) { + /* istanbul ignore if: this if will probably never be called */ + if (!aValidType || !bValidType) { + return false; + } + const aKeysCount = Object.keys(a).length; + const bKeysCount = Object.keys(b).length; + if (aKeysCount !== bKeysCount) { + return false; + } + for (const key in a) { + const aHasKey = a.hasOwnProperty(key); + const bHasKey = b.hasOwnProperty(key); + if ((aHasKey && !bHasKey) || + (!aHasKey && bHasKey) || + !looseEqual(a[key], b[key])) { + return false; + } + } + } + return String(a) === String(b); + } + function looseIndexOf(arr, val) { + return arr.findIndex(item => looseEqual(item, val)); + } + + /** + * For converting {{ interpolation }} values to displayed strings. + * @private + */ + const toDisplayString = (val) => { + return val == null + ? '' + : isArray(val) || + (isObject(val) && + (val.toString === objectToString || !isFunction(val.toString))) + ? JSON.stringify(val, replacer, 2) + : String(val); + }; + const replacer = (_key, val) => { + // can't use isRef here since @vue/shared has no deps + if (val && val.__v_isRef) { + return replacer(_key, val.value); + } + else if (isMap(val)) { + return { + [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => { + entries[`${key} =>`] = val; + return entries; + }, {}) + }; + } + else if (isSet(val)) { + return { + [`Set(${val.size})`]: [...val.values()] + }; + } + else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { + return String(val); + } + return val; + }; + + const EMPTY_OBJ = Object.freeze({}) + ; + const EMPTY_ARR = Object.freeze([]) ; + const NOOP = () => { }; + /** + * Always return false. + */ + const NO = () => false; + const onRE = /^on[^a-z]/; + const isOn = (key) => onRE.test(key); + const isModelListener = (key) => key.startsWith('onUpdate:'); + const extend = Object.assign; + const remove = (arr, el) => { + const i = arr.indexOf(el); + if (i > -1) { + arr.splice(i, 1); + } + }; + const hasOwnProperty = Object.prototype.hasOwnProperty; + const hasOwn = (val, key) => hasOwnProperty.call(val, key); + const isArray = Array.isArray; + const isMap = (val) => toTypeString(val) === '[object Map]'; + const isSet = (val) => toTypeString(val) === '[object Set]'; + const isDate = (val) => val instanceof Date; + const isFunction = (val) => typeof val === 'function'; + const isString = (val) => typeof val === 'string'; + const isSymbol = (val) => typeof val === 'symbol'; + const isObject = (val) => val !== null && typeof val === 'object'; + const isPromise = (val) => { + return isObject(val) && isFunction(val.then) && isFunction(val.catch); + }; + const objectToString = Object.prototype.toString; + const toTypeString = (value) => objectToString.call(value); + const toRawType = (value) => { + // extract "RawType" from strings like "[object RawType]" + return toTypeString(value).slice(8, -1); + }; + const isPlainObject = (val) => toTypeString(val) === '[object Object]'; + const isIntegerKey = (key) => isString(key) && + key !== 'NaN' && + key[0] !== '-' && + '' + parseInt(key, 10) === key; + const isReservedProp = /*#__PURE__*/ makeMap( + // the leading comma is intentional so empty string "" is also included + ',key,ref,' + + 'onVnodeBeforeMount,onVnodeMounted,' + + 'onVnodeBeforeUpdate,onVnodeUpdated,' + + 'onVnodeBeforeUnmount,onVnodeUnmounted'); + const cacheStringFunction = (fn) => { + const cache = Object.create(null); + return ((str) => { + const hit = cache[str]; + return hit || (cache[str] = fn(str)); + }); + }; + const camelizeRE = /-(\w)/g; + /** + * @private + */ + const camelize = cacheStringFunction((str) => { + return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : '')); + }); + const hyphenateRE = /\B([A-Z])/g; + /** + * @private + */ + const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').toLowerCase()); + /** + * @private + */ + const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1)); + /** + * @private + */ + const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``); + // compare whether a value has changed, accounting for NaN. + const hasChanged = (value, oldValue) => !Object.is(value, oldValue); + const invokeArrayFns = (fns, arg) => { + for (let i = 0; i < fns.length; i++) { + fns[i](arg); + } + }; + const def = (obj, key, value) => { + Object.defineProperty(obj, key, { + configurable: true, + enumerable: false, + value + }); + }; + const toNumber = (val) => { + const n = parseFloat(val); + return isNaN(n) ? val : n; + }; + let _globalThis; + const getGlobalThis = () => { + return (_globalThis || + (_globalThis = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {})); + }; + + function warn(msg, ...args) { + console.warn(`[Vue warn] ${msg}`, ...args); + } + + let activeEffectScope; + const effectScopeStack = []; + class EffectScope { + constructor(detached = false) { + this.active = true; + this.effects = []; + this.cleanups = []; + if (!detached && activeEffectScope) { + this.parent = activeEffectScope; + this.index = + (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1; + } + } + run(fn) { + if (this.active) { + try { + this.on(); + return fn(); + } + finally { + this.off(); + } + } + else { + warn(`cannot run an inactive effect scope.`); + } + } + on() { + if (this.active) { + effectScopeStack.push(this); + activeEffectScope = this; + } + } + off() { + if (this.active) { + effectScopeStack.pop(); + activeEffectScope = effectScopeStack[effectScopeStack.length - 1]; + } + } + stop(fromParent) { + if (this.active) { + this.effects.forEach(e => e.stop()); + this.cleanups.forEach(cleanup => cleanup()); + if (this.scopes) { + this.scopes.forEach(e => e.stop(true)); + } + // nested scope, dereference from parent to avoid memory leaks + if (this.parent && !fromParent) { + // optimized O(1) removal + const last = this.parent.scopes.pop(); + if (last && last !== this) { + this.parent.scopes[this.index] = last; + last.index = this.index; + } + } + this.active = false; + } + } + } + function effectScope(detached) { + return new EffectScope(detached); + } + function recordEffectScope(effect, scope) { + scope = scope || activeEffectScope; + if (scope && scope.active) { + scope.effects.push(effect); + } + } + function getCurrentScope() { + return activeEffectScope; + } + function onScopeDispose(fn) { + if (activeEffectScope) { + activeEffectScope.cleanups.push(fn); + } + else { + warn(`onScopeDispose() is called when there is no active effect scope` + + ` to be associated with.`); + } + } + + const createDep = (effects) => { + const dep = new Set(effects); + dep.w = 0; + dep.n = 0; + return dep; + }; + const wasTracked = (dep) => (dep.w & trackOpBit) > 0; + const newTracked = (dep) => (dep.n & trackOpBit) > 0; + const initDepMarkers = ({ deps }) => { + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].w |= trackOpBit; // set was tracked + } + } + }; + const finalizeDepMarkers = (effect) => { + const { deps } = effect; + if (deps.length) { + let ptr = 0; + for (let i = 0; i < deps.length; i++) { + const dep = deps[i]; + if (wasTracked(dep) && !newTracked(dep)) { + dep.delete(effect); + } + else { + deps[ptr++] = dep; + } + // clear bits + dep.w &= ~trackOpBit; + dep.n &= ~trackOpBit; + } + deps.length = ptr; + } + }; + + const targetMap = new WeakMap(); + // The number of effects currently being tracked recursively. + let effectTrackDepth = 0; + let trackOpBit = 1; + /** + * The bitwise track markers support at most 30 levels op recursion. + * This value is chosen to enable modern JS engines to use a SMI on all platforms. + * When recursion depth is greater, fall back to using a full cleanup. + */ + const maxMarkerBits = 30; + const effectStack = []; + let activeEffect; + const ITERATE_KEY = Symbol('iterate' ); + const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' ); + class ReactiveEffect { + constructor(fn, scheduler = null, scope) { + this.fn = fn; + this.scheduler = scheduler; + this.active = true; + this.deps = []; + recordEffectScope(this, scope); + } + run() { + if (!this.active) { + return this.fn(); + } + if (!effectStack.includes(this)) { + try { + effectStack.push((activeEffect = this)); + enableTracking(); + trackOpBit = 1 << ++effectTrackDepth; + if (effectTrackDepth <= maxMarkerBits) { + initDepMarkers(this); + } + else { + cleanupEffect(this); + } + return this.fn(); + } + finally { + if (effectTrackDepth <= maxMarkerBits) { + finalizeDepMarkers(this); + } + trackOpBit = 1 << --effectTrackDepth; + resetTracking(); + effectStack.pop(); + const n = effectStack.length; + activeEffect = n > 0 ? effectStack[n - 1] : undefined; + } + } + } + stop() { + if (this.active) { + cleanupEffect(this); + if (this.onStop) { + this.onStop(); + } + this.active = false; + } + } + } + function cleanupEffect(effect) { + const { deps } = effect; + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].delete(effect); + } + deps.length = 0; + } + } + function effect(fn, options) { + if (fn.effect) { + fn = fn.effect.fn; + } + const _effect = new ReactiveEffect(fn); + if (options) { + extend(_effect, options); + if (options.scope) + recordEffectScope(_effect, options.scope); + } + if (!options || !options.lazy) { + _effect.run(); + } + const runner = _effect.run.bind(_effect); + runner.effect = _effect; + return runner; + } + function stop(runner) { + runner.effect.stop(); + } + let shouldTrack = true; + const trackStack = []; + function pauseTracking() { + trackStack.push(shouldTrack); + shouldTrack = false; + } + function enableTracking() { + trackStack.push(shouldTrack); + shouldTrack = true; + } + function resetTracking() { + const last = trackStack.pop(); + shouldTrack = last === undefined ? true : last; + } + function track(target, type, key) { + if (!isTracking()) { + return; + } + let depsMap = targetMap.get(target); + if (!depsMap) { + targetMap.set(target, (depsMap = new Map())); + } + let dep = depsMap.get(key); + if (!dep) { + depsMap.set(key, (dep = createDep())); + } + const eventInfo = { effect: activeEffect, target, type, key } + ; + trackEffects(dep, eventInfo); + } + function isTracking() { + return shouldTrack && activeEffect !== undefined; + } + function trackEffects(dep, debuggerEventExtraInfo) { + let shouldTrack = false; + if (effectTrackDepth <= maxMarkerBits) { + if (!newTracked(dep)) { + dep.n |= trackOpBit; // set newly tracked + shouldTrack = !wasTracked(dep); + } + } + else { + // Full cleanup mode. + shouldTrack = !dep.has(activeEffect); + } + if (shouldTrack) { + dep.add(activeEffect); + activeEffect.deps.push(dep); + if (activeEffect.onTrack) { + activeEffect.onTrack(Object.assign({ + effect: activeEffect + }, debuggerEventExtraInfo)); + } + } + } + function trigger(target, type, key, newValue, oldValue, oldTarget) { + const depsMap = targetMap.get(target); + if (!depsMap) { + // never been tracked + return; + } + let deps = []; + if (type === "clear" /* CLEAR */) { + // collection being cleared + // trigger all effects for target + deps = [...depsMap.values()]; + } + else if (key === 'length' && isArray(target)) { + depsMap.forEach((dep, key) => { + if (key === 'length' || key >= newValue) { + deps.push(dep); + } + }); + } + else { + // schedule runs for SET | ADD | DELETE + if (key !== void 0) { + deps.push(depsMap.get(key)); + } + // also run for iteration key on ADD | DELETE | Map.SET + switch (type) { + case "add" /* ADD */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + else if (isIntegerKey(key)) { + // new index added to array -> length changes + deps.push(depsMap.get('length')); + } + break; + case "delete" /* DELETE */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + break; + case "set" /* SET */: + if (isMap(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + } + break; + } + } + const eventInfo = { target, type, key, newValue, oldValue, oldTarget } + ; + if (deps.length === 1) { + if (deps[0]) { + { + triggerEffects(deps[0], eventInfo); + } + } + } + else { + const effects = []; + for (const dep of deps) { + if (dep) { + effects.push(...dep); + } + } + { + triggerEffects(createDep(effects), eventInfo); + } + } + } + function triggerEffects(dep, debuggerEventExtraInfo) { + // spread into array for stabilization + for (const effect of isArray(dep) ? dep : [...dep]) { + if (effect !== activeEffect || effect.allowRecurse) { + if (effect.onTrigger) { + effect.onTrigger(extend({ effect }, debuggerEventExtraInfo)); + } + if (effect.scheduler) { + effect.scheduler(); + } + else { + effect.run(); + } + } + } + } + + const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`); + const builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol) + .map(key => Symbol[key]) + .filter(isSymbol)); + const get = /*#__PURE__*/ createGetter(); + const shallowGet = /*#__PURE__*/ createGetter(false, true); + const readonlyGet = /*#__PURE__*/ createGetter(true); + const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true); + const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations(); + function createArrayInstrumentations() { + const instrumentations = {}; + ['includes', 'indexOf', 'lastIndexOf'].forEach(key => { + instrumentations[key] = function (...args) { + const arr = toRaw(this); + for (let i = 0, l = this.length; i < l; i++) { + track(arr, "get" /* GET */, i + ''); + } + // we run the method using the original args first (which may be reactive) + const res = arr[key](...args); + if (res === -1 || res === false) { + // if that didn't work, run it again using raw values. + return arr[key](...args.map(toRaw)); + } + else { + return res; + } + }; + }); + ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => { + instrumentations[key] = function (...args) { + pauseTracking(); + const res = toRaw(this)[key].apply(this, args); + resetTracking(); + return res; + }; + }); + return instrumentations; + } + function createGetter(isReadonly = false, shallow = false) { + return function get(target, key, receiver) { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */ && + receiver === + (isReadonly + ? shallow + ? shallowReadonlyMap + : readonlyMap + : shallow + ? shallowReactiveMap + : reactiveMap).get(target)) { + return target; + } + const targetIsArray = isArray(target); + if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) { + return Reflect.get(arrayInstrumentations, key, receiver); + } + const res = Reflect.get(target, key, receiver); + if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { + return res; + } + if (!isReadonly) { + track(target, "get" /* GET */, key); + } + if (shallow) { + return res; + } + if (isRef(res)) { + // ref unwrapping - does not apply for Array + integer key. + const shouldUnwrap = !targetIsArray || !isIntegerKey(key); + return shouldUnwrap ? res.value : res; + } + if (isObject(res)) { + // Convert returned value into a proxy as well. we do the isObject check + // here to avoid invalid value warning. Also need to lazy access readonly + // and reactive here to avoid circular dependency. + return isReadonly ? readonly(res) : reactive(res); + } + return res; + }; + } + const set = /*#__PURE__*/ createSetter(); + const shallowSet = /*#__PURE__*/ createSetter(true); + function createSetter(shallow = false) { + return function set(target, key, value, receiver) { + let oldValue = target[key]; + if (!shallow) { + value = toRaw(value); + oldValue = toRaw(oldValue); + if (!isArray(target) && isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + } + const hadKey = isArray(target) && isIntegerKey(key) + ? Number(key) < target.length + : hasOwn(target, key); + const result = Reflect.set(target, key, value, receiver); + // don't trigger if target is something up in the prototype chain of original + if (target === toRaw(receiver)) { + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + } + return result; + }; + } + function deleteProperty(target, key) { + const hadKey = hasOwn(target, key); + const oldValue = target[key]; + const result = Reflect.deleteProperty(target, key); + if (result && hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; + } + function has(target, key) { + const result = Reflect.has(target, key); + if (!isSymbol(key) || !builtInSymbols.has(key)) { + track(target, "has" /* HAS */, key); + } + return result; + } + function ownKeys(target) { + track(target, "iterate" /* ITERATE */, isArray(target) ? 'length' : ITERATE_KEY); + return Reflect.ownKeys(target); + } + const mutableHandlers = { + get, + set, + deleteProperty, + has, + ownKeys + }; + const readonlyHandlers = { + get: readonlyGet, + set(target, key) { + { + console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + }, + deleteProperty(target, key) { + { + console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + } + }; + const shallowReactiveHandlers = /*#__PURE__*/ extend({}, mutableHandlers, { + get: shallowGet, + set: shallowSet + }); + // Props handlers are special in the sense that it should not unwrap top-level + // refs (in order to allow refs to be explicitly passed down), but should + // retain the reactivity of the normal readonly object. + const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, { + get: shallowReadonlyGet + }); + + const toReactive = (value) => isObject(value) ? reactive(value) : value; + const toReadonly = (value) => isObject(value) ? readonly(value) : value; + const toShallow = (value) => value; + const getProto = (v) => Reflect.getPrototypeOf(v); + function get$1(target, key, isReadonly = false, isShallow = false) { + // #1772: readonly(reactive(Map)) should return readonly + reactive version + // of the value + target = target["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "get" /* GET */, key); + } + !isReadonly && track(rawTarget, "get" /* GET */, rawKey); + const { has } = getProto(rawTarget); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + if (has.call(rawTarget, key)) { + return wrap(target.get(key)); + } + else if (has.call(rawTarget, rawKey)) { + return wrap(target.get(rawKey)); + } + else if (target !== rawTarget) { + // #3602 readonly(reactive(Map)) + // ensure that the nested reactive `Map` can do tracking for itself + target.get(key); + } + } + function has$1(key, isReadonly = false) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "has" /* HAS */, key); + } + !isReadonly && track(rawTarget, "has" /* HAS */, rawKey); + return key === rawKey + ? target.has(key) + : target.has(key) || target.has(rawKey); + } + function size(target, isReadonly = false) { + target = target["__v_raw" /* RAW */]; + !isReadonly && track(toRaw(target), "iterate" /* ITERATE */, ITERATE_KEY); + return Reflect.get(target, 'size', target); + } + function add(value) { + value = toRaw(value); + const target = toRaw(this); + const proto = getProto(target); + const hadKey = proto.has.call(target, value); + if (!hadKey) { + target.add(value); + trigger(target, "add" /* ADD */, value, value); + } + return this; + } + function set$1(key, value) { + value = toRaw(value); + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get.call(target, key); + target.set(key, value); + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + return this; + } + function deleteEntry(key) { + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get ? get.call(target, key) : undefined; + // forward the operation before queueing reactions + const result = target.delete(key); + if (hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; + } + function clear() { + const target = toRaw(this); + const hadItems = target.size !== 0; + const oldTarget = isMap(target) + ? new Map(target) + : new Set(target) + ; + // forward the operation before queueing reactions + const result = target.clear(); + if (hadItems) { + trigger(target, "clear" /* CLEAR */, undefined, undefined, oldTarget); + } + return result; + } + function createForEach(isReadonly, isShallow) { + return function forEach(callback, thisArg) { + const observed = this; + const target = observed["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && track(rawTarget, "iterate" /* ITERATE */, ITERATE_KEY); + return target.forEach((value, key) => { + // important: make sure the callback is + // 1. invoked with the reactive map as `this` and 3rd arg + // 2. the value received should be a corresponding reactive/readonly. + return callback.call(thisArg, wrap(value), wrap(key), observed); + }); + }; + } + function createIterableMethod(method, isReadonly, isShallow) { + return function (...args) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const targetIsMap = isMap(rawTarget); + const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap); + const isKeyOnly = method === 'keys' && targetIsMap; + const innerIterator = target[method](...args); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && + track(rawTarget, "iterate" /* ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY); + // return a wrapped iterator which returns observed versions of the + // values emitted from the real iterator + return { + // iterator protocol + next() { + const { value, done } = innerIterator.next(); + return done + ? { value, done } + : { + value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), + done + }; + }, + // iterable protocol + [Symbol.iterator]() { + return this; + } + }; + }; + } + function createReadonlyMethod(type) { + return function (...args) { + { + const key = args[0] ? `on key "${args[0]}" ` : ``; + console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this)); + } + return type === "delete" /* DELETE */ ? false : this; + }; + } + function createInstrumentations() { + const mutableInstrumentations = { + get(key) { + return get$1(this, key); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, false) + }; + const shallowInstrumentations = { + get(key) { + return get$1(this, key, false, true); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, true) + }; + const readonlyInstrumentations = { + get(key) { + return get$1(this, key, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, false) + }; + const shallowReadonlyInstrumentations = { + get(key) { + return get$1(this, key, true, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, true) + }; + const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator]; + iteratorMethods.forEach(method => { + mutableInstrumentations[method] = createIterableMethod(method, false, false); + readonlyInstrumentations[method] = createIterableMethod(method, true, false); + shallowInstrumentations[method] = createIterableMethod(method, false, true); + shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true); + }); + return [ + mutableInstrumentations, + readonlyInstrumentations, + shallowInstrumentations, + shallowReadonlyInstrumentations + ]; + } + const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations(); + function createInstrumentationGetter(isReadonly, shallow) { + const instrumentations = shallow + ? isReadonly + ? shallowReadonlyInstrumentations + : shallowInstrumentations + : isReadonly + ? readonlyInstrumentations + : mutableInstrumentations; + return (target, key, receiver) => { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */) { + return target; + } + return Reflect.get(hasOwn(instrumentations, key) && key in target + ? instrumentations + : target, key, receiver); + }; + } + const mutableCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, false) + }; + const shallowCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, true) + }; + const readonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, false) + }; + const shallowReadonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, true) + }; + function checkIdentityKeys(target, has, key) { + const rawKey = toRaw(key); + if (rawKey !== key && has.call(target, rawKey)) { + const type = toRawType(target); + console.warn(`Reactive ${type} contains both the raw and reactive ` + + `versions of the same object${type === `Map` ? ` as keys` : ``}, ` + + `which can lead to inconsistencies. ` + + `Avoid differentiating between the raw and reactive versions ` + + `of an object and only use the reactive version if possible.`); + } + } + + const reactiveMap = new WeakMap(); + const shallowReactiveMap = new WeakMap(); + const readonlyMap = new WeakMap(); + const shallowReadonlyMap = new WeakMap(); + function targetTypeMap(rawType) { + switch (rawType) { + case 'Object': + case 'Array': + return 1 /* COMMON */; + case 'Map': + case 'Set': + case 'WeakMap': + case 'WeakSet': + return 2 /* COLLECTION */; + default: + return 0 /* INVALID */; + } + } + function getTargetType(value) { + return value["__v_skip" /* SKIP */] || !Object.isExtensible(value) + ? 0 /* INVALID */ + : targetTypeMap(toRawType(value)); + } + function reactive(target) { + // if trying to observe a readonly proxy, return the readonly version. + if (target && target["__v_isReadonly" /* IS_READONLY */]) { + return target; + } + return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap); + } + /** + * Return a shallowly-reactive copy of the original object, where only the root + * level properties are reactive. It also does not auto-unwrap refs (even at the + * root level). + */ + function shallowReactive(target) { + return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap); + } + /** + * Creates a readonly copy of the original object. Note the returned copy is not + * made reactive, but `readonly` can be called on an already reactive object. + */ + function readonly(target) { + return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap); + } + /** + * Returns a reactive-copy of the original object, where only the root level + * properties are readonly, and does NOT unwrap refs nor recursively convert + * returned properties. + * This is used for creating the props proxy object for stateful components. + */ + function shallowReadonly(target) { + return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap); + } + function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) { + if (!isObject(target)) { + { + console.warn(`value cannot be made reactive: ${String(target)}`); + } + return target; + } + // target is already a Proxy, return it. + // exception: calling readonly() on a reactive object + if (target["__v_raw" /* RAW */] && + !(isReadonly && target["__v_isReactive" /* IS_REACTIVE */])) { + return target; + } + // target already has corresponding Proxy + const existingProxy = proxyMap.get(target); + if (existingProxy) { + return existingProxy; + } + // only a whitelist of value types can be observed. + const targetType = getTargetType(target); + if (targetType === 0 /* INVALID */) { + return target; + } + const proxy = new Proxy(target, targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers); + proxyMap.set(target, proxy); + return proxy; + } + function isReactive(value) { + if (isReadonly(value)) { + return isReactive(value["__v_raw" /* RAW */]); + } + return !!(value && value["__v_isReactive" /* IS_REACTIVE */]); + } + function isReadonly(value) { + return !!(value && value["__v_isReadonly" /* IS_READONLY */]); + } + function isProxy(value) { + return isReactive(value) || isReadonly(value); + } + function toRaw(observed) { + const raw = observed && observed["__v_raw" /* RAW */]; + return raw ? toRaw(raw) : observed; + } + function markRaw(value) { + def(value, "__v_skip" /* SKIP */, true); + return value; + } + + function trackRefValue(ref) { + if (isTracking()) { + ref = toRaw(ref); + if (!ref.dep) { + ref.dep = createDep(); + } + { + trackEffects(ref.dep, { + target: ref, + type: "get" /* GET */, + key: 'value' + }); + } + } + } + function triggerRefValue(ref, newVal) { + ref = toRaw(ref); + if (ref.dep) { + { + triggerEffects(ref.dep, { + target: ref, + type: "set" /* SET */, + key: 'value', + newValue: newVal + }); + } + } + } + const convert = (val) => isObject(val) ? reactive(val) : val; + function isRef(r) { + return Boolean(r && r.__v_isRef === true); + } + function ref(value) { + return createRef(value, false); + } + function shallowRef(value) { + return createRef(value, true); + } + class RefImpl { + constructor(value, _shallow) { + this._shallow = _shallow; + this.dep = undefined; + this.__v_isRef = true; + this._rawValue = _shallow ? value : toRaw(value); + this._value = _shallow ? value : convert(value); + } + get value() { + trackRefValue(this); + return this._value; + } + set value(newVal) { + newVal = this._shallow ? newVal : toRaw(newVal); + if (hasChanged(newVal, this._rawValue)) { + this._rawValue = newVal; + this._value = this._shallow ? newVal : convert(newVal); + triggerRefValue(this, newVal); + } + } + } + function createRef(rawValue, shallow) { + if (isRef(rawValue)) { + return rawValue; + } + return new RefImpl(rawValue, shallow); + } + function triggerRef(ref) { + triggerRefValue(ref, ref.value ); + } + function unref(ref) { + return isRef(ref) ? ref.value : ref; + } + const shallowUnwrapHandlers = { + get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)), + set: (target, key, value, receiver) => { + const oldValue = target[key]; + if (isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + else { + return Reflect.set(target, key, value, receiver); + } + } + }; + function proxyRefs(objectWithRefs) { + return isReactive(objectWithRefs) + ? objectWithRefs + : new Proxy(objectWithRefs, shallowUnwrapHandlers); + } + class CustomRefImpl { + constructor(factory) { + this.dep = undefined; + this.__v_isRef = true; + const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this)); + this._get = get; + this._set = set; + } + get value() { + return this._get(); + } + set value(newVal) { + this._set(newVal); + } + } + function customRef(factory) { + return new CustomRefImpl(factory); + } + function toRefs(object) { + if (!isProxy(object)) { + console.warn(`toRefs() expects a reactive object but received a plain one.`); + } + const ret = isArray(object) ? new Array(object.length) : {}; + for (const key in object) { + ret[key] = toRef(object, key); + } + return ret; + } + class ObjectRefImpl { + constructor(_object, _key) { + this._object = _object; + this._key = _key; + this.__v_isRef = true; + } + get value() { + return this._object[this._key]; + } + set value(newVal) { + this._object[this._key] = newVal; + } + } + function toRef(object, key) { + const val = object[key]; + return isRef(val) ? val : new ObjectRefImpl(object, key); + } + + class ComputedRefImpl { + constructor(getter, _setter, isReadonly) { + this._setter = _setter; + this.dep = undefined; + this._dirty = true; + this.__v_isRef = true; + this.effect = new ReactiveEffect(getter, () => { + if (!this._dirty) { + this._dirty = true; + triggerRefValue(this); + } + }); + this["__v_isReadonly" /* IS_READONLY */] = isReadonly; + } + get value() { + // the computed ref may get wrapped by other proxies e.g. readonly() #3376 + const self = toRaw(this); + trackRefValue(self); + if (self._dirty) { + self._dirty = false; + self._value = self.effect.run(); + } + return self._value; + } + set value(newValue) { + this._setter(newValue); + } + } + function computed(getterOrOptions, debugOptions) { + let getter; + let setter; + if (isFunction(getterOrOptions)) { + getter = getterOrOptions; + setter = () => { + console.warn('Write operation failed: computed value is readonly'); + } + ; + } + else { + getter = getterOrOptions.get; + setter = getterOrOptions.set; + } + const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set); + if (debugOptions) { + cRef.effect.onTrack = debugOptions.onTrack; + cRef.effect.onTrigger = debugOptions.onTrigger; + } + return cRef; + } + + /* eslint-disable no-restricted-globals */ + let isHmrUpdating = false; + const hmrDirtyComponents = new Set(); + // Expose the HMR runtime on the global object + // This makes it entirely tree-shakable without polluting the exports and makes + // it easier to be used in toolings like vue-loader + // Note: for a component to be eligible for HMR it also needs the __hmrId option + // to be set so that its instances can be registered / removed. + { + const globalObject = typeof global !== 'undefined' + ? global + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : {}; + globalObject.__VUE_HMR_RUNTIME__ = { + createRecord: tryWrap(createRecord), + rerender: tryWrap(rerender), + reload: tryWrap(reload) + }; + } + const map = new Map(); + function registerHMR(instance) { + const id = instance.type.__hmrId; + let record = map.get(id); + if (!record) { + createRecord(id, instance.type); + record = map.get(id); + } + record.instances.add(instance); + } + function unregisterHMR(instance) { + map.get(instance.type.__hmrId).instances.delete(instance); + } + function createRecord(id, component) { + if (!component) { + warn$1(`HMR API usage is out of date.\n` + + `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` + + `dependency that handles Vue SFC compilation.`); + component = {}; + } + if (map.has(id)) { + return false; + } + map.set(id, { + component: isClassComponent(component) ? component.__vccOpts : component, + instances: new Set() + }); + return true; + } + function rerender(id, newRender) { + const record = map.get(id); + if (!record) + return; + if (newRender) + record.component.render = newRender; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + Array.from(record.instances).forEach(instance => { + if (newRender) { + instance.render = newRender; + } + instance.renderCache = []; + // this flag forces child components with slot content to update + isHmrUpdating = true; + instance.update(); + isHmrUpdating = false; + }); + } + function reload(id, newComp) { + const record = map.get(id); + if (!record) + return; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + const { component, instances } = record; + if (!hmrDirtyComponents.has(component)) { + // 1. Update existing comp definition to match new one + newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp; + extend(component, newComp); + for (const key in component) { + if (key !== '__file' && !(key in newComp)) { + delete component[key]; + } + } + // 2. Mark component dirty. This forces the renderer to replace the component + // on patch. + hmrDirtyComponents.add(component); + // 3. Make sure to unmark the component after the reload. + queuePostFlushCb(() => { + hmrDirtyComponents.delete(component); + }); + } + Array.from(instances).forEach(instance => { + // invalidate options resolution cache + instance.appContext.optionsCache.delete(instance.type); + if (instance.ceReload) { + // custom element + hmrDirtyComponents.add(component); + instance.ceReload(newComp.styles); + hmrDirtyComponents.delete(component); + } + else if (instance.parent) { + // 4. Force the parent instance to re-render. This will cause all updated + // components to be unmounted and re-mounted. Queue the update so that we + // don't end up forcing the same parent to re-render multiple times. + queueJob(instance.parent.update); + // instance is the inner component of an async custom element + // invoke to reset styles + if (instance.parent.type.__asyncLoader && + instance.parent.ceReload) { + instance.parent.ceReload(newComp.styles); + } + } + else if (instance.appContext.reload) { + // root instance mounted via createApp() has a reload method + instance.appContext.reload(); + } + else if (typeof window !== 'undefined') { + // root instance inside tree created via raw render(). Force reload. + window.location.reload(); + } + else { + console.warn('[HMR] Root or manually mounted instance modified. Full reload required.'); + } + }); + } + function tryWrap(fn) { + return (id, arg) => { + try { + return fn(id, arg); + } + catch (e) { + console.error(e); + console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` + + `Full reload required.`); + } + }; + } + + function setDevtoolsHook(hook) { + exports.devtools = hook; + } + function devtoolsInitApp(app, version) { + // TODO queue if devtools is undefined + if (!exports.devtools) + return; + exports.devtools.emit("app:init" /* APP_INIT */, app, version, { + Fragment, + Text, + Comment: Comment$1, + Static + }); + } + function devtoolsUnmountApp(app) { + if (!exports.devtools) + return; + exports.devtools.emit("app:unmount" /* APP_UNMOUNT */, app); + } + const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */); + const devtoolsComponentUpdated = + /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */); + const devtoolsComponentRemoved = + /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */); + function createDevtoolsComponentHook(hook) { + return (component) => { + if (!exports.devtools) + return; + exports.devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component); + }; + } + const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */); + const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */); + function createDevtoolsPerformanceHook(hook) { + return (component, type, time) => { + if (!exports.devtools) + return; + exports.devtools.emit(hook, component.appContext.app, component.uid, component, type, time); + }; + } + function devtoolsComponentEmit(component, event, params) { + if (!exports.devtools) + return; + exports.devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params); + } + + const deprecationData = { + ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: { + message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` + + `option have been removed. Use createApp(RootComponent).mount() instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance` + }, + ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: { + message: `Vue detected directives on the mount container. ` + + `In Vue 3, the container is no longer considered part of the template ` + + `and will not be processed/replaced.`, + link: `https://v3.vuejs.org/guide/migration/mount-changes.html` + }, + ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: { + message: `Vue.extend() has been removed in Vue 3. ` + + `Use defineComponent() instead.`, + link: `https://v3.vuejs.org/api/global-api.html#definecomponent` + }, + ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: { + message: `Vue.prototype is no longer available in Vue 3. ` + + `Use app.config.globalProperties instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties` + }, + ["GLOBAL_SET" /* GLOBAL_SET */]: { + message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_DELETE" /* GLOBAL_DELETE */]: { + message: `Vue.delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: { + message: `Vue.observable() has been removed. ` + + `Use \`import { reactive } from "vue"\` from Composition API instead.`, + link: `https://v3.vuejs.org/api/basic-reactivity.html` + }, + ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: { + message: `Vue.util has been removed. Please refactor to avoid its usage ` + + `since it was an internal API even in Vue 2.` + }, + ["CONFIG_SILENT" /* CONFIG_SILENT */]: { + message: `config.silent has been removed because it is not good practice to ` + + `intentionally suppress warnings. You can use your browser console's ` + + `filter features to focus on relevant messages.` + }, + ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: { + message: `config.devtools has been removed. To enable devtools for ` + + `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`, + link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags` + }, + ["CONFIG_KEY_CODES" /* CONFIG_KEY_CODES */]: { + message: `config.keyCodes has been removed. ` + + `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: { + message: `config.productionTip has been removed.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed` + }, + ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: { + message: () => { + let msg = `config.ignoredElements has been removed.`; + if (isRuntimeOnly()) { + msg += ` Pass the "isCustomElement" option to @vue/compiler-dom instead.`; + } + else { + msg += ` Use config.isCustomElement instead.`; + } + return msg; + }, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-ignoredelements-is-now-config-iscustomelement` + }, + ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: { + // this warning is only relevant in the full build when using runtime + // compilation, so it's put in the runtime compatConfig list. + message: `Vue 3 compiler's whitespace option will default to "condense" instead of ` + + `"preserve". To suppress this warning, provide an explicit value for ` + + `\`config.compilerOptions.whitespace\`.` + }, + ["CONFIG_OPTION_MERGE_STRATS" /* CONFIG_OPTION_MERGE_STRATS */]: { + message: `config.optionMergeStrategies no longer exposes internal strategies. ` + + `Use custom merge functions instead.` + }, + ["INSTANCE_SET" /* INSTANCE_SET */]: { + message: `vm.$set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DELETE" /* INSTANCE_DELETE */]: { + message: `vm.$delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: { + message: `vm.$destroy() has been removed. Use app.unmount() instead.`, + link: `https://v3.vuejs.org/api/application-api.html#unmount` + }, + ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: { + message: `vm.$on/$once/$off() have been removed. ` + + `Use an external event emitter library instead.`, + link: `https://v3.vuejs.org/guide/migration/events-api.html` + }, + ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: { + message: event => `"${event}" lifecycle events are no longer supported. From templates, ` + + `use the "vnode" prefix instead of "hook:". For example, @${event} ` + + `should be changed to @vnode-${event.slice(5)}. ` + + `From JavaScript, use Composition API to dynamically register lifecycle ` + + `hooks.`, + link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html` + }, + ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: { + message: `vm.$children has been removed. Consider refactoring your logic ` + + `to avoid relying on direct access to child components.`, + link: `https://v3.vuejs.org/guide/migration/children.html` + }, + ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: { + message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` + + `included in vm.$attrs and it is no longer necessary to separately use ` + + `v-on="$listeners" if you are already using v-bind="$attrs". ` + + `(Note: the Vue 3 behavior only applies if this compat config is disabled)`, + link: `https://v3.vuejs.org/guide/migration/listeners-removed.html` + }, + ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: { + message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`, + link: `https://v3.vuejs.org/guide/migration/slots-unification.html` + }, + ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: { + message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` + + `relying on class/style fallthrough from parent. In Vue 3, class/style ` + + `are now included in $attrs and will no longer fallthrough when ` + + `inheritAttrs is false. If you are already using v-bind="$attrs" on ` + + `component root it should render the same end result. ` + + `If you are binding $attrs to a non-root element and expecting ` + + `class/style to fallthrough on root, you will need to now manually bind ` + + `them on root via :class="$attrs.class".`, + link: `https://v3.vuejs.org/guide/migration/attrs-includes-class-style.html` + }, + ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: { + message: `The "data" option can no longer be a plain object. ` + + `Always use a function.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html` + }, + ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: { + message: (key) => `Detected conflicting key "${key}" when merging data option values. ` + + `In Vue 3, data keys are merged shallowly and will override one another.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change` + }, + ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: { + message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.` + }, + ["OPTIONS_DESTROYED" /* OPTIONS_DESTROYED */]: { + message: `\`destroyed\` has been renamed to \`unmounted\`.` + }, + ["WATCH_ARRAY" /* WATCH_ARRAY */]: { + message: `"watch" option or vm.$watch on an array value will no longer ` + + `trigger on array mutation unless the "deep" option is specified. ` + + `If current usage is intended, you can disable the compat behavior and ` + + `suppress this warning with:` + + `\n\n configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/watch.html` + }, + ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: { + message: (key) => `props default value function no longer has access to "this". The compat ` + + `build only offers access to this.$options.` + + `(found in prop "${key}")`, + link: `https://v3.vuejs.org/guide/migration/props-default-this.html` + }, + ["CUSTOM_DIR" /* CUSTOM_DIR */]: { + message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` + + `Use "${newHook}" instead.`, + link: `https://v3.vuejs.org/guide/migration/custom-directives.html` + }, + ["V_FOR_REF" /* V_FOR_REF */]: { + message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` + + `Consider using function refs or refactor to avoid ref usage altogether.`, + link: `https://v3.vuejs.org/guide/migration/array-refs.html` + }, + ["V_ON_KEYCODE_MODIFIER" /* V_ON_KEYCODE_MODIFIER */]: { + message: `Using keyCode as v-on modifier is no longer supported. ` + + `Use kebab-case key name modifiers instead.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: { + message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` + + `${name}="false" instead of removing it in Vue 3. To remove the attribute, ` + + `use \`null\` or \`undefined\` instead. If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: { + message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` + + `${value === null ? `be removed` : `render the value as-is`} instead of coercing the value to "${coerced}" in Vue 3. ` + + `Always use explicit "true" or "false" values for enumerated attributes. ` + + `If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: { + message: `` // this feature cannot be runtime-detected + }, + ["TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */]: { + message: `<TransitionGroup> no longer renders a root <span> element by ` + + `default if no "tag" prop is specified. If you do not rely on the span ` + + `for styling, you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/transition-group.html` + }, + ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Async component${name ? ` <${name}>` : `s`} should be explicitly created via \`defineAsyncComponent()\` ` + + `in Vue 3. Plain functions will be treated as functional components in ` + + `non-compat build. If you have already migrated all async component ` + + `usage and intend to use plain functions for functional components, ` + + `you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`); + }, + link: `https://v3.vuejs.org/guide/migration/async-components.html` + }, + ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Functional component${name ? ` <${name}>` : `s`} should be defined as a plain function in Vue 3. The "functional" ` + + `option has been removed. NOTE: Before migrating to use plain ` + + `functions for functional components, first make sure that all async ` + + `components usage have been migrated and its compat behavior has ` + + `been disabled.`); + }, + link: `https://v3.vuejs.org/guide/migration/functional-components.html` + }, + ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: { + message: (comp) => { + const configMsg = `opt-in to ` + + `Vue 3 behavior on a per-component basis with \`compatConfig: { ${"COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */}: false }\`.`; + if (comp.props && + (isArray(comp.props) + ? comp.props.includes('modelValue') + : hasOwn(comp.props, 'modelValue'))) { + return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` + + `is running under Vue 2 compat v-model behavior. You can ${configMsg}`); + } + return (`v-model usage on component has changed in Vue 3. Component that expects ` + + `to work with v-model should now use the "modelValue" prop and emit the ` + + `"update:modelValue" event. You can update the usage and then ${configMsg}`); + }, + link: `https://v3.vuejs.org/guide/migration/v-model.html` + }, + ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: { + message: `Vue 3's render function API has changed. ` + + `You can opt-in to the new API with:` + + `\n\n configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` + + `\n (This can also be done per-component via the "compatConfig" option.)`, + link: `https://v3.vuejs.org/guide/migration/render-function-api.html` + }, + ["FILTERS" /* FILTERS */]: { + message: `filters have been removed in Vue 3. ` + + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + + `Use method calls or computed properties instead.`, + link: `https://v3.vuejs.org/guide/migration/filters.html` + }, + ["PRIVATE_APIS" /* PRIVATE_APIS */]: { + message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` + + `If you are seeing this warning only due to a dependency, you can ` + + `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.` + } + }; + const instanceWarned = Object.create(null); + const warnCount = Object.create(null); + function warnDeprecation(key, instance, ...args) { + instance = instance || getCurrentInstance(); + // check user config + const config = getCompatConfigForKey(key, instance); + if (config === 'suppress-warning') { + return; + } + const dupKey = key + args.join(''); + let compId = instance && formatComponentName(instance, instance.type); + if (compId === 'Anonymous' && instance) { + compId = instance.uid; + } + // skip if the same warning is emitted for the same component type + const componentDupKey = dupKey + compId; + if (componentDupKey in instanceWarned) { + return; + } + instanceWarned[componentDupKey] = true; + // same warning, but different component. skip the long message and just + // log the key and count. + if (dupKey in warnCount) { + warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`); + return; + } + warnCount[dupKey] = 0; + const { message, link } = deprecationData[key]; + warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`); + if (!isCompatEnabled(key, instance, true)) { + console.error(`^ The above deprecation's compat behavior is disabled and will likely ` + + `lead to runtime errors.`); + } + } + const globalCompatConfig = { + MODE: 2 + }; + function getCompatConfigForKey(key, instance) { + const instanceConfig = instance && instance.type.compatConfig; + if (instanceConfig && key in instanceConfig) { + return instanceConfig[key]; + } + return globalCompatConfig[key]; + } + function isCompatEnabled(key, instance, enableForBuiltIn = false) { + // skip compat for built-in components + if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) { + return false; + } + const rawMode = getCompatConfigForKey('MODE', instance) || 2; + const val = getCompatConfigForKey(key, instance); + const mode = isFunction(rawMode) + ? rawMode(instance && instance.type) + : rawMode; + if (mode === 2) { + return val !== false; + } + else { + return val === true || val === 'suppress-warning'; + } + } + + function emit(instance, event, ...rawArgs) { + const props = instance.vnode.props || EMPTY_OBJ; + { + const { emitsOptions, propsOptions: [propsOptions] } = instance; + if (emitsOptions) { + if (!(event in emitsOptions) && + !(false )) { + if (!propsOptions || !(toHandlerKey(event) in propsOptions)) { + warn$1(`Component emitted event "${event}" but it is neither declared in ` + + `the emits option nor as an "${toHandlerKey(event)}" prop.`); + } + } + else { + const validator = emitsOptions[event]; + if (isFunction(validator)) { + const isValid = validator(...rawArgs); + if (!isValid) { + warn$1(`Invalid event arguments: event validation failed for event "${event}".`); + } + } + } + } + } + let args = rawArgs; + const isModelListener = event.startsWith('update:'); + // for v-model update:xxx events, apply modifiers on args + const modelArg = isModelListener && event.slice(7); + if (modelArg && modelArg in props) { + const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`; + const { number, trim } = props[modifiersKey] || EMPTY_OBJ; + if (trim) { + args = rawArgs.map(a => a.trim()); + } + else if (number) { + args = rawArgs.map(toNumber); + } + } + { + devtoolsComponentEmit(instance, event, args); + } + { + const lowerCaseEvent = event.toLowerCase(); + if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) { + warn$1(`Event "${lowerCaseEvent}" is emitted in component ` + + `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` + + `Note that HTML attributes are case-insensitive and you cannot use ` + + `v-on to listen to camelCase events when using in-DOM templates. ` + + `You should probably use "${hyphenate(event)}" instead of "${event}".`); + } + } + let handlerName; + let handler = props[(handlerName = toHandlerKey(event))] || + // also try camelCase event handler (#2249) + props[(handlerName = toHandlerKey(camelize(event)))]; + // for v-model update:xxx events, also trigger kebab-case equivalent + // for props passed via kebab-case + if (!handler && isModelListener) { + handler = props[(handlerName = toHandlerKey(hyphenate(event)))]; + } + if (handler) { + callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } + const onceHandler = props[handlerName + `Once`]; + if (onceHandler) { + if (!instance.emitted) { + instance.emitted = {}; + } + else if (instance.emitted[handlerName]) { + return; + } + instance.emitted[handlerName] = true; + callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } + } + function normalizeEmitsOptions(comp, appContext, asMixin = false) { + const cache = appContext.emitsCache; + const cached = cache.get(comp); + if (cached !== undefined) { + return cached; + } + const raw = comp.emits; + let normalized = {}; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendEmits = (raw) => { + const normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true); + if (normalizedFromExtend) { + hasExtends = true; + extend(normalized, normalizedFromExtend); + } + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendEmits); + } + if (comp.extends) { + extendEmits(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendEmits); + } + } + if (!raw && !hasExtends) { + cache.set(comp, null); + return null; + } + if (isArray(raw)) { + raw.forEach(key => (normalized[key] = null)); + } + else { + extend(normalized, raw); + } + cache.set(comp, normalized); + return normalized; + } + // Check if an incoming prop key is a declared emit event listener. + // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are + // both considered matched listeners. + function isEmitListener(options, key) { + if (!options || !isOn(key)) { + return false; + } + key = key.slice(2).replace(/Once$/, ''); + return (hasOwn(options, key[0].toLowerCase() + key.slice(1)) || + hasOwn(options, hyphenate(key)) || + hasOwn(options, key)); + } + + /** + * mark the current rendering instance for asset resolution (e.g. + * resolveComponent, resolveDirective) during render + */ + let currentRenderingInstance = null; + let currentScopeId = null; + /** + * Note: rendering calls maybe nested. The function returns the parent rendering + * instance if present, which should be restored after the render is done: + * + * ```js + * const prev = setCurrentRenderingInstance(i) + * // ...render + * setCurrentRenderingInstance(prev) + * ``` + */ + function setCurrentRenderingInstance(instance) { + const prev = currentRenderingInstance; + currentRenderingInstance = instance; + currentScopeId = (instance && instance.type.__scopeId) || null; + return prev; + } + /** + * Set scope id when creating hoisted vnodes. + * @private compiler helper + */ + function pushScopeId(id) { + currentScopeId = id; + } + /** + * Technically we no longer need this after 3.0.8 but we need to keep the same + * API for backwards compat w/ code generated by compilers. + * @private + */ + function popScopeId() { + currentScopeId = null; + } + /** + * Only for backwards compat + * @private + */ + const withScopeId = (_id) => withCtx; + /** + * Wrap a slot function to memoize current rendering instance + * @private compiler helper + */ + function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only + ) { + if (!ctx) + return fn; + // already normalized + if (fn._n) { + return fn; + } + const renderFnWithContext = (...args) => { + // If a user calls a compiled slot inside a template expression (#1745), it + // can mess up block tracking, so by default we disable block tracking and + // force bail out when invoking a compiled slot (indicated by the ._d flag). + // This isn't necessary if rendering a compiled `<slot>`, so we flip the + // ._d flag off when invoking the wrapped fn inside `renderSlot`. + if (renderFnWithContext._d) { + setBlockTracking(-1); + } + const prevInstance = setCurrentRenderingInstance(ctx); + const res = fn(...args); + setCurrentRenderingInstance(prevInstance); + if (renderFnWithContext._d) { + setBlockTracking(1); + } + { + devtoolsComponentUpdated(ctx); + } + return res; + }; + // mark normalized to avoid duplicated wrapping + renderFnWithContext._n = true; + // mark this as compiled by default + // this is used in vnode.ts -> normalizeChildren() to set the slot + // rendering flag. + renderFnWithContext._c = true; + // disable block tracking by default + renderFnWithContext._d = true; + return renderFnWithContext; + } + + /** + * dev only flag to track whether $attrs was used during render. + * If $attrs was used during render then the warning for failed attrs + * fallthrough can be suppressed. + */ + let accessedAttrs = false; + function markAttrsAccessed() { + accessedAttrs = true; + } + function renderComponentRoot(instance) { + const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance; + let result; + const prev = setCurrentRenderingInstance(instance); + { + accessedAttrs = false; + } + try { + let fallthroughAttrs; + if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) { + // withProxy is a proxy with a different `has` trap only for + // runtime-compiled render functions using `with` block. + const proxyToUse = withProxy || proxy; + result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx)); + fallthroughAttrs = attrs; + } + else { + // functional + const render = Component; + // in dev, mark attrs accessed if optional props (attrs === props) + if (true && attrs === props) { + markAttrsAccessed(); + } + result = normalizeVNode(render.length > 1 + ? render(props, true + ? { + get attrs() { + markAttrsAccessed(); + return attrs; + }, + slots, + emit + } + : { attrs, slots, emit }) + : render(props, null /* we know it doesn't need it */)); + fallthroughAttrs = Component.props + ? attrs + : getFunctionalFallthrough(attrs); + } + // attr merging + // in dev mode, comments are preserved, and it's possible for a template + // to have comments along side the root element which makes it a fragment + let root = result; + let setRoot = undefined; + if (true && + result.patchFlag > 0 && + result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + ; + [root, setRoot] = getChildRoot(result); + } + if (fallthroughAttrs && inheritAttrs !== false) { + const keys = Object.keys(fallthroughAttrs); + const { shapeFlag } = root; + if (keys.length) { + if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) { + if (propsOptions && keys.some(isModelListener)) { + // If a v-model listener (onUpdate:xxx) has a corresponding declared + // prop, it indicates this component expects to handle v-model and + // it should not fallthrough. + // related: #1543, #1643, #1989 + fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions); + } + root = cloneVNode(root, fallthroughAttrs); + } + else if (true && !accessedAttrs && root.type !== Comment$1) { + const allAttrs = Object.keys(attrs); + const eventAttrs = []; + const extraAttrs = []; + for (let i = 0, l = allAttrs.length; i < l; i++) { + const key = allAttrs[i]; + if (isOn(key)) { + // ignore v-model handlers when they fail to fallthrough + if (!isModelListener(key)) { + // remove `on`, lowercase first letter to reflect event casing + // accurately + eventAttrs.push(key[2].toLowerCase() + key.slice(3)); + } + } + else { + extraAttrs.push(key); + } + } + if (extraAttrs.length) { + warn$1(`Extraneous non-props attributes (` + + `${extraAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes.`); + } + if (eventAttrs.length) { + warn$1(`Extraneous non-emits event listeners (` + + `${eventAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes. ` + + `If the listener is intended to be a component custom event listener only, ` + + `declare it using the "emits" option.`); + } + } + } + } + if (false && + isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) && + vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ && + root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ; + // inherit directives + if (vnode.dirs) { + if (true && !isElementRoot(root)) { + warn$1(`Runtime directive used on component with non-element root node. ` + + `The directives will not function as intended.`); + } + root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs; + } + // inherit transition data + if (vnode.transition) { + if (true && !isElementRoot(root)) { + warn$1(`Component inside <Transition> renders non-element root node ` + + `that cannot be animated.`); + } + root.transition = vnode.transition; + } + if (true && setRoot) { + setRoot(root); + } + else { + result = root; + } + } + catch (err) { + blockStack.length = 0; + handleError(err, instance, 1 /* RENDER_FUNCTION */); + result = createVNode(Comment$1); + } + setCurrentRenderingInstance(prev); + return result; + } + /** + * dev only + * In dev mode, template root level comments are rendered, which turns the + * template into a fragment root, but we need to locate the single element + * root for attrs and scope id processing. + */ + const getChildRoot = (vnode) => { + const rawChildren = vnode.children; + const dynamicChildren = vnode.dynamicChildren; + const childRoot = filterSingleRoot(rawChildren); + if (!childRoot) { + return [vnode, undefined]; + } + const index = rawChildren.indexOf(childRoot); + const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1; + const setRoot = (updatedRoot) => { + rawChildren[index] = updatedRoot; + if (dynamicChildren) { + if (dynamicIndex > -1) { + dynamicChildren[dynamicIndex] = updatedRoot; + } + else if (updatedRoot.patchFlag > 0) { + vnode.dynamicChildren = [...dynamicChildren, updatedRoot]; + } + } + }; + return [normalizeVNode(childRoot), setRoot]; + }; + function filterSingleRoot(children) { + let singleRoot; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isVNode(child)) { + // ignore user comment + if (child.type !== Comment$1 || child.children === 'v-if') { + if (singleRoot) { + // has more than 1 non-comment child, return now + return; + } + else { + singleRoot = child; + } + } + } + else { + return; + } + } + return singleRoot; + } + const getFunctionalFallthrough = (attrs) => { + let res; + for (const key in attrs) { + if (key === 'class' || key === 'style' || isOn(key)) { + (res || (res = {}))[key] = attrs[key]; + } + } + return res; + }; + const filterModelListeners = (attrs, props) => { + const res = {}; + for (const key in attrs) { + if (!isModelListener(key) || !(key.slice(9) in props)) { + res[key] = attrs[key]; + } + } + return res; + }; + const isElementRoot = (vnode) => { + return (vnode.shapeFlag & (6 /* COMPONENT */ | 1 /* ELEMENT */) || + vnode.type === Comment$1 // potential v-if branch switch + ); + }; + function shouldUpdateComponent(prevVNode, nextVNode, optimized) { + const { props: prevProps, children: prevChildren, component } = prevVNode; + const { props: nextProps, children: nextChildren, patchFlag } = nextVNode; + const emits = component.emitsOptions; + // Parent component's render function was hot-updated. Since this may have + // caused the child component's slots content to have changed, we need to + // force the child to update as well. + if ((prevChildren || nextChildren) && isHmrUpdating) { + return true; + } + // force child update for runtime directive or transition on component vnode. + if (nextVNode.dirs || nextVNode.transition) { + return true; + } + if (optimized && patchFlag >= 0) { + if (patchFlag & 1024 /* DYNAMIC_SLOTS */) { + // slot content that references values that might have changed, + // e.g. in a v-for + return true; + } + if (patchFlag & 16 /* FULL_PROPS */) { + if (!prevProps) { + return !!nextProps; + } + // presence of this flag indicates props are always non-null + return hasPropsChanged(prevProps, nextProps, emits); + } + else if (patchFlag & 8 /* PROPS */) { + const dynamicProps = nextVNode.dynamicProps; + for (let i = 0; i < dynamicProps.length; i++) { + const key = dynamicProps[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emits, key)) { + return true; + } + } + } + } + else { + // this path is only taken by manually written render functions + // so presence of any children leads to a forced update + if (prevChildren || nextChildren) { + if (!nextChildren || !nextChildren.$stable) { + return true; + } + } + if (prevProps === nextProps) { + return false; + } + if (!prevProps) { + return !!nextProps; + } + if (!nextProps) { + return true; + } + return hasPropsChanged(prevProps, nextProps, emits); + } + return false; + } + function hasPropsChanged(prevProps, nextProps, emitsOptions) { + const nextKeys = Object.keys(nextProps); + if (nextKeys.length !== Object.keys(prevProps).length) { + return true; + } + for (let i = 0; i < nextKeys.length; i++) { + const key = nextKeys[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emitsOptions, key)) { + return true; + } + } + return false; + } + function updateHOCHostEl({ vnode, parent }, el // HostNode + ) { + while (parent && parent.subTree === vnode) { + (vnode = parent.vnode).el = el; + parent = parent.parent; + } + } + + const isSuspense = (type) => type.__isSuspense; + // Suspense exposes a component-like API, and is treated like a component + // in the compiler, but internally it's a special built-in type that hooks + // directly into the renderer. + const SuspenseImpl = { + name: 'Suspense', + // In order to make Suspense tree-shakable, we need to avoid importing it + // directly in the renderer. The renderer checks for the __isSuspense flag + // on a vnode's type and calls the `process` method, passing in renderer + // internals. + __isSuspense: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, + // platform-specific impl passed from renderer + rendererInternals) { + if (n1 == null) { + mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals); + } + else { + patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals); + } + }, + hydrate: hydrateSuspense, + create: createSuspenseBoundary, + normalize: normalizeSuspenseChildren + }; + // Force-casted public typing for h and TSX props inference + const Suspense = (SuspenseImpl ); + function triggerEvent(vnode, name) { + const eventListener = vnode.props && vnode.props[name]; + if (isFunction(eventListener)) { + eventListener(); + } + } + function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { + const { p: patch, o: { createElement } } = rendererInternals; + const hiddenContainer = createElement('div'); + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals)); + // start mounting the content subtree in an off-dom container + patch(null, (suspense.pendingBranch = vnode.ssContent), hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); + // now check if we have encountered any async deps + if (suspense.deps > 0) { + // has async + // invoke @fallback event + triggerEvent(vnode, 'onPending'); + triggerEvent(vnode, 'onFallback'); + // mount the fallback tree + patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds); + setActiveBranch(suspense, vnode.ssFallback); + } + else { + // Suspense has no async deps. Just resolve. + suspense.resolve(); + } + } + function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) { + const suspense = (n2.suspense = n1.suspense); + suspense.vnode = n2; + n2.el = n1.el; + const newBranch = n2.ssContent; + const newFallback = n2.ssFallback; + const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense; + if (pendingBranch) { + suspense.pendingBranch = newBranch; + if (isSameVNodeType(newBranch, pendingBranch)) { + // same root type but content may have changed. + patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else if (isInFallback) { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else { + // toggled before pending tree is resolved + suspense.pendingId++; + if (isHydrating) { + // if toggled before hydration is finished, the current DOM tree is + // no longer valid. set it as the active branch so it will be unmounted + // when resolved + suspense.isHydrating = false; + suspense.activeBranch = pendingBranch; + } + else { + unmount(pendingBranch, parentComponent, suspense); + } + // increment pending ID. this is used to invalidate async callbacks + // reset suspense state + suspense.deps = 0; + // discard effects from pending branch + suspense.effects.length = 0; + // discard previous container + suspense.hiddenContainer = createElement('div'); + if (isInFallback) { + // already in fallback state + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // toggled "back" to current active branch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + // force resolve + suspense.resolve(true); + } + else { + // switched to a 3rd branch + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + } + } + } + else { + if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // root did not change, just normal patch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newBranch); + } + else { + // root node toggled + // invoke @pending event + triggerEvent(n2, 'onPending'); + // mount pending branch in off-dom container + suspense.pendingBranch = newBranch; + suspense.pendingId++; + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + // incoming branch has no async deps, resolve now. + suspense.resolve(); + } + else { + const { timeout, pendingId } = suspense; + if (timeout > 0) { + setTimeout(() => { + if (suspense.pendingId === pendingId) { + suspense.fallback(newFallback); + } + }, timeout); + } + else if (timeout === 0) { + suspense.fallback(newFallback); + } + } + } + } + } + let hasWarned = false; + function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) { + /* istanbul ignore if */ + if (!hasWarned) { + hasWarned = true; + // @ts-ignore `console.info` cannot be null error + console[console.info ? 'info' : 'log'](`<Suspense> is an experimental feature and its API will likely change.`); + } + const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals; + const timeout = toNumber(vnode.props && vnode.props.timeout); + const suspense = { + vnode, + parent, + parentComponent, + isSVG, + container, + hiddenContainer, + anchor, + deps: 0, + pendingId: 0, + timeout: typeof timeout === 'number' ? timeout : -1, + activeBranch: null, + pendingBranch: null, + isInFallback: true, + isHydrating, + isUnmounted: false, + effects: [], + resolve(resume = false) { + { + if (!resume && !suspense.pendingBranch) { + throw new Error(`suspense.resolve() is called without a pending branch.`); + } + if (suspense.isUnmounted) { + throw new Error(`suspense.resolve() is called on an already unmounted suspense boundary.`); + } + } + const { vnode, activeBranch, pendingBranch, pendingId, effects, parentComponent, container } = suspense; + if (suspense.isHydrating) { + suspense.isHydrating = false; + } + else if (!resume) { + const delayEnter = activeBranch && + pendingBranch.transition && + pendingBranch.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = () => { + if (pendingId === suspense.pendingId) { + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + }; + } + // this is initial anchor on mount + let { anchor } = suspense; + // unmount current active tree + if (activeBranch) { + // if the fallback tree was mounted, it may have been moved + // as part of a parent suspense. get the latest anchor for insertion + anchor = next(activeBranch); + unmount(activeBranch, parentComponent, suspense, true); + } + if (!delayEnter) { + // move content from off-dom container to actual container + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + } + setActiveBranch(suspense, pendingBranch); + suspense.pendingBranch = null; + suspense.isInFallback = false; + // flush buffered effects + // check if there is a pending parent suspense + let parent = suspense.parent; + let hasUnresolvedAncestor = false; + while (parent) { + if (parent.pendingBranch) { + // found a pending parent suspense, merge buffered post jobs + // into that parent + parent.effects.push(...effects); + hasUnresolvedAncestor = true; + break; + } + parent = parent.parent; + } + // no pending parent suspense, flush all jobs + if (!hasUnresolvedAncestor) { + queuePostFlushCb(effects); + } + suspense.effects = []; + // invoke @resolve event + triggerEvent(vnode, 'onResolve'); + }, + fallback(fallbackVNode) { + if (!suspense.pendingBranch) { + return; + } + const { vnode, activeBranch, parentComponent, container, isSVG } = suspense; + // invoke @fallback event + triggerEvent(vnode, 'onFallback'); + const anchor = next(activeBranch); + const mountFallback = () => { + if (!suspense.isInFallback) { + return; + } + // mount the fallback tree + patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, fallbackVNode); + }; + const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = mountFallback; + } + suspense.isInFallback = true; + // unmount current active branch + unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now + true // shouldRemove + ); + if (!delayEnter) { + mountFallback(); + } + }, + move(container, anchor, type) { + suspense.activeBranch && + move(suspense.activeBranch, container, anchor, type); + suspense.container = container; + }, + next() { + return suspense.activeBranch && next(suspense.activeBranch); + }, + registerDep(instance, setupRenderEffect) { + const isInPendingSuspense = !!suspense.pendingBranch; + if (isInPendingSuspense) { + suspense.deps++; + } + const hydratedEl = instance.vnode.el; + instance + .asyncDep.catch(err => { + handleError(err, instance, 0 /* SETUP_FUNCTION */); + }) + .then(asyncSetupResult => { + // retry when the setup() promise resolves. + // component may have been unmounted before resolve. + if (instance.isUnmounted || + suspense.isUnmounted || + suspense.pendingId !== instance.suspenseId) { + return; + } + // retry from this component + instance.asyncResolved = true; + const { vnode } = instance; + { + pushWarningContext(vnode); + } + handleSetupResult(instance, asyncSetupResult, false); + if (hydratedEl) { + // vnode may have been replaced if an update happened before the + // async dep is resolved. + vnode.el = hydratedEl; + } + const placeholder = !hydratedEl && instance.subTree.el; + setupRenderEffect(instance, vnode, + // component may have been moved before resolve. + // if this is not a hydration, instance.subTree will be the comment + // placeholder. + parentNode(hydratedEl || instance.subTree.el), + // anchor will not be used if this is hydration, so only need to + // consider the comment placeholder case. + hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized); + if (placeholder) { + remove(placeholder); + } + updateHOCHostEl(instance, vnode.el); + { + popWarningContext(); + } + // only decrease deps count if suspense is not already resolved + if (isInPendingSuspense && --suspense.deps === 0) { + suspense.resolve(); + } + }); + }, + unmount(parentSuspense, doRemove) { + suspense.isUnmounted = true; + if (suspense.activeBranch) { + unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove); + } + if (suspense.pendingBranch) { + unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove); + } + } + }; + return suspense; + } + function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) { + /* eslint-disable no-restricted-globals */ + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true /* hydrating */)); + // there are two possible scenarios for server-rendered suspense: + // - success: ssr content should be fully resolved + // - failure: ssr content should be the fallback branch. + // however, on the client we don't really know if it has failed or not + // attempt to hydrate the DOM assuming it has succeeded, but we still + // need to construct a suspense boundary first + const result = hydrateNode(node, (suspense.pendingBranch = vnode.ssContent), parentComponent, suspense, slotScopeIds, optimized); + if (suspense.deps === 0) { + suspense.resolve(); + } + return result; + /* eslint-enable no-restricted-globals */ + } + function normalizeSuspenseChildren(vnode) { + const { shapeFlag, children } = vnode; + const isSlotChildren = shapeFlag & 32 /* SLOTS_CHILDREN */; + vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children); + vnode.ssFallback = isSlotChildren + ? normalizeSuspenseSlot(children.fallback) + : createVNode(Comment); + } + function normalizeSuspenseSlot(s) { + let block; + if (isFunction(s)) { + const isCompiledSlot = s._c; + if (isCompiledSlot) { + // disableTracking: false + // allow block tracking for compiled slots + // (see ./componentRenderContext.ts) + s._d = false; + openBlock(); + } + s = s(); + if (isCompiledSlot) { + s._d = true; + block = currentBlock; + closeBlock(); + } + } + if (isArray(s)) { + const singleChild = filterSingleRoot(s); + if (!singleChild) { + warn$1(`<Suspense> slots expect a single root node.`); + } + s = singleChild; + } + s = normalizeVNode(s); + if (block && !s.dynamicChildren) { + s.dynamicChildren = block.filter(c => c !== s); + } + return s; + } + function queueEffectWithSuspense(fn, suspense) { + if (suspense && suspense.pendingBranch) { + if (isArray(fn)) { + suspense.effects.push(...fn); + } + else { + suspense.effects.push(fn); + } + } + else { + queuePostFlushCb(fn); + } + } + function setActiveBranch(suspense, branch) { + suspense.activeBranch = branch; + const { vnode, parentComponent } = suspense; + const el = (vnode.el = branch.el); + // in case suspense is the root node of a component, + // recursively update the HOC el + if (parentComponent && parentComponent.subTree === vnode) { + parentComponent.vnode.el = el; + updateHOCHostEl(parentComponent, el); + } + } + + function provide(key, value) { + if (!currentInstance) { + { + warn$1(`provide() can only be used inside setup().`); + } + } + else { + let provides = currentInstance.provides; + // by default an instance inherits its parent's provides object + // but when it needs to provide values of its own, it creates its + // own provides object using parent provides object as prototype. + // this way in `inject` we can simply look up injections from direct + // parent and let the prototype chain do the work. + const parentProvides = currentInstance.parent && currentInstance.parent.provides; + if (parentProvides === provides) { + provides = currentInstance.provides = Object.create(parentProvides); + } + // TS doesn't allow symbol as index type + provides[key] = value; + } + } + function inject(key, defaultValue, treatDefaultAsFactory = false) { + // fallback to `currentRenderingInstance` so that this can be called in + // a functional component + const instance = currentInstance || currentRenderingInstance; + if (instance) { + // #2400 + // to support `app.use` plugins, + // fallback to appContext's `provides` if the intance is at root + const provides = instance.parent == null + ? instance.vnode.appContext && instance.vnode.appContext.provides + : instance.parent.provides; + if (provides && key in provides) { + // TS doesn't allow symbol as index type + return provides[key]; + } + else if (arguments.length > 1) { + return treatDefaultAsFactory && isFunction(defaultValue) + ? defaultValue.call(instance.proxy) + : defaultValue; + } + else { + warn$1(`injection "${String(key)}" not found.`); + } + } + else { + warn$1(`inject() can only be used inside setup() or functional components.`); + } + } + + function useTransitionState() { + const state = { + isMounted: false, + isLeaving: false, + isUnmounting: false, + leavingVNodes: new Map() + }; + onMounted(() => { + state.isMounted = true; + }); + onBeforeUnmount(() => { + state.isUnmounting = true; + }); + return state; + } + const TransitionHookValidator = [Function, Array]; + const BaseTransitionImpl = { + name: `BaseTransition`, + props: { + mode: String, + appear: Boolean, + persisted: Boolean, + // enter + onBeforeEnter: TransitionHookValidator, + onEnter: TransitionHookValidator, + onAfterEnter: TransitionHookValidator, + onEnterCancelled: TransitionHookValidator, + // leave + onBeforeLeave: TransitionHookValidator, + onLeave: TransitionHookValidator, + onAfterLeave: TransitionHookValidator, + onLeaveCancelled: TransitionHookValidator, + // appear + onBeforeAppear: TransitionHookValidator, + onAppear: TransitionHookValidator, + onAfterAppear: TransitionHookValidator, + onAppearCancelled: TransitionHookValidator + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevTransitionKey; + return () => { + const children = slots.default && getTransitionRawChildren(slots.default(), true); + if (!children || !children.length) { + return; + } + // warn multiple elements + if (children.length > 1) { + warn$1('<transition> can only be used on a single element or component. Use ' + + '<transition-group> for lists.'); + } + // there's no need to track reactivity for these props so use the raw + // props for a bit better perf + const rawProps = toRaw(props); + const { mode } = rawProps; + // check mode + if (mode && !['in-out', 'out-in', 'default'].includes(mode)) { + warn$1(`invalid <transition> mode: ${mode}`); + } + // at this point children has a guaranteed length of 1. + const child = children[0]; + if (state.isLeaving) { + return emptyPlaceholder(child); + } + // in the case of <transition><keep-alive/></transition>, we need to + // compare the type of the kept-alive children. + const innerChild = getKeepAliveChild(child); + if (!innerChild) { + return emptyPlaceholder(child); + } + const enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance); + setTransitionHooks(innerChild, enterHooks); + const oldChild = instance.subTree; + const oldInnerChild = oldChild && getKeepAliveChild(oldChild); + let transitionKeyChanged = false; + const { getTransitionKey } = innerChild.type; + if (getTransitionKey) { + const key = getTransitionKey(); + if (prevTransitionKey === undefined) { + prevTransitionKey = key; + } + else if (key !== prevTransitionKey) { + prevTransitionKey = key; + transitionKeyChanged = true; + } + } + // handle mode + if (oldInnerChild && + oldInnerChild.type !== Comment$1 && + (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) { + const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); + // update old tree's hooks in case of dynamic transition + setTransitionHooks(oldInnerChild, leavingHooks); + // switching between different views + if (mode === 'out-in') { + state.isLeaving = true; + // return placeholder node and queue update when leave finishes + leavingHooks.afterLeave = () => { + state.isLeaving = false; + instance.update(); + }; + return emptyPlaceholder(child); + } + else if (mode === 'in-out' && innerChild.type !== Comment$1) { + leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { + const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild); + leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; + // early removal callback + el._leaveCb = () => { + earlyRemove(); + el._leaveCb = undefined; + delete enterHooks.delayedLeave; + }; + enterHooks.delayedLeave = delayedLeave; + }; + } + } + return child; + }; + } + }; + // export the public type for h/tsx inference + // also to avoid inline import() in generated d.ts files + const BaseTransition = BaseTransitionImpl; + function getLeavingNodesForType(state, vnode) { + const { leavingVNodes } = state; + let leavingVNodesCache = leavingVNodes.get(vnode.type); + if (!leavingVNodesCache) { + leavingVNodesCache = Object.create(null); + leavingVNodes.set(vnode.type, leavingVNodesCache); + } + return leavingVNodesCache; + } + // The transition hooks are attached to the vnode as vnode.transition + // and will be called at appropriate timing in the renderer. + function resolveTransitionHooks(vnode, props, state, instance) { + const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props; + const key = String(vnode.key); + const leavingVNodesCache = getLeavingNodesForType(state, vnode); + const callHook = (hook, args) => { + hook && + callWithAsyncErrorHandling(hook, instance, 9 /* TRANSITION_HOOK */, args); + }; + const hooks = { + mode, + persisted, + beforeEnter(el) { + let hook = onBeforeEnter; + if (!state.isMounted) { + if (appear) { + hook = onBeforeAppear || onBeforeEnter; + } + else { + return; + } + } + // for same element (v-show) + if (el._leaveCb) { + el._leaveCb(true /* cancelled */); + } + // for toggled element with same key (v-if) + const leavingVNode = leavingVNodesCache[key]; + if (leavingVNode && + isSameVNodeType(vnode, leavingVNode) && + leavingVNode.el._leaveCb) { + // force early removal (not cancelled) + leavingVNode.el._leaveCb(); + } + callHook(hook, [el]); + }, + enter(el) { + let hook = onEnter; + let afterHook = onAfterEnter; + let cancelHook = onEnterCancelled; + if (!state.isMounted) { + if (appear) { + hook = onAppear || onEnter; + afterHook = onAfterAppear || onAfterEnter; + cancelHook = onAppearCancelled || onEnterCancelled; + } + else { + return; + } + } + let called = false; + const done = (el._enterCb = (cancelled) => { + if (called) + return; + called = true; + if (cancelled) { + callHook(cancelHook, [el]); + } + else { + callHook(afterHook, [el]); + } + if (hooks.delayedLeave) { + hooks.delayedLeave(); + } + el._enterCb = undefined; + }); + if (hook) { + hook(el, done); + if (hook.length <= 1) { + done(); + } + } + else { + done(); + } + }, + leave(el, remove) { + const key = String(vnode.key); + if (el._enterCb) { + el._enterCb(true /* cancelled */); + } + if (state.isUnmounting) { + return remove(); + } + callHook(onBeforeLeave, [el]); + let called = false; + const done = (el._leaveCb = (cancelled) => { + if (called) + return; + called = true; + remove(); + if (cancelled) { + callHook(onLeaveCancelled, [el]); + } + else { + callHook(onAfterLeave, [el]); + } + el._leaveCb = undefined; + if (leavingVNodesCache[key] === vnode) { + delete leavingVNodesCache[key]; + } + }); + leavingVNodesCache[key] = vnode; + if (onLeave) { + onLeave(el, done); + if (onLeave.length <= 1) { + done(); + } + } + else { + done(); + } + }, + clone(vnode) { + return resolveTransitionHooks(vnode, props, state, instance); + } + }; + return hooks; + } + // the placeholder really only handles one special case: KeepAlive + // in the case of a KeepAlive in a leave phase we need to return a KeepAlive + // placeholder with empty content to avoid the KeepAlive instance from being + // unmounted. + function emptyPlaceholder(vnode) { + if (isKeepAlive(vnode)) { + vnode = cloneVNode(vnode); + vnode.children = null; + return vnode; + } + } + function getKeepAliveChild(vnode) { + return isKeepAlive(vnode) + ? vnode.children + ? vnode.children[0] + : undefined + : vnode; + } + function setTransitionHooks(vnode, hooks) { + if (vnode.shapeFlag & 6 /* COMPONENT */ && vnode.component) { + setTransitionHooks(vnode.component.subTree, hooks); + } + else if (vnode.shapeFlag & 128 /* SUSPENSE */) { + vnode.ssContent.transition = hooks.clone(vnode.ssContent); + vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); + } + else { + vnode.transition = hooks; + } + } + function getTransitionRawChildren(children, keepComment = false) { + let ret = []; + let keyedFragmentCount = 0; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + // handle fragment children case, e.g. v-for + if (child.type === Fragment) { + if (child.patchFlag & 128 /* KEYED_FRAGMENT */) + keyedFragmentCount++; + ret = ret.concat(getTransitionRawChildren(child.children, keepComment)); + } + // comment placeholders should be skipped, e.g. v-if + else if (keepComment || child.type !== Comment$1) { + ret.push(child); + } + } + // #1126 if a transition children list contains multiple sub fragments, these + // fragments will be merged into a flat children array. Since each v-for + // fragment may contain different static bindings inside, we need to de-op + // these children to force full diffs to ensure correct behavior. + if (keyedFragmentCount > 1) { + for (let i = 0; i < ret.length; i++) { + ret[i].patchFlag = -2 /* BAIL */; + } + } + return ret; + } + + // implementation, close to no-op + function defineComponent(options) { + return isFunction(options) ? { setup: options, name: options.name } : options; + } + + const isAsyncWrapper = (i) => !!i.type.__asyncLoader; + function defineAsyncComponent(source) { + if (isFunction(source)) { + source = { loader: source }; + } + const { loader, loadingComponent, errorComponent, delay = 200, timeout, // undefined = never times out + suspensible = true, onError: userOnError } = source; + let pendingRequest = null; + let resolvedComp; + let retries = 0; + const retry = () => { + retries++; + pendingRequest = null; + return load(); + }; + const load = () => { + let thisRequest; + return (pendingRequest || + (thisRequest = pendingRequest = + loader() + .catch(err => { + err = err instanceof Error ? err : new Error(String(err)); + if (userOnError) { + return new Promise((resolve, reject) => { + const userRetry = () => resolve(retry()); + const userFail = () => reject(err); + userOnError(err, userRetry, userFail, retries + 1); + }); + } + else { + throw err; + } + }) + .then((comp) => { + if (thisRequest !== pendingRequest && pendingRequest) { + return pendingRequest; + } + if (!comp) { + warn$1(`Async component loader resolved to undefined. ` + + `If you are using retry(), make sure to return its return value.`); + } + // interop module default + if (comp && + (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) { + comp = comp.default; + } + if (comp && !isObject(comp) && !isFunction(comp)) { + throw new Error(`Invalid async component load result: ${comp}`); + } + resolvedComp = comp; + return comp; + }))); + }; + return defineComponent({ + name: 'AsyncComponentWrapper', + __asyncLoader: load, + get __asyncResolved() { + return resolvedComp; + }, + setup() { + const instance = currentInstance; + // already resolved + if (resolvedComp) { + return () => createInnerComp(resolvedComp, instance); + } + const onError = (err) => { + pendingRequest = null; + handleError(err, instance, 13 /* ASYNC_COMPONENT_LOADER */, !errorComponent /* do not throw in dev if user provided error component */); + }; + // suspense-controlled or SSR. + if ((suspensible && instance.suspense) || + (false )) { + return load() + .then(comp => { + return () => createInnerComp(comp, instance); + }) + .catch(err => { + onError(err); + return () => errorComponent + ? createVNode(errorComponent, { + error: err + }) + : null; + }); + } + const loaded = ref(false); + const error = ref(); + const delayed = ref(!!delay); + if (delay) { + setTimeout(() => { + delayed.value = false; + }, delay); + } + if (timeout != null) { + setTimeout(() => { + if (!loaded.value && !error.value) { + const err = new Error(`Async component timed out after ${timeout}ms.`); + onError(err); + error.value = err; + } + }, timeout); + } + load() + .then(() => { + loaded.value = true; + if (instance.parent && isKeepAlive(instance.parent.vnode)) { + // parent is keep-alive, force update so the loaded component's + // name is taken into account + queueJob(instance.parent.update); + } + }) + .catch(err => { + onError(err); + error.value = err; + }); + return () => { + if (loaded.value && resolvedComp) { + return createInnerComp(resolvedComp, instance); + } + else if (error.value && errorComponent) { + return createVNode(errorComponent, { + error: error.value + }); + } + else if (loadingComponent && !delayed.value) { + return createVNode(loadingComponent); + } + }; + } + }); + } + function createInnerComp(comp, { vnode: { ref, props, children } }) { + const vnode = createVNode(comp, props, children); + // ensure inner component inherits the async wrapper's ref owner + vnode.ref = ref; + return vnode; + } + + const isKeepAlive = (vnode) => vnode.type.__isKeepAlive; + const KeepAliveImpl = { + name: `KeepAlive`, + // Marker for special handling inside the renderer. We are not using a === + // check directly on KeepAlive in the renderer, because importing it directly + // would prevent it from being tree-shaken. + __isKeepAlive: true, + props: { + include: [String, RegExp, Array], + exclude: [String, RegExp, Array], + max: [String, Number] + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + // KeepAlive communicates with the instantiated renderer via the + // ctx where the renderer passes in its internals, + // and the KeepAlive instance exposes activate/deactivate implementations. + // The whole point of this is to avoid importing KeepAlive directly in the + // renderer to facilitate tree-shaking. + const sharedContext = instance.ctx; + // if the internal renderer is not registered, it indicates that this is server-side rendering, + // for KeepAlive, we just need to render its children + if (!sharedContext.renderer) { + return slots.default; + } + const cache = new Map(); + const keys = new Set(); + let current = null; + { + instance.__v_cache = cache; + } + const parentSuspense = instance.suspense; + const { renderer: { p: patch, m: move, um: _unmount, o: { createElement } } } = sharedContext; + const storageContainer = createElement('div'); + sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => { + const instance = vnode.component; + move(vnode, container, anchor, 0 /* ENTER */, parentSuspense); + // in case props have changed + patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized); + queuePostRenderEffect(() => { + instance.isDeactivated = false; + if (instance.a) { + invokeArrayFns(instance.a); + } + const vnodeHook = vnode.props && vnode.props.onVnodeMounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + sharedContext.deactivate = (vnode) => { + const instance = vnode.component; + move(vnode, storageContainer, null, 1 /* LEAVE */, parentSuspense); + queuePostRenderEffect(() => { + if (instance.da) { + invokeArrayFns(instance.da); + } + const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + instance.isDeactivated = true; + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + function unmount(vnode) { + // reset the shapeFlag so it can be properly unmounted + resetShapeFlag(vnode); + _unmount(vnode, instance, parentSuspense); + } + function pruneCache(filter) { + cache.forEach((vnode, key) => { + const name = getComponentName(vnode.type); + if (name && (!filter || !filter(name))) { + pruneCacheEntry(key); + } + }); + } + function pruneCacheEntry(key) { + const cached = cache.get(key); + if (!current || cached.type !== current.type) { + unmount(cached); + } + else if (current) { + // current active instance should no longer be kept-alive. + // we can't unmount it now but it might be later, so reset its flag now. + resetShapeFlag(current); + } + cache.delete(key); + keys.delete(key); + } + // prune cache on include/exclude prop change + watch(() => [props.include, props.exclude], ([include, exclude]) => { + include && pruneCache(name => matches(include, name)); + exclude && pruneCache(name => !matches(exclude, name)); + }, + // prune post-render after `current` has been updated + { flush: 'post', deep: true }); + // cache sub tree after render + let pendingCacheKey = null; + const cacheSubtree = () => { + // fix #1621, the pendingCacheKey could be 0 + if (pendingCacheKey != null) { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + } + }; + onMounted(cacheSubtree); + onUpdated(cacheSubtree); + onBeforeUnmount(() => { + cache.forEach(cached => { + const { subTree, suspense } = instance; + const vnode = getInnerChild(subTree); + if (cached.type === vnode.type) { + // current instance will be unmounted as part of keep-alive's unmount + resetShapeFlag(vnode); + // but invoke its deactivated hook here + const da = vnode.component.da; + da && queuePostRenderEffect(da, suspense); + return; + } + unmount(cached); + }); + }); + return () => { + pendingCacheKey = null; + if (!slots.default) { + return null; + } + const children = slots.default(); + const rawVNode = children[0]; + if (children.length > 1) { + { + warn$1(`KeepAlive should contain exactly one component child.`); + } + current = null; + return children; + } + else if (!isVNode(rawVNode) || + (!(rawVNode.shapeFlag & 4 /* STATEFUL_COMPONENT */) && + !(rawVNode.shapeFlag & 128 /* SUSPENSE */))) { + current = null; + return rawVNode; + } + let vnode = getInnerChild(rawVNode); + const comp = vnode.type; + // for async components, name check should be based in its loaded + // inner component if available + const name = getComponentName(isAsyncWrapper(vnode) + ? vnode.type.__asyncResolved || {} + : comp); + const { include, exclude, max } = props; + if ((include && (!name || !matches(include, name))) || + (exclude && name && matches(exclude, name))) { + current = vnode; + return rawVNode; + } + const key = vnode.key == null ? comp : vnode.key; + const cachedVNode = cache.get(key); + // clone vnode if it's reused because we are going to mutate it + if (vnode.el) { + vnode = cloneVNode(vnode); + if (rawVNode.shapeFlag & 128 /* SUSPENSE */) { + rawVNode.ssContent = vnode; + } + } + // #1513 it's possible for the returned vnode to be cloned due to attr + // fallthrough or scopeId, so the vnode here may not be the final vnode + // that is mounted. Instead of caching it directly, we store the pending + // key and cache `instance.subTree` (the normalized vnode) in + // beforeMount/beforeUpdate hooks. + pendingCacheKey = key; + if (cachedVNode) { + // copy over mounted state + vnode.el = cachedVNode.el; + vnode.component = cachedVNode.component; + if (vnode.transition) { + // recursively update transition hooks on subTree + setTransitionHooks(vnode, vnode.transition); + } + // avoid vnode being mounted as fresh + vnode.shapeFlag |= 512 /* COMPONENT_KEPT_ALIVE */; + // make this key the freshest + keys.delete(key); + keys.add(key); + } + else { + keys.add(key); + // prune oldest entry + if (max && keys.size > parseInt(max, 10)) { + pruneCacheEntry(keys.values().next().value); + } + } + // avoid vnode being unmounted + vnode.shapeFlag |= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + current = vnode; + return rawVNode; + }; + } + }; + // export the public type for h/tsx inference + // also to avoid inline import() in generated d.ts files + const KeepAlive = KeepAliveImpl; + function matches(pattern, name) { + if (isArray(pattern)) { + return pattern.some((p) => matches(p, name)); + } + else if (isString(pattern)) { + return pattern.split(',').indexOf(name) > -1; + } + else if (pattern.test) { + return pattern.test(name); + } + /* istanbul ignore next */ + return false; + } + function onActivated(hook, target) { + registerKeepAliveHook(hook, "a" /* ACTIVATED */, target); + } + function onDeactivated(hook, target) { + registerKeepAliveHook(hook, "da" /* DEACTIVATED */, target); + } + function registerKeepAliveHook(hook, type, target = currentInstance) { + // cache the deactivate branch check wrapper for injected hooks so the same + // hook can be properly deduped by the scheduler. "__wdc" stands for "with + // deactivation check". + const wrappedHook = hook.__wdc || + (hook.__wdc = () => { + // only fire the hook if the target instance is NOT in a deactivated branch. + let current = target; + while (current) { + if (current.isDeactivated) { + return; + } + current = current.parent; + } + hook(); + }); + injectHook(type, wrappedHook, target); + // In addition to registering it on the target instance, we walk up the parent + // chain and register it on all ancestor instances that are keep-alive roots. + // This avoids the need to walk the entire component tree when invoking these + // hooks, and more importantly, avoids the need to track child components in + // arrays. + if (target) { + let current = target.parent; + while (current && current.parent) { + if (isKeepAlive(current.parent.vnode)) { + injectToKeepAliveRoot(wrappedHook, type, target, current); + } + current = current.parent; + } + } + } + function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { + // injectHook wraps the original for error handling, so make sure to remove + // the wrapped version. + const injected = injectHook(type, hook, keepAliveRoot, true /* prepend */); + onUnmounted(() => { + remove(keepAliveRoot[type], injected); + }, target); + } + function resetShapeFlag(vnode) { + let shapeFlag = vnode.shapeFlag; + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + shapeFlag -= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + } + if (shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + shapeFlag -= 512 /* COMPONENT_KEPT_ALIVE */; + } + vnode.shapeFlag = shapeFlag; + } + function getInnerChild(vnode) { + return vnode.shapeFlag & 128 /* SUSPENSE */ ? vnode.ssContent : vnode; + } + + function injectHook(type, hook, target = currentInstance, prepend = false) { + if (target) { + const hooks = target[type] || (target[type] = []); + // cache the error handling wrapper for injected hooks so the same hook + // can be properly deduped by the scheduler. "__weh" stands for "with error + // handling". + const wrappedHook = hook.__weh || + (hook.__weh = (...args) => { + if (target.isUnmounted) { + return; + } + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + // Set currentInstance during hook invocation. + // This assumes the hook does not synchronously trigger other hooks, which + // can only be false when the user does something really funky. + setCurrentInstance(target); + const res = callWithAsyncErrorHandling(hook, target, type, args); + unsetCurrentInstance(); + resetTracking(); + return res; + }); + if (prepend) { + hooks.unshift(wrappedHook); + } + else { + hooks.push(wrappedHook); + } + return wrappedHook; + } + else { + const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, '')); + warn$1(`${apiName} is called when there is no active component instance to be ` + + `associated with. ` + + `Lifecycle injection APIs can only be used during execution of setup().` + + (` If you are using async setup(), make sure to register lifecycle ` + + `hooks before the first await statement.` + )); + } + } + const createHook = (lifecycle) => (hook, target = currentInstance) => + // post-create lifecycle registrations are noops during SSR (except for serverPrefetch) + (!isInSSRComponentSetup || lifecycle === "sp" /* SERVER_PREFETCH */) && + injectHook(lifecycle, hook, target); + const onBeforeMount = createHook("bm" /* BEFORE_MOUNT */); + const onMounted = createHook("m" /* MOUNTED */); + const onBeforeUpdate = createHook("bu" /* BEFORE_UPDATE */); + const onUpdated = createHook("u" /* UPDATED */); + const onBeforeUnmount = createHook("bum" /* BEFORE_UNMOUNT */); + const onUnmounted = createHook("um" /* UNMOUNTED */); + const onServerPrefetch = createHook("sp" /* SERVER_PREFETCH */); + const onRenderTriggered = createHook("rtg" /* RENDER_TRIGGERED */); + const onRenderTracked = createHook("rtc" /* RENDER_TRACKED */); + function onErrorCaptured(hook, target = currentInstance) { + injectHook("ec" /* ERROR_CAPTURED */, hook, target); + } + + function createDuplicateChecker() { + const cache = Object.create(null); + return (type, key) => { + if (cache[key]) { + warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`); + } + else { + cache[key] = type; + } + }; + } + let shouldCacheAccess = true; + function applyOptions(instance) { + const options = resolveMergedOptions(instance); + const publicThis = instance.proxy; + const ctx = instance.ctx; + // do not cache property access on public proxy during state initialization + shouldCacheAccess = false; + // call beforeCreate first before accessing other options since + // the hook may mutate resolved options (#2791) + if (options.beforeCreate) { + callHook(options.beforeCreate, instance, "bc" /* BEFORE_CREATE */); + } + const { + // state + data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, + // lifecycle + created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured, serverPrefetch, + // public API + expose, inheritAttrs, + // assets + components, directives, filters } = options; + const checkDuplicateProperties = createDuplicateChecker() ; + { + const [propsOptions] = instance.propsOptions; + if (propsOptions) { + for (const key in propsOptions) { + checkDuplicateProperties("Props" /* PROPS */, key); + } + } + } + // options initialization order (to be consistent with Vue 2): + // - props (already done outside of this function) + // - inject + // - methods + // - data (deferred since it relies on `this` access) + // - computed + // - watch (deferred since it relies on `this` access) + if (injectOptions) { + resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef); + } + if (methods) { + for (const key in methods) { + const methodHandler = methods[key]; + if (isFunction(methodHandler)) { + // In dev mode, we use the `createRenderContext` function to define + // methods to the proxy target, and those are read-only but + // reconfigurable, so it needs to be redefined here + { + Object.defineProperty(ctx, key, { + value: methodHandler.bind(publicThis), + configurable: true, + enumerable: true, + writable: true + }); + } + { + checkDuplicateProperties("Methods" /* METHODS */, key); + } + } + else { + warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` + + `Did you reference the function correctly?`); + } + } + } + if (dataOptions) { + if (!isFunction(dataOptions)) { + warn$1(`The data option must be a function. ` + + `Plain object usage is no longer supported.`); + } + const data = dataOptions.call(publicThis, publicThis); + if (isPromise(data)) { + warn$1(`data() returned a Promise - note data() cannot be async; If you ` + + `intend to perform data fetching before component renders, use ` + + `async setup() + <Suspense>.`); + } + if (!isObject(data)) { + warn$1(`data() should return an object.`); + } + else { + instance.data = reactive(data); + { + for (const key in data) { + checkDuplicateProperties("Data" /* DATA */, key); + // expose data on ctx during dev + if (key[0] !== '$' && key[0] !== '_') { + Object.defineProperty(ctx, key, { + configurable: true, + enumerable: true, + get: () => data[key], + set: NOOP + }); + } + } + } + } + } + // state initialization complete at this point - start caching access + shouldCacheAccess = true; + if (computedOptions) { + for (const key in computedOptions) { + const opt = computedOptions[key]; + const get = isFunction(opt) + ? opt.bind(publicThis, publicThis) + : isFunction(opt.get) + ? opt.get.bind(publicThis, publicThis) + : NOOP; + if (get === NOOP) { + warn$1(`Computed property "${key}" has no getter.`); + } + const set = !isFunction(opt) && isFunction(opt.set) + ? opt.set.bind(publicThis) + : () => { + warn$1(`Write operation failed: computed property "${key}" is readonly.`); + } + ; + const c = computed({ + get, + set + }); + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => c.value, + set: v => (c.value = v) + }); + { + checkDuplicateProperties("Computed" /* COMPUTED */, key); + } + } + } + if (watchOptions) { + for (const key in watchOptions) { + createWatcher(watchOptions[key], ctx, publicThis, key); + } + } + if (provideOptions) { + const provides = isFunction(provideOptions) + ? provideOptions.call(publicThis) + : provideOptions; + Reflect.ownKeys(provides).forEach(key => { + provide(key, provides[key]); + }); + } + if (created) { + callHook(created, instance, "c" /* CREATED */); + } + function registerLifecycleHook(register, hook) { + if (isArray(hook)) { + hook.forEach(_hook => register(_hook.bind(publicThis))); + } + else if (hook) { + register(hook.bind(publicThis)); + } + } + registerLifecycleHook(onBeforeMount, beforeMount); + registerLifecycleHook(onMounted, mounted); + registerLifecycleHook(onBeforeUpdate, beforeUpdate); + registerLifecycleHook(onUpdated, updated); + registerLifecycleHook(onActivated, activated); + registerLifecycleHook(onDeactivated, deactivated); + registerLifecycleHook(onErrorCaptured, errorCaptured); + registerLifecycleHook(onRenderTracked, renderTracked); + registerLifecycleHook(onRenderTriggered, renderTriggered); + registerLifecycleHook(onBeforeUnmount, beforeUnmount); + registerLifecycleHook(onUnmounted, unmounted); + registerLifecycleHook(onServerPrefetch, serverPrefetch); + if (isArray(expose)) { + if (expose.length) { + const exposed = instance.exposed || (instance.exposed = {}); + expose.forEach(key => { + Object.defineProperty(exposed, key, { + get: () => publicThis[key], + set: val => (publicThis[key] = val) + }); + }); + } + else if (!instance.exposed) { + instance.exposed = {}; + } + } + // options that are handled when creating the instance but also need to be + // applied from mixins + if (render && instance.render === NOOP) { + instance.render = render; + } + if (inheritAttrs != null) { + instance.inheritAttrs = inheritAttrs; + } + // asset options. + if (components) + instance.components = components; + if (directives) + instance.directives = directives; + } + function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) { + if (isArray(injectOptions)) { + injectOptions = normalizeInject(injectOptions); + } + for (const key in injectOptions) { + const opt = injectOptions[key]; + let injected; + if (isObject(opt)) { + if ('default' in opt) { + injected = inject(opt.from || key, opt.default, true /* treat default function as factory */); + } + else { + injected = inject(opt.from || key); + } + } + else { + injected = inject(opt); + } + if (isRef(injected)) { + // TODO remove the check in 3.3 + if (unwrapRef) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => injected.value, + set: v => (injected.value = v) + }); + } + else { + { + warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` + + `and no longer needs \`.value\` in the next minor release. ` + + `To opt-in to the new behavior now, ` + + `set \`app.config.unwrapInjectedRef = true\` (this config is ` + + `temporary and will not be needed in the future.)`); + } + ctx[key] = injected; + } + } + else { + ctx[key] = injected; + } + { + checkDuplicateProperties("Inject" /* INJECT */, key); + } + } + } + function callHook(hook, instance, type) { + callWithAsyncErrorHandling(isArray(hook) + ? hook.map(h => h.bind(instance.proxy)) + : hook.bind(instance.proxy), instance, type); + } + function createWatcher(raw, ctx, publicThis, key) { + const getter = key.includes('.') + ? createPathGetter(publicThis, key) + : () => publicThis[key]; + if (isString(raw)) { + const handler = ctx[raw]; + if (isFunction(handler)) { + watch(getter, handler); + } + else { + warn$1(`Invalid watch handler specified by key "${raw}"`, handler); + } + } + else if (isFunction(raw)) { + watch(getter, raw.bind(publicThis)); + } + else if (isObject(raw)) { + if (isArray(raw)) { + raw.forEach(r => createWatcher(r, ctx, publicThis, key)); + } + else { + const handler = isFunction(raw.handler) + ? raw.handler.bind(publicThis) + : ctx[raw.handler]; + if (isFunction(handler)) { + watch(getter, handler, raw); + } + else { + warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler); + } + } + } + else { + warn$1(`Invalid watch option: "${key}"`, raw); + } + } + /** + * Resolve merged options and cache it on the component. + * This is done only once per-component since the merging does not involve + * instances. + */ + function resolveMergedOptions(instance) { + const base = instance.type; + const { mixins, extends: extendsOptions } = base; + const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext; + const cached = cache.get(base); + let resolved; + if (cached) { + resolved = cached; + } + else if (!globalMixins.length && !mixins && !extendsOptions) { + { + resolved = base; + } + } + else { + resolved = {}; + if (globalMixins.length) { + globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true)); + } + mergeOptions(resolved, base, optionMergeStrategies); + } + cache.set(base, resolved); + return resolved; + } + function mergeOptions(to, from, strats, asMixin = false) { + const { mixins, extends: extendsOptions } = from; + if (extendsOptions) { + mergeOptions(to, extendsOptions, strats, true); + } + if (mixins) { + mixins.forEach((m) => mergeOptions(to, m, strats, true)); + } + for (const key in from) { + if (asMixin && key === 'expose') { + warn$1(`"expose" option is ignored when declared in mixins or extends. ` + + `It should only be declared in the base component itself.`); + } + else { + const strat = internalOptionMergeStrats[key] || (strats && strats[key]); + to[key] = strat ? strat(to[key], from[key]) : from[key]; + } + } + return to; + } + const internalOptionMergeStrats = { + data: mergeDataFn, + props: mergeObjectOptions, + emits: mergeObjectOptions, + // objects + methods: mergeObjectOptions, + computed: mergeObjectOptions, + // lifecycle + beforeCreate: mergeAsArray, + created: mergeAsArray, + beforeMount: mergeAsArray, + mounted: mergeAsArray, + beforeUpdate: mergeAsArray, + updated: mergeAsArray, + beforeDestroy: mergeAsArray, + destroyed: mergeAsArray, + activated: mergeAsArray, + deactivated: mergeAsArray, + errorCaptured: mergeAsArray, + serverPrefetch: mergeAsArray, + // assets + components: mergeObjectOptions, + directives: mergeObjectOptions, + // watch + watch: mergeWatchOptions, + // provide / inject + provide: mergeDataFn, + inject: mergeInject + }; + function mergeDataFn(to, from) { + if (!from) { + return to; + } + if (!to) { + return from; + } + return function mergedDataFn() { + return (extend)(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from); + }; + } + function mergeInject(to, from) { + return mergeObjectOptions(normalizeInject(to), normalizeInject(from)); + } + function normalizeInject(raw) { + if (isArray(raw)) { + const res = {}; + for (let i = 0; i < raw.length; i++) { + res[raw[i]] = raw[i]; + } + return res; + } + return raw; + } + function mergeAsArray(to, from) { + return to ? [...new Set([].concat(to, from))] : from; + } + function mergeObjectOptions(to, from) { + return to ? extend(extend(Object.create(null), to), from) : from; + } + function mergeWatchOptions(to, from) { + if (!to) + return from; + if (!from) + return to; + const merged = extend(Object.create(null), to); + for (const key in from) { + merged[key] = mergeAsArray(to[key], from[key]); + } + return merged; + } + + function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison + isSSR = false) { + const props = {}; + const attrs = {}; + def(attrs, InternalObjectKey, 1); + instance.propsDefaults = Object.create(null); + setFullProps(instance, rawProps, props, attrs); + // ensure all declared prop keys are present + for (const key in instance.propsOptions[0]) { + if (!(key in props)) { + props[key] = undefined; + } + } + // validation + { + validateProps(rawProps || {}, props, instance); + } + if (isStateful) { + // stateful + instance.props = isSSR ? props : shallowReactive(props); + } + else { + if (!instance.type.props) { + // functional w/ optional props, props === attrs + instance.props = attrs; + } + else { + // functional w/ declared props + instance.props = props; + } + } + instance.attrs = attrs; + } + function updateProps(instance, rawProps, rawPrevProps, optimized) { + const { props, attrs, vnode: { patchFlag } } = instance; + const rawCurrentProps = toRaw(props); + const [options] = instance.propsOptions; + let hasAttrsChanged = false; + if ( + // always force full diff in dev + // - #1942 if hmr is enabled with sfc component + // - vite#872 non-sfc component used by sfc component + !((instance.type.__hmrId || + (instance.parent && instance.parent.type.__hmrId))) && + (optimized || patchFlag > 0) && + !(patchFlag & 16 /* FULL_PROPS */)) { + if (patchFlag & 8 /* PROPS */) { + // Compiler-generated props & no keys change, just set the updated + // the props. + const propsToUpdate = instance.vnode.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + let key = propsToUpdate[i]; + // PROPS flag guarantees rawProps to be non-null + const value = rawProps[key]; + if (options) { + // attr / props separation was done on init and will be consistent + // in this code path, so just check if attrs have it. + if (hasOwn(attrs, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + else { + const camelizedKey = camelize(key); + props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false /* isAbsent */); + } + } + else { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + } + else { + // full props update. + if (setFullProps(instance, rawProps, props, attrs)) { + hasAttrsChanged = true; + } + // in case of dynamic props, check if we need to delete keys from + // the props object + let kebabKey; + for (const key in rawCurrentProps) { + if (!rawProps || + // for camelCase + (!hasOwn(rawProps, key) && + // it's possible the original props was passed in as kebab-case + // and converted to camelCase (#955) + ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))) { + if (options) { + if (rawPrevProps && + // for camelCase + (rawPrevProps[key] !== undefined || + // for kebab-case + rawPrevProps[kebabKey] !== undefined)) { + props[key] = resolvePropValue(options, rawCurrentProps, key, undefined, instance, true /* isAbsent */); + } + } + else { + delete props[key]; + } + } + } + // in the case of functional component w/o props declaration, props and + // attrs point to the same object so it should already have been updated. + if (attrs !== rawCurrentProps) { + for (const key in attrs) { + if (!rawProps || !hasOwn(rawProps, key)) { + delete attrs[key]; + hasAttrsChanged = true; + } + } + } + } + // trigger updates for $attrs in case it's used in component slots + if (hasAttrsChanged) { + trigger(instance, "set" /* SET */, '$attrs'); + } + { + validateProps(rawProps || {}, props, instance); + } + } + function setFullProps(instance, rawProps, props, attrs) { + const [options, needCastKeys] = instance.propsOptions; + let hasAttrsChanged = false; + let rawCastValues; + if (rawProps) { + for (let key in rawProps) { + // key, ref are reserved and never passed down + if (isReservedProp(key)) { + continue; + } + const value = rawProps[key]; + // prop option names are camelized during normalization, so to support + // kebab -> camel conversion here we need to camelize the key. + let camelKey; + if (options && hasOwn(options, (camelKey = camelize(key)))) { + if (!needCastKeys || !needCastKeys.includes(camelKey)) { + props[camelKey] = value; + } + else { + (rawCastValues || (rawCastValues = {}))[camelKey] = value; + } + } + else if (!isEmitListener(instance.emitsOptions, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + if (needCastKeys) { + const rawCurrentProps = toRaw(props); + const castValues = rawCastValues || EMPTY_OBJ; + for (let i = 0; i < needCastKeys.length; i++) { + const key = needCastKeys[i]; + props[key] = resolvePropValue(options, rawCurrentProps, key, castValues[key], instance, !hasOwn(castValues, key)); + } + } + return hasAttrsChanged; + } + function resolvePropValue(options, props, key, value, instance, isAbsent) { + const opt = options[key]; + if (opt != null) { + const hasDefault = hasOwn(opt, 'default'); + // default values + if (hasDefault && value === undefined) { + const defaultValue = opt.default; + if (opt.type !== Function && isFunction(defaultValue)) { + const { propsDefaults } = instance; + if (key in propsDefaults) { + value = propsDefaults[key]; + } + else { + setCurrentInstance(instance); + value = propsDefaults[key] = defaultValue.call(null, props); + unsetCurrentInstance(); + } + } + else { + value = defaultValue; + } + } + // boolean casting + if (opt[0 /* shouldCast */]) { + if (isAbsent && !hasDefault) { + value = false; + } + else if (opt[1 /* shouldCastTrue */] && + (value === '' || value === hyphenate(key))) { + value = true; + } + } + } + return value; + } + function normalizePropsOptions(comp, appContext, asMixin = false) { + const cache = appContext.propsCache; + const cached = cache.get(comp); + if (cached) { + return cached; + } + const raw = comp.props; + const normalized = {}; + const needCastKeys = []; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendProps = (raw) => { + hasExtends = true; + const [props, keys] = normalizePropsOptions(raw, appContext, true); + extend(normalized, props); + if (keys) + needCastKeys.push(...keys); + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendProps); + } + if (comp.extends) { + extendProps(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendProps); + } + } + if (!raw && !hasExtends) { + cache.set(comp, EMPTY_ARR); + return EMPTY_ARR; + } + if (isArray(raw)) { + for (let i = 0; i < raw.length; i++) { + if (!isString(raw[i])) { + warn$1(`props must be strings when using array syntax.`, raw[i]); + } + const normalizedKey = camelize(raw[i]); + if (validatePropName(normalizedKey)) { + normalized[normalizedKey] = EMPTY_OBJ; + } + } + } + else if (raw) { + if (!isObject(raw)) { + warn$1(`invalid props options`, raw); + } + for (const key in raw) { + const normalizedKey = camelize(key); + if (validatePropName(normalizedKey)) { + const opt = raw[key]; + const prop = (normalized[normalizedKey] = + isArray(opt) || isFunction(opt) ? { type: opt } : opt); + if (prop) { + const booleanIndex = getTypeIndex(Boolean, prop.type); + const stringIndex = getTypeIndex(String, prop.type); + prop[0 /* shouldCast */] = booleanIndex > -1; + prop[1 /* shouldCastTrue */] = + stringIndex < 0 || booleanIndex < stringIndex; + // if the prop needs boolean casting or default value + if (booleanIndex > -1 || hasOwn(prop, 'default')) { + needCastKeys.push(normalizedKey); + } + } + } + } + } + const res = [normalized, needCastKeys]; + cache.set(comp, res); + return res; + } + function validatePropName(key) { + if (key[0] !== '$') { + return true; + } + else { + warn$1(`Invalid prop name: "${key}" is a reserved property.`); + } + return false; + } + // use function string name to check type constructors + // so that it works across vms / iframes. + function getType(ctor) { + const match = ctor && ctor.toString().match(/^\s*function (\w+)/); + return match ? match[1] : ctor === null ? 'null' : ''; + } + function isSameType(a, b) { + return getType(a) === getType(b); + } + function getTypeIndex(type, expectedTypes) { + if (isArray(expectedTypes)) { + return expectedTypes.findIndex(t => isSameType(t, type)); + } + else if (isFunction(expectedTypes)) { + return isSameType(expectedTypes, type) ? 0 : -1; + } + return -1; + } + /** + * dev only + */ + function validateProps(rawProps, props, instance) { + const resolvedValues = toRaw(props); + const options = instance.propsOptions[0]; + for (const key in options) { + let opt = options[key]; + if (opt == null) + continue; + validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))); + } + } + /** + * dev only + */ + function validateProp(name, value, prop, isAbsent) { + const { type, required, validator } = prop; + // required! + if (required && isAbsent) { + warn$1('Missing required prop: "' + name + '"'); + return; + } + // missing but optional + if (value == null && !prop.required) { + return; + } + // type check + if (type != null && type !== true) { + let isValid = false; + const types = isArray(type) ? type : [type]; + const expectedTypes = []; + // value is valid as long as one of the specified types match + for (let i = 0; i < types.length && !isValid; i++) { + const { valid, expectedType } = assertType(value, types[i]); + expectedTypes.push(expectedType || ''); + isValid = valid; + } + if (!isValid) { + warn$1(getInvalidTypeMessage(name, value, expectedTypes)); + return; + } + } + // custom validator + if (validator && !validator(value)) { + warn$1('Invalid prop: custom validator check failed for prop "' + name + '".'); + } + } + const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt'); + /** + * dev only + */ + function assertType(value, type) { + let valid; + const expectedType = getType(type); + if (isSimpleType(expectedType)) { + const t = typeof value; + valid = t === expectedType.toLowerCase(); + // for primitive wrapper objects + if (!valid && t === 'object') { + valid = value instanceof type; + } + } + else if (expectedType === 'Object') { + valid = isObject(value); + } + else if (expectedType === 'Array') { + valid = isArray(value); + } + else if (expectedType === 'null') { + valid = value === null; + } + else { + valid = value instanceof type; + } + return { + valid, + expectedType + }; + } + /** + * dev only + */ + function getInvalidTypeMessage(name, value, expectedTypes) { + let message = `Invalid prop: type check failed for prop "${name}".` + + ` Expected ${expectedTypes.map(capitalize).join(' | ')}`; + const expectedType = expectedTypes[0]; + const receivedType = toRawType(value); + const expectedValue = styleValue(value, expectedType); + const receivedValue = styleValue(value, receivedType); + // check if we need to specify expected value + if (expectedTypes.length === 1 && + isExplicable(expectedType) && + !isBoolean(expectedType, receivedType)) { + message += ` with value ${expectedValue}`; + } + message += `, got ${receivedType} `; + // check if we need to specify received value + if (isExplicable(receivedType)) { + message += `with value ${receivedValue}.`; + } + return message; + } + /** + * dev only + */ + function styleValue(value, type) { + if (type === 'String') { + return `"${value}"`; + } + else if (type === 'Number') { + return `${Number(value)}`; + } + else { + return `${value}`; + } + } + /** + * dev only + */ + function isExplicable(type) { + const explicitTypes = ['string', 'number', 'boolean']; + return explicitTypes.some(elem => type.toLowerCase() === elem); + } + /** + * dev only + */ + function isBoolean(...args) { + return args.some(elem => elem.toLowerCase() === 'boolean'); + } + + const isInternalKey = (key) => key[0] === '_' || key === '$stable'; + const normalizeSlotValue = (value) => isArray(value) + ? value.map(normalizeVNode) + : [normalizeVNode(value)]; + const normalizeSlot = (key, rawSlot, ctx) => { + const normalized = withCtx((...args) => { + if (currentInstance) { + warn$1(`Slot "${key}" invoked outside of the render function: ` + + `this will not track dependencies used in the slot. ` + + `Invoke the slot function inside the render function instead.`); + } + return normalizeSlotValue(rawSlot(...args)); + }, ctx); + normalized._c = false; + return normalized; + }; + const normalizeObjectSlots = (rawSlots, slots, instance) => { + const ctx = rawSlots._ctx; + for (const key in rawSlots) { + if (isInternalKey(key)) + continue; + const value = rawSlots[key]; + if (isFunction(value)) { + slots[key] = normalizeSlot(key, value, ctx); + } + else if (value != null) { + { + warn$1(`Non-function value encountered for slot "${key}". ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(value); + slots[key] = () => normalized; + } + } + }; + const normalizeVNodeSlots = (instance, children) => { + if (!isKeepAlive(instance.vnode) && + !(false )) { + warn$1(`Non-function value encountered for default slot. ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(children); + instance.slots.default = () => normalized; + }; + const initSlots = (instance, children) => { + if (instance.vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // users can get the shallow readonly version of the slots object through `this.$slots`, + // we should avoid the proxy object polluting the slots of the internal instance + instance.slots = toRaw(children); + // make compiler marker non-enumerable + def(children, '_', type); + } + else { + normalizeObjectSlots(children, (instance.slots = {})); + } + } + else { + instance.slots = {}; + if (children) { + normalizeVNodeSlots(instance, children); + } + } + def(instance.slots, InternalObjectKey, 1); + }; + const updateSlots = (instance, children, optimized) => { + const { vnode, slots } = instance; + let needDeletionCheck = true; + let deletionComparisonTarget = EMPTY_OBJ; + if (vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // compiled slots. + if (isHmrUpdating) { + // Parent was HMR updated so slot content may have changed. + // force update slots and mark instance for hmr as well + extend(slots, children); + } + else if (optimized && type === 1 /* STABLE */) { + // compiled AND stable. + // no need to update, and skip stale slots removal. + needDeletionCheck = false; + } + else { + // compiled but dynamic (v-if/v-for on slots) - update slots, but skip + // normalization. + extend(slots, children); + // #2893 + // when rendering the optimized slots by manually written render function, + // we need to delete the `slots._` flag if necessary to make subsequent updates reliable, + // i.e. let the `renderSlot` create the bailed Fragment + if (!optimized && type === 1 /* STABLE */) { + delete slots._; + } + } + } + else { + needDeletionCheck = !children.$stable; + normalizeObjectSlots(children, slots); + } + deletionComparisonTarget = children; + } + else if (children) { + // non slot object children (direct value) passed to a component + normalizeVNodeSlots(instance, children); + deletionComparisonTarget = { default: 1 }; + } + // delete stale slots + if (needDeletionCheck) { + for (const key in slots) { + if (!isInternalKey(key) && !(key in deletionComparisonTarget)) { + delete slots[key]; + } + } + } + }; + + /** + Runtime helper for applying directives to a vnode. Example usage: + + const comp = resolveComponent('comp') + const foo = resolveDirective('foo') + const bar = resolveDirective('bar') + + return withDirectives(h(comp), [ + [foo, this.x], + [bar, this.y] + ]) + */ + const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text'); + function validateDirectiveName(name) { + if (isBuiltInDirective(name)) { + warn$1('Do not use built-in directive ids as custom directive id: ' + name); + } + } + /** + * Adds directives to a VNode. + */ + function withDirectives(vnode, directives) { + const internalInstance = currentRenderingInstance; + if (internalInstance === null) { + warn$1(`withDirectives can only be used inside render functions.`); + return vnode; + } + const instance = internalInstance.proxy; + const bindings = vnode.dirs || (vnode.dirs = []); + for (let i = 0; i < directives.length; i++) { + let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; + if (isFunction(dir)) { + dir = { + mounted: dir, + updated: dir + }; + } + if (dir.deep) { + traverse(value); + } + bindings.push({ + dir, + instance, + value, + oldValue: void 0, + arg, + modifiers + }); + } + return vnode; + } + function invokeDirectiveHook(vnode, prevVNode, instance, name) { + const bindings = vnode.dirs; + const oldBindings = prevVNode && prevVNode.dirs; + for (let i = 0; i < bindings.length; i++) { + const binding = bindings[i]; + if (oldBindings) { + binding.oldValue = oldBindings[i].value; + } + let hook = binding.dir[name]; + if (hook) { + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + callWithAsyncErrorHandling(hook, instance, 8 /* DIRECTIVE_HOOK */, [ + vnode.el, + binding, + vnode, + prevVNode + ]); + resetTracking(); + } + } + } + + function createAppContext() { + return { + app: null, + config: { + isNativeTag: NO, + performance: false, + globalProperties: {}, + optionMergeStrategies: {}, + errorHandler: undefined, + warnHandler: undefined, + compilerOptions: {} + }, + mixins: [], + components: {}, + directives: {}, + provides: Object.create(null), + optionsCache: new WeakMap(), + propsCache: new WeakMap(), + emitsCache: new WeakMap() + }; + } + let uid = 0; + function createAppAPI(render, hydrate) { + return function createApp(rootComponent, rootProps = null) { + if (rootProps != null && !isObject(rootProps)) { + warn$1(`root props passed to app.mount() must be an object.`); + rootProps = null; + } + const context = createAppContext(); + const installedPlugins = new Set(); + let isMounted = false; + const app = (context.app = { + _uid: uid++, + _component: rootComponent, + _props: rootProps, + _container: null, + _context: context, + _instance: null, + version, + get config() { + return context.config; + }, + set config(v) { + { + warn$1(`app.config cannot be replaced. Modify individual options instead.`); + } + }, + use(plugin, ...options) { + if (installedPlugins.has(plugin)) { + warn$1(`Plugin has already been applied to target app.`); + } + else if (plugin && isFunction(plugin.install)) { + installedPlugins.add(plugin); + plugin.install(app, ...options); + } + else if (isFunction(plugin)) { + installedPlugins.add(plugin); + plugin(app, ...options); + } + else { + warn$1(`A plugin must either be a function or an object with an "install" ` + + `function.`); + } + return app; + }, + mixin(mixin) { + { + if (!context.mixins.includes(mixin)) { + context.mixins.push(mixin); + } + else { + warn$1('Mixin has already been applied to target app' + + (mixin.name ? `: ${mixin.name}` : '')); + } + } + return app; + }, + component(name, component) { + { + validateComponentName(name, context.config); + } + if (!component) { + return context.components[name]; + } + if (context.components[name]) { + warn$1(`Component "${name}" has already been registered in target app.`); + } + context.components[name] = component; + return app; + }, + directive(name, directive) { + { + validateDirectiveName(name); + } + if (!directive) { + return context.directives[name]; + } + if (context.directives[name]) { + warn$1(`Directive "${name}" has already been registered in target app.`); + } + context.directives[name] = directive; + return app; + }, + mount(rootContainer, isHydrate, isSVG) { + if (!isMounted) { + const vnode = createVNode(rootComponent, rootProps); + // store app context on the root VNode. + // this will be set on the root instance on initial mount. + vnode.appContext = context; + // HMR root reload + { + context.reload = () => { + render(cloneVNode(vnode), rootContainer, isSVG); + }; + } + if (isHydrate && hydrate) { + hydrate(vnode, rootContainer); + } + else { + render(vnode, rootContainer, isSVG); + } + isMounted = true; + app._container = rootContainer; + rootContainer.__vue_app__ = app; + { + app._instance = vnode.component; + devtoolsInitApp(app, version); + } + return vnode.component.proxy; + } + else { + warn$1(`App has already been mounted.\n` + + `If you want to remount the same app, move your app creation logic ` + + `into a factory function and create fresh app instances for each ` + + `mount - e.g. \`const createMyApp = () => createApp(App)\``); + } + }, + unmount() { + if (isMounted) { + render(null, app._container); + { + app._instance = null; + devtoolsUnmountApp(app); + } + delete app._container.__vue_app__; + } + else { + warn$1(`Cannot unmount an app that is not mounted.`); + } + }, + provide(key, value) { + if (key in context.provides) { + warn$1(`App already provides property with key "${String(key)}". ` + + `It will be overwritten with the new value.`); + } + // TypeScript doesn't allow symbols as index type + // https://github.com/Microsoft/TypeScript/issues/24587 + context.provides[key] = value; + return app; + } + }); + return app; + }; + } + + let hasMismatch = false; + const isSVGContainer = (container) => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject'; + const isComment = (node) => node.nodeType === 8 /* COMMENT */; + // Note: hydration is DOM-specific + // But we have to place it in core due to tight coupling with core - splitting + // it out creates a ton of unnecessary complexity. + // Hydration also depends on some renderer internal logic which needs to be + // passed in via arguments. + function createHydrationFunctions(rendererInternals) { + const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals; + const hydrate = (vnode, container) => { + if (!container.hasChildNodes()) { + warn$1(`Attempting to hydrate existing markup but container is empty. ` + + `Performing full mount instead.`); + patch(null, vnode, container); + flushPostFlushCbs(); + return; + } + hasMismatch = false; + hydrateNode(container.firstChild, vnode, null, null, null); + flushPostFlushCbs(); + if (hasMismatch && !false) { + // this error should show up in production + console.error(`Hydration completed but contains mismatches.`); + } + }; + const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => { + const isFragmentStart = isComment(node) && node.data === '['; + const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart); + const { type, ref, shapeFlag } = vnode; + const domType = node.nodeType; + vnode.el = node; + let nextNode = null; + switch (type) { + case Text: + if (domType !== 3 /* TEXT */) { + nextNode = onMismatch(); + } + else { + if (node.data !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text mismatch:` + + `\n- Client: ${JSON.stringify(node.data)}` + + `\n- Server: ${JSON.stringify(vnode.children)}`); + node.data = vnode.children; + } + nextNode = nextSibling(node); + } + break; + case Comment$1: + if (domType !== 8 /* COMMENT */ || isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = nextSibling(node); + } + break; + case Static: + if (domType !== 1 /* ELEMENT */) { + nextNode = onMismatch(); + } + else { + // determine anchor, adopt content + nextNode = node; + // if the static vnode has its content stripped during build, + // adopt it from the server-rendered HTML. + const needToAdoptContent = !vnode.children.length; + for (let i = 0; i < vnode.staticCount; i++) { + if (needToAdoptContent) + vnode.children += nextNode.outerHTML; + if (i === vnode.staticCount - 1) { + vnode.anchor = nextNode; + } + nextNode = nextSibling(nextNode); + } + return nextNode; + } + break; + case Fragment: + if (!isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + if (domType !== 1 /* ELEMENT */ || + vnode.type.toLowerCase() !== + node.tagName.toLowerCase()) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + } + else if (shapeFlag & 6 /* COMPONENT */) { + // when setting up the render effect, if the initial vnode already + // has .el set, the component will perform hydration instead of mount + // on its sub-tree. + vnode.slotScopeIds = slotScopeIds; + const container = parentNode(node); + mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); + // component may be async, so in the case of fragments we cannot rely + // on component's rendered output to determine the end of the fragment + // instead, we do a lookahead to find the end anchor node. + nextNode = isFragmentStart + ? locateClosingAsyncAnchor(node) + : nextSibling(node); + // #3787 + // if component is async, it may get moved / unmounted before its + // inner component is loaded, so we need to give it a placeholder + // vnode that matches its adopted DOM. + if (isAsyncWrapper(vnode)) { + let subTree; + if (isFragmentStart) { + subTree = createVNode(Fragment); + subTree.anchor = nextNode + ? nextNode.previousSibling + : container.lastChild; + } + else { + subTree = + node.nodeType === 3 ? createTextVNode('') : createVNode('div'); + } + subTree.el = node; + vnode.component.subTree = subTree; + } + } + else if (shapeFlag & 64 /* TELEPORT */) { + if (domType !== 8 /* COMMENT */) { + nextNode = onMismatch(); + } + else { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren); + } + } + else if (shapeFlag & 128 /* SUSPENSE */) { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode); + } + else { + warn$1('Invalid HostVNode type:', type, `(${typeof type})`); + } + } + if (ref != null) { + setRef(ref, null, parentSuspense, vnode); + } + return nextNode; + }; + const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!vnode.dynamicChildren; + const { type, props, patchFlag, shapeFlag, dirs } = vnode; + // #4006 for form elements with non-string v-model value bindings + // e.g. <option :value="obj">, <input type="checkbox" :true-value="1"> + const forcePatchValue = (type === 'input' && dirs) || type === 'option'; + // skip props & children if this is hoisted static nodes + if (forcePatchValue || patchFlag !== -1 /* HOISTED */) { + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + if (forcePatchValue || + !optimized || + patchFlag & (16 /* FULL_PROPS */ | 32 /* HYDRATE_EVENTS */)) { + for (const key in props) { + if ((forcePatchValue && key.endsWith('value')) || + (isOn(key) && !isReservedProp(key))) { + patchProp(el, key, null, props[key]); + } + } + } + else if (props.onClick) { + // Fast path for click listeners (which is most often) to avoid + // iterating through props. + patchProp(el, 'onClick', null, props.onClick); + } + } + // vnode / directive hooks + let vnodeHooks; + if ((vnodeHooks = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHooks, parentComponent, vnode); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + if ((vnodeHooks = props && props.onVnodeMounted) || dirs) { + queueEffectWithSuspense(() => { + vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + // children + if (shapeFlag & 16 /* ARRAY_CHILDREN */ && + // skip if element has innerHTML / textContent + !(props && (props.innerHTML || props.textContent))) { + let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized); + let hasWarned = false; + while (next) { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${vnode.type}>: ` + + `server rendered element contains more child nodes than client vdom.`); + hasWarned = true; + } + // The SSRed DOM contains more nodes than it should. Remove them. + const cur = next; + next = next.nextSibling; + remove(cur); + } + } + else if (shapeFlag & 8 /* TEXT_CHILDREN */) { + if (el.textContent !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` + + `- Client: ${el.textContent}\n` + + `- Server: ${vnode.children}`); + el.textContent = vnode.children; + } + } + } + return el.nextSibling; + }; + const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!parentVNode.dynamicChildren; + const children = parentVNode.children; + const l = children.length; + let hasWarned = false; + for (let i = 0; i < l; i++) { + const vnode = optimized + ? children[i] + : (children[i] = normalizeVNode(children[i])); + if (node) { + node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + else if (vnode.type === Text && !vnode.children) { + continue; + } + else { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` + + `server rendered element contains fewer child nodes than client vdom.`); + hasWarned = true; + } + // the SSRed DOM didn't contain enough nodes. Mount the missing ones. + patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + } + } + return node; + }; + const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + const { slotScopeIds: fragmentSlotScopeIds } = vnode; + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + const container = parentNode(node); + const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized); + if (next && isComment(next) && next.data === ']') { + return nextSibling((vnode.anchor = next)); + } + else { + // fragment didn't hydrate successfully, since we didn't get a end anchor + // back. This should have led to node/children mismatch warnings. + hasMismatch = true; + // since the anchor is missing, we need to create one and insert it + insert((vnode.anchor = createComment(`]`)), container, next); + return next; + } + }; + const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => { + hasMismatch = true; + warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */ + ? `(text)` + : isComment(node) && node.data === '[' + ? `(start of fragment)` + : ``); + vnode.el = null; + if (isFragment) { + // remove excessive fragment nodes + const end = locateClosingAsyncAnchor(node); + while (true) { + const next = nextSibling(node); + if (next && next !== end) { + remove(next); + } + else { + break; + } + } + } + const next = nextSibling(node); + const container = parentNode(node); + remove(node); + patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + return next; + }; + const locateClosingAsyncAnchor = (node) => { + let match = 0; + while (node) { + node = nextSibling(node); + if (node && isComment(node)) { + if (node.data === '[') + match++; + if (node.data === ']') { + if (match === 0) { + return nextSibling(node); + } + else { + match--; + } + } + } + } + return node; + }; + return [hydrate, hydrateNode]; + } + + let supported; + let perf; + function startMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + perf.mark(`vue-${type}-${instance.uid}`); + } + { + devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now()); + } + } + function endMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + const startTag = `vue-${type}-${instance.uid}`; + const endTag = startTag + `:end`; + perf.mark(endTag); + perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag); + perf.clearMarks(startTag); + perf.clearMarks(endTag); + } + { + devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now()); + } + } + function isSupported() { + if (supported !== undefined) { + return supported; + } + /* eslint-disable no-restricted-globals */ + if (typeof window !== 'undefined' && window.performance) { + supported = true; + perf = window.performance; + } + else { + supported = false; + } + /* eslint-enable no-restricted-globals */ + return supported; + } + + const queuePostRenderEffect = queueEffectWithSuspense + ; + /** + * The createRenderer function accepts two generic arguments: + * HostNode and HostElement, corresponding to Node and Element types in the + * host environment. For example, for runtime-dom, HostNode would be the DOM + * `Node` interface and HostElement would be the DOM `Element` interface. + * + * Custom renderers can pass in the platform specific types like this: + * + * ``` js + * const { render, createApp } = createRenderer<Node, Element>({ + * patchProp, + * ...nodeOps + * }) + * ``` + */ + function createRenderer(options) { + return baseCreateRenderer(options); + } + // Separate API for creating hydration-enabled renderer. + // Hydration logic is only used when calling this function, making it + // tree-shakable. + function createHydrationRenderer(options) { + return baseCreateRenderer(options, createHydrationFunctions); + } + // implementation + function baseCreateRenderer(options, createHydrationFns) { + { + const target = getGlobalThis(); + target.__VUE__ = true; + setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__); + } + const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options; + // Note: functions inside this closure should use `const xxx = () => {}` + // style in order to prevent being inlined by minifiers. + const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => { + if (n1 === n2) { + return; + } + // patching & not same type, unmount old tree + if (n1 && !isSameVNodeType(n1, n2)) { + anchor = getNextHostNode(n1); + unmount(n1, parentComponent, parentSuspense, true); + n1 = null; + } + if (n2.patchFlag === -2 /* BAIL */) { + optimized = false; + n2.dynamicChildren = null; + } + const { type, ref, shapeFlag } = n2; + switch (type) { + case Text: + processText(n1, n2, container, anchor); + break; + case Comment$1: + processCommentNode(n1, n2, container, anchor); + break; + case Static: + if (n1 == null) { + mountStaticNode(n2, container, anchor, isSVG); + } + else { + patchStaticNode(n1, n2, container, isSVG); + } + break; + case Fragment: + processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 6 /* COMPONENT */) { + processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 64 /* TELEPORT */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else if (shapeFlag & 128 /* SUSPENSE */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else { + warn$1('Invalid VNode type:', type, `(${typeof type})`); + } + } + // set ref + if (ref != null && parentComponent) { + setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2); + } + }; + const processText = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateText(n2.children)), container, anchor); + } + else { + const el = (n2.el = n1.el); + if (n2.children !== n1.children) { + hostSetText(el, n2.children); + } + } + }; + const processCommentNode = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor); + } + else { + // there's no support for dynamic comments + n2.el = n1.el; + } + }; + const mountStaticNode = (n2, container, anchor, isSVG) => { + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + }; + /** + * Dev / HMR only + */ + const patchStaticNode = (n1, n2, container, isSVG) => { + // static nodes are only patched during dev for HMR + if (n2.children !== n1.children) { + const anchor = hostNextSibling(n1.anchor); + // remove existing + removeStaticNode(n1); + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + } + else { + n2.el = n1.el; + n2.anchor = n1.anchor; + } + }; + const moveStaticNode = ({ el, anchor }, container, nextSibling) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostInsert(el, container, nextSibling); + el = next; + } + hostInsert(anchor, container, nextSibling); + }; + const removeStaticNode = ({ el, anchor }) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostRemove(el); + el = next; + } + hostRemove(anchor); + }; + const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + isSVG = isSVG || n2.type === 'svg'; + if (n1 == null) { + mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let el; + let vnodeHook; + const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode; + { + el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props); + // mount children first, since some props may rely on child content + // being already rendered, e.g. `<select value>` + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(el, vnode.children); + } + else if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + for (const key in props) { + if (key !== 'value' && !isReservedProp(key)) { + hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + /** + * Special case for setting value on DOM elements: + * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024) + * - it needs to be forced (#1471) + * #2353 proposes adding another renderer option to configure this, but + * the properties affects are so finite it is worth special casing it + * here to reduce the complexity. (Special casing it also should not + * affect non-DOM renderers) + */ + if ('value' in props) { + hostPatchProp(el, 'value', null, props.value); + } + if ((vnodeHook = props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + } + // scopeId + setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent); + } + { + Object.defineProperty(el, '__vnode', { + value: vnode, + enumerable: false + }); + Object.defineProperty(el, '__vueParentComponent', { + value: parentComponent, + enumerable: false + }); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved + // #1689 For inside suspense + suspense resolved case, just call it + const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) && + transition && + !transition.persisted; + if (needCallTransitionHooks) { + transition.beforeEnter(el); + } + hostInsert(el, container, anchor); + if ((vnodeHook = props && props.onVnodeMounted) || + needCallTransitionHooks || + dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + needCallTransitionHooks && transition.enter(el); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + }; + const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => { + if (scopeId) { + hostSetScopeId(el, scopeId); + } + if (slotScopeIds) { + for (let i = 0; i < slotScopeIds.length; i++) { + hostSetScopeId(el, slotScopeIds[i]); + } + } + if (parentComponent) { + let subTree = parentComponent.subTree; + if (subTree.patchFlag > 0 && + subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + subTree = + filterSingleRoot(subTree.children) || subTree; + } + if (vnode === subTree) { + const parentVNode = parentComponent.vnode; + setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent); + } + } + }; + const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => { + for (let i = start; i < children.length; i++) { + const child = (children[i] = optimized + ? cloneIfMounted(children[i]) + : normalizeVNode(children[i])); + patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const el = (n2.el = n1.el); + let { patchFlag, dynamicChildren, dirs } = n2; + // #1426 take the old vnode's patch flag into account since user may clone a + // compiler-generated vnode, which de-opts to FULL_PROPS + patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */; + const oldProps = n1.props || EMPTY_OBJ; + const newProps = n2.props || EMPTY_OBJ; + let vnodeHook; + if ((vnodeHook = newProps.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + } + if (dirs) { + invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate'); + } + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + const areChildrenSVG = isSVG && n2.type !== 'foreignObject'; + if (dynamicChildren) { + patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + } + else if (!optimized) { + // full diff + patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false); + } + if (patchFlag > 0) { + // the presence of a patchFlag means this element's render code was + // generated by the compiler and can take the fast path. + // in this path old node and new node are guaranteed to have the same shape + // (i.e. at the exact same position in the source template) + if (patchFlag & 16 /* FULL_PROPS */) { + // element props contain dynamic keys, full diff needed + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + else { + // class + // this flag is matched when the element has dynamic class bindings. + if (patchFlag & 2 /* CLASS */) { + if (oldProps.class !== newProps.class) { + hostPatchProp(el, 'class', null, newProps.class, isSVG); + } + } + // style + // this flag is matched when the element has dynamic style bindings + if (patchFlag & 4 /* STYLE */) { + hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG); + } + // props + // This flag is matched when the element has dynamic prop/attr bindings + // other than class and style. The keys of dynamic prop/attrs are saved for + // faster iteration. + // Note dynamic keys like :[foo]="bar" will cause this optimization to + // bail out and go through a full diff because we need to unset the old key + if (patchFlag & 8 /* PROPS */) { + // if the flag is present then dynamicProps must be non-null + const propsToUpdate = n2.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + const key = propsToUpdate[i]; + const prev = oldProps[key]; + const next = newProps[key]; + // #1471 force patch value + if (next !== prev || key === 'value') { + hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + } + // text + // This flag is matched when the element has only dynamic text children. + if (patchFlag & 1 /* TEXT */) { + if (n1.children !== n2.children) { + hostSetElementText(el, n2.children); + } + } + } + else if (!optimized && dynamicChildren == null) { + // unoptimized, full diff + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + if ((vnodeHook = newProps.onVnodeUpdated) || dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated'); + }, parentSuspense); + } + }; + // The fast path for blocks. + const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => { + for (let i = 0; i < newChildren.length; i++) { + const oldVNode = oldChildren[i]; + const newVNode = newChildren[i]; + // Determine the container (parent element) for the patch. + const container = + // oldVNode may be an errored async setup() component inside Suspense + // which will not have a mounted element + oldVNode.el && + // - In the case of a Fragment, we need to provide the actual parent + // of the Fragment itself so it can move its children. + (oldVNode.type === Fragment || + // - In the case of different nodes, there is going to be a replacement + // which also requires the correct parent container + !isSameVNodeType(oldVNode, newVNode) || + // - In the case of a component, it could contain anything. + oldVNode.shapeFlag & (6 /* COMPONENT */ | 64 /* TELEPORT */)) + ? hostParentNode(oldVNode.el) + : // In other cases, the parent container is not actually used so we + // just pass the block element here to avoid a DOM parentNode call. + fallbackContainer; + patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true); + } + }; + const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => { + if (oldProps !== newProps) { + for (const key in newProps) { + // empty string is not valid prop + if (isReservedProp(key)) + continue; + const next = newProps[key]; + const prev = oldProps[key]; + // defer patching value + if (next !== prev && key !== 'value') { + hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + if (oldProps !== EMPTY_OBJ) { + for (const key in oldProps) { + if (!isReservedProp(key) && !(key in newProps)) { + hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + if ('value' in newProps) { + hostPatchProp(el, 'value', oldProps.value, newProps.value); + } + } + }; + const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText('')); + const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText('')); + let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2; + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + // check if this is a slot fragment with :slotted scope ids + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + if (n1 == null) { + hostInsert(fragmentStartAnchor, container, anchor); + hostInsert(fragmentEndAnchor, container, anchor); + // a fragment can only have array children + // since they are either generated by the compiler, or implicitly created + // from arrays. + mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + if (patchFlag > 0 && + patchFlag & 64 /* STABLE_FRAGMENT */ && + dynamicChildren && + // #2715 the previous fragment could've been a BAILed one as a result + // of renderSlot() with no valid children + n1.dynamicChildren) { + // a stable fragment (template root or <template v-for>) doesn't need to + // patch children order, but it may contain dynamicChildren. + patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + else if ( + // #2080 if the stable fragment has a key, it's a <template v-for> that may + // get moved around. Make sure all root level vnodes inherit el. + // #2134 or if it's a component root, it may also get moved around + // as the component is being moved. + n2.key != null || + (parentComponent && n2 === parentComponent.subTree)) { + traverseStaticChildren(n1, n2, true /* shallow */); + } + } + else { + // keyed / unkeyed, or manual fragments. + // for keyed & unkeyed, since they are compiler generated from v-for, + // each child is guaranteed to be a block so the fragment will never + // have dynamicChildren. + patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + }; + const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + n2.slotScopeIds = slotScopeIds; + if (n1 == null) { + if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized); + } + else { + mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized); + } + } + else { + updateComponent(n1, n2, optimized); + } + }; + const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => { + const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense)); + if (instance.type.__hmrId) { + registerHMR(instance); + } + { + pushWarningContext(initialVNode); + startMeasure(instance, `mount`); + } + // inject renderer internals for keepAlive + if (isKeepAlive(initialVNode)) { + instance.ctx.renderer = internals; + } + // resolve props and slots for setup context + { + { + startMeasure(instance, `init`); + } + setupComponent(instance); + { + endMeasure(instance, `init`); + } + } + // setup() is async. This component relies on async logic to be resolved + // before proceeding + if (instance.asyncDep) { + parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); + // Give it a placeholder if this is not hydration + // TODO handle self-defined fallback + if (!initialVNode.el) { + const placeholder = (instance.subTree = createVNode(Comment$1)); + processCommentNode(null, placeholder, container, anchor); + } + return; + } + setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); + { + popWarningContext(); + endMeasure(instance, `mount`); + } + }; + const updateComponent = (n1, n2, optimized) => { + const instance = (n2.component = n1.component); + if (shouldUpdateComponent(n1, n2, optimized)) { + if (instance.asyncDep && + !instance.asyncResolved) { + // async & still pending - just update props and slots + // since the component's reactive effect for render isn't set-up yet + { + pushWarningContext(n2); + } + updateComponentPreRender(instance, n2, optimized); + { + popWarningContext(); + } + return; + } + else { + // normal update + instance.next = n2; + // in case the child component is also queued, remove it to avoid + // double updating the same child component in the same flush. + invalidateJob(instance.update); + // instance.update is the reactive effect. + instance.update(); + } + } + else { + // no update needed. just copy over properties + n2.component = n1.component; + n2.el = n1.el; + instance.vnode = n2; + } + }; + const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => { + const componentUpdateFn = () => { + if (!instance.isMounted) { + let vnodeHook; + const { el, props } = initialVNode; + const { bm, m, parent } = instance; + const isAsyncWrapperVNode = isAsyncWrapper(initialVNode); + effect.allowRecurse = false; + // beforeMount hook + if (bm) { + invokeArrayFns(bm); + } + // onVnodeBeforeMount + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parent, initialVNode); + } + effect.allowRecurse = true; + if (el && hydrateNode) { + // vnode has adopted host node - perform hydration instead of mount. + const hydrateSubTree = () => { + { + startMeasure(instance, `render`); + } + instance.subTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `hydrate`); + } + hydrateNode(el, instance.subTree, instance, parentSuspense, null); + { + endMeasure(instance, `hydrate`); + } + }; + if (isAsyncWrapperVNode) { + initialVNode.type.__asyncLoader().then( + // note: we are moving the render call into an async callback, + // which means it won't track dependencies - but it's ok because + // a server-rendered async wrapper is already in resolved state + // and it will never need to change. + () => !instance.isUnmounted && hydrateSubTree()); + } + else { + hydrateSubTree(); + } + } + else { + { + startMeasure(instance, `render`); + } + const subTree = (instance.subTree = renderComponentRoot(instance)); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `patch`); + } + patch(null, subTree, container, anchor, instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + initialVNode.el = subTree.el; + } + // mounted hook + if (m) { + queuePostRenderEffect(m, parentSuspense); + } + // onVnodeMounted + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeMounted)) { + const scopedInitialVNode = initialVNode; + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense); + } + // activated hook for keep-alive roots. + // #1742 activated hook must be accessed after first render + // since the hook may be injected by a child keep-alive + if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + instance.a && queuePostRenderEffect(instance.a, parentSuspense); + } + instance.isMounted = true; + { + devtoolsComponentAdded(instance); + } + // #2458: deference mount-only object parameters to prevent memleaks + initialVNode = container = anchor = null; + } + else { + // updateComponent + // This is triggered by mutation of component's own state (next: null) + // OR parent calling processComponent (next: VNode) + let { next, bu, u, parent, vnode } = instance; + let originNext = next; + let vnodeHook; + { + pushWarningContext(next || instance.vnode); + } + // Disallow component effect recursion during pre-lifecycle hooks. + effect.allowRecurse = false; + if (next) { + next.el = vnode.el; + updateComponentPreRender(instance, next, optimized); + } + else { + next = vnode; + } + // beforeUpdate hook + if (bu) { + invokeArrayFns(bu); + } + // onVnodeBeforeUpdate + if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parent, next, vnode); + } + effect.allowRecurse = true; + // render + { + startMeasure(instance, `render`); + } + const nextTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + const prevTree = instance.subTree; + instance.subTree = nextTree; + { + startMeasure(instance, `patch`); + } + patch(prevTree, nextTree, + // parent may have changed if it's in a teleport + hostParentNode(prevTree.el), + // anchor may have changed if it's in a fragment + getNextHostNode(prevTree), instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + next.el = nextTree.el; + if (originNext === null) { + // self-triggered update. In case of HOC, update parent component + // vnode el. HOC is indicated by parent instance's subTree pointing + // to child component's vnode + updateHOCHostEl(instance, nextTree.el); + } + // updated hook + if (u) { + queuePostRenderEffect(u, parentSuspense); + } + // onVnodeUpdated + if ((vnodeHook = next.props && next.props.onVnodeUpdated)) { + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense); + } + { + devtoolsComponentUpdated(instance); + } + { + popWarningContext(); + } + } + }; + // create reactive effect for rendering + const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope + ); + const update = (instance.update = effect.run.bind(effect)); + update.id = instance.uid; + // allowRecurse + // #1801, #2043 component render effects should allow recursive updates + effect.allowRecurse = update.allowRecurse = true; + { + effect.onTrack = instance.rtc + ? e => invokeArrayFns(instance.rtc, e) + : void 0; + effect.onTrigger = instance.rtg + ? e => invokeArrayFns(instance.rtg, e) + : void 0; + // @ts-ignore (for scheduler) + update.ownerInstance = instance; + } + update(); + }; + const updateComponentPreRender = (instance, nextVNode, optimized) => { + nextVNode.component = instance; + const prevProps = instance.vnode.props; + instance.vnode = nextVNode; + instance.next = null; + updateProps(instance, nextVNode.props, prevProps, optimized); + updateSlots(instance, nextVNode.children, optimized); + pauseTracking(); + // props update may have triggered pre-flush watchers. + // flush them before the render update. + flushPreFlushCbs(undefined, instance.update); + resetTracking(); + }; + const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => { + const c1 = n1 && n1.children; + const prevShapeFlag = n1 ? n1.shapeFlag : 0; + const c2 = n2.children; + const { patchFlag, shapeFlag } = n2; + // fast path + if (patchFlag > 0) { + if (patchFlag & 128 /* KEYED_FRAGMENT */) { + // this could be either fully-keyed or mixed (some keyed some not) + // presence of patchFlag means children are guaranteed to be arrays + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) { + // unkeyed + patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + } + // children has 3 possibilities: text, array or no children. + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + // text children fast path + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + unmountChildren(c1, parentComponent, parentSuspense); + } + if (c2 !== c1) { + hostSetElementText(container, c2); + } + } + else { + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + // prev children was array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + // two arrays, cannot assume anything, do full diff + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + // no new children, just unmount old + unmountChildren(c1, parentComponent, parentSuspense, true); + } + } + else { + // prev children was text OR null + // new children is array OR null + if (prevShapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(container, ''); + } + // mount new if array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + } + }; + const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + c1 = c1 || EMPTY_ARR; + c2 = c2 || EMPTY_ARR; + const oldLength = c1.length; + const newLength = c2.length; + const commonLength = Math.min(oldLength, newLength); + let i; + for (i = 0; i < commonLength; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + if (oldLength > newLength) { + // remove old + unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength); + } + else { + // mount new + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength); + } + }; + // can be all-keyed or mixed + const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let i = 0; + const l2 = c2.length; + let e1 = c1.length - 1; // prev ending index + let e2 = l2 - 1; // next ending index + // 1. sync from start + // (a b) c + // (a b) d e + while (i <= e1 && i <= e2) { + const n1 = c1[i]; + const n2 = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + i++; + } + // 2. sync from end + // a (b c) + // d e (b c) + while (i <= e1 && i <= e2) { + const n1 = c1[e1]; + const n2 = (c2[e2] = optimized + ? cloneIfMounted(c2[e2]) + : normalizeVNode(c2[e2])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + e1--; + e2--; + } + // 3. common sequence + mount + // (a b) + // (a b) c + // i = 2, e1 = 1, e2 = 2 + // (a b) + // c (a b) + // i = 0, e1 = -1, e2 = 0 + if (i > e1) { + if (i <= e2) { + const nextPos = e2 + 1; + const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor; + while (i <= e2) { + patch(null, (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + i++; + } + } + } + // 4. common sequence + unmount + // (a b) c + // (a b) + // i = 2, e1 = 2, e2 = 1 + // a (b c) + // (b c) + // i = 0, e1 = 0, e2 = -1 + else if (i > e2) { + while (i <= e1) { + unmount(c1[i], parentComponent, parentSuspense, true); + i++; + } + } + // 5. unknown sequence + // [i ... e1 + 1]: a b [c d e] f g + // [i ... e2 + 1]: a b [e d c h] f g + // i = 2, e1 = 4, e2 = 5 + else { + const s1 = i; // prev starting index + const s2 = i; // next starting index + // 5.1 build key:index map for newChildren + const keyToNewIndexMap = new Map(); + for (i = s2; i <= e2; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (nextChild.key != null) { + if (keyToNewIndexMap.has(nextChild.key)) { + warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`); + } + keyToNewIndexMap.set(nextChild.key, i); + } + } + // 5.2 loop through old children left to be patched and try to patch + // matching nodes & remove nodes that are no longer present + let j; + let patched = 0; + const toBePatched = e2 - s2 + 1; + let moved = false; + // used to track whether any node has moved + let maxNewIndexSoFar = 0; + // works as Map<newIndex, oldIndex> + // Note that oldIndex is offset by +1 + // and oldIndex = 0 is a special value indicating the new node has + // no corresponding old node. + // used for determining longest stable subsequence + const newIndexToOldIndexMap = new Array(toBePatched); + for (i = 0; i < toBePatched; i++) + newIndexToOldIndexMap[i] = 0; + for (i = s1; i <= e1; i++) { + const prevChild = c1[i]; + if (patched >= toBePatched) { + // all new children have been patched so this can only be a removal + unmount(prevChild, parentComponent, parentSuspense, true); + continue; + } + let newIndex; + if (prevChild.key != null) { + newIndex = keyToNewIndexMap.get(prevChild.key); + } + else { + // key-less node, try to locate a key-less node of the same type + for (j = s2; j <= e2; j++) { + if (newIndexToOldIndexMap[j - s2] === 0 && + isSameVNodeType(prevChild, c2[j])) { + newIndex = j; + break; + } + } + } + if (newIndex === undefined) { + unmount(prevChild, parentComponent, parentSuspense, true); + } + else { + newIndexToOldIndexMap[newIndex - s2] = i + 1; + if (newIndex >= maxNewIndexSoFar) { + maxNewIndexSoFar = newIndex; + } + else { + moved = true; + } + patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + patched++; + } + } + // 5.3 move and mount + // generate longest stable subsequence only when nodes have moved + const increasingNewIndexSequence = moved + ? getSequence(newIndexToOldIndexMap) + : EMPTY_ARR; + j = increasingNewIndexSequence.length - 1; + // looping backwards so that we can use last patched node as anchor + for (i = toBePatched - 1; i >= 0; i--) { + const nextIndex = s2 + i; + const nextChild = c2[nextIndex]; + const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor; + if (newIndexToOldIndexMap[i] === 0) { + // mount new + patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (moved) { + // move if: + // There is no stable subsequence (e.g. a reverse) + // OR current node is not among the stable sequence + if (j < 0 || i !== increasingNewIndexSequence[j]) { + move(nextChild, container, anchor, 2 /* REORDER */); + } + else { + j--; + } + } + } + } + }; + const move = (vnode, container, anchor, moveType, parentSuspense = null) => { + const { el, type, transition, children, shapeFlag } = vnode; + if (shapeFlag & 6 /* COMPONENT */) { + move(vnode.component.subTree, container, anchor, moveType); + return; + } + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.move(container, anchor, moveType); + return; + } + if (shapeFlag & 64 /* TELEPORT */) { + type.move(vnode, container, anchor, internals); + return; + } + if (type === Fragment) { + hostInsert(el, container, anchor); + for (let i = 0; i < children.length; i++) { + move(children[i], container, anchor, moveType); + } + hostInsert(vnode.anchor, container, anchor); + return; + } + if (type === Static) { + moveStaticNode(vnode, container, anchor); + return; + } + // single nodes + const needTransition = moveType !== 2 /* REORDER */ && + shapeFlag & 1 /* ELEMENT */ && + transition; + if (needTransition) { + if (moveType === 0 /* ENTER */) { + transition.beforeEnter(el); + hostInsert(el, container, anchor); + queuePostRenderEffect(() => transition.enter(el), parentSuspense); + } + else { + const { leave, delayLeave, afterLeave } = transition; + const remove = () => hostInsert(el, container, anchor); + const performLeave = () => { + leave(el, () => { + remove(); + afterLeave && afterLeave(); + }); + }; + if (delayLeave) { + delayLeave(el, remove, performLeave); + } + else { + performLeave(); + } + } + } + else { + hostInsert(el, container, anchor); + } + }; + const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => { + const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode; + // unset ref + if (ref != null) { + setRef(ref, null, parentSuspense, vnode, true); + } + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + parentComponent.ctx.deactivate(vnode); + return; + } + const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs; + const shouldInvokeVnodeHook = !isAsyncWrapper(vnode); + let vnodeHook; + if (shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeBeforeUnmount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + if (shapeFlag & 6 /* COMPONENT */) { + unmountComponent(vnode.component, parentSuspense, doRemove); + } + else { + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.unmount(parentSuspense, doRemove); + return; + } + if (shouldInvokeDirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount'); + } + if (shapeFlag & 64 /* TELEPORT */) { + vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove); + } + else if (dynamicChildren && + // #1153: fast path should not be taken for non-stable (v-for) fragments + (type !== Fragment || + (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) { + // fast path for block nodes: only need to unmount dynamic children. + unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true); + } + else if ((type === Fragment && + patchFlag & + (128 /* KEYED_FRAGMENT */ | 256 /* UNKEYED_FRAGMENT */)) || + (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) { + unmountChildren(children, parentComponent, parentSuspense); + } + if (doRemove) { + remove(vnode); + } + } + if ((shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeUnmounted)) || + shouldInvokeDirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + shouldInvokeDirs && + invokeDirectiveHook(vnode, null, parentComponent, 'unmounted'); + }, parentSuspense); + } + }; + const remove = vnode => { + const { type, el, anchor, transition } = vnode; + if (type === Fragment) { + removeFragment(el, anchor); + return; + } + if (type === Static) { + removeStaticNode(vnode); + return; + } + const performRemove = () => { + hostRemove(el); + if (transition && !transition.persisted && transition.afterLeave) { + transition.afterLeave(); + } + }; + if (vnode.shapeFlag & 1 /* ELEMENT */ && + transition && + !transition.persisted) { + const { leave, delayLeave } = transition; + const performLeave = () => leave(el, performRemove); + if (delayLeave) { + delayLeave(vnode.el, performRemove, performLeave); + } + else { + performLeave(); + } + } + else { + performRemove(); + } + }; + const removeFragment = (cur, end) => { + // For fragments, directly remove all contained DOM nodes. + // (fragment child nodes cannot have transition) + let next; + while (cur !== end) { + next = hostNextSibling(cur); + hostRemove(cur); + cur = next; + } + hostRemove(end); + }; + const unmountComponent = (instance, parentSuspense, doRemove) => { + if (instance.type.__hmrId) { + unregisterHMR(instance); + } + const { bum, scope, update, subTree, um } = instance; + // beforeUnmount hook + if (bum) { + invokeArrayFns(bum); + } + // stop effects in component scope + scope.stop(); + // update may be null if a component is unmounted before its async + // setup has resolved. + if (update) { + // so that scheduler will no longer invoke it + update.active = false; + unmount(subTree, instance, parentSuspense, doRemove); + } + // unmounted hook + if (um) { + queuePostRenderEffect(um, parentSuspense); + } + queuePostRenderEffect(() => { + instance.isUnmounted = true; + }, parentSuspense); + // A component with async dep inside a pending suspense is unmounted before + // its async dep resolves. This should remove the dep from the suspense, and + // cause the suspense to resolve immediately if that was the last dep. + if (parentSuspense && + parentSuspense.pendingBranch && + !parentSuspense.isUnmounted && + instance.asyncDep && + !instance.asyncResolved && + instance.suspenseId === parentSuspense.pendingId) { + parentSuspense.deps--; + if (parentSuspense.deps === 0) { + parentSuspense.resolve(); + } + } + { + devtoolsComponentRemoved(instance); + } + }; + const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => { + for (let i = start; i < children.length; i++) { + unmount(children[i], parentComponent, parentSuspense, doRemove, optimized); + } + }; + const getNextHostNode = vnode => { + if (vnode.shapeFlag & 6 /* COMPONENT */) { + return getNextHostNode(vnode.component.subTree); + } + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + return vnode.suspense.next(); + } + return hostNextSibling((vnode.anchor || vnode.el)); + }; + const render = (vnode, container, isSVG) => { + if (vnode == null) { + if (container._vnode) { + unmount(container._vnode, null, null, true); + } + } + else { + patch(container._vnode || null, vnode, container, null, null, null, isSVG); + } + flushPostFlushCbs(); + container._vnode = vnode; + }; + const internals = { + p: patch, + um: unmount, + m: move, + r: remove, + mt: mountComponent, + mc: mountChildren, + pc: patchChildren, + pbc: patchBlockChildren, + n: getNextHostNode, + o: options + }; + let hydrate; + let hydrateNode; + if (createHydrationFns) { + [hydrate, hydrateNode] = createHydrationFns(internals); + } + return { + render, + hydrate, + createApp: createAppAPI(render, hydrate) + }; + } + function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { + if (isArray(rawRef)) { + rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount)); + return; + } + if (isAsyncWrapper(vnode) && !isUnmount) { + // when mounting async components, nothing needs to be done, + // because the template ref is forwarded to inner component + return; + } + const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ + ? getExposeProxy(vnode.component) || vnode.component.proxy + : vnode.el; + const value = isUnmount ? null : refValue; + const { i: owner, r: ref } = rawRef; + if (!owner) { + warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` + + `A vnode with ref must be created inside the render function.`); + return; + } + const oldRef = oldRawRef && oldRawRef.r; + const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs; + const setupState = owner.setupState; + // dynamic ref changed. unset old ref + if (oldRef != null && oldRef !== ref) { + if (isString(oldRef)) { + refs[oldRef] = null; + if (hasOwn(setupState, oldRef)) { + setupState[oldRef] = null; + } + } + else if (isRef(oldRef)) { + oldRef.value = null; + } + } + if (isString(ref)) { + const doSet = () => { + { + refs[ref] = value; + } + if (hasOwn(setupState, ref)) { + setupState[ref] = value; + } + }; + // #1789: for non-null values, set them after render + // null values means this is unmount and it should not overwrite another + // ref with the same key + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isRef(ref)) { + const doSet = () => { + ref.value = value; + }; + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isFunction(ref)) { + callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]); + } + else { + warn$1('Invalid template ref type:', value, `(${typeof value})`); + } + } + function invokeVNodeHook(hook, instance, vnode, prevVNode = null) { + callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [ + vnode, + prevVNode + ]); + } + /** + * #1156 + * When a component is HMR-enabled, we need to make sure that all static nodes + * inside a block also inherit the DOM element from the previous tree so that + * HMR updates (which are full updates) can retrieve the element for patching. + * + * #2080 + * Inside keyed `template` fragment static children, if a fragment is moved, + * the children will always moved so that need inherit el form previous nodes + * to ensure correct moved position. + */ + function traverseStaticChildren(n1, n2, shallow = false) { + const ch1 = n1.children; + const ch2 = n2.children; + if (isArray(ch1) && isArray(ch2)) { + for (let i = 0; i < ch1.length; i++) { + // this is only called in the optimized path so array children are + // guaranteed to be vnodes + const c1 = ch1[i]; + let c2 = ch2[i]; + if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) { + if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) { + c2 = ch2[i] = cloneIfMounted(ch2[i]); + c2.el = c1.el; + } + if (!shallow) + traverseStaticChildren(c1, c2); + } + // also inherit for comment nodes, but not placeholders (e.g. v-if which + // would have received .el during block patch) + if (c2.type === Comment$1 && !c2.el) { + c2.el = c1.el; + } + } + } + } + // https://en.wikipedia.org/wiki/Longest_increasing_subsequence + function getSequence(arr) { + const p = arr.slice(); + const result = [0]; + let i, j, u, v, c; + const len = arr.length; + for (i = 0; i < len; i++) { + const arrI = arr[i]; + if (arrI !== 0) { + j = result[result.length - 1]; + if (arr[j] < arrI) { + p[i] = j; + result.push(i); + continue; + } + u = 0; + v = result.length - 1; + while (u < v) { + c = (u + v) >> 1; + if (arr[result[c]] < arrI) { + u = c + 1; + } + else { + v = c; + } + } + if (arrI < arr[result[u]]) { + if (u > 0) { + p[i] = result[u - 1]; + } + result[u] = i; + } + } + } + u = result.length; + v = result[u - 1]; + while (u-- > 0) { + result[u] = v; + v = p[v]; + } + return result; + } + + const isTeleport = (type) => type.__isTeleport; + const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === ''); + const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement; + const resolveTarget = (props, select) => { + const targetSelector = props && props.to; + if (isString(targetSelector)) { + if (!select) { + warn$1(`Current renderer does not support string target for Teleports. ` + + `(missing querySelector renderer option)`); + return null; + } + else { + const target = select(targetSelector); + if (!target) { + warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` + + `Note the target element must exist before the component is mounted - ` + + `i.e. the target cannot be rendered by the component itself, and ` + + `ideally should be outside of the entire Vue component tree.`); + } + return target; + } + } + else { + if (!targetSelector && !isTeleportDisabled(props)) { + warn$1(`Invalid Teleport target: ${targetSelector}`); + } + return targetSelector; + } + }; + const TeleportImpl = { + __isTeleport: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) { + const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals; + const disabled = isTeleportDisabled(n2.props); + let { shapeFlag, children, dynamicChildren } = n2; + // #3302 + // HMR updated, force full diff + if (isHmrUpdating) { + optimized = false; + dynamicChildren = null; + } + if (n1 == null) { + // insert anchors in the main view + const placeholder = (n2.el = createComment('teleport start') + ); + const mainAnchor = (n2.anchor = createComment('teleport end') + ); + insert(placeholder, container, anchor); + insert(mainAnchor, container, anchor); + const target = (n2.target = resolveTarget(n2.props, querySelector)); + const targetAnchor = (n2.targetAnchor = createText('')); + if (target) { + insert(targetAnchor, target); + // #2652 we could be teleporting from a non-SVG tree into an SVG tree + isSVG = isSVG || isTargetSVG(target); + } + else if (!disabled) { + warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`); + } + const mount = (container, anchor) => { + // Teleport *always* has Array children. This is enforced in both the + // compiler and vnode children normalization. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + if (disabled) { + mount(container, mainAnchor); + } + else if (target) { + mount(target, targetAnchor); + } + } + else { + // update content + n2.el = n1.el; + const mainAnchor = (n2.anchor = n1.anchor); + const target = (n2.target = n1.target); + const targetAnchor = (n2.targetAnchor = n1.targetAnchor); + const wasDisabled = isTeleportDisabled(n1.props); + const currentContainer = wasDisabled ? container : target; + const currentAnchor = wasDisabled ? mainAnchor : targetAnchor; + isSVG = isSVG || isTargetSVG(target); + if (dynamicChildren) { + // fast path when the teleport happens to be a block root + patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); + // even in block tree mode we need to make sure all root-level nodes + // in the teleport inherit previous DOM references so that they can + // be moved in future patches. + traverseStaticChildren(n1, n2, true); + } + else if (!optimized) { + patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false); + } + if (disabled) { + if (!wasDisabled) { + // enabled -> disabled + // move into main container + moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */); + } + } + else { + // target changed + if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) { + const nextTarget = (n2.target = resolveTarget(n2.props, querySelector)); + if (nextTarget) { + moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */); + } + else { + warn$1('Invalid Teleport target on update:', target, `(${typeof target})`); + } + } + else if (wasDisabled) { + // disabled -> enabled + // move into teleport target + moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */); + } + } + } + }, + remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) { + const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode; + if (target) { + hostRemove(targetAnchor); + } + // an unmounted teleport should always remove its children if not disabled + if (doRemove || !isTeleportDisabled(props)) { + hostRemove(anchor); + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + const child = children[i]; + unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren); + } + } + } + }, + move: moveTeleport, + hydrate: hydrateTeleport + }; + function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) { + // move target anchor if this is a target change. + if (moveType === 0 /* TARGET_CHANGE */) { + insert(vnode.targetAnchor, container, parentAnchor); + } + const { el, anchor, shapeFlag, children, props } = vnode; + const isReorder = moveType === 2 /* REORDER */; + // move main view anchor if this is a re-order. + if (isReorder) { + insert(el, container, parentAnchor); + } + // if this is a re-order and teleport is enabled (content is in target) + // do not move children. So the opposite is: only move children if this + // is not a reorder, or the teleport is disabled + if (!isReorder || isTeleportDisabled(props)) { + // Teleport has either Array children or no children. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + move(children[i], container, parentAnchor, 2 /* REORDER */); + } + } + } + // move main view anchor if this is a re-order. + if (isReorder) { + insert(anchor, container, parentAnchor); + } + } + function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) { + const target = (vnode.target = resolveTarget(vnode.props, querySelector)); + if (target) { + // if multiple teleports rendered to the same target element, we need to + // pick up from where the last teleport finished instead of the first node + const targetNode = target._lpa || target.firstChild; + if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) { + if (isTeleportDisabled(vnode.props)) { + vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized); + vnode.targetAnchor = targetNode; + } + else { + vnode.anchor = nextSibling(node); + vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized); + } + target._lpa = + vnode.targetAnchor && nextSibling(vnode.targetAnchor); + } + } + return vnode.anchor && nextSibling(vnode.anchor); + } + // Force-casted public typing for h and TSX props inference + const Teleport = TeleportImpl; + + const COMPONENTS = 'components'; + const DIRECTIVES = 'directives'; + /** + * @private + */ + function resolveComponent(name, maybeSelfReference) { + return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; + } + const NULL_DYNAMIC_COMPONENT = Symbol(); + /** + * @private + */ + function resolveDynamicComponent(component) { + if (isString(component)) { + return resolveAsset(COMPONENTS, component, false) || component; + } + else { + // invalid types will fallthrough to createVNode and raise warning + return (component || NULL_DYNAMIC_COMPONENT); + } + } + /** + * @private + */ + function resolveDirective(name) { + return resolveAsset(DIRECTIVES, name); + } + // implementation + function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { + const instance = currentRenderingInstance || currentInstance; + if (instance) { + const Component = instance.type; + // explicit self name has highest priority + if (type === COMPONENTS) { + const selfName = getComponentName(Component); + if (selfName && + (selfName === name || + selfName === camelize(name) || + selfName === capitalize(camelize(name)))) { + return Component; + } + } + const res = + // local registration + // check instance[type] first which is resolved for options API + resolve(instance[type] || Component[type], name) || + // global registration + resolve(instance.appContext[type], name); + if (!res && maybeSelfReference) { + // fallback to implicit self-reference + return Component; + } + if (warnMissing && !res) { + warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`); + } + return res; + } + else { + warn$1(`resolve${capitalize(type.slice(0, -1))} ` + + `can only be used in render() or setup().`); + } + } + function resolve(registry, name) { + return (registry && + (registry[name] || + registry[camelize(name)] || + registry[capitalize(camelize(name))])); + } + + const Fragment = Symbol('Fragment' ); + const Text = Symbol('Text' ); + const Comment$1 = Symbol('Comment' ); + const Static = Symbol('Static' ); + // Since v-if and v-for are the two possible ways node structure can dynamically + // change, once we consider v-if branches and each v-for fragment a block, we + // can divide a template into nested blocks, and within each block the node + // structure would be stable. This allows us to skip most children diffing + // and only worry about the dynamic nodes (indicated by patch flags). + const blockStack = []; + let currentBlock = null; + /** + * Open a block. + * This must be called before `createBlock`. It cannot be part of `createBlock` + * because the children of the block are evaluated before `createBlock` itself + * is called. The generated code typically looks like this: + * + * ```js + * function render() { + * return (openBlock(),createBlock('div', null, [...])) + * } + * ``` + * disableTracking is true when creating a v-for fragment block, since a v-for + * fragment always diffs its children. + * + * @private + */ + function openBlock(disableTracking = false) { + blockStack.push((currentBlock = disableTracking ? null : [])); + } + function closeBlock() { + blockStack.pop(); + currentBlock = blockStack[blockStack.length - 1] || null; + } + // Whether we should be tracking dynamic child nodes inside a block. + // Only tracks when this value is > 0 + // We are not using a simple boolean because this value may need to be + // incremented/decremented by nested usage of v-once (see below) + let isBlockTreeEnabled = 1; + /** + * Block tracking sometimes needs to be disabled, for example during the + * creation of a tree that needs to be cached by v-once. The compiler generates + * code like this: + * + * ``` js + * _cache[1] || ( + * setBlockTracking(-1), + * _cache[1] = createVNode(...), + * setBlockTracking(1), + * _cache[1] + * ) + * ``` + * + * @private + */ + function setBlockTracking(value) { + isBlockTreeEnabled += value; + } + function setupBlock(vnode) { + // save current block children on the block vnode + vnode.dynamicChildren = + isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; + // close block + closeBlock(); + // a block is always going to be patched, so track it as a child of its + // parent block + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(vnode); + } + return vnode; + } + /** + * @private + */ + function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) { + return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */)); + } + /** + * Create a block root vnode. Takes the same exact arguments as `createVNode`. + * A block root keeps track of dynamic nodes within the block in the + * `dynamicChildren` array. + * + * @private + */ + function createBlock(type, props, children, patchFlag, dynamicProps) { + return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */)); + } + function isVNode(value) { + return value ? value.__v_isVNode === true : false; + } + function isSameVNodeType(n1, n2) { + if (n2.shapeFlag & 6 /* COMPONENT */ && + hmrDirtyComponents.has(n2.type)) { + // HMR only: if the component has been hot-updated, force a reload. + return false; + } + return n1.type === n2.type && n1.key === n2.key; + } + let vnodeArgsTransformer; + /** + * Internal API for registering an arguments transform for createVNode + * used for creating stubs in the test-utils + * It is *internal* but needs to be exposed for test-utils to pick up proper + * typings + */ + function transformVNodeArgs(transformer) { + vnodeArgsTransformer = transformer; + } + const createVNodeWithArgsTransform = (...args) => { + return _createVNode(...(vnodeArgsTransformer + ? vnodeArgsTransformer(args, currentRenderingInstance) + : args)); + }; + const InternalObjectKey = `__vInternal`; + const normalizeKey = ({ key }) => key != null ? key : null; + const normalizeRef = ({ ref }) => { + return (ref != null + ? isString(ref) || isRef(ref) || isFunction(ref) + ? { i: currentRenderingInstance, r: ref } + : ref + : null); + }; + function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) { + const vnode = { + __v_isVNode: true, + __v_skip: true, + type, + props, + key: props && normalizeKey(props), + ref: props && normalizeRef(props), + scopeId: currentScopeId, + slotScopeIds: null, + children, + component: null, + suspense: null, + ssContent: null, + ssFallback: null, + dirs: null, + transition: null, + el: null, + anchor: null, + target: null, + targetAnchor: null, + staticCount: 0, + shapeFlag, + patchFlag, + dynamicProps, + dynamicChildren: null, + appContext: null + }; + if (needFullChildrenNormalization) { + normalizeChildren(vnode, children); + // normalize suspense children + if (shapeFlag & 128 /* SUSPENSE */) { + type.normalize(vnode); + } + } + else if (children) { + // compiled element vnode - if children is passed, only possible types are + // string or Array. + vnode.shapeFlag |= isString(children) + ? 8 /* TEXT_CHILDREN */ + : 16 /* ARRAY_CHILDREN */; + } + // validate key + if (vnode.key !== vnode.key) { + warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type); + } + // track vnode for block tree + if (isBlockTreeEnabled > 0 && + // avoid a block node from tracking itself + !isBlockNode && + // has current parent block + currentBlock && + // presence of a patch flag indicates this node needs patching on updates. + // component nodes also should always be patched, because even if the + // component doesn't need to update, it needs to persist the instance on to + // the next vnode so that it can be properly unmounted later. + (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) && + // the EVENTS flag is only for hydration and if it is the only flag, the + // vnode should not be considered dynamic due to handler caching. + vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) { + currentBlock.push(vnode); + } + return vnode; + } + const createVNode = (createVNodeWithArgsTransform ); + function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) { + if (!type || type === NULL_DYNAMIC_COMPONENT) { + if (!type) { + warn$1(`Invalid vnode type when creating vnode: ${type}.`); + } + type = Comment$1; + } + if (isVNode(type)) { + // createVNode receiving an existing vnode. This happens in cases like + // <component :is="vnode"/> + // #2078 make sure to merge refs during the clone instead of overwriting it + const cloned = cloneVNode(type, props, true /* mergeRef: true */); + if (children) { + normalizeChildren(cloned, children); + } + return cloned; + } + // class component normalization. + if (isClassComponent(type)) { + type = type.__vccOpts; + } + // class & style normalization. + if (props) { + // for reactive or proxy objects, we need to clone it to enable mutation. + props = guardReactiveProps(props); + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (isObject(style)) { + // reactive state objects need to be cloned since they are likely to be + // mutated + if (isProxy(style) && !isArray(style)) { + style = extend({}, style); + } + props.style = normalizeStyle(style); + } + } + // encode the vnode type information into a bitmap + const shapeFlag = isString(type) + ? 1 /* ELEMENT */ + : isSuspense(type) + ? 128 /* SUSPENSE */ + : isTeleport(type) + ? 64 /* TELEPORT */ + : isObject(type) + ? 4 /* STATEFUL_COMPONENT */ + : isFunction(type) + ? 2 /* FUNCTIONAL_COMPONENT */ + : 0; + if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) { + type = toRaw(type); + warn$1(`Vue received a Component which was made a reactive object. This can ` + + `lead to unnecessary performance overhead, and should be avoided by ` + + `marking the component with \`markRaw\` or using \`shallowRef\` ` + + `instead of \`ref\`.`, `\nComponent that was made reactive: `, type); + } + return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true); + } + function guardReactiveProps(props) { + if (!props) + return null; + return isProxy(props) || InternalObjectKey in props + ? extend({}, props) + : props; + } + function cloneVNode(vnode, extraProps, mergeRef = false) { + // This is intentionally NOT using spread or extend to avoid the runtime + // key enumeration cost. + const { props, ref, patchFlag, children } = vnode; + const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props; + const cloned = { + __v_isVNode: true, + __v_skip: true, + type: vnode.type, + props: mergedProps, + key: mergedProps && normalizeKey(mergedProps), + ref: extraProps && extraProps.ref + ? // #2078 in the case of <component :is="vnode" ref="extra"/> + // if the vnode itself already has a ref, cloneVNode will need to merge + // the refs so the single vnode can be set on multiple refs + mergeRef && ref + ? isArray(ref) + ? ref.concat(normalizeRef(extraProps)) + : [ref, normalizeRef(extraProps)] + : normalizeRef(extraProps) + : ref, + scopeId: vnode.scopeId, + slotScopeIds: vnode.slotScopeIds, + children: patchFlag === -1 /* HOISTED */ && isArray(children) + ? children.map(deepCloneVNode) + : children, + target: vnode.target, + targetAnchor: vnode.targetAnchor, + staticCount: vnode.staticCount, + shapeFlag: vnode.shapeFlag, + // if the vnode is cloned with extra props, we can no longer assume its + // existing patch flag to be reliable and need to add the FULL_PROPS flag. + // note: perserve flag for fragments since they use the flag for children + // fast paths only. + patchFlag: extraProps && vnode.type !== Fragment + ? patchFlag === -1 // hoisted node + ? 16 /* FULL_PROPS */ + : patchFlag | 16 /* FULL_PROPS */ + : patchFlag, + dynamicProps: vnode.dynamicProps, + dynamicChildren: vnode.dynamicChildren, + appContext: vnode.appContext, + dirs: vnode.dirs, + transition: vnode.transition, + // These should technically only be non-null on mounted VNodes. However, + // they *should* be copied for kept-alive vnodes. So we just always copy + // them since them being non-null during a mount doesn't affect the logic as + // they will simply be overwritten. + component: vnode.component, + suspense: vnode.suspense, + ssContent: vnode.ssContent && cloneVNode(vnode.ssContent), + ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback), + el: vnode.el, + anchor: vnode.anchor + }; + return cloned; + } + /** + * Dev only, for HMR of hoisted vnodes reused in v-for + * https://github.com/vitejs/vite/issues/2022 + */ + function deepCloneVNode(vnode) { + const cloned = cloneVNode(vnode); + if (isArray(vnode.children)) { + cloned.children = vnode.children.map(deepCloneVNode); + } + return cloned; + } + /** + * @private + */ + function createTextVNode(text = ' ', flag = 0) { + return createVNode(Text, null, text, flag); + } + /** + * @private + */ + function createStaticVNode(content, numberOfNodes) { + // A static vnode can contain multiple stringified elements, and the number + // of elements is necessary for hydration. + const vnode = createVNode(Static, null, content); + vnode.staticCount = numberOfNodes; + return vnode; + } + /** + * @private + */ + function createCommentVNode(text = '', + // when used as the v-else branch, the comment node must be created as a + // block to ensure correct updates. + asBlock = false) { + return asBlock + ? (openBlock(), createBlock(Comment$1, null, text)) + : createVNode(Comment$1, null, text); + } + function normalizeVNode(child) { + if (child == null || typeof child === 'boolean') { + // empty placeholder + return createVNode(Comment$1); + } + else if (isArray(child)) { + // fragment + return createVNode(Fragment, null, + // #3666, avoid reference pollution when reusing vnode + child.slice()); + } + else if (typeof child === 'object') { + // already vnode, this should be the most common since compiled templates + // always produce all-vnode children arrays + return cloneIfMounted(child); + } + else { + // strings and numbers + return createVNode(Text, null, String(child)); + } + } + // optimized normalization for template-compiled render fns + function cloneIfMounted(child) { + return child.el === null || child.memo ? child : cloneVNode(child); + } + function normalizeChildren(vnode, children) { + let type = 0; + const { shapeFlag } = vnode; + if (children == null) { + children = null; + } + else if (isArray(children)) { + type = 16 /* ARRAY_CHILDREN */; + } + else if (typeof children === 'object') { + if (shapeFlag & (1 /* ELEMENT */ | 64 /* TELEPORT */)) { + // Normalize slot to plain children for plain element and Teleport + const slot = children.default; + if (slot) { + // _c marker is added by withCtx() indicating this is a compiled slot + slot._c && (slot._d = false); + normalizeChildren(vnode, slot()); + slot._c && (slot._d = true); + } + return; + } + else { + type = 32 /* SLOTS_CHILDREN */; + const slotFlag = children._; + if (!slotFlag && !(InternalObjectKey in children)) { + children._ctx = currentRenderingInstance; + } + else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) { + // a child component receives forwarded slots from the parent. + // its slot type is determined by its parent's slot type. + if (currentRenderingInstance.slots._ === 1 /* STABLE */) { + children._ = 1 /* STABLE */; + } + else { + children._ = 2 /* DYNAMIC */; + vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */; + } + } + } + } + else if (isFunction(children)) { + children = { default: children, _ctx: currentRenderingInstance }; + type = 32 /* SLOTS_CHILDREN */; + } + else { + children = String(children); + // force teleport children to array so it can be moved around + if (shapeFlag & 64 /* TELEPORT */) { + type = 16 /* ARRAY_CHILDREN */; + children = [createTextVNode(children)]; + } + else { + type = 8 /* TEXT_CHILDREN */; + } + } + vnode.children = children; + vnode.shapeFlag |= type; + } + function mergeProps(...args) { + const ret = {}; + for (let i = 0; i < args.length; i++) { + const toMerge = args[i]; + for (const key in toMerge) { + if (key === 'class') { + if (ret.class !== toMerge.class) { + ret.class = normalizeClass([ret.class, toMerge.class]); + } + } + else if (key === 'style') { + ret.style = normalizeStyle([ret.style, toMerge.style]); + } + else if (isOn(key)) { + const existing = ret[key]; + const incoming = toMerge[key]; + if (existing !== incoming) { + ret[key] = existing + ? [].concat(existing, incoming) + : incoming; + } + } + else if (key !== '') { + ret[key] = toMerge[key]; + } + } + } + return ret; + } + + /** + * Actual implementation + */ + function renderList(source, renderItem, cache, index) { + let ret; + const cached = (cache && cache[index]); + if (isArray(source) || isString(source)) { + ret = new Array(source.length); + for (let i = 0, l = source.length; i < l; i++) { + ret[i] = renderItem(source[i], i, undefined, cached && cached[i]); + } + } + else if (typeof source === 'number') { + if (!Number.isInteger(source)) { + warn$1(`The v-for range expect an integer value but got ${source}.`); + return []; + } + ret = new Array(source); + for (let i = 0; i < source; i++) { + ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]); + } + } + else if (isObject(source)) { + if (source[Symbol.iterator]) { + ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i])); + } + else { + const keys = Object.keys(source); + ret = new Array(keys.length); + for (let i = 0, l = keys.length; i < l; i++) { + const key = keys[i]; + ret[i] = renderItem(source[key], key, i, cached && cached[i]); + } + } + } + else { + ret = []; + } + if (cache) { + cache[index] = ret; + } + return ret; + } + + /** + * Compiler runtime helper for creating dynamic slots object + * @private + */ + function createSlots(slots, dynamicSlots) { + for (let i = 0; i < dynamicSlots.length; i++) { + const slot = dynamicSlots[i]; + // array of dynamic slot generated by <template v-for="..." #[...]> + if (isArray(slot)) { + for (let j = 0; j < slot.length; j++) { + slots[slot[j].name] = slot[j].fn; + } + } + else if (slot) { + // conditional single slot generated by <template v-if="..." #foo> + slots[slot.name] = slot.fn; + } + } + return slots; + } + + /** + * Compiler runtime helper for rendering `<slot/>` + * @private + */ + function renderSlot(slots, name, props = {}, + // this is not a user-facing function, so the fallback is always generated by + // the compiler and guaranteed to be a function returning an array + fallback, noSlotted) { + if (currentRenderingInstance.isCE) { + return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback()); + } + let slot = slots[name]; + if (slot && slot.length > 1) { + warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` + + `function. You need to mark this component with $dynamic-slots in the ` + + `parent template.`); + slot = () => []; + } + // a compiled slot disables block tracking by default to avoid manual + // invocation interfering with template-based block tracking, but in + // `renderSlot` we can be sure that it's template-based so we can force + // enable it. + if (slot && slot._c) { + slot._d = false; + } + openBlock(); + const validSlotContent = slot && ensureValidVNode(slot(props)); + const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */ + ? 64 /* STABLE_FRAGMENT */ + : -2 /* BAIL */); + if (!noSlotted && rendered.scopeId) { + rendered.slotScopeIds = [rendered.scopeId + '-s']; + } + if (slot && slot._c) { + slot._d = true; + } + return rendered; + } + function ensureValidVNode(vnodes) { + return vnodes.some(child => { + if (!isVNode(child)) + return true; + if (child.type === Comment$1) + return false; + if (child.type === Fragment && + !ensureValidVNode(child.children)) + return false; + return true; + }) + ? vnodes + : null; + } + + /** + * For prefixing keys in v-on="obj" with "on" + * @private + */ + function toHandlers(obj) { + const ret = {}; + if (!isObject(obj)) { + warn$1(`v-on with no argument expects an object value.`); + return ret; + } + for (const key in obj) { + ret[toHandlerKey(key)] = obj[key]; + } + return ret; + } + + /** + * #2437 In Vue 3, functional components do not have a public instance proxy but + * they exist in the internal parent chain. For code that relies on traversing + * public $parent chains, skip functional ones and go to the parent instead. + */ + const getPublicInstance = (i) => { + if (!i) + return null; + if (isStatefulComponent(i)) + return getExposeProxy(i) || i.proxy; + return getPublicInstance(i.parent); + }; + const publicPropertiesMap = extend(Object.create(null), { + $: i => i, + $el: i => i.vnode.el, + $data: i => i.data, + $props: i => (shallowReadonly(i.props) ), + $attrs: i => (shallowReadonly(i.attrs) ), + $slots: i => (shallowReadonly(i.slots) ), + $refs: i => (shallowReadonly(i.refs) ), + $parent: i => getPublicInstance(i.parent), + $root: i => getPublicInstance(i.root), + $emit: i => i.emit, + $options: i => (resolveMergedOptions(i) ), + $forceUpdate: i => () => queueJob(i.update), + $nextTick: i => nextTick.bind(i.proxy), + $watch: i => (instanceWatch.bind(i) ) + }); + const PublicInstanceProxyHandlers = { + get({ _: instance }, key) { + const { ctx, setupState, data, props, accessCache, type, appContext } = instance; + // for internal formatters to know that this is a Vue instance + if (key === '__isVue') { + return true; + } + // prioritize <script setup> bindings during dev. + // this allows even properties that start with _ or $ to be used - so that + // it aligns with the production behavior where the render fn is inlined and + // indeed has access to all declared variables. + if (setupState !== EMPTY_OBJ && + setupState.__isScriptSetup && + hasOwn(setupState, key)) { + return setupState[key]; + } + // data / props / ctx + // This getter gets called for every property access on the render context + // during render and is a major hotspot. The most expensive part of this + // is the multiple hasOwn() calls. It's much faster to do a simple property + // access on a plain object, so we use an accessCache object (with null + // prototype) to memoize what access type a key corresponds to. + let normalizedProps; + if (key[0] !== '$') { + const n = accessCache[key]; + if (n !== undefined) { + switch (n) { + case 0 /* SETUP */: + return setupState[key]; + case 1 /* DATA */: + return data[key]; + case 3 /* CONTEXT */: + return ctx[key]; + case 2 /* PROPS */: + return props[key]; + // default: just fallthrough + } + } + else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + accessCache[key] = 0 /* SETUP */; + return setupState[key]; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + accessCache[key] = 1 /* DATA */; + return data[key]; + } + else if ( + // only cache other properties when instance has declared (thus stable) + // props + (normalizedProps = instance.propsOptions[0]) && + hasOwn(normalizedProps, key)) { + accessCache[key] = 2 /* PROPS */; + return props[key]; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if (shouldCacheAccess) { + accessCache[key] = 4 /* OTHER */; + } + } + const publicGetter = publicPropertiesMap[key]; + let cssModule, globalProperties; + // public $xxx properties + if (publicGetter) { + if (key === '$attrs') { + track(instance, "get" /* GET */, key); + markAttrsAccessed(); + } + return publicGetter(instance); + } + else if ( + // css module (injected by vue-loader) + (cssModule = type.__cssModules) && + (cssModule = cssModule[key])) { + return cssModule; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + // user may set custom properties to `this` that start with `$` + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if ( + // global properties + ((globalProperties = appContext.config.globalProperties), + hasOwn(globalProperties, key))) { + { + return globalProperties[key]; + } + } + else if (currentRenderingInstance && + (!isString(key) || + // #1091 avoid internal isRef/isVNode checks on component instance leading + // to infinite warning loop + key.indexOf('__v') !== 0)) { + if (data !== EMPTY_OBJ && + (key[0] === '$' || key[0] === '_') && + hasOwn(data, key)) { + warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` + + `character ("$" or "_") and is not proxied on the render context.`); + } + else if (instance === currentRenderingInstance) { + warn$1(`Property ${JSON.stringify(key)} was accessed during render ` + + `but is not defined on instance.`); + } + } + }, + set({ _: instance }, key, value) { + const { data, setupState, ctx } = instance; + if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + setupState[key] = value; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + data[key] = value; + } + else if (hasOwn(instance.props, key)) { + warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance); + return false; + } + if (key[0] === '$' && key.slice(1) in instance) { + warn$1(`Attempting to mutate public property "${key}". ` + + `Properties starting with $ are reserved and readonly.`, instance); + return false; + } + else { + if (key in instance.appContext.config.globalProperties) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + value + }); + } + else { + ctx[key] = value; + } + } + return true; + }, + has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) { + let normalizedProps; + return (accessCache[key] !== undefined || + (data !== EMPTY_OBJ && hasOwn(data, key)) || + (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) || + ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) || + hasOwn(ctx, key) || + hasOwn(publicPropertiesMap, key) || + hasOwn(appContext.config.globalProperties, key)); + } + }; + { + PublicInstanceProxyHandlers.ownKeys = (target) => { + warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` + + `The keys will be empty in production mode to avoid performance overhead.`); + return Reflect.ownKeys(target); + }; + } + const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, { + get(target, key) { + // fast path for unscopables when using `with` block + if (key === Symbol.unscopables) { + return; + } + return PublicInstanceProxyHandlers.get(target, key, target); + }, + has(_, key) { + const has = key[0] !== '_' && !isGloballyWhitelisted(key); + if (!has && PublicInstanceProxyHandlers.has(_, key)) { + warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`); + } + return has; + } + }); + // dev only + // In dev mode, the proxy target exposes the same properties as seen on `this` + // for easier console inspection. In prod mode it will be an empty object so + // these properties definitions can be skipped. + function createDevRenderContext(instance) { + const target = {}; + // expose internal instance for proxy handlers + Object.defineProperty(target, `_`, { + configurable: true, + enumerable: false, + get: () => instance + }); + // expose public properties + Object.keys(publicPropertiesMap).forEach(key => { + Object.defineProperty(target, key, { + configurable: true, + enumerable: false, + get: () => publicPropertiesMap[key](instance), + // intercepted by the proxy so no need for implementation, + // but needed to prevent set errors + set: NOOP + }); + }); + return target; + } + // dev only + function exposePropsOnRenderContext(instance) { + const { ctx, propsOptions: [propsOptions] } = instance; + if (propsOptions) { + Object.keys(propsOptions).forEach(key => { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => instance.props[key], + set: NOOP + }); + }); + } + } + // dev only + function exposeSetupStateOnRenderContext(instance) { + const { ctx, setupState } = instance; + Object.keys(toRaw(setupState)).forEach(key => { + if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) { + warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` + + `which are reserved prefixes for Vue internals.`); + return; + } + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => setupState[key], + set: NOOP + }); + }); + } + + const emptyAppContext = createAppContext(); + let uid$1 = 0; + function createComponentInstance(vnode, parent, suspense) { + const type = vnode.type; + // inherit parent app context - or - if root, adopt from root vnode + const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext; + const instance = { + uid: uid$1++, + vnode, + type, + parent, + appContext, + root: null, + next: null, + subTree: null, + update: null, + scope: new EffectScope(true /* detached */), + render: null, + proxy: null, + exposed: null, + exposeProxy: null, + withProxy: null, + provides: parent ? parent.provides : Object.create(appContext.provides), + accessCache: null, + renderCache: [], + // local resovled assets + components: null, + directives: null, + // resolved props and emits options + propsOptions: normalizePropsOptions(type, appContext), + emitsOptions: normalizeEmitsOptions(type, appContext), + // emit + emit: null, + emitted: null, + // props default value + propsDefaults: EMPTY_OBJ, + // inheritAttrs + inheritAttrs: type.inheritAttrs, + // state + ctx: EMPTY_OBJ, + data: EMPTY_OBJ, + props: EMPTY_OBJ, + attrs: EMPTY_OBJ, + slots: EMPTY_OBJ, + refs: EMPTY_OBJ, + setupState: EMPTY_OBJ, + setupContext: null, + // suspense related + suspense, + suspenseId: suspense ? suspense.pendingId : 0, + asyncDep: null, + asyncResolved: false, + // lifecycle hooks + // not using enums here because it results in computed properties + isMounted: false, + isUnmounted: false, + isDeactivated: false, + bc: null, + c: null, + bm: null, + m: null, + bu: null, + u: null, + um: null, + bum: null, + da: null, + a: null, + rtg: null, + rtc: null, + ec: null, + sp: null + }; + { + instance.ctx = createDevRenderContext(instance); + } + instance.root = parent ? parent.root : instance; + instance.emit = emit.bind(null, instance); + // apply custom element special handling + if (vnode.ce) { + vnode.ce(instance); + } + return instance; + } + let currentInstance = null; + const getCurrentInstance = () => currentInstance || currentRenderingInstance; + const setCurrentInstance = (instance) => { + currentInstance = instance; + instance.scope.on(); + }; + const unsetCurrentInstance = () => { + currentInstance && currentInstance.scope.off(); + currentInstance = null; + }; + const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component'); + function validateComponentName(name, config) { + const appIsNativeTag = config.isNativeTag || NO; + if (isBuiltInTag(name) || appIsNativeTag(name)) { + warn$1('Do not use built-in or reserved HTML elements as component id: ' + name); + } + } + function isStatefulComponent(instance) { + return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */; + } + let isInSSRComponentSetup = false; + function setupComponent(instance, isSSR = false) { + isInSSRComponentSetup = isSSR; + const { props, children } = instance.vnode; + const isStateful = isStatefulComponent(instance); + initProps(instance, props, isStateful, isSSR); + initSlots(instance, children); + const setupResult = isStateful + ? setupStatefulComponent(instance, isSSR) + : undefined; + isInSSRComponentSetup = false; + return setupResult; + } + function setupStatefulComponent(instance, isSSR) { + const Component = instance.type; + { + if (Component.name) { + validateComponentName(Component.name, instance.appContext.config); + } + if (Component.components) { + const names = Object.keys(Component.components); + for (let i = 0; i < names.length; i++) { + validateComponentName(names[i], instance.appContext.config); + } + } + if (Component.directives) { + const names = Object.keys(Component.directives); + for (let i = 0; i < names.length; i++) { + validateDirectiveName(names[i]); + } + } + if (Component.compilerOptions && isRuntimeOnly()) { + warn$1(`"compilerOptions" is only supported when using a build of Vue that ` + + `includes the runtime compiler. Since you are using a runtime-only ` + + `build, the options should be passed via your build tool config instead.`); + } + } + // 0. create render proxy property access cache + instance.accessCache = Object.create(null); + // 1. create public instance / render proxy + // also mark it raw so it's never observed + instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers)); + { + exposePropsOnRenderContext(instance); + } + // 2. call setup() + const { setup } = Component; + if (setup) { + const setupContext = (instance.setupContext = + setup.length > 1 ? createSetupContext(instance) : null); + setCurrentInstance(instance); + pauseTracking(); + const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]); + resetTracking(); + unsetCurrentInstance(); + if (isPromise(setupResult)) { + setupResult.then(unsetCurrentInstance, unsetCurrentInstance); + if (isSSR) { + // return the promise so server-renderer can wait on it + return setupResult + .then((resolvedResult) => { + handleSetupResult(instance, resolvedResult, isSSR); + }) + .catch(e => { + handleError(e, instance, 0 /* SETUP_FUNCTION */); + }); + } + else { + // async setup returned Promise. + // bail here and wait for re-entry. + instance.asyncDep = setupResult; + } + } + else { + handleSetupResult(instance, setupResult, isSSR); + } + } + else { + finishComponentSetup(instance, isSSR); + } + } + function handleSetupResult(instance, setupResult, isSSR) { + if (isFunction(setupResult)) { + // setup returned an inline render function + { + instance.render = setupResult; + } + } + else if (isObject(setupResult)) { + if (isVNode(setupResult)) { + warn$1(`setup() should not return VNodes directly - ` + + `return a render function instead.`); + } + // setup returned bindings. + // assuming a render function compiled from template is present. + { + instance.devtoolsRawSetupState = setupResult; + } + instance.setupState = proxyRefs(setupResult); + { + exposeSetupStateOnRenderContext(instance); + } + } + else if (setupResult !== undefined) { + warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`); + } + finishComponentSetup(instance, isSSR); + } + let compile; + let installWithProxy; + /** + * For runtime-dom to register the compiler. + * Note the exported method uses any to avoid d.ts relying on the compiler types. + */ + function registerRuntimeCompiler(_compile) { + compile = _compile; + installWithProxy = i => { + if (i.render._rc) { + i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers); + } + }; + } + // dev only + const isRuntimeOnly = () => !compile; + function finishComponentSetup(instance, isSSR, skipOptions) { + const Component = instance.type; + // template / render function normalization + if (!instance.render) { + // could be set from setup() + if (compile && !Component.render) { + const template = Component.template; + if (template) { + { + startMeasure(instance, `compile`); + } + const { isCustomElement, compilerOptions } = instance.appContext.config; + const { delimiters, compilerOptions: componentCompilerOptions } = Component; + const finalCompilerOptions = extend(extend({ + isCustomElement, + delimiters + }, compilerOptions), componentCompilerOptions); + Component.render = compile(template, finalCompilerOptions); + { + endMeasure(instance, `compile`); + } + } + } + instance.render = (Component.render || NOOP); + // for runtime-compiled render functions using `with` blocks, the render + // proxy used needs a different `has` handler which is more performant and + // also only allows a whitelist of globals to fallthrough. + if (installWithProxy) { + installWithProxy(instance); + } + } + // support for 2.x options + { + setCurrentInstance(instance); + pauseTracking(); + applyOptions(instance); + resetTracking(); + unsetCurrentInstance(); + } + // warn missing template/render + // the runtime compilation of template in SSR is done by server-render + if (!Component.render && instance.render === NOOP && !isSSR) { + /* istanbul ignore if */ + if (!compile && Component.template) { + warn$1(`Component provided template option but ` + + `runtime compilation is not supported in this build of Vue.` + + (` Use "vue.global.js" instead.` + ) /* should not happen */); + } + else { + warn$1(`Component is missing template or render function.`); + } + } + } + function createAttrsProxy(instance) { + return new Proxy(instance.attrs, { + get(target, key) { + markAttrsAccessed(); + track(instance, "get" /* GET */, '$attrs'); + return target[key]; + }, + set() { + warn$1(`setupContext.attrs is readonly.`); + return false; + }, + deleteProperty() { + warn$1(`setupContext.attrs is readonly.`); + return false; + } + } + ); + } + function createSetupContext(instance) { + const expose = exposed => { + if (instance.exposed) { + warn$1(`expose() should be called only once per setup().`); + } + instance.exposed = exposed || {}; + }; + let attrs; + { + // We use getters in dev in case libs like test-utils overwrite instance + // properties (overwrites should not be done in prod) + return Object.freeze({ + get attrs() { + return attrs || (attrs = createAttrsProxy(instance)); + }, + get slots() { + return shallowReadonly(instance.slots); + }, + get emit() { + return (event, ...args) => instance.emit(event, ...args); + }, + expose + }); + } + } + function getExposeProxy(instance) { + if (instance.exposed) { + return (instance.exposeProxy || + (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), { + get(target, key) { + if (key in target) { + return target[key]; + } + else if (key in publicPropertiesMap) { + return publicPropertiesMap[key](instance); + } + } + }))); + } + } + const classifyRE = /(?:^|[-_])(\w)/g; + const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, ''); + function getComponentName(Component) { + return isFunction(Component) + ? Component.displayName || Component.name + : Component.name; + } + /* istanbul ignore next */ + function formatComponentName(instance, Component, isRoot = false) { + let name = getComponentName(Component); + if (!name && Component.__file) { + const match = Component.__file.match(/([^/\\]+)\.\w+$/); + if (match) { + name = match[1]; + } + } + if (!name && instance && instance.parent) { + // try to infer the name based on reverse resolution + const inferFromRegistry = (registry) => { + for (const key in registry) { + if (registry[key] === Component) { + return key; + } + } + }; + name = + inferFromRegistry(instance.components || + instance.parent.type.components) || inferFromRegistry(instance.appContext.components); + } + return name ? classify(name) : isRoot ? `App` : `Anonymous`; + } + function isClassComponent(value) { + return isFunction(value) && '__vccOpts' in value; + } + + const stack = []; + function pushWarningContext(vnode) { + stack.push(vnode); + } + function popWarningContext() { + stack.pop(); + } + function warn$1(msg, ...args) { + // avoid props formatting or warn handler tracking deps that might be mutated + // during patch, leading to infinite recursion. + pauseTracking(); + const instance = stack.length ? stack[stack.length - 1].component : null; + const appWarnHandler = instance && instance.appContext.config.warnHandler; + const trace = getComponentTrace(); + if (appWarnHandler) { + callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [ + msg + args.join(''), + instance && instance.proxy, + trace + .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`) + .join('\n'), + trace + ]); + } + else { + const warnArgs = [`[Vue warn]: ${msg}`, ...args]; + /* istanbul ignore if */ + if (trace.length && + // avoid spamming console during tests + !false) { + warnArgs.push(`\n`, ...formatTrace(trace)); + } + console.warn(...warnArgs); + } + resetTracking(); + } + function getComponentTrace() { + let currentVNode = stack[stack.length - 1]; + if (!currentVNode) { + return []; + } + // we can't just use the stack because it will be incomplete during updates + // that did not start from the root. Re-construct the parent chain using + // instance parent pointers. + const normalizedStack = []; + while (currentVNode) { + const last = normalizedStack[0]; + if (last && last.vnode === currentVNode) { + last.recurseCount++; + } + else { + normalizedStack.push({ + vnode: currentVNode, + recurseCount: 0 + }); + } + const parentInstance = currentVNode.component && currentVNode.component.parent; + currentVNode = parentInstance && parentInstance.vnode; + } + return normalizedStack; + } + /* istanbul ignore next */ + function formatTrace(trace) { + const logs = []; + trace.forEach((entry, i) => { + logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry)); + }); + return logs; + } + function formatTraceEntry({ vnode, recurseCount }) { + const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; + const isRoot = vnode.component ? vnode.component.parent == null : false; + const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`; + const close = `>` + postfix; + return vnode.props + ? [open, ...formatProps(vnode.props), close] + : [open + close]; + } + /* istanbul ignore next */ + function formatProps(props) { + const res = []; + const keys = Object.keys(props); + keys.slice(0, 3).forEach(key => { + res.push(...formatProp(key, props[key])); + }); + if (keys.length > 3) { + res.push(` ...`); + } + return res; + } + /* istanbul ignore next */ + function formatProp(key, value, raw) { + if (isString(value)) { + value = JSON.stringify(value); + return raw ? value : [`${key}=${value}`]; + } + else if (typeof value === 'number' || + typeof value === 'boolean' || + value == null) { + return raw ? value : [`${key}=${value}`]; + } + else if (isRef(value)) { + value = formatProp(key, toRaw(value.value), true); + return raw ? value : [`${key}=Ref<`, value, `>`]; + } + else if (isFunction(value)) { + return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; + } + else { + value = toRaw(value); + return raw ? value : [`${key}=`, value]; + } + } + + const ErrorTypeStrings = { + ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook', + ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook', + ["c" /* CREATED */]: 'created hook', + ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook', + ["m" /* MOUNTED */]: 'mounted hook', + ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook', + ["u" /* UPDATED */]: 'updated', + ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook', + ["um" /* UNMOUNTED */]: 'unmounted hook', + ["a" /* ACTIVATED */]: 'activated hook', + ["da" /* DEACTIVATED */]: 'deactivated hook', + ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook', + ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook', + ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook', + [0 /* SETUP_FUNCTION */]: 'setup function', + [1 /* RENDER_FUNCTION */]: 'render function', + [2 /* WATCH_GETTER */]: 'watcher getter', + [3 /* WATCH_CALLBACK */]: 'watcher callback', + [4 /* WATCH_CLEANUP */]: 'watcher cleanup function', + [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler', + [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler', + [7 /* VNODE_HOOK */]: 'vnode hook', + [8 /* DIRECTIVE_HOOK */]: 'directive hook', + [9 /* TRANSITION_HOOK */]: 'transition hook', + [10 /* APP_ERROR_HANDLER */]: 'app errorHandler', + [11 /* APP_WARN_HANDLER */]: 'app warnHandler', + [12 /* FUNCTION_REF */]: 'ref function', + [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader', + [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' + + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next' + }; + function callWithErrorHandling(fn, instance, type, args) { + let res; + try { + res = args ? fn(...args) : fn(); + } + catch (err) { + handleError(err, instance, type); + } + return res; + } + function callWithAsyncErrorHandling(fn, instance, type, args) { + if (isFunction(fn)) { + const res = callWithErrorHandling(fn, instance, type, args); + if (res && isPromise(res)) { + res.catch(err => { + handleError(err, instance, type); + }); + } + return res; + } + const values = []; + for (let i = 0; i < fn.length; i++) { + values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); + } + return values; + } + function handleError(err, instance, type, throwInDev = true) { + const contextVNode = instance ? instance.vnode : null; + if (instance) { + let cur = instance.parent; + // the exposed instance is the render proxy to keep it consistent with 2.x + const exposedInstance = instance.proxy; + // in production the hook receives only the error code + const errorInfo = ErrorTypeStrings[type] ; + while (cur) { + const errorCapturedHooks = cur.ec; + if (errorCapturedHooks) { + for (let i = 0; i < errorCapturedHooks.length; i++) { + if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { + return; + } + } + } + cur = cur.parent; + } + // app-level handling + const appErrorHandler = instance.appContext.config.errorHandler; + if (appErrorHandler) { + callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]); + return; + } + } + logError(err, type, contextVNode, throwInDev); + } + function logError(err, type, contextVNode, throwInDev = true) { + { + const info = ErrorTypeStrings[type]; + if (contextVNode) { + pushWarningContext(contextVNode); + } + warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`); + if (contextVNode) { + popWarningContext(); + } + // crash in dev by default so it's more noticeable + if (throwInDev) { + throw err; + } + else { + console.error(err); + } + } + } + + let isFlushing = false; + let isFlushPending = false; + const queue = []; + let flushIndex = 0; + const pendingPreFlushCbs = []; + let activePreFlushCbs = null; + let preFlushIndex = 0; + const pendingPostFlushCbs = []; + let activePostFlushCbs = null; + let postFlushIndex = 0; + const resolvedPromise = Promise.resolve(); + let currentFlushPromise = null; + let currentPreFlushParentJob = null; + const RECURSION_LIMIT = 100; + function nextTick(fn) { + const p = currentFlushPromise || resolvedPromise; + return fn ? p.then(this ? fn.bind(this) : fn) : p; + } + // #2768 + // Use binary-search to find a suitable position in the queue, + // so that the queue maintains the increasing order of job's id, + // which can prevent the job from being skipped and also can avoid repeated patching. + function findInsertionIndex(id) { + // the start index should be `flushIndex + 1` + let start = flushIndex + 1; + let end = queue.length; + while (start < end) { + const middle = (start + end) >>> 1; + const middleJobId = getId(queue[middle]); + middleJobId < id ? (start = middle + 1) : (end = middle); + } + return start; + } + function queueJob(job) { + // the dedupe search uses the startIndex argument of Array.includes() + // by default the search index includes the current job that is being run + // so it cannot recursively trigger itself again. + // if the job is a watch() callback, the search will start with a +1 index to + // allow it recursively trigger itself - it is the user's responsibility to + // ensure it doesn't end up in an infinite loop. + if ((!queue.length || + !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && + job !== currentPreFlushParentJob) { + if (job.id == null) { + queue.push(job); + } + else { + queue.splice(findInsertionIndex(job.id), 0, job); + } + queueFlush(); + } + } + function queueFlush() { + if (!isFlushing && !isFlushPending) { + isFlushPending = true; + currentFlushPromise = resolvedPromise.then(flushJobs); + } + } + function invalidateJob(job) { + const i = queue.indexOf(job); + if (i > flushIndex) { + queue.splice(i, 1); + } + } + function queueCb(cb, activeQueue, pendingQueue, index) { + if (!isArray(cb)) { + if (!activeQueue || + !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) { + pendingQueue.push(cb); + } + } + else { + // if cb is an array, it is a component lifecycle hook which can only be + // triggered by a job, which is already deduped in the main queue, so + // we can skip duplicate check here to improve perf + pendingQueue.push(...cb); + } + queueFlush(); + } + function queuePreFlushCb(cb) { + queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex); + } + function queuePostFlushCb(cb) { + queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex); + } + function flushPreFlushCbs(seen, parentJob = null) { + if (pendingPreFlushCbs.length) { + currentPreFlushParentJob = parentJob; + activePreFlushCbs = [...new Set(pendingPreFlushCbs)]; + pendingPreFlushCbs.length = 0; + { + seen = seen || new Map(); + } + for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) { + if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) { + continue; + } + activePreFlushCbs[preFlushIndex](); + } + activePreFlushCbs = null; + preFlushIndex = 0; + currentPreFlushParentJob = null; + // recursively flush until it drains + flushPreFlushCbs(seen, parentJob); + } + } + function flushPostFlushCbs(seen) { + if (pendingPostFlushCbs.length) { + const deduped = [...new Set(pendingPostFlushCbs)]; + pendingPostFlushCbs.length = 0; + // #1947 already has active queue, nested flushPostFlushCbs call + if (activePostFlushCbs) { + activePostFlushCbs.push(...deduped); + return; + } + activePostFlushCbs = deduped; + { + seen = seen || new Map(); + } + activePostFlushCbs.sort((a, b) => getId(a) - getId(b)); + for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { + if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) { + continue; + } + activePostFlushCbs[postFlushIndex](); + } + activePostFlushCbs = null; + postFlushIndex = 0; + } + } + const getId = (job) => job.id == null ? Infinity : job.id; + function flushJobs(seen) { + isFlushPending = false; + isFlushing = true; + { + seen = seen || new Map(); + } + flushPreFlushCbs(seen); + // Sort queue before flush. + // This ensures that: + // 1. Components are updated from parent to child. (because parent is always + // created before the child so its render effect will have smaller + // priority number) + // 2. If a component is unmounted during a parent component's update, + // its update can be skipped. + queue.sort((a, b) => getId(a) - getId(b)); + try { + for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job && job.active !== false) { + if (true && checkRecursiveUpdates(seen, job)) { + continue; + } + // console.log(`running:`, job.id) + callWithErrorHandling(job, null, 14 /* SCHEDULER */); + } + } + } + finally { + flushIndex = 0; + queue.length = 0; + flushPostFlushCbs(seen); + isFlushing = false; + currentFlushPromise = null; + // some postFlushCb queued jobs! + // keep flushing until it drains. + if (queue.length || + pendingPreFlushCbs.length || + pendingPostFlushCbs.length) { + flushJobs(seen); + } + } + } + function checkRecursiveUpdates(seen, fn) { + if (!seen.has(fn)) { + seen.set(fn, 1); + } + else { + const count = seen.get(fn); + if (count > RECURSION_LIMIT) { + const instance = fn.ownerInstance; + const componentName = instance && getComponentName(instance.type); + warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` + + `This means you have a reactive effect that is mutating its own ` + + `dependencies and thus recursively triggering itself. Possible sources ` + + `include component template, render function, updated hook or ` + + `watcher source function.`); + return true; + } + else { + seen.set(fn, count + 1); + } + } + } + + // Simple effect. + function watchEffect(effect, options) { + return doWatch(effect, null, options); + } + function watchPostEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' }) + )); + } + function watchSyncEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' }) + )); + } + // initial value for watchers to trigger on undefined initial values + const INITIAL_WATCHER_VALUE = {}; + // implementation + function watch(source, cb, options) { + if (!isFunction(cb)) { + warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` + + `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` + + `supports \`watch(source, cb, options?) signature.`); + } + return doWatch(source, cb, options); + } + function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) { + if (!cb) { + if (immediate !== undefined) { + warn$1(`watch() "immediate" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + if (deep !== undefined) { + warn$1(`watch() "deep" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + } + const warnInvalidSource = (s) => { + warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` + + `a reactive object, or an array of these types.`); + }; + const instance = currentInstance; + let getter; + let forceTrigger = false; + let isMultiSource = false; + if (isRef(source)) { + getter = () => source.value; + forceTrigger = !!source._shallow; + } + else if (isReactive(source)) { + getter = () => source; + deep = true; + } + else if (isArray(source)) { + isMultiSource = true; + forceTrigger = source.some(isReactive); + getter = () => source.map(s => { + if (isRef(s)) { + return s.value; + } + else if (isReactive(s)) { + return traverse(s); + } + else if (isFunction(s)) { + return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */); + } + else { + warnInvalidSource(s); + } + }); + } + else if (isFunction(source)) { + if (cb) { + // getter with cb + getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */); + } + else { + // no cb -> simple effect + getter = () => { + if (instance && instance.isUnmounted) { + return; + } + if (cleanup) { + cleanup(); + } + return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]); + }; + } + } + else { + getter = NOOP; + warnInvalidSource(source); + } + if (cb && deep) { + const baseGetter = getter; + getter = () => traverse(baseGetter()); + } + let cleanup; + let onInvalidate = (fn) => { + cleanup = effect.onStop = () => { + callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */); + }; + }; + let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE; + const job = () => { + if (!effect.active) { + return; + } + if (cb) { + // watch(source, cb) + const newValue = effect.run(); + if (deep || + forceTrigger || + (isMultiSource + ? newValue.some((v, i) => hasChanged(v, oldValue[i])) + : hasChanged(newValue, oldValue)) || + (false )) { + // cleanup before running cb again + if (cleanup) { + cleanup(); + } + callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [ + newValue, + // pass undefined as the old value when it's changed for the first time + oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, + onInvalidate + ]); + oldValue = newValue; + } + } + else { + // watchEffect + effect.run(); + } + }; + // important: mark the job as a watcher callback so that scheduler knows + // it is allowed to self-trigger (#1727) + job.allowRecurse = !!cb; + let scheduler; + if (flush === 'sync') { + scheduler = job; // the scheduler function gets called directly + } + else if (flush === 'post') { + scheduler = () => queuePostRenderEffect(job, instance && instance.suspense); + } + else { + // default: 'pre' + scheduler = () => { + if (!instance || instance.isMounted) { + queuePreFlushCb(job); + } + else { + // with 'pre' option, the first call must happen before + // the component is mounted so it is called synchronously. + job(); + } + }; + } + const effect = new ReactiveEffect(getter, scheduler); + { + effect.onTrack = onTrack; + effect.onTrigger = onTrigger; + } + // initial run + if (cb) { + if (immediate) { + job(); + } + else { + oldValue = effect.run(); + } + } + else if (flush === 'post') { + queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense); + } + else { + effect.run(); + } + return () => { + effect.stop(); + if (instance && instance.scope) { + remove(instance.scope.effects, effect); + } + }; + } + // this.$watch + function instanceWatch(source, value, options) { + const publicThis = this.proxy; + const getter = isString(source) + ? source.includes('.') + ? createPathGetter(publicThis, source) + : () => publicThis[source] + : source.bind(publicThis, publicThis); + let cb; + if (isFunction(value)) { + cb = value; + } + else { + cb = value.handler; + options = value; + } + const cur = currentInstance; + setCurrentInstance(this); + const res = doWatch(getter, cb.bind(publicThis), options); + if (cur) { + setCurrentInstance(cur); + } + else { + unsetCurrentInstance(); + } + return res; + } + function createPathGetter(ctx, path) { + const segments = path.split('.'); + return () => { + let cur = ctx; + for (let i = 0; i < segments.length && cur; i++) { + cur = cur[segments[i]]; + } + return cur; + }; + } + function traverse(value, seen = new Set()) { + if (!isObject(value) || value["__v_skip" /* SKIP */]) { + return value; + } + seen = seen || new Set(); + if (seen.has(value)) { + return value; + } + seen.add(value); + if (isRef(value)) { + traverse(value.value, seen); + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + traverse(value[i], seen); + } + } + else if (isSet(value) || isMap(value)) { + value.forEach((v) => { + traverse(v, seen); + }); + } + else if (isPlainObject(value)) { + for (const key in value) { + traverse(value[key], seen); + } + } + return value; + } + + // dev only + const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` + + `<script setup> of a single file component. Its arguments should be ` + + `compiled away and passing it at runtime has no effect.`); + // implementation + function defineProps() { + { + warnRuntimeUsage(`defineProps`); + } + return null; + } + // implementation + function defineEmits() { + { + warnRuntimeUsage(`defineEmits`); + } + return null; + } + /** + * Vue `<script setup>` compiler macro for declaring a component's exposed + * instance properties when it is accessed by a parent component via template + * refs. + * + * `<script setup>` components are closed by default - i.e. varaibles inside + * the `<script setup>` scope is not exposed to parent unless explicitly exposed + * via `defineExpose`. + * + * This is only usable inside `<script setup>`, is compiled away in the + * output and should **not** be actually called at runtime. + */ + function defineExpose(exposed) { + { + warnRuntimeUsage(`defineExpose`); + } + } + /** + * Vue `<script setup>` compiler macro for providing props default values when + * using type-based `defineProps` decalration. + * + * Example usage: + * ```ts + * withDefaults(defineProps<{ + * size?: number + * labels?: string[] + * }>(), { + * size: 3, + * labels: () => ['default label'] + * }) + * ``` + * + * This is only usable inside `<script setup>`, is compiled away in the output + * and should **not** be actually called at runtime. + */ + function withDefaults(props, defaults) { + { + warnRuntimeUsage(`withDefaults`); + } + return null; + } + function useSlots() { + return getContext().slots; + } + function useAttrs() { + return getContext().attrs; + } + function getContext() { + const i = getCurrentInstance(); + if (!i) { + warn$1(`useContext() called without active instance.`); + } + return i.setupContext || (i.setupContext = createSetupContext(i)); + } + /** + * Runtime helper for merging default declarations. Imported by compiled code + * only. + * @internal + */ + function mergeDefaults( + // the base props is compiler-generated and guaranteed to be in this shape. + props, defaults) { + for (const key in defaults) { + const val = props[key]; + if (val) { + val.default = defaults[key]; + } + else if (val === null) { + props[key] = { default: defaults[key] }; + } + else { + warn$1(`props default key "${key}" has no corresponding declaration.`); + } + } + return props; + } + /** + * `<script setup>` helper for persisting the current instance context over + * async/await flows. + * + * `@vue/compiler-sfc` converts the following: + * + * ```ts + * const x = await foo() + * ``` + * + * into: + * + * ```ts + * let __temp, __restore + * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp) + * ``` + * @internal + */ + function withAsyncContext(getAwaitable) { + const ctx = getCurrentInstance(); + if (!ctx) { + warn$1(`withAsyncContext called without active current instance. ` + + `This is likely a bug.`); + } + let awaitable = getAwaitable(); + unsetCurrentInstance(); + if (isPromise(awaitable)) { + awaitable = awaitable.catch(e => { + setCurrentInstance(ctx); + throw e; + }); + } + return [awaitable, () => setCurrentInstance(ctx)]; + } + + // Actual implementation + function h(type, propsOrChildren, children) { + const l = arguments.length; + if (l === 2) { + if (isObject(propsOrChildren) && !isArray(propsOrChildren)) { + // single vnode without props + if (isVNode(propsOrChildren)) { + return createVNode(type, null, [propsOrChildren]); + } + // props without children + return createVNode(type, propsOrChildren); + } + else { + // omit props + return createVNode(type, null, propsOrChildren); + } + } + else { + if (l > 3) { + children = Array.prototype.slice.call(arguments, 2); + } + else if (l === 3 && isVNode(children)) { + children = [children]; + } + return createVNode(type, propsOrChildren, children); + } + } + + const ssrContextKey = Symbol(`ssrContext` ); + const useSSRContext = () => { + { + warn$1(`useSSRContext() is not supported in the global build.`); + } + }; + + function initCustomFormatter() { + /* eslint-disable no-restricted-globals */ + if (typeof window === 'undefined') { + return; + } + const vueStyle = { style: 'color:#3ba776' }; + const numberStyle = { style: 'color:#0b1bc9' }; + const stringStyle = { style: 'color:#b62e24' }; + const keywordStyle = { style: 'color:#9d288c' }; + // custom formatter for Chrome + // https://www.mattzeunert.com/2016/02/19/custom-chrome-devtools-object-formatters.html + const formatter = { + header(obj) { + // TODO also format ComponentPublicInstance & ctx.slots/attrs in setup + if (!isObject(obj)) { + return null; + } + if (obj.__isVue) { + return ['div', vueStyle, `VueInstance`]; + } + else if (isRef(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, genRefFlag(obj)], + '<', + formatValue(obj.value), + `>` + ]; + } + else if (isReactive(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Reactive'], + '<', + formatValue(obj), + `>${isReadonly(obj) ? ` (readonly)` : ``}` + ]; + } + else if (isReadonly(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Readonly'], + '<', + formatValue(obj), + '>' + ]; + } + return null; + }, + hasBody(obj) { + return obj && obj.__isVue; + }, + body(obj) { + if (obj && obj.__isVue) { + return [ + 'div', + {}, + ...formatInstance(obj.$) + ]; + } + } + }; + function formatInstance(instance) { + const blocks = []; + if (instance.type.props && instance.props) { + blocks.push(createInstanceBlock('props', toRaw(instance.props))); + } + if (instance.setupState !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('setup', instance.setupState)); + } + if (instance.data !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('data', toRaw(instance.data))); + } + const computed = extractKeys(instance, 'computed'); + if (computed) { + blocks.push(createInstanceBlock('computed', computed)); + } + const injected = extractKeys(instance, 'inject'); + if (injected) { + blocks.push(createInstanceBlock('injected', injected)); + } + blocks.push([ + 'div', + {}, + [ + 'span', + { + style: keywordStyle.style + ';opacity:0.66' + }, + '$ (internal): ' + ], + ['object', { object: instance }] + ]); + return blocks; + } + function createInstanceBlock(type, target) { + target = extend({}, target); + if (!Object.keys(target).length) { + return ['span', {}]; + } + return [ + 'div', + { style: 'line-height:1.25em;margin-bottom:0.6em' }, + [ + 'div', + { + style: 'color:#476582' + }, + type + ], + [ + 'div', + { + style: 'padding-left:1.25em' + }, + ...Object.keys(target).map(key => { + return [ + 'div', + {}, + ['span', keywordStyle, key + ': '], + formatValue(target[key], false) + ]; + }) + ] + ]; + } + function formatValue(v, asRaw = true) { + if (typeof v === 'number') { + return ['span', numberStyle, v]; + } + else if (typeof v === 'string') { + return ['span', stringStyle, JSON.stringify(v)]; + } + else if (typeof v === 'boolean') { + return ['span', keywordStyle, v]; + } + else if (isObject(v)) { + return ['object', { object: asRaw ? toRaw(v) : v }]; + } + else { + return ['span', stringStyle, String(v)]; + } + } + function extractKeys(instance, type) { + const Comp = instance.type; + if (isFunction(Comp)) { + return; + } + const extracted = {}; + for (const key in instance.ctx) { + if (isKeyOfType(Comp, key, type)) { + extracted[key] = instance.ctx[key]; + } + } + return extracted; + } + function isKeyOfType(Comp, key, type) { + const opts = Comp[type]; + if ((isArray(opts) && opts.includes(key)) || + (isObject(opts) && key in opts)) { + return true; + } + if (Comp.extends && isKeyOfType(Comp.extends, key, type)) { + return true; + } + if (Comp.mixins && Comp.mixins.some(m => isKeyOfType(m, key, type))) { + return true; + } + } + function genRefFlag(v) { + if (v._shallow) { + return `ShallowRef`; + } + if (v.effect) { + return `ComputedRef`; + } + return `Ref`; + } + if (window.devtoolsFormatters) { + window.devtoolsFormatters.push(formatter); + } + else { + window.devtoolsFormatters = [formatter]; + } + } + + function withMemo(memo, render, cache, index) { + const cached = cache[index]; + if (cached && isMemoSame(cached, memo)) { + return cached; + } + const ret = render(); + // shallow clone + ret.memo = memo.slice(); + return (cache[index] = ret); + } + function isMemoSame(cached, memo) { + const prev = cached.memo; + if (prev.length != memo.length) { + return false; + } + for (let i = 0; i < prev.length; i++) { + if (prev[i] !== memo[i]) { + return false; + } + } + // make sure to let parent block track it when returning cached + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(cached); + } + return true; + } + + // Core API ------------------------------------------------------------------ + const version = "3.2.6"; + /** + * SSR utils for \@vue/server-renderer. Only exposed in cjs builds. + * @internal + */ + const ssrUtils = (null); + /** + * @internal only exposed in compat builds + */ + const resolveFilter = null; + /** + * @internal only exposed in compat builds. + */ + const compatUtils = (null); + + const svgNS = 'http://www.w3.org/2000/svg'; + const doc = (typeof document !== 'undefined' ? document : null); + const staticTemplateCache = new Map(); + const nodeOps = { + insert: (child, parent, anchor) => { + parent.insertBefore(child, anchor || null); + }, + remove: child => { + const parent = child.parentNode; + if (parent) { + parent.removeChild(child); + } + }, + createElement: (tag, isSVG, is, props) => { + const el = isSVG + ? doc.createElementNS(svgNS, tag) + : doc.createElement(tag, is ? { is } : undefined); + if (tag === 'select' && props && props.multiple != null) { + el.setAttribute('multiple', props.multiple); + } + return el; + }, + createText: text => doc.createTextNode(text), + createComment: text => doc.createComment(text), + setText: (node, text) => { + node.nodeValue = text; + }, + setElementText: (el, text) => { + el.textContent = text; + }, + parentNode: node => node.parentNode, + nextSibling: node => node.nextSibling, + querySelector: selector => doc.querySelector(selector), + setScopeId(el, id) { + el.setAttribute(id, ''); + }, + cloneNode(el) { + const cloned = el.cloneNode(true); + // #3072 + // - in `patchDOMProp`, we store the actual value in the `el._value` property. + // - normally, elements using `:value` bindings will not be hoisted, but if + // the bound value is a constant, e.g. `:value="true"` - they do get + // hoisted. + // - in production, hoisted nodes are cloned when subsequent inserts, but + // cloneNode() does not copy the custom property we attached. + // - This may need to account for other custom DOM properties we attach to + // elements in addition to `_value` in the future. + if (`_value` in el) { + cloned._value = el._value; + } + return cloned; + }, + // __UNSAFE__ + // Reason: innerHTML. + // Static content here can only come from compiled templates. + // As long as the user only uses trusted templates, this is safe. + insertStaticContent(content, parent, anchor, isSVG) { + // <parent> before | first ... last | anchor </parent> + const before = anchor ? anchor.previousSibling : parent.lastChild; + let template = staticTemplateCache.get(content); + if (!template) { + const t = doc.createElement('template'); + t.innerHTML = isSVG ? `<svg>${content}</svg>` : content; + template = t.content; + if (isSVG) { + // remove outer svg wrapper + const wrapper = template.firstChild; + while (wrapper.firstChild) { + template.appendChild(wrapper.firstChild); + } + template.removeChild(wrapper); + } + staticTemplateCache.set(content, template); + } + parent.insertBefore(template.cloneNode(true), anchor); + return [ + // first + before ? before.nextSibling : parent.firstChild, + // last + anchor ? anchor.previousSibling : parent.lastChild + ]; + } + }; + + // compiler should normalize class + :class bindings on the same element + // into a single binding ['staticClass', dynamic] + function patchClass(el, value, isSVG) { + // directly setting className should be faster than setAttribute in theory + // if this is an element during a transition, take the temporary transition + // classes into account. + const transitionClasses = el._vtc; + if (transitionClasses) { + value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' '); + } + if (value == null) { + el.removeAttribute('class'); + } + else if (isSVG) { + el.setAttribute('class', value); + } + else { + el.className = value; + } + } + + function patchStyle(el, prev, next) { + const style = el.style; + if (!next) { + el.removeAttribute('style'); + } + else if (isString(next)) { + if (prev !== next) { + const current = style.display; + style.cssText = next; + // indicates that the `display` of the element is controlled by `v-show`, + // so we always keep the current `display` value regardless of the `style` value, + // thus handing over control to `v-show`. + if ('_vod' in el) { + style.display = current; + } + } + } + else { + for (const key in next) { + setStyle(style, key, next[key]); + } + if (prev && !isString(prev)) { + for (const key in prev) { + if (next[key] == null) { + setStyle(style, key, ''); + } + } + } + } + } + const importantRE = /\s*!important$/; + function setStyle(style, name, val) { + if (isArray(val)) { + val.forEach(v => setStyle(style, name, v)); + } + else { + if (name.startsWith('--')) { + // custom property definition + style.setProperty(name, val); + } + else { + const prefixed = autoPrefix(style, name); + if (importantRE.test(val)) { + // !important + style.setProperty(hyphenate(prefixed), val.replace(importantRE, ''), 'important'); + } + else { + style[prefixed] = val; + } + } + } + } + const prefixes = ['Webkit', 'Moz', 'ms']; + const prefixCache = {}; + function autoPrefix(style, rawName) { + const cached = prefixCache[rawName]; + if (cached) { + return cached; + } + let name = camelize(rawName); + if (name !== 'filter' && name in style) { + return (prefixCache[rawName] = name); + } + name = capitalize(name); + for (let i = 0; i < prefixes.length; i++) { + const prefixed = prefixes[i] + name; + if (prefixed in style) { + return (prefixCache[rawName] = prefixed); + } + } + return rawName; + } + + const xlinkNS = 'http://www.w3.org/1999/xlink'; + function patchAttr(el, key, value, isSVG, instance) { + if (isSVG && key.startsWith('xlink:')) { + if (value == null) { + el.removeAttributeNS(xlinkNS, key.slice(6, key.length)); + } + else { + el.setAttributeNS(xlinkNS, key, value); + } + } + else { + // note we are only checking boolean attributes that don't have a + // corresponding dom prop of the same name here. + const isBoolean = isSpecialBooleanAttr(key); + if (value == null || (isBoolean && !includeBooleanAttr(value))) { + el.removeAttribute(key); + } + else { + el.setAttribute(key, isBoolean ? '' : value); + } + } + } + + // __UNSAFE__ + // functions. The user is responsible for using them with only trusted content. + function patchDOMProp(el, key, value, + // the following args are passed only due to potential innerHTML/textContent + // overriding existing VNodes, in which case the old tree must be properly + // unmounted. + prevChildren, parentComponent, parentSuspense, unmountChildren) { + if (key === 'innerHTML' || key === 'textContent') { + if (prevChildren) { + unmountChildren(prevChildren, parentComponent, parentSuspense); + } + el[key] = value == null ? '' : value; + return; + } + if (key === 'value' && el.tagName !== 'PROGRESS') { + // store value as _value as well since + // non-string values will be stringified. + el._value = value; + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + if (value == null) { + el.removeAttribute(key); + } + return; + } + if (value === '' || value == null) { + const type = typeof el[key]; + if (type === 'boolean') { + // e.g. <select multiple> compiles to { multiple: '' } + el[key] = includeBooleanAttr(value); + return; + } + else if (value == null && type === 'string') { + // e.g. <div :id="null"> + el[key] = ''; + el.removeAttribute(key); + return; + } + else if (type === 'number') { + // e.g. <img :width="null"> + // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error + try { + el[key] = 0; + } + catch (_a) { } + el.removeAttribute(key); + return; + } + } + // some properties perform value validation and throw + try { + el[key] = value; + } + catch (e) { + { + warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` + + `value ${value} is invalid.`, e); + } + } + } + + // Async edge case fix requires storing an event listener's attach timestamp. + let _getNow = Date.now; + let skipTimestampCheck = false; + if (typeof window !== 'undefined') { + // Determine what event timestamp the browser is using. Annoyingly, the + // timestamp can either be hi-res (relative to page load) or low-res + // (relative to UNIX epoch), so in order to compare time we have to use the + // same timestamp type when saving the flush timestamp. + if (_getNow() > document.createEvent('Event').timeStamp) { + // if the low-res timestamp which is bigger than the event timestamp + // (which is evaluated AFTER) it means the event is using a hi-res timestamp, + // and we need to use the hi-res version for event listeners as well. + _getNow = () => performance.now(); + } + // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation + // and does not fire microtasks in between event propagation, so safe to exclude. + const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i); + skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53); + } + // To avoid the overhead of repeatedly calling performance.now(), we cache + // and use the same timestamp for all event listeners attached in the same tick. + let cachedNow = 0; + const p = Promise.resolve(); + const reset = () => { + cachedNow = 0; + }; + const getNow = () => cachedNow || (p.then(reset), (cachedNow = _getNow())); + function addEventListener(el, event, handler, options) { + el.addEventListener(event, handler, options); + } + function removeEventListener(el, event, handler, options) { + el.removeEventListener(event, handler, options); + } + function patchEvent(el, rawName, prevValue, nextValue, instance = null) { + // vei = vue event invokers + const invokers = el._vei || (el._vei = {}); + const existingInvoker = invokers[rawName]; + if (nextValue && existingInvoker) { + // patch + existingInvoker.value = nextValue; + } + else { + const [name, options] = parseName(rawName); + if (nextValue) { + // add + const invoker = (invokers[rawName] = createInvoker(nextValue, instance)); + addEventListener(el, name, invoker, options); + } + else if (existingInvoker) { + // remove + removeEventListener(el, name, existingInvoker, options); + invokers[rawName] = undefined; + } + } + } + const optionsModifierRE = /(?:Once|Passive|Capture)$/; + function parseName(name) { + let options; + if (optionsModifierRE.test(name)) { + options = {}; + let m; + while ((m = name.match(optionsModifierRE))) { + name = name.slice(0, name.length - m[0].length); + options[m[0].toLowerCase()] = true; + } + } + return [hyphenate(name.slice(2)), options]; + } + function createInvoker(initialValue, instance) { + const invoker = (e) => { + // async edge case #6566: inner click event triggers patch, event handler + // attached to outer element during patch, and triggered again. This + // happens because browsers fire microtask ticks between event propagation. + // the solution is simple: we save the timestamp when a handler is attached, + // and the handler would only fire if the event passed to it was fired + // AFTER it was attached. + const timeStamp = e.timeStamp || _getNow(); + if (skipTimestampCheck || timeStamp >= invoker.attached - 1) { + callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5 /* NATIVE_EVENT_HANDLER */, [e]); + } + }; + invoker.value = initialValue; + invoker.attached = getNow(); + return invoker; + } + function patchStopImmediatePropagation(e, value) { + if (isArray(value)) { + const originalStop = e.stopImmediatePropagation; + e.stopImmediatePropagation = () => { + originalStop.call(e); + e._stopped = true; + }; + return value.map(fn => (e) => !e._stopped && fn(e)); + } + else { + return value; + } + } + + const nativeOnRE = /^on[a-z]/; + const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => { + if (key === 'class') { + patchClass(el, nextValue, isSVG); + } + else if (key === 'style') { + patchStyle(el, prevValue, nextValue); + } + else if (isOn(key)) { + // ignore v-model listeners + if (!isModelListener(key)) { + patchEvent(el, key, prevValue, nextValue, parentComponent); + } + } + else if (key[0] === '.' + ? ((key = key.slice(1)), true) + : key[0] === '^' + ? ((key = key.slice(1)), false) + : shouldSetAsProp(el, key, nextValue, isSVG)) { + patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren); + } + else { + // special case for <input v-model type="checkbox"> with + // :true-value & :false-value + // store value as dom properties since non-string values will be + // stringified. + if (key === 'true-value') { + el._trueValue = nextValue; + } + else if (key === 'false-value') { + el._falseValue = nextValue; + } + patchAttr(el, key, nextValue, isSVG); + } + }; + function shouldSetAsProp(el, key, value, isSVG) { + if (isSVG) { + // most keys must be set as attribute on svg elements to work + // ...except innerHTML & textContent + if (key === 'innerHTML' || key === 'textContent') { + return true; + } + // or native onclick with function values + if (key in el && nativeOnRE.test(key) && isFunction(value)) { + return true; + } + return false; + } + // spellcheck and draggable are numerated attrs, however their + // corresponding DOM properties are actually booleans - this leads to + // setting it with a string "false" value leading it to be coerced to + // `true`, so we need to always treat them as attributes. + // Note that `contentEditable` doesn't have this problem: its DOM + // property is also enumerated string values. + if (key === 'spellcheck' || key === 'draggable') { + return false; + } + // #1787, #2840 form property on form elements is readonly and must be set as + // attribute. + if (key === 'form') { + return false; + } + // #1526 <input list> must be set as attribute + if (key === 'list' && el.tagName === 'INPUT') { + return false; + } + // #2766 <textarea type> must be set as attribute + if (key === 'type' && el.tagName === 'TEXTAREA') { + return false; + } + // native onclick with string value, must be set as attribute + if (nativeOnRE.test(key) && isString(value)) { + return false; + } + return key in el; + } + + function defineCustomElement(options, hydate) { + const Comp = defineComponent(options); + class VueCustomElement extends VueElement { + constructor(initialProps) { + super(Comp, initialProps, hydate); + } + } + VueCustomElement.def = Comp; + return VueCustomElement; + } + const defineSSRCustomElement = ((options) => { + // @ts-ignore + return defineCustomElement(options, hydrate); + }); + const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class { + }); + class VueElement extends BaseClass { + constructor(_def, _props = {}, hydrate) { + super(); + this._def = _def; + this._props = _props; + /** + * @internal + */ + this._instance = null; + this._connected = false; + this._resolved = false; + if (this.shadowRoot && hydrate) { + hydrate(this._createVNode(), this.shadowRoot); + } + else { + if (this.shadowRoot) { + warn$1(`Custom element has pre-rendered declarative shadow root but is not ` + + `defined as hydratable. Use \`defineSSRCustomElement\`.`); + } + this.attachShadow({ mode: 'open' }); + } + // set initial attrs + for (let i = 0; i < this.attributes.length; i++) { + this._setAttr(this.attributes[i].name); + } + // watch future attr changes + const observer = new MutationObserver(mutations => { + for (const m of mutations) { + this._setAttr(m.attributeName); + } + }); + observer.observe(this, { attributes: true }); + } + connectedCallback() { + this._connected = true; + if (!this._instance) { + this._resolveDef(); + render(this._createVNode(), this.shadowRoot); + } + } + disconnectedCallback() { + this._connected = false; + nextTick(() => { + if (!this._connected) { + render(null, this.shadowRoot); + this._instance = null; + } + }); + } + /** + * resolve inner component definition (handle possible async component) + */ + _resolveDef() { + if (this._resolved) { + return; + } + const resolve = (def) => { + this._resolved = true; + // check if there are props set pre-upgrade or connect + for (const key of Object.keys(this)) { + if (key[0] !== '_') { + this._setProp(key, this[key]); + } + } + const { props, styles } = def; + // defining getter/setters on prototype + const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : []; + for (const key of rawKeys.map(camelize)) { + Object.defineProperty(this, key, { + get() { + return this._getProp(key); + }, + set(val) { + this._setProp(key, val); + } + }); + } + this._applyStyles(styles); + }; + const asyncDef = this._def.__asyncLoader; + if (asyncDef) { + asyncDef().then(resolve); + } + else { + resolve(this._def); + } + } + _setAttr(key) { + this._setProp(camelize(key), toNumber(this.getAttribute(key)), false); + } + /** + * @internal + */ + _getProp(key) { + return this._props[key]; + } + /** + * @internal + */ + _setProp(key, val, shouldReflect = true) { + if (val !== this._props[key]) { + this._props[key] = val; + if (this._instance) { + render(this._createVNode(), this.shadowRoot); + } + // reflect + if (shouldReflect) { + if (val === true) { + this.setAttribute(hyphenate(key), ''); + } + else if (typeof val === 'string' || typeof val === 'number') { + this.setAttribute(hyphenate(key), val + ''); + } + else if (!val) { + this.removeAttribute(hyphenate(key)); + } + } + } + } + _createVNode() { + const vnode = createVNode(this._def, extend({}, this._props)); + if (!this._instance) { + vnode.ce = instance => { + this._instance = instance; + instance.isCE = true; + // HMR + { + instance.ceReload = newStyles => { + // alawys reset styles + if (this._styles) { + this._styles.forEach(s => this.shadowRoot.removeChild(s)); + this._styles.length = 0; + } + this._applyStyles(newStyles); + // if this is an async component, ceReload is called from the inner + // component so no need to reload the async wrapper + if (!this._def.__asyncLoader) { + // reload + this._instance = null; + render(this._createVNode(), this.shadowRoot); + } + }; + } + // intercept emit + instance.emit = (event, ...args) => { + this.dispatchEvent(new CustomEvent(event, { + detail: args + })); + }; + // locate nearest Vue custom element parent for provide/inject + let parent = this; + while ((parent = + parent && (parent.parentNode || parent.host))) { + if (parent instanceof VueElement) { + instance.parent = parent._instance; + break; + } + } + }; + } + return vnode; + } + _applyStyles(styles) { + if (styles) { + styles.forEach(css => { + const s = document.createElement('style'); + s.textContent = css; + this.shadowRoot.appendChild(s); + // record for HMR + { + (this._styles || (this._styles = [])).push(s); + } + }); + } + } + } + + function useCssModule(name = '$style') { + /* istanbul ignore else */ + { + { + warn$1(`useCssModule() is not supported in the global build.`); + } + return EMPTY_OBJ; + } + } + + /** + * Runtime helper for SFC's CSS variable injection feature. + * @private + */ + function useCssVars(getter) { + const instance = getCurrentInstance(); + /* istanbul ignore next */ + if (!instance) { + warn$1(`useCssVars is called without current active component instance.`); + return; + } + const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy)); + watchPostEffect(setVars); + onMounted(() => { + const ob = new MutationObserver(setVars); + ob.observe(instance.subTree.el.parentNode, { childList: true }); + onUnmounted(() => ob.disconnect()); + }); + } + function setVarsOnVNode(vnode, vars) { + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + const suspense = vnode.suspense; + vnode = suspense.activeBranch; + if (suspense.pendingBranch && !suspense.isHydrating) { + suspense.effects.push(() => { + setVarsOnVNode(suspense.activeBranch, vars); + }); + } + } + // drill down HOCs until it's a non-component vnode + while (vnode.component) { + vnode = vnode.component.subTree; + } + if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) { + setVarsOnNode(vnode.el, vars); + } + else if (vnode.type === Fragment) { + vnode.children.forEach(c => setVarsOnVNode(c, vars)); + } + else if (vnode.type === Static) { + let { el, anchor } = vnode; + while (el) { + setVarsOnNode(el, vars); + if (el === anchor) + break; + el = el.nextSibling; + } + } + } + function setVarsOnNode(el, vars) { + if (el.nodeType === 1) { + const style = el.style; + for (const key in vars) { + style.setProperty(`--${key}`, vars[key]); + } + } + } + + const TRANSITION = 'transition'; + const ANIMATION = 'animation'; + // DOM Transition is a higher-order-component based on the platform-agnostic + // base Transition component, with DOM-specific logic. + const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots); + Transition.displayName = 'Transition'; + const DOMTransitionPropsValidators = { + name: String, + type: String, + css: { + type: Boolean, + default: true + }, + duration: [String, Number, Object], + enterFromClass: String, + enterActiveClass: String, + enterToClass: String, + appearFromClass: String, + appearActiveClass: String, + appearToClass: String, + leaveFromClass: String, + leaveActiveClass: String, + leaveToClass: String + }; + const TransitionPropsValidators = (Transition.props = + /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators)); + /** + * #3227 Incoming hooks may be merged into arrays when wrapping Transition + * with custom HOCs. + */ + const callHook$1 = (hook, args = []) => { + if (isArray(hook)) { + hook.forEach(h => h(...args)); + } + else if (hook) { + hook(...args); + } + }; + /** + * Check if a hook expects a callback (2nd arg), which means the user + * intends to explicitly control the end of the transition. + */ + const hasExplicitCallback = (hook) => { + return hook + ? isArray(hook) + ? hook.some(h => h.length > 1) + : hook.length > 1 + : false; + }; + function resolveTransitionProps(rawProps) { + const baseProps = {}; + for (const key in rawProps) { + if (!(key in DOMTransitionPropsValidators)) { + baseProps[key] = rawProps[key]; + } + } + if (rawProps.css === false) { + return baseProps; + } + const { name = 'v', type, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps; + const durations = normalizeDuration(duration); + const enterDuration = durations && durations[0]; + const leaveDuration = durations && durations[1]; + const { onBeforeEnter, onEnter, onEnterCancelled, onLeave, onLeaveCancelled, onBeforeAppear = onBeforeEnter, onAppear = onEnter, onAppearCancelled = onEnterCancelled } = baseProps; + const finishEnter = (el, isAppear, done) => { + removeTransitionClass(el, isAppear ? appearToClass : enterToClass); + removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass); + done && done(); + }; + const finishLeave = (el, done) => { + removeTransitionClass(el, leaveToClass); + removeTransitionClass(el, leaveActiveClass); + done && done(); + }; + const makeEnterHook = (isAppear) => { + return (el, done) => { + const hook = isAppear ? onAppear : onEnter; + const resolve = () => finishEnter(el, isAppear, done); + callHook$1(hook, [el, resolve]); + nextFrame(() => { + removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass); + addTransitionClass(el, isAppear ? appearToClass : enterToClass); + if (!hasExplicitCallback(hook)) { + whenTransitionEnds(el, type, enterDuration, resolve); + } + }); + }; + }; + return extend(baseProps, { + onBeforeEnter(el) { + callHook$1(onBeforeEnter, [el]); + addTransitionClass(el, enterFromClass); + addTransitionClass(el, enterActiveClass); + }, + onBeforeAppear(el) { + callHook$1(onBeforeAppear, [el]); + addTransitionClass(el, appearFromClass); + addTransitionClass(el, appearActiveClass); + }, + onEnter: makeEnterHook(false), + onAppear: makeEnterHook(true), + onLeave(el, done) { + const resolve = () => finishLeave(el, done); + addTransitionClass(el, leaveFromClass); + // force reflow so *-leave-from classes immediately take effect (#2593) + forceReflow(); + addTransitionClass(el, leaveActiveClass); + nextFrame(() => { + removeTransitionClass(el, leaveFromClass); + addTransitionClass(el, leaveToClass); + if (!hasExplicitCallback(onLeave)) { + whenTransitionEnds(el, type, leaveDuration, resolve); + } + }); + callHook$1(onLeave, [el, resolve]); + }, + onEnterCancelled(el) { + finishEnter(el, false); + callHook$1(onEnterCancelled, [el]); + }, + onAppearCancelled(el) { + finishEnter(el, true); + callHook$1(onAppearCancelled, [el]); + }, + onLeaveCancelled(el) { + finishLeave(el); + callHook$1(onLeaveCancelled, [el]); + } + }); + } + function normalizeDuration(duration) { + if (duration == null) { + return null; + } + else if (isObject(duration)) { + return [NumberOf(duration.enter), NumberOf(duration.leave)]; + } + else { + const n = NumberOf(duration); + return [n, n]; + } + } + function NumberOf(val) { + const res = toNumber(val); + validateDuration(res); + return res; + } + function validateDuration(val) { + if (typeof val !== 'number') { + warn$1(`<transition> explicit duration is not a valid number - ` + + `got ${JSON.stringify(val)}.`); + } + else if (isNaN(val)) { + warn$1(`<transition> explicit duration is NaN - ` + + 'the duration expression might be incorrect.'); + } + } + function addTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.add(c)); + (el._vtc || + (el._vtc = new Set())).add(cls); + } + function removeTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.remove(c)); + const { _vtc } = el; + if (_vtc) { + _vtc.delete(cls); + if (!_vtc.size) { + el._vtc = undefined; + } + } + } + function nextFrame(cb) { + requestAnimationFrame(() => { + requestAnimationFrame(cb); + }); + } + let endId = 0; + function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) { + const id = (el._endId = ++endId); + const resolveIfNotStale = () => { + if (id === el._endId) { + resolve(); + } + }; + if (explicitTimeout) { + return setTimeout(resolveIfNotStale, explicitTimeout); + } + const { type, timeout, propCount } = getTransitionInfo(el, expectedType); + if (!type) { + return resolve(); + } + const endEvent = type + 'end'; + let ended = 0; + const end = () => { + el.removeEventListener(endEvent, onEnd); + resolveIfNotStale(); + }; + const onEnd = (e) => { + if (e.target === el && ++ended >= propCount) { + end(); + } + }; + setTimeout(() => { + if (ended < propCount) { + end(); + } + }, timeout + 1); + el.addEventListener(endEvent, onEnd); + } + function getTransitionInfo(el, expectedType) { + const styles = window.getComputedStyle(el); + // JSDOM may return undefined for transition properties + const getStyleProperties = (key) => (styles[key] || '').split(', '); + const transitionDelays = getStyleProperties(TRANSITION + 'Delay'); + const transitionDurations = getStyleProperties(TRANSITION + 'Duration'); + const transitionTimeout = getTimeout(transitionDelays, transitionDurations); + const animationDelays = getStyleProperties(ANIMATION + 'Delay'); + const animationDurations = getStyleProperties(ANIMATION + 'Duration'); + const animationTimeout = getTimeout(animationDelays, animationDurations); + let type = null; + let timeout = 0; + let propCount = 0; + /* istanbul ignore if */ + if (expectedType === TRANSITION) { + if (transitionTimeout > 0) { + type = TRANSITION; + timeout = transitionTimeout; + propCount = transitionDurations.length; + } + } + else if (expectedType === ANIMATION) { + if (animationTimeout > 0) { + type = ANIMATION; + timeout = animationTimeout; + propCount = animationDurations.length; + } + } + else { + timeout = Math.max(transitionTimeout, animationTimeout); + type = + timeout > 0 + ? transitionTimeout > animationTimeout + ? TRANSITION + : ANIMATION + : null; + propCount = type + ? type === TRANSITION + ? transitionDurations.length + : animationDurations.length + : 0; + } + const hasTransform = type === TRANSITION && + /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']); + return { + type, + timeout, + propCount, + hasTransform + }; + } + function getTimeout(delays, durations) { + while (delays.length < durations.length) { + delays = delays.concat(delays); + } + return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i]))); + } + // Old versions of Chromium (below 61.0.3163.100) formats floating pointer + // numbers in a locale-dependent way, using a comma instead of a dot. + // If comma is not replaced with a dot, the input will be rounded down + // (i.e. acting as a floor function) causing unexpected behaviors + function toMs(s) { + return Number(s.slice(0, -1).replace(',', '.')) * 1000; + } + // synchronously force layout to put elements into a certain state + function forceReflow() { + return document.body.offsetHeight; + } + + const positionMap = new WeakMap(); + const newPositionMap = new WeakMap(); + const TransitionGroupImpl = { + name: 'TransitionGroup', + props: /*#__PURE__*/ extend({}, TransitionPropsValidators, { + tag: String, + moveClass: String + }), + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevChildren; + let children; + onUpdated(() => { + // children is guaranteed to exist after initial render + if (!prevChildren.length) { + return; + } + const moveClass = props.moveClass || `${props.name || 'v'}-move`; + if (!hasCSSTransform(prevChildren[0].el, instance.vnode.el, moveClass)) { + return; + } + // we divide the work into three loops to avoid mixing DOM reads and writes + // in each iteration - which helps prevent layout thrashing. + prevChildren.forEach(callPendingCbs); + prevChildren.forEach(recordPosition); + const movedChildren = prevChildren.filter(applyTranslation); + // force reflow to put everything in position + forceReflow(); + movedChildren.forEach(c => { + const el = c.el; + const style = el.style; + addTransitionClass(el, moveClass); + style.transform = style.webkitTransform = style.transitionDuration = ''; + const cb = (el._moveCb = (e) => { + if (e && e.target !== el) { + return; + } + if (!e || /transform$/.test(e.propertyName)) { + el.removeEventListener('transitionend', cb); + el._moveCb = null; + removeTransitionClass(el, moveClass); + } + }); + el.addEventListener('transitionend', cb); + }); + }); + return () => { + const rawProps = toRaw(props); + const cssTransitionProps = resolveTransitionProps(rawProps); + let tag = rawProps.tag || Fragment; + prevChildren = children; + children = slots.default ? getTransitionRawChildren(slots.default()) : []; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (child.key != null) { + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + } + else { + warn$1(`<TransitionGroup> children must be keyed.`); + } + } + if (prevChildren) { + for (let i = 0; i < prevChildren.length; i++) { + const child = prevChildren[i]; + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + positionMap.set(child, child.el.getBoundingClientRect()); + } + } + return createVNode(tag, null, children); + }; + } + }; + const TransitionGroup = TransitionGroupImpl; + function callPendingCbs(c) { + const el = c.el; + if (el._moveCb) { + el._moveCb(); + } + if (el._enterCb) { + el._enterCb(); + } + } + function recordPosition(c) { + newPositionMap.set(c, c.el.getBoundingClientRect()); + } + function applyTranslation(c) { + const oldPos = positionMap.get(c); + const newPos = newPositionMap.get(c); + const dx = oldPos.left - newPos.left; + const dy = oldPos.top - newPos.top; + if (dx || dy) { + const s = c.el.style; + s.transform = s.webkitTransform = `translate(${dx}px,${dy}px)`; + s.transitionDuration = '0s'; + return c; + } + } + function hasCSSTransform(el, root, moveClass) { + // Detect whether an element with the move class applied has + // CSS transitions. Since the element may be inside an entering + // transition at this very moment, we make a clone of it and remove + // all other transition classes applied to ensure only the move class + // is applied. + const clone = el.cloneNode(); + if (el._vtc) { + el._vtc.forEach(cls => { + cls.split(/\s+/).forEach(c => c && clone.classList.remove(c)); + }); + } + moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c)); + clone.style.display = 'none'; + const container = (root.nodeType === 1 ? root : root.parentNode); + container.appendChild(clone); + const { hasTransform } = getTransitionInfo(clone); + container.removeChild(clone); + return hasTransform; + } + + const getModelAssigner = (vnode) => { + const fn = vnode.props['onUpdate:modelValue']; + return isArray(fn) ? value => invokeArrayFns(fn, value) : fn; + }; + function onCompositionStart(e) { + e.target.composing = true; + } + function onCompositionEnd(e) { + const target = e.target; + if (target.composing) { + target.composing = false; + trigger$1(target, 'input'); + } + } + function trigger$1(el, type) { + const e = document.createEvent('HTMLEvents'); + e.initEvent(type, true, true); + el.dispatchEvent(e); + } + // We are exporting the v-model runtime directly as vnode hooks so that it can + // be tree-shaken in case v-model is never used. + const vModelText = { + created(el, { modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + const castToNumber = number || (vnode.props && vnode.props.type === 'number'); + addEventListener(el, lazy ? 'change' : 'input', e => { + if (e.target.composing) + return; + let domValue = el.value; + if (trim) { + domValue = domValue.trim(); + } + else if (castToNumber) { + domValue = toNumber(domValue); + } + el._assign(domValue); + }); + if (trim) { + addEventListener(el, 'change', () => { + el.value = el.value.trim(); + }); + } + if (!lazy) { + addEventListener(el, 'compositionstart', onCompositionStart); + addEventListener(el, 'compositionend', onCompositionEnd); + // Safari < 10.2 & UIWebView doesn't fire compositionend when + // switching focus before confirming composition choice + // this also fixes the issue where some browsers e.g. iOS Chrome + // fires "change" instead of "input" on autocomplete. + addEventListener(el, 'change', onCompositionEnd); + } + }, + // set value on mounted so it's after min/max for type="range" + mounted(el, { value }) { + el.value = value == null ? '' : value; + }, + beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + // avoid clearing unresolved text. #2302 + if (el.composing) + return; + if (document.activeElement === el) { + if (lazy) { + return; + } + if (trim && el.value.trim() === value) { + return; + } + if ((number || el.type === 'number') && toNumber(el.value) === value) { + return; + } + } + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + } + }; + const vModelCheckbox = { + // #4096 array checkboxes need to be deep traversed + deep: true, + created(el, _, vnode) { + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + const modelValue = el._modelValue; + const elementValue = getValue(el); + const checked = el.checked; + const assign = el._assign; + if (isArray(modelValue)) { + const index = looseIndexOf(modelValue, elementValue); + const found = index !== -1; + if (checked && !found) { + assign(modelValue.concat(elementValue)); + } + else if (!checked && found) { + const filtered = [...modelValue]; + filtered.splice(index, 1); + assign(filtered); + } + } + else if (isSet(modelValue)) { + const cloned = new Set(modelValue); + if (checked) { + cloned.add(elementValue); + } + else { + cloned.delete(elementValue); + } + assign(cloned); + } + else { + assign(getCheckboxValue(el, checked)); + } + }); + }, + // set initial checked on mount to wait for true-value/false-value + mounted: setChecked, + beforeUpdate(el, binding, vnode) { + el._assign = getModelAssigner(vnode); + setChecked(el, binding, vnode); + } + }; + function setChecked(el, { value, oldValue }, vnode) { + el._modelValue = value; + if (isArray(value)) { + el.checked = looseIndexOf(value, vnode.props.value) > -1; + } + else if (isSet(value)) { + el.checked = value.has(vnode.props.value); + } + else if (value !== oldValue) { + el.checked = looseEqual(value, getCheckboxValue(el, true)); + } + } + const vModelRadio = { + created(el, { value }, vnode) { + el.checked = looseEqual(value, vnode.props.value); + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + el._assign(getValue(el)); + }); + }, + beforeUpdate(el, { value, oldValue }, vnode) { + el._assign = getModelAssigner(vnode); + if (value !== oldValue) { + el.checked = looseEqual(value, vnode.props.value); + } + } + }; + const vModelSelect = { + // <select multiple> value need to be deep traversed + deep: true, + created(el, { value, modifiers: { number } }, vnode) { + const isSetModel = isSet(value); + addEventListener(el, 'change', () => { + const selectedVal = Array.prototype.filter + .call(el.options, (o) => o.selected) + .map((o) => number ? toNumber(getValue(o)) : getValue(o)); + el._assign(el.multiple + ? isSetModel + ? new Set(selectedVal) + : selectedVal + : selectedVal[0]); + }); + el._assign = getModelAssigner(vnode); + }, + // set value in mounted & updated because <select> relies on its children + // <option>s. + mounted(el, { value }) { + setSelected(el, value); + }, + beforeUpdate(el, _binding, vnode) { + el._assign = getModelAssigner(vnode); + }, + updated(el, { value }) { + setSelected(el, value); + } + }; + function setSelected(el, value) { + const isMultiple = el.multiple; + if (isMultiple && !isArray(value) && !isSet(value)) { + warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` + + `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`); + return; + } + for (let i = 0, l = el.options.length; i < l; i++) { + const option = el.options[i]; + const optionValue = getValue(option); + if (isMultiple) { + if (isArray(value)) { + option.selected = looseIndexOf(value, optionValue) > -1; + } + else { + option.selected = value.has(optionValue); + } + } + else { + if (looseEqual(getValue(option), value)) { + if (el.selectedIndex !== i) + el.selectedIndex = i; + return; + } + } + } + if (!isMultiple && el.selectedIndex !== -1) { + el.selectedIndex = -1; + } + } + // retrieve raw value set via :value bindings + function getValue(el) { + return '_value' in el ? el._value : el.value; + } + // retrieve raw value for true-value and false-value set via :true-value or :false-value bindings + function getCheckboxValue(el, checked) { + const key = checked ? '_trueValue' : '_falseValue'; + return key in el ? el[key] : checked; + } + const vModelDynamic = { + created(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'created'); + }, + mounted(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'mounted'); + }, + beforeUpdate(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'beforeUpdate'); + }, + updated(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'updated'); + } + }; + function callModelHook(el, binding, vnode, prevVNode, hook) { + let modelToUse; + switch (el.tagName) { + case 'SELECT': + modelToUse = vModelSelect; + break; + case 'TEXTAREA': + modelToUse = vModelText; + break; + default: + switch (vnode.props && vnode.props.type) { + case 'checkbox': + modelToUse = vModelCheckbox; + break; + case 'radio': + modelToUse = vModelRadio; + break; + default: + modelToUse = vModelText; + } + } + const fn = modelToUse[hook]; + fn && fn(el, binding, vnode, prevVNode); + } + + const systemModifiers = ['ctrl', 'shift', 'alt', 'meta']; + const modifierGuards = { + stop: e => e.stopPropagation(), + prevent: e => e.preventDefault(), + self: e => e.target !== e.currentTarget, + ctrl: e => !e.ctrlKey, + shift: e => !e.shiftKey, + alt: e => !e.altKey, + meta: e => !e.metaKey, + left: e => 'button' in e && e.button !== 0, + middle: e => 'button' in e && e.button !== 1, + right: e => 'button' in e && e.button !== 2, + exact: (e, modifiers) => systemModifiers.some(m => e[`${m}Key`] && !modifiers.includes(m)) + }; + /** + * @private + */ + const withModifiers = (fn, modifiers) => { + return (event, ...args) => { + for (let i = 0; i < modifiers.length; i++) { + const guard = modifierGuards[modifiers[i]]; + if (guard && guard(event, modifiers)) + return; + } + return fn(event, ...args); + }; + }; + // Kept for 2.x compat. + // Note: IE11 compat for `spacebar` and `del` is removed for now. + const keyNames = { + esc: 'escape', + space: ' ', + up: 'arrow-up', + left: 'arrow-left', + right: 'arrow-right', + down: 'arrow-down', + delete: 'backspace' + }; + /** + * @private + */ + const withKeys = (fn, modifiers) => { + return (event) => { + if (!('key' in event)) { + return; + } + const eventKey = hyphenate(event.key); + if (modifiers.some(k => k === eventKey || keyNames[k] === eventKey)) { + return fn(event); + } + }; + }; + + const vShow = { + beforeMount(el, { value }, { transition }) { + el._vod = el.style.display === 'none' ? '' : el.style.display; + if (transition && value) { + transition.beforeEnter(el); + } + else { + setDisplay(el, value); + } + }, + mounted(el, { value }, { transition }) { + if (transition && value) { + transition.enter(el); + } + }, + updated(el, { value, oldValue }, { transition }) { + if (!value === !oldValue) + return; + if (transition) { + if (value) { + transition.beforeEnter(el); + setDisplay(el, true); + transition.enter(el); + } + else { + transition.leave(el, () => { + setDisplay(el, false); + }); + } + } + else { + setDisplay(el, value); + } + }, + beforeUnmount(el, { value }) { + setDisplay(el, value); + } + }; + function setDisplay(el, value) { + el.style.display = value ? el._vod : 'none'; + } + + const rendererOptions = extend({ patchProp }, nodeOps); + // lazy create the renderer - this makes core renderer logic tree-shakable + // in case the user only imports reactivity utilities from Vue. + let renderer; + let enabledHydration = false; + function ensureRenderer() { + return (renderer || + (renderer = createRenderer(rendererOptions))); + } + function ensureHydrationRenderer() { + renderer = enabledHydration + ? renderer + : createHydrationRenderer(rendererOptions); + enabledHydration = true; + return renderer; + } + // use explicit type casts here to avoid import() calls in rolled-up d.ts + const render = ((...args) => { + ensureRenderer().render(...args); + }); + const hydrate = ((...args) => { + ensureHydrationRenderer().hydrate(...args); + }); + const createApp = ((...args) => { + const app = ensureRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (!container) + return; + const component = app._component; + if (!isFunction(component) && !component.render && !component.template) { + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's + // rendered by the server, the template should not contain any user data. + component.template = container.innerHTML; + } + // clear content before mounting + container.innerHTML = ''; + const proxy = mount(container, false, container instanceof SVGElement); + if (container instanceof Element) { + container.removeAttribute('v-cloak'); + container.setAttribute('data-v-app', ''); + } + return proxy; + }; + return app; + }); + const createSSRApp = ((...args) => { + const app = ensureHydrationRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (container) { + return mount(container, true, container instanceof SVGElement); + } + }; + return app; + }); + function injectNativeTagCheck(app) { + // Inject `isNativeTag` + // this is used for component name validation (dev only) + Object.defineProperty(app.config, 'isNativeTag', { + value: (tag) => isHTMLTag(tag) || isSVGTag(tag), + writable: false + }); + } + // dev only + function injectCompilerOptionsCheck(app) { + if (isRuntimeOnly()) { + const isCustomElement = app.config.isCustomElement; + Object.defineProperty(app.config, 'isCustomElement', { + get() { + return isCustomElement; + }, + set() { + warn$1(`The \`isCustomElement\` config option is deprecated. Use ` + + `\`compilerOptions.isCustomElement\` instead.`); + } + }); + const compilerOptions = app.config.compilerOptions; + const msg = `The \`compilerOptions\` config option is only respected when using ` + + `a build of Vue.js that includes the runtime compiler (aka "full build"). ` + + `Since you are using the runtime-only build, \`compilerOptions\` ` + + `must be passed to \`@vue/compiler-dom\` in the build setup instead.\n` + + `- For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.\n` + + `- For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader\n` + + `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`; + Object.defineProperty(app.config, 'compilerOptions', { + get() { + warn$1(msg); + return compilerOptions; + }, + set() { + warn$1(msg); + } + }); + } + } + function normalizeContainer(container) { + if (isString(container)) { + const res = document.querySelector(container); + if (!res) { + warn$1(`Failed to mount app: mount target selector "${container}" returned null.`); + } + return res; + } + if (window.ShadowRoot && + container instanceof window.ShadowRoot && + container.mode === 'closed') { + warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`); + } + return container; + } + + function initDev() { + { + { + console.info(`You are running a development build of Vue.\n` + + `Make sure to use the production build (*.prod.js) when deploying for production.`); + } + initCustomFormatter(); + } + } + + function defaultOnError(error) { + throw error; + } + function defaultOnWarn(msg) { + console.warn(`[Vue warn] ${msg.message}`); + } + function createCompilerError(code, loc, messages, additionalMessage) { + const msg = (messages || errorMessages)[code] + (additionalMessage || ``) + ; + const error = new SyntaxError(String(msg)); + error.code = code; + error.loc = loc; + return error; + } + const errorMessages = { + // parse errors + [0 /* ABRUPT_CLOSING_OF_EMPTY_COMMENT */]: 'Illegal comment.', + [1 /* CDATA_IN_HTML_CONTENT */]: 'CDATA section is allowed only in XML context.', + [2 /* DUPLICATE_ATTRIBUTE */]: 'Duplicate attribute.', + [3 /* END_TAG_WITH_ATTRIBUTES */]: 'End tag cannot have attributes.', + [4 /* END_TAG_WITH_TRAILING_SOLIDUS */]: "Illegal '/' in tags.", + [5 /* EOF_BEFORE_TAG_NAME */]: 'Unexpected EOF in tag.', + [6 /* EOF_IN_CDATA */]: 'Unexpected EOF in CDATA section.', + [7 /* EOF_IN_COMMENT */]: 'Unexpected EOF in comment.', + [8 /* EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT */]: 'Unexpected EOF in script.', + [9 /* EOF_IN_TAG */]: 'Unexpected EOF in tag.', + [10 /* INCORRECTLY_CLOSED_COMMENT */]: 'Incorrectly closed comment.', + [11 /* INCORRECTLY_OPENED_COMMENT */]: 'Incorrectly opened comment.', + [12 /* INVALID_FIRST_CHARACTER_OF_TAG_NAME */]: "Illegal tag name. Use '<' to print '<'.", + [13 /* MISSING_ATTRIBUTE_VALUE */]: 'Attribute value was expected.', + [14 /* MISSING_END_TAG_NAME */]: 'End tag name was expected.', + [15 /* MISSING_WHITESPACE_BETWEEN_ATTRIBUTES */]: 'Whitespace was expected.', + [16 /* NESTED_COMMENT */]: "Unexpected '<!--' in comment.", + [17 /* UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME */]: 'Attribute name cannot contain U+0022 ("), U+0027 (\'), and U+003C (<).', + [18 /* UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */]: 'Unquoted attribute value cannot contain U+0022 ("), U+0027 (\'), U+003C (<), U+003D (=), and U+0060 (`).', + [19 /* UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */]: "Attribute name cannot start with '='.", + [21 /* UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */]: "'<?' is allowed only in XML context.", + [20 /* UNEXPECTED_NULL_CHARACTER */]: `Unexpected null cahracter.`, + [22 /* UNEXPECTED_SOLIDUS_IN_TAG */]: "Illegal '/' in tags.", + // Vue-specific parse errors + [23 /* X_INVALID_END_TAG */]: 'Invalid end tag.', + [24 /* X_MISSING_END_TAG */]: 'Element is missing end tag.', + [25 /* X_MISSING_INTERPOLATION_END */]: 'Interpolation end sign was not found.', + [26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */]: 'End bracket for dynamic directive argument was not found. ' + + 'Note that dynamic directive argument cannot contain spaces.', + // transform errors + [27 /* X_V_IF_NO_EXPRESSION */]: `v-if/v-else-if is missing expression.`, + [28 /* X_V_IF_SAME_KEY */]: `v-if/else branches must use unique keys.`, + [29 /* X_V_ELSE_NO_ADJACENT_IF */]: `v-else/v-else-if has no adjacent v-if.`, + [30 /* X_V_FOR_NO_EXPRESSION */]: `v-for is missing expression.`, + [31 /* X_V_FOR_MALFORMED_EXPRESSION */]: `v-for has invalid expression.`, + [32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */]: `<template v-for> key should be placed on the <template> tag.`, + [33 /* X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`, + [34 /* X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`, + [35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`, + [36 /* X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` + + `When there are multiple named slots, all slots should use <template> ` + + `syntax to avoid scope ambiguity.`, + [37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `, + [38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */]: `Extraneous children found when component already has explicitly named ` + + `default slot. These children will be ignored.`, + [39 /* X_V_SLOT_MISPLACED */]: `v-slot can only be used on components or <template> tags.`, + [40 /* X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`, + [41 /* X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`, + [42 /* X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`, + [43 /* X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `, + [44 /* X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`, + // generic errors + [45 /* X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`, + [46 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`, + [47 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`, + [48 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`, + // just to fullfill types + [49 /* __EXTEND_POINT__ */]: `` + }; + + const FRAGMENT = Symbol(`Fragment` ); + const TELEPORT = Symbol(`Teleport` ); + const SUSPENSE = Symbol(`Suspense` ); + const KEEP_ALIVE = Symbol(`KeepAlive` ); + const BASE_TRANSITION = Symbol(`BaseTransition` ); + const OPEN_BLOCK = Symbol(`openBlock` ); + const CREATE_BLOCK = Symbol(`createBlock` ); + const CREATE_ELEMENT_BLOCK = Symbol(`createElementBlock` ); + const CREATE_VNODE = Symbol(`createVNode` ); + const CREATE_ELEMENT_VNODE = Symbol(`createElementVNode` ); + const CREATE_COMMENT = Symbol(`createCommentVNode` ); + const CREATE_TEXT = Symbol(`createTextVNode` ); + const CREATE_STATIC = Symbol(`createStaticVNode` ); + const RESOLVE_COMPONENT = Symbol(`resolveComponent` ); + const RESOLVE_DYNAMIC_COMPONENT = Symbol(`resolveDynamicComponent` ); + const RESOLVE_DIRECTIVE = Symbol(`resolveDirective` ); + const RESOLVE_FILTER = Symbol(`resolveFilter` ); + const WITH_DIRECTIVES = Symbol(`withDirectives` ); + const RENDER_LIST = Symbol(`renderList` ); + const RENDER_SLOT = Symbol(`renderSlot` ); + const CREATE_SLOTS = Symbol(`createSlots` ); + const TO_DISPLAY_STRING = Symbol(`toDisplayString` ); + const MERGE_PROPS = Symbol(`mergeProps` ); + const NORMALIZE_CLASS = Symbol(`normalizeClass` ); + const NORMALIZE_STYLE = Symbol(`normalizeStyle` ); + const NORMALIZE_PROPS = Symbol(`normalizeProps` ); + const GUARD_REACTIVE_PROPS = Symbol(`guardReactiveProps` ); + const TO_HANDLERS = Symbol(`toHandlers` ); + const CAMELIZE = Symbol(`camelize` ); + const CAPITALIZE = Symbol(`capitalize` ); + const TO_HANDLER_KEY = Symbol(`toHandlerKey` ); + const SET_BLOCK_TRACKING = Symbol(`setBlockTracking` ); + const PUSH_SCOPE_ID = Symbol(`pushScopeId` ); + const POP_SCOPE_ID = Symbol(`popScopeId` ); + const WITH_SCOPE_ID = Symbol(`withScopeId` ); + const WITH_CTX = Symbol(`withCtx` ); + const UNREF = Symbol(`unref` ); + const IS_REF = Symbol(`isRef` ); + const WITH_MEMO = Symbol(`withMemo` ); + const IS_MEMO_SAME = Symbol(`isMemoSame` ); + // Name mapping for runtime helpers that need to be imported from 'vue' in + // generated code. Make sure these are correctly exported in the runtime! + // Using `any` here because TS doesn't allow symbols as index type. + const helperNameMap = { + [FRAGMENT]: `Fragment`, + [TELEPORT]: `Teleport`, + [SUSPENSE]: `Suspense`, + [KEEP_ALIVE]: `KeepAlive`, + [BASE_TRANSITION]: `BaseTransition`, + [OPEN_BLOCK]: `openBlock`, + [CREATE_BLOCK]: `createBlock`, + [CREATE_ELEMENT_BLOCK]: `createElementBlock`, + [CREATE_VNODE]: `createVNode`, + [CREATE_ELEMENT_VNODE]: `createElementVNode`, + [CREATE_COMMENT]: `createCommentVNode`, + [CREATE_TEXT]: `createTextVNode`, + [CREATE_STATIC]: `createStaticVNode`, + [RESOLVE_COMPONENT]: `resolveComponent`, + [RESOLVE_DYNAMIC_COMPONENT]: `resolveDynamicComponent`, + [RESOLVE_DIRECTIVE]: `resolveDirective`, + [RESOLVE_FILTER]: `resolveFilter`, + [WITH_DIRECTIVES]: `withDirectives`, + [RENDER_LIST]: `renderList`, + [RENDER_SLOT]: `renderSlot`, + [CREATE_SLOTS]: `createSlots`, + [TO_DISPLAY_STRING]: `toDisplayString`, + [MERGE_PROPS]: `mergeProps`, + [NORMALIZE_CLASS]: `normalizeClass`, + [NORMALIZE_STYLE]: `normalizeStyle`, + [NORMALIZE_PROPS]: `normalizeProps`, + [GUARD_REACTIVE_PROPS]: `guardReactiveProps`, + [TO_HANDLERS]: `toHandlers`, + [CAMELIZE]: `camelize`, + [CAPITALIZE]: `capitalize`, + [TO_HANDLER_KEY]: `toHandlerKey`, + [SET_BLOCK_TRACKING]: `setBlockTracking`, + [PUSH_SCOPE_ID]: `pushScopeId`, + [POP_SCOPE_ID]: `popScopeId`, + [WITH_SCOPE_ID]: `withScopeId`, + [WITH_CTX]: `withCtx`, + [UNREF]: `unref`, + [IS_REF]: `isRef`, + [WITH_MEMO]: `withMemo`, + [IS_MEMO_SAME]: `isMemoSame` + }; + function registerRuntimeHelpers(helpers) { + Object.getOwnPropertySymbols(helpers).forEach(s => { + helperNameMap[s] = helpers[s]; + }); + } + + // AST Utilities --------------------------------------------------------------- + // Some expressions, e.g. sequence and conditional expressions, are never + // associated with template nodes, so their source locations are just a stub. + // Container types like CompoundExpression also don't need a real location. + const locStub = { + source: '', + start: { line: 1, column: 1, offset: 0 }, + end: { line: 1, column: 1, offset: 0 } + }; + function createRoot(children, loc = locStub) { + return { + type: 0 /* ROOT */, + children, + helpers: [], + components: [], + directives: [], + hoists: [], + imports: [], + cached: 0, + temps: 0, + codegenNode: undefined, + loc + }; + } + function createVNodeCall(context, tag, props, children, patchFlag, dynamicProps, directives, isBlock = false, disableTracking = false, isComponent = false, loc = locStub) { + if (context) { + if (isBlock) { + context.helper(OPEN_BLOCK); + context.helper(getVNodeBlockHelper(context.inSSR, isComponent)); + } + else { + context.helper(getVNodeHelper(context.inSSR, isComponent)); + } + if (directives) { + context.helper(WITH_DIRECTIVES); + } + } + return { + type: 13 /* VNODE_CALL */, + tag, + props, + children, + patchFlag, + dynamicProps, + directives, + isBlock, + disableTracking, + isComponent, + loc + }; + } + function createArrayExpression(elements, loc = locStub) { + return { + type: 17 /* JS_ARRAY_EXPRESSION */, + loc, + elements + }; + } + function createObjectExpression(properties, loc = locStub) { + return { + type: 15 /* JS_OBJECT_EXPRESSION */, + loc, + properties + }; + } + function createObjectProperty(key, value) { + return { + type: 16 /* JS_PROPERTY */, + loc: locStub, + key: isString(key) ? createSimpleExpression(key, true) : key, + value + }; + } + function createSimpleExpression(content, isStatic = false, loc = locStub, constType = 0 /* NOT_CONSTANT */) { + return { + type: 4 /* SIMPLE_EXPRESSION */, + loc, + content, + isStatic, + constType: isStatic ? 3 /* CAN_STRINGIFY */ : constType + }; + } + function createCompoundExpression(children, loc = locStub) { + return { + type: 8 /* COMPOUND_EXPRESSION */, + loc, + children + }; + } + function createCallExpression(callee, args = [], loc = locStub) { + return { + type: 14 /* JS_CALL_EXPRESSION */, + loc, + callee, + arguments: args + }; + } + function createFunctionExpression(params, returns = undefined, newline = false, isSlot = false, loc = locStub) { + return { + type: 18 /* JS_FUNCTION_EXPRESSION */, + params, + returns, + newline, + isSlot, + loc + }; + } + function createConditionalExpression(test, consequent, alternate, newline = true) { + return { + type: 19 /* JS_CONDITIONAL_EXPRESSION */, + test, + consequent, + alternate, + newline, + loc: locStub + }; + } + function createCacheExpression(index, value, isVNode = false) { + return { + type: 20 /* JS_CACHE_EXPRESSION */, + index, + value, + isVNode, + loc: locStub + }; + } + function createBlockStatement(body) { + return { + type: 21 /* JS_BLOCK_STATEMENT */, + body, + loc: locStub + }; + } + + const isStaticExp = (p) => p.type === 4 /* SIMPLE_EXPRESSION */ && p.isStatic; + const isBuiltInType = (tag, expected) => tag === expected || tag === hyphenate(expected); + function isCoreComponent(tag) { + if (isBuiltInType(tag, 'Teleport')) { + return TELEPORT; + } + else if (isBuiltInType(tag, 'Suspense')) { + return SUSPENSE; + } + else if (isBuiltInType(tag, 'KeepAlive')) { + return KEEP_ALIVE; + } + else if (isBuiltInType(tag, 'BaseTransition')) { + return BASE_TRANSITION; + } + } + const nonIdentifierRE = /^\d|[^\$\w]/; + const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name); + const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/; + const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/; + const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g; + /** + * Simple lexer to check if an expression is a member expression. This is + * lax and only checks validity at the root level (i.e. does not validate exps + * inside square brackets), but it's ok since these are only used on template + * expressions and false positives are invalid expressions in the first place. + */ + const isMemberExpression = (path) => { + // remove whitespaces around . or [ first + path = path.trim().replace(whitespaceRE, s => s.trim()); + let state = 0 /* inMemberExp */; + let stateStack = []; + let currentOpenBracketCount = 0; + let currentOpenParensCount = 0; + let currentStringType = null; + for (let i = 0; i < path.length; i++) { + const char = path.charAt(i); + switch (state) { + case 0 /* inMemberExp */: + if (char === '[') { + stateStack.push(state); + state = 1 /* inBrackets */; + currentOpenBracketCount++; + } + else if (char === '(') { + stateStack.push(state); + state = 2 /* inParens */; + currentOpenParensCount++; + } + else if (!(i === 0 ? validFirstIdentCharRE : validIdentCharRE).test(char)) { + return false; + } + break; + case 1 /* inBrackets */: + if (char === `'` || char === `"` || char === '`') { + stateStack.push(state); + state = 3 /* inString */; + currentStringType = char; + } + else if (char === `[`) { + currentOpenBracketCount++; + } + else if (char === `]`) { + if (!--currentOpenBracketCount) { + state = stateStack.pop(); + } + } + break; + case 2 /* inParens */: + if (char === `'` || char === `"` || char === '`') { + stateStack.push(state); + state = 3 /* inString */; + currentStringType = char; + } + else if (char === `(`) { + currentOpenParensCount++; + } + else if (char === `)`) { + // if the exp ends as a call then it should not be considered valid + if (i === path.length - 1) { + return false; + } + if (!--currentOpenParensCount) { + state = stateStack.pop(); + } + } + break; + case 3 /* inString */: + if (char === currentStringType) { + state = stateStack.pop(); + currentStringType = null; + } + break; + } + } + return !currentOpenBracketCount && !currentOpenParensCount; + }; + function getInnerRange(loc, offset, length) { + const source = loc.source.substr(offset, length); + const newLoc = { + source, + start: advancePositionWithClone(loc.start, loc.source, offset), + end: loc.end + }; + if (length != null) { + newLoc.end = advancePositionWithClone(loc.start, loc.source, offset + length); + } + return newLoc; + } + function advancePositionWithClone(pos, source, numberOfCharacters = source.length) { + return advancePositionWithMutation(extend({}, pos), source, numberOfCharacters); + } + // advance by mutation without cloning (for performance reasons), since this + // gets called a lot in the parser + function advancePositionWithMutation(pos, source, numberOfCharacters = source.length) { + let linesCount = 0; + let lastNewLinePos = -1; + for (let i = 0; i < numberOfCharacters; i++) { + if (source.charCodeAt(i) === 10 /* newline char code */) { + linesCount++; + lastNewLinePos = i; + } + } + pos.offset += numberOfCharacters; + pos.line += linesCount; + pos.column = + lastNewLinePos === -1 + ? pos.column + numberOfCharacters + : numberOfCharacters - lastNewLinePos; + return pos; + } + function assert(condition, msg) { + /* istanbul ignore if */ + if (!condition) { + throw new Error(msg || `unexpected compiler condition`); + } + } + function findDir(node, name, allowEmpty = false) { + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 7 /* DIRECTIVE */ && + (allowEmpty || p.exp) && + (isString(name) ? p.name === name : name.test(p.name))) { + return p; + } + } + } + function findProp(node, name, dynamicOnly = false, allowEmpty = false) { + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 6 /* ATTRIBUTE */) { + if (dynamicOnly) + continue; + if (p.name === name && (p.value || allowEmpty)) { + return p; + } + } + else if (p.name === 'bind' && + (p.exp || allowEmpty) && + isBindKey(p.arg, name)) { + return p; + } + } + } + function isBindKey(arg, name) { + return !!(arg && isStaticExp(arg) && arg.content === name); + } + function hasDynamicKeyVBind(node) { + return node.props.some(p => p.type === 7 /* DIRECTIVE */ && + p.name === 'bind' && + (!p.arg || // v-bind="obj" + p.arg.type !== 4 /* SIMPLE_EXPRESSION */ || // v-bind:[_ctx.foo] + !p.arg.isStatic) // v-bind:[foo] + ); + } + function isText(node) { + return node.type === 5 /* INTERPOLATION */ || node.type === 2 /* TEXT */; + } + function isVSlot(p) { + return p.type === 7 /* DIRECTIVE */ && p.name === 'slot'; + } + function isTemplateNode(node) { + return (node.type === 1 /* ELEMENT */ && node.tagType === 3 /* TEMPLATE */); + } + function isSlotOutlet(node) { + return node.type === 1 /* ELEMENT */ && node.tagType === 2 /* SLOT */; + } + function getVNodeHelper(ssr, isComponent) { + return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE; + } + function getVNodeBlockHelper(ssr, isComponent) { + return ssr || isComponent ? CREATE_BLOCK : CREATE_ELEMENT_BLOCK; + } + const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]); + function getUnnormalizedProps(props, callPath = []) { + if (props && + !isString(props) && + props.type === 14 /* JS_CALL_EXPRESSION */) { + const callee = props.callee; + if (!isString(callee) && propsHelperSet.has(callee)) { + return getUnnormalizedProps(props.arguments[0], callPath.concat(props)); + } + } + return [props, callPath]; + } + function injectProp(node, prop, context) { + let propsWithInjection; + const originalProps = node.type === 13 /* VNODE_CALL */ ? node.props : node.arguments[2]; + /** + * 1. mergeProps(...) + * 2. toHandlers(...) + * 3. normalizeProps(...) + * 4. normalizeProps(guardReactiveProps(...)) + * + * we need to get the real props before normalization + */ + let props = originalProps; + let callPath = []; + let parentCall; + if (props && + !isString(props) && + props.type === 14 /* JS_CALL_EXPRESSION */) { + const ret = getUnnormalizedProps(props); + props = ret[0]; + callPath = ret[1]; + parentCall = callPath[callPath.length - 1]; + } + if (props == null || isString(props)) { + propsWithInjection = createObjectExpression([prop]); + } + else if (props.type === 14 /* JS_CALL_EXPRESSION */) { + // merged props... add ours + // only inject key to object literal if it's the first argument so that + // if doesn't override user provided keys + const first = props.arguments[0]; + if (!isString(first) && first.type === 15 /* JS_OBJECT_EXPRESSION */) { + first.properties.unshift(prop); + } + else { + if (props.callee === TO_HANDLERS) { + // #2366 + propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [ + createObjectExpression([prop]), + props + ]); + } + else { + props.arguments.unshift(createObjectExpression([prop])); + } + } + !propsWithInjection && (propsWithInjection = props); + } + else if (props.type === 15 /* JS_OBJECT_EXPRESSION */) { + let alreadyExists = false; + // check existing key to avoid overriding user provided keys + if (prop.key.type === 4 /* SIMPLE_EXPRESSION */) { + const propKeyName = prop.key.content; + alreadyExists = props.properties.some(p => p.key.type === 4 /* SIMPLE_EXPRESSION */ && + p.key.content === propKeyName); + } + if (!alreadyExists) { + props.properties.unshift(prop); + } + propsWithInjection = props; + } + else { + // single v-bind with expression, return a merged replacement + propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [ + createObjectExpression([prop]), + props + ]); + // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(props))`, + // it will be rewritten as `normalizeProps(mergeProps({ key: 0 }, props))`, + // the `guardReactiveProps` will no longer be needed + if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) { + parentCall = callPath[callPath.length - 2]; + } + } + if (node.type === 13 /* VNODE_CALL */) { + if (parentCall) { + parentCall.arguments[0] = propsWithInjection; + } + else { + node.props = propsWithInjection; + } + } + else { + if (parentCall) { + parentCall.arguments[0] = propsWithInjection; + } + else { + node.arguments[2] = propsWithInjection; + } + } + } + function toValidAssetId(name, type) { + // see issue#4422, we need adding identifier on validAssetId if variable `name` has specific character + return `_${type}_${name.replace(/[^\w]/g, (searchValue, replaceValue) => { + return searchValue === '-' ? '_' : name.charCodeAt(replaceValue).toString(); + })}`; + } + function getMemoedVNodeCall(node) { + if (node.type === 14 /* JS_CALL_EXPRESSION */ && node.callee === WITH_MEMO) { + return node.arguments[1].returns; + } + else { + return node; + } + } + function makeBlock(node, { helper, removeHelper, inSSR }) { + if (!node.isBlock) { + node.isBlock = true; + removeHelper(getVNodeHelper(inSSR, node.isComponent)); + helper(OPEN_BLOCK); + helper(getVNodeBlockHelper(inSSR, node.isComponent)); + } + } + + const deprecationData$1 = { + ["COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */]: { + message: `Platform-native elements with "is" prop will no longer be ` + + `treated as components in Vue 3 unless the "is" value is explicitly ` + + `prefixed with "vue:".`, + link: `https://v3.vuejs.org/guide/migration/custom-elements-interop.html` + }, + ["COMPILER_V_BIND_SYNC" /* COMPILER_V_BIND_SYNC */]: { + message: key => `.sync modifier for v-bind has been removed. Use v-model with ` + + `argument instead. \`v-bind:${key}.sync\` should be changed to ` + + `\`v-model:${key}\`.`, + link: `https://v3.vuejs.org/guide/migration/v-model.html` + }, + ["COMPILER_V_BIND_PROP" /* COMPILER_V_BIND_PROP */]: { + message: `.prop modifier for v-bind has been removed and no longer necessary. ` + + `Vue 3 will automatically set a binding as DOM property when appropriate.` + }, + ["COMPILER_V_BIND_OBJECT_ORDER" /* COMPILER_V_BIND_OBJECT_ORDER */]: { + message: `v-bind="obj" usage is now order sensitive and behaves like JavaScript ` + + `object spread: it will now overwrite an existing non-mergeable attribute ` + + `that appears before v-bind in the case of conflict. ` + + `To retain 2.x behavior, move v-bind to make it the first attribute. ` + + `You can also suppress this warning if the usage is intended.`, + link: `https://v3.vuejs.org/guide/migration/v-bind.html` + }, + ["COMPILER_V_ON_NATIVE" /* COMPILER_V_ON_NATIVE */]: { + message: `.native modifier for v-on has been removed as is no longer necessary.`, + link: `https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.html` + }, + ["COMPILER_V_IF_V_FOR_PRECEDENCE" /* COMPILER_V_IF_V_FOR_PRECEDENCE */]: { + message: `v-if / v-for precedence when used on the same element has changed ` + + `in Vue 3: v-if now takes higher precedence and will no longer have ` + + `access to v-for scope variables. It is best to avoid the ambiguity ` + + `with <template> tags or use a computed property that filters v-for ` + + `data source.`, + link: `https://v3.vuejs.org/guide/migration/v-if-v-for.html` + }, + ["COMPILER_V_FOR_REF" /* COMPILER_V_FOR_REF */]: { + message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` + + `Consider using function refs or refactor to avoid ref usage altogether.`, + link: `https://v3.vuejs.org/guide/migration/array-refs.html` + }, + ["COMPILER_NATIVE_TEMPLATE" /* COMPILER_NATIVE_TEMPLATE */]: { + message: `<template> with no special directives will render as a native template ` + + `element instead of its inner content in Vue 3.` + }, + ["COMPILER_INLINE_TEMPLATE" /* COMPILER_INLINE_TEMPLATE */]: { + message: `"inline-template" has been removed in Vue 3.`, + link: `https://v3.vuejs.org/guide/migration/inline-template-attribute.html` + }, + ["COMPILER_FILTER" /* COMPILER_FILTERS */]: { + message: `filters have been removed in Vue 3. ` + + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + + `Use method calls or computed properties instead.`, + link: `https://v3.vuejs.org/guide/migration/filters.html` + } + }; + function getCompatValue(key, context) { + const config = context.options + ? context.options.compatConfig + : context.compatConfig; + const value = config && config[key]; + if (key === 'MODE') { + return value || 3; // compiler defaults to v3 behavior + } + else { + return value; + } + } + function isCompatEnabled$1(key, context) { + const mode = getCompatValue('MODE', context); + const value = getCompatValue(key, context); + // in v3 mode, only enable if explicitly set to true + // otherwise enable for any non-false value + return mode === 3 ? value === true : value !== false; + } + function checkCompatEnabled(key, context, loc, ...args) { + const enabled = isCompatEnabled$1(key, context); + if (enabled) { + warnDeprecation$1(key, context, loc, ...args); + } + return enabled; + } + function warnDeprecation$1(key, context, loc, ...args) { + const val = getCompatValue(key, context); + if (val === 'suppress-warning') { + return; + } + const { message, link } = deprecationData$1[key]; + const msg = `(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`; + const err = new SyntaxError(msg); + err.code = key; + if (loc) + err.loc = loc; + context.onWarn(err); + } + + // The default decoder only provides escapes for characters reserved as part of + // the template syntax, and is only used if the custom renderer did not provide + // a platform-specific decoder. + const decodeRE = /&(gt|lt|amp|apos|quot);/g; + const decodeMap = { + gt: '>', + lt: '<', + amp: '&', + apos: "'", + quot: '"' + }; + const defaultParserOptions = { + delimiters: [`{{`, `}}`], + getNamespace: () => 0 /* HTML */, + getTextMode: () => 0 /* DATA */, + isVoidTag: NO, + isPreTag: NO, + isCustomElement: NO, + decodeEntities: (rawText) => rawText.replace(decodeRE, (_, p1) => decodeMap[p1]), + onError: defaultOnError, + onWarn: defaultOnWarn, + comments: true + }; + function baseParse(content, options = {}) { + const context = createParserContext(content, options); + const start = getCursor(context); + return createRoot(parseChildren(context, 0 /* DATA */, []), getSelection(context, start)); + } + function createParserContext(content, rawOptions) { + const options = extend({}, defaultParserOptions); + let key; + for (key in rawOptions) { + // @ts-ignore + options[key] = + rawOptions[key] === undefined + ? defaultParserOptions[key] + : rawOptions[key]; + } + return { + options, + column: 1, + line: 1, + offset: 0, + originalSource: content, + source: content, + inPre: false, + inVPre: false, + onWarn: options.onWarn + }; + } + function parseChildren(context, mode, ancestors) { + const parent = last(ancestors); + const ns = parent ? parent.ns : 0 /* HTML */; + const nodes = []; + while (!isEnd(context, mode, ancestors)) { + const s = context.source; + let node = undefined; + if (mode === 0 /* DATA */ || mode === 1 /* RCDATA */) { + if (!context.inVPre && startsWith(s, context.options.delimiters[0])) { + // '{{' + node = parseInterpolation(context, mode); + } + else if (mode === 0 /* DATA */ && s[0] === '<') { + // https://html.spec.whatwg.org/multipage/parsing.html#tag-open-state + if (s.length === 1) { + emitError(context, 5 /* EOF_BEFORE_TAG_NAME */, 1); + } + else if (s[1] === '!') { + // https://html.spec.whatwg.org/multipage/parsing.html#markup-declaration-open-state + if (startsWith(s, '<!--')) { + node = parseComment(context); + } + else if (startsWith(s, '<!DOCTYPE')) { + // Ignore DOCTYPE by a limitation. + node = parseBogusComment(context); + } + else if (startsWith(s, '<![CDATA[')) { + if (ns !== 0 /* HTML */) { + node = parseCDATA(context, ancestors); + } + else { + emitError(context, 1 /* CDATA_IN_HTML_CONTENT */); + node = parseBogusComment(context); + } + } + else { + emitError(context, 11 /* INCORRECTLY_OPENED_COMMENT */); + node = parseBogusComment(context); + } + } + else if (s[1] === '/') { + // https://html.spec.whatwg.org/multipage/parsing.html#end-tag-open-state + if (s.length === 2) { + emitError(context, 5 /* EOF_BEFORE_TAG_NAME */, 2); + } + else if (s[2] === '>') { + emitError(context, 14 /* MISSING_END_TAG_NAME */, 2); + advanceBy(context, 3); + continue; + } + else if (/[a-z]/i.test(s[2])) { + emitError(context, 23 /* X_INVALID_END_TAG */); + parseTag(context, 1 /* End */, parent); + continue; + } + else { + emitError(context, 12 /* INVALID_FIRST_CHARACTER_OF_TAG_NAME */, 2); + node = parseBogusComment(context); + } + } + else if (/[a-z]/i.test(s[1])) { + node = parseElement(context, ancestors); + } + else if (s[1] === '?') { + emitError(context, 21 /* UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME */, 1); + node = parseBogusComment(context); + } + else { + emitError(context, 12 /* INVALID_FIRST_CHARACTER_OF_TAG_NAME */, 1); + } + } + } + if (!node) { + node = parseText(context, mode); + } + if (isArray(node)) { + for (let i = 0; i < node.length; i++) { + pushNode(nodes, node[i]); + } + } + else { + pushNode(nodes, node); + } + } + // Whitespace handling strategy like v2 + let removedWhitespace = false; + if (mode !== 2 /* RAWTEXT */ && mode !== 1 /* RCDATA */) { + const shouldCondense = context.options.whitespace !== 'preserve'; + for (let i = 0; i < nodes.length; i++) { + const node = nodes[i]; + if (!context.inPre && node.type === 2 /* TEXT */) { + if (!/[^\t\r\n\f ]/.test(node.content)) { + const prev = nodes[i - 1]; + const next = nodes[i + 1]; + // Remove if: + // - the whitespace is the first or last node, or: + // - (condense mode) the whitespace is adjacent to a comment, or: + // - (condense mode) the whitespace is between two elements AND contains newline + if (!prev || + !next || + (shouldCondense && + (prev.type === 3 /* COMMENT */ || + next.type === 3 /* COMMENT */ || + (prev.type === 1 /* ELEMENT */ && + next.type === 1 /* ELEMENT */ && + /[\r\n]/.test(node.content))))) { + removedWhitespace = true; + nodes[i] = null; + } + else { + // Otherwise, the whitespace is condensed into a single space + node.content = ' '; + } + } + else if (shouldCondense) { + // in condense mode, consecutive whitespaces in text are condensed + // down to a single space. + node.content = node.content.replace(/[\t\r\n\f ]+/g, ' '); + } + } + // Remove comment nodes if desired by configuration. + else if (node.type === 3 /* COMMENT */ && !context.options.comments) { + removedWhitespace = true; + nodes[i] = null; + } + } + if (context.inPre && parent && context.options.isPreTag(parent.tag)) { + // remove leading newline per html spec + // https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element + const first = nodes[0]; + if (first && first.type === 2 /* TEXT */) { + first.content = first.content.replace(/^\r?\n/, ''); + } + } + } + return removedWhitespace ? nodes.filter(Boolean) : nodes; + } + function pushNode(nodes, node) { + if (node.type === 2 /* TEXT */) { + const prev = last(nodes); + // Merge if both this and the previous node are text and those are + // consecutive. This happens for cases like "a < b". + if (prev && + prev.type === 2 /* TEXT */ && + prev.loc.end.offset === node.loc.start.offset) { + prev.content += node.content; + prev.loc.end = node.loc.end; + prev.loc.source += node.loc.source; + return; + } + } + nodes.push(node); + } + function parseCDATA(context, ancestors) { + advanceBy(context, 9); + const nodes = parseChildren(context, 3 /* CDATA */, ancestors); + if (context.source.length === 0) { + emitError(context, 6 /* EOF_IN_CDATA */); + } + else { + advanceBy(context, 3); + } + return nodes; + } + function parseComment(context) { + const start = getCursor(context); + let content; + // Regular comment. + const match = /--(\!)?>/.exec(context.source); + if (!match) { + content = context.source.slice(4); + advanceBy(context, context.source.length); + emitError(context, 7 /* EOF_IN_COMMENT */); + } + else { + if (match.index <= 3) { + emitError(context, 0 /* ABRUPT_CLOSING_OF_EMPTY_COMMENT */); + } + if (match[1]) { + emitError(context, 10 /* INCORRECTLY_CLOSED_COMMENT */); + } + content = context.source.slice(4, match.index); + // Advancing with reporting nested comments. + const s = context.source.slice(0, match.index); + let prevIndex = 1, nestedIndex = 0; + while ((nestedIndex = s.indexOf('<!--', prevIndex)) !== -1) { + advanceBy(context, nestedIndex - prevIndex + 1); + if (nestedIndex + 4 < s.length) { + emitError(context, 16 /* NESTED_COMMENT */); + } + prevIndex = nestedIndex + 1; + } + advanceBy(context, match.index + match[0].length - prevIndex + 1); + } + return { + type: 3 /* COMMENT */, + content, + loc: getSelection(context, start) + }; + } + function parseBogusComment(context) { + const start = getCursor(context); + const contentStart = context.source[1] === '?' ? 1 : 2; + let content; + const closeIndex = context.source.indexOf('>'); + if (closeIndex === -1) { + content = context.source.slice(contentStart); + advanceBy(context, context.source.length); + } + else { + content = context.source.slice(contentStart, closeIndex); + advanceBy(context, closeIndex + 1); + } + return { + type: 3 /* COMMENT */, + content, + loc: getSelection(context, start) + }; + } + function parseElement(context, ancestors) { + // Start tag. + const wasInPre = context.inPre; + const wasInVPre = context.inVPre; + const parent = last(ancestors); + const element = parseTag(context, 0 /* Start */, parent); + const isPreBoundary = context.inPre && !wasInPre; + const isVPreBoundary = context.inVPre && !wasInVPre; + if (element.isSelfClosing || context.options.isVoidTag(element.tag)) { + // #4030 self-closing <pre> tag + if (isPreBoundary) { + context.inPre = false; + } + if (isVPreBoundary) { + context.inVPre = false; + } + return element; + } + // Children. + ancestors.push(element); + const mode = context.options.getTextMode(element, parent); + const children = parseChildren(context, mode, ancestors); + ancestors.pop(); + element.children = children; + // End tag. + if (startsWithEndTagOpen(context.source, element.tag)) { + parseTag(context, 1 /* End */, parent); + } + else { + emitError(context, 24 /* X_MISSING_END_TAG */, 0, element.loc.start); + if (context.source.length === 0 && element.tag.toLowerCase() === 'script') { + const first = children[0]; + if (first && startsWith(first.loc.source, '<!--')) { + emitError(context, 8 /* EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT */); + } + } + } + element.loc = getSelection(context, element.loc.start); + if (isPreBoundary) { + context.inPre = false; + } + if (isVPreBoundary) { + context.inVPre = false; + } + return element; + } + const isSpecialTemplateDirective = /*#__PURE__*/ makeMap(`if,else,else-if,for,slot`); + function parseTag(context, type, parent) { + // Tag open. + const start = getCursor(context); + const match = /^<\/?([a-z][^\t\r\n\f />]*)/i.exec(context.source); + const tag = match[1]; + const ns = context.options.getNamespace(tag, parent); + advanceBy(context, match[0].length); + advanceSpaces(context); + // save current state in case we need to re-parse attributes with v-pre + const cursor = getCursor(context); + const currentSource = context.source; + // check <pre> tag + if (context.options.isPreTag(tag)) { + context.inPre = true; + } + // Attributes. + let props = parseAttributes(context, type); + // check v-pre + if (type === 0 /* Start */ && + !context.inVPre && + props.some(p => p.type === 7 /* DIRECTIVE */ && p.name === 'pre')) { + context.inVPre = true; + // reset context + extend(context, cursor); + context.source = currentSource; + // re-parse attrs and filter out v-pre itself + props = parseAttributes(context, type).filter(p => p.name !== 'v-pre'); + } + // Tag close. + let isSelfClosing = false; + if (context.source.length === 0) { + emitError(context, 9 /* EOF_IN_TAG */); + } + else { + isSelfClosing = startsWith(context.source, '/>'); + if (type === 1 /* End */ && isSelfClosing) { + emitError(context, 4 /* END_TAG_WITH_TRAILING_SOLIDUS */); + } + advanceBy(context, isSelfClosing ? 2 : 1); + } + if (type === 1 /* End */) { + return; + } + let tagType = 0 /* ELEMENT */; + if (!context.inVPre) { + if (tag === 'slot') { + tagType = 2 /* SLOT */; + } + else if (tag === 'template') { + if (props.some(p => p.type === 7 /* DIRECTIVE */ && isSpecialTemplateDirective(p.name))) { + tagType = 3 /* TEMPLATE */; + } + } + else if (isComponent(tag, props, context)) { + tagType = 1 /* COMPONENT */; + } + } + return { + type: 1 /* ELEMENT */, + ns, + tag, + tagType, + props, + isSelfClosing, + children: [], + loc: getSelection(context, start), + codegenNode: undefined // to be created during transform phase + }; + } + function isComponent(tag, props, context) { + const options = context.options; + if (options.isCustomElement(tag)) { + return false; + } + if (tag === 'component' || + /^[A-Z]/.test(tag) || + isCoreComponent(tag) || + (options.isBuiltInComponent && options.isBuiltInComponent(tag)) || + (options.isNativeTag && !options.isNativeTag(tag))) { + return true; + } + // at this point the tag should be a native tag, but check for potential "is" + // casting + for (let i = 0; i < props.length; i++) { + const p = props[i]; + if (p.type === 6 /* ATTRIBUTE */) { + if (p.name === 'is' && p.value) { + if (p.value.content.startsWith('vue:')) { + return true; + } + } + } + else { + // directive + // v-is (TODO Deprecate) + if (p.name === 'is') { + return true; + } + else if ( + // :is on plain element - only treat as component in compat mode + p.name === 'bind' && + isBindKey(p.arg, 'is') && + false && + checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* COMPILER_IS_ON_ELEMENT */, context, p.loc)) { + return true; + } + } + } + } + function parseAttributes(context, type) { + const props = []; + const attributeNames = new Set(); + while (context.source.length > 0 && + !startsWith(context.source, '>') && + !startsWith(context.source, '/>')) { + if (startsWith(context.source, '/')) { + emitError(context, 22 /* UNEXPECTED_SOLIDUS_IN_TAG */); + advanceBy(context, 1); + advanceSpaces(context); + continue; + } + if (type === 1 /* End */) { + emitError(context, 3 /* END_TAG_WITH_ATTRIBUTES */); + } + const attr = parseAttribute(context, attributeNames); + if (type === 0 /* Start */) { + props.push(attr); + } + if (/^[^\t\r\n\f />]/.test(context.source)) { + emitError(context, 15 /* MISSING_WHITESPACE_BETWEEN_ATTRIBUTES */); + } + advanceSpaces(context); + } + return props; + } + function parseAttribute(context, nameSet) { + // Name. + const start = getCursor(context); + const match = /^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(context.source); + const name = match[0]; + if (nameSet.has(name)) { + emitError(context, 2 /* DUPLICATE_ATTRIBUTE */); + } + nameSet.add(name); + if (name[0] === '=') { + emitError(context, 19 /* UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME */); + } + { + const pattern = /["'<]/g; + let m; + while ((m = pattern.exec(name))) { + emitError(context, 17 /* UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME */, m.index); + } + } + advanceBy(context, name.length); + // Value + let value = undefined; + if (/^[\t\r\n\f ]*=/.test(context.source)) { + advanceSpaces(context); + advanceBy(context, 1); + advanceSpaces(context); + value = parseAttributeValue(context); + if (!value) { + emitError(context, 13 /* MISSING_ATTRIBUTE_VALUE */); + } + } + const loc = getSelection(context, start); + if (!context.inVPre && /^(v-|:|\.|@|#)/.test(name)) { + const match = /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(name); + let isPropShorthand = startsWith(name, '.'); + let dirName = match[1] || + (isPropShorthand || startsWith(name, ':') + ? 'bind' + : startsWith(name, '@') + ? 'on' + : 'slot'); + let arg; + if (match[2]) { + const isSlot = dirName === 'slot'; + const startOffset = name.lastIndexOf(match[2]); + const loc = getSelection(context, getNewPosition(context, start, startOffset), getNewPosition(context, start, startOffset + match[2].length + ((isSlot && match[3]) || '').length)); + let content = match[2]; + let isStatic = true; + if (content.startsWith('[')) { + isStatic = false; + if (!content.endsWith(']')) { + emitError(context, 26 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */); + } + content = content.substr(1, content.length - 2); + } + else if (isSlot) { + // #1241 special case for v-slot: vuetify relies extensively on slot + // names containing dots. v-slot doesn't have any modifiers and Vue 2.x + // supports such usage so we are keeping it consistent with 2.x. + content += match[3] || ''; + } + arg = { + type: 4 /* SIMPLE_EXPRESSION */, + content, + isStatic, + constType: isStatic + ? 3 /* CAN_STRINGIFY */ + : 0 /* NOT_CONSTANT */, + loc + }; + } + if (value && value.isQuoted) { + const valueLoc = value.loc; + valueLoc.start.offset++; + valueLoc.start.column++; + valueLoc.end = advancePositionWithClone(valueLoc.start, value.content); + valueLoc.source = valueLoc.source.slice(1, -1); + } + const modifiers = match[3] ? match[3].substr(1).split('.') : []; + if (isPropShorthand) + modifiers.push('prop'); + return { + type: 7 /* DIRECTIVE */, + name: dirName, + exp: value && { + type: 4 /* SIMPLE_EXPRESSION */, + content: value.content, + isStatic: false, + // Treat as non-constant by default. This can be potentially set to + // other values by `transformExpression` to make it eligible for hoisting. + constType: 0 /* NOT_CONSTANT */, + loc: value.loc + }, + arg, + modifiers, + loc + }; + } + return { + type: 6 /* ATTRIBUTE */, + name, + value: value && { + type: 2 /* TEXT */, + content: value.content, + loc: value.loc + }, + loc + }; + } + function parseAttributeValue(context) { + const start = getCursor(context); + let content; + const quote = context.source[0]; + const isQuoted = quote === `"` || quote === `'`; + if (isQuoted) { + // Quoted value. + advanceBy(context, 1); + const endIndex = context.source.indexOf(quote); + if (endIndex === -1) { + content = parseTextData(context, context.source.length, 4 /* ATTRIBUTE_VALUE */); + } + else { + content = parseTextData(context, endIndex, 4 /* ATTRIBUTE_VALUE */); + advanceBy(context, 1); + } + } + else { + // Unquoted + const match = /^[^\t\r\n\f >]+/.exec(context.source); + if (!match) { + return undefined; + } + const unexpectedChars = /["'<=`]/g; + let m; + while ((m = unexpectedChars.exec(match[0]))) { + emitError(context, 18 /* UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE */, m.index); + } + content = parseTextData(context, match[0].length, 4 /* ATTRIBUTE_VALUE */); + } + return { content, isQuoted, loc: getSelection(context, start) }; + } + function parseInterpolation(context, mode) { + const [open, close] = context.options.delimiters; + const closeIndex = context.source.indexOf(close, open.length); + if (closeIndex === -1) { + emitError(context, 25 /* X_MISSING_INTERPOLATION_END */); + return undefined; + } + const start = getCursor(context); + advanceBy(context, open.length); + const innerStart = getCursor(context); + const innerEnd = getCursor(context); + const rawContentLength = closeIndex - open.length; + const rawContent = context.source.slice(0, rawContentLength); + const preTrimContent = parseTextData(context, rawContentLength, mode); + const content = preTrimContent.trim(); + const startOffset = preTrimContent.indexOf(content); + if (startOffset > 0) { + advancePositionWithMutation(innerStart, rawContent, startOffset); + } + const endOffset = rawContentLength - (preTrimContent.length - content.length - startOffset); + advancePositionWithMutation(innerEnd, rawContent, endOffset); + advanceBy(context, close.length); + return { + type: 5 /* INTERPOLATION */, + content: { + type: 4 /* SIMPLE_EXPRESSION */, + isStatic: false, + // Set `isConstant` to false by default and will decide in transformExpression + constType: 0 /* NOT_CONSTANT */, + content, + loc: getSelection(context, innerStart, innerEnd) + }, + loc: getSelection(context, start) + }; + } + function parseText(context, mode) { + const endTokens = ['<', context.options.delimiters[0]]; + if (mode === 3 /* CDATA */) { + endTokens.push(']]>'); + } + let endIndex = context.source.length; + for (let i = 0; i < endTokens.length; i++) { + const index = context.source.indexOf(endTokens[i], 1); + if (index !== -1 && endIndex > index) { + endIndex = index; + } + } + const start = getCursor(context); + const content = parseTextData(context, endIndex, mode); + return { + type: 2 /* TEXT */, + content, + loc: getSelection(context, start) + }; + } + /** + * Get text data with a given length from the current location. + * This translates HTML entities in the text data. + */ + function parseTextData(context, length, mode) { + const rawText = context.source.slice(0, length); + advanceBy(context, length); + if (mode === 2 /* RAWTEXT */ || + mode === 3 /* CDATA */ || + rawText.indexOf('&') === -1) { + return rawText; + } + else { + // DATA or RCDATA containing "&"". Entity decoding required. + return context.options.decodeEntities(rawText, mode === 4 /* ATTRIBUTE_VALUE */); + } + } + function getCursor(context) { + const { column, line, offset } = context; + return { column, line, offset }; + } + function getSelection(context, start, end) { + end = end || getCursor(context); + return { + start, + end, + source: context.originalSource.slice(start.offset, end.offset) + }; + } + function last(xs) { + return xs[xs.length - 1]; + } + function startsWith(source, searchString) { + return source.startsWith(searchString); + } + function advanceBy(context, numberOfCharacters) { + const { source } = context; + advancePositionWithMutation(context, source, numberOfCharacters); + context.source = source.slice(numberOfCharacters); + } + function advanceSpaces(context) { + const match = /^[\t\r\n\f ]+/.exec(context.source); + if (match) { + advanceBy(context, match[0].length); + } + } + function getNewPosition(context, start, numberOfCharacters) { + return advancePositionWithClone(start, context.originalSource.slice(start.offset, numberOfCharacters), numberOfCharacters); + } + function emitError(context, code, offset, loc = getCursor(context)) { + if (offset) { + loc.offset += offset; + loc.column += offset; + } + context.options.onError(createCompilerError(code, { + start: loc, + end: loc, + source: '' + })); + } + function isEnd(context, mode, ancestors) { + const s = context.source; + switch (mode) { + case 0 /* DATA */: + if (startsWith(s, '</')) { + // TODO: probably bad performance + for (let i = ancestors.length - 1; i >= 0; --i) { + if (startsWithEndTagOpen(s, ancestors[i].tag)) { + return true; + } + } + } + break; + case 1 /* RCDATA */: + case 2 /* RAWTEXT */: { + const parent = last(ancestors); + if (parent && startsWithEndTagOpen(s, parent.tag)) { + return true; + } + break; + } + case 3 /* CDATA */: + if (startsWith(s, ']]>')) { + return true; + } + break; + } + return !s; + } + function startsWithEndTagOpen(source, tag) { + return (startsWith(source, '</') && + source.substr(2, tag.length).toLowerCase() === tag.toLowerCase() && + /[\t\r\n\f />]/.test(source[2 + tag.length] || '>')); + } + + function hoistStatic(root, context) { + walk(root, context, + // Root node is unfortunately non-hoistable due to potential parent + // fallthrough attributes. + isSingleElementRoot(root, root.children[0])); + } + function isSingleElementRoot(root, child) { + const { children } = root; + return (children.length === 1 && + child.type === 1 /* ELEMENT */ && + !isSlotOutlet(child)); + } + function walk(node, context, doNotHoistNode = false) { + // Some transforms, e.g. transformAssetUrls from @vue/compiler-sfc, replaces + // static bindings with expressions. These expressions are guaranteed to be + // constant so they are still eligible for hoisting, but they are only + // available at runtime and therefore cannot be evaluated ahead of time. + // This is only a concern for pre-stringification (via transformHoist by + // @vue/compiler-dom), but doing it here allows us to perform only one full + // walk of the AST and allow `stringifyStatic` to stop walking as soon as its + // stringficiation threshold is met. + let canStringify = true; + const { children } = node; + const originalCount = children.length; + let hoistedCount = 0; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + // only plain elements & text calls are eligible for hoisting. + if (child.type === 1 /* ELEMENT */ && + child.tagType === 0 /* ELEMENT */) { + const constantType = doNotHoistNode + ? 0 /* NOT_CONSTANT */ + : getConstantType(child, context); + if (constantType > 0 /* NOT_CONSTANT */) { + if (constantType < 3 /* CAN_STRINGIFY */) { + canStringify = false; + } + if (constantType >= 2 /* CAN_HOIST */) { + child.codegenNode.patchFlag = + -1 /* HOISTED */ + (` /* HOISTED */` ); + child.codegenNode = context.hoist(child.codegenNode); + hoistedCount++; + continue; + } + } + else { + // node may contain dynamic children, but its props may be eligible for + // hoisting. + const codegenNode = child.codegenNode; + if (codegenNode.type === 13 /* VNODE_CALL */) { + const flag = getPatchFlag(codegenNode); + if ((!flag || + flag === 512 /* NEED_PATCH */ || + flag === 1 /* TEXT */) && + getGeneratedPropsConstantType(child, context) >= + 2 /* CAN_HOIST */) { + const props = getNodeProps(child); + if (props) { + codegenNode.props = context.hoist(props); + } + } + if (codegenNode.dynamicProps) { + codegenNode.dynamicProps = context.hoist(codegenNode.dynamicProps); + } + } + } + } + else if (child.type === 12 /* TEXT_CALL */) { + const contentType = getConstantType(child.content, context); + if (contentType > 0) { + if (contentType < 3 /* CAN_STRINGIFY */) { + canStringify = false; + } + if (contentType >= 2 /* CAN_HOIST */) { + child.codegenNode = context.hoist(child.codegenNode); + hoistedCount++; + } + } + } + // walk further + if (child.type === 1 /* ELEMENT */) { + const isComponent = child.tagType === 1 /* COMPONENT */; + if (isComponent) { + context.scopes.vSlot++; + } + walk(child, context); + if (isComponent) { + context.scopes.vSlot--; + } + } + else if (child.type === 11 /* FOR */) { + // Do not hoist v-for single child because it has to be a block + walk(child, context, child.children.length === 1); + } + else if (child.type === 9 /* IF */) { + for (let i = 0; i < child.branches.length; i++) { + // Do not hoist v-if single child because it has to be a block + walk(child.branches[i], context, child.branches[i].children.length === 1); + } + } + } + if (canStringify && hoistedCount && context.transformHoist) { + context.transformHoist(children, context, node); + } + // all children were hoisted - the entire children array is hoistable. + if (hoistedCount && + hoistedCount === originalCount && + node.type === 1 /* ELEMENT */ && + node.tagType === 0 /* ELEMENT */ && + node.codegenNode && + node.codegenNode.type === 13 /* VNODE_CALL */ && + isArray(node.codegenNode.children)) { + node.codegenNode.children = context.hoist(createArrayExpression(node.codegenNode.children)); + } + } + function getConstantType(node, context) { + const { constantCache } = context; + switch (node.type) { + case 1 /* ELEMENT */: + if (node.tagType !== 0 /* ELEMENT */) { + return 0 /* NOT_CONSTANT */; + } + const cached = constantCache.get(node); + if (cached !== undefined) { + return cached; + } + const codegenNode = node.codegenNode; + if (codegenNode.type !== 13 /* VNODE_CALL */) { + return 0 /* NOT_CONSTANT */; + } + const flag = getPatchFlag(codegenNode); + if (!flag) { + let returnType = 3 /* CAN_STRINGIFY */; + // Element itself has no patch flag. However we still need to check: + // 1. Even for a node with no patch flag, it is possible for it to contain + // non-hoistable expressions that refers to scope variables, e.g. compiler + // injected keys or cached event handlers. Therefore we need to always + // check the codegenNode's props to be sure. + const generatedPropsType = getGeneratedPropsConstantType(node, context); + if (generatedPropsType === 0 /* NOT_CONSTANT */) { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + if (generatedPropsType < returnType) { + returnType = generatedPropsType; + } + // 2. its children. + for (let i = 0; i < node.children.length; i++) { + const childType = getConstantType(node.children[i], context); + if (childType === 0 /* NOT_CONSTANT */) { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + if (childType < returnType) { + returnType = childType; + } + } + // 3. if the type is not already CAN_SKIP_PATCH which is the lowest non-0 + // type, check if any of the props can cause the type to be lowered + // we can skip can_patch because it's guaranteed by the absence of a + // patchFlag. + if (returnType > 1 /* CAN_SKIP_PATCH */) { + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 7 /* DIRECTIVE */ && p.name === 'bind' && p.exp) { + const expType = getConstantType(p.exp, context); + if (expType === 0 /* NOT_CONSTANT */) { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + if (expType < returnType) { + returnType = expType; + } + } + } + } + // only svg/foreignObject could be block here, however if they are + // static then they don't need to be blocks since there will be no + // nested updates. + if (codegenNode.isBlock) { + context.removeHelper(OPEN_BLOCK); + context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent)); + codegenNode.isBlock = false; + context.helper(getVNodeHelper(context.inSSR, codegenNode.isComponent)); + } + constantCache.set(node, returnType); + return returnType; + } + else { + constantCache.set(node, 0 /* NOT_CONSTANT */); + return 0 /* NOT_CONSTANT */; + } + case 2 /* TEXT */: + case 3 /* COMMENT */: + return 3 /* CAN_STRINGIFY */; + case 9 /* IF */: + case 11 /* FOR */: + case 10 /* IF_BRANCH */: + return 0 /* NOT_CONSTANT */; + case 5 /* INTERPOLATION */: + case 12 /* TEXT_CALL */: + return getConstantType(node.content, context); + case 4 /* SIMPLE_EXPRESSION */: + return node.constType; + case 8 /* COMPOUND_EXPRESSION */: + let returnType = 3 /* CAN_STRINGIFY */; + for (let i = 0; i < node.children.length; i++) { + const child = node.children[i]; + if (isString(child) || isSymbol(child)) { + continue; + } + const childType = getConstantType(child, context); + if (childType === 0 /* NOT_CONSTANT */) { + return 0 /* NOT_CONSTANT */; + } + else if (childType < returnType) { + returnType = childType; + } + } + return returnType; + default: + return 0 /* NOT_CONSTANT */; + } + } + const allowHoistedHelperSet = new Set([ + NORMALIZE_CLASS, + NORMALIZE_STYLE, + NORMALIZE_PROPS, + GUARD_REACTIVE_PROPS + ]); + function getConstantTypeOfHelperCall(value, context) { + if (value.type === 14 /* JS_CALL_EXPRESSION */ && + !isString(value.callee) && + allowHoistedHelperSet.has(value.callee)) { + const arg = value.arguments[0]; + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + return getConstantType(arg, context); + } + else if (arg.type === 14 /* JS_CALL_EXPRESSION */) { + // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(exp))` + return getConstantTypeOfHelperCall(arg, context); + } + } + return 0 /* NOT_CONSTANT */; + } + function getGeneratedPropsConstantType(node, context) { + let returnType = 3 /* CAN_STRINGIFY */; + const props = getNodeProps(node); + if (props && props.type === 15 /* JS_OBJECT_EXPRESSION */) { + const { properties } = props; + for (let i = 0; i < properties.length; i++) { + const { key, value } = properties[i]; + const keyType = getConstantType(key, context); + if (keyType === 0 /* NOT_CONSTANT */) { + return keyType; + } + if (keyType < returnType) { + returnType = keyType; + } + let valueType; + if (value.type === 4 /* SIMPLE_EXPRESSION */) { + valueType = getConstantType(value, context); + } + else if (value.type === 14 /* JS_CALL_EXPRESSION */) { + // some helper calls can be hoisted, + // such as the `normalizeProps` generated by the compiler for pre-normalize class, + // in this case we need to respect the ConstanType of the helper's argments + valueType = getConstantTypeOfHelperCall(value, context); + } + else { + valueType = 0 /* NOT_CONSTANT */; + } + if (valueType === 0 /* NOT_CONSTANT */) { + return valueType; + } + if (valueType < returnType) { + returnType = valueType; + } + } + } + return returnType; + } + function getNodeProps(node) { + const codegenNode = node.codegenNode; + if (codegenNode.type === 13 /* VNODE_CALL */) { + return codegenNode.props; + } + } + function getPatchFlag(node) { + const flag = node.patchFlag; + return flag ? parseInt(flag, 10) : undefined; + } + + function createTransformContext(root, { filename = '', prefixIdentifiers = false, hoistStatic = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) { + const nameMatch = filename.replace(/\?.*$/, '').match(/([^/\\]+)\.\w+$/); + const context = { + // options + selfName: nameMatch && capitalize(camelize(nameMatch[1])), + prefixIdentifiers, + hoistStatic, + cacheHandlers, + nodeTransforms, + directiveTransforms, + transformHoist, + isBuiltInComponent, + isCustomElement, + expressionPlugins, + scopeId, + slotted, + ssr, + inSSR, + ssrCssVars, + bindingMetadata, + inline, + isTS, + onError, + onWarn, + compatConfig, + // state + root, + helpers: new Map(), + components: new Set(), + directives: new Set(), + hoists: [], + imports: [], + constantCache: new Map(), + temps: 0, + cached: 0, + identifiers: Object.create(null), + scopes: { + vFor: 0, + vSlot: 0, + vPre: 0, + vOnce: 0 + }, + parent: null, + currentNode: root, + childIndex: 0, + inVOnce: false, + // methods + helper(name) { + const count = context.helpers.get(name) || 0; + context.helpers.set(name, count + 1); + return name; + }, + removeHelper(name) { + const count = context.helpers.get(name); + if (count) { + const currentCount = count - 1; + if (!currentCount) { + context.helpers.delete(name); + } + else { + context.helpers.set(name, currentCount); + } + } + }, + helperString(name) { + return `_${helperNameMap[context.helper(name)]}`; + }, + replaceNode(node) { + /* istanbul ignore if */ + { + if (!context.currentNode) { + throw new Error(`Node being replaced is already removed.`); + } + if (!context.parent) { + throw new Error(`Cannot replace root node.`); + } + } + context.parent.children[context.childIndex] = context.currentNode = node; + }, + removeNode(node) { + if (!context.parent) { + throw new Error(`Cannot remove root node.`); + } + const list = context.parent.children; + const removalIndex = node + ? list.indexOf(node) + : context.currentNode + ? context.childIndex + : -1; + /* istanbul ignore if */ + if (removalIndex < 0) { + throw new Error(`node being removed is not a child of current parent`); + } + if (!node || node === context.currentNode) { + // current node removed + context.currentNode = null; + context.onNodeRemoved(); + } + else { + // sibling node removed + if (context.childIndex > removalIndex) { + context.childIndex--; + context.onNodeRemoved(); + } + } + context.parent.children.splice(removalIndex, 1); + }, + onNodeRemoved: () => { }, + addIdentifiers(exp) { + }, + removeIdentifiers(exp) { + }, + hoist(exp) { + if (isString(exp)) + exp = createSimpleExpression(exp); + context.hoists.push(exp); + const identifier = createSimpleExpression(`_hoisted_${context.hoists.length}`, false, exp.loc, 2 /* CAN_HOIST */); + identifier.hoisted = exp; + return identifier; + }, + cache(exp, isVNode = false) { + return createCacheExpression(context.cached++, exp, isVNode); + } + }; + return context; + } + function transform(root, options) { + const context = createTransformContext(root, options); + traverseNode(root, context); + if (options.hoistStatic) { + hoistStatic(root, context); + } + if (!options.ssr) { + createRootCodegen(root, context); + } + // finalize meta information + root.helpers = [...context.helpers.keys()]; + root.components = [...context.components]; + root.directives = [...context.directives]; + root.imports = context.imports; + root.hoists = context.hoists; + root.temps = context.temps; + root.cached = context.cached; + } + function createRootCodegen(root, context) { + const { helper } = context; + const { children } = root; + if (children.length === 1) { + const child = children[0]; + // if the single child is an element, turn it into a block. + if (isSingleElementRoot(root, child) && child.codegenNode) { + // single element root is never hoisted so codegenNode will never be + // SimpleExpressionNode + const codegenNode = child.codegenNode; + if (codegenNode.type === 13 /* VNODE_CALL */) { + makeBlock(codegenNode, context); + } + root.codegenNode = codegenNode; + } + else { + // - single <slot/>, IfNode, ForNode: already blocks. + // - single text node: always patched. + // root codegen falls through via genNode() + root.codegenNode = child; + } + } + else if (children.length > 1) { + // root has multiple nodes - return a fragment block. + let patchFlag = 64 /* STABLE_FRAGMENT */; + let patchFlagText = PatchFlagNames[64 /* STABLE_FRAGMENT */]; + // check if the fragment actually contains a single valid child with + // the rest being comments + if (children.filter(c => c.type !== 3 /* COMMENT */).length === 1) { + patchFlag |= 2048 /* DEV_ROOT_FRAGMENT */; + patchFlagText += `, ${PatchFlagNames[2048 /* DEV_ROOT_FRAGMENT */]}`; + } + root.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, root.children, patchFlag + (` /* ${patchFlagText} */` ), undefined, undefined, true, undefined, false /* isComponent */); + } + else ; + } + function traverseChildren(parent, context) { + let i = 0; + const nodeRemoved = () => { + i--; + }; + for (; i < parent.children.length; i++) { + const child = parent.children[i]; + if (isString(child)) + continue; + context.parent = parent; + context.childIndex = i; + context.onNodeRemoved = nodeRemoved; + traverseNode(child, context); + } + } + function traverseNode(node, context) { + context.currentNode = node; + // apply transform plugins + const { nodeTransforms } = context; + const exitFns = []; + for (let i = 0; i < nodeTransforms.length; i++) { + const onExit = nodeTransforms[i](node, context); + if (onExit) { + if (isArray(onExit)) { + exitFns.push(...onExit); + } + else { + exitFns.push(onExit); + } + } + if (!context.currentNode) { + // node was removed + return; + } + else { + // node may have been replaced + node = context.currentNode; + } + } + switch (node.type) { + case 3 /* COMMENT */: + if (!context.ssr) { + // inject import for the Comment symbol, which is needed for creating + // comment nodes with `createVNode` + context.helper(CREATE_COMMENT); + } + break; + case 5 /* INTERPOLATION */: + // no need to traverse, but we need to inject toString helper + if (!context.ssr) { + context.helper(TO_DISPLAY_STRING); + } + break; + // for container types, further traverse downwards + case 9 /* IF */: + for (let i = 0; i < node.branches.length; i++) { + traverseNode(node.branches[i], context); + } + break; + case 10 /* IF_BRANCH */: + case 11 /* FOR */: + case 1 /* ELEMENT */: + case 0 /* ROOT */: + traverseChildren(node, context); + break; + } + // exit transforms + context.currentNode = node; + let i = exitFns.length; + while (i--) { + exitFns[i](); + } + } + function createStructuralDirectiveTransform(name, fn) { + const matches = isString(name) + ? (n) => n === name + : (n) => name.test(n); + return (node, context) => { + if (node.type === 1 /* ELEMENT */) { + const { props } = node; + // structural directive transforms are not concerned with slots + // as they are handled separately in vSlot.ts + if (node.tagType === 3 /* TEMPLATE */ && props.some(isVSlot)) { + return; + } + const exitFns = []; + for (let i = 0; i < props.length; i++) { + const prop = props[i]; + if (prop.type === 7 /* DIRECTIVE */ && matches(prop.name)) { + // structural directives are removed to avoid infinite recursion + // also we remove them *before* applying so that it can further + // traverse itself in case it moves the node around + props.splice(i, 1); + i--; + const onExit = fn(node, prop, context); + if (onExit) + exitFns.push(onExit); + } + } + return exitFns; + } + }; + } + + const PURE_ANNOTATION = `/*#__PURE__*/`; + function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssr = false, isTS = false, inSSR = false }) { + const context = { + mode, + prefixIdentifiers, + sourceMap, + filename, + scopeId, + optimizeImports, + runtimeGlobalName, + runtimeModuleName, + ssr, + isTS, + inSSR, + source: ast.loc.source, + code: ``, + column: 1, + line: 1, + offset: 0, + indentLevel: 0, + pure: false, + map: undefined, + helper(key) { + return `_${helperNameMap[key]}`; + }, + push(code, node) { + context.code += code; + }, + indent() { + newline(++context.indentLevel); + }, + deindent(withoutNewLine = false) { + if (withoutNewLine) { + --context.indentLevel; + } + else { + newline(--context.indentLevel); + } + }, + newline() { + newline(context.indentLevel); + } + }; + function newline(n) { + context.push('\n' + ` `.repeat(n)); + } + return context; + } + function generate(ast, options = {}) { + const context = createCodegenContext(ast, options); + if (options.onContextCreated) + options.onContextCreated(context); + const { mode, push, prefixIdentifiers, indent, deindent, newline, scopeId, ssr } = context; + const hasHelpers = ast.helpers.length > 0; + const useWithBlock = !prefixIdentifiers && mode !== 'module'; + // preambles + // in setup() inline mode, the preamble is generated in a sub context + // and returned separately. + const preambleContext = context; + { + genFunctionPreamble(ast, preambleContext); + } + // enter render function + const functionName = ssr ? `ssrRender` : `render`; + const args = ssr ? ['_ctx', '_push', '_parent', '_attrs'] : ['_ctx', '_cache']; + const signature = args.join(', '); + { + push(`function ${functionName}(${signature}) {`); + } + indent(); + if (useWithBlock) { + push(`with (_ctx) {`); + indent(); + // function mode const declarations should be inside with block + // also they should be renamed to avoid collision with user properties + if (hasHelpers) { + push(`const { ${ast.helpers + .map(s => `${helperNameMap[s]}: _${helperNameMap[s]}`) + .join(', ')} } = _Vue`); + push(`\n`); + newline(); + } + } + // generate asset resolution statements + if (ast.components.length) { + genAssets(ast.components, 'component', context); + if (ast.directives.length || ast.temps > 0) { + newline(); + } + } + if (ast.directives.length) { + genAssets(ast.directives, 'directive', context); + if (ast.temps > 0) { + newline(); + } + } + if (ast.temps > 0) { + push(`let `); + for (let i = 0; i < ast.temps; i++) { + push(`${i > 0 ? `, ` : ``}_temp${i}`); + } + } + if (ast.components.length || ast.directives.length || ast.temps) { + push(`\n`); + newline(); + } + // generate the VNode tree expression + if (!ssr) { + push(`return `); + } + if (ast.codegenNode) { + genNode(ast.codegenNode, context); + } + else { + push(`null`); + } + if (useWithBlock) { + deindent(); + push(`}`); + } + deindent(); + push(`}`); + return { + ast, + code: context.code, + preamble: ``, + // SourceMapGenerator does have toJSON() method but it's not in the types + map: context.map ? context.map.toJSON() : undefined + }; + } + function genFunctionPreamble(ast, context) { + const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName } = context; + const VueBinding = runtimeGlobalName; + const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`; + // Generate const declaration for helpers + // In prefix mode, we place the const declaration at top so it's done + // only once; But if we not prefixing, we place the declaration inside the + // with block so it doesn't incur the `in` check cost for every helper access. + if (ast.helpers.length > 0) { + { + // "with" mode. + // save Vue in a separate variable to avoid collision + push(`const _Vue = ${VueBinding}\n`); + // in "with" mode, helpers are declared inside the with block to avoid + // has check cost, but hoists are lifted out of the function - we need + // to provide the helper here. + if (ast.hoists.length) { + const staticHelpers = [ + CREATE_VNODE, + CREATE_ELEMENT_VNODE, + CREATE_COMMENT, + CREATE_TEXT, + CREATE_STATIC + ] + .filter(helper => ast.helpers.includes(helper)) + .map(aliasHelper) + .join(', '); + push(`const { ${staticHelpers} } = _Vue\n`); + } + } + } + genHoists(ast.hoists, context); + newline(); + push(`return `); + } + function genAssets(assets, type, { helper, push, newline, isTS }) { + const resolver = helper(type === 'component' + ? RESOLVE_COMPONENT + : RESOLVE_DIRECTIVE); + for (let i = 0; i < assets.length; i++) { + let id = assets[i]; + // potential component implicit self-reference inferred from SFC filename + const maybeSelfReference = id.endsWith('__self'); + if (maybeSelfReference) { + id = id.slice(0, -6); + } + push(`const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)}${maybeSelfReference ? `, true` : ``})${isTS ? `!` : ``}`); + if (i < assets.length - 1) { + newline(); + } + } + } + function genHoists(hoists, context) { + if (!hoists.length) { + return; + } + context.pure = true; + const { push, newline, helper, scopeId, mode } = context; + newline(); + hoists.forEach((exp, i) => { + if (exp) { + push(`const _hoisted_${i + 1} = `); + genNode(exp, context); + newline(); + } + }); + context.pure = false; + } + function isText$1(n) { + return (isString(n) || + n.type === 4 /* SIMPLE_EXPRESSION */ || + n.type === 2 /* TEXT */ || + n.type === 5 /* INTERPOLATION */ || + n.type === 8 /* COMPOUND_EXPRESSION */); + } + function genNodeListAsArray(nodes, context) { + const multilines = nodes.length > 3 || + (nodes.some(n => isArray(n) || !isText$1(n))); + context.push(`[`); + multilines && context.indent(); + genNodeList(nodes, context, multilines); + multilines && context.deindent(); + context.push(`]`); + } + function genNodeList(nodes, context, multilines = false, comma = true) { + const { push, newline } = context; + for (let i = 0; i < nodes.length; i++) { + const node = nodes[i]; + if (isString(node)) { + push(node); + } + else if (isArray(node)) { + genNodeListAsArray(node, context); + } + else { + genNode(node, context); + } + if (i < nodes.length - 1) { + if (multilines) { + comma && push(','); + newline(); + } + else { + comma && push(', '); + } + } + } + } + function genNode(node, context) { + if (isString(node)) { + context.push(node); + return; + } + if (isSymbol(node)) { + context.push(context.helper(node)); + return; + } + switch (node.type) { + case 1 /* ELEMENT */: + case 9 /* IF */: + case 11 /* FOR */: + assert(node.codegenNode != null, `Codegen node is missing for element/if/for node. ` + + `Apply appropriate transforms first.`); + genNode(node.codegenNode, context); + break; + case 2 /* TEXT */: + genText(node, context); + break; + case 4 /* SIMPLE_EXPRESSION */: + genExpression(node, context); + break; + case 5 /* INTERPOLATION */: + genInterpolation(node, context); + break; + case 12 /* TEXT_CALL */: + genNode(node.codegenNode, context); + break; + case 8 /* COMPOUND_EXPRESSION */: + genCompoundExpression(node, context); + break; + case 3 /* COMMENT */: + genComment(node, context); + break; + case 13 /* VNODE_CALL */: + genVNodeCall(node, context); + break; + case 14 /* JS_CALL_EXPRESSION */: + genCallExpression(node, context); + break; + case 15 /* JS_OBJECT_EXPRESSION */: + genObjectExpression(node, context); + break; + case 17 /* JS_ARRAY_EXPRESSION */: + genArrayExpression(node, context); + break; + case 18 /* JS_FUNCTION_EXPRESSION */: + genFunctionExpression(node, context); + break; + case 19 /* JS_CONDITIONAL_EXPRESSION */: + genConditionalExpression(node, context); + break; + case 20 /* JS_CACHE_EXPRESSION */: + genCacheExpression(node, context); + break; + case 21 /* JS_BLOCK_STATEMENT */: + genNodeList(node.body, context, true, false); + break; + // SSR only types + case 22 /* JS_TEMPLATE_LITERAL */: + break; + case 23 /* JS_IF_STATEMENT */: + break; + case 24 /* JS_ASSIGNMENT_EXPRESSION */: + break; + case 25 /* JS_SEQUENCE_EXPRESSION */: + break; + case 26 /* JS_RETURN_STATEMENT */: + break; + /* istanbul ignore next */ + case 10 /* IF_BRANCH */: + // noop + break; + default: + { + assert(false, `unhandled codegen node type: ${node.type}`); + // make sure we exhaust all possible types + const exhaustiveCheck = node; + return exhaustiveCheck; + } + } + } + function genText(node, context) { + context.push(JSON.stringify(node.content), node); + } + function genExpression(node, context) { + const { content, isStatic } = node; + context.push(isStatic ? JSON.stringify(content) : content, node); + } + function genInterpolation(node, context) { + const { push, helper, pure } = context; + if (pure) + push(PURE_ANNOTATION); + push(`${helper(TO_DISPLAY_STRING)}(`); + genNode(node.content, context); + push(`)`); + } + function genCompoundExpression(node, context) { + for (let i = 0; i < node.children.length; i++) { + const child = node.children[i]; + if (isString(child)) { + context.push(child); + } + else { + genNode(child, context); + } + } + } + function genExpressionAsPropertyKey(node, context) { + const { push } = context; + if (node.type === 8 /* COMPOUND_EXPRESSION */) { + push(`[`); + genCompoundExpression(node, context); + push(`]`); + } + else if (node.isStatic) { + // only quote keys if necessary + const text = isSimpleIdentifier(node.content) + ? node.content + : JSON.stringify(node.content); + push(text, node); + } + else { + push(`[${node.content}]`, node); + } + } + function genComment(node, context) { + const { push, helper, pure } = context; + if (pure) { + push(PURE_ANNOTATION); + } + push(`${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`, node); + } + function genVNodeCall(node, context) { + const { push, helper, pure } = context; + const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking, isComponent } = node; + if (directives) { + push(helper(WITH_DIRECTIVES) + `(`); + } + if (isBlock) { + push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `); + } + if (pure) { + push(PURE_ANNOTATION); + } + const callHelper = isBlock + ? getVNodeBlockHelper(context.inSSR, isComponent) + : getVNodeHelper(context.inSSR, isComponent); + push(helper(callHelper) + `(`, node); + genNodeList(genNullableArgs([tag, props, children, patchFlag, dynamicProps]), context); + push(`)`); + if (isBlock) { + push(`)`); + } + if (directives) { + push(`, `); + genNode(directives, context); + push(`)`); + } + } + function genNullableArgs(args) { + let i = args.length; + while (i--) { + if (args[i] != null) + break; + } + return args.slice(0, i + 1).map(arg => arg || `null`); + } + // JavaScript + function genCallExpression(node, context) { + const { push, helper, pure } = context; + const callee = isString(node.callee) ? node.callee : helper(node.callee); + if (pure) { + push(PURE_ANNOTATION); + } + push(callee + `(`, node); + genNodeList(node.arguments, context); + push(`)`); + } + function genObjectExpression(node, context) { + const { push, indent, deindent, newline } = context; + const { properties } = node; + if (!properties.length) { + push(`{}`, node); + return; + } + const multilines = properties.length > 1 || + (properties.some(p => p.value.type !== 4 /* SIMPLE_EXPRESSION */)); + push(multilines ? `{` : `{ `); + multilines && indent(); + for (let i = 0; i < properties.length; i++) { + const { key, value } = properties[i]; + // key + genExpressionAsPropertyKey(key, context); + push(`: `); + // value + genNode(value, context); + if (i < properties.length - 1) { + // will only reach this if it's multilines + push(`,`); + newline(); + } + } + multilines && deindent(); + push(multilines ? `}` : ` }`); + } + function genArrayExpression(node, context) { + genNodeListAsArray(node.elements, context); + } + function genFunctionExpression(node, context) { + const { push, indent, deindent } = context; + const { params, returns, body, newline, isSlot } = node; + if (isSlot) { + // wrap slot functions with owner context + push(`_${helperNameMap[WITH_CTX]}(`); + } + push(`(`, node); + if (isArray(params)) { + genNodeList(params, context); + } + else if (params) { + genNode(params, context); + } + push(`) => `); + if (newline || body) { + push(`{`); + indent(); + } + if (returns) { + if (newline) { + push(`return `); + } + if (isArray(returns)) { + genNodeListAsArray(returns, context); + } + else { + genNode(returns, context); + } + } + else if (body) { + genNode(body, context); + } + if (newline || body) { + deindent(); + push(`}`); + } + if (isSlot) { + push(`)`); + } + } + function genConditionalExpression(node, context) { + const { test, consequent, alternate, newline: needNewline } = node; + const { push, indent, deindent, newline } = context; + if (test.type === 4 /* SIMPLE_EXPRESSION */) { + const needsParens = !isSimpleIdentifier(test.content); + needsParens && push(`(`); + genExpression(test, context); + needsParens && push(`)`); + } + else { + push(`(`); + genNode(test, context); + push(`)`); + } + needNewline && indent(); + context.indentLevel++; + needNewline || push(` `); + push(`? `); + genNode(consequent, context); + context.indentLevel--; + needNewline && newline(); + needNewline || push(` `); + push(`: `); + const isNested = alternate.type === 19 /* JS_CONDITIONAL_EXPRESSION */; + if (!isNested) { + context.indentLevel++; + } + genNode(alternate, context); + if (!isNested) { + context.indentLevel--; + } + needNewline && deindent(true /* without newline */); + } + function genCacheExpression(node, context) { + const { push, helper, indent, deindent, newline } = context; + push(`_cache[${node.index}] || (`); + if (node.isVNode) { + indent(); + push(`${helper(SET_BLOCK_TRACKING)}(-1),`); + newline(); + } + push(`_cache[${node.index}] = `); + genNode(node.value, context); + if (node.isVNode) { + push(`,`); + newline(); + push(`${helper(SET_BLOCK_TRACKING)}(1),`); + newline(); + push(`_cache[${node.index}]`); + deindent(); + } + push(`)`); + } + + // these keywords should not appear inside expressions, but operators like + // typeof, instanceof and in are allowed + const prohibitedKeywordRE = new RegExp('\\b' + + ('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' + + 'super,throw,while,yield,delete,export,import,return,switch,default,' + + 'extends,finally,continue,debugger,function,arguments,typeof,void') + .split(',') + .join('\\b|\\b') + + '\\b'); + // strip strings in expressions + const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g; + /** + * Validate a non-prefixed expression. + * This is only called when using the in-browser runtime compiler since it + * doesn't prefix expressions. + */ + function validateBrowserExpression(node, context, asParams = false, asRawStatements = false) { + const exp = node.content; + // empty expressions are validated per-directive since some directives + // do allow empty expressions. + if (!exp.trim()) { + return; + } + try { + new Function(asRawStatements + ? ` ${exp} ` + : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`); + } + catch (e) { + let message = e.message; + const keywordMatch = exp + .replace(stripStringRE, '') + .match(prohibitedKeywordRE); + if (keywordMatch) { + message = `avoid using JavaScript keyword as property name: "${keywordMatch[0]}"`; + } + context.onError(createCompilerError(43 /* X_INVALID_EXPRESSION */, node.loc, undefined, message)); + } + } + + const transformExpression = (node, context) => { + if (node.type === 5 /* INTERPOLATION */) { + node.content = processExpression(node.content, context); + } + else if (node.type === 1 /* ELEMENT */) { + // handle directives on element + for (let i = 0; i < node.props.length; i++) { + const dir = node.props[i]; + // do not process for v-on & v-for since they are special handled + if (dir.type === 7 /* DIRECTIVE */ && dir.name !== 'for') { + const exp = dir.exp; + const arg = dir.arg; + // do not process exp if this is v-on:arg - we need special handling + // for wrapping inline statements. + if (exp && + exp.type === 4 /* SIMPLE_EXPRESSION */ && + !(dir.name === 'on' && arg)) { + dir.exp = processExpression(exp, context, + // slot args must be processed as function params + dir.name === 'slot'); + } + if (arg && arg.type === 4 /* SIMPLE_EXPRESSION */ && !arg.isStatic) { + dir.arg = processExpression(arg, context); + } + } + } + } + }; + // Important: since this function uses Node.js only dependencies, it should + // always be used with a leading !true check so that it can be + // tree-shaken from the browser build. + function processExpression(node, context, + // some expressions like v-slot props & v-for aliases should be parsed as + // function params + asParams = false, + // v-on handler values may contain multiple statements + asRawStatements = false) { + { + { + // simple in-browser validation (same logic in 2.x) + validateBrowserExpression(node, context, asParams, asRawStatements); + } + return node; + } + } + + const transformIf = createStructuralDirectiveTransform(/^(if|else|else-if)$/, (node, dir, context) => { + return processIf(node, dir, context, (ifNode, branch, isRoot) => { + // #1587: We need to dynamically increment the key based on the current + // node's sibling nodes, since chained v-if/else branches are + // rendered at the same depth + const siblings = context.parent.children; + let i = siblings.indexOf(ifNode); + let key = 0; + while (i-- >= 0) { + const sibling = siblings[i]; + if (sibling && sibling.type === 9 /* IF */) { + key += sibling.branches.length; + } + } + // Exit callback. Complete the codegenNode when all children have been + // transformed. + return () => { + if (isRoot) { + ifNode.codegenNode = createCodegenNodeForBranch(branch, key, context); + } + else { + // attach this branch's codegen node to the v-if root. + const parentCondition = getParentCondition(ifNode.codegenNode); + parentCondition.alternate = createCodegenNodeForBranch(branch, key + ifNode.branches.length - 1, context); + } + }; + }); + }); + // target-agnostic transform used for both Client and SSR + function processIf(node, dir, context, processCodegen) { + if (dir.name !== 'else' && + (!dir.exp || !dir.exp.content.trim())) { + const loc = dir.exp ? dir.exp.loc : node.loc; + context.onError(createCompilerError(27 /* X_V_IF_NO_EXPRESSION */, dir.loc)); + dir.exp = createSimpleExpression(`true`, false, loc); + } + if (dir.exp) { + validateBrowserExpression(dir.exp, context); + } + if (dir.name === 'if') { + const branch = createIfBranch(node, dir); + const ifNode = { + type: 9 /* IF */, + loc: node.loc, + branches: [branch] + }; + context.replaceNode(ifNode); + if (processCodegen) { + return processCodegen(ifNode, branch, true); + } + } + else { + // locate the adjacent v-if + const siblings = context.parent.children; + const comments = []; + let i = siblings.indexOf(node); + while (i-- >= -1) { + const sibling = siblings[i]; + if (sibling && sibling.type === 3 /* COMMENT */) { + context.removeNode(sibling); + comments.unshift(sibling); + continue; + } + if (sibling && + sibling.type === 2 /* TEXT */ && + !sibling.content.trim().length) { + context.removeNode(sibling); + continue; + } + if (sibling && sibling.type === 9 /* IF */) { + // move the node to the if node's branches + context.removeNode(); + const branch = createIfBranch(node, dir); + if (comments.length && + // #3619 ignore comments if the v-if is direct child of <transition> + !(context.parent && + context.parent.type === 1 /* ELEMENT */ && + isBuiltInType(context.parent.tag, 'transition'))) { + branch.children = [...comments, ...branch.children]; + } + // check if user is forcing same key on different branches + { + const key = branch.userKey; + if (key) { + sibling.branches.forEach(({ userKey }) => { + if (isSameKey(userKey, key)) { + context.onError(createCompilerError(28 /* X_V_IF_SAME_KEY */, branch.userKey.loc)); + } + }); + } + } + sibling.branches.push(branch); + const onExit = processCodegen && processCodegen(sibling, branch, false); + // since the branch was removed, it will not be traversed. + // make sure to traverse here. + traverseNode(branch, context); + // call on exit + if (onExit) + onExit(); + // make sure to reset currentNode after traversal to indicate this + // node has been removed. + context.currentNode = null; + } + else { + context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, node.loc)); + } + break; + } + } + } + function createIfBranch(node, dir) { + return { + type: 10 /* IF_BRANCH */, + loc: node.loc, + condition: dir.name === 'else' ? undefined : dir.exp, + children: node.tagType === 3 /* TEMPLATE */ && !findDir(node, 'for') + ? node.children + : [node], + userKey: findProp(node, `key`) + }; + } + function createCodegenNodeForBranch(branch, keyIndex, context) { + if (branch.condition) { + return createConditionalExpression(branch.condition, createChildrenCodegenNode(branch, keyIndex, context), + // make sure to pass in asBlock: true so that the comment node call + // closes the current block. + createCallExpression(context.helper(CREATE_COMMENT), [ + '"v-if"' , + 'true' + ])); + } + else { + return createChildrenCodegenNode(branch, keyIndex, context); + } + } + function createChildrenCodegenNode(branch, keyIndex, context) { + const { helper } = context; + const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2 /* CAN_HOIST */)); + const { children } = branch; + const firstChild = children[0]; + const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1 /* ELEMENT */; + if (needFragmentWrapper) { + if (children.length === 1 && firstChild.type === 11 /* FOR */) { + // optimize away nested fragments when child is a ForNode + const vnodeCall = firstChild.codegenNode; + injectProp(vnodeCall, keyProperty, context); + return vnodeCall; + } + else { + let patchFlag = 64 /* STABLE_FRAGMENT */; + let patchFlagText = PatchFlagNames[64 /* STABLE_FRAGMENT */]; + // check if the fragment actually contains a single valid child with + // the rest being comments + if (children.filter(c => c.type !== 3 /* COMMENT */).length === 1) { + patchFlag |= 2048 /* DEV_ROOT_FRAGMENT */; + patchFlagText += `, ${PatchFlagNames[2048 /* DEV_ROOT_FRAGMENT */]}`; + } + return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag + (` /* ${patchFlagText} */` ), undefined, undefined, true, false, false /* isComponent */, branch.loc); + } + } + else { + const ret = firstChild.codegenNode; + const vnodeCall = getMemoedVNodeCall(ret); + // Change createVNode to createBlock. + if (vnodeCall.type === 13 /* VNODE_CALL */) { + makeBlock(vnodeCall, context); + } + // inject branch key + injectProp(vnodeCall, keyProperty, context); + return ret; + } + } + function isSameKey(a, b) { + if (!a || a.type !== b.type) { + return false; + } + if (a.type === 6 /* ATTRIBUTE */) { + if (a.value.content !== b.value.content) { + return false; + } + } + else { + // directive + const exp = a.exp; + const branchExp = b.exp; + if (exp.type !== branchExp.type) { + return false; + } + if (exp.type !== 4 /* SIMPLE_EXPRESSION */ || + exp.isStatic !== branchExp.isStatic || + exp.content !== branchExp.content) { + return false; + } + } + return true; + } + function getParentCondition(node) { + while (true) { + if (node.type === 19 /* JS_CONDITIONAL_EXPRESSION */) { + if (node.alternate.type === 19 /* JS_CONDITIONAL_EXPRESSION */) { + node = node.alternate; + } + else { + return node; + } + } + else if (node.type === 20 /* JS_CACHE_EXPRESSION */) { + node = node.value; + } + } + } + + const transformFor = createStructuralDirectiveTransform('for', (node, dir, context) => { + const { helper, removeHelper } = context; + return processFor(node, dir, context, forNode => { + // create the loop render function expression now, and add the + // iterator on exit after all children have been traversed + const renderExp = createCallExpression(helper(RENDER_LIST), [ + forNode.source + ]); + const memo = findDir(node, 'memo'); + const keyProp = findProp(node, `key`); + const keyExp = keyProp && + (keyProp.type === 6 /* ATTRIBUTE */ + ? createSimpleExpression(keyProp.value.content, true) + : keyProp.exp); + const keyProperty = keyProp ? createObjectProperty(`key`, keyExp) : null; + const isStableFragment = forNode.source.type === 4 /* SIMPLE_EXPRESSION */ && + forNode.source.constType > 0 /* NOT_CONSTANT */; + const fragmentFlag = isStableFragment + ? 64 /* STABLE_FRAGMENT */ + : keyProp + ? 128 /* KEYED_FRAGMENT */ + : 256 /* UNKEYED_FRAGMENT */; + forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), undefined, renderExp, fragmentFlag + + (` /* ${PatchFlagNames[fragmentFlag]} */` ), undefined, undefined, true /* isBlock */, !isStableFragment /* disableTracking */, false /* isComponent */, node.loc); + return () => { + // finish the codegen now that all children have been traversed + let childBlock; + const isTemplate = isTemplateNode(node); + const { children } = forNode; + // check <template v-for> key placement + if (isTemplate) { + node.children.some(c => { + if (c.type === 1 /* ELEMENT */) { + const key = findProp(c, 'key'); + if (key) { + context.onError(createCompilerError(32 /* X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc)); + return true; + } + } + }); + } + const needFragmentWrapper = children.length !== 1 || children[0].type !== 1 /* ELEMENT */; + const slotOutlet = isSlotOutlet(node) + ? node + : isTemplate && + node.children.length === 1 && + isSlotOutlet(node.children[0]) + ? node.children[0] // api-extractor somehow fails to infer this + : null; + if (slotOutlet) { + // <slot v-for="..."> or <template v-for="..."><slot/></template> + childBlock = slotOutlet.codegenNode; + if (isTemplate && keyProperty) { + // <template v-for="..." :key="..."><slot/></template> + // we need to inject the key to the renderSlot() call. + // the props for renderSlot is passed as the 3rd argument. + injectProp(childBlock, keyProperty, context); + } + } + else if (needFragmentWrapper) { + // <template v-for="..."> with text or multi-elements + // should generate a fragment block for each loop + childBlock = createVNodeCall(context, helper(FRAGMENT), keyProperty ? createObjectExpression([keyProperty]) : undefined, node.children, 64 /* STABLE_FRAGMENT */ + + (` /* ${PatchFlagNames[64 /* STABLE_FRAGMENT */]} */` + ), undefined, undefined, true, undefined, false /* isComponent */); + } + else { + // Normal element v-for. Directly use the child's codegenNode + // but mark it as a block. + childBlock = children[0] + .codegenNode; + if (isTemplate && keyProperty) { + injectProp(childBlock, keyProperty, context); + } + if (childBlock.isBlock !== !isStableFragment) { + if (childBlock.isBlock) { + // switch from block to vnode + removeHelper(OPEN_BLOCK); + removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent)); + } + else { + // switch from vnode to block + removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent)); + } + } + childBlock.isBlock = !isStableFragment; + if (childBlock.isBlock) { + helper(OPEN_BLOCK); + helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent)); + } + else { + helper(getVNodeHelper(context.inSSR, childBlock.isComponent)); + } + } + if (memo) { + const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [ + createSimpleExpression(`_cached`) + ])); + loop.body = createBlockStatement([ + createCompoundExpression([`const _memo = (`, memo.exp, `)`]), + createCompoundExpression([ + `if (_cached`, + ...(keyExp ? [` && _cached.key === `, keyExp] : []), + ` && ${context.helperString(IS_MEMO_SAME)}(_cached, _memo)) return _cached` + ]), + createCompoundExpression([`const _item = `, childBlock]), + createSimpleExpression(`_item.memo = _memo`), + createSimpleExpression(`return _item`) + ]); + renderExp.arguments.push(loop, createSimpleExpression(`_cache`), createSimpleExpression(String(context.cached++))); + } + else { + renderExp.arguments.push(createFunctionExpression(createForLoopParams(forNode.parseResult), childBlock, true /* force newline */)); + } + }; + }); + }); + // target-agnostic transform used for both Client and SSR + function processFor(node, dir, context, processCodegen) { + if (!dir.exp) { + context.onError(createCompilerError(30 /* X_V_FOR_NO_EXPRESSION */, dir.loc)); + return; + } + const parseResult = parseForExpression( + // can only be simple expression because vFor transform is applied + // before expression transform. + dir.exp, context); + if (!parseResult) { + context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, dir.loc)); + return; + } + const { addIdentifiers, removeIdentifiers, scopes } = context; + const { source, value, key, index } = parseResult; + const forNode = { + type: 11 /* FOR */, + loc: dir.loc, + source, + valueAlias: value, + keyAlias: key, + objectIndexAlias: index, + parseResult, + children: isTemplateNode(node) ? node.children : [node] + }; + context.replaceNode(forNode); + // bookkeeping + scopes.vFor++; + const onExit = processCodegen && processCodegen(forNode); + return () => { + scopes.vFor--; + if (onExit) + onExit(); + }; + } + const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/; + // This regex doesn't cover the case if key or index aliases have destructuring, + // but those do not make sense in the first place, so this works in practice. + const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/; + const stripParensRE = /^\(|\)$/g; + function parseForExpression(input, context) { + const loc = input.loc; + const exp = input.content; + const inMatch = exp.match(forAliasRE); + if (!inMatch) + return; + const [, LHS, RHS] = inMatch; + const result = { + source: createAliasExpression(loc, RHS.trim(), exp.indexOf(RHS, LHS.length)), + value: undefined, + key: undefined, + index: undefined + }; + { + validateBrowserExpression(result.source, context); + } + let valueContent = LHS.trim().replace(stripParensRE, '').trim(); + const trimmedOffset = LHS.indexOf(valueContent); + const iteratorMatch = valueContent.match(forIteratorRE); + if (iteratorMatch) { + valueContent = valueContent.replace(forIteratorRE, '').trim(); + const keyContent = iteratorMatch[1].trim(); + let keyOffset; + if (keyContent) { + keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length); + result.key = createAliasExpression(loc, keyContent, keyOffset); + { + validateBrowserExpression(result.key, context, true); + } + } + if (iteratorMatch[2]) { + const indexContent = iteratorMatch[2].trim(); + if (indexContent) { + result.index = createAliasExpression(loc, indexContent, exp.indexOf(indexContent, result.key + ? keyOffset + keyContent.length + : trimmedOffset + valueContent.length)); + { + validateBrowserExpression(result.index, context, true); + } + } + } + } + if (valueContent) { + result.value = createAliasExpression(loc, valueContent, trimmedOffset); + { + validateBrowserExpression(result.value, context, true); + } + } + return result; + } + function createAliasExpression(range, content, offset) { + return createSimpleExpression(content, false, getInnerRange(range, offset, content.length)); + } + function createForLoopParams({ value, key, index }, memoArgs = []) { + return createParamsList([value, key, index, ...memoArgs]); + } + function createParamsList(args) { + let i = args.length; + while (i--) { + if (args[i]) + break; + } + return args + .slice(0, i + 1) + .map((arg, i) => arg || createSimpleExpression(`_`.repeat(i + 1), false)); + } + + const defaultFallback = createSimpleExpression(`undefined`, false); + // A NodeTransform that: + // 1. Tracks scope identifiers for scoped slots so that they don't get prefixed + // by transformExpression. This is only applied in non-browser builds with + // { prefixIdentifiers: true }. + // 2. Track v-slot depths so that we know a slot is inside another slot. + // Note the exit callback is executed before buildSlots() on the same node, + // so only nested slots see positive numbers. + const trackSlotScopes = (node, context) => { + if (node.type === 1 /* ELEMENT */ && + (node.tagType === 1 /* COMPONENT */ || + node.tagType === 3 /* TEMPLATE */)) { + // We are only checking non-empty v-slot here + // since we only care about slots that introduce scope variables. + const vSlot = findDir(node, 'slot'); + if (vSlot) { + vSlot.exp; + context.scopes.vSlot++; + return () => { + context.scopes.vSlot--; + }; + } + } + }; + const buildClientSlotFn = (props, children, loc) => createFunctionExpression(props, children, false /* newline */, true /* isSlot */, children.length ? children[0].loc : loc); + // Instead of being a DirectiveTransform, v-slot processing is called during + // transformElement to build the slots object for a component. + function buildSlots(node, context, buildSlotFn = buildClientSlotFn) { + context.helper(WITH_CTX); + const { children, loc } = node; + const slotsProperties = []; + const dynamicSlots = []; + // If the slot is inside a v-for or another v-slot, force it to be dynamic + // since it likely uses a scope variable. + let hasDynamicSlots = context.scopes.vSlot > 0 || context.scopes.vFor > 0; + // 1. Check for slot with slotProps on component itself. + // <Comp v-slot="{ prop }"/> + const onComponentSlot = findDir(node, 'slot', true); + if (onComponentSlot) { + const { arg, exp } = onComponentSlot; + if (arg && !isStaticExp(arg)) { + hasDynamicSlots = true; + } + slotsProperties.push(createObjectProperty(arg || createSimpleExpression('default', true), buildSlotFn(exp, children, loc))); + } + // 2. Iterate through children and check for template slots + // <template v-slot:foo="{ prop }"> + let hasTemplateSlots = false; + let hasNamedDefaultSlot = false; + const implicitDefaultChildren = []; + const seenSlotNames = new Set(); + for (let i = 0; i < children.length; i++) { + const slotElement = children[i]; + let slotDir; + if (!isTemplateNode(slotElement) || + !(slotDir = findDir(slotElement, 'slot', true))) { + // not a <template v-slot>, skip. + if (slotElement.type !== 3 /* COMMENT */) { + implicitDefaultChildren.push(slotElement); + } + continue; + } + if (onComponentSlot) { + // already has on-component slot - this is incorrect usage. + context.onError(createCompilerError(36 /* X_V_SLOT_MIXED_SLOT_USAGE */, slotDir.loc)); + break; + } + hasTemplateSlots = true; + const { children: slotChildren, loc: slotLoc } = slotElement; + const { arg: slotName = createSimpleExpression(`default`, true), exp: slotProps, loc: dirLoc } = slotDir; + // check if name is dynamic. + let staticSlotName; + if (isStaticExp(slotName)) { + staticSlotName = slotName ? slotName.content : `default`; + } + else { + hasDynamicSlots = true; + } + const slotFunction = buildSlotFn(slotProps, slotChildren, slotLoc); + // check if this slot is conditional (v-if/v-for) + let vIf; + let vElse; + let vFor; + if ((vIf = findDir(slotElement, 'if'))) { + hasDynamicSlots = true; + dynamicSlots.push(createConditionalExpression(vIf.exp, buildDynamicSlot(slotName, slotFunction), defaultFallback)); + } + else if ((vElse = findDir(slotElement, /^else(-if)?$/, true /* allowEmpty */))) { + // find adjacent v-if + let j = i; + let prev; + while (j--) { + prev = children[j]; + if (prev.type !== 3 /* COMMENT */) { + break; + } + } + if (prev && isTemplateNode(prev) && findDir(prev, 'if')) { + // remove node + children.splice(i, 1); + i--; + // attach this slot to previous conditional + let conditional = dynamicSlots[dynamicSlots.length - 1]; + while (conditional.alternate.type === 19 /* JS_CONDITIONAL_EXPRESSION */) { + conditional = conditional.alternate; + } + conditional.alternate = vElse.exp + ? createConditionalExpression(vElse.exp, buildDynamicSlot(slotName, slotFunction), defaultFallback) + : buildDynamicSlot(slotName, slotFunction); + } + else { + context.onError(createCompilerError(29 /* X_V_ELSE_NO_ADJACENT_IF */, vElse.loc)); + } + } + else if ((vFor = findDir(slotElement, 'for'))) { + hasDynamicSlots = true; + const parseResult = vFor.parseResult || + parseForExpression(vFor.exp, context); + if (parseResult) { + // Render the dynamic slots as an array and add it to the createSlot() + // args. The runtime knows how to handle it appropriately. + dynamicSlots.push(createCallExpression(context.helper(RENDER_LIST), [ + parseResult.source, + createFunctionExpression(createForLoopParams(parseResult), buildDynamicSlot(slotName, slotFunction), true /* force newline */) + ])); + } + else { + context.onError(createCompilerError(31 /* X_V_FOR_MALFORMED_EXPRESSION */, vFor.loc)); + } + } + else { + // check duplicate static names + if (staticSlotName) { + if (seenSlotNames.has(staticSlotName)) { + context.onError(createCompilerError(37 /* X_V_SLOT_DUPLICATE_SLOT_NAMES */, dirLoc)); + continue; + } + seenSlotNames.add(staticSlotName); + if (staticSlotName === 'default') { + hasNamedDefaultSlot = true; + } + } + slotsProperties.push(createObjectProperty(slotName, slotFunction)); + } + } + if (!onComponentSlot) { + const buildDefaultSlotProperty = (props, children) => { + const fn = buildSlotFn(props, children, loc); + return createObjectProperty(`default`, fn); + }; + if (!hasTemplateSlots) { + // implicit default slot (on component) + slotsProperties.push(buildDefaultSlotProperty(undefined, children)); + } + else if (implicitDefaultChildren.length && + // #3766 + // with whitespace: 'preserve', whitespaces between slots will end up in + // implicitDefaultChildren. Ignore if all implicit children are whitespaces. + implicitDefaultChildren.some(node => isNonWhitespaceContent(node))) { + // implicit default slot (mixed with named slots) + if (hasNamedDefaultSlot) { + context.onError(createCompilerError(38 /* X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN */, implicitDefaultChildren[0].loc)); + } + else { + slotsProperties.push(buildDefaultSlotProperty(undefined, implicitDefaultChildren)); + } + } + } + const slotFlag = hasDynamicSlots + ? 2 /* DYNAMIC */ + : hasForwardedSlots(node.children) + ? 3 /* FORWARDED */ + : 1 /* STABLE */; + let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, + // 2 = compiled but dynamic = can skip normalization, but must run diff + // 1 = compiled and static = can skip normalization AND diff as optimized + createSimpleExpression(slotFlag + (` /* ${slotFlagsText[slotFlag]} */` ), false))), loc); + if (dynamicSlots.length) { + slots = createCallExpression(context.helper(CREATE_SLOTS), [ + slots, + createArrayExpression(dynamicSlots) + ]); + } + return { + slots, + hasDynamicSlots + }; + } + function buildDynamicSlot(name, fn) { + return createObjectExpression([ + createObjectProperty(`name`, name), + createObjectProperty(`fn`, fn) + ]); + } + function hasForwardedSlots(children) { + for (let i = 0; i < children.length; i++) { + const child = children[i]; + switch (child.type) { + case 1 /* ELEMENT */: + if (child.tagType === 2 /* SLOT */ || + hasForwardedSlots(child.children)) { + return true; + } + break; + case 9 /* IF */: + if (hasForwardedSlots(child.branches)) + return true; + break; + case 10 /* IF_BRANCH */: + case 11 /* FOR */: + if (hasForwardedSlots(child.children)) + return true; + break; + } + } + return false; + } + function isNonWhitespaceContent(node) { + if (node.type !== 2 /* TEXT */ && node.type !== 12 /* TEXT_CALL */) + return true; + return node.type === 2 /* TEXT */ + ? !!node.content.trim() + : isNonWhitespaceContent(node.content); + } + + // some directive transforms (e.g. v-model) may return a symbol for runtime + // import, which should be used instead of a resolveDirective call. + const directiveImportMap = new WeakMap(); + // generate a JavaScript AST for this element's codegen + const transformElement = (node, context) => { + // perform the work on exit, after all child expressions have been + // processed and merged. + return function postTransformElement() { + node = context.currentNode; + if (!(node.type === 1 /* ELEMENT */ && + (node.tagType === 0 /* ELEMENT */ || + node.tagType === 1 /* COMPONENT */))) { + return; + } + const { tag, props } = node; + const isComponent = node.tagType === 1 /* COMPONENT */; + // The goal of the transform is to create a codegenNode implementing the + // VNodeCall interface. + let vnodeTag = isComponent + ? resolveComponentType(node, context) + : `"${tag}"`; + const isDynamicComponent = isObject(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT; + let vnodeProps; + let vnodeChildren; + let vnodePatchFlag; + let patchFlag = 0; + let vnodeDynamicProps; + let dynamicPropNames; + let vnodeDirectives; + let shouldUseBlock = + // dynamic component may resolve to plain elements + isDynamicComponent || + vnodeTag === TELEPORT || + vnodeTag === SUSPENSE || + (!isComponent && + // <svg> and <foreignObject> must be forced into blocks so that block + // updates inside get proper isSVG flag at runtime. (#639, #643) + // This is technically web-specific, but splitting the logic out of core + // leads to too much unnecessary complexity. + (tag === 'svg' || + tag === 'foreignObject' || + // #938: elements with dynamic keys should be forced into blocks + findProp(node, 'key', true))); + // props + if (props.length > 0) { + const propsBuildResult = buildProps(node, context); + vnodeProps = propsBuildResult.props; + patchFlag = propsBuildResult.patchFlag; + dynamicPropNames = propsBuildResult.dynamicPropNames; + const directives = propsBuildResult.directives; + vnodeDirectives = + directives && directives.length + ? createArrayExpression(directives.map(dir => buildDirectiveArgs(dir, context))) + : undefined; + } + // children + if (node.children.length > 0) { + if (vnodeTag === KEEP_ALIVE) { + // Although a built-in component, we compile KeepAlive with raw children + // instead of slot functions so that it can be used inside Transition + // or other Transition-wrapping HOCs. + // To ensure correct updates with block optimizations, we need to: + // 1. Force keep-alive into a block. This avoids its children being + // collected by a parent block. + shouldUseBlock = true; + // 2. Force keep-alive to always be updated, since it uses raw children. + patchFlag |= 1024 /* DYNAMIC_SLOTS */; + if (node.children.length > 1) { + context.onError(createCompilerError(44 /* X_KEEP_ALIVE_INVALID_CHILDREN */, { + start: node.children[0].loc.start, + end: node.children[node.children.length - 1].loc.end, + source: '' + })); + } + } + const shouldBuildAsSlots = isComponent && + // Teleport is not a real component and has dedicated runtime handling + vnodeTag !== TELEPORT && + // explained above. + vnodeTag !== KEEP_ALIVE; + if (shouldBuildAsSlots) { + const { slots, hasDynamicSlots } = buildSlots(node, context); + vnodeChildren = slots; + if (hasDynamicSlots) { + patchFlag |= 1024 /* DYNAMIC_SLOTS */; + } + } + else if (node.children.length === 1 && vnodeTag !== TELEPORT) { + const child = node.children[0]; + const type = child.type; + // check for dynamic text children + const hasDynamicTextChild = type === 5 /* INTERPOLATION */ || + type === 8 /* COMPOUND_EXPRESSION */; + if (hasDynamicTextChild && + getConstantType(child, context) === 0 /* NOT_CONSTANT */) { + patchFlag |= 1 /* TEXT */; + } + // pass directly if the only child is a text node + // (plain / interpolation / expression) + if (hasDynamicTextChild || type === 2 /* TEXT */) { + vnodeChildren = child; + } + else { + vnodeChildren = node.children; + } + } + else { + vnodeChildren = node.children; + } + } + // patchFlag & dynamicPropNames + if (patchFlag !== 0) { + { + if (patchFlag < 0) { + // special flags (negative and mutually exclusive) + vnodePatchFlag = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`; + } + else { + // bitwise flags + const flagNames = Object.keys(PatchFlagNames) + .map(Number) + .filter(n => n > 0 && patchFlag & n) + .map(n => PatchFlagNames[n]) + .join(`, `); + vnodePatchFlag = patchFlag + ` /* ${flagNames} */`; + } + } + if (dynamicPropNames && dynamicPropNames.length) { + vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames); + } + } + node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, vnodePatchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false /* disableTracking */, isComponent, node.loc); + }; + }; + function resolveComponentType(node, context, ssr = false) { + let { tag } = node; + // 1. dynamic component + const isExplicitDynamic = isComponentTag(tag); + const isProp = findProp(node, 'is'); + if (isProp) { + if (isExplicitDynamic || + (false )) { + const exp = isProp.type === 6 /* ATTRIBUTE */ + ? isProp.value && createSimpleExpression(isProp.value.content, true) + : isProp.exp; + if (exp) { + return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [ + exp + ]); + } + } + else if (isProp.type === 6 /* ATTRIBUTE */ && + isProp.value.content.startsWith('vue:')) { + // <button is="vue:xxx"> + // if not <component>, only is value that starts with "vue:" will be + // treated as component by the parse phase and reach here, unless it's + // compat mode where all is values are considered components + tag = isProp.value.content.slice(4); + } + } + // 1.5 v-is (TODO: Deprecate) + const isDir = !isExplicitDynamic && findDir(node, 'is'); + if (isDir && isDir.exp) { + return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [ + isDir.exp + ]); + } + // 2. built-in components (Teleport, Transition, KeepAlive, Suspense...) + const builtIn = isCoreComponent(tag) || context.isBuiltInComponent(tag); + if (builtIn) { + // built-ins are simply fallthroughs / have special handling during ssr + // so we don't need to import their runtime equivalents + if (!ssr) + context.helper(builtIn); + return builtIn; + } + // 5. user component (resolve) + context.helper(RESOLVE_COMPONENT); + context.components.add(tag); + return toValidAssetId(tag, `component`); + } + function buildProps(node, context, props = node.props, ssr = false) { + const { tag, loc: elementLoc } = node; + const isComponent = node.tagType === 1 /* COMPONENT */; + let properties = []; + const mergeArgs = []; + const runtimeDirectives = []; + // patchFlag analysis + let patchFlag = 0; + let hasRef = false; + let hasClassBinding = false; + let hasStyleBinding = false; + let hasHydrationEventBinding = false; + let hasDynamicKeys = false; + let hasVnodeHook = false; + const dynamicPropNames = []; + const analyzePatchFlag = ({ key, value }) => { + if (isStaticExp(key)) { + const name = key.content; + const isEventHandler = isOn(name); + if (!isComponent && + isEventHandler && + // omit the flag for click handlers because hydration gives click + // dedicated fast path. + name.toLowerCase() !== 'onclick' && + // omit v-model handlers + name !== 'onUpdate:modelValue' && + // omit onVnodeXXX hooks + !isReservedProp(name)) { + hasHydrationEventBinding = true; + } + if (isEventHandler && isReservedProp(name)) { + hasVnodeHook = true; + } + if (value.type === 20 /* JS_CACHE_EXPRESSION */ || + ((value.type === 4 /* SIMPLE_EXPRESSION */ || + value.type === 8 /* COMPOUND_EXPRESSION */) && + getConstantType(value, context) > 0)) { + // skip if the prop is a cached handler or has constant value + return; + } + if (name === 'ref') { + hasRef = true; + } + else if (name === 'class') { + hasClassBinding = true; + } + else if (name === 'style') { + hasStyleBinding = true; + } + else if (name !== 'key' && !dynamicPropNames.includes(name)) { + dynamicPropNames.push(name); + } + // treat the dynamic class and style binding of the component as dynamic props + if (isComponent && + (name === 'class' || name === 'style') && + !dynamicPropNames.includes(name)) { + dynamicPropNames.push(name); + } + } + else { + hasDynamicKeys = true; + } + }; + for (let i = 0; i < props.length; i++) { + // static attribute + const prop = props[i]; + if (prop.type === 6 /* ATTRIBUTE */) { + const { loc, name, value } = prop; + let isStatic = true; + if (name === 'ref') { + hasRef = true; + } + // skip is on <component>, or is="vue:xxx" + if (name === 'is' && + (isComponentTag(tag) || + (value && value.content.startsWith('vue:')) || + (false ))) { + continue; + } + properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', isStatic, value ? value.loc : loc))); + } + else { + // directives + const { name, arg, exp, loc } = prop; + const isVBind = name === 'bind'; + const isVOn = name === 'on'; + // skip v-slot - it is handled by its dedicated transform. + if (name === 'slot') { + if (!isComponent) { + context.onError(createCompilerError(39 /* X_V_SLOT_MISPLACED */, loc)); + } + continue; + } + // skip v-once/v-memo - they are handled by dedicated transforms. + if (name === 'once' || name === 'memo') { + continue; + } + // skip v-is and :is on <component> + if (name === 'is' || + (isVBind && + isBindKey(arg, 'is') && + (isComponentTag(tag) || + (false )))) { + continue; + } + // skip v-on in SSR compilation + if (isVOn && ssr) { + continue; + } + // special case for v-bind and v-on with no argument + if (!arg && (isVBind || isVOn)) { + hasDynamicKeys = true; + if (exp) { + if (properties.length) { + mergeArgs.push(createObjectExpression(dedupeProperties(properties), elementLoc)); + properties = []; + } + if (isVBind) { + mergeArgs.push(exp); + } + else { + // v-on="obj" -> toHandlers(obj) + mergeArgs.push({ + type: 14 /* JS_CALL_EXPRESSION */, + loc, + callee: context.helper(TO_HANDLERS), + arguments: [exp] + }); + } + } + else { + context.onError(createCompilerError(isVBind + ? 33 /* X_V_BIND_NO_EXPRESSION */ + : 34 /* X_V_ON_NO_EXPRESSION */, loc)); + } + continue; + } + const directiveTransform = context.directiveTransforms[name]; + if (directiveTransform) { + // has built-in directive transform. + const { props, needRuntime } = directiveTransform(prop, node, context); + !ssr && props.forEach(analyzePatchFlag); + properties.push(...props); + if (needRuntime) { + runtimeDirectives.push(prop); + if (isSymbol(needRuntime)) { + directiveImportMap.set(prop, needRuntime); + } + } + } + else { + // no built-in transform, this is a user custom directive. + runtimeDirectives.push(prop); + } + } + } + let propsExpression = undefined; + // has v-bind="object" or v-on="object", wrap with mergeProps + if (mergeArgs.length) { + if (properties.length) { + mergeArgs.push(createObjectExpression(dedupeProperties(properties), elementLoc)); + } + if (mergeArgs.length > 1) { + propsExpression = createCallExpression(context.helper(MERGE_PROPS), mergeArgs, elementLoc); + } + else { + // single v-bind with nothing else - no need for a mergeProps call + propsExpression = mergeArgs[0]; + } + } + else if (properties.length) { + propsExpression = createObjectExpression(dedupeProperties(properties), elementLoc); + } + // patchFlag analysis + if (hasDynamicKeys) { + patchFlag |= 16 /* FULL_PROPS */; + } + else { + if (hasClassBinding && !isComponent) { + patchFlag |= 2 /* CLASS */; + } + if (hasStyleBinding && !isComponent) { + patchFlag |= 4 /* STYLE */; + } + if (dynamicPropNames.length) { + patchFlag |= 8 /* PROPS */; + } + if (hasHydrationEventBinding) { + patchFlag |= 32 /* HYDRATE_EVENTS */; + } + } + if ((patchFlag === 0 || patchFlag === 32 /* HYDRATE_EVENTS */) && + (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) { + patchFlag |= 512 /* NEED_PATCH */; + } + // pre-normalize props, SSR is skipped for now + if (!context.inSSR && propsExpression) { + switch (propsExpression.type) { + case 15 /* JS_OBJECT_EXPRESSION */: + // means that there is no v-bind, + // but still need to deal with dynamic key binding + let classKeyIndex = -1; + let styleKeyIndex = -1; + let hasDynamicKey = false; + for (let i = 0; i < propsExpression.properties.length; i++) { + const key = propsExpression.properties[i].key; + if (isStaticExp(key)) { + if (key.content === 'class') { + classKeyIndex = i; + } + else if (key.content === 'style') { + styleKeyIndex = i; + } + } + else if (!key.isHandlerKey) { + hasDynamicKey = true; + } + } + const classProp = propsExpression.properties[classKeyIndex]; + const styleProp = propsExpression.properties[styleKeyIndex]; + // no dynamic key + if (!hasDynamicKey) { + if (classProp && !isStaticExp(classProp.value)) { + classProp.value = createCallExpression(context.helper(NORMALIZE_CLASS), [classProp.value]); + } + if (styleProp && + !isStaticExp(styleProp.value) && + // the static style is compiled into an object, + // so use `hasStyleBinding` to ensure that it is a dynamic style binding + (hasStyleBinding || + // v-bind:style and style both exist, + // v-bind:style with static literal object + styleProp.value.type === 17 /* JS_ARRAY_EXPRESSION */)) { + styleProp.value = createCallExpression(context.helper(NORMALIZE_STYLE), [styleProp.value]); + } + } + else { + // dynamic key binding, wrap with `normalizeProps` + propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [propsExpression]); + } + break; + case 14 /* JS_CALL_EXPRESSION */: + // mergeProps call, do nothing + break; + default: + // single v-bind + propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [ + createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [ + propsExpression + ]) + ]); + break; + } + } + return { + props: propsExpression, + directives: runtimeDirectives, + patchFlag, + dynamicPropNames + }; + } + // Dedupe props in an object literal. + // Literal duplicated attributes would have been warned during the parse phase, + // however, it's possible to encounter duplicated `onXXX` handlers with different + // modifiers. We also need to merge static and dynamic class / style attributes. + // - onXXX handlers / style: merge into array + // - class: merge into single expression with concatenation + function dedupeProperties(properties) { + const knownProps = new Map(); + const deduped = []; + for (let i = 0; i < properties.length; i++) { + const prop = properties[i]; + // dynamic keys are always allowed + if (prop.key.type === 8 /* COMPOUND_EXPRESSION */ || !prop.key.isStatic) { + deduped.push(prop); + continue; + } + const name = prop.key.content; + const existing = knownProps.get(name); + if (existing) { + if (name === 'style' || name === 'class' || name.startsWith('on')) { + mergeAsArray$1(existing, prop); + } + // unexpected duplicate, should have emitted error during parse + } + else { + knownProps.set(name, prop); + deduped.push(prop); + } + } + return deduped; + } + function mergeAsArray$1(existing, incoming) { + if (existing.value.type === 17 /* JS_ARRAY_EXPRESSION */) { + existing.value.elements.push(incoming.value); + } + else { + existing.value = createArrayExpression([existing.value, incoming.value], existing.loc); + } + } + function buildDirectiveArgs(dir, context) { + const dirArgs = []; + const runtime = directiveImportMap.get(dir); + if (runtime) { + // built-in directive with runtime + dirArgs.push(context.helperString(runtime)); + } + else { + { + // inject statement for resolving directive + context.helper(RESOLVE_DIRECTIVE); + context.directives.add(dir.name); + dirArgs.push(toValidAssetId(dir.name, `directive`)); + } + } + const { loc } = dir; + if (dir.exp) + dirArgs.push(dir.exp); + if (dir.arg) { + if (!dir.exp) { + dirArgs.push(`void 0`); + } + dirArgs.push(dir.arg); + } + if (Object.keys(dir.modifiers).length) { + if (!dir.arg) { + if (!dir.exp) { + dirArgs.push(`void 0`); + } + dirArgs.push(`void 0`); + } + const trueExpression = createSimpleExpression(`true`, false, loc); + dirArgs.push(createObjectExpression(dir.modifiers.map(modifier => createObjectProperty(modifier, trueExpression)), loc)); + } + return createArrayExpression(dirArgs, dir.loc); + } + function stringifyDynamicPropNames(props) { + let propsNamesString = `[`; + for (let i = 0, l = props.length; i < l; i++) { + propsNamesString += JSON.stringify(props[i]); + if (i < l - 1) + propsNamesString += ', '; + } + return propsNamesString + `]`; + } + function isComponentTag(tag) { + return tag[0].toLowerCase() + tag.slice(1) === 'component'; + } + + const transformSlotOutlet = (node, context) => { + if (isSlotOutlet(node)) { + const { children, loc } = node; + const { slotName, slotProps } = processSlotOutlet(node, context); + const slotArgs = [ + context.prefixIdentifiers ? `_ctx.$slots` : `$slots`, + slotName + ]; + if (slotProps) { + slotArgs.push(slotProps); + } + if (children.length) { + if (!slotProps) { + slotArgs.push(`{}`); + } + slotArgs.push(createFunctionExpression([], children, false, false, loc)); + } + if (context.scopeId && !context.slotted) { + if (!slotProps) { + slotArgs.push(`{}`); + } + if (!children.length) { + slotArgs.push(`undefined`); + } + slotArgs.push(`true`); + } + node.codegenNode = createCallExpression(context.helper(RENDER_SLOT), slotArgs, loc); + } + }; + function processSlotOutlet(node, context) { + let slotName = `"default"`; + let slotProps = undefined; + const nonNameProps = []; + for (let i = 0; i < node.props.length; i++) { + const p = node.props[i]; + if (p.type === 6 /* ATTRIBUTE */) { + if (p.value) { + if (p.name === 'name') { + slotName = JSON.stringify(p.value.content); + } + else { + p.name = camelize(p.name); + nonNameProps.push(p); + } + } + } + else { + if (p.name === 'bind' && isBindKey(p.arg, 'name')) { + if (p.exp) + slotName = p.exp; + } + else { + if (p.name === 'bind' && p.arg && isStaticExp(p.arg)) { + p.arg.content = camelize(p.arg.content); + } + nonNameProps.push(p); + } + } + } + if (nonNameProps.length > 0) { + const { props, directives } = buildProps(node, context, nonNameProps); + slotProps = props; + if (directives.length) { + context.onError(createCompilerError(35 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc)); + } + } + return { + slotName, + slotProps + }; + } + + const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/; + const transformOn = (dir, node, context, augmentor) => { + const { loc, modifiers, arg } = dir; + if (!dir.exp && !modifiers.length) { + context.onError(createCompilerError(34 /* X_V_ON_NO_EXPRESSION */, loc)); + } + let eventName; + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + if (arg.isStatic) { + const rawName = arg.content; + // for all event listeners, auto convert it to camelCase. See issue #2249 + eventName = createSimpleExpression(toHandlerKey(camelize(rawName)), true, arg.loc); + } + else { + // #2388 + eventName = createCompoundExpression([ + `${context.helperString(TO_HANDLER_KEY)}(`, + arg, + `)` + ]); + } + } + else { + // already a compound expression. + eventName = arg; + eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`); + eventName.children.push(`)`); + } + // handler processing + let exp = dir.exp; + if (exp && !exp.content.trim()) { + exp = undefined; + } + let shouldCache = context.cacheHandlers && !exp && !context.inVOnce; + if (exp) { + const isMemberExp = isMemberExpression(exp.content); + const isInlineStatement = !(isMemberExp || fnExpRE.test(exp.content)); + const hasMultipleStatements = exp.content.includes(`;`); + { + validateBrowserExpression(exp, context, false, hasMultipleStatements); + } + if (isInlineStatement || (shouldCache && isMemberExp)) { + // wrap inline statement in a function expression + exp = createCompoundExpression([ + `${isInlineStatement + ? `$event` + : `${``}(...args)`} => ${hasMultipleStatements ? `{` : `(`}`, + exp, + hasMultipleStatements ? `}` : `)` + ]); + } + } + let ret = { + props: [ + createObjectProperty(eventName, exp || createSimpleExpression(`() => {}`, false, loc)) + ] + }; + // apply extended compiler augmentor + if (augmentor) { + ret = augmentor(ret); + } + if (shouldCache) { + // cache handlers so that it's always the same handler being passed down. + // this avoids unnecessary re-renders when users use inline handlers on + // components. + ret.props[0].value = context.cache(ret.props[0].value); + } + // mark the key as handler for props normalization check + ret.props.forEach(p => (p.key.isHandlerKey = true)); + return ret; + }; + + // v-bind without arg is handled directly in ./transformElements.ts due to it affecting + // codegen for the entire props object. This transform here is only for v-bind + // *with* args. + const transformBind = (dir, _node, context) => { + const { exp, modifiers, loc } = dir; + const arg = dir.arg; + if (arg.type !== 4 /* SIMPLE_EXPRESSION */) { + arg.children.unshift(`(`); + arg.children.push(`) || ""`); + } + else if (!arg.isStatic) { + arg.content = `${arg.content} || ""`; + } + // .sync is replaced by v-model:arg + if (modifiers.includes('camel')) { + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + if (arg.isStatic) { + arg.content = camelize(arg.content); + } + else { + arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`; + } + } + else { + arg.children.unshift(`${context.helperString(CAMELIZE)}(`); + arg.children.push(`)`); + } + } + if (!context.inSSR) { + if (modifiers.includes('prop')) { + injectPrefix(arg, '.'); + } + if (modifiers.includes('attr')) { + injectPrefix(arg, '^'); + } + } + if (!exp || + (exp.type === 4 /* SIMPLE_EXPRESSION */ && !exp.content.trim())) { + context.onError(createCompilerError(33 /* X_V_BIND_NO_EXPRESSION */, loc)); + return { + props: [createObjectProperty(arg, createSimpleExpression('', true, loc))] + }; + } + return { + props: [createObjectProperty(arg, exp)] + }; + }; + const injectPrefix = (arg, prefix) => { + if (arg.type === 4 /* SIMPLE_EXPRESSION */) { + if (arg.isStatic) { + arg.content = prefix + arg.content; + } + else { + arg.content = `\`${prefix}\${${arg.content}}\``; + } + } + else { + arg.children.unshift(`'${prefix}' + (`); + arg.children.push(`)`); + } + }; + + // Merge adjacent text nodes and expressions into a single expression + // e.g. <div>abc {{ d }} {{ e }}</div> should have a single expression node as child. + const transformText = (node, context) => { + if (node.type === 0 /* ROOT */ || + node.type === 1 /* ELEMENT */ || + node.type === 11 /* FOR */ || + node.type === 10 /* IF_BRANCH */) { + // perform the transform on node exit so that all expressions have already + // been processed. + return () => { + const children = node.children; + let currentContainer = undefined; + let hasText = false; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isText(child)) { + hasText = true; + for (let j = i + 1; j < children.length; j++) { + const next = children[j]; + if (isText(next)) { + if (!currentContainer) { + currentContainer = children[i] = { + type: 8 /* COMPOUND_EXPRESSION */, + loc: child.loc, + children: [child] + }; + } + // merge adjacent text node into current + currentContainer.children.push(` + `, next); + children.splice(j, 1); + j--; + } + else { + currentContainer = undefined; + break; + } + } + } + } + if (!hasText || + // if this is a plain element with a single text child, leave it + // as-is since the runtime has dedicated fast path for this by directly + // setting textContent of the element. + // for component root it's always normalized anyway. + (children.length === 1 && + (node.type === 0 /* ROOT */ || + (node.type === 1 /* ELEMENT */ && + node.tagType === 0 /* ELEMENT */ && + // #3756 + // custom directives can potentially add DOM elements arbitrarily, + // we need to avoid setting textContent of the element at runtime + // to avoid accidentally overwriting the DOM elements added + // by the user through custom directives. + !node.props.find(p => p.type === 7 /* DIRECTIVE */ && + !context.directiveTransforms[p.name]) && + // in compat mode, <template> tags with no special directives + // will be rendered as a fragment so its children must be + // converted into vnodes. + !(false ))))) { + return; + } + // pre-convert text nodes into createTextVNode(text) calls to avoid + // runtime normalization. + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isText(child) || child.type === 8 /* COMPOUND_EXPRESSION */) { + const callArgs = []; + // createTextVNode defaults to single whitespace, so if it is a + // single space the code could be an empty call to save bytes. + if (child.type !== 2 /* TEXT */ || child.content !== ' ') { + callArgs.push(child); + } + // mark dynamic text with flag so it gets patched inside a block + if (!context.ssr && + getConstantType(child, context) === 0 /* NOT_CONSTANT */) { + callArgs.push(1 /* TEXT */ + + (` /* ${PatchFlagNames[1 /* TEXT */]} */` )); + } + children[i] = { + type: 12 /* TEXT_CALL */, + content: child, + loc: child.loc, + codegenNode: createCallExpression(context.helper(CREATE_TEXT), callArgs) + }; + } + } + }; + } + }; + + const seen = new WeakSet(); + const transformOnce = (node, context) => { + if (node.type === 1 /* ELEMENT */ && findDir(node, 'once', true)) { + if (seen.has(node) || context.inVOnce) { + return; + } + seen.add(node); + context.inVOnce = true; + context.helper(SET_BLOCK_TRACKING); + return () => { + context.inVOnce = false; + const cur = context.currentNode; + if (cur.codegenNode) { + cur.codegenNode = context.cache(cur.codegenNode, true /* isVNode */); + } + }; + } + }; + + const transformModel = (dir, node, context) => { + const { exp, arg } = dir; + if (!exp) { + context.onError(createCompilerError(40 /* X_V_MODEL_NO_EXPRESSION */, dir.loc)); + return createTransformProps(); + } + const rawExp = exp.loc.source; + const expString = exp.type === 4 /* SIMPLE_EXPRESSION */ ? exp.content : rawExp; + // im SFC <script setup> inline mode, the exp may have been transformed into + // _unref(exp) + context.bindingMetadata[rawExp]; + const maybeRef = !true /* SETUP_CONST */; + if (!expString.trim() || (!isMemberExpression(expString) && !maybeRef)) { + context.onError(createCompilerError(41 /* X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc)); + return createTransformProps(); + } + const propName = arg ? arg : createSimpleExpression('modelValue', true); + const eventName = arg + ? isStaticExp(arg) + ? `onUpdate:${arg.content}` + : createCompoundExpression(['"onUpdate:" + ', arg]) + : `onUpdate:modelValue`; + let assignmentExp; + const eventArg = context.isTS ? `($event: any)` : `$event`; + { + assignmentExp = createCompoundExpression([ + `${eventArg} => (`, + exp, + ` = $event)` + ]); + } + const props = [ + // modelValue: foo + createObjectProperty(propName, dir.exp), + // "onUpdate:modelValue": $event => (foo = $event) + createObjectProperty(eventName, assignmentExp) + ]; + // modelModifiers: { foo: true, "bar-baz": true } + if (dir.modifiers.length && node.tagType === 1 /* COMPONENT */) { + const modifiers = dir.modifiers + .map(m => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`) + .join(`, `); + const modifiersKey = arg + ? isStaticExp(arg) + ? `${arg.content}Modifiers` + : createCompoundExpression([arg, ' + "Modifiers"']) + : `modelModifiers`; + props.push(createObjectProperty(modifiersKey, createSimpleExpression(`{ ${modifiers} }`, false, dir.loc, 2 /* CAN_HOIST */))); + } + return createTransformProps(props); + }; + function createTransformProps(props = []) { + return { props }; + } + + const seen$1 = new WeakSet(); + const transformMemo = (node, context) => { + if (node.type === 1 /* ELEMENT */) { + const dir = findDir(node, 'memo'); + if (!dir || seen$1.has(node)) { + return; + } + seen$1.add(node); + return () => { + const codegenNode = node.codegenNode || + context.currentNode.codegenNode; + if (codegenNode && codegenNode.type === 13 /* VNODE_CALL */) { + // non-component sub tree should be turned into a block + if (node.tagType !== 1 /* COMPONENT */) { + makeBlock(codegenNode, context); + } + node.codegenNode = createCallExpression(context.helper(WITH_MEMO), [ + dir.exp, + createFunctionExpression(undefined, codegenNode), + `_cache`, + String(context.cached++) + ]); + } + }; + } + }; + + function getBaseTransformPreset(prefixIdentifiers) { + return [ + [ + transformOnce, + transformIf, + transformMemo, + transformFor, + ...([]), + ...([transformExpression] + ), + transformSlotOutlet, + transformElement, + trackSlotScopes, + transformText + ], + { + on: transformOn, + bind: transformBind, + model: transformModel + } + ]; + } + // we name it `baseCompile` so that higher order compilers like + // @vue/compiler-dom can export `compile` while re-exporting everything else. + function baseCompile(template, options = {}) { + const onError = options.onError || defaultOnError; + const isModuleMode = options.mode === 'module'; + /* istanbul ignore if */ + { + if (options.prefixIdentifiers === true) { + onError(createCompilerError(45 /* X_PREFIX_ID_NOT_SUPPORTED */)); + } + else if (isModuleMode) { + onError(createCompilerError(46 /* X_MODULE_MODE_NOT_SUPPORTED */)); + } + } + const prefixIdentifiers = !true ; + if (options.cacheHandlers) { + onError(createCompilerError(47 /* X_CACHE_HANDLER_NOT_SUPPORTED */)); + } + if (options.scopeId && !isModuleMode) { + onError(createCompilerError(48 /* X_SCOPE_ID_NOT_SUPPORTED */)); + } + const ast = isString(template) ? baseParse(template, options) : template; + const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(); + transform(ast, extend({}, options, { + prefixIdentifiers, + nodeTransforms: [ + ...nodeTransforms, + ...(options.nodeTransforms || []) // user transforms + ], + directiveTransforms: extend({}, directiveTransforms, options.directiveTransforms || {} // user transforms + ) + })); + return generate(ast, extend({}, options, { + prefixIdentifiers + })); + } + + const noopDirectiveTransform = () => ({ props: [] }); + + const V_MODEL_RADIO = Symbol(`vModelRadio` ); + const V_MODEL_CHECKBOX = Symbol(`vModelCheckbox` ); + const V_MODEL_TEXT = Symbol(`vModelText` ); + const V_MODEL_SELECT = Symbol(`vModelSelect` ); + const V_MODEL_DYNAMIC = Symbol(`vModelDynamic` ); + const V_ON_WITH_MODIFIERS = Symbol(`vOnModifiersGuard` ); + const V_ON_WITH_KEYS = Symbol(`vOnKeysGuard` ); + const V_SHOW = Symbol(`vShow` ); + const TRANSITION$1 = Symbol(`Transition` ); + const TRANSITION_GROUP = Symbol(`TransitionGroup` ); + registerRuntimeHelpers({ + [V_MODEL_RADIO]: `vModelRadio`, + [V_MODEL_CHECKBOX]: `vModelCheckbox`, + [V_MODEL_TEXT]: `vModelText`, + [V_MODEL_SELECT]: `vModelSelect`, + [V_MODEL_DYNAMIC]: `vModelDynamic`, + [V_ON_WITH_MODIFIERS]: `withModifiers`, + [V_ON_WITH_KEYS]: `withKeys`, + [V_SHOW]: `vShow`, + [TRANSITION$1]: `Transition`, + [TRANSITION_GROUP]: `TransitionGroup` + }); + + /* eslint-disable no-restricted-globals */ + let decoder; + function decodeHtmlBrowser(raw, asAttr = false) { + if (!decoder) { + decoder = document.createElement('div'); + } + if (asAttr) { + decoder.innerHTML = `<div foo="${raw.replace(/"/g, '"')}">`; + return decoder.children[0].getAttribute('foo'); + } + else { + decoder.innerHTML = raw; + return decoder.textContent; + } + } + + const isRawTextContainer = /*#__PURE__*/ makeMap('style,iframe,script,noscript', true); + const parserOptions = { + isVoidTag, + isNativeTag: tag => isHTMLTag(tag) || isSVGTag(tag), + isPreTag: tag => tag === 'pre', + decodeEntities: decodeHtmlBrowser , + isBuiltInComponent: (tag) => { + if (isBuiltInType(tag, `Transition`)) { + return TRANSITION$1; + } + else if (isBuiltInType(tag, `TransitionGroup`)) { + return TRANSITION_GROUP; + } + }, + // https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher + getNamespace(tag, parent) { + let ns = parent ? parent.ns : 0 /* HTML */; + if (parent && ns === 2 /* MATH_ML */) { + if (parent.tag === 'annotation-xml') { + if (tag === 'svg') { + return 1 /* SVG */; + } + if (parent.props.some(a => a.type === 6 /* ATTRIBUTE */ && + a.name === 'encoding' && + a.value != null && + (a.value.content === 'text/html' || + a.value.content === 'application/xhtml+xml'))) { + ns = 0 /* HTML */; + } + } + else if (/^m(?:[ions]|text)$/.test(parent.tag) && + tag !== 'mglyph' && + tag !== 'malignmark') { + ns = 0 /* HTML */; + } + } + else if (parent && ns === 1 /* SVG */) { + if (parent.tag === 'foreignObject' || + parent.tag === 'desc' || + parent.tag === 'title') { + ns = 0 /* HTML */; + } + } + if (ns === 0 /* HTML */) { + if (tag === 'svg') { + return 1 /* SVG */; + } + if (tag === 'math') { + return 2 /* MATH_ML */; + } + } + return ns; + }, + // https://html.spec.whatwg.org/multipage/parsing.html#parsing-html-fragments + getTextMode({ tag, ns }) { + if (ns === 0 /* HTML */) { + if (tag === 'textarea' || tag === 'title') { + return 1 /* RCDATA */; + } + if (isRawTextContainer(tag)) { + return 2 /* RAWTEXT */; + } + } + return 0 /* DATA */; + } + }; + + // Parse inline CSS strings for static style attributes into an object. + // This is a NodeTransform since it works on the static `style` attribute and + // converts it into a dynamic equivalent: + // style="color: red" -> :style='{ "color": "red" }' + // It is then processed by `transformElement` and included in the generated + // props. + const transformStyle = node => { + if (node.type === 1 /* ELEMENT */) { + node.props.forEach((p, i) => { + if (p.type === 6 /* ATTRIBUTE */ && p.name === 'style' && p.value) { + // replace p with an expression node + node.props[i] = { + type: 7 /* DIRECTIVE */, + name: `bind`, + arg: createSimpleExpression(`style`, true, p.loc), + exp: parseInlineCSS(p.value.content, p.loc), + modifiers: [], + loc: p.loc + }; + } + }); + } + }; + const parseInlineCSS = (cssText, loc) => { + const normalized = parseStringStyle(cssText); + return createSimpleExpression(JSON.stringify(normalized), false, loc, 3 /* CAN_STRINGIFY */); + }; + + function createDOMCompilerError(code, loc) { + return createCompilerError(code, loc, DOMErrorMessages ); + } + const DOMErrorMessages = { + [49 /* X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`, + [50 /* X_V_HTML_WITH_CHILDREN */]: `v-html will override element children.`, + [51 /* X_V_TEXT_NO_EXPRESSION */]: `v-text is missing expression.`, + [52 /* X_V_TEXT_WITH_CHILDREN */]: `v-text will override element children.`, + [53 /* X_V_MODEL_ON_INVALID_ELEMENT */]: `v-model can only be used on <input>, <textarea> and <select> elements.`, + [54 /* X_V_MODEL_ARG_ON_ELEMENT */]: `v-model argument is not supported on plain elements.`, + [55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`, + [56 /* X_V_MODEL_UNNECESSARY_VALUE */]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`, + [57 /* X_V_SHOW_NO_EXPRESSION */]: `v-show is missing expression.`, + [58 /* X_TRANSITION_INVALID_CHILDREN */]: `<Transition> expects exactly one child element or component.`, + [59 /* X_IGNORED_SIDE_EFFECT_TAG */]: `Tags with side effect (<script> and <style>) are ignored in client component templates.` + }; + + const transformVHtml = (dir, node, context) => { + const { exp, loc } = dir; + if (!exp) { + context.onError(createDOMCompilerError(49 /* X_V_HTML_NO_EXPRESSION */, loc)); + } + if (node.children.length) { + context.onError(createDOMCompilerError(50 /* X_V_HTML_WITH_CHILDREN */, loc)); + node.children.length = 0; + } + return { + props: [ + createObjectProperty(createSimpleExpression(`innerHTML`, true, loc), exp || createSimpleExpression('', true)) + ] + }; + }; + + const transformVText = (dir, node, context) => { + const { exp, loc } = dir; + if (!exp) { + context.onError(createDOMCompilerError(51 /* X_V_TEXT_NO_EXPRESSION */, loc)); + } + if (node.children.length) { + context.onError(createDOMCompilerError(52 /* X_V_TEXT_WITH_CHILDREN */, loc)); + node.children.length = 0; + } + return { + props: [ + createObjectProperty(createSimpleExpression(`textContent`, true), exp + ? createCallExpression(context.helperString(TO_DISPLAY_STRING), [exp], loc) + : createSimpleExpression('', true)) + ] + }; + }; + + const transformModel$1 = (dir, node, context) => { + const baseResult = transformModel(dir, node, context); + // base transform has errors OR component v-model (only need props) + if (!baseResult.props.length || node.tagType === 1 /* COMPONENT */) { + return baseResult; + } + if (dir.arg) { + context.onError(createDOMCompilerError(54 /* X_V_MODEL_ARG_ON_ELEMENT */, dir.arg.loc)); + } + function checkDuplicatedValue() { + const value = findProp(node, 'value'); + if (value) { + context.onError(createDOMCompilerError(56 /* X_V_MODEL_UNNECESSARY_VALUE */, value.loc)); + } + } + const { tag } = node; + const isCustomElement = context.isCustomElement(tag); + if (tag === 'input' || + tag === 'textarea' || + tag === 'select' || + isCustomElement) { + let directiveToUse = V_MODEL_TEXT; + let isInvalidType = false; + if (tag === 'input' || isCustomElement) { + const type = findProp(node, `type`); + if (type) { + if (type.type === 7 /* DIRECTIVE */) { + // :type="foo" + directiveToUse = V_MODEL_DYNAMIC; + } + else if (type.value) { + switch (type.value.content) { + case 'radio': + directiveToUse = V_MODEL_RADIO; + break; + case 'checkbox': + directiveToUse = V_MODEL_CHECKBOX; + break; + case 'file': + isInvalidType = true; + context.onError(createDOMCompilerError(55 /* X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc)); + break; + default: + // text type + checkDuplicatedValue(); + break; + } + } + } + else if (hasDynamicKeyVBind(node)) { + // element has bindings with dynamic keys, which can possibly contain + // "type". + directiveToUse = V_MODEL_DYNAMIC; + } + else { + // text type + checkDuplicatedValue(); + } + } + else if (tag === 'select') { + directiveToUse = V_MODEL_SELECT; + } + else { + // textarea + checkDuplicatedValue(); + } + // inject runtime directive + // by returning the helper symbol via needRuntime + // the import will replaced a resolveDirective call. + if (!isInvalidType) { + baseResult.needRuntime = context.helper(directiveToUse); + } + } + else { + context.onError(createDOMCompilerError(53 /* X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc)); + } + // native vmodel doesn't need the `modelValue` props since they are also + // passed to the runtime as `binding.value`. removing it reduces code size. + baseResult.props = baseResult.props.filter(p => !(p.key.type === 4 /* SIMPLE_EXPRESSION */ && + p.key.content === 'modelValue')); + return baseResult; + }; + + const isEventOptionModifier = /*#__PURE__*/ makeMap(`passive,once,capture`); + const isNonKeyModifier = /*#__PURE__*/ makeMap( + // event propagation management +`stop,prevent,self,` + + // system modifiers + exact + `ctrl,shift,alt,meta,exact,` + + // mouse + `middle`); + // left & right could be mouse or key modifiers based on event type + const maybeKeyModifier = /*#__PURE__*/ makeMap('left,right'); + const isKeyboardEvent = /*#__PURE__*/ makeMap(`onkeyup,onkeydown,onkeypress`, true); + const resolveModifiers = (key, modifiers, context, loc) => { + const keyModifiers = []; + const nonKeyModifiers = []; + const eventOptionModifiers = []; + for (let i = 0; i < modifiers.length; i++) { + const modifier = modifiers[i]; + if (isEventOptionModifier(modifier)) { + // eventOptionModifiers: modifiers for addEventListener() options, + // e.g. .passive & .capture + eventOptionModifiers.push(modifier); + } + else { + // runtimeModifiers: modifiers that needs runtime guards + if (maybeKeyModifier(modifier)) { + if (isStaticExp(key)) { + if (isKeyboardEvent(key.content)) { + keyModifiers.push(modifier); + } + else { + nonKeyModifiers.push(modifier); + } + } + else { + keyModifiers.push(modifier); + nonKeyModifiers.push(modifier); + } + } + else { + if (isNonKeyModifier(modifier)) { + nonKeyModifiers.push(modifier); + } + else { + keyModifiers.push(modifier); + } + } + } + } + return { + keyModifiers, + nonKeyModifiers, + eventOptionModifiers + }; + }; + const transformClick = (key, event) => { + const isStaticClick = isStaticExp(key) && key.content.toLowerCase() === 'onclick'; + return isStaticClick + ? createSimpleExpression(event, true) + : key.type !== 4 /* SIMPLE_EXPRESSION */ + ? createCompoundExpression([ + `(`, + key, + `) === "onClick" ? "${event}" : (`, + key, + `)` + ]) + : key; + }; + const transformOn$1 = (dir, node, context) => { + return transformOn(dir, node, context, baseResult => { + const { modifiers } = dir; + if (!modifiers.length) + return baseResult; + let { key, value: handlerExp } = baseResult.props[0]; + const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc); + // normalize click.right and click.middle since they don't actually fire + if (nonKeyModifiers.includes('right')) { + key = transformClick(key, `onContextmenu`); + } + if (nonKeyModifiers.includes('middle')) { + key = transformClick(key, `onMouseup`); + } + if (nonKeyModifiers.length) { + handlerExp = createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [ + handlerExp, + JSON.stringify(nonKeyModifiers) + ]); + } + if (keyModifiers.length && + // if event name is dynamic, always wrap with keys guard + (!isStaticExp(key) || isKeyboardEvent(key.content))) { + handlerExp = createCallExpression(context.helper(V_ON_WITH_KEYS), [ + handlerExp, + JSON.stringify(keyModifiers) + ]); + } + if (eventOptionModifiers.length) { + const modifierPostfix = eventOptionModifiers.map(capitalize).join(''); + key = isStaticExp(key) + ? createSimpleExpression(`${key.content}${modifierPostfix}`, true) + : createCompoundExpression([`(`, key, `) + "${modifierPostfix}"`]); + } + return { + props: [createObjectProperty(key, handlerExp)] + }; + }); + }; + + const transformShow = (dir, node, context) => { + const { exp, loc } = dir; + if (!exp) { + context.onError(createDOMCompilerError(57 /* X_V_SHOW_NO_EXPRESSION */, loc)); + } + return { + props: [], + needRuntime: context.helper(V_SHOW) + }; + }; + + const warnTransitionChildren = (node, context) => { + if (node.type === 1 /* ELEMENT */ && + node.tagType === 1 /* COMPONENT */) { + const component = context.isBuiltInComponent(node.tag); + if (component === TRANSITION$1) { + return () => { + if (node.children.length && hasMultipleChildren(node)) { + context.onError(createDOMCompilerError(58 /* X_TRANSITION_INVALID_CHILDREN */, { + start: node.children[0].loc.start, + end: node.children[node.children.length - 1].loc.end, + source: '' + })); + } + }; + } + } + }; + function hasMultipleChildren(node) { + // #1352 filter out potential comment nodes. + const children = (node.children = node.children.filter(c => c.type !== 3 /* COMMENT */)); + const child = children[0]; + return (children.length !== 1 || + child.type === 11 /* FOR */ || + (child.type === 9 /* IF */ && child.branches.some(hasMultipleChildren))); + } + + const ignoreSideEffectTags = (node, context) => { + if (node.type === 1 /* ELEMENT */ && + node.tagType === 0 /* ELEMENT */ && + (node.tag === 'script' || node.tag === 'style')) { + context.onError(createDOMCompilerError(59 /* X_IGNORED_SIDE_EFFECT_TAG */, node.loc)); + context.removeNode(); + } + }; + + const DOMNodeTransforms = [ + transformStyle, + ...([warnTransitionChildren] ) + ]; + const DOMDirectiveTransforms = { + cloak: noopDirectiveTransform, + html: transformVHtml, + text: transformVText, + model: transformModel$1, + on: transformOn$1, + show: transformShow + }; + function compile$1(template, options = {}) { + return baseCompile(template, extend({}, parserOptions, options, { + nodeTransforms: [ + // ignore <script> and <tag> + // this is not put inside DOMNodeTransforms because that list is used + // by compiler-ssr to generate vnode fallback branches + ignoreSideEffectTags, + ...DOMNodeTransforms, + ...(options.nodeTransforms || []) + ], + directiveTransforms: extend({}, DOMDirectiveTransforms, options.directiveTransforms || {}), + transformHoist: null + })); + } + + // This entry is the "full-build" that includes both the runtime + { + initDev(); + } + const compileCache = Object.create(null); + function compileToFunction(template, options) { + if (!isString(template)) { + if (template.nodeType) { + template = template.innerHTML; + } + else { + warn$1(`invalid template option: `, template); + return NOOP; + } + } + const key = template; + const cached = compileCache[key]; + if (cached) { + return cached; + } + if (template[0] === '#') { + const el = document.querySelector(template); + if (!el) { + warn$1(`Template element not found or is empty: ${template}`); + } + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's rendered + // by the server, the template should not contain any user data. + template = el ? el.innerHTML : ``; + } + const { code } = compile$1(template, extend({ + hoistStatic: true, + onError: onError , + onWarn: e => onError(e, true) + }, options)); + function onError(err, asWarning = false) { + const message = asWarning + ? err.message + : `Template compilation error: ${err.message}`; + const codeFrame = err.loc && + generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset); + warn$1(codeFrame ? `${message}\n${codeFrame}` : message); + } + // The wildcard import results in a huge object with every export + // with keys that cannot be mangled, and can be quite heavy size-wise. + // In the global build we know `Vue` is available globally so we can avoid + // the wildcard object. + const render = (new Function(code)() ); + render._rc = true; + return (compileCache[key] = render); + } + registerRuntimeCompiler(compileToFunction); + + exports.BaseTransition = BaseTransition; + exports.Comment = Comment$1; + exports.EffectScope = EffectScope; + exports.Fragment = Fragment; + exports.KeepAlive = KeepAlive; + exports.ReactiveEffect = ReactiveEffect; + exports.Static = Static; + exports.Suspense = Suspense; + exports.Teleport = Teleport; + exports.Text = Text; + exports.Transition = Transition; + exports.TransitionGroup = TransitionGroup; + exports.VueElement = VueElement; + exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling; + exports.callWithErrorHandling = callWithErrorHandling; + exports.camelize = camelize; + exports.capitalize = capitalize; + exports.cloneVNode = cloneVNode; + exports.compatUtils = compatUtils; + exports.compile = compileToFunction; + exports.computed = computed; + exports.createApp = createApp; + exports.createBlock = createBlock; + exports.createCommentVNode = createCommentVNode; + exports.createElementBlock = createElementBlock; + exports.createElementVNode = createBaseVNode; + exports.createHydrationRenderer = createHydrationRenderer; + exports.createRenderer = createRenderer; + exports.createSSRApp = createSSRApp; + exports.createSlots = createSlots; + exports.createStaticVNode = createStaticVNode; + exports.createTextVNode = createTextVNode; + exports.createVNode = createVNode; + exports.customRef = customRef; + exports.defineAsyncComponent = defineAsyncComponent; + exports.defineComponent = defineComponent; + exports.defineCustomElement = defineCustomElement; + exports.defineEmits = defineEmits; + exports.defineExpose = defineExpose; + exports.defineProps = defineProps; + exports.defineSSRCustomElement = defineSSRCustomElement; + exports.effect = effect; + exports.effectScope = effectScope; + exports.getCurrentInstance = getCurrentInstance; + exports.getCurrentScope = getCurrentScope; + exports.getTransitionRawChildren = getTransitionRawChildren; + exports.guardReactiveProps = guardReactiveProps; + exports.h = h; + exports.handleError = handleError; + exports.hydrate = hydrate; + exports.initCustomFormatter = initCustomFormatter; + exports.inject = inject; + exports.isMemoSame = isMemoSame; + exports.isProxy = isProxy; + exports.isReactive = isReactive; + exports.isReadonly = isReadonly; + exports.isRef = isRef; + exports.isRuntimeOnly = isRuntimeOnly; + exports.isVNode = isVNode; + exports.markRaw = markRaw; + exports.mergeDefaults = mergeDefaults; + exports.mergeProps = mergeProps; + exports.nextTick = nextTick; + exports.normalizeClass = normalizeClass; + exports.normalizeProps = normalizeProps; + exports.normalizeStyle = normalizeStyle; + exports.onActivated = onActivated; + exports.onBeforeMount = onBeforeMount; + exports.onBeforeUnmount = onBeforeUnmount; + exports.onBeforeUpdate = onBeforeUpdate; + exports.onDeactivated = onDeactivated; + exports.onErrorCaptured = onErrorCaptured; + exports.onMounted = onMounted; + exports.onRenderTracked = onRenderTracked; + exports.onRenderTriggered = onRenderTriggered; + exports.onScopeDispose = onScopeDispose; + exports.onServerPrefetch = onServerPrefetch; + exports.onUnmounted = onUnmounted; + exports.onUpdated = onUpdated; + exports.openBlock = openBlock; + exports.popScopeId = popScopeId; + exports.provide = provide; + exports.proxyRefs = proxyRefs; + exports.pushScopeId = pushScopeId; + exports.queuePostFlushCb = queuePostFlushCb; + exports.reactive = reactive; + exports.readonly = readonly; + exports.ref = ref; + exports.registerRuntimeCompiler = registerRuntimeCompiler; + exports.render = render; + exports.renderList = renderList; + exports.renderSlot = renderSlot; + exports.resolveComponent = resolveComponent; + exports.resolveDirective = resolveDirective; + exports.resolveDynamicComponent = resolveDynamicComponent; + exports.resolveFilter = resolveFilter; + exports.resolveTransitionHooks = resolveTransitionHooks; + exports.setBlockTracking = setBlockTracking; + exports.setDevtoolsHook = setDevtoolsHook; + exports.setTransitionHooks = setTransitionHooks; + exports.shallowReactive = shallowReactive; + exports.shallowReadonly = shallowReadonly; + exports.shallowRef = shallowRef; + exports.ssrContextKey = ssrContextKey; + exports.ssrUtils = ssrUtils; + exports.stop = stop; + exports.toDisplayString = toDisplayString; + exports.toHandlerKey = toHandlerKey; + exports.toHandlers = toHandlers; + exports.toRaw = toRaw; + exports.toRef = toRef; + exports.toRefs = toRefs; + exports.transformVNodeArgs = transformVNodeArgs; + exports.triggerRef = triggerRef; + exports.unref = unref; + exports.useAttrs = useAttrs; + exports.useCssModule = useCssModule; + exports.useCssVars = useCssVars; + exports.useSSRContext = useSSRContext; + exports.useSlots = useSlots; + exports.useTransitionState = useTransitionState; + exports.vModelCheckbox = vModelCheckbox; + exports.vModelDynamic = vModelDynamic; + exports.vModelRadio = vModelRadio; + exports.vModelSelect = vModelSelect; + exports.vModelText = vModelText; + exports.vShow = vShow; + exports.version = version; + exports.warn = warn$1; + exports.watch = watch; + exports.watchEffect = watchEffect; + exports.watchPostEffect = watchPostEffect; + exports.watchSyncEffect = watchSyncEffect; + exports.withAsyncContext = withAsyncContext; + exports.withCtx = withCtx; + exports.withDefaults = withDefaults; + exports.withDirectives = withDirectives; + exports.withKeys = withKeys; + exports.withMemo = withMemo; + exports.withModifiers = withModifiers; + exports.withScopeId = withScopeId; + + Object.defineProperty(exports, '__esModule', { value: true }); + + return exports; + +}({})); diff --git a/node_modules/vue/dist/vue.global.prod.js b/node_modules/vue/dist/vue.global.prod.js new file mode 100644 index 0000000000..f5a0b769a2 --- /dev/null +++ b/node_modules/vue/dist/vue.global.prod.js @@ -0,0 +1 @@ +var Vue=function(e){"use strict";function t(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r<o.length;r++)n[o[r]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const n=t("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),o=t("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function r(e){return!!e||""===e}function s(e){if(N(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=A(o)?c(o):s(o);if(r)for(const e in r)t[e]=r[e]}return t}return A(e)||O(e)?e:void 0}const i=/;(?![^(]*\))/g,l=/:(.+)/;function c(e){const t={};return e.split(i).forEach((e=>{if(e){const n=e.split(l);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function a(e){let t="";if(A(e))t=e;else if(N(e))for(let n=0;n<e.length;n++){const o=a(e[n]);o&&(t+=o+" ")}else if(O(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const u=t("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"),p=t("svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"),f=t("area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr");function d(e,t){if(e===t)return!0;let n=R(e),o=R(t);if(n||o)return!(!n||!o)&&e.getTime()===t.getTime();if(n=N(e),o=N(t),n||o)return!(!n||!o)&&function(e,t){if(e.length!==t.length)return!1;let n=!0;for(let o=0;n&&o<e.length;o++)n=d(e[o],t[o]);return n}(e,t);if(n=O(e),o=O(t),n||o){if(!n||!o)return!1;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e){const o=e.hasOwnProperty(n),r=t.hasOwnProperty(n);if(o&&!r||!o&&r||!d(e[n],t[n]))return!1}}return String(e)===String(t)}function h(e,t){return e.findIndex((e=>d(e,t)))}const m=(e,t)=>t&&t.__v_isRef?m(e,t.value):E(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:$(t)?{[`Set(${t.size})`]:[...t.values()]}:!O(t)||N(t)||B(t)?t:String(t),g={},v=[],y=()=>{},b=()=>!1,_=/^on[^a-z]/,S=e=>_.test(e),x=e=>e.startsWith("onUpdate:"),C=Object.assign,w=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},k=Object.prototype.hasOwnProperty,T=(e,t)=>k.call(e,t),N=Array.isArray,E=e=>"[object Map]"===V(e),$=e=>"[object Set]"===V(e),R=e=>e instanceof Date,F=e=>"function"==typeof e,A=e=>"string"==typeof e,M=e=>"symbol"==typeof e,O=e=>null!==e&&"object"==typeof e,P=e=>O(e)&&F(e.then)&&F(e.catch),I=Object.prototype.toString,V=e=>I.call(e),B=e=>"[object Object]"===V(e),L=e=>A(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,j=t(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),U=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},H=/-(\w)/g,D=U((e=>e.replace(H,((e,t)=>t?t.toUpperCase():"")))),W=/\B([A-Z])/g,z=U((e=>e.replace(W,"-$1").toLowerCase())),K=U((e=>e.charAt(0).toUpperCase()+e.slice(1))),G=U((e=>e?`on${K(e)}`:"")),q=(e,t)=>!Object.is(e,t),J=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},Z=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Q=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let X;const Y=[];class ee{constructor(e=!1){this.active=!0,this.effects=[],this.cleanups=[],!e&&X&&(this.parent=X,this.index=(X.scopes||(X.scopes=[])).push(this)-1)}run(e){if(this.active)try{return this.on(),e()}finally{this.off()}}on(){this.active&&(Y.push(this),X=this)}off(){this.active&&(Y.pop(),X=Y[Y.length-1])}stop(e){if(this.active){if(this.effects.forEach((e=>e.stop())),this.cleanups.forEach((e=>e())),this.scopes&&this.scopes.forEach((e=>e.stop(!0))),this.parent&&!e){const e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.active=!1}}}function te(e,t){(t=t||X)&&t.active&&t.effects.push(e)}const ne=e=>{const t=new Set(e);return t.w=0,t.n=0,t},oe=e=>(e.w&le)>0,re=e=>(e.n&le)>0,se=new WeakMap;let ie=0,le=1;const ce=[];let ae;const ue=Symbol(""),pe=Symbol("");class fe{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],te(this,n)}run(){if(!this.active)return this.fn();if(!ce.includes(this))try{return ce.push(ae=this),me.push(he),he=!0,le=1<<++ie,ie<=30?(({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=le})(this):de(this),this.fn()}finally{ie<=30&&(e=>{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o<t.length;o++){const r=t[o];oe(r)&&!re(r)?r.delete(e):t[n++]=r,r.w&=~le,r.n&=~le}t.length=n}})(this),le=1<<--ie,ve(),ce.pop();const e=ce.length;ae=e>0?ce[e-1]:void 0}}stop(){this.active&&(de(this),this.onStop&&this.onStop(),this.active=!1)}}function de(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let he=!0;const me=[];function ge(){me.push(he),he=!1}function ve(){const e=me.pop();he=void 0===e||e}function ye(e,t,n){if(!be())return;let o=se.get(e);o||se.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=ne()),_e(r)}function be(){return he&&void 0!==ae}function _e(e,t){let n=!1;ie<=30?re(e)||(e.n|=le,n=!oe(e)):n=!e.has(ae),n&&(e.add(ae),ae.deps.push(e))}function Se(e,t,n,o,r,s){const i=se.get(e);if(!i)return;let l=[];if("clear"===t)l=[...i.values()];else if("length"===n&&N(e))i.forEach(((e,t)=>{("length"===t||t>=o)&&l.push(e)}));else switch(void 0!==n&&l.push(i.get(n)),t){case"add":N(e)?L(n)&&l.push(i.get("length")):(l.push(i.get(ue)),E(e)&&l.push(i.get(pe)));break;case"delete":N(e)||(l.push(i.get(ue)),E(e)&&l.push(i.get(pe)));break;case"set":E(e)&&l.push(i.get(ue))}if(1===l.length)l[0]&&xe(l[0]);else{const e=[];for(const t of l)t&&e.push(...t);xe(ne(e))}}function xe(e,t){for(const n of N(e)?e:[...e])(n!==ae||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}const Ce=t("__proto__,__v_isRef,__isVue"),we=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(M)),ke=Fe(),Te=Fe(!1,!0),Ne=Fe(!0),Ee=Fe(!0,!0),$e=Re();function Re(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=bt(this);for(let t=0,r=this.length;t<r;t++)ye(n,0,t+"");const o=n[t](...e);return-1===o||!1===o?n[t](...e.map(bt)):o}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){ge();const n=bt(this)[t].apply(this,e);return ve(),n}})),e}function Fe(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?t?ut:at:t?ct:lt).get(n))return n;const s=N(n);if(!e&&s&&T($e,o))return Reflect.get($e,o,r);const i=Reflect.get(n,o,r);if(M(o)?we.has(o):Ce(o))return i;if(e||ye(n,0,o),t)return i;if(wt(i)){return!s||!L(o)?i.value:i}return O(i)?e?ht(i):ft(i):i}}function Ae(e=!1){return function(t,n,o,r){let s=t[n];if(!e&&(o=bt(o),s=bt(s),!N(t)&&wt(s)&&!wt(o)))return s.value=o,!0;const i=N(t)&&L(n)?Number(n)<t.length:T(t,n),l=Reflect.set(t,n,o,r);return t===bt(r)&&(i?q(o,s)&&Se(t,"set",n,o):Se(t,"add",n,o)),l}}const Me={get:ke,set:Ae(),deleteProperty:function(e,t){const n=T(e,t),o=Reflect.deleteProperty(e,t);return o&&n&&Se(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return M(t)&&we.has(t)||ye(e,0,t),n},ownKeys:function(e){return ye(e,0,N(e)?"length":ue),Reflect.ownKeys(e)}},Oe={get:Ne,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Pe=C({},Me,{get:Te,set:Ae(!0)}),Ie=C({},Oe,{get:Ee}),Ve=e=>O(e)?ft(e):e,Be=e=>O(e)?ht(e):e,Le=e=>e,je=e=>Reflect.getPrototypeOf(e);function Ue(e,t,n=!1,o=!1){const r=bt(e=e.__v_raw),s=bt(t);t!==s&&!n&&ye(r,0,t),!n&&ye(r,0,s);const{has:i}=je(r),l=o?Le:n?Be:Ve;return i.call(r,t)?l(e.get(t)):i.call(r,s)?l(e.get(s)):void(e!==r&&e.get(t))}function He(e,t=!1){const n=this.__v_raw,o=bt(n),r=bt(e);return e!==r&&!t&&ye(o,0,e),!t&&ye(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function De(e,t=!1){return e=e.__v_raw,!t&&ye(bt(e),0,ue),Reflect.get(e,"size",e)}function We(e){e=bt(e);const t=bt(this);return je(t).has.call(t,e)||(t.add(e),Se(t,"add",e,e)),this}function ze(e,t){t=bt(t);const n=bt(this),{has:o,get:r}=je(n);let s=o.call(n,e);s||(e=bt(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?q(t,i)&&Se(n,"set",e,t):Se(n,"add",e,t),this}function Ke(e){const t=bt(this),{has:n,get:o}=je(t);let r=n.call(t,e);r||(e=bt(e),r=n.call(t,e)),o&&o.call(t,e);const s=t.delete(e);return r&&Se(t,"delete",e,void 0),s}function Ge(){const e=bt(this),t=0!==e.size,n=e.clear();return t&&Se(e,"clear",void 0,void 0),n}function qe(e,t){return function(n,o){const r=this,s=r.__v_raw,i=bt(s),l=t?Le:e?Be:Ve;return!e&&ye(i,0,ue),s.forEach(((e,t)=>n.call(o,l(e),l(t),r)))}}function Je(e,t,n){return function(...o){const r=this.__v_raw,s=bt(r),i=E(s),l="entries"===e||e===Symbol.iterator&&i,c="keys"===e&&i,a=r[e](...o),u=n?Le:t?Be:Ve;return!t&&ye(s,0,c?pe:ue),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:l?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Ze(e){return function(...t){return"delete"!==e&&this}}function Qe(){const e={get(e){return Ue(this,e)},get size(){return De(this)},has:He,add:We,set:ze,delete:Ke,clear:Ge,forEach:qe(!1,!1)},t={get(e){return Ue(this,e,!1,!0)},get size(){return De(this)},has:He,add:We,set:ze,delete:Ke,clear:Ge,forEach:qe(!1,!0)},n={get(e){return Ue(this,e,!0)},get size(){return De(this,!0)},has(e){return He.call(this,e,!0)},add:Ze("add"),set:Ze("set"),delete:Ze("delete"),clear:Ze("clear"),forEach:qe(!0,!1)},o={get(e){return Ue(this,e,!0,!0)},get size(){return De(this,!0)},has(e){return He.call(this,e,!0)},add:Ze("add"),set:Ze("set"),delete:Ze("delete"),clear:Ze("clear"),forEach:qe(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((r=>{e[r]=Je(r,!1,!1),n[r]=Je(r,!0,!1),t[r]=Je(r,!1,!0),o[r]=Je(r,!0,!0)})),[e,n,t,o]}const[Xe,Ye,et,tt]=Qe();function nt(e,t){const n=t?e?tt:et:e?Ye:Xe;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(T(n,o)&&o in t?n:t,o,r)}const ot={get:nt(!1,!1)},rt={get:nt(!1,!0)},st={get:nt(!0,!1)},it={get:nt(!0,!0)},lt=new WeakMap,ct=new WeakMap,at=new WeakMap,ut=new WeakMap;function pt(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>V(e).slice(8,-1))(e))}function ft(e){return e&&e.__v_isReadonly?e:mt(e,!1,Me,ot,lt)}function dt(e){return mt(e,!1,Pe,rt,ct)}function ht(e){return mt(e,!0,Oe,st,at)}function mt(e,t,n,o,r){if(!O(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=r.get(e);if(s)return s;const i=pt(e);if(0===i)return e;const l=new Proxy(e,2===i?o:n);return r.set(e,l),l}function gt(e){return vt(e)?gt(e.__v_raw):!(!e||!e.__v_isReactive)}function vt(e){return!(!e||!e.__v_isReadonly)}function yt(e){return gt(e)||vt(e)}function bt(e){const t=e&&e.__v_raw;return t?bt(t):e}function _t(e){return Z(e,"__v_skip",!0),e}function St(e){be()&&((e=bt(e)).dep||(e.dep=ne()),_e(e.dep))}function xt(e,t){(e=bt(e)).dep&&xe(e.dep)}const Ct=e=>O(e)?ft(e):e;function wt(e){return Boolean(e&&!0===e.__v_isRef)}function kt(e){return Nt(e,!1)}class Tt{constructor(e,t){this._shallow=t,this.dep=void 0,this.__v_isRef=!0,this._rawValue=t?e:bt(e),this._value=t?e:Ct(e)}get value(){return St(this),this._value}set value(e){e=this._shallow?e:bt(e),q(e,this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:Ct(e),xt(this))}}function Nt(e,t){return wt(e)?e:new Tt(e,t)}function Et(e){return wt(e)?e.value:e}const $t={get:(e,t,n)=>Et(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return wt(r)&&!wt(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Rt(e){return gt(e)?e:new Proxy(e,$t)}class Ft{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:t,set:n}=e((()=>St(this)),(()=>xt(this)));this._get=t,this._set=n}get value(){return this._get()}set value(e){this._set(e)}}class At{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}function Mt(e,t){const n=e[t];return wt(n)?n:new At(e,t)}class Ot{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new fe(e,(()=>{this._dirty||(this._dirty=!0,xt(this))})),this.__v_isReadonly=n}get value(){const e=bt(this);return St(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function Pt(e,t){let n,o;F(e)?(n=e,o=y):(n=e.get,o=e.set);return new Ot(n,o,F(e)||!e.set)}function It(e,t,...n){const o=e.vnode.props||g;let r=n;const s=t.startsWith("update:"),i=s&&t.slice(7);if(i&&i in o){const e=`${"modelValue"===i?"model":i}Modifiers`,{number:t,trim:s}=o[e]||g;s?r=n.map((e=>e.trim())):t&&(r=n.map(Q))}let l,c=o[l=G(t)]||o[l=G(D(t))];!c&&s&&(c=o[l=G(z(t))]),c&&Fr(c,e,6,r);const a=o[l+"Once"];if(a){if(e.emitted){if(e.emitted[l])return}else e.emitted={};e.emitted[l]=!0,Fr(a,e,6,r)}}function Vt(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(void 0!==r)return r;const s=e.emits;let i={},l=!1;if(!F(e)){const o=e=>{const n=Vt(e,t,!0);n&&(l=!0,C(i,n))};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}return s||l?(N(s)?s.forEach((e=>i[e]=null)):C(i,s),o.set(e,i),i):(o.set(e,null),null)}function Bt(e,t){return!(!e||!S(t))&&(t=t.slice(2).replace(/Once$/,""),T(e,t[0].toLowerCase()+t.slice(1))||T(e,z(t))||T(e,t))}let Lt=null,jt=null;function Ut(e){const t=Lt;return Lt=e,jt=e&&e.type.__scopeId||null,t}function Ht(e,t=Lt,n){if(!t)return e;if(e._n)return e;const o=(...n)=>{o._d&&jo(-1);const r=Ut(t),s=e(...n);return Ut(r),o._d&&jo(1),s};return o._n=!0,o._c=!0,o._d=!0,o}function Dt(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:s,propsOptions:[i],slots:l,attrs:c,emit:a,render:u,renderCache:p,data:f,setupState:d,ctx:h,inheritAttrs:m}=e;let g;const v=Ut(e);try{let e;if(4&n.shapeFlag){const t=r||o;g=Yo(u.call(t,t,p,s,d,f,h)),e=c}else{const n=t;0,g=Yo(n(s,n.length>1?{attrs:c,slots:l,emit:a}:null)),e=t.props?c:zt(c)}let v=g;if(e&&!1!==m){const t=Object.keys(e),{shapeFlag:n}=v;t.length&&7&n&&(i&&t.some(x)&&(e=Kt(e,i)),v=Qo(v,e))}0,n.dirs&&(v.dirs=v.dirs?v.dirs.concat(n.dirs):n.dirs),n.transition&&(v.transition=n.transition),g=v}catch(y){Po.length=0,Ar(y,e,1),g=Jo(Mo)}return Ut(v),g}function Wt(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!Do(o))return;if(o.type!==Mo||"v-if"===o.children){if(t)return;t=o}}return t}const zt=e=>{let t;for(const n in e)("class"===n||"style"===n||S(n))&&((t||(t={}))[n]=e[n]);return t},Kt=(e,t)=>{const n={};for(const o in e)x(o)&&o.slice(9)in t||(n[o]=e[o]);return n};function Gt(e,t,n){const o=Object.keys(t);if(o.length!==Object.keys(e).length)return!0;for(let r=0;r<o.length;r++){const s=o[r];if(t[s]!==e[s]&&!Bt(n,s))return!0}return!1}function qt({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const Jt={name:"Suspense",__isSuspense:!0,process(e,t,n,o,r,s,i,l,c,a){null==e?function(e,t,n,o,r,s,i,l,c){const{p:a,o:{createElement:u}}=c,p=u("div"),f=e.suspense=Qt(e,r,o,t,p,n,s,i,l,c);a(null,f.pendingBranch=e.ssContent,p,null,o,f,s,i),f.deps>0?(Zt(e,"onPending"),Zt(e,"onFallback"),a(null,e.ssFallback,t,n,o,null,s,i),en(f,e.ssFallback)):f.resolve()}(t,n,o,r,s,i,l,c,a):function(e,t,n,o,r,s,i,l,{p:c,um:a,o:{createElement:u}}){const p=t.suspense=e.suspense;p.vnode=t,t.el=e.el;const f=t.ssContent,d=t.ssFallback,{activeBranch:h,pendingBranch:m,isInFallback:g,isHydrating:v}=p;if(m)p.pendingBranch=f,Wo(f,m)?(c(m,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0?p.resolve():g&&(c(h,d,n,o,r,null,s,i,l),en(p,d))):(p.pendingId++,v?(p.isHydrating=!1,p.activeBranch=m):a(m,r,p),p.deps=0,p.effects.length=0,p.hiddenContainer=u("div"),g?(c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0?p.resolve():(c(h,d,n,o,r,null,s,i,l),en(p,d))):h&&Wo(f,h)?(c(h,f,n,o,r,p,s,i,l),p.resolve(!0)):(c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0&&p.resolve()));else if(h&&Wo(f,h))c(h,f,n,o,r,p,s,i,l),en(p,f);else if(Zt(t,"onPending"),p.pendingBranch=f,p.pendingId++,c(null,f,p.hiddenContainer,null,r,p,s,i,l),p.deps<=0)p.resolve();else{const{timeout:e,pendingId:t}=p;e>0?setTimeout((()=>{p.pendingId===t&&p.fallback(d)}),e):0===e&&p.fallback(d)}}(e,t,n,o,r,i,l,c,a)},hydrate:function(e,t,n,o,r,s,i,l,c){const a=t.suspense=Qt(t,o,n,e.parentNode,document.createElement("div"),null,r,s,i,l,!0),u=c(e,a.pendingBranch=t.ssContent,n,a,s,i);0===a.deps&&a.resolve();return u},create:Qt,normalize:function(e){const{shapeFlag:t,children:n}=e,o=32&t;e.ssContent=Xt(o?n.default:n),e.ssFallback=o?Xt(n.fallback):Jo(Comment)}};function Zt(e,t){const n=e.props&&e.props[t];F(n)&&n()}function Qt(e,t,n,o,r,s,i,l,c,a,u=!1){const{p:p,m:f,um:d,n:h,o:{parentNode:m,remove:g}}=a,v=Q(e.props&&e.props.timeout),y={vnode:e,parent:t,parentComponent:n,isSVG:i,container:o,hiddenContainer:r,anchor:s,deps:0,pendingId:0,timeout:"number"==typeof v?v:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:u,isUnmounted:!1,effects:[],resolve(e=!1){const{vnode:t,activeBranch:n,pendingBranch:o,pendingId:r,effects:s,parentComponent:i,container:l}=y;if(y.isHydrating)y.isHydrating=!1;else if(!e){const e=n&&o.transition&&"out-in"===o.transition.mode;e&&(n.transition.afterLeave=()=>{r===y.pendingId&&f(o,l,t,0)});let{anchor:t}=y;n&&(t=h(n),d(n,i,y,!0)),e||f(o,l,t,0)}en(y,o),y.pendingBranch=null,y.isInFallback=!1;let c=y.parent,a=!1;for(;c;){if(c.pendingBranch){c.effects.push(...s),a=!0;break}c=c.parent}a||Zr(s),y.effects=[],Zt(t,"onResolve")},fallback(e){if(!y.pendingBranch)return;const{vnode:t,activeBranch:n,parentComponent:o,container:r,isSVG:s}=y;Zt(t,"onFallback");const i=h(n),a=()=>{y.isInFallback&&(p(null,e,r,i,o,null,s,l,c),en(y,e))},u=e.transition&&"out-in"===e.transition.mode;u&&(n.transition.afterLeave=a),y.isInFallback=!0,d(n,o,null,!0),u||a()},move(e,t,n){y.activeBranch&&f(y.activeBranch,e,t,n),y.container=e},next:()=>y.activeBranch&&h(y.activeBranch),registerDep(e,t){const n=!!y.pendingBranch;n&&y.deps++;const o=e.vnode.el;e.asyncDep.catch((t=>{Ar(t,e,0)})).then((r=>{if(e.isUnmounted||y.isUnmounted||y.pendingId!==e.suspenseId)return;e.asyncResolved=!0;const{vnode:s}=e;yr(e,r),o&&(s.el=o);const l=!o&&e.subTree.el;t(e,s,m(o||e.subTree.el),o?null:h(e.subTree),y,i,c),l&&g(l),qt(e,s.el),n&&0==--y.deps&&y.resolve()}))},unmount(e,t){y.isUnmounted=!0,y.activeBranch&&d(y.activeBranch,n,e,t),y.pendingBranch&&d(y.pendingBranch,n,e,t)}};return y}function Xt(e){let t;if(F(e)){const n=e._c;n&&(e._d=!1,Vo()),e=e(),n&&(e._d=!0,t=Io,Bo())}if(N(e)){const t=Wt(e);e=t}return e=Yo(e),t&&!e.dynamicChildren&&(e.dynamicChildren=t.filter((t=>t!==e))),e}function Yt(e,t){t&&t.pendingBranch?N(e)?t.effects.push(...e):t.effects.push(e):Zr(e)}function en(e,t){e.activeBranch=t;const{vnode:n,parentComponent:o}=e,r=n.el=t.el;o&&o.subTree===n&&(o.vnode.el=r,qt(o,r))}function tn(e,t){if(ur){let n=ur.provides;const o=ur.parent&&ur.parent.provides;o===n&&(n=ur.provides=Object.create(o)),n[e]=t}else;}function nn(e,t,n=!1){const o=ur||Lt;if(o){const r=null==o.parent?o.vnode.appContext&&o.vnode.appContext.provides:o.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&F(t)?t.call(o.proxy):t}}function on(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return En((()=>{e.isMounted=!0})),Fn((()=>{e.isUnmounting=!0})),e}const rn=[Function,Array],sn={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:rn,onEnter:rn,onAfterEnter:rn,onEnterCancelled:rn,onBeforeLeave:rn,onLeave:rn,onAfterLeave:rn,onLeaveCancelled:rn,onBeforeAppear:rn,onAppear:rn,onAfterAppear:rn,onAppearCancelled:rn},setup(e,{slots:t}){const n=pr(),o=on();let r;return()=>{const s=t.default&&fn(t.default(),!0);if(!s||!s.length)return;const i=bt(e),{mode:l}=i,c=s[0];if(o.isLeaving)return an(c);const a=un(c);if(!a)return an(c);const u=cn(a,i,o,n);pn(a,u);const p=n.subTree,f=p&&un(p);let d=!1;const{getTransitionKey:h}=a.type;if(h){const e=h();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(f&&f.type!==Mo&&(!Wo(a,f)||d)){const e=cn(f,i,o,n);if(pn(f,e),"out-in"===l)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},an(c);"in-out"===l&&a.type!==Mo&&(e.delayLeave=(e,t,n)=>{ln(o,f)[String(f.key)]=f,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return c}}};function ln(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function cn(e,t,n,o){const{appear:r,mode:s,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:p,onLeave:f,onAfterLeave:d,onLeaveCancelled:h,onBeforeAppear:m,onAppear:g,onAfterAppear:v,onAppearCancelled:y}=t,b=String(e.key),_=ln(n,e),S=(e,t)=>{e&&Fr(e,o,9,t)},x={mode:s,persisted:i,beforeEnter(t){let o=l;if(!n.isMounted){if(!r)return;o=m||l}t._leaveCb&&t._leaveCb(!0);const s=_[b];s&&Wo(e,s)&&s.el._leaveCb&&s.el._leaveCb(),S(o,[t])},enter(e){let t=c,o=a,s=u;if(!n.isMounted){if(!r)return;t=g||c,o=v||a,s=y||u}let i=!1;const l=e._enterCb=t=>{i||(i=!0,S(t?s:o,[e]),x.delayedLeave&&x.delayedLeave(),e._enterCb=void 0)};t?(t(e,l),t.length<=1&&l()):l()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();S(p,[t]);let s=!1;const i=t._leaveCb=n=>{s||(s=!0,o(),S(n?h:d,[t]),t._leaveCb=void 0,_[r]===e&&delete _[r])};_[r]=e,f?(f(t,i),f.length<=1&&i()):i()},clone:e=>cn(e,t,n,o)};return x}function an(e){if(gn(e))return(e=Qo(e)).children=null,e}function un(e){return gn(e)?e.children?e.children[0]:void 0:e}function pn(e,t){6&e.shapeFlag&&e.component?pn(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function fn(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===Fo?(128&s.patchFlag&&o++,n=n.concat(fn(s.children,t))):(t||s.type!==Mo)&&n.push(s)}if(o>1)for(let r=0;r<n.length;r++)n[r].patchFlag=-2;return n}function dn(e){return F(e)?{setup:e,name:e.name}:e}const hn=e=>!!e.type.__asyncLoader;function mn(e,{vnode:{ref:t,props:n,children:o}}){const r=Jo(e,n,o);return r.ref=t,r}const gn=e=>e.type.__isKeepAlive,vn={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(e,{slots:t}){const n=pr(),o=n.ctx;if(!o.renderer)return t.default;const r=new Map,s=new Set;let i=null;const l=n.suspense,{renderer:{p:c,m:a,um:u,o:{createElement:p}}}=o,f=p("div");function d(e){Cn(e),u(e,n,l)}function h(e){r.forEach(((t,n)=>{const o=wr(t.type);!o||e&&e(o)||m(n)}))}function m(e){const t=r.get(e);i&&t.type===i.type?i&&Cn(i):d(t),r.delete(e),s.delete(e)}o.activate=(e,t,n,o,r)=>{const s=e.component;a(e,t,n,0,l),c(s.vnode,e,t,n,s,l,o,e.slotScopeIds,r),mo((()=>{s.isDeactivated=!1,s.a&&J(s.a);const t=e.props&&e.props.onVnodeMounted;t&&_o(t,s.parent,e)}),l)},o.deactivate=e=>{const t=e.component;a(e,f,null,1,l),mo((()=>{t.da&&J(t.da);const n=e.props&&e.props.onVnodeUnmounted;n&&_o(n,t.parent,e),t.isDeactivated=!0}),l)},os((()=>[e.include,e.exclude]),(([e,t])=>{e&&h((t=>yn(e,t))),t&&h((e=>!yn(t,e)))}),{flush:"post",deep:!0});let g=null;const v=()=>{null!=g&&r.set(g,wn(n.subTree))};return En(v),Rn(v),Fn((()=>{r.forEach((e=>{const{subTree:t,suspense:o}=n,r=wn(t);if(e.type!==r.type)d(e);else{Cn(r);const e=r.component.da;e&&mo(e,o)}}))})),()=>{if(g=null,!t.default)return null;const n=t.default(),o=n[0];if(n.length>1)return i=null,n;if(!(Do(o)&&(4&o.shapeFlag||128&o.shapeFlag)))return i=null,o;let l=wn(o);const c=l.type,a=wr(hn(l)?l.type.__asyncResolved||{}:c),{include:u,exclude:p,max:f}=e;if(u&&(!a||!yn(u,a))||p&&a&&yn(p,a))return i=l,o;const d=null==l.key?c:l.key,h=r.get(d);return l.el&&(l=Qo(l),128&o.shapeFlag&&(o.ssContent=l)),g=d,h?(l.el=h.el,l.component=h.component,l.transition&&pn(l,l.transition),l.shapeFlag|=512,s.delete(d),s.add(d)):(s.add(d),f&&s.size>parseInt(f,10)&&m(s.values().next().value)),l.shapeFlag|=256,i=l,o}}};function yn(e,t){return N(e)?e.some((e=>yn(e,t))):A(e)?e.split(",").indexOf(t)>-1:!!e.test&&e.test(t)}function bn(e,t){Sn(e,"a",t)}function _n(e,t){Sn(e,"da",t)}function Sn(e,t,n=ur){const o=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(kn(t,o,n),n){let e=n.parent;for(;e&&e.parent;)gn(e.parent.vnode)&&xn(o,t,n,e),e=e.parent}}function xn(e,t,n,o){const r=kn(t,e,o,!0);An((()=>{w(o[t],r)}),n)}function Cn(e){let t=e.shapeFlag;256&t&&(t-=256),512&t&&(t-=512),e.shapeFlag=t}function wn(e){return 128&e.shapeFlag?e.ssContent:e}function kn(e,t,n=ur,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;ge(),fr(n);const r=Fr(t,n,e,o);return dr(),ve(),r});return o?r.unshift(s):r.push(s),s}}const Tn=e=>(t,n=ur)=>(!vr||"sp"===e)&&kn(e,t,n),Nn=Tn("bm"),En=Tn("m"),$n=Tn("bu"),Rn=Tn("u"),Fn=Tn("bum"),An=Tn("um"),Mn=Tn("sp"),On=Tn("rtg"),Pn=Tn("rtc");function In(e,t=ur){kn("ec",e,t)}let Vn=!0;function Bn(e){const t=Un(e),n=e.proxy,o=e.ctx;Vn=!1,t.beforeCreate&&Ln(t.beforeCreate,e,"bc");const{data:r,computed:s,methods:i,watch:l,provide:c,inject:a,created:u,beforeMount:p,mounted:f,beforeUpdate:d,updated:h,activated:m,deactivated:g,beforeUnmount:v,unmounted:b,render:_,renderTracked:S,renderTriggered:x,errorCaptured:C,serverPrefetch:w,expose:k,inheritAttrs:T,components:E,directives:$}=t;if(a&&function(e,t,n=y,o=!1){N(e)&&(e=zn(e));for(const r in e){const n=e[r];let s;s=O(n)?"default"in n?nn(n.from||r,n.default,!0):nn(n.from||r):nn(n),wt(s)&&o?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:e=>s.value=e}):t[r]=s}}(a,o,null,e.appContext.config.unwrapInjectedRef),i)for(const y in i){const e=i[y];F(e)&&(o[y]=e.bind(n))}if(r){const t=r.call(n,n);O(t)&&(e.data=ft(t))}if(Vn=!0,s)for(const N in s){const e=s[N],t=Pt({get:F(e)?e.bind(n,n):F(e.get)?e.get.bind(n,n):y,set:!F(e)&&F(e.set)?e.set.bind(n):y});Object.defineProperty(o,N,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}if(l)for(const y in l)jn(l[y],o,n,y);if(c){const e=F(c)?c.call(n):c;Reflect.ownKeys(e).forEach((t=>{tn(t,e[t])}))}function R(e,t){N(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(u&&Ln(u,e,"c"),R(Nn,p),R(En,f),R($n,d),R(Rn,h),R(bn,m),R(_n,g),R(In,C),R(Pn,S),R(On,x),R(Fn,v),R(An,b),R(Mn,w),N(k))if(k.length){const t=e.exposed||(e.exposed={});k.forEach((e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});_&&e.render===y&&(e.render=_),null!=T&&(e.inheritAttrs=T),E&&(e.components=E),$&&(e.directives=$)}function Ln(e,t,n){Fr(N(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function jn(e,t,n,o){const r=o.includes(".")?is(n,o):()=>n[o];if(A(e)){const n=t[e];F(n)&&os(r,n)}else if(F(e))os(r,e.bind(n));else if(O(e))if(N(e))e.forEach((e=>jn(e,t,n,o)));else{const o=F(e.handler)?e.handler.bind(n):t[e.handler];F(o)&&os(r,o,e)}}function Un(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:s,config:{optionMergeStrategies:i}}=e.appContext,l=s.get(t);let c;return l?c=l:r.length||n||o?(c={},r.length&&r.forEach((e=>Hn(c,e,i,!0))),Hn(c,t,i)):c=t,s.set(t,c),c}function Hn(e,t,n,o=!1){const{mixins:r,extends:s}=t;s&&Hn(e,s,n,!0),r&&r.forEach((t=>Hn(e,t,n,!0)));for(const i in t)if(o&&"expose"===i);else{const o=Dn[i]||n&&n[i];e[i]=o?o(e[i],t[i]):t[i]}return e}const Dn={data:Wn,props:Gn,emits:Gn,methods:Gn,computed:Gn,beforeCreate:Kn,created:Kn,beforeMount:Kn,mounted:Kn,beforeUpdate:Kn,updated:Kn,beforeDestroy:Kn,destroyed:Kn,activated:Kn,deactivated:Kn,errorCaptured:Kn,serverPrefetch:Kn,components:Gn,directives:Gn,watch:function(e,t){if(!e)return t;if(!t)return e;const n=C(Object.create(null),e);for(const o in t)n[o]=Kn(e[o],t[o]);return n},provide:Wn,inject:function(e,t){return Gn(zn(e),zn(t))}};function Wn(e,t){return t?e?function(){return C(F(e)?e.call(this,this):e,F(t)?t.call(this,this):t)}:t:e}function zn(e){if(N(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function Kn(e,t){return e?[...new Set([].concat(e,t))]:t}function Gn(e,t){return e?C(C(Object.create(null),e),t):t}function qn(e,t,n,o){const[r,s]=e.propsOptions;let i,l=!1;if(t)for(let c in t){if(j(c))continue;const a=t[c];let u;r&&T(r,u=D(c))?s&&s.includes(u)?(i||(i={}))[u]=a:n[u]=a:Bt(e.emitsOptions,c)||a!==o[c]&&(o[c]=a,l=!0)}if(s){const t=bt(n),o=i||g;for(let i=0;i<s.length;i++){const l=s[i];n[l]=Jn(r,t,l,o[l],e,!T(o,l))}}return l}function Jn(e,t,n,o,r,s){const i=e[n];if(null!=i){const e=T(i,"default");if(e&&void 0===o){const e=i.default;if(i.type!==Function&&F(e)){const{propsDefaults:s}=r;n in s?o=s[n]:(fr(r),o=s[n]=e.call(null,t),dr())}else o=e}i[0]&&(s&&!e?o=!1:!i[1]||""!==o&&o!==z(n)||(o=!0))}return o}function Zn(e,t,n=!1){const o=t.propsCache,r=o.get(e);if(r)return r;const s=e.props,i={},l=[];let c=!1;if(!F(e)){const o=e=>{c=!0;const[n,o]=Zn(e,t,!0);C(i,n),o&&l.push(...o)};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}if(!s&&!c)return o.set(e,v),v;if(N(s))for(let u=0;u<s.length;u++){const e=D(s[u]);Qn(e)&&(i[e]=g)}else if(s)for(const u in s){const e=D(u);if(Qn(e)){const t=s[u],n=i[e]=N(t)||F(t)?{type:t}:t;if(n){const t=eo(Boolean,n.type),o=eo(String,n.type);n[0]=t>-1,n[1]=o<0||t<o,(t>-1||T(n,"default"))&&l.push(e)}}}const a=[i,l];return o.set(e,a),a}function Qn(e){return"$"!==e[0]}function Xn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:null===e?"null":""}function Yn(e,t){return Xn(e)===Xn(t)}function eo(e,t){return N(t)?t.findIndex((t=>Yn(t,e))):F(t)&&Yn(t,e)?0:-1}const to=e=>"_"===e[0]||"$stable"===e,no=e=>N(e)?e.map(Yo):[Yo(e)],oo=(e,t,n)=>{const o=Ht(((...e)=>no(t(...e))),n);return o._c=!1,o},ro=(e,t,n)=>{const o=e._ctx;for(const r in e){if(to(r))continue;const n=e[r];if(F(n))t[r]=oo(0,n,o);else if(null!=n){const e=no(n);t[r]=()=>e}}},so=(e,t)=>{const n=no(t);e.slots.default=()=>n};function io(e,t,n,o){const r=e.dirs,s=t&&t.dirs;for(let i=0;i<r.length;i++){const l=r[i];s&&(l.oldValue=s[i].value);let c=l.dir[o];c&&(ge(),Fr(c,n,8,[e.el,l,e,t]),ve())}}function lo(){return{app:null,config:{isNativeTag:b,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let co=0;function ao(e,t){return function(n,o=null){null==o||O(o)||(o=null);const r=lo(),s=new Set;let i=!1;const l=r.app={_uid:co++,_component:n,_props:o,_container:null,_context:r,_instance:null,version:fs,get config(){return r.config},set config(e){},use:(e,...t)=>(s.has(e)||(e&&F(e.install)?(s.add(e),e.install(l,...t)):F(e)&&(s.add(e),e(l,...t))),l),mixin:e=>(r.mixins.includes(e)||r.mixins.push(e),l),component:(e,t)=>t?(r.components[e]=t,l):r.components[e],directive:(e,t)=>t?(r.directives[e]=t,l):r.directives[e],mount(s,c,a){if(!i){const u=Jo(n,o);return u.appContext=r,c&&t?t(u,s):e(u,s,a),i=!0,l._container=s,s.__vue_app__=l,u.component.proxy}},unmount(){i&&(e(null,l._container),delete l._container.__vue_app__)},provide:(e,t)=>(r.provides[e]=t,l)};return l}}let uo=!1;const po=e=>/svg/.test(e.namespaceURI)&&"foreignObject"!==e.tagName,fo=e=>8===e.nodeType;function ho(e){const{mt:t,p:n,o:{patchProp:o,nextSibling:r,parentNode:s,remove:i,insert:l,createComment:c}}=e,a=(n,o,i,l,c,m=!1)=>{const g=fo(n)&&"["===n.data,v=()=>d(n,o,i,l,c,g),{type:y,ref:b,shapeFlag:_}=o,S=n.nodeType;o.el=n;let x=null;switch(y){case Ao:3!==S?x=v():(n.data!==o.children&&(uo=!0,n.data=o.children),x=r(n));break;case Mo:x=8!==S||g?v():r(n);break;case Oo:if(1===S){x=n;const e=!o.children.length;for(let t=0;t<o.staticCount;t++)e&&(o.children+=x.outerHTML),t===o.staticCount-1&&(o.anchor=x),x=r(x);return x}x=v();break;case Fo:x=g?f(n,o,i,l,c,m):v();break;default:if(1&_)x=1!==S||o.type.toLowerCase()!==n.tagName.toLowerCase()?v():u(n,o,i,l,c,m);else if(6&_){o.slotScopeIds=c;const e=s(n);if(t(o,e,null,i,l,po(e),m),x=g?h(n):r(n),hn(o)){let t;g?(t=Jo(Fo),t.anchor=x?x.previousSibling:e.lastChild):t=3===n.nodeType?Xo(""):Jo("div"),t.el=n,o.component.subTree=t}}else 64&_?x=8!==S?v():o.type.hydrate(n,o,i,l,c,m,e,p):128&_&&(x=o.type.hydrate(n,o,i,l,po(s(n)),c,m,e,a))}return null!=b&&bo(b,null,l,o),x},u=(e,t,n,r,s,l)=>{l=l||!!t.dynamicChildren;const{type:c,props:a,patchFlag:u,shapeFlag:f,dirs:d}=t,h="input"===c&&d||"option"===c;if(h||-1!==u){if(d&&io(t,null,n,"created"),a)if(h||!l||48&u)for(const t in a)(h&&t.endsWith("value")||S(t)&&!j(t))&&o(e,t,null,a[t]);else a.onClick&&o(e,"onClick",null,a.onClick);let c;if((c=a&&a.onVnodeBeforeMount)&&_o(c,n,t),d&&io(t,null,n,"beforeMount"),((c=a&&a.onVnodeMounted)||d)&&Yt((()=>{c&&_o(c,n,t),d&&io(t,null,n,"mounted")}),r),16&f&&(!a||!a.innerHTML&&!a.textContent)){let o=p(e.firstChild,t,e,n,r,s,l);for(;o;){uo=!0;const e=o;o=o.nextSibling,i(e)}}else 8&f&&e.textContent!==t.children&&(uo=!0,e.textContent=t.children)}return e.nextSibling},p=(e,t,o,r,s,i,l)=>{l=l||!!t.dynamicChildren;const c=t.children,u=c.length;for(let p=0;p<u;p++){const t=l?c[p]:c[p]=Yo(c[p]);if(e)e=a(e,t,r,s,i,l);else{if(t.type===Ao&&!t.children)continue;uo=!0,n(null,t,o,null,r,s,po(o),i)}}return e},f=(e,t,n,o,i,a)=>{const{slotScopeIds:u}=t;u&&(i=i?i.concat(u):u);const f=s(e),d=p(r(e),t,f,n,o,i,a);return d&&fo(d)&&"]"===d.data?r(t.anchor=d):(uo=!0,l(t.anchor=c("]"),f,d),d)},d=(e,t,o,l,c,a)=>{if(uo=!0,t.el=null,a){const t=h(e);for(;;){const n=r(e);if(!n||n===t)break;i(n)}}const u=r(e),p=s(e);return i(e),n(null,t,p,u,o,l,po(p),c),u},h=e=>{let t=0;for(;e;)if((e=r(e))&&fo(e)&&("["===e.data&&t++,"]"===e.data)){if(0===t)return r(e);t--}return e};return[(e,t)=>{if(!t.hasChildNodes())return n(null,e,t),void Xr();uo=!1,a(t.firstChild,e,null,null,null),Xr(),uo&&console.error("Hydration completed but contains mismatches.")},a]}const mo=Yt;function go(e){return yo(e)}function vo(e){return yo(e,ho)}function yo(e,t){const{insert:n,remove:o,patchProp:r,createElement:s,createText:i,createComment:l,setText:c,setElementText:a,parentNode:u,nextSibling:p,setScopeId:f=y,cloneNode:d,insertStaticContent:h}=e,m=(e,t,n,o=null,r=null,s=null,i=!1,l=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Wo(e,t)&&(o=X(e),W(e,r,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:p}=t;switch(a){case Ao:b(e,t,n,o);break;case Mo:_(e,t,n,o);break;case Oo:null==e&&S(t,n,o,i);break;case Fo:F(e,t,n,o,r,s,i,l,c);break;default:1&p?x(e,t,n,o,r,s,i,l,c):6&p?A(e,t,n,o,r,s,i,l,c):(64&p||128&p)&&a.process(e,t,n,o,r,s,i,l,c,te)}null!=u&&r&&bo(u,e&&e.ref,s,t||e,!t)},b=(e,t,o,r)=>{if(null==e)n(t.el=i(t.children),o,r);else{const n=t.el=e.el;t.children!==e.children&&c(n,t.children)}},_=(e,t,o,r)=>{null==e?n(t.el=l(t.children||""),o,r):t.el=e.el},S=(e,t,n,o)=>{[e.el,e.anchor]=h(e.children,t,n,o)},x=(e,t,n,o,r,s,i,l,c)=>{i=i||"svg"===t.type,null==e?w(t,n,o,r,s,i,l,c):E(e,t,r,s,i,l,c)},w=(e,t,o,i,l,c,u,p)=>{let f,h;const{type:m,props:g,shapeFlag:v,transition:y,patchFlag:b,dirs:_}=e;if(e.el&&void 0!==d&&-1===b)f=e.el=d(e.el);else{if(f=e.el=s(e.type,c,g&&g.is,g),8&v?a(f,e.children):16&v&&N(e.children,f,null,i,l,c&&"foreignObject"!==m,u,p),_&&io(e,null,i,"created"),g){for(const t in g)"value"===t||j(t)||r(f,t,null,g[t],c,e.children,i,l,Q);"value"in g&&r(f,"value",null,g.value),(h=g.onVnodeBeforeMount)&&_o(h,i,e)}k(f,e,e.scopeId,u,i)}_&&io(e,null,i,"beforeMount");const S=(!l||l&&!l.pendingBranch)&&y&&!y.persisted;S&&y.beforeEnter(f),n(f,t,o),((h=g&&g.onVnodeMounted)||S||_)&&mo((()=>{h&&_o(h,i,e),S&&y.enter(f),_&&io(e,null,i,"mounted")}),l)},k=(e,t,n,o,r)=>{if(n&&f(e,n),o)for(let s=0;s<o.length;s++)f(e,o[s]);if(r){if(t===r.subTree){const t=r.vnode;k(e,t,t.scopeId,t.slotScopeIds,r.parent)}}},N=(e,t,n,o,r,s,i,l,c=0)=>{for(let a=c;a<e.length;a++){const c=e[a]=l?er(e[a]):Yo(e[a]);m(null,c,t,n,o,r,s,i,l)}},E=(e,t,n,o,s,i,l)=>{const c=t.el=e.el;let{patchFlag:u,dynamicChildren:p,dirs:f}=t;u|=16&e.patchFlag;const d=e.props||g,h=t.props||g;let m;(m=h.onVnodeBeforeUpdate)&&_o(m,n,t,e),f&&io(t,e,n,"beforeUpdate");const v=s&&"foreignObject"!==t.type;if(p?$(e.dynamicChildren,p,c,n,o,v,i):l||B(e,t,c,null,n,o,v,i,!1),u>0){if(16&u)R(c,t,d,h,n,o,s);else if(2&u&&d.class!==h.class&&r(c,"class",null,h.class,s),4&u&&r(c,"style",d.style,h.style,s),8&u){const i=t.dynamicProps;for(let t=0;t<i.length;t++){const l=i[t],a=d[l],u=h[l];u===a&&"value"!==l||r(c,l,a,u,s,e.children,n,o,Q)}}1&u&&e.children!==t.children&&a(c,t.children)}else l||null!=p||R(c,t,d,h,n,o,s);((m=h.onVnodeUpdated)||f)&&mo((()=>{m&&_o(m,n,t,e),f&&io(t,e,n,"updated")}),o)},$=(e,t,n,o,r,s,i)=>{for(let l=0;l<t.length;l++){const c=e[l],a=t[l],p=c.el&&(c.type===Fo||!Wo(c,a)||70&c.shapeFlag)?u(c.el):n;m(c,a,p,null,o,r,s,i,!0)}},R=(e,t,n,o,s,i,l)=>{if(n!==o){for(const c in o){if(j(c))continue;const a=o[c],u=n[c];a!==u&&"value"!==c&&r(e,c,u,a,l,t.children,s,i,Q)}if(n!==g)for(const c in n)j(c)||c in o||r(e,c,n[c],null,l,t.children,s,i,Q);"value"in o&&r(e,"value",n.value,o.value)}},F=(e,t,o,r,s,l,c,a,u)=>{const p=t.el=e?e.el:i(""),f=t.anchor=e?e.anchor:i("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:m}=t;m&&(a=a?a.concat(m):m),null==e?(n(p,o,r),n(f,o,r),N(t.children,o,f,s,l,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?($(e.dynamicChildren,h,o,s,l,c,a),(null!=t.key||s&&t===s.subTree)&&So(e,t,!0)):B(e,t,o,f,s,l,c,a,u)},A=(e,t,n,o,r,s,i,l,c)=>{t.slotScopeIds=l,null==e?512&t.shapeFlag?r.ctx.activate(t,n,o,i,c):M(t,n,o,r,s,i,c):O(e,t,c)},M=(e,t,n,o,r,s,i)=>{const l=e.component=function(e,t,n){const o=e.type,r=(t?t.appContext:e.appContext)||cr,s={uid:ar++,vnode:e,type:o,parent:t,appContext:r,root:null,next:null,subTree:null,update:null,scope:new ee(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Zn(o,r),emitsOptions:Vt(o,r),emit:null,emitted:null,propsDefaults:g,inheritAttrs:o.inheritAttrs,ctx:g,data:g,props:g,attrs:g,slots:g,refs:g,setupState:g,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};s.ctx={_:s},s.root=t?t.root:s,s.emit=It.bind(null,s),e.ce&&e.ce(s);return s}(e,o,r);if(gn(e)&&(l.ctx.renderer=te),function(e,t=!1){vr=t;const{props:n,children:o}=e.vnode,r=hr(e);(function(e,t,n,o=!1){const r={},s={};Z(s,zo,1),e.propsDefaults=Object.create(null),qn(e,t,r,s);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);e.props=n?o?r:dt(r):e.type.props?r:s,e.attrs=s})(e,n,r,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=bt(t),Z(t,"_",n)):ro(t,e.slots={})}else e.slots={},t&&so(e,t);Z(e.slots,zo,1)})(e,o);const s=r?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=_t(new Proxy(e.ctx,ir));const{setup:o}=n;if(o){const n=e.setupContext=o.length>1?Sr(e):null;fr(e),ge();const r=Rr(o,e,0,[e.props,n]);if(ve(),dr(),P(r)){if(r.then(dr,dr),t)return r.then((t=>{yr(e,t)})).catch((t=>{Ar(t,e,0)}));e.asyncDep=r}else yr(e,r)}else _r(e)}(e,t):void 0;vr=!1}(l),l.asyncDep){if(r&&r.registerDep(l,I),!e.el){const e=l.subTree=Jo(Mo);_(null,e,t,n)}}else I(l,e,t,n,r,s,i)},O=(e,t,n)=>{const o=t.component=e.component;if(function(e,t,n){const{props:o,children:r,component:s}=e,{props:i,children:l,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!r&&!l||l&&l.$stable)||o!==i&&(o?!i||Gt(o,i,a):!!i);if(1024&c)return!0;if(16&c)return o?Gt(o,i,a):!!i;if(8&c){const e=t.dynamicProps;for(let t=0;t<e.length;t++){const n=e[t];if(i[n]!==o[n]&&!Bt(a,n))return!0}}return!1}(e,t,n)){if(o.asyncDep&&!o.asyncResolved)return void V(o,t,n);o.next=t,function(e){const t=Pr.indexOf(e);t>Ir&&Pr.splice(t,1)}(o.update),o.update()}else t.component=e.component,t.el=e.el,o.vnode=t},I=(e,t,n,o,r,s,i)=>{const l=new fe((()=>{if(e.isMounted){let t,{next:n,bu:o,u:c,parent:a,vnode:p}=e,f=n;l.allowRecurse=!1,n?(n.el=p.el,V(e,n,i)):n=p,o&&J(o),(t=n.props&&n.props.onVnodeBeforeUpdate)&&_o(t,a,n,p),l.allowRecurse=!0;const d=Dt(e),h=e.subTree;e.subTree=d,m(h,d,u(h.el),X(h),e,r,s),n.el=d.el,null===f&&qt(e,d.el),c&&mo(c,r),(t=n.props&&n.props.onVnodeUpdated)&&mo((()=>_o(t,a,n,p)),r)}else{let i;const{el:c,props:a}=t,{bm:u,m:p,parent:f}=e,d=hn(t);if(l.allowRecurse=!1,u&&J(u),!d&&(i=a&&a.onVnodeBeforeMount)&&_o(i,f,t),l.allowRecurse=!0,c&&oe){const n=()=>{e.subTree=Dt(e),oe(c,e.subTree,e,r,null)};d?t.type.__asyncLoader().then((()=>!e.isUnmounted&&n())):n()}else{const i=e.subTree=Dt(e);m(null,i,n,o,e,r,s),t.el=i.el}if(p&&mo(p,r),!d&&(i=a&&a.onVnodeMounted)){const e=t;mo((()=>_o(i,f,e)),r)}256&t.shapeFlag&&e.a&&mo(e.a,r),e.isMounted=!0,t=n=o=null}}),(()=>Gr(e.update)),e.scope),c=e.update=l.run.bind(l);c.id=e.uid,l.allowRecurse=c.allowRecurse=!0,c()},V=(e,t,n)=>{t.component=e;const o=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,o){const{props:r,attrs:s,vnode:{patchFlag:i}}=e,l=bt(r),[c]=e.propsOptions;let a=!1;if(!(o||i>0)||16&i){let o;qn(e,t,r,s)&&(a=!0);for(const s in l)t&&(T(t,s)||(o=z(s))!==s&&T(t,o))||(c?!n||void 0===n[s]&&void 0===n[o]||(r[s]=Jn(c,l,s,void 0,e,!0)):delete r[s]);if(s!==l)for(const e in s)t&&T(t,e)||(delete s[e],a=!0)}else if(8&i){const n=e.vnode.dynamicProps;for(let o=0;o<n.length;o++){let i=n[o];const u=t[i];if(c)if(T(s,i))u!==s[i]&&(s[i]=u,a=!0);else{const t=D(i);r[t]=Jn(c,l,t,u,e,!1)}else u!==s[i]&&(s[i]=u,a=!0)}}a&&Se(e,"set","$attrs")}(e,t.props,o,n),((e,t,n)=>{const{vnode:o,slots:r}=e;let s=!0,i=g;if(32&o.shapeFlag){const e=t._;e?n&&1===e?s=!1:(C(r,t),n||1!==e||delete r._):(s=!t.$stable,ro(t,r)),i=t}else t&&(so(e,t),i={default:1});if(s)for(const l in r)to(l)||l in i||delete r[l]})(e,t.children,n),ge(),Qr(void 0,e.update),ve()},B=(e,t,n,o,r,s,i,l,c=!1)=>{const u=e&&e.children,p=e?e.shapeFlag:0,f=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void U(u,f,n,o,r,s,i,l,c);if(256&d)return void L(u,f,n,o,r,s,i,l,c)}8&h?(16&p&&Q(u,r,s),f!==u&&a(n,f)):16&p?16&h?U(u,f,n,o,r,s,i,l,c):Q(u,r,s,!0):(8&p&&a(n,""),16&h&&N(f,n,o,r,s,i,l,c))},L=(e,t,n,o,r,s,i,l,c)=>{const a=(e=e||v).length,u=(t=t||v).length,p=Math.min(a,u);let f;for(f=0;f<p;f++){const o=t[f]=c?er(t[f]):Yo(t[f]);m(e[f],o,n,null,r,s,i,l,c)}a>u?Q(e,r,s,!0,!1,p):N(t,n,o,r,s,i,l,c,p)},U=(e,t,n,o,r,s,i,l,c)=>{let a=0;const u=t.length;let p=e.length-1,f=u-1;for(;a<=p&&a<=f;){const o=e[a],u=t[a]=c?er(t[a]):Yo(t[a]);if(!Wo(o,u))break;m(o,u,n,null,r,s,i,l,c),a++}for(;a<=p&&a<=f;){const o=e[p],a=t[f]=c?er(t[f]):Yo(t[f]);if(!Wo(o,a))break;m(o,a,n,null,r,s,i,l,c),p--,f--}if(a>p){if(a<=f){const e=f+1,p=e<u?t[e].el:o;for(;a<=f;)m(null,t[a]=c?er(t[a]):Yo(t[a]),n,p,r,s,i,l,c),a++}}else if(a>f)for(;a<=p;)W(e[a],r,s,!0),a++;else{const d=a,h=a,g=new Map;for(a=h;a<=f;a++){const e=t[a]=c?er(t[a]):Yo(t[a]);null!=e.key&&g.set(e.key,a)}let y,b=0;const _=f-h+1;let S=!1,x=0;const C=new Array(_);for(a=0;a<_;a++)C[a]=0;for(a=d;a<=p;a++){const o=e[a];if(b>=_){W(o,r,s,!0);continue}let u;if(null!=o.key)u=g.get(o.key);else for(y=h;y<=f;y++)if(0===C[y-h]&&Wo(o,t[y])){u=y;break}void 0===u?W(o,r,s,!0):(C[u-h]=a+1,u>=x?x=u:S=!0,m(o,t[u],n,null,r,s,i,l,c),b++)}const w=S?function(e){const t=e.slice(),n=[0];let o,r,s,i,l;const c=e.length;for(o=0;o<c;o++){const c=e[o];if(0!==c){if(r=n[n.length-1],e[r]<c){t[o]=r,n.push(o);continue}for(s=0,i=n.length-1;s<i;)l=s+i>>1,e[n[l]]<c?s=l+1:i=l;c<e[n[s]]&&(s>0&&(t[o]=n[s-1]),n[s]=o)}}s=n.length,i=n[s-1];for(;s-- >0;)n[s]=i,i=t[i];return n}(C):v;for(y=w.length-1,a=_-1;a>=0;a--){const e=h+a,p=t[e],f=e+1<u?t[e+1].el:o;0===C[a]?m(null,p,n,f,r,s,i,l,c):S&&(y<0||a!==w[y]?H(p,n,f,2):y--)}}},H=(e,t,o,r,s=null)=>{const{el:i,type:l,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void H(e.component.subTree,t,o,r);if(128&u)return void e.suspense.move(t,o,r);if(64&u)return void l.move(e,t,o,te);if(l===Fo){n(i,t,o);for(let e=0;e<a.length;e++)H(a[e],t,o,r);return void n(e.anchor,t,o)}if(l===Oo)return void(({el:e,anchor:t},o,r)=>{let s;for(;e&&e!==t;)s=p(e),n(e,o,r),e=s;n(t,o,r)})(e,t,o);if(2!==r&&1&u&&c)if(0===r)c.beforeEnter(i),n(i,t,o),mo((()=>c.enter(i)),s);else{const{leave:e,delayLeave:r,afterLeave:s}=c,l=()=>n(i,t,o),a=()=>{e(i,(()=>{l(),s&&s()}))};r?r(i,l,a):a()}else n(i,t,o)},W=(e,t,n,o=!1,r=!1)=>{const{type:s,props:i,ref:l,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:p,dirs:f}=e;if(null!=l&&bo(l,null,n,e,!0),256&u)return void t.ctx.deactivate(e);const d=1&u&&f,h=!hn(e);let m;if(h&&(m=i&&i.onVnodeBeforeUnmount)&&_o(m,t,e),6&u)q(e.component,n,o);else{if(128&u)return void e.suspense.unmount(n,o);d&&io(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,r,te,o):a&&(s!==Fo||p>0&&64&p)?Q(a,t,n,!1,!0):(s===Fo&&384&p||!r&&16&u)&&Q(c,t,n),o&&K(e)}(h&&(m=i&&i.onVnodeUnmounted)||d)&&mo((()=>{m&&_o(m,t,e),d&&io(e,null,t,"unmounted")}),n)},K=e=>{const{type:t,el:n,anchor:r,transition:s}=e;if(t===Fo)return void G(n,r);if(t===Oo)return void(({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=p(e),o(e),e=n;o(t)})(e);const i=()=>{o(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:o}=s,r=()=>t(n,i);o?o(e.el,i,r):r()}else i()},G=(e,t)=>{let n;for(;e!==t;)n=p(e),o(e),e=n;o(t)},q=(e,t,n)=>{const{bum:o,scope:r,update:s,subTree:i,um:l}=e;o&&J(o),r.stop(),s&&(s.active=!1,W(i,e,t,n)),l&&mo(l,t),mo((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},Q=(e,t,n,o=!1,r=!1,s=0)=>{for(let i=s;i<e.length;i++)W(e[i],t,n,o,r)},X=e=>6&e.shapeFlag?X(e.component.subTree):128&e.shapeFlag?e.suspense.next():p(e.anchor||e.el),Y=(e,t,n)=>{null==e?t._vnode&&W(t._vnode,null,null,!0):m(t._vnode||null,e,t,null,null,null,n),Xr(),t._vnode=e},te={p:m,um:W,m:H,r:K,mt:M,mc:N,pc:B,pbc:$,n:X,o:e};let ne,oe;return t&&([ne,oe]=t(te)),{render:Y,hydrate:ne,createApp:ao(Y,ne)}}function bo(e,t,n,o,r=!1){if(N(e))return void e.forEach(((e,s)=>bo(e,t&&(N(t)?t[s]:t),n,o,r)));if(hn(o)&&!r)return;const s=4&o.shapeFlag?xr(o.component)||o.component.proxy:o.el,i=r?null:s,{i:l,r:c}=e,a=t&&t.r,u=l.refs===g?l.refs={}:l.refs,p=l.setupState;if(null!=a&&a!==c&&(A(a)?(u[a]=null,T(p,a)&&(p[a]=null)):wt(a)&&(a.value=null)),A(c)){const e=()=>{u[c]=i,T(p,c)&&(p[c]=i)};i?(e.id=-1,mo(e,n)):e()}else if(wt(c)){const e=()=>{c.value=i};i?(e.id=-1,mo(e,n)):e()}else F(c)&&Rr(c,l,12,[i,u])}function _o(e,t,n,o=null){Fr(e,t,7,[n,o])}function So(e,t,n=!1){const o=e.children,r=t.children;if(N(o)&&N(r))for(let s=0;s<o.length;s++){const e=o[s];let t=r[s];1&t.shapeFlag&&!t.dynamicChildren&&((t.patchFlag<=0||32===t.patchFlag)&&(t=r[s]=er(r[s]),t.el=e.el),n||So(e,t))}}const xo=e=>e&&(e.disabled||""===e.disabled),Co=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,wo=(e,t)=>{const n=e&&e.to;if(A(n)){if(t){return t(n)}return null}return n};function ko(e,t,n,{o:{insert:o},m:r},s=2){0===s&&o(e.targetAnchor,t,n);const{el:i,anchor:l,shapeFlag:c,children:a,props:u}=e,p=2===s;if(p&&o(i,t,n),(!p||xo(u))&&16&c)for(let f=0;f<a.length;f++)r(a[f],t,n,2);p&&o(l,t,n)}const To={__isTeleport:!0,process(e,t,n,o,r,s,i,l,c,a){const{mc:u,pc:p,pbc:f,o:{insert:d,querySelector:h,createText:m}}=a,g=xo(t.props);let{shapeFlag:v,children:y,dynamicChildren:b}=t;if(null==e){const e=t.el=m(""),a=t.anchor=m("");d(e,n,o),d(a,n,o);const p=t.target=wo(t.props,h),f=t.targetAnchor=m("");p&&(d(f,p),i=i||Co(p));const b=(e,t)=>{16&v&&u(y,e,t,r,s,i,l,c)};g?b(n,a):p&&b(p,f)}else{t.el=e.el;const o=t.anchor=e.anchor,u=t.target=e.target,d=t.targetAnchor=e.targetAnchor,m=xo(e.props),v=m?n:u,y=m?o:d;if(i=i||Co(u),b?(f(e.dynamicChildren,b,v,r,s,i,l),So(e,t,!0)):c||p(e,t,v,y,r,s,i,l,!1),g)m||ko(t,n,o,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const e=t.target=wo(t.props,h);e&&ko(t,e,null,a,0)}else m&&ko(t,u,d,a,1)}},remove(e,t,n,o,{um:r,o:{remove:s}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:u,target:p,props:f}=e;if(p&&s(u),(i||!xo(f))&&(s(a),16&l))for(let d=0;d<c.length;d++){const e=c[d];r(e,t,n,!0,!!e.dynamicChildren)}},move:ko,hydrate:function(e,t,n,o,r,s,{o:{nextSibling:i,parentNode:l,querySelector:c}},a){const u=t.target=wo(t.props,c);if(u){const c=u._lpa||u.firstChild;16&t.shapeFlag&&(xo(t.props)?(t.anchor=a(i(e),t,l(e),n,o,r,s),t.targetAnchor=c):(t.anchor=i(e),t.targetAnchor=a(c,t,u,n,o,r,s)),u._lpa=t.targetAnchor&&i(t.targetAnchor))}return t.anchor&&i(t.anchor)}},No="components";const Eo=Symbol();function $o(e,t,n=!0,o=!1){const r=Lt||ur;if(r){const n=r.type;if(e===No){const e=wr(n);if(e&&(e===t||e===D(t)||e===K(D(t))))return n}const s=Ro(r[e]||n[e],t)||Ro(r.appContext[e],t);return!s&&o?n:s}}function Ro(e,t){return e&&(e[t]||e[D(t)]||e[K(D(t))])}const Fo=Symbol(void 0),Ao=Symbol(void 0),Mo=Symbol(void 0),Oo=Symbol(void 0),Po=[];let Io=null;function Vo(e=!1){Po.push(Io=e?null:[])}function Bo(){Po.pop(),Io=Po[Po.length-1]||null}let Lo=1;function jo(e){Lo+=e}function Uo(e){return e.dynamicChildren=Lo>0?Io||v:null,Bo(),Lo>0&&Io&&Io.push(e),e}function Ho(e,t,n,o,r){return Uo(Jo(e,t,n,o,r,!0))}function Do(e){return!!e&&!0===e.__v_isVNode}function Wo(e,t){return e.type===t.type&&e.key===t.key}const zo="__vInternal",Ko=({key:e})=>null!=e?e:null,Go=({ref:e})=>null!=e?A(e)||wt(e)||F(e)?{i:Lt,r:e}:e:null;function qo(e,t=null,n=null,o=0,r=null,s=(e===Fo?0:1),i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ko(t),ref:t&&Go(t),scopeId:jt,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};return l?(tr(c,n),128&s&&e.normalize(c)):n&&(c.shapeFlag|=A(n)?8:16),Lo>0&&!i&&Io&&(c.patchFlag>0||6&s)&&32!==c.patchFlag&&Io.push(c),c}const Jo=function(e,t=null,n=null,o=0,r=null,i=!1){e&&e!==Eo||(e=Mo);if(Do(e)){const o=Qo(e,t,!0);return n&&tr(o,n),o}l=e,F(l)&&"__vccOpts"in l&&(e=e.__vccOpts);var l;if(t){t=Zo(t);let{class:e,style:n}=t;e&&!A(e)&&(t.class=a(e)),O(n)&&(yt(n)&&!N(n)&&(n=C({},n)),t.style=s(n))}const c=A(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:O(e)?4:F(e)?2:0;return qo(e,t,n,o,r,c,i,!0)};function Zo(e){return e?yt(e)||zo in e?C({},e):e:null}function Qo(e,t,n=!1){const{props:o,ref:r,patchFlag:s,children:i}=e,l=t?nr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Ko(l),ref:t&&t.ref?n&&r?N(r)?r.concat(Go(t)):[r,Go(t)]:Go(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Fo?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Qo(e.ssContent),ssFallback:e.ssFallback&&Qo(e.ssFallback),el:e.el,anchor:e.anchor}}function Xo(e=" ",t=0){return Jo(Ao,null,e,t)}function Yo(e){return null==e||"boolean"==typeof e?Jo(Mo):N(e)?Jo(Fo,null,e.slice()):"object"==typeof e?er(e):Jo(Ao,null,String(e))}function er(e){return null===e.el||e.memo?e:Qo(e)}function tr(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(N(t))n=16;else if("object"==typeof t){if(65&o){const n=t.default;return void(n&&(n._c&&(n._d=!1),tr(e,n()),n._c&&(n._d=!0)))}{n=32;const o=t._;o||zo in t?3===o&&Lt&&(1===Lt.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=Lt}}else F(t)?(t={default:t,_ctx:Lt},n=32):(t=String(t),64&o?(n=16,t=[Xo(t)]):n=8);e.children=t,e.shapeFlag|=n}function nr(...e){const t={};for(let n=0;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=a([t.class,o.class]));else if("style"===e)t.style=s([t.style,o.style]);else if(S(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,r):r)}else""!==e&&(t[e]=o[e])}return t}function or(e){return e.some((e=>!Do(e)||e.type!==Mo&&!(e.type===Fo&&!or(e.children))))?e:null}const rr=e=>e?hr(e)?xr(e)||e.proxy:rr(e.parent):null,sr=C(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>rr(e.parent),$root:e=>rr(e.root),$emit:e=>e.emit,$options:e=>Un(e),$forceUpdate:e=>()=>Gr(e.update),$nextTick:e=>Kr.bind(e.proxy),$watch:e=>ss.bind(e)}),ir={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:l,appContext:c}=e;let a;if("$"!==t[0]){const l=i[t];if(void 0!==l)switch(l){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==g&&T(o,t))return i[t]=0,o[t];if(r!==g&&T(r,t))return i[t]=1,r[t];if((a=e.propsOptions[0])&&T(a,t))return i[t]=2,s[t];if(n!==g&&T(n,t))return i[t]=3,n[t];Vn&&(i[t]=4)}}const u=sr[t];let p,f;return u?("$attrs"===t&&ye(e,0,t),u(e)):(p=l.__cssModules)&&(p=p[t])?p:n!==g&&T(n,t)?(i[t]=3,n[t]):(f=c.config.globalProperties,T(f,t)?f[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==g&&T(r,t))r[t]=n;else if(o!==g&&T(o,t))o[t]=n;else if(T(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let l;return void 0!==n[i]||e!==g&&T(e,i)||t!==g&&T(t,i)||(l=s[0])&&T(l,i)||T(o,i)||T(sr,i)||T(r.config.globalProperties,i)}},lr=C({},ir,{get(e,t){if(t!==Symbol.unscopables)return ir.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!n(t)}),cr=lo();let ar=0;let ur=null;const pr=()=>ur||Lt,fr=e=>{ur=e,e.scope.on()},dr=()=>{ur&&ur.scope.off(),ur=null};function hr(e){return 4&e.vnode.shapeFlag}let mr,gr,vr=!1;function yr(e,t,n){F(t)?e.render=t:O(t)&&(e.setupState=Rt(t)),_r(e)}function br(e){mr=e,gr=e=>{e.render._rc&&(e.withProxy=new Proxy(e.ctx,lr))}}function _r(e,t,n){const o=e.type;if(!e.render){if(mr&&!o.render){const t=o.template;if(t){const{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:s,compilerOptions:i}=o,l=C(C({isCustomElement:n,delimiters:s},r),i);o.render=mr(t,l)}}e.render=o.render||y,gr&&gr(e)}fr(e),ge(),Bn(e),ve(),dr()}function Sr(e){const t=t=>{e.exposed=t||{}};let n;return{get attrs(){return n||(n=function(e){return new Proxy(e.attrs,{get:(t,n)=>(ye(e,0,"$attrs"),t[n])})}(e))},slots:e.slots,emit:e.emit,expose:t}}function xr(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Rt(_t(e.exposed)),{get:(t,n)=>n in t?t[n]:n in sr?sr[n](e):void 0}))}const Cr=/(?:^|[-_])(\w)/g;function wr(e){return F(e)&&e.displayName||e.name}function kr(e,t,n=!1){let o=wr(t);if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(Cr,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}const Tr=[];function Nr(e,...t){ge();const n=Tr.length?Tr[Tr.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=Tr[Tr.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)Rr(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${kr(n,e.type)}>`)).join("\n"),r]);else{const n=[`[Vue warn]: ${e}`,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach(((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=` at <${kr(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...Er(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}ve()}function Er(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...$r(n,e[n]))})),n.length>3&&t.push(" ..."),t}function $r(e,t,n){return A(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:wt(t)?(t=$r(e,bt(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):F(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=bt(t),n?t:[`${e}=`,t])}function Rr(e,t,n,o){let r;try{r=o?e(...o):e()}catch(s){Ar(s,t,n)}return r}function Fr(e,t,n,o){if(F(e)){const r=Rr(e,t,n,o);return r&&P(r)&&r.catch((e=>{Ar(e,t,n)})),r}const r=[];for(let s=0;s<e.length;s++)r.push(Fr(e[s],t,n,o));return r}function Ar(e,t,n,o=!0){if(t){let o=t.parent;const r=t.proxy,s=n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const i=t.appContext.config.errorHandler;if(i)return void Rr(i,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let Mr=!1,Or=!1;const Pr=[];let Ir=0;const Vr=[];let Br=null,Lr=0;const jr=[];let Ur=null,Hr=0;const Dr=Promise.resolve();let Wr=null,zr=null;function Kr(e){const t=Wr||Dr;return e?t.then(this?e.bind(this):e):t}function Gr(e){Pr.length&&Pr.includes(e,Mr&&e.allowRecurse?Ir+1:Ir)||e===zr||(null==e.id?Pr.push(e):Pr.splice(function(e){let t=Ir+1,n=Pr.length;for(;t<n;){const o=t+n>>>1;Yr(Pr[o])<e?t=o+1:n=o}return t}(e.id),0,e),qr())}function qr(){Mr||Or||(Or=!0,Wr=Dr.then(es))}function Jr(e,t,n,o){N(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),qr()}function Zr(e){Jr(e,Ur,jr,Hr)}function Qr(e,t=null){if(Vr.length){for(zr=t,Br=[...new Set(Vr)],Vr.length=0,Lr=0;Lr<Br.length;Lr++)Br[Lr]();Br=null,Lr=0,zr=null,Qr(e,t)}}function Xr(e){if(jr.length){const e=[...new Set(jr)];if(jr.length=0,Ur)return void Ur.push(...e);for(Ur=e,Ur.sort(((e,t)=>Yr(e)-Yr(t))),Hr=0;Hr<Ur.length;Hr++)Ur[Hr]();Ur=null,Hr=0}}const Yr=e=>null==e.id?1/0:e.id;function es(e){Or=!1,Mr=!0,Qr(e),Pr.sort(((e,t)=>Yr(e)-Yr(t)));try{for(Ir=0;Ir<Pr.length;Ir++){const e=Pr[Ir];e&&!1!==e.active&&Rr(e,null,14)}}finally{Ir=0,Pr.length=0,Xr(),Mr=!1,Wr=null,(Pr.length||Vr.length||jr.length)&&es(e)}}function ts(e,t){return rs(e,null,{flush:"post"})}const ns={};function os(e,t,n){return rs(e,t,n)}function rs(e,t,{immediate:n,deep:o,flush:r}=g){const s=ur;let i,l,c=!1,a=!1;if(wt(e)?(i=()=>e.value,c=!!e._shallow):gt(e)?(i=()=>e,o=!0):N(e)?(a=!0,c=e.some(gt),i=()=>e.map((e=>wt(e)?e.value:gt(e)?ls(e):F(e)?Rr(e,s,2):void 0))):i=F(e)?t?()=>Rr(e,s,2):()=>{if(!s||!s.isUnmounted)return l&&l(),Fr(e,s,3,[u])}:y,t&&o){const e=i;i=()=>ls(e())}let u=e=>{l=h.onStop=()=>{Rr(e,s,4)}},p=a?[]:ns;const f=()=>{if(h.active)if(t){const e=h.run();(o||c||(a?e.some(((e,t)=>q(e,p[t]))):q(e,p)))&&(l&&l(),Fr(t,s,3,[e,p===ns?void 0:p,u]),p=e)}else h.run()};let d;f.allowRecurse=!!t,d="sync"===r?f:"post"===r?()=>mo(f,s&&s.suspense):()=>{!s||s.isMounted?function(e){Jr(e,Br,Vr,Lr)}(f):f()};const h=new fe(i,d);return t?n?f():p=h.run():"post"===r?mo(h.run.bind(h),s&&s.suspense):h.run(),()=>{h.stop(),s&&s.scope&&w(s.scope.effects,h)}}function ss(e,t,n){const o=this.proxy,r=A(e)?e.includes(".")?is(o,e):()=>o[e]:e.bind(o,o);let s;F(t)?s=t:(s=t.handler,n=t);const i=ur;fr(this);const l=rs(r,s.bind(o),n);return i?fr(i):dr(),l}function is(e,t){const n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}function ls(e,t=new Set){if(!O(e)||e.__v_skip)return e;if((t=t||new Set).has(e))return e;if(t.add(e),wt(e))ls(e.value,t);else if(N(e))for(let n=0;n<e.length;n++)ls(e[n],t);else if($(e)||E(e))e.forEach((e=>{ls(e,t)}));else if(B(e))for(const n in e)ls(e[n],t);return e}function cs(){const e=pr();return e.setupContext||(e.setupContext=Sr(e))}function as(e,t,n){const o=arguments.length;return 2===o?O(t)&&!N(t)?Do(t)?Jo(e,null,[t]):Jo(e,t):Jo(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&Do(n)&&(n=[n]),Jo(e,t,n))}const us=Symbol("");function ps(e,t){const n=e.memo;if(n.length!=t.length)return!1;for(let o=0;o<n.length;o++)if(n[o]!==t[o])return!1;return Lo>0&&Io&&Io.push(e),!0}const fs="3.2.6",ds="undefined"!=typeof document?document:null,hs=new Map,ms={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?ds.createElementNS("http://www.w3.org/2000/svg",e):ds.createElement(e,n?{is:n}:void 0);return"select"===e&&o&&null!=o.multiple&&r.setAttribute("multiple",o.multiple),r},createText:e=>ds.createTextNode(e),createComment:e=>ds.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>ds.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,o){const r=n?n.previousSibling:t.lastChild;let s=hs.get(e);if(!s){const t=ds.createElement("template");if(t.innerHTML=o?`<svg>${e}</svg>`:e,s=t.content,o){const e=s.firstChild;for(;e.firstChild;)s.appendChild(e.firstChild);s.removeChild(e)}hs.set(e,s)}return t.insertBefore(s.cloneNode(!0),n),[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};const gs=/\s*!important$/;function vs(e,t,n){if(N(n))n.forEach((n=>vs(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=bs[t];if(n)return n;let o=D(t);if("filter"!==o&&o in e)return bs[t]=o;o=K(o);for(let r=0;r<ys.length;r++){const n=ys[r]+o;if(n in e)return bs[t]=n}return t}(e,t);gs.test(n)?e.setProperty(z(o),n.replace(gs,""),"important"):e[o]=n}}const ys=["Webkit","Moz","ms"],bs={};const _s="http://www.w3.org/1999/xlink";let Ss=Date.now,xs=!1;if("undefined"!=typeof window){Ss()>document.createEvent("Event").timeStamp&&(Ss=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);xs=!!(e&&Number(e[1])<=53)}let Cs=0;const ws=Promise.resolve(),ks=()=>{Cs=0};function Ts(e,t,n,o){e.addEventListener(t,n,o)}function Ns(e,t,n,o,r=null){const s=e._vei||(e._vei={}),i=s[t];if(o&&i)i.value=o;else{const[n,l]=function(e){let t;if(Es.test(e)){let n;for(t={};n=e.match(Es);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[z(e.slice(2)),t]}(t);if(o){Ts(e,n,s[t]=function(e,t){const n=e=>{const o=e.timeStamp||Ss();(xs||o>=n.attached-1)&&Fr(function(e,t){if(N(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>Cs||(ws.then(ks),Cs=Ss()))(),n}(o,r),l)}else i&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,i,l),s[t]=void 0)}}const Es=/(?:Once|Passive|Capture)$/;const $s=/^on[a-z]/;function Rs(e,t){const n=dn(e);class o extends As{constructor(e){super(n,e,t)}}return o.def=n,o}const Fs="undefined"!=typeof HTMLElement?HTMLElement:class{};class As extends Fs{constructor(e,t={},n){super(),this._def=e,this._props=t,this._instance=null,this._connected=!1,this._resolved=!1,this.shadowRoot&&n?n(this._createVNode(),this.shadowRoot):this.attachShadow({mode:"open"});for(let o=0;o<this.attributes.length;o++)this._setAttr(this.attributes[o].name);new MutationObserver((e=>{for(const t of e)this._setAttr(t.attributeName)})).observe(this,{attributes:!0})}connectedCallback(){this._connected=!0,this._instance||(this._resolveDef(),Ei(this._createVNode(),this.shadowRoot))}disconnectedCallback(){this._connected=!1,Kr((()=>{this._connected||(Ei(null,this.shadowRoot),this._instance=null)}))}_resolveDef(){if(this._resolved)return;const e=e=>{this._resolved=!0;for(const r of Object.keys(this))"_"!==r[0]&&this._setProp(r,this[r]);const{props:t,styles:n}=e,o=t?N(t)?t:Object.keys(t):[];for(const r of o.map(D))Object.defineProperty(this,r,{get(){return this._getProp(r)},set(e){this._setProp(r,e)}});this._applyStyles(n)},t=this._def.__asyncLoader;t?t().then(e):e(this._def)}_setAttr(e){this._setProp(D(e),Q(this.getAttribute(e)),!1)}_getProp(e){return this._props[e]}_setProp(e,t,n=!0){t!==this._props[e]&&(this._props[e]=t,this._instance&&Ei(this._createVNode(),this.shadowRoot),n&&(!0===t?this.setAttribute(z(e),""):"string"==typeof t||"number"==typeof t?this.setAttribute(z(e),t+""):t||this.removeAttribute(z(e))))}_createVNode(){const e=Jo(this._def,C({},this._props));return this._instance||(e.ce=e=>{this._instance=e,e.isCE=!0,e.emit=(e,...t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t}))};let t=this;for(;t=t&&(t.parentNode||t.host);)if(t instanceof As){e.parent=t._instance;break}}),e}_applyStyles(e){e&&e.forEach((e=>{const t=document.createElement("style");t.textContent=e,this.shadowRoot.appendChild(t)}))}}function Ms(e,t){if(128&e.shapeFlag){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push((()=>{Ms(n.activeBranch,t)}))}for(;e.component;)e=e.component.subTree;if(1&e.shapeFlag&&e.el)Os(e.el,t);else if(e.type===Fo)e.children.forEach((e=>Ms(e,t)));else if(e.type===Oo){let{el:n,anchor:o}=e;for(;n&&(Os(n,t),n!==o);)n=n.nextSibling}}function Os(e,t){if(1===e.nodeType){const n=e.style;for(const e in t)n.setProperty(`--${e}`,t[e])}}const Ps="transition",Is="animation",Vs=(e,{slots:t})=>as(sn,Hs(e),t);Vs.displayName="Transition";const Bs={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Ls=Vs.props=C({},sn.props,Bs),js=(e,t=[])=>{N(e)?e.forEach((e=>e(...t))):e&&e(...t)},Us=e=>!!e&&(N(e)?e.some((e=>e.length>1)):e.length>1);function Hs(e){const t={};for(const C in e)C in Bs||(t[C]=e[C]);if(!1===e.css)return t;const{name:n="v",type:o,duration:r,enterFromClass:s=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=s,appearActiveClass:a=i,appearToClass:u=l,leaveFromClass:p=`${n}-leave-from`,leaveActiveClass:f=`${n}-leave-active`,leaveToClass:d=`${n}-leave-to`}=e,h=function(e){if(null==e)return null;if(O(e))return[Ds(e.enter),Ds(e.leave)];{const t=Ds(e);return[t,t]}}(r),m=h&&h[0],g=h&&h[1],{onBeforeEnter:v,onEnter:y,onEnterCancelled:b,onLeave:_,onLeaveCancelled:S,onBeforeAppear:x=v,onAppear:w=y,onAppearCancelled:k=b}=t,T=(e,t,n)=>{zs(e,t?u:l),zs(e,t?a:i),n&&n()},N=(e,t)=>{zs(e,d),zs(e,f),t&&t()},E=e=>(t,n)=>{const r=e?w:y,i=()=>T(t,e,n);js(r,[t,i]),Ks((()=>{zs(t,e?c:s),Ws(t,e?u:l),Us(r)||qs(t,o,m,i)}))};return C(t,{onBeforeEnter(e){js(v,[e]),Ws(e,s),Ws(e,i)},onBeforeAppear(e){js(x,[e]),Ws(e,c),Ws(e,a)},onEnter:E(!1),onAppear:E(!0),onLeave(e,t){const n=()=>N(e,t);Ws(e,p),Xs(),Ws(e,f),Ks((()=>{zs(e,p),Ws(e,d),Us(_)||qs(e,o,g,n)})),js(_,[e,n])},onEnterCancelled(e){T(e,!1),js(b,[e])},onAppearCancelled(e){T(e,!0),js(k,[e])},onLeaveCancelled(e){N(e),js(S,[e])}})}function Ds(e){return Q(e)}function Ws(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.add(t))),(e._vtc||(e._vtc=new Set)).add(t)}function zs(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.remove(t)));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function Ks(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}let Gs=0;function qs(e,t,n,o){const r=e._endId=++Gs,s=()=>{r===e._endId&&o()};if(n)return setTimeout(s,n);const{type:i,timeout:l,propCount:c}=Js(e,t);if(!i)return o();const a=i+"end";let u=0;const p=()=>{e.removeEventListener(a,f),s()},f=t=>{t.target===e&&++u>=c&&p()};setTimeout((()=>{u<c&&p()}),l+1),e.addEventListener(a,f)}function Js(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),i=Zs(r,s),l=o("animationDelay"),c=o("animationDuration"),a=Zs(l,c);let u=null,p=0,f=0;t===Ps?i>0&&(u=Ps,p=i,f=s.length):t===Is?a>0&&(u=Is,p=a,f=c.length):(p=Math.max(i,a),u=p>0?i>a?Ps:Is:null,f=u?u===Ps?s.length:c.length:0);return{type:u,timeout:p,propCount:f,hasTransform:u===Ps&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function Zs(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map(((t,n)=>Qs(t)+Qs(e[n]))))}function Qs(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Xs(){return document.body.offsetHeight}const Ys=new WeakMap,ei=new WeakMap,ti={name:"TransitionGroup",props:C({},Ls,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=pr(),o=on();let r,s;return Rn((()=>{if(!r.length)return;const t=e.moveClass||`${e.name||"v"}-move`;if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach((e=>{e.split(/\s+/).forEach((e=>e&&o.classList.remove(e)))}));n.split(/\s+/).forEach((e=>e&&o.classList.add(e))),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=Js(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(ni),r.forEach(oi);const o=r.filter(ri);Xs(),o.forEach((e=>{const n=e.el,o=n.style;Ws(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,zs(n,t))};n.addEventListener("transitionend",r)}))})),()=>{const i=bt(e),l=Hs(i);let c=i.tag||Fo;r=s,s=t.default?fn(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&pn(t,cn(t,l,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];pn(t,cn(t,l,o,n)),Ys.set(t,t.el.getBoundingClientRect())}return Jo(c,null,s)}}};function ni(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function oi(e){ei.set(e,e.el.getBoundingClientRect())}function ri(e){const t=Ys.get(e),n=ei.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform=`translate(${o}px,${r}px)`,t.transitionDuration="0s",e}}const si=e=>{const t=e.props["onUpdate:modelValue"];return N(t)?e=>J(t,e):t};function ii(e){e.target.composing=!0}function li(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const ci={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e._assign=si(r);const s=o||r.props&&"number"===r.props.type;Ts(e,t?"change":"input",(t=>{if(t.target.composing)return;let o=e.value;n?o=o.trim():s&&(o=Q(o)),e._assign(o)})),n&&Ts(e,"change",(()=>{e.value=e.value.trim()})),t||(Ts(e,"compositionstart",ii),Ts(e,"compositionend",li),Ts(e,"change",li))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},s){if(e._assign=si(s),e.composing)return;if(document.activeElement===e){if(n)return;if(o&&e.value.trim()===t)return;if((r||"number"===e.type)&&Q(e.value)===t)return}const i=null==t?"":t;e.value!==i&&(e.value=i)}},ai={deep:!0,created(e,t,n){e._assign=si(n),Ts(e,"change",(()=>{const t=e._modelValue,n=hi(e),o=e.checked,r=e._assign;if(N(t)){const e=h(t,n),s=-1!==e;if(o&&!s)r(t.concat(n));else if(!o&&s){const n=[...t];n.splice(e,1),r(n)}}else if($(t)){const e=new Set(t);o?e.add(n):e.delete(n),r(e)}else r(mi(e,o))}))},mounted:ui,beforeUpdate(e,t,n){e._assign=si(n),ui(e,t,n)}};function ui(e,{value:t,oldValue:n},o){e._modelValue=t,N(t)?e.checked=h(t,o.props.value)>-1:$(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=d(t,mi(e,!0)))}const pi={created(e,{value:t},n){e.checked=d(t,n.props.value),e._assign=si(n),Ts(e,"change",(()=>{e._assign(hi(e))}))},beforeUpdate(e,{value:t,oldValue:n},o){e._assign=si(o),t!==n&&(e.checked=d(t,o.props.value))}},fi={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=$(t);Ts(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?Q(hi(e)):hi(e)));e._assign(e.multiple?r?new Set(t):t:t[0])})),e._assign=si(o)},mounted(e,{value:t}){di(e,t)},beforeUpdate(e,t,n){e._assign=si(n)},updated(e,{value:t}){di(e,t)}};function di(e,t){const n=e.multiple;if(!n||N(t)||$(t)){for(let o=0,r=e.options.length;o<r;o++){const r=e.options[o],s=hi(r);if(n)r.selected=N(t)?h(t,s)>-1:t.has(s);else if(d(hi(r),t))return void(e.selectedIndex!==o&&(e.selectedIndex=o))}n||-1===e.selectedIndex||(e.selectedIndex=-1)}}function hi(e){return"_value"in e?e._value:e.value}function mi(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const gi={created(e,t,n){vi(e,t,n,null,"created")},mounted(e,t,n){vi(e,t,n,null,"mounted")},beforeUpdate(e,t,n,o){vi(e,t,n,o,"beforeUpdate")},updated(e,t,n,o){vi(e,t,n,o,"updated")}};function vi(e,t,n,o,r){let s;switch(e.tagName){case"SELECT":s=fi;break;case"TEXTAREA":s=ci;break;default:switch(n.props&&n.props.type){case"checkbox":s=ai;break;case"radio":s=pi;break;default:s=ci}}const i=s[r];i&&i(e,t,n,o)}const yi=["ctrl","shift","alt","meta"],bi={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>yi.some((n=>e[`${n}Key`]&&!t.includes(n)))},_i={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Si={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):xi(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),xi(e,!0),o.enter(e)):o.leave(e,(()=>{xi(e,!1)})):xi(e,t))},beforeUnmount(e,{value:t}){xi(e,t)}};function xi(e,t){e.style.display=t?e._vod:"none"}const Ci=C({patchProp:(e,t,n,s,i=!1,l,c,a,u)=>{"class"===t?function(e,t,n){const o=e._vtc;o&&(t=(t?[t,...o]:[...o]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,s,i):"style"===t?function(e,t,n){const o=e.style;if(n)if(A(n)){if(t!==n){const t=o.display;o.cssText=n,"_vod"in e&&(o.display=t)}}else{for(const e in n)vs(o,e,n[e]);if(t&&!A(t))for(const e in t)null==n[e]&&vs(o,e,"")}else e.removeAttribute("style")}(e,n,s):S(t)?x(t)||Ns(e,t,0,s,c):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,o){if(o)return"innerHTML"===t||"textContent"===t||!!(t in e&&$s.test(t)&&F(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if($s.test(t)&&A(n))return!1;return t in e}(e,t,s,i))?function(e,t,n,o,s,i,l){if("innerHTML"===t||"textContent"===t)return o&&l(o,s,i),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;const o=null==n?"":n;return e.value!==o&&(e.value=o),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){const o=typeof e[t];if("boolean"===o)return void(e[t]=r(n));if(null==n&&"string"===o)return e[t]="",void e.removeAttribute(t);if("number"===o){try{e[t]=0}catch(c){}return void e.removeAttribute(t)}}try{e[t]=n}catch(a){}}(e,t,s,l,c,a,u):("true-value"===t?e._trueValue=s:"false-value"===t&&(e._falseValue=s),function(e,t,n,s,i){if(s&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(_s,t.slice(6,t.length)):e.setAttributeNS(_s,t,n);else{const s=o(t);null==n||s&&!r(n)?e.removeAttribute(t):e.setAttribute(t,s?"":n)}}(e,t,s,i))}},ms);let wi,ki=!1;function Ti(){return wi||(wi=go(Ci))}function Ni(){return wi=ki?wi:vo(Ci),ki=!0,wi}const Ei=(...e)=>{Ti().render(...e)},$i=(...e)=>{Ni().hydrate(...e)};function Ri(e){if(A(e)){return document.querySelector(e)}return e}function Fi(e){throw e}function Ai(e){}function Mi(e,t,n,o){const r=new SyntaxError(String(e));return r.code=e,r.loc=t,r}const Oi=Symbol(""),Pi=Symbol(""),Ii=Symbol(""),Vi=Symbol(""),Bi=Symbol(""),Li=Symbol(""),ji=Symbol(""),Ui=Symbol(""),Hi=Symbol(""),Di=Symbol(""),Wi=Symbol(""),zi=Symbol(""),Ki=Symbol(""),Gi=Symbol(""),qi=Symbol(""),Ji=Symbol(""),Zi=Symbol(""),Qi=Symbol(""),Xi=Symbol(""),Yi=Symbol(""),el=Symbol(""),tl=Symbol(""),nl=Symbol(""),ol=Symbol(""),rl=Symbol(""),sl=Symbol(""),il=Symbol(""),ll=Symbol(""),cl=Symbol(""),al=Symbol(""),ul=Symbol(""),pl=Symbol(""),fl=Symbol(""),dl=Symbol(""),hl=Symbol(""),ml=Symbol(""),gl=Symbol(""),vl=Symbol(""),yl=Symbol(""),bl=Symbol(""),_l={[Oi]:"Fragment",[Pi]:"Teleport",[Ii]:"Suspense",[Vi]:"KeepAlive",[Bi]:"BaseTransition",[Li]:"openBlock",[ji]:"createBlock",[Ui]:"createElementBlock",[Hi]:"createVNode",[Di]:"createElementVNode",[Wi]:"createCommentVNode",[zi]:"createTextVNode",[Ki]:"createStaticVNode",[Gi]:"resolveComponent",[qi]:"resolveDynamicComponent",[Ji]:"resolveDirective",[Zi]:"resolveFilter",[Qi]:"withDirectives",[Xi]:"renderList",[Yi]:"renderSlot",[el]:"createSlots",[tl]:"toDisplayString",[nl]:"mergeProps",[ol]:"normalizeClass",[rl]:"normalizeStyle",[sl]:"normalizeProps",[il]:"guardReactiveProps",[ll]:"toHandlers",[cl]:"camelize",[al]:"capitalize",[ul]:"toHandlerKey",[pl]:"setBlockTracking",[fl]:"pushScopeId",[dl]:"popScopeId",[hl]:"withScopeId",[ml]:"withCtx",[gl]:"unref",[vl]:"isRef",[yl]:"withMemo",[bl]:"isMemoSame"};const Sl={source:"",start:{line:1,column:1,offset:0},end:{line:1,column:1,offset:0}};function xl(e,t,n,o,r,s,i,l=!1,c=!1,a=!1,u=Sl){return e&&(l?(e.helper(Li),e.helper(Ql(e.inSSR,a))):e.helper(Zl(e.inSSR,a)),i&&e.helper(Qi)),{type:13,tag:t,props:n,children:o,patchFlag:r,dynamicProps:s,directives:i,isBlock:l,disableTracking:c,isComponent:a,loc:u}}function Cl(e,t=Sl){return{type:17,loc:t,elements:e}}function wl(e,t=Sl){return{type:15,loc:t,properties:e}}function kl(e,t){return{type:16,loc:Sl,key:A(e)?Tl(e,!0):e,value:t}}function Tl(e,t=!1,n=Sl,o=0){return{type:4,loc:n,content:e,isStatic:t,constType:t?3:o}}function Nl(e,t=Sl){return{type:8,loc:t,children:e}}function El(e,t=[],n=Sl){return{type:14,loc:n,callee:e,arguments:t}}function $l(e,t,n=!1,o=!1,r=Sl){return{type:18,params:e,returns:t,newline:n,isSlot:o,loc:r}}function Rl(e,t,n,o=!0){return{type:19,test:e,consequent:t,alternate:n,newline:o,loc:Sl}}const Fl=e=>4===e.type&&e.isStatic,Al=(e,t)=>e===t||e===z(t);function Ml(e){return Al(e,"Teleport")?Pi:Al(e,"Suspense")?Ii:Al(e,"KeepAlive")?Vi:Al(e,"BaseTransition")?Bi:void 0}const Ol=/^\d|[^\$\w]/,Pl=e=>!Ol.test(e),Il=/[A-Za-z_$\xA0-\uFFFF]/,Vl=/[\.\?\w$\xA0-\uFFFF]/,Bl=/\s+[.[]\s*|\s*[.[]\s+/g,Ll=e=>{e=e.trim().replace(Bl,(e=>e.trim()));let t=0,n=[],o=0,r=0,s=null;for(let i=0;i<e.length;i++){const l=e.charAt(i);switch(t){case 0:if("["===l)n.push(t),t=1,o++;else if("("===l)n.push(t),t=2,r++;else if(!(0===i?Il:Vl).test(l))return!1;break;case 1:"'"===l||'"'===l||"`"===l?(n.push(t),t=3,s=l):"["===l?o++:"]"===l&&(--o||(t=n.pop()));break;case 2:if("'"===l||'"'===l||"`"===l)n.push(t),t=3,s=l;else if("("===l)r++;else if(")"===l){if(i===e.length-1)return!1;--r||(t=n.pop())}break;case 3:l===s&&(t=n.pop(),s=null)}}return!o&&!r};function jl(e,t,n){const o={source:e.source.substr(t,n),start:Ul(e.start,e.source,t),end:e.end};return null!=n&&(o.end=Ul(e.start,e.source,t+n)),o}function Ul(e,t,n=t.length){return Hl(C({},e),t,n)}function Hl(e,t,n=t.length){let o=0,r=-1;for(let s=0;s<n;s++)10===t.charCodeAt(s)&&(o++,r=s);return e.offset+=n,e.line+=o,e.column=-1===r?e.column+n:n-r,e}function Dl(e,t,n=!1){for(let o=0;o<e.props.length;o++){const r=e.props[o];if(7===r.type&&(n||r.exp)&&(A(t)?r.name===t:t.test(r.name)))return r}}function Wl(e,t,n=!1,o=!1){for(let r=0;r<e.props.length;r++){const s=e.props[r];if(6===s.type){if(n)continue;if(s.name===t&&(s.value||o))return s}else if("bind"===s.name&&(s.exp||o)&&zl(s.arg,t))return s}}function zl(e,t){return!(!e||!Fl(e)||e.content!==t)}function Kl(e){return 5===e.type||2===e.type}function Gl(e){return 7===e.type&&"slot"===e.name}function ql(e){return 1===e.type&&3===e.tagType}function Jl(e){return 1===e.type&&2===e.tagType}function Zl(e,t){return e||t?Hi:Di}function Ql(e,t){return e||t?ji:Ui}const Xl=new Set([sl,il]);function Yl(e,t=[]){if(e&&!A(e)&&14===e.type){const n=e.callee;if(!A(n)&&Xl.has(n))return Yl(e.arguments[0],t.concat(e))}return[e,t]}function ec(e,t,n){let o;let r,s=13===e.type?e.props:e.arguments[2],i=[];if(s&&!A(s)&&14===s.type){const e=Yl(s);s=e[0],i=e[1],r=i[i.length-1]}if(null==s||A(s))o=wl([t]);else if(14===s.type){const e=s.arguments[0];A(e)||15!==e.type?s.callee===ll?o=El(n.helper(nl),[wl([t]),s]):s.arguments.unshift(wl([t])):e.properties.unshift(t),!o&&(o=s)}else if(15===s.type){let e=!1;if(4===t.key.type){const n=t.key.content;e=s.properties.some((e=>4===e.key.type&&e.key.content===n))}e||s.properties.unshift(t),o=s}else o=El(n.helper(nl),[wl([t]),s]),r&&r.callee===il&&(r=i[i.length-2]);13===e.type?r?r.arguments[0]=o:e.props=o:r?r.arguments[0]=o:e.arguments[2]=o}function tc(e,t){return`_${t}_${e.replace(/[^\w]/g,((t,n)=>"-"===t?"_":e.charCodeAt(n).toString()))}`}function nc(e,{helper:t,removeHelper:n,inSSR:o}){e.isBlock||(e.isBlock=!0,n(Zl(o,e.isComponent)),t(Li),t(Ql(o,e.isComponent)))}const oc=/&(gt|lt|amp|apos|quot);/g,rc={gt:">",lt:"<",amp:"&",apos:"'",quot:'"'},sc={delimiters:["{{","}}"],getNamespace:()=>0,getTextMode:()=>0,isVoidTag:b,isPreTag:b,isCustomElement:b,decodeEntities:e=>e.replace(oc,((e,t)=>rc[t])),onError:Fi,onWarn:Ai,comments:!1};function ic(e,t={}){const n=function(e,t){const n=C({},sc);let o;for(o in t)n[o]=void 0===t[o]?sc[o]:t[o];return{options:n,column:1,line:1,offset:0,originalSource:e,source:e,inPre:!1,inVPre:!1,onWarn:n.onWarn}}(e,t),o=_c(n);return function(e,t=Sl){return{type:0,children:e,helpers:[],components:[],directives:[],hoists:[],imports:[],cached:0,temps:0,codegenNode:void 0,loc:t}}(lc(n,0,[]),Sc(n,o))}function lc(e,t,n){const o=xc(n),r=o?o.ns:0,s=[];for(;!Nc(e,t,n);){const i=e.source;let l;if(0===t||1===t)if(!e.inVPre&&Cc(i,e.options.delimiters[0]))l=vc(e,t);else if(0===t&&"<"===i[0])if(1===i.length);else if("!"===i[1])l=Cc(i,"\x3c!--")?uc(e):Cc(i,"<!DOCTYPE")?pc(e):Cc(i,"<![CDATA[")&&0!==r?ac(e,n):pc(e);else if("/"===i[1])if(2===i.length);else{if(">"===i[2]){wc(e,3);continue}if(/[a-z]/i.test(i[2])){hc(e,1,o);continue}l=pc(e)}else/[a-z]/i.test(i[1])?l=fc(e,n):"?"===i[1]&&(l=pc(e));if(l||(l=yc(e,t)),N(l))for(let e=0;e<l.length;e++)cc(s,l[e]);else cc(s,l)}let i=!1;if(2!==t&&1!==t){const t="preserve"!==e.options.whitespace;for(let n=0;n<s.length;n++){const o=s[n];if(e.inPre||2!==o.type)3!==o.type||e.options.comments||(i=!0,s[n]=null);else if(/[^\t\r\n\f ]/.test(o.content))t&&(o.content=o.content.replace(/[\t\r\n\f ]+/g," "));else{const e=s[n-1],r=s[n+1];!e||!r||t&&(3===e.type||3===r.type||1===e.type&&1===r.type&&/[\r\n]/.test(o.content))?(i=!0,s[n]=null):o.content=" "}}if(e.inPre&&o&&e.options.isPreTag(o.tag)){const e=s[0];e&&2===e.type&&(e.content=e.content.replace(/^\r?\n/,""))}}return i?s.filter(Boolean):s}function cc(e,t){if(2===t.type){const n=xc(e);if(n&&2===n.type&&n.loc.end.offset===t.loc.start.offset)return n.content+=t.content,n.loc.end=t.loc.end,void(n.loc.source+=t.loc.source)}e.push(t)}function ac(e,t){wc(e,9);const n=lc(e,3,t);return 0===e.source.length||wc(e,3),n}function uc(e){const t=_c(e);let n;const o=/--(\!)?>/.exec(e.source);if(o){n=e.source.slice(4,o.index);const t=e.source.slice(0,o.index);let r=1,s=0;for(;-1!==(s=t.indexOf("\x3c!--",r));)wc(e,s-r+1),r=s+1;wc(e,o.index+o[0].length-r+1)}else n=e.source.slice(4),wc(e,e.source.length);return{type:3,content:n,loc:Sc(e,t)}}function pc(e){const t=_c(e),n="?"===e.source[1]?1:2;let o;const r=e.source.indexOf(">");return-1===r?(o=e.source.slice(n),wc(e,e.source.length)):(o=e.source.slice(n,r),wc(e,r+1)),{type:3,content:o,loc:Sc(e,t)}}function fc(e,t){const n=e.inPre,o=e.inVPre,r=xc(t),s=hc(e,0,r),i=e.inPre&&!n,l=e.inVPre&&!o;if(s.isSelfClosing||e.options.isVoidTag(s.tag))return i&&(e.inPre=!1),l&&(e.inVPre=!1),s;t.push(s);const c=e.options.getTextMode(s,r),a=lc(e,c,t);if(t.pop(),s.children=a,Ec(e.source,s.tag))hc(e,1,r);else if(0===e.source.length&&"script"===s.tag.toLowerCase()){const e=a[0];e&&Cc(e.loc.source,"\x3c!--")}return s.loc=Sc(e,s.loc.start),i&&(e.inPre=!1),l&&(e.inVPre=!1),s}const dc=t("if,else,else-if,for,slot");function hc(e,t,n){const o=_c(e),r=/^<\/?([a-z][^\t\r\n\f />]*)/i.exec(e.source),s=r[1],i=e.options.getNamespace(s,n);wc(e,r[0].length),kc(e);const l=_c(e),c=e.source;e.options.isPreTag(s)&&(e.inPre=!0);let a=mc(e,t);0===t&&!e.inVPre&&a.some((e=>7===e.type&&"pre"===e.name))&&(e.inVPre=!0,C(e,l),e.source=c,a=mc(e,t).filter((e=>"v-pre"!==e.name)));let u=!1;if(0===e.source.length||(u=Cc(e.source,"/>"),wc(e,u?2:1)),1===t)return;let p=0;return e.inVPre||("slot"===s?p=2:"template"===s?a.some((e=>7===e.type&&dc(e.name)))&&(p=3):function(e,t,n){const o=n.options;if(o.isCustomElement(e))return!1;if("component"===e||/^[A-Z]/.test(e)||Ml(e)||o.isBuiltInComponent&&o.isBuiltInComponent(e)||o.isNativeTag&&!o.isNativeTag(e))return!0;for(let r=0;r<t.length;r++){const e=t[r];if(6===e.type){if("is"===e.name&&e.value&&e.value.content.startsWith("vue:"))return!0}else{if("is"===e.name)return!0;"bind"===e.name&&zl(e.arg,"is")}}}(s,a,e)&&(p=1)),{type:1,ns:i,tag:s,tagType:p,props:a,isSelfClosing:u,children:[],loc:Sc(e,o),codegenNode:void 0}}function mc(e,t){const n=[],o=new Set;for(;e.source.length>0&&!Cc(e.source,">")&&!Cc(e.source,"/>");){if(Cc(e.source,"/")){wc(e,1),kc(e);continue}const r=gc(e,o);0===t&&n.push(r),/^[^\t\r\n\f />]/.test(e.source),kc(e)}return n}function gc(e,t){const n=_c(e),o=/^[^\t\r\n\f />][^\t\r\n\f />=]*/.exec(e.source)[0];t.has(o),t.add(o);{const e=/["'<]/g;let t;for(;t=e.exec(o););}let r;wc(e,o.length),/^[\t\r\n\f ]*=/.test(e.source)&&(kc(e),wc(e,1),kc(e),r=function(e){const t=_c(e);let n;const o=e.source[0],r='"'===o||"'"===o;if(r){wc(e,1);const t=e.source.indexOf(o);-1===t?n=bc(e,e.source.length,4):(n=bc(e,t,4),wc(e,1))}else{const t=/^[^\t\r\n\f >]+/.exec(e.source);if(!t)return;const o=/["'<=`]/g;let r;for(;r=o.exec(t[0]););n=bc(e,t[0].length,4)}return{content:n,isQuoted:r,loc:Sc(e,t)}}(e));const s=Sc(e,n);if(!e.inVPre&&/^(v-|:|\.|@|#)/.test(o)){const t=/(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(o);let i,l=Cc(o,"."),c=t[1]||(l||Cc(o,":")?"bind":Cc(o,"@")?"on":"slot");if(t[2]){const r="slot"===c,s=o.lastIndexOf(t[2]),l=Sc(e,Tc(e,n,s),Tc(e,n,s+t[2].length+(r&&t[3]||"").length));let a=t[2],u=!0;a.startsWith("[")?(u=!1,a.endsWith("]"),a=a.substr(1,a.length-2)):r&&(a+=t[3]||""),i={type:4,content:a,isStatic:u,constType:u?3:0,loc:l}}if(r&&r.isQuoted){const e=r.loc;e.start.offset++,e.start.column++,e.end=Ul(e.start,r.content),e.source=e.source.slice(1,-1)}const a=t[3]?t[3].substr(1).split("."):[];return l&&a.push("prop"),{type:7,name:c,exp:r&&{type:4,content:r.content,isStatic:!1,constType:0,loc:r.loc},arg:i,modifiers:a,loc:s}}return{type:6,name:o,value:r&&{type:2,content:r.content,loc:r.loc},loc:s}}function vc(e,t){const[n,o]=e.options.delimiters,r=e.source.indexOf(o,n.length);if(-1===r)return;const s=_c(e);wc(e,n.length);const i=_c(e),l=_c(e),c=r-n.length,a=e.source.slice(0,c),u=bc(e,c,t),p=u.trim(),f=u.indexOf(p);f>0&&Hl(i,a,f);return Hl(l,a,c-(u.length-p.length-f)),wc(e,o.length),{type:5,content:{type:4,isStatic:!1,constType:0,content:p,loc:Sc(e,i,l)},loc:Sc(e,s)}}function yc(e,t){const n=["<",e.options.delimiters[0]];3===t&&n.push("]]>");let o=e.source.length;for(let s=0;s<n.length;s++){const t=e.source.indexOf(n[s],1);-1!==t&&o>t&&(o=t)}const r=_c(e);return{type:2,content:bc(e,o,t),loc:Sc(e,r)}}function bc(e,t,n){const o=e.source.slice(0,t);return wc(e,t),2===n||3===n||-1===o.indexOf("&")?o:e.options.decodeEntities(o,4===n)}function _c(e){const{column:t,line:n,offset:o}=e;return{column:t,line:n,offset:o}}function Sc(e,t,n){return{start:t,end:n=n||_c(e),source:e.originalSource.slice(t.offset,n.offset)}}function xc(e){return e[e.length-1]}function Cc(e,t){return e.startsWith(t)}function wc(e,t){const{source:n}=e;Hl(e,n,t),e.source=n.slice(t)}function kc(e){const t=/^[\t\r\n\f ]+/.exec(e.source);t&&wc(e,t[0].length)}function Tc(e,t,n){return Ul(t,e.originalSource.slice(t.offset,n),n)}function Nc(e,t,n){const o=e.source;switch(t){case 0:if(Cc(o,"</"))for(let e=n.length-1;e>=0;--e)if(Ec(o,n[e].tag))return!0;break;case 1:case 2:{const e=xc(n);if(e&&Ec(o,e.tag))return!0;break}case 3:if(Cc(o,"]]>"))return!0}return!o}function Ec(e,t){return Cc(e,"</")&&e.substr(2,t.length).toLowerCase()===t.toLowerCase()&&/[\t\r\n\f />]/.test(e[2+t.length]||">")}function $c(e,t){Fc(e,t,Rc(e,e.children[0]))}function Rc(e,t){const{children:n}=e;return 1===n.length&&1===t.type&&!Jl(t)}function Fc(e,t,n=!1){let o=!0;const{children:r}=e,s=r.length;let i=0;for(let l=0;l<r.length;l++){const e=r[l];if(1===e.type&&0===e.tagType){const r=n?0:Ac(e,t);if(r>0){if(r<3&&(o=!1),r>=2){e.codegenNode.patchFlag="-1",e.codegenNode=t.hoist(e.codegenNode),i++;continue}}else{const n=e.codegenNode;if(13===n.type){const o=Vc(n);if((!o||512===o||1===o)&&Pc(e,t)>=2){const o=Ic(e);o&&(n.props=t.hoist(o))}n.dynamicProps&&(n.dynamicProps=t.hoist(n.dynamicProps))}}}else if(12===e.type){const n=Ac(e.content,t);n>0&&(n<3&&(o=!1),n>=2&&(e.codegenNode=t.hoist(e.codegenNode),i++))}if(1===e.type){const n=1===e.tagType;n&&t.scopes.vSlot++,Fc(e,t),n&&t.scopes.vSlot--}else if(11===e.type)Fc(e,t,1===e.children.length);else if(9===e.type)for(let n=0;n<e.branches.length;n++)Fc(e.branches[n],t,1===e.branches[n].children.length)}o&&i&&t.transformHoist&&t.transformHoist(r,t,e),i&&i===s&&1===e.type&&0===e.tagType&&e.codegenNode&&13===e.codegenNode.type&&N(e.codegenNode.children)&&(e.codegenNode.children=t.hoist(Cl(e.codegenNode.children)))}function Ac(e,t){const{constantCache:n}=t;switch(e.type){case 1:if(0!==e.tagType)return 0;const o=n.get(e);if(void 0!==o)return o;const r=e.codegenNode;if(13!==r.type)return 0;if(Vc(r))return n.set(e,0),0;{let o=3;const s=Pc(e,t);if(0===s)return n.set(e,0),0;s<o&&(o=s);for(let r=0;r<e.children.length;r++){const s=Ac(e.children[r],t);if(0===s)return n.set(e,0),0;s<o&&(o=s)}if(o>1)for(let r=0;r<e.props.length;r++){const s=e.props[r];if(7===s.type&&"bind"===s.name&&s.exp){const r=Ac(s.exp,t);if(0===r)return n.set(e,0),0;r<o&&(o=r)}}return r.isBlock&&(t.removeHelper(Li),t.removeHelper(Ql(t.inSSR,r.isComponent)),r.isBlock=!1,t.helper(Zl(t.inSSR,r.isComponent))),n.set(e,o),o}case 2:case 3:return 3;case 9:case 11:case 10:return 0;case 5:case 12:return Ac(e.content,t);case 4:return e.constType;case 8:let s=3;for(let n=0;n<e.children.length;n++){const o=e.children[n];if(A(o)||M(o))continue;const r=Ac(o,t);if(0===r)return 0;r<s&&(s=r)}return s;default:return 0}}const Mc=new Set([ol,rl,sl,il]);function Oc(e,t){if(14===e.type&&!A(e.callee)&&Mc.has(e.callee)){const n=e.arguments[0];if(4===n.type)return Ac(n,t);if(14===n.type)return Oc(n,t)}return 0}function Pc(e,t){let n=3;const o=Ic(e);if(o&&15===o.type){const{properties:e}=o;for(let o=0;o<e.length;o++){const{key:r,value:s}=e[o],i=Ac(r,t);if(0===i)return i;let l;if(i<n&&(n=i),l=4===s.type?Ac(s,t):14===s.type?Oc(s,t):0,0===l)return l;l<n&&(n=l)}}return n}function Ic(e){const t=e.codegenNode;if(13===t.type)return t.props}function Vc(e){const t=e.patchFlag;return t?parseInt(t,10):void 0}function Bc(e,{filename:t="",prefixIdentifiers:n=!1,hoistStatic:o=!1,cacheHandlers:r=!1,nodeTransforms:s=[],directiveTransforms:i={},transformHoist:l=null,isBuiltInComponent:c=y,isCustomElement:a=y,expressionPlugins:u=[],scopeId:p=null,slotted:f=!0,ssr:d=!1,inSSR:h=!1,ssrCssVars:m="",bindingMetadata:v=g,inline:b=!1,isTS:_=!1,onError:S=Fi,onWarn:x=Ai,compatConfig:C}){const w=t.replace(/\?.*$/,"").match(/([^/\\]+)\.\w+$/),k={selfName:w&&K(D(w[1])),prefixIdentifiers:n,hoistStatic:o,cacheHandlers:r,nodeTransforms:s,directiveTransforms:i,transformHoist:l,isBuiltInComponent:c,isCustomElement:a,expressionPlugins:u,scopeId:p,slotted:f,ssr:d,inSSR:h,ssrCssVars:m,bindingMetadata:v,inline:b,isTS:_,onError:S,onWarn:x,compatConfig:C,root:e,helpers:new Map,components:new Set,directives:new Set,hoists:[],imports:[],constantCache:new Map,temps:0,cached:0,identifiers:Object.create(null),scopes:{vFor:0,vSlot:0,vPre:0,vOnce:0},parent:null,currentNode:e,childIndex:0,inVOnce:!1,helper(e){const t=k.helpers.get(e)||0;return k.helpers.set(e,t+1),e},removeHelper(e){const t=k.helpers.get(e);if(t){const n=t-1;n?k.helpers.set(e,n):k.helpers.delete(e)}},helperString:e=>`_${_l[k.helper(e)]}`,replaceNode(e){k.parent.children[k.childIndex]=k.currentNode=e},removeNode(e){const t=e?k.parent.children.indexOf(e):k.currentNode?k.childIndex:-1;e&&e!==k.currentNode?k.childIndex>t&&(k.childIndex--,k.onNodeRemoved()):(k.currentNode=null,k.onNodeRemoved()),k.parent.children.splice(t,1)},onNodeRemoved:()=>{},addIdentifiers(e){},removeIdentifiers(e){},hoist(e){A(e)&&(e=Tl(e)),k.hoists.push(e);const t=Tl(`_hoisted_${k.hoists.length}`,!1,e.loc,2);return t.hoisted=e,t},cache:(e,t=!1)=>function(e,t,n=!1){return{type:20,index:e,value:t,isVNode:n,loc:Sl}}(k.cached++,e,t)};return k}function Lc(e,t){const n=Bc(e,t);jc(e,n),t.hoistStatic&&$c(e,n),t.ssr||function(e,t){const{helper:n}=t,{children:o}=e;if(1===o.length){const n=o[0];if(Rc(e,n)&&n.codegenNode){const o=n.codegenNode;13===o.type&&nc(o,t),e.codegenNode=o}else e.codegenNode=n}else if(o.length>1){let o=64;e.codegenNode=xl(t,n(Oi),void 0,e.children,o+"",void 0,void 0,!0,void 0,!1)}}(e,n),e.helpers=[...n.helpers.keys()],e.components=[...n.components],e.directives=[...n.directives],e.imports=n.imports,e.hoists=n.hoists,e.temps=n.temps,e.cached=n.cached}function jc(e,t){t.currentNode=e;const{nodeTransforms:n}=t,o=[];for(let s=0;s<n.length;s++){const r=n[s](e,t);if(r&&(N(r)?o.push(...r):o.push(r)),!t.currentNode)return;e=t.currentNode}switch(e.type){case 3:t.ssr||t.helper(Wi);break;case 5:t.ssr||t.helper(tl);break;case 9:for(let n=0;n<e.branches.length;n++)jc(e.branches[n],t);break;case 10:case 11:case 1:case 0:!function(e,t){let n=0;const o=()=>{n--};for(;n<e.children.length;n++){const r=e.children[n];A(r)||(t.parent=e,t.childIndex=n,t.onNodeRemoved=o,jc(r,t))}}(e,t)}t.currentNode=e;let r=o.length;for(;r--;)o[r]()}function Uc(e,t){const n=A(e)?t=>t===e:t=>e.test(t);return(e,o)=>{if(1===e.type){const{props:r}=e;if(3===e.tagType&&r.some(Gl))return;const s=[];for(let i=0;i<r.length;i++){const l=r[i];if(7===l.type&&n(l.name)){r.splice(i,1),i--;const n=t(e,l,o);n&&s.push(n)}}return s}}}const Hc="/*#__PURE__*/";function Dc(e,t={}){const n=function(e,{mode:t="function",prefixIdentifiers:n="module"===t,sourceMap:o=!1,filename:r="template.vue.html",scopeId:s=null,optimizeImports:i=!1,runtimeGlobalName:l="Vue",runtimeModuleName:c="vue",ssr:a=!1,isTS:u=!1,inSSR:p=!1}){const f={mode:t,prefixIdentifiers:n,sourceMap:o,filename:r,scopeId:s,optimizeImports:i,runtimeGlobalName:l,runtimeModuleName:c,ssr:a,isTS:u,inSSR:p,source:e.loc.source,code:"",column:1,line:1,offset:0,indentLevel:0,pure:!1,map:void 0,helper:e=>`_${_l[e]}`,push(e,t){f.code+=e},indent(){d(++f.indentLevel)},deindent(e=!1){e?--f.indentLevel:d(--f.indentLevel)},newline(){d(f.indentLevel)}};function d(e){f.push("\n"+" ".repeat(e))}return f}(e,t);t.onContextCreated&&t.onContextCreated(n);const{mode:o,push:r,prefixIdentifiers:s,indent:i,deindent:l,newline:c,ssr:a}=n,u=e.helpers.length>0,p=!s&&"module"!==o;!function(e,t){const{push:n,newline:o,runtimeGlobalName:r}=t,s=r,i=e=>`${_l[e]}: _${_l[e]}`;if(e.helpers.length>0&&(n(`const _Vue = ${s}\n`),e.hoists.length)){n(`const { ${[Hi,Di,Wi,zi,Ki].filter((t=>e.helpers.includes(t))).map(i).join(", ")} } = _Vue\n`)}(function(e,t){if(!e.length)return;t.pure=!0;const{push:n,newline:o}=t;o(),e.forEach(((e,r)=>{e&&(n(`const _hoisted_${r+1} = `),Gc(e,t),o())})),t.pure=!1})(e.hoists,t),o(),n("return ")}(e,n);if(r(`function ${a?"ssrRender":"render"}(${(a?["_ctx","_push","_parent","_attrs"]:["_ctx","_cache"]).join(", ")}) {`),i(),p&&(r("with (_ctx) {"),i(),u&&(r(`const { ${e.helpers.map((e=>`${_l[e]}: _${_l[e]}`)).join(", ")} } = _Vue`),r("\n"),c())),e.components.length&&(Wc(e.components,"component",n),(e.directives.length||e.temps>0)&&c()),e.directives.length&&(Wc(e.directives,"directive",n),e.temps>0&&c()),e.temps>0){r("let ");for(let t=0;t<e.temps;t++)r(`${t>0?", ":""}_temp${t}`)}return(e.components.length||e.directives.length||e.temps)&&(r("\n"),c()),a||r("return "),e.codegenNode?Gc(e.codegenNode,n):r("null"),p&&(l(),r("}")),l(),r("}"),{ast:e,code:n.code,preamble:"",map:n.map?n.map.toJSON():void 0}}function Wc(e,t,{helper:n,push:o,newline:r,isTS:s}){const i=n("component"===t?Gi:Ji);for(let l=0;l<e.length;l++){let n=e[l];const c=n.endsWith("__self");c&&(n=n.slice(0,-6)),o(`const ${tc(n,t)} = ${i}(${JSON.stringify(n)}${c?", true":""})${s?"!":""}`),l<e.length-1&&r()}}function zc(e,t){const n=e.length>3||!1;t.push("["),n&&t.indent(),Kc(e,t,n),n&&t.deindent(),t.push("]")}function Kc(e,t,n=!1,o=!0){const{push:r,newline:s}=t;for(let i=0;i<e.length;i++){const l=e[i];A(l)?r(l):N(l)?zc(l,t):Gc(l,t),i<e.length-1&&(n?(o&&r(","),s()):o&&r(", "))}}function Gc(e,t){if(A(e))t.push(e);else if(M(e))t.push(t.helper(e));else switch(e.type){case 1:case 9:case 11:Gc(e.codegenNode,t);break;case 2:!function(e,t){t.push(JSON.stringify(e.content),e)}(e,t);break;case 4:qc(e,t);break;case 5:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n(Hc);n(`${o(tl)}(`),Gc(e.content,t),n(")")}(e,t);break;case 12:Gc(e.codegenNode,t);break;case 8:Jc(e,t);break;case 3:!function(e,t){const{push:n,helper:o,pure:r}=t;r&&n(Hc);n(`${o(Wi)}(${JSON.stringify(e.content)})`,e)}(e,t);break;case 13:!function(e,t){const{push:n,helper:o,pure:r}=t,{tag:s,props:i,children:l,patchFlag:c,dynamicProps:a,directives:u,isBlock:p,disableTracking:f,isComponent:d}=e;u&&n(o(Qi)+"(");p&&n(`(${o(Li)}(${f?"true":""}), `);r&&n(Hc);const h=p?Ql(t.inSSR,d):Zl(t.inSSR,d);n(o(h)+"(",e),Kc(function(e){let t=e.length;for(;t--&&null==e[t];);return e.slice(0,t+1).map((e=>e||"null"))}([s,i,l,c,a]),t),n(")"),p&&n(")");u&&(n(", "),Gc(u,t),n(")"))}(e,t);break;case 14:!function(e,t){const{push:n,helper:o,pure:r}=t,s=A(e.callee)?e.callee:o(e.callee);r&&n(Hc);n(s+"(",e),Kc(e.arguments,t),n(")")}(e,t);break;case 15:!function(e,t){const{push:n,indent:o,deindent:r,newline:s}=t,{properties:i}=e;if(!i.length)return void n("{}",e);const l=i.length>1||!1;n(l?"{":"{ "),l&&o();for(let c=0;c<i.length;c++){const{key:e,value:o}=i[c];Zc(e,t),n(": "),Gc(o,t),c<i.length-1&&(n(","),s())}l&&r(),n(l?"}":" }")}(e,t);break;case 17:!function(e,t){zc(e.elements,t)}(e,t);break;case 18:!function(e,t){const{push:n,indent:o,deindent:r}=t,{params:s,returns:i,body:l,newline:c,isSlot:a}=e;a&&n(`_${_l[ml]}(`);n("(",e),N(s)?Kc(s,t):s&&Gc(s,t);n(") => "),(c||l)&&(n("{"),o());i?(c&&n("return "),N(i)?zc(i,t):Gc(i,t)):l&&Gc(l,t);(c||l)&&(r(),n("}"));a&&n(")")}(e,t);break;case 19:!function(e,t){const{test:n,consequent:o,alternate:r,newline:s}=e,{push:i,indent:l,deindent:c,newline:a}=t;if(4===n.type){const e=!Pl(n.content);e&&i("("),qc(n,t),e&&i(")")}else i("("),Gc(n,t),i(")");s&&l(),t.indentLevel++,s||i(" "),i("? "),Gc(o,t),t.indentLevel--,s&&a(),s||i(" "),i(": ");const u=19===r.type;u||t.indentLevel++;Gc(r,t),u||t.indentLevel--;s&&c(!0)}(e,t);break;case 20:!function(e,t){const{push:n,helper:o,indent:r,deindent:s,newline:i}=t;n(`_cache[${e.index}] || (`),e.isVNode&&(r(),n(`${o(pl)}(-1),`),i());n(`_cache[${e.index}] = `),Gc(e.value,t),e.isVNode&&(n(","),i(),n(`${o(pl)}(1),`),i(),n(`_cache[${e.index}]`),s());n(")")}(e,t);break;case 21:Kc(e.body,t,!0,!1)}}function qc(e,t){const{content:n,isStatic:o}=e;t.push(o?JSON.stringify(n):n,e)}function Jc(e,t){for(let n=0;n<e.children.length;n++){const o=e.children[n];A(o)?t.push(o):Gc(o,t)}}function Zc(e,t){const{push:n}=t;if(8===e.type)n("["),Jc(e,t),n("]");else if(e.isStatic){n(Pl(e.content)?e.content:JSON.stringify(e.content),e)}else n(`[${e.content}]`,e)}const Qc=Uc(/^(if|else|else-if)$/,((e,t,n)=>function(e,t,n,o){if(!("else"===t.name||t.exp&&t.exp.content.trim())){t.exp=Tl("true",!1,t.exp?t.exp.loc:e.loc)}if("if"===t.name){const r=Xc(e,t),s={type:9,loc:e.loc,branches:[r]};if(n.replaceNode(s),o)return o(s,r,!0)}else{const r=n.parent.children;let s=r.indexOf(e);for(;s-- >=-1;){const i=r[s];if(!i||2!==i.type||i.content.trim().length){if(i&&9===i.type){n.removeNode();const r=Xc(e,t);i.branches.push(r);const s=o&&o(i,r,!1);jc(r,n),s&&s(),n.currentNode=null}break}n.removeNode(i)}}}(e,t,n,((e,t,o)=>{const r=n.parent.children;let s=r.indexOf(e),i=0;for(;s-- >=0;){const e=r[s];e&&9===e.type&&(i+=e.branches.length)}return()=>{if(o)e.codegenNode=Yc(t,i,n);else{(function(e){for(;;)if(19===e.type){if(19!==e.alternate.type)return e;e=e.alternate}else 20===e.type&&(e=e.value)}(e.codegenNode)).alternate=Yc(t,i+e.branches.length-1,n)}}}))));function Xc(e,t){return{type:10,loc:e.loc,condition:"else"===t.name?void 0:t.exp,children:3!==e.tagType||Dl(e,"for")?[e]:e.children,userKey:Wl(e,"key")}}function Yc(e,t,n){return e.condition?Rl(e.condition,ea(e,t,n),El(n.helper(Wi),['""',"true"])):ea(e,t,n)}function ea(e,t,n){const{helper:o}=n,r=kl("key",Tl(`${t}`,!1,Sl,2)),{children:s}=e,i=s[0];if(1!==s.length||1!==i.type){if(1===s.length&&11===i.type){const e=i.codegenNode;return ec(e,r,n),e}{let t=64;return xl(n,o(Oi),wl([r]),s,t+"",void 0,void 0,!0,!1,!1,e.loc)}}{const e=i.codegenNode,t=14===(l=e).type&&l.callee===yl?l.arguments[1].returns:l;return 13===t.type&&nc(t,n),ec(t,r,n),e}var l}const ta=Uc("for",((e,t,n)=>{const{helper:o,removeHelper:r}=n;return function(e,t,n,o){if(!t.exp)return;const r=sa(t.exp);if(!r)return;const{scopes:s}=n,{source:i,value:l,key:c,index:a}=r,u={type:11,loc:t.loc,source:i,valueAlias:l,keyAlias:c,objectIndexAlias:a,parseResult:r,children:ql(e)?e.children:[e]};n.replaceNode(u),s.vFor++;const p=o&&o(u);return()=>{s.vFor--,p&&p()}}(e,t,n,(t=>{const s=El(o(Xi),[t.source]),i=Dl(e,"memo"),l=Wl(e,"key"),c=l&&(6===l.type?Tl(l.value.content,!0):l.exp),a=l?kl("key",c):null,u=4===t.source.type&&t.source.constType>0,p=u?64:l?128:256;return t.codegenNode=xl(n,o(Oi),void 0,s,p+"",void 0,void 0,!0,!u,!1,e.loc),()=>{let l;const p=ql(e),{children:f}=t,d=1!==f.length||1!==f[0].type,h=Jl(e)?e:p&&1===e.children.length&&Jl(e.children[0])?e.children[0]:null;if(h?(l=h.codegenNode,p&&a&&ec(l,a,n)):d?l=xl(n,o(Oi),a?wl([a]):void 0,e.children,"64",void 0,void 0,!0,void 0,!1):(l=f[0].codegenNode,p&&a&&ec(l,a,n),l.isBlock!==!u&&(l.isBlock?(r(Li),r(Ql(n.inSSR,l.isComponent))):r(Zl(n.inSSR,l.isComponent))),l.isBlock=!u,l.isBlock?(o(Li),o(Ql(n.inSSR,l.isComponent))):o(Zl(n.inSSR,l.isComponent))),i){const e=$l(la(t.parseResult,[Tl("_cached")]));e.body={type:21,body:[Nl(["const _memo = (",i.exp,")"]),Nl(["if (_cached",...c?[" && _cached.key === ",c]:[],` && ${n.helperString(bl)}(_cached, _memo)) return _cached`]),Nl(["const _item = ",l]),Tl("_item.memo = _memo"),Tl("return _item")],loc:Sl},s.arguments.push(e,Tl("_cache"),Tl(String(n.cached++)))}else s.arguments.push($l(la(t.parseResult),l,!0))}}))}));const na=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,oa=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,ra=/^\(|\)$/g;function sa(e,t){const n=e.loc,o=e.content,r=o.match(na);if(!r)return;const[,s,i]=r,l={source:ia(n,i.trim(),o.indexOf(i,s.length)),value:void 0,key:void 0,index:void 0};let c=s.trim().replace(ra,"").trim();const a=s.indexOf(c),u=c.match(oa);if(u){c=c.replace(oa,"").trim();const e=u[1].trim();let t;if(e&&(t=o.indexOf(e,a+c.length),l.key=ia(n,e,t)),u[2]){const r=u[2].trim();r&&(l.index=ia(n,r,o.indexOf(r,l.key?t+e.length:a+c.length)))}}return c&&(l.value=ia(n,c,a)),l}function ia(e,t,n){return Tl(t,!1,jl(e,n,t.length))}function la({value:e,key:t,index:n},o=[]){return function(e){let t=e.length;for(;t--&&!e[t];);return e.slice(0,t+1).map(((e,t)=>e||Tl("_".repeat(t+1),!1)))}([e,t,n,...o])}const ca=Tl("undefined",!1),aa=(e,t)=>{if(1===e.type&&(1===e.tagType||3===e.tagType)){const n=Dl(e,"slot");if(n)return t.scopes.vSlot++,()=>{t.scopes.vSlot--}}},ua=(e,t,n)=>$l(e,t,!1,!0,t.length?t[0].loc:n);function pa(e,t,n=ua){t.helper(ml);const{children:o,loc:r}=e,s=[],i=[];let l=t.scopes.vSlot>0||t.scopes.vFor>0;const c=Dl(e,"slot",!0);if(c){const{arg:e,exp:t}=c;e&&!Fl(e)&&(l=!0),s.push(kl(e||Tl("default",!0),n(t,o,r)))}let a=!1,u=!1;const p=[],f=new Set;for(let m=0;m<o.length;m++){const e=o[m];let r;if(!ql(e)||!(r=Dl(e,"slot",!0))){3!==e.type&&p.push(e);continue}if(c)break;a=!0;const{children:d,loc:h}=e,{arg:g=Tl("default",!0),exp:v}=r;let y;Fl(g)?y=g?g.content:"default":l=!0;const b=n(v,d,h);let _,S,x;if(_=Dl(e,"if"))l=!0,i.push(Rl(_.exp,fa(g,b),ca));else if(S=Dl(e,/^else(-if)?$/,!0)){let e,t=m;for(;t--&&(e=o[t],3===e.type););if(e&&ql(e)&&Dl(e,"if")){o.splice(m,1),m--;let e=i[i.length-1];for(;19===e.alternate.type;)e=e.alternate;e.alternate=S.exp?Rl(S.exp,fa(g,b),ca):fa(g,b)}}else if(x=Dl(e,"for")){l=!0;const e=x.parseResult||sa(x.exp);e&&i.push(El(t.helper(Xi),[e.source,$l(la(e),fa(g,b),!0)]))}else{if(y){if(f.has(y))continue;f.add(y),"default"===y&&(u=!0)}s.push(kl(g,b))}}if(!c){const e=(e,t)=>kl("default",n(e,t,r));a?p.length&&p.some((e=>ha(e)))&&(u||s.push(e(void 0,p))):s.push(e(void 0,o))}const d=l?2:da(e.children)?3:1;let h=wl(s.concat(kl("_",Tl(d+"",!1))),r);return i.length&&(h=El(t.helper(el),[h,Cl(i)])),{slots:h,hasDynamicSlots:l}}function fa(e,t){return wl([kl("name",e),kl("fn",t)])}function da(e){for(let t=0;t<e.length;t++){const n=e[t];switch(n.type){case 1:if(2===n.tagType||da(n.children))return!0;break;case 9:if(da(n.branches))return!0;break;case 10:case 11:if(da(n.children))return!0}}return!1}function ha(e){return 2!==e.type&&12!==e.type||(2===e.type?!!e.content.trim():ha(e.content))}const ma=new WeakMap,ga=(e,t)=>function(){if(1!==(e=t.currentNode).type||0!==e.tagType&&1!==e.tagType)return;const{tag:n,props:o}=e,r=1===e.tagType;let s=r?function(e,t,n=!1){let{tag:o}=e;const r=_a(o),s=Wl(e,"is");if(s)if(r){const e=6===s.type?s.value&&Tl(s.value.content,!0):s.exp;if(e)return El(t.helper(qi),[e])}else 6===s.type&&s.value.content.startsWith("vue:")&&(o=s.value.content.slice(4));const i=!r&&Dl(e,"is");if(i&&i.exp)return El(t.helper(qi),[i.exp]);const l=Ml(o)||t.isBuiltInComponent(o);if(l)return n||t.helper(l),l;return t.helper(Gi),t.components.add(o),tc(o,"component")}(e,t):`"${n}"`;let i,l,c,a,u,p,f=0,d=O(s)&&s.callee===qi||s===Pi||s===Ii||!r&&("svg"===n||"foreignObject"===n||Wl(e,"key",!0));if(o.length>0){const n=va(e,t);i=n.props,f=n.patchFlag,u=n.dynamicPropNames;const o=n.directives;p=o&&o.length?Cl(o.map((e=>function(e,t){const n=[],o=ma.get(e);o?n.push(t.helperString(o)):(t.helper(Ji),t.directives.add(e.name),n.push(tc(e.name,"directive")));const{loc:r}=e;e.exp&&n.push(e.exp);e.arg&&(e.exp||n.push("void 0"),n.push(e.arg));if(Object.keys(e.modifiers).length){e.arg||(e.exp||n.push("void 0"),n.push("void 0"));const t=Tl("true",!1,r);n.push(wl(e.modifiers.map((e=>kl(e,t))),r))}return Cl(n,e.loc)}(e,t)))):void 0}if(e.children.length>0){s===Vi&&(d=!0,f|=1024);if(r&&s!==Pi&&s!==Vi){const{slots:n,hasDynamicSlots:o}=pa(e,t);l=n,o&&(f|=1024)}else if(1===e.children.length&&s!==Pi){const n=e.children[0],o=n.type,r=5===o||8===o;r&&0===Ac(n,t)&&(f|=1),l=r||2===o?n:e.children}else l=e.children}0!==f&&(c=String(f),u&&u.length&&(a=function(e){let t="[";for(let n=0,o=e.length;n<o;n++)t+=JSON.stringify(e[n]),n<o-1&&(t+=", ");return t+"]"}(u))),e.codegenNode=xl(t,s,i,l,c,a,p,!!d,!1,r,e.loc)};function va(e,t,n=e.props,o=!1){const{tag:r,loc:s}=e,i=1===e.tagType;let l=[];const c=[],a=[];let u=0,p=!1,f=!1,d=!1,h=!1,m=!1,g=!1;const v=[],y=({key:e,value:n})=>{if(Fl(e)){const o=e.content,r=S(o);if(i||!r||"onclick"===o.toLowerCase()||"onUpdate:modelValue"===o||j(o)||(h=!0),r&&j(o)&&(g=!0),20===n.type||(4===n.type||8===n.type)&&Ac(n,t)>0)return;"ref"===o?p=!0:"class"===o?f=!0:"style"===o?d=!0:"key"===o||v.includes(o)||v.push(o),!i||"class"!==o&&"style"!==o||v.includes(o)||v.push(o)}else m=!0};for(let _=0;_<n.length;_++){const i=n[_];if(6===i.type){const{loc:e,name:t,value:n}=i;let o=!0;if("ref"===t&&(p=!0),"is"===t&&(_a(r)||n&&n.content.startsWith("vue:")))continue;l.push(kl(Tl(t,!0,jl(e,0,t.length)),Tl(n?n.content:"",o,n?n.loc:e)))}else{const{name:n,arg:u,exp:p,loc:f}=i,d="bind"===n,h="on"===n;if("slot"===n)continue;if("once"===n||"memo"===n)continue;if("is"===n||d&&zl(u,"is")&&_a(r))continue;if(h&&o)continue;if(!u&&(d||h)){m=!0,p&&(l.length&&(c.push(wl(ya(l),s)),l=[]),c.push(d?p:{type:14,loc:f,callee:t.helper(ll),arguments:[p]}));continue}const g=t.directiveTransforms[n];if(g){const{props:n,needRuntime:r}=g(i,e,t);!o&&n.forEach(y),l.push(...n),r&&(a.push(i),M(r)&&ma.set(i,r))}else a.push(i)}}let b;if(c.length?(l.length&&c.push(wl(ya(l),s)),b=c.length>1?El(t.helper(nl),c,s):c[0]):l.length&&(b=wl(ya(l),s)),m?u|=16:(f&&!i&&(u|=2),d&&!i&&(u|=4),v.length&&(u|=8),h&&(u|=32)),0!==u&&32!==u||!(p||g||a.length>0)||(u|=512),!t.inSSR&&b)switch(b.type){case 15:let e=-1,n=-1,o=!1;for(let t=0;t<b.properties.length;t++){const r=b.properties[t].key;Fl(r)?"class"===r.content?e=t:"style"===r.content&&(n=t):r.isHandlerKey||(o=!0)}const r=b.properties[e],s=b.properties[n];o?b=El(t.helper(sl),[b]):(r&&!Fl(r.value)&&(r.value=El(t.helper(ol),[r.value])),!s||Fl(s.value)||!d&&17!==s.value.type||(s.value=El(t.helper(rl),[s.value])));break;case 14:break;default:b=El(t.helper(sl),[El(t.helper(il),[b])])}return{props:b,directives:a,patchFlag:u,dynamicPropNames:v}}function ya(e){const t=new Map,n=[];for(let o=0;o<e.length;o++){const r=e[o];if(8===r.key.type||!r.key.isStatic){n.push(r);continue}const s=r.key.content,i=t.get(s);i?("style"===s||"class"===s||s.startsWith("on"))&&ba(i,r):(t.set(s,r),n.push(r))}return n}function ba(e,t){17===e.value.type?e.value.elements.push(t.value):e.value=Cl([e.value,t.value],e.loc)}function _a(e){return e[0].toLowerCase()+e.slice(1)==="component"}const Sa=(e,t)=>{if(Jl(e)){const{children:n,loc:o}=e,{slotName:r,slotProps:s}=function(e,t){let n,o='"default"';const r=[];for(let s=0;s<e.props.length;s++){const t=e.props[s];6===t.type?t.value&&("name"===t.name?o=JSON.stringify(t.value.content):(t.name=D(t.name),r.push(t))):"bind"===t.name&&zl(t.arg,"name")?t.exp&&(o=t.exp):("bind"===t.name&&t.arg&&Fl(t.arg)&&(t.arg.content=D(t.arg.content)),r.push(t))}if(r.length>0){const{props:o,directives:s}=va(e,t,r);n=o}return{slotName:o,slotProps:n}}(e,t),i=[t.prefixIdentifiers?"_ctx.$slots":"$slots",r];s&&i.push(s),n.length&&(s||i.push("{}"),i.push($l([],n,!1,!1,o))),t.scopeId&&!t.slotted&&(s||i.push("{}"),n.length||i.push("undefined"),i.push("true")),e.codegenNode=El(t.helper(Yi),i,o)}};const xa=/^\s*([\w$_]+|\([^)]*?\))\s*=>|^\s*function(?:\s+[\w$]+)?\s*\(/,Ca=(e,t,n,o)=>{const{loc:r,modifiers:s,arg:i}=e;let l;if(4===i.type)if(i.isStatic){l=Tl(G(D(i.content)),!0,i.loc)}else l=Nl([`${n.helperString(ul)}(`,i,")"]);else l=i,l.children.unshift(`${n.helperString(ul)}(`),l.children.push(")");let c=e.exp;c&&!c.content.trim()&&(c=void 0);let a=n.cacheHandlers&&!c&&!n.inVOnce;if(c){const e=Ll(c.content),t=!(e||xa.test(c.content)),n=c.content.includes(";");(t||a&&e)&&(c=Nl([`${t?"$event":"(...args)"} => ${n?"{":"("}`,c,n?"}":")"]))}let u={props:[kl(l,c||Tl("() => {}",!1,r))]};return o&&(u=o(u)),a&&(u.props[0].value=n.cache(u.props[0].value)),u.props.forEach((e=>e.key.isHandlerKey=!0)),u},wa=(e,t,n)=>{const{exp:o,modifiers:r,loc:s}=e,i=e.arg;return 4!==i.type?(i.children.unshift("("),i.children.push(') || ""')):i.isStatic||(i.content=`${i.content} || ""`),r.includes("camel")&&(4===i.type?i.content=i.isStatic?D(i.content):`${n.helperString(cl)}(${i.content})`:(i.children.unshift(`${n.helperString(cl)}(`),i.children.push(")"))),n.inSSR||(r.includes("prop")&&ka(i,"."),r.includes("attr")&&ka(i,"^")),!o||4===o.type&&!o.content.trim()?{props:[kl(i,Tl("",!0,s))]}:{props:[kl(i,o)]}},ka=(e,t)=>{4===e.type?e.content=e.isStatic?t+e.content:`\`${t}\${${e.content}}\``:(e.children.unshift(`'${t}' + (`),e.children.push(")"))},Ta=(e,t)=>{if(0===e.type||1===e.type||11===e.type||10===e.type)return()=>{const n=e.children;let o,r=!1;for(let e=0;e<n.length;e++){const t=n[e];if(Kl(t)){r=!0;for(let r=e+1;r<n.length;r++){const s=n[r];if(!Kl(s)){o=void 0;break}o||(o=n[e]={type:8,loc:t.loc,children:[t]}),o.children.push(" + ",s),n.splice(r,1),r--}}}if(r&&(1!==n.length||0!==e.type&&(1!==e.type||0!==e.tagType||e.props.find((e=>7===e.type&&!t.directiveTransforms[e.name])))))for(let e=0;e<n.length;e++){const o=n[e];if(Kl(o)||8===o.type){const r=[];2===o.type&&" "===o.content||r.push(o),t.ssr||0!==Ac(o,t)||r.push("1"),n[e]={type:12,content:o,loc:o.loc,codegenNode:El(t.helper(zi),r)}}}}},Na=new WeakSet,Ea=(e,t)=>{if(1===e.type&&Dl(e,"once",!0)){if(Na.has(e)||t.inVOnce)return;return Na.add(e),t.inVOnce=!0,t.helper(pl),()=>{t.inVOnce=!1;const e=t.currentNode;e.codegenNode&&(e.codegenNode=t.cache(e.codegenNode,!0))}}},$a=(e,t,n)=>{const{exp:o,arg:r}=e;if(!o)return Ra();const s=o.loc.source,i=4===o.type?o.content:s;if(!i.trim()||!Ll(i))return Ra();const l=r||Tl("modelValue",!0),c=r?Fl(r)?`onUpdate:${r.content}`:Nl(['"onUpdate:" + ',r]):"onUpdate:modelValue";let a;a=Nl([`${n.isTS?"($event: any)":"$event"} => (`,o," = $event)"]);const u=[kl(l,e.exp),kl(c,a)];if(e.modifiers.length&&1===t.tagType){const t=e.modifiers.map((e=>(Pl(e)?e:JSON.stringify(e))+": true")).join(", "),n=r?Fl(r)?`${r.content}Modifiers`:Nl([r,' + "Modifiers"']):"modelModifiers";u.push(kl(n,Tl(`{ ${t} }`,!1,e.loc,2)))}return Ra(u)};function Ra(e=[]){return{props:e}}const Fa=new WeakSet,Aa=(e,t)=>{if(1===e.type){const n=Dl(e,"memo");if(!n||Fa.has(e))return;return Fa.add(e),()=>{const o=e.codegenNode||t.currentNode.codegenNode;o&&13===o.type&&(1!==e.tagType&&nc(o,t),e.codegenNode=El(t.helper(yl),[n.exp,$l(void 0,o),"_cache",String(t.cached++)]))}}};function Ma(e,t={}){const n=t.onError||Fi,o="module"===t.mode;!0===t.prefixIdentifiers?n(Mi(45)):o&&n(Mi(46));t.cacheHandlers&&n(Mi(47)),t.scopeId&&!o&&n(Mi(48));const r=A(e)?ic(e,t):e,[s,i]=[[Ea,Qc,Aa,ta,Sa,ga,aa,Ta],{on:Ca,bind:wa,model:$a}];return Lc(r,C({},t,{prefixIdentifiers:false,nodeTransforms:[...s,...t.nodeTransforms||[]],directiveTransforms:C({},i,t.directiveTransforms||{})})),Dc(r,C({},t,{prefixIdentifiers:false}))}const Oa=Symbol(""),Pa=Symbol(""),Ia=Symbol(""),Va=Symbol(""),Ba=Symbol(""),La=Symbol(""),ja=Symbol(""),Ua=Symbol(""),Ha=Symbol(""),Da=Symbol("");var Wa;let za;Wa={[Oa]:"vModelRadio",[Pa]:"vModelCheckbox",[Ia]:"vModelText",[Va]:"vModelSelect",[Ba]:"vModelDynamic",[La]:"withModifiers",[ja]:"withKeys",[Ua]:"vShow",[Ha]:"Transition",[Da]:"TransitionGroup"},Object.getOwnPropertySymbols(Wa).forEach((e=>{_l[e]=Wa[e]}));const Ka=t("style,iframe,script,noscript",!0),Ga={isVoidTag:f,isNativeTag:e=>u(e)||p(e),isPreTag:e=>"pre"===e,decodeEntities:function(e,t=!1){return za||(za=document.createElement("div")),t?(za.innerHTML=`<div foo="${e.replace(/"/g,""")}">`,za.children[0].getAttribute("foo")):(za.innerHTML=e,za.textContent)},isBuiltInComponent:e=>Al(e,"Transition")?Ha:Al(e,"TransitionGroup")?Da:void 0,getNamespace(e,t){let n=t?t.ns:0;if(t&&2===n)if("annotation-xml"===t.tag){if("svg"===e)return 1;t.props.some((e=>6===e.type&&"encoding"===e.name&&null!=e.value&&("text/html"===e.value.content||"application/xhtml+xml"===e.value.content)))&&(n=0)}else/^m(?:[ions]|text)$/.test(t.tag)&&"mglyph"!==e&&"malignmark"!==e&&(n=0);else t&&1===n&&("foreignObject"!==t.tag&&"desc"!==t.tag&&"title"!==t.tag||(n=0));if(0===n){if("svg"===e)return 1;if("math"===e)return 2}return n},getTextMode({tag:e,ns:t}){if(0===t){if("textarea"===e||"title"===e)return 1;if(Ka(e))return 2}return 0}},qa=(e,t)=>{const n=c(e);return Tl(JSON.stringify(n),!1,t,3)};const Ja=t("passive,once,capture"),Za=t("stop,prevent,self,ctrl,shift,alt,meta,exact,middle"),Qa=t("left,right"),Xa=t("onkeyup,onkeydown,onkeypress",!0),Ya=(e,t)=>Fl(e)&&"onclick"===e.content.toLowerCase()?Tl(t,!0):4!==e.type?Nl(["(",e,`) === "onClick" ? "${t}" : (`,e,")"]):e,eu=(e,t)=>{1!==e.type||0!==e.tagType||"script"!==e.tag&&"style"!==e.tag||t.removeNode()},tu=[e=>{1===e.type&&e.props.forEach(((t,n)=>{6===t.type&&"style"===t.name&&t.value&&(e.props[n]={type:7,name:"bind",arg:Tl("style",!0,t.loc),exp:qa(t.value.content,t.loc),modifiers:[],loc:t.loc})}))}],nu={cloak:()=>({props:[]}),html:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[kl(Tl("innerHTML",!0,r),o||Tl("",!0))]}},text:(e,t,n)=>{const{exp:o,loc:r}=e;return t.children.length&&(t.children.length=0),{props:[kl(Tl("textContent",!0),o?El(n.helperString(tl),[o],r):Tl("",!0))]}},model:(e,t,n)=>{const o=$a(e,t,n);if(!o.props.length||1===t.tagType)return o;const{tag:r}=t,s=n.isCustomElement(r);if("input"===r||"textarea"===r||"select"===r||s){let e=Ia,i=!1;if("input"===r||s){const n=Wl(t,"type");if(n){if(7===n.type)e=Ba;else if(n.value)switch(n.value.content){case"radio":e=Oa;break;case"checkbox":e=Pa;break;case"file":i=!0}}else(function(e){return e.props.some((e=>!(7!==e.type||"bind"!==e.name||e.arg&&4===e.arg.type&&e.arg.isStatic)))})(t)&&(e=Ba)}else"select"===r&&(e=Va);i||(o.needRuntime=n.helper(e))}return o.props=o.props.filter((e=>!(4===e.key.type&&"modelValue"===e.key.content))),o},on:(e,t,n)=>Ca(e,0,n,(t=>{const{modifiers:o}=e;if(!o.length)return t;let{key:r,value:s}=t.props[0];const{keyModifiers:i,nonKeyModifiers:l,eventOptionModifiers:c}=((e,t,n,o)=>{const r=[],s=[],i=[];for(let l=0;l<t.length;l++){const n=t[l];Ja(n)?i.push(n):Qa(n)?Fl(e)?Xa(e.content)?r.push(n):s.push(n):(r.push(n),s.push(n)):Za(n)?s.push(n):r.push(n)}return{keyModifiers:r,nonKeyModifiers:s,eventOptionModifiers:i}})(r,o);if(l.includes("right")&&(r=Ya(r,"onContextmenu")),l.includes("middle")&&(r=Ya(r,"onMouseup")),l.length&&(s=El(n.helper(La),[s,JSON.stringify(l)])),!i.length||Fl(r)&&!Xa(r.content)||(s=El(n.helper(ja),[s,JSON.stringify(i)])),c.length){const e=c.map(K).join("");r=Fl(r)?Tl(`${r.content}${e}`,!0):Nl(["(",r,`) + "${e}"`])}return{props:[kl(r,s)]}})),show:(e,t,n)=>({props:[],needRuntime:n.helper(Ua)})};const ou=Object.create(null);function ru(e,t){if(!A(e)){if(!e.nodeType)return y;e=e.innerHTML}const n=e,o=ou[n];if(o)return o;if("#"===e[0]){const t=document.querySelector(e);e=t?t.innerHTML:""}const{code:r}=function(e,t={}){return Ma(e,C({},Ga,t,{nodeTransforms:[eu,...tu,...t.nodeTransforms||[]],directiveTransforms:C({},nu,t.directiveTransforms||{}),transformHoist:null}))}(e,C({hoistStatic:!0,onError:void 0,onWarn:y},t)),s=new Function(r)();return s._rc=!0,ou[n]=s}return br(ru),e.BaseTransition=sn,e.Comment=Mo,e.EffectScope=ee,e.Fragment=Fo,e.KeepAlive=vn,e.ReactiveEffect=fe,e.Static=Oo,e.Suspense=Jt,e.Teleport=To,e.Text=Ao,e.Transition=Vs,e.TransitionGroup=ti,e.VueElement=As,e.callWithAsyncErrorHandling=Fr,e.callWithErrorHandling=Rr,e.camelize=D,e.capitalize=K,e.cloneVNode=Qo,e.compatUtils=null,e.compile=ru,e.computed=Pt,e.createApp=(...e)=>{const t=Ti().createApp(...e),{mount:n}=t;return t.mount=e=>{const o=Ri(e);if(!o)return;const r=t._component;F(r)||r.render||r.template||(r.template=o.innerHTML),o.innerHTML="";const s=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),s},t},e.createBlock=Ho,e.createCommentVNode=function(e="",t=!1){return t?(Vo(),Ho(Mo,null,e)):Jo(Mo,null,e)},e.createElementBlock=function(e,t,n,o,r,s){return Uo(qo(e,t,n,o,r,s,!0))},e.createElementVNode=qo,e.createHydrationRenderer=vo,e.createRenderer=go,e.createSSRApp=(...e)=>{const t=Ni().createApp(...e),{mount:n}=t;return t.mount=e=>{const t=Ri(e);if(t)return n(t,!0,t instanceof SVGElement)},t},e.createSlots=function(e,t){for(let n=0;n<t.length;n++){const o=t[n];if(N(o))for(let t=0;t<o.length;t++)e[o[t].name]=o[t].fn;else o&&(e[o.name]=o.fn)}return e},e.createStaticVNode=function(e,t){const n=Jo(Oo,null,e);return n.staticCount=t,n},e.createTextVNode=Xo,e.createVNode=Jo,e.customRef=function(e){return new Ft(e)},e.defineAsyncComponent=function(e){F(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:i=!0,onError:l}=e;let c,a=null,u=0;const p=()=>{let e;return a||(e=a=t().catch((e=>{if(e=e instanceof Error?e:new Error(String(e)),l)return new Promise(((t,n)=>{l(e,(()=>t((u++,a=null,p()))),(()=>n(e)),u+1)}));throw e})).then((t=>e!==a&&a?a:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),c=t,t))))};return dn({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return c},setup(){const e=ur;if(c)return()=>mn(c,e);const t=t=>{a=null,Ar(t,e,13,!o)};if(i&&e.suspense)return p().then((t=>()=>mn(t,e))).catch((e=>(t(e),()=>o?Jo(o,{error:e}):null)));const l=kt(!1),u=kt(),f=kt(!!r);return r&&setTimeout((()=>{f.value=!1}),r),null!=s&&setTimeout((()=>{if(!l.value&&!u.value){const e=new Error(`Async component timed out after ${s}ms.`);t(e),u.value=e}}),s),p().then((()=>{l.value=!0,e.parent&&gn(e.parent.vnode)&&Gr(e.parent.update)})).catch((e=>{t(e),u.value=e})),()=>l.value&&c?mn(c,e):u.value&&o?Jo(o,{error:u.value}):n&&!f.value?Jo(n):void 0}})},e.defineComponent=dn,e.defineCustomElement=Rs,e.defineEmits=function(){return null},e.defineExpose=function(e){},e.defineProps=function(){return null},e.defineSSRCustomElement=e=>Rs(e,$i),e.effect=function(e,t){e.effect&&(e=e.effect.fn);const n=new fe(e);t&&(C(n,t),t.scope&&te(n,t.scope)),t&&t.lazy||n.run();const o=n.run.bind(n);return o.effect=n,o},e.effectScope=function(e){return new ee(e)},e.getCurrentInstance=pr,e.getCurrentScope=function(){return X},e.getTransitionRawChildren=fn,e.guardReactiveProps=Zo,e.h=as,e.handleError=Ar,e.hydrate=$i,e.initCustomFormatter=function(){},e.inject=nn,e.isMemoSame=ps,e.isProxy=yt,e.isReactive=gt,e.isReadonly=vt,e.isRef=wt,e.isRuntimeOnly=()=>!mr,e.isVNode=Do,e.markRaw=_t,e.mergeDefaults=function(e,t){for(const n in t){const o=e[n];o?o.default=t[n]:null===o&&(e[n]={default:t[n]})}return e},e.mergeProps=nr,e.nextTick=Kr,e.normalizeClass=a,e.normalizeProps=function(e){if(!e)return null;let{class:t,style:n}=e;return t&&!A(t)&&(e.class=a(t)),n&&(e.style=s(n)),e},e.normalizeStyle=s,e.onActivated=bn,e.onBeforeMount=Nn,e.onBeforeUnmount=Fn,e.onBeforeUpdate=$n,e.onDeactivated=_n,e.onErrorCaptured=In,e.onMounted=En,e.onRenderTracked=Pn,e.onRenderTriggered=On,e.onScopeDispose=function(e){X&&X.cleanups.push(e)},e.onServerPrefetch=Mn,e.onUnmounted=An,e.onUpdated=Rn,e.openBlock=Vo,e.popScopeId=function(){jt=null},e.provide=tn,e.proxyRefs=Rt,e.pushScopeId=function(e){jt=e},e.queuePostFlushCb=Zr,e.reactive=ft,e.readonly=ht,e.ref=kt,e.registerRuntimeCompiler=br,e.render=Ei,e.renderList=function(e,t,n,o){let r;const s=n&&n[o];if(N(e)||A(e)){r=new Array(e.length);for(let n=0,o=e.length;n<o;n++)r[n]=t(e[n],n,void 0,s&&s[n])}else if("number"==typeof e){r=new Array(e);for(let n=0;n<e;n++)r[n]=t(n+1,n,void 0,s&&s[n])}else if(O(e))if(e[Symbol.iterator])r=Array.from(e,((e,n)=>t(e,n,void 0,s&&s[n])));else{const n=Object.keys(e);r=new Array(n.length);for(let o=0,i=n.length;o<i;o++){const i=n[o];r[o]=t(e[i],i,o,s&&s[o])}}else r=[];return n&&(n[o]=r),r},e.renderSlot=function(e,t,n={},o,r){if(Lt.isCE)return Jo("slot","default"===t?null:{name:t},o&&o());let s=e[t];s&&s._c&&(s._d=!1),Vo();const i=s&&or(s(n)),l=Ho(Fo,{key:n.key||`_${t}`},i||(o?o():[]),i&&1===e._?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),s&&s._c&&(s._d=!0),l},e.resolveComponent=function(e,t){return $o(No,e,!0,t)||e},e.resolveDirective=function(e){return $o("directives",e)},e.resolveDynamicComponent=function(e){return A(e)?$o(No,e,!1)||e:e||Eo},e.resolveFilter=null,e.resolveTransitionHooks=cn,e.setBlockTracking=jo,e.setDevtoolsHook=function(t){e.devtools=t},e.setTransitionHooks=pn,e.shallowReactive=dt,e.shallowReadonly=function(e){return mt(e,!0,Ie,it,ut)},e.shallowRef=function(e){return Nt(e,!0)},e.ssrContextKey=us,e.ssrUtils=null,e.stop=function(e){e.effect.stop()},e.toDisplayString=e=>null==e?"":N(e)||O(e)&&(e.toString===I||!F(e.toString))?JSON.stringify(e,m,2):String(e),e.toHandlerKey=G,e.toHandlers=function(e){const t={};for(const n in e)t[G(n)]=e[n];return t},e.toRaw=bt,e.toRef=Mt,e.toRefs=function(e){const t=N(e)?new Array(e.length):{};for(const n in e)t[n]=Mt(e,n);return t},e.transformVNodeArgs=function(e){},e.triggerRef=function(e){xt(e)},e.unref=Et,e.useAttrs=function(){return cs().attrs},e.useCssModule=function(e="$style"){return g},e.useCssVars=function(e){const t=pr();if(!t)return;const n=()=>Ms(t.subTree,e(t.proxy));ts(n),En((()=>{const e=new MutationObserver(n);e.observe(t.subTree.el.parentNode,{childList:!0}),An((()=>e.disconnect()))}))},e.useSSRContext=()=>{},e.useSlots=function(){return cs().slots},e.useTransitionState=on,e.vModelCheckbox=ai,e.vModelDynamic=gi,e.vModelRadio=pi,e.vModelSelect=fi,e.vModelText=ci,e.vShow=Si,e.version=fs,e.warn=Nr,e.watch=os,e.watchEffect=function(e,t){return rs(e,null,t)},e.watchPostEffect=ts,e.watchSyncEffect=function(e,t){return rs(e,null,{flush:"sync"})},e.withAsyncContext=function(e){const t=pr();let n=e();return dr(),P(n)&&(n=n.catch((e=>{throw fr(t),e}))),[n,()=>fr(t)]},e.withCtx=Ht,e.withDefaults=function(e,t){return null},e.withDirectives=function(e,t){if(null===Lt)return e;const n=Lt.proxy,o=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[e,s,i,l=g]=t[r];F(e)&&(e={mounted:e,updated:e}),e.deep&&ls(s),o.push({dir:e,instance:n,value:s,oldValue:void 0,arg:i,modifiers:l})}return e},e.withKeys=(e,t)=>n=>{if(!("key"in n))return;const o=z(n.key);return t.some((e=>e===o||_i[e]===o))?e(n):void 0},e.withMemo=function(e,t,n,o){const r=n[o];if(r&&ps(r,e))return r;const s=t();return s.memo=e.slice(),n[o]=s},e.withModifiers=(e,t)=>(n,...o)=>{for(let e=0;e<t.length;e++){const o=bi[t[e]];if(o&&o(n,t))return}return e(n,...o)},e.withScopeId=e=>Ht,Object.defineProperty(e,"__esModule",{value:!0}),e}({}); diff --git a/node_modules/vue/dist/vue.runtime.esm-browser.js b/node_modules/vue/dist/vue.runtime.esm-browser.js new file mode 100644 index 0000000000..3a3d328404 --- /dev/null +++ b/node_modules/vue/dist/vue.runtime.esm-browser.js @@ -0,0 +1,10854 @@ +/** + * Make a map and return a function for checking if a key + * is in that map. + * IMPORTANT: all calls of this function must be prefixed with + * \/\*#\_\_PURE\_\_\*\/ + * So that rollup can tree-shake them if necessary. + */ +function makeMap(str, expectsLowerCase) { + const map = Object.create(null); + const list = str.split(','); + for (let i = 0; i < list.length; i++) { + map[list[i]] = true; + } + return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val]; +} + +const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,' + + 'decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,' + + 'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt'; +const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED); + +/** + * On the client we only need to offer special cases for boolean attributes that + * have different names from their corresponding dom properties: + * - itemscope -> N/A + * - allowfullscreen -> allowFullscreen + * - formnovalidate -> formNoValidate + * - ismap -> isMap + * - nomodule -> noModule + * - novalidate -> noValidate + * - readonly -> readOnly + */ +const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; +const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs); +/** + * Boolean attributes should be included if the value is truthy or ''. + * e.g. <select multiple> compiles to { multiple: '' } + */ +function includeBooleanAttr(value) { + return !!value || value === ''; +} + +function normalizeStyle(value) { + if (isArray(value)) { + const res = {}; + for (let i = 0; i < value.length; i++) { + const item = value[i]; + const normalized = isString(item) + ? parseStringStyle(item) + : normalizeStyle(item); + if (normalized) { + for (const key in normalized) { + res[key] = normalized[key]; + } + } + } + return res; + } + else if (isString(value)) { + return value; + } + else if (isObject(value)) { + return value; + } +} +const listDelimiterRE = /;(?![^(]*\))/g; +const propertyDelimiterRE = /:(.+)/; +function parseStringStyle(cssText) { + const ret = {}; + cssText.split(listDelimiterRE).forEach(item => { + if (item) { + const tmp = item.split(propertyDelimiterRE); + tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); + } + }); + return ret; +} +function normalizeClass(value) { + let res = ''; + if (isString(value)) { + res = value; + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + const normalized = normalizeClass(value[i]); + if (normalized) { + res += normalized + ' '; + } + } + } + else if (isObject(value)) { + for (const name in value) { + if (value[name]) { + res += name + ' '; + } + } + } + return res.trim(); +} +function normalizeProps(props) { + if (!props) + return null; + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (style) { + props.style = normalizeStyle(style); + } + return props; +} + +// These tag configs are shared between compiler-dom and runtime-dom, so they +// https://developer.mozilla.org/en-US/docs/Web/HTML/Element +const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' + + 'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + + 'option,output,progress,select,textarea,details,dialog,menu,' + + 'summary,template,blockquote,iframe,tfoot'; +// https://developer.mozilla.org/en-US/docs/Web/SVG/Element +const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + + 'text,textPath,title,tspan,unknown,use,view'; +const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS); +const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS); + +function looseCompareArrays(a, b) { + if (a.length !== b.length) + return false; + let equal = true; + for (let i = 0; equal && i < a.length; i++) { + equal = looseEqual(a[i], b[i]); + } + return equal; +} +function looseEqual(a, b) { + if (a === b) + return true; + let aValidType = isDate(a); + let bValidType = isDate(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? a.getTime() === b.getTime() : false; + } + aValidType = isArray(a); + bValidType = isArray(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? looseCompareArrays(a, b) : false; + } + aValidType = isObject(a); + bValidType = isObject(b); + if (aValidType || bValidType) { + /* istanbul ignore if: this if will probably never be called */ + if (!aValidType || !bValidType) { + return false; + } + const aKeysCount = Object.keys(a).length; + const bKeysCount = Object.keys(b).length; + if (aKeysCount !== bKeysCount) { + return false; + } + for (const key in a) { + const aHasKey = a.hasOwnProperty(key); + const bHasKey = b.hasOwnProperty(key); + if ((aHasKey && !bHasKey) || + (!aHasKey && bHasKey) || + !looseEqual(a[key], b[key])) { + return false; + } + } + } + return String(a) === String(b); +} +function looseIndexOf(arr, val) { + return arr.findIndex(item => looseEqual(item, val)); +} + +/** + * For converting {{ interpolation }} values to displayed strings. + * @private + */ +const toDisplayString = (val) => { + return val == null + ? '' + : isArray(val) || + (isObject(val) && + (val.toString === objectToString || !isFunction(val.toString))) + ? JSON.stringify(val, replacer, 2) + : String(val); +}; +const replacer = (_key, val) => { + // can't use isRef here since @vue/shared has no deps + if (val && val.__v_isRef) { + return replacer(_key, val.value); + } + else if (isMap(val)) { + return { + [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => { + entries[`${key} =>`] = val; + return entries; + }, {}) + }; + } + else if (isSet(val)) { + return { + [`Set(${val.size})`]: [...val.values()] + }; + } + else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { + return String(val); + } + return val; +}; + +const EMPTY_OBJ = Object.freeze({}) + ; +const EMPTY_ARR = Object.freeze([]) ; +const NOOP = () => { }; +/** + * Always return false. + */ +const NO = () => false; +const onRE = /^on[^a-z]/; +const isOn = (key) => onRE.test(key); +const isModelListener = (key) => key.startsWith('onUpdate:'); +const extend = Object.assign; +const remove = (arr, el) => { + const i = arr.indexOf(el); + if (i > -1) { + arr.splice(i, 1); + } +}; +const hasOwnProperty = Object.prototype.hasOwnProperty; +const hasOwn = (val, key) => hasOwnProperty.call(val, key); +const isArray = Array.isArray; +const isMap = (val) => toTypeString(val) === '[object Map]'; +const isSet = (val) => toTypeString(val) === '[object Set]'; +const isDate = (val) => val instanceof Date; +const isFunction = (val) => typeof val === 'function'; +const isString = (val) => typeof val === 'string'; +const isSymbol = (val) => typeof val === 'symbol'; +const isObject = (val) => val !== null && typeof val === 'object'; +const isPromise = (val) => { + return isObject(val) && isFunction(val.then) && isFunction(val.catch); +}; +const objectToString = Object.prototype.toString; +const toTypeString = (value) => objectToString.call(value); +const toRawType = (value) => { + // extract "RawType" from strings like "[object RawType]" + return toTypeString(value).slice(8, -1); +}; +const isPlainObject = (val) => toTypeString(val) === '[object Object]'; +const isIntegerKey = (key) => isString(key) && + key !== 'NaN' && + key[0] !== '-' && + '' + parseInt(key, 10) === key; +const isReservedProp = /*#__PURE__*/ makeMap( +// the leading comma is intentional so empty string "" is also included +',key,ref,' + + 'onVnodeBeforeMount,onVnodeMounted,' + + 'onVnodeBeforeUpdate,onVnodeUpdated,' + + 'onVnodeBeforeUnmount,onVnodeUnmounted'); +const cacheStringFunction = (fn) => { + const cache = Object.create(null); + return ((str) => { + const hit = cache[str]; + return hit || (cache[str] = fn(str)); + }); +}; +const camelizeRE = /-(\w)/g; +/** + * @private + */ +const camelize = cacheStringFunction((str) => { + return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : '')); +}); +const hyphenateRE = /\B([A-Z])/g; +/** + * @private + */ +const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').toLowerCase()); +/** + * @private + */ +const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1)); +/** + * @private + */ +const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``); +// compare whether a value has changed, accounting for NaN. +const hasChanged = (value, oldValue) => !Object.is(value, oldValue); +const invokeArrayFns = (fns, arg) => { + for (let i = 0; i < fns.length; i++) { + fns[i](arg); + } +}; +const def = (obj, key, value) => { + Object.defineProperty(obj, key, { + configurable: true, + enumerable: false, + value + }); +}; +const toNumber = (val) => { + const n = parseFloat(val); + return isNaN(n) ? val : n; +}; +let _globalThis; +const getGlobalThis = () => { + return (_globalThis || + (_globalThis = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {})); +}; + +function warn(msg, ...args) { + console.warn(`[Vue warn] ${msg}`, ...args); +} + +let activeEffectScope; +const effectScopeStack = []; +class EffectScope { + constructor(detached = false) { + this.active = true; + this.effects = []; + this.cleanups = []; + if (!detached && activeEffectScope) { + this.parent = activeEffectScope; + this.index = + (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1; + } + } + run(fn) { + if (this.active) { + try { + this.on(); + return fn(); + } + finally { + this.off(); + } + } + else { + warn(`cannot run an inactive effect scope.`); + } + } + on() { + if (this.active) { + effectScopeStack.push(this); + activeEffectScope = this; + } + } + off() { + if (this.active) { + effectScopeStack.pop(); + activeEffectScope = effectScopeStack[effectScopeStack.length - 1]; + } + } + stop(fromParent) { + if (this.active) { + this.effects.forEach(e => e.stop()); + this.cleanups.forEach(cleanup => cleanup()); + if (this.scopes) { + this.scopes.forEach(e => e.stop(true)); + } + // nested scope, dereference from parent to avoid memory leaks + if (this.parent && !fromParent) { + // optimized O(1) removal + const last = this.parent.scopes.pop(); + if (last && last !== this) { + this.parent.scopes[this.index] = last; + last.index = this.index; + } + } + this.active = false; + } + } +} +function effectScope(detached) { + return new EffectScope(detached); +} +function recordEffectScope(effect, scope) { + scope = scope || activeEffectScope; + if (scope && scope.active) { + scope.effects.push(effect); + } +} +function getCurrentScope() { + return activeEffectScope; +} +function onScopeDispose(fn) { + if (activeEffectScope) { + activeEffectScope.cleanups.push(fn); + } + else { + warn(`onScopeDispose() is called when there is no active effect scope` + + ` to be associated with.`); + } +} + +const createDep = (effects) => { + const dep = new Set(effects); + dep.w = 0; + dep.n = 0; + return dep; +}; +const wasTracked = (dep) => (dep.w & trackOpBit) > 0; +const newTracked = (dep) => (dep.n & trackOpBit) > 0; +const initDepMarkers = ({ deps }) => { + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].w |= trackOpBit; // set was tracked + } + } +}; +const finalizeDepMarkers = (effect) => { + const { deps } = effect; + if (deps.length) { + let ptr = 0; + for (let i = 0; i < deps.length; i++) { + const dep = deps[i]; + if (wasTracked(dep) && !newTracked(dep)) { + dep.delete(effect); + } + else { + deps[ptr++] = dep; + } + // clear bits + dep.w &= ~trackOpBit; + dep.n &= ~trackOpBit; + } + deps.length = ptr; + } +}; + +const targetMap = new WeakMap(); +// The number of effects currently being tracked recursively. +let effectTrackDepth = 0; +let trackOpBit = 1; +/** + * The bitwise track markers support at most 30 levels op recursion. + * This value is chosen to enable modern JS engines to use a SMI on all platforms. + * When recursion depth is greater, fall back to using a full cleanup. + */ +const maxMarkerBits = 30; +const effectStack = []; +let activeEffect; +const ITERATE_KEY = Symbol('iterate' ); +const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' ); +class ReactiveEffect { + constructor(fn, scheduler = null, scope) { + this.fn = fn; + this.scheduler = scheduler; + this.active = true; + this.deps = []; + recordEffectScope(this, scope); + } + run() { + if (!this.active) { + return this.fn(); + } + if (!effectStack.includes(this)) { + try { + effectStack.push((activeEffect = this)); + enableTracking(); + trackOpBit = 1 << ++effectTrackDepth; + if (effectTrackDepth <= maxMarkerBits) { + initDepMarkers(this); + } + else { + cleanupEffect(this); + } + return this.fn(); + } + finally { + if (effectTrackDepth <= maxMarkerBits) { + finalizeDepMarkers(this); + } + trackOpBit = 1 << --effectTrackDepth; + resetTracking(); + effectStack.pop(); + const n = effectStack.length; + activeEffect = n > 0 ? effectStack[n - 1] : undefined; + } + } + } + stop() { + if (this.active) { + cleanupEffect(this); + if (this.onStop) { + this.onStop(); + } + this.active = false; + } + } +} +function cleanupEffect(effect) { + const { deps } = effect; + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].delete(effect); + } + deps.length = 0; + } +} +function effect(fn, options) { + if (fn.effect) { + fn = fn.effect.fn; + } + const _effect = new ReactiveEffect(fn); + if (options) { + extend(_effect, options); + if (options.scope) + recordEffectScope(_effect, options.scope); + } + if (!options || !options.lazy) { + _effect.run(); + } + const runner = _effect.run.bind(_effect); + runner.effect = _effect; + return runner; +} +function stop(runner) { + runner.effect.stop(); +} +let shouldTrack = true; +const trackStack = []; +function pauseTracking() { + trackStack.push(shouldTrack); + shouldTrack = false; +} +function enableTracking() { + trackStack.push(shouldTrack); + shouldTrack = true; +} +function resetTracking() { + const last = trackStack.pop(); + shouldTrack = last === undefined ? true : last; +} +function track(target, type, key) { + if (!isTracking()) { + return; + } + let depsMap = targetMap.get(target); + if (!depsMap) { + targetMap.set(target, (depsMap = new Map())); + } + let dep = depsMap.get(key); + if (!dep) { + depsMap.set(key, (dep = createDep())); + } + const eventInfo = { effect: activeEffect, target, type, key } + ; + trackEffects(dep, eventInfo); +} +function isTracking() { + return shouldTrack && activeEffect !== undefined; +} +function trackEffects(dep, debuggerEventExtraInfo) { + let shouldTrack = false; + if (effectTrackDepth <= maxMarkerBits) { + if (!newTracked(dep)) { + dep.n |= trackOpBit; // set newly tracked + shouldTrack = !wasTracked(dep); + } + } + else { + // Full cleanup mode. + shouldTrack = !dep.has(activeEffect); + } + if (shouldTrack) { + dep.add(activeEffect); + activeEffect.deps.push(dep); + if (activeEffect.onTrack) { + activeEffect.onTrack(Object.assign({ + effect: activeEffect + }, debuggerEventExtraInfo)); + } + } +} +function trigger(target, type, key, newValue, oldValue, oldTarget) { + const depsMap = targetMap.get(target); + if (!depsMap) { + // never been tracked + return; + } + let deps = []; + if (type === "clear" /* CLEAR */) { + // collection being cleared + // trigger all effects for target + deps = [...depsMap.values()]; + } + else if (key === 'length' && isArray(target)) { + depsMap.forEach((dep, key) => { + if (key === 'length' || key >= newValue) { + deps.push(dep); + } + }); + } + else { + // schedule runs for SET | ADD | DELETE + if (key !== void 0) { + deps.push(depsMap.get(key)); + } + // also run for iteration key on ADD | DELETE | Map.SET + switch (type) { + case "add" /* ADD */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + else if (isIntegerKey(key)) { + // new index added to array -> length changes + deps.push(depsMap.get('length')); + } + break; + case "delete" /* DELETE */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + break; + case "set" /* SET */: + if (isMap(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + } + break; + } + } + const eventInfo = { target, type, key, newValue, oldValue, oldTarget } + ; + if (deps.length === 1) { + if (deps[0]) { + { + triggerEffects(deps[0], eventInfo); + } + } + } + else { + const effects = []; + for (const dep of deps) { + if (dep) { + effects.push(...dep); + } + } + { + triggerEffects(createDep(effects), eventInfo); + } + } +} +function triggerEffects(dep, debuggerEventExtraInfo) { + // spread into array for stabilization + for (const effect of isArray(dep) ? dep : [...dep]) { + if (effect !== activeEffect || effect.allowRecurse) { + if (effect.onTrigger) { + effect.onTrigger(extend({ effect }, debuggerEventExtraInfo)); + } + if (effect.scheduler) { + effect.scheduler(); + } + else { + effect.run(); + } + } + } +} + +const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`); +const builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol) + .map(key => Symbol[key]) + .filter(isSymbol)); +const get = /*#__PURE__*/ createGetter(); +const shallowGet = /*#__PURE__*/ createGetter(false, true); +const readonlyGet = /*#__PURE__*/ createGetter(true); +const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true); +const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations(); +function createArrayInstrumentations() { + const instrumentations = {}; + ['includes', 'indexOf', 'lastIndexOf'].forEach(key => { + instrumentations[key] = function (...args) { + const arr = toRaw(this); + for (let i = 0, l = this.length; i < l; i++) { + track(arr, "get" /* GET */, i + ''); + } + // we run the method using the original args first (which may be reactive) + const res = arr[key](...args); + if (res === -1 || res === false) { + // if that didn't work, run it again using raw values. + return arr[key](...args.map(toRaw)); + } + else { + return res; + } + }; + }); + ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => { + instrumentations[key] = function (...args) { + pauseTracking(); + const res = toRaw(this)[key].apply(this, args); + resetTracking(); + return res; + }; + }); + return instrumentations; +} +function createGetter(isReadonly = false, shallow = false) { + return function get(target, key, receiver) { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */ && + receiver === + (isReadonly + ? shallow + ? shallowReadonlyMap + : readonlyMap + : shallow + ? shallowReactiveMap + : reactiveMap).get(target)) { + return target; + } + const targetIsArray = isArray(target); + if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) { + return Reflect.get(arrayInstrumentations, key, receiver); + } + const res = Reflect.get(target, key, receiver); + if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { + return res; + } + if (!isReadonly) { + track(target, "get" /* GET */, key); + } + if (shallow) { + return res; + } + if (isRef(res)) { + // ref unwrapping - does not apply for Array + integer key. + const shouldUnwrap = !targetIsArray || !isIntegerKey(key); + return shouldUnwrap ? res.value : res; + } + if (isObject(res)) { + // Convert returned value into a proxy as well. we do the isObject check + // here to avoid invalid value warning. Also need to lazy access readonly + // and reactive here to avoid circular dependency. + return isReadonly ? readonly(res) : reactive(res); + } + return res; + }; +} +const set = /*#__PURE__*/ createSetter(); +const shallowSet = /*#__PURE__*/ createSetter(true); +function createSetter(shallow = false) { + return function set(target, key, value, receiver) { + let oldValue = target[key]; + if (!shallow) { + value = toRaw(value); + oldValue = toRaw(oldValue); + if (!isArray(target) && isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + } + const hadKey = isArray(target) && isIntegerKey(key) + ? Number(key) < target.length + : hasOwn(target, key); + const result = Reflect.set(target, key, value, receiver); + // don't trigger if target is something up in the prototype chain of original + if (target === toRaw(receiver)) { + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + } + return result; + }; +} +function deleteProperty(target, key) { + const hadKey = hasOwn(target, key); + const oldValue = target[key]; + const result = Reflect.deleteProperty(target, key); + if (result && hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; +} +function has(target, key) { + const result = Reflect.has(target, key); + if (!isSymbol(key) || !builtInSymbols.has(key)) { + track(target, "has" /* HAS */, key); + } + return result; +} +function ownKeys(target) { + track(target, "iterate" /* ITERATE */, isArray(target) ? 'length' : ITERATE_KEY); + return Reflect.ownKeys(target); +} +const mutableHandlers = { + get, + set, + deleteProperty, + has, + ownKeys +}; +const readonlyHandlers = { + get: readonlyGet, + set(target, key) { + { + console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + }, + deleteProperty(target, key) { + { + console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + } +}; +const shallowReactiveHandlers = /*#__PURE__*/ extend({}, mutableHandlers, { + get: shallowGet, + set: shallowSet +}); +// Props handlers are special in the sense that it should not unwrap top-level +// refs (in order to allow refs to be explicitly passed down), but should +// retain the reactivity of the normal readonly object. +const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, { + get: shallowReadonlyGet +}); + +const toReactive = (value) => isObject(value) ? reactive(value) : value; +const toReadonly = (value) => isObject(value) ? readonly(value) : value; +const toShallow = (value) => value; +const getProto = (v) => Reflect.getPrototypeOf(v); +function get$1(target, key, isReadonly = false, isShallow = false) { + // #1772: readonly(reactive(Map)) should return readonly + reactive version + // of the value + target = target["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "get" /* GET */, key); + } + !isReadonly && track(rawTarget, "get" /* GET */, rawKey); + const { has } = getProto(rawTarget); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + if (has.call(rawTarget, key)) { + return wrap(target.get(key)); + } + else if (has.call(rawTarget, rawKey)) { + return wrap(target.get(rawKey)); + } + else if (target !== rawTarget) { + // #3602 readonly(reactive(Map)) + // ensure that the nested reactive `Map` can do tracking for itself + target.get(key); + } +} +function has$1(key, isReadonly = false) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "has" /* HAS */, key); + } + !isReadonly && track(rawTarget, "has" /* HAS */, rawKey); + return key === rawKey + ? target.has(key) + : target.has(key) || target.has(rawKey); +} +function size(target, isReadonly = false) { + target = target["__v_raw" /* RAW */]; + !isReadonly && track(toRaw(target), "iterate" /* ITERATE */, ITERATE_KEY); + return Reflect.get(target, 'size', target); +} +function add(value) { + value = toRaw(value); + const target = toRaw(this); + const proto = getProto(target); + const hadKey = proto.has.call(target, value); + if (!hadKey) { + target.add(value); + trigger(target, "add" /* ADD */, value, value); + } + return this; +} +function set$1(key, value) { + value = toRaw(value); + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get.call(target, key); + target.set(key, value); + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + return this; +} +function deleteEntry(key) { + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get ? get.call(target, key) : undefined; + // forward the operation before queueing reactions + const result = target.delete(key); + if (hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; +} +function clear() { + const target = toRaw(this); + const hadItems = target.size !== 0; + const oldTarget = isMap(target) + ? new Map(target) + : new Set(target) + ; + // forward the operation before queueing reactions + const result = target.clear(); + if (hadItems) { + trigger(target, "clear" /* CLEAR */, undefined, undefined, oldTarget); + } + return result; +} +function createForEach(isReadonly, isShallow) { + return function forEach(callback, thisArg) { + const observed = this; + const target = observed["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && track(rawTarget, "iterate" /* ITERATE */, ITERATE_KEY); + return target.forEach((value, key) => { + // important: make sure the callback is + // 1. invoked with the reactive map as `this` and 3rd arg + // 2. the value received should be a corresponding reactive/readonly. + return callback.call(thisArg, wrap(value), wrap(key), observed); + }); + }; +} +function createIterableMethod(method, isReadonly, isShallow) { + return function (...args) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const targetIsMap = isMap(rawTarget); + const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap); + const isKeyOnly = method === 'keys' && targetIsMap; + const innerIterator = target[method](...args); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && + track(rawTarget, "iterate" /* ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY); + // return a wrapped iterator which returns observed versions of the + // values emitted from the real iterator + return { + // iterator protocol + next() { + const { value, done } = innerIterator.next(); + return done + ? { value, done } + : { + value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), + done + }; + }, + // iterable protocol + [Symbol.iterator]() { + return this; + } + }; + }; +} +function createReadonlyMethod(type) { + return function (...args) { + { + const key = args[0] ? `on key "${args[0]}" ` : ``; + console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this)); + } + return type === "delete" /* DELETE */ ? false : this; + }; +} +function createInstrumentations() { + const mutableInstrumentations = { + get(key) { + return get$1(this, key); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, false) + }; + const shallowInstrumentations = { + get(key) { + return get$1(this, key, false, true); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, true) + }; + const readonlyInstrumentations = { + get(key) { + return get$1(this, key, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, false) + }; + const shallowReadonlyInstrumentations = { + get(key) { + return get$1(this, key, true, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, true) + }; + const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator]; + iteratorMethods.forEach(method => { + mutableInstrumentations[method] = createIterableMethod(method, false, false); + readonlyInstrumentations[method] = createIterableMethod(method, true, false); + shallowInstrumentations[method] = createIterableMethod(method, false, true); + shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true); + }); + return [ + mutableInstrumentations, + readonlyInstrumentations, + shallowInstrumentations, + shallowReadonlyInstrumentations + ]; +} +const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations(); +function createInstrumentationGetter(isReadonly, shallow) { + const instrumentations = shallow + ? isReadonly + ? shallowReadonlyInstrumentations + : shallowInstrumentations + : isReadonly + ? readonlyInstrumentations + : mutableInstrumentations; + return (target, key, receiver) => { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */) { + return target; + } + return Reflect.get(hasOwn(instrumentations, key) && key in target + ? instrumentations + : target, key, receiver); + }; +} +const mutableCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, false) +}; +const shallowCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, true) +}; +const readonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, false) +}; +const shallowReadonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, true) +}; +function checkIdentityKeys(target, has, key) { + const rawKey = toRaw(key); + if (rawKey !== key && has.call(target, rawKey)) { + const type = toRawType(target); + console.warn(`Reactive ${type} contains both the raw and reactive ` + + `versions of the same object${type === `Map` ? ` as keys` : ``}, ` + + `which can lead to inconsistencies. ` + + `Avoid differentiating between the raw and reactive versions ` + + `of an object and only use the reactive version if possible.`); + } +} + +const reactiveMap = new WeakMap(); +const shallowReactiveMap = new WeakMap(); +const readonlyMap = new WeakMap(); +const shallowReadonlyMap = new WeakMap(); +function targetTypeMap(rawType) { + switch (rawType) { + case 'Object': + case 'Array': + return 1 /* COMMON */; + case 'Map': + case 'Set': + case 'WeakMap': + case 'WeakSet': + return 2 /* COLLECTION */; + default: + return 0 /* INVALID */; + } +} +function getTargetType(value) { + return value["__v_skip" /* SKIP */] || !Object.isExtensible(value) + ? 0 /* INVALID */ + : targetTypeMap(toRawType(value)); +} +function reactive(target) { + // if trying to observe a readonly proxy, return the readonly version. + if (target && target["__v_isReadonly" /* IS_READONLY */]) { + return target; + } + return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap); +} +/** + * Return a shallowly-reactive copy of the original object, where only the root + * level properties are reactive. It also does not auto-unwrap refs (even at the + * root level). + */ +function shallowReactive(target) { + return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap); +} +/** + * Creates a readonly copy of the original object. Note the returned copy is not + * made reactive, but `readonly` can be called on an already reactive object. + */ +function readonly(target) { + return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap); +} +/** + * Returns a reactive-copy of the original object, where only the root level + * properties are readonly, and does NOT unwrap refs nor recursively convert + * returned properties. + * This is used for creating the props proxy object for stateful components. + */ +function shallowReadonly(target) { + return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap); +} +function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) { + if (!isObject(target)) { + { + console.warn(`value cannot be made reactive: ${String(target)}`); + } + return target; + } + // target is already a Proxy, return it. + // exception: calling readonly() on a reactive object + if (target["__v_raw" /* RAW */] && + !(isReadonly && target["__v_isReactive" /* IS_REACTIVE */])) { + return target; + } + // target already has corresponding Proxy + const existingProxy = proxyMap.get(target); + if (existingProxy) { + return existingProxy; + } + // only a whitelist of value types can be observed. + const targetType = getTargetType(target); + if (targetType === 0 /* INVALID */) { + return target; + } + const proxy = new Proxy(target, targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers); + proxyMap.set(target, proxy); + return proxy; +} +function isReactive(value) { + if (isReadonly(value)) { + return isReactive(value["__v_raw" /* RAW */]); + } + return !!(value && value["__v_isReactive" /* IS_REACTIVE */]); +} +function isReadonly(value) { + return !!(value && value["__v_isReadonly" /* IS_READONLY */]); +} +function isProxy(value) { + return isReactive(value) || isReadonly(value); +} +function toRaw(observed) { + const raw = observed && observed["__v_raw" /* RAW */]; + return raw ? toRaw(raw) : observed; +} +function markRaw(value) { + def(value, "__v_skip" /* SKIP */, true); + return value; +} + +function trackRefValue(ref) { + if (isTracking()) { + ref = toRaw(ref); + if (!ref.dep) { + ref.dep = createDep(); + } + { + trackEffects(ref.dep, { + target: ref, + type: "get" /* GET */, + key: 'value' + }); + } + } +} +function triggerRefValue(ref, newVal) { + ref = toRaw(ref); + if (ref.dep) { + { + triggerEffects(ref.dep, { + target: ref, + type: "set" /* SET */, + key: 'value', + newValue: newVal + }); + } + } +} +const convert = (val) => isObject(val) ? reactive(val) : val; +function isRef(r) { + return Boolean(r && r.__v_isRef === true); +} +function ref(value) { + return createRef(value, false); +} +function shallowRef(value) { + return createRef(value, true); +} +class RefImpl { + constructor(value, _shallow) { + this._shallow = _shallow; + this.dep = undefined; + this.__v_isRef = true; + this._rawValue = _shallow ? value : toRaw(value); + this._value = _shallow ? value : convert(value); + } + get value() { + trackRefValue(this); + return this._value; + } + set value(newVal) { + newVal = this._shallow ? newVal : toRaw(newVal); + if (hasChanged(newVal, this._rawValue)) { + this._rawValue = newVal; + this._value = this._shallow ? newVal : convert(newVal); + triggerRefValue(this, newVal); + } + } +} +function createRef(rawValue, shallow) { + if (isRef(rawValue)) { + return rawValue; + } + return new RefImpl(rawValue, shallow); +} +function triggerRef(ref) { + triggerRefValue(ref, ref.value ); +} +function unref(ref) { + return isRef(ref) ? ref.value : ref; +} +const shallowUnwrapHandlers = { + get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)), + set: (target, key, value, receiver) => { + const oldValue = target[key]; + if (isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + else { + return Reflect.set(target, key, value, receiver); + } + } +}; +function proxyRefs(objectWithRefs) { + return isReactive(objectWithRefs) + ? objectWithRefs + : new Proxy(objectWithRefs, shallowUnwrapHandlers); +} +class CustomRefImpl { + constructor(factory) { + this.dep = undefined; + this.__v_isRef = true; + const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this)); + this._get = get; + this._set = set; + } + get value() { + return this._get(); + } + set value(newVal) { + this._set(newVal); + } +} +function customRef(factory) { + return new CustomRefImpl(factory); +} +function toRefs(object) { + if (!isProxy(object)) { + console.warn(`toRefs() expects a reactive object but received a plain one.`); + } + const ret = isArray(object) ? new Array(object.length) : {}; + for (const key in object) { + ret[key] = toRef(object, key); + } + return ret; +} +class ObjectRefImpl { + constructor(_object, _key) { + this._object = _object; + this._key = _key; + this.__v_isRef = true; + } + get value() { + return this._object[this._key]; + } + set value(newVal) { + this._object[this._key] = newVal; + } +} +function toRef(object, key) { + const val = object[key]; + return isRef(val) ? val : new ObjectRefImpl(object, key); +} + +class ComputedRefImpl { + constructor(getter, _setter, isReadonly) { + this._setter = _setter; + this.dep = undefined; + this._dirty = true; + this.__v_isRef = true; + this.effect = new ReactiveEffect(getter, () => { + if (!this._dirty) { + this._dirty = true; + triggerRefValue(this); + } + }); + this["__v_isReadonly" /* IS_READONLY */] = isReadonly; + } + get value() { + // the computed ref may get wrapped by other proxies e.g. readonly() #3376 + const self = toRaw(this); + trackRefValue(self); + if (self._dirty) { + self._dirty = false; + self._value = self.effect.run(); + } + return self._value; + } + set value(newValue) { + this._setter(newValue); + } +} +function computed(getterOrOptions, debugOptions) { + let getter; + let setter; + if (isFunction(getterOrOptions)) { + getter = getterOrOptions; + setter = () => { + console.warn('Write operation failed: computed value is readonly'); + } + ; + } + else { + getter = getterOrOptions.get; + setter = getterOrOptions.set; + } + const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set); + if (debugOptions) { + cRef.effect.onTrack = debugOptions.onTrack; + cRef.effect.onTrigger = debugOptions.onTrigger; + } + return cRef; +} + +/* eslint-disable no-restricted-globals */ +let isHmrUpdating = false; +const hmrDirtyComponents = new Set(); +// Expose the HMR runtime on the global object +// This makes it entirely tree-shakable without polluting the exports and makes +// it easier to be used in toolings like vue-loader +// Note: for a component to be eligible for HMR it also needs the __hmrId option +// to be set so that its instances can be registered / removed. +{ + const globalObject = typeof global !== 'undefined' + ? global + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : {}; + globalObject.__VUE_HMR_RUNTIME__ = { + createRecord: tryWrap(createRecord), + rerender: tryWrap(rerender), + reload: tryWrap(reload) + }; +} +const map = new Map(); +function registerHMR(instance) { + const id = instance.type.__hmrId; + let record = map.get(id); + if (!record) { + createRecord(id, instance.type); + record = map.get(id); + } + record.instances.add(instance); +} +function unregisterHMR(instance) { + map.get(instance.type.__hmrId).instances.delete(instance); +} +function createRecord(id, component) { + if (!component) { + warn$1(`HMR API usage is out of date.\n` + + `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` + + `dependency that handles Vue SFC compilation.`); + component = {}; + } + if (map.has(id)) { + return false; + } + map.set(id, { + component: isClassComponent(component) ? component.__vccOpts : component, + instances: new Set() + }); + return true; +} +function rerender(id, newRender) { + const record = map.get(id); + if (!record) + return; + if (newRender) + record.component.render = newRender; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + Array.from(record.instances).forEach(instance => { + if (newRender) { + instance.render = newRender; + } + instance.renderCache = []; + // this flag forces child components with slot content to update + isHmrUpdating = true; + instance.update(); + isHmrUpdating = false; + }); +} +function reload(id, newComp) { + const record = map.get(id); + if (!record) + return; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + const { component, instances } = record; + if (!hmrDirtyComponents.has(component)) { + // 1. Update existing comp definition to match new one + newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp; + extend(component, newComp); + for (const key in component) { + if (key !== '__file' && !(key in newComp)) { + delete component[key]; + } + } + // 2. Mark component dirty. This forces the renderer to replace the component + // on patch. + hmrDirtyComponents.add(component); + // 3. Make sure to unmark the component after the reload. + queuePostFlushCb(() => { + hmrDirtyComponents.delete(component); + }); + } + Array.from(instances).forEach(instance => { + // invalidate options resolution cache + instance.appContext.optionsCache.delete(instance.type); + if (instance.ceReload) { + // custom element + hmrDirtyComponents.add(component); + instance.ceReload(newComp.styles); + hmrDirtyComponents.delete(component); + } + else if (instance.parent) { + // 4. Force the parent instance to re-render. This will cause all updated + // components to be unmounted and re-mounted. Queue the update so that we + // don't end up forcing the same parent to re-render multiple times. + queueJob(instance.parent.update); + // instance is the inner component of an async custom element + // invoke to reset styles + if (instance.parent.type.__asyncLoader && + instance.parent.ceReload) { + instance.parent.ceReload(newComp.styles); + } + } + else if (instance.appContext.reload) { + // root instance mounted via createApp() has a reload method + instance.appContext.reload(); + } + else if (typeof window !== 'undefined') { + // root instance inside tree created via raw render(). Force reload. + window.location.reload(); + } + else { + console.warn('[HMR] Root or manually mounted instance modified. Full reload required.'); + } + }); +} +function tryWrap(fn) { + return (id, arg) => { + try { + return fn(id, arg); + } + catch (e) { + console.error(e); + console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` + + `Full reload required.`); + } + }; +} + +let devtools; +function setDevtoolsHook(hook) { + devtools = hook; +} +function devtoolsInitApp(app, version) { + // TODO queue if devtools is undefined + if (!devtools) + return; + devtools.emit("app:init" /* APP_INIT */, app, version, { + Fragment, + Text, + Comment: Comment$1, + Static + }); +} +function devtoolsUnmountApp(app) { + if (!devtools) + return; + devtools.emit("app:unmount" /* APP_UNMOUNT */, app); +} +const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */); +const devtoolsComponentUpdated = +/*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */); +const devtoolsComponentRemoved = +/*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */); +function createDevtoolsComponentHook(hook) { + return (component) => { + if (!devtools) + return; + devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component); + }; +} +const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */); +const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */); +function createDevtoolsPerformanceHook(hook) { + return (component, type, time) => { + if (!devtools) + return; + devtools.emit(hook, component.appContext.app, component.uid, component, type, time); + }; +} +function devtoolsComponentEmit(component, event, params) { + if (!devtools) + return; + devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params); +} + +const deprecationData = { + ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: { + message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` + + `option have been removed. Use createApp(RootComponent).mount() instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance` + }, + ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: { + message: `Vue detected directives on the mount container. ` + + `In Vue 3, the container is no longer considered part of the template ` + + `and will not be processed/replaced.`, + link: `https://v3.vuejs.org/guide/migration/mount-changes.html` + }, + ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: { + message: `Vue.extend() has been removed in Vue 3. ` + + `Use defineComponent() instead.`, + link: `https://v3.vuejs.org/api/global-api.html#definecomponent` + }, + ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: { + message: `Vue.prototype is no longer available in Vue 3. ` + + `Use app.config.globalProperties instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties` + }, + ["GLOBAL_SET" /* GLOBAL_SET */]: { + message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_DELETE" /* GLOBAL_DELETE */]: { + message: `Vue.delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: { + message: `Vue.observable() has been removed. ` + + `Use \`import { reactive } from "vue"\` from Composition API instead.`, + link: `https://v3.vuejs.org/api/basic-reactivity.html` + }, + ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: { + message: `Vue.util has been removed. Please refactor to avoid its usage ` + + `since it was an internal API even in Vue 2.` + }, + ["CONFIG_SILENT" /* CONFIG_SILENT */]: { + message: `config.silent has been removed because it is not good practice to ` + + `intentionally suppress warnings. You can use your browser console's ` + + `filter features to focus on relevant messages.` + }, + ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: { + message: `config.devtools has been removed. To enable devtools for ` + + `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`, + link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags` + }, + ["CONFIG_KEY_CODES" /* CONFIG_KEY_CODES */]: { + message: `config.keyCodes has been removed. ` + + `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: { + message: `config.productionTip has been removed.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed` + }, + ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: { + message: () => { + let msg = `config.ignoredElements has been removed.`; + if (isRuntimeOnly()) { + msg += ` Pass the "isCustomElement" option to @vue/compiler-dom instead.`; + } + else { + msg += ` Use config.isCustomElement instead.`; + } + return msg; + }, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-ignoredelements-is-now-config-iscustomelement` + }, + ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: { + // this warning is only relevant in the full build when using runtime + // compilation, so it's put in the runtime compatConfig list. + message: `Vue 3 compiler's whitespace option will default to "condense" instead of ` + + `"preserve". To suppress this warning, provide an explicit value for ` + + `\`config.compilerOptions.whitespace\`.` + }, + ["CONFIG_OPTION_MERGE_STRATS" /* CONFIG_OPTION_MERGE_STRATS */]: { + message: `config.optionMergeStrategies no longer exposes internal strategies. ` + + `Use custom merge functions instead.` + }, + ["INSTANCE_SET" /* INSTANCE_SET */]: { + message: `vm.$set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DELETE" /* INSTANCE_DELETE */]: { + message: `vm.$delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: { + message: `vm.$destroy() has been removed. Use app.unmount() instead.`, + link: `https://v3.vuejs.org/api/application-api.html#unmount` + }, + ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: { + message: `vm.$on/$once/$off() have been removed. ` + + `Use an external event emitter library instead.`, + link: `https://v3.vuejs.org/guide/migration/events-api.html` + }, + ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: { + message: event => `"${event}" lifecycle events are no longer supported. From templates, ` + + `use the "vnode" prefix instead of "hook:". For example, @${event} ` + + `should be changed to @vnode-${event.slice(5)}. ` + + `From JavaScript, use Composition API to dynamically register lifecycle ` + + `hooks.`, + link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html` + }, + ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: { + message: `vm.$children has been removed. Consider refactoring your logic ` + + `to avoid relying on direct access to child components.`, + link: `https://v3.vuejs.org/guide/migration/children.html` + }, + ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: { + message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` + + `included in vm.$attrs and it is no longer necessary to separately use ` + + `v-on="$listeners" if you are already using v-bind="$attrs". ` + + `(Note: the Vue 3 behavior only applies if this compat config is disabled)`, + link: `https://v3.vuejs.org/guide/migration/listeners-removed.html` + }, + ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: { + message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`, + link: `https://v3.vuejs.org/guide/migration/slots-unification.html` + }, + ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: { + message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` + + `relying on class/style fallthrough from parent. In Vue 3, class/style ` + + `are now included in $attrs and will no longer fallthrough when ` + + `inheritAttrs is false. If you are already using v-bind="$attrs" on ` + + `component root it should render the same end result. ` + + `If you are binding $attrs to a non-root element and expecting ` + + `class/style to fallthrough on root, you will need to now manually bind ` + + `them on root via :class="$attrs.class".`, + link: `https://v3.vuejs.org/guide/migration/attrs-includes-class-style.html` + }, + ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: { + message: `The "data" option can no longer be a plain object. ` + + `Always use a function.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html` + }, + ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: { + message: (key) => `Detected conflicting key "${key}" when merging data option values. ` + + `In Vue 3, data keys are merged shallowly and will override one another.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change` + }, + ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: { + message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.` + }, + ["OPTIONS_DESTROYED" /* OPTIONS_DESTROYED */]: { + message: `\`destroyed\` has been renamed to \`unmounted\`.` + }, + ["WATCH_ARRAY" /* WATCH_ARRAY */]: { + message: `"watch" option or vm.$watch on an array value will no longer ` + + `trigger on array mutation unless the "deep" option is specified. ` + + `If current usage is intended, you can disable the compat behavior and ` + + `suppress this warning with:` + + `\n\n configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/watch.html` + }, + ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: { + message: (key) => `props default value function no longer has access to "this". The compat ` + + `build only offers access to this.$options.` + + `(found in prop "${key}")`, + link: `https://v3.vuejs.org/guide/migration/props-default-this.html` + }, + ["CUSTOM_DIR" /* CUSTOM_DIR */]: { + message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` + + `Use "${newHook}" instead.`, + link: `https://v3.vuejs.org/guide/migration/custom-directives.html` + }, + ["V_FOR_REF" /* V_FOR_REF */]: { + message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` + + `Consider using function refs or refactor to avoid ref usage altogether.`, + link: `https://v3.vuejs.org/guide/migration/array-refs.html` + }, + ["V_ON_KEYCODE_MODIFIER" /* V_ON_KEYCODE_MODIFIER */]: { + message: `Using keyCode as v-on modifier is no longer supported. ` + + `Use kebab-case key name modifiers instead.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: { + message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` + + `${name}="false" instead of removing it in Vue 3. To remove the attribute, ` + + `use \`null\` or \`undefined\` instead. If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: { + message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` + + `${value === null ? `be removed` : `render the value as-is`} instead of coercing the value to "${coerced}" in Vue 3. ` + + `Always use explicit "true" or "false" values for enumerated attributes. ` + + `If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: { + message: `` // this feature cannot be runtime-detected + }, + ["TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */]: { + message: `<TransitionGroup> no longer renders a root <span> element by ` + + `default if no "tag" prop is specified. If you do not rely on the span ` + + `for styling, you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/transition-group.html` + }, + ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Async component${name ? ` <${name}>` : `s`} should be explicitly created via \`defineAsyncComponent()\` ` + + `in Vue 3. Plain functions will be treated as functional components in ` + + `non-compat build. If you have already migrated all async component ` + + `usage and intend to use plain functions for functional components, ` + + `you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`); + }, + link: `https://v3.vuejs.org/guide/migration/async-components.html` + }, + ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Functional component${name ? ` <${name}>` : `s`} should be defined as a plain function in Vue 3. The "functional" ` + + `option has been removed. NOTE: Before migrating to use plain ` + + `functions for functional components, first make sure that all async ` + + `components usage have been migrated and its compat behavior has ` + + `been disabled.`); + }, + link: `https://v3.vuejs.org/guide/migration/functional-components.html` + }, + ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: { + message: (comp) => { + const configMsg = `opt-in to ` + + `Vue 3 behavior on a per-component basis with \`compatConfig: { ${"COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */}: false }\`.`; + if (comp.props && + (isArray(comp.props) + ? comp.props.includes('modelValue') + : hasOwn(comp.props, 'modelValue'))) { + return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` + + `is running under Vue 2 compat v-model behavior. You can ${configMsg}`); + } + return (`v-model usage on component has changed in Vue 3. Component that expects ` + + `to work with v-model should now use the "modelValue" prop and emit the ` + + `"update:modelValue" event. You can update the usage and then ${configMsg}`); + }, + link: `https://v3.vuejs.org/guide/migration/v-model.html` + }, + ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: { + message: `Vue 3's render function API has changed. ` + + `You can opt-in to the new API with:` + + `\n\n configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` + + `\n (This can also be done per-component via the "compatConfig" option.)`, + link: `https://v3.vuejs.org/guide/migration/render-function-api.html` + }, + ["FILTERS" /* FILTERS */]: { + message: `filters have been removed in Vue 3. ` + + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + + `Use method calls or computed properties instead.`, + link: `https://v3.vuejs.org/guide/migration/filters.html` + }, + ["PRIVATE_APIS" /* PRIVATE_APIS */]: { + message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` + + `If you are seeing this warning only due to a dependency, you can ` + + `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.` + } +}; +const instanceWarned = Object.create(null); +const warnCount = Object.create(null); +function warnDeprecation(key, instance, ...args) { + instance = instance || getCurrentInstance(); + // check user config + const config = getCompatConfigForKey(key, instance); + if (config === 'suppress-warning') { + return; + } + const dupKey = key + args.join(''); + let compId = instance && formatComponentName(instance, instance.type); + if (compId === 'Anonymous' && instance) { + compId = instance.uid; + } + // skip if the same warning is emitted for the same component type + const componentDupKey = dupKey + compId; + if (componentDupKey in instanceWarned) { + return; + } + instanceWarned[componentDupKey] = true; + // same warning, but different component. skip the long message and just + // log the key and count. + if (dupKey in warnCount) { + warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`); + return; + } + warnCount[dupKey] = 0; + const { message, link } = deprecationData[key]; + warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`); + if (!isCompatEnabled(key, instance, true)) { + console.error(`^ The above deprecation's compat behavior is disabled and will likely ` + + `lead to runtime errors.`); + } +} +const globalCompatConfig = { + MODE: 2 +}; +function getCompatConfigForKey(key, instance) { + const instanceConfig = instance && instance.type.compatConfig; + if (instanceConfig && key in instanceConfig) { + return instanceConfig[key]; + } + return globalCompatConfig[key]; +} +function isCompatEnabled(key, instance, enableForBuiltIn = false) { + // skip compat for built-in components + if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) { + return false; + } + const rawMode = getCompatConfigForKey('MODE', instance) || 2; + const val = getCompatConfigForKey(key, instance); + const mode = isFunction(rawMode) + ? rawMode(instance && instance.type) + : rawMode; + if (mode === 2) { + return val !== false; + } + else { + return val === true || val === 'suppress-warning'; + } +} + +function emit(instance, event, ...rawArgs) { + const props = instance.vnode.props || EMPTY_OBJ; + { + const { emitsOptions, propsOptions: [propsOptions] } = instance; + if (emitsOptions) { + if (!(event in emitsOptions) && + !(false )) { + if (!propsOptions || !(toHandlerKey(event) in propsOptions)) { + warn$1(`Component emitted event "${event}" but it is neither declared in ` + + `the emits option nor as an "${toHandlerKey(event)}" prop.`); + } + } + else { + const validator = emitsOptions[event]; + if (isFunction(validator)) { + const isValid = validator(...rawArgs); + if (!isValid) { + warn$1(`Invalid event arguments: event validation failed for event "${event}".`); + } + } + } + } + } + let args = rawArgs; + const isModelListener = event.startsWith('update:'); + // for v-model update:xxx events, apply modifiers on args + const modelArg = isModelListener && event.slice(7); + if (modelArg && modelArg in props) { + const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`; + const { number, trim } = props[modifiersKey] || EMPTY_OBJ; + if (trim) { + args = rawArgs.map(a => a.trim()); + } + else if (number) { + args = rawArgs.map(toNumber); + } + } + { + devtoolsComponentEmit(instance, event, args); + } + { + const lowerCaseEvent = event.toLowerCase(); + if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) { + warn$1(`Event "${lowerCaseEvent}" is emitted in component ` + + `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` + + `Note that HTML attributes are case-insensitive and you cannot use ` + + `v-on to listen to camelCase events when using in-DOM templates. ` + + `You should probably use "${hyphenate(event)}" instead of "${event}".`); + } + } + let handlerName; + let handler = props[(handlerName = toHandlerKey(event))] || + // also try camelCase event handler (#2249) + props[(handlerName = toHandlerKey(camelize(event)))]; + // for v-model update:xxx events, also trigger kebab-case equivalent + // for props passed via kebab-case + if (!handler && isModelListener) { + handler = props[(handlerName = toHandlerKey(hyphenate(event)))]; + } + if (handler) { + callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } + const onceHandler = props[handlerName + `Once`]; + if (onceHandler) { + if (!instance.emitted) { + instance.emitted = {}; + } + else if (instance.emitted[handlerName]) { + return; + } + instance.emitted[handlerName] = true; + callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } +} +function normalizeEmitsOptions(comp, appContext, asMixin = false) { + const cache = appContext.emitsCache; + const cached = cache.get(comp); + if (cached !== undefined) { + return cached; + } + const raw = comp.emits; + let normalized = {}; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendEmits = (raw) => { + const normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true); + if (normalizedFromExtend) { + hasExtends = true; + extend(normalized, normalizedFromExtend); + } + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendEmits); + } + if (comp.extends) { + extendEmits(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendEmits); + } + } + if (!raw && !hasExtends) { + cache.set(comp, null); + return null; + } + if (isArray(raw)) { + raw.forEach(key => (normalized[key] = null)); + } + else { + extend(normalized, raw); + } + cache.set(comp, normalized); + return normalized; +} +// Check if an incoming prop key is a declared emit event listener. +// e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are +// both considered matched listeners. +function isEmitListener(options, key) { + if (!options || !isOn(key)) { + return false; + } + key = key.slice(2).replace(/Once$/, ''); + return (hasOwn(options, key[0].toLowerCase() + key.slice(1)) || + hasOwn(options, hyphenate(key)) || + hasOwn(options, key)); +} + +/** + * mark the current rendering instance for asset resolution (e.g. + * resolveComponent, resolveDirective) during render + */ +let currentRenderingInstance = null; +let currentScopeId = null; +/** + * Note: rendering calls maybe nested. The function returns the parent rendering + * instance if present, which should be restored after the render is done: + * + * ```js + * const prev = setCurrentRenderingInstance(i) + * // ...render + * setCurrentRenderingInstance(prev) + * ``` + */ +function setCurrentRenderingInstance(instance) { + const prev = currentRenderingInstance; + currentRenderingInstance = instance; + currentScopeId = (instance && instance.type.__scopeId) || null; + return prev; +} +/** + * Set scope id when creating hoisted vnodes. + * @private compiler helper + */ +function pushScopeId(id) { + currentScopeId = id; +} +/** + * Technically we no longer need this after 3.0.8 but we need to keep the same + * API for backwards compat w/ code generated by compilers. + * @private + */ +function popScopeId() { + currentScopeId = null; +} +/** + * Only for backwards compat + * @private + */ +const withScopeId = (_id) => withCtx; +/** + * Wrap a slot function to memoize current rendering instance + * @private compiler helper + */ +function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only +) { + if (!ctx) + return fn; + // already normalized + if (fn._n) { + return fn; + } + const renderFnWithContext = (...args) => { + // If a user calls a compiled slot inside a template expression (#1745), it + // can mess up block tracking, so by default we disable block tracking and + // force bail out when invoking a compiled slot (indicated by the ._d flag). + // This isn't necessary if rendering a compiled `<slot>`, so we flip the + // ._d flag off when invoking the wrapped fn inside `renderSlot`. + if (renderFnWithContext._d) { + setBlockTracking(-1); + } + const prevInstance = setCurrentRenderingInstance(ctx); + const res = fn(...args); + setCurrentRenderingInstance(prevInstance); + if (renderFnWithContext._d) { + setBlockTracking(1); + } + { + devtoolsComponentUpdated(ctx); + } + return res; + }; + // mark normalized to avoid duplicated wrapping + renderFnWithContext._n = true; + // mark this as compiled by default + // this is used in vnode.ts -> normalizeChildren() to set the slot + // rendering flag. + renderFnWithContext._c = true; + // disable block tracking by default + renderFnWithContext._d = true; + return renderFnWithContext; +} + +/** + * dev only flag to track whether $attrs was used during render. + * If $attrs was used during render then the warning for failed attrs + * fallthrough can be suppressed. + */ +let accessedAttrs = false; +function markAttrsAccessed() { + accessedAttrs = true; +} +function renderComponentRoot(instance) { + const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance; + let result; + const prev = setCurrentRenderingInstance(instance); + { + accessedAttrs = false; + } + try { + let fallthroughAttrs; + if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) { + // withProxy is a proxy with a different `has` trap only for + // runtime-compiled render functions using `with` block. + const proxyToUse = withProxy || proxy; + result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx)); + fallthroughAttrs = attrs; + } + else { + // functional + const render = Component; + // in dev, mark attrs accessed if optional props (attrs === props) + if (true && attrs === props) { + markAttrsAccessed(); + } + result = normalizeVNode(render.length > 1 + ? render(props, true + ? { + get attrs() { + markAttrsAccessed(); + return attrs; + }, + slots, + emit + } + : { attrs, slots, emit }) + : render(props, null /* we know it doesn't need it */)); + fallthroughAttrs = Component.props + ? attrs + : getFunctionalFallthrough(attrs); + } + // attr merging + // in dev mode, comments are preserved, and it's possible for a template + // to have comments along side the root element which makes it a fragment + let root = result; + let setRoot = undefined; + if (true && + result.patchFlag > 0 && + result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + ; + [root, setRoot] = getChildRoot(result); + } + if (fallthroughAttrs && inheritAttrs !== false) { + const keys = Object.keys(fallthroughAttrs); + const { shapeFlag } = root; + if (keys.length) { + if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) { + if (propsOptions && keys.some(isModelListener)) { + // If a v-model listener (onUpdate:xxx) has a corresponding declared + // prop, it indicates this component expects to handle v-model and + // it should not fallthrough. + // related: #1543, #1643, #1989 + fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions); + } + root = cloneVNode(root, fallthroughAttrs); + } + else if (true && !accessedAttrs && root.type !== Comment$1) { + const allAttrs = Object.keys(attrs); + const eventAttrs = []; + const extraAttrs = []; + for (let i = 0, l = allAttrs.length; i < l; i++) { + const key = allAttrs[i]; + if (isOn(key)) { + // ignore v-model handlers when they fail to fallthrough + if (!isModelListener(key)) { + // remove `on`, lowercase first letter to reflect event casing + // accurately + eventAttrs.push(key[2].toLowerCase() + key.slice(3)); + } + } + else { + extraAttrs.push(key); + } + } + if (extraAttrs.length) { + warn$1(`Extraneous non-props attributes (` + + `${extraAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes.`); + } + if (eventAttrs.length) { + warn$1(`Extraneous non-emits event listeners (` + + `${eventAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes. ` + + `If the listener is intended to be a component custom event listener only, ` + + `declare it using the "emits" option.`); + } + } + } + } + if (false && + isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) && + vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ && + root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ; + // inherit directives + if (vnode.dirs) { + if (true && !isElementRoot(root)) { + warn$1(`Runtime directive used on component with non-element root node. ` + + `The directives will not function as intended.`); + } + root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs; + } + // inherit transition data + if (vnode.transition) { + if (true && !isElementRoot(root)) { + warn$1(`Component inside <Transition> renders non-element root node ` + + `that cannot be animated.`); + } + root.transition = vnode.transition; + } + if (true && setRoot) { + setRoot(root); + } + else { + result = root; + } + } + catch (err) { + blockStack.length = 0; + handleError(err, instance, 1 /* RENDER_FUNCTION */); + result = createVNode(Comment$1); + } + setCurrentRenderingInstance(prev); + return result; +} +/** + * dev only + * In dev mode, template root level comments are rendered, which turns the + * template into a fragment root, but we need to locate the single element + * root for attrs and scope id processing. + */ +const getChildRoot = (vnode) => { + const rawChildren = vnode.children; + const dynamicChildren = vnode.dynamicChildren; + const childRoot = filterSingleRoot(rawChildren); + if (!childRoot) { + return [vnode, undefined]; + } + const index = rawChildren.indexOf(childRoot); + const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1; + const setRoot = (updatedRoot) => { + rawChildren[index] = updatedRoot; + if (dynamicChildren) { + if (dynamicIndex > -1) { + dynamicChildren[dynamicIndex] = updatedRoot; + } + else if (updatedRoot.patchFlag > 0) { + vnode.dynamicChildren = [...dynamicChildren, updatedRoot]; + } + } + }; + return [normalizeVNode(childRoot), setRoot]; +}; +function filterSingleRoot(children) { + let singleRoot; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isVNode(child)) { + // ignore user comment + if (child.type !== Comment$1 || child.children === 'v-if') { + if (singleRoot) { + // has more than 1 non-comment child, return now + return; + } + else { + singleRoot = child; + } + } + } + else { + return; + } + } + return singleRoot; +} +const getFunctionalFallthrough = (attrs) => { + let res; + for (const key in attrs) { + if (key === 'class' || key === 'style' || isOn(key)) { + (res || (res = {}))[key] = attrs[key]; + } + } + return res; +}; +const filterModelListeners = (attrs, props) => { + const res = {}; + for (const key in attrs) { + if (!isModelListener(key) || !(key.slice(9) in props)) { + res[key] = attrs[key]; + } + } + return res; +}; +const isElementRoot = (vnode) => { + return (vnode.shapeFlag & (6 /* COMPONENT */ | 1 /* ELEMENT */) || + vnode.type === Comment$1 // potential v-if branch switch + ); +}; +function shouldUpdateComponent(prevVNode, nextVNode, optimized) { + const { props: prevProps, children: prevChildren, component } = prevVNode; + const { props: nextProps, children: nextChildren, patchFlag } = nextVNode; + const emits = component.emitsOptions; + // Parent component's render function was hot-updated. Since this may have + // caused the child component's slots content to have changed, we need to + // force the child to update as well. + if ((prevChildren || nextChildren) && isHmrUpdating) { + return true; + } + // force child update for runtime directive or transition on component vnode. + if (nextVNode.dirs || nextVNode.transition) { + return true; + } + if (optimized && patchFlag >= 0) { + if (patchFlag & 1024 /* DYNAMIC_SLOTS */) { + // slot content that references values that might have changed, + // e.g. in a v-for + return true; + } + if (patchFlag & 16 /* FULL_PROPS */) { + if (!prevProps) { + return !!nextProps; + } + // presence of this flag indicates props are always non-null + return hasPropsChanged(prevProps, nextProps, emits); + } + else if (patchFlag & 8 /* PROPS */) { + const dynamicProps = nextVNode.dynamicProps; + for (let i = 0; i < dynamicProps.length; i++) { + const key = dynamicProps[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emits, key)) { + return true; + } + } + } + } + else { + // this path is only taken by manually written render functions + // so presence of any children leads to a forced update + if (prevChildren || nextChildren) { + if (!nextChildren || !nextChildren.$stable) { + return true; + } + } + if (prevProps === nextProps) { + return false; + } + if (!prevProps) { + return !!nextProps; + } + if (!nextProps) { + return true; + } + return hasPropsChanged(prevProps, nextProps, emits); + } + return false; +} +function hasPropsChanged(prevProps, nextProps, emitsOptions) { + const nextKeys = Object.keys(nextProps); + if (nextKeys.length !== Object.keys(prevProps).length) { + return true; + } + for (let i = 0; i < nextKeys.length; i++) { + const key = nextKeys[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emitsOptions, key)) { + return true; + } + } + return false; +} +function updateHOCHostEl({ vnode, parent }, el // HostNode +) { + while (parent && parent.subTree === vnode) { + (vnode = parent.vnode).el = el; + parent = parent.parent; + } +} + +const isSuspense = (type) => type.__isSuspense; +// Suspense exposes a component-like API, and is treated like a component +// in the compiler, but internally it's a special built-in type that hooks +// directly into the renderer. +const SuspenseImpl = { + name: 'Suspense', + // In order to make Suspense tree-shakable, we need to avoid importing it + // directly in the renderer. The renderer checks for the __isSuspense flag + // on a vnode's type and calls the `process` method, passing in renderer + // internals. + __isSuspense: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, + // platform-specific impl passed from renderer + rendererInternals) { + if (n1 == null) { + mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals); + } + else { + patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals); + } + }, + hydrate: hydrateSuspense, + create: createSuspenseBoundary, + normalize: normalizeSuspenseChildren +}; +// Force-casted public typing for h and TSX props inference +const Suspense = (SuspenseImpl ); +function triggerEvent(vnode, name) { + const eventListener = vnode.props && vnode.props[name]; + if (isFunction(eventListener)) { + eventListener(); + } +} +function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { + const { p: patch, o: { createElement } } = rendererInternals; + const hiddenContainer = createElement('div'); + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals)); + // start mounting the content subtree in an off-dom container + patch(null, (suspense.pendingBranch = vnode.ssContent), hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); + // now check if we have encountered any async deps + if (suspense.deps > 0) { + // has async + // invoke @fallback event + triggerEvent(vnode, 'onPending'); + triggerEvent(vnode, 'onFallback'); + // mount the fallback tree + patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds); + setActiveBranch(suspense, vnode.ssFallback); + } + else { + // Suspense has no async deps. Just resolve. + suspense.resolve(); + } +} +function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) { + const suspense = (n2.suspense = n1.suspense); + suspense.vnode = n2; + n2.el = n1.el; + const newBranch = n2.ssContent; + const newFallback = n2.ssFallback; + const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense; + if (pendingBranch) { + suspense.pendingBranch = newBranch; + if (isSameVNodeType(newBranch, pendingBranch)) { + // same root type but content may have changed. + patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else if (isInFallback) { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else { + // toggled before pending tree is resolved + suspense.pendingId++; + if (isHydrating) { + // if toggled before hydration is finished, the current DOM tree is + // no longer valid. set it as the active branch so it will be unmounted + // when resolved + suspense.isHydrating = false; + suspense.activeBranch = pendingBranch; + } + else { + unmount(pendingBranch, parentComponent, suspense); + } + // increment pending ID. this is used to invalidate async callbacks + // reset suspense state + suspense.deps = 0; + // discard effects from pending branch + suspense.effects.length = 0; + // discard previous container + suspense.hiddenContainer = createElement('div'); + if (isInFallback) { + // already in fallback state + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // toggled "back" to current active branch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + // force resolve + suspense.resolve(true); + } + else { + // switched to a 3rd branch + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + } + } + } + else { + if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // root did not change, just normal patch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newBranch); + } + else { + // root node toggled + // invoke @pending event + triggerEvent(n2, 'onPending'); + // mount pending branch in off-dom container + suspense.pendingBranch = newBranch; + suspense.pendingId++; + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + // incoming branch has no async deps, resolve now. + suspense.resolve(); + } + else { + const { timeout, pendingId } = suspense; + if (timeout > 0) { + setTimeout(() => { + if (suspense.pendingId === pendingId) { + suspense.fallback(newFallback); + } + }, timeout); + } + else if (timeout === 0) { + suspense.fallback(newFallback); + } + } + } + } +} +let hasWarned = false; +function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) { + /* istanbul ignore if */ + if (!hasWarned) { + hasWarned = true; + // @ts-ignore `console.info` cannot be null error + console[console.info ? 'info' : 'log'](`<Suspense> is an experimental feature and its API will likely change.`); + } + const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals; + const timeout = toNumber(vnode.props && vnode.props.timeout); + const suspense = { + vnode, + parent, + parentComponent, + isSVG, + container, + hiddenContainer, + anchor, + deps: 0, + pendingId: 0, + timeout: typeof timeout === 'number' ? timeout : -1, + activeBranch: null, + pendingBranch: null, + isInFallback: true, + isHydrating, + isUnmounted: false, + effects: [], + resolve(resume = false) { + { + if (!resume && !suspense.pendingBranch) { + throw new Error(`suspense.resolve() is called without a pending branch.`); + } + if (suspense.isUnmounted) { + throw new Error(`suspense.resolve() is called on an already unmounted suspense boundary.`); + } + } + const { vnode, activeBranch, pendingBranch, pendingId, effects, parentComponent, container } = suspense; + if (suspense.isHydrating) { + suspense.isHydrating = false; + } + else if (!resume) { + const delayEnter = activeBranch && + pendingBranch.transition && + pendingBranch.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = () => { + if (pendingId === suspense.pendingId) { + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + }; + } + // this is initial anchor on mount + let { anchor } = suspense; + // unmount current active tree + if (activeBranch) { + // if the fallback tree was mounted, it may have been moved + // as part of a parent suspense. get the latest anchor for insertion + anchor = next(activeBranch); + unmount(activeBranch, parentComponent, suspense, true); + } + if (!delayEnter) { + // move content from off-dom container to actual container + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + } + setActiveBranch(suspense, pendingBranch); + suspense.pendingBranch = null; + suspense.isInFallback = false; + // flush buffered effects + // check if there is a pending parent suspense + let parent = suspense.parent; + let hasUnresolvedAncestor = false; + while (parent) { + if (parent.pendingBranch) { + // found a pending parent suspense, merge buffered post jobs + // into that parent + parent.effects.push(...effects); + hasUnresolvedAncestor = true; + break; + } + parent = parent.parent; + } + // no pending parent suspense, flush all jobs + if (!hasUnresolvedAncestor) { + queuePostFlushCb(effects); + } + suspense.effects = []; + // invoke @resolve event + triggerEvent(vnode, 'onResolve'); + }, + fallback(fallbackVNode) { + if (!suspense.pendingBranch) { + return; + } + const { vnode, activeBranch, parentComponent, container, isSVG } = suspense; + // invoke @fallback event + triggerEvent(vnode, 'onFallback'); + const anchor = next(activeBranch); + const mountFallback = () => { + if (!suspense.isInFallback) { + return; + } + // mount the fallback tree + patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, fallbackVNode); + }; + const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = mountFallback; + } + suspense.isInFallback = true; + // unmount current active branch + unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now + true // shouldRemove + ); + if (!delayEnter) { + mountFallback(); + } + }, + move(container, anchor, type) { + suspense.activeBranch && + move(suspense.activeBranch, container, anchor, type); + suspense.container = container; + }, + next() { + return suspense.activeBranch && next(suspense.activeBranch); + }, + registerDep(instance, setupRenderEffect) { + const isInPendingSuspense = !!suspense.pendingBranch; + if (isInPendingSuspense) { + suspense.deps++; + } + const hydratedEl = instance.vnode.el; + instance + .asyncDep.catch(err => { + handleError(err, instance, 0 /* SETUP_FUNCTION */); + }) + .then(asyncSetupResult => { + // retry when the setup() promise resolves. + // component may have been unmounted before resolve. + if (instance.isUnmounted || + suspense.isUnmounted || + suspense.pendingId !== instance.suspenseId) { + return; + } + // retry from this component + instance.asyncResolved = true; + const { vnode } = instance; + { + pushWarningContext(vnode); + } + handleSetupResult(instance, asyncSetupResult, false); + if (hydratedEl) { + // vnode may have been replaced if an update happened before the + // async dep is resolved. + vnode.el = hydratedEl; + } + const placeholder = !hydratedEl && instance.subTree.el; + setupRenderEffect(instance, vnode, + // component may have been moved before resolve. + // if this is not a hydration, instance.subTree will be the comment + // placeholder. + parentNode(hydratedEl || instance.subTree.el), + // anchor will not be used if this is hydration, so only need to + // consider the comment placeholder case. + hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized); + if (placeholder) { + remove(placeholder); + } + updateHOCHostEl(instance, vnode.el); + { + popWarningContext(); + } + // only decrease deps count if suspense is not already resolved + if (isInPendingSuspense && --suspense.deps === 0) { + suspense.resolve(); + } + }); + }, + unmount(parentSuspense, doRemove) { + suspense.isUnmounted = true; + if (suspense.activeBranch) { + unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove); + } + if (suspense.pendingBranch) { + unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove); + } + } + }; + return suspense; +} +function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) { + /* eslint-disable no-restricted-globals */ + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true /* hydrating */)); + // there are two possible scenarios for server-rendered suspense: + // - success: ssr content should be fully resolved + // - failure: ssr content should be the fallback branch. + // however, on the client we don't really know if it has failed or not + // attempt to hydrate the DOM assuming it has succeeded, but we still + // need to construct a suspense boundary first + const result = hydrateNode(node, (suspense.pendingBranch = vnode.ssContent), parentComponent, suspense, slotScopeIds, optimized); + if (suspense.deps === 0) { + suspense.resolve(); + } + return result; + /* eslint-enable no-restricted-globals */ +} +function normalizeSuspenseChildren(vnode) { + const { shapeFlag, children } = vnode; + const isSlotChildren = shapeFlag & 32 /* SLOTS_CHILDREN */; + vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children); + vnode.ssFallback = isSlotChildren + ? normalizeSuspenseSlot(children.fallback) + : createVNode(Comment); +} +function normalizeSuspenseSlot(s) { + let block; + if (isFunction(s)) { + const isCompiledSlot = s._c; + if (isCompiledSlot) { + // disableTracking: false + // allow block tracking for compiled slots + // (see ./componentRenderContext.ts) + s._d = false; + openBlock(); + } + s = s(); + if (isCompiledSlot) { + s._d = true; + block = currentBlock; + closeBlock(); + } + } + if (isArray(s)) { + const singleChild = filterSingleRoot(s); + if (!singleChild) { + warn$1(`<Suspense> slots expect a single root node.`); + } + s = singleChild; + } + s = normalizeVNode(s); + if (block && !s.dynamicChildren) { + s.dynamicChildren = block.filter(c => c !== s); + } + return s; +} +function queueEffectWithSuspense(fn, suspense) { + if (suspense && suspense.pendingBranch) { + if (isArray(fn)) { + suspense.effects.push(...fn); + } + else { + suspense.effects.push(fn); + } + } + else { + queuePostFlushCb(fn); + } +} +function setActiveBranch(suspense, branch) { + suspense.activeBranch = branch; + const { vnode, parentComponent } = suspense; + const el = (vnode.el = branch.el); + // in case suspense is the root node of a component, + // recursively update the HOC el + if (parentComponent && parentComponent.subTree === vnode) { + parentComponent.vnode.el = el; + updateHOCHostEl(parentComponent, el); + } +} + +function provide(key, value) { + if (!currentInstance) { + { + warn$1(`provide() can only be used inside setup().`); + } + } + else { + let provides = currentInstance.provides; + // by default an instance inherits its parent's provides object + // but when it needs to provide values of its own, it creates its + // own provides object using parent provides object as prototype. + // this way in `inject` we can simply look up injections from direct + // parent and let the prototype chain do the work. + const parentProvides = currentInstance.parent && currentInstance.parent.provides; + if (parentProvides === provides) { + provides = currentInstance.provides = Object.create(parentProvides); + } + // TS doesn't allow symbol as index type + provides[key] = value; + } +} +function inject(key, defaultValue, treatDefaultAsFactory = false) { + // fallback to `currentRenderingInstance` so that this can be called in + // a functional component + const instance = currentInstance || currentRenderingInstance; + if (instance) { + // #2400 + // to support `app.use` plugins, + // fallback to appContext's `provides` if the intance is at root + const provides = instance.parent == null + ? instance.vnode.appContext && instance.vnode.appContext.provides + : instance.parent.provides; + if (provides && key in provides) { + // TS doesn't allow symbol as index type + return provides[key]; + } + else if (arguments.length > 1) { + return treatDefaultAsFactory && isFunction(defaultValue) + ? defaultValue.call(instance.proxy) + : defaultValue; + } + else { + warn$1(`injection "${String(key)}" not found.`); + } + } + else { + warn$1(`inject() can only be used inside setup() or functional components.`); + } +} + +function useTransitionState() { + const state = { + isMounted: false, + isLeaving: false, + isUnmounting: false, + leavingVNodes: new Map() + }; + onMounted(() => { + state.isMounted = true; + }); + onBeforeUnmount(() => { + state.isUnmounting = true; + }); + return state; +} +const TransitionHookValidator = [Function, Array]; +const BaseTransitionImpl = { + name: `BaseTransition`, + props: { + mode: String, + appear: Boolean, + persisted: Boolean, + // enter + onBeforeEnter: TransitionHookValidator, + onEnter: TransitionHookValidator, + onAfterEnter: TransitionHookValidator, + onEnterCancelled: TransitionHookValidator, + // leave + onBeforeLeave: TransitionHookValidator, + onLeave: TransitionHookValidator, + onAfterLeave: TransitionHookValidator, + onLeaveCancelled: TransitionHookValidator, + // appear + onBeforeAppear: TransitionHookValidator, + onAppear: TransitionHookValidator, + onAfterAppear: TransitionHookValidator, + onAppearCancelled: TransitionHookValidator + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevTransitionKey; + return () => { + const children = slots.default && getTransitionRawChildren(slots.default(), true); + if (!children || !children.length) { + return; + } + // warn multiple elements + if (children.length > 1) { + warn$1('<transition> can only be used on a single element or component. Use ' + + '<transition-group> for lists.'); + } + // there's no need to track reactivity for these props so use the raw + // props for a bit better perf + const rawProps = toRaw(props); + const { mode } = rawProps; + // check mode + if (mode && !['in-out', 'out-in', 'default'].includes(mode)) { + warn$1(`invalid <transition> mode: ${mode}`); + } + // at this point children has a guaranteed length of 1. + const child = children[0]; + if (state.isLeaving) { + return emptyPlaceholder(child); + } + // in the case of <transition><keep-alive/></transition>, we need to + // compare the type of the kept-alive children. + const innerChild = getKeepAliveChild(child); + if (!innerChild) { + return emptyPlaceholder(child); + } + const enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance); + setTransitionHooks(innerChild, enterHooks); + const oldChild = instance.subTree; + const oldInnerChild = oldChild && getKeepAliveChild(oldChild); + let transitionKeyChanged = false; + const { getTransitionKey } = innerChild.type; + if (getTransitionKey) { + const key = getTransitionKey(); + if (prevTransitionKey === undefined) { + prevTransitionKey = key; + } + else if (key !== prevTransitionKey) { + prevTransitionKey = key; + transitionKeyChanged = true; + } + } + // handle mode + if (oldInnerChild && + oldInnerChild.type !== Comment$1 && + (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) { + const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); + // update old tree's hooks in case of dynamic transition + setTransitionHooks(oldInnerChild, leavingHooks); + // switching between different views + if (mode === 'out-in') { + state.isLeaving = true; + // return placeholder node and queue update when leave finishes + leavingHooks.afterLeave = () => { + state.isLeaving = false; + instance.update(); + }; + return emptyPlaceholder(child); + } + else if (mode === 'in-out' && innerChild.type !== Comment$1) { + leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { + const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild); + leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; + // early removal callback + el._leaveCb = () => { + earlyRemove(); + el._leaveCb = undefined; + delete enterHooks.delayedLeave; + }; + enterHooks.delayedLeave = delayedLeave; + }; + } + } + return child; + }; + } +}; +// export the public type for h/tsx inference +// also to avoid inline import() in generated d.ts files +const BaseTransition = BaseTransitionImpl; +function getLeavingNodesForType(state, vnode) { + const { leavingVNodes } = state; + let leavingVNodesCache = leavingVNodes.get(vnode.type); + if (!leavingVNodesCache) { + leavingVNodesCache = Object.create(null); + leavingVNodes.set(vnode.type, leavingVNodesCache); + } + return leavingVNodesCache; +} +// The transition hooks are attached to the vnode as vnode.transition +// and will be called at appropriate timing in the renderer. +function resolveTransitionHooks(vnode, props, state, instance) { + const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props; + const key = String(vnode.key); + const leavingVNodesCache = getLeavingNodesForType(state, vnode); + const callHook = (hook, args) => { + hook && + callWithAsyncErrorHandling(hook, instance, 9 /* TRANSITION_HOOK */, args); + }; + const hooks = { + mode, + persisted, + beforeEnter(el) { + let hook = onBeforeEnter; + if (!state.isMounted) { + if (appear) { + hook = onBeforeAppear || onBeforeEnter; + } + else { + return; + } + } + // for same element (v-show) + if (el._leaveCb) { + el._leaveCb(true /* cancelled */); + } + // for toggled element with same key (v-if) + const leavingVNode = leavingVNodesCache[key]; + if (leavingVNode && + isSameVNodeType(vnode, leavingVNode) && + leavingVNode.el._leaveCb) { + // force early removal (not cancelled) + leavingVNode.el._leaveCb(); + } + callHook(hook, [el]); + }, + enter(el) { + let hook = onEnter; + let afterHook = onAfterEnter; + let cancelHook = onEnterCancelled; + if (!state.isMounted) { + if (appear) { + hook = onAppear || onEnter; + afterHook = onAfterAppear || onAfterEnter; + cancelHook = onAppearCancelled || onEnterCancelled; + } + else { + return; + } + } + let called = false; + const done = (el._enterCb = (cancelled) => { + if (called) + return; + called = true; + if (cancelled) { + callHook(cancelHook, [el]); + } + else { + callHook(afterHook, [el]); + } + if (hooks.delayedLeave) { + hooks.delayedLeave(); + } + el._enterCb = undefined; + }); + if (hook) { + hook(el, done); + if (hook.length <= 1) { + done(); + } + } + else { + done(); + } + }, + leave(el, remove) { + const key = String(vnode.key); + if (el._enterCb) { + el._enterCb(true /* cancelled */); + } + if (state.isUnmounting) { + return remove(); + } + callHook(onBeforeLeave, [el]); + let called = false; + const done = (el._leaveCb = (cancelled) => { + if (called) + return; + called = true; + remove(); + if (cancelled) { + callHook(onLeaveCancelled, [el]); + } + else { + callHook(onAfterLeave, [el]); + } + el._leaveCb = undefined; + if (leavingVNodesCache[key] === vnode) { + delete leavingVNodesCache[key]; + } + }); + leavingVNodesCache[key] = vnode; + if (onLeave) { + onLeave(el, done); + if (onLeave.length <= 1) { + done(); + } + } + else { + done(); + } + }, + clone(vnode) { + return resolveTransitionHooks(vnode, props, state, instance); + } + }; + return hooks; +} +// the placeholder really only handles one special case: KeepAlive +// in the case of a KeepAlive in a leave phase we need to return a KeepAlive +// placeholder with empty content to avoid the KeepAlive instance from being +// unmounted. +function emptyPlaceholder(vnode) { + if (isKeepAlive(vnode)) { + vnode = cloneVNode(vnode); + vnode.children = null; + return vnode; + } +} +function getKeepAliveChild(vnode) { + return isKeepAlive(vnode) + ? vnode.children + ? vnode.children[0] + : undefined + : vnode; +} +function setTransitionHooks(vnode, hooks) { + if (vnode.shapeFlag & 6 /* COMPONENT */ && vnode.component) { + setTransitionHooks(vnode.component.subTree, hooks); + } + else if (vnode.shapeFlag & 128 /* SUSPENSE */) { + vnode.ssContent.transition = hooks.clone(vnode.ssContent); + vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); + } + else { + vnode.transition = hooks; + } +} +function getTransitionRawChildren(children, keepComment = false) { + let ret = []; + let keyedFragmentCount = 0; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + // handle fragment children case, e.g. v-for + if (child.type === Fragment) { + if (child.patchFlag & 128 /* KEYED_FRAGMENT */) + keyedFragmentCount++; + ret = ret.concat(getTransitionRawChildren(child.children, keepComment)); + } + // comment placeholders should be skipped, e.g. v-if + else if (keepComment || child.type !== Comment$1) { + ret.push(child); + } + } + // #1126 if a transition children list contains multiple sub fragments, these + // fragments will be merged into a flat children array. Since each v-for + // fragment may contain different static bindings inside, we need to de-op + // these children to force full diffs to ensure correct behavior. + if (keyedFragmentCount > 1) { + for (let i = 0; i < ret.length; i++) { + ret[i].patchFlag = -2 /* BAIL */; + } + } + return ret; +} + +// implementation, close to no-op +function defineComponent(options) { + return isFunction(options) ? { setup: options, name: options.name } : options; +} + +const isAsyncWrapper = (i) => !!i.type.__asyncLoader; +function defineAsyncComponent(source) { + if (isFunction(source)) { + source = { loader: source }; + } + const { loader, loadingComponent, errorComponent, delay = 200, timeout, // undefined = never times out + suspensible = true, onError: userOnError } = source; + let pendingRequest = null; + let resolvedComp; + let retries = 0; + const retry = () => { + retries++; + pendingRequest = null; + return load(); + }; + const load = () => { + let thisRequest; + return (pendingRequest || + (thisRequest = pendingRequest = + loader() + .catch(err => { + err = err instanceof Error ? err : new Error(String(err)); + if (userOnError) { + return new Promise((resolve, reject) => { + const userRetry = () => resolve(retry()); + const userFail = () => reject(err); + userOnError(err, userRetry, userFail, retries + 1); + }); + } + else { + throw err; + } + }) + .then((comp) => { + if (thisRequest !== pendingRequest && pendingRequest) { + return pendingRequest; + } + if (!comp) { + warn$1(`Async component loader resolved to undefined. ` + + `If you are using retry(), make sure to return its return value.`); + } + // interop module default + if (comp && + (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) { + comp = comp.default; + } + if (comp && !isObject(comp) && !isFunction(comp)) { + throw new Error(`Invalid async component load result: ${comp}`); + } + resolvedComp = comp; + return comp; + }))); + }; + return defineComponent({ + name: 'AsyncComponentWrapper', + __asyncLoader: load, + get __asyncResolved() { + return resolvedComp; + }, + setup() { + const instance = currentInstance; + // already resolved + if (resolvedComp) { + return () => createInnerComp(resolvedComp, instance); + } + const onError = (err) => { + pendingRequest = null; + handleError(err, instance, 13 /* ASYNC_COMPONENT_LOADER */, !errorComponent /* do not throw in dev if user provided error component */); + }; + // suspense-controlled or SSR. + if ((suspensible && instance.suspense) || + (false )) { + return load() + .then(comp => { + return () => createInnerComp(comp, instance); + }) + .catch(err => { + onError(err); + return () => errorComponent + ? createVNode(errorComponent, { + error: err + }) + : null; + }); + } + const loaded = ref(false); + const error = ref(); + const delayed = ref(!!delay); + if (delay) { + setTimeout(() => { + delayed.value = false; + }, delay); + } + if (timeout != null) { + setTimeout(() => { + if (!loaded.value && !error.value) { + const err = new Error(`Async component timed out after ${timeout}ms.`); + onError(err); + error.value = err; + } + }, timeout); + } + load() + .then(() => { + loaded.value = true; + if (instance.parent && isKeepAlive(instance.parent.vnode)) { + // parent is keep-alive, force update so the loaded component's + // name is taken into account + queueJob(instance.parent.update); + } + }) + .catch(err => { + onError(err); + error.value = err; + }); + return () => { + if (loaded.value && resolvedComp) { + return createInnerComp(resolvedComp, instance); + } + else if (error.value && errorComponent) { + return createVNode(errorComponent, { + error: error.value + }); + } + else if (loadingComponent && !delayed.value) { + return createVNode(loadingComponent); + } + }; + } + }); +} +function createInnerComp(comp, { vnode: { ref, props, children } }) { + const vnode = createVNode(comp, props, children); + // ensure inner component inherits the async wrapper's ref owner + vnode.ref = ref; + return vnode; +} + +const isKeepAlive = (vnode) => vnode.type.__isKeepAlive; +const KeepAliveImpl = { + name: `KeepAlive`, + // Marker for special handling inside the renderer. We are not using a === + // check directly on KeepAlive in the renderer, because importing it directly + // would prevent it from being tree-shaken. + __isKeepAlive: true, + props: { + include: [String, RegExp, Array], + exclude: [String, RegExp, Array], + max: [String, Number] + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + // KeepAlive communicates with the instantiated renderer via the + // ctx where the renderer passes in its internals, + // and the KeepAlive instance exposes activate/deactivate implementations. + // The whole point of this is to avoid importing KeepAlive directly in the + // renderer to facilitate tree-shaking. + const sharedContext = instance.ctx; + // if the internal renderer is not registered, it indicates that this is server-side rendering, + // for KeepAlive, we just need to render its children + if (!sharedContext.renderer) { + return slots.default; + } + const cache = new Map(); + const keys = new Set(); + let current = null; + { + instance.__v_cache = cache; + } + const parentSuspense = instance.suspense; + const { renderer: { p: patch, m: move, um: _unmount, o: { createElement } } } = sharedContext; + const storageContainer = createElement('div'); + sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => { + const instance = vnode.component; + move(vnode, container, anchor, 0 /* ENTER */, parentSuspense); + // in case props have changed + patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized); + queuePostRenderEffect(() => { + instance.isDeactivated = false; + if (instance.a) { + invokeArrayFns(instance.a); + } + const vnodeHook = vnode.props && vnode.props.onVnodeMounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + sharedContext.deactivate = (vnode) => { + const instance = vnode.component; + move(vnode, storageContainer, null, 1 /* LEAVE */, parentSuspense); + queuePostRenderEffect(() => { + if (instance.da) { + invokeArrayFns(instance.da); + } + const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + instance.isDeactivated = true; + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + function unmount(vnode) { + // reset the shapeFlag so it can be properly unmounted + resetShapeFlag(vnode); + _unmount(vnode, instance, parentSuspense); + } + function pruneCache(filter) { + cache.forEach((vnode, key) => { + const name = getComponentName(vnode.type); + if (name && (!filter || !filter(name))) { + pruneCacheEntry(key); + } + }); + } + function pruneCacheEntry(key) { + const cached = cache.get(key); + if (!current || cached.type !== current.type) { + unmount(cached); + } + else if (current) { + // current active instance should no longer be kept-alive. + // we can't unmount it now but it might be later, so reset its flag now. + resetShapeFlag(current); + } + cache.delete(key); + keys.delete(key); + } + // prune cache on include/exclude prop change + watch(() => [props.include, props.exclude], ([include, exclude]) => { + include && pruneCache(name => matches(include, name)); + exclude && pruneCache(name => !matches(exclude, name)); + }, + // prune post-render after `current` has been updated + { flush: 'post', deep: true }); + // cache sub tree after render + let pendingCacheKey = null; + const cacheSubtree = () => { + // fix #1621, the pendingCacheKey could be 0 + if (pendingCacheKey != null) { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + } + }; + onMounted(cacheSubtree); + onUpdated(cacheSubtree); + onBeforeUnmount(() => { + cache.forEach(cached => { + const { subTree, suspense } = instance; + const vnode = getInnerChild(subTree); + if (cached.type === vnode.type) { + // current instance will be unmounted as part of keep-alive's unmount + resetShapeFlag(vnode); + // but invoke its deactivated hook here + const da = vnode.component.da; + da && queuePostRenderEffect(da, suspense); + return; + } + unmount(cached); + }); + }); + return () => { + pendingCacheKey = null; + if (!slots.default) { + return null; + } + const children = slots.default(); + const rawVNode = children[0]; + if (children.length > 1) { + { + warn$1(`KeepAlive should contain exactly one component child.`); + } + current = null; + return children; + } + else if (!isVNode(rawVNode) || + (!(rawVNode.shapeFlag & 4 /* STATEFUL_COMPONENT */) && + !(rawVNode.shapeFlag & 128 /* SUSPENSE */))) { + current = null; + return rawVNode; + } + let vnode = getInnerChild(rawVNode); + const comp = vnode.type; + // for async components, name check should be based in its loaded + // inner component if available + const name = getComponentName(isAsyncWrapper(vnode) + ? vnode.type.__asyncResolved || {} + : comp); + const { include, exclude, max } = props; + if ((include && (!name || !matches(include, name))) || + (exclude && name && matches(exclude, name))) { + current = vnode; + return rawVNode; + } + const key = vnode.key == null ? comp : vnode.key; + const cachedVNode = cache.get(key); + // clone vnode if it's reused because we are going to mutate it + if (vnode.el) { + vnode = cloneVNode(vnode); + if (rawVNode.shapeFlag & 128 /* SUSPENSE */) { + rawVNode.ssContent = vnode; + } + } + // #1513 it's possible for the returned vnode to be cloned due to attr + // fallthrough or scopeId, so the vnode here may not be the final vnode + // that is mounted. Instead of caching it directly, we store the pending + // key and cache `instance.subTree` (the normalized vnode) in + // beforeMount/beforeUpdate hooks. + pendingCacheKey = key; + if (cachedVNode) { + // copy over mounted state + vnode.el = cachedVNode.el; + vnode.component = cachedVNode.component; + if (vnode.transition) { + // recursively update transition hooks on subTree + setTransitionHooks(vnode, vnode.transition); + } + // avoid vnode being mounted as fresh + vnode.shapeFlag |= 512 /* COMPONENT_KEPT_ALIVE */; + // make this key the freshest + keys.delete(key); + keys.add(key); + } + else { + keys.add(key); + // prune oldest entry + if (max && keys.size > parseInt(max, 10)) { + pruneCacheEntry(keys.values().next().value); + } + } + // avoid vnode being unmounted + vnode.shapeFlag |= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + current = vnode; + return rawVNode; + }; + } +}; +// export the public type for h/tsx inference +// also to avoid inline import() in generated d.ts files +const KeepAlive = KeepAliveImpl; +function matches(pattern, name) { + if (isArray(pattern)) { + return pattern.some((p) => matches(p, name)); + } + else if (isString(pattern)) { + return pattern.split(',').indexOf(name) > -1; + } + else if (pattern.test) { + return pattern.test(name); + } + /* istanbul ignore next */ + return false; +} +function onActivated(hook, target) { + registerKeepAliveHook(hook, "a" /* ACTIVATED */, target); +} +function onDeactivated(hook, target) { + registerKeepAliveHook(hook, "da" /* DEACTIVATED */, target); +} +function registerKeepAliveHook(hook, type, target = currentInstance) { + // cache the deactivate branch check wrapper for injected hooks so the same + // hook can be properly deduped by the scheduler. "__wdc" stands for "with + // deactivation check". + const wrappedHook = hook.__wdc || + (hook.__wdc = () => { + // only fire the hook if the target instance is NOT in a deactivated branch. + let current = target; + while (current) { + if (current.isDeactivated) { + return; + } + current = current.parent; + } + hook(); + }); + injectHook(type, wrappedHook, target); + // In addition to registering it on the target instance, we walk up the parent + // chain and register it on all ancestor instances that are keep-alive roots. + // This avoids the need to walk the entire component tree when invoking these + // hooks, and more importantly, avoids the need to track child components in + // arrays. + if (target) { + let current = target.parent; + while (current && current.parent) { + if (isKeepAlive(current.parent.vnode)) { + injectToKeepAliveRoot(wrappedHook, type, target, current); + } + current = current.parent; + } + } +} +function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { + // injectHook wraps the original for error handling, so make sure to remove + // the wrapped version. + const injected = injectHook(type, hook, keepAliveRoot, true /* prepend */); + onUnmounted(() => { + remove(keepAliveRoot[type], injected); + }, target); +} +function resetShapeFlag(vnode) { + let shapeFlag = vnode.shapeFlag; + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + shapeFlag -= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + } + if (shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + shapeFlag -= 512 /* COMPONENT_KEPT_ALIVE */; + } + vnode.shapeFlag = shapeFlag; +} +function getInnerChild(vnode) { + return vnode.shapeFlag & 128 /* SUSPENSE */ ? vnode.ssContent : vnode; +} + +function injectHook(type, hook, target = currentInstance, prepend = false) { + if (target) { + const hooks = target[type] || (target[type] = []); + // cache the error handling wrapper for injected hooks so the same hook + // can be properly deduped by the scheduler. "__weh" stands for "with error + // handling". + const wrappedHook = hook.__weh || + (hook.__weh = (...args) => { + if (target.isUnmounted) { + return; + } + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + // Set currentInstance during hook invocation. + // This assumes the hook does not synchronously trigger other hooks, which + // can only be false when the user does something really funky. + setCurrentInstance(target); + const res = callWithAsyncErrorHandling(hook, target, type, args); + unsetCurrentInstance(); + resetTracking(); + return res; + }); + if (prepend) { + hooks.unshift(wrappedHook); + } + else { + hooks.push(wrappedHook); + } + return wrappedHook; + } + else { + const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, '')); + warn$1(`${apiName} is called when there is no active component instance to be ` + + `associated with. ` + + `Lifecycle injection APIs can only be used during execution of setup().` + + (` If you are using async setup(), make sure to register lifecycle ` + + `hooks before the first await statement.` + )); + } +} +const createHook = (lifecycle) => (hook, target = currentInstance) => +// post-create lifecycle registrations are noops during SSR (except for serverPrefetch) +(!isInSSRComponentSetup || lifecycle === "sp" /* SERVER_PREFETCH */) && + injectHook(lifecycle, hook, target); +const onBeforeMount = createHook("bm" /* BEFORE_MOUNT */); +const onMounted = createHook("m" /* MOUNTED */); +const onBeforeUpdate = createHook("bu" /* BEFORE_UPDATE */); +const onUpdated = createHook("u" /* UPDATED */); +const onBeforeUnmount = createHook("bum" /* BEFORE_UNMOUNT */); +const onUnmounted = createHook("um" /* UNMOUNTED */); +const onServerPrefetch = createHook("sp" /* SERVER_PREFETCH */); +const onRenderTriggered = createHook("rtg" /* RENDER_TRIGGERED */); +const onRenderTracked = createHook("rtc" /* RENDER_TRACKED */); +function onErrorCaptured(hook, target = currentInstance) { + injectHook("ec" /* ERROR_CAPTURED */, hook, target); +} + +function createDuplicateChecker() { + const cache = Object.create(null); + return (type, key) => { + if (cache[key]) { + warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`); + } + else { + cache[key] = type; + } + }; +} +let shouldCacheAccess = true; +function applyOptions(instance) { + const options = resolveMergedOptions(instance); + const publicThis = instance.proxy; + const ctx = instance.ctx; + // do not cache property access on public proxy during state initialization + shouldCacheAccess = false; + // call beforeCreate first before accessing other options since + // the hook may mutate resolved options (#2791) + if (options.beforeCreate) { + callHook(options.beforeCreate, instance, "bc" /* BEFORE_CREATE */); + } + const { + // state + data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, + // lifecycle + created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured, serverPrefetch, + // public API + expose, inheritAttrs, + // assets + components, directives, filters } = options; + const checkDuplicateProperties = createDuplicateChecker() ; + { + const [propsOptions] = instance.propsOptions; + if (propsOptions) { + for (const key in propsOptions) { + checkDuplicateProperties("Props" /* PROPS */, key); + } + } + } + // options initialization order (to be consistent with Vue 2): + // - props (already done outside of this function) + // - inject + // - methods + // - data (deferred since it relies on `this` access) + // - computed + // - watch (deferred since it relies on `this` access) + if (injectOptions) { + resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef); + } + if (methods) { + for (const key in methods) { + const methodHandler = methods[key]; + if (isFunction(methodHandler)) { + // In dev mode, we use the `createRenderContext` function to define + // methods to the proxy target, and those are read-only but + // reconfigurable, so it needs to be redefined here + { + Object.defineProperty(ctx, key, { + value: methodHandler.bind(publicThis), + configurable: true, + enumerable: true, + writable: true + }); + } + { + checkDuplicateProperties("Methods" /* METHODS */, key); + } + } + else { + warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` + + `Did you reference the function correctly?`); + } + } + } + if (dataOptions) { + if (!isFunction(dataOptions)) { + warn$1(`The data option must be a function. ` + + `Plain object usage is no longer supported.`); + } + const data = dataOptions.call(publicThis, publicThis); + if (isPromise(data)) { + warn$1(`data() returned a Promise - note data() cannot be async; If you ` + + `intend to perform data fetching before component renders, use ` + + `async setup() + <Suspense>.`); + } + if (!isObject(data)) { + warn$1(`data() should return an object.`); + } + else { + instance.data = reactive(data); + { + for (const key in data) { + checkDuplicateProperties("Data" /* DATA */, key); + // expose data on ctx during dev + if (key[0] !== '$' && key[0] !== '_') { + Object.defineProperty(ctx, key, { + configurable: true, + enumerable: true, + get: () => data[key], + set: NOOP + }); + } + } + } + } + } + // state initialization complete at this point - start caching access + shouldCacheAccess = true; + if (computedOptions) { + for (const key in computedOptions) { + const opt = computedOptions[key]; + const get = isFunction(opt) + ? opt.bind(publicThis, publicThis) + : isFunction(opt.get) + ? opt.get.bind(publicThis, publicThis) + : NOOP; + if (get === NOOP) { + warn$1(`Computed property "${key}" has no getter.`); + } + const set = !isFunction(opt) && isFunction(opt.set) + ? opt.set.bind(publicThis) + : () => { + warn$1(`Write operation failed: computed property "${key}" is readonly.`); + } + ; + const c = computed({ + get, + set + }); + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => c.value, + set: v => (c.value = v) + }); + { + checkDuplicateProperties("Computed" /* COMPUTED */, key); + } + } + } + if (watchOptions) { + for (const key in watchOptions) { + createWatcher(watchOptions[key], ctx, publicThis, key); + } + } + if (provideOptions) { + const provides = isFunction(provideOptions) + ? provideOptions.call(publicThis) + : provideOptions; + Reflect.ownKeys(provides).forEach(key => { + provide(key, provides[key]); + }); + } + if (created) { + callHook(created, instance, "c" /* CREATED */); + } + function registerLifecycleHook(register, hook) { + if (isArray(hook)) { + hook.forEach(_hook => register(_hook.bind(publicThis))); + } + else if (hook) { + register(hook.bind(publicThis)); + } + } + registerLifecycleHook(onBeforeMount, beforeMount); + registerLifecycleHook(onMounted, mounted); + registerLifecycleHook(onBeforeUpdate, beforeUpdate); + registerLifecycleHook(onUpdated, updated); + registerLifecycleHook(onActivated, activated); + registerLifecycleHook(onDeactivated, deactivated); + registerLifecycleHook(onErrorCaptured, errorCaptured); + registerLifecycleHook(onRenderTracked, renderTracked); + registerLifecycleHook(onRenderTriggered, renderTriggered); + registerLifecycleHook(onBeforeUnmount, beforeUnmount); + registerLifecycleHook(onUnmounted, unmounted); + registerLifecycleHook(onServerPrefetch, serverPrefetch); + if (isArray(expose)) { + if (expose.length) { + const exposed = instance.exposed || (instance.exposed = {}); + expose.forEach(key => { + Object.defineProperty(exposed, key, { + get: () => publicThis[key], + set: val => (publicThis[key] = val) + }); + }); + } + else if (!instance.exposed) { + instance.exposed = {}; + } + } + // options that are handled when creating the instance but also need to be + // applied from mixins + if (render && instance.render === NOOP) { + instance.render = render; + } + if (inheritAttrs != null) { + instance.inheritAttrs = inheritAttrs; + } + // asset options. + if (components) + instance.components = components; + if (directives) + instance.directives = directives; +} +function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) { + if (isArray(injectOptions)) { + injectOptions = normalizeInject(injectOptions); + } + for (const key in injectOptions) { + const opt = injectOptions[key]; + let injected; + if (isObject(opt)) { + if ('default' in opt) { + injected = inject(opt.from || key, opt.default, true /* treat default function as factory */); + } + else { + injected = inject(opt.from || key); + } + } + else { + injected = inject(opt); + } + if (isRef(injected)) { + // TODO remove the check in 3.3 + if (unwrapRef) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => injected.value, + set: v => (injected.value = v) + }); + } + else { + { + warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` + + `and no longer needs \`.value\` in the next minor release. ` + + `To opt-in to the new behavior now, ` + + `set \`app.config.unwrapInjectedRef = true\` (this config is ` + + `temporary and will not be needed in the future.)`); + } + ctx[key] = injected; + } + } + else { + ctx[key] = injected; + } + { + checkDuplicateProperties("Inject" /* INJECT */, key); + } + } +} +function callHook(hook, instance, type) { + callWithAsyncErrorHandling(isArray(hook) + ? hook.map(h => h.bind(instance.proxy)) + : hook.bind(instance.proxy), instance, type); +} +function createWatcher(raw, ctx, publicThis, key) { + const getter = key.includes('.') + ? createPathGetter(publicThis, key) + : () => publicThis[key]; + if (isString(raw)) { + const handler = ctx[raw]; + if (isFunction(handler)) { + watch(getter, handler); + } + else { + warn$1(`Invalid watch handler specified by key "${raw}"`, handler); + } + } + else if (isFunction(raw)) { + watch(getter, raw.bind(publicThis)); + } + else if (isObject(raw)) { + if (isArray(raw)) { + raw.forEach(r => createWatcher(r, ctx, publicThis, key)); + } + else { + const handler = isFunction(raw.handler) + ? raw.handler.bind(publicThis) + : ctx[raw.handler]; + if (isFunction(handler)) { + watch(getter, handler, raw); + } + else { + warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler); + } + } + } + else { + warn$1(`Invalid watch option: "${key}"`, raw); + } +} +/** + * Resolve merged options and cache it on the component. + * This is done only once per-component since the merging does not involve + * instances. + */ +function resolveMergedOptions(instance) { + const base = instance.type; + const { mixins, extends: extendsOptions } = base; + const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext; + const cached = cache.get(base); + let resolved; + if (cached) { + resolved = cached; + } + else if (!globalMixins.length && !mixins && !extendsOptions) { + { + resolved = base; + } + } + else { + resolved = {}; + if (globalMixins.length) { + globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true)); + } + mergeOptions(resolved, base, optionMergeStrategies); + } + cache.set(base, resolved); + return resolved; +} +function mergeOptions(to, from, strats, asMixin = false) { + const { mixins, extends: extendsOptions } = from; + if (extendsOptions) { + mergeOptions(to, extendsOptions, strats, true); + } + if (mixins) { + mixins.forEach((m) => mergeOptions(to, m, strats, true)); + } + for (const key in from) { + if (asMixin && key === 'expose') { + warn$1(`"expose" option is ignored when declared in mixins or extends. ` + + `It should only be declared in the base component itself.`); + } + else { + const strat = internalOptionMergeStrats[key] || (strats && strats[key]); + to[key] = strat ? strat(to[key], from[key]) : from[key]; + } + } + return to; +} +const internalOptionMergeStrats = { + data: mergeDataFn, + props: mergeObjectOptions, + emits: mergeObjectOptions, + // objects + methods: mergeObjectOptions, + computed: mergeObjectOptions, + // lifecycle + beforeCreate: mergeAsArray, + created: mergeAsArray, + beforeMount: mergeAsArray, + mounted: mergeAsArray, + beforeUpdate: mergeAsArray, + updated: mergeAsArray, + beforeDestroy: mergeAsArray, + destroyed: mergeAsArray, + activated: mergeAsArray, + deactivated: mergeAsArray, + errorCaptured: mergeAsArray, + serverPrefetch: mergeAsArray, + // assets + components: mergeObjectOptions, + directives: mergeObjectOptions, + // watch + watch: mergeWatchOptions, + // provide / inject + provide: mergeDataFn, + inject: mergeInject +}; +function mergeDataFn(to, from) { + if (!from) { + return to; + } + if (!to) { + return from; + } + return function mergedDataFn() { + return (extend)(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from); + }; +} +function mergeInject(to, from) { + return mergeObjectOptions(normalizeInject(to), normalizeInject(from)); +} +function normalizeInject(raw) { + if (isArray(raw)) { + const res = {}; + for (let i = 0; i < raw.length; i++) { + res[raw[i]] = raw[i]; + } + return res; + } + return raw; +} +function mergeAsArray(to, from) { + return to ? [...new Set([].concat(to, from))] : from; +} +function mergeObjectOptions(to, from) { + return to ? extend(extend(Object.create(null), to), from) : from; +} +function mergeWatchOptions(to, from) { + if (!to) + return from; + if (!from) + return to; + const merged = extend(Object.create(null), to); + for (const key in from) { + merged[key] = mergeAsArray(to[key], from[key]); + } + return merged; +} + +function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison +isSSR = false) { + const props = {}; + const attrs = {}; + def(attrs, InternalObjectKey, 1); + instance.propsDefaults = Object.create(null); + setFullProps(instance, rawProps, props, attrs); + // ensure all declared prop keys are present + for (const key in instance.propsOptions[0]) { + if (!(key in props)) { + props[key] = undefined; + } + } + // validation + { + validateProps(rawProps || {}, props, instance); + } + if (isStateful) { + // stateful + instance.props = isSSR ? props : shallowReactive(props); + } + else { + if (!instance.type.props) { + // functional w/ optional props, props === attrs + instance.props = attrs; + } + else { + // functional w/ declared props + instance.props = props; + } + } + instance.attrs = attrs; +} +function updateProps(instance, rawProps, rawPrevProps, optimized) { + const { props, attrs, vnode: { patchFlag } } = instance; + const rawCurrentProps = toRaw(props); + const [options] = instance.propsOptions; + let hasAttrsChanged = false; + if ( + // always force full diff in dev + // - #1942 if hmr is enabled with sfc component + // - vite#872 non-sfc component used by sfc component + !((instance.type.__hmrId || + (instance.parent && instance.parent.type.__hmrId))) && + (optimized || patchFlag > 0) && + !(patchFlag & 16 /* FULL_PROPS */)) { + if (patchFlag & 8 /* PROPS */) { + // Compiler-generated props & no keys change, just set the updated + // the props. + const propsToUpdate = instance.vnode.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + let key = propsToUpdate[i]; + // PROPS flag guarantees rawProps to be non-null + const value = rawProps[key]; + if (options) { + // attr / props separation was done on init and will be consistent + // in this code path, so just check if attrs have it. + if (hasOwn(attrs, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + else { + const camelizedKey = camelize(key); + props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false /* isAbsent */); + } + } + else { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + } + else { + // full props update. + if (setFullProps(instance, rawProps, props, attrs)) { + hasAttrsChanged = true; + } + // in case of dynamic props, check if we need to delete keys from + // the props object + let kebabKey; + for (const key in rawCurrentProps) { + if (!rawProps || + // for camelCase + (!hasOwn(rawProps, key) && + // it's possible the original props was passed in as kebab-case + // and converted to camelCase (#955) + ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))) { + if (options) { + if (rawPrevProps && + // for camelCase + (rawPrevProps[key] !== undefined || + // for kebab-case + rawPrevProps[kebabKey] !== undefined)) { + props[key] = resolvePropValue(options, rawCurrentProps, key, undefined, instance, true /* isAbsent */); + } + } + else { + delete props[key]; + } + } + } + // in the case of functional component w/o props declaration, props and + // attrs point to the same object so it should already have been updated. + if (attrs !== rawCurrentProps) { + for (const key in attrs) { + if (!rawProps || !hasOwn(rawProps, key)) { + delete attrs[key]; + hasAttrsChanged = true; + } + } + } + } + // trigger updates for $attrs in case it's used in component slots + if (hasAttrsChanged) { + trigger(instance, "set" /* SET */, '$attrs'); + } + { + validateProps(rawProps || {}, props, instance); + } +} +function setFullProps(instance, rawProps, props, attrs) { + const [options, needCastKeys] = instance.propsOptions; + let hasAttrsChanged = false; + let rawCastValues; + if (rawProps) { + for (let key in rawProps) { + // key, ref are reserved and never passed down + if (isReservedProp(key)) { + continue; + } + const value = rawProps[key]; + // prop option names are camelized during normalization, so to support + // kebab -> camel conversion here we need to camelize the key. + let camelKey; + if (options && hasOwn(options, (camelKey = camelize(key)))) { + if (!needCastKeys || !needCastKeys.includes(camelKey)) { + props[camelKey] = value; + } + else { + (rawCastValues || (rawCastValues = {}))[camelKey] = value; + } + } + else if (!isEmitListener(instance.emitsOptions, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + if (needCastKeys) { + const rawCurrentProps = toRaw(props); + const castValues = rawCastValues || EMPTY_OBJ; + for (let i = 0; i < needCastKeys.length; i++) { + const key = needCastKeys[i]; + props[key] = resolvePropValue(options, rawCurrentProps, key, castValues[key], instance, !hasOwn(castValues, key)); + } + } + return hasAttrsChanged; +} +function resolvePropValue(options, props, key, value, instance, isAbsent) { + const opt = options[key]; + if (opt != null) { + const hasDefault = hasOwn(opt, 'default'); + // default values + if (hasDefault && value === undefined) { + const defaultValue = opt.default; + if (opt.type !== Function && isFunction(defaultValue)) { + const { propsDefaults } = instance; + if (key in propsDefaults) { + value = propsDefaults[key]; + } + else { + setCurrentInstance(instance); + value = propsDefaults[key] = defaultValue.call(null, props); + unsetCurrentInstance(); + } + } + else { + value = defaultValue; + } + } + // boolean casting + if (opt[0 /* shouldCast */]) { + if (isAbsent && !hasDefault) { + value = false; + } + else if (opt[1 /* shouldCastTrue */] && + (value === '' || value === hyphenate(key))) { + value = true; + } + } + } + return value; +} +function normalizePropsOptions(comp, appContext, asMixin = false) { + const cache = appContext.propsCache; + const cached = cache.get(comp); + if (cached) { + return cached; + } + const raw = comp.props; + const normalized = {}; + const needCastKeys = []; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendProps = (raw) => { + hasExtends = true; + const [props, keys] = normalizePropsOptions(raw, appContext, true); + extend(normalized, props); + if (keys) + needCastKeys.push(...keys); + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendProps); + } + if (comp.extends) { + extendProps(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendProps); + } + } + if (!raw && !hasExtends) { + cache.set(comp, EMPTY_ARR); + return EMPTY_ARR; + } + if (isArray(raw)) { + for (let i = 0; i < raw.length; i++) { + if (!isString(raw[i])) { + warn$1(`props must be strings when using array syntax.`, raw[i]); + } + const normalizedKey = camelize(raw[i]); + if (validatePropName(normalizedKey)) { + normalized[normalizedKey] = EMPTY_OBJ; + } + } + } + else if (raw) { + if (!isObject(raw)) { + warn$1(`invalid props options`, raw); + } + for (const key in raw) { + const normalizedKey = camelize(key); + if (validatePropName(normalizedKey)) { + const opt = raw[key]; + const prop = (normalized[normalizedKey] = + isArray(opt) || isFunction(opt) ? { type: opt } : opt); + if (prop) { + const booleanIndex = getTypeIndex(Boolean, prop.type); + const stringIndex = getTypeIndex(String, prop.type); + prop[0 /* shouldCast */] = booleanIndex > -1; + prop[1 /* shouldCastTrue */] = + stringIndex < 0 || booleanIndex < stringIndex; + // if the prop needs boolean casting or default value + if (booleanIndex > -1 || hasOwn(prop, 'default')) { + needCastKeys.push(normalizedKey); + } + } + } + } + } + const res = [normalized, needCastKeys]; + cache.set(comp, res); + return res; +} +function validatePropName(key) { + if (key[0] !== '$') { + return true; + } + else { + warn$1(`Invalid prop name: "${key}" is a reserved property.`); + } + return false; +} +// use function string name to check type constructors +// so that it works across vms / iframes. +function getType(ctor) { + const match = ctor && ctor.toString().match(/^\s*function (\w+)/); + return match ? match[1] : ctor === null ? 'null' : ''; +} +function isSameType(a, b) { + return getType(a) === getType(b); +} +function getTypeIndex(type, expectedTypes) { + if (isArray(expectedTypes)) { + return expectedTypes.findIndex(t => isSameType(t, type)); + } + else if (isFunction(expectedTypes)) { + return isSameType(expectedTypes, type) ? 0 : -1; + } + return -1; +} +/** + * dev only + */ +function validateProps(rawProps, props, instance) { + const resolvedValues = toRaw(props); + const options = instance.propsOptions[0]; + for (const key in options) { + let opt = options[key]; + if (opt == null) + continue; + validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))); + } +} +/** + * dev only + */ +function validateProp(name, value, prop, isAbsent) { + const { type, required, validator } = prop; + // required! + if (required && isAbsent) { + warn$1('Missing required prop: "' + name + '"'); + return; + } + // missing but optional + if (value == null && !prop.required) { + return; + } + // type check + if (type != null && type !== true) { + let isValid = false; + const types = isArray(type) ? type : [type]; + const expectedTypes = []; + // value is valid as long as one of the specified types match + for (let i = 0; i < types.length && !isValid; i++) { + const { valid, expectedType } = assertType(value, types[i]); + expectedTypes.push(expectedType || ''); + isValid = valid; + } + if (!isValid) { + warn$1(getInvalidTypeMessage(name, value, expectedTypes)); + return; + } + } + // custom validator + if (validator && !validator(value)) { + warn$1('Invalid prop: custom validator check failed for prop "' + name + '".'); + } +} +const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt'); +/** + * dev only + */ +function assertType(value, type) { + let valid; + const expectedType = getType(type); + if (isSimpleType(expectedType)) { + const t = typeof value; + valid = t === expectedType.toLowerCase(); + // for primitive wrapper objects + if (!valid && t === 'object') { + valid = value instanceof type; + } + } + else if (expectedType === 'Object') { + valid = isObject(value); + } + else if (expectedType === 'Array') { + valid = isArray(value); + } + else if (expectedType === 'null') { + valid = value === null; + } + else { + valid = value instanceof type; + } + return { + valid, + expectedType + }; +} +/** + * dev only + */ +function getInvalidTypeMessage(name, value, expectedTypes) { + let message = `Invalid prop: type check failed for prop "${name}".` + + ` Expected ${expectedTypes.map(capitalize).join(' | ')}`; + const expectedType = expectedTypes[0]; + const receivedType = toRawType(value); + const expectedValue = styleValue(value, expectedType); + const receivedValue = styleValue(value, receivedType); + // check if we need to specify expected value + if (expectedTypes.length === 1 && + isExplicable(expectedType) && + !isBoolean(expectedType, receivedType)) { + message += ` with value ${expectedValue}`; + } + message += `, got ${receivedType} `; + // check if we need to specify received value + if (isExplicable(receivedType)) { + message += `with value ${receivedValue}.`; + } + return message; +} +/** + * dev only + */ +function styleValue(value, type) { + if (type === 'String') { + return `"${value}"`; + } + else if (type === 'Number') { + return `${Number(value)}`; + } + else { + return `${value}`; + } +} +/** + * dev only + */ +function isExplicable(type) { + const explicitTypes = ['string', 'number', 'boolean']; + return explicitTypes.some(elem => type.toLowerCase() === elem); +} +/** + * dev only + */ +function isBoolean(...args) { + return args.some(elem => elem.toLowerCase() === 'boolean'); +} + +const isInternalKey = (key) => key[0] === '_' || key === '$stable'; +const normalizeSlotValue = (value) => isArray(value) + ? value.map(normalizeVNode) + : [normalizeVNode(value)]; +const normalizeSlot = (key, rawSlot, ctx) => { + const normalized = withCtx((...args) => { + if (currentInstance) { + warn$1(`Slot "${key}" invoked outside of the render function: ` + + `this will not track dependencies used in the slot. ` + + `Invoke the slot function inside the render function instead.`); + } + return normalizeSlotValue(rawSlot(...args)); + }, ctx); + normalized._c = false; + return normalized; +}; +const normalizeObjectSlots = (rawSlots, slots, instance) => { + const ctx = rawSlots._ctx; + for (const key in rawSlots) { + if (isInternalKey(key)) + continue; + const value = rawSlots[key]; + if (isFunction(value)) { + slots[key] = normalizeSlot(key, value, ctx); + } + else if (value != null) { + { + warn$1(`Non-function value encountered for slot "${key}". ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(value); + slots[key] = () => normalized; + } + } +}; +const normalizeVNodeSlots = (instance, children) => { + if (!isKeepAlive(instance.vnode) && + !(false )) { + warn$1(`Non-function value encountered for default slot. ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(children); + instance.slots.default = () => normalized; +}; +const initSlots = (instance, children) => { + if (instance.vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // users can get the shallow readonly version of the slots object through `this.$slots`, + // we should avoid the proxy object polluting the slots of the internal instance + instance.slots = toRaw(children); + // make compiler marker non-enumerable + def(children, '_', type); + } + else { + normalizeObjectSlots(children, (instance.slots = {})); + } + } + else { + instance.slots = {}; + if (children) { + normalizeVNodeSlots(instance, children); + } + } + def(instance.slots, InternalObjectKey, 1); +}; +const updateSlots = (instance, children, optimized) => { + const { vnode, slots } = instance; + let needDeletionCheck = true; + let deletionComparisonTarget = EMPTY_OBJ; + if (vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // compiled slots. + if (isHmrUpdating) { + // Parent was HMR updated so slot content may have changed. + // force update slots and mark instance for hmr as well + extend(slots, children); + } + else if (optimized && type === 1 /* STABLE */) { + // compiled AND stable. + // no need to update, and skip stale slots removal. + needDeletionCheck = false; + } + else { + // compiled but dynamic (v-if/v-for on slots) - update slots, but skip + // normalization. + extend(slots, children); + // #2893 + // when rendering the optimized slots by manually written render function, + // we need to delete the `slots._` flag if necessary to make subsequent updates reliable, + // i.e. let the `renderSlot` create the bailed Fragment + if (!optimized && type === 1 /* STABLE */) { + delete slots._; + } + } + } + else { + needDeletionCheck = !children.$stable; + normalizeObjectSlots(children, slots); + } + deletionComparisonTarget = children; + } + else if (children) { + // non slot object children (direct value) passed to a component + normalizeVNodeSlots(instance, children); + deletionComparisonTarget = { default: 1 }; + } + // delete stale slots + if (needDeletionCheck) { + for (const key in slots) { + if (!isInternalKey(key) && !(key in deletionComparisonTarget)) { + delete slots[key]; + } + } + } +}; + +/** +Runtime helper for applying directives to a vnode. Example usage: + +const comp = resolveComponent('comp') +const foo = resolveDirective('foo') +const bar = resolveDirective('bar') + +return withDirectives(h(comp), [ + [foo, this.x], + [bar, this.y] +]) +*/ +const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text'); +function validateDirectiveName(name) { + if (isBuiltInDirective(name)) { + warn$1('Do not use built-in directive ids as custom directive id: ' + name); + } +} +/** + * Adds directives to a VNode. + */ +function withDirectives(vnode, directives) { + const internalInstance = currentRenderingInstance; + if (internalInstance === null) { + warn$1(`withDirectives can only be used inside render functions.`); + return vnode; + } + const instance = internalInstance.proxy; + const bindings = vnode.dirs || (vnode.dirs = []); + for (let i = 0; i < directives.length; i++) { + let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; + if (isFunction(dir)) { + dir = { + mounted: dir, + updated: dir + }; + } + if (dir.deep) { + traverse(value); + } + bindings.push({ + dir, + instance, + value, + oldValue: void 0, + arg, + modifiers + }); + } + return vnode; +} +function invokeDirectiveHook(vnode, prevVNode, instance, name) { + const bindings = vnode.dirs; + const oldBindings = prevVNode && prevVNode.dirs; + for (let i = 0; i < bindings.length; i++) { + const binding = bindings[i]; + if (oldBindings) { + binding.oldValue = oldBindings[i].value; + } + let hook = binding.dir[name]; + if (hook) { + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + callWithAsyncErrorHandling(hook, instance, 8 /* DIRECTIVE_HOOK */, [ + vnode.el, + binding, + vnode, + prevVNode + ]); + resetTracking(); + } + } +} + +function createAppContext() { + return { + app: null, + config: { + isNativeTag: NO, + performance: false, + globalProperties: {}, + optionMergeStrategies: {}, + errorHandler: undefined, + warnHandler: undefined, + compilerOptions: {} + }, + mixins: [], + components: {}, + directives: {}, + provides: Object.create(null), + optionsCache: new WeakMap(), + propsCache: new WeakMap(), + emitsCache: new WeakMap() + }; +} +let uid = 0; +function createAppAPI(render, hydrate) { + return function createApp(rootComponent, rootProps = null) { + if (rootProps != null && !isObject(rootProps)) { + warn$1(`root props passed to app.mount() must be an object.`); + rootProps = null; + } + const context = createAppContext(); + const installedPlugins = new Set(); + let isMounted = false; + const app = (context.app = { + _uid: uid++, + _component: rootComponent, + _props: rootProps, + _container: null, + _context: context, + _instance: null, + version, + get config() { + return context.config; + }, + set config(v) { + { + warn$1(`app.config cannot be replaced. Modify individual options instead.`); + } + }, + use(plugin, ...options) { + if (installedPlugins.has(plugin)) { + warn$1(`Plugin has already been applied to target app.`); + } + else if (plugin && isFunction(plugin.install)) { + installedPlugins.add(plugin); + plugin.install(app, ...options); + } + else if (isFunction(plugin)) { + installedPlugins.add(plugin); + plugin(app, ...options); + } + else { + warn$1(`A plugin must either be a function or an object with an "install" ` + + `function.`); + } + return app; + }, + mixin(mixin) { + { + if (!context.mixins.includes(mixin)) { + context.mixins.push(mixin); + } + else { + warn$1('Mixin has already been applied to target app' + + (mixin.name ? `: ${mixin.name}` : '')); + } + } + return app; + }, + component(name, component) { + { + validateComponentName(name, context.config); + } + if (!component) { + return context.components[name]; + } + if (context.components[name]) { + warn$1(`Component "${name}" has already been registered in target app.`); + } + context.components[name] = component; + return app; + }, + directive(name, directive) { + { + validateDirectiveName(name); + } + if (!directive) { + return context.directives[name]; + } + if (context.directives[name]) { + warn$1(`Directive "${name}" has already been registered in target app.`); + } + context.directives[name] = directive; + return app; + }, + mount(rootContainer, isHydrate, isSVG) { + if (!isMounted) { + const vnode = createVNode(rootComponent, rootProps); + // store app context on the root VNode. + // this will be set on the root instance on initial mount. + vnode.appContext = context; + // HMR root reload + { + context.reload = () => { + render(cloneVNode(vnode), rootContainer, isSVG); + }; + } + if (isHydrate && hydrate) { + hydrate(vnode, rootContainer); + } + else { + render(vnode, rootContainer, isSVG); + } + isMounted = true; + app._container = rootContainer; + rootContainer.__vue_app__ = app; + { + app._instance = vnode.component; + devtoolsInitApp(app, version); + } + return vnode.component.proxy; + } + else { + warn$1(`App has already been mounted.\n` + + `If you want to remount the same app, move your app creation logic ` + + `into a factory function and create fresh app instances for each ` + + `mount - e.g. \`const createMyApp = () => createApp(App)\``); + } + }, + unmount() { + if (isMounted) { + render(null, app._container); + { + app._instance = null; + devtoolsUnmountApp(app); + } + delete app._container.__vue_app__; + } + else { + warn$1(`Cannot unmount an app that is not mounted.`); + } + }, + provide(key, value) { + if (key in context.provides) { + warn$1(`App already provides property with key "${String(key)}". ` + + `It will be overwritten with the new value.`); + } + // TypeScript doesn't allow symbols as index type + // https://github.com/Microsoft/TypeScript/issues/24587 + context.provides[key] = value; + return app; + } + }); + return app; + }; +} + +let hasMismatch = false; +const isSVGContainer = (container) => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject'; +const isComment = (node) => node.nodeType === 8 /* COMMENT */; +// Note: hydration is DOM-specific +// But we have to place it in core due to tight coupling with core - splitting +// it out creates a ton of unnecessary complexity. +// Hydration also depends on some renderer internal logic which needs to be +// passed in via arguments. +function createHydrationFunctions(rendererInternals) { + const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals; + const hydrate = (vnode, container) => { + if (!container.hasChildNodes()) { + warn$1(`Attempting to hydrate existing markup but container is empty. ` + + `Performing full mount instead.`); + patch(null, vnode, container); + flushPostFlushCbs(); + return; + } + hasMismatch = false; + hydrateNode(container.firstChild, vnode, null, null, null); + flushPostFlushCbs(); + if (hasMismatch && !false) { + // this error should show up in production + console.error(`Hydration completed but contains mismatches.`); + } + }; + const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => { + const isFragmentStart = isComment(node) && node.data === '['; + const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart); + const { type, ref, shapeFlag } = vnode; + const domType = node.nodeType; + vnode.el = node; + let nextNode = null; + switch (type) { + case Text: + if (domType !== 3 /* TEXT */) { + nextNode = onMismatch(); + } + else { + if (node.data !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text mismatch:` + + `\n- Client: ${JSON.stringify(node.data)}` + + `\n- Server: ${JSON.stringify(vnode.children)}`); + node.data = vnode.children; + } + nextNode = nextSibling(node); + } + break; + case Comment$1: + if (domType !== 8 /* COMMENT */ || isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = nextSibling(node); + } + break; + case Static: + if (domType !== 1 /* ELEMENT */) { + nextNode = onMismatch(); + } + else { + // determine anchor, adopt content + nextNode = node; + // if the static vnode has its content stripped during build, + // adopt it from the server-rendered HTML. + const needToAdoptContent = !vnode.children.length; + for (let i = 0; i < vnode.staticCount; i++) { + if (needToAdoptContent) + vnode.children += nextNode.outerHTML; + if (i === vnode.staticCount - 1) { + vnode.anchor = nextNode; + } + nextNode = nextSibling(nextNode); + } + return nextNode; + } + break; + case Fragment: + if (!isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + if (domType !== 1 /* ELEMENT */ || + vnode.type.toLowerCase() !== + node.tagName.toLowerCase()) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + } + else if (shapeFlag & 6 /* COMPONENT */) { + // when setting up the render effect, if the initial vnode already + // has .el set, the component will perform hydration instead of mount + // on its sub-tree. + vnode.slotScopeIds = slotScopeIds; + const container = parentNode(node); + mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); + // component may be async, so in the case of fragments we cannot rely + // on component's rendered output to determine the end of the fragment + // instead, we do a lookahead to find the end anchor node. + nextNode = isFragmentStart + ? locateClosingAsyncAnchor(node) + : nextSibling(node); + // #3787 + // if component is async, it may get moved / unmounted before its + // inner component is loaded, so we need to give it a placeholder + // vnode that matches its adopted DOM. + if (isAsyncWrapper(vnode)) { + let subTree; + if (isFragmentStart) { + subTree = createVNode(Fragment); + subTree.anchor = nextNode + ? nextNode.previousSibling + : container.lastChild; + } + else { + subTree = + node.nodeType === 3 ? createTextVNode('') : createVNode('div'); + } + subTree.el = node; + vnode.component.subTree = subTree; + } + } + else if (shapeFlag & 64 /* TELEPORT */) { + if (domType !== 8 /* COMMENT */) { + nextNode = onMismatch(); + } + else { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren); + } + } + else if (shapeFlag & 128 /* SUSPENSE */) { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode); + } + else { + warn$1('Invalid HostVNode type:', type, `(${typeof type})`); + } + } + if (ref != null) { + setRef(ref, null, parentSuspense, vnode); + } + return nextNode; + }; + const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!vnode.dynamicChildren; + const { type, props, patchFlag, shapeFlag, dirs } = vnode; + // #4006 for form elements with non-string v-model value bindings + // e.g. <option :value="obj">, <input type="checkbox" :true-value="1"> + const forcePatchValue = (type === 'input' && dirs) || type === 'option'; + // skip props & children if this is hoisted static nodes + if (forcePatchValue || patchFlag !== -1 /* HOISTED */) { + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + if (forcePatchValue || + !optimized || + patchFlag & (16 /* FULL_PROPS */ | 32 /* HYDRATE_EVENTS */)) { + for (const key in props) { + if ((forcePatchValue && key.endsWith('value')) || + (isOn(key) && !isReservedProp(key))) { + patchProp(el, key, null, props[key]); + } + } + } + else if (props.onClick) { + // Fast path for click listeners (which is most often) to avoid + // iterating through props. + patchProp(el, 'onClick', null, props.onClick); + } + } + // vnode / directive hooks + let vnodeHooks; + if ((vnodeHooks = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHooks, parentComponent, vnode); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + if ((vnodeHooks = props && props.onVnodeMounted) || dirs) { + queueEffectWithSuspense(() => { + vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + // children + if (shapeFlag & 16 /* ARRAY_CHILDREN */ && + // skip if element has innerHTML / textContent + !(props && (props.innerHTML || props.textContent))) { + let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized); + let hasWarned = false; + while (next) { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${vnode.type}>: ` + + `server rendered element contains more child nodes than client vdom.`); + hasWarned = true; + } + // The SSRed DOM contains more nodes than it should. Remove them. + const cur = next; + next = next.nextSibling; + remove(cur); + } + } + else if (shapeFlag & 8 /* TEXT_CHILDREN */) { + if (el.textContent !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` + + `- Client: ${el.textContent}\n` + + `- Server: ${vnode.children}`); + el.textContent = vnode.children; + } + } + } + return el.nextSibling; + }; + const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!parentVNode.dynamicChildren; + const children = parentVNode.children; + const l = children.length; + let hasWarned = false; + for (let i = 0; i < l; i++) { + const vnode = optimized + ? children[i] + : (children[i] = normalizeVNode(children[i])); + if (node) { + node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + else if (vnode.type === Text && !vnode.children) { + continue; + } + else { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` + + `server rendered element contains fewer child nodes than client vdom.`); + hasWarned = true; + } + // the SSRed DOM didn't contain enough nodes. Mount the missing ones. + patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + } + } + return node; + }; + const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + const { slotScopeIds: fragmentSlotScopeIds } = vnode; + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + const container = parentNode(node); + const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized); + if (next && isComment(next) && next.data === ']') { + return nextSibling((vnode.anchor = next)); + } + else { + // fragment didn't hydrate successfully, since we didn't get a end anchor + // back. This should have led to node/children mismatch warnings. + hasMismatch = true; + // since the anchor is missing, we need to create one and insert it + insert((vnode.anchor = createComment(`]`)), container, next); + return next; + } + }; + const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => { + hasMismatch = true; + warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */ + ? `(text)` + : isComment(node) && node.data === '[' + ? `(start of fragment)` + : ``); + vnode.el = null; + if (isFragment) { + // remove excessive fragment nodes + const end = locateClosingAsyncAnchor(node); + while (true) { + const next = nextSibling(node); + if (next && next !== end) { + remove(next); + } + else { + break; + } + } + } + const next = nextSibling(node); + const container = parentNode(node); + remove(node); + patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + return next; + }; + const locateClosingAsyncAnchor = (node) => { + let match = 0; + while (node) { + node = nextSibling(node); + if (node && isComment(node)) { + if (node.data === '[') + match++; + if (node.data === ']') { + if (match === 0) { + return nextSibling(node); + } + else { + match--; + } + } + } + } + return node; + }; + return [hydrate, hydrateNode]; +} + +let supported; +let perf; +function startMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + perf.mark(`vue-${type}-${instance.uid}`); + } + { + devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now()); + } +} +function endMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + const startTag = `vue-${type}-${instance.uid}`; + const endTag = startTag + `:end`; + perf.mark(endTag); + perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag); + perf.clearMarks(startTag); + perf.clearMarks(endTag); + } + { + devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now()); + } +} +function isSupported() { + if (supported !== undefined) { + return supported; + } + /* eslint-disable no-restricted-globals */ + if (typeof window !== 'undefined' && window.performance) { + supported = true; + perf = window.performance; + } + else { + supported = false; + } + /* eslint-enable no-restricted-globals */ + return supported; +} + +const queuePostRenderEffect = queueEffectWithSuspense + ; +/** + * The createRenderer function accepts two generic arguments: + * HostNode and HostElement, corresponding to Node and Element types in the + * host environment. For example, for runtime-dom, HostNode would be the DOM + * `Node` interface and HostElement would be the DOM `Element` interface. + * + * Custom renderers can pass in the platform specific types like this: + * + * ``` js + * const { render, createApp } = createRenderer<Node, Element>({ + * patchProp, + * ...nodeOps + * }) + * ``` + */ +function createRenderer(options) { + return baseCreateRenderer(options); +} +// Separate API for creating hydration-enabled renderer. +// Hydration logic is only used when calling this function, making it +// tree-shakable. +function createHydrationRenderer(options) { + return baseCreateRenderer(options, createHydrationFunctions); +} +// implementation +function baseCreateRenderer(options, createHydrationFns) { + { + const target = getGlobalThis(); + target.__VUE__ = true; + setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__); + } + const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options; + // Note: functions inside this closure should use `const xxx = () => {}` + // style in order to prevent being inlined by minifiers. + const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => { + if (n1 === n2) { + return; + } + // patching & not same type, unmount old tree + if (n1 && !isSameVNodeType(n1, n2)) { + anchor = getNextHostNode(n1); + unmount(n1, parentComponent, parentSuspense, true); + n1 = null; + } + if (n2.patchFlag === -2 /* BAIL */) { + optimized = false; + n2.dynamicChildren = null; + } + const { type, ref, shapeFlag } = n2; + switch (type) { + case Text: + processText(n1, n2, container, anchor); + break; + case Comment$1: + processCommentNode(n1, n2, container, anchor); + break; + case Static: + if (n1 == null) { + mountStaticNode(n2, container, anchor, isSVG); + } + else { + patchStaticNode(n1, n2, container, isSVG); + } + break; + case Fragment: + processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 6 /* COMPONENT */) { + processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 64 /* TELEPORT */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else if (shapeFlag & 128 /* SUSPENSE */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else { + warn$1('Invalid VNode type:', type, `(${typeof type})`); + } + } + // set ref + if (ref != null && parentComponent) { + setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2); + } + }; + const processText = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateText(n2.children)), container, anchor); + } + else { + const el = (n2.el = n1.el); + if (n2.children !== n1.children) { + hostSetText(el, n2.children); + } + } + }; + const processCommentNode = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor); + } + else { + // there's no support for dynamic comments + n2.el = n1.el; + } + }; + const mountStaticNode = (n2, container, anchor, isSVG) => { + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + }; + /** + * Dev / HMR only + */ + const patchStaticNode = (n1, n2, container, isSVG) => { + // static nodes are only patched during dev for HMR + if (n2.children !== n1.children) { + const anchor = hostNextSibling(n1.anchor); + // remove existing + removeStaticNode(n1); + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + } + else { + n2.el = n1.el; + n2.anchor = n1.anchor; + } + }; + const moveStaticNode = ({ el, anchor }, container, nextSibling) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostInsert(el, container, nextSibling); + el = next; + } + hostInsert(anchor, container, nextSibling); + }; + const removeStaticNode = ({ el, anchor }) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostRemove(el); + el = next; + } + hostRemove(anchor); + }; + const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + isSVG = isSVG || n2.type === 'svg'; + if (n1 == null) { + mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let el; + let vnodeHook; + const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode; + { + el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props); + // mount children first, since some props may rely on child content + // being already rendered, e.g. `<select value>` + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(el, vnode.children); + } + else if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + for (const key in props) { + if (key !== 'value' && !isReservedProp(key)) { + hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + /** + * Special case for setting value on DOM elements: + * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024) + * - it needs to be forced (#1471) + * #2353 proposes adding another renderer option to configure this, but + * the properties affects are so finite it is worth special casing it + * here to reduce the complexity. (Special casing it also should not + * affect non-DOM renderers) + */ + if ('value' in props) { + hostPatchProp(el, 'value', null, props.value); + } + if ((vnodeHook = props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + } + // scopeId + setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent); + } + { + Object.defineProperty(el, '__vnode', { + value: vnode, + enumerable: false + }); + Object.defineProperty(el, '__vueParentComponent', { + value: parentComponent, + enumerable: false + }); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved + // #1689 For inside suspense + suspense resolved case, just call it + const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) && + transition && + !transition.persisted; + if (needCallTransitionHooks) { + transition.beforeEnter(el); + } + hostInsert(el, container, anchor); + if ((vnodeHook = props && props.onVnodeMounted) || + needCallTransitionHooks || + dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + needCallTransitionHooks && transition.enter(el); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + }; + const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => { + if (scopeId) { + hostSetScopeId(el, scopeId); + } + if (slotScopeIds) { + for (let i = 0; i < slotScopeIds.length; i++) { + hostSetScopeId(el, slotScopeIds[i]); + } + } + if (parentComponent) { + let subTree = parentComponent.subTree; + if (subTree.patchFlag > 0 && + subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + subTree = + filterSingleRoot(subTree.children) || subTree; + } + if (vnode === subTree) { + const parentVNode = parentComponent.vnode; + setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent); + } + } + }; + const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => { + for (let i = start; i < children.length; i++) { + const child = (children[i] = optimized + ? cloneIfMounted(children[i]) + : normalizeVNode(children[i])); + patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const el = (n2.el = n1.el); + let { patchFlag, dynamicChildren, dirs } = n2; + // #1426 take the old vnode's patch flag into account since user may clone a + // compiler-generated vnode, which de-opts to FULL_PROPS + patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */; + const oldProps = n1.props || EMPTY_OBJ; + const newProps = n2.props || EMPTY_OBJ; + let vnodeHook; + if ((vnodeHook = newProps.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + } + if (dirs) { + invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate'); + } + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + const areChildrenSVG = isSVG && n2.type !== 'foreignObject'; + if (dynamicChildren) { + patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + } + else if (!optimized) { + // full diff + patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false); + } + if (patchFlag > 0) { + // the presence of a patchFlag means this element's render code was + // generated by the compiler and can take the fast path. + // in this path old node and new node are guaranteed to have the same shape + // (i.e. at the exact same position in the source template) + if (patchFlag & 16 /* FULL_PROPS */) { + // element props contain dynamic keys, full diff needed + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + else { + // class + // this flag is matched when the element has dynamic class bindings. + if (patchFlag & 2 /* CLASS */) { + if (oldProps.class !== newProps.class) { + hostPatchProp(el, 'class', null, newProps.class, isSVG); + } + } + // style + // this flag is matched when the element has dynamic style bindings + if (patchFlag & 4 /* STYLE */) { + hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG); + } + // props + // This flag is matched when the element has dynamic prop/attr bindings + // other than class and style. The keys of dynamic prop/attrs are saved for + // faster iteration. + // Note dynamic keys like :[foo]="bar" will cause this optimization to + // bail out and go through a full diff because we need to unset the old key + if (patchFlag & 8 /* PROPS */) { + // if the flag is present then dynamicProps must be non-null + const propsToUpdate = n2.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + const key = propsToUpdate[i]; + const prev = oldProps[key]; + const next = newProps[key]; + // #1471 force patch value + if (next !== prev || key === 'value') { + hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + } + // text + // This flag is matched when the element has only dynamic text children. + if (patchFlag & 1 /* TEXT */) { + if (n1.children !== n2.children) { + hostSetElementText(el, n2.children); + } + } + } + else if (!optimized && dynamicChildren == null) { + // unoptimized, full diff + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + if ((vnodeHook = newProps.onVnodeUpdated) || dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated'); + }, parentSuspense); + } + }; + // The fast path for blocks. + const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => { + for (let i = 0; i < newChildren.length; i++) { + const oldVNode = oldChildren[i]; + const newVNode = newChildren[i]; + // Determine the container (parent element) for the patch. + const container = + // oldVNode may be an errored async setup() component inside Suspense + // which will not have a mounted element + oldVNode.el && + // - In the case of a Fragment, we need to provide the actual parent + // of the Fragment itself so it can move its children. + (oldVNode.type === Fragment || + // - In the case of different nodes, there is going to be a replacement + // which also requires the correct parent container + !isSameVNodeType(oldVNode, newVNode) || + // - In the case of a component, it could contain anything. + oldVNode.shapeFlag & (6 /* COMPONENT */ | 64 /* TELEPORT */)) + ? hostParentNode(oldVNode.el) + : // In other cases, the parent container is not actually used so we + // just pass the block element here to avoid a DOM parentNode call. + fallbackContainer; + patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true); + } + }; + const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => { + if (oldProps !== newProps) { + for (const key in newProps) { + // empty string is not valid prop + if (isReservedProp(key)) + continue; + const next = newProps[key]; + const prev = oldProps[key]; + // defer patching value + if (next !== prev && key !== 'value') { + hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + if (oldProps !== EMPTY_OBJ) { + for (const key in oldProps) { + if (!isReservedProp(key) && !(key in newProps)) { + hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + if ('value' in newProps) { + hostPatchProp(el, 'value', oldProps.value, newProps.value); + } + } + }; + const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText('')); + const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText('')); + let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2; + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + // check if this is a slot fragment with :slotted scope ids + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + if (n1 == null) { + hostInsert(fragmentStartAnchor, container, anchor); + hostInsert(fragmentEndAnchor, container, anchor); + // a fragment can only have array children + // since they are either generated by the compiler, or implicitly created + // from arrays. + mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + if (patchFlag > 0 && + patchFlag & 64 /* STABLE_FRAGMENT */ && + dynamicChildren && + // #2715 the previous fragment could've been a BAILed one as a result + // of renderSlot() with no valid children + n1.dynamicChildren) { + // a stable fragment (template root or <template v-for>) doesn't need to + // patch children order, but it may contain dynamicChildren. + patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + else if ( + // #2080 if the stable fragment has a key, it's a <template v-for> that may + // get moved around. Make sure all root level vnodes inherit el. + // #2134 or if it's a component root, it may also get moved around + // as the component is being moved. + n2.key != null || + (parentComponent && n2 === parentComponent.subTree)) { + traverseStaticChildren(n1, n2, true /* shallow */); + } + } + else { + // keyed / unkeyed, or manual fragments. + // for keyed & unkeyed, since they are compiler generated from v-for, + // each child is guaranteed to be a block so the fragment will never + // have dynamicChildren. + patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + }; + const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + n2.slotScopeIds = slotScopeIds; + if (n1 == null) { + if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized); + } + else { + mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized); + } + } + else { + updateComponent(n1, n2, optimized); + } + }; + const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => { + const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense)); + if (instance.type.__hmrId) { + registerHMR(instance); + } + { + pushWarningContext(initialVNode); + startMeasure(instance, `mount`); + } + // inject renderer internals for keepAlive + if (isKeepAlive(initialVNode)) { + instance.ctx.renderer = internals; + } + // resolve props and slots for setup context + { + { + startMeasure(instance, `init`); + } + setupComponent(instance); + { + endMeasure(instance, `init`); + } + } + // setup() is async. This component relies on async logic to be resolved + // before proceeding + if (instance.asyncDep) { + parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); + // Give it a placeholder if this is not hydration + // TODO handle self-defined fallback + if (!initialVNode.el) { + const placeholder = (instance.subTree = createVNode(Comment$1)); + processCommentNode(null, placeholder, container, anchor); + } + return; + } + setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); + { + popWarningContext(); + endMeasure(instance, `mount`); + } + }; + const updateComponent = (n1, n2, optimized) => { + const instance = (n2.component = n1.component); + if (shouldUpdateComponent(n1, n2, optimized)) { + if (instance.asyncDep && + !instance.asyncResolved) { + // async & still pending - just update props and slots + // since the component's reactive effect for render isn't set-up yet + { + pushWarningContext(n2); + } + updateComponentPreRender(instance, n2, optimized); + { + popWarningContext(); + } + return; + } + else { + // normal update + instance.next = n2; + // in case the child component is also queued, remove it to avoid + // double updating the same child component in the same flush. + invalidateJob(instance.update); + // instance.update is the reactive effect. + instance.update(); + } + } + else { + // no update needed. just copy over properties + n2.component = n1.component; + n2.el = n1.el; + instance.vnode = n2; + } + }; + const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => { + const componentUpdateFn = () => { + if (!instance.isMounted) { + let vnodeHook; + const { el, props } = initialVNode; + const { bm, m, parent } = instance; + const isAsyncWrapperVNode = isAsyncWrapper(initialVNode); + effect.allowRecurse = false; + // beforeMount hook + if (bm) { + invokeArrayFns(bm); + } + // onVnodeBeforeMount + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parent, initialVNode); + } + effect.allowRecurse = true; + if (el && hydrateNode) { + // vnode has adopted host node - perform hydration instead of mount. + const hydrateSubTree = () => { + { + startMeasure(instance, `render`); + } + instance.subTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `hydrate`); + } + hydrateNode(el, instance.subTree, instance, parentSuspense, null); + { + endMeasure(instance, `hydrate`); + } + }; + if (isAsyncWrapperVNode) { + initialVNode.type.__asyncLoader().then( + // note: we are moving the render call into an async callback, + // which means it won't track dependencies - but it's ok because + // a server-rendered async wrapper is already in resolved state + // and it will never need to change. + () => !instance.isUnmounted && hydrateSubTree()); + } + else { + hydrateSubTree(); + } + } + else { + { + startMeasure(instance, `render`); + } + const subTree = (instance.subTree = renderComponentRoot(instance)); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `patch`); + } + patch(null, subTree, container, anchor, instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + initialVNode.el = subTree.el; + } + // mounted hook + if (m) { + queuePostRenderEffect(m, parentSuspense); + } + // onVnodeMounted + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeMounted)) { + const scopedInitialVNode = initialVNode; + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense); + } + // activated hook for keep-alive roots. + // #1742 activated hook must be accessed after first render + // since the hook may be injected by a child keep-alive + if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + instance.a && queuePostRenderEffect(instance.a, parentSuspense); + } + instance.isMounted = true; + { + devtoolsComponentAdded(instance); + } + // #2458: deference mount-only object parameters to prevent memleaks + initialVNode = container = anchor = null; + } + else { + // updateComponent + // This is triggered by mutation of component's own state (next: null) + // OR parent calling processComponent (next: VNode) + let { next, bu, u, parent, vnode } = instance; + let originNext = next; + let vnodeHook; + { + pushWarningContext(next || instance.vnode); + } + // Disallow component effect recursion during pre-lifecycle hooks. + effect.allowRecurse = false; + if (next) { + next.el = vnode.el; + updateComponentPreRender(instance, next, optimized); + } + else { + next = vnode; + } + // beforeUpdate hook + if (bu) { + invokeArrayFns(bu); + } + // onVnodeBeforeUpdate + if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parent, next, vnode); + } + effect.allowRecurse = true; + // render + { + startMeasure(instance, `render`); + } + const nextTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + const prevTree = instance.subTree; + instance.subTree = nextTree; + { + startMeasure(instance, `patch`); + } + patch(prevTree, nextTree, + // parent may have changed if it's in a teleport + hostParentNode(prevTree.el), + // anchor may have changed if it's in a fragment + getNextHostNode(prevTree), instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + next.el = nextTree.el; + if (originNext === null) { + // self-triggered update. In case of HOC, update parent component + // vnode el. HOC is indicated by parent instance's subTree pointing + // to child component's vnode + updateHOCHostEl(instance, nextTree.el); + } + // updated hook + if (u) { + queuePostRenderEffect(u, parentSuspense); + } + // onVnodeUpdated + if ((vnodeHook = next.props && next.props.onVnodeUpdated)) { + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense); + } + { + devtoolsComponentUpdated(instance); + } + { + popWarningContext(); + } + } + }; + // create reactive effect for rendering + const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope + ); + const update = (instance.update = effect.run.bind(effect)); + update.id = instance.uid; + // allowRecurse + // #1801, #2043 component render effects should allow recursive updates + effect.allowRecurse = update.allowRecurse = true; + { + effect.onTrack = instance.rtc + ? e => invokeArrayFns(instance.rtc, e) + : void 0; + effect.onTrigger = instance.rtg + ? e => invokeArrayFns(instance.rtg, e) + : void 0; + // @ts-ignore (for scheduler) + update.ownerInstance = instance; + } + update(); + }; + const updateComponentPreRender = (instance, nextVNode, optimized) => { + nextVNode.component = instance; + const prevProps = instance.vnode.props; + instance.vnode = nextVNode; + instance.next = null; + updateProps(instance, nextVNode.props, prevProps, optimized); + updateSlots(instance, nextVNode.children, optimized); + pauseTracking(); + // props update may have triggered pre-flush watchers. + // flush them before the render update. + flushPreFlushCbs(undefined, instance.update); + resetTracking(); + }; + const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => { + const c1 = n1 && n1.children; + const prevShapeFlag = n1 ? n1.shapeFlag : 0; + const c2 = n2.children; + const { patchFlag, shapeFlag } = n2; + // fast path + if (patchFlag > 0) { + if (patchFlag & 128 /* KEYED_FRAGMENT */) { + // this could be either fully-keyed or mixed (some keyed some not) + // presence of patchFlag means children are guaranteed to be arrays + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) { + // unkeyed + patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + } + // children has 3 possibilities: text, array or no children. + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + // text children fast path + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + unmountChildren(c1, parentComponent, parentSuspense); + } + if (c2 !== c1) { + hostSetElementText(container, c2); + } + } + else { + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + // prev children was array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + // two arrays, cannot assume anything, do full diff + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + // no new children, just unmount old + unmountChildren(c1, parentComponent, parentSuspense, true); + } + } + else { + // prev children was text OR null + // new children is array OR null + if (prevShapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(container, ''); + } + // mount new if array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + } + }; + const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + c1 = c1 || EMPTY_ARR; + c2 = c2 || EMPTY_ARR; + const oldLength = c1.length; + const newLength = c2.length; + const commonLength = Math.min(oldLength, newLength); + let i; + for (i = 0; i < commonLength; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + if (oldLength > newLength) { + // remove old + unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength); + } + else { + // mount new + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength); + } + }; + // can be all-keyed or mixed + const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let i = 0; + const l2 = c2.length; + let e1 = c1.length - 1; // prev ending index + let e2 = l2 - 1; // next ending index + // 1. sync from start + // (a b) c + // (a b) d e + while (i <= e1 && i <= e2) { + const n1 = c1[i]; + const n2 = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + i++; + } + // 2. sync from end + // a (b c) + // d e (b c) + while (i <= e1 && i <= e2) { + const n1 = c1[e1]; + const n2 = (c2[e2] = optimized + ? cloneIfMounted(c2[e2]) + : normalizeVNode(c2[e2])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + e1--; + e2--; + } + // 3. common sequence + mount + // (a b) + // (a b) c + // i = 2, e1 = 1, e2 = 2 + // (a b) + // c (a b) + // i = 0, e1 = -1, e2 = 0 + if (i > e1) { + if (i <= e2) { + const nextPos = e2 + 1; + const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor; + while (i <= e2) { + patch(null, (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + i++; + } + } + } + // 4. common sequence + unmount + // (a b) c + // (a b) + // i = 2, e1 = 2, e2 = 1 + // a (b c) + // (b c) + // i = 0, e1 = 0, e2 = -1 + else if (i > e2) { + while (i <= e1) { + unmount(c1[i], parentComponent, parentSuspense, true); + i++; + } + } + // 5. unknown sequence + // [i ... e1 + 1]: a b [c d e] f g + // [i ... e2 + 1]: a b [e d c h] f g + // i = 2, e1 = 4, e2 = 5 + else { + const s1 = i; // prev starting index + const s2 = i; // next starting index + // 5.1 build key:index map for newChildren + const keyToNewIndexMap = new Map(); + for (i = s2; i <= e2; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (nextChild.key != null) { + if (keyToNewIndexMap.has(nextChild.key)) { + warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`); + } + keyToNewIndexMap.set(nextChild.key, i); + } + } + // 5.2 loop through old children left to be patched and try to patch + // matching nodes & remove nodes that are no longer present + let j; + let patched = 0; + const toBePatched = e2 - s2 + 1; + let moved = false; + // used to track whether any node has moved + let maxNewIndexSoFar = 0; + // works as Map<newIndex, oldIndex> + // Note that oldIndex is offset by +1 + // and oldIndex = 0 is a special value indicating the new node has + // no corresponding old node. + // used for determining longest stable subsequence + const newIndexToOldIndexMap = new Array(toBePatched); + for (i = 0; i < toBePatched; i++) + newIndexToOldIndexMap[i] = 0; + for (i = s1; i <= e1; i++) { + const prevChild = c1[i]; + if (patched >= toBePatched) { + // all new children have been patched so this can only be a removal + unmount(prevChild, parentComponent, parentSuspense, true); + continue; + } + let newIndex; + if (prevChild.key != null) { + newIndex = keyToNewIndexMap.get(prevChild.key); + } + else { + // key-less node, try to locate a key-less node of the same type + for (j = s2; j <= e2; j++) { + if (newIndexToOldIndexMap[j - s2] === 0 && + isSameVNodeType(prevChild, c2[j])) { + newIndex = j; + break; + } + } + } + if (newIndex === undefined) { + unmount(prevChild, parentComponent, parentSuspense, true); + } + else { + newIndexToOldIndexMap[newIndex - s2] = i + 1; + if (newIndex >= maxNewIndexSoFar) { + maxNewIndexSoFar = newIndex; + } + else { + moved = true; + } + patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + patched++; + } + } + // 5.3 move and mount + // generate longest stable subsequence only when nodes have moved + const increasingNewIndexSequence = moved + ? getSequence(newIndexToOldIndexMap) + : EMPTY_ARR; + j = increasingNewIndexSequence.length - 1; + // looping backwards so that we can use last patched node as anchor + for (i = toBePatched - 1; i >= 0; i--) { + const nextIndex = s2 + i; + const nextChild = c2[nextIndex]; + const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor; + if (newIndexToOldIndexMap[i] === 0) { + // mount new + patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (moved) { + // move if: + // There is no stable subsequence (e.g. a reverse) + // OR current node is not among the stable sequence + if (j < 0 || i !== increasingNewIndexSequence[j]) { + move(nextChild, container, anchor, 2 /* REORDER */); + } + else { + j--; + } + } + } + } + }; + const move = (vnode, container, anchor, moveType, parentSuspense = null) => { + const { el, type, transition, children, shapeFlag } = vnode; + if (shapeFlag & 6 /* COMPONENT */) { + move(vnode.component.subTree, container, anchor, moveType); + return; + } + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.move(container, anchor, moveType); + return; + } + if (shapeFlag & 64 /* TELEPORT */) { + type.move(vnode, container, anchor, internals); + return; + } + if (type === Fragment) { + hostInsert(el, container, anchor); + for (let i = 0; i < children.length; i++) { + move(children[i], container, anchor, moveType); + } + hostInsert(vnode.anchor, container, anchor); + return; + } + if (type === Static) { + moveStaticNode(vnode, container, anchor); + return; + } + // single nodes + const needTransition = moveType !== 2 /* REORDER */ && + shapeFlag & 1 /* ELEMENT */ && + transition; + if (needTransition) { + if (moveType === 0 /* ENTER */) { + transition.beforeEnter(el); + hostInsert(el, container, anchor); + queuePostRenderEffect(() => transition.enter(el), parentSuspense); + } + else { + const { leave, delayLeave, afterLeave } = transition; + const remove = () => hostInsert(el, container, anchor); + const performLeave = () => { + leave(el, () => { + remove(); + afterLeave && afterLeave(); + }); + }; + if (delayLeave) { + delayLeave(el, remove, performLeave); + } + else { + performLeave(); + } + } + } + else { + hostInsert(el, container, anchor); + } + }; + const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => { + const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode; + // unset ref + if (ref != null) { + setRef(ref, null, parentSuspense, vnode, true); + } + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + parentComponent.ctx.deactivate(vnode); + return; + } + const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs; + const shouldInvokeVnodeHook = !isAsyncWrapper(vnode); + let vnodeHook; + if (shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeBeforeUnmount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + if (shapeFlag & 6 /* COMPONENT */) { + unmountComponent(vnode.component, parentSuspense, doRemove); + } + else { + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.unmount(parentSuspense, doRemove); + return; + } + if (shouldInvokeDirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount'); + } + if (shapeFlag & 64 /* TELEPORT */) { + vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove); + } + else if (dynamicChildren && + // #1153: fast path should not be taken for non-stable (v-for) fragments + (type !== Fragment || + (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) { + // fast path for block nodes: only need to unmount dynamic children. + unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true); + } + else if ((type === Fragment && + patchFlag & + (128 /* KEYED_FRAGMENT */ | 256 /* UNKEYED_FRAGMENT */)) || + (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) { + unmountChildren(children, parentComponent, parentSuspense); + } + if (doRemove) { + remove(vnode); + } + } + if ((shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeUnmounted)) || + shouldInvokeDirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + shouldInvokeDirs && + invokeDirectiveHook(vnode, null, parentComponent, 'unmounted'); + }, parentSuspense); + } + }; + const remove = vnode => { + const { type, el, anchor, transition } = vnode; + if (type === Fragment) { + removeFragment(el, anchor); + return; + } + if (type === Static) { + removeStaticNode(vnode); + return; + } + const performRemove = () => { + hostRemove(el); + if (transition && !transition.persisted && transition.afterLeave) { + transition.afterLeave(); + } + }; + if (vnode.shapeFlag & 1 /* ELEMENT */ && + transition && + !transition.persisted) { + const { leave, delayLeave } = transition; + const performLeave = () => leave(el, performRemove); + if (delayLeave) { + delayLeave(vnode.el, performRemove, performLeave); + } + else { + performLeave(); + } + } + else { + performRemove(); + } + }; + const removeFragment = (cur, end) => { + // For fragments, directly remove all contained DOM nodes. + // (fragment child nodes cannot have transition) + let next; + while (cur !== end) { + next = hostNextSibling(cur); + hostRemove(cur); + cur = next; + } + hostRemove(end); + }; + const unmountComponent = (instance, parentSuspense, doRemove) => { + if (instance.type.__hmrId) { + unregisterHMR(instance); + } + const { bum, scope, update, subTree, um } = instance; + // beforeUnmount hook + if (bum) { + invokeArrayFns(bum); + } + // stop effects in component scope + scope.stop(); + // update may be null if a component is unmounted before its async + // setup has resolved. + if (update) { + // so that scheduler will no longer invoke it + update.active = false; + unmount(subTree, instance, parentSuspense, doRemove); + } + // unmounted hook + if (um) { + queuePostRenderEffect(um, parentSuspense); + } + queuePostRenderEffect(() => { + instance.isUnmounted = true; + }, parentSuspense); + // A component with async dep inside a pending suspense is unmounted before + // its async dep resolves. This should remove the dep from the suspense, and + // cause the suspense to resolve immediately if that was the last dep. + if (parentSuspense && + parentSuspense.pendingBranch && + !parentSuspense.isUnmounted && + instance.asyncDep && + !instance.asyncResolved && + instance.suspenseId === parentSuspense.pendingId) { + parentSuspense.deps--; + if (parentSuspense.deps === 0) { + parentSuspense.resolve(); + } + } + { + devtoolsComponentRemoved(instance); + } + }; + const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => { + for (let i = start; i < children.length; i++) { + unmount(children[i], parentComponent, parentSuspense, doRemove, optimized); + } + }; + const getNextHostNode = vnode => { + if (vnode.shapeFlag & 6 /* COMPONENT */) { + return getNextHostNode(vnode.component.subTree); + } + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + return vnode.suspense.next(); + } + return hostNextSibling((vnode.anchor || vnode.el)); + }; + const render = (vnode, container, isSVG) => { + if (vnode == null) { + if (container._vnode) { + unmount(container._vnode, null, null, true); + } + } + else { + patch(container._vnode || null, vnode, container, null, null, null, isSVG); + } + flushPostFlushCbs(); + container._vnode = vnode; + }; + const internals = { + p: patch, + um: unmount, + m: move, + r: remove, + mt: mountComponent, + mc: mountChildren, + pc: patchChildren, + pbc: patchBlockChildren, + n: getNextHostNode, + o: options + }; + let hydrate; + let hydrateNode; + if (createHydrationFns) { + [hydrate, hydrateNode] = createHydrationFns(internals); + } + return { + render, + hydrate, + createApp: createAppAPI(render, hydrate) + }; +} +function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { + if (isArray(rawRef)) { + rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount)); + return; + } + if (isAsyncWrapper(vnode) && !isUnmount) { + // when mounting async components, nothing needs to be done, + // because the template ref is forwarded to inner component + return; + } + const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ + ? getExposeProxy(vnode.component) || vnode.component.proxy + : vnode.el; + const value = isUnmount ? null : refValue; + const { i: owner, r: ref } = rawRef; + if (!owner) { + warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` + + `A vnode with ref must be created inside the render function.`); + return; + } + const oldRef = oldRawRef && oldRawRef.r; + const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs; + const setupState = owner.setupState; + // dynamic ref changed. unset old ref + if (oldRef != null && oldRef !== ref) { + if (isString(oldRef)) { + refs[oldRef] = null; + if (hasOwn(setupState, oldRef)) { + setupState[oldRef] = null; + } + } + else if (isRef(oldRef)) { + oldRef.value = null; + } + } + if (isString(ref)) { + const doSet = () => { + { + refs[ref] = value; + } + if (hasOwn(setupState, ref)) { + setupState[ref] = value; + } + }; + // #1789: for non-null values, set them after render + // null values means this is unmount and it should not overwrite another + // ref with the same key + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isRef(ref)) { + const doSet = () => { + ref.value = value; + }; + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isFunction(ref)) { + callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]); + } + else { + warn$1('Invalid template ref type:', value, `(${typeof value})`); + } +} +function invokeVNodeHook(hook, instance, vnode, prevVNode = null) { + callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [ + vnode, + prevVNode + ]); +} +/** + * #1156 + * When a component is HMR-enabled, we need to make sure that all static nodes + * inside a block also inherit the DOM element from the previous tree so that + * HMR updates (which are full updates) can retrieve the element for patching. + * + * #2080 + * Inside keyed `template` fragment static children, if a fragment is moved, + * the children will always moved so that need inherit el form previous nodes + * to ensure correct moved position. + */ +function traverseStaticChildren(n1, n2, shallow = false) { + const ch1 = n1.children; + const ch2 = n2.children; + if (isArray(ch1) && isArray(ch2)) { + for (let i = 0; i < ch1.length; i++) { + // this is only called in the optimized path so array children are + // guaranteed to be vnodes + const c1 = ch1[i]; + let c2 = ch2[i]; + if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) { + if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) { + c2 = ch2[i] = cloneIfMounted(ch2[i]); + c2.el = c1.el; + } + if (!shallow) + traverseStaticChildren(c1, c2); + } + // also inherit for comment nodes, but not placeholders (e.g. v-if which + // would have received .el during block patch) + if (c2.type === Comment$1 && !c2.el) { + c2.el = c1.el; + } + } + } +} +// https://en.wikipedia.org/wiki/Longest_increasing_subsequence +function getSequence(arr) { + const p = arr.slice(); + const result = [0]; + let i, j, u, v, c; + const len = arr.length; + for (i = 0; i < len; i++) { + const arrI = arr[i]; + if (arrI !== 0) { + j = result[result.length - 1]; + if (arr[j] < arrI) { + p[i] = j; + result.push(i); + continue; + } + u = 0; + v = result.length - 1; + while (u < v) { + c = (u + v) >> 1; + if (arr[result[c]] < arrI) { + u = c + 1; + } + else { + v = c; + } + } + if (arrI < arr[result[u]]) { + if (u > 0) { + p[i] = result[u - 1]; + } + result[u] = i; + } + } + } + u = result.length; + v = result[u - 1]; + while (u-- > 0) { + result[u] = v; + v = p[v]; + } + return result; +} + +const isTeleport = (type) => type.__isTeleport; +const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === ''); +const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement; +const resolveTarget = (props, select) => { + const targetSelector = props && props.to; + if (isString(targetSelector)) { + if (!select) { + warn$1(`Current renderer does not support string target for Teleports. ` + + `(missing querySelector renderer option)`); + return null; + } + else { + const target = select(targetSelector); + if (!target) { + warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` + + `Note the target element must exist before the component is mounted - ` + + `i.e. the target cannot be rendered by the component itself, and ` + + `ideally should be outside of the entire Vue component tree.`); + } + return target; + } + } + else { + if (!targetSelector && !isTeleportDisabled(props)) { + warn$1(`Invalid Teleport target: ${targetSelector}`); + } + return targetSelector; + } +}; +const TeleportImpl = { + __isTeleport: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) { + const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals; + const disabled = isTeleportDisabled(n2.props); + let { shapeFlag, children, dynamicChildren } = n2; + // #3302 + // HMR updated, force full diff + if (isHmrUpdating) { + optimized = false; + dynamicChildren = null; + } + if (n1 == null) { + // insert anchors in the main view + const placeholder = (n2.el = createComment('teleport start') + ); + const mainAnchor = (n2.anchor = createComment('teleport end') + ); + insert(placeholder, container, anchor); + insert(mainAnchor, container, anchor); + const target = (n2.target = resolveTarget(n2.props, querySelector)); + const targetAnchor = (n2.targetAnchor = createText('')); + if (target) { + insert(targetAnchor, target); + // #2652 we could be teleporting from a non-SVG tree into an SVG tree + isSVG = isSVG || isTargetSVG(target); + } + else if (!disabled) { + warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`); + } + const mount = (container, anchor) => { + // Teleport *always* has Array children. This is enforced in both the + // compiler and vnode children normalization. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + if (disabled) { + mount(container, mainAnchor); + } + else if (target) { + mount(target, targetAnchor); + } + } + else { + // update content + n2.el = n1.el; + const mainAnchor = (n2.anchor = n1.anchor); + const target = (n2.target = n1.target); + const targetAnchor = (n2.targetAnchor = n1.targetAnchor); + const wasDisabled = isTeleportDisabled(n1.props); + const currentContainer = wasDisabled ? container : target; + const currentAnchor = wasDisabled ? mainAnchor : targetAnchor; + isSVG = isSVG || isTargetSVG(target); + if (dynamicChildren) { + // fast path when the teleport happens to be a block root + patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); + // even in block tree mode we need to make sure all root-level nodes + // in the teleport inherit previous DOM references so that they can + // be moved in future patches. + traverseStaticChildren(n1, n2, true); + } + else if (!optimized) { + patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false); + } + if (disabled) { + if (!wasDisabled) { + // enabled -> disabled + // move into main container + moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */); + } + } + else { + // target changed + if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) { + const nextTarget = (n2.target = resolveTarget(n2.props, querySelector)); + if (nextTarget) { + moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */); + } + else { + warn$1('Invalid Teleport target on update:', target, `(${typeof target})`); + } + } + else if (wasDisabled) { + // disabled -> enabled + // move into teleport target + moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */); + } + } + } + }, + remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) { + const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode; + if (target) { + hostRemove(targetAnchor); + } + // an unmounted teleport should always remove its children if not disabled + if (doRemove || !isTeleportDisabled(props)) { + hostRemove(anchor); + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + const child = children[i]; + unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren); + } + } + } + }, + move: moveTeleport, + hydrate: hydrateTeleport +}; +function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) { + // move target anchor if this is a target change. + if (moveType === 0 /* TARGET_CHANGE */) { + insert(vnode.targetAnchor, container, parentAnchor); + } + const { el, anchor, shapeFlag, children, props } = vnode; + const isReorder = moveType === 2 /* REORDER */; + // move main view anchor if this is a re-order. + if (isReorder) { + insert(el, container, parentAnchor); + } + // if this is a re-order and teleport is enabled (content is in target) + // do not move children. So the opposite is: only move children if this + // is not a reorder, or the teleport is disabled + if (!isReorder || isTeleportDisabled(props)) { + // Teleport has either Array children or no children. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + move(children[i], container, parentAnchor, 2 /* REORDER */); + } + } + } + // move main view anchor if this is a re-order. + if (isReorder) { + insert(anchor, container, parentAnchor); + } +} +function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) { + const target = (vnode.target = resolveTarget(vnode.props, querySelector)); + if (target) { + // if multiple teleports rendered to the same target element, we need to + // pick up from where the last teleport finished instead of the first node + const targetNode = target._lpa || target.firstChild; + if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) { + if (isTeleportDisabled(vnode.props)) { + vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized); + vnode.targetAnchor = targetNode; + } + else { + vnode.anchor = nextSibling(node); + vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized); + } + target._lpa = + vnode.targetAnchor && nextSibling(vnode.targetAnchor); + } + } + return vnode.anchor && nextSibling(vnode.anchor); +} +// Force-casted public typing for h and TSX props inference +const Teleport = TeleportImpl; + +const COMPONENTS = 'components'; +const DIRECTIVES = 'directives'; +/** + * @private + */ +function resolveComponent(name, maybeSelfReference) { + return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; +} +const NULL_DYNAMIC_COMPONENT = Symbol(); +/** + * @private + */ +function resolveDynamicComponent(component) { + if (isString(component)) { + return resolveAsset(COMPONENTS, component, false) || component; + } + else { + // invalid types will fallthrough to createVNode and raise warning + return (component || NULL_DYNAMIC_COMPONENT); + } +} +/** + * @private + */ +function resolveDirective(name) { + return resolveAsset(DIRECTIVES, name); +} +// implementation +function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { + const instance = currentRenderingInstance || currentInstance; + if (instance) { + const Component = instance.type; + // explicit self name has highest priority + if (type === COMPONENTS) { + const selfName = getComponentName(Component); + if (selfName && + (selfName === name || + selfName === camelize(name) || + selfName === capitalize(camelize(name)))) { + return Component; + } + } + const res = + // local registration + // check instance[type] first which is resolved for options API + resolve(instance[type] || Component[type], name) || + // global registration + resolve(instance.appContext[type], name); + if (!res && maybeSelfReference) { + // fallback to implicit self-reference + return Component; + } + if (warnMissing && !res) { + warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`); + } + return res; + } + else { + warn$1(`resolve${capitalize(type.slice(0, -1))} ` + + `can only be used in render() or setup().`); + } +} +function resolve(registry, name) { + return (registry && + (registry[name] || + registry[camelize(name)] || + registry[capitalize(camelize(name))])); +} + +const Fragment = Symbol('Fragment' ); +const Text = Symbol('Text' ); +const Comment$1 = Symbol('Comment' ); +const Static = Symbol('Static' ); +// Since v-if and v-for are the two possible ways node structure can dynamically +// change, once we consider v-if branches and each v-for fragment a block, we +// can divide a template into nested blocks, and within each block the node +// structure would be stable. This allows us to skip most children diffing +// and only worry about the dynamic nodes (indicated by patch flags). +const blockStack = []; +let currentBlock = null; +/** + * Open a block. + * This must be called before `createBlock`. It cannot be part of `createBlock` + * because the children of the block are evaluated before `createBlock` itself + * is called. The generated code typically looks like this: + * + * ```js + * function render() { + * return (openBlock(),createBlock('div', null, [...])) + * } + * ``` + * disableTracking is true when creating a v-for fragment block, since a v-for + * fragment always diffs its children. + * + * @private + */ +function openBlock(disableTracking = false) { + blockStack.push((currentBlock = disableTracking ? null : [])); +} +function closeBlock() { + blockStack.pop(); + currentBlock = blockStack[blockStack.length - 1] || null; +} +// Whether we should be tracking dynamic child nodes inside a block. +// Only tracks when this value is > 0 +// We are not using a simple boolean because this value may need to be +// incremented/decremented by nested usage of v-once (see below) +let isBlockTreeEnabled = 1; +/** + * Block tracking sometimes needs to be disabled, for example during the + * creation of a tree that needs to be cached by v-once. The compiler generates + * code like this: + * + * ``` js + * _cache[1] || ( + * setBlockTracking(-1), + * _cache[1] = createVNode(...), + * setBlockTracking(1), + * _cache[1] + * ) + * ``` + * + * @private + */ +function setBlockTracking(value) { + isBlockTreeEnabled += value; +} +function setupBlock(vnode) { + // save current block children on the block vnode + vnode.dynamicChildren = + isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; + // close block + closeBlock(); + // a block is always going to be patched, so track it as a child of its + // parent block + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(vnode); + } + return vnode; +} +/** + * @private + */ +function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) { + return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */)); +} +/** + * Create a block root vnode. Takes the same exact arguments as `createVNode`. + * A block root keeps track of dynamic nodes within the block in the + * `dynamicChildren` array. + * + * @private + */ +function createBlock(type, props, children, patchFlag, dynamicProps) { + return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */)); +} +function isVNode(value) { + return value ? value.__v_isVNode === true : false; +} +function isSameVNodeType(n1, n2) { + if (n2.shapeFlag & 6 /* COMPONENT */ && + hmrDirtyComponents.has(n2.type)) { + // HMR only: if the component has been hot-updated, force a reload. + return false; + } + return n1.type === n2.type && n1.key === n2.key; +} +let vnodeArgsTransformer; +/** + * Internal API for registering an arguments transform for createVNode + * used for creating stubs in the test-utils + * It is *internal* but needs to be exposed for test-utils to pick up proper + * typings + */ +function transformVNodeArgs(transformer) { + vnodeArgsTransformer = transformer; +} +const createVNodeWithArgsTransform = (...args) => { + return _createVNode(...(vnodeArgsTransformer + ? vnodeArgsTransformer(args, currentRenderingInstance) + : args)); +}; +const InternalObjectKey = `__vInternal`; +const normalizeKey = ({ key }) => key != null ? key : null; +const normalizeRef = ({ ref }) => { + return (ref != null + ? isString(ref) || isRef(ref) || isFunction(ref) + ? { i: currentRenderingInstance, r: ref } + : ref + : null); +}; +function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) { + const vnode = { + __v_isVNode: true, + __v_skip: true, + type, + props, + key: props && normalizeKey(props), + ref: props && normalizeRef(props), + scopeId: currentScopeId, + slotScopeIds: null, + children, + component: null, + suspense: null, + ssContent: null, + ssFallback: null, + dirs: null, + transition: null, + el: null, + anchor: null, + target: null, + targetAnchor: null, + staticCount: 0, + shapeFlag, + patchFlag, + dynamicProps, + dynamicChildren: null, + appContext: null + }; + if (needFullChildrenNormalization) { + normalizeChildren(vnode, children); + // normalize suspense children + if (shapeFlag & 128 /* SUSPENSE */) { + type.normalize(vnode); + } + } + else if (children) { + // compiled element vnode - if children is passed, only possible types are + // string or Array. + vnode.shapeFlag |= isString(children) + ? 8 /* TEXT_CHILDREN */ + : 16 /* ARRAY_CHILDREN */; + } + // validate key + if (vnode.key !== vnode.key) { + warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type); + } + // track vnode for block tree + if (isBlockTreeEnabled > 0 && + // avoid a block node from tracking itself + !isBlockNode && + // has current parent block + currentBlock && + // presence of a patch flag indicates this node needs patching on updates. + // component nodes also should always be patched, because even if the + // component doesn't need to update, it needs to persist the instance on to + // the next vnode so that it can be properly unmounted later. + (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) && + // the EVENTS flag is only for hydration and if it is the only flag, the + // vnode should not be considered dynamic due to handler caching. + vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) { + currentBlock.push(vnode); + } + return vnode; +} +const createVNode = (createVNodeWithArgsTransform ); +function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) { + if (!type || type === NULL_DYNAMIC_COMPONENT) { + if (!type) { + warn$1(`Invalid vnode type when creating vnode: ${type}.`); + } + type = Comment$1; + } + if (isVNode(type)) { + // createVNode receiving an existing vnode. This happens in cases like + // <component :is="vnode"/> + // #2078 make sure to merge refs during the clone instead of overwriting it + const cloned = cloneVNode(type, props, true /* mergeRef: true */); + if (children) { + normalizeChildren(cloned, children); + } + return cloned; + } + // class component normalization. + if (isClassComponent(type)) { + type = type.__vccOpts; + } + // class & style normalization. + if (props) { + // for reactive or proxy objects, we need to clone it to enable mutation. + props = guardReactiveProps(props); + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (isObject(style)) { + // reactive state objects need to be cloned since they are likely to be + // mutated + if (isProxy(style) && !isArray(style)) { + style = extend({}, style); + } + props.style = normalizeStyle(style); + } + } + // encode the vnode type information into a bitmap + const shapeFlag = isString(type) + ? 1 /* ELEMENT */ + : isSuspense(type) + ? 128 /* SUSPENSE */ + : isTeleport(type) + ? 64 /* TELEPORT */ + : isObject(type) + ? 4 /* STATEFUL_COMPONENT */ + : isFunction(type) + ? 2 /* FUNCTIONAL_COMPONENT */ + : 0; + if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) { + type = toRaw(type); + warn$1(`Vue received a Component which was made a reactive object. This can ` + + `lead to unnecessary performance overhead, and should be avoided by ` + + `marking the component with \`markRaw\` or using \`shallowRef\` ` + + `instead of \`ref\`.`, `\nComponent that was made reactive: `, type); + } + return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true); +} +function guardReactiveProps(props) { + if (!props) + return null; + return isProxy(props) || InternalObjectKey in props + ? extend({}, props) + : props; +} +function cloneVNode(vnode, extraProps, mergeRef = false) { + // This is intentionally NOT using spread or extend to avoid the runtime + // key enumeration cost. + const { props, ref, patchFlag, children } = vnode; + const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props; + const cloned = { + __v_isVNode: true, + __v_skip: true, + type: vnode.type, + props: mergedProps, + key: mergedProps && normalizeKey(mergedProps), + ref: extraProps && extraProps.ref + ? // #2078 in the case of <component :is="vnode" ref="extra"/> + // if the vnode itself already has a ref, cloneVNode will need to merge + // the refs so the single vnode can be set on multiple refs + mergeRef && ref + ? isArray(ref) + ? ref.concat(normalizeRef(extraProps)) + : [ref, normalizeRef(extraProps)] + : normalizeRef(extraProps) + : ref, + scopeId: vnode.scopeId, + slotScopeIds: vnode.slotScopeIds, + children: patchFlag === -1 /* HOISTED */ && isArray(children) + ? children.map(deepCloneVNode) + : children, + target: vnode.target, + targetAnchor: vnode.targetAnchor, + staticCount: vnode.staticCount, + shapeFlag: vnode.shapeFlag, + // if the vnode is cloned with extra props, we can no longer assume its + // existing patch flag to be reliable and need to add the FULL_PROPS flag. + // note: perserve flag for fragments since they use the flag for children + // fast paths only. + patchFlag: extraProps && vnode.type !== Fragment + ? patchFlag === -1 // hoisted node + ? 16 /* FULL_PROPS */ + : patchFlag | 16 /* FULL_PROPS */ + : patchFlag, + dynamicProps: vnode.dynamicProps, + dynamicChildren: vnode.dynamicChildren, + appContext: vnode.appContext, + dirs: vnode.dirs, + transition: vnode.transition, + // These should technically only be non-null on mounted VNodes. However, + // they *should* be copied for kept-alive vnodes. So we just always copy + // them since them being non-null during a mount doesn't affect the logic as + // they will simply be overwritten. + component: vnode.component, + suspense: vnode.suspense, + ssContent: vnode.ssContent && cloneVNode(vnode.ssContent), + ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback), + el: vnode.el, + anchor: vnode.anchor + }; + return cloned; +} +/** + * Dev only, for HMR of hoisted vnodes reused in v-for + * https://github.com/vitejs/vite/issues/2022 + */ +function deepCloneVNode(vnode) { + const cloned = cloneVNode(vnode); + if (isArray(vnode.children)) { + cloned.children = vnode.children.map(deepCloneVNode); + } + return cloned; +} +/** + * @private + */ +function createTextVNode(text = ' ', flag = 0) { + return createVNode(Text, null, text, flag); +} +/** + * @private + */ +function createStaticVNode(content, numberOfNodes) { + // A static vnode can contain multiple stringified elements, and the number + // of elements is necessary for hydration. + const vnode = createVNode(Static, null, content); + vnode.staticCount = numberOfNodes; + return vnode; +} +/** + * @private + */ +function createCommentVNode(text = '', +// when used as the v-else branch, the comment node must be created as a +// block to ensure correct updates. +asBlock = false) { + return asBlock + ? (openBlock(), createBlock(Comment$1, null, text)) + : createVNode(Comment$1, null, text); +} +function normalizeVNode(child) { + if (child == null || typeof child === 'boolean') { + // empty placeholder + return createVNode(Comment$1); + } + else if (isArray(child)) { + // fragment + return createVNode(Fragment, null, + // #3666, avoid reference pollution when reusing vnode + child.slice()); + } + else if (typeof child === 'object') { + // already vnode, this should be the most common since compiled templates + // always produce all-vnode children arrays + return cloneIfMounted(child); + } + else { + // strings and numbers + return createVNode(Text, null, String(child)); + } +} +// optimized normalization for template-compiled render fns +function cloneIfMounted(child) { + return child.el === null || child.memo ? child : cloneVNode(child); +} +function normalizeChildren(vnode, children) { + let type = 0; + const { shapeFlag } = vnode; + if (children == null) { + children = null; + } + else if (isArray(children)) { + type = 16 /* ARRAY_CHILDREN */; + } + else if (typeof children === 'object') { + if (shapeFlag & (1 /* ELEMENT */ | 64 /* TELEPORT */)) { + // Normalize slot to plain children for plain element and Teleport + const slot = children.default; + if (slot) { + // _c marker is added by withCtx() indicating this is a compiled slot + slot._c && (slot._d = false); + normalizeChildren(vnode, slot()); + slot._c && (slot._d = true); + } + return; + } + else { + type = 32 /* SLOTS_CHILDREN */; + const slotFlag = children._; + if (!slotFlag && !(InternalObjectKey in children)) { + children._ctx = currentRenderingInstance; + } + else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) { + // a child component receives forwarded slots from the parent. + // its slot type is determined by its parent's slot type. + if (currentRenderingInstance.slots._ === 1 /* STABLE */) { + children._ = 1 /* STABLE */; + } + else { + children._ = 2 /* DYNAMIC */; + vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */; + } + } + } + } + else if (isFunction(children)) { + children = { default: children, _ctx: currentRenderingInstance }; + type = 32 /* SLOTS_CHILDREN */; + } + else { + children = String(children); + // force teleport children to array so it can be moved around + if (shapeFlag & 64 /* TELEPORT */) { + type = 16 /* ARRAY_CHILDREN */; + children = [createTextVNode(children)]; + } + else { + type = 8 /* TEXT_CHILDREN */; + } + } + vnode.children = children; + vnode.shapeFlag |= type; +} +function mergeProps(...args) { + const ret = {}; + for (let i = 0; i < args.length; i++) { + const toMerge = args[i]; + for (const key in toMerge) { + if (key === 'class') { + if (ret.class !== toMerge.class) { + ret.class = normalizeClass([ret.class, toMerge.class]); + } + } + else if (key === 'style') { + ret.style = normalizeStyle([ret.style, toMerge.style]); + } + else if (isOn(key)) { + const existing = ret[key]; + const incoming = toMerge[key]; + if (existing !== incoming) { + ret[key] = existing + ? [].concat(existing, incoming) + : incoming; + } + } + else if (key !== '') { + ret[key] = toMerge[key]; + } + } + } + return ret; +} + +/** + * Actual implementation + */ +function renderList(source, renderItem, cache, index) { + let ret; + const cached = (cache && cache[index]); + if (isArray(source) || isString(source)) { + ret = new Array(source.length); + for (let i = 0, l = source.length; i < l; i++) { + ret[i] = renderItem(source[i], i, undefined, cached && cached[i]); + } + } + else if (typeof source === 'number') { + if (!Number.isInteger(source)) { + warn$1(`The v-for range expect an integer value but got ${source}.`); + return []; + } + ret = new Array(source); + for (let i = 0; i < source; i++) { + ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]); + } + } + else if (isObject(source)) { + if (source[Symbol.iterator]) { + ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i])); + } + else { + const keys = Object.keys(source); + ret = new Array(keys.length); + for (let i = 0, l = keys.length; i < l; i++) { + const key = keys[i]; + ret[i] = renderItem(source[key], key, i, cached && cached[i]); + } + } + } + else { + ret = []; + } + if (cache) { + cache[index] = ret; + } + return ret; +} + +/** + * Compiler runtime helper for creating dynamic slots object + * @private + */ +function createSlots(slots, dynamicSlots) { + for (let i = 0; i < dynamicSlots.length; i++) { + const slot = dynamicSlots[i]; + // array of dynamic slot generated by <template v-for="..." #[...]> + if (isArray(slot)) { + for (let j = 0; j < slot.length; j++) { + slots[slot[j].name] = slot[j].fn; + } + } + else if (slot) { + // conditional single slot generated by <template v-if="..." #foo> + slots[slot.name] = slot.fn; + } + } + return slots; +} + +/** + * Compiler runtime helper for rendering `<slot/>` + * @private + */ +function renderSlot(slots, name, props = {}, +// this is not a user-facing function, so the fallback is always generated by +// the compiler and guaranteed to be a function returning an array +fallback, noSlotted) { + if (currentRenderingInstance.isCE) { + return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback()); + } + let slot = slots[name]; + if (slot && slot.length > 1) { + warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` + + `function. You need to mark this component with $dynamic-slots in the ` + + `parent template.`); + slot = () => []; + } + // a compiled slot disables block tracking by default to avoid manual + // invocation interfering with template-based block tracking, but in + // `renderSlot` we can be sure that it's template-based so we can force + // enable it. + if (slot && slot._c) { + slot._d = false; + } + openBlock(); + const validSlotContent = slot && ensureValidVNode(slot(props)); + const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */ + ? 64 /* STABLE_FRAGMENT */ + : -2 /* BAIL */); + if (!noSlotted && rendered.scopeId) { + rendered.slotScopeIds = [rendered.scopeId + '-s']; + } + if (slot && slot._c) { + slot._d = true; + } + return rendered; +} +function ensureValidVNode(vnodes) { + return vnodes.some(child => { + if (!isVNode(child)) + return true; + if (child.type === Comment$1) + return false; + if (child.type === Fragment && + !ensureValidVNode(child.children)) + return false; + return true; + }) + ? vnodes + : null; +} + +/** + * For prefixing keys in v-on="obj" with "on" + * @private + */ +function toHandlers(obj) { + const ret = {}; + if (!isObject(obj)) { + warn$1(`v-on with no argument expects an object value.`); + return ret; + } + for (const key in obj) { + ret[toHandlerKey(key)] = obj[key]; + } + return ret; +} + +/** + * #2437 In Vue 3, functional components do not have a public instance proxy but + * they exist in the internal parent chain. For code that relies on traversing + * public $parent chains, skip functional ones and go to the parent instead. + */ +const getPublicInstance = (i) => { + if (!i) + return null; + if (isStatefulComponent(i)) + return getExposeProxy(i) || i.proxy; + return getPublicInstance(i.parent); +}; +const publicPropertiesMap = extend(Object.create(null), { + $: i => i, + $el: i => i.vnode.el, + $data: i => i.data, + $props: i => (shallowReadonly(i.props) ), + $attrs: i => (shallowReadonly(i.attrs) ), + $slots: i => (shallowReadonly(i.slots) ), + $refs: i => (shallowReadonly(i.refs) ), + $parent: i => getPublicInstance(i.parent), + $root: i => getPublicInstance(i.root), + $emit: i => i.emit, + $options: i => (resolveMergedOptions(i) ), + $forceUpdate: i => () => queueJob(i.update), + $nextTick: i => nextTick.bind(i.proxy), + $watch: i => (instanceWatch.bind(i) ) +}); +const PublicInstanceProxyHandlers = { + get({ _: instance }, key) { + const { ctx, setupState, data, props, accessCache, type, appContext } = instance; + // for internal formatters to know that this is a Vue instance + if (key === '__isVue') { + return true; + } + // prioritize <script setup> bindings during dev. + // this allows even properties that start with _ or $ to be used - so that + // it aligns with the production behavior where the render fn is inlined and + // indeed has access to all declared variables. + if (setupState !== EMPTY_OBJ && + setupState.__isScriptSetup && + hasOwn(setupState, key)) { + return setupState[key]; + } + // data / props / ctx + // This getter gets called for every property access on the render context + // during render and is a major hotspot. The most expensive part of this + // is the multiple hasOwn() calls. It's much faster to do a simple property + // access on a plain object, so we use an accessCache object (with null + // prototype) to memoize what access type a key corresponds to. + let normalizedProps; + if (key[0] !== '$') { + const n = accessCache[key]; + if (n !== undefined) { + switch (n) { + case 0 /* SETUP */: + return setupState[key]; + case 1 /* DATA */: + return data[key]; + case 3 /* CONTEXT */: + return ctx[key]; + case 2 /* PROPS */: + return props[key]; + // default: just fallthrough + } + } + else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + accessCache[key] = 0 /* SETUP */; + return setupState[key]; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + accessCache[key] = 1 /* DATA */; + return data[key]; + } + else if ( + // only cache other properties when instance has declared (thus stable) + // props + (normalizedProps = instance.propsOptions[0]) && + hasOwn(normalizedProps, key)) { + accessCache[key] = 2 /* PROPS */; + return props[key]; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if (shouldCacheAccess) { + accessCache[key] = 4 /* OTHER */; + } + } + const publicGetter = publicPropertiesMap[key]; + let cssModule, globalProperties; + // public $xxx properties + if (publicGetter) { + if (key === '$attrs') { + track(instance, "get" /* GET */, key); + markAttrsAccessed(); + } + return publicGetter(instance); + } + else if ( + // css module (injected by vue-loader) + (cssModule = type.__cssModules) && + (cssModule = cssModule[key])) { + return cssModule; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + // user may set custom properties to `this` that start with `$` + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if ( + // global properties + ((globalProperties = appContext.config.globalProperties), + hasOwn(globalProperties, key))) { + { + return globalProperties[key]; + } + } + else if (currentRenderingInstance && + (!isString(key) || + // #1091 avoid internal isRef/isVNode checks on component instance leading + // to infinite warning loop + key.indexOf('__v') !== 0)) { + if (data !== EMPTY_OBJ && + (key[0] === '$' || key[0] === '_') && + hasOwn(data, key)) { + warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` + + `character ("$" or "_") and is not proxied on the render context.`); + } + else if (instance === currentRenderingInstance) { + warn$1(`Property ${JSON.stringify(key)} was accessed during render ` + + `but is not defined on instance.`); + } + } + }, + set({ _: instance }, key, value) { + const { data, setupState, ctx } = instance; + if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + setupState[key] = value; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + data[key] = value; + } + else if (hasOwn(instance.props, key)) { + warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance); + return false; + } + if (key[0] === '$' && key.slice(1) in instance) { + warn$1(`Attempting to mutate public property "${key}". ` + + `Properties starting with $ are reserved and readonly.`, instance); + return false; + } + else { + if (key in instance.appContext.config.globalProperties) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + value + }); + } + else { + ctx[key] = value; + } + } + return true; + }, + has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) { + let normalizedProps; + return (accessCache[key] !== undefined || + (data !== EMPTY_OBJ && hasOwn(data, key)) || + (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) || + ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) || + hasOwn(ctx, key) || + hasOwn(publicPropertiesMap, key) || + hasOwn(appContext.config.globalProperties, key)); + } +}; +{ + PublicInstanceProxyHandlers.ownKeys = (target) => { + warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` + + `The keys will be empty in production mode to avoid performance overhead.`); + return Reflect.ownKeys(target); + }; +} +const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, { + get(target, key) { + // fast path for unscopables when using `with` block + if (key === Symbol.unscopables) { + return; + } + return PublicInstanceProxyHandlers.get(target, key, target); + }, + has(_, key) { + const has = key[0] !== '_' && !isGloballyWhitelisted(key); + if (!has && PublicInstanceProxyHandlers.has(_, key)) { + warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`); + } + return has; + } +}); +// dev only +// In dev mode, the proxy target exposes the same properties as seen on `this` +// for easier console inspection. In prod mode it will be an empty object so +// these properties definitions can be skipped. +function createDevRenderContext(instance) { + const target = {}; + // expose internal instance for proxy handlers + Object.defineProperty(target, `_`, { + configurable: true, + enumerable: false, + get: () => instance + }); + // expose public properties + Object.keys(publicPropertiesMap).forEach(key => { + Object.defineProperty(target, key, { + configurable: true, + enumerable: false, + get: () => publicPropertiesMap[key](instance), + // intercepted by the proxy so no need for implementation, + // but needed to prevent set errors + set: NOOP + }); + }); + return target; +} +// dev only +function exposePropsOnRenderContext(instance) { + const { ctx, propsOptions: [propsOptions] } = instance; + if (propsOptions) { + Object.keys(propsOptions).forEach(key => { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => instance.props[key], + set: NOOP + }); + }); + } +} +// dev only +function exposeSetupStateOnRenderContext(instance) { + const { ctx, setupState } = instance; + Object.keys(toRaw(setupState)).forEach(key => { + if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) { + warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` + + `which are reserved prefixes for Vue internals.`); + return; + } + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => setupState[key], + set: NOOP + }); + }); +} + +const emptyAppContext = createAppContext(); +let uid$1 = 0; +function createComponentInstance(vnode, parent, suspense) { + const type = vnode.type; + // inherit parent app context - or - if root, adopt from root vnode + const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext; + const instance = { + uid: uid$1++, + vnode, + type, + parent, + appContext, + root: null, + next: null, + subTree: null, + update: null, + scope: new EffectScope(true /* detached */), + render: null, + proxy: null, + exposed: null, + exposeProxy: null, + withProxy: null, + provides: parent ? parent.provides : Object.create(appContext.provides), + accessCache: null, + renderCache: [], + // local resovled assets + components: null, + directives: null, + // resolved props and emits options + propsOptions: normalizePropsOptions(type, appContext), + emitsOptions: normalizeEmitsOptions(type, appContext), + // emit + emit: null, + emitted: null, + // props default value + propsDefaults: EMPTY_OBJ, + // inheritAttrs + inheritAttrs: type.inheritAttrs, + // state + ctx: EMPTY_OBJ, + data: EMPTY_OBJ, + props: EMPTY_OBJ, + attrs: EMPTY_OBJ, + slots: EMPTY_OBJ, + refs: EMPTY_OBJ, + setupState: EMPTY_OBJ, + setupContext: null, + // suspense related + suspense, + suspenseId: suspense ? suspense.pendingId : 0, + asyncDep: null, + asyncResolved: false, + // lifecycle hooks + // not using enums here because it results in computed properties + isMounted: false, + isUnmounted: false, + isDeactivated: false, + bc: null, + c: null, + bm: null, + m: null, + bu: null, + u: null, + um: null, + bum: null, + da: null, + a: null, + rtg: null, + rtc: null, + ec: null, + sp: null + }; + { + instance.ctx = createDevRenderContext(instance); + } + instance.root = parent ? parent.root : instance; + instance.emit = emit.bind(null, instance); + // apply custom element special handling + if (vnode.ce) { + vnode.ce(instance); + } + return instance; +} +let currentInstance = null; +const getCurrentInstance = () => currentInstance || currentRenderingInstance; +const setCurrentInstance = (instance) => { + currentInstance = instance; + instance.scope.on(); +}; +const unsetCurrentInstance = () => { + currentInstance && currentInstance.scope.off(); + currentInstance = null; +}; +const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component'); +function validateComponentName(name, config) { + const appIsNativeTag = config.isNativeTag || NO; + if (isBuiltInTag(name) || appIsNativeTag(name)) { + warn$1('Do not use built-in or reserved HTML elements as component id: ' + name); + } +} +function isStatefulComponent(instance) { + return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */; +} +let isInSSRComponentSetup = false; +function setupComponent(instance, isSSR = false) { + isInSSRComponentSetup = isSSR; + const { props, children } = instance.vnode; + const isStateful = isStatefulComponent(instance); + initProps(instance, props, isStateful, isSSR); + initSlots(instance, children); + const setupResult = isStateful + ? setupStatefulComponent(instance, isSSR) + : undefined; + isInSSRComponentSetup = false; + return setupResult; +} +function setupStatefulComponent(instance, isSSR) { + const Component = instance.type; + { + if (Component.name) { + validateComponentName(Component.name, instance.appContext.config); + } + if (Component.components) { + const names = Object.keys(Component.components); + for (let i = 0; i < names.length; i++) { + validateComponentName(names[i], instance.appContext.config); + } + } + if (Component.directives) { + const names = Object.keys(Component.directives); + for (let i = 0; i < names.length; i++) { + validateDirectiveName(names[i]); + } + } + if (Component.compilerOptions && isRuntimeOnly()) { + warn$1(`"compilerOptions" is only supported when using a build of Vue that ` + + `includes the runtime compiler. Since you are using a runtime-only ` + + `build, the options should be passed via your build tool config instead.`); + } + } + // 0. create render proxy property access cache + instance.accessCache = Object.create(null); + // 1. create public instance / render proxy + // also mark it raw so it's never observed + instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers)); + { + exposePropsOnRenderContext(instance); + } + // 2. call setup() + const { setup } = Component; + if (setup) { + const setupContext = (instance.setupContext = + setup.length > 1 ? createSetupContext(instance) : null); + setCurrentInstance(instance); + pauseTracking(); + const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]); + resetTracking(); + unsetCurrentInstance(); + if (isPromise(setupResult)) { + setupResult.then(unsetCurrentInstance, unsetCurrentInstance); + if (isSSR) { + // return the promise so server-renderer can wait on it + return setupResult + .then((resolvedResult) => { + handleSetupResult(instance, resolvedResult, isSSR); + }) + .catch(e => { + handleError(e, instance, 0 /* SETUP_FUNCTION */); + }); + } + else { + // async setup returned Promise. + // bail here and wait for re-entry. + instance.asyncDep = setupResult; + } + } + else { + handleSetupResult(instance, setupResult, isSSR); + } + } + else { + finishComponentSetup(instance, isSSR); + } +} +function handleSetupResult(instance, setupResult, isSSR) { + if (isFunction(setupResult)) { + // setup returned an inline render function + { + instance.render = setupResult; + } + } + else if (isObject(setupResult)) { + if (isVNode(setupResult)) { + warn$1(`setup() should not return VNodes directly - ` + + `return a render function instead.`); + } + // setup returned bindings. + // assuming a render function compiled from template is present. + { + instance.devtoolsRawSetupState = setupResult; + } + instance.setupState = proxyRefs(setupResult); + { + exposeSetupStateOnRenderContext(instance); + } + } + else if (setupResult !== undefined) { + warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`); + } + finishComponentSetup(instance, isSSR); +} +let compile; +let installWithProxy; +/** + * For runtime-dom to register the compiler. + * Note the exported method uses any to avoid d.ts relying on the compiler types. + */ +function registerRuntimeCompiler(_compile) { + compile = _compile; + installWithProxy = i => { + if (i.render._rc) { + i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers); + } + }; +} +// dev only +const isRuntimeOnly = () => !compile; +function finishComponentSetup(instance, isSSR, skipOptions) { + const Component = instance.type; + // template / render function normalization + if (!instance.render) { + // could be set from setup() + if (compile && !Component.render) { + const template = Component.template; + if (template) { + { + startMeasure(instance, `compile`); + } + const { isCustomElement, compilerOptions } = instance.appContext.config; + const { delimiters, compilerOptions: componentCompilerOptions } = Component; + const finalCompilerOptions = extend(extend({ + isCustomElement, + delimiters + }, compilerOptions), componentCompilerOptions); + Component.render = compile(template, finalCompilerOptions); + { + endMeasure(instance, `compile`); + } + } + } + instance.render = (Component.render || NOOP); + // for runtime-compiled render functions using `with` blocks, the render + // proxy used needs a different `has` handler which is more performant and + // also only allows a whitelist of globals to fallthrough. + if (installWithProxy) { + installWithProxy(instance); + } + } + // support for 2.x options + { + setCurrentInstance(instance); + pauseTracking(); + applyOptions(instance); + resetTracking(); + unsetCurrentInstance(); + } + // warn missing template/render + // the runtime compilation of template in SSR is done by server-render + if (!Component.render && instance.render === NOOP && !isSSR) { + /* istanbul ignore if */ + if (!compile && Component.template) { + warn$1(`Component provided template option but ` + + `runtime compilation is not supported in this build of Vue.` + + (` Use "vue.esm-browser.js" instead.` + ) /* should not happen */); + } + else { + warn$1(`Component is missing template or render function.`); + } + } +} +function createAttrsProxy(instance) { + return new Proxy(instance.attrs, { + get(target, key) { + markAttrsAccessed(); + track(instance, "get" /* GET */, '$attrs'); + return target[key]; + }, + set() { + warn$1(`setupContext.attrs is readonly.`); + return false; + }, + deleteProperty() { + warn$1(`setupContext.attrs is readonly.`); + return false; + } + } + ); +} +function createSetupContext(instance) { + const expose = exposed => { + if (instance.exposed) { + warn$1(`expose() should be called only once per setup().`); + } + instance.exposed = exposed || {}; + }; + let attrs; + { + // We use getters in dev in case libs like test-utils overwrite instance + // properties (overwrites should not be done in prod) + return Object.freeze({ + get attrs() { + return attrs || (attrs = createAttrsProxy(instance)); + }, + get slots() { + return shallowReadonly(instance.slots); + }, + get emit() { + return (event, ...args) => instance.emit(event, ...args); + }, + expose + }); + } +} +function getExposeProxy(instance) { + if (instance.exposed) { + return (instance.exposeProxy || + (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), { + get(target, key) { + if (key in target) { + return target[key]; + } + else if (key in publicPropertiesMap) { + return publicPropertiesMap[key](instance); + } + } + }))); + } +} +const classifyRE = /(?:^|[-_])(\w)/g; +const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, ''); +function getComponentName(Component) { + return isFunction(Component) + ? Component.displayName || Component.name + : Component.name; +} +/* istanbul ignore next */ +function formatComponentName(instance, Component, isRoot = false) { + let name = getComponentName(Component); + if (!name && Component.__file) { + const match = Component.__file.match(/([^/\\]+)\.\w+$/); + if (match) { + name = match[1]; + } + } + if (!name && instance && instance.parent) { + // try to infer the name based on reverse resolution + const inferFromRegistry = (registry) => { + for (const key in registry) { + if (registry[key] === Component) { + return key; + } + } + }; + name = + inferFromRegistry(instance.components || + instance.parent.type.components) || inferFromRegistry(instance.appContext.components); + } + return name ? classify(name) : isRoot ? `App` : `Anonymous`; +} +function isClassComponent(value) { + return isFunction(value) && '__vccOpts' in value; +} + +const stack = []; +function pushWarningContext(vnode) { + stack.push(vnode); +} +function popWarningContext() { + stack.pop(); +} +function warn$1(msg, ...args) { + // avoid props formatting or warn handler tracking deps that might be mutated + // during patch, leading to infinite recursion. + pauseTracking(); + const instance = stack.length ? stack[stack.length - 1].component : null; + const appWarnHandler = instance && instance.appContext.config.warnHandler; + const trace = getComponentTrace(); + if (appWarnHandler) { + callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [ + msg + args.join(''), + instance && instance.proxy, + trace + .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`) + .join('\n'), + trace + ]); + } + else { + const warnArgs = [`[Vue warn]: ${msg}`, ...args]; + /* istanbul ignore if */ + if (trace.length && + // avoid spamming console during tests + !false) { + warnArgs.push(`\n`, ...formatTrace(trace)); + } + console.warn(...warnArgs); + } + resetTracking(); +} +function getComponentTrace() { + let currentVNode = stack[stack.length - 1]; + if (!currentVNode) { + return []; + } + // we can't just use the stack because it will be incomplete during updates + // that did not start from the root. Re-construct the parent chain using + // instance parent pointers. + const normalizedStack = []; + while (currentVNode) { + const last = normalizedStack[0]; + if (last && last.vnode === currentVNode) { + last.recurseCount++; + } + else { + normalizedStack.push({ + vnode: currentVNode, + recurseCount: 0 + }); + } + const parentInstance = currentVNode.component && currentVNode.component.parent; + currentVNode = parentInstance && parentInstance.vnode; + } + return normalizedStack; +} +/* istanbul ignore next */ +function formatTrace(trace) { + const logs = []; + trace.forEach((entry, i) => { + logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry)); + }); + return logs; +} +function formatTraceEntry({ vnode, recurseCount }) { + const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; + const isRoot = vnode.component ? vnode.component.parent == null : false; + const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`; + const close = `>` + postfix; + return vnode.props + ? [open, ...formatProps(vnode.props), close] + : [open + close]; +} +/* istanbul ignore next */ +function formatProps(props) { + const res = []; + const keys = Object.keys(props); + keys.slice(0, 3).forEach(key => { + res.push(...formatProp(key, props[key])); + }); + if (keys.length > 3) { + res.push(` ...`); + } + return res; +} +/* istanbul ignore next */ +function formatProp(key, value, raw) { + if (isString(value)) { + value = JSON.stringify(value); + return raw ? value : [`${key}=${value}`]; + } + else if (typeof value === 'number' || + typeof value === 'boolean' || + value == null) { + return raw ? value : [`${key}=${value}`]; + } + else if (isRef(value)) { + value = formatProp(key, toRaw(value.value), true); + return raw ? value : [`${key}=Ref<`, value, `>`]; + } + else if (isFunction(value)) { + return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; + } + else { + value = toRaw(value); + return raw ? value : [`${key}=`, value]; + } +} + +const ErrorTypeStrings = { + ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook', + ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook', + ["c" /* CREATED */]: 'created hook', + ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook', + ["m" /* MOUNTED */]: 'mounted hook', + ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook', + ["u" /* UPDATED */]: 'updated', + ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook', + ["um" /* UNMOUNTED */]: 'unmounted hook', + ["a" /* ACTIVATED */]: 'activated hook', + ["da" /* DEACTIVATED */]: 'deactivated hook', + ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook', + ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook', + ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook', + [0 /* SETUP_FUNCTION */]: 'setup function', + [1 /* RENDER_FUNCTION */]: 'render function', + [2 /* WATCH_GETTER */]: 'watcher getter', + [3 /* WATCH_CALLBACK */]: 'watcher callback', + [4 /* WATCH_CLEANUP */]: 'watcher cleanup function', + [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler', + [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler', + [7 /* VNODE_HOOK */]: 'vnode hook', + [8 /* DIRECTIVE_HOOK */]: 'directive hook', + [9 /* TRANSITION_HOOK */]: 'transition hook', + [10 /* APP_ERROR_HANDLER */]: 'app errorHandler', + [11 /* APP_WARN_HANDLER */]: 'app warnHandler', + [12 /* FUNCTION_REF */]: 'ref function', + [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader', + [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' + + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next' +}; +function callWithErrorHandling(fn, instance, type, args) { + let res; + try { + res = args ? fn(...args) : fn(); + } + catch (err) { + handleError(err, instance, type); + } + return res; +} +function callWithAsyncErrorHandling(fn, instance, type, args) { + if (isFunction(fn)) { + const res = callWithErrorHandling(fn, instance, type, args); + if (res && isPromise(res)) { + res.catch(err => { + handleError(err, instance, type); + }); + } + return res; + } + const values = []; + for (let i = 0; i < fn.length; i++) { + values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); + } + return values; +} +function handleError(err, instance, type, throwInDev = true) { + const contextVNode = instance ? instance.vnode : null; + if (instance) { + let cur = instance.parent; + // the exposed instance is the render proxy to keep it consistent with 2.x + const exposedInstance = instance.proxy; + // in production the hook receives only the error code + const errorInfo = ErrorTypeStrings[type] ; + while (cur) { + const errorCapturedHooks = cur.ec; + if (errorCapturedHooks) { + for (let i = 0; i < errorCapturedHooks.length; i++) { + if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { + return; + } + } + } + cur = cur.parent; + } + // app-level handling + const appErrorHandler = instance.appContext.config.errorHandler; + if (appErrorHandler) { + callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]); + return; + } + } + logError(err, type, contextVNode, throwInDev); +} +function logError(err, type, contextVNode, throwInDev = true) { + { + const info = ErrorTypeStrings[type]; + if (contextVNode) { + pushWarningContext(contextVNode); + } + warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`); + if (contextVNode) { + popWarningContext(); + } + // crash in dev by default so it's more noticeable + if (throwInDev) { + throw err; + } + else { + console.error(err); + } + } +} + +let isFlushing = false; +let isFlushPending = false; +const queue = []; +let flushIndex = 0; +const pendingPreFlushCbs = []; +let activePreFlushCbs = null; +let preFlushIndex = 0; +const pendingPostFlushCbs = []; +let activePostFlushCbs = null; +let postFlushIndex = 0; +const resolvedPromise = Promise.resolve(); +let currentFlushPromise = null; +let currentPreFlushParentJob = null; +const RECURSION_LIMIT = 100; +function nextTick(fn) { + const p = currentFlushPromise || resolvedPromise; + return fn ? p.then(this ? fn.bind(this) : fn) : p; +} +// #2768 +// Use binary-search to find a suitable position in the queue, +// so that the queue maintains the increasing order of job's id, +// which can prevent the job from being skipped and also can avoid repeated patching. +function findInsertionIndex(id) { + // the start index should be `flushIndex + 1` + let start = flushIndex + 1; + let end = queue.length; + while (start < end) { + const middle = (start + end) >>> 1; + const middleJobId = getId(queue[middle]); + middleJobId < id ? (start = middle + 1) : (end = middle); + } + return start; +} +function queueJob(job) { + // the dedupe search uses the startIndex argument of Array.includes() + // by default the search index includes the current job that is being run + // so it cannot recursively trigger itself again. + // if the job is a watch() callback, the search will start with a +1 index to + // allow it recursively trigger itself - it is the user's responsibility to + // ensure it doesn't end up in an infinite loop. + if ((!queue.length || + !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && + job !== currentPreFlushParentJob) { + if (job.id == null) { + queue.push(job); + } + else { + queue.splice(findInsertionIndex(job.id), 0, job); + } + queueFlush(); + } +} +function queueFlush() { + if (!isFlushing && !isFlushPending) { + isFlushPending = true; + currentFlushPromise = resolvedPromise.then(flushJobs); + } +} +function invalidateJob(job) { + const i = queue.indexOf(job); + if (i > flushIndex) { + queue.splice(i, 1); + } +} +function queueCb(cb, activeQueue, pendingQueue, index) { + if (!isArray(cb)) { + if (!activeQueue || + !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) { + pendingQueue.push(cb); + } + } + else { + // if cb is an array, it is a component lifecycle hook which can only be + // triggered by a job, which is already deduped in the main queue, so + // we can skip duplicate check here to improve perf + pendingQueue.push(...cb); + } + queueFlush(); +} +function queuePreFlushCb(cb) { + queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex); +} +function queuePostFlushCb(cb) { + queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex); +} +function flushPreFlushCbs(seen, parentJob = null) { + if (pendingPreFlushCbs.length) { + currentPreFlushParentJob = parentJob; + activePreFlushCbs = [...new Set(pendingPreFlushCbs)]; + pendingPreFlushCbs.length = 0; + { + seen = seen || new Map(); + } + for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) { + if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) { + continue; + } + activePreFlushCbs[preFlushIndex](); + } + activePreFlushCbs = null; + preFlushIndex = 0; + currentPreFlushParentJob = null; + // recursively flush until it drains + flushPreFlushCbs(seen, parentJob); + } +} +function flushPostFlushCbs(seen) { + if (pendingPostFlushCbs.length) { + const deduped = [...new Set(pendingPostFlushCbs)]; + pendingPostFlushCbs.length = 0; + // #1947 already has active queue, nested flushPostFlushCbs call + if (activePostFlushCbs) { + activePostFlushCbs.push(...deduped); + return; + } + activePostFlushCbs = deduped; + { + seen = seen || new Map(); + } + activePostFlushCbs.sort((a, b) => getId(a) - getId(b)); + for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { + if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) { + continue; + } + activePostFlushCbs[postFlushIndex](); + } + activePostFlushCbs = null; + postFlushIndex = 0; + } +} +const getId = (job) => job.id == null ? Infinity : job.id; +function flushJobs(seen) { + isFlushPending = false; + isFlushing = true; + { + seen = seen || new Map(); + } + flushPreFlushCbs(seen); + // Sort queue before flush. + // This ensures that: + // 1. Components are updated from parent to child. (because parent is always + // created before the child so its render effect will have smaller + // priority number) + // 2. If a component is unmounted during a parent component's update, + // its update can be skipped. + queue.sort((a, b) => getId(a) - getId(b)); + try { + for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job && job.active !== false) { + if (true && checkRecursiveUpdates(seen, job)) { + continue; + } + // console.log(`running:`, job.id) + callWithErrorHandling(job, null, 14 /* SCHEDULER */); + } + } + } + finally { + flushIndex = 0; + queue.length = 0; + flushPostFlushCbs(seen); + isFlushing = false; + currentFlushPromise = null; + // some postFlushCb queued jobs! + // keep flushing until it drains. + if (queue.length || + pendingPreFlushCbs.length || + pendingPostFlushCbs.length) { + flushJobs(seen); + } + } +} +function checkRecursiveUpdates(seen, fn) { + if (!seen.has(fn)) { + seen.set(fn, 1); + } + else { + const count = seen.get(fn); + if (count > RECURSION_LIMIT) { + const instance = fn.ownerInstance; + const componentName = instance && getComponentName(instance.type); + warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` + + `This means you have a reactive effect that is mutating its own ` + + `dependencies and thus recursively triggering itself. Possible sources ` + + `include component template, render function, updated hook or ` + + `watcher source function.`); + return true; + } + else { + seen.set(fn, count + 1); + } + } +} + +// Simple effect. +function watchEffect(effect, options) { + return doWatch(effect, null, options); +} +function watchPostEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' }) + )); +} +function watchSyncEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' }) + )); +} +// initial value for watchers to trigger on undefined initial values +const INITIAL_WATCHER_VALUE = {}; +// implementation +function watch(source, cb, options) { + if (!isFunction(cb)) { + warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` + + `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` + + `supports \`watch(source, cb, options?) signature.`); + } + return doWatch(source, cb, options); +} +function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) { + if (!cb) { + if (immediate !== undefined) { + warn$1(`watch() "immediate" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + if (deep !== undefined) { + warn$1(`watch() "deep" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + } + const warnInvalidSource = (s) => { + warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` + + `a reactive object, or an array of these types.`); + }; + const instance = currentInstance; + let getter; + let forceTrigger = false; + let isMultiSource = false; + if (isRef(source)) { + getter = () => source.value; + forceTrigger = !!source._shallow; + } + else if (isReactive(source)) { + getter = () => source; + deep = true; + } + else if (isArray(source)) { + isMultiSource = true; + forceTrigger = source.some(isReactive); + getter = () => source.map(s => { + if (isRef(s)) { + return s.value; + } + else if (isReactive(s)) { + return traverse(s); + } + else if (isFunction(s)) { + return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */); + } + else { + warnInvalidSource(s); + } + }); + } + else if (isFunction(source)) { + if (cb) { + // getter with cb + getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */); + } + else { + // no cb -> simple effect + getter = () => { + if (instance && instance.isUnmounted) { + return; + } + if (cleanup) { + cleanup(); + } + return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]); + }; + } + } + else { + getter = NOOP; + warnInvalidSource(source); + } + if (cb && deep) { + const baseGetter = getter; + getter = () => traverse(baseGetter()); + } + let cleanup; + let onInvalidate = (fn) => { + cleanup = effect.onStop = () => { + callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */); + }; + }; + let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE; + const job = () => { + if (!effect.active) { + return; + } + if (cb) { + // watch(source, cb) + const newValue = effect.run(); + if (deep || + forceTrigger || + (isMultiSource + ? newValue.some((v, i) => hasChanged(v, oldValue[i])) + : hasChanged(newValue, oldValue)) || + (false )) { + // cleanup before running cb again + if (cleanup) { + cleanup(); + } + callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [ + newValue, + // pass undefined as the old value when it's changed for the first time + oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, + onInvalidate + ]); + oldValue = newValue; + } + } + else { + // watchEffect + effect.run(); + } + }; + // important: mark the job as a watcher callback so that scheduler knows + // it is allowed to self-trigger (#1727) + job.allowRecurse = !!cb; + let scheduler; + if (flush === 'sync') { + scheduler = job; // the scheduler function gets called directly + } + else if (flush === 'post') { + scheduler = () => queuePostRenderEffect(job, instance && instance.suspense); + } + else { + // default: 'pre' + scheduler = () => { + if (!instance || instance.isMounted) { + queuePreFlushCb(job); + } + else { + // with 'pre' option, the first call must happen before + // the component is mounted so it is called synchronously. + job(); + } + }; + } + const effect = new ReactiveEffect(getter, scheduler); + { + effect.onTrack = onTrack; + effect.onTrigger = onTrigger; + } + // initial run + if (cb) { + if (immediate) { + job(); + } + else { + oldValue = effect.run(); + } + } + else if (flush === 'post') { + queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense); + } + else { + effect.run(); + } + return () => { + effect.stop(); + if (instance && instance.scope) { + remove(instance.scope.effects, effect); + } + }; +} +// this.$watch +function instanceWatch(source, value, options) { + const publicThis = this.proxy; + const getter = isString(source) + ? source.includes('.') + ? createPathGetter(publicThis, source) + : () => publicThis[source] + : source.bind(publicThis, publicThis); + let cb; + if (isFunction(value)) { + cb = value; + } + else { + cb = value.handler; + options = value; + } + const cur = currentInstance; + setCurrentInstance(this); + const res = doWatch(getter, cb.bind(publicThis), options); + if (cur) { + setCurrentInstance(cur); + } + else { + unsetCurrentInstance(); + } + return res; +} +function createPathGetter(ctx, path) { + const segments = path.split('.'); + return () => { + let cur = ctx; + for (let i = 0; i < segments.length && cur; i++) { + cur = cur[segments[i]]; + } + return cur; + }; +} +function traverse(value, seen = new Set()) { + if (!isObject(value) || value["__v_skip" /* SKIP */]) { + return value; + } + seen = seen || new Set(); + if (seen.has(value)) { + return value; + } + seen.add(value); + if (isRef(value)) { + traverse(value.value, seen); + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + traverse(value[i], seen); + } + } + else if (isSet(value) || isMap(value)) { + value.forEach((v) => { + traverse(v, seen); + }); + } + else if (isPlainObject(value)) { + for (const key in value) { + traverse(value[key], seen); + } + } + return value; +} + +// dev only +const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` + + `<script setup> of a single file component. Its arguments should be ` + + `compiled away and passing it at runtime has no effect.`); +// implementation +function defineProps() { + { + warnRuntimeUsage(`defineProps`); + } + return null; +} +// implementation +function defineEmits() { + { + warnRuntimeUsage(`defineEmits`); + } + return null; +} +/** + * Vue `<script setup>` compiler macro for declaring a component's exposed + * instance properties when it is accessed by a parent component via template + * refs. + * + * `<script setup>` components are closed by default - i.e. varaibles inside + * the `<script setup>` scope is not exposed to parent unless explicitly exposed + * via `defineExpose`. + * + * This is only usable inside `<script setup>`, is compiled away in the + * output and should **not** be actually called at runtime. + */ +function defineExpose(exposed) { + { + warnRuntimeUsage(`defineExpose`); + } +} +/** + * Vue `<script setup>` compiler macro for providing props default values when + * using type-based `defineProps` decalration. + * + * Example usage: + * ```ts + * withDefaults(defineProps<{ + * size?: number + * labels?: string[] + * }>(), { + * size: 3, + * labels: () => ['default label'] + * }) + * ``` + * + * This is only usable inside `<script setup>`, is compiled away in the output + * and should **not** be actually called at runtime. + */ +function withDefaults(props, defaults) { + { + warnRuntimeUsage(`withDefaults`); + } + return null; +} +function useSlots() { + return getContext().slots; +} +function useAttrs() { + return getContext().attrs; +} +function getContext() { + const i = getCurrentInstance(); + if (!i) { + warn$1(`useContext() called without active instance.`); + } + return i.setupContext || (i.setupContext = createSetupContext(i)); +} +/** + * Runtime helper for merging default declarations. Imported by compiled code + * only. + * @internal + */ +function mergeDefaults( +// the base props is compiler-generated and guaranteed to be in this shape. +props, defaults) { + for (const key in defaults) { + const val = props[key]; + if (val) { + val.default = defaults[key]; + } + else if (val === null) { + props[key] = { default: defaults[key] }; + } + else { + warn$1(`props default key "${key}" has no corresponding declaration.`); + } + } + return props; +} +/** + * `<script setup>` helper for persisting the current instance context over + * async/await flows. + * + * `@vue/compiler-sfc` converts the following: + * + * ```ts + * const x = await foo() + * ``` + * + * into: + * + * ```ts + * let __temp, __restore + * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp) + * ``` + * @internal + */ +function withAsyncContext(getAwaitable) { + const ctx = getCurrentInstance(); + if (!ctx) { + warn$1(`withAsyncContext called without active current instance. ` + + `This is likely a bug.`); + } + let awaitable = getAwaitable(); + unsetCurrentInstance(); + if (isPromise(awaitable)) { + awaitable = awaitable.catch(e => { + setCurrentInstance(ctx); + throw e; + }); + } + return [awaitable, () => setCurrentInstance(ctx)]; +} + +// Actual implementation +function h(type, propsOrChildren, children) { + const l = arguments.length; + if (l === 2) { + if (isObject(propsOrChildren) && !isArray(propsOrChildren)) { + // single vnode without props + if (isVNode(propsOrChildren)) { + return createVNode(type, null, [propsOrChildren]); + } + // props without children + return createVNode(type, propsOrChildren); + } + else { + // omit props + return createVNode(type, null, propsOrChildren); + } + } + else { + if (l > 3) { + children = Array.prototype.slice.call(arguments, 2); + } + else if (l === 3 && isVNode(children)) { + children = [children]; + } + return createVNode(type, propsOrChildren, children); + } +} + +const ssrContextKey = Symbol(`ssrContext` ); +const useSSRContext = () => { + { + const ctx = inject(ssrContextKey); + if (!ctx) { + warn$1(`Server rendering context not provided. Make sure to only call ` + + `useSSRContext() conditionally in the server build.`); + } + return ctx; + } +}; + +function initCustomFormatter() { + /* eslint-disable no-restricted-globals */ + if (typeof window === 'undefined') { + return; + } + const vueStyle = { style: 'color:#3ba776' }; + const numberStyle = { style: 'color:#0b1bc9' }; + const stringStyle = { style: 'color:#b62e24' }; + const keywordStyle = { style: 'color:#9d288c' }; + // custom formatter for Chrome + // https://www.mattzeunert.com/2016/02/19/custom-chrome-devtools-object-formatters.html + const formatter = { + header(obj) { + // TODO also format ComponentPublicInstance & ctx.slots/attrs in setup + if (!isObject(obj)) { + return null; + } + if (obj.__isVue) { + return ['div', vueStyle, `VueInstance`]; + } + else if (isRef(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, genRefFlag(obj)], + '<', + formatValue(obj.value), + `>` + ]; + } + else if (isReactive(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Reactive'], + '<', + formatValue(obj), + `>${isReadonly(obj) ? ` (readonly)` : ``}` + ]; + } + else if (isReadonly(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Readonly'], + '<', + formatValue(obj), + '>' + ]; + } + return null; + }, + hasBody(obj) { + return obj && obj.__isVue; + }, + body(obj) { + if (obj && obj.__isVue) { + return [ + 'div', + {}, + ...formatInstance(obj.$) + ]; + } + } + }; + function formatInstance(instance) { + const blocks = []; + if (instance.type.props && instance.props) { + blocks.push(createInstanceBlock('props', toRaw(instance.props))); + } + if (instance.setupState !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('setup', instance.setupState)); + } + if (instance.data !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('data', toRaw(instance.data))); + } + const computed = extractKeys(instance, 'computed'); + if (computed) { + blocks.push(createInstanceBlock('computed', computed)); + } + const injected = extractKeys(instance, 'inject'); + if (injected) { + blocks.push(createInstanceBlock('injected', injected)); + } + blocks.push([ + 'div', + {}, + [ + 'span', + { + style: keywordStyle.style + ';opacity:0.66' + }, + '$ (internal): ' + ], + ['object', { object: instance }] + ]); + return blocks; + } + function createInstanceBlock(type, target) { + target = extend({}, target); + if (!Object.keys(target).length) { + return ['span', {}]; + } + return [ + 'div', + { style: 'line-height:1.25em;margin-bottom:0.6em' }, + [ + 'div', + { + style: 'color:#476582' + }, + type + ], + [ + 'div', + { + style: 'padding-left:1.25em' + }, + ...Object.keys(target).map(key => { + return [ + 'div', + {}, + ['span', keywordStyle, key + ': '], + formatValue(target[key], false) + ]; + }) + ] + ]; + } + function formatValue(v, asRaw = true) { + if (typeof v === 'number') { + return ['span', numberStyle, v]; + } + else if (typeof v === 'string') { + return ['span', stringStyle, JSON.stringify(v)]; + } + else if (typeof v === 'boolean') { + return ['span', keywordStyle, v]; + } + else if (isObject(v)) { + return ['object', { object: asRaw ? toRaw(v) : v }]; + } + else { + return ['span', stringStyle, String(v)]; + } + } + function extractKeys(instance, type) { + const Comp = instance.type; + if (isFunction(Comp)) { + return; + } + const extracted = {}; + for (const key in instance.ctx) { + if (isKeyOfType(Comp, key, type)) { + extracted[key] = instance.ctx[key]; + } + } + return extracted; + } + function isKeyOfType(Comp, key, type) { + const opts = Comp[type]; + if ((isArray(opts) && opts.includes(key)) || + (isObject(opts) && key in opts)) { + return true; + } + if (Comp.extends && isKeyOfType(Comp.extends, key, type)) { + return true; + } + if (Comp.mixins && Comp.mixins.some(m => isKeyOfType(m, key, type))) { + return true; + } + } + function genRefFlag(v) { + if (v._shallow) { + return `ShallowRef`; + } + if (v.effect) { + return `ComputedRef`; + } + return `Ref`; + } + if (window.devtoolsFormatters) { + window.devtoolsFormatters.push(formatter); + } + else { + window.devtoolsFormatters = [formatter]; + } +} + +function withMemo(memo, render, cache, index) { + const cached = cache[index]; + if (cached && isMemoSame(cached, memo)) { + return cached; + } + const ret = render(); + // shallow clone + ret.memo = memo.slice(); + return (cache[index] = ret); +} +function isMemoSame(cached, memo) { + const prev = cached.memo; + if (prev.length != memo.length) { + return false; + } + for (let i = 0; i < prev.length; i++) { + if (prev[i] !== memo[i]) { + return false; + } + } + // make sure to let parent block track it when returning cached + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(cached); + } + return true; +} + +// Core API ------------------------------------------------------------------ +const version = "3.2.6"; +/** + * SSR utils for \@vue/server-renderer. Only exposed in cjs builds. + * @internal + */ +const ssrUtils = (null); +/** + * @internal only exposed in compat builds + */ +const resolveFilter = null; +/** + * @internal only exposed in compat builds. + */ +const compatUtils = (null); + +const svgNS = 'http://www.w3.org/2000/svg'; +const doc = (typeof document !== 'undefined' ? document : null); +const staticTemplateCache = new Map(); +const nodeOps = { + insert: (child, parent, anchor) => { + parent.insertBefore(child, anchor || null); + }, + remove: child => { + const parent = child.parentNode; + if (parent) { + parent.removeChild(child); + } + }, + createElement: (tag, isSVG, is, props) => { + const el = isSVG + ? doc.createElementNS(svgNS, tag) + : doc.createElement(tag, is ? { is } : undefined); + if (tag === 'select' && props && props.multiple != null) { + el.setAttribute('multiple', props.multiple); + } + return el; + }, + createText: text => doc.createTextNode(text), + createComment: text => doc.createComment(text), + setText: (node, text) => { + node.nodeValue = text; + }, + setElementText: (el, text) => { + el.textContent = text; + }, + parentNode: node => node.parentNode, + nextSibling: node => node.nextSibling, + querySelector: selector => doc.querySelector(selector), + setScopeId(el, id) { + el.setAttribute(id, ''); + }, + cloneNode(el) { + const cloned = el.cloneNode(true); + // #3072 + // - in `patchDOMProp`, we store the actual value in the `el._value` property. + // - normally, elements using `:value` bindings will not be hoisted, but if + // the bound value is a constant, e.g. `:value="true"` - they do get + // hoisted. + // - in production, hoisted nodes are cloned when subsequent inserts, but + // cloneNode() does not copy the custom property we attached. + // - This may need to account for other custom DOM properties we attach to + // elements in addition to `_value` in the future. + if (`_value` in el) { + cloned._value = el._value; + } + return cloned; + }, + // __UNSAFE__ + // Reason: innerHTML. + // Static content here can only come from compiled templates. + // As long as the user only uses trusted templates, this is safe. + insertStaticContent(content, parent, anchor, isSVG) { + // <parent> before | first ... last | anchor </parent> + const before = anchor ? anchor.previousSibling : parent.lastChild; + let template = staticTemplateCache.get(content); + if (!template) { + const t = doc.createElement('template'); + t.innerHTML = isSVG ? `<svg>${content}</svg>` : content; + template = t.content; + if (isSVG) { + // remove outer svg wrapper + const wrapper = template.firstChild; + while (wrapper.firstChild) { + template.appendChild(wrapper.firstChild); + } + template.removeChild(wrapper); + } + staticTemplateCache.set(content, template); + } + parent.insertBefore(template.cloneNode(true), anchor); + return [ + // first + before ? before.nextSibling : parent.firstChild, + // last + anchor ? anchor.previousSibling : parent.lastChild + ]; + } +}; + +// compiler should normalize class + :class bindings on the same element +// into a single binding ['staticClass', dynamic] +function patchClass(el, value, isSVG) { + // directly setting className should be faster than setAttribute in theory + // if this is an element during a transition, take the temporary transition + // classes into account. + const transitionClasses = el._vtc; + if (transitionClasses) { + value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' '); + } + if (value == null) { + el.removeAttribute('class'); + } + else if (isSVG) { + el.setAttribute('class', value); + } + else { + el.className = value; + } +} + +function patchStyle(el, prev, next) { + const style = el.style; + if (!next) { + el.removeAttribute('style'); + } + else if (isString(next)) { + if (prev !== next) { + const current = style.display; + style.cssText = next; + // indicates that the `display` of the element is controlled by `v-show`, + // so we always keep the current `display` value regardless of the `style` value, + // thus handing over control to `v-show`. + if ('_vod' in el) { + style.display = current; + } + } + } + else { + for (const key in next) { + setStyle(style, key, next[key]); + } + if (prev && !isString(prev)) { + for (const key in prev) { + if (next[key] == null) { + setStyle(style, key, ''); + } + } + } + } +} +const importantRE = /\s*!important$/; +function setStyle(style, name, val) { + if (isArray(val)) { + val.forEach(v => setStyle(style, name, v)); + } + else { + if (name.startsWith('--')) { + // custom property definition + style.setProperty(name, val); + } + else { + const prefixed = autoPrefix(style, name); + if (importantRE.test(val)) { + // !important + style.setProperty(hyphenate(prefixed), val.replace(importantRE, ''), 'important'); + } + else { + style[prefixed] = val; + } + } + } +} +const prefixes = ['Webkit', 'Moz', 'ms']; +const prefixCache = {}; +function autoPrefix(style, rawName) { + const cached = prefixCache[rawName]; + if (cached) { + return cached; + } + let name = camelize(rawName); + if (name !== 'filter' && name in style) { + return (prefixCache[rawName] = name); + } + name = capitalize(name); + for (let i = 0; i < prefixes.length; i++) { + const prefixed = prefixes[i] + name; + if (prefixed in style) { + return (prefixCache[rawName] = prefixed); + } + } + return rawName; +} + +const xlinkNS = 'http://www.w3.org/1999/xlink'; +function patchAttr(el, key, value, isSVG, instance) { + if (isSVG && key.startsWith('xlink:')) { + if (value == null) { + el.removeAttributeNS(xlinkNS, key.slice(6, key.length)); + } + else { + el.setAttributeNS(xlinkNS, key, value); + } + } + else { + // note we are only checking boolean attributes that don't have a + // corresponding dom prop of the same name here. + const isBoolean = isSpecialBooleanAttr(key); + if (value == null || (isBoolean && !includeBooleanAttr(value))) { + el.removeAttribute(key); + } + else { + el.setAttribute(key, isBoolean ? '' : value); + } + } +} + +// __UNSAFE__ +// functions. The user is responsible for using them with only trusted content. +function patchDOMProp(el, key, value, +// the following args are passed only due to potential innerHTML/textContent +// overriding existing VNodes, in which case the old tree must be properly +// unmounted. +prevChildren, parentComponent, parentSuspense, unmountChildren) { + if (key === 'innerHTML' || key === 'textContent') { + if (prevChildren) { + unmountChildren(prevChildren, parentComponent, parentSuspense); + } + el[key] = value == null ? '' : value; + return; + } + if (key === 'value' && el.tagName !== 'PROGRESS') { + // store value as _value as well since + // non-string values will be stringified. + el._value = value; + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + if (value == null) { + el.removeAttribute(key); + } + return; + } + if (value === '' || value == null) { + const type = typeof el[key]; + if (type === 'boolean') { + // e.g. <select multiple> compiles to { multiple: '' } + el[key] = includeBooleanAttr(value); + return; + } + else if (value == null && type === 'string') { + // e.g. <div :id="null"> + el[key] = ''; + el.removeAttribute(key); + return; + } + else if (type === 'number') { + // e.g. <img :width="null"> + // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error + try { + el[key] = 0; + } + catch (_a) { } + el.removeAttribute(key); + return; + } + } + // some properties perform value validation and throw + try { + el[key] = value; + } + catch (e) { + { + warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` + + `value ${value} is invalid.`, e); + } + } +} + +// Async edge case fix requires storing an event listener's attach timestamp. +let _getNow = Date.now; +let skipTimestampCheck = false; +if (typeof window !== 'undefined') { + // Determine what event timestamp the browser is using. Annoyingly, the + // timestamp can either be hi-res (relative to page load) or low-res + // (relative to UNIX epoch), so in order to compare time we have to use the + // same timestamp type when saving the flush timestamp. + if (_getNow() > document.createEvent('Event').timeStamp) { + // if the low-res timestamp which is bigger than the event timestamp + // (which is evaluated AFTER) it means the event is using a hi-res timestamp, + // and we need to use the hi-res version for event listeners as well. + _getNow = () => performance.now(); + } + // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation + // and does not fire microtasks in between event propagation, so safe to exclude. + const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i); + skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53); +} +// To avoid the overhead of repeatedly calling performance.now(), we cache +// and use the same timestamp for all event listeners attached in the same tick. +let cachedNow = 0; +const p = Promise.resolve(); +const reset = () => { + cachedNow = 0; +}; +const getNow = () => cachedNow || (p.then(reset), (cachedNow = _getNow())); +function addEventListener(el, event, handler, options) { + el.addEventListener(event, handler, options); +} +function removeEventListener(el, event, handler, options) { + el.removeEventListener(event, handler, options); +} +function patchEvent(el, rawName, prevValue, nextValue, instance = null) { + // vei = vue event invokers + const invokers = el._vei || (el._vei = {}); + const existingInvoker = invokers[rawName]; + if (nextValue && existingInvoker) { + // patch + existingInvoker.value = nextValue; + } + else { + const [name, options] = parseName(rawName); + if (nextValue) { + // add + const invoker = (invokers[rawName] = createInvoker(nextValue, instance)); + addEventListener(el, name, invoker, options); + } + else if (existingInvoker) { + // remove + removeEventListener(el, name, existingInvoker, options); + invokers[rawName] = undefined; + } + } +} +const optionsModifierRE = /(?:Once|Passive|Capture)$/; +function parseName(name) { + let options; + if (optionsModifierRE.test(name)) { + options = {}; + let m; + while ((m = name.match(optionsModifierRE))) { + name = name.slice(0, name.length - m[0].length); + options[m[0].toLowerCase()] = true; + } + } + return [hyphenate(name.slice(2)), options]; +} +function createInvoker(initialValue, instance) { + const invoker = (e) => { + // async edge case #6566: inner click event triggers patch, event handler + // attached to outer element during patch, and triggered again. This + // happens because browsers fire microtask ticks between event propagation. + // the solution is simple: we save the timestamp when a handler is attached, + // and the handler would only fire if the event passed to it was fired + // AFTER it was attached. + const timeStamp = e.timeStamp || _getNow(); + if (skipTimestampCheck || timeStamp >= invoker.attached - 1) { + callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5 /* NATIVE_EVENT_HANDLER */, [e]); + } + }; + invoker.value = initialValue; + invoker.attached = getNow(); + return invoker; +} +function patchStopImmediatePropagation(e, value) { + if (isArray(value)) { + const originalStop = e.stopImmediatePropagation; + e.stopImmediatePropagation = () => { + originalStop.call(e); + e._stopped = true; + }; + return value.map(fn => (e) => !e._stopped && fn(e)); + } + else { + return value; + } +} + +const nativeOnRE = /^on[a-z]/; +const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => { + if (key === 'class') { + patchClass(el, nextValue, isSVG); + } + else if (key === 'style') { + patchStyle(el, prevValue, nextValue); + } + else if (isOn(key)) { + // ignore v-model listeners + if (!isModelListener(key)) { + patchEvent(el, key, prevValue, nextValue, parentComponent); + } + } + else if (key[0] === '.' + ? ((key = key.slice(1)), true) + : key[0] === '^' + ? ((key = key.slice(1)), false) + : shouldSetAsProp(el, key, nextValue, isSVG)) { + patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren); + } + else { + // special case for <input v-model type="checkbox"> with + // :true-value & :false-value + // store value as dom properties since non-string values will be + // stringified. + if (key === 'true-value') { + el._trueValue = nextValue; + } + else if (key === 'false-value') { + el._falseValue = nextValue; + } + patchAttr(el, key, nextValue, isSVG); + } +}; +function shouldSetAsProp(el, key, value, isSVG) { + if (isSVG) { + // most keys must be set as attribute on svg elements to work + // ...except innerHTML & textContent + if (key === 'innerHTML' || key === 'textContent') { + return true; + } + // or native onclick with function values + if (key in el && nativeOnRE.test(key) && isFunction(value)) { + return true; + } + return false; + } + // spellcheck and draggable are numerated attrs, however their + // corresponding DOM properties are actually booleans - this leads to + // setting it with a string "false" value leading it to be coerced to + // `true`, so we need to always treat them as attributes. + // Note that `contentEditable` doesn't have this problem: its DOM + // property is also enumerated string values. + if (key === 'spellcheck' || key === 'draggable') { + return false; + } + // #1787, #2840 form property on form elements is readonly and must be set as + // attribute. + if (key === 'form') { + return false; + } + // #1526 <input list> must be set as attribute + if (key === 'list' && el.tagName === 'INPUT') { + return false; + } + // #2766 <textarea type> must be set as attribute + if (key === 'type' && el.tagName === 'TEXTAREA') { + return false; + } + // native onclick with string value, must be set as attribute + if (nativeOnRE.test(key) && isString(value)) { + return false; + } + return key in el; +} + +function defineCustomElement(options, hydate) { + const Comp = defineComponent(options); + class VueCustomElement extends VueElement { + constructor(initialProps) { + super(Comp, initialProps, hydate); + } + } + VueCustomElement.def = Comp; + return VueCustomElement; +} +const defineSSRCustomElement = ((options) => { + // @ts-ignore + return defineCustomElement(options, hydrate); +}); +const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class { +}); +class VueElement extends BaseClass { + constructor(_def, _props = {}, hydrate) { + super(); + this._def = _def; + this._props = _props; + /** + * @internal + */ + this._instance = null; + this._connected = false; + this._resolved = false; + if (this.shadowRoot && hydrate) { + hydrate(this._createVNode(), this.shadowRoot); + } + else { + if (this.shadowRoot) { + warn$1(`Custom element has pre-rendered declarative shadow root but is not ` + + `defined as hydratable. Use \`defineSSRCustomElement\`.`); + } + this.attachShadow({ mode: 'open' }); + } + // set initial attrs + for (let i = 0; i < this.attributes.length; i++) { + this._setAttr(this.attributes[i].name); + } + // watch future attr changes + const observer = new MutationObserver(mutations => { + for (const m of mutations) { + this._setAttr(m.attributeName); + } + }); + observer.observe(this, { attributes: true }); + } + connectedCallback() { + this._connected = true; + if (!this._instance) { + this._resolveDef(); + render(this._createVNode(), this.shadowRoot); + } + } + disconnectedCallback() { + this._connected = false; + nextTick(() => { + if (!this._connected) { + render(null, this.shadowRoot); + this._instance = null; + } + }); + } + /** + * resolve inner component definition (handle possible async component) + */ + _resolveDef() { + if (this._resolved) { + return; + } + const resolve = (def) => { + this._resolved = true; + // check if there are props set pre-upgrade or connect + for (const key of Object.keys(this)) { + if (key[0] !== '_') { + this._setProp(key, this[key]); + } + } + const { props, styles } = def; + // defining getter/setters on prototype + const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : []; + for (const key of rawKeys.map(camelize)) { + Object.defineProperty(this, key, { + get() { + return this._getProp(key); + }, + set(val) { + this._setProp(key, val); + } + }); + } + this._applyStyles(styles); + }; + const asyncDef = this._def.__asyncLoader; + if (asyncDef) { + asyncDef().then(resolve); + } + else { + resolve(this._def); + } + } + _setAttr(key) { + this._setProp(camelize(key), toNumber(this.getAttribute(key)), false); + } + /** + * @internal + */ + _getProp(key) { + return this._props[key]; + } + /** + * @internal + */ + _setProp(key, val, shouldReflect = true) { + if (val !== this._props[key]) { + this._props[key] = val; + if (this._instance) { + render(this._createVNode(), this.shadowRoot); + } + // reflect + if (shouldReflect) { + if (val === true) { + this.setAttribute(hyphenate(key), ''); + } + else if (typeof val === 'string' || typeof val === 'number') { + this.setAttribute(hyphenate(key), val + ''); + } + else if (!val) { + this.removeAttribute(hyphenate(key)); + } + } + } + } + _createVNode() { + const vnode = createVNode(this._def, extend({}, this._props)); + if (!this._instance) { + vnode.ce = instance => { + this._instance = instance; + instance.isCE = true; + // HMR + { + instance.ceReload = newStyles => { + // alawys reset styles + if (this._styles) { + this._styles.forEach(s => this.shadowRoot.removeChild(s)); + this._styles.length = 0; + } + this._applyStyles(newStyles); + // if this is an async component, ceReload is called from the inner + // component so no need to reload the async wrapper + if (!this._def.__asyncLoader) { + // reload + this._instance = null; + render(this._createVNode(), this.shadowRoot); + } + }; + } + // intercept emit + instance.emit = (event, ...args) => { + this.dispatchEvent(new CustomEvent(event, { + detail: args + })); + }; + // locate nearest Vue custom element parent for provide/inject + let parent = this; + while ((parent = + parent && (parent.parentNode || parent.host))) { + if (parent instanceof VueElement) { + instance.parent = parent._instance; + break; + } + } + }; + } + return vnode; + } + _applyStyles(styles) { + if (styles) { + styles.forEach(css => { + const s = document.createElement('style'); + s.textContent = css; + this.shadowRoot.appendChild(s); + // record for HMR + { + (this._styles || (this._styles = [])).push(s); + } + }); + } + } +} + +function useCssModule(name = '$style') { + /* istanbul ignore else */ + { + const instance = getCurrentInstance(); + if (!instance) { + warn$1(`useCssModule must be called inside setup()`); + return EMPTY_OBJ; + } + const modules = instance.type.__cssModules; + if (!modules) { + warn$1(`Current instance does not have CSS modules injected.`); + return EMPTY_OBJ; + } + const mod = modules[name]; + if (!mod) { + warn$1(`Current instance does not have CSS module named "${name}".`); + return EMPTY_OBJ; + } + return mod; + } +} + +/** + * Runtime helper for SFC's CSS variable injection feature. + * @private + */ +function useCssVars(getter) { + const instance = getCurrentInstance(); + /* istanbul ignore next */ + if (!instance) { + warn$1(`useCssVars is called without current active component instance.`); + return; + } + const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy)); + watchPostEffect(setVars); + onMounted(() => { + const ob = new MutationObserver(setVars); + ob.observe(instance.subTree.el.parentNode, { childList: true }); + onUnmounted(() => ob.disconnect()); + }); +} +function setVarsOnVNode(vnode, vars) { + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + const suspense = vnode.suspense; + vnode = suspense.activeBranch; + if (suspense.pendingBranch && !suspense.isHydrating) { + suspense.effects.push(() => { + setVarsOnVNode(suspense.activeBranch, vars); + }); + } + } + // drill down HOCs until it's a non-component vnode + while (vnode.component) { + vnode = vnode.component.subTree; + } + if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) { + setVarsOnNode(vnode.el, vars); + } + else if (vnode.type === Fragment) { + vnode.children.forEach(c => setVarsOnVNode(c, vars)); + } + else if (vnode.type === Static) { + let { el, anchor } = vnode; + while (el) { + setVarsOnNode(el, vars); + if (el === anchor) + break; + el = el.nextSibling; + } + } +} +function setVarsOnNode(el, vars) { + if (el.nodeType === 1) { + const style = el.style; + for (const key in vars) { + style.setProperty(`--${key}`, vars[key]); + } + } +} + +const TRANSITION = 'transition'; +const ANIMATION = 'animation'; +// DOM Transition is a higher-order-component based on the platform-agnostic +// base Transition component, with DOM-specific logic. +const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots); +Transition.displayName = 'Transition'; +const DOMTransitionPropsValidators = { + name: String, + type: String, + css: { + type: Boolean, + default: true + }, + duration: [String, Number, Object], + enterFromClass: String, + enterActiveClass: String, + enterToClass: String, + appearFromClass: String, + appearActiveClass: String, + appearToClass: String, + leaveFromClass: String, + leaveActiveClass: String, + leaveToClass: String +}; +const TransitionPropsValidators = (Transition.props = + /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators)); +/** + * #3227 Incoming hooks may be merged into arrays when wrapping Transition + * with custom HOCs. + */ +const callHook$1 = (hook, args = []) => { + if (isArray(hook)) { + hook.forEach(h => h(...args)); + } + else if (hook) { + hook(...args); + } +}; +/** + * Check if a hook expects a callback (2nd arg), which means the user + * intends to explicitly control the end of the transition. + */ +const hasExplicitCallback = (hook) => { + return hook + ? isArray(hook) + ? hook.some(h => h.length > 1) + : hook.length > 1 + : false; +}; +function resolveTransitionProps(rawProps) { + const baseProps = {}; + for (const key in rawProps) { + if (!(key in DOMTransitionPropsValidators)) { + baseProps[key] = rawProps[key]; + } + } + if (rawProps.css === false) { + return baseProps; + } + const { name = 'v', type, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps; + const durations = normalizeDuration(duration); + const enterDuration = durations && durations[0]; + const leaveDuration = durations && durations[1]; + const { onBeforeEnter, onEnter, onEnterCancelled, onLeave, onLeaveCancelled, onBeforeAppear = onBeforeEnter, onAppear = onEnter, onAppearCancelled = onEnterCancelled } = baseProps; + const finishEnter = (el, isAppear, done) => { + removeTransitionClass(el, isAppear ? appearToClass : enterToClass); + removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass); + done && done(); + }; + const finishLeave = (el, done) => { + removeTransitionClass(el, leaveToClass); + removeTransitionClass(el, leaveActiveClass); + done && done(); + }; + const makeEnterHook = (isAppear) => { + return (el, done) => { + const hook = isAppear ? onAppear : onEnter; + const resolve = () => finishEnter(el, isAppear, done); + callHook$1(hook, [el, resolve]); + nextFrame(() => { + removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass); + addTransitionClass(el, isAppear ? appearToClass : enterToClass); + if (!hasExplicitCallback(hook)) { + whenTransitionEnds(el, type, enterDuration, resolve); + } + }); + }; + }; + return extend(baseProps, { + onBeforeEnter(el) { + callHook$1(onBeforeEnter, [el]); + addTransitionClass(el, enterFromClass); + addTransitionClass(el, enterActiveClass); + }, + onBeforeAppear(el) { + callHook$1(onBeforeAppear, [el]); + addTransitionClass(el, appearFromClass); + addTransitionClass(el, appearActiveClass); + }, + onEnter: makeEnterHook(false), + onAppear: makeEnterHook(true), + onLeave(el, done) { + const resolve = () => finishLeave(el, done); + addTransitionClass(el, leaveFromClass); + // force reflow so *-leave-from classes immediately take effect (#2593) + forceReflow(); + addTransitionClass(el, leaveActiveClass); + nextFrame(() => { + removeTransitionClass(el, leaveFromClass); + addTransitionClass(el, leaveToClass); + if (!hasExplicitCallback(onLeave)) { + whenTransitionEnds(el, type, leaveDuration, resolve); + } + }); + callHook$1(onLeave, [el, resolve]); + }, + onEnterCancelled(el) { + finishEnter(el, false); + callHook$1(onEnterCancelled, [el]); + }, + onAppearCancelled(el) { + finishEnter(el, true); + callHook$1(onAppearCancelled, [el]); + }, + onLeaveCancelled(el) { + finishLeave(el); + callHook$1(onLeaveCancelled, [el]); + } + }); +} +function normalizeDuration(duration) { + if (duration == null) { + return null; + } + else if (isObject(duration)) { + return [NumberOf(duration.enter), NumberOf(duration.leave)]; + } + else { + const n = NumberOf(duration); + return [n, n]; + } +} +function NumberOf(val) { + const res = toNumber(val); + validateDuration(res); + return res; +} +function validateDuration(val) { + if (typeof val !== 'number') { + warn$1(`<transition> explicit duration is not a valid number - ` + + `got ${JSON.stringify(val)}.`); + } + else if (isNaN(val)) { + warn$1(`<transition> explicit duration is NaN - ` + + 'the duration expression might be incorrect.'); + } +} +function addTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.add(c)); + (el._vtc || + (el._vtc = new Set())).add(cls); +} +function removeTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.remove(c)); + const { _vtc } = el; + if (_vtc) { + _vtc.delete(cls); + if (!_vtc.size) { + el._vtc = undefined; + } + } +} +function nextFrame(cb) { + requestAnimationFrame(() => { + requestAnimationFrame(cb); + }); +} +let endId = 0; +function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) { + const id = (el._endId = ++endId); + const resolveIfNotStale = () => { + if (id === el._endId) { + resolve(); + } + }; + if (explicitTimeout) { + return setTimeout(resolveIfNotStale, explicitTimeout); + } + const { type, timeout, propCount } = getTransitionInfo(el, expectedType); + if (!type) { + return resolve(); + } + const endEvent = type + 'end'; + let ended = 0; + const end = () => { + el.removeEventListener(endEvent, onEnd); + resolveIfNotStale(); + }; + const onEnd = (e) => { + if (e.target === el && ++ended >= propCount) { + end(); + } + }; + setTimeout(() => { + if (ended < propCount) { + end(); + } + }, timeout + 1); + el.addEventListener(endEvent, onEnd); +} +function getTransitionInfo(el, expectedType) { + const styles = window.getComputedStyle(el); + // JSDOM may return undefined for transition properties + const getStyleProperties = (key) => (styles[key] || '').split(', '); + const transitionDelays = getStyleProperties(TRANSITION + 'Delay'); + const transitionDurations = getStyleProperties(TRANSITION + 'Duration'); + const transitionTimeout = getTimeout(transitionDelays, transitionDurations); + const animationDelays = getStyleProperties(ANIMATION + 'Delay'); + const animationDurations = getStyleProperties(ANIMATION + 'Duration'); + const animationTimeout = getTimeout(animationDelays, animationDurations); + let type = null; + let timeout = 0; + let propCount = 0; + /* istanbul ignore if */ + if (expectedType === TRANSITION) { + if (transitionTimeout > 0) { + type = TRANSITION; + timeout = transitionTimeout; + propCount = transitionDurations.length; + } + } + else if (expectedType === ANIMATION) { + if (animationTimeout > 0) { + type = ANIMATION; + timeout = animationTimeout; + propCount = animationDurations.length; + } + } + else { + timeout = Math.max(transitionTimeout, animationTimeout); + type = + timeout > 0 + ? transitionTimeout > animationTimeout + ? TRANSITION + : ANIMATION + : null; + propCount = type + ? type === TRANSITION + ? transitionDurations.length + : animationDurations.length + : 0; + } + const hasTransform = type === TRANSITION && + /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']); + return { + type, + timeout, + propCount, + hasTransform + }; +} +function getTimeout(delays, durations) { + while (delays.length < durations.length) { + delays = delays.concat(delays); + } + return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i]))); +} +// Old versions of Chromium (below 61.0.3163.100) formats floating pointer +// numbers in a locale-dependent way, using a comma instead of a dot. +// If comma is not replaced with a dot, the input will be rounded down +// (i.e. acting as a floor function) causing unexpected behaviors +function toMs(s) { + return Number(s.slice(0, -1).replace(',', '.')) * 1000; +} +// synchronously force layout to put elements into a certain state +function forceReflow() { + return document.body.offsetHeight; +} + +const positionMap = new WeakMap(); +const newPositionMap = new WeakMap(); +const TransitionGroupImpl = { + name: 'TransitionGroup', + props: /*#__PURE__*/ extend({}, TransitionPropsValidators, { + tag: String, + moveClass: String + }), + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevChildren; + let children; + onUpdated(() => { + // children is guaranteed to exist after initial render + if (!prevChildren.length) { + return; + } + const moveClass = props.moveClass || `${props.name || 'v'}-move`; + if (!hasCSSTransform(prevChildren[0].el, instance.vnode.el, moveClass)) { + return; + } + // we divide the work into three loops to avoid mixing DOM reads and writes + // in each iteration - which helps prevent layout thrashing. + prevChildren.forEach(callPendingCbs); + prevChildren.forEach(recordPosition); + const movedChildren = prevChildren.filter(applyTranslation); + // force reflow to put everything in position + forceReflow(); + movedChildren.forEach(c => { + const el = c.el; + const style = el.style; + addTransitionClass(el, moveClass); + style.transform = style.webkitTransform = style.transitionDuration = ''; + const cb = (el._moveCb = (e) => { + if (e && e.target !== el) { + return; + } + if (!e || /transform$/.test(e.propertyName)) { + el.removeEventListener('transitionend', cb); + el._moveCb = null; + removeTransitionClass(el, moveClass); + } + }); + el.addEventListener('transitionend', cb); + }); + }); + return () => { + const rawProps = toRaw(props); + const cssTransitionProps = resolveTransitionProps(rawProps); + let tag = rawProps.tag || Fragment; + prevChildren = children; + children = slots.default ? getTransitionRawChildren(slots.default()) : []; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (child.key != null) { + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + } + else { + warn$1(`<TransitionGroup> children must be keyed.`); + } + } + if (prevChildren) { + for (let i = 0; i < prevChildren.length; i++) { + const child = prevChildren[i]; + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + positionMap.set(child, child.el.getBoundingClientRect()); + } + } + return createVNode(tag, null, children); + }; + } +}; +const TransitionGroup = TransitionGroupImpl; +function callPendingCbs(c) { + const el = c.el; + if (el._moveCb) { + el._moveCb(); + } + if (el._enterCb) { + el._enterCb(); + } +} +function recordPosition(c) { + newPositionMap.set(c, c.el.getBoundingClientRect()); +} +function applyTranslation(c) { + const oldPos = positionMap.get(c); + const newPos = newPositionMap.get(c); + const dx = oldPos.left - newPos.left; + const dy = oldPos.top - newPos.top; + if (dx || dy) { + const s = c.el.style; + s.transform = s.webkitTransform = `translate(${dx}px,${dy}px)`; + s.transitionDuration = '0s'; + return c; + } +} +function hasCSSTransform(el, root, moveClass) { + // Detect whether an element with the move class applied has + // CSS transitions. Since the element may be inside an entering + // transition at this very moment, we make a clone of it and remove + // all other transition classes applied to ensure only the move class + // is applied. + const clone = el.cloneNode(); + if (el._vtc) { + el._vtc.forEach(cls => { + cls.split(/\s+/).forEach(c => c && clone.classList.remove(c)); + }); + } + moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c)); + clone.style.display = 'none'; + const container = (root.nodeType === 1 ? root : root.parentNode); + container.appendChild(clone); + const { hasTransform } = getTransitionInfo(clone); + container.removeChild(clone); + return hasTransform; +} + +const getModelAssigner = (vnode) => { + const fn = vnode.props['onUpdate:modelValue']; + return isArray(fn) ? value => invokeArrayFns(fn, value) : fn; +}; +function onCompositionStart(e) { + e.target.composing = true; +} +function onCompositionEnd(e) { + const target = e.target; + if (target.composing) { + target.composing = false; + trigger$1(target, 'input'); + } +} +function trigger$1(el, type) { + const e = document.createEvent('HTMLEvents'); + e.initEvent(type, true, true); + el.dispatchEvent(e); +} +// We are exporting the v-model runtime directly as vnode hooks so that it can +// be tree-shaken in case v-model is never used. +const vModelText = { + created(el, { modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + const castToNumber = number || (vnode.props && vnode.props.type === 'number'); + addEventListener(el, lazy ? 'change' : 'input', e => { + if (e.target.composing) + return; + let domValue = el.value; + if (trim) { + domValue = domValue.trim(); + } + else if (castToNumber) { + domValue = toNumber(domValue); + } + el._assign(domValue); + }); + if (trim) { + addEventListener(el, 'change', () => { + el.value = el.value.trim(); + }); + } + if (!lazy) { + addEventListener(el, 'compositionstart', onCompositionStart); + addEventListener(el, 'compositionend', onCompositionEnd); + // Safari < 10.2 & UIWebView doesn't fire compositionend when + // switching focus before confirming composition choice + // this also fixes the issue where some browsers e.g. iOS Chrome + // fires "change" instead of "input" on autocomplete. + addEventListener(el, 'change', onCompositionEnd); + } + }, + // set value on mounted so it's after min/max for type="range" + mounted(el, { value }) { + el.value = value == null ? '' : value; + }, + beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + // avoid clearing unresolved text. #2302 + if (el.composing) + return; + if (document.activeElement === el) { + if (lazy) { + return; + } + if (trim && el.value.trim() === value) { + return; + } + if ((number || el.type === 'number') && toNumber(el.value) === value) { + return; + } + } + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + } +}; +const vModelCheckbox = { + // #4096 array checkboxes need to be deep traversed + deep: true, + created(el, _, vnode) { + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + const modelValue = el._modelValue; + const elementValue = getValue(el); + const checked = el.checked; + const assign = el._assign; + if (isArray(modelValue)) { + const index = looseIndexOf(modelValue, elementValue); + const found = index !== -1; + if (checked && !found) { + assign(modelValue.concat(elementValue)); + } + else if (!checked && found) { + const filtered = [...modelValue]; + filtered.splice(index, 1); + assign(filtered); + } + } + else if (isSet(modelValue)) { + const cloned = new Set(modelValue); + if (checked) { + cloned.add(elementValue); + } + else { + cloned.delete(elementValue); + } + assign(cloned); + } + else { + assign(getCheckboxValue(el, checked)); + } + }); + }, + // set initial checked on mount to wait for true-value/false-value + mounted: setChecked, + beforeUpdate(el, binding, vnode) { + el._assign = getModelAssigner(vnode); + setChecked(el, binding, vnode); + } +}; +function setChecked(el, { value, oldValue }, vnode) { + el._modelValue = value; + if (isArray(value)) { + el.checked = looseIndexOf(value, vnode.props.value) > -1; + } + else if (isSet(value)) { + el.checked = value.has(vnode.props.value); + } + else if (value !== oldValue) { + el.checked = looseEqual(value, getCheckboxValue(el, true)); + } +} +const vModelRadio = { + created(el, { value }, vnode) { + el.checked = looseEqual(value, vnode.props.value); + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + el._assign(getValue(el)); + }); + }, + beforeUpdate(el, { value, oldValue }, vnode) { + el._assign = getModelAssigner(vnode); + if (value !== oldValue) { + el.checked = looseEqual(value, vnode.props.value); + } + } +}; +const vModelSelect = { + // <select multiple> value need to be deep traversed + deep: true, + created(el, { value, modifiers: { number } }, vnode) { + const isSetModel = isSet(value); + addEventListener(el, 'change', () => { + const selectedVal = Array.prototype.filter + .call(el.options, (o) => o.selected) + .map((o) => number ? toNumber(getValue(o)) : getValue(o)); + el._assign(el.multiple + ? isSetModel + ? new Set(selectedVal) + : selectedVal + : selectedVal[0]); + }); + el._assign = getModelAssigner(vnode); + }, + // set value in mounted & updated because <select> relies on its children + // <option>s. + mounted(el, { value }) { + setSelected(el, value); + }, + beforeUpdate(el, _binding, vnode) { + el._assign = getModelAssigner(vnode); + }, + updated(el, { value }) { + setSelected(el, value); + } +}; +function setSelected(el, value) { + const isMultiple = el.multiple; + if (isMultiple && !isArray(value) && !isSet(value)) { + warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` + + `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`); + return; + } + for (let i = 0, l = el.options.length; i < l; i++) { + const option = el.options[i]; + const optionValue = getValue(option); + if (isMultiple) { + if (isArray(value)) { + option.selected = looseIndexOf(value, optionValue) > -1; + } + else { + option.selected = value.has(optionValue); + } + } + else { + if (looseEqual(getValue(option), value)) { + if (el.selectedIndex !== i) + el.selectedIndex = i; + return; + } + } + } + if (!isMultiple && el.selectedIndex !== -1) { + el.selectedIndex = -1; + } +} +// retrieve raw value set via :value bindings +function getValue(el) { + return '_value' in el ? el._value : el.value; +} +// retrieve raw value for true-value and false-value set via :true-value or :false-value bindings +function getCheckboxValue(el, checked) { + const key = checked ? '_trueValue' : '_falseValue'; + return key in el ? el[key] : checked; +} +const vModelDynamic = { + created(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'created'); + }, + mounted(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'mounted'); + }, + beforeUpdate(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'beforeUpdate'); + }, + updated(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'updated'); + } +}; +function callModelHook(el, binding, vnode, prevVNode, hook) { + let modelToUse; + switch (el.tagName) { + case 'SELECT': + modelToUse = vModelSelect; + break; + case 'TEXTAREA': + modelToUse = vModelText; + break; + default: + switch (vnode.props && vnode.props.type) { + case 'checkbox': + modelToUse = vModelCheckbox; + break; + case 'radio': + modelToUse = vModelRadio; + break; + default: + modelToUse = vModelText; + } + } + const fn = modelToUse[hook]; + fn && fn(el, binding, vnode, prevVNode); +} + +const systemModifiers = ['ctrl', 'shift', 'alt', 'meta']; +const modifierGuards = { + stop: e => e.stopPropagation(), + prevent: e => e.preventDefault(), + self: e => e.target !== e.currentTarget, + ctrl: e => !e.ctrlKey, + shift: e => !e.shiftKey, + alt: e => !e.altKey, + meta: e => !e.metaKey, + left: e => 'button' in e && e.button !== 0, + middle: e => 'button' in e && e.button !== 1, + right: e => 'button' in e && e.button !== 2, + exact: (e, modifiers) => systemModifiers.some(m => e[`${m}Key`] && !modifiers.includes(m)) +}; +/** + * @private + */ +const withModifiers = (fn, modifiers) => { + return (event, ...args) => { + for (let i = 0; i < modifiers.length; i++) { + const guard = modifierGuards[modifiers[i]]; + if (guard && guard(event, modifiers)) + return; + } + return fn(event, ...args); + }; +}; +// Kept for 2.x compat. +// Note: IE11 compat for `spacebar` and `del` is removed for now. +const keyNames = { + esc: 'escape', + space: ' ', + up: 'arrow-up', + left: 'arrow-left', + right: 'arrow-right', + down: 'arrow-down', + delete: 'backspace' +}; +/** + * @private + */ +const withKeys = (fn, modifiers) => { + return (event) => { + if (!('key' in event)) { + return; + } + const eventKey = hyphenate(event.key); + if (modifiers.some(k => k === eventKey || keyNames[k] === eventKey)) { + return fn(event); + } + }; +}; + +const vShow = { + beforeMount(el, { value }, { transition }) { + el._vod = el.style.display === 'none' ? '' : el.style.display; + if (transition && value) { + transition.beforeEnter(el); + } + else { + setDisplay(el, value); + } + }, + mounted(el, { value }, { transition }) { + if (transition && value) { + transition.enter(el); + } + }, + updated(el, { value, oldValue }, { transition }) { + if (!value === !oldValue) + return; + if (transition) { + if (value) { + transition.beforeEnter(el); + setDisplay(el, true); + transition.enter(el); + } + else { + transition.leave(el, () => { + setDisplay(el, false); + }); + } + } + else { + setDisplay(el, value); + } + }, + beforeUnmount(el, { value }) { + setDisplay(el, value); + } +}; +function setDisplay(el, value) { + el.style.display = value ? el._vod : 'none'; +} + +const rendererOptions = extend({ patchProp }, nodeOps); +// lazy create the renderer - this makes core renderer logic tree-shakable +// in case the user only imports reactivity utilities from Vue. +let renderer; +let enabledHydration = false; +function ensureRenderer() { + return (renderer || + (renderer = createRenderer(rendererOptions))); +} +function ensureHydrationRenderer() { + renderer = enabledHydration + ? renderer + : createHydrationRenderer(rendererOptions); + enabledHydration = true; + return renderer; +} +// use explicit type casts here to avoid import() calls in rolled-up d.ts +const render = ((...args) => { + ensureRenderer().render(...args); +}); +const hydrate = ((...args) => { + ensureHydrationRenderer().hydrate(...args); +}); +const createApp = ((...args) => { + const app = ensureRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (!container) + return; + const component = app._component; + if (!isFunction(component) && !component.render && !component.template) { + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's + // rendered by the server, the template should not contain any user data. + component.template = container.innerHTML; + } + // clear content before mounting + container.innerHTML = ''; + const proxy = mount(container, false, container instanceof SVGElement); + if (container instanceof Element) { + container.removeAttribute('v-cloak'); + container.setAttribute('data-v-app', ''); + } + return proxy; + }; + return app; +}); +const createSSRApp = ((...args) => { + const app = ensureHydrationRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (container) { + return mount(container, true, container instanceof SVGElement); + } + }; + return app; +}); +function injectNativeTagCheck(app) { + // Inject `isNativeTag` + // this is used for component name validation (dev only) + Object.defineProperty(app.config, 'isNativeTag', { + value: (tag) => isHTMLTag(tag) || isSVGTag(tag), + writable: false + }); +} +// dev only +function injectCompilerOptionsCheck(app) { + if (isRuntimeOnly()) { + const isCustomElement = app.config.isCustomElement; + Object.defineProperty(app.config, 'isCustomElement', { + get() { + return isCustomElement; + }, + set() { + warn$1(`The \`isCustomElement\` config option is deprecated. Use ` + + `\`compilerOptions.isCustomElement\` instead.`); + } + }); + const compilerOptions = app.config.compilerOptions; + const msg = `The \`compilerOptions\` config option is only respected when using ` + + `a build of Vue.js that includes the runtime compiler (aka "full build"). ` + + `Since you are using the runtime-only build, \`compilerOptions\` ` + + `must be passed to \`@vue/compiler-dom\` in the build setup instead.\n` + + `- For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.\n` + + `- For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader\n` + + `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`; + Object.defineProperty(app.config, 'compilerOptions', { + get() { + warn$1(msg); + return compilerOptions; + }, + set() { + warn$1(msg); + } + }); + } +} +function normalizeContainer(container) { + if (isString(container)) { + const res = document.querySelector(container); + if (!res) { + warn$1(`Failed to mount app: mount target selector "${container}" returned null.`); + } + return res; + } + if (window.ShadowRoot && + container instanceof window.ShadowRoot && + container.mode === 'closed') { + warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`); + } + return container; +} + +function initDev() { + { + { + console.info(`You are running a development build of Vue.\n` + + `Make sure to use the production build (*.prod.js) when deploying for production.`); + } + initCustomFormatter(); + } +} + +// This entry exports the runtime only, and is built as +{ + initDev(); +} +const compile$1 = () => { + { + warn$1(`Runtime compilation is not supported in this build of Vue.` + + (` Use "vue.esm-browser.js" instead.` + ) /* should not happen */); + } +}; + +export { BaseTransition, Comment$1 as Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compile$1 as compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId }; diff --git a/node_modules/vue/dist/vue.runtime.esm-browser.prod.js b/node_modules/vue/dist/vue.runtime.esm-browser.prod.js new file mode 100644 index 0000000000..b8649478b5 --- /dev/null +++ b/node_modules/vue/dist/vue.runtime.esm-browser.prod.js @@ -0,0 +1 @@ +function e(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r<o.length;r++)n[o[r]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const t=e("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),n=e("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function o(e){return!!e||""===e}function r(e){if(k(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],s=O(o)?i(o):r(o);if(s)for(const e in s)t[e]=s[e]}return t}return O(e)||M(e)?e:void 0}const s=/;(?![^(]*\))/g,l=/:(.+)/;function i(e){const t={};return e.split(s).forEach((e=>{if(e){const n=e.split(l);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function c(e){let t="";if(O(e))t=e;else if(k(e))for(let n=0;n<e.length;n++){const o=c(e[n]);o&&(t+=o+" ")}else if(M(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}function a(e){if(!e)return null;let{class:t,style:n}=e;return t&&!O(t)&&(e.class=c(t)),n&&(e.style=r(n)),e}function u(e,t){if(e===t)return!0;let n=F(e),o=F(t);if(n||o)return!(!n||!o)&&e.getTime()===t.getTime();if(n=k(e),o=k(t),n||o)return!(!n||!o)&&function(e,t){if(e.length!==t.length)return!1;let n=!0;for(let o=0;n&&o<e.length;o++)n=u(e[o],t[o]);return n}(e,t);if(n=M(e),o=M(t),n||o){if(!n||!o)return!1;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e){const o=e.hasOwnProperty(n),r=t.hasOwnProperty(n);if(o&&!r||!o&&r||!u(e[n],t[n]))return!1}}return String(e)===String(t)}function f(e,t){return e.findIndex((e=>u(e,t)))}const p=e=>null==e?"":k(e)||M(e)&&(e.toString===I||!T(e.toString))?JSON.stringify(e,d,2):String(e),d=(e,t)=>t&&t.__v_isRef?d(e,t.value):E(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:A(t)?{[`Set(${t.size})`]:[...t.values()]}:!M(t)||k(t)||N(t)?t:String(t),h={},v=[],m=()=>{},g=()=>!1,y=/^on[^a-z]/,_=e=>y.test(e),b=e=>e.startsWith("onUpdate:"),C=Object.assign,x=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},w=Object.prototype.hasOwnProperty,S=(e,t)=>w.call(e,t),k=Array.isArray,E=e=>"[object Map]"===$(e),A=e=>"[object Set]"===$(e),F=e=>e instanceof Date,T=e=>"function"==typeof e,O=e=>"string"==typeof e,R=e=>"symbol"==typeof e,M=e=>null!==e&&"object"==typeof e,B=e=>M(e)&&T(e.then)&&T(e.catch),I=Object.prototype.toString,$=e=>I.call(e),N=e=>"[object Object]"===$(e),L=e=>O(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,P=e(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),V=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},j=/-(\w)/g,U=V((e=>e.replace(j,((e,t)=>t?t.toUpperCase():"")))),D=/\B([A-Z])/g,H=V((e=>e.replace(D,"-$1").toLowerCase())),W=V((e=>e.charAt(0).toUpperCase()+e.slice(1))),z=V((e=>e?`on${W(e)}`:"")),K=(e,t)=>!Object.is(e,t),G=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},q=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},J=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let X;const Z=[];class Q{constructor(e=!1){this.active=!0,this.effects=[],this.cleanups=[],!e&&X&&(this.parent=X,this.index=(X.scopes||(X.scopes=[])).push(this)-1)}run(e){if(this.active)try{return this.on(),e()}finally{this.off()}}on(){this.active&&(Z.push(this),X=this)}off(){this.active&&(Z.pop(),X=Z[Z.length-1])}stop(e){if(this.active){if(this.effects.forEach((e=>e.stop())),this.cleanups.forEach((e=>e())),this.scopes&&this.scopes.forEach((e=>e.stop(!0))),this.parent&&!e){const e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.active=!1}}}function Y(e){return new Q(e)}function ee(e,t){(t=t||X)&&t.active&&t.effects.push(e)}function te(){return X}function ne(e){X&&X.cleanups.push(e)}const oe=e=>{const t=new Set(e);return t.w=0,t.n=0,t},re=e=>(e.w&ce)>0,se=e=>(e.n&ce)>0,le=new WeakMap;let ie=0,ce=1;const ae=[];let ue;const fe=Symbol(""),pe=Symbol("");class de{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],ee(this,n)}run(){if(!this.active)return this.fn();if(!ae.includes(this))try{return ae.push(ue=this),ye.push(ge),ge=!0,ce=1<<++ie,ie<=30?(({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=ce})(this):he(this),this.fn()}finally{ie<=30&&(e=>{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o<t.length;o++){const r=t[o];re(r)&&!se(r)?r.delete(e):t[n++]=r,r.w&=~ce,r.n&=~ce}t.length=n}})(this),ce=1<<--ie,be(),ae.pop();const e=ae.length;ue=e>0?ae[e-1]:void 0}}stop(){this.active&&(he(this),this.onStop&&this.onStop(),this.active=!1)}}function he(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}function ve(e,t){e.effect&&(e=e.effect.fn);const n=new de(e);t&&(C(n,t),t.scope&&ee(n,t.scope)),t&&t.lazy||n.run();const o=n.run.bind(n);return o.effect=n,o}function me(e){e.effect.stop()}let ge=!0;const ye=[];function _e(){ye.push(ge),ge=!1}function be(){const e=ye.pop();ge=void 0===e||e}function Ce(e,t,n){if(!xe())return;let o=le.get(e);o||le.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=oe()),we(r)}function xe(){return ge&&void 0!==ue}function we(e,t){let n=!1;ie<=30?se(e)||(e.n|=ce,n=!re(e)):n=!e.has(ue),n&&(e.add(ue),ue.deps.push(e))}function Se(e,t,n,o,r,s){const l=le.get(e);if(!l)return;let i=[];if("clear"===t)i=[...l.values()];else if("length"===n&&k(e))l.forEach(((e,t)=>{("length"===t||t>=o)&&i.push(e)}));else switch(void 0!==n&&i.push(l.get(n)),t){case"add":k(e)?L(n)&&i.push(l.get("length")):(i.push(l.get(fe)),E(e)&&i.push(l.get(pe)));break;case"delete":k(e)||(i.push(l.get(fe)),E(e)&&i.push(l.get(pe)));break;case"set":E(e)&&i.push(l.get(fe))}if(1===i.length)i[0]&&ke(i[0]);else{const e=[];for(const t of i)t&&e.push(...t);ke(oe(e))}}function ke(e,t){for(const n of k(e)?e:[...e])(n!==ue||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}const Ee=e("__proto__,__v_isRef,__isVue"),Ae=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(R)),Fe=Ie(),Te=Ie(!1,!0),Oe=Ie(!0),Re=Ie(!0,!0),Me=Be();function Be(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=wt(this);for(let t=0,r=this.length;t<r;t++)Ce(n,0,t+"");const o=n[t](...e);return-1===o||!1===o?n[t](...e.map(wt)):o}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){_e();const n=wt(this)[t].apply(this,e);return be(),n}})),e}function Ie(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?t?dt:pt:t?ft:ut).get(n))return n;const s=k(n);if(!e&&s&&S(Me,o))return Reflect.get(Me,o,r);const l=Reflect.get(n,o,r);if(R(o)?Ae.has(o):Ee(o))return l;if(e||Ce(n,0,o),t)return l;if(Ft(l)){return!s||!L(o)?l.value:l}return M(l)?e?gt(l):vt(l):l}}function $e(e=!1){return function(t,n,o,r){let s=t[n];if(!e&&(o=wt(o),s=wt(s),!k(t)&&Ft(s)&&!Ft(o)))return s.value=o,!0;const l=k(t)&&L(n)?Number(n)<t.length:S(t,n),i=Reflect.set(t,n,o,r);return t===wt(r)&&(l?K(o,s)&&Se(t,"set",n,o):Se(t,"add",n,o)),i}}const Ne={get:Fe,set:$e(),deleteProperty:function(e,t){const n=S(e,t),o=Reflect.deleteProperty(e,t);return o&&n&&Se(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return R(t)&&Ae.has(t)||Ce(e,0,t),n},ownKeys:function(e){return Ce(e,0,k(e)?"length":fe),Reflect.ownKeys(e)}},Le={get:Oe,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Pe=C({},Ne,{get:Te,set:$e(!0)}),Ve=C({},Le,{get:Re}),je=e=>M(e)?vt(e):e,Ue=e=>M(e)?gt(e):e,De=e=>e,He=e=>Reflect.getPrototypeOf(e);function We(e,t,n=!1,o=!1){const r=wt(e=e.__v_raw),s=wt(t);t!==s&&!n&&Ce(r,0,t),!n&&Ce(r,0,s);const{has:l}=He(r),i=o?De:n?Ue:je;return l.call(r,t)?i(e.get(t)):l.call(r,s)?i(e.get(s)):void(e!==r&&e.get(t))}function ze(e,t=!1){const n=this.__v_raw,o=wt(n),r=wt(e);return e!==r&&!t&&Ce(o,0,e),!t&&Ce(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function Ke(e,t=!1){return e=e.__v_raw,!t&&Ce(wt(e),0,fe),Reflect.get(e,"size",e)}function Ge(e){e=wt(e);const t=wt(this);return He(t).has.call(t,e)||(t.add(e),Se(t,"add",e,e)),this}function qe(e,t){t=wt(t);const n=wt(this),{has:o,get:r}=He(n);let s=o.call(n,e);s||(e=wt(e),s=o.call(n,e));const l=r.call(n,e);return n.set(e,t),s?K(t,l)&&Se(n,"set",e,t):Se(n,"add",e,t),this}function Je(e){const t=wt(this),{has:n,get:o}=He(t);let r=n.call(t,e);r||(e=wt(e),r=n.call(t,e)),o&&o.call(t,e);const s=t.delete(e);return r&&Se(t,"delete",e,void 0),s}function Xe(){const e=wt(this),t=0!==e.size,n=e.clear();return t&&Se(e,"clear",void 0,void 0),n}function Ze(e,t){return function(n,o){const r=this,s=r.__v_raw,l=wt(s),i=t?De:e?Ue:je;return!e&&Ce(l,0,fe),s.forEach(((e,t)=>n.call(o,i(e),i(t),r)))}}function Qe(e,t,n){return function(...o){const r=this.__v_raw,s=wt(r),l=E(s),i="entries"===e||e===Symbol.iterator&&l,c="keys"===e&&l,a=r[e](...o),u=n?De:t?Ue:je;return!t&&Ce(s,0,c?pe:fe),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:i?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Ye(e){return function(...t){return"delete"!==e&&this}}function et(){const e={get(e){return We(this,e)},get size(){return Ke(this)},has:ze,add:Ge,set:qe,delete:Je,clear:Xe,forEach:Ze(!1,!1)},t={get(e){return We(this,e,!1,!0)},get size(){return Ke(this)},has:ze,add:Ge,set:qe,delete:Je,clear:Xe,forEach:Ze(!1,!0)},n={get(e){return We(this,e,!0)},get size(){return Ke(this,!0)},has(e){return ze.call(this,e,!0)},add:Ye("add"),set:Ye("set"),delete:Ye("delete"),clear:Ye("clear"),forEach:Ze(!0,!1)},o={get(e){return We(this,e,!0,!0)},get size(){return Ke(this,!0)},has(e){return ze.call(this,e,!0)},add:Ye("add"),set:Ye("set"),delete:Ye("delete"),clear:Ye("clear"),forEach:Ze(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((r=>{e[r]=Qe(r,!1,!1),n[r]=Qe(r,!0,!1),t[r]=Qe(r,!1,!0),o[r]=Qe(r,!0,!0)})),[e,n,t,o]}const[tt,nt,ot,rt]=et();function st(e,t){const n=t?e?rt:ot:e?nt:tt;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(S(n,o)&&o in t?n:t,o,r)}const lt={get:st(!1,!1)},it={get:st(!1,!0)},ct={get:st(!0,!1)},at={get:st(!0,!0)},ut=new WeakMap,ft=new WeakMap,pt=new WeakMap,dt=new WeakMap;function ht(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>$(e).slice(8,-1))(e))}function vt(e){return e&&e.__v_isReadonly?e:_t(e,!1,Ne,lt,ut)}function mt(e){return _t(e,!1,Pe,it,ft)}function gt(e){return _t(e,!0,Le,ct,pt)}function yt(e){return _t(e,!0,Ve,at,dt)}function _t(e,t,n,o,r){if(!M(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=r.get(e);if(s)return s;const l=ht(e);if(0===l)return e;const i=new Proxy(e,2===l?o:n);return r.set(e,i),i}function bt(e){return Ct(e)?bt(e.__v_raw):!(!e||!e.__v_isReactive)}function Ct(e){return!(!e||!e.__v_isReadonly)}function xt(e){return bt(e)||Ct(e)}function wt(e){const t=e&&e.__v_raw;return t?wt(t):e}function St(e){return q(e,"__v_skip",!0),e}function kt(e){xe()&&((e=wt(e)).dep||(e.dep=oe()),we(e.dep))}function Et(e,t){(e=wt(e)).dep&&ke(e.dep)}const At=e=>M(e)?vt(e):e;function Ft(e){return Boolean(e&&!0===e.__v_isRef)}function Tt(e){return Mt(e,!1)}function Ot(e){return Mt(e,!0)}class Rt{constructor(e,t){this._shallow=t,this.dep=void 0,this.__v_isRef=!0,this._rawValue=t?e:wt(e),this._value=t?e:At(e)}get value(){return kt(this),this._value}set value(e){e=this._shallow?e:wt(e),K(e,this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:At(e),Et(this))}}function Mt(e,t){return Ft(e)?e:new Rt(e,t)}function Bt(e){Et(e)}function It(e){return Ft(e)?e.value:e}const $t={get:(e,t,n)=>It(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return Ft(r)&&!Ft(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Nt(e){return bt(e)?e:new Proxy(e,$t)}class Lt{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:t,set:n}=e((()=>kt(this)),(()=>Et(this)));this._get=t,this._set=n}get value(){return this._get()}set value(e){this._set(e)}}function Pt(e){return new Lt(e)}function Vt(e){const t=k(e)?new Array(e.length):{};for(const n in e)t[n]=Ut(e,n);return t}class jt{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}function Ut(e,t){const n=e[t];return Ft(n)?n:new jt(e,t)}class Dt{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new de(e,(()=>{this._dirty||(this._dirty=!0,Et(this))})),this.__v_isReadonly=n}get value(){const e=wt(this);return kt(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function Ht(e,t){let n,o;T(e)?(n=e,o=m):(n=e.get,o=e.set);return new Dt(n,o,T(e)||!e.set)}let Wt;function zt(e){Wt=e}function Kt(e,t,...n){const o=e.vnode.props||h;let r=n;const s=t.startsWith("update:"),l=s&&t.slice(7);if(l&&l in o){const e=`${"modelValue"===l?"model":l}Modifiers`,{number:t,trim:s}=o[e]||h;s?r=n.map((e=>e.trim())):t&&(r=n.map(J))}let i,c=o[i=z(t)]||o[i=z(U(t))];!c&&s&&(c=o[i=z(H(t))]),c&&os(c,e,6,r);const a=o[i+"Once"];if(a){if(e.emitted){if(e.emitted[i])return}else e.emitted={};e.emitted[i]=!0,os(a,e,6,r)}}function Gt(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(void 0!==r)return r;const s=e.emits;let l={},i=!1;if(!T(e)){const o=e=>{const n=Gt(e,t,!0);n&&(i=!0,C(l,n))};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}return s||i?(k(s)?s.forEach((e=>l[e]=null)):C(l,s),o.set(e,l),l):(o.set(e,null),null)}function qt(e,t){return!(!e||!_(t))&&(t=t.slice(2).replace(/Once$/,""),S(e,t[0].toLowerCase()+t.slice(1))||S(e,H(t))||S(e,t))}let Jt=null,Xt=null;function Zt(e){const t=Jt;return Jt=e,Xt=e&&e.type.__scopeId||null,t}function Qt(e){Xt=e}function Yt(){Xt=null}const en=e=>tn;function tn(e,t=Jt,n){if(!t)return e;if(e._n)return e;const o=(...n)=>{o._d&&or(-1);const r=Zt(t),s=e(...n);return Zt(r),o._d&&or(1),s};return o._n=!0,o._c=!0,o._d=!0,o}function nn(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:s,propsOptions:[l],slots:i,attrs:c,emit:a,render:u,renderCache:f,data:p,setupState:d,ctx:h,inheritAttrs:v}=e;let m;const g=Zt(e);try{let e;if(4&n.shapeFlag){const t=r||o;m=br(u.call(t,t,f,s,d,p,h)),e=c}else{const n=t;0,m=br(n(s,n.length>1?{attrs:c,slots:i,emit:a}:null)),e=t.props?c:rn(c)}let g=m;if(e&&!1!==v){const t=Object.keys(e),{shapeFlag:n}=g;t.length&&7&n&&(l&&t.some(b)&&(e=sn(e,l)),g=mr(g,e))}0,n.dirs&&(g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),m=g}catch(y){Qo.length=0,rs(y,e,1),m=hr(Xo)}return Zt(g),m}function on(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!ir(o))return;if(o.type!==Xo||"v-if"===o.children){if(t)return;t=o}}return t}const rn=e=>{let t;for(const n in e)("class"===n||"style"===n||_(n))&&((t||(t={}))[n]=e[n]);return t},sn=(e,t)=>{const n={};for(const o in e)b(o)&&o.slice(9)in t||(n[o]=e[o]);return n};function ln(e,t,n){const o=Object.keys(t);if(o.length!==Object.keys(e).length)return!0;for(let r=0;r<o.length;r++){const s=o[r];if(t[s]!==e[s]&&!qt(n,s))return!0}return!1}function cn({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const an={name:"Suspense",__isSuspense:!0,process(e,t,n,o,r,s,l,i,c,a){null==e?function(e,t,n,o,r,s,l,i,c){const{p:a,o:{createElement:u}}=c,f=u("div"),p=e.suspense=fn(e,r,o,t,f,n,s,l,i,c);a(null,p.pendingBranch=e.ssContent,f,null,o,p,s,l),p.deps>0?(un(e,"onPending"),un(e,"onFallback"),a(null,e.ssFallback,t,n,o,null,s,l),hn(p,e.ssFallback)):p.resolve()}(t,n,o,r,s,l,i,c,a):function(e,t,n,o,r,s,l,i,{p:c,um:a,o:{createElement:u}}){const f=t.suspense=e.suspense;f.vnode=t,t.el=e.el;const p=t.ssContent,d=t.ssFallback,{activeBranch:h,pendingBranch:v,isInFallback:m,isHydrating:g}=f;if(v)f.pendingBranch=p,cr(p,v)?(c(v,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0?f.resolve():m&&(c(h,d,n,o,r,null,s,l,i),hn(f,d))):(f.pendingId++,g?(f.isHydrating=!1,f.activeBranch=v):a(v,r,f),f.deps=0,f.effects.length=0,f.hiddenContainer=u("div"),m?(c(null,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0?f.resolve():(c(h,d,n,o,r,null,s,l,i),hn(f,d))):h&&cr(p,h)?(c(h,p,n,o,r,f,s,l,i),f.resolve(!0)):(c(null,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0&&f.resolve()));else if(h&&cr(p,h))c(h,p,n,o,r,f,s,l,i),hn(f,p);else if(un(t,"onPending"),f.pendingBranch=p,f.pendingId++,c(null,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0)f.resolve();else{const{timeout:e,pendingId:t}=f;e>0?setTimeout((()=>{f.pendingId===t&&f.fallback(d)}),e):0===e&&f.fallback(d)}}(e,t,n,o,r,l,i,c,a)},hydrate:function(e,t,n,o,r,s,l,i,c){const a=t.suspense=fn(t,o,n,e.parentNode,document.createElement("div"),null,r,s,l,i,!0),u=c(e,a.pendingBranch=t.ssContent,n,a,s,l);0===a.deps&&a.resolve();return u},create:fn,normalize:function(e){const{shapeFlag:t,children:n}=e,o=32&t;e.ssContent=pn(o?n.default:n),e.ssFallback=o?pn(n.fallback):hr(Comment)}};function un(e,t){const n=e.props&&e.props[t];T(n)&&n()}function fn(e,t,n,o,r,s,l,i,c,a,u=!1){const{p:f,m:p,um:d,n:h,o:{parentNode:v,remove:m}}=a,g=J(e.props&&e.props.timeout),y={vnode:e,parent:t,parentComponent:n,isSVG:l,container:o,hiddenContainer:r,anchor:s,deps:0,pendingId:0,timeout:"number"==typeof g?g:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:u,isUnmounted:!1,effects:[],resolve(e=!1){const{vnode:t,activeBranch:n,pendingBranch:o,pendingId:r,effects:s,parentComponent:l,container:i}=y;if(y.isHydrating)y.isHydrating=!1;else if(!e){const e=n&&o.transition&&"out-in"===o.transition.mode;e&&(n.transition.afterLeave=()=>{r===y.pendingId&&p(o,i,t,0)});let{anchor:t}=y;n&&(t=h(n),d(n,l,y,!0)),e||p(o,i,t,0)}hn(y,o),y.pendingBranch=null,y.isInFallback=!1;let c=y.parent,a=!1;for(;c;){if(c.pendingBranch){c.effects.push(...s),a=!0;break}c=c.parent}a||xs(s),y.effects=[],un(t,"onResolve")},fallback(e){if(!y.pendingBranch)return;const{vnode:t,activeBranch:n,parentComponent:o,container:r,isSVG:s}=y;un(t,"onFallback");const l=h(n),a=()=>{y.isInFallback&&(f(null,e,r,l,o,null,s,i,c),hn(y,e))},u=e.transition&&"out-in"===e.transition.mode;u&&(n.transition.afterLeave=a),y.isInFallback=!0,d(n,o,null,!0),u||a()},move(e,t,n){y.activeBranch&&p(y.activeBranch,e,t,n),y.container=e},next:()=>y.activeBranch&&h(y.activeBranch),registerDep(e,t){const n=!!y.pendingBranch;n&&y.deps++;const o=e.vnode.el;e.asyncDep.catch((t=>{rs(t,e,0)})).then((r=>{if(e.isUnmounted||y.isUnmounted||y.pendingId!==e.suspenseId)return;e.asyncResolved=!0;const{vnode:s}=e;Hr(e,r),o&&(s.el=o);const i=!o&&e.subTree.el;t(e,s,v(o||e.subTree.el),o?null:h(e.subTree),y,l,c),i&&m(i),cn(e,s.el),n&&0==--y.deps&&y.resolve()}))},unmount(e,t){y.isUnmounted=!0,y.activeBranch&&d(y.activeBranch,n,e,t),y.pendingBranch&&d(y.pendingBranch,n,e,t)}};return y}function pn(e){let t;if(T(e)){const n=e._c;n&&(e._d=!1,er()),e=e(),n&&(e._d=!0,t=Yo,tr())}if(k(e)){const t=on(e);e=t}return e=br(e),t&&!e.dynamicChildren&&(e.dynamicChildren=t.filter((t=>t!==e))),e}function dn(e,t){t&&t.pendingBranch?k(e)?t.effects.push(...e):t.effects.push(e):xs(e)}function hn(e,t){e.activeBranch=t;const{vnode:n,parentComponent:o}=e,r=n.el=t.el;o&&o.subTree===n&&(o.vnode.el=r,cn(o,r))}function vn(e,t){if($r){let n=$r.provides;const o=$r.parent&&$r.parent.provides;o===n&&(n=$r.provides=Object.create(o)),n[e]=t}else;}function mn(e,t,n=!1){const o=$r||Jt;if(o){const r=null==o.parent?o.vnode.appContext&&o.vnode.appContext.provides:o.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&T(t)?t.call(o.proxy):t}}function gn(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Dn((()=>{e.isMounted=!0})),zn((()=>{e.isUnmounting=!0})),e}const yn=[Function,Array],_n={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:yn,onEnter:yn,onAfterEnter:yn,onEnterCancelled:yn,onBeforeLeave:yn,onLeave:yn,onAfterLeave:yn,onLeaveCancelled:yn,onBeforeAppear:yn,onAppear:yn,onAfterAppear:yn,onAppearCancelled:yn},setup(e,{slots:t}){const n=Nr(),o=gn();let r;return()=>{const s=t.default&&kn(t.default(),!0);if(!s||!s.length)return;const l=wt(e),{mode:i}=l,c=s[0];if(o.isLeaving)return xn(c);const a=wn(c);if(!a)return xn(c);const u=Cn(a,l,o,n);Sn(a,u);const f=n.subTree,p=f&&wn(f);let d=!1;const{getTransitionKey:h}=a.type;if(h){const e=h();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(p&&p.type!==Xo&&(!cr(a,p)||d)){const e=Cn(p,l,o,n);if(Sn(p,e),"out-in"===i)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},xn(c);"in-out"===i&&a.type!==Xo&&(e.delayLeave=(e,t,n)=>{bn(o,p)[String(p.key)]=p,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return c}}};function bn(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function Cn(e,t,n,o){const{appear:r,mode:s,persisted:l=!1,onBeforeEnter:i,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:f,onLeave:p,onAfterLeave:d,onLeaveCancelled:h,onBeforeAppear:v,onAppear:m,onAfterAppear:g,onAppearCancelled:y}=t,_=String(e.key),b=bn(n,e),C=(e,t)=>{e&&os(e,o,9,t)},x={mode:s,persisted:l,beforeEnter(t){let o=i;if(!n.isMounted){if(!r)return;o=v||i}t._leaveCb&&t._leaveCb(!0);const s=b[_];s&&cr(e,s)&&s.el._leaveCb&&s.el._leaveCb(),C(o,[t])},enter(e){let t=c,o=a,s=u;if(!n.isMounted){if(!r)return;t=m||c,o=g||a,s=y||u}let l=!1;const i=e._enterCb=t=>{l||(l=!0,C(t?s:o,[e]),x.delayedLeave&&x.delayedLeave(),e._enterCb=void 0)};t?(t(e,i),t.length<=1&&i()):i()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();C(f,[t]);let s=!1;const l=t._leaveCb=n=>{s||(s=!0,o(),C(n?h:d,[t]),t._leaveCb=void 0,b[r]===e&&delete b[r])};b[r]=e,p?(p(t,l),p.length<=1&&l()):l()},clone:e=>Cn(e,t,n,o)};return x}function xn(e){if(On(e))return(e=mr(e)).children=null,e}function wn(e){return On(e)?e.children?e.children[0]:void 0:e}function Sn(e,t){6&e.shapeFlag&&e.component?Sn(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function kn(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===qo?(128&s.patchFlag&&o++,n=n.concat(kn(s.children,t))):(t||s.type!==Xo)&&n.push(s)}if(o>1)for(let r=0;r<n.length;r++)n[r].patchFlag=-2;return n}function En(e){return T(e)?{setup:e,name:e.name}:e}const An=e=>!!e.type.__asyncLoader;function Fn(e){T(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:l=!0,onError:i}=e;let c,a=null,u=0;const f=()=>{let e;return a||(e=a=t().catch((e=>{if(e=e instanceof Error?e:new Error(String(e)),i)return new Promise(((t,n)=>{i(e,(()=>t((u++,a=null,f()))),(()=>n(e)),u+1)}));throw e})).then((t=>e!==a&&a?a:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),c=t,t))))};return En({name:"AsyncComponentWrapper",__asyncLoader:f,get __asyncResolved(){return c},setup(){const e=$r;if(c)return()=>Tn(c,e);const t=t=>{a=null,rs(t,e,13,!o)};if(l&&e.suspense)return f().then((t=>()=>Tn(t,e))).catch((e=>(t(e),()=>o?hr(o,{error:e}):null)));const i=Tt(!1),u=Tt(),p=Tt(!!r);return r&&setTimeout((()=>{p.value=!1}),r),null!=s&&setTimeout((()=>{if(!i.value&&!u.value){const e=new Error(`Async component timed out after ${s}ms.`);t(e),u.value=e}}),s),f().then((()=>{i.value=!0,e.parent&&On(e.parent.vnode)&&_s(e.parent.update)})).catch((e=>{t(e),u.value=e})),()=>i.value&&c?Tn(c,e):u.value&&o?hr(o,{error:u.value}):n&&!p.value?hr(n):void 0}})}function Tn(e,{vnode:{ref:t,props:n,children:o}}){const r=hr(e,n,o);return r.ref=t,r}const On=e=>e.type.__isKeepAlive,Rn={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(e,{slots:t}){const n=Nr(),o=n.ctx;if(!o.renderer)return t.default;const r=new Map,s=new Set;let l=null;const i=n.suspense,{renderer:{p:c,m:a,um:u,o:{createElement:f}}}=o,p=f("div");function d(e){Ln(e),u(e,n,i)}function h(e){r.forEach(((t,n)=>{const o=Xr(t.type);!o||e&&e(o)||v(n)}))}function v(e){const t=r.get(e);l&&t.type===l.type?l&&Ln(l):d(t),r.delete(e),s.delete(e)}o.activate=(e,t,n,o,r)=>{const s=e.component;a(e,t,n,0,i),c(s.vnode,e,t,n,s,i,o,e.slotScopeIds,r),Oo((()=>{s.isDeactivated=!1,s.a&&G(s.a);const t=e.props&&e.props.onVnodeMounted;t&&$o(t,s.parent,e)}),i)},o.deactivate=e=>{const t=e.component;a(e,p,null,1,i),Oo((()=>{t.da&&G(t.da);const n=e.props&&e.props.onVnodeUnmounted;n&&$o(n,t.parent,e),t.isDeactivated=!0}),i)},Rs((()=>[e.include,e.exclude]),(([e,t])=>{e&&h((t=>Mn(e,t))),t&&h((e=>!Mn(t,e)))}),{flush:"post",deep:!0});let m=null;const g=()=>{null!=m&&r.set(m,Pn(n.subTree))};return Dn(g),Wn(g),zn((()=>{r.forEach((e=>{const{subTree:t,suspense:o}=n,r=Pn(t);if(e.type!==r.type)d(e);else{Ln(r);const e=r.component.da;e&&Oo(e,o)}}))})),()=>{if(m=null,!t.default)return null;const n=t.default(),o=n[0];if(n.length>1)return l=null,n;if(!(ir(o)&&(4&o.shapeFlag||128&o.shapeFlag)))return l=null,o;let i=Pn(o);const c=i.type,a=Xr(An(i)?i.type.__asyncResolved||{}:c),{include:u,exclude:f,max:p}=e;if(u&&(!a||!Mn(u,a))||f&&a&&Mn(f,a))return l=i,o;const d=null==i.key?c:i.key,h=r.get(d);return i.el&&(i=mr(i),128&o.shapeFlag&&(o.ssContent=i)),m=d,h?(i.el=h.el,i.component=h.component,i.transition&&Sn(i,i.transition),i.shapeFlag|=512,s.delete(d),s.add(d)):(s.add(d),p&&s.size>parseInt(p,10)&&v(s.values().next().value)),i.shapeFlag|=256,l=i,o}}};function Mn(e,t){return k(e)?e.some((e=>Mn(e,t))):O(e)?e.split(",").indexOf(t)>-1:!!e.test&&e.test(t)}function Bn(e,t){$n(e,"a",t)}function In(e,t){$n(e,"da",t)}function $n(e,t,n=$r){const o=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(Vn(t,o,n),n){let e=n.parent;for(;e&&e.parent;)On(e.parent.vnode)&&Nn(o,t,n,e),e=e.parent}}function Nn(e,t,n,o){const r=Vn(t,e,o,!0);Kn((()=>{x(o[t],r)}),n)}function Ln(e){let t=e.shapeFlag;256&t&&(t-=256),512&t&&(t-=512),e.shapeFlag=t}function Pn(e){return 128&e.shapeFlag?e.ssContent:e}function Vn(e,t,n=$r,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;_e(),Lr(n);const r=os(t,n,e,o);return Pr(),be(),r});return o?r.unshift(s):r.push(s),s}}const jn=e=>(t,n=$r)=>(!Dr||"sp"===e)&&Vn(e,t,n),Un=jn("bm"),Dn=jn("m"),Hn=jn("bu"),Wn=jn("u"),zn=jn("bum"),Kn=jn("um"),Gn=jn("sp"),qn=jn("rtg"),Jn=jn("rtc");function Xn(e,t=$r){Vn("ec",e,t)}let Zn=!0;function Qn(e){const t=to(e),n=e.proxy,o=e.ctx;Zn=!1,t.beforeCreate&&Yn(t.beforeCreate,e,"bc");const{data:r,computed:s,methods:l,watch:i,provide:c,inject:a,created:u,beforeMount:f,mounted:p,beforeUpdate:d,updated:h,activated:v,deactivated:g,beforeUnmount:y,unmounted:_,render:b,renderTracked:C,renderTriggered:x,errorCaptured:w,serverPrefetch:S,expose:E,inheritAttrs:A,components:F,directives:O}=t;if(a&&function(e,t,n=m,o=!1){k(e)&&(e=so(e));for(const r in e){const n=e[r];let s;s=M(n)?"default"in n?mn(n.from||r,n.default,!0):mn(n.from||r):mn(n),Ft(s)&&o?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:e=>s.value=e}):t[r]=s}}(a,o,null,e.appContext.config.unwrapInjectedRef),l)for(const m in l){const e=l[m];T(e)&&(o[m]=e.bind(n))}if(r){const t=r.call(n,n);M(t)&&(e.data=vt(t))}if(Zn=!0,s)for(const k in s){const e=s[k],t=Ht({get:T(e)?e.bind(n,n):T(e.get)?e.get.bind(n,n):m,set:!T(e)&&T(e.set)?e.set.bind(n):m});Object.defineProperty(o,k,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}if(i)for(const m in i)eo(i[m],o,n,m);if(c){const e=T(c)?c.call(n):c;Reflect.ownKeys(e).forEach((t=>{vn(t,e[t])}))}function R(e,t){k(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(u&&Yn(u,e,"c"),R(Un,f),R(Dn,p),R(Hn,d),R(Wn,h),R(Bn,v),R(In,g),R(Xn,w),R(Jn,C),R(qn,x),R(zn,y),R(Kn,_),R(Gn,S),k(E))if(E.length){const t=e.exposed||(e.exposed={});E.forEach((e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});b&&e.render===m&&(e.render=b),null!=A&&(e.inheritAttrs=A),F&&(e.components=F),O&&(e.directives=O)}function Yn(e,t,n){os(k(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function eo(e,t,n,o){const r=o.includes(".")?Is(n,o):()=>n[o];if(O(e)){const n=t[e];T(n)&&Rs(r,n)}else if(T(e))Rs(r,e.bind(n));else if(M(e))if(k(e))e.forEach((e=>eo(e,t,n,o)));else{const o=T(e.handler)?e.handler.bind(n):t[e.handler];T(o)&&Rs(r,o,e)}}function to(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:s,config:{optionMergeStrategies:l}}=e.appContext,i=s.get(t);let c;return i?c=i:r.length||n||o?(c={},r.length&&r.forEach((e=>no(c,e,l,!0))),no(c,t,l)):c=t,s.set(t,c),c}function no(e,t,n,o=!1){const{mixins:r,extends:s}=t;s&&no(e,s,n,!0),r&&r.forEach((t=>no(e,t,n,!0)));for(const l in t)if(o&&"expose"===l);else{const o=oo[l]||n&&n[l];e[l]=o?o(e[l],t[l]):t[l]}return e}const oo={data:ro,props:io,emits:io,methods:io,computed:io,beforeCreate:lo,created:lo,beforeMount:lo,mounted:lo,beforeUpdate:lo,updated:lo,beforeDestroy:lo,destroyed:lo,activated:lo,deactivated:lo,errorCaptured:lo,serverPrefetch:lo,components:io,directives:io,watch:function(e,t){if(!e)return t;if(!t)return e;const n=C(Object.create(null),e);for(const o in t)n[o]=lo(e[o],t[o]);return n},provide:ro,inject:function(e,t){return io(so(e),so(t))}};function ro(e,t){return t?e?function(){return C(T(e)?e.call(this,this):e,T(t)?t.call(this,this):t)}:t:e}function so(e){if(k(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function lo(e,t){return e?[...new Set([].concat(e,t))]:t}function io(e,t){return e?C(C(Object.create(null),e),t):t}function co(e,t,n,o){const[r,s]=e.propsOptions;let l,i=!1;if(t)for(let c in t){if(P(c))continue;const a=t[c];let u;r&&S(r,u=U(c))?s&&s.includes(u)?(l||(l={}))[u]=a:n[u]=a:qt(e.emitsOptions,c)||a!==o[c]&&(o[c]=a,i=!0)}if(s){const t=wt(n),o=l||h;for(let l=0;l<s.length;l++){const i=s[l];n[i]=ao(r,t,i,o[i],e,!S(o,i))}}return i}function ao(e,t,n,o,r,s){const l=e[n];if(null!=l){const e=S(l,"default");if(e&&void 0===o){const e=l.default;if(l.type!==Function&&T(e)){const{propsDefaults:s}=r;n in s?o=s[n]:(Lr(r),o=s[n]=e.call(null,t),Pr())}else o=e}l[0]&&(s&&!e?o=!1:!l[1]||""!==o&&o!==H(n)||(o=!0))}return o}function uo(e,t,n=!1){const o=t.propsCache,r=o.get(e);if(r)return r;const s=e.props,l={},i=[];let c=!1;if(!T(e)){const o=e=>{c=!0;const[n,o]=uo(e,t,!0);C(l,n),o&&i.push(...o)};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}if(!s&&!c)return o.set(e,v),v;if(k(s))for(let u=0;u<s.length;u++){const e=U(s[u]);fo(e)&&(l[e]=h)}else if(s)for(const u in s){const e=U(u);if(fo(e)){const t=s[u],n=l[e]=k(t)||T(t)?{type:t}:t;if(n){const t=vo(Boolean,n.type),o=vo(String,n.type);n[0]=t>-1,n[1]=o<0||t<o,(t>-1||S(n,"default"))&&i.push(e)}}}const a=[l,i];return o.set(e,a),a}function fo(e){return"$"!==e[0]}function po(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:null===e?"null":""}function ho(e,t){return po(e)===po(t)}function vo(e,t){return k(t)?t.findIndex((t=>ho(t,e))):T(t)&&ho(t,e)?0:-1}const mo=e=>"_"===e[0]||"$stable"===e,go=e=>k(e)?e.map(br):[br(e)],yo=(e,t,n)=>{const o=tn(((...e)=>go(t(...e))),n);return o._c=!1,o},_o=(e,t,n)=>{const o=e._ctx;for(const r in e){if(mo(r))continue;const n=e[r];if(T(n))t[r]=yo(0,n,o);else if(null!=n){const e=go(n);t[r]=()=>e}}},bo=(e,t)=>{const n=go(t);e.slots.default=()=>n};function Co(e,t){if(null===Jt)return e;const n=Jt.proxy,o=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[e,s,l,i=h]=t[r];T(e)&&(e={mounted:e,updated:e}),e.deep&&$s(s),o.push({dir:e,instance:n,value:s,oldValue:void 0,arg:l,modifiers:i})}return e}function xo(e,t,n,o){const r=e.dirs,s=t&&t.dirs;for(let l=0;l<r.length;l++){const i=r[l];s&&(i.oldValue=s[l].value);let c=i.dir[o];c&&(_e(),os(c,n,8,[e.el,i,e,t]),be())}}function wo(){return{app:null,config:{isNativeTag:g,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let So=0;function ko(e,t){return function(n,o=null){null==o||M(o)||(o=null);const r=wo(),s=new Set;let l=!1;const i=r.app={_uid:So++,_component:n,_props:o,_container:null,_context:r,_instance:null,version:Zs,get config(){return r.config},set config(e){},use:(e,...t)=>(s.has(e)||(e&&T(e.install)?(s.add(e),e.install(i,...t)):T(e)&&(s.add(e),e(i,...t))),i),mixin:e=>(r.mixins.includes(e)||r.mixins.push(e),i),component:(e,t)=>t?(r.components[e]=t,i):r.components[e],directive:(e,t)=>t?(r.directives[e]=t,i):r.directives[e],mount(s,c,a){if(!l){const u=hr(n,o);return u.appContext=r,c&&t?t(u,s):e(u,s,a),l=!0,i._container=s,s.__vue_app__=i,u.component.proxy}},unmount(){l&&(e(null,i._container),delete i._container.__vue_app__)},provide:(e,t)=>(r.provides[e]=t,i)};return i}}let Eo=!1;const Ao=e=>/svg/.test(e.namespaceURI)&&"foreignObject"!==e.tagName,Fo=e=>8===e.nodeType;function To(e){const{mt:t,p:n,o:{patchProp:o,nextSibling:r,parentNode:s,remove:l,insert:i,createComment:c}}=e,a=(n,o,l,i,c,v=!1)=>{const m=Fo(n)&&"["===n.data,g=()=>d(n,o,l,i,c,m),{type:y,ref:_,shapeFlag:b}=o,C=n.nodeType;o.el=n;let x=null;switch(y){case Jo:3!==C?x=g():(n.data!==o.children&&(Eo=!0,n.data=o.children),x=r(n));break;case Xo:x=8!==C||m?g():r(n);break;case Zo:if(1===C){x=n;const e=!o.children.length;for(let t=0;t<o.staticCount;t++)e&&(o.children+=x.outerHTML),t===o.staticCount-1&&(o.anchor=x),x=r(x);return x}x=g();break;case qo:x=m?p(n,o,l,i,c,v):g();break;default:if(1&b)x=1!==C||o.type.toLowerCase()!==n.tagName.toLowerCase()?g():u(n,o,l,i,c,v);else if(6&b){o.slotScopeIds=c;const e=s(n);if(t(o,e,null,l,i,Ao(e),v),x=m?h(n):r(n),An(o)){let t;m?(t=hr(qo),t.anchor=x?x.previousSibling:e.lastChild):t=3===n.nodeType?gr(""):hr("div"),t.el=n,o.component.subTree=t}}else 64&b?x=8!==C?g():o.type.hydrate(n,o,l,i,c,v,e,f):128&b&&(x=o.type.hydrate(n,o,l,i,Ao(s(n)),c,v,e,a))}return null!=_&&Io(_,null,i,o),x},u=(e,t,n,r,s,i)=>{i=i||!!t.dynamicChildren;const{type:c,props:a,patchFlag:u,shapeFlag:p,dirs:d}=t,h="input"===c&&d||"option"===c;if(h||-1!==u){if(d&&xo(t,null,n,"created"),a)if(h||!i||48&u)for(const t in a)(h&&t.endsWith("value")||_(t)&&!P(t))&&o(e,t,null,a[t]);else a.onClick&&o(e,"onClick",null,a.onClick);let c;if((c=a&&a.onVnodeBeforeMount)&&$o(c,n,t),d&&xo(t,null,n,"beforeMount"),((c=a&&a.onVnodeMounted)||d)&&dn((()=>{c&&$o(c,n,t),d&&xo(t,null,n,"mounted")}),r),16&p&&(!a||!a.innerHTML&&!a.textContent)){let o=f(e.firstChild,t,e,n,r,s,i);for(;o;){Eo=!0;const e=o;o=o.nextSibling,l(e)}}else 8&p&&e.textContent!==t.children&&(Eo=!0,e.textContent=t.children)}return e.nextSibling},f=(e,t,o,r,s,l,i)=>{i=i||!!t.dynamicChildren;const c=t.children,u=c.length;for(let f=0;f<u;f++){const t=i?c[f]:c[f]=br(c[f]);if(e)e=a(e,t,r,s,l,i);else{if(t.type===Jo&&!t.children)continue;Eo=!0,n(null,t,o,null,r,s,Ao(o),l)}}return e},p=(e,t,n,o,l,a)=>{const{slotScopeIds:u}=t;u&&(l=l?l.concat(u):u);const p=s(e),d=f(r(e),t,p,n,o,l,a);return d&&Fo(d)&&"]"===d.data?r(t.anchor=d):(Eo=!0,i(t.anchor=c("]"),p,d),d)},d=(e,t,o,i,c,a)=>{if(Eo=!0,t.el=null,a){const t=h(e);for(;;){const n=r(e);if(!n||n===t)break;l(n)}}const u=r(e),f=s(e);return l(e),n(null,t,f,u,o,i,Ao(f),c),u},h=e=>{let t=0;for(;e;)if((e=r(e))&&Fo(e)&&("["===e.data&&t++,"]"===e.data)){if(0===t)return r(e);t--}return e};return[(e,t)=>{if(!t.hasChildNodes())return n(null,e,t),void Ss();Eo=!1,a(t.firstChild,e,null,null,null),Ss(),Eo&&console.error("Hydration completed but contains mismatches.")},a]}const Oo=dn;function Ro(e){return Bo(e)}function Mo(e){return Bo(e,To)}function Bo(e,t){const{insert:n,remove:o,patchProp:r,createElement:s,createText:l,createComment:i,setText:c,setElementText:a,parentNode:u,nextSibling:f,setScopeId:p=m,cloneNode:d,insertStaticContent:g}=e,y=(e,t,n,o=null,r=null,s=null,l=!1,i=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!cr(e,t)&&(o=Y(e),z(e,r,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:f}=t;switch(a){case Jo:_(e,t,n,o);break;case Xo:b(e,t,n,o);break;case Zo:null==e&&x(t,n,o,l);break;case qo:R(e,t,n,o,r,s,l,i,c);break;default:1&f?w(e,t,n,o,r,s,l,i,c):6&f?M(e,t,n,o,r,s,l,i,c):(64&f||128&f)&&a.process(e,t,n,o,r,s,l,i,c,te)}null!=u&&r&&Io(u,e&&e.ref,s,t||e,!t)},_=(e,t,o,r)=>{if(null==e)n(t.el=l(t.children),o,r);else{const n=t.el=e.el;t.children!==e.children&&c(n,t.children)}},b=(e,t,o,r)=>{null==e?n(t.el=i(t.children||""),o,r):t.el=e.el},x=(e,t,n,o)=>{[e.el,e.anchor]=g(e.children,t,n,o)},w=(e,t,n,o,r,s,l,i,c)=>{l=l||"svg"===t.type,null==e?k(t,n,o,r,s,l,i,c):F(e,t,r,s,l,i,c)},k=(e,t,o,l,i,c,u,f)=>{let p,h;const{type:v,props:m,shapeFlag:g,transition:y,patchFlag:_,dirs:b}=e;if(e.el&&void 0!==d&&-1===_)p=e.el=d(e.el);else{if(p=e.el=s(e.type,c,m&&m.is,m),8&g?a(p,e.children):16&g&&A(e.children,p,null,l,i,c&&"foreignObject"!==v,u,f),b&&xo(e,null,l,"created"),m){for(const t in m)"value"===t||P(t)||r(p,t,null,m[t],c,e.children,l,i,Z);"value"in m&&r(p,"value",null,m.value),(h=m.onVnodeBeforeMount)&&$o(h,l,e)}E(p,e,e.scopeId,u,l)}b&&xo(e,null,l,"beforeMount");const C=(!i||i&&!i.pendingBranch)&&y&&!y.persisted;C&&y.beforeEnter(p),n(p,t,o),((h=m&&m.onVnodeMounted)||C||b)&&Oo((()=>{h&&$o(h,l,e),C&&y.enter(p),b&&xo(e,null,l,"mounted")}),i)},E=(e,t,n,o,r)=>{if(n&&p(e,n),o)for(let s=0;s<o.length;s++)p(e,o[s]);if(r){if(t===r.subTree){const t=r.vnode;E(e,t,t.scopeId,t.slotScopeIds,r.parent)}}},A=(e,t,n,o,r,s,l,i,c=0)=>{for(let a=c;a<e.length;a++){const c=e[a]=i?Cr(e[a]):br(e[a]);y(null,c,t,n,o,r,s,l,i)}},F=(e,t,n,o,s,l,i)=>{const c=t.el=e.el;let{patchFlag:u,dynamicChildren:f,dirs:p}=t;u|=16&e.patchFlag;const d=e.props||h,v=t.props||h;let m;(m=v.onVnodeBeforeUpdate)&&$o(m,n,t,e),p&&xo(t,e,n,"beforeUpdate");const g=s&&"foreignObject"!==t.type;if(f?T(e.dynamicChildren,f,c,n,o,g,l):i||V(e,t,c,null,n,o,g,l,!1),u>0){if(16&u)O(c,t,d,v,n,o,s);else if(2&u&&d.class!==v.class&&r(c,"class",null,v.class,s),4&u&&r(c,"style",d.style,v.style,s),8&u){const l=t.dynamicProps;for(let t=0;t<l.length;t++){const i=l[t],a=d[i],u=v[i];u===a&&"value"!==i||r(c,i,a,u,s,e.children,n,o,Z)}}1&u&&e.children!==t.children&&a(c,t.children)}else i||null!=f||O(c,t,d,v,n,o,s);((m=v.onVnodeUpdated)||p)&&Oo((()=>{m&&$o(m,n,t,e),p&&xo(t,e,n,"updated")}),o)},T=(e,t,n,o,r,s,l)=>{for(let i=0;i<t.length;i++){const c=e[i],a=t[i],f=c.el&&(c.type===qo||!cr(c,a)||70&c.shapeFlag)?u(c.el):n;y(c,a,f,null,o,r,s,l,!0)}},O=(e,t,n,o,s,l,i)=>{if(n!==o){for(const c in o){if(P(c))continue;const a=o[c],u=n[c];a!==u&&"value"!==c&&r(e,c,u,a,i,t.children,s,l,Z)}if(n!==h)for(const c in n)P(c)||c in o||r(e,c,n[c],null,i,t.children,s,l,Z);"value"in o&&r(e,"value",n.value,o.value)}},R=(e,t,o,r,s,i,c,a,u)=>{const f=t.el=e?e.el:l(""),p=t.anchor=e?e.anchor:l("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:v}=t;v&&(a=a?a.concat(v):v),null==e?(n(f,o,r),n(p,o,r),A(t.children,o,p,s,i,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?(T(e.dynamicChildren,h,o,s,i,c,a),(null!=t.key||s&&t===s.subTree)&&No(e,t,!0)):V(e,t,o,p,s,i,c,a,u)},M=(e,t,n,o,r,s,l,i,c)=>{t.slotScopeIds=i,null==e?512&t.shapeFlag?r.ctx.activate(t,n,o,l,c):I(t,n,o,r,s,l,c):$(e,t,c)},I=(e,t,n,o,r,s,l)=>{const i=e.component=function(e,t,n){const o=e.type,r=(t?t.appContext:e.appContext)||Br,s={uid:Ir++,vnode:e,type:o,parent:t,appContext:r,root:null,next:null,subTree:null,update:null,scope:new Q(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:uo(o,r),emitsOptions:Gt(o,r),emit:null,emitted:null,propsDefaults:h,inheritAttrs:o.inheritAttrs,ctx:h,data:h,props:h,attrs:h,slots:h,refs:h,setupState:h,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};s.ctx={_:s},s.root=t?t.root:s,s.emit=Kt.bind(null,s),e.ce&&e.ce(s);return s}(e,o,r);if(On(e)&&(i.ctx.renderer=te),function(e,t=!1){Dr=t;const{props:n,children:o}=e.vnode,r=Vr(e);(function(e,t,n,o=!1){const r={},s={};q(s,ur,1),e.propsDefaults=Object.create(null),co(e,t,r,s);for(const l in e.propsOptions[0])l in r||(r[l]=void 0);e.props=n?o?r:mt(r):e.type.props?r:s,e.attrs=s})(e,n,r,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=wt(t),q(t,"_",n)):_o(t,e.slots={})}else e.slots={},t&&bo(e,t);q(e.slots,ur,1)})(e,o);const s=r?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=St(new Proxy(e.ctx,Rr));const{setup:o}=n;if(o){const n=e.setupContext=o.length>1?Gr(e):null;Lr(e),_e();const r=ns(o,e,0,[e.props,n]);if(be(),Pr(),B(r)){if(r.then(Pr,Pr),t)return r.then((t=>{Hr(e,t)})).catch((t=>{rs(t,e,0)}));e.asyncDep=r}else Hr(e,r)}else Kr(e)}(e,t):void 0;Dr=!1}(i),i.asyncDep){if(r&&r.registerDep(i,N),!e.el){const e=i.subTree=hr(Xo);b(null,e,t,n)}}else N(i,e,t,n,r,s,l)},$=(e,t,n)=>{const o=t.component=e.component;if(function(e,t,n){const{props:o,children:r,component:s}=e,{props:l,children:i,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!r&&!i||i&&i.$stable)||o!==l&&(o?!l||ln(o,l,a):!!l);if(1024&c)return!0;if(16&c)return o?ln(o,l,a):!!l;if(8&c){const e=t.dynamicProps;for(let t=0;t<e.length;t++){const n=e[t];if(l[n]!==o[n]&&!qt(a,n))return!0}}return!1}(e,t,n)){if(o.asyncDep&&!o.asyncResolved)return void L(o,t,n);o.next=t,function(e){const t=is.indexOf(e);t>cs&&is.splice(t,1)}(o.update),o.update()}else t.component=e.component,t.el=e.el,o.vnode=t},N=(e,t,n,o,r,s,l)=>{const i=new de((()=>{if(e.isMounted){let t,{next:n,bu:o,u:c,parent:a,vnode:f}=e,p=n;i.allowRecurse=!1,n?(n.el=f.el,L(e,n,l)):n=f,o&&G(o),(t=n.props&&n.props.onVnodeBeforeUpdate)&&$o(t,a,n,f),i.allowRecurse=!0;const d=nn(e),h=e.subTree;e.subTree=d,y(h,d,u(h.el),Y(h),e,r,s),n.el=d.el,null===p&&cn(e,d.el),c&&Oo(c,r),(t=n.props&&n.props.onVnodeUpdated)&&Oo((()=>$o(t,a,n,f)),r)}else{let l;const{el:c,props:a}=t,{bm:u,m:f,parent:p}=e,d=An(t);if(i.allowRecurse=!1,u&&G(u),!d&&(l=a&&a.onVnodeBeforeMount)&&$o(l,p,t),i.allowRecurse=!0,c&&oe){const n=()=>{e.subTree=nn(e),oe(c,e.subTree,e,r,null)};d?t.type.__asyncLoader().then((()=>!e.isUnmounted&&n())):n()}else{const l=e.subTree=nn(e);y(null,l,n,o,e,r,s),t.el=l.el}if(f&&Oo(f,r),!d&&(l=a&&a.onVnodeMounted)){const e=t;Oo((()=>$o(l,p,e)),r)}256&t.shapeFlag&&e.a&&Oo(e.a,r),e.isMounted=!0,t=n=o=null}}),(()=>_s(e.update)),e.scope),c=e.update=i.run.bind(i);c.id=e.uid,i.allowRecurse=c.allowRecurse=!0,c()},L=(e,t,n)=>{t.component=e;const o=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,o){const{props:r,attrs:s,vnode:{patchFlag:l}}=e,i=wt(r),[c]=e.propsOptions;let a=!1;if(!(o||l>0)||16&l){let o;co(e,t,r,s)&&(a=!0);for(const s in i)t&&(S(t,s)||(o=H(s))!==s&&S(t,o))||(c?!n||void 0===n[s]&&void 0===n[o]||(r[s]=ao(c,i,s,void 0,e,!0)):delete r[s]);if(s!==i)for(const e in s)t&&S(t,e)||(delete s[e],a=!0)}else if(8&l){const n=e.vnode.dynamicProps;for(let o=0;o<n.length;o++){let l=n[o];const u=t[l];if(c)if(S(s,l))u!==s[l]&&(s[l]=u,a=!0);else{const t=U(l);r[t]=ao(c,i,t,u,e,!1)}else u!==s[l]&&(s[l]=u,a=!0)}}a&&Se(e,"set","$attrs")}(e,t.props,o,n),((e,t,n)=>{const{vnode:o,slots:r}=e;let s=!0,l=h;if(32&o.shapeFlag){const e=t._;e?n&&1===e?s=!1:(C(r,t),n||1!==e||delete r._):(s=!t.$stable,_o(t,r)),l=t}else t&&(bo(e,t),l={default:1});if(s)for(const i in r)mo(i)||i in l||delete r[i]})(e,t.children,n),_e(),ws(void 0,e.update),be()},V=(e,t,n,o,r,s,l,i,c=!1)=>{const u=e&&e.children,f=e?e.shapeFlag:0,p=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void D(u,p,n,o,r,s,l,i,c);if(256&d)return void j(u,p,n,o,r,s,l,i,c)}8&h?(16&f&&Z(u,r,s),p!==u&&a(n,p)):16&f?16&h?D(u,p,n,o,r,s,l,i,c):Z(u,r,s,!0):(8&f&&a(n,""),16&h&&A(p,n,o,r,s,l,i,c))},j=(e,t,n,o,r,s,l,i,c)=>{const a=(e=e||v).length,u=(t=t||v).length,f=Math.min(a,u);let p;for(p=0;p<f;p++){const o=t[p]=c?Cr(t[p]):br(t[p]);y(e[p],o,n,null,r,s,l,i,c)}a>u?Z(e,r,s,!0,!1,f):A(t,n,o,r,s,l,i,c,f)},D=(e,t,n,o,r,s,l,i,c)=>{let a=0;const u=t.length;let f=e.length-1,p=u-1;for(;a<=f&&a<=p;){const o=e[a],u=t[a]=c?Cr(t[a]):br(t[a]);if(!cr(o,u))break;y(o,u,n,null,r,s,l,i,c),a++}for(;a<=f&&a<=p;){const o=e[f],a=t[p]=c?Cr(t[p]):br(t[p]);if(!cr(o,a))break;y(o,a,n,null,r,s,l,i,c),f--,p--}if(a>f){if(a<=p){const e=p+1,f=e<u?t[e].el:o;for(;a<=p;)y(null,t[a]=c?Cr(t[a]):br(t[a]),n,f,r,s,l,i,c),a++}}else if(a>p)for(;a<=f;)z(e[a],r,s,!0),a++;else{const d=a,h=a,m=new Map;for(a=h;a<=p;a++){const e=t[a]=c?Cr(t[a]):br(t[a]);null!=e.key&&m.set(e.key,a)}let g,_=0;const b=p-h+1;let C=!1,x=0;const w=new Array(b);for(a=0;a<b;a++)w[a]=0;for(a=d;a<=f;a++){const o=e[a];if(_>=b){z(o,r,s,!0);continue}let u;if(null!=o.key)u=m.get(o.key);else for(g=h;g<=p;g++)if(0===w[g-h]&&cr(o,t[g])){u=g;break}void 0===u?z(o,r,s,!0):(w[u-h]=a+1,u>=x?x=u:C=!0,y(o,t[u],n,null,r,s,l,i,c),_++)}const S=C?function(e){const t=e.slice(),n=[0];let o,r,s,l,i;const c=e.length;for(o=0;o<c;o++){const c=e[o];if(0!==c){if(r=n[n.length-1],e[r]<c){t[o]=r,n.push(o);continue}for(s=0,l=n.length-1;s<l;)i=s+l>>1,e[n[i]]<c?s=i+1:l=i;c<e[n[s]]&&(s>0&&(t[o]=n[s-1]),n[s]=o)}}s=n.length,l=n[s-1];for(;s-- >0;)n[s]=l,l=t[l];return n}(w):v;for(g=S.length-1,a=b-1;a>=0;a--){const e=h+a,f=t[e],p=e+1<u?t[e+1].el:o;0===w[a]?y(null,f,n,p,r,s,l,i,c):C&&(g<0||a!==S[g]?W(f,n,p,2):g--)}}},W=(e,t,o,r,s=null)=>{const{el:l,type:i,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void W(e.component.subTree,t,o,r);if(128&u)return void e.suspense.move(t,o,r);if(64&u)return void i.move(e,t,o,te);if(i===qo){n(l,t,o);for(let e=0;e<a.length;e++)W(a[e],t,o,r);return void n(e.anchor,t,o)}if(i===Zo)return void(({el:e,anchor:t},o,r)=>{let s;for(;e&&e!==t;)s=f(e),n(e,o,r),e=s;n(t,o,r)})(e,t,o);if(2!==r&&1&u&&c)if(0===r)c.beforeEnter(l),n(l,t,o),Oo((()=>c.enter(l)),s);else{const{leave:e,delayLeave:r,afterLeave:s}=c,i=()=>n(l,t,o),a=()=>{e(l,(()=>{i(),s&&s()}))};r?r(l,i,a):a()}else n(l,t,o)},z=(e,t,n,o=!1,r=!1)=>{const{type:s,props:l,ref:i,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:f,dirs:p}=e;if(null!=i&&Io(i,null,n,e,!0),256&u)return void t.ctx.deactivate(e);const d=1&u&&p,h=!An(e);let v;if(h&&(v=l&&l.onVnodeBeforeUnmount)&&$o(v,t,e),6&u)X(e.component,n,o);else{if(128&u)return void e.suspense.unmount(n,o);d&&xo(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,r,te,o):a&&(s!==qo||f>0&&64&f)?Z(a,t,n,!1,!0):(s===qo&&384&f||!r&&16&u)&&Z(c,t,n),o&&K(e)}(h&&(v=l&&l.onVnodeUnmounted)||d)&&Oo((()=>{v&&$o(v,t,e),d&&xo(e,null,t,"unmounted")}),n)},K=e=>{const{type:t,el:n,anchor:r,transition:s}=e;if(t===qo)return void J(n,r);if(t===Zo)return void(({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=f(e),o(e),e=n;o(t)})(e);const l=()=>{o(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:o}=s,r=()=>t(n,l);o?o(e.el,l,r):r()}else l()},J=(e,t)=>{let n;for(;e!==t;)n=f(e),o(e),e=n;o(t)},X=(e,t,n)=>{const{bum:o,scope:r,update:s,subTree:l,um:i}=e;o&&G(o),r.stop(),s&&(s.active=!1,z(l,e,t,n)),i&&Oo(i,t),Oo((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},Z=(e,t,n,o=!1,r=!1,s=0)=>{for(let l=s;l<e.length;l++)z(e[l],t,n,o,r)},Y=e=>6&e.shapeFlag?Y(e.component.subTree):128&e.shapeFlag?e.suspense.next():f(e.anchor||e.el),ee=(e,t,n)=>{null==e?t._vnode&&z(t._vnode,null,null,!0):y(t._vnode||null,e,t,null,null,null,n),Ss(),t._vnode=e},te={p:y,um:z,m:W,r:K,mt:I,mc:A,pc:V,pbc:T,n:Y,o:e};let ne,oe;return t&&([ne,oe]=t(te)),{render:ee,hydrate:ne,createApp:ko(ee,ne)}}function Io(e,t,n,o,r=!1){if(k(e))return void e.forEach(((e,s)=>Io(e,t&&(k(t)?t[s]:t),n,o,r)));if(An(o)&&!r)return;const s=4&o.shapeFlag?qr(o.component)||o.component.proxy:o.el,l=r?null:s,{i:i,r:c}=e,a=t&&t.r,u=i.refs===h?i.refs={}:i.refs,f=i.setupState;if(null!=a&&a!==c&&(O(a)?(u[a]=null,S(f,a)&&(f[a]=null)):Ft(a)&&(a.value=null)),O(c)){const e=()=>{u[c]=l,S(f,c)&&(f[c]=l)};l?(e.id=-1,Oo(e,n)):e()}else if(Ft(c)){const e=()=>{c.value=l};l?(e.id=-1,Oo(e,n)):e()}else T(c)&&ns(c,i,12,[l,u])}function $o(e,t,n,o=null){os(e,t,7,[n,o])}function No(e,t,n=!1){const o=e.children,r=t.children;if(k(o)&&k(r))for(let s=0;s<o.length;s++){const e=o[s];let t=r[s];1&t.shapeFlag&&!t.dynamicChildren&&((t.patchFlag<=0||32===t.patchFlag)&&(t=r[s]=Cr(r[s]),t.el=e.el),n||No(e,t))}}const Lo=e=>e&&(e.disabled||""===e.disabled),Po=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,Vo=(e,t)=>{const n=e&&e.to;if(O(n)){if(t){return t(n)}return null}return n};function jo(e,t,n,{o:{insert:o},m:r},s=2){0===s&&o(e.targetAnchor,t,n);const{el:l,anchor:i,shapeFlag:c,children:a,props:u}=e,f=2===s;if(f&&o(l,t,n),(!f||Lo(u))&&16&c)for(let p=0;p<a.length;p++)r(a[p],t,n,2);f&&o(i,t,n)}const Uo={__isTeleport:!0,process(e,t,n,o,r,s,l,i,c,a){const{mc:u,pc:f,pbc:p,o:{insert:d,querySelector:h,createText:v}}=a,m=Lo(t.props);let{shapeFlag:g,children:y,dynamicChildren:_}=t;if(null==e){const e=t.el=v(""),a=t.anchor=v("");d(e,n,o),d(a,n,o);const f=t.target=Vo(t.props,h),p=t.targetAnchor=v("");f&&(d(p,f),l=l||Po(f));const _=(e,t)=>{16&g&&u(y,e,t,r,s,l,i,c)};m?_(n,a):f&&_(f,p)}else{t.el=e.el;const o=t.anchor=e.anchor,u=t.target=e.target,d=t.targetAnchor=e.targetAnchor,v=Lo(e.props),g=v?n:u,y=v?o:d;if(l=l||Po(u),_?(p(e.dynamicChildren,_,g,r,s,l,i),No(e,t,!0)):c||f(e,t,g,y,r,s,l,i,!1),m)v||jo(t,n,o,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const e=t.target=Vo(t.props,h);e&&jo(t,e,null,a,0)}else v&&jo(t,u,d,a,1)}},remove(e,t,n,o,{um:r,o:{remove:s}},l){const{shapeFlag:i,children:c,anchor:a,targetAnchor:u,target:f,props:p}=e;if(f&&s(u),(l||!Lo(p))&&(s(a),16&i))for(let d=0;d<c.length;d++){const e=c[d];r(e,t,n,!0,!!e.dynamicChildren)}},move:jo,hydrate:function(e,t,n,o,r,s,{o:{nextSibling:l,parentNode:i,querySelector:c}},a){const u=t.target=Vo(t.props,c);if(u){const c=u._lpa||u.firstChild;16&t.shapeFlag&&(Lo(t.props)?(t.anchor=a(l(e),t,i(e),n,o,r,s),t.targetAnchor=c):(t.anchor=l(e),t.targetAnchor=a(c,t,u,n,o,r,s)),u._lpa=t.targetAnchor&&l(t.targetAnchor))}return t.anchor&&l(t.anchor)}};function Do(e,t){return Ko("components",e,!0,t)||e}const Ho=Symbol();function Wo(e){return O(e)?Ko("components",e,!1)||e:e||Ho}function zo(e){return Ko("directives",e)}function Ko(e,t,n=!0,o=!1){const r=Jt||$r;if(r){const n=r.type;if("components"===e){const e=Xr(n);if(e&&(e===t||e===U(t)||e===W(U(t))))return n}const s=Go(r[e]||n[e],t)||Go(r.appContext[e],t);return!s&&o?n:s}}function Go(e,t){return e&&(e[t]||e[U(t)]||e[W(U(t))])}const qo=Symbol(void 0),Jo=Symbol(void 0),Xo=Symbol(void 0),Zo=Symbol(void 0),Qo=[];let Yo=null;function er(e=!1){Qo.push(Yo=e?null:[])}function tr(){Qo.pop(),Yo=Qo[Qo.length-1]||null}let nr=1;function or(e){nr+=e}function rr(e){return e.dynamicChildren=nr>0?Yo||v:null,tr(),nr>0&&Yo&&Yo.push(e),e}function sr(e,t,n,o,r,s){return rr(dr(e,t,n,o,r,s,!0))}function lr(e,t,n,o,r){return rr(hr(e,t,n,o,r,!0))}function ir(e){return!!e&&!0===e.__v_isVNode}function cr(e,t){return e.type===t.type&&e.key===t.key}function ar(e){}const ur="__vInternal",fr=({key:e})=>null!=e?e:null,pr=({ref:e})=>null!=e?O(e)||Ft(e)||T(e)?{i:Jt,r:e}:e:null;function dr(e,t=null,n=null,o=0,r=null,s=(e===qo?0:1),l=!1,i=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&fr(t),ref:t&&pr(t),scopeId:Xt,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};return i?(xr(c,n),128&s&&e.normalize(c)):n&&(c.shapeFlag|=O(n)?8:16),nr>0&&!l&&Yo&&(c.patchFlag>0||6&s)&&32!==c.patchFlag&&Yo.push(c),c}const hr=function(e,t=null,n=null,o=0,s=null,l=!1){e&&e!==Ho||(e=Xo);if(ir(e)){const o=mr(e,t,!0);return n&&xr(o,n),o}i=e,T(i)&&"__vccOpts"in i&&(e=e.__vccOpts);var i;if(t){t=vr(t);let{class:e,style:n}=t;e&&!O(e)&&(t.class=c(e)),M(n)&&(xt(n)&&!k(n)&&(n=C({},n)),t.style=r(n))}const a=O(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:M(e)?4:T(e)?2:0;return dr(e,t,n,o,s,a,l,!0)};function vr(e){return e?xt(e)||ur in e?C({},e):e:null}function mr(e,t,n=!1){const{props:o,ref:r,patchFlag:s,children:l}=e,i=t?wr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:i,key:i&&fr(i),ref:t&&t.ref?n&&r?k(r)?r.concat(pr(t)):[r,pr(t)]:pr(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==qo?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&mr(e.ssContent),ssFallback:e.ssFallback&&mr(e.ssFallback),el:e.el,anchor:e.anchor}}function gr(e=" ",t=0){return hr(Jo,null,e,t)}function yr(e,t){const n=hr(Zo,null,e);return n.staticCount=t,n}function _r(e="",t=!1){return t?(er(),lr(Xo,null,e)):hr(Xo,null,e)}function br(e){return null==e||"boolean"==typeof e?hr(Xo):k(e)?hr(qo,null,e.slice()):"object"==typeof e?Cr(e):hr(Jo,null,String(e))}function Cr(e){return null===e.el||e.memo?e:mr(e)}function xr(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(k(t))n=16;else if("object"==typeof t){if(65&o){const n=t.default;return void(n&&(n._c&&(n._d=!1),xr(e,n()),n._c&&(n._d=!0)))}{n=32;const o=t._;o||ur in t?3===o&&Jt&&(1===Jt.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=Jt}}else T(t)?(t={default:t,_ctx:Jt},n=32):(t=String(t),64&o?(n=16,t=[gr(t)]):n=8);e.children=t,e.shapeFlag|=n}function wr(...e){const t={};for(let n=0;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=c([t.class,o.class]));else if("style"===e)t.style=r([t.style,o.style]);else if(_(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,r):r)}else""!==e&&(t[e]=o[e])}return t}function Sr(e,t,n,o){let r;const s=n&&n[o];if(k(e)||O(e)){r=new Array(e.length);for(let n=0,o=e.length;n<o;n++)r[n]=t(e[n],n,void 0,s&&s[n])}else if("number"==typeof e){r=new Array(e);for(let n=0;n<e;n++)r[n]=t(n+1,n,void 0,s&&s[n])}else if(M(e))if(e[Symbol.iterator])r=Array.from(e,((e,n)=>t(e,n,void 0,s&&s[n])));else{const n=Object.keys(e);r=new Array(n.length);for(let o=0,l=n.length;o<l;o++){const l=n[o];r[o]=t(e[l],l,o,s&&s[o])}}else r=[];return n&&(n[o]=r),r}function kr(e,t){for(let n=0;n<t.length;n++){const o=t[n];if(k(o))for(let t=0;t<o.length;t++)e[o[t].name]=o[t].fn;else o&&(e[o.name]=o.fn)}return e}function Er(e,t,n={},o,r){if(Jt.isCE)return hr("slot","default"===t?null:{name:t},o&&o());let s=e[t];s&&s._c&&(s._d=!1),er();const l=s&&Ar(s(n)),i=lr(qo,{key:n.key||`_${t}`},l||(o?o():[]),l&&1===e._?64:-2);return!r&&i.scopeId&&(i.slotScopeIds=[i.scopeId+"-s"]),s&&s._c&&(s._d=!0),i}function Ar(e){return e.some((e=>!ir(e)||e.type!==Xo&&!(e.type===qo&&!Ar(e.children))))?e:null}function Fr(e){const t={};for(const n in e)t[z(n)]=e[n];return t}const Tr=e=>e?Vr(e)?qr(e)||e.proxy:Tr(e.parent):null,Or=C(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Tr(e.parent),$root:e=>Tr(e.root),$emit:e=>e.emit,$options:e=>to(e),$forceUpdate:e=>()=>_s(e.update),$nextTick:e=>ys.bind(e.proxy),$watch:e=>Bs.bind(e)}),Rr={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:l,type:i,appContext:c}=e;let a;if("$"!==t[0]){const i=l[t];if(void 0!==i)switch(i){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==h&&S(o,t))return l[t]=0,o[t];if(r!==h&&S(r,t))return l[t]=1,r[t];if((a=e.propsOptions[0])&&S(a,t))return l[t]=2,s[t];if(n!==h&&S(n,t))return l[t]=3,n[t];Zn&&(l[t]=4)}}const u=Or[t];let f,p;return u?("$attrs"===t&&Ce(e,0,t),u(e)):(f=i.__cssModules)&&(f=f[t])?f:n!==h&&S(n,t)?(l[t]=3,n[t]):(p=c.config.globalProperties,S(p,t)?p[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==h&&S(r,t))r[t]=n;else if(o!==h&&S(o,t))o[t]=n;else if(S(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},l){let i;return void 0!==n[l]||e!==h&&S(e,l)||t!==h&&S(t,l)||(i=s[0])&&S(i,l)||S(o,l)||S(Or,l)||S(r.config.globalProperties,l)}},Mr=C({},Rr,{get(e,t){if(t!==Symbol.unscopables)return Rr.get(e,t,e)},has:(e,n)=>"_"!==n[0]&&!t(n)}),Br=wo();let Ir=0;let $r=null;const Nr=()=>$r||Jt,Lr=e=>{$r=e,e.scope.on()},Pr=()=>{$r&&$r.scope.off(),$r=null};function Vr(e){return 4&e.vnode.shapeFlag}let jr,Ur,Dr=!1;function Hr(e,t,n){T(t)?e.render=t:M(t)&&(e.setupState=Nt(t)),Kr(e)}function Wr(e){jr=e,Ur=e=>{e.render._rc&&(e.withProxy=new Proxy(e.ctx,Mr))}}const zr=()=>!jr;function Kr(e,t,n){const o=e.type;if(!e.render){if(jr&&!o.render){const t=o.template;if(t){const{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:s,compilerOptions:l}=o,i=C(C({isCustomElement:n,delimiters:s},r),l);o.render=jr(t,i)}}e.render=o.render||m,Ur&&Ur(e)}Lr(e),_e(),Qn(e),be(),Pr()}function Gr(e){const t=t=>{e.exposed=t||{}};let n;return{get attrs(){return n||(n=function(e){return new Proxy(e.attrs,{get:(t,n)=>(Ce(e,0,"$attrs"),t[n])})}(e))},slots:e.slots,emit:e.emit,expose:t}}function qr(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Nt(St(e.exposed)),{get:(t,n)=>n in t?t[n]:n in Or?Or[n](e):void 0}))}const Jr=/(?:^|[-_])(\w)/g;function Xr(e){return T(e)&&e.displayName||e.name}function Zr(e,t,n=!1){let o=Xr(t);if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(Jr,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}const Qr=[];function Yr(e,...t){_e();const n=Qr.length?Qr[Qr.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=Qr[Qr.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)ns(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${Zr(n,e.type)}>`)).join("\n"),r]);else{const n=[`[Vue warn]: ${e}`,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach(((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=` at <${Zr(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...es(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}be()}function es(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...ts(n,e[n]))})),n.length>3&&t.push(" ..."),t}function ts(e,t,n){return O(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:Ft(t)?(t=ts(e,wt(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):T(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=wt(t),n?t:[`${e}=`,t])}function ns(e,t,n,o){let r;try{r=o?e(...o):e()}catch(s){rs(s,t,n)}return r}function os(e,t,n,o){if(T(e)){const r=ns(e,t,n,o);return r&&B(r)&&r.catch((e=>{rs(e,t,n)})),r}const r=[];for(let s=0;s<e.length;s++)r.push(os(e[s],t,n,o));return r}function rs(e,t,n,o=!0){if(t){let o=t.parent;const r=t.proxy,s=n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const l=t.appContext.config.errorHandler;if(l)return void ns(l,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let ss=!1,ls=!1;const is=[];let cs=0;const as=[];let us=null,fs=0;const ps=[];let ds=null,hs=0;const vs=Promise.resolve();let ms=null,gs=null;function ys(e){const t=ms||vs;return e?t.then(this?e.bind(this):e):t}function _s(e){is.length&&is.includes(e,ss&&e.allowRecurse?cs+1:cs)||e===gs||(null==e.id?is.push(e):is.splice(function(e){let t=cs+1,n=is.length;for(;t<n;){const o=t+n>>>1;ks(is[o])<e?t=o+1:n=o}return t}(e.id),0,e),bs())}function bs(){ss||ls||(ls=!0,ms=vs.then(Es))}function Cs(e,t,n,o){k(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),bs()}function xs(e){Cs(e,ds,ps,hs)}function ws(e,t=null){if(as.length){for(gs=t,us=[...new Set(as)],as.length=0,fs=0;fs<us.length;fs++)us[fs]();us=null,fs=0,gs=null,ws(e,t)}}function Ss(e){if(ps.length){const e=[...new Set(ps)];if(ps.length=0,ds)return void ds.push(...e);for(ds=e,ds.sort(((e,t)=>ks(e)-ks(t))),hs=0;hs<ds.length;hs++)ds[hs]();ds=null,hs=0}}const ks=e=>null==e.id?1/0:e.id;function Es(e){ls=!1,ss=!0,ws(e),is.sort(((e,t)=>ks(e)-ks(t)));try{for(cs=0;cs<is.length;cs++){const e=is[cs];e&&!1!==e.active&&ns(e,null,14)}}finally{cs=0,is.length=0,Ss(),ss=!1,ms=null,(is.length||as.length||ps.length)&&Es(e)}}function As(e,t){return Ms(e,null,t)}function Fs(e,t){return Ms(e,null,{flush:"post"})}function Ts(e,t){return Ms(e,null,{flush:"sync"})}const Os={};function Rs(e,t,n){return Ms(e,t,n)}function Ms(e,t,{immediate:n,deep:o,flush:r}=h){const s=$r;let l,i,c=!1,a=!1;if(Ft(e)?(l=()=>e.value,c=!!e._shallow):bt(e)?(l=()=>e,o=!0):k(e)?(a=!0,c=e.some(bt),l=()=>e.map((e=>Ft(e)?e.value:bt(e)?$s(e):T(e)?ns(e,s,2):void 0))):l=T(e)?t?()=>ns(e,s,2):()=>{if(!s||!s.isUnmounted)return i&&i(),os(e,s,3,[u])}:m,t&&o){const e=l;l=()=>$s(e())}let u=e=>{i=v.onStop=()=>{ns(e,s,4)}},f=a?[]:Os;const p=()=>{if(v.active)if(t){const e=v.run();(o||c||(a?e.some(((e,t)=>K(e,f[t]))):K(e,f)))&&(i&&i(),os(t,s,3,[e,f===Os?void 0:f,u]),f=e)}else v.run()};let d;p.allowRecurse=!!t,d="sync"===r?p:"post"===r?()=>Oo(p,s&&s.suspense):()=>{!s||s.isMounted?function(e){Cs(e,us,as,fs)}(p):p()};const v=new de(l,d);return t?n?p():f=v.run():"post"===r?Oo(v.run.bind(v),s&&s.suspense):v.run(),()=>{v.stop(),s&&s.scope&&x(s.scope.effects,v)}}function Bs(e,t,n){const o=this.proxy,r=O(e)?e.includes(".")?Is(o,e):()=>o[e]:e.bind(o,o);let s;T(t)?s=t:(s=t.handler,n=t);const l=$r;Lr(this);const i=Ms(r,s.bind(o),n);return l?Lr(l):Pr(),i}function Is(e,t){const n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}function $s(e,t=new Set){if(!M(e)||e.__v_skip)return e;if((t=t||new Set).has(e))return e;if(t.add(e),Ft(e))$s(e.value,t);else if(k(e))for(let n=0;n<e.length;n++)$s(e[n],t);else if(A(e)||E(e))e.forEach((e=>{$s(e,t)}));else if(N(e))for(const n in e)$s(e[n],t);return e}function Ns(){return null}function Ls(){return null}function Ps(e){}function Vs(e,t){return null}function js(){return Ds().slots}function Us(){return Ds().attrs}function Ds(){const e=Nr();return e.setupContext||(e.setupContext=Gr(e))}function Hs(e,t){for(const n in t){const o=e[n];o?o.default=t[n]:null===o&&(e[n]={default:t[n]})}return e}function Ws(e){const t=Nr();let n=e();return Pr(),B(n)&&(n=n.catch((e=>{throw Lr(t),e}))),[n,()=>Lr(t)]}function zs(e,t,n){const o=arguments.length;return 2===o?M(t)&&!k(t)?ir(t)?hr(e,null,[t]):hr(e,t):hr(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&ir(n)&&(n=[n]),hr(e,t,n))}const Ks=Symbol(""),Gs=()=>{{const e=mn(Ks);return e||Yr("Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build."),e}};function qs(){}function Js(e,t,n,o){const r=n[o];if(r&&Xs(r,e))return r;const s=t();return s.memo=e.slice(),n[o]=s}function Xs(e,t){const n=e.memo;if(n.length!=t.length)return!1;for(let o=0;o<n.length;o++)if(n[o]!==t[o])return!1;return nr>0&&Yo&&Yo.push(e),!0}const Zs="3.2.6",Qs=null,Ys=null,el=null,tl="undefined"!=typeof document?document:null,nl=new Map,ol={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?tl.createElementNS("http://www.w3.org/2000/svg",e):tl.createElement(e,n?{is:n}:void 0);return"select"===e&&o&&null!=o.multiple&&r.setAttribute("multiple",o.multiple),r},createText:e=>tl.createTextNode(e),createComment:e=>tl.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>tl.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,o){const r=n?n.previousSibling:t.lastChild;let s=nl.get(e);if(!s){const t=tl.createElement("template");if(t.innerHTML=o?`<svg>${e}</svg>`:e,s=t.content,o){const e=s.firstChild;for(;e.firstChild;)s.appendChild(e.firstChild);s.removeChild(e)}nl.set(e,s)}return t.insertBefore(s.cloneNode(!0),n),[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};const rl=/\s*!important$/;function sl(e,t,n){if(k(n))n.forEach((n=>sl(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=il[t];if(n)return n;let o=U(t);if("filter"!==o&&o in e)return il[t]=o;o=W(o);for(let r=0;r<ll.length;r++){const n=ll[r]+o;if(n in e)return il[t]=n}return t}(e,t);rl.test(n)?e.setProperty(H(o),n.replace(rl,""),"important"):e[o]=n}}const ll=["Webkit","Moz","ms"],il={};const cl="http://www.w3.org/1999/xlink";let al=Date.now,ul=!1;if("undefined"!=typeof window){al()>document.createEvent("Event").timeStamp&&(al=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);ul=!!(e&&Number(e[1])<=53)}let fl=0;const pl=Promise.resolve(),dl=()=>{fl=0};function hl(e,t,n,o){e.addEventListener(t,n,o)}function vl(e,t,n,o,r=null){const s=e._vei||(e._vei={}),l=s[t];if(o&&l)l.value=o;else{const[n,i]=function(e){let t;if(ml.test(e)){let n;for(t={};n=e.match(ml);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[H(e.slice(2)),t]}(t);if(o){hl(e,n,s[t]=function(e,t){const n=e=>{const o=e.timeStamp||al();(ul||o>=n.attached-1)&&os(function(e,t){if(k(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>fl||(pl.then(dl),fl=al()))(),n}(o,r),i)}else l&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,l,i),s[t]=void 0)}}const ml=/(?:Once|Passive|Capture)$/;const gl=/^on[a-z]/;function yl(e,t){const n=En(e);class o extends Cl{constructor(e){super(n,e,t)}}return o.def=n,o}const _l=e=>yl(e,bi),bl="undefined"!=typeof HTMLElement?HTMLElement:class{};class Cl extends bl{constructor(e,t={},n){super(),this._def=e,this._props=t,this._instance=null,this._connected=!1,this._resolved=!1,this.shadowRoot&&n?n(this._createVNode(),this.shadowRoot):this.attachShadow({mode:"open"});for(let o=0;o<this.attributes.length;o++)this._setAttr(this.attributes[o].name);new MutationObserver((e=>{for(const t of e)this._setAttr(t.attributeName)})).observe(this,{attributes:!0})}connectedCallback(){this._connected=!0,this._instance||(this._resolveDef(),_i(this._createVNode(),this.shadowRoot))}disconnectedCallback(){this._connected=!1,ys((()=>{this._connected||(_i(null,this.shadowRoot),this._instance=null)}))}_resolveDef(){if(this._resolved)return;const e=e=>{this._resolved=!0;for(const r of Object.keys(this))"_"!==r[0]&&this._setProp(r,this[r]);const{props:t,styles:n}=e,o=t?k(t)?t:Object.keys(t):[];for(const r of o.map(U))Object.defineProperty(this,r,{get(){return this._getProp(r)},set(e){this._setProp(r,e)}});this._applyStyles(n)},t=this._def.__asyncLoader;t?t().then(e):e(this._def)}_setAttr(e){this._setProp(U(e),J(this.getAttribute(e)),!1)}_getProp(e){return this._props[e]}_setProp(e,t,n=!0){t!==this._props[e]&&(this._props[e]=t,this._instance&&_i(this._createVNode(),this.shadowRoot),n&&(!0===t?this.setAttribute(H(e),""):"string"==typeof t||"number"==typeof t?this.setAttribute(H(e),t+""):t||this.removeAttribute(H(e))))}_createVNode(){const e=hr(this._def,C({},this._props));return this._instance||(e.ce=e=>{this._instance=e,e.isCE=!0,e.emit=(e,...t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t}))};let t=this;for(;t=t&&(t.parentNode||t.host);)if(t instanceof Cl){e.parent=t._instance;break}}),e}_applyStyles(e){e&&e.forEach((e=>{const t=document.createElement("style");t.textContent=e,this.shadowRoot.appendChild(t)}))}}function xl(e="$style"){{const t=Nr();if(!t)return h;const n=t.type.__cssModules;if(!n)return h;const o=n[e];return o||h}}function wl(e){const t=Nr();if(!t)return;const n=()=>Sl(t.subTree,e(t.proxy));Fs(n),Dn((()=>{const e=new MutationObserver(n);e.observe(t.subTree.el.parentNode,{childList:!0}),Kn((()=>e.disconnect()))}))}function Sl(e,t){if(128&e.shapeFlag){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push((()=>{Sl(n.activeBranch,t)}))}for(;e.component;)e=e.component.subTree;if(1&e.shapeFlag&&e.el)kl(e.el,t);else if(e.type===qo)e.children.forEach((e=>Sl(e,t)));else if(e.type===Zo){let{el:n,anchor:o}=e;for(;n&&(kl(n,t),n!==o);)n=n.nextSibling}}function kl(e,t){if(1===e.nodeType){const n=e.style;for(const e in t)n.setProperty(`--${e}`,t[e])}}const El=(e,{slots:t})=>zs(_n,Rl(e),t);El.displayName="Transition";const Al={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Fl=El.props=C({},_n.props,Al),Tl=(e,t=[])=>{k(e)?e.forEach((e=>e(...t))):e&&e(...t)},Ol=e=>!!e&&(k(e)?e.some((e=>e.length>1)):e.length>1);function Rl(e){const t={};for(const C in e)C in Al||(t[C]=e[C]);if(!1===e.css)return t;const{name:n="v",type:o,duration:r,enterFromClass:s=`${n}-enter-from`,enterActiveClass:l=`${n}-enter-active`,enterToClass:i=`${n}-enter-to`,appearFromClass:c=s,appearActiveClass:a=l,appearToClass:u=i,leaveFromClass:f=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:d=`${n}-leave-to`}=e,h=function(e){if(null==e)return null;if(M(e))return[Ml(e.enter),Ml(e.leave)];{const t=Ml(e);return[t,t]}}(r),v=h&&h[0],m=h&&h[1],{onBeforeEnter:g,onEnter:y,onEnterCancelled:_,onLeave:b,onLeaveCancelled:x,onBeforeAppear:w=g,onAppear:S=y,onAppearCancelled:k=_}=t,E=(e,t,n)=>{Il(e,t?u:i),Il(e,t?a:l),n&&n()},A=(e,t)=>{Il(e,d),Il(e,p),t&&t()},F=e=>(t,n)=>{const r=e?S:y,l=()=>E(t,e,n);Tl(r,[t,l]),$l((()=>{Il(t,e?c:s),Bl(t,e?u:i),Ol(r)||Ll(t,o,v,l)}))};return C(t,{onBeforeEnter(e){Tl(g,[e]),Bl(e,s),Bl(e,l)},onBeforeAppear(e){Tl(w,[e]),Bl(e,c),Bl(e,a)},onEnter:F(!1),onAppear:F(!0),onLeave(e,t){const n=()=>A(e,t);Bl(e,f),Ul(),Bl(e,p),$l((()=>{Il(e,f),Bl(e,d),Ol(b)||Ll(e,o,m,n)})),Tl(b,[e,n])},onEnterCancelled(e){E(e,!1),Tl(_,[e])},onAppearCancelled(e){E(e,!0),Tl(k,[e])},onLeaveCancelled(e){A(e),Tl(x,[e])}})}function Ml(e){return J(e)}function Bl(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.add(t))),(e._vtc||(e._vtc=new Set)).add(t)}function Il(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.remove(t)));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function $l(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}let Nl=0;function Ll(e,t,n,o){const r=e._endId=++Nl,s=()=>{r===e._endId&&o()};if(n)return setTimeout(s,n);const{type:l,timeout:i,propCount:c}=Pl(e,t);if(!l)return o();const a=l+"end";let u=0;const f=()=>{e.removeEventListener(a,p),s()},p=t=>{t.target===e&&++u>=c&&f()};setTimeout((()=>{u<c&&f()}),i+1),e.addEventListener(a,p)}function Pl(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),l=Vl(r,s),i=o("animationDelay"),c=o("animationDuration"),a=Vl(i,c);let u=null,f=0,p=0;"transition"===t?l>0&&(u="transition",f=l,p=s.length):"animation"===t?a>0&&(u="animation",f=a,p=c.length):(f=Math.max(l,a),u=f>0?l>a?"transition":"animation":null,p=u?"transition"===u?s.length:c.length:0);return{type:u,timeout:f,propCount:p,hasTransform:"transition"===u&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function Vl(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map(((t,n)=>jl(t)+jl(e[n]))))}function jl(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function Ul(){return document.body.offsetHeight}const Dl=new WeakMap,Hl=new WeakMap,Wl={name:"TransitionGroup",props:C({},Fl,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=Nr(),o=gn();let r,s;return Wn((()=>{if(!r.length)return;const t=e.moveClass||`${e.name||"v"}-move`;if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach((e=>{e.split(/\s+/).forEach((e=>e&&o.classList.remove(e)))}));n.split(/\s+/).forEach((e=>e&&o.classList.add(e))),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=Pl(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(zl),r.forEach(Kl);const o=r.filter(Gl);Ul(),o.forEach((e=>{const n=e.el,o=n.style;Bl(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,Il(n,t))};n.addEventListener("transitionend",r)}))})),()=>{const l=wt(e),i=Rl(l);let c=l.tag||qo;r=s,s=t.default?kn(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&Sn(t,Cn(t,i,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];Sn(t,Cn(t,i,o,n)),Dl.set(t,t.el.getBoundingClientRect())}return hr(c,null,s)}}};function zl(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function Kl(e){Hl.set(e,e.el.getBoundingClientRect())}function Gl(e){const t=Dl.get(e),n=Hl.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform=`translate(${o}px,${r}px)`,t.transitionDuration="0s",e}}const ql=e=>{const t=e.props["onUpdate:modelValue"];return k(t)?e=>G(t,e):t};function Jl(e){e.target.composing=!0}function Xl(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const Zl={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e._assign=ql(r);const s=o||r.props&&"number"===r.props.type;hl(e,t?"change":"input",(t=>{if(t.target.composing)return;let o=e.value;n?o=o.trim():s&&(o=J(o)),e._assign(o)})),n&&hl(e,"change",(()=>{e.value=e.value.trim()})),t||(hl(e,"compositionstart",Jl),hl(e,"compositionend",Xl),hl(e,"change",Xl))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},s){if(e._assign=ql(s),e.composing)return;if(document.activeElement===e){if(n)return;if(o&&e.value.trim()===t)return;if((r||"number"===e.type)&&J(e.value)===t)return}const l=null==t?"":t;e.value!==l&&(e.value=l)}},Ql={deep:!0,created(e,t,n){e._assign=ql(n),hl(e,"change",(()=>{const t=e._modelValue,n=oi(e),o=e.checked,r=e._assign;if(k(t)){const e=f(t,n),s=-1!==e;if(o&&!s)r(t.concat(n));else if(!o&&s){const n=[...t];n.splice(e,1),r(n)}}else if(A(t)){const e=new Set(t);o?e.add(n):e.delete(n),r(e)}else r(ri(e,o))}))},mounted:Yl,beforeUpdate(e,t,n){e._assign=ql(n),Yl(e,t,n)}};function Yl(e,{value:t,oldValue:n},o){e._modelValue=t,k(t)?e.checked=f(t,o.props.value)>-1:A(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=u(t,ri(e,!0)))}const ei={created(e,{value:t},n){e.checked=u(t,n.props.value),e._assign=ql(n),hl(e,"change",(()=>{e._assign(oi(e))}))},beforeUpdate(e,{value:t,oldValue:n},o){e._assign=ql(o),t!==n&&(e.checked=u(t,o.props.value))}},ti={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=A(t);hl(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?J(oi(e)):oi(e)));e._assign(e.multiple?r?new Set(t):t:t[0])})),e._assign=ql(o)},mounted(e,{value:t}){ni(e,t)},beforeUpdate(e,t,n){e._assign=ql(n)},updated(e,{value:t}){ni(e,t)}};function ni(e,t){const n=e.multiple;if(!n||k(t)||A(t)){for(let o=0,r=e.options.length;o<r;o++){const r=e.options[o],s=oi(r);if(n)r.selected=k(t)?f(t,s)>-1:t.has(s);else if(u(oi(r),t))return void(e.selectedIndex!==o&&(e.selectedIndex=o))}n||-1===e.selectedIndex||(e.selectedIndex=-1)}}function oi(e){return"_value"in e?e._value:e.value}function ri(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const si={created(e,t,n){li(e,t,n,null,"created")},mounted(e,t,n){li(e,t,n,null,"mounted")},beforeUpdate(e,t,n,o){li(e,t,n,o,"beforeUpdate")},updated(e,t,n,o){li(e,t,n,o,"updated")}};function li(e,t,n,o,r){let s;switch(e.tagName){case"SELECT":s=ti;break;case"TEXTAREA":s=Zl;break;default:switch(n.props&&n.props.type){case"checkbox":s=Ql;break;case"radio":s=ei;break;default:s=Zl}}const l=s[r];l&&l(e,t,n,o)}const ii=["ctrl","shift","alt","meta"],ci={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>ii.some((n=>e[`${n}Key`]&&!t.includes(n)))},ai=(e,t)=>(n,...o)=>{for(let e=0;e<t.length;e++){const o=ci[t[e]];if(o&&o(n,t))return}return e(n,...o)},ui={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},fi=(e,t)=>n=>{if(!("key"in n))return;const o=H(n.key);return t.some((e=>e===o||ui[e]===o))?e(n):void 0},pi={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):di(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),di(e,!0),o.enter(e)):o.leave(e,(()=>{di(e,!1)})):di(e,t))},beforeUnmount(e,{value:t}){di(e,t)}};function di(e,t){e.style.display=t?e._vod:"none"}const hi=C({patchProp:(e,t,r,s,l=!1,i,c,a,u)=>{"class"===t?function(e,t,n){const o=e._vtc;o&&(t=(t?[t,...o]:[...o]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,s,l):"style"===t?function(e,t,n){const o=e.style;if(n)if(O(n)){if(t!==n){const t=o.display;o.cssText=n,"_vod"in e&&(o.display=t)}}else{for(const e in n)sl(o,e,n[e]);if(t&&!O(t))for(const e in t)null==n[e]&&sl(o,e,"")}else e.removeAttribute("style")}(e,r,s):_(t)?b(t)||vl(e,t,0,s,c):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,o){if(o)return"innerHTML"===t||"textContent"===t||!!(t in e&&gl.test(t)&&T(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(gl.test(t)&&O(n))return!1;return t in e}(e,t,s,l))?function(e,t,n,r,s,l,i){if("innerHTML"===t||"textContent"===t)return r&&i(r,s,l),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;const o=null==n?"":n;return e.value!==o&&(e.value=o),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){const r=typeof e[t];if("boolean"===r)return void(e[t]=o(n));if(null==n&&"string"===r)return e[t]="",void e.removeAttribute(t);if("number"===r){try{e[t]=0}catch(c){}return void e.removeAttribute(t)}}try{e[t]=n}catch(a){}}(e,t,s,i,c,a,u):("true-value"===t?e._trueValue=s:"false-value"===t&&(e._falseValue=s),function(e,t,r,s,l){if(s&&t.startsWith("xlink:"))null==r?e.removeAttributeNS(cl,t.slice(6,t.length)):e.setAttributeNS(cl,t,r);else{const s=n(t);null==r||s&&!o(r)?e.removeAttribute(t):e.setAttribute(t,s?"":r)}}(e,t,s,l))}},ol);let vi,mi=!1;function gi(){return vi||(vi=Ro(hi))}function yi(){return vi=mi?vi:Mo(hi),mi=!0,vi}const _i=(...e)=>{gi().render(...e)},bi=(...e)=>{yi().hydrate(...e)},Ci=(...e)=>{const t=gi().createApp(...e),{mount:n}=t;return t.mount=e=>{const o=wi(e);if(!o)return;const r=t._component;T(r)||r.render||r.template||(r.template=o.innerHTML),o.innerHTML="";const s=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),s},t},xi=(...e)=>{const t=yi().createApp(...e),{mount:n}=t;return t.mount=e=>{const t=wi(e);if(t)return n(t,!0,t instanceof SVGElement)},t};function wi(e){if(O(e)){return document.querySelector(e)}return e}const Si=()=>{};export{_n as BaseTransition,Xo as Comment,Q as EffectScope,qo as Fragment,Rn as KeepAlive,de as ReactiveEffect,Zo as Static,an as Suspense,Uo as Teleport,Jo as Text,El as Transition,Wl as TransitionGroup,Cl as VueElement,os as callWithAsyncErrorHandling,ns as callWithErrorHandling,U as camelize,W as capitalize,mr as cloneVNode,el as compatUtils,Si as compile,Ht as computed,Ci as createApp,lr as createBlock,_r as createCommentVNode,sr as createElementBlock,dr as createElementVNode,Mo as createHydrationRenderer,Ro as createRenderer,xi as createSSRApp,kr as createSlots,yr as createStaticVNode,gr as createTextVNode,hr as createVNode,Pt as customRef,Fn as defineAsyncComponent,En as defineComponent,yl as defineCustomElement,Ls as defineEmits,Ps as defineExpose,Ns as defineProps,_l as defineSSRCustomElement,Wt as devtools,ve as effect,Y as effectScope,Nr as getCurrentInstance,te as getCurrentScope,kn as getTransitionRawChildren,vr as guardReactiveProps,zs as h,rs as handleError,bi as hydrate,qs as initCustomFormatter,mn as inject,Xs as isMemoSame,xt as isProxy,bt as isReactive,Ct as isReadonly,Ft as isRef,zr as isRuntimeOnly,ir as isVNode,St as markRaw,Hs as mergeDefaults,wr as mergeProps,ys as nextTick,c as normalizeClass,a as normalizeProps,r as normalizeStyle,Bn as onActivated,Un as onBeforeMount,zn as onBeforeUnmount,Hn as onBeforeUpdate,In as onDeactivated,Xn as onErrorCaptured,Dn as onMounted,Jn as onRenderTracked,qn as onRenderTriggered,ne as onScopeDispose,Gn as onServerPrefetch,Kn as onUnmounted,Wn as onUpdated,er as openBlock,Yt as popScopeId,vn as provide,Nt as proxyRefs,Qt as pushScopeId,xs as queuePostFlushCb,vt as reactive,gt as readonly,Tt as ref,Wr as registerRuntimeCompiler,_i as render,Sr as renderList,Er as renderSlot,Do as resolveComponent,zo as resolveDirective,Wo as resolveDynamicComponent,Ys as resolveFilter,Cn as resolveTransitionHooks,or as setBlockTracking,zt as setDevtoolsHook,Sn as setTransitionHooks,mt as shallowReactive,yt as shallowReadonly,Ot as shallowRef,Ks as ssrContextKey,Qs as ssrUtils,me as stop,p as toDisplayString,z as toHandlerKey,Fr as toHandlers,wt as toRaw,Ut as toRef,Vt as toRefs,ar as transformVNodeArgs,Bt as triggerRef,It as unref,Us as useAttrs,xl as useCssModule,wl as useCssVars,Gs as useSSRContext,js as useSlots,gn as useTransitionState,Ql as vModelCheckbox,si as vModelDynamic,ei as vModelRadio,ti as vModelSelect,Zl as vModelText,pi as vShow,Zs as version,Yr as warn,Rs as watch,As as watchEffect,Fs as watchPostEffect,Ts as watchSyncEffect,Ws as withAsyncContext,tn as withCtx,Vs as withDefaults,Co as withDirectives,fi as withKeys,Js as withMemo,ai as withModifiers,en as withScopeId}; diff --git a/node_modules/vue/dist/vue.runtime.esm-bundler.js b/node_modules/vue/dist/vue.runtime.esm-bundler.js new file mode 100644 index 0000000000..c5dac2541f --- /dev/null +++ b/node_modules/vue/dist/vue.runtime.esm-bundler.js @@ -0,0 +1,22 @@ +import { initCustomFormatter, warn } from '@vue/runtime-dom'; +export * from '@vue/runtime-dom'; + +function initDev() { + { + initCustomFormatter(); + } +} + +// This entry exports the runtime only, and is built as +if ((process.env.NODE_ENV !== 'production')) { + initDev(); +} +const compile = () => { + if ((process.env.NODE_ENV !== 'production')) { + warn(`Runtime compilation is not supported in this build of Vue.` + + (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".` + ) /* should not happen */); + } +}; + +export { compile }; diff --git a/node_modules/vue/dist/vue.runtime.global.js b/node_modules/vue/dist/vue.runtime.global.js new file mode 100644 index 0000000000..c7b610a09b --- /dev/null +++ b/node_modules/vue/dist/vue.runtime.global.js @@ -0,0 +1,10985 @@ +var Vue = (function (exports) { + 'use strict'; + + /** + * Make a map and return a function for checking if a key + * is in that map. + * IMPORTANT: all calls of this function must be prefixed with + * \/\*#\_\_PURE\_\_\*\/ + * So that rollup can tree-shake them if necessary. + */ + function makeMap(str, expectsLowerCase) { + const map = Object.create(null); + const list = str.split(','); + for (let i = 0; i < list.length; i++) { + map[list[i]] = true; + } + return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val]; + } + + const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,' + + 'decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,' + + 'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt'; + const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED); + + /** + * On the client we only need to offer special cases for boolean attributes that + * have different names from their corresponding dom properties: + * - itemscope -> N/A + * - allowfullscreen -> allowFullscreen + * - formnovalidate -> formNoValidate + * - ismap -> isMap + * - nomodule -> noModule + * - novalidate -> noValidate + * - readonly -> readOnly + */ + const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; + const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs); + /** + * Boolean attributes should be included if the value is truthy or ''. + * e.g. <select multiple> compiles to { multiple: '' } + */ + function includeBooleanAttr(value) { + return !!value || value === ''; + } + + function normalizeStyle(value) { + if (isArray(value)) { + const res = {}; + for (let i = 0; i < value.length; i++) { + const item = value[i]; + const normalized = isString(item) + ? parseStringStyle(item) + : normalizeStyle(item); + if (normalized) { + for (const key in normalized) { + res[key] = normalized[key]; + } + } + } + return res; + } + else if (isString(value)) { + return value; + } + else if (isObject(value)) { + return value; + } + } + const listDelimiterRE = /;(?![^(]*\))/g; + const propertyDelimiterRE = /:(.+)/; + function parseStringStyle(cssText) { + const ret = {}; + cssText.split(listDelimiterRE).forEach(item => { + if (item) { + const tmp = item.split(propertyDelimiterRE); + tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); + } + }); + return ret; + } + function normalizeClass(value) { + let res = ''; + if (isString(value)) { + res = value; + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + const normalized = normalizeClass(value[i]); + if (normalized) { + res += normalized + ' '; + } + } + } + else if (isObject(value)) { + for (const name in value) { + if (value[name]) { + res += name + ' '; + } + } + } + return res.trim(); + } + function normalizeProps(props) { + if (!props) + return null; + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (style) { + props.style = normalizeStyle(style); + } + return props; + } + + // These tag configs are shared between compiler-dom and runtime-dom, so they + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element + const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' + + 'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' + + 'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' + + 'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' + + 'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' + + 'canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,' + + 'th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,' + + 'option,output,progress,select,textarea,details,dialog,menu,' + + 'summary,template,blockquote,iframe,tfoot'; + // https://developer.mozilla.org/en-US/docs/Web/SVG/Element + const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + + 'text,textPath,title,tspan,unknown,use,view'; + const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS); + const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS); + + function looseCompareArrays(a, b) { + if (a.length !== b.length) + return false; + let equal = true; + for (let i = 0; equal && i < a.length; i++) { + equal = looseEqual(a[i], b[i]); + } + return equal; + } + function looseEqual(a, b) { + if (a === b) + return true; + let aValidType = isDate(a); + let bValidType = isDate(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? a.getTime() === b.getTime() : false; + } + aValidType = isArray(a); + bValidType = isArray(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? looseCompareArrays(a, b) : false; + } + aValidType = isObject(a); + bValidType = isObject(b); + if (aValidType || bValidType) { + /* istanbul ignore if: this if will probably never be called */ + if (!aValidType || !bValidType) { + return false; + } + const aKeysCount = Object.keys(a).length; + const bKeysCount = Object.keys(b).length; + if (aKeysCount !== bKeysCount) { + return false; + } + for (const key in a) { + const aHasKey = a.hasOwnProperty(key); + const bHasKey = b.hasOwnProperty(key); + if ((aHasKey && !bHasKey) || + (!aHasKey && bHasKey) || + !looseEqual(a[key], b[key])) { + return false; + } + } + } + return String(a) === String(b); + } + function looseIndexOf(arr, val) { + return arr.findIndex(item => looseEqual(item, val)); + } + + /** + * For converting {{ interpolation }} values to displayed strings. + * @private + */ + const toDisplayString = (val) => { + return val == null + ? '' + : isArray(val) || + (isObject(val) && + (val.toString === objectToString || !isFunction(val.toString))) + ? JSON.stringify(val, replacer, 2) + : String(val); + }; + const replacer = (_key, val) => { + // can't use isRef here since @vue/shared has no deps + if (val && val.__v_isRef) { + return replacer(_key, val.value); + } + else if (isMap(val)) { + return { + [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => { + entries[`${key} =>`] = val; + return entries; + }, {}) + }; + } + else if (isSet(val)) { + return { + [`Set(${val.size})`]: [...val.values()] + }; + } + else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { + return String(val); + } + return val; + }; + + const EMPTY_OBJ = Object.freeze({}) + ; + const EMPTY_ARR = Object.freeze([]) ; + const NOOP = () => { }; + /** + * Always return false. + */ + const NO = () => false; + const onRE = /^on[^a-z]/; + const isOn = (key) => onRE.test(key); + const isModelListener = (key) => key.startsWith('onUpdate:'); + const extend = Object.assign; + const remove = (arr, el) => { + const i = arr.indexOf(el); + if (i > -1) { + arr.splice(i, 1); + } + }; + const hasOwnProperty = Object.prototype.hasOwnProperty; + const hasOwn = (val, key) => hasOwnProperty.call(val, key); + const isArray = Array.isArray; + const isMap = (val) => toTypeString(val) === '[object Map]'; + const isSet = (val) => toTypeString(val) === '[object Set]'; + const isDate = (val) => val instanceof Date; + const isFunction = (val) => typeof val === 'function'; + const isString = (val) => typeof val === 'string'; + const isSymbol = (val) => typeof val === 'symbol'; + const isObject = (val) => val !== null && typeof val === 'object'; + const isPromise = (val) => { + return isObject(val) && isFunction(val.then) && isFunction(val.catch); + }; + const objectToString = Object.prototype.toString; + const toTypeString = (value) => objectToString.call(value); + const toRawType = (value) => { + // extract "RawType" from strings like "[object RawType]" + return toTypeString(value).slice(8, -1); + }; + const isPlainObject = (val) => toTypeString(val) === '[object Object]'; + const isIntegerKey = (key) => isString(key) && + key !== 'NaN' && + key[0] !== '-' && + '' + parseInt(key, 10) === key; + const isReservedProp = /*#__PURE__*/ makeMap( + // the leading comma is intentional so empty string "" is also included + ',key,ref,' + + 'onVnodeBeforeMount,onVnodeMounted,' + + 'onVnodeBeforeUpdate,onVnodeUpdated,' + + 'onVnodeBeforeUnmount,onVnodeUnmounted'); + const cacheStringFunction = (fn) => { + const cache = Object.create(null); + return ((str) => { + const hit = cache[str]; + return hit || (cache[str] = fn(str)); + }); + }; + const camelizeRE = /-(\w)/g; + /** + * @private + */ + const camelize = cacheStringFunction((str) => { + return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : '')); + }); + const hyphenateRE = /\B([A-Z])/g; + /** + * @private + */ + const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').toLowerCase()); + /** + * @private + */ + const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1)); + /** + * @private + */ + const toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``); + // compare whether a value has changed, accounting for NaN. + const hasChanged = (value, oldValue) => !Object.is(value, oldValue); + const invokeArrayFns = (fns, arg) => { + for (let i = 0; i < fns.length; i++) { + fns[i](arg); + } + }; + const def = (obj, key, value) => { + Object.defineProperty(obj, key, { + configurable: true, + enumerable: false, + value + }); + }; + const toNumber = (val) => { + const n = parseFloat(val); + return isNaN(n) ? val : n; + }; + let _globalThis; + const getGlobalThis = () => { + return (_globalThis || + (_globalThis = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {})); + }; + + function warn(msg, ...args) { + console.warn(`[Vue warn] ${msg}`, ...args); + } + + let activeEffectScope; + const effectScopeStack = []; + class EffectScope { + constructor(detached = false) { + this.active = true; + this.effects = []; + this.cleanups = []; + if (!detached && activeEffectScope) { + this.parent = activeEffectScope; + this.index = + (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1; + } + } + run(fn) { + if (this.active) { + try { + this.on(); + return fn(); + } + finally { + this.off(); + } + } + else { + warn(`cannot run an inactive effect scope.`); + } + } + on() { + if (this.active) { + effectScopeStack.push(this); + activeEffectScope = this; + } + } + off() { + if (this.active) { + effectScopeStack.pop(); + activeEffectScope = effectScopeStack[effectScopeStack.length - 1]; + } + } + stop(fromParent) { + if (this.active) { + this.effects.forEach(e => e.stop()); + this.cleanups.forEach(cleanup => cleanup()); + if (this.scopes) { + this.scopes.forEach(e => e.stop(true)); + } + // nested scope, dereference from parent to avoid memory leaks + if (this.parent && !fromParent) { + // optimized O(1) removal + const last = this.parent.scopes.pop(); + if (last && last !== this) { + this.parent.scopes[this.index] = last; + last.index = this.index; + } + } + this.active = false; + } + } + } + function effectScope(detached) { + return new EffectScope(detached); + } + function recordEffectScope(effect, scope) { + scope = scope || activeEffectScope; + if (scope && scope.active) { + scope.effects.push(effect); + } + } + function getCurrentScope() { + return activeEffectScope; + } + function onScopeDispose(fn) { + if (activeEffectScope) { + activeEffectScope.cleanups.push(fn); + } + else { + warn(`onScopeDispose() is called when there is no active effect scope` + + ` to be associated with.`); + } + } + + const createDep = (effects) => { + const dep = new Set(effects); + dep.w = 0; + dep.n = 0; + return dep; + }; + const wasTracked = (dep) => (dep.w & trackOpBit) > 0; + const newTracked = (dep) => (dep.n & trackOpBit) > 0; + const initDepMarkers = ({ deps }) => { + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].w |= trackOpBit; // set was tracked + } + } + }; + const finalizeDepMarkers = (effect) => { + const { deps } = effect; + if (deps.length) { + let ptr = 0; + for (let i = 0; i < deps.length; i++) { + const dep = deps[i]; + if (wasTracked(dep) && !newTracked(dep)) { + dep.delete(effect); + } + else { + deps[ptr++] = dep; + } + // clear bits + dep.w &= ~trackOpBit; + dep.n &= ~trackOpBit; + } + deps.length = ptr; + } + }; + + const targetMap = new WeakMap(); + // The number of effects currently being tracked recursively. + let effectTrackDepth = 0; + let trackOpBit = 1; + /** + * The bitwise track markers support at most 30 levels op recursion. + * This value is chosen to enable modern JS engines to use a SMI on all platforms. + * When recursion depth is greater, fall back to using a full cleanup. + */ + const maxMarkerBits = 30; + const effectStack = []; + let activeEffect; + const ITERATE_KEY = Symbol('iterate' ); + const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' ); + class ReactiveEffect { + constructor(fn, scheduler = null, scope) { + this.fn = fn; + this.scheduler = scheduler; + this.active = true; + this.deps = []; + recordEffectScope(this, scope); + } + run() { + if (!this.active) { + return this.fn(); + } + if (!effectStack.includes(this)) { + try { + effectStack.push((activeEffect = this)); + enableTracking(); + trackOpBit = 1 << ++effectTrackDepth; + if (effectTrackDepth <= maxMarkerBits) { + initDepMarkers(this); + } + else { + cleanupEffect(this); + } + return this.fn(); + } + finally { + if (effectTrackDepth <= maxMarkerBits) { + finalizeDepMarkers(this); + } + trackOpBit = 1 << --effectTrackDepth; + resetTracking(); + effectStack.pop(); + const n = effectStack.length; + activeEffect = n > 0 ? effectStack[n - 1] : undefined; + } + } + } + stop() { + if (this.active) { + cleanupEffect(this); + if (this.onStop) { + this.onStop(); + } + this.active = false; + } + } + } + function cleanupEffect(effect) { + const { deps } = effect; + if (deps.length) { + for (let i = 0; i < deps.length; i++) { + deps[i].delete(effect); + } + deps.length = 0; + } + } + function effect(fn, options) { + if (fn.effect) { + fn = fn.effect.fn; + } + const _effect = new ReactiveEffect(fn); + if (options) { + extend(_effect, options); + if (options.scope) + recordEffectScope(_effect, options.scope); + } + if (!options || !options.lazy) { + _effect.run(); + } + const runner = _effect.run.bind(_effect); + runner.effect = _effect; + return runner; + } + function stop(runner) { + runner.effect.stop(); + } + let shouldTrack = true; + const trackStack = []; + function pauseTracking() { + trackStack.push(shouldTrack); + shouldTrack = false; + } + function enableTracking() { + trackStack.push(shouldTrack); + shouldTrack = true; + } + function resetTracking() { + const last = trackStack.pop(); + shouldTrack = last === undefined ? true : last; + } + function track(target, type, key) { + if (!isTracking()) { + return; + } + let depsMap = targetMap.get(target); + if (!depsMap) { + targetMap.set(target, (depsMap = new Map())); + } + let dep = depsMap.get(key); + if (!dep) { + depsMap.set(key, (dep = createDep())); + } + const eventInfo = { effect: activeEffect, target, type, key } + ; + trackEffects(dep, eventInfo); + } + function isTracking() { + return shouldTrack && activeEffect !== undefined; + } + function trackEffects(dep, debuggerEventExtraInfo) { + let shouldTrack = false; + if (effectTrackDepth <= maxMarkerBits) { + if (!newTracked(dep)) { + dep.n |= trackOpBit; // set newly tracked + shouldTrack = !wasTracked(dep); + } + } + else { + // Full cleanup mode. + shouldTrack = !dep.has(activeEffect); + } + if (shouldTrack) { + dep.add(activeEffect); + activeEffect.deps.push(dep); + if (activeEffect.onTrack) { + activeEffect.onTrack(Object.assign({ + effect: activeEffect + }, debuggerEventExtraInfo)); + } + } + } + function trigger(target, type, key, newValue, oldValue, oldTarget) { + const depsMap = targetMap.get(target); + if (!depsMap) { + // never been tracked + return; + } + let deps = []; + if (type === "clear" /* CLEAR */) { + // collection being cleared + // trigger all effects for target + deps = [...depsMap.values()]; + } + else if (key === 'length' && isArray(target)) { + depsMap.forEach((dep, key) => { + if (key === 'length' || key >= newValue) { + deps.push(dep); + } + }); + } + else { + // schedule runs for SET | ADD | DELETE + if (key !== void 0) { + deps.push(depsMap.get(key)); + } + // also run for iteration key on ADD | DELETE | Map.SET + switch (type) { + case "add" /* ADD */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + else if (isIntegerKey(key)) { + // new index added to array -> length changes + deps.push(depsMap.get('length')); + } + break; + case "delete" /* DELETE */: + if (!isArray(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + deps.push(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + break; + case "set" /* SET */: + if (isMap(target)) { + deps.push(depsMap.get(ITERATE_KEY)); + } + break; + } + } + const eventInfo = { target, type, key, newValue, oldValue, oldTarget } + ; + if (deps.length === 1) { + if (deps[0]) { + { + triggerEffects(deps[0], eventInfo); + } + } + } + else { + const effects = []; + for (const dep of deps) { + if (dep) { + effects.push(...dep); + } + } + { + triggerEffects(createDep(effects), eventInfo); + } + } + } + function triggerEffects(dep, debuggerEventExtraInfo) { + // spread into array for stabilization + for (const effect of isArray(dep) ? dep : [...dep]) { + if (effect !== activeEffect || effect.allowRecurse) { + if (effect.onTrigger) { + effect.onTrigger(extend({ effect }, debuggerEventExtraInfo)); + } + if (effect.scheduler) { + effect.scheduler(); + } + else { + effect.run(); + } + } + } + } + + const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`); + const builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol) + .map(key => Symbol[key]) + .filter(isSymbol)); + const get = /*#__PURE__*/ createGetter(); + const shallowGet = /*#__PURE__*/ createGetter(false, true); + const readonlyGet = /*#__PURE__*/ createGetter(true); + const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true); + const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations(); + function createArrayInstrumentations() { + const instrumentations = {}; + ['includes', 'indexOf', 'lastIndexOf'].forEach(key => { + instrumentations[key] = function (...args) { + const arr = toRaw(this); + for (let i = 0, l = this.length; i < l; i++) { + track(arr, "get" /* GET */, i + ''); + } + // we run the method using the original args first (which may be reactive) + const res = arr[key](...args); + if (res === -1 || res === false) { + // if that didn't work, run it again using raw values. + return arr[key](...args.map(toRaw)); + } + else { + return res; + } + }; + }); + ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => { + instrumentations[key] = function (...args) { + pauseTracking(); + const res = toRaw(this)[key].apply(this, args); + resetTracking(); + return res; + }; + }); + return instrumentations; + } + function createGetter(isReadonly = false, shallow = false) { + return function get(target, key, receiver) { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */ && + receiver === + (isReadonly + ? shallow + ? shallowReadonlyMap + : readonlyMap + : shallow + ? shallowReactiveMap + : reactiveMap).get(target)) { + return target; + } + const targetIsArray = isArray(target); + if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) { + return Reflect.get(arrayInstrumentations, key, receiver); + } + const res = Reflect.get(target, key, receiver); + if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { + return res; + } + if (!isReadonly) { + track(target, "get" /* GET */, key); + } + if (shallow) { + return res; + } + if (isRef(res)) { + // ref unwrapping - does not apply for Array + integer key. + const shouldUnwrap = !targetIsArray || !isIntegerKey(key); + return shouldUnwrap ? res.value : res; + } + if (isObject(res)) { + // Convert returned value into a proxy as well. we do the isObject check + // here to avoid invalid value warning. Also need to lazy access readonly + // and reactive here to avoid circular dependency. + return isReadonly ? readonly(res) : reactive(res); + } + return res; + }; + } + const set = /*#__PURE__*/ createSetter(); + const shallowSet = /*#__PURE__*/ createSetter(true); + function createSetter(shallow = false) { + return function set(target, key, value, receiver) { + let oldValue = target[key]; + if (!shallow) { + value = toRaw(value); + oldValue = toRaw(oldValue); + if (!isArray(target) && isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + } + const hadKey = isArray(target) && isIntegerKey(key) + ? Number(key) < target.length + : hasOwn(target, key); + const result = Reflect.set(target, key, value, receiver); + // don't trigger if target is something up in the prototype chain of original + if (target === toRaw(receiver)) { + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + } + return result; + }; + } + function deleteProperty(target, key) { + const hadKey = hasOwn(target, key); + const oldValue = target[key]; + const result = Reflect.deleteProperty(target, key); + if (result && hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; + } + function has(target, key) { + const result = Reflect.has(target, key); + if (!isSymbol(key) || !builtInSymbols.has(key)) { + track(target, "has" /* HAS */, key); + } + return result; + } + function ownKeys(target) { + track(target, "iterate" /* ITERATE */, isArray(target) ? 'length' : ITERATE_KEY); + return Reflect.ownKeys(target); + } + const mutableHandlers = { + get, + set, + deleteProperty, + has, + ownKeys + }; + const readonlyHandlers = { + get: readonlyGet, + set(target, key) { + { + console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + }, + deleteProperty(target, key) { + { + console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target); + } + return true; + } + }; + const shallowReactiveHandlers = /*#__PURE__*/ extend({}, mutableHandlers, { + get: shallowGet, + set: shallowSet + }); + // Props handlers are special in the sense that it should not unwrap top-level + // refs (in order to allow refs to be explicitly passed down), but should + // retain the reactivity of the normal readonly object. + const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, { + get: shallowReadonlyGet + }); + + const toReactive = (value) => isObject(value) ? reactive(value) : value; + const toReadonly = (value) => isObject(value) ? readonly(value) : value; + const toShallow = (value) => value; + const getProto = (v) => Reflect.getPrototypeOf(v); + function get$1(target, key, isReadonly = false, isShallow = false) { + // #1772: readonly(reactive(Map)) should return readonly + reactive version + // of the value + target = target["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "get" /* GET */, key); + } + !isReadonly && track(rawTarget, "get" /* GET */, rawKey); + const { has } = getProto(rawTarget); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + if (has.call(rawTarget, key)) { + return wrap(target.get(key)); + } + else if (has.call(rawTarget, rawKey)) { + return wrap(target.get(rawKey)); + } + else if (target !== rawTarget) { + // #3602 readonly(reactive(Map)) + // ensure that the nested reactive `Map` can do tracking for itself + target.get(key); + } + } + function has$1(key, isReadonly = false) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (key !== rawKey) { + !isReadonly && track(rawTarget, "has" /* HAS */, key); + } + !isReadonly && track(rawTarget, "has" /* HAS */, rawKey); + return key === rawKey + ? target.has(key) + : target.has(key) || target.has(rawKey); + } + function size(target, isReadonly = false) { + target = target["__v_raw" /* RAW */]; + !isReadonly && track(toRaw(target), "iterate" /* ITERATE */, ITERATE_KEY); + return Reflect.get(target, 'size', target); + } + function add(value) { + value = toRaw(value); + const target = toRaw(this); + const proto = getProto(target); + const hadKey = proto.has.call(target, value); + if (!hadKey) { + target.add(value); + trigger(target, "add" /* ADD */, value, value); + } + return this; + } + function set$1(key, value) { + value = toRaw(value); + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get.call(target, key); + target.set(key, value); + if (!hadKey) { + trigger(target, "add" /* ADD */, key, value); + } + else if (hasChanged(value, oldValue)) { + trigger(target, "set" /* SET */, key, value, oldValue); + } + return this; + } + function deleteEntry(key) { + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } + else { + checkIdentityKeys(target, has, key); + } + const oldValue = get ? get.call(target, key) : undefined; + // forward the operation before queueing reactions + const result = target.delete(key); + if (hadKey) { + trigger(target, "delete" /* DELETE */, key, undefined, oldValue); + } + return result; + } + function clear() { + const target = toRaw(this); + const hadItems = target.size !== 0; + const oldTarget = isMap(target) + ? new Map(target) + : new Set(target) + ; + // forward the operation before queueing reactions + const result = target.clear(); + if (hadItems) { + trigger(target, "clear" /* CLEAR */, undefined, undefined, oldTarget); + } + return result; + } + function createForEach(isReadonly, isShallow) { + return function forEach(callback, thisArg) { + const observed = this; + const target = observed["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && track(rawTarget, "iterate" /* ITERATE */, ITERATE_KEY); + return target.forEach((value, key) => { + // important: make sure the callback is + // 1. invoked with the reactive map as `this` and 3rd arg + // 2. the value received should be a corresponding reactive/readonly. + return callback.call(thisArg, wrap(value), wrap(key), observed); + }); + }; + } + function createIterableMethod(method, isReadonly, isShallow) { + return function (...args) { + const target = this["__v_raw" /* RAW */]; + const rawTarget = toRaw(target); + const targetIsMap = isMap(rawTarget); + const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap); + const isKeyOnly = method === 'keys' && targetIsMap; + const innerIterator = target[method](...args); + const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; + !isReadonly && + track(rawTarget, "iterate" /* ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY); + // return a wrapped iterator which returns observed versions of the + // values emitted from the real iterator + return { + // iterator protocol + next() { + const { value, done } = innerIterator.next(); + return done + ? { value, done } + : { + value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), + done + }; + }, + // iterable protocol + [Symbol.iterator]() { + return this; + } + }; + }; + } + function createReadonlyMethod(type) { + return function (...args) { + { + const key = args[0] ? `on key "${args[0]}" ` : ``; + console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this)); + } + return type === "delete" /* DELETE */ ? false : this; + }; + } + function createInstrumentations() { + const mutableInstrumentations = { + get(key) { + return get$1(this, key); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, false) + }; + const shallowInstrumentations = { + get(key) { + return get$1(this, key, false, true); + }, + get size() { + return size(this); + }, + has: has$1, + add, + set: set$1, + delete: deleteEntry, + clear, + forEach: createForEach(false, true) + }; + const readonlyInstrumentations = { + get(key) { + return get$1(this, key, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, false) + }; + const shallowReadonlyInstrumentations = { + get(key) { + return get$1(this, key, true, true); + }, + get size() { + return size(this, true); + }, + has(key) { + return has$1.call(this, key, true); + }, + add: createReadonlyMethod("add" /* ADD */), + set: createReadonlyMethod("set" /* SET */), + delete: createReadonlyMethod("delete" /* DELETE */), + clear: createReadonlyMethod("clear" /* CLEAR */), + forEach: createForEach(true, true) + }; + const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator]; + iteratorMethods.forEach(method => { + mutableInstrumentations[method] = createIterableMethod(method, false, false); + readonlyInstrumentations[method] = createIterableMethod(method, true, false); + shallowInstrumentations[method] = createIterableMethod(method, false, true); + shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true); + }); + return [ + mutableInstrumentations, + readonlyInstrumentations, + shallowInstrumentations, + shallowReadonlyInstrumentations + ]; + } + const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations(); + function createInstrumentationGetter(isReadonly, shallow) { + const instrumentations = shallow + ? isReadonly + ? shallowReadonlyInstrumentations + : shallowInstrumentations + : isReadonly + ? readonlyInstrumentations + : mutableInstrumentations; + return (target, key, receiver) => { + if (key === "__v_isReactive" /* IS_REACTIVE */) { + return !isReadonly; + } + else if (key === "__v_isReadonly" /* IS_READONLY */) { + return isReadonly; + } + else if (key === "__v_raw" /* RAW */) { + return target; + } + return Reflect.get(hasOwn(instrumentations, key) && key in target + ? instrumentations + : target, key, receiver); + }; + } + const mutableCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, false) + }; + const shallowCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(false, true) + }; + const readonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, false) + }; + const shallowReadonlyCollectionHandlers = { + get: /*#__PURE__*/ createInstrumentationGetter(true, true) + }; + function checkIdentityKeys(target, has, key) { + const rawKey = toRaw(key); + if (rawKey !== key && has.call(target, rawKey)) { + const type = toRawType(target); + console.warn(`Reactive ${type} contains both the raw and reactive ` + + `versions of the same object${type === `Map` ? ` as keys` : ``}, ` + + `which can lead to inconsistencies. ` + + `Avoid differentiating between the raw and reactive versions ` + + `of an object and only use the reactive version if possible.`); + } + } + + const reactiveMap = new WeakMap(); + const shallowReactiveMap = new WeakMap(); + const readonlyMap = new WeakMap(); + const shallowReadonlyMap = new WeakMap(); + function targetTypeMap(rawType) { + switch (rawType) { + case 'Object': + case 'Array': + return 1 /* COMMON */; + case 'Map': + case 'Set': + case 'WeakMap': + case 'WeakSet': + return 2 /* COLLECTION */; + default: + return 0 /* INVALID */; + } + } + function getTargetType(value) { + return value["__v_skip" /* SKIP */] || !Object.isExtensible(value) + ? 0 /* INVALID */ + : targetTypeMap(toRawType(value)); + } + function reactive(target) { + // if trying to observe a readonly proxy, return the readonly version. + if (target && target["__v_isReadonly" /* IS_READONLY */]) { + return target; + } + return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap); + } + /** + * Return a shallowly-reactive copy of the original object, where only the root + * level properties are reactive. It also does not auto-unwrap refs (even at the + * root level). + */ + function shallowReactive(target) { + return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap); + } + /** + * Creates a readonly copy of the original object. Note the returned copy is not + * made reactive, but `readonly` can be called on an already reactive object. + */ + function readonly(target) { + return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap); + } + /** + * Returns a reactive-copy of the original object, where only the root level + * properties are readonly, and does NOT unwrap refs nor recursively convert + * returned properties. + * This is used for creating the props proxy object for stateful components. + */ + function shallowReadonly(target) { + return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap); + } + function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) { + if (!isObject(target)) { + { + console.warn(`value cannot be made reactive: ${String(target)}`); + } + return target; + } + // target is already a Proxy, return it. + // exception: calling readonly() on a reactive object + if (target["__v_raw" /* RAW */] && + !(isReadonly && target["__v_isReactive" /* IS_REACTIVE */])) { + return target; + } + // target already has corresponding Proxy + const existingProxy = proxyMap.get(target); + if (existingProxy) { + return existingProxy; + } + // only a whitelist of value types can be observed. + const targetType = getTargetType(target); + if (targetType === 0 /* INVALID */) { + return target; + } + const proxy = new Proxy(target, targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers); + proxyMap.set(target, proxy); + return proxy; + } + function isReactive(value) { + if (isReadonly(value)) { + return isReactive(value["__v_raw" /* RAW */]); + } + return !!(value && value["__v_isReactive" /* IS_REACTIVE */]); + } + function isReadonly(value) { + return !!(value && value["__v_isReadonly" /* IS_READONLY */]); + } + function isProxy(value) { + return isReactive(value) || isReadonly(value); + } + function toRaw(observed) { + const raw = observed && observed["__v_raw" /* RAW */]; + return raw ? toRaw(raw) : observed; + } + function markRaw(value) { + def(value, "__v_skip" /* SKIP */, true); + return value; + } + + function trackRefValue(ref) { + if (isTracking()) { + ref = toRaw(ref); + if (!ref.dep) { + ref.dep = createDep(); + } + { + trackEffects(ref.dep, { + target: ref, + type: "get" /* GET */, + key: 'value' + }); + } + } + } + function triggerRefValue(ref, newVal) { + ref = toRaw(ref); + if (ref.dep) { + { + triggerEffects(ref.dep, { + target: ref, + type: "set" /* SET */, + key: 'value', + newValue: newVal + }); + } + } + } + const convert = (val) => isObject(val) ? reactive(val) : val; + function isRef(r) { + return Boolean(r && r.__v_isRef === true); + } + function ref(value) { + return createRef(value, false); + } + function shallowRef(value) { + return createRef(value, true); + } + class RefImpl { + constructor(value, _shallow) { + this._shallow = _shallow; + this.dep = undefined; + this.__v_isRef = true; + this._rawValue = _shallow ? value : toRaw(value); + this._value = _shallow ? value : convert(value); + } + get value() { + trackRefValue(this); + return this._value; + } + set value(newVal) { + newVal = this._shallow ? newVal : toRaw(newVal); + if (hasChanged(newVal, this._rawValue)) { + this._rawValue = newVal; + this._value = this._shallow ? newVal : convert(newVal); + triggerRefValue(this, newVal); + } + } + } + function createRef(rawValue, shallow) { + if (isRef(rawValue)) { + return rawValue; + } + return new RefImpl(rawValue, shallow); + } + function triggerRef(ref) { + triggerRefValue(ref, ref.value ); + } + function unref(ref) { + return isRef(ref) ? ref.value : ref; + } + const shallowUnwrapHandlers = { + get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)), + set: (target, key, value, receiver) => { + const oldValue = target[key]; + if (isRef(oldValue) && !isRef(value)) { + oldValue.value = value; + return true; + } + else { + return Reflect.set(target, key, value, receiver); + } + } + }; + function proxyRefs(objectWithRefs) { + return isReactive(objectWithRefs) + ? objectWithRefs + : new Proxy(objectWithRefs, shallowUnwrapHandlers); + } + class CustomRefImpl { + constructor(factory) { + this.dep = undefined; + this.__v_isRef = true; + const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this)); + this._get = get; + this._set = set; + } + get value() { + return this._get(); + } + set value(newVal) { + this._set(newVal); + } + } + function customRef(factory) { + return new CustomRefImpl(factory); + } + function toRefs(object) { + if (!isProxy(object)) { + console.warn(`toRefs() expects a reactive object but received a plain one.`); + } + const ret = isArray(object) ? new Array(object.length) : {}; + for (const key in object) { + ret[key] = toRef(object, key); + } + return ret; + } + class ObjectRefImpl { + constructor(_object, _key) { + this._object = _object; + this._key = _key; + this.__v_isRef = true; + } + get value() { + return this._object[this._key]; + } + set value(newVal) { + this._object[this._key] = newVal; + } + } + function toRef(object, key) { + const val = object[key]; + return isRef(val) ? val : new ObjectRefImpl(object, key); + } + + class ComputedRefImpl { + constructor(getter, _setter, isReadonly) { + this._setter = _setter; + this.dep = undefined; + this._dirty = true; + this.__v_isRef = true; + this.effect = new ReactiveEffect(getter, () => { + if (!this._dirty) { + this._dirty = true; + triggerRefValue(this); + } + }); + this["__v_isReadonly" /* IS_READONLY */] = isReadonly; + } + get value() { + // the computed ref may get wrapped by other proxies e.g. readonly() #3376 + const self = toRaw(this); + trackRefValue(self); + if (self._dirty) { + self._dirty = false; + self._value = self.effect.run(); + } + return self._value; + } + set value(newValue) { + this._setter(newValue); + } + } + function computed(getterOrOptions, debugOptions) { + let getter; + let setter; + if (isFunction(getterOrOptions)) { + getter = getterOrOptions; + setter = () => { + console.warn('Write operation failed: computed value is readonly'); + } + ; + } + else { + getter = getterOrOptions.get; + setter = getterOrOptions.set; + } + const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set); + if (debugOptions) { + cRef.effect.onTrack = debugOptions.onTrack; + cRef.effect.onTrigger = debugOptions.onTrigger; + } + return cRef; + } + + /* eslint-disable no-restricted-globals */ + let isHmrUpdating = false; + const hmrDirtyComponents = new Set(); + // Expose the HMR runtime on the global object + // This makes it entirely tree-shakable without polluting the exports and makes + // it easier to be used in toolings like vue-loader + // Note: for a component to be eligible for HMR it also needs the __hmrId option + // to be set so that its instances can be registered / removed. + { + const globalObject = typeof global !== 'undefined' + ? global + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : {}; + globalObject.__VUE_HMR_RUNTIME__ = { + createRecord: tryWrap(createRecord), + rerender: tryWrap(rerender), + reload: tryWrap(reload) + }; + } + const map = new Map(); + function registerHMR(instance) { + const id = instance.type.__hmrId; + let record = map.get(id); + if (!record) { + createRecord(id, instance.type); + record = map.get(id); + } + record.instances.add(instance); + } + function unregisterHMR(instance) { + map.get(instance.type.__hmrId).instances.delete(instance); + } + function createRecord(id, component) { + if (!component) { + warn$1(`HMR API usage is out of date.\n` + + `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` + + `dependency that handles Vue SFC compilation.`); + component = {}; + } + if (map.has(id)) { + return false; + } + map.set(id, { + component: isClassComponent(component) ? component.__vccOpts : component, + instances: new Set() + }); + return true; + } + function rerender(id, newRender) { + const record = map.get(id); + if (!record) + return; + if (newRender) + record.component.render = newRender; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + Array.from(record.instances).forEach(instance => { + if (newRender) { + instance.render = newRender; + } + instance.renderCache = []; + // this flag forces child components with slot content to update + isHmrUpdating = true; + instance.update(); + isHmrUpdating = false; + }); + } + function reload(id, newComp) { + const record = map.get(id); + if (!record) + return; + // Array.from creates a snapshot which avoids the set being mutated during + // updates + const { component, instances } = record; + if (!hmrDirtyComponents.has(component)) { + // 1. Update existing comp definition to match new one + newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp; + extend(component, newComp); + for (const key in component) { + if (key !== '__file' && !(key in newComp)) { + delete component[key]; + } + } + // 2. Mark component dirty. This forces the renderer to replace the component + // on patch. + hmrDirtyComponents.add(component); + // 3. Make sure to unmark the component after the reload. + queuePostFlushCb(() => { + hmrDirtyComponents.delete(component); + }); + } + Array.from(instances).forEach(instance => { + // invalidate options resolution cache + instance.appContext.optionsCache.delete(instance.type); + if (instance.ceReload) { + // custom element + hmrDirtyComponents.add(component); + instance.ceReload(newComp.styles); + hmrDirtyComponents.delete(component); + } + else if (instance.parent) { + // 4. Force the parent instance to re-render. This will cause all updated + // components to be unmounted and re-mounted. Queue the update so that we + // don't end up forcing the same parent to re-render multiple times. + queueJob(instance.parent.update); + // instance is the inner component of an async custom element + // invoke to reset styles + if (instance.parent.type.__asyncLoader && + instance.parent.ceReload) { + instance.parent.ceReload(newComp.styles); + } + } + else if (instance.appContext.reload) { + // root instance mounted via createApp() has a reload method + instance.appContext.reload(); + } + else if (typeof window !== 'undefined') { + // root instance inside tree created via raw render(). Force reload. + window.location.reload(); + } + else { + console.warn('[HMR] Root or manually mounted instance modified. Full reload required.'); + } + }); + } + function tryWrap(fn) { + return (id, arg) => { + try { + return fn(id, arg); + } + catch (e) { + console.error(e); + console.warn(`[HMR] Something went wrong during Vue component hot-reload. ` + + `Full reload required.`); + } + }; + } + + function setDevtoolsHook(hook) { + exports.devtools = hook; + } + function devtoolsInitApp(app, version) { + // TODO queue if devtools is undefined + if (!exports.devtools) + return; + exports.devtools.emit("app:init" /* APP_INIT */, app, version, { + Fragment, + Text, + Comment: Comment$1, + Static + }); + } + function devtoolsUnmountApp(app) { + if (!exports.devtools) + return; + exports.devtools.emit("app:unmount" /* APP_UNMOUNT */, app); + } + const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */); + const devtoolsComponentUpdated = + /*#__PURE__*/ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */); + const devtoolsComponentRemoved = + /*#__PURE__*/ createDevtoolsComponentHook("component:removed" /* COMPONENT_REMOVED */); + function createDevtoolsComponentHook(hook) { + return (component) => { + if (!exports.devtools) + return; + exports.devtools.emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component); + }; + } + const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */); + const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */); + function createDevtoolsPerformanceHook(hook) { + return (component, type, time) => { + if (!exports.devtools) + return; + exports.devtools.emit(hook, component.appContext.app, component.uid, component, type, time); + }; + } + function devtoolsComponentEmit(component, event, params) { + if (!exports.devtools) + return; + exports.devtools.emit("component:emit" /* COMPONENT_EMIT */, component.appContext.app, component, event, params); + } + + const deprecationData = { + ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: { + message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` + + `option have been removed. Use createApp(RootComponent).mount() instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance` + }, + ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: { + message: `Vue detected directives on the mount container. ` + + `In Vue 3, the container is no longer considered part of the template ` + + `and will not be processed/replaced.`, + link: `https://v3.vuejs.org/guide/migration/mount-changes.html` + }, + ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: { + message: `Vue.extend() has been removed in Vue 3. ` + + `Use defineComponent() instead.`, + link: `https://v3.vuejs.org/api/global-api.html#definecomponent` + }, + ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: { + message: `Vue.prototype is no longer available in Vue 3. ` + + `Use app.config.globalProperties instead.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties` + }, + ["GLOBAL_SET" /* GLOBAL_SET */]: { + message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_DELETE" /* GLOBAL_DELETE */]: { + message: `Vue.delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: { + message: `Vue.observable() has been removed. ` + + `Use \`import { reactive } from "vue"\` from Composition API instead.`, + link: `https://v3.vuejs.org/api/basic-reactivity.html` + }, + ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: { + message: `Vue.util has been removed. Please refactor to avoid its usage ` + + `since it was an internal API even in Vue 2.` + }, + ["CONFIG_SILENT" /* CONFIG_SILENT */]: { + message: `config.silent has been removed because it is not good practice to ` + + `intentionally suppress warnings. You can use your browser console's ` + + `filter features to focus on relevant messages.` + }, + ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: { + message: `config.devtools has been removed. To enable devtools for ` + + `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`, + link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags` + }, + ["CONFIG_KEY_CODES" /* CONFIG_KEY_CODES */]: { + message: `config.keyCodes has been removed. ` + + `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: { + message: `config.productionTip has been removed.`, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed` + }, + ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: { + message: () => { + let msg = `config.ignoredElements has been removed.`; + if (isRuntimeOnly()) { + msg += ` Pass the "isCustomElement" option to @vue/compiler-dom instead.`; + } + else { + msg += ` Use config.isCustomElement instead.`; + } + return msg; + }, + link: `https://v3.vuejs.org/guide/migration/global-api.html#config-ignoredelements-is-now-config-iscustomelement` + }, + ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: { + // this warning is only relevant in the full build when using runtime + // compilation, so it's put in the runtime compatConfig list. + message: `Vue 3 compiler's whitespace option will default to "condense" instead of ` + + `"preserve". To suppress this warning, provide an explicit value for ` + + `\`config.compilerOptions.whitespace\`.` + }, + ["CONFIG_OPTION_MERGE_STRATS" /* CONFIG_OPTION_MERGE_STRATS */]: { + message: `config.optionMergeStrategies no longer exposes internal strategies. ` + + `Use custom merge functions instead.` + }, + ["INSTANCE_SET" /* INSTANCE_SET */]: { + message: `vm.$set() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DELETE" /* INSTANCE_DELETE */]: { + message: `vm.$delete() has been removed as it is no longer needed in Vue 3. ` + + `Simply use native JavaScript mutations.` + }, + ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: { + message: `vm.$destroy() has been removed. Use app.unmount() instead.`, + link: `https://v3.vuejs.org/api/application-api.html#unmount` + }, + ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: { + message: `vm.$on/$once/$off() have been removed. ` + + `Use an external event emitter library instead.`, + link: `https://v3.vuejs.org/guide/migration/events-api.html` + }, + ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: { + message: event => `"${event}" lifecycle events are no longer supported. From templates, ` + + `use the "vnode" prefix instead of "hook:". For example, @${event} ` + + `should be changed to @vnode-${event.slice(5)}. ` + + `From JavaScript, use Composition API to dynamically register lifecycle ` + + `hooks.`, + link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html` + }, + ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: { + message: `vm.$children has been removed. Consider refactoring your logic ` + + `to avoid relying on direct access to child components.`, + link: `https://v3.vuejs.org/guide/migration/children.html` + }, + ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: { + message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` + + `included in vm.$attrs and it is no longer necessary to separately use ` + + `v-on="$listeners" if you are already using v-bind="$attrs". ` + + `(Note: the Vue 3 behavior only applies if this compat config is disabled)`, + link: `https://v3.vuejs.org/guide/migration/listeners-removed.html` + }, + ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: { + message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`, + link: `https://v3.vuejs.org/guide/migration/slots-unification.html` + }, + ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: { + message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` + + `relying on class/style fallthrough from parent. In Vue 3, class/style ` + + `are now included in $attrs and will no longer fallthrough when ` + + `inheritAttrs is false. If you are already using v-bind="$attrs" on ` + + `component root it should render the same end result. ` + + `If you are binding $attrs to a non-root element and expecting ` + + `class/style to fallthrough on root, you will need to now manually bind ` + + `them on root via :class="$attrs.class".`, + link: `https://v3.vuejs.org/guide/migration/attrs-includes-class-style.html` + }, + ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: { + message: `The "data" option can no longer be a plain object. ` + + `Always use a function.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html` + }, + ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: { + message: (key) => `Detected conflicting key "${key}" when merging data option values. ` + + `In Vue 3, data keys are merged shallowly and will override one another.`, + link: `https://v3.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change` + }, + ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: { + message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.` + }, + ["OPTIONS_DESTROYED" /* OPTIONS_DESTROYED */]: { + message: `\`destroyed\` has been renamed to \`unmounted\`.` + }, + ["WATCH_ARRAY" /* WATCH_ARRAY */]: { + message: `"watch" option or vm.$watch on an array value will no longer ` + + `trigger on array mutation unless the "deep" option is specified. ` + + `If current usage is intended, you can disable the compat behavior and ` + + `suppress this warning with:` + + `\n\n configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/watch.html` + }, + ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: { + message: (key) => `props default value function no longer has access to "this". The compat ` + + `build only offers access to this.$options.` + + `(found in prop "${key}")`, + link: `https://v3.vuejs.org/guide/migration/props-default-this.html` + }, + ["CUSTOM_DIR" /* CUSTOM_DIR */]: { + message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` + + `Use "${newHook}" instead.`, + link: `https://v3.vuejs.org/guide/migration/custom-directives.html` + }, + ["V_FOR_REF" /* V_FOR_REF */]: { + message: `Ref usage on v-for no longer creates array ref values in Vue 3. ` + + `Consider using function refs or refactor to avoid ref usage altogether.`, + link: `https://v3.vuejs.org/guide/migration/array-refs.html` + }, + ["V_ON_KEYCODE_MODIFIER" /* V_ON_KEYCODE_MODIFIER */]: { + message: `Using keyCode as v-on modifier is no longer supported. ` + + `Use kebab-case key name modifiers instead.`, + link: `https://v3.vuejs.org/guide/migration/keycode-modifiers.html` + }, + ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: { + message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` + + `${name}="false" instead of removing it in Vue 3. To remove the attribute, ` + + `use \`null\` or \`undefined\` instead. If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: { + message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` + + `${value === null ? `be removed` : `render the value as-is`} instead of coercing the value to "${coerced}" in Vue 3. ` + + `Always use explicit "true" or "false" values for enumerated attributes. ` + + `If the usage is intended, ` + + `you can disable the compat behavior and suppress this warning with:` + + `\n\n configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html` + }, + ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: { + message: `` // this feature cannot be runtime-detected + }, + ["TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */]: { + message: `<TransitionGroup> no longer renders a root <span> element by ` + + `default if no "tag" prop is specified. If you do not rely on the span ` + + `for styling, you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`, + link: `https://v3.vuejs.org/guide/migration/transition-group.html` + }, + ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Async component${name ? ` <${name}>` : `s`} should be explicitly created via \`defineAsyncComponent()\` ` + + `in Vue 3. Plain functions will be treated as functional components in ` + + `non-compat build. If you have already migrated all async component ` + + `usage and intend to use plain functions for functional components, ` + + `you can disable the compat behavior and suppress this ` + + `warning with:` + + `\n\n configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`); + }, + link: `https://v3.vuejs.org/guide/migration/async-components.html` + }, + ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: { + message: (comp) => { + const name = getComponentName(comp); + return (`Functional component${name ? ` <${name}>` : `s`} should be defined as a plain function in Vue 3. The "functional" ` + + `option has been removed. NOTE: Before migrating to use plain ` + + `functions for functional components, first make sure that all async ` + + `components usage have been migrated and its compat behavior has ` + + `been disabled.`); + }, + link: `https://v3.vuejs.org/guide/migration/functional-components.html` + }, + ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: { + message: (comp) => { + const configMsg = `opt-in to ` + + `Vue 3 behavior on a per-component basis with \`compatConfig: { ${"COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */}: false }\`.`; + if (comp.props && + (isArray(comp.props) + ? comp.props.includes('modelValue') + : hasOwn(comp.props, 'modelValue'))) { + return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` + + `is running under Vue 2 compat v-model behavior. You can ${configMsg}`); + } + return (`v-model usage on component has changed in Vue 3. Component that expects ` + + `to work with v-model should now use the "modelValue" prop and emit the ` + + `"update:modelValue" event. You can update the usage and then ${configMsg}`); + }, + link: `https://v3.vuejs.org/guide/migration/v-model.html` + }, + ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: { + message: `Vue 3's render function API has changed. ` + + `You can opt-in to the new API with:` + + `\n\n configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` + + `\n (This can also be done per-component via the "compatConfig" option.)`, + link: `https://v3.vuejs.org/guide/migration/render-function-api.html` + }, + ["FILTERS" /* FILTERS */]: { + message: `filters have been removed in Vue 3. ` + + `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` + + `Use method calls or computed properties instead.`, + link: `https://v3.vuejs.org/guide/migration/filters.html` + }, + ["PRIVATE_APIS" /* PRIVATE_APIS */]: { + message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` + + `If you are seeing this warning only due to a dependency, you can ` + + `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.` + } + }; + const instanceWarned = Object.create(null); + const warnCount = Object.create(null); + function warnDeprecation(key, instance, ...args) { + instance = instance || getCurrentInstance(); + // check user config + const config = getCompatConfigForKey(key, instance); + if (config === 'suppress-warning') { + return; + } + const dupKey = key + args.join(''); + let compId = instance && formatComponentName(instance, instance.type); + if (compId === 'Anonymous' && instance) { + compId = instance.uid; + } + // skip if the same warning is emitted for the same component type + const componentDupKey = dupKey + compId; + if (componentDupKey in instanceWarned) { + return; + } + instanceWarned[componentDupKey] = true; + // same warning, but different component. skip the long message and just + // log the key and count. + if (dupKey in warnCount) { + warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`); + return; + } + warnCount[dupKey] = 0; + const { message, link } = deprecationData[key]; + warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n Details: ${link}` : ``}`); + if (!isCompatEnabled(key, instance, true)) { + console.error(`^ The above deprecation's compat behavior is disabled and will likely ` + + `lead to runtime errors.`); + } + } + const globalCompatConfig = { + MODE: 2 + }; + function getCompatConfigForKey(key, instance) { + const instanceConfig = instance && instance.type.compatConfig; + if (instanceConfig && key in instanceConfig) { + return instanceConfig[key]; + } + return globalCompatConfig[key]; + } + function isCompatEnabled(key, instance, enableForBuiltIn = false) { + // skip compat for built-in components + if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) { + return false; + } + const rawMode = getCompatConfigForKey('MODE', instance) || 2; + const val = getCompatConfigForKey(key, instance); + const mode = isFunction(rawMode) + ? rawMode(instance && instance.type) + : rawMode; + if (mode === 2) { + return val !== false; + } + else { + return val === true || val === 'suppress-warning'; + } + } + + function emit(instance, event, ...rawArgs) { + const props = instance.vnode.props || EMPTY_OBJ; + { + const { emitsOptions, propsOptions: [propsOptions] } = instance; + if (emitsOptions) { + if (!(event in emitsOptions) && + !(false )) { + if (!propsOptions || !(toHandlerKey(event) in propsOptions)) { + warn$1(`Component emitted event "${event}" but it is neither declared in ` + + `the emits option nor as an "${toHandlerKey(event)}" prop.`); + } + } + else { + const validator = emitsOptions[event]; + if (isFunction(validator)) { + const isValid = validator(...rawArgs); + if (!isValid) { + warn$1(`Invalid event arguments: event validation failed for event "${event}".`); + } + } + } + } + } + let args = rawArgs; + const isModelListener = event.startsWith('update:'); + // for v-model update:xxx events, apply modifiers on args + const modelArg = isModelListener && event.slice(7); + if (modelArg && modelArg in props) { + const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`; + const { number, trim } = props[modifiersKey] || EMPTY_OBJ; + if (trim) { + args = rawArgs.map(a => a.trim()); + } + else if (number) { + args = rawArgs.map(toNumber); + } + } + { + devtoolsComponentEmit(instance, event, args); + } + { + const lowerCaseEvent = event.toLowerCase(); + if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) { + warn$1(`Event "${lowerCaseEvent}" is emitted in component ` + + `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` + + `Note that HTML attributes are case-insensitive and you cannot use ` + + `v-on to listen to camelCase events when using in-DOM templates. ` + + `You should probably use "${hyphenate(event)}" instead of "${event}".`); + } + } + let handlerName; + let handler = props[(handlerName = toHandlerKey(event))] || + // also try camelCase event handler (#2249) + props[(handlerName = toHandlerKey(camelize(event)))]; + // for v-model update:xxx events, also trigger kebab-case equivalent + // for props passed via kebab-case + if (!handler && isModelListener) { + handler = props[(handlerName = toHandlerKey(hyphenate(event)))]; + } + if (handler) { + callWithAsyncErrorHandling(handler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } + const onceHandler = props[handlerName + `Once`]; + if (onceHandler) { + if (!instance.emitted) { + instance.emitted = {}; + } + else if (instance.emitted[handlerName]) { + return; + } + instance.emitted[handlerName] = true; + callWithAsyncErrorHandling(onceHandler, instance, 6 /* COMPONENT_EVENT_HANDLER */, args); + } + } + function normalizeEmitsOptions(comp, appContext, asMixin = false) { + const cache = appContext.emitsCache; + const cached = cache.get(comp); + if (cached !== undefined) { + return cached; + } + const raw = comp.emits; + let normalized = {}; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendEmits = (raw) => { + const normalizedFromExtend = normalizeEmitsOptions(raw, appContext, true); + if (normalizedFromExtend) { + hasExtends = true; + extend(normalized, normalizedFromExtend); + } + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendEmits); + } + if (comp.extends) { + extendEmits(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendEmits); + } + } + if (!raw && !hasExtends) { + cache.set(comp, null); + return null; + } + if (isArray(raw)) { + raw.forEach(key => (normalized[key] = null)); + } + else { + extend(normalized, raw); + } + cache.set(comp, normalized); + return normalized; + } + // Check if an incoming prop key is a declared emit event listener. + // e.g. With `emits: { click: null }`, props named `onClick` and `onclick` are + // both considered matched listeners. + function isEmitListener(options, key) { + if (!options || !isOn(key)) { + return false; + } + key = key.slice(2).replace(/Once$/, ''); + return (hasOwn(options, key[0].toLowerCase() + key.slice(1)) || + hasOwn(options, hyphenate(key)) || + hasOwn(options, key)); + } + + /** + * mark the current rendering instance for asset resolution (e.g. + * resolveComponent, resolveDirective) during render + */ + let currentRenderingInstance = null; + let currentScopeId = null; + /** + * Note: rendering calls maybe nested. The function returns the parent rendering + * instance if present, which should be restored after the render is done: + * + * ```js + * const prev = setCurrentRenderingInstance(i) + * // ...render + * setCurrentRenderingInstance(prev) + * ``` + */ + function setCurrentRenderingInstance(instance) { + const prev = currentRenderingInstance; + currentRenderingInstance = instance; + currentScopeId = (instance && instance.type.__scopeId) || null; + return prev; + } + /** + * Set scope id when creating hoisted vnodes. + * @private compiler helper + */ + function pushScopeId(id) { + currentScopeId = id; + } + /** + * Technically we no longer need this after 3.0.8 but we need to keep the same + * API for backwards compat w/ code generated by compilers. + * @private + */ + function popScopeId() { + currentScopeId = null; + } + /** + * Only for backwards compat + * @private + */ + const withScopeId = (_id) => withCtx; + /** + * Wrap a slot function to memoize current rendering instance + * @private compiler helper + */ + function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot // false only + ) { + if (!ctx) + return fn; + // already normalized + if (fn._n) { + return fn; + } + const renderFnWithContext = (...args) => { + // If a user calls a compiled slot inside a template expression (#1745), it + // can mess up block tracking, so by default we disable block tracking and + // force bail out when invoking a compiled slot (indicated by the ._d flag). + // This isn't necessary if rendering a compiled `<slot>`, so we flip the + // ._d flag off when invoking the wrapped fn inside `renderSlot`. + if (renderFnWithContext._d) { + setBlockTracking(-1); + } + const prevInstance = setCurrentRenderingInstance(ctx); + const res = fn(...args); + setCurrentRenderingInstance(prevInstance); + if (renderFnWithContext._d) { + setBlockTracking(1); + } + { + devtoolsComponentUpdated(ctx); + } + return res; + }; + // mark normalized to avoid duplicated wrapping + renderFnWithContext._n = true; + // mark this as compiled by default + // this is used in vnode.ts -> normalizeChildren() to set the slot + // rendering flag. + renderFnWithContext._c = true; + // disable block tracking by default + renderFnWithContext._d = true; + return renderFnWithContext; + } + + /** + * dev only flag to track whether $attrs was used during render. + * If $attrs was used during render then the warning for failed attrs + * fallthrough can be suppressed. + */ + let accessedAttrs = false; + function markAttrsAccessed() { + accessedAttrs = true; + } + function renderComponentRoot(instance) { + const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance; + let result; + const prev = setCurrentRenderingInstance(instance); + { + accessedAttrs = false; + } + try { + let fallthroughAttrs; + if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) { + // withProxy is a proxy with a different `has` trap only for + // runtime-compiled render functions using `with` block. + const proxyToUse = withProxy || proxy; + result = normalizeVNode(render.call(proxyToUse, proxyToUse, renderCache, props, setupState, data, ctx)); + fallthroughAttrs = attrs; + } + else { + // functional + const render = Component; + // in dev, mark attrs accessed if optional props (attrs === props) + if (true && attrs === props) { + markAttrsAccessed(); + } + result = normalizeVNode(render.length > 1 + ? render(props, true + ? { + get attrs() { + markAttrsAccessed(); + return attrs; + }, + slots, + emit + } + : { attrs, slots, emit }) + : render(props, null /* we know it doesn't need it */)); + fallthroughAttrs = Component.props + ? attrs + : getFunctionalFallthrough(attrs); + } + // attr merging + // in dev mode, comments are preserved, and it's possible for a template + // to have comments along side the root element which makes it a fragment + let root = result; + let setRoot = undefined; + if (true && + result.patchFlag > 0 && + result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + ; + [root, setRoot] = getChildRoot(result); + } + if (fallthroughAttrs && inheritAttrs !== false) { + const keys = Object.keys(fallthroughAttrs); + const { shapeFlag } = root; + if (keys.length) { + if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) { + if (propsOptions && keys.some(isModelListener)) { + // If a v-model listener (onUpdate:xxx) has a corresponding declared + // prop, it indicates this component expects to handle v-model and + // it should not fallthrough. + // related: #1543, #1643, #1989 + fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions); + } + root = cloneVNode(root, fallthroughAttrs); + } + else if (true && !accessedAttrs && root.type !== Comment$1) { + const allAttrs = Object.keys(attrs); + const eventAttrs = []; + const extraAttrs = []; + for (let i = 0, l = allAttrs.length; i < l; i++) { + const key = allAttrs[i]; + if (isOn(key)) { + // ignore v-model handlers when they fail to fallthrough + if (!isModelListener(key)) { + // remove `on`, lowercase first letter to reflect event casing + // accurately + eventAttrs.push(key[2].toLowerCase() + key.slice(3)); + } + } + else { + extraAttrs.push(key); + } + } + if (extraAttrs.length) { + warn$1(`Extraneous non-props attributes (` + + `${extraAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes.`); + } + if (eventAttrs.length) { + warn$1(`Extraneous non-emits event listeners (` + + `${eventAttrs.join(', ')}) ` + + `were passed to component but could not be automatically inherited ` + + `because component renders fragment or text root nodes. ` + + `If the listener is intended to be a component custom event listener only, ` + + `declare it using the "emits" option.`); + } + } + } + } + if (false && + isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) && + vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ && + root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ; + // inherit directives + if (vnode.dirs) { + if (true && !isElementRoot(root)) { + warn$1(`Runtime directive used on component with non-element root node. ` + + `The directives will not function as intended.`); + } + root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs; + } + // inherit transition data + if (vnode.transition) { + if (true && !isElementRoot(root)) { + warn$1(`Component inside <Transition> renders non-element root node ` + + `that cannot be animated.`); + } + root.transition = vnode.transition; + } + if (true && setRoot) { + setRoot(root); + } + else { + result = root; + } + } + catch (err) { + blockStack.length = 0; + handleError(err, instance, 1 /* RENDER_FUNCTION */); + result = createVNode(Comment$1); + } + setCurrentRenderingInstance(prev); + return result; + } + /** + * dev only + * In dev mode, template root level comments are rendered, which turns the + * template into a fragment root, but we need to locate the single element + * root for attrs and scope id processing. + */ + const getChildRoot = (vnode) => { + const rawChildren = vnode.children; + const dynamicChildren = vnode.dynamicChildren; + const childRoot = filterSingleRoot(rawChildren); + if (!childRoot) { + return [vnode, undefined]; + } + const index = rawChildren.indexOf(childRoot); + const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1; + const setRoot = (updatedRoot) => { + rawChildren[index] = updatedRoot; + if (dynamicChildren) { + if (dynamicIndex > -1) { + dynamicChildren[dynamicIndex] = updatedRoot; + } + else if (updatedRoot.patchFlag > 0) { + vnode.dynamicChildren = [...dynamicChildren, updatedRoot]; + } + } + }; + return [normalizeVNode(childRoot), setRoot]; + }; + function filterSingleRoot(children) { + let singleRoot; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (isVNode(child)) { + // ignore user comment + if (child.type !== Comment$1 || child.children === 'v-if') { + if (singleRoot) { + // has more than 1 non-comment child, return now + return; + } + else { + singleRoot = child; + } + } + } + else { + return; + } + } + return singleRoot; + } + const getFunctionalFallthrough = (attrs) => { + let res; + for (const key in attrs) { + if (key === 'class' || key === 'style' || isOn(key)) { + (res || (res = {}))[key] = attrs[key]; + } + } + return res; + }; + const filterModelListeners = (attrs, props) => { + const res = {}; + for (const key in attrs) { + if (!isModelListener(key) || !(key.slice(9) in props)) { + res[key] = attrs[key]; + } + } + return res; + }; + const isElementRoot = (vnode) => { + return (vnode.shapeFlag & (6 /* COMPONENT */ | 1 /* ELEMENT */) || + vnode.type === Comment$1 // potential v-if branch switch + ); + }; + function shouldUpdateComponent(prevVNode, nextVNode, optimized) { + const { props: prevProps, children: prevChildren, component } = prevVNode; + const { props: nextProps, children: nextChildren, patchFlag } = nextVNode; + const emits = component.emitsOptions; + // Parent component's render function was hot-updated. Since this may have + // caused the child component's slots content to have changed, we need to + // force the child to update as well. + if ((prevChildren || nextChildren) && isHmrUpdating) { + return true; + } + // force child update for runtime directive or transition on component vnode. + if (nextVNode.dirs || nextVNode.transition) { + return true; + } + if (optimized && patchFlag >= 0) { + if (patchFlag & 1024 /* DYNAMIC_SLOTS */) { + // slot content that references values that might have changed, + // e.g. in a v-for + return true; + } + if (patchFlag & 16 /* FULL_PROPS */) { + if (!prevProps) { + return !!nextProps; + } + // presence of this flag indicates props are always non-null + return hasPropsChanged(prevProps, nextProps, emits); + } + else if (patchFlag & 8 /* PROPS */) { + const dynamicProps = nextVNode.dynamicProps; + for (let i = 0; i < dynamicProps.length; i++) { + const key = dynamicProps[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emits, key)) { + return true; + } + } + } + } + else { + // this path is only taken by manually written render functions + // so presence of any children leads to a forced update + if (prevChildren || nextChildren) { + if (!nextChildren || !nextChildren.$stable) { + return true; + } + } + if (prevProps === nextProps) { + return false; + } + if (!prevProps) { + return !!nextProps; + } + if (!nextProps) { + return true; + } + return hasPropsChanged(prevProps, nextProps, emits); + } + return false; + } + function hasPropsChanged(prevProps, nextProps, emitsOptions) { + const nextKeys = Object.keys(nextProps); + if (nextKeys.length !== Object.keys(prevProps).length) { + return true; + } + for (let i = 0; i < nextKeys.length; i++) { + const key = nextKeys[i]; + if (nextProps[key] !== prevProps[key] && + !isEmitListener(emitsOptions, key)) { + return true; + } + } + return false; + } + function updateHOCHostEl({ vnode, parent }, el // HostNode + ) { + while (parent && parent.subTree === vnode) { + (vnode = parent.vnode).el = el; + parent = parent.parent; + } + } + + const isSuspense = (type) => type.__isSuspense; + // Suspense exposes a component-like API, and is treated like a component + // in the compiler, but internally it's a special built-in type that hooks + // directly into the renderer. + const SuspenseImpl = { + name: 'Suspense', + // In order to make Suspense tree-shakable, we need to avoid importing it + // directly in the renderer. The renderer checks for the __isSuspense flag + // on a vnode's type and calls the `process` method, passing in renderer + // internals. + __isSuspense: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, + // platform-specific impl passed from renderer + rendererInternals) { + if (n1 == null) { + mountSuspense(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals); + } + else { + patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, rendererInternals); + } + }, + hydrate: hydrateSuspense, + create: createSuspenseBoundary, + normalize: normalizeSuspenseChildren + }; + // Force-casted public typing for h and TSX props inference + const Suspense = (SuspenseImpl ); + function triggerEvent(vnode, name) { + const eventListener = vnode.props && vnode.props[name]; + if (isFunction(eventListener)) { + eventListener(); + } + } + function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals) { + const { p: patch, o: { createElement } } = rendererInternals; + const hiddenContainer = createElement('div'); + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals)); + // start mounting the content subtree in an off-dom container + patch(null, (suspense.pendingBranch = vnode.ssContent), hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds); + // now check if we have encountered any async deps + if (suspense.deps > 0) { + // has async + // invoke @fallback event + triggerEvent(vnode, 'onPending'); + triggerEvent(vnode, 'onFallback'); + // mount the fallback tree + patch(null, vnode.ssFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds); + setActiveBranch(suspense, vnode.ssFallback); + } + else { + // Suspense has no async deps. Just resolve. + suspense.resolve(); + } + } + function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) { + const suspense = (n2.suspense = n1.suspense); + suspense.vnode = n2; + n2.el = n1.el; + const newBranch = n2.ssContent; + const newFallback = n2.ssFallback; + const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense; + if (pendingBranch) { + suspense.pendingBranch = newBranch; + if (isSameVNodeType(newBranch, pendingBranch)) { + // same root type but content may have changed. + patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else if (isInFallback) { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else { + // toggled before pending tree is resolved + suspense.pendingId++; + if (isHydrating) { + // if toggled before hydration is finished, the current DOM tree is + // no longer valid. set it as the active branch so it will be unmounted + // when resolved + suspense.isHydrating = false; + suspense.activeBranch = pendingBranch; + } + else { + unmount(pendingBranch, parentComponent, suspense); + } + // increment pending ID. this is used to invalidate async callbacks + // reset suspense state + suspense.deps = 0; + // discard effects from pending branch + suspense.effects.length = 0; + // discard previous container + suspense.hiddenContainer = createElement('div'); + if (isInFallback) { + // already in fallback state + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + else { + patch(activeBranch, newFallback, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newFallback); + } + } + else if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // toggled "back" to current active branch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + // force resolve + suspense.resolve(true); + } + else { + // switched to a 3rd branch + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + suspense.resolve(); + } + } + } + } + else { + if (activeBranch && isSameVNodeType(newBranch, activeBranch)) { + // root did not change, just normal patch + patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, newBranch); + } + else { + // root node toggled + // invoke @pending event + triggerEvent(n2, 'onPending'); + // mount pending branch in off-dom container + suspense.pendingBranch = newBranch; + suspense.pendingId++; + patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, isSVG, slotScopeIds, optimized); + if (suspense.deps <= 0) { + // incoming branch has no async deps, resolve now. + suspense.resolve(); + } + else { + const { timeout, pendingId } = suspense; + if (timeout > 0) { + setTimeout(() => { + if (suspense.pendingId === pendingId) { + suspense.fallback(newFallback); + } + }, timeout); + } + else if (timeout === 0) { + suspense.fallback(newFallback); + } + } + } + } + } + let hasWarned = false; + function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) { + /* istanbul ignore if */ + if (!hasWarned) { + hasWarned = true; + // @ts-ignore `console.info` cannot be null error + console[console.info ? 'info' : 'log'](`<Suspense> is an experimental feature and its API will likely change.`); + } + const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals; + const timeout = toNumber(vnode.props && vnode.props.timeout); + const suspense = { + vnode, + parent, + parentComponent, + isSVG, + container, + hiddenContainer, + anchor, + deps: 0, + pendingId: 0, + timeout: typeof timeout === 'number' ? timeout : -1, + activeBranch: null, + pendingBranch: null, + isInFallback: true, + isHydrating, + isUnmounted: false, + effects: [], + resolve(resume = false) { + { + if (!resume && !suspense.pendingBranch) { + throw new Error(`suspense.resolve() is called without a pending branch.`); + } + if (suspense.isUnmounted) { + throw new Error(`suspense.resolve() is called on an already unmounted suspense boundary.`); + } + } + const { vnode, activeBranch, pendingBranch, pendingId, effects, parentComponent, container } = suspense; + if (suspense.isHydrating) { + suspense.isHydrating = false; + } + else if (!resume) { + const delayEnter = activeBranch && + pendingBranch.transition && + pendingBranch.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = () => { + if (pendingId === suspense.pendingId) { + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + }; + } + // this is initial anchor on mount + let { anchor } = suspense; + // unmount current active tree + if (activeBranch) { + // if the fallback tree was mounted, it may have been moved + // as part of a parent suspense. get the latest anchor for insertion + anchor = next(activeBranch); + unmount(activeBranch, parentComponent, suspense, true); + } + if (!delayEnter) { + // move content from off-dom container to actual container + move(pendingBranch, container, anchor, 0 /* ENTER */); + } + } + setActiveBranch(suspense, pendingBranch); + suspense.pendingBranch = null; + suspense.isInFallback = false; + // flush buffered effects + // check if there is a pending parent suspense + let parent = suspense.parent; + let hasUnresolvedAncestor = false; + while (parent) { + if (parent.pendingBranch) { + // found a pending parent suspense, merge buffered post jobs + // into that parent + parent.effects.push(...effects); + hasUnresolvedAncestor = true; + break; + } + parent = parent.parent; + } + // no pending parent suspense, flush all jobs + if (!hasUnresolvedAncestor) { + queuePostFlushCb(effects); + } + suspense.effects = []; + // invoke @resolve event + triggerEvent(vnode, 'onResolve'); + }, + fallback(fallbackVNode) { + if (!suspense.pendingBranch) { + return; + } + const { vnode, activeBranch, parentComponent, container, isSVG } = suspense; + // invoke @fallback event + triggerEvent(vnode, 'onFallback'); + const anchor = next(activeBranch); + const mountFallback = () => { + if (!suspense.isInFallback) { + return; + } + // mount the fallback tree + patch(null, fallbackVNode, container, anchor, parentComponent, null, // fallback tree will not have suspense context + isSVG, slotScopeIds, optimized); + setActiveBranch(suspense, fallbackVNode); + }; + const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === 'out-in'; + if (delayEnter) { + activeBranch.transition.afterLeave = mountFallback; + } + suspense.isInFallback = true; + // unmount current active branch + unmount(activeBranch, parentComponent, null, // no suspense so unmount hooks fire now + true // shouldRemove + ); + if (!delayEnter) { + mountFallback(); + } + }, + move(container, anchor, type) { + suspense.activeBranch && + move(suspense.activeBranch, container, anchor, type); + suspense.container = container; + }, + next() { + return suspense.activeBranch && next(suspense.activeBranch); + }, + registerDep(instance, setupRenderEffect) { + const isInPendingSuspense = !!suspense.pendingBranch; + if (isInPendingSuspense) { + suspense.deps++; + } + const hydratedEl = instance.vnode.el; + instance + .asyncDep.catch(err => { + handleError(err, instance, 0 /* SETUP_FUNCTION */); + }) + .then(asyncSetupResult => { + // retry when the setup() promise resolves. + // component may have been unmounted before resolve. + if (instance.isUnmounted || + suspense.isUnmounted || + suspense.pendingId !== instance.suspenseId) { + return; + } + // retry from this component + instance.asyncResolved = true; + const { vnode } = instance; + { + pushWarningContext(vnode); + } + handleSetupResult(instance, asyncSetupResult, false); + if (hydratedEl) { + // vnode may have been replaced if an update happened before the + // async dep is resolved. + vnode.el = hydratedEl; + } + const placeholder = !hydratedEl && instance.subTree.el; + setupRenderEffect(instance, vnode, + // component may have been moved before resolve. + // if this is not a hydration, instance.subTree will be the comment + // placeholder. + parentNode(hydratedEl || instance.subTree.el), + // anchor will not be used if this is hydration, so only need to + // consider the comment placeholder case. + hydratedEl ? null : next(instance.subTree), suspense, isSVG, optimized); + if (placeholder) { + remove(placeholder); + } + updateHOCHostEl(instance, vnode.el); + { + popWarningContext(); + } + // only decrease deps count if suspense is not already resolved + if (isInPendingSuspense && --suspense.deps === 0) { + suspense.resolve(); + } + }); + }, + unmount(parentSuspense, doRemove) { + suspense.isUnmounted = true; + if (suspense.activeBranch) { + unmount(suspense.activeBranch, parentComponent, parentSuspense, doRemove); + } + if (suspense.pendingBranch) { + unmount(suspense.pendingBranch, parentComponent, parentSuspense, doRemove); + } + } + }; + return suspense; + } + function hydrateSuspense(node, vnode, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, rendererInternals, hydrateNode) { + /* eslint-disable no-restricted-globals */ + const suspense = (vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement('div'), null, isSVG, slotScopeIds, optimized, rendererInternals, true /* hydrating */)); + // there are two possible scenarios for server-rendered suspense: + // - success: ssr content should be fully resolved + // - failure: ssr content should be the fallback branch. + // however, on the client we don't really know if it has failed or not + // attempt to hydrate the DOM assuming it has succeeded, but we still + // need to construct a suspense boundary first + const result = hydrateNode(node, (suspense.pendingBranch = vnode.ssContent), parentComponent, suspense, slotScopeIds, optimized); + if (suspense.deps === 0) { + suspense.resolve(); + } + return result; + /* eslint-enable no-restricted-globals */ + } + function normalizeSuspenseChildren(vnode) { + const { shapeFlag, children } = vnode; + const isSlotChildren = shapeFlag & 32 /* SLOTS_CHILDREN */; + vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children); + vnode.ssFallback = isSlotChildren + ? normalizeSuspenseSlot(children.fallback) + : createVNode(Comment); + } + function normalizeSuspenseSlot(s) { + let block; + if (isFunction(s)) { + const isCompiledSlot = s._c; + if (isCompiledSlot) { + // disableTracking: false + // allow block tracking for compiled slots + // (see ./componentRenderContext.ts) + s._d = false; + openBlock(); + } + s = s(); + if (isCompiledSlot) { + s._d = true; + block = currentBlock; + closeBlock(); + } + } + if (isArray(s)) { + const singleChild = filterSingleRoot(s); + if (!singleChild) { + warn$1(`<Suspense> slots expect a single root node.`); + } + s = singleChild; + } + s = normalizeVNode(s); + if (block && !s.dynamicChildren) { + s.dynamicChildren = block.filter(c => c !== s); + } + return s; + } + function queueEffectWithSuspense(fn, suspense) { + if (suspense && suspense.pendingBranch) { + if (isArray(fn)) { + suspense.effects.push(...fn); + } + else { + suspense.effects.push(fn); + } + } + else { + queuePostFlushCb(fn); + } + } + function setActiveBranch(suspense, branch) { + suspense.activeBranch = branch; + const { vnode, parentComponent } = suspense; + const el = (vnode.el = branch.el); + // in case suspense is the root node of a component, + // recursively update the HOC el + if (parentComponent && parentComponent.subTree === vnode) { + parentComponent.vnode.el = el; + updateHOCHostEl(parentComponent, el); + } + } + + function provide(key, value) { + if (!currentInstance) { + { + warn$1(`provide() can only be used inside setup().`); + } + } + else { + let provides = currentInstance.provides; + // by default an instance inherits its parent's provides object + // but when it needs to provide values of its own, it creates its + // own provides object using parent provides object as prototype. + // this way in `inject` we can simply look up injections from direct + // parent and let the prototype chain do the work. + const parentProvides = currentInstance.parent && currentInstance.parent.provides; + if (parentProvides === provides) { + provides = currentInstance.provides = Object.create(parentProvides); + } + // TS doesn't allow symbol as index type + provides[key] = value; + } + } + function inject(key, defaultValue, treatDefaultAsFactory = false) { + // fallback to `currentRenderingInstance` so that this can be called in + // a functional component + const instance = currentInstance || currentRenderingInstance; + if (instance) { + // #2400 + // to support `app.use` plugins, + // fallback to appContext's `provides` if the intance is at root + const provides = instance.parent == null + ? instance.vnode.appContext && instance.vnode.appContext.provides + : instance.parent.provides; + if (provides && key in provides) { + // TS doesn't allow symbol as index type + return provides[key]; + } + else if (arguments.length > 1) { + return treatDefaultAsFactory && isFunction(defaultValue) + ? defaultValue.call(instance.proxy) + : defaultValue; + } + else { + warn$1(`injection "${String(key)}" not found.`); + } + } + else { + warn$1(`inject() can only be used inside setup() or functional components.`); + } + } + + function useTransitionState() { + const state = { + isMounted: false, + isLeaving: false, + isUnmounting: false, + leavingVNodes: new Map() + }; + onMounted(() => { + state.isMounted = true; + }); + onBeforeUnmount(() => { + state.isUnmounting = true; + }); + return state; + } + const TransitionHookValidator = [Function, Array]; + const BaseTransitionImpl = { + name: `BaseTransition`, + props: { + mode: String, + appear: Boolean, + persisted: Boolean, + // enter + onBeforeEnter: TransitionHookValidator, + onEnter: TransitionHookValidator, + onAfterEnter: TransitionHookValidator, + onEnterCancelled: TransitionHookValidator, + // leave + onBeforeLeave: TransitionHookValidator, + onLeave: TransitionHookValidator, + onAfterLeave: TransitionHookValidator, + onLeaveCancelled: TransitionHookValidator, + // appear + onBeforeAppear: TransitionHookValidator, + onAppear: TransitionHookValidator, + onAfterAppear: TransitionHookValidator, + onAppearCancelled: TransitionHookValidator + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevTransitionKey; + return () => { + const children = slots.default && getTransitionRawChildren(slots.default(), true); + if (!children || !children.length) { + return; + } + // warn multiple elements + if (children.length > 1) { + warn$1('<transition> can only be used on a single element or component. Use ' + + '<transition-group> for lists.'); + } + // there's no need to track reactivity for these props so use the raw + // props for a bit better perf + const rawProps = toRaw(props); + const { mode } = rawProps; + // check mode + if (mode && !['in-out', 'out-in', 'default'].includes(mode)) { + warn$1(`invalid <transition> mode: ${mode}`); + } + // at this point children has a guaranteed length of 1. + const child = children[0]; + if (state.isLeaving) { + return emptyPlaceholder(child); + } + // in the case of <transition><keep-alive/></transition>, we need to + // compare the type of the kept-alive children. + const innerChild = getKeepAliveChild(child); + if (!innerChild) { + return emptyPlaceholder(child); + } + const enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance); + setTransitionHooks(innerChild, enterHooks); + const oldChild = instance.subTree; + const oldInnerChild = oldChild && getKeepAliveChild(oldChild); + let transitionKeyChanged = false; + const { getTransitionKey } = innerChild.type; + if (getTransitionKey) { + const key = getTransitionKey(); + if (prevTransitionKey === undefined) { + prevTransitionKey = key; + } + else if (key !== prevTransitionKey) { + prevTransitionKey = key; + transitionKeyChanged = true; + } + } + // handle mode + if (oldInnerChild && + oldInnerChild.type !== Comment$1 && + (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) { + const leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance); + // update old tree's hooks in case of dynamic transition + setTransitionHooks(oldInnerChild, leavingHooks); + // switching between different views + if (mode === 'out-in') { + state.isLeaving = true; + // return placeholder node and queue update when leave finishes + leavingHooks.afterLeave = () => { + state.isLeaving = false; + instance.update(); + }; + return emptyPlaceholder(child); + } + else if (mode === 'in-out' && innerChild.type !== Comment$1) { + leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { + const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild); + leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; + // early removal callback + el._leaveCb = () => { + earlyRemove(); + el._leaveCb = undefined; + delete enterHooks.delayedLeave; + }; + enterHooks.delayedLeave = delayedLeave; + }; + } + } + return child; + }; + } + }; + // export the public type for h/tsx inference + // also to avoid inline import() in generated d.ts files + const BaseTransition = BaseTransitionImpl; + function getLeavingNodesForType(state, vnode) { + const { leavingVNodes } = state; + let leavingVNodesCache = leavingVNodes.get(vnode.type); + if (!leavingVNodesCache) { + leavingVNodesCache = Object.create(null); + leavingVNodes.set(vnode.type, leavingVNodesCache); + } + return leavingVNodesCache; + } + // The transition hooks are attached to the vnode as vnode.transition + // and will be called at appropriate timing in the renderer. + function resolveTransitionHooks(vnode, props, state, instance) { + const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props; + const key = String(vnode.key); + const leavingVNodesCache = getLeavingNodesForType(state, vnode); + const callHook = (hook, args) => { + hook && + callWithAsyncErrorHandling(hook, instance, 9 /* TRANSITION_HOOK */, args); + }; + const hooks = { + mode, + persisted, + beforeEnter(el) { + let hook = onBeforeEnter; + if (!state.isMounted) { + if (appear) { + hook = onBeforeAppear || onBeforeEnter; + } + else { + return; + } + } + // for same element (v-show) + if (el._leaveCb) { + el._leaveCb(true /* cancelled */); + } + // for toggled element with same key (v-if) + const leavingVNode = leavingVNodesCache[key]; + if (leavingVNode && + isSameVNodeType(vnode, leavingVNode) && + leavingVNode.el._leaveCb) { + // force early removal (not cancelled) + leavingVNode.el._leaveCb(); + } + callHook(hook, [el]); + }, + enter(el) { + let hook = onEnter; + let afterHook = onAfterEnter; + let cancelHook = onEnterCancelled; + if (!state.isMounted) { + if (appear) { + hook = onAppear || onEnter; + afterHook = onAfterAppear || onAfterEnter; + cancelHook = onAppearCancelled || onEnterCancelled; + } + else { + return; + } + } + let called = false; + const done = (el._enterCb = (cancelled) => { + if (called) + return; + called = true; + if (cancelled) { + callHook(cancelHook, [el]); + } + else { + callHook(afterHook, [el]); + } + if (hooks.delayedLeave) { + hooks.delayedLeave(); + } + el._enterCb = undefined; + }); + if (hook) { + hook(el, done); + if (hook.length <= 1) { + done(); + } + } + else { + done(); + } + }, + leave(el, remove) { + const key = String(vnode.key); + if (el._enterCb) { + el._enterCb(true /* cancelled */); + } + if (state.isUnmounting) { + return remove(); + } + callHook(onBeforeLeave, [el]); + let called = false; + const done = (el._leaveCb = (cancelled) => { + if (called) + return; + called = true; + remove(); + if (cancelled) { + callHook(onLeaveCancelled, [el]); + } + else { + callHook(onAfterLeave, [el]); + } + el._leaveCb = undefined; + if (leavingVNodesCache[key] === vnode) { + delete leavingVNodesCache[key]; + } + }); + leavingVNodesCache[key] = vnode; + if (onLeave) { + onLeave(el, done); + if (onLeave.length <= 1) { + done(); + } + } + else { + done(); + } + }, + clone(vnode) { + return resolveTransitionHooks(vnode, props, state, instance); + } + }; + return hooks; + } + // the placeholder really only handles one special case: KeepAlive + // in the case of a KeepAlive in a leave phase we need to return a KeepAlive + // placeholder with empty content to avoid the KeepAlive instance from being + // unmounted. + function emptyPlaceholder(vnode) { + if (isKeepAlive(vnode)) { + vnode = cloneVNode(vnode); + vnode.children = null; + return vnode; + } + } + function getKeepAliveChild(vnode) { + return isKeepAlive(vnode) + ? vnode.children + ? vnode.children[0] + : undefined + : vnode; + } + function setTransitionHooks(vnode, hooks) { + if (vnode.shapeFlag & 6 /* COMPONENT */ && vnode.component) { + setTransitionHooks(vnode.component.subTree, hooks); + } + else if (vnode.shapeFlag & 128 /* SUSPENSE */) { + vnode.ssContent.transition = hooks.clone(vnode.ssContent); + vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); + } + else { + vnode.transition = hooks; + } + } + function getTransitionRawChildren(children, keepComment = false) { + let ret = []; + let keyedFragmentCount = 0; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + // handle fragment children case, e.g. v-for + if (child.type === Fragment) { + if (child.patchFlag & 128 /* KEYED_FRAGMENT */) + keyedFragmentCount++; + ret = ret.concat(getTransitionRawChildren(child.children, keepComment)); + } + // comment placeholders should be skipped, e.g. v-if + else if (keepComment || child.type !== Comment$1) { + ret.push(child); + } + } + // #1126 if a transition children list contains multiple sub fragments, these + // fragments will be merged into a flat children array. Since each v-for + // fragment may contain different static bindings inside, we need to de-op + // these children to force full diffs to ensure correct behavior. + if (keyedFragmentCount > 1) { + for (let i = 0; i < ret.length; i++) { + ret[i].patchFlag = -2 /* BAIL */; + } + } + return ret; + } + + // implementation, close to no-op + function defineComponent(options) { + return isFunction(options) ? { setup: options, name: options.name } : options; + } + + const isAsyncWrapper = (i) => !!i.type.__asyncLoader; + function defineAsyncComponent(source) { + if (isFunction(source)) { + source = { loader: source }; + } + const { loader, loadingComponent, errorComponent, delay = 200, timeout, // undefined = never times out + suspensible = true, onError: userOnError } = source; + let pendingRequest = null; + let resolvedComp; + let retries = 0; + const retry = () => { + retries++; + pendingRequest = null; + return load(); + }; + const load = () => { + let thisRequest; + return (pendingRequest || + (thisRequest = pendingRequest = + loader() + .catch(err => { + err = err instanceof Error ? err : new Error(String(err)); + if (userOnError) { + return new Promise((resolve, reject) => { + const userRetry = () => resolve(retry()); + const userFail = () => reject(err); + userOnError(err, userRetry, userFail, retries + 1); + }); + } + else { + throw err; + } + }) + .then((comp) => { + if (thisRequest !== pendingRequest && pendingRequest) { + return pendingRequest; + } + if (!comp) { + warn$1(`Async component loader resolved to undefined. ` + + `If you are using retry(), make sure to return its return value.`); + } + // interop module default + if (comp && + (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) { + comp = comp.default; + } + if (comp && !isObject(comp) && !isFunction(comp)) { + throw new Error(`Invalid async component load result: ${comp}`); + } + resolvedComp = comp; + return comp; + }))); + }; + return defineComponent({ + name: 'AsyncComponentWrapper', + __asyncLoader: load, + get __asyncResolved() { + return resolvedComp; + }, + setup() { + const instance = currentInstance; + // already resolved + if (resolvedComp) { + return () => createInnerComp(resolvedComp, instance); + } + const onError = (err) => { + pendingRequest = null; + handleError(err, instance, 13 /* ASYNC_COMPONENT_LOADER */, !errorComponent /* do not throw in dev if user provided error component */); + }; + // suspense-controlled or SSR. + if ((suspensible && instance.suspense) || + (false )) { + return load() + .then(comp => { + return () => createInnerComp(comp, instance); + }) + .catch(err => { + onError(err); + return () => errorComponent + ? createVNode(errorComponent, { + error: err + }) + : null; + }); + } + const loaded = ref(false); + const error = ref(); + const delayed = ref(!!delay); + if (delay) { + setTimeout(() => { + delayed.value = false; + }, delay); + } + if (timeout != null) { + setTimeout(() => { + if (!loaded.value && !error.value) { + const err = new Error(`Async component timed out after ${timeout}ms.`); + onError(err); + error.value = err; + } + }, timeout); + } + load() + .then(() => { + loaded.value = true; + if (instance.parent && isKeepAlive(instance.parent.vnode)) { + // parent is keep-alive, force update so the loaded component's + // name is taken into account + queueJob(instance.parent.update); + } + }) + .catch(err => { + onError(err); + error.value = err; + }); + return () => { + if (loaded.value && resolvedComp) { + return createInnerComp(resolvedComp, instance); + } + else if (error.value && errorComponent) { + return createVNode(errorComponent, { + error: error.value + }); + } + else if (loadingComponent && !delayed.value) { + return createVNode(loadingComponent); + } + }; + } + }); + } + function createInnerComp(comp, { vnode: { ref, props, children } }) { + const vnode = createVNode(comp, props, children); + // ensure inner component inherits the async wrapper's ref owner + vnode.ref = ref; + return vnode; + } + + const isKeepAlive = (vnode) => vnode.type.__isKeepAlive; + const KeepAliveImpl = { + name: `KeepAlive`, + // Marker for special handling inside the renderer. We are not using a === + // check directly on KeepAlive in the renderer, because importing it directly + // would prevent it from being tree-shaken. + __isKeepAlive: true, + props: { + include: [String, RegExp, Array], + exclude: [String, RegExp, Array], + max: [String, Number] + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + // KeepAlive communicates with the instantiated renderer via the + // ctx where the renderer passes in its internals, + // and the KeepAlive instance exposes activate/deactivate implementations. + // The whole point of this is to avoid importing KeepAlive directly in the + // renderer to facilitate tree-shaking. + const sharedContext = instance.ctx; + // if the internal renderer is not registered, it indicates that this is server-side rendering, + // for KeepAlive, we just need to render its children + if (!sharedContext.renderer) { + return slots.default; + } + const cache = new Map(); + const keys = new Set(); + let current = null; + { + instance.__v_cache = cache; + } + const parentSuspense = instance.suspense; + const { renderer: { p: patch, m: move, um: _unmount, o: { createElement } } } = sharedContext; + const storageContainer = createElement('div'); + sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => { + const instance = vnode.component; + move(vnode, container, anchor, 0 /* ENTER */, parentSuspense); + // in case props have changed + patch(instance.vnode, vnode, container, anchor, instance, parentSuspense, isSVG, vnode.slotScopeIds, optimized); + queuePostRenderEffect(() => { + instance.isDeactivated = false; + if (instance.a) { + invokeArrayFns(instance.a); + } + const vnodeHook = vnode.props && vnode.props.onVnodeMounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + sharedContext.deactivate = (vnode) => { + const instance = vnode.component; + move(vnode, storageContainer, null, 1 /* LEAVE */, parentSuspense); + queuePostRenderEffect(() => { + if (instance.da) { + invokeArrayFns(instance.da); + } + const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance.parent, vnode); + } + instance.isDeactivated = true; + }, parentSuspense); + { + // Update components tree + devtoolsComponentAdded(instance); + } + }; + function unmount(vnode) { + // reset the shapeFlag so it can be properly unmounted + resetShapeFlag(vnode); + _unmount(vnode, instance, parentSuspense); + } + function pruneCache(filter) { + cache.forEach((vnode, key) => { + const name = getComponentName(vnode.type); + if (name && (!filter || !filter(name))) { + pruneCacheEntry(key); + } + }); + } + function pruneCacheEntry(key) { + const cached = cache.get(key); + if (!current || cached.type !== current.type) { + unmount(cached); + } + else if (current) { + // current active instance should no longer be kept-alive. + // we can't unmount it now but it might be later, so reset its flag now. + resetShapeFlag(current); + } + cache.delete(key); + keys.delete(key); + } + // prune cache on include/exclude prop change + watch(() => [props.include, props.exclude], ([include, exclude]) => { + include && pruneCache(name => matches(include, name)); + exclude && pruneCache(name => !matches(exclude, name)); + }, + // prune post-render after `current` has been updated + { flush: 'post', deep: true }); + // cache sub tree after render + let pendingCacheKey = null; + const cacheSubtree = () => { + // fix #1621, the pendingCacheKey could be 0 + if (pendingCacheKey != null) { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + } + }; + onMounted(cacheSubtree); + onUpdated(cacheSubtree); + onBeforeUnmount(() => { + cache.forEach(cached => { + const { subTree, suspense } = instance; + const vnode = getInnerChild(subTree); + if (cached.type === vnode.type) { + // current instance will be unmounted as part of keep-alive's unmount + resetShapeFlag(vnode); + // but invoke its deactivated hook here + const da = vnode.component.da; + da && queuePostRenderEffect(da, suspense); + return; + } + unmount(cached); + }); + }); + return () => { + pendingCacheKey = null; + if (!slots.default) { + return null; + } + const children = slots.default(); + const rawVNode = children[0]; + if (children.length > 1) { + { + warn$1(`KeepAlive should contain exactly one component child.`); + } + current = null; + return children; + } + else if (!isVNode(rawVNode) || + (!(rawVNode.shapeFlag & 4 /* STATEFUL_COMPONENT */) && + !(rawVNode.shapeFlag & 128 /* SUSPENSE */))) { + current = null; + return rawVNode; + } + let vnode = getInnerChild(rawVNode); + const comp = vnode.type; + // for async components, name check should be based in its loaded + // inner component if available + const name = getComponentName(isAsyncWrapper(vnode) + ? vnode.type.__asyncResolved || {} + : comp); + const { include, exclude, max } = props; + if ((include && (!name || !matches(include, name))) || + (exclude && name && matches(exclude, name))) { + current = vnode; + return rawVNode; + } + const key = vnode.key == null ? comp : vnode.key; + const cachedVNode = cache.get(key); + // clone vnode if it's reused because we are going to mutate it + if (vnode.el) { + vnode = cloneVNode(vnode); + if (rawVNode.shapeFlag & 128 /* SUSPENSE */) { + rawVNode.ssContent = vnode; + } + } + // #1513 it's possible for the returned vnode to be cloned due to attr + // fallthrough or scopeId, so the vnode here may not be the final vnode + // that is mounted. Instead of caching it directly, we store the pending + // key and cache `instance.subTree` (the normalized vnode) in + // beforeMount/beforeUpdate hooks. + pendingCacheKey = key; + if (cachedVNode) { + // copy over mounted state + vnode.el = cachedVNode.el; + vnode.component = cachedVNode.component; + if (vnode.transition) { + // recursively update transition hooks on subTree + setTransitionHooks(vnode, vnode.transition); + } + // avoid vnode being mounted as fresh + vnode.shapeFlag |= 512 /* COMPONENT_KEPT_ALIVE */; + // make this key the freshest + keys.delete(key); + keys.add(key); + } + else { + keys.add(key); + // prune oldest entry + if (max && keys.size > parseInt(max, 10)) { + pruneCacheEntry(keys.values().next().value); + } + } + // avoid vnode being unmounted + vnode.shapeFlag |= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + current = vnode; + return rawVNode; + }; + } + }; + // export the public type for h/tsx inference + // also to avoid inline import() in generated d.ts files + const KeepAlive = KeepAliveImpl; + function matches(pattern, name) { + if (isArray(pattern)) { + return pattern.some((p) => matches(p, name)); + } + else if (isString(pattern)) { + return pattern.split(',').indexOf(name) > -1; + } + else if (pattern.test) { + return pattern.test(name); + } + /* istanbul ignore next */ + return false; + } + function onActivated(hook, target) { + registerKeepAliveHook(hook, "a" /* ACTIVATED */, target); + } + function onDeactivated(hook, target) { + registerKeepAliveHook(hook, "da" /* DEACTIVATED */, target); + } + function registerKeepAliveHook(hook, type, target = currentInstance) { + // cache the deactivate branch check wrapper for injected hooks so the same + // hook can be properly deduped by the scheduler. "__wdc" stands for "with + // deactivation check". + const wrappedHook = hook.__wdc || + (hook.__wdc = () => { + // only fire the hook if the target instance is NOT in a deactivated branch. + let current = target; + while (current) { + if (current.isDeactivated) { + return; + } + current = current.parent; + } + hook(); + }); + injectHook(type, wrappedHook, target); + // In addition to registering it on the target instance, we walk up the parent + // chain and register it on all ancestor instances that are keep-alive roots. + // This avoids the need to walk the entire component tree when invoking these + // hooks, and more importantly, avoids the need to track child components in + // arrays. + if (target) { + let current = target.parent; + while (current && current.parent) { + if (isKeepAlive(current.parent.vnode)) { + injectToKeepAliveRoot(wrappedHook, type, target, current); + } + current = current.parent; + } + } + } + function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { + // injectHook wraps the original for error handling, so make sure to remove + // the wrapped version. + const injected = injectHook(type, hook, keepAliveRoot, true /* prepend */); + onUnmounted(() => { + remove(keepAliveRoot[type], injected); + }, target); + } + function resetShapeFlag(vnode) { + let shapeFlag = vnode.shapeFlag; + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + shapeFlag -= 256 /* COMPONENT_SHOULD_KEEP_ALIVE */; + } + if (shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + shapeFlag -= 512 /* COMPONENT_KEPT_ALIVE */; + } + vnode.shapeFlag = shapeFlag; + } + function getInnerChild(vnode) { + return vnode.shapeFlag & 128 /* SUSPENSE */ ? vnode.ssContent : vnode; + } + + function injectHook(type, hook, target = currentInstance, prepend = false) { + if (target) { + const hooks = target[type] || (target[type] = []); + // cache the error handling wrapper for injected hooks so the same hook + // can be properly deduped by the scheduler. "__weh" stands for "with error + // handling". + const wrappedHook = hook.__weh || + (hook.__weh = (...args) => { + if (target.isUnmounted) { + return; + } + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + // Set currentInstance during hook invocation. + // This assumes the hook does not synchronously trigger other hooks, which + // can only be false when the user does something really funky. + setCurrentInstance(target); + const res = callWithAsyncErrorHandling(hook, target, type, args); + unsetCurrentInstance(); + resetTracking(); + return res; + }); + if (prepend) { + hooks.unshift(wrappedHook); + } + else { + hooks.push(wrappedHook); + } + return wrappedHook; + } + else { + const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, '')); + warn$1(`${apiName} is called when there is no active component instance to be ` + + `associated with. ` + + `Lifecycle injection APIs can only be used during execution of setup().` + + (` If you are using async setup(), make sure to register lifecycle ` + + `hooks before the first await statement.` + )); + } + } + const createHook = (lifecycle) => (hook, target = currentInstance) => + // post-create lifecycle registrations are noops during SSR (except for serverPrefetch) + (!isInSSRComponentSetup || lifecycle === "sp" /* SERVER_PREFETCH */) && + injectHook(lifecycle, hook, target); + const onBeforeMount = createHook("bm" /* BEFORE_MOUNT */); + const onMounted = createHook("m" /* MOUNTED */); + const onBeforeUpdate = createHook("bu" /* BEFORE_UPDATE */); + const onUpdated = createHook("u" /* UPDATED */); + const onBeforeUnmount = createHook("bum" /* BEFORE_UNMOUNT */); + const onUnmounted = createHook("um" /* UNMOUNTED */); + const onServerPrefetch = createHook("sp" /* SERVER_PREFETCH */); + const onRenderTriggered = createHook("rtg" /* RENDER_TRIGGERED */); + const onRenderTracked = createHook("rtc" /* RENDER_TRACKED */); + function onErrorCaptured(hook, target = currentInstance) { + injectHook("ec" /* ERROR_CAPTURED */, hook, target); + } + + function createDuplicateChecker() { + const cache = Object.create(null); + return (type, key) => { + if (cache[key]) { + warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`); + } + else { + cache[key] = type; + } + }; + } + let shouldCacheAccess = true; + function applyOptions(instance) { + const options = resolveMergedOptions(instance); + const publicThis = instance.proxy; + const ctx = instance.ctx; + // do not cache property access on public proxy during state initialization + shouldCacheAccess = false; + // call beforeCreate first before accessing other options since + // the hook may mutate resolved options (#2791) + if (options.beforeCreate) { + callHook(options.beforeCreate, instance, "bc" /* BEFORE_CREATE */); + } + const { + // state + data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, + // lifecycle + created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured, serverPrefetch, + // public API + expose, inheritAttrs, + // assets + components, directives, filters } = options; + const checkDuplicateProperties = createDuplicateChecker() ; + { + const [propsOptions] = instance.propsOptions; + if (propsOptions) { + for (const key in propsOptions) { + checkDuplicateProperties("Props" /* PROPS */, key); + } + } + } + // options initialization order (to be consistent with Vue 2): + // - props (already done outside of this function) + // - inject + // - methods + // - data (deferred since it relies on `this` access) + // - computed + // - watch (deferred since it relies on `this` access) + if (injectOptions) { + resolveInjections(injectOptions, ctx, checkDuplicateProperties, instance.appContext.config.unwrapInjectedRef); + } + if (methods) { + for (const key in methods) { + const methodHandler = methods[key]; + if (isFunction(methodHandler)) { + // In dev mode, we use the `createRenderContext` function to define + // methods to the proxy target, and those are read-only but + // reconfigurable, so it needs to be redefined here + { + Object.defineProperty(ctx, key, { + value: methodHandler.bind(publicThis), + configurable: true, + enumerable: true, + writable: true + }); + } + { + checkDuplicateProperties("Methods" /* METHODS */, key); + } + } + else { + warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` + + `Did you reference the function correctly?`); + } + } + } + if (dataOptions) { + if (!isFunction(dataOptions)) { + warn$1(`The data option must be a function. ` + + `Plain object usage is no longer supported.`); + } + const data = dataOptions.call(publicThis, publicThis); + if (isPromise(data)) { + warn$1(`data() returned a Promise - note data() cannot be async; If you ` + + `intend to perform data fetching before component renders, use ` + + `async setup() + <Suspense>.`); + } + if (!isObject(data)) { + warn$1(`data() should return an object.`); + } + else { + instance.data = reactive(data); + { + for (const key in data) { + checkDuplicateProperties("Data" /* DATA */, key); + // expose data on ctx during dev + if (key[0] !== '$' && key[0] !== '_') { + Object.defineProperty(ctx, key, { + configurable: true, + enumerable: true, + get: () => data[key], + set: NOOP + }); + } + } + } + } + } + // state initialization complete at this point - start caching access + shouldCacheAccess = true; + if (computedOptions) { + for (const key in computedOptions) { + const opt = computedOptions[key]; + const get = isFunction(opt) + ? opt.bind(publicThis, publicThis) + : isFunction(opt.get) + ? opt.get.bind(publicThis, publicThis) + : NOOP; + if (get === NOOP) { + warn$1(`Computed property "${key}" has no getter.`); + } + const set = !isFunction(opt) && isFunction(opt.set) + ? opt.set.bind(publicThis) + : () => { + warn$1(`Write operation failed: computed property "${key}" is readonly.`); + } + ; + const c = computed({ + get, + set + }); + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => c.value, + set: v => (c.value = v) + }); + { + checkDuplicateProperties("Computed" /* COMPUTED */, key); + } + } + } + if (watchOptions) { + for (const key in watchOptions) { + createWatcher(watchOptions[key], ctx, publicThis, key); + } + } + if (provideOptions) { + const provides = isFunction(provideOptions) + ? provideOptions.call(publicThis) + : provideOptions; + Reflect.ownKeys(provides).forEach(key => { + provide(key, provides[key]); + }); + } + if (created) { + callHook(created, instance, "c" /* CREATED */); + } + function registerLifecycleHook(register, hook) { + if (isArray(hook)) { + hook.forEach(_hook => register(_hook.bind(publicThis))); + } + else if (hook) { + register(hook.bind(publicThis)); + } + } + registerLifecycleHook(onBeforeMount, beforeMount); + registerLifecycleHook(onMounted, mounted); + registerLifecycleHook(onBeforeUpdate, beforeUpdate); + registerLifecycleHook(onUpdated, updated); + registerLifecycleHook(onActivated, activated); + registerLifecycleHook(onDeactivated, deactivated); + registerLifecycleHook(onErrorCaptured, errorCaptured); + registerLifecycleHook(onRenderTracked, renderTracked); + registerLifecycleHook(onRenderTriggered, renderTriggered); + registerLifecycleHook(onBeforeUnmount, beforeUnmount); + registerLifecycleHook(onUnmounted, unmounted); + registerLifecycleHook(onServerPrefetch, serverPrefetch); + if (isArray(expose)) { + if (expose.length) { + const exposed = instance.exposed || (instance.exposed = {}); + expose.forEach(key => { + Object.defineProperty(exposed, key, { + get: () => publicThis[key], + set: val => (publicThis[key] = val) + }); + }); + } + else if (!instance.exposed) { + instance.exposed = {}; + } + } + // options that are handled when creating the instance but also need to be + // applied from mixins + if (render && instance.render === NOOP) { + instance.render = render; + } + if (inheritAttrs != null) { + instance.inheritAttrs = inheritAttrs; + } + // asset options. + if (components) + instance.components = components; + if (directives) + instance.directives = directives; + } + function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) { + if (isArray(injectOptions)) { + injectOptions = normalizeInject(injectOptions); + } + for (const key in injectOptions) { + const opt = injectOptions[key]; + let injected; + if (isObject(opt)) { + if ('default' in opt) { + injected = inject(opt.from || key, opt.default, true /* treat default function as factory */); + } + else { + injected = inject(opt.from || key); + } + } + else { + injected = inject(opt); + } + if (isRef(injected)) { + // TODO remove the check in 3.3 + if (unwrapRef) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => injected.value, + set: v => (injected.value = v) + }); + } + else { + { + warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` + + `and no longer needs \`.value\` in the next minor release. ` + + `To opt-in to the new behavior now, ` + + `set \`app.config.unwrapInjectedRef = true\` (this config is ` + + `temporary and will not be needed in the future.)`); + } + ctx[key] = injected; + } + } + else { + ctx[key] = injected; + } + { + checkDuplicateProperties("Inject" /* INJECT */, key); + } + } + } + function callHook(hook, instance, type) { + callWithAsyncErrorHandling(isArray(hook) + ? hook.map(h => h.bind(instance.proxy)) + : hook.bind(instance.proxy), instance, type); + } + function createWatcher(raw, ctx, publicThis, key) { + const getter = key.includes('.') + ? createPathGetter(publicThis, key) + : () => publicThis[key]; + if (isString(raw)) { + const handler = ctx[raw]; + if (isFunction(handler)) { + watch(getter, handler); + } + else { + warn$1(`Invalid watch handler specified by key "${raw}"`, handler); + } + } + else if (isFunction(raw)) { + watch(getter, raw.bind(publicThis)); + } + else if (isObject(raw)) { + if (isArray(raw)) { + raw.forEach(r => createWatcher(r, ctx, publicThis, key)); + } + else { + const handler = isFunction(raw.handler) + ? raw.handler.bind(publicThis) + : ctx[raw.handler]; + if (isFunction(handler)) { + watch(getter, handler, raw); + } + else { + warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler); + } + } + } + else { + warn$1(`Invalid watch option: "${key}"`, raw); + } + } + /** + * Resolve merged options and cache it on the component. + * This is done only once per-component since the merging does not involve + * instances. + */ + function resolveMergedOptions(instance) { + const base = instance.type; + const { mixins, extends: extendsOptions } = base; + const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext; + const cached = cache.get(base); + let resolved; + if (cached) { + resolved = cached; + } + else if (!globalMixins.length && !mixins && !extendsOptions) { + { + resolved = base; + } + } + else { + resolved = {}; + if (globalMixins.length) { + globalMixins.forEach(m => mergeOptions(resolved, m, optionMergeStrategies, true)); + } + mergeOptions(resolved, base, optionMergeStrategies); + } + cache.set(base, resolved); + return resolved; + } + function mergeOptions(to, from, strats, asMixin = false) { + const { mixins, extends: extendsOptions } = from; + if (extendsOptions) { + mergeOptions(to, extendsOptions, strats, true); + } + if (mixins) { + mixins.forEach((m) => mergeOptions(to, m, strats, true)); + } + for (const key in from) { + if (asMixin && key === 'expose') { + warn$1(`"expose" option is ignored when declared in mixins or extends. ` + + `It should only be declared in the base component itself.`); + } + else { + const strat = internalOptionMergeStrats[key] || (strats && strats[key]); + to[key] = strat ? strat(to[key], from[key]) : from[key]; + } + } + return to; + } + const internalOptionMergeStrats = { + data: mergeDataFn, + props: mergeObjectOptions, + emits: mergeObjectOptions, + // objects + methods: mergeObjectOptions, + computed: mergeObjectOptions, + // lifecycle + beforeCreate: mergeAsArray, + created: mergeAsArray, + beforeMount: mergeAsArray, + mounted: mergeAsArray, + beforeUpdate: mergeAsArray, + updated: mergeAsArray, + beforeDestroy: mergeAsArray, + destroyed: mergeAsArray, + activated: mergeAsArray, + deactivated: mergeAsArray, + errorCaptured: mergeAsArray, + serverPrefetch: mergeAsArray, + // assets + components: mergeObjectOptions, + directives: mergeObjectOptions, + // watch + watch: mergeWatchOptions, + // provide / inject + provide: mergeDataFn, + inject: mergeInject + }; + function mergeDataFn(to, from) { + if (!from) { + return to; + } + if (!to) { + return from; + } + return function mergedDataFn() { + return (extend)(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from); + }; + } + function mergeInject(to, from) { + return mergeObjectOptions(normalizeInject(to), normalizeInject(from)); + } + function normalizeInject(raw) { + if (isArray(raw)) { + const res = {}; + for (let i = 0; i < raw.length; i++) { + res[raw[i]] = raw[i]; + } + return res; + } + return raw; + } + function mergeAsArray(to, from) { + return to ? [...new Set([].concat(to, from))] : from; + } + function mergeObjectOptions(to, from) { + return to ? extend(extend(Object.create(null), to), from) : from; + } + function mergeWatchOptions(to, from) { + if (!to) + return from; + if (!from) + return to; + const merged = extend(Object.create(null), to); + for (const key in from) { + merged[key] = mergeAsArray(to[key], from[key]); + } + return merged; + } + + function initProps(instance, rawProps, isStateful, // result of bitwise flag comparison + isSSR = false) { + const props = {}; + const attrs = {}; + def(attrs, InternalObjectKey, 1); + instance.propsDefaults = Object.create(null); + setFullProps(instance, rawProps, props, attrs); + // ensure all declared prop keys are present + for (const key in instance.propsOptions[0]) { + if (!(key in props)) { + props[key] = undefined; + } + } + // validation + { + validateProps(rawProps || {}, props, instance); + } + if (isStateful) { + // stateful + instance.props = isSSR ? props : shallowReactive(props); + } + else { + if (!instance.type.props) { + // functional w/ optional props, props === attrs + instance.props = attrs; + } + else { + // functional w/ declared props + instance.props = props; + } + } + instance.attrs = attrs; + } + function updateProps(instance, rawProps, rawPrevProps, optimized) { + const { props, attrs, vnode: { patchFlag } } = instance; + const rawCurrentProps = toRaw(props); + const [options] = instance.propsOptions; + let hasAttrsChanged = false; + if ( + // always force full diff in dev + // - #1942 if hmr is enabled with sfc component + // - vite#872 non-sfc component used by sfc component + !((instance.type.__hmrId || + (instance.parent && instance.parent.type.__hmrId))) && + (optimized || patchFlag > 0) && + !(patchFlag & 16 /* FULL_PROPS */)) { + if (patchFlag & 8 /* PROPS */) { + // Compiler-generated props & no keys change, just set the updated + // the props. + const propsToUpdate = instance.vnode.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + let key = propsToUpdate[i]; + // PROPS flag guarantees rawProps to be non-null + const value = rawProps[key]; + if (options) { + // attr / props separation was done on init and will be consistent + // in this code path, so just check if attrs have it. + if (hasOwn(attrs, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + else { + const camelizedKey = camelize(key); + props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false /* isAbsent */); + } + } + else { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + } + else { + // full props update. + if (setFullProps(instance, rawProps, props, attrs)) { + hasAttrsChanged = true; + } + // in case of dynamic props, check if we need to delete keys from + // the props object + let kebabKey; + for (const key in rawCurrentProps) { + if (!rawProps || + // for camelCase + (!hasOwn(rawProps, key) && + // it's possible the original props was passed in as kebab-case + // and converted to camelCase (#955) + ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey)))) { + if (options) { + if (rawPrevProps && + // for camelCase + (rawPrevProps[key] !== undefined || + // for kebab-case + rawPrevProps[kebabKey] !== undefined)) { + props[key] = resolvePropValue(options, rawCurrentProps, key, undefined, instance, true /* isAbsent */); + } + } + else { + delete props[key]; + } + } + } + // in the case of functional component w/o props declaration, props and + // attrs point to the same object so it should already have been updated. + if (attrs !== rawCurrentProps) { + for (const key in attrs) { + if (!rawProps || !hasOwn(rawProps, key)) { + delete attrs[key]; + hasAttrsChanged = true; + } + } + } + } + // trigger updates for $attrs in case it's used in component slots + if (hasAttrsChanged) { + trigger(instance, "set" /* SET */, '$attrs'); + } + { + validateProps(rawProps || {}, props, instance); + } + } + function setFullProps(instance, rawProps, props, attrs) { + const [options, needCastKeys] = instance.propsOptions; + let hasAttrsChanged = false; + let rawCastValues; + if (rawProps) { + for (let key in rawProps) { + // key, ref are reserved and never passed down + if (isReservedProp(key)) { + continue; + } + const value = rawProps[key]; + // prop option names are camelized during normalization, so to support + // kebab -> camel conversion here we need to camelize the key. + let camelKey; + if (options && hasOwn(options, (camelKey = camelize(key)))) { + if (!needCastKeys || !needCastKeys.includes(camelKey)) { + props[camelKey] = value; + } + else { + (rawCastValues || (rawCastValues = {}))[camelKey] = value; + } + } + else if (!isEmitListener(instance.emitsOptions, key)) { + if (value !== attrs[key]) { + attrs[key] = value; + hasAttrsChanged = true; + } + } + } + } + if (needCastKeys) { + const rawCurrentProps = toRaw(props); + const castValues = rawCastValues || EMPTY_OBJ; + for (let i = 0; i < needCastKeys.length; i++) { + const key = needCastKeys[i]; + props[key] = resolvePropValue(options, rawCurrentProps, key, castValues[key], instance, !hasOwn(castValues, key)); + } + } + return hasAttrsChanged; + } + function resolvePropValue(options, props, key, value, instance, isAbsent) { + const opt = options[key]; + if (opt != null) { + const hasDefault = hasOwn(opt, 'default'); + // default values + if (hasDefault && value === undefined) { + const defaultValue = opt.default; + if (opt.type !== Function && isFunction(defaultValue)) { + const { propsDefaults } = instance; + if (key in propsDefaults) { + value = propsDefaults[key]; + } + else { + setCurrentInstance(instance); + value = propsDefaults[key] = defaultValue.call(null, props); + unsetCurrentInstance(); + } + } + else { + value = defaultValue; + } + } + // boolean casting + if (opt[0 /* shouldCast */]) { + if (isAbsent && !hasDefault) { + value = false; + } + else if (opt[1 /* shouldCastTrue */] && + (value === '' || value === hyphenate(key))) { + value = true; + } + } + } + return value; + } + function normalizePropsOptions(comp, appContext, asMixin = false) { + const cache = appContext.propsCache; + const cached = cache.get(comp); + if (cached) { + return cached; + } + const raw = comp.props; + const normalized = {}; + const needCastKeys = []; + // apply mixin/extends props + let hasExtends = false; + if (!isFunction(comp)) { + const extendProps = (raw) => { + hasExtends = true; + const [props, keys] = normalizePropsOptions(raw, appContext, true); + extend(normalized, props); + if (keys) + needCastKeys.push(...keys); + }; + if (!asMixin && appContext.mixins.length) { + appContext.mixins.forEach(extendProps); + } + if (comp.extends) { + extendProps(comp.extends); + } + if (comp.mixins) { + comp.mixins.forEach(extendProps); + } + } + if (!raw && !hasExtends) { + cache.set(comp, EMPTY_ARR); + return EMPTY_ARR; + } + if (isArray(raw)) { + for (let i = 0; i < raw.length; i++) { + if (!isString(raw[i])) { + warn$1(`props must be strings when using array syntax.`, raw[i]); + } + const normalizedKey = camelize(raw[i]); + if (validatePropName(normalizedKey)) { + normalized[normalizedKey] = EMPTY_OBJ; + } + } + } + else if (raw) { + if (!isObject(raw)) { + warn$1(`invalid props options`, raw); + } + for (const key in raw) { + const normalizedKey = camelize(key); + if (validatePropName(normalizedKey)) { + const opt = raw[key]; + const prop = (normalized[normalizedKey] = + isArray(opt) || isFunction(opt) ? { type: opt } : opt); + if (prop) { + const booleanIndex = getTypeIndex(Boolean, prop.type); + const stringIndex = getTypeIndex(String, prop.type); + prop[0 /* shouldCast */] = booleanIndex > -1; + prop[1 /* shouldCastTrue */] = + stringIndex < 0 || booleanIndex < stringIndex; + // if the prop needs boolean casting or default value + if (booleanIndex > -1 || hasOwn(prop, 'default')) { + needCastKeys.push(normalizedKey); + } + } + } + } + } + const res = [normalized, needCastKeys]; + cache.set(comp, res); + return res; + } + function validatePropName(key) { + if (key[0] !== '$') { + return true; + } + else { + warn$1(`Invalid prop name: "${key}" is a reserved property.`); + } + return false; + } + // use function string name to check type constructors + // so that it works across vms / iframes. + function getType(ctor) { + const match = ctor && ctor.toString().match(/^\s*function (\w+)/); + return match ? match[1] : ctor === null ? 'null' : ''; + } + function isSameType(a, b) { + return getType(a) === getType(b); + } + function getTypeIndex(type, expectedTypes) { + if (isArray(expectedTypes)) { + return expectedTypes.findIndex(t => isSameType(t, type)); + } + else if (isFunction(expectedTypes)) { + return isSameType(expectedTypes, type) ? 0 : -1; + } + return -1; + } + /** + * dev only + */ + function validateProps(rawProps, props, instance) { + const resolvedValues = toRaw(props); + const options = instance.propsOptions[0]; + for (const key in options) { + let opt = options[key]; + if (opt == null) + continue; + validateProp(key, resolvedValues[key], opt, !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))); + } + } + /** + * dev only + */ + function validateProp(name, value, prop, isAbsent) { + const { type, required, validator } = prop; + // required! + if (required && isAbsent) { + warn$1('Missing required prop: "' + name + '"'); + return; + } + // missing but optional + if (value == null && !prop.required) { + return; + } + // type check + if (type != null && type !== true) { + let isValid = false; + const types = isArray(type) ? type : [type]; + const expectedTypes = []; + // value is valid as long as one of the specified types match + for (let i = 0; i < types.length && !isValid; i++) { + const { valid, expectedType } = assertType(value, types[i]); + expectedTypes.push(expectedType || ''); + isValid = valid; + } + if (!isValid) { + warn$1(getInvalidTypeMessage(name, value, expectedTypes)); + return; + } + } + // custom validator + if (validator && !validator(value)) { + warn$1('Invalid prop: custom validator check failed for prop "' + name + '".'); + } + } + const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt'); + /** + * dev only + */ + function assertType(value, type) { + let valid; + const expectedType = getType(type); + if (isSimpleType(expectedType)) { + const t = typeof value; + valid = t === expectedType.toLowerCase(); + // for primitive wrapper objects + if (!valid && t === 'object') { + valid = value instanceof type; + } + } + else if (expectedType === 'Object') { + valid = isObject(value); + } + else if (expectedType === 'Array') { + valid = isArray(value); + } + else if (expectedType === 'null') { + valid = value === null; + } + else { + valid = value instanceof type; + } + return { + valid, + expectedType + }; + } + /** + * dev only + */ + function getInvalidTypeMessage(name, value, expectedTypes) { + let message = `Invalid prop: type check failed for prop "${name}".` + + ` Expected ${expectedTypes.map(capitalize).join(' | ')}`; + const expectedType = expectedTypes[0]; + const receivedType = toRawType(value); + const expectedValue = styleValue(value, expectedType); + const receivedValue = styleValue(value, receivedType); + // check if we need to specify expected value + if (expectedTypes.length === 1 && + isExplicable(expectedType) && + !isBoolean(expectedType, receivedType)) { + message += ` with value ${expectedValue}`; + } + message += `, got ${receivedType} `; + // check if we need to specify received value + if (isExplicable(receivedType)) { + message += `with value ${receivedValue}.`; + } + return message; + } + /** + * dev only + */ + function styleValue(value, type) { + if (type === 'String') { + return `"${value}"`; + } + else if (type === 'Number') { + return `${Number(value)}`; + } + else { + return `${value}`; + } + } + /** + * dev only + */ + function isExplicable(type) { + const explicitTypes = ['string', 'number', 'boolean']; + return explicitTypes.some(elem => type.toLowerCase() === elem); + } + /** + * dev only + */ + function isBoolean(...args) { + return args.some(elem => elem.toLowerCase() === 'boolean'); + } + + const isInternalKey = (key) => key[0] === '_' || key === '$stable'; + const normalizeSlotValue = (value) => isArray(value) + ? value.map(normalizeVNode) + : [normalizeVNode(value)]; + const normalizeSlot = (key, rawSlot, ctx) => { + const normalized = withCtx((...args) => { + if (currentInstance) { + warn$1(`Slot "${key}" invoked outside of the render function: ` + + `this will not track dependencies used in the slot. ` + + `Invoke the slot function inside the render function instead.`); + } + return normalizeSlotValue(rawSlot(...args)); + }, ctx); + normalized._c = false; + return normalized; + }; + const normalizeObjectSlots = (rawSlots, slots, instance) => { + const ctx = rawSlots._ctx; + for (const key in rawSlots) { + if (isInternalKey(key)) + continue; + const value = rawSlots[key]; + if (isFunction(value)) { + slots[key] = normalizeSlot(key, value, ctx); + } + else if (value != null) { + { + warn$1(`Non-function value encountered for slot "${key}". ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(value); + slots[key] = () => normalized; + } + } + }; + const normalizeVNodeSlots = (instance, children) => { + if (!isKeepAlive(instance.vnode) && + !(false )) { + warn$1(`Non-function value encountered for default slot. ` + + `Prefer function slots for better performance.`); + } + const normalized = normalizeSlotValue(children); + instance.slots.default = () => normalized; + }; + const initSlots = (instance, children) => { + if (instance.vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // users can get the shallow readonly version of the slots object through `this.$slots`, + // we should avoid the proxy object polluting the slots of the internal instance + instance.slots = toRaw(children); + // make compiler marker non-enumerable + def(children, '_', type); + } + else { + normalizeObjectSlots(children, (instance.slots = {})); + } + } + else { + instance.slots = {}; + if (children) { + normalizeVNodeSlots(instance, children); + } + } + def(instance.slots, InternalObjectKey, 1); + }; + const updateSlots = (instance, children, optimized) => { + const { vnode, slots } = instance; + let needDeletionCheck = true; + let deletionComparisonTarget = EMPTY_OBJ; + if (vnode.shapeFlag & 32 /* SLOTS_CHILDREN */) { + const type = children._; + if (type) { + // compiled slots. + if (isHmrUpdating) { + // Parent was HMR updated so slot content may have changed. + // force update slots and mark instance for hmr as well + extend(slots, children); + } + else if (optimized && type === 1 /* STABLE */) { + // compiled AND stable. + // no need to update, and skip stale slots removal. + needDeletionCheck = false; + } + else { + // compiled but dynamic (v-if/v-for on slots) - update slots, but skip + // normalization. + extend(slots, children); + // #2893 + // when rendering the optimized slots by manually written render function, + // we need to delete the `slots._` flag if necessary to make subsequent updates reliable, + // i.e. let the `renderSlot` create the bailed Fragment + if (!optimized && type === 1 /* STABLE */) { + delete slots._; + } + } + } + else { + needDeletionCheck = !children.$stable; + normalizeObjectSlots(children, slots); + } + deletionComparisonTarget = children; + } + else if (children) { + // non slot object children (direct value) passed to a component + normalizeVNodeSlots(instance, children); + deletionComparisonTarget = { default: 1 }; + } + // delete stale slots + if (needDeletionCheck) { + for (const key in slots) { + if (!isInternalKey(key) && !(key in deletionComparisonTarget)) { + delete slots[key]; + } + } + } + }; + + /** + Runtime helper for applying directives to a vnode. Example usage: + + const comp = resolveComponent('comp') + const foo = resolveDirective('foo') + const bar = resolveDirective('bar') + + return withDirectives(h(comp), [ + [foo, this.x], + [bar, this.y] + ]) + */ + const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text'); + function validateDirectiveName(name) { + if (isBuiltInDirective(name)) { + warn$1('Do not use built-in directive ids as custom directive id: ' + name); + } + } + /** + * Adds directives to a VNode. + */ + function withDirectives(vnode, directives) { + const internalInstance = currentRenderingInstance; + if (internalInstance === null) { + warn$1(`withDirectives can only be used inside render functions.`); + return vnode; + } + const instance = internalInstance.proxy; + const bindings = vnode.dirs || (vnode.dirs = []); + for (let i = 0; i < directives.length; i++) { + let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; + if (isFunction(dir)) { + dir = { + mounted: dir, + updated: dir + }; + } + if (dir.deep) { + traverse(value); + } + bindings.push({ + dir, + instance, + value, + oldValue: void 0, + arg, + modifiers + }); + } + return vnode; + } + function invokeDirectiveHook(vnode, prevVNode, instance, name) { + const bindings = vnode.dirs; + const oldBindings = prevVNode && prevVNode.dirs; + for (let i = 0; i < bindings.length; i++) { + const binding = bindings[i]; + if (oldBindings) { + binding.oldValue = oldBindings[i].value; + } + let hook = binding.dir[name]; + if (hook) { + // disable tracking inside all lifecycle hooks + // since they can potentially be called inside effects. + pauseTracking(); + callWithAsyncErrorHandling(hook, instance, 8 /* DIRECTIVE_HOOK */, [ + vnode.el, + binding, + vnode, + prevVNode + ]); + resetTracking(); + } + } + } + + function createAppContext() { + return { + app: null, + config: { + isNativeTag: NO, + performance: false, + globalProperties: {}, + optionMergeStrategies: {}, + errorHandler: undefined, + warnHandler: undefined, + compilerOptions: {} + }, + mixins: [], + components: {}, + directives: {}, + provides: Object.create(null), + optionsCache: new WeakMap(), + propsCache: new WeakMap(), + emitsCache: new WeakMap() + }; + } + let uid = 0; + function createAppAPI(render, hydrate) { + return function createApp(rootComponent, rootProps = null) { + if (rootProps != null && !isObject(rootProps)) { + warn$1(`root props passed to app.mount() must be an object.`); + rootProps = null; + } + const context = createAppContext(); + const installedPlugins = new Set(); + let isMounted = false; + const app = (context.app = { + _uid: uid++, + _component: rootComponent, + _props: rootProps, + _container: null, + _context: context, + _instance: null, + version, + get config() { + return context.config; + }, + set config(v) { + { + warn$1(`app.config cannot be replaced. Modify individual options instead.`); + } + }, + use(plugin, ...options) { + if (installedPlugins.has(plugin)) { + warn$1(`Plugin has already been applied to target app.`); + } + else if (plugin && isFunction(plugin.install)) { + installedPlugins.add(plugin); + plugin.install(app, ...options); + } + else if (isFunction(plugin)) { + installedPlugins.add(plugin); + plugin(app, ...options); + } + else { + warn$1(`A plugin must either be a function or an object with an "install" ` + + `function.`); + } + return app; + }, + mixin(mixin) { + { + if (!context.mixins.includes(mixin)) { + context.mixins.push(mixin); + } + else { + warn$1('Mixin has already been applied to target app' + + (mixin.name ? `: ${mixin.name}` : '')); + } + } + return app; + }, + component(name, component) { + { + validateComponentName(name, context.config); + } + if (!component) { + return context.components[name]; + } + if (context.components[name]) { + warn$1(`Component "${name}" has already been registered in target app.`); + } + context.components[name] = component; + return app; + }, + directive(name, directive) { + { + validateDirectiveName(name); + } + if (!directive) { + return context.directives[name]; + } + if (context.directives[name]) { + warn$1(`Directive "${name}" has already been registered in target app.`); + } + context.directives[name] = directive; + return app; + }, + mount(rootContainer, isHydrate, isSVG) { + if (!isMounted) { + const vnode = createVNode(rootComponent, rootProps); + // store app context on the root VNode. + // this will be set on the root instance on initial mount. + vnode.appContext = context; + // HMR root reload + { + context.reload = () => { + render(cloneVNode(vnode), rootContainer, isSVG); + }; + } + if (isHydrate && hydrate) { + hydrate(vnode, rootContainer); + } + else { + render(vnode, rootContainer, isSVG); + } + isMounted = true; + app._container = rootContainer; + rootContainer.__vue_app__ = app; + { + app._instance = vnode.component; + devtoolsInitApp(app, version); + } + return vnode.component.proxy; + } + else { + warn$1(`App has already been mounted.\n` + + `If you want to remount the same app, move your app creation logic ` + + `into a factory function and create fresh app instances for each ` + + `mount - e.g. \`const createMyApp = () => createApp(App)\``); + } + }, + unmount() { + if (isMounted) { + render(null, app._container); + { + app._instance = null; + devtoolsUnmountApp(app); + } + delete app._container.__vue_app__; + } + else { + warn$1(`Cannot unmount an app that is not mounted.`); + } + }, + provide(key, value) { + if (key in context.provides) { + warn$1(`App already provides property with key "${String(key)}". ` + + `It will be overwritten with the new value.`); + } + // TypeScript doesn't allow symbols as index type + // https://github.com/Microsoft/TypeScript/issues/24587 + context.provides[key] = value; + return app; + } + }); + return app; + }; + } + + let hasMismatch = false; + const isSVGContainer = (container) => /svg/.test(container.namespaceURI) && container.tagName !== 'foreignObject'; + const isComment = (node) => node.nodeType === 8 /* COMMENT */; + // Note: hydration is DOM-specific + // But we have to place it in core due to tight coupling with core - splitting + // it out creates a ton of unnecessary complexity. + // Hydration also depends on some renderer internal logic which needs to be + // passed in via arguments. + function createHydrationFunctions(rendererInternals) { + const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals; + const hydrate = (vnode, container) => { + if (!container.hasChildNodes()) { + warn$1(`Attempting to hydrate existing markup but container is empty. ` + + `Performing full mount instead.`); + patch(null, vnode, container); + flushPostFlushCbs(); + return; + } + hasMismatch = false; + hydrateNode(container.firstChild, vnode, null, null, null); + flushPostFlushCbs(); + if (hasMismatch && !false) { + // this error should show up in production + console.error(`Hydration completed but contains mismatches.`); + } + }; + const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => { + const isFragmentStart = isComment(node) && node.data === '['; + const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart); + const { type, ref, shapeFlag } = vnode; + const domType = node.nodeType; + vnode.el = node; + let nextNode = null; + switch (type) { + case Text: + if (domType !== 3 /* TEXT */) { + nextNode = onMismatch(); + } + else { + if (node.data !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text mismatch:` + + `\n- Client: ${JSON.stringify(node.data)}` + + `\n- Server: ${JSON.stringify(vnode.children)}`); + node.data = vnode.children; + } + nextNode = nextSibling(node); + } + break; + case Comment$1: + if (domType !== 8 /* COMMENT */ || isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = nextSibling(node); + } + break; + case Static: + if (domType !== 1 /* ELEMENT */) { + nextNode = onMismatch(); + } + else { + // determine anchor, adopt content + nextNode = node; + // if the static vnode has its content stripped during build, + // adopt it from the server-rendered HTML. + const needToAdoptContent = !vnode.children.length; + for (let i = 0; i < vnode.staticCount; i++) { + if (needToAdoptContent) + vnode.children += nextNode.outerHTML; + if (i === vnode.staticCount - 1) { + vnode.anchor = nextNode; + } + nextNode = nextSibling(nextNode); + } + return nextNode; + } + break; + case Fragment: + if (!isFragmentStart) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + if (domType !== 1 /* ELEMENT */ || + vnode.type.toLowerCase() !== + node.tagName.toLowerCase()) { + nextNode = onMismatch(); + } + else { + nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + } + else if (shapeFlag & 6 /* COMPONENT */) { + // when setting up the render effect, if the initial vnode already + // has .el set, the component will perform hydration instead of mount + // on its sub-tree. + vnode.slotScopeIds = slotScopeIds; + const container = parentNode(node); + mountComponent(vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), optimized); + // component may be async, so in the case of fragments we cannot rely + // on component's rendered output to determine the end of the fragment + // instead, we do a lookahead to find the end anchor node. + nextNode = isFragmentStart + ? locateClosingAsyncAnchor(node) + : nextSibling(node); + // #3787 + // if component is async, it may get moved / unmounted before its + // inner component is loaded, so we need to give it a placeholder + // vnode that matches its adopted DOM. + if (isAsyncWrapper(vnode)) { + let subTree; + if (isFragmentStart) { + subTree = createVNode(Fragment); + subTree.anchor = nextNode + ? nextNode.previousSibling + : container.lastChild; + } + else { + subTree = + node.nodeType === 3 ? createTextVNode('') : createVNode('div'); + } + subTree.el = node; + vnode.component.subTree = subTree; + } + } + else if (shapeFlag & 64 /* TELEPORT */) { + if (domType !== 8 /* COMMENT */) { + nextNode = onMismatch(); + } + else { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren); + } + } + else if (shapeFlag & 128 /* SUSPENSE */) { + nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode); + } + else { + warn$1('Invalid HostVNode type:', type, `(${typeof type})`); + } + } + if (ref != null) { + setRef(ref, null, parentSuspense, vnode); + } + return nextNode; + }; + const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!vnode.dynamicChildren; + const { type, props, patchFlag, shapeFlag, dirs } = vnode; + // #4006 for form elements with non-string v-model value bindings + // e.g. <option :value="obj">, <input type="checkbox" :true-value="1"> + const forcePatchValue = (type === 'input' && dirs) || type === 'option'; + // skip props & children if this is hoisted static nodes + if (forcePatchValue || patchFlag !== -1 /* HOISTED */) { + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + if (forcePatchValue || + !optimized || + patchFlag & (16 /* FULL_PROPS */ | 32 /* HYDRATE_EVENTS */)) { + for (const key in props) { + if ((forcePatchValue && key.endsWith('value')) || + (isOn(key) && !isReservedProp(key))) { + patchProp(el, key, null, props[key]); + } + } + } + else if (props.onClick) { + // Fast path for click listeners (which is most often) to avoid + // iterating through props. + patchProp(el, 'onClick', null, props.onClick); + } + } + // vnode / directive hooks + let vnodeHooks; + if ((vnodeHooks = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHooks, parentComponent, vnode); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + if ((vnodeHooks = props && props.onVnodeMounted) || dirs) { + queueEffectWithSuspense(() => { + vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + // children + if (shapeFlag & 16 /* ARRAY_CHILDREN */ && + // skip if element has innerHTML / textContent + !(props && (props.innerHTML || props.textContent))) { + let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized); + let hasWarned = false; + while (next) { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${vnode.type}>: ` + + `server rendered element contains more child nodes than client vdom.`); + hasWarned = true; + } + // The SSRed DOM contains more nodes than it should. Remove them. + const cur = next; + next = next.nextSibling; + remove(cur); + } + } + else if (shapeFlag & 8 /* TEXT_CHILDREN */) { + if (el.textContent !== vnode.children) { + hasMismatch = true; + warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` + + `- Client: ${el.textContent}\n` + + `- Server: ${vnode.children}`); + el.textContent = vnode.children; + } + } + } + return el.nextSibling; + }; + const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!parentVNode.dynamicChildren; + const children = parentVNode.children; + const l = children.length; + let hasWarned = false; + for (let i = 0; i < l; i++) { + const vnode = optimized + ? children[i] + : (children[i] = normalizeVNode(children[i])); + if (node) { + node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized); + } + else if (vnode.type === Text && !vnode.children) { + continue; + } + else { + hasMismatch = true; + if (!hasWarned) { + warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` + + `server rendered element contains fewer child nodes than client vdom.`); + hasWarned = true; + } + // the SSRed DOM didn't contain enough nodes. Mount the missing ones. + patch(null, vnode, container, null, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + } + } + return node; + }; + const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + const { slotScopeIds: fragmentSlotScopeIds } = vnode; + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + const container = parentNode(node); + const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized); + if (next && isComment(next) && next.data === ']') { + return nextSibling((vnode.anchor = next)); + } + else { + // fragment didn't hydrate successfully, since we didn't get a end anchor + // back. This should have led to node/children mismatch warnings. + hasMismatch = true; + // since the anchor is missing, we need to create one and insert it + insert((vnode.anchor = createComment(`]`)), container, next); + return next; + } + }; + const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => { + hasMismatch = true; + warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* TEXT */ + ? `(text)` + : isComment(node) && node.data === '[' + ? `(start of fragment)` + : ``); + vnode.el = null; + if (isFragment) { + // remove excessive fragment nodes + const end = locateClosingAsyncAnchor(node); + while (true) { + const next = nextSibling(node); + if (next && next !== end) { + remove(next); + } + else { + break; + } + } + } + const next = nextSibling(node); + const container = parentNode(node); + remove(node); + patch(null, vnode, container, next, parentComponent, parentSuspense, isSVGContainer(container), slotScopeIds); + return next; + }; + const locateClosingAsyncAnchor = (node) => { + let match = 0; + while (node) { + node = nextSibling(node); + if (node && isComment(node)) { + if (node.data === '[') + match++; + if (node.data === ']') { + if (match === 0) { + return nextSibling(node); + } + else { + match--; + } + } + } + } + return node; + }; + return [hydrate, hydrateNode]; + } + + let supported; + let perf; + function startMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + perf.mark(`vue-${type}-${instance.uid}`); + } + { + devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now()); + } + } + function endMeasure(instance, type) { + if (instance.appContext.config.performance && isSupported()) { + const startTag = `vue-${type}-${instance.uid}`; + const endTag = startTag + `:end`; + perf.mark(endTag); + perf.measure(`<${formatComponentName(instance, instance.type)}> ${type}`, startTag, endTag); + perf.clearMarks(startTag); + perf.clearMarks(endTag); + } + { + devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now()); + } + } + function isSupported() { + if (supported !== undefined) { + return supported; + } + /* eslint-disable no-restricted-globals */ + if (typeof window !== 'undefined' && window.performance) { + supported = true; + perf = window.performance; + } + else { + supported = false; + } + /* eslint-enable no-restricted-globals */ + return supported; + } + + const queuePostRenderEffect = queueEffectWithSuspense + ; + /** + * The createRenderer function accepts two generic arguments: + * HostNode and HostElement, corresponding to Node and Element types in the + * host environment. For example, for runtime-dom, HostNode would be the DOM + * `Node` interface and HostElement would be the DOM `Element` interface. + * + * Custom renderers can pass in the platform specific types like this: + * + * ``` js + * const { render, createApp } = createRenderer<Node, Element>({ + * patchProp, + * ...nodeOps + * }) + * ``` + */ + function createRenderer(options) { + return baseCreateRenderer(options); + } + // Separate API for creating hydration-enabled renderer. + // Hydration logic is only used when calling this function, making it + // tree-shakable. + function createHydrationRenderer(options) { + return baseCreateRenderer(options, createHydrationFunctions); + } + // implementation + function baseCreateRenderer(options, createHydrationFns) { + { + const target = getGlobalThis(); + target.__VUE__ = true; + setDevtoolsHook(target.__VUE_DEVTOOLS_GLOBAL_HOOK__); + } + const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options; + // Note: functions inside this closure should use `const xxx = () => {}` + // style in order to prevent being inlined by minifiers. + const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, isSVG = false, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => { + if (n1 === n2) { + return; + } + // patching & not same type, unmount old tree + if (n1 && !isSameVNodeType(n1, n2)) { + anchor = getNextHostNode(n1); + unmount(n1, parentComponent, parentSuspense, true); + n1 = null; + } + if (n2.patchFlag === -2 /* BAIL */) { + optimized = false; + n2.dynamicChildren = null; + } + const { type, ref, shapeFlag } = n2; + switch (type) { + case Text: + processText(n1, n2, container, anchor); + break; + case Comment$1: + processCommentNode(n1, n2, container, anchor); + break; + case Static: + if (n1 == null) { + mountStaticNode(n2, container, anchor, isSVG); + } + else { + patchStaticNode(n1, n2, container, isSVG); + } + break; + case Fragment: + processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + break; + default: + if (shapeFlag & 1 /* ELEMENT */) { + processElement(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 6 /* COMPONENT */) { + processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (shapeFlag & 64 /* TELEPORT */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else if (shapeFlag & 128 /* SUSPENSE */) { + type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals); + } + else { + warn$1('Invalid VNode type:', type, `(${typeof type})`); + } + } + // set ref + if (ref != null && parentComponent) { + setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2); + } + }; + const processText = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateText(n2.children)), container, anchor); + } + else { + const el = (n2.el = n1.el); + if (n2.children !== n1.children) { + hostSetText(el, n2.children); + } + } + }; + const processCommentNode = (n1, n2, container, anchor) => { + if (n1 == null) { + hostInsert((n2.el = hostCreateComment(n2.children || '')), container, anchor); + } + else { + // there's no support for dynamic comments + n2.el = n1.el; + } + }; + const mountStaticNode = (n2, container, anchor, isSVG) => { + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + }; + /** + * Dev / HMR only + */ + const patchStaticNode = (n1, n2, container, isSVG) => { + // static nodes are only patched during dev for HMR + if (n2.children !== n1.children) { + const anchor = hostNextSibling(n1.anchor); + // remove existing + removeStaticNode(n1); + [n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, isSVG); + } + else { + n2.el = n1.el; + n2.anchor = n1.anchor; + } + }; + const moveStaticNode = ({ el, anchor }, container, nextSibling) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostInsert(el, container, nextSibling); + el = next; + } + hostInsert(anchor, container, nextSibling); + }; + const removeStaticNode = ({ el, anchor }) => { + let next; + while (el && el !== anchor) { + next = hostNextSibling(el); + hostRemove(el); + el = next; + } + hostRemove(anchor); + }; + const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + isSVG = isSVG || n2.type === 'svg'; + if (n1 == null) { + mountElement(n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + patchElement(n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let el; + let vnodeHook; + const { type, props, shapeFlag, transition, patchFlag, dirs } = vnode; + { + el = vnode.el = hostCreateElement(vnode.type, isSVG, props && props.is, props); + // mount children first, since some props may rely on child content + // being already rendered, e.g. `<select value>` + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(el, vnode.children); + } + else if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(vnode.children, el, null, parentComponent, parentSuspense, isSVG && type !== 'foreignObject', slotScopeIds, optimized); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'created'); + } + // props + if (props) { + for (const key in props) { + if (key !== 'value' && !isReservedProp(key)) { + hostPatchProp(el, key, null, props[key], isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + /** + * Special case for setting value on DOM elements: + * - it can be order-sensitive (e.g. should be set *after* min/max, #2325, #4024) + * - it needs to be forced (#1471) + * #2353 proposes adding another renderer option to configure this, but + * the properties affects are so finite it is worth special casing it + * here to reduce the complexity. (Special casing it also should not + * affect non-DOM renderers) + */ + if ('value' in props) { + hostPatchProp(el, 'value', null, props.value); + } + if ((vnodeHook = props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + } + // scopeId + setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent); + } + { + Object.defineProperty(el, '__vnode', { + value: vnode, + enumerable: false + }); + Object.defineProperty(el, '__vueParentComponent', { + value: parentComponent, + enumerable: false + }); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount'); + } + // #1583 For inside suspense + suspense not resolved case, enter hook should call when suspense resolved + // #1689 For inside suspense + suspense resolved case, just call it + const needCallTransitionHooks = (!parentSuspense || (parentSuspense && !parentSuspense.pendingBranch)) && + transition && + !transition.persisted; + if (needCallTransitionHooks) { + transition.beforeEnter(el); + } + hostInsert(el, container, anchor); + if ((vnodeHook = props && props.onVnodeMounted) || + needCallTransitionHooks || + dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + needCallTransitionHooks && transition.enter(el); + dirs && invokeDirectiveHook(vnode, null, parentComponent, 'mounted'); + }, parentSuspense); + } + }; + const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => { + if (scopeId) { + hostSetScopeId(el, scopeId); + } + if (slotScopeIds) { + for (let i = 0; i < slotScopeIds.length; i++) { + hostSetScopeId(el, slotScopeIds[i]); + } + } + if (parentComponent) { + let subTree = parentComponent.subTree; + if (subTree.patchFlag > 0 && + subTree.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) { + subTree = + filterSingleRoot(subTree.children) || subTree; + } + if (vnode === subTree) { + const parentVNode = parentComponent.vnode; + setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent); + } + } + }; + const mountChildren = (children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, start = 0) => { + for (let i = start; i < children.length; i++) { + const child = (children[i] = optimized + ? cloneIfMounted(children[i]) + : normalizeVNode(children[i])); + patch(null, child, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + const patchElement = (n1, n2, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const el = (n2.el = n1.el); + let { patchFlag, dynamicChildren, dirs } = n2; + // #1426 take the old vnode's patch flag into account since user may clone a + // compiler-generated vnode, which de-opts to FULL_PROPS + patchFlag |= n1.patchFlag & 16 /* FULL_PROPS */; + const oldProps = n1.props || EMPTY_OBJ; + const newProps = n2.props || EMPTY_OBJ; + let vnodeHook; + if ((vnodeHook = newProps.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + } + if (dirs) { + invokeDirectiveHook(n2, n1, parentComponent, 'beforeUpdate'); + } + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + const areChildrenSVG = isSVG && n2.type !== 'foreignObject'; + if (dynamicChildren) { + patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + } + else if (!optimized) { + // full diff + patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false); + } + if (patchFlag > 0) { + // the presence of a patchFlag means this element's render code was + // generated by the compiler and can take the fast path. + // in this path old node and new node are guaranteed to have the same shape + // (i.e. at the exact same position in the source template) + if (patchFlag & 16 /* FULL_PROPS */) { + // element props contain dynamic keys, full diff needed + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + else { + // class + // this flag is matched when the element has dynamic class bindings. + if (patchFlag & 2 /* CLASS */) { + if (oldProps.class !== newProps.class) { + hostPatchProp(el, 'class', null, newProps.class, isSVG); + } + } + // style + // this flag is matched when the element has dynamic style bindings + if (patchFlag & 4 /* STYLE */) { + hostPatchProp(el, 'style', oldProps.style, newProps.style, isSVG); + } + // props + // This flag is matched when the element has dynamic prop/attr bindings + // other than class and style. The keys of dynamic prop/attrs are saved for + // faster iteration. + // Note dynamic keys like :[foo]="bar" will cause this optimization to + // bail out and go through a full diff because we need to unset the old key + if (patchFlag & 8 /* PROPS */) { + // if the flag is present then dynamicProps must be non-null + const propsToUpdate = n2.dynamicProps; + for (let i = 0; i < propsToUpdate.length; i++) { + const key = propsToUpdate[i]; + const prev = oldProps[key]; + const next = newProps[key]; + // #1471 force patch value + if (next !== prev || key === 'value') { + hostPatchProp(el, key, prev, next, isSVG, n1.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + } + // text + // This flag is matched when the element has only dynamic text children. + if (patchFlag & 1 /* TEXT */) { + if (n1.children !== n2.children) { + hostSetElementText(el, n2.children); + } + } + } + else if (!optimized && dynamicChildren == null) { + // unoptimized, full diff + patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG); + } + if ((vnodeHook = newProps.onVnodeUpdated) || dirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1); + dirs && invokeDirectiveHook(n2, n1, parentComponent, 'updated'); + }, parentSuspense); + } + }; + // The fast path for blocks. + const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, isSVG, slotScopeIds) => { + for (let i = 0; i < newChildren.length; i++) { + const oldVNode = oldChildren[i]; + const newVNode = newChildren[i]; + // Determine the container (parent element) for the patch. + const container = + // oldVNode may be an errored async setup() component inside Suspense + // which will not have a mounted element + oldVNode.el && + // - In the case of a Fragment, we need to provide the actual parent + // of the Fragment itself so it can move its children. + (oldVNode.type === Fragment || + // - In the case of different nodes, there is going to be a replacement + // which also requires the correct parent container + !isSameVNodeType(oldVNode, newVNode) || + // - In the case of a component, it could contain anything. + oldVNode.shapeFlag & (6 /* COMPONENT */ | 64 /* TELEPORT */)) + ? hostParentNode(oldVNode.el) + : // In other cases, the parent container is not actually used so we + // just pass the block element here to avoid a DOM parentNode call. + fallbackContainer; + patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, true); + } + }; + const patchProps = (el, vnode, oldProps, newProps, parentComponent, parentSuspense, isSVG) => { + if (oldProps !== newProps) { + for (const key in newProps) { + // empty string is not valid prop + if (isReservedProp(key)) + continue; + const next = newProps[key]; + const prev = oldProps[key]; + // defer patching value + if (next !== prev && key !== 'value') { + hostPatchProp(el, key, prev, next, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + if (oldProps !== EMPTY_OBJ) { + for (const key in oldProps) { + if (!isReservedProp(key) && !(key in newProps)) { + hostPatchProp(el, key, oldProps[key], null, isSVG, vnode.children, parentComponent, parentSuspense, unmountChildren); + } + } + } + if ('value' in newProps) { + hostPatchProp(el, 'value', oldProps.value, newProps.value); + } + } + }; + const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText('')); + const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText('')); + let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2; + if (isHmrUpdating) { + // HMR updated, force full diff + patchFlag = 0; + optimized = false; + dynamicChildren = null; + } + // check if this is a slot fragment with :slotted scope ids + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds + ? slotScopeIds.concat(fragmentSlotScopeIds) + : fragmentSlotScopeIds; + } + if (n1 == null) { + hostInsert(fragmentStartAnchor, container, anchor); + hostInsert(fragmentEndAnchor, container, anchor); + // a fragment can only have array children + // since they are either generated by the compiler, or implicitly created + // from arrays. + mountChildren(n2.children, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + if (patchFlag > 0 && + patchFlag & 64 /* STABLE_FRAGMENT */ && + dynamicChildren && + // #2715 the previous fragment could've been a BAILed one as a result + // of renderSlot() with no valid children + n1.dynamicChildren) { + // a stable fragment (template root or <template v-for>) doesn't need to + // patch children order, but it may contain dynamicChildren. + patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, isSVG, slotScopeIds); + if (parentComponent && parentComponent.type.__hmrId) { + traverseStaticChildren(n1, n2); + } + else if ( + // #2080 if the stable fragment has a key, it's a <template v-for> that may + // get moved around. Make sure all root level vnodes inherit el. + // #2134 or if it's a component root, it may also get moved around + // as the component is being moved. + n2.key != null || + (parentComponent && n2 === parentComponent.subTree)) { + traverseStaticChildren(n1, n2, true /* shallow */); + } + } + else { + // keyed / unkeyed, or manual fragments. + // for keyed & unkeyed, since they are compiler generated from v-for, + // each child is guaranteed to be a block so the fragment will never + // have dynamicChildren. + patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + }; + const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + n2.slotScopeIds = slotScopeIds; + if (n1 == null) { + if (n2.shapeFlag & 512 /* COMPONENT_KEPT_ALIVE */) { + parentComponent.ctx.activate(n2, container, anchor, isSVG, optimized); + } + else { + mountComponent(n2, container, anchor, parentComponent, parentSuspense, isSVG, optimized); + } + } + else { + updateComponent(n1, n2, optimized); + } + }; + const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, isSVG, optimized) => { + const instance = (initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense)); + if (instance.type.__hmrId) { + registerHMR(instance); + } + { + pushWarningContext(initialVNode); + startMeasure(instance, `mount`); + } + // inject renderer internals for keepAlive + if (isKeepAlive(initialVNode)) { + instance.ctx.renderer = internals; + } + // resolve props and slots for setup context + { + { + startMeasure(instance, `init`); + } + setupComponent(instance); + { + endMeasure(instance, `init`); + } + } + // setup() is async. This component relies on async logic to be resolved + // before proceeding + if (instance.asyncDep) { + parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect); + // Give it a placeholder if this is not hydration + // TODO handle self-defined fallback + if (!initialVNode.el) { + const placeholder = (instance.subTree = createVNode(Comment$1)); + processCommentNode(null, placeholder, container, anchor); + } + return; + } + setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized); + { + popWarningContext(); + endMeasure(instance, `mount`); + } + }; + const updateComponent = (n1, n2, optimized) => { + const instance = (n2.component = n1.component); + if (shouldUpdateComponent(n1, n2, optimized)) { + if (instance.asyncDep && + !instance.asyncResolved) { + // async & still pending - just update props and slots + // since the component's reactive effect for render isn't set-up yet + { + pushWarningContext(n2); + } + updateComponentPreRender(instance, n2, optimized); + { + popWarningContext(); + } + return; + } + else { + // normal update + instance.next = n2; + // in case the child component is also queued, remove it to avoid + // double updating the same child component in the same flush. + invalidateJob(instance.update); + // instance.update is the reactive effect. + instance.update(); + } + } + else { + // no update needed. just copy over properties + n2.component = n1.component; + n2.el = n1.el; + instance.vnode = n2; + } + }; + const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, isSVG, optimized) => { + const componentUpdateFn = () => { + if (!instance.isMounted) { + let vnodeHook; + const { el, props } = initialVNode; + const { bm, m, parent } = instance; + const isAsyncWrapperVNode = isAsyncWrapper(initialVNode); + effect.allowRecurse = false; + // beforeMount hook + if (bm) { + invokeArrayFns(bm); + } + // onVnodeBeforeMount + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeBeforeMount)) { + invokeVNodeHook(vnodeHook, parent, initialVNode); + } + effect.allowRecurse = true; + if (el && hydrateNode) { + // vnode has adopted host node - perform hydration instead of mount. + const hydrateSubTree = () => { + { + startMeasure(instance, `render`); + } + instance.subTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `hydrate`); + } + hydrateNode(el, instance.subTree, instance, parentSuspense, null); + { + endMeasure(instance, `hydrate`); + } + }; + if (isAsyncWrapperVNode) { + initialVNode.type.__asyncLoader().then( + // note: we are moving the render call into an async callback, + // which means it won't track dependencies - but it's ok because + // a server-rendered async wrapper is already in resolved state + // and it will never need to change. + () => !instance.isUnmounted && hydrateSubTree()); + } + else { + hydrateSubTree(); + } + } + else { + { + startMeasure(instance, `render`); + } + const subTree = (instance.subTree = renderComponentRoot(instance)); + { + endMeasure(instance, `render`); + } + { + startMeasure(instance, `patch`); + } + patch(null, subTree, container, anchor, instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + initialVNode.el = subTree.el; + } + // mounted hook + if (m) { + queuePostRenderEffect(m, parentSuspense); + } + // onVnodeMounted + if (!isAsyncWrapperVNode && + (vnodeHook = props && props.onVnodeMounted)) { + const scopedInitialVNode = initialVNode; + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense); + } + // activated hook for keep-alive roots. + // #1742 activated hook must be accessed after first render + // since the hook may be injected by a child keep-alive + if (initialVNode.shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + instance.a && queuePostRenderEffect(instance.a, parentSuspense); + } + instance.isMounted = true; + { + devtoolsComponentAdded(instance); + } + // #2458: deference mount-only object parameters to prevent memleaks + initialVNode = container = anchor = null; + } + else { + // updateComponent + // This is triggered by mutation of component's own state (next: null) + // OR parent calling processComponent (next: VNode) + let { next, bu, u, parent, vnode } = instance; + let originNext = next; + let vnodeHook; + { + pushWarningContext(next || instance.vnode); + } + // Disallow component effect recursion during pre-lifecycle hooks. + effect.allowRecurse = false; + if (next) { + next.el = vnode.el; + updateComponentPreRender(instance, next, optimized); + } + else { + next = vnode; + } + // beforeUpdate hook + if (bu) { + invokeArrayFns(bu); + } + // onVnodeBeforeUpdate + if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) { + invokeVNodeHook(vnodeHook, parent, next, vnode); + } + effect.allowRecurse = true; + // render + { + startMeasure(instance, `render`); + } + const nextTree = renderComponentRoot(instance); + { + endMeasure(instance, `render`); + } + const prevTree = instance.subTree; + instance.subTree = nextTree; + { + startMeasure(instance, `patch`); + } + patch(prevTree, nextTree, + // parent may have changed if it's in a teleport + hostParentNode(prevTree.el), + // anchor may have changed if it's in a fragment + getNextHostNode(prevTree), instance, parentSuspense, isSVG); + { + endMeasure(instance, `patch`); + } + next.el = nextTree.el; + if (originNext === null) { + // self-triggered update. In case of HOC, update parent component + // vnode el. HOC is indicated by parent instance's subTree pointing + // to child component's vnode + updateHOCHostEl(instance, nextTree.el); + } + // updated hook + if (u) { + queuePostRenderEffect(u, parentSuspense); + } + // onVnodeUpdated + if ((vnodeHook = next.props && next.props.onVnodeUpdated)) { + queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense); + } + { + devtoolsComponentUpdated(instance); + } + { + popWarningContext(); + } + } + }; + // create reactive effect for rendering + const effect = new ReactiveEffect(componentUpdateFn, () => queueJob(instance.update), instance.scope // track it in component's effect scope + ); + const update = (instance.update = effect.run.bind(effect)); + update.id = instance.uid; + // allowRecurse + // #1801, #2043 component render effects should allow recursive updates + effect.allowRecurse = update.allowRecurse = true; + { + effect.onTrack = instance.rtc + ? e => invokeArrayFns(instance.rtc, e) + : void 0; + effect.onTrigger = instance.rtg + ? e => invokeArrayFns(instance.rtg, e) + : void 0; + // @ts-ignore (for scheduler) + update.ownerInstance = instance; + } + update(); + }; + const updateComponentPreRender = (instance, nextVNode, optimized) => { + nextVNode.component = instance; + const prevProps = instance.vnode.props; + instance.vnode = nextVNode; + instance.next = null; + updateProps(instance, nextVNode.props, prevProps, optimized); + updateSlots(instance, nextVNode.children, optimized); + pauseTracking(); + // props update may have triggered pre-flush watchers. + // flush them before the render update. + flushPreFlushCbs(undefined, instance.update); + resetTracking(); + }; + const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized = false) => { + const c1 = n1 && n1.children; + const prevShapeFlag = n1 ? n1.shapeFlag : 0; + const c2 = n2.children; + const { patchFlag, shapeFlag } = n2; + // fast path + if (patchFlag > 0) { + if (patchFlag & 128 /* KEYED_FRAGMENT */) { + // this could be either fully-keyed or mixed (some keyed some not) + // presence of patchFlag means children are guaranteed to be arrays + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + else if (patchFlag & 256 /* UNKEYED_FRAGMENT */) { + // unkeyed + patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + return; + } + } + // children has 3 possibilities: text, array or no children. + if (shapeFlag & 8 /* TEXT_CHILDREN */) { + // text children fast path + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + unmountChildren(c1, parentComponent, parentSuspense); + } + if (c2 !== c1) { + hostSetElementText(container, c2); + } + } + else { + if (prevShapeFlag & 16 /* ARRAY_CHILDREN */) { + // prev children was array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + // two arrays, cannot assume anything, do full diff + patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + // no new children, just unmount old + unmountChildren(c1, parentComponent, parentSuspense, true); + } + } + else { + // prev children was text OR null + // new children is array OR null + if (prevShapeFlag & 8 /* TEXT_CHILDREN */) { + hostSetElementText(container, ''); + } + // mount new if array + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + } + } + }; + const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + c1 = c1 || EMPTY_ARR; + c2 = c2 || EMPTY_ARR; + const oldLength = c1.length; + const newLength = c2.length; + const commonLength = Math.min(oldLength, newLength); + let i; + for (i = 0; i < commonLength; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + if (oldLength > newLength) { + // remove old + unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength); + } + else { + // mount new + mountChildren(c2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, commonLength); + } + }; + // can be all-keyed or mixed + const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized) => { + let i = 0; + const l2 = c2.length; + let e1 = c1.length - 1; // prev ending index + let e2 = l2 - 1; // next ending index + // 1. sync from start + // (a b) c + // (a b) d e + while (i <= e1 && i <= e2) { + const n1 = c1[i]; + const n2 = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + i++; + } + // 2. sync from end + // a (b c) + // d e (b c) + while (i <= e1 && i <= e2) { + const n1 = c1[e1]; + const n2 = (c2[e2] = optimized + ? cloneIfMounted(c2[e2]) + : normalizeVNode(c2[e2])); + if (isSameVNodeType(n1, n2)) { + patch(n1, n2, container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else { + break; + } + e1--; + e2--; + } + // 3. common sequence + mount + // (a b) + // (a b) c + // i = 2, e1 = 1, e2 = 2 + // (a b) + // c (a b) + // i = 0, e1 = -1, e2 = 0 + if (i > e1) { + if (i <= e2) { + const nextPos = e2 + 1; + const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor; + while (i <= e2) { + patch(null, (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])), container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + i++; + } + } + } + // 4. common sequence + unmount + // (a b) c + // (a b) + // i = 2, e1 = 2, e2 = 1 + // a (b c) + // (b c) + // i = 0, e1 = 0, e2 = -1 + else if (i > e2) { + while (i <= e1) { + unmount(c1[i], parentComponent, parentSuspense, true); + i++; + } + } + // 5. unknown sequence + // [i ... e1 + 1]: a b [c d e] f g + // [i ... e2 + 1]: a b [e d c h] f g + // i = 2, e1 = 4, e2 = 5 + else { + const s1 = i; // prev starting index + const s2 = i; // next starting index + // 5.1 build key:index map for newChildren + const keyToNewIndexMap = new Map(); + for (i = s2; i <= e2; i++) { + const nextChild = (c2[i] = optimized + ? cloneIfMounted(c2[i]) + : normalizeVNode(c2[i])); + if (nextChild.key != null) { + if (keyToNewIndexMap.has(nextChild.key)) { + warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`); + } + keyToNewIndexMap.set(nextChild.key, i); + } + } + // 5.2 loop through old children left to be patched and try to patch + // matching nodes & remove nodes that are no longer present + let j; + let patched = 0; + const toBePatched = e2 - s2 + 1; + let moved = false; + // used to track whether any node has moved + let maxNewIndexSoFar = 0; + // works as Map<newIndex, oldIndex> + // Note that oldIndex is offset by +1 + // and oldIndex = 0 is a special value indicating the new node has + // no corresponding old node. + // used for determining longest stable subsequence + const newIndexToOldIndexMap = new Array(toBePatched); + for (i = 0; i < toBePatched; i++) + newIndexToOldIndexMap[i] = 0; + for (i = s1; i <= e1; i++) { + const prevChild = c1[i]; + if (patched >= toBePatched) { + // all new children have been patched so this can only be a removal + unmount(prevChild, parentComponent, parentSuspense, true); + continue; + } + let newIndex; + if (prevChild.key != null) { + newIndex = keyToNewIndexMap.get(prevChild.key); + } + else { + // key-less node, try to locate a key-less node of the same type + for (j = s2; j <= e2; j++) { + if (newIndexToOldIndexMap[j - s2] === 0 && + isSameVNodeType(prevChild, c2[j])) { + newIndex = j; + break; + } + } + } + if (newIndex === undefined) { + unmount(prevChild, parentComponent, parentSuspense, true); + } + else { + newIndexToOldIndexMap[newIndex - s2] = i + 1; + if (newIndex >= maxNewIndexSoFar) { + maxNewIndexSoFar = newIndex; + } + else { + moved = true; + } + patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + patched++; + } + } + // 5.3 move and mount + // generate longest stable subsequence only when nodes have moved + const increasingNewIndexSequence = moved + ? getSequence(newIndexToOldIndexMap) + : EMPTY_ARR; + j = increasingNewIndexSequence.length - 1; + // looping backwards so that we can use last patched node as anchor + for (i = toBePatched - 1; i >= 0; i--) { + const nextIndex = s2 + i; + const nextChild = c2[nextIndex]; + const anchor = nextIndex + 1 < l2 ? c2[nextIndex + 1].el : parentAnchor; + if (newIndexToOldIndexMap[i] === 0) { + // mount new + patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + else if (moved) { + // move if: + // There is no stable subsequence (e.g. a reverse) + // OR current node is not among the stable sequence + if (j < 0 || i !== increasingNewIndexSequence[j]) { + move(nextChild, container, anchor, 2 /* REORDER */); + } + else { + j--; + } + } + } + } + }; + const move = (vnode, container, anchor, moveType, parentSuspense = null) => { + const { el, type, transition, children, shapeFlag } = vnode; + if (shapeFlag & 6 /* COMPONENT */) { + move(vnode.component.subTree, container, anchor, moveType); + return; + } + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.move(container, anchor, moveType); + return; + } + if (shapeFlag & 64 /* TELEPORT */) { + type.move(vnode, container, anchor, internals); + return; + } + if (type === Fragment) { + hostInsert(el, container, anchor); + for (let i = 0; i < children.length; i++) { + move(children[i], container, anchor, moveType); + } + hostInsert(vnode.anchor, container, anchor); + return; + } + if (type === Static) { + moveStaticNode(vnode, container, anchor); + return; + } + // single nodes + const needTransition = moveType !== 2 /* REORDER */ && + shapeFlag & 1 /* ELEMENT */ && + transition; + if (needTransition) { + if (moveType === 0 /* ENTER */) { + transition.beforeEnter(el); + hostInsert(el, container, anchor); + queuePostRenderEffect(() => transition.enter(el), parentSuspense); + } + else { + const { leave, delayLeave, afterLeave } = transition; + const remove = () => hostInsert(el, container, anchor); + const performLeave = () => { + leave(el, () => { + remove(); + afterLeave && afterLeave(); + }); + }; + if (delayLeave) { + delayLeave(el, remove, performLeave); + } + else { + performLeave(); + } + } + } + else { + hostInsert(el, container, anchor); + } + }; + const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => { + const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs } = vnode; + // unset ref + if (ref != null) { + setRef(ref, null, parentSuspense, vnode, true); + } + if (shapeFlag & 256 /* COMPONENT_SHOULD_KEEP_ALIVE */) { + parentComponent.ctx.deactivate(vnode); + return; + } + const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs; + const shouldInvokeVnodeHook = !isAsyncWrapper(vnode); + let vnodeHook; + if (shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeBeforeUnmount)) { + invokeVNodeHook(vnodeHook, parentComponent, vnode); + } + if (shapeFlag & 6 /* COMPONENT */) { + unmountComponent(vnode.component, parentSuspense, doRemove); + } + else { + if (shapeFlag & 128 /* SUSPENSE */) { + vnode.suspense.unmount(parentSuspense, doRemove); + return; + } + if (shouldInvokeDirs) { + invokeDirectiveHook(vnode, null, parentComponent, 'beforeUnmount'); + } + if (shapeFlag & 64 /* TELEPORT */) { + vnode.type.remove(vnode, parentComponent, parentSuspense, optimized, internals, doRemove); + } + else if (dynamicChildren && + // #1153: fast path should not be taken for non-stable (v-for) fragments + (type !== Fragment || + (patchFlag > 0 && patchFlag & 64 /* STABLE_FRAGMENT */))) { + // fast path for block nodes: only need to unmount dynamic children. + unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true); + } + else if ((type === Fragment && + patchFlag & + (128 /* KEYED_FRAGMENT */ | 256 /* UNKEYED_FRAGMENT */)) || + (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) { + unmountChildren(children, parentComponent, parentSuspense); + } + if (doRemove) { + remove(vnode); + } + } + if ((shouldInvokeVnodeHook && + (vnodeHook = props && props.onVnodeUnmounted)) || + shouldInvokeDirs) { + queuePostRenderEffect(() => { + vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode); + shouldInvokeDirs && + invokeDirectiveHook(vnode, null, parentComponent, 'unmounted'); + }, parentSuspense); + } + }; + const remove = vnode => { + const { type, el, anchor, transition } = vnode; + if (type === Fragment) { + removeFragment(el, anchor); + return; + } + if (type === Static) { + removeStaticNode(vnode); + return; + } + const performRemove = () => { + hostRemove(el); + if (transition && !transition.persisted && transition.afterLeave) { + transition.afterLeave(); + } + }; + if (vnode.shapeFlag & 1 /* ELEMENT */ && + transition && + !transition.persisted) { + const { leave, delayLeave } = transition; + const performLeave = () => leave(el, performRemove); + if (delayLeave) { + delayLeave(vnode.el, performRemove, performLeave); + } + else { + performLeave(); + } + } + else { + performRemove(); + } + }; + const removeFragment = (cur, end) => { + // For fragments, directly remove all contained DOM nodes. + // (fragment child nodes cannot have transition) + let next; + while (cur !== end) { + next = hostNextSibling(cur); + hostRemove(cur); + cur = next; + } + hostRemove(end); + }; + const unmountComponent = (instance, parentSuspense, doRemove) => { + if (instance.type.__hmrId) { + unregisterHMR(instance); + } + const { bum, scope, update, subTree, um } = instance; + // beforeUnmount hook + if (bum) { + invokeArrayFns(bum); + } + // stop effects in component scope + scope.stop(); + // update may be null if a component is unmounted before its async + // setup has resolved. + if (update) { + // so that scheduler will no longer invoke it + update.active = false; + unmount(subTree, instance, parentSuspense, doRemove); + } + // unmounted hook + if (um) { + queuePostRenderEffect(um, parentSuspense); + } + queuePostRenderEffect(() => { + instance.isUnmounted = true; + }, parentSuspense); + // A component with async dep inside a pending suspense is unmounted before + // its async dep resolves. This should remove the dep from the suspense, and + // cause the suspense to resolve immediately if that was the last dep. + if (parentSuspense && + parentSuspense.pendingBranch && + !parentSuspense.isUnmounted && + instance.asyncDep && + !instance.asyncResolved && + instance.suspenseId === parentSuspense.pendingId) { + parentSuspense.deps--; + if (parentSuspense.deps === 0) { + parentSuspense.resolve(); + } + } + { + devtoolsComponentRemoved(instance); + } + }; + const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => { + for (let i = start; i < children.length; i++) { + unmount(children[i], parentComponent, parentSuspense, doRemove, optimized); + } + }; + const getNextHostNode = vnode => { + if (vnode.shapeFlag & 6 /* COMPONENT */) { + return getNextHostNode(vnode.component.subTree); + } + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + return vnode.suspense.next(); + } + return hostNextSibling((vnode.anchor || vnode.el)); + }; + const render = (vnode, container, isSVG) => { + if (vnode == null) { + if (container._vnode) { + unmount(container._vnode, null, null, true); + } + } + else { + patch(container._vnode || null, vnode, container, null, null, null, isSVG); + } + flushPostFlushCbs(); + container._vnode = vnode; + }; + const internals = { + p: patch, + um: unmount, + m: move, + r: remove, + mt: mountComponent, + mc: mountChildren, + pc: patchChildren, + pbc: patchBlockChildren, + n: getNextHostNode, + o: options + }; + let hydrate; + let hydrateNode; + if (createHydrationFns) { + [hydrate, hydrateNode] = createHydrationFns(internals); + } + return { + render, + hydrate, + createApp: createAppAPI(render, hydrate) + }; + } + function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { + if (isArray(rawRef)) { + rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount)); + return; + } + if (isAsyncWrapper(vnode) && !isUnmount) { + // when mounting async components, nothing needs to be done, + // because the template ref is forwarded to inner component + return; + } + const refValue = vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ + ? getExposeProxy(vnode.component) || vnode.component.proxy + : vnode.el; + const value = isUnmount ? null : refValue; + const { i: owner, r: ref } = rawRef; + if (!owner) { + warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` + + `A vnode with ref must be created inside the render function.`); + return; + } + const oldRef = oldRawRef && oldRawRef.r; + const refs = owner.refs === EMPTY_OBJ ? (owner.refs = {}) : owner.refs; + const setupState = owner.setupState; + // dynamic ref changed. unset old ref + if (oldRef != null && oldRef !== ref) { + if (isString(oldRef)) { + refs[oldRef] = null; + if (hasOwn(setupState, oldRef)) { + setupState[oldRef] = null; + } + } + else if (isRef(oldRef)) { + oldRef.value = null; + } + } + if (isString(ref)) { + const doSet = () => { + { + refs[ref] = value; + } + if (hasOwn(setupState, ref)) { + setupState[ref] = value; + } + }; + // #1789: for non-null values, set them after render + // null values means this is unmount and it should not overwrite another + // ref with the same key + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isRef(ref)) { + const doSet = () => { + ref.value = value; + }; + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } + else { + doSet(); + } + } + else if (isFunction(ref)) { + callWithErrorHandling(ref, owner, 12 /* FUNCTION_REF */, [value, refs]); + } + else { + warn$1('Invalid template ref type:', value, `(${typeof value})`); + } + } + function invokeVNodeHook(hook, instance, vnode, prevVNode = null) { + callWithAsyncErrorHandling(hook, instance, 7 /* VNODE_HOOK */, [ + vnode, + prevVNode + ]); + } + /** + * #1156 + * When a component is HMR-enabled, we need to make sure that all static nodes + * inside a block also inherit the DOM element from the previous tree so that + * HMR updates (which are full updates) can retrieve the element for patching. + * + * #2080 + * Inside keyed `template` fragment static children, if a fragment is moved, + * the children will always moved so that need inherit el form previous nodes + * to ensure correct moved position. + */ + function traverseStaticChildren(n1, n2, shallow = false) { + const ch1 = n1.children; + const ch2 = n2.children; + if (isArray(ch1) && isArray(ch2)) { + for (let i = 0; i < ch1.length; i++) { + // this is only called in the optimized path so array children are + // guaranteed to be vnodes + const c1 = ch1[i]; + let c2 = ch2[i]; + if (c2.shapeFlag & 1 /* ELEMENT */ && !c2.dynamicChildren) { + if (c2.patchFlag <= 0 || c2.patchFlag === 32 /* HYDRATE_EVENTS */) { + c2 = ch2[i] = cloneIfMounted(ch2[i]); + c2.el = c1.el; + } + if (!shallow) + traverseStaticChildren(c1, c2); + } + // also inherit for comment nodes, but not placeholders (e.g. v-if which + // would have received .el during block patch) + if (c2.type === Comment$1 && !c2.el) { + c2.el = c1.el; + } + } + } + } + // https://en.wikipedia.org/wiki/Longest_increasing_subsequence + function getSequence(arr) { + const p = arr.slice(); + const result = [0]; + let i, j, u, v, c; + const len = arr.length; + for (i = 0; i < len; i++) { + const arrI = arr[i]; + if (arrI !== 0) { + j = result[result.length - 1]; + if (arr[j] < arrI) { + p[i] = j; + result.push(i); + continue; + } + u = 0; + v = result.length - 1; + while (u < v) { + c = (u + v) >> 1; + if (arr[result[c]] < arrI) { + u = c + 1; + } + else { + v = c; + } + } + if (arrI < arr[result[u]]) { + if (u > 0) { + p[i] = result[u - 1]; + } + result[u] = i; + } + } + } + u = result.length; + v = result[u - 1]; + while (u-- > 0) { + result[u] = v; + v = p[v]; + } + return result; + } + + const isTeleport = (type) => type.__isTeleport; + const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === ''); + const isTargetSVG = (target) => typeof SVGElement !== 'undefined' && target instanceof SVGElement; + const resolveTarget = (props, select) => { + const targetSelector = props && props.to; + if (isString(targetSelector)) { + if (!select) { + warn$1(`Current renderer does not support string target for Teleports. ` + + `(missing querySelector renderer option)`); + return null; + } + else { + const target = select(targetSelector); + if (!target) { + warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` + + `Note the target element must exist before the component is mounted - ` + + `i.e. the target cannot be rendered by the component itself, and ` + + `ideally should be outside of the entire Vue component tree.`); + } + return target; + } + } + else { + if (!targetSelector && !isTeleportDisabled(props)) { + warn$1(`Invalid Teleport target: ${targetSelector}`); + } + return targetSelector; + } + }; + const TeleportImpl = { + __isTeleport: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals) { + const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals; + const disabled = isTeleportDisabled(n2.props); + let { shapeFlag, children, dynamicChildren } = n2; + // #3302 + // HMR updated, force full diff + if (isHmrUpdating) { + optimized = false; + dynamicChildren = null; + } + if (n1 == null) { + // insert anchors in the main view + const placeholder = (n2.el = createComment('teleport start') + ); + const mainAnchor = (n2.anchor = createComment('teleport end') + ); + insert(placeholder, container, anchor); + insert(mainAnchor, container, anchor); + const target = (n2.target = resolveTarget(n2.props, querySelector)); + const targetAnchor = (n2.targetAnchor = createText('')); + if (target) { + insert(targetAnchor, target); + // #2652 we could be teleporting from a non-SVG tree into an SVG tree + isSVG = isSVG || isTargetSVG(target); + } + else if (!disabled) { + warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`); + } + const mount = (container, anchor) => { + // Teleport *always* has Array children. This is enforced in both the + // compiler and vnode children normalization. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + mountChildren(children, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized); + } + }; + if (disabled) { + mount(container, mainAnchor); + } + else if (target) { + mount(target, targetAnchor); + } + } + else { + // update content + n2.el = n1.el; + const mainAnchor = (n2.anchor = n1.anchor); + const target = (n2.target = n1.target); + const targetAnchor = (n2.targetAnchor = n1.targetAnchor); + const wasDisabled = isTeleportDisabled(n1.props); + const currentContainer = wasDisabled ? container : target; + const currentAnchor = wasDisabled ? mainAnchor : targetAnchor; + isSVG = isSVG || isTargetSVG(target); + if (dynamicChildren) { + // fast path when the teleport happens to be a block root + patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, isSVG, slotScopeIds); + // even in block tree mode we need to make sure all root-level nodes + // in the teleport inherit previous DOM references so that they can + // be moved in future patches. + traverseStaticChildren(n1, n2, true); + } + else if (!optimized) { + patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, isSVG, slotScopeIds, false); + } + if (disabled) { + if (!wasDisabled) { + // enabled -> disabled + // move into main container + moveTeleport(n2, container, mainAnchor, internals, 1 /* TOGGLE */); + } + } + else { + // target changed + if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) { + const nextTarget = (n2.target = resolveTarget(n2.props, querySelector)); + if (nextTarget) { + moveTeleport(n2, nextTarget, null, internals, 0 /* TARGET_CHANGE */); + } + else { + warn$1('Invalid Teleport target on update:', target, `(${typeof target})`); + } + } + else if (wasDisabled) { + // disabled -> enabled + // move into teleport target + moveTeleport(n2, target, targetAnchor, internals, 1 /* TOGGLE */); + } + } + } + }, + remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) { + const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode; + if (target) { + hostRemove(targetAnchor); + } + // an unmounted teleport should always remove its children if not disabled + if (doRemove || !isTeleportDisabled(props)) { + hostRemove(anchor); + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + const child = children[i]; + unmount(child, parentComponent, parentSuspense, true, !!child.dynamicChildren); + } + } + } + }, + move: moveTeleport, + hydrate: hydrateTeleport + }; + function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2 /* REORDER */) { + // move target anchor if this is a target change. + if (moveType === 0 /* TARGET_CHANGE */) { + insert(vnode.targetAnchor, container, parentAnchor); + } + const { el, anchor, shapeFlag, children, props } = vnode; + const isReorder = moveType === 2 /* REORDER */; + // move main view anchor if this is a re-order. + if (isReorder) { + insert(el, container, parentAnchor); + } + // if this is a re-order and teleport is enabled (content is in target) + // do not move children. So the opposite is: only move children if this + // is not a reorder, or the teleport is disabled + if (!isReorder || isTeleportDisabled(props)) { + // Teleport has either Array children or no children. + if (shapeFlag & 16 /* ARRAY_CHILDREN */) { + for (let i = 0; i < children.length; i++) { + move(children[i], container, parentAnchor, 2 /* REORDER */); + } + } + } + // move main view anchor if this is a re-order. + if (isReorder) { + insert(anchor, container, parentAnchor); + } + } + function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector } }, hydrateChildren) { + const target = (vnode.target = resolveTarget(vnode.props, querySelector)); + if (target) { + // if multiple teleports rendered to the same target element, we need to + // pick up from where the last teleport finished instead of the first node + const targetNode = target._lpa || target.firstChild; + if (vnode.shapeFlag & 16 /* ARRAY_CHILDREN */) { + if (isTeleportDisabled(vnode.props)) { + vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized); + vnode.targetAnchor = targetNode; + } + else { + vnode.anchor = nextSibling(node); + vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized); + } + target._lpa = + vnode.targetAnchor && nextSibling(vnode.targetAnchor); + } + } + return vnode.anchor && nextSibling(vnode.anchor); + } + // Force-casted public typing for h and TSX props inference + const Teleport = TeleportImpl; + + const COMPONENTS = 'components'; + const DIRECTIVES = 'directives'; + /** + * @private + */ + function resolveComponent(name, maybeSelfReference) { + return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; + } + const NULL_DYNAMIC_COMPONENT = Symbol(); + /** + * @private + */ + function resolveDynamicComponent(component) { + if (isString(component)) { + return resolveAsset(COMPONENTS, component, false) || component; + } + else { + // invalid types will fallthrough to createVNode and raise warning + return (component || NULL_DYNAMIC_COMPONENT); + } + } + /** + * @private + */ + function resolveDirective(name) { + return resolveAsset(DIRECTIVES, name); + } + // implementation + function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { + const instance = currentRenderingInstance || currentInstance; + if (instance) { + const Component = instance.type; + // explicit self name has highest priority + if (type === COMPONENTS) { + const selfName = getComponentName(Component); + if (selfName && + (selfName === name || + selfName === camelize(name) || + selfName === capitalize(camelize(name)))) { + return Component; + } + } + const res = + // local registration + // check instance[type] first which is resolved for options API + resolve(instance[type] || Component[type], name) || + // global registration + resolve(instance.appContext[type], name); + if (!res && maybeSelfReference) { + // fallback to implicit self-reference + return Component; + } + if (warnMissing && !res) { + warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`); + } + return res; + } + else { + warn$1(`resolve${capitalize(type.slice(0, -1))} ` + + `can only be used in render() or setup().`); + } + } + function resolve(registry, name) { + return (registry && + (registry[name] || + registry[camelize(name)] || + registry[capitalize(camelize(name))])); + } + + const Fragment = Symbol('Fragment' ); + const Text = Symbol('Text' ); + const Comment$1 = Symbol('Comment' ); + const Static = Symbol('Static' ); + // Since v-if and v-for are the two possible ways node structure can dynamically + // change, once we consider v-if branches and each v-for fragment a block, we + // can divide a template into nested blocks, and within each block the node + // structure would be stable. This allows us to skip most children diffing + // and only worry about the dynamic nodes (indicated by patch flags). + const blockStack = []; + let currentBlock = null; + /** + * Open a block. + * This must be called before `createBlock`. It cannot be part of `createBlock` + * because the children of the block are evaluated before `createBlock` itself + * is called. The generated code typically looks like this: + * + * ```js + * function render() { + * return (openBlock(),createBlock('div', null, [...])) + * } + * ``` + * disableTracking is true when creating a v-for fragment block, since a v-for + * fragment always diffs its children. + * + * @private + */ + function openBlock(disableTracking = false) { + blockStack.push((currentBlock = disableTracking ? null : [])); + } + function closeBlock() { + blockStack.pop(); + currentBlock = blockStack[blockStack.length - 1] || null; + } + // Whether we should be tracking dynamic child nodes inside a block. + // Only tracks when this value is > 0 + // We are not using a simple boolean because this value may need to be + // incremented/decremented by nested usage of v-once (see below) + let isBlockTreeEnabled = 1; + /** + * Block tracking sometimes needs to be disabled, for example during the + * creation of a tree that needs to be cached by v-once. The compiler generates + * code like this: + * + * ``` js + * _cache[1] || ( + * setBlockTracking(-1), + * _cache[1] = createVNode(...), + * setBlockTracking(1), + * _cache[1] + * ) + * ``` + * + * @private + */ + function setBlockTracking(value) { + isBlockTreeEnabled += value; + } + function setupBlock(vnode) { + // save current block children on the block vnode + vnode.dynamicChildren = + isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null; + // close block + closeBlock(); + // a block is always going to be patched, so track it as a child of its + // parent block + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(vnode); + } + return vnode; + } + /** + * @private + */ + function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) { + return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true /* isBlock */)); + } + /** + * Create a block root vnode. Takes the same exact arguments as `createVNode`. + * A block root keeps track of dynamic nodes within the block in the + * `dynamicChildren` array. + * + * @private + */ + function createBlock(type, props, children, patchFlag, dynamicProps) { + return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true /* isBlock: prevent a block from tracking itself */)); + } + function isVNode(value) { + return value ? value.__v_isVNode === true : false; + } + function isSameVNodeType(n1, n2) { + if (n2.shapeFlag & 6 /* COMPONENT */ && + hmrDirtyComponents.has(n2.type)) { + // HMR only: if the component has been hot-updated, force a reload. + return false; + } + return n1.type === n2.type && n1.key === n2.key; + } + let vnodeArgsTransformer; + /** + * Internal API for registering an arguments transform for createVNode + * used for creating stubs in the test-utils + * It is *internal* but needs to be exposed for test-utils to pick up proper + * typings + */ + function transformVNodeArgs(transformer) { + vnodeArgsTransformer = transformer; + } + const createVNodeWithArgsTransform = (...args) => { + return _createVNode(...(vnodeArgsTransformer + ? vnodeArgsTransformer(args, currentRenderingInstance) + : args)); + }; + const InternalObjectKey = `__vInternal`; + const normalizeKey = ({ key }) => key != null ? key : null; + const normalizeRef = ({ ref }) => { + return (ref != null + ? isString(ref) || isRef(ref) || isFunction(ref) + ? { i: currentRenderingInstance, r: ref } + : ref + : null); + }; + function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1 /* ELEMENT */, isBlockNode = false, needFullChildrenNormalization = false) { + const vnode = { + __v_isVNode: true, + __v_skip: true, + type, + props, + key: props && normalizeKey(props), + ref: props && normalizeRef(props), + scopeId: currentScopeId, + slotScopeIds: null, + children, + component: null, + suspense: null, + ssContent: null, + ssFallback: null, + dirs: null, + transition: null, + el: null, + anchor: null, + target: null, + targetAnchor: null, + staticCount: 0, + shapeFlag, + patchFlag, + dynamicProps, + dynamicChildren: null, + appContext: null + }; + if (needFullChildrenNormalization) { + normalizeChildren(vnode, children); + // normalize suspense children + if (shapeFlag & 128 /* SUSPENSE */) { + type.normalize(vnode); + } + } + else if (children) { + // compiled element vnode - if children is passed, only possible types are + // string or Array. + vnode.shapeFlag |= isString(children) + ? 8 /* TEXT_CHILDREN */ + : 16 /* ARRAY_CHILDREN */; + } + // validate key + if (vnode.key !== vnode.key) { + warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type); + } + // track vnode for block tree + if (isBlockTreeEnabled > 0 && + // avoid a block node from tracking itself + !isBlockNode && + // has current parent block + currentBlock && + // presence of a patch flag indicates this node needs patching on updates. + // component nodes also should always be patched, because even if the + // component doesn't need to update, it needs to persist the instance on to + // the next vnode so that it can be properly unmounted later. + (vnode.patchFlag > 0 || shapeFlag & 6 /* COMPONENT */) && + // the EVENTS flag is only for hydration and if it is the only flag, the + // vnode should not be considered dynamic due to handler caching. + vnode.patchFlag !== 32 /* HYDRATE_EVENTS */) { + currentBlock.push(vnode); + } + return vnode; + } + const createVNode = (createVNodeWithArgsTransform ); + function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) { + if (!type || type === NULL_DYNAMIC_COMPONENT) { + if (!type) { + warn$1(`Invalid vnode type when creating vnode: ${type}.`); + } + type = Comment$1; + } + if (isVNode(type)) { + // createVNode receiving an existing vnode. This happens in cases like + // <component :is="vnode"/> + // #2078 make sure to merge refs during the clone instead of overwriting it + const cloned = cloneVNode(type, props, true /* mergeRef: true */); + if (children) { + normalizeChildren(cloned, children); + } + return cloned; + } + // class component normalization. + if (isClassComponent(type)) { + type = type.__vccOpts; + } + // class & style normalization. + if (props) { + // for reactive or proxy objects, we need to clone it to enable mutation. + props = guardReactiveProps(props); + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (isObject(style)) { + // reactive state objects need to be cloned since they are likely to be + // mutated + if (isProxy(style) && !isArray(style)) { + style = extend({}, style); + } + props.style = normalizeStyle(style); + } + } + // encode the vnode type information into a bitmap + const shapeFlag = isString(type) + ? 1 /* ELEMENT */ + : isSuspense(type) + ? 128 /* SUSPENSE */ + : isTeleport(type) + ? 64 /* TELEPORT */ + : isObject(type) + ? 4 /* STATEFUL_COMPONENT */ + : isFunction(type) + ? 2 /* FUNCTIONAL_COMPONENT */ + : 0; + if (shapeFlag & 4 /* STATEFUL_COMPONENT */ && isProxy(type)) { + type = toRaw(type); + warn$1(`Vue received a Component which was made a reactive object. This can ` + + `lead to unnecessary performance overhead, and should be avoided by ` + + `marking the component with \`markRaw\` or using \`shallowRef\` ` + + `instead of \`ref\`.`, `\nComponent that was made reactive: `, type); + } + return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true); + } + function guardReactiveProps(props) { + if (!props) + return null; + return isProxy(props) || InternalObjectKey in props + ? extend({}, props) + : props; + } + function cloneVNode(vnode, extraProps, mergeRef = false) { + // This is intentionally NOT using spread or extend to avoid the runtime + // key enumeration cost. + const { props, ref, patchFlag, children } = vnode; + const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props; + const cloned = { + __v_isVNode: true, + __v_skip: true, + type: vnode.type, + props: mergedProps, + key: mergedProps && normalizeKey(mergedProps), + ref: extraProps && extraProps.ref + ? // #2078 in the case of <component :is="vnode" ref="extra"/> + // if the vnode itself already has a ref, cloneVNode will need to merge + // the refs so the single vnode can be set on multiple refs + mergeRef && ref + ? isArray(ref) + ? ref.concat(normalizeRef(extraProps)) + : [ref, normalizeRef(extraProps)] + : normalizeRef(extraProps) + : ref, + scopeId: vnode.scopeId, + slotScopeIds: vnode.slotScopeIds, + children: patchFlag === -1 /* HOISTED */ && isArray(children) + ? children.map(deepCloneVNode) + : children, + target: vnode.target, + targetAnchor: vnode.targetAnchor, + staticCount: vnode.staticCount, + shapeFlag: vnode.shapeFlag, + // if the vnode is cloned with extra props, we can no longer assume its + // existing patch flag to be reliable and need to add the FULL_PROPS flag. + // note: perserve flag for fragments since they use the flag for children + // fast paths only. + patchFlag: extraProps && vnode.type !== Fragment + ? patchFlag === -1 // hoisted node + ? 16 /* FULL_PROPS */ + : patchFlag | 16 /* FULL_PROPS */ + : patchFlag, + dynamicProps: vnode.dynamicProps, + dynamicChildren: vnode.dynamicChildren, + appContext: vnode.appContext, + dirs: vnode.dirs, + transition: vnode.transition, + // These should technically only be non-null on mounted VNodes. However, + // they *should* be copied for kept-alive vnodes. So we just always copy + // them since them being non-null during a mount doesn't affect the logic as + // they will simply be overwritten. + component: vnode.component, + suspense: vnode.suspense, + ssContent: vnode.ssContent && cloneVNode(vnode.ssContent), + ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback), + el: vnode.el, + anchor: vnode.anchor + }; + return cloned; + } + /** + * Dev only, for HMR of hoisted vnodes reused in v-for + * https://github.com/vitejs/vite/issues/2022 + */ + function deepCloneVNode(vnode) { + const cloned = cloneVNode(vnode); + if (isArray(vnode.children)) { + cloned.children = vnode.children.map(deepCloneVNode); + } + return cloned; + } + /** + * @private + */ + function createTextVNode(text = ' ', flag = 0) { + return createVNode(Text, null, text, flag); + } + /** + * @private + */ + function createStaticVNode(content, numberOfNodes) { + // A static vnode can contain multiple stringified elements, and the number + // of elements is necessary for hydration. + const vnode = createVNode(Static, null, content); + vnode.staticCount = numberOfNodes; + return vnode; + } + /** + * @private + */ + function createCommentVNode(text = '', + // when used as the v-else branch, the comment node must be created as a + // block to ensure correct updates. + asBlock = false) { + return asBlock + ? (openBlock(), createBlock(Comment$1, null, text)) + : createVNode(Comment$1, null, text); + } + function normalizeVNode(child) { + if (child == null || typeof child === 'boolean') { + // empty placeholder + return createVNode(Comment$1); + } + else if (isArray(child)) { + // fragment + return createVNode(Fragment, null, + // #3666, avoid reference pollution when reusing vnode + child.slice()); + } + else if (typeof child === 'object') { + // already vnode, this should be the most common since compiled templates + // always produce all-vnode children arrays + return cloneIfMounted(child); + } + else { + // strings and numbers + return createVNode(Text, null, String(child)); + } + } + // optimized normalization for template-compiled render fns + function cloneIfMounted(child) { + return child.el === null || child.memo ? child : cloneVNode(child); + } + function normalizeChildren(vnode, children) { + let type = 0; + const { shapeFlag } = vnode; + if (children == null) { + children = null; + } + else if (isArray(children)) { + type = 16 /* ARRAY_CHILDREN */; + } + else if (typeof children === 'object') { + if (shapeFlag & (1 /* ELEMENT */ | 64 /* TELEPORT */)) { + // Normalize slot to plain children for plain element and Teleport + const slot = children.default; + if (slot) { + // _c marker is added by withCtx() indicating this is a compiled slot + slot._c && (slot._d = false); + normalizeChildren(vnode, slot()); + slot._c && (slot._d = true); + } + return; + } + else { + type = 32 /* SLOTS_CHILDREN */; + const slotFlag = children._; + if (!slotFlag && !(InternalObjectKey in children)) { + children._ctx = currentRenderingInstance; + } + else if (slotFlag === 3 /* FORWARDED */ && currentRenderingInstance) { + // a child component receives forwarded slots from the parent. + // its slot type is determined by its parent's slot type. + if (currentRenderingInstance.slots._ === 1 /* STABLE */) { + children._ = 1 /* STABLE */; + } + else { + children._ = 2 /* DYNAMIC */; + vnode.patchFlag |= 1024 /* DYNAMIC_SLOTS */; + } + } + } + } + else if (isFunction(children)) { + children = { default: children, _ctx: currentRenderingInstance }; + type = 32 /* SLOTS_CHILDREN */; + } + else { + children = String(children); + // force teleport children to array so it can be moved around + if (shapeFlag & 64 /* TELEPORT */) { + type = 16 /* ARRAY_CHILDREN */; + children = [createTextVNode(children)]; + } + else { + type = 8 /* TEXT_CHILDREN */; + } + } + vnode.children = children; + vnode.shapeFlag |= type; + } + function mergeProps(...args) { + const ret = {}; + for (let i = 0; i < args.length; i++) { + const toMerge = args[i]; + for (const key in toMerge) { + if (key === 'class') { + if (ret.class !== toMerge.class) { + ret.class = normalizeClass([ret.class, toMerge.class]); + } + } + else if (key === 'style') { + ret.style = normalizeStyle([ret.style, toMerge.style]); + } + else if (isOn(key)) { + const existing = ret[key]; + const incoming = toMerge[key]; + if (existing !== incoming) { + ret[key] = existing + ? [].concat(existing, incoming) + : incoming; + } + } + else if (key !== '') { + ret[key] = toMerge[key]; + } + } + } + return ret; + } + + /** + * Actual implementation + */ + function renderList(source, renderItem, cache, index) { + let ret; + const cached = (cache && cache[index]); + if (isArray(source) || isString(source)) { + ret = new Array(source.length); + for (let i = 0, l = source.length; i < l; i++) { + ret[i] = renderItem(source[i], i, undefined, cached && cached[i]); + } + } + else if (typeof source === 'number') { + if (!Number.isInteger(source)) { + warn$1(`The v-for range expect an integer value but got ${source}.`); + return []; + } + ret = new Array(source); + for (let i = 0; i < source; i++) { + ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]); + } + } + else if (isObject(source)) { + if (source[Symbol.iterator]) { + ret = Array.from(source, (item, i) => renderItem(item, i, undefined, cached && cached[i])); + } + else { + const keys = Object.keys(source); + ret = new Array(keys.length); + for (let i = 0, l = keys.length; i < l; i++) { + const key = keys[i]; + ret[i] = renderItem(source[key], key, i, cached && cached[i]); + } + } + } + else { + ret = []; + } + if (cache) { + cache[index] = ret; + } + return ret; + } + + /** + * Compiler runtime helper for creating dynamic slots object + * @private + */ + function createSlots(slots, dynamicSlots) { + for (let i = 0; i < dynamicSlots.length; i++) { + const slot = dynamicSlots[i]; + // array of dynamic slot generated by <template v-for="..." #[...]> + if (isArray(slot)) { + for (let j = 0; j < slot.length; j++) { + slots[slot[j].name] = slot[j].fn; + } + } + else if (slot) { + // conditional single slot generated by <template v-if="..." #foo> + slots[slot.name] = slot.fn; + } + } + return slots; + } + + /** + * Compiler runtime helper for rendering `<slot/>` + * @private + */ + function renderSlot(slots, name, props = {}, + // this is not a user-facing function, so the fallback is always generated by + // the compiler and guaranteed to be a function returning an array + fallback, noSlotted) { + if (currentRenderingInstance.isCE) { + return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback()); + } + let slot = slots[name]; + if (slot && slot.length > 1) { + warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` + + `function. You need to mark this component with $dynamic-slots in the ` + + `parent template.`); + slot = () => []; + } + // a compiled slot disables block tracking by default to avoid manual + // invocation interfering with template-based block tracking, but in + // `renderSlot` we can be sure that it's template-based so we can force + // enable it. + if (slot && slot._c) { + slot._d = false; + } + openBlock(); + const validSlotContent = slot && ensureValidVNode(slot(props)); + const rendered = createBlock(Fragment, { key: props.key || `_${name}` }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 /* STABLE */ + ? 64 /* STABLE_FRAGMENT */ + : -2 /* BAIL */); + if (!noSlotted && rendered.scopeId) { + rendered.slotScopeIds = [rendered.scopeId + '-s']; + } + if (slot && slot._c) { + slot._d = true; + } + return rendered; + } + function ensureValidVNode(vnodes) { + return vnodes.some(child => { + if (!isVNode(child)) + return true; + if (child.type === Comment$1) + return false; + if (child.type === Fragment && + !ensureValidVNode(child.children)) + return false; + return true; + }) + ? vnodes + : null; + } + + /** + * For prefixing keys in v-on="obj" with "on" + * @private + */ + function toHandlers(obj) { + const ret = {}; + if (!isObject(obj)) { + warn$1(`v-on with no argument expects an object value.`); + return ret; + } + for (const key in obj) { + ret[toHandlerKey(key)] = obj[key]; + } + return ret; + } + + /** + * #2437 In Vue 3, functional components do not have a public instance proxy but + * they exist in the internal parent chain. For code that relies on traversing + * public $parent chains, skip functional ones and go to the parent instead. + */ + const getPublicInstance = (i) => { + if (!i) + return null; + if (isStatefulComponent(i)) + return getExposeProxy(i) || i.proxy; + return getPublicInstance(i.parent); + }; + const publicPropertiesMap = extend(Object.create(null), { + $: i => i, + $el: i => i.vnode.el, + $data: i => i.data, + $props: i => (shallowReadonly(i.props) ), + $attrs: i => (shallowReadonly(i.attrs) ), + $slots: i => (shallowReadonly(i.slots) ), + $refs: i => (shallowReadonly(i.refs) ), + $parent: i => getPublicInstance(i.parent), + $root: i => getPublicInstance(i.root), + $emit: i => i.emit, + $options: i => (resolveMergedOptions(i) ), + $forceUpdate: i => () => queueJob(i.update), + $nextTick: i => nextTick.bind(i.proxy), + $watch: i => (instanceWatch.bind(i) ) + }); + const PublicInstanceProxyHandlers = { + get({ _: instance }, key) { + const { ctx, setupState, data, props, accessCache, type, appContext } = instance; + // for internal formatters to know that this is a Vue instance + if (key === '__isVue') { + return true; + } + // prioritize <script setup> bindings during dev. + // this allows even properties that start with _ or $ to be used - so that + // it aligns with the production behavior where the render fn is inlined and + // indeed has access to all declared variables. + if (setupState !== EMPTY_OBJ && + setupState.__isScriptSetup && + hasOwn(setupState, key)) { + return setupState[key]; + } + // data / props / ctx + // This getter gets called for every property access on the render context + // during render and is a major hotspot. The most expensive part of this + // is the multiple hasOwn() calls. It's much faster to do a simple property + // access on a plain object, so we use an accessCache object (with null + // prototype) to memoize what access type a key corresponds to. + let normalizedProps; + if (key[0] !== '$') { + const n = accessCache[key]; + if (n !== undefined) { + switch (n) { + case 0 /* SETUP */: + return setupState[key]; + case 1 /* DATA */: + return data[key]; + case 3 /* CONTEXT */: + return ctx[key]; + case 2 /* PROPS */: + return props[key]; + // default: just fallthrough + } + } + else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + accessCache[key] = 0 /* SETUP */; + return setupState[key]; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + accessCache[key] = 1 /* DATA */; + return data[key]; + } + else if ( + // only cache other properties when instance has declared (thus stable) + // props + (normalizedProps = instance.propsOptions[0]) && + hasOwn(normalizedProps, key)) { + accessCache[key] = 2 /* PROPS */; + return props[key]; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if (shouldCacheAccess) { + accessCache[key] = 4 /* OTHER */; + } + } + const publicGetter = publicPropertiesMap[key]; + let cssModule, globalProperties; + // public $xxx properties + if (publicGetter) { + if (key === '$attrs') { + track(instance, "get" /* GET */, key); + markAttrsAccessed(); + } + return publicGetter(instance); + } + else if ( + // css module (injected by vue-loader) + (cssModule = type.__cssModules) && + (cssModule = cssModule[key])) { + return cssModule; + } + else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + // user may set custom properties to `this` that start with `$` + accessCache[key] = 3 /* CONTEXT */; + return ctx[key]; + } + else if ( + // global properties + ((globalProperties = appContext.config.globalProperties), + hasOwn(globalProperties, key))) { + { + return globalProperties[key]; + } + } + else if (currentRenderingInstance && + (!isString(key) || + // #1091 avoid internal isRef/isVNode checks on component instance leading + // to infinite warning loop + key.indexOf('__v') !== 0)) { + if (data !== EMPTY_OBJ && + (key[0] === '$' || key[0] === '_') && + hasOwn(data, key)) { + warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` + + `character ("$" or "_") and is not proxied on the render context.`); + } + else if (instance === currentRenderingInstance) { + warn$1(`Property ${JSON.stringify(key)} was accessed during render ` + + `but is not defined on instance.`); + } + } + }, + set({ _: instance }, key, value) { + const { data, setupState, ctx } = instance; + if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) { + setupState[key] = value; + } + else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + data[key] = value; + } + else if (hasOwn(instance.props, key)) { + warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance); + return false; + } + if (key[0] === '$' && key.slice(1) in instance) { + warn$1(`Attempting to mutate public property "${key}". ` + + `Properties starting with $ are reserved and readonly.`, instance); + return false; + } + else { + if (key in instance.appContext.config.globalProperties) { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + value + }); + } + else { + ctx[key] = value; + } + } + return true; + }, + has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions } }, key) { + let normalizedProps; + return (accessCache[key] !== undefined || + (data !== EMPTY_OBJ && hasOwn(data, key)) || + (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) || + ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) || + hasOwn(ctx, key) || + hasOwn(publicPropertiesMap, key) || + hasOwn(appContext.config.globalProperties, key)); + } + }; + { + PublicInstanceProxyHandlers.ownKeys = (target) => { + warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` + + `The keys will be empty in production mode to avoid performance overhead.`); + return Reflect.ownKeys(target); + }; + } + const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, PublicInstanceProxyHandlers, { + get(target, key) { + // fast path for unscopables when using `with` block + if (key === Symbol.unscopables) { + return; + } + return PublicInstanceProxyHandlers.get(target, key, target); + }, + has(_, key) { + const has = key[0] !== '_' && !isGloballyWhitelisted(key); + if (!has && PublicInstanceProxyHandlers.has(_, key)) { + warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`); + } + return has; + } + }); + // dev only + // In dev mode, the proxy target exposes the same properties as seen on `this` + // for easier console inspection. In prod mode it will be an empty object so + // these properties definitions can be skipped. + function createDevRenderContext(instance) { + const target = {}; + // expose internal instance for proxy handlers + Object.defineProperty(target, `_`, { + configurable: true, + enumerable: false, + get: () => instance + }); + // expose public properties + Object.keys(publicPropertiesMap).forEach(key => { + Object.defineProperty(target, key, { + configurable: true, + enumerable: false, + get: () => publicPropertiesMap[key](instance), + // intercepted by the proxy so no need for implementation, + // but needed to prevent set errors + set: NOOP + }); + }); + return target; + } + // dev only + function exposePropsOnRenderContext(instance) { + const { ctx, propsOptions: [propsOptions] } = instance; + if (propsOptions) { + Object.keys(propsOptions).forEach(key => { + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => instance.props[key], + set: NOOP + }); + }); + } + } + // dev only + function exposeSetupStateOnRenderContext(instance) { + const { ctx, setupState } = instance; + Object.keys(toRaw(setupState)).forEach(key => { + if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) { + warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` + + `which are reserved prefixes for Vue internals.`); + return; + } + Object.defineProperty(ctx, key, { + enumerable: true, + configurable: true, + get: () => setupState[key], + set: NOOP + }); + }); + } + + const emptyAppContext = createAppContext(); + let uid$1 = 0; + function createComponentInstance(vnode, parent, suspense) { + const type = vnode.type; + // inherit parent app context - or - if root, adopt from root vnode + const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext; + const instance = { + uid: uid$1++, + vnode, + type, + parent, + appContext, + root: null, + next: null, + subTree: null, + update: null, + scope: new EffectScope(true /* detached */), + render: null, + proxy: null, + exposed: null, + exposeProxy: null, + withProxy: null, + provides: parent ? parent.provides : Object.create(appContext.provides), + accessCache: null, + renderCache: [], + // local resovled assets + components: null, + directives: null, + // resolved props and emits options + propsOptions: normalizePropsOptions(type, appContext), + emitsOptions: normalizeEmitsOptions(type, appContext), + // emit + emit: null, + emitted: null, + // props default value + propsDefaults: EMPTY_OBJ, + // inheritAttrs + inheritAttrs: type.inheritAttrs, + // state + ctx: EMPTY_OBJ, + data: EMPTY_OBJ, + props: EMPTY_OBJ, + attrs: EMPTY_OBJ, + slots: EMPTY_OBJ, + refs: EMPTY_OBJ, + setupState: EMPTY_OBJ, + setupContext: null, + // suspense related + suspense, + suspenseId: suspense ? suspense.pendingId : 0, + asyncDep: null, + asyncResolved: false, + // lifecycle hooks + // not using enums here because it results in computed properties + isMounted: false, + isUnmounted: false, + isDeactivated: false, + bc: null, + c: null, + bm: null, + m: null, + bu: null, + u: null, + um: null, + bum: null, + da: null, + a: null, + rtg: null, + rtc: null, + ec: null, + sp: null + }; + { + instance.ctx = createDevRenderContext(instance); + } + instance.root = parent ? parent.root : instance; + instance.emit = emit.bind(null, instance); + // apply custom element special handling + if (vnode.ce) { + vnode.ce(instance); + } + return instance; + } + let currentInstance = null; + const getCurrentInstance = () => currentInstance || currentRenderingInstance; + const setCurrentInstance = (instance) => { + currentInstance = instance; + instance.scope.on(); + }; + const unsetCurrentInstance = () => { + currentInstance && currentInstance.scope.off(); + currentInstance = null; + }; + const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component'); + function validateComponentName(name, config) { + const appIsNativeTag = config.isNativeTag || NO; + if (isBuiltInTag(name) || appIsNativeTag(name)) { + warn$1('Do not use built-in or reserved HTML elements as component id: ' + name); + } + } + function isStatefulComponent(instance) { + return instance.vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */; + } + let isInSSRComponentSetup = false; + function setupComponent(instance, isSSR = false) { + isInSSRComponentSetup = isSSR; + const { props, children } = instance.vnode; + const isStateful = isStatefulComponent(instance); + initProps(instance, props, isStateful, isSSR); + initSlots(instance, children); + const setupResult = isStateful + ? setupStatefulComponent(instance, isSSR) + : undefined; + isInSSRComponentSetup = false; + return setupResult; + } + function setupStatefulComponent(instance, isSSR) { + const Component = instance.type; + { + if (Component.name) { + validateComponentName(Component.name, instance.appContext.config); + } + if (Component.components) { + const names = Object.keys(Component.components); + for (let i = 0; i < names.length; i++) { + validateComponentName(names[i], instance.appContext.config); + } + } + if (Component.directives) { + const names = Object.keys(Component.directives); + for (let i = 0; i < names.length; i++) { + validateDirectiveName(names[i]); + } + } + if (Component.compilerOptions && isRuntimeOnly()) { + warn$1(`"compilerOptions" is only supported when using a build of Vue that ` + + `includes the runtime compiler. Since you are using a runtime-only ` + + `build, the options should be passed via your build tool config instead.`); + } + } + // 0. create render proxy property access cache + instance.accessCache = Object.create(null); + // 1. create public instance / render proxy + // also mark it raw so it's never observed + instance.proxy = markRaw(new Proxy(instance.ctx, PublicInstanceProxyHandlers)); + { + exposePropsOnRenderContext(instance); + } + // 2. call setup() + const { setup } = Component; + if (setup) { + const setupContext = (instance.setupContext = + setup.length > 1 ? createSetupContext(instance) : null); + setCurrentInstance(instance); + pauseTracking(); + const setupResult = callWithErrorHandling(setup, instance, 0 /* SETUP_FUNCTION */, [shallowReadonly(instance.props) , setupContext]); + resetTracking(); + unsetCurrentInstance(); + if (isPromise(setupResult)) { + setupResult.then(unsetCurrentInstance, unsetCurrentInstance); + if (isSSR) { + // return the promise so server-renderer can wait on it + return setupResult + .then((resolvedResult) => { + handleSetupResult(instance, resolvedResult, isSSR); + }) + .catch(e => { + handleError(e, instance, 0 /* SETUP_FUNCTION */); + }); + } + else { + // async setup returned Promise. + // bail here and wait for re-entry. + instance.asyncDep = setupResult; + } + } + else { + handleSetupResult(instance, setupResult, isSSR); + } + } + else { + finishComponentSetup(instance, isSSR); + } + } + function handleSetupResult(instance, setupResult, isSSR) { + if (isFunction(setupResult)) { + // setup returned an inline render function + { + instance.render = setupResult; + } + } + else if (isObject(setupResult)) { + if (isVNode(setupResult)) { + warn$1(`setup() should not return VNodes directly - ` + + `return a render function instead.`); + } + // setup returned bindings. + // assuming a render function compiled from template is present. + { + instance.devtoolsRawSetupState = setupResult; + } + instance.setupState = proxyRefs(setupResult); + { + exposeSetupStateOnRenderContext(instance); + } + } + else if (setupResult !== undefined) { + warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`); + } + finishComponentSetup(instance, isSSR); + } + let compile; + let installWithProxy; + /** + * For runtime-dom to register the compiler. + * Note the exported method uses any to avoid d.ts relying on the compiler types. + */ + function registerRuntimeCompiler(_compile) { + compile = _compile; + installWithProxy = i => { + if (i.render._rc) { + i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers); + } + }; + } + // dev only + const isRuntimeOnly = () => !compile; + function finishComponentSetup(instance, isSSR, skipOptions) { + const Component = instance.type; + // template / render function normalization + if (!instance.render) { + // could be set from setup() + if (compile && !Component.render) { + const template = Component.template; + if (template) { + { + startMeasure(instance, `compile`); + } + const { isCustomElement, compilerOptions } = instance.appContext.config; + const { delimiters, compilerOptions: componentCompilerOptions } = Component; + const finalCompilerOptions = extend(extend({ + isCustomElement, + delimiters + }, compilerOptions), componentCompilerOptions); + Component.render = compile(template, finalCompilerOptions); + { + endMeasure(instance, `compile`); + } + } + } + instance.render = (Component.render || NOOP); + // for runtime-compiled render functions using `with` blocks, the render + // proxy used needs a different `has` handler which is more performant and + // also only allows a whitelist of globals to fallthrough. + if (installWithProxy) { + installWithProxy(instance); + } + } + // support for 2.x options + { + setCurrentInstance(instance); + pauseTracking(); + applyOptions(instance); + resetTracking(); + unsetCurrentInstance(); + } + // warn missing template/render + // the runtime compilation of template in SSR is done by server-render + if (!Component.render && instance.render === NOOP && !isSSR) { + /* istanbul ignore if */ + if (!compile && Component.template) { + warn$1(`Component provided template option but ` + + `runtime compilation is not supported in this build of Vue.` + + (` Use "vue.global.js" instead.` + ) /* should not happen */); + } + else { + warn$1(`Component is missing template or render function.`); + } + } + } + function createAttrsProxy(instance) { + return new Proxy(instance.attrs, { + get(target, key) { + markAttrsAccessed(); + track(instance, "get" /* GET */, '$attrs'); + return target[key]; + }, + set() { + warn$1(`setupContext.attrs is readonly.`); + return false; + }, + deleteProperty() { + warn$1(`setupContext.attrs is readonly.`); + return false; + } + } + ); + } + function createSetupContext(instance) { + const expose = exposed => { + if (instance.exposed) { + warn$1(`expose() should be called only once per setup().`); + } + instance.exposed = exposed || {}; + }; + let attrs; + { + // We use getters in dev in case libs like test-utils overwrite instance + // properties (overwrites should not be done in prod) + return Object.freeze({ + get attrs() { + return attrs || (attrs = createAttrsProxy(instance)); + }, + get slots() { + return shallowReadonly(instance.slots); + }, + get emit() { + return (event, ...args) => instance.emit(event, ...args); + }, + expose + }); + } + } + function getExposeProxy(instance) { + if (instance.exposed) { + return (instance.exposeProxy || + (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), { + get(target, key) { + if (key in target) { + return target[key]; + } + else if (key in publicPropertiesMap) { + return publicPropertiesMap[key](instance); + } + } + }))); + } + } + const classifyRE = /(?:^|[-_])(\w)/g; + const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, ''); + function getComponentName(Component) { + return isFunction(Component) + ? Component.displayName || Component.name + : Component.name; + } + /* istanbul ignore next */ + function formatComponentName(instance, Component, isRoot = false) { + let name = getComponentName(Component); + if (!name && Component.__file) { + const match = Component.__file.match(/([^/\\]+)\.\w+$/); + if (match) { + name = match[1]; + } + } + if (!name && instance && instance.parent) { + // try to infer the name based on reverse resolution + const inferFromRegistry = (registry) => { + for (const key in registry) { + if (registry[key] === Component) { + return key; + } + } + }; + name = + inferFromRegistry(instance.components || + instance.parent.type.components) || inferFromRegistry(instance.appContext.components); + } + return name ? classify(name) : isRoot ? `App` : `Anonymous`; + } + function isClassComponent(value) { + return isFunction(value) && '__vccOpts' in value; + } + + const stack = []; + function pushWarningContext(vnode) { + stack.push(vnode); + } + function popWarningContext() { + stack.pop(); + } + function warn$1(msg, ...args) { + // avoid props formatting or warn handler tracking deps that might be mutated + // during patch, leading to infinite recursion. + pauseTracking(); + const instance = stack.length ? stack[stack.length - 1].component : null; + const appWarnHandler = instance && instance.appContext.config.warnHandler; + const trace = getComponentTrace(); + if (appWarnHandler) { + callWithErrorHandling(appWarnHandler, instance, 11 /* APP_WARN_HANDLER */, [ + msg + args.join(''), + instance && instance.proxy, + trace + .map(({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`) + .join('\n'), + trace + ]); + } + else { + const warnArgs = [`[Vue warn]: ${msg}`, ...args]; + /* istanbul ignore if */ + if (trace.length && + // avoid spamming console during tests + !false) { + warnArgs.push(`\n`, ...formatTrace(trace)); + } + console.warn(...warnArgs); + } + resetTracking(); + } + function getComponentTrace() { + let currentVNode = stack[stack.length - 1]; + if (!currentVNode) { + return []; + } + // we can't just use the stack because it will be incomplete during updates + // that did not start from the root. Re-construct the parent chain using + // instance parent pointers. + const normalizedStack = []; + while (currentVNode) { + const last = normalizedStack[0]; + if (last && last.vnode === currentVNode) { + last.recurseCount++; + } + else { + normalizedStack.push({ + vnode: currentVNode, + recurseCount: 0 + }); + } + const parentInstance = currentVNode.component && currentVNode.component.parent; + currentVNode = parentInstance && parentInstance.vnode; + } + return normalizedStack; + } + /* istanbul ignore next */ + function formatTrace(trace) { + const logs = []; + trace.forEach((entry, i) => { + logs.push(...(i === 0 ? [] : [`\n`]), ...formatTraceEntry(entry)); + }); + return logs; + } + function formatTraceEntry({ vnode, recurseCount }) { + const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; + const isRoot = vnode.component ? vnode.component.parent == null : false; + const open = ` at <${formatComponentName(vnode.component, vnode.type, isRoot)}`; + const close = `>` + postfix; + return vnode.props + ? [open, ...formatProps(vnode.props), close] + : [open + close]; + } + /* istanbul ignore next */ + function formatProps(props) { + const res = []; + const keys = Object.keys(props); + keys.slice(0, 3).forEach(key => { + res.push(...formatProp(key, props[key])); + }); + if (keys.length > 3) { + res.push(` ...`); + } + return res; + } + /* istanbul ignore next */ + function formatProp(key, value, raw) { + if (isString(value)) { + value = JSON.stringify(value); + return raw ? value : [`${key}=${value}`]; + } + else if (typeof value === 'number' || + typeof value === 'boolean' || + value == null) { + return raw ? value : [`${key}=${value}`]; + } + else if (isRef(value)) { + value = formatProp(key, toRaw(value.value), true); + return raw ? value : [`${key}=Ref<`, value, `>`]; + } + else if (isFunction(value)) { + return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; + } + else { + value = toRaw(value); + return raw ? value : [`${key}=`, value]; + } + } + + const ErrorTypeStrings = { + ["sp" /* SERVER_PREFETCH */]: 'serverPrefetch hook', + ["bc" /* BEFORE_CREATE */]: 'beforeCreate hook', + ["c" /* CREATED */]: 'created hook', + ["bm" /* BEFORE_MOUNT */]: 'beforeMount hook', + ["m" /* MOUNTED */]: 'mounted hook', + ["bu" /* BEFORE_UPDATE */]: 'beforeUpdate hook', + ["u" /* UPDATED */]: 'updated', + ["bum" /* BEFORE_UNMOUNT */]: 'beforeUnmount hook', + ["um" /* UNMOUNTED */]: 'unmounted hook', + ["a" /* ACTIVATED */]: 'activated hook', + ["da" /* DEACTIVATED */]: 'deactivated hook', + ["ec" /* ERROR_CAPTURED */]: 'errorCaptured hook', + ["rtc" /* RENDER_TRACKED */]: 'renderTracked hook', + ["rtg" /* RENDER_TRIGGERED */]: 'renderTriggered hook', + [0 /* SETUP_FUNCTION */]: 'setup function', + [1 /* RENDER_FUNCTION */]: 'render function', + [2 /* WATCH_GETTER */]: 'watcher getter', + [3 /* WATCH_CALLBACK */]: 'watcher callback', + [4 /* WATCH_CLEANUP */]: 'watcher cleanup function', + [5 /* NATIVE_EVENT_HANDLER */]: 'native event handler', + [6 /* COMPONENT_EVENT_HANDLER */]: 'component event handler', + [7 /* VNODE_HOOK */]: 'vnode hook', + [8 /* DIRECTIVE_HOOK */]: 'directive hook', + [9 /* TRANSITION_HOOK */]: 'transition hook', + [10 /* APP_ERROR_HANDLER */]: 'app errorHandler', + [11 /* APP_WARN_HANDLER */]: 'app warnHandler', + [12 /* FUNCTION_REF */]: 'ref function', + [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader', + [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' + + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next' + }; + function callWithErrorHandling(fn, instance, type, args) { + let res; + try { + res = args ? fn(...args) : fn(); + } + catch (err) { + handleError(err, instance, type); + } + return res; + } + function callWithAsyncErrorHandling(fn, instance, type, args) { + if (isFunction(fn)) { + const res = callWithErrorHandling(fn, instance, type, args); + if (res && isPromise(res)) { + res.catch(err => { + handleError(err, instance, type); + }); + } + return res; + } + const values = []; + for (let i = 0; i < fn.length; i++) { + values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); + } + return values; + } + function handleError(err, instance, type, throwInDev = true) { + const contextVNode = instance ? instance.vnode : null; + if (instance) { + let cur = instance.parent; + // the exposed instance is the render proxy to keep it consistent with 2.x + const exposedInstance = instance.proxy; + // in production the hook receives only the error code + const errorInfo = ErrorTypeStrings[type] ; + while (cur) { + const errorCapturedHooks = cur.ec; + if (errorCapturedHooks) { + for (let i = 0; i < errorCapturedHooks.length; i++) { + if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { + return; + } + } + } + cur = cur.parent; + } + // app-level handling + const appErrorHandler = instance.appContext.config.errorHandler; + if (appErrorHandler) { + callWithErrorHandling(appErrorHandler, null, 10 /* APP_ERROR_HANDLER */, [err, exposedInstance, errorInfo]); + return; + } + } + logError(err, type, contextVNode, throwInDev); + } + function logError(err, type, contextVNode, throwInDev = true) { + { + const info = ErrorTypeStrings[type]; + if (contextVNode) { + pushWarningContext(contextVNode); + } + warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`); + if (contextVNode) { + popWarningContext(); + } + // crash in dev by default so it's more noticeable + if (throwInDev) { + throw err; + } + else { + console.error(err); + } + } + } + + let isFlushing = false; + let isFlushPending = false; + const queue = []; + let flushIndex = 0; + const pendingPreFlushCbs = []; + let activePreFlushCbs = null; + let preFlushIndex = 0; + const pendingPostFlushCbs = []; + let activePostFlushCbs = null; + let postFlushIndex = 0; + const resolvedPromise = Promise.resolve(); + let currentFlushPromise = null; + let currentPreFlushParentJob = null; + const RECURSION_LIMIT = 100; + function nextTick(fn) { + const p = currentFlushPromise || resolvedPromise; + return fn ? p.then(this ? fn.bind(this) : fn) : p; + } + // #2768 + // Use binary-search to find a suitable position in the queue, + // so that the queue maintains the increasing order of job's id, + // which can prevent the job from being skipped and also can avoid repeated patching. + function findInsertionIndex(id) { + // the start index should be `flushIndex + 1` + let start = flushIndex + 1; + let end = queue.length; + while (start < end) { + const middle = (start + end) >>> 1; + const middleJobId = getId(queue[middle]); + middleJobId < id ? (start = middle + 1) : (end = middle); + } + return start; + } + function queueJob(job) { + // the dedupe search uses the startIndex argument of Array.includes() + // by default the search index includes the current job that is being run + // so it cannot recursively trigger itself again. + // if the job is a watch() callback, the search will start with a +1 index to + // allow it recursively trigger itself - it is the user's responsibility to + // ensure it doesn't end up in an infinite loop. + if ((!queue.length || + !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && + job !== currentPreFlushParentJob) { + if (job.id == null) { + queue.push(job); + } + else { + queue.splice(findInsertionIndex(job.id), 0, job); + } + queueFlush(); + } + } + function queueFlush() { + if (!isFlushing && !isFlushPending) { + isFlushPending = true; + currentFlushPromise = resolvedPromise.then(flushJobs); + } + } + function invalidateJob(job) { + const i = queue.indexOf(job); + if (i > flushIndex) { + queue.splice(i, 1); + } + } + function queueCb(cb, activeQueue, pendingQueue, index) { + if (!isArray(cb)) { + if (!activeQueue || + !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) { + pendingQueue.push(cb); + } + } + else { + // if cb is an array, it is a component lifecycle hook which can only be + // triggered by a job, which is already deduped in the main queue, so + // we can skip duplicate check here to improve perf + pendingQueue.push(...cb); + } + queueFlush(); + } + function queuePreFlushCb(cb) { + queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex); + } + function queuePostFlushCb(cb) { + queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex); + } + function flushPreFlushCbs(seen, parentJob = null) { + if (pendingPreFlushCbs.length) { + currentPreFlushParentJob = parentJob; + activePreFlushCbs = [...new Set(pendingPreFlushCbs)]; + pendingPreFlushCbs.length = 0; + { + seen = seen || new Map(); + } + for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) { + if (checkRecursiveUpdates(seen, activePreFlushCbs[preFlushIndex])) { + continue; + } + activePreFlushCbs[preFlushIndex](); + } + activePreFlushCbs = null; + preFlushIndex = 0; + currentPreFlushParentJob = null; + // recursively flush until it drains + flushPreFlushCbs(seen, parentJob); + } + } + function flushPostFlushCbs(seen) { + if (pendingPostFlushCbs.length) { + const deduped = [...new Set(pendingPostFlushCbs)]; + pendingPostFlushCbs.length = 0; + // #1947 already has active queue, nested flushPostFlushCbs call + if (activePostFlushCbs) { + activePostFlushCbs.push(...deduped); + return; + } + activePostFlushCbs = deduped; + { + seen = seen || new Map(); + } + activePostFlushCbs.sort((a, b) => getId(a) - getId(b)); + for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { + if (checkRecursiveUpdates(seen, activePostFlushCbs[postFlushIndex])) { + continue; + } + activePostFlushCbs[postFlushIndex](); + } + activePostFlushCbs = null; + postFlushIndex = 0; + } + } + const getId = (job) => job.id == null ? Infinity : job.id; + function flushJobs(seen) { + isFlushPending = false; + isFlushing = true; + { + seen = seen || new Map(); + } + flushPreFlushCbs(seen); + // Sort queue before flush. + // This ensures that: + // 1. Components are updated from parent to child. (because parent is always + // created before the child so its render effect will have smaller + // priority number) + // 2. If a component is unmounted during a parent component's update, + // its update can be skipped. + queue.sort((a, b) => getId(a) - getId(b)); + try { + for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job && job.active !== false) { + if (true && checkRecursiveUpdates(seen, job)) { + continue; + } + // console.log(`running:`, job.id) + callWithErrorHandling(job, null, 14 /* SCHEDULER */); + } + } + } + finally { + flushIndex = 0; + queue.length = 0; + flushPostFlushCbs(seen); + isFlushing = false; + currentFlushPromise = null; + // some postFlushCb queued jobs! + // keep flushing until it drains. + if (queue.length || + pendingPreFlushCbs.length || + pendingPostFlushCbs.length) { + flushJobs(seen); + } + } + } + function checkRecursiveUpdates(seen, fn) { + if (!seen.has(fn)) { + seen.set(fn, 1); + } + else { + const count = seen.get(fn); + if (count > RECURSION_LIMIT) { + const instance = fn.ownerInstance; + const componentName = instance && getComponentName(instance.type); + warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` + + `This means you have a reactive effect that is mutating its own ` + + `dependencies and thus recursively triggering itself. Possible sources ` + + `include component template, render function, updated hook or ` + + `watcher source function.`); + return true; + } + else { + seen.set(fn, count + 1); + } + } + } + + // Simple effect. + function watchEffect(effect, options) { + return doWatch(effect, null, options); + } + function watchPostEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' }) + )); + } + function watchSyncEffect(effect, options) { + return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' }) + )); + } + // initial value for watchers to trigger on undefined initial values + const INITIAL_WATCHER_VALUE = {}; + // implementation + function watch(source, cb, options) { + if (!isFunction(cb)) { + warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` + + `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` + + `supports \`watch(source, cb, options?) signature.`); + } + return doWatch(source, cb, options); + } + function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) { + if (!cb) { + if (immediate !== undefined) { + warn$1(`watch() "immediate" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + if (deep !== undefined) { + warn$1(`watch() "deep" option is only respected when using the ` + + `watch(source, callback, options?) signature.`); + } + } + const warnInvalidSource = (s) => { + warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` + + `a reactive object, or an array of these types.`); + }; + const instance = currentInstance; + let getter; + let forceTrigger = false; + let isMultiSource = false; + if (isRef(source)) { + getter = () => source.value; + forceTrigger = !!source._shallow; + } + else if (isReactive(source)) { + getter = () => source; + deep = true; + } + else if (isArray(source)) { + isMultiSource = true; + forceTrigger = source.some(isReactive); + getter = () => source.map(s => { + if (isRef(s)) { + return s.value; + } + else if (isReactive(s)) { + return traverse(s); + } + else if (isFunction(s)) { + return callWithErrorHandling(s, instance, 2 /* WATCH_GETTER */); + } + else { + warnInvalidSource(s); + } + }); + } + else if (isFunction(source)) { + if (cb) { + // getter with cb + getter = () => callWithErrorHandling(source, instance, 2 /* WATCH_GETTER */); + } + else { + // no cb -> simple effect + getter = () => { + if (instance && instance.isUnmounted) { + return; + } + if (cleanup) { + cleanup(); + } + return callWithAsyncErrorHandling(source, instance, 3 /* WATCH_CALLBACK */, [onInvalidate]); + }; + } + } + else { + getter = NOOP; + warnInvalidSource(source); + } + if (cb && deep) { + const baseGetter = getter; + getter = () => traverse(baseGetter()); + } + let cleanup; + let onInvalidate = (fn) => { + cleanup = effect.onStop = () => { + callWithErrorHandling(fn, instance, 4 /* WATCH_CLEANUP */); + }; + }; + let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE; + const job = () => { + if (!effect.active) { + return; + } + if (cb) { + // watch(source, cb) + const newValue = effect.run(); + if (deep || + forceTrigger || + (isMultiSource + ? newValue.some((v, i) => hasChanged(v, oldValue[i])) + : hasChanged(newValue, oldValue)) || + (false )) { + // cleanup before running cb again + if (cleanup) { + cleanup(); + } + callWithAsyncErrorHandling(cb, instance, 3 /* WATCH_CALLBACK */, [ + newValue, + // pass undefined as the old value when it's changed for the first time + oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue, + onInvalidate + ]); + oldValue = newValue; + } + } + else { + // watchEffect + effect.run(); + } + }; + // important: mark the job as a watcher callback so that scheduler knows + // it is allowed to self-trigger (#1727) + job.allowRecurse = !!cb; + let scheduler; + if (flush === 'sync') { + scheduler = job; // the scheduler function gets called directly + } + else if (flush === 'post') { + scheduler = () => queuePostRenderEffect(job, instance && instance.suspense); + } + else { + // default: 'pre' + scheduler = () => { + if (!instance || instance.isMounted) { + queuePreFlushCb(job); + } + else { + // with 'pre' option, the first call must happen before + // the component is mounted so it is called synchronously. + job(); + } + }; + } + const effect = new ReactiveEffect(getter, scheduler); + { + effect.onTrack = onTrack; + effect.onTrigger = onTrigger; + } + // initial run + if (cb) { + if (immediate) { + job(); + } + else { + oldValue = effect.run(); + } + } + else if (flush === 'post') { + queuePostRenderEffect(effect.run.bind(effect), instance && instance.suspense); + } + else { + effect.run(); + } + return () => { + effect.stop(); + if (instance && instance.scope) { + remove(instance.scope.effects, effect); + } + }; + } + // this.$watch + function instanceWatch(source, value, options) { + const publicThis = this.proxy; + const getter = isString(source) + ? source.includes('.') + ? createPathGetter(publicThis, source) + : () => publicThis[source] + : source.bind(publicThis, publicThis); + let cb; + if (isFunction(value)) { + cb = value; + } + else { + cb = value.handler; + options = value; + } + const cur = currentInstance; + setCurrentInstance(this); + const res = doWatch(getter, cb.bind(publicThis), options); + if (cur) { + setCurrentInstance(cur); + } + else { + unsetCurrentInstance(); + } + return res; + } + function createPathGetter(ctx, path) { + const segments = path.split('.'); + return () => { + let cur = ctx; + for (let i = 0; i < segments.length && cur; i++) { + cur = cur[segments[i]]; + } + return cur; + }; + } + function traverse(value, seen = new Set()) { + if (!isObject(value) || value["__v_skip" /* SKIP */]) { + return value; + } + seen = seen || new Set(); + if (seen.has(value)) { + return value; + } + seen.add(value); + if (isRef(value)) { + traverse(value.value, seen); + } + else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + traverse(value[i], seen); + } + } + else if (isSet(value) || isMap(value)) { + value.forEach((v) => { + traverse(v, seen); + }); + } + else if (isPlainObject(value)) { + for (const key in value) { + traverse(value[key], seen); + } + } + return value; + } + + // dev only + const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` + + `<script setup> of a single file component. Its arguments should be ` + + `compiled away and passing it at runtime has no effect.`); + // implementation + function defineProps() { + { + warnRuntimeUsage(`defineProps`); + } + return null; + } + // implementation + function defineEmits() { + { + warnRuntimeUsage(`defineEmits`); + } + return null; + } + /** + * Vue `<script setup>` compiler macro for declaring a component's exposed + * instance properties when it is accessed by a parent component via template + * refs. + * + * `<script setup>` components are closed by default - i.e. varaibles inside + * the `<script setup>` scope is not exposed to parent unless explicitly exposed + * via `defineExpose`. + * + * This is only usable inside `<script setup>`, is compiled away in the + * output and should **not** be actually called at runtime. + */ + function defineExpose(exposed) { + { + warnRuntimeUsage(`defineExpose`); + } + } + /** + * Vue `<script setup>` compiler macro for providing props default values when + * using type-based `defineProps` decalration. + * + * Example usage: + * ```ts + * withDefaults(defineProps<{ + * size?: number + * labels?: string[] + * }>(), { + * size: 3, + * labels: () => ['default label'] + * }) + * ``` + * + * This is only usable inside `<script setup>`, is compiled away in the output + * and should **not** be actually called at runtime. + */ + function withDefaults(props, defaults) { + { + warnRuntimeUsage(`withDefaults`); + } + return null; + } + function useSlots() { + return getContext().slots; + } + function useAttrs() { + return getContext().attrs; + } + function getContext() { + const i = getCurrentInstance(); + if (!i) { + warn$1(`useContext() called without active instance.`); + } + return i.setupContext || (i.setupContext = createSetupContext(i)); + } + /** + * Runtime helper for merging default declarations. Imported by compiled code + * only. + * @internal + */ + function mergeDefaults( + // the base props is compiler-generated and guaranteed to be in this shape. + props, defaults) { + for (const key in defaults) { + const val = props[key]; + if (val) { + val.default = defaults[key]; + } + else if (val === null) { + props[key] = { default: defaults[key] }; + } + else { + warn$1(`props default key "${key}" has no corresponding declaration.`); + } + } + return props; + } + /** + * `<script setup>` helper for persisting the current instance context over + * async/await flows. + * + * `@vue/compiler-sfc` converts the following: + * + * ```ts + * const x = await foo() + * ``` + * + * into: + * + * ```ts + * let __temp, __restore + * const x = (([__temp, __restore] = withAsyncContext(() => foo())),__temp=await __temp,__restore(),__temp) + * ``` + * @internal + */ + function withAsyncContext(getAwaitable) { + const ctx = getCurrentInstance(); + if (!ctx) { + warn$1(`withAsyncContext called without active current instance. ` + + `This is likely a bug.`); + } + let awaitable = getAwaitable(); + unsetCurrentInstance(); + if (isPromise(awaitable)) { + awaitable = awaitable.catch(e => { + setCurrentInstance(ctx); + throw e; + }); + } + return [awaitable, () => setCurrentInstance(ctx)]; + } + + // Actual implementation + function h(type, propsOrChildren, children) { + const l = arguments.length; + if (l === 2) { + if (isObject(propsOrChildren) && !isArray(propsOrChildren)) { + // single vnode without props + if (isVNode(propsOrChildren)) { + return createVNode(type, null, [propsOrChildren]); + } + // props without children + return createVNode(type, propsOrChildren); + } + else { + // omit props + return createVNode(type, null, propsOrChildren); + } + } + else { + if (l > 3) { + children = Array.prototype.slice.call(arguments, 2); + } + else if (l === 3 && isVNode(children)) { + children = [children]; + } + return createVNode(type, propsOrChildren, children); + } + } + + const ssrContextKey = Symbol(`ssrContext` ); + const useSSRContext = () => { + { + warn$1(`useSSRContext() is not supported in the global build.`); + } + }; + + function initCustomFormatter() { + /* eslint-disable no-restricted-globals */ + if (typeof window === 'undefined') { + return; + } + const vueStyle = { style: 'color:#3ba776' }; + const numberStyle = { style: 'color:#0b1bc9' }; + const stringStyle = { style: 'color:#b62e24' }; + const keywordStyle = { style: 'color:#9d288c' }; + // custom formatter for Chrome + // https://www.mattzeunert.com/2016/02/19/custom-chrome-devtools-object-formatters.html + const formatter = { + header(obj) { + // TODO also format ComponentPublicInstance & ctx.slots/attrs in setup + if (!isObject(obj)) { + return null; + } + if (obj.__isVue) { + return ['div', vueStyle, `VueInstance`]; + } + else if (isRef(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, genRefFlag(obj)], + '<', + formatValue(obj.value), + `>` + ]; + } + else if (isReactive(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Reactive'], + '<', + formatValue(obj), + `>${isReadonly(obj) ? ` (readonly)` : ``}` + ]; + } + else if (isReadonly(obj)) { + return [ + 'div', + {}, + ['span', vueStyle, 'Readonly'], + '<', + formatValue(obj), + '>' + ]; + } + return null; + }, + hasBody(obj) { + return obj && obj.__isVue; + }, + body(obj) { + if (obj && obj.__isVue) { + return [ + 'div', + {}, + ...formatInstance(obj.$) + ]; + } + } + }; + function formatInstance(instance) { + const blocks = []; + if (instance.type.props && instance.props) { + blocks.push(createInstanceBlock('props', toRaw(instance.props))); + } + if (instance.setupState !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('setup', instance.setupState)); + } + if (instance.data !== EMPTY_OBJ) { + blocks.push(createInstanceBlock('data', toRaw(instance.data))); + } + const computed = extractKeys(instance, 'computed'); + if (computed) { + blocks.push(createInstanceBlock('computed', computed)); + } + const injected = extractKeys(instance, 'inject'); + if (injected) { + blocks.push(createInstanceBlock('injected', injected)); + } + blocks.push([ + 'div', + {}, + [ + 'span', + { + style: keywordStyle.style + ';opacity:0.66' + }, + '$ (internal): ' + ], + ['object', { object: instance }] + ]); + return blocks; + } + function createInstanceBlock(type, target) { + target = extend({}, target); + if (!Object.keys(target).length) { + return ['span', {}]; + } + return [ + 'div', + { style: 'line-height:1.25em;margin-bottom:0.6em' }, + [ + 'div', + { + style: 'color:#476582' + }, + type + ], + [ + 'div', + { + style: 'padding-left:1.25em' + }, + ...Object.keys(target).map(key => { + return [ + 'div', + {}, + ['span', keywordStyle, key + ': '], + formatValue(target[key], false) + ]; + }) + ] + ]; + } + function formatValue(v, asRaw = true) { + if (typeof v === 'number') { + return ['span', numberStyle, v]; + } + else if (typeof v === 'string') { + return ['span', stringStyle, JSON.stringify(v)]; + } + else if (typeof v === 'boolean') { + return ['span', keywordStyle, v]; + } + else if (isObject(v)) { + return ['object', { object: asRaw ? toRaw(v) : v }]; + } + else { + return ['span', stringStyle, String(v)]; + } + } + function extractKeys(instance, type) { + const Comp = instance.type; + if (isFunction(Comp)) { + return; + } + const extracted = {}; + for (const key in instance.ctx) { + if (isKeyOfType(Comp, key, type)) { + extracted[key] = instance.ctx[key]; + } + } + return extracted; + } + function isKeyOfType(Comp, key, type) { + const opts = Comp[type]; + if ((isArray(opts) && opts.includes(key)) || + (isObject(opts) && key in opts)) { + return true; + } + if (Comp.extends && isKeyOfType(Comp.extends, key, type)) { + return true; + } + if (Comp.mixins && Comp.mixins.some(m => isKeyOfType(m, key, type))) { + return true; + } + } + function genRefFlag(v) { + if (v._shallow) { + return `ShallowRef`; + } + if (v.effect) { + return `ComputedRef`; + } + return `Ref`; + } + if (window.devtoolsFormatters) { + window.devtoolsFormatters.push(formatter); + } + else { + window.devtoolsFormatters = [formatter]; + } + } + + function withMemo(memo, render, cache, index) { + const cached = cache[index]; + if (cached && isMemoSame(cached, memo)) { + return cached; + } + const ret = render(); + // shallow clone + ret.memo = memo.slice(); + return (cache[index] = ret); + } + function isMemoSame(cached, memo) { + const prev = cached.memo; + if (prev.length != memo.length) { + return false; + } + for (let i = 0; i < prev.length; i++) { + if (prev[i] !== memo[i]) { + return false; + } + } + // make sure to let parent block track it when returning cached + if (isBlockTreeEnabled > 0 && currentBlock) { + currentBlock.push(cached); + } + return true; + } + + // Core API ------------------------------------------------------------------ + const version = "3.2.6"; + /** + * SSR utils for \@vue/server-renderer. Only exposed in cjs builds. + * @internal + */ + const ssrUtils = (null); + /** + * @internal only exposed in compat builds + */ + const resolveFilter = null; + /** + * @internal only exposed in compat builds. + */ + const compatUtils = (null); + + const svgNS = 'http://www.w3.org/2000/svg'; + const doc = (typeof document !== 'undefined' ? document : null); + const staticTemplateCache = new Map(); + const nodeOps = { + insert: (child, parent, anchor) => { + parent.insertBefore(child, anchor || null); + }, + remove: child => { + const parent = child.parentNode; + if (parent) { + parent.removeChild(child); + } + }, + createElement: (tag, isSVG, is, props) => { + const el = isSVG + ? doc.createElementNS(svgNS, tag) + : doc.createElement(tag, is ? { is } : undefined); + if (tag === 'select' && props && props.multiple != null) { + el.setAttribute('multiple', props.multiple); + } + return el; + }, + createText: text => doc.createTextNode(text), + createComment: text => doc.createComment(text), + setText: (node, text) => { + node.nodeValue = text; + }, + setElementText: (el, text) => { + el.textContent = text; + }, + parentNode: node => node.parentNode, + nextSibling: node => node.nextSibling, + querySelector: selector => doc.querySelector(selector), + setScopeId(el, id) { + el.setAttribute(id, ''); + }, + cloneNode(el) { + const cloned = el.cloneNode(true); + // #3072 + // - in `patchDOMProp`, we store the actual value in the `el._value` property. + // - normally, elements using `:value` bindings will not be hoisted, but if + // the bound value is a constant, e.g. `:value="true"` - they do get + // hoisted. + // - in production, hoisted nodes are cloned when subsequent inserts, but + // cloneNode() does not copy the custom property we attached. + // - This may need to account for other custom DOM properties we attach to + // elements in addition to `_value` in the future. + if (`_value` in el) { + cloned._value = el._value; + } + return cloned; + }, + // __UNSAFE__ + // Reason: innerHTML. + // Static content here can only come from compiled templates. + // As long as the user only uses trusted templates, this is safe. + insertStaticContent(content, parent, anchor, isSVG) { + // <parent> before | first ... last | anchor </parent> + const before = anchor ? anchor.previousSibling : parent.lastChild; + let template = staticTemplateCache.get(content); + if (!template) { + const t = doc.createElement('template'); + t.innerHTML = isSVG ? `<svg>${content}</svg>` : content; + template = t.content; + if (isSVG) { + // remove outer svg wrapper + const wrapper = template.firstChild; + while (wrapper.firstChild) { + template.appendChild(wrapper.firstChild); + } + template.removeChild(wrapper); + } + staticTemplateCache.set(content, template); + } + parent.insertBefore(template.cloneNode(true), anchor); + return [ + // first + before ? before.nextSibling : parent.firstChild, + // last + anchor ? anchor.previousSibling : parent.lastChild + ]; + } + }; + + // compiler should normalize class + :class bindings on the same element + // into a single binding ['staticClass', dynamic] + function patchClass(el, value, isSVG) { + // directly setting className should be faster than setAttribute in theory + // if this is an element during a transition, take the temporary transition + // classes into account. + const transitionClasses = el._vtc; + if (transitionClasses) { + value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(' '); + } + if (value == null) { + el.removeAttribute('class'); + } + else if (isSVG) { + el.setAttribute('class', value); + } + else { + el.className = value; + } + } + + function patchStyle(el, prev, next) { + const style = el.style; + if (!next) { + el.removeAttribute('style'); + } + else if (isString(next)) { + if (prev !== next) { + const current = style.display; + style.cssText = next; + // indicates that the `display` of the element is controlled by `v-show`, + // so we always keep the current `display` value regardless of the `style` value, + // thus handing over control to `v-show`. + if ('_vod' in el) { + style.display = current; + } + } + } + else { + for (const key in next) { + setStyle(style, key, next[key]); + } + if (prev && !isString(prev)) { + for (const key in prev) { + if (next[key] == null) { + setStyle(style, key, ''); + } + } + } + } + } + const importantRE = /\s*!important$/; + function setStyle(style, name, val) { + if (isArray(val)) { + val.forEach(v => setStyle(style, name, v)); + } + else { + if (name.startsWith('--')) { + // custom property definition + style.setProperty(name, val); + } + else { + const prefixed = autoPrefix(style, name); + if (importantRE.test(val)) { + // !important + style.setProperty(hyphenate(prefixed), val.replace(importantRE, ''), 'important'); + } + else { + style[prefixed] = val; + } + } + } + } + const prefixes = ['Webkit', 'Moz', 'ms']; + const prefixCache = {}; + function autoPrefix(style, rawName) { + const cached = prefixCache[rawName]; + if (cached) { + return cached; + } + let name = camelize(rawName); + if (name !== 'filter' && name in style) { + return (prefixCache[rawName] = name); + } + name = capitalize(name); + for (let i = 0; i < prefixes.length; i++) { + const prefixed = prefixes[i] + name; + if (prefixed in style) { + return (prefixCache[rawName] = prefixed); + } + } + return rawName; + } + + const xlinkNS = 'http://www.w3.org/1999/xlink'; + function patchAttr(el, key, value, isSVG, instance) { + if (isSVG && key.startsWith('xlink:')) { + if (value == null) { + el.removeAttributeNS(xlinkNS, key.slice(6, key.length)); + } + else { + el.setAttributeNS(xlinkNS, key, value); + } + } + else { + // note we are only checking boolean attributes that don't have a + // corresponding dom prop of the same name here. + const isBoolean = isSpecialBooleanAttr(key); + if (value == null || (isBoolean && !includeBooleanAttr(value))) { + el.removeAttribute(key); + } + else { + el.setAttribute(key, isBoolean ? '' : value); + } + } + } + + // __UNSAFE__ + // functions. The user is responsible for using them with only trusted content. + function patchDOMProp(el, key, value, + // the following args are passed only due to potential innerHTML/textContent + // overriding existing VNodes, in which case the old tree must be properly + // unmounted. + prevChildren, parentComponent, parentSuspense, unmountChildren) { + if (key === 'innerHTML' || key === 'textContent') { + if (prevChildren) { + unmountChildren(prevChildren, parentComponent, parentSuspense); + } + el[key] = value == null ? '' : value; + return; + } + if (key === 'value' && el.tagName !== 'PROGRESS') { + // store value as _value as well since + // non-string values will be stringified. + el._value = value; + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + if (value == null) { + el.removeAttribute(key); + } + return; + } + if (value === '' || value == null) { + const type = typeof el[key]; + if (type === 'boolean') { + // e.g. <select multiple> compiles to { multiple: '' } + el[key] = includeBooleanAttr(value); + return; + } + else if (value == null && type === 'string') { + // e.g. <div :id="null"> + el[key] = ''; + el.removeAttribute(key); + return; + } + else if (type === 'number') { + // e.g. <img :width="null"> + // the value of some IDL attr must be greater than 0, e.g. input.size = 0 -> error + try { + el[key] = 0; + } + catch (_a) { } + el.removeAttribute(key); + return; + } + } + // some properties perform value validation and throw + try { + el[key] = value; + } + catch (e) { + { + warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` + + `value ${value} is invalid.`, e); + } + } + } + + // Async edge case fix requires storing an event listener's attach timestamp. + let _getNow = Date.now; + let skipTimestampCheck = false; + if (typeof window !== 'undefined') { + // Determine what event timestamp the browser is using. Annoyingly, the + // timestamp can either be hi-res (relative to page load) or low-res + // (relative to UNIX epoch), so in order to compare time we have to use the + // same timestamp type when saving the flush timestamp. + if (_getNow() > document.createEvent('Event').timeStamp) { + // if the low-res timestamp which is bigger than the event timestamp + // (which is evaluated AFTER) it means the event is using a hi-res timestamp, + // and we need to use the hi-res version for event listeners as well. + _getNow = () => performance.now(); + } + // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation + // and does not fire microtasks in between event propagation, so safe to exclude. + const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i); + skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53); + } + // To avoid the overhead of repeatedly calling performance.now(), we cache + // and use the same timestamp for all event listeners attached in the same tick. + let cachedNow = 0; + const p = Promise.resolve(); + const reset = () => { + cachedNow = 0; + }; + const getNow = () => cachedNow || (p.then(reset), (cachedNow = _getNow())); + function addEventListener(el, event, handler, options) { + el.addEventListener(event, handler, options); + } + function removeEventListener(el, event, handler, options) { + el.removeEventListener(event, handler, options); + } + function patchEvent(el, rawName, prevValue, nextValue, instance = null) { + // vei = vue event invokers + const invokers = el._vei || (el._vei = {}); + const existingInvoker = invokers[rawName]; + if (nextValue && existingInvoker) { + // patch + existingInvoker.value = nextValue; + } + else { + const [name, options] = parseName(rawName); + if (nextValue) { + // add + const invoker = (invokers[rawName] = createInvoker(nextValue, instance)); + addEventListener(el, name, invoker, options); + } + else if (existingInvoker) { + // remove + removeEventListener(el, name, existingInvoker, options); + invokers[rawName] = undefined; + } + } + } + const optionsModifierRE = /(?:Once|Passive|Capture)$/; + function parseName(name) { + let options; + if (optionsModifierRE.test(name)) { + options = {}; + let m; + while ((m = name.match(optionsModifierRE))) { + name = name.slice(0, name.length - m[0].length); + options[m[0].toLowerCase()] = true; + } + } + return [hyphenate(name.slice(2)), options]; + } + function createInvoker(initialValue, instance) { + const invoker = (e) => { + // async edge case #6566: inner click event triggers patch, event handler + // attached to outer element during patch, and triggered again. This + // happens because browsers fire microtask ticks between event propagation. + // the solution is simple: we save the timestamp when a handler is attached, + // and the handler would only fire if the event passed to it was fired + // AFTER it was attached. + const timeStamp = e.timeStamp || _getNow(); + if (skipTimestampCheck || timeStamp >= invoker.attached - 1) { + callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5 /* NATIVE_EVENT_HANDLER */, [e]); + } + }; + invoker.value = initialValue; + invoker.attached = getNow(); + return invoker; + } + function patchStopImmediatePropagation(e, value) { + if (isArray(value)) { + const originalStop = e.stopImmediatePropagation; + e.stopImmediatePropagation = () => { + originalStop.call(e); + e._stopped = true; + }; + return value.map(fn => (e) => !e._stopped && fn(e)); + } + else { + return value; + } + } + + const nativeOnRE = /^on[a-z]/; + const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => { + if (key === 'class') { + patchClass(el, nextValue, isSVG); + } + else if (key === 'style') { + patchStyle(el, prevValue, nextValue); + } + else if (isOn(key)) { + // ignore v-model listeners + if (!isModelListener(key)) { + patchEvent(el, key, prevValue, nextValue, parentComponent); + } + } + else if (key[0] === '.' + ? ((key = key.slice(1)), true) + : key[0] === '^' + ? ((key = key.slice(1)), false) + : shouldSetAsProp(el, key, nextValue, isSVG)) { + patchDOMProp(el, key, nextValue, prevChildren, parentComponent, parentSuspense, unmountChildren); + } + else { + // special case for <input v-model type="checkbox"> with + // :true-value & :false-value + // store value as dom properties since non-string values will be + // stringified. + if (key === 'true-value') { + el._trueValue = nextValue; + } + else if (key === 'false-value') { + el._falseValue = nextValue; + } + patchAttr(el, key, nextValue, isSVG); + } + }; + function shouldSetAsProp(el, key, value, isSVG) { + if (isSVG) { + // most keys must be set as attribute on svg elements to work + // ...except innerHTML & textContent + if (key === 'innerHTML' || key === 'textContent') { + return true; + } + // or native onclick with function values + if (key in el && nativeOnRE.test(key) && isFunction(value)) { + return true; + } + return false; + } + // spellcheck and draggable are numerated attrs, however their + // corresponding DOM properties are actually booleans - this leads to + // setting it with a string "false" value leading it to be coerced to + // `true`, so we need to always treat them as attributes. + // Note that `contentEditable` doesn't have this problem: its DOM + // property is also enumerated string values. + if (key === 'spellcheck' || key === 'draggable') { + return false; + } + // #1787, #2840 form property on form elements is readonly and must be set as + // attribute. + if (key === 'form') { + return false; + } + // #1526 <input list> must be set as attribute + if (key === 'list' && el.tagName === 'INPUT') { + return false; + } + // #2766 <textarea type> must be set as attribute + if (key === 'type' && el.tagName === 'TEXTAREA') { + return false; + } + // native onclick with string value, must be set as attribute + if (nativeOnRE.test(key) && isString(value)) { + return false; + } + return key in el; + } + + function defineCustomElement(options, hydate) { + const Comp = defineComponent(options); + class VueCustomElement extends VueElement { + constructor(initialProps) { + super(Comp, initialProps, hydate); + } + } + VueCustomElement.def = Comp; + return VueCustomElement; + } + const defineSSRCustomElement = ((options) => { + // @ts-ignore + return defineCustomElement(options, hydrate); + }); + const BaseClass = (typeof HTMLElement !== 'undefined' ? HTMLElement : class { + }); + class VueElement extends BaseClass { + constructor(_def, _props = {}, hydrate) { + super(); + this._def = _def; + this._props = _props; + /** + * @internal + */ + this._instance = null; + this._connected = false; + this._resolved = false; + if (this.shadowRoot && hydrate) { + hydrate(this._createVNode(), this.shadowRoot); + } + else { + if (this.shadowRoot) { + warn$1(`Custom element has pre-rendered declarative shadow root but is not ` + + `defined as hydratable. Use \`defineSSRCustomElement\`.`); + } + this.attachShadow({ mode: 'open' }); + } + // set initial attrs + for (let i = 0; i < this.attributes.length; i++) { + this._setAttr(this.attributes[i].name); + } + // watch future attr changes + const observer = new MutationObserver(mutations => { + for (const m of mutations) { + this._setAttr(m.attributeName); + } + }); + observer.observe(this, { attributes: true }); + } + connectedCallback() { + this._connected = true; + if (!this._instance) { + this._resolveDef(); + render(this._createVNode(), this.shadowRoot); + } + } + disconnectedCallback() { + this._connected = false; + nextTick(() => { + if (!this._connected) { + render(null, this.shadowRoot); + this._instance = null; + } + }); + } + /** + * resolve inner component definition (handle possible async component) + */ + _resolveDef() { + if (this._resolved) { + return; + } + const resolve = (def) => { + this._resolved = true; + // check if there are props set pre-upgrade or connect + for (const key of Object.keys(this)) { + if (key[0] !== '_') { + this._setProp(key, this[key]); + } + } + const { props, styles } = def; + // defining getter/setters on prototype + const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : []; + for (const key of rawKeys.map(camelize)) { + Object.defineProperty(this, key, { + get() { + return this._getProp(key); + }, + set(val) { + this._setProp(key, val); + } + }); + } + this._applyStyles(styles); + }; + const asyncDef = this._def.__asyncLoader; + if (asyncDef) { + asyncDef().then(resolve); + } + else { + resolve(this._def); + } + } + _setAttr(key) { + this._setProp(camelize(key), toNumber(this.getAttribute(key)), false); + } + /** + * @internal + */ + _getProp(key) { + return this._props[key]; + } + /** + * @internal + */ + _setProp(key, val, shouldReflect = true) { + if (val !== this._props[key]) { + this._props[key] = val; + if (this._instance) { + render(this._createVNode(), this.shadowRoot); + } + // reflect + if (shouldReflect) { + if (val === true) { + this.setAttribute(hyphenate(key), ''); + } + else if (typeof val === 'string' || typeof val === 'number') { + this.setAttribute(hyphenate(key), val + ''); + } + else if (!val) { + this.removeAttribute(hyphenate(key)); + } + } + } + } + _createVNode() { + const vnode = createVNode(this._def, extend({}, this._props)); + if (!this._instance) { + vnode.ce = instance => { + this._instance = instance; + instance.isCE = true; + // HMR + { + instance.ceReload = newStyles => { + // alawys reset styles + if (this._styles) { + this._styles.forEach(s => this.shadowRoot.removeChild(s)); + this._styles.length = 0; + } + this._applyStyles(newStyles); + // if this is an async component, ceReload is called from the inner + // component so no need to reload the async wrapper + if (!this._def.__asyncLoader) { + // reload + this._instance = null; + render(this._createVNode(), this.shadowRoot); + } + }; + } + // intercept emit + instance.emit = (event, ...args) => { + this.dispatchEvent(new CustomEvent(event, { + detail: args + })); + }; + // locate nearest Vue custom element parent for provide/inject + let parent = this; + while ((parent = + parent && (parent.parentNode || parent.host))) { + if (parent instanceof VueElement) { + instance.parent = parent._instance; + break; + } + } + }; + } + return vnode; + } + _applyStyles(styles) { + if (styles) { + styles.forEach(css => { + const s = document.createElement('style'); + s.textContent = css; + this.shadowRoot.appendChild(s); + // record for HMR + { + (this._styles || (this._styles = [])).push(s); + } + }); + } + } + } + + function useCssModule(name = '$style') { + /* istanbul ignore else */ + { + { + warn$1(`useCssModule() is not supported in the global build.`); + } + return EMPTY_OBJ; + } + } + + /** + * Runtime helper for SFC's CSS variable injection feature. + * @private + */ + function useCssVars(getter) { + const instance = getCurrentInstance(); + /* istanbul ignore next */ + if (!instance) { + warn$1(`useCssVars is called without current active component instance.`); + return; + } + const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy)); + watchPostEffect(setVars); + onMounted(() => { + const ob = new MutationObserver(setVars); + ob.observe(instance.subTree.el.parentNode, { childList: true }); + onUnmounted(() => ob.disconnect()); + }); + } + function setVarsOnVNode(vnode, vars) { + if (vnode.shapeFlag & 128 /* SUSPENSE */) { + const suspense = vnode.suspense; + vnode = suspense.activeBranch; + if (suspense.pendingBranch && !suspense.isHydrating) { + suspense.effects.push(() => { + setVarsOnVNode(suspense.activeBranch, vars); + }); + } + } + // drill down HOCs until it's a non-component vnode + while (vnode.component) { + vnode = vnode.component.subTree; + } + if (vnode.shapeFlag & 1 /* ELEMENT */ && vnode.el) { + setVarsOnNode(vnode.el, vars); + } + else if (vnode.type === Fragment) { + vnode.children.forEach(c => setVarsOnVNode(c, vars)); + } + else if (vnode.type === Static) { + let { el, anchor } = vnode; + while (el) { + setVarsOnNode(el, vars); + if (el === anchor) + break; + el = el.nextSibling; + } + } + } + function setVarsOnNode(el, vars) { + if (el.nodeType === 1) { + const style = el.style; + for (const key in vars) { + style.setProperty(`--${key}`, vars[key]); + } + } + } + + const TRANSITION = 'transition'; + const ANIMATION = 'animation'; + // DOM Transition is a higher-order-component based on the platform-agnostic + // base Transition component, with DOM-specific logic. + const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots); + Transition.displayName = 'Transition'; + const DOMTransitionPropsValidators = { + name: String, + type: String, + css: { + type: Boolean, + default: true + }, + duration: [String, Number, Object], + enterFromClass: String, + enterActiveClass: String, + enterToClass: String, + appearFromClass: String, + appearActiveClass: String, + appearToClass: String, + leaveFromClass: String, + leaveActiveClass: String, + leaveToClass: String + }; + const TransitionPropsValidators = (Transition.props = + /*#__PURE__*/ extend({}, BaseTransition.props, DOMTransitionPropsValidators)); + /** + * #3227 Incoming hooks may be merged into arrays when wrapping Transition + * with custom HOCs. + */ + const callHook$1 = (hook, args = []) => { + if (isArray(hook)) { + hook.forEach(h => h(...args)); + } + else if (hook) { + hook(...args); + } + }; + /** + * Check if a hook expects a callback (2nd arg), which means the user + * intends to explicitly control the end of the transition. + */ + const hasExplicitCallback = (hook) => { + return hook + ? isArray(hook) + ? hook.some(h => h.length > 1) + : hook.length > 1 + : false; + }; + function resolveTransitionProps(rawProps) { + const baseProps = {}; + for (const key in rawProps) { + if (!(key in DOMTransitionPropsValidators)) { + baseProps[key] = rawProps[key]; + } + } + if (rawProps.css === false) { + return baseProps; + } + const { name = 'v', type, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps; + const durations = normalizeDuration(duration); + const enterDuration = durations && durations[0]; + const leaveDuration = durations && durations[1]; + const { onBeforeEnter, onEnter, onEnterCancelled, onLeave, onLeaveCancelled, onBeforeAppear = onBeforeEnter, onAppear = onEnter, onAppearCancelled = onEnterCancelled } = baseProps; + const finishEnter = (el, isAppear, done) => { + removeTransitionClass(el, isAppear ? appearToClass : enterToClass); + removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass); + done && done(); + }; + const finishLeave = (el, done) => { + removeTransitionClass(el, leaveToClass); + removeTransitionClass(el, leaveActiveClass); + done && done(); + }; + const makeEnterHook = (isAppear) => { + return (el, done) => { + const hook = isAppear ? onAppear : onEnter; + const resolve = () => finishEnter(el, isAppear, done); + callHook$1(hook, [el, resolve]); + nextFrame(() => { + removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass); + addTransitionClass(el, isAppear ? appearToClass : enterToClass); + if (!hasExplicitCallback(hook)) { + whenTransitionEnds(el, type, enterDuration, resolve); + } + }); + }; + }; + return extend(baseProps, { + onBeforeEnter(el) { + callHook$1(onBeforeEnter, [el]); + addTransitionClass(el, enterFromClass); + addTransitionClass(el, enterActiveClass); + }, + onBeforeAppear(el) { + callHook$1(onBeforeAppear, [el]); + addTransitionClass(el, appearFromClass); + addTransitionClass(el, appearActiveClass); + }, + onEnter: makeEnterHook(false), + onAppear: makeEnterHook(true), + onLeave(el, done) { + const resolve = () => finishLeave(el, done); + addTransitionClass(el, leaveFromClass); + // force reflow so *-leave-from classes immediately take effect (#2593) + forceReflow(); + addTransitionClass(el, leaveActiveClass); + nextFrame(() => { + removeTransitionClass(el, leaveFromClass); + addTransitionClass(el, leaveToClass); + if (!hasExplicitCallback(onLeave)) { + whenTransitionEnds(el, type, leaveDuration, resolve); + } + }); + callHook$1(onLeave, [el, resolve]); + }, + onEnterCancelled(el) { + finishEnter(el, false); + callHook$1(onEnterCancelled, [el]); + }, + onAppearCancelled(el) { + finishEnter(el, true); + callHook$1(onAppearCancelled, [el]); + }, + onLeaveCancelled(el) { + finishLeave(el); + callHook$1(onLeaveCancelled, [el]); + } + }); + } + function normalizeDuration(duration) { + if (duration == null) { + return null; + } + else if (isObject(duration)) { + return [NumberOf(duration.enter), NumberOf(duration.leave)]; + } + else { + const n = NumberOf(duration); + return [n, n]; + } + } + function NumberOf(val) { + const res = toNumber(val); + validateDuration(res); + return res; + } + function validateDuration(val) { + if (typeof val !== 'number') { + warn$1(`<transition> explicit duration is not a valid number - ` + + `got ${JSON.stringify(val)}.`); + } + else if (isNaN(val)) { + warn$1(`<transition> explicit duration is NaN - ` + + 'the duration expression might be incorrect.'); + } + } + function addTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.add(c)); + (el._vtc || + (el._vtc = new Set())).add(cls); + } + function removeTransitionClass(el, cls) { + cls.split(/\s+/).forEach(c => c && el.classList.remove(c)); + const { _vtc } = el; + if (_vtc) { + _vtc.delete(cls); + if (!_vtc.size) { + el._vtc = undefined; + } + } + } + function nextFrame(cb) { + requestAnimationFrame(() => { + requestAnimationFrame(cb); + }); + } + let endId = 0; + function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) { + const id = (el._endId = ++endId); + const resolveIfNotStale = () => { + if (id === el._endId) { + resolve(); + } + }; + if (explicitTimeout) { + return setTimeout(resolveIfNotStale, explicitTimeout); + } + const { type, timeout, propCount } = getTransitionInfo(el, expectedType); + if (!type) { + return resolve(); + } + const endEvent = type + 'end'; + let ended = 0; + const end = () => { + el.removeEventListener(endEvent, onEnd); + resolveIfNotStale(); + }; + const onEnd = (e) => { + if (e.target === el && ++ended >= propCount) { + end(); + } + }; + setTimeout(() => { + if (ended < propCount) { + end(); + } + }, timeout + 1); + el.addEventListener(endEvent, onEnd); + } + function getTransitionInfo(el, expectedType) { + const styles = window.getComputedStyle(el); + // JSDOM may return undefined for transition properties + const getStyleProperties = (key) => (styles[key] || '').split(', '); + const transitionDelays = getStyleProperties(TRANSITION + 'Delay'); + const transitionDurations = getStyleProperties(TRANSITION + 'Duration'); + const transitionTimeout = getTimeout(transitionDelays, transitionDurations); + const animationDelays = getStyleProperties(ANIMATION + 'Delay'); + const animationDurations = getStyleProperties(ANIMATION + 'Duration'); + const animationTimeout = getTimeout(animationDelays, animationDurations); + let type = null; + let timeout = 0; + let propCount = 0; + /* istanbul ignore if */ + if (expectedType === TRANSITION) { + if (transitionTimeout > 0) { + type = TRANSITION; + timeout = transitionTimeout; + propCount = transitionDurations.length; + } + } + else if (expectedType === ANIMATION) { + if (animationTimeout > 0) { + type = ANIMATION; + timeout = animationTimeout; + propCount = animationDurations.length; + } + } + else { + timeout = Math.max(transitionTimeout, animationTimeout); + type = + timeout > 0 + ? transitionTimeout > animationTimeout + ? TRANSITION + : ANIMATION + : null; + propCount = type + ? type === TRANSITION + ? transitionDurations.length + : animationDurations.length + : 0; + } + const hasTransform = type === TRANSITION && + /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']); + return { + type, + timeout, + propCount, + hasTransform + }; + } + function getTimeout(delays, durations) { + while (delays.length < durations.length) { + delays = delays.concat(delays); + } + return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i]))); + } + // Old versions of Chromium (below 61.0.3163.100) formats floating pointer + // numbers in a locale-dependent way, using a comma instead of a dot. + // If comma is not replaced with a dot, the input will be rounded down + // (i.e. acting as a floor function) causing unexpected behaviors + function toMs(s) { + return Number(s.slice(0, -1).replace(',', '.')) * 1000; + } + // synchronously force layout to put elements into a certain state + function forceReflow() { + return document.body.offsetHeight; + } + + const positionMap = new WeakMap(); + const newPositionMap = new WeakMap(); + const TransitionGroupImpl = { + name: 'TransitionGroup', + props: /*#__PURE__*/ extend({}, TransitionPropsValidators, { + tag: String, + moveClass: String + }), + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + let prevChildren; + let children; + onUpdated(() => { + // children is guaranteed to exist after initial render + if (!prevChildren.length) { + return; + } + const moveClass = props.moveClass || `${props.name || 'v'}-move`; + if (!hasCSSTransform(prevChildren[0].el, instance.vnode.el, moveClass)) { + return; + } + // we divide the work into three loops to avoid mixing DOM reads and writes + // in each iteration - which helps prevent layout thrashing. + prevChildren.forEach(callPendingCbs); + prevChildren.forEach(recordPosition); + const movedChildren = prevChildren.filter(applyTranslation); + // force reflow to put everything in position + forceReflow(); + movedChildren.forEach(c => { + const el = c.el; + const style = el.style; + addTransitionClass(el, moveClass); + style.transform = style.webkitTransform = style.transitionDuration = ''; + const cb = (el._moveCb = (e) => { + if (e && e.target !== el) { + return; + } + if (!e || /transform$/.test(e.propertyName)) { + el.removeEventListener('transitionend', cb); + el._moveCb = null; + removeTransitionClass(el, moveClass); + } + }); + el.addEventListener('transitionend', cb); + }); + }); + return () => { + const rawProps = toRaw(props); + const cssTransitionProps = resolveTransitionProps(rawProps); + let tag = rawProps.tag || Fragment; + prevChildren = children; + children = slots.default ? getTransitionRawChildren(slots.default()) : []; + for (let i = 0; i < children.length; i++) { + const child = children[i]; + if (child.key != null) { + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + } + else { + warn$1(`<TransitionGroup> children must be keyed.`); + } + } + if (prevChildren) { + for (let i = 0; i < prevChildren.length; i++) { + const child = prevChildren[i]; + setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance)); + positionMap.set(child, child.el.getBoundingClientRect()); + } + } + return createVNode(tag, null, children); + }; + } + }; + const TransitionGroup = TransitionGroupImpl; + function callPendingCbs(c) { + const el = c.el; + if (el._moveCb) { + el._moveCb(); + } + if (el._enterCb) { + el._enterCb(); + } + } + function recordPosition(c) { + newPositionMap.set(c, c.el.getBoundingClientRect()); + } + function applyTranslation(c) { + const oldPos = positionMap.get(c); + const newPos = newPositionMap.get(c); + const dx = oldPos.left - newPos.left; + const dy = oldPos.top - newPos.top; + if (dx || dy) { + const s = c.el.style; + s.transform = s.webkitTransform = `translate(${dx}px,${dy}px)`; + s.transitionDuration = '0s'; + return c; + } + } + function hasCSSTransform(el, root, moveClass) { + // Detect whether an element with the move class applied has + // CSS transitions. Since the element may be inside an entering + // transition at this very moment, we make a clone of it and remove + // all other transition classes applied to ensure only the move class + // is applied. + const clone = el.cloneNode(); + if (el._vtc) { + el._vtc.forEach(cls => { + cls.split(/\s+/).forEach(c => c && clone.classList.remove(c)); + }); + } + moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c)); + clone.style.display = 'none'; + const container = (root.nodeType === 1 ? root : root.parentNode); + container.appendChild(clone); + const { hasTransform } = getTransitionInfo(clone); + container.removeChild(clone); + return hasTransform; + } + + const getModelAssigner = (vnode) => { + const fn = vnode.props['onUpdate:modelValue']; + return isArray(fn) ? value => invokeArrayFns(fn, value) : fn; + }; + function onCompositionStart(e) { + e.target.composing = true; + } + function onCompositionEnd(e) { + const target = e.target; + if (target.composing) { + target.composing = false; + trigger$1(target, 'input'); + } + } + function trigger$1(el, type) { + const e = document.createEvent('HTMLEvents'); + e.initEvent(type, true, true); + el.dispatchEvent(e); + } + // We are exporting the v-model runtime directly as vnode hooks so that it can + // be tree-shaken in case v-model is never used. + const vModelText = { + created(el, { modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + const castToNumber = number || (vnode.props && vnode.props.type === 'number'); + addEventListener(el, lazy ? 'change' : 'input', e => { + if (e.target.composing) + return; + let domValue = el.value; + if (trim) { + domValue = domValue.trim(); + } + else if (castToNumber) { + domValue = toNumber(domValue); + } + el._assign(domValue); + }); + if (trim) { + addEventListener(el, 'change', () => { + el.value = el.value.trim(); + }); + } + if (!lazy) { + addEventListener(el, 'compositionstart', onCompositionStart); + addEventListener(el, 'compositionend', onCompositionEnd); + // Safari < 10.2 & UIWebView doesn't fire compositionend when + // switching focus before confirming composition choice + // this also fixes the issue where some browsers e.g. iOS Chrome + // fires "change" instead of "input" on autocomplete. + addEventListener(el, 'change', onCompositionEnd); + } + }, + // set value on mounted so it's after min/max for type="range" + mounted(el, { value }) { + el.value = value == null ? '' : value; + }, + beforeUpdate(el, { value, modifiers: { lazy, trim, number } }, vnode) { + el._assign = getModelAssigner(vnode); + // avoid clearing unresolved text. #2302 + if (el.composing) + return; + if (document.activeElement === el) { + if (lazy) { + return; + } + if (trim && el.value.trim() === value) { + return; + } + if ((number || el.type === 'number') && toNumber(el.value) === value) { + return; + } + } + const newValue = value == null ? '' : value; + if (el.value !== newValue) { + el.value = newValue; + } + } + }; + const vModelCheckbox = { + // #4096 array checkboxes need to be deep traversed + deep: true, + created(el, _, vnode) { + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + const modelValue = el._modelValue; + const elementValue = getValue(el); + const checked = el.checked; + const assign = el._assign; + if (isArray(modelValue)) { + const index = looseIndexOf(modelValue, elementValue); + const found = index !== -1; + if (checked && !found) { + assign(modelValue.concat(elementValue)); + } + else if (!checked && found) { + const filtered = [...modelValue]; + filtered.splice(index, 1); + assign(filtered); + } + } + else if (isSet(modelValue)) { + const cloned = new Set(modelValue); + if (checked) { + cloned.add(elementValue); + } + else { + cloned.delete(elementValue); + } + assign(cloned); + } + else { + assign(getCheckboxValue(el, checked)); + } + }); + }, + // set initial checked on mount to wait for true-value/false-value + mounted: setChecked, + beforeUpdate(el, binding, vnode) { + el._assign = getModelAssigner(vnode); + setChecked(el, binding, vnode); + } + }; + function setChecked(el, { value, oldValue }, vnode) { + el._modelValue = value; + if (isArray(value)) { + el.checked = looseIndexOf(value, vnode.props.value) > -1; + } + else if (isSet(value)) { + el.checked = value.has(vnode.props.value); + } + else if (value !== oldValue) { + el.checked = looseEqual(value, getCheckboxValue(el, true)); + } + } + const vModelRadio = { + created(el, { value }, vnode) { + el.checked = looseEqual(value, vnode.props.value); + el._assign = getModelAssigner(vnode); + addEventListener(el, 'change', () => { + el._assign(getValue(el)); + }); + }, + beforeUpdate(el, { value, oldValue }, vnode) { + el._assign = getModelAssigner(vnode); + if (value !== oldValue) { + el.checked = looseEqual(value, vnode.props.value); + } + } + }; + const vModelSelect = { + // <select multiple> value need to be deep traversed + deep: true, + created(el, { value, modifiers: { number } }, vnode) { + const isSetModel = isSet(value); + addEventListener(el, 'change', () => { + const selectedVal = Array.prototype.filter + .call(el.options, (o) => o.selected) + .map((o) => number ? toNumber(getValue(o)) : getValue(o)); + el._assign(el.multiple + ? isSetModel + ? new Set(selectedVal) + : selectedVal + : selectedVal[0]); + }); + el._assign = getModelAssigner(vnode); + }, + // set value in mounted & updated because <select> relies on its children + // <option>s. + mounted(el, { value }) { + setSelected(el, value); + }, + beforeUpdate(el, _binding, vnode) { + el._assign = getModelAssigner(vnode); + }, + updated(el, { value }) { + setSelected(el, value); + } + }; + function setSelected(el, value) { + const isMultiple = el.multiple; + if (isMultiple && !isArray(value) && !isSet(value)) { + warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` + + `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`); + return; + } + for (let i = 0, l = el.options.length; i < l; i++) { + const option = el.options[i]; + const optionValue = getValue(option); + if (isMultiple) { + if (isArray(value)) { + option.selected = looseIndexOf(value, optionValue) > -1; + } + else { + option.selected = value.has(optionValue); + } + } + else { + if (looseEqual(getValue(option), value)) { + if (el.selectedIndex !== i) + el.selectedIndex = i; + return; + } + } + } + if (!isMultiple && el.selectedIndex !== -1) { + el.selectedIndex = -1; + } + } + // retrieve raw value set via :value bindings + function getValue(el) { + return '_value' in el ? el._value : el.value; + } + // retrieve raw value for true-value and false-value set via :true-value or :false-value bindings + function getCheckboxValue(el, checked) { + const key = checked ? '_trueValue' : '_falseValue'; + return key in el ? el[key] : checked; + } + const vModelDynamic = { + created(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'created'); + }, + mounted(el, binding, vnode) { + callModelHook(el, binding, vnode, null, 'mounted'); + }, + beforeUpdate(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'beforeUpdate'); + }, + updated(el, binding, vnode, prevVNode) { + callModelHook(el, binding, vnode, prevVNode, 'updated'); + } + }; + function callModelHook(el, binding, vnode, prevVNode, hook) { + let modelToUse; + switch (el.tagName) { + case 'SELECT': + modelToUse = vModelSelect; + break; + case 'TEXTAREA': + modelToUse = vModelText; + break; + default: + switch (vnode.props && vnode.props.type) { + case 'checkbox': + modelToUse = vModelCheckbox; + break; + case 'radio': + modelToUse = vModelRadio; + break; + default: + modelToUse = vModelText; + } + } + const fn = modelToUse[hook]; + fn && fn(el, binding, vnode, prevVNode); + } + + const systemModifiers = ['ctrl', 'shift', 'alt', 'meta']; + const modifierGuards = { + stop: e => e.stopPropagation(), + prevent: e => e.preventDefault(), + self: e => e.target !== e.currentTarget, + ctrl: e => !e.ctrlKey, + shift: e => !e.shiftKey, + alt: e => !e.altKey, + meta: e => !e.metaKey, + left: e => 'button' in e && e.button !== 0, + middle: e => 'button' in e && e.button !== 1, + right: e => 'button' in e && e.button !== 2, + exact: (e, modifiers) => systemModifiers.some(m => e[`${m}Key`] && !modifiers.includes(m)) + }; + /** + * @private + */ + const withModifiers = (fn, modifiers) => { + return (event, ...args) => { + for (let i = 0; i < modifiers.length; i++) { + const guard = modifierGuards[modifiers[i]]; + if (guard && guard(event, modifiers)) + return; + } + return fn(event, ...args); + }; + }; + // Kept for 2.x compat. + // Note: IE11 compat for `spacebar` and `del` is removed for now. + const keyNames = { + esc: 'escape', + space: ' ', + up: 'arrow-up', + left: 'arrow-left', + right: 'arrow-right', + down: 'arrow-down', + delete: 'backspace' + }; + /** + * @private + */ + const withKeys = (fn, modifiers) => { + return (event) => { + if (!('key' in event)) { + return; + } + const eventKey = hyphenate(event.key); + if (modifiers.some(k => k === eventKey || keyNames[k] === eventKey)) { + return fn(event); + } + }; + }; + + const vShow = { + beforeMount(el, { value }, { transition }) { + el._vod = el.style.display === 'none' ? '' : el.style.display; + if (transition && value) { + transition.beforeEnter(el); + } + else { + setDisplay(el, value); + } + }, + mounted(el, { value }, { transition }) { + if (transition && value) { + transition.enter(el); + } + }, + updated(el, { value, oldValue }, { transition }) { + if (!value === !oldValue) + return; + if (transition) { + if (value) { + transition.beforeEnter(el); + setDisplay(el, true); + transition.enter(el); + } + else { + transition.leave(el, () => { + setDisplay(el, false); + }); + } + } + else { + setDisplay(el, value); + } + }, + beforeUnmount(el, { value }) { + setDisplay(el, value); + } + }; + function setDisplay(el, value) { + el.style.display = value ? el._vod : 'none'; + } + + const rendererOptions = extend({ patchProp }, nodeOps); + // lazy create the renderer - this makes core renderer logic tree-shakable + // in case the user only imports reactivity utilities from Vue. + let renderer; + let enabledHydration = false; + function ensureRenderer() { + return (renderer || + (renderer = createRenderer(rendererOptions))); + } + function ensureHydrationRenderer() { + renderer = enabledHydration + ? renderer + : createHydrationRenderer(rendererOptions); + enabledHydration = true; + return renderer; + } + // use explicit type casts here to avoid import() calls in rolled-up d.ts + const render = ((...args) => { + ensureRenderer().render(...args); + }); + const hydrate = ((...args) => { + ensureHydrationRenderer().hydrate(...args); + }); + const createApp = ((...args) => { + const app = ensureRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (!container) + return; + const component = app._component; + if (!isFunction(component) && !component.render && !component.template) { + // __UNSAFE__ + // Reason: potential execution of JS expressions in in-DOM template. + // The user must make sure the in-DOM template is trusted. If it's + // rendered by the server, the template should not contain any user data. + component.template = container.innerHTML; + } + // clear content before mounting + container.innerHTML = ''; + const proxy = mount(container, false, container instanceof SVGElement); + if (container instanceof Element) { + container.removeAttribute('v-cloak'); + container.setAttribute('data-v-app', ''); + } + return proxy; + }; + return app; + }); + const createSSRApp = ((...args) => { + const app = ensureHydrationRenderer().createApp(...args); + { + injectNativeTagCheck(app); + injectCompilerOptionsCheck(app); + } + const { mount } = app; + app.mount = (containerOrSelector) => { + const container = normalizeContainer(containerOrSelector); + if (container) { + return mount(container, true, container instanceof SVGElement); + } + }; + return app; + }); + function injectNativeTagCheck(app) { + // Inject `isNativeTag` + // this is used for component name validation (dev only) + Object.defineProperty(app.config, 'isNativeTag', { + value: (tag) => isHTMLTag(tag) || isSVGTag(tag), + writable: false + }); + } + // dev only + function injectCompilerOptionsCheck(app) { + if (isRuntimeOnly()) { + const isCustomElement = app.config.isCustomElement; + Object.defineProperty(app.config, 'isCustomElement', { + get() { + return isCustomElement; + }, + set() { + warn$1(`The \`isCustomElement\` config option is deprecated. Use ` + + `\`compilerOptions.isCustomElement\` instead.`); + } + }); + const compilerOptions = app.config.compilerOptions; + const msg = `The \`compilerOptions\` config option is only respected when using ` + + `a build of Vue.js that includes the runtime compiler (aka "full build"). ` + + `Since you are using the runtime-only build, \`compilerOptions\` ` + + `must be passed to \`@vue/compiler-dom\` in the build setup instead.\n` + + `- For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.\n` + + `- For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader\n` + + `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`; + Object.defineProperty(app.config, 'compilerOptions', { + get() { + warn$1(msg); + return compilerOptions; + }, + set() { + warn$1(msg); + } + }); + } + } + function normalizeContainer(container) { + if (isString(container)) { + const res = document.querySelector(container); + if (!res) { + warn$1(`Failed to mount app: mount target selector "${container}" returned null.`); + } + return res; + } + if (window.ShadowRoot && + container instanceof window.ShadowRoot && + container.mode === 'closed') { + warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`); + } + return container; + } + + function initDev() { + { + { + console.info(`You are running a development build of Vue.\n` + + `Make sure to use the production build (*.prod.js) when deploying for production.`); + } + initCustomFormatter(); + } + } + + // This entry exports the runtime only, and is built as + { + initDev(); + } + const compile$1 = () => { + { + warn$1(`Runtime compilation is not supported in this build of Vue.` + + (` Use "vue.global.js" instead.` + ) /* should not happen */); + } + }; + + exports.BaseTransition = BaseTransition; + exports.Comment = Comment$1; + exports.EffectScope = EffectScope; + exports.Fragment = Fragment; + exports.KeepAlive = KeepAlive; + exports.ReactiveEffect = ReactiveEffect; + exports.Static = Static; + exports.Suspense = Suspense; + exports.Teleport = Teleport; + exports.Text = Text; + exports.Transition = Transition; + exports.TransitionGroup = TransitionGroup; + exports.VueElement = VueElement; + exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling; + exports.callWithErrorHandling = callWithErrorHandling; + exports.camelize = camelize; + exports.capitalize = capitalize; + exports.cloneVNode = cloneVNode; + exports.compatUtils = compatUtils; + exports.compile = compile$1; + exports.computed = computed; + exports.createApp = createApp; + exports.createBlock = createBlock; + exports.createCommentVNode = createCommentVNode; + exports.createElementBlock = createElementBlock; + exports.createElementVNode = createBaseVNode; + exports.createHydrationRenderer = createHydrationRenderer; + exports.createRenderer = createRenderer; + exports.createSSRApp = createSSRApp; + exports.createSlots = createSlots; + exports.createStaticVNode = createStaticVNode; + exports.createTextVNode = createTextVNode; + exports.createVNode = createVNode; + exports.customRef = customRef; + exports.defineAsyncComponent = defineAsyncComponent; + exports.defineComponent = defineComponent; + exports.defineCustomElement = defineCustomElement; + exports.defineEmits = defineEmits; + exports.defineExpose = defineExpose; + exports.defineProps = defineProps; + exports.defineSSRCustomElement = defineSSRCustomElement; + exports.effect = effect; + exports.effectScope = effectScope; + exports.getCurrentInstance = getCurrentInstance; + exports.getCurrentScope = getCurrentScope; + exports.getTransitionRawChildren = getTransitionRawChildren; + exports.guardReactiveProps = guardReactiveProps; + exports.h = h; + exports.handleError = handleError; + exports.hydrate = hydrate; + exports.initCustomFormatter = initCustomFormatter; + exports.inject = inject; + exports.isMemoSame = isMemoSame; + exports.isProxy = isProxy; + exports.isReactive = isReactive; + exports.isReadonly = isReadonly; + exports.isRef = isRef; + exports.isRuntimeOnly = isRuntimeOnly; + exports.isVNode = isVNode; + exports.markRaw = markRaw; + exports.mergeDefaults = mergeDefaults; + exports.mergeProps = mergeProps; + exports.nextTick = nextTick; + exports.normalizeClass = normalizeClass; + exports.normalizeProps = normalizeProps; + exports.normalizeStyle = normalizeStyle; + exports.onActivated = onActivated; + exports.onBeforeMount = onBeforeMount; + exports.onBeforeUnmount = onBeforeUnmount; + exports.onBeforeUpdate = onBeforeUpdate; + exports.onDeactivated = onDeactivated; + exports.onErrorCaptured = onErrorCaptured; + exports.onMounted = onMounted; + exports.onRenderTracked = onRenderTracked; + exports.onRenderTriggered = onRenderTriggered; + exports.onScopeDispose = onScopeDispose; + exports.onServerPrefetch = onServerPrefetch; + exports.onUnmounted = onUnmounted; + exports.onUpdated = onUpdated; + exports.openBlock = openBlock; + exports.popScopeId = popScopeId; + exports.provide = provide; + exports.proxyRefs = proxyRefs; + exports.pushScopeId = pushScopeId; + exports.queuePostFlushCb = queuePostFlushCb; + exports.reactive = reactive; + exports.readonly = readonly; + exports.ref = ref; + exports.registerRuntimeCompiler = registerRuntimeCompiler; + exports.render = render; + exports.renderList = renderList; + exports.renderSlot = renderSlot; + exports.resolveComponent = resolveComponent; + exports.resolveDirective = resolveDirective; + exports.resolveDynamicComponent = resolveDynamicComponent; + exports.resolveFilter = resolveFilter; + exports.resolveTransitionHooks = resolveTransitionHooks; + exports.setBlockTracking = setBlockTracking; + exports.setDevtoolsHook = setDevtoolsHook; + exports.setTransitionHooks = setTransitionHooks; + exports.shallowReactive = shallowReactive; + exports.shallowReadonly = shallowReadonly; + exports.shallowRef = shallowRef; + exports.ssrContextKey = ssrContextKey; + exports.ssrUtils = ssrUtils; + exports.stop = stop; + exports.toDisplayString = toDisplayString; + exports.toHandlerKey = toHandlerKey; + exports.toHandlers = toHandlers; + exports.toRaw = toRaw; + exports.toRef = toRef; + exports.toRefs = toRefs; + exports.transformVNodeArgs = transformVNodeArgs; + exports.triggerRef = triggerRef; + exports.unref = unref; + exports.useAttrs = useAttrs; + exports.useCssModule = useCssModule; + exports.useCssVars = useCssVars; + exports.useSSRContext = useSSRContext; + exports.useSlots = useSlots; + exports.useTransitionState = useTransitionState; + exports.vModelCheckbox = vModelCheckbox; + exports.vModelDynamic = vModelDynamic; + exports.vModelRadio = vModelRadio; + exports.vModelSelect = vModelSelect; + exports.vModelText = vModelText; + exports.vShow = vShow; + exports.version = version; + exports.warn = warn$1; + exports.watch = watch; + exports.watchEffect = watchEffect; + exports.watchPostEffect = watchPostEffect; + exports.watchSyncEffect = watchSyncEffect; + exports.withAsyncContext = withAsyncContext; + exports.withCtx = withCtx; + exports.withDefaults = withDefaults; + exports.withDirectives = withDirectives; + exports.withKeys = withKeys; + exports.withMemo = withMemo; + exports.withModifiers = withModifiers; + exports.withScopeId = withScopeId; + + Object.defineProperty(exports, '__esModule', { value: true }); + + return exports; + +}({})); diff --git a/node_modules/vue/dist/vue.runtime.global.prod.js b/node_modules/vue/dist/vue.runtime.global.prod.js new file mode 100644 index 0000000000..453e9b5062 --- /dev/null +++ b/node_modules/vue/dist/vue.runtime.global.prod.js @@ -0,0 +1 @@ +var Vue=function(e){"use strict";function t(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r<o.length;r++)n[o[r]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}const n=t("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),o=t("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function r(e){return!!e||""===e}function s(e){if(S(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=F(o)?c(o):s(o);if(r)for(const e in r)t[e]=r[e]}return t}return F(e)||M(e)?e:void 0}const l=/;(?![^(]*\))/g,i=/:(.+)/;function c(e){const t={};return e.split(l).forEach((e=>{if(e){const n=e.split(i);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function a(e){let t="";if(F(e))t=e;else if(S(e))for(let n=0;n<e.length;n++){const o=a(e[n]);o&&(t+=o+" ")}else if(M(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}function u(e,t){if(e===t)return!0;let n=A(e),o=A(t);if(n||o)return!(!n||!o)&&e.getTime()===t.getTime();if(n=S(e),o=S(t),n||o)return!(!n||!o)&&function(e,t){if(e.length!==t.length)return!1;let n=!0;for(let o=0;n&&o<e.length;o++)n=u(e[o],t[o]);return n}(e,t);if(n=M(e),o=M(t),n||o){if(!n||!o)return!1;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e){const o=e.hasOwnProperty(n),r=t.hasOwnProperty(n);if(o&&!r||!o&&r||!u(e[n],t[n]))return!1}}return String(e)===String(t)}function f(e,t){return e.findIndex((e=>u(e,t)))}const p=(e,t)=>t&&t.__v_isRef?p(e,t.value):E(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:k(t)?{[`Set(${t.size})`]:[...t.values()]}:!M(t)||S(t)||P(t)?t:String(t),d={},h=[],m=()=>{},v=()=>!1,g=/^on[^a-z]/,y=e=>g.test(e),_=e=>e.startsWith("onUpdate:"),b=Object.assign,C=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},x=Object.prototype.hasOwnProperty,w=(e,t)=>x.call(e,t),S=Array.isArray,E=e=>"[object Map]"===N(e),k=e=>"[object Set]"===N(e),A=e=>e instanceof Date,T=e=>"function"==typeof e,F=e=>"string"==typeof e,R=e=>"symbol"==typeof e,M=e=>null!==e&&"object"==typeof e,O=e=>M(e)&&T(e.then)&&T(e.catch),B=Object.prototype.toString,N=e=>B.call(e),P=e=>"[object Object]"===N(e),I=e=>F(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,V=t(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),$=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},L=/-(\w)/g,j=$((e=>e.replace(L,((e,t)=>t?t.toUpperCase():"")))),U=/\B([A-Z])/g,D=$((e=>e.replace(U,"-$1").toLowerCase())),H=$((e=>e.charAt(0).toUpperCase()+e.slice(1))),z=$((e=>e?`on${H(e)}`:"")),W=(e,t)=>!Object.is(e,t),K=(e,t)=>{for(let n=0;n<e.length;n++)e[n](t)},G=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},q=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let J;const X=[];class Z{constructor(e=!1){this.active=!0,this.effects=[],this.cleanups=[],!e&&J&&(this.parent=J,this.index=(J.scopes||(J.scopes=[])).push(this)-1)}run(e){if(this.active)try{return this.on(),e()}finally{this.off()}}on(){this.active&&(X.push(this),J=this)}off(){this.active&&(X.pop(),J=X[X.length-1])}stop(e){if(this.active){if(this.effects.forEach((e=>e.stop())),this.cleanups.forEach((e=>e())),this.scopes&&this.scopes.forEach((e=>e.stop(!0))),this.parent&&!e){const e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.active=!1}}}function Q(e,t){(t=t||J)&&t.active&&t.effects.push(e)}const Y=e=>{const t=new Set(e);return t.w=0,t.n=0,t},ee=e=>(e.w&re)>0,te=e=>(e.n&re)>0,ne=new WeakMap;let oe=0,re=1;const se=[];let le;const ie=Symbol(""),ce=Symbol("");class ae{constructor(e,t=null,n){this.fn=e,this.scheduler=t,this.active=!0,this.deps=[],Q(this,n)}run(){if(!this.active)return this.fn();if(!se.includes(this))try{return se.push(le=this),pe.push(fe),fe=!0,re=1<<++oe,oe<=30?(({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=re})(this):ue(this),this.fn()}finally{oe<=30&&(e=>{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o<t.length;o++){const r=t[o];ee(r)&&!te(r)?r.delete(e):t[n++]=r,r.w&=~re,r.n&=~re}t.length=n}})(this),re=1<<--oe,he(),se.pop();const e=se.length;le=e>0?se[e-1]:void 0}}stop(){this.active&&(ue(this),this.onStop&&this.onStop(),this.active=!1)}}function ue(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let fe=!0;const pe=[];function de(){pe.push(fe),fe=!1}function he(){const e=pe.pop();fe=void 0===e||e}function me(e,t,n){if(!ve())return;let o=ne.get(e);o||ne.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=Y()),ge(r)}function ve(){return fe&&void 0!==le}function ge(e,t){let n=!1;oe<=30?te(e)||(e.n|=re,n=!ee(e)):n=!e.has(le),n&&(e.add(le),le.deps.push(e))}function ye(e,t,n,o,r,s){const l=ne.get(e);if(!l)return;let i=[];if("clear"===t)i=[...l.values()];else if("length"===n&&S(e))l.forEach(((e,t)=>{("length"===t||t>=o)&&i.push(e)}));else switch(void 0!==n&&i.push(l.get(n)),t){case"add":S(e)?I(n)&&i.push(l.get("length")):(i.push(l.get(ie)),E(e)&&i.push(l.get(ce)));break;case"delete":S(e)||(i.push(l.get(ie)),E(e)&&i.push(l.get(ce)));break;case"set":E(e)&&i.push(l.get(ie))}if(1===i.length)i[0]&&_e(i[0]);else{const e=[];for(const t of i)t&&e.push(...t);_e(Y(e))}}function _e(e,t){for(const n of S(e)?e:[...e])(n!==le||n.allowRecurse)&&(n.scheduler?n.scheduler():n.run())}const be=t("__proto__,__v_isRef,__isVue"),Ce=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(R)),xe=Te(),we=Te(!1,!0),Se=Te(!0),Ee=Te(!0,!0),ke=Ae();function Ae(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=vt(this);for(let t=0,r=this.length;t<r;t++)me(n,0,t+"");const o=n[t](...e);return-1===o||!1===o?n[t](...e.map(vt)):o}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){de();const n=vt(this)[t].apply(this,e);return he(),n}})),e}function Te(e=!1,t=!1){return function(n,o,r){if("__v_isReactive"===o)return!e;if("__v_isReadonly"===o)return e;if("__v_raw"===o&&r===(e?t?it:lt:t?st:rt).get(n))return n;const s=S(n);if(!e&&s&&w(ke,o))return Reflect.get(ke,o,r);const l=Reflect.get(n,o,r);if(R(o)?Ce.has(o):be(o))return l;if(e||me(n,0,o),t)return l;if(Ct(l)){return!s||!I(o)?l.value:l}return M(l)?e?ft(l):at(l):l}}function Fe(e=!1){return function(t,n,o,r){let s=t[n];if(!e&&(o=vt(o),s=vt(s),!S(t)&&Ct(s)&&!Ct(o)))return s.value=o,!0;const l=S(t)&&I(n)?Number(n)<t.length:w(t,n),i=Reflect.set(t,n,o,r);return t===vt(r)&&(l?W(o,s)&&ye(t,"set",n,o):ye(t,"add",n,o)),i}}const Re={get:xe,set:Fe(),deleteProperty:function(e,t){const n=w(e,t),o=Reflect.deleteProperty(e,t);return o&&n&&ye(e,"delete",t,void 0),o},has:function(e,t){const n=Reflect.has(e,t);return R(t)&&Ce.has(t)||me(e,0,t),n},ownKeys:function(e){return me(e,0,S(e)?"length":ie),Reflect.ownKeys(e)}},Me={get:Se,set:(e,t)=>!0,deleteProperty:(e,t)=>!0},Oe=b({},Re,{get:we,set:Fe(!0)}),Be=b({},Me,{get:Ee}),Ne=e=>M(e)?at(e):e,Pe=e=>M(e)?ft(e):e,Ie=e=>e,Ve=e=>Reflect.getPrototypeOf(e);function $e(e,t,n=!1,o=!1){const r=vt(e=e.__v_raw),s=vt(t);t!==s&&!n&&me(r,0,t),!n&&me(r,0,s);const{has:l}=Ve(r),i=o?Ie:n?Pe:Ne;return l.call(r,t)?i(e.get(t)):l.call(r,s)?i(e.get(s)):void(e!==r&&e.get(t))}function Le(e,t=!1){const n=this.__v_raw,o=vt(n),r=vt(e);return e!==r&&!t&&me(o,0,e),!t&&me(o,0,r),e===r?n.has(e):n.has(e)||n.has(r)}function je(e,t=!1){return e=e.__v_raw,!t&&me(vt(e),0,ie),Reflect.get(e,"size",e)}function Ue(e){e=vt(e);const t=vt(this);return Ve(t).has.call(t,e)||(t.add(e),ye(t,"add",e,e)),this}function De(e,t){t=vt(t);const n=vt(this),{has:o,get:r}=Ve(n);let s=o.call(n,e);s||(e=vt(e),s=o.call(n,e));const l=r.call(n,e);return n.set(e,t),s?W(t,l)&&ye(n,"set",e,t):ye(n,"add",e,t),this}function He(e){const t=vt(this),{has:n,get:o}=Ve(t);let r=n.call(t,e);r||(e=vt(e),r=n.call(t,e)),o&&o.call(t,e);const s=t.delete(e);return r&&ye(t,"delete",e,void 0),s}function ze(){const e=vt(this),t=0!==e.size,n=e.clear();return t&&ye(e,"clear",void 0,void 0),n}function We(e,t){return function(n,o){const r=this,s=r.__v_raw,l=vt(s),i=t?Ie:e?Pe:Ne;return!e&&me(l,0,ie),s.forEach(((e,t)=>n.call(o,i(e),i(t),r)))}}function Ke(e,t,n){return function(...o){const r=this.__v_raw,s=vt(r),l=E(s),i="entries"===e||e===Symbol.iterator&&l,c="keys"===e&&l,a=r[e](...o),u=n?Ie:t?Pe:Ne;return!t&&me(s,0,c?ce:ie),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:i?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Ge(e){return function(...t){return"delete"!==e&&this}}function qe(){const e={get(e){return $e(this,e)},get size(){return je(this)},has:Le,add:Ue,set:De,delete:He,clear:ze,forEach:We(!1,!1)},t={get(e){return $e(this,e,!1,!0)},get size(){return je(this)},has:Le,add:Ue,set:De,delete:He,clear:ze,forEach:We(!1,!0)},n={get(e){return $e(this,e,!0)},get size(){return je(this,!0)},has(e){return Le.call(this,e,!0)},add:Ge("add"),set:Ge("set"),delete:Ge("delete"),clear:Ge("clear"),forEach:We(!0,!1)},o={get(e){return $e(this,e,!0,!0)},get size(){return je(this,!0)},has(e){return Le.call(this,e,!0)},add:Ge("add"),set:Ge("set"),delete:Ge("delete"),clear:Ge("clear"),forEach:We(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((r=>{e[r]=Ke(r,!1,!1),n[r]=Ke(r,!0,!1),t[r]=Ke(r,!1,!0),o[r]=Ke(r,!0,!0)})),[e,n,t,o]}const[Je,Xe,Ze,Qe]=qe();function Ye(e,t){const n=t?e?Qe:Ze:e?Xe:Je;return(t,o,r)=>"__v_isReactive"===o?!e:"__v_isReadonly"===o?e:"__v_raw"===o?t:Reflect.get(w(n,o)&&o in t?n:t,o,r)}const et={get:Ye(!1,!1)},tt={get:Ye(!1,!0)},nt={get:Ye(!0,!1)},ot={get:Ye(!0,!0)},rt=new WeakMap,st=new WeakMap,lt=new WeakMap,it=new WeakMap;function ct(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>N(e).slice(8,-1))(e))}function at(e){return e&&e.__v_isReadonly?e:pt(e,!1,Re,et,rt)}function ut(e){return pt(e,!1,Oe,tt,st)}function ft(e){return pt(e,!0,Me,nt,lt)}function pt(e,t,n,o,r){if(!M(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=r.get(e);if(s)return s;const l=ct(e);if(0===l)return e;const i=new Proxy(e,2===l?o:n);return r.set(e,i),i}function dt(e){return ht(e)?dt(e.__v_raw):!(!e||!e.__v_isReactive)}function ht(e){return!(!e||!e.__v_isReadonly)}function mt(e){return dt(e)||ht(e)}function vt(e){const t=e&&e.__v_raw;return t?vt(t):e}function gt(e){return G(e,"__v_skip",!0),e}function yt(e){ve()&&((e=vt(e)).dep||(e.dep=Y()),ge(e.dep))}function _t(e,t){(e=vt(e)).dep&&_e(e.dep)}const bt=e=>M(e)?at(e):e;function Ct(e){return Boolean(e&&!0===e.__v_isRef)}function xt(e){return St(e,!1)}class wt{constructor(e,t){this._shallow=t,this.dep=void 0,this.__v_isRef=!0,this._rawValue=t?e:vt(e),this._value=t?e:bt(e)}get value(){return yt(this),this._value}set value(e){e=this._shallow?e:vt(e),W(e,this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:bt(e),_t(this))}}function St(e,t){return Ct(e)?e:new wt(e,t)}function Et(e){return Ct(e)?e.value:e}const kt={get:(e,t,n)=>Et(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return Ct(r)&&!Ct(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function At(e){return dt(e)?e:new Proxy(e,kt)}class Tt{constructor(e){this.dep=void 0,this.__v_isRef=!0;const{get:t,set:n}=e((()=>yt(this)),(()=>_t(this)));this._get=t,this._set=n}get value(){return this._get()}set value(e){this._set(e)}}class Ft{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}function Rt(e,t){const n=e[t];return Ct(n)?n:new Ft(e,t)}class Mt{constructor(e,t,n){this._setter=t,this.dep=void 0,this._dirty=!0,this.__v_isRef=!0,this.effect=new ae(e,(()=>{this._dirty||(this._dirty=!0,_t(this))})),this.__v_isReadonly=n}get value(){const e=vt(this);return yt(e),e._dirty&&(e._dirty=!1,e._value=e.effect.run()),e._value}set value(e){this._setter(e)}}function Ot(e,t){let n,o;T(e)?(n=e,o=m):(n=e.get,o=e.set);return new Mt(n,o,T(e)||!e.set)}function Bt(e,t,...n){const o=e.vnode.props||d;let r=n;const s=t.startsWith("update:"),l=s&&t.slice(7);if(l&&l in o){const e=`${"modelValue"===l?"model":l}Modifiers`,{number:t,trim:s}=o[e]||d;s?r=n.map((e=>e.trim())):t&&(r=n.map(q))}let i,c=o[i=z(t)]||o[i=z(j(t))];!c&&s&&(c=o[i=z(D(t))]),c&&Ar(c,e,6,r);const a=o[i+"Once"];if(a){if(e.emitted){if(e.emitted[i])return}else e.emitted={};e.emitted[i]=!0,Ar(a,e,6,r)}}function Nt(e,t,n=!1){const o=t.emitsCache,r=o.get(e);if(void 0!==r)return r;const s=e.emits;let l={},i=!1;if(!T(e)){const o=e=>{const n=Nt(e,t,!0);n&&(i=!0,b(l,n))};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}return s||i?(S(s)?s.forEach((e=>l[e]=null)):b(l,s),o.set(e,l),l):(o.set(e,null),null)}function Pt(e,t){return!(!e||!y(t))&&(t=t.slice(2).replace(/Once$/,""),w(e,t[0].toLowerCase()+t.slice(1))||w(e,D(t))||w(e,t))}let It=null,Vt=null;function $t(e){const t=It;return It=e,Vt=e&&e.type.__scopeId||null,t}function Lt(e,t=It,n){if(!t)return e;if(e._n)return e;const o=(...n)=>{o._d&&Vo(-1);const r=$t(t),s=e(...n);return $t(r),o._d&&Vo(1),s};return o._n=!0,o._c=!0,o._d=!0,o}function jt(e){const{type:t,vnode:n,proxy:o,withProxy:r,props:s,propsOptions:[l],slots:i,attrs:c,emit:a,render:u,renderCache:f,data:p,setupState:d,ctx:h,inheritAttrs:m}=e;let v;const g=$t(e);try{let e;if(4&n.shapeFlag){const t=r||o;v=Xo(u.call(t,t,f,s,d,p,h)),e=c}else{const n=t;0,v=Xo(n(s,n.length>1?{attrs:c,slots:i,emit:a}:null)),e=t.props?c:Dt(c)}let g=v;if(e&&!1!==m){const t=Object.keys(e),{shapeFlag:n}=g;t.length&&7&n&&(l&&t.some(_)&&(e=Ht(e,l)),g=qo(g,e))}0,n.dirs&&(g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),v=g}catch(y){Oo.length=0,Tr(y,e,1),v=Ko(Ro)}return $t(g),v}function Ut(e){let t;for(let n=0;n<e.length;n++){const o=e[n];if(!jo(o))return;if(o.type!==Ro||"v-if"===o.children){if(t)return;t=o}}return t}const Dt=e=>{let t;for(const n in e)("class"===n||"style"===n||y(n))&&((t||(t={}))[n]=e[n]);return t},Ht=(e,t)=>{const n={};for(const o in e)_(o)&&o.slice(9)in t||(n[o]=e[o]);return n};function zt(e,t,n){const o=Object.keys(t);if(o.length!==Object.keys(e).length)return!0;for(let r=0;r<o.length;r++){const s=o[r];if(t[s]!==e[s]&&!Pt(n,s))return!0}return!1}function Wt({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}const Kt={name:"Suspense",__isSuspense:!0,process(e,t,n,o,r,s,l,i,c,a){null==e?function(e,t,n,o,r,s,l,i,c){const{p:a,o:{createElement:u}}=c,f=u("div"),p=e.suspense=qt(e,r,o,t,f,n,s,l,i,c);a(null,p.pendingBranch=e.ssContent,f,null,o,p,s,l),p.deps>0?(Gt(e,"onPending"),Gt(e,"onFallback"),a(null,e.ssFallback,t,n,o,null,s,l),Zt(p,e.ssFallback)):p.resolve()}(t,n,o,r,s,l,i,c,a):function(e,t,n,o,r,s,l,i,{p:c,um:a,o:{createElement:u}}){const f=t.suspense=e.suspense;f.vnode=t,t.el=e.el;const p=t.ssContent,d=t.ssFallback,{activeBranch:h,pendingBranch:m,isInFallback:v,isHydrating:g}=f;if(m)f.pendingBranch=p,Uo(p,m)?(c(m,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0?f.resolve():v&&(c(h,d,n,o,r,null,s,l,i),Zt(f,d))):(f.pendingId++,g?(f.isHydrating=!1,f.activeBranch=m):a(m,r,f),f.deps=0,f.effects.length=0,f.hiddenContainer=u("div"),v?(c(null,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0?f.resolve():(c(h,d,n,o,r,null,s,l,i),Zt(f,d))):h&&Uo(p,h)?(c(h,p,n,o,r,f,s,l,i),f.resolve(!0)):(c(null,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0&&f.resolve()));else if(h&&Uo(p,h))c(h,p,n,o,r,f,s,l,i),Zt(f,p);else if(Gt(t,"onPending"),f.pendingBranch=p,f.pendingId++,c(null,p,f.hiddenContainer,null,r,f,s,l,i),f.deps<=0)f.resolve();else{const{timeout:e,pendingId:t}=f;e>0?setTimeout((()=>{f.pendingId===t&&f.fallback(d)}),e):0===e&&f.fallback(d)}}(e,t,n,o,r,l,i,c,a)},hydrate:function(e,t,n,o,r,s,l,i,c){const a=t.suspense=qt(t,o,n,e.parentNode,document.createElement("div"),null,r,s,l,i,!0),u=c(e,a.pendingBranch=t.ssContent,n,a,s,l);0===a.deps&&a.resolve();return u},create:qt,normalize:function(e){const{shapeFlag:t,children:n}=e,o=32&t;e.ssContent=Jt(o?n.default:n),e.ssFallback=o?Jt(n.fallback):Ko(Comment)}};function Gt(e,t){const n=e.props&&e.props[t];T(n)&&n()}function qt(e,t,n,o,r,s,l,i,c,a,u=!1){const{p:f,m:p,um:d,n:h,o:{parentNode:m,remove:v}}=a,g=q(e.props&&e.props.timeout),y={vnode:e,parent:t,parentComponent:n,isSVG:l,container:o,hiddenContainer:r,anchor:s,deps:0,pendingId:0,timeout:"number"==typeof g?g:-1,activeBranch:null,pendingBranch:null,isInFallback:!0,isHydrating:u,isUnmounted:!1,effects:[],resolve(e=!1){const{vnode:t,activeBranch:n,pendingBranch:o,pendingId:r,effects:s,parentComponent:l,container:i}=y;if(y.isHydrating)y.isHydrating=!1;else if(!e){const e=n&&o.transition&&"out-in"===o.transition.mode;e&&(n.transition.afterLeave=()=>{r===y.pendingId&&p(o,i,t,0)});let{anchor:t}=y;n&&(t=h(n),d(n,l,y,!0)),e||p(o,i,t,0)}Zt(y,o),y.pendingBranch=null,y.isInFallback=!1;let c=y.parent,a=!1;for(;c;){if(c.pendingBranch){c.effects.push(...s),a=!0;break}c=c.parent}a||Kr(s),y.effects=[],Gt(t,"onResolve")},fallback(e){if(!y.pendingBranch)return;const{vnode:t,activeBranch:n,parentComponent:o,container:r,isSVG:s}=y;Gt(t,"onFallback");const l=h(n),a=()=>{y.isInFallback&&(f(null,e,r,l,o,null,s,i,c),Zt(y,e))},u=e.transition&&"out-in"===e.transition.mode;u&&(n.transition.afterLeave=a),y.isInFallback=!0,d(n,o,null,!0),u||a()},move(e,t,n){y.activeBranch&&p(y.activeBranch,e,t,n),y.container=e},next:()=>y.activeBranch&&h(y.activeBranch),registerDep(e,t){const n=!!y.pendingBranch;n&&y.deps++;const o=e.vnode.el;e.asyncDep.catch((t=>{Tr(t,e,0)})).then((r=>{if(e.isUnmounted||y.isUnmounted||y.pendingId!==e.suspenseId)return;e.asyncResolved=!0;const{vnode:s}=e;mr(e,r),o&&(s.el=o);const i=!o&&e.subTree.el;t(e,s,m(o||e.subTree.el),o?null:h(e.subTree),y,l,c),i&&v(i),Wt(e,s.el),n&&0==--y.deps&&y.resolve()}))},unmount(e,t){y.isUnmounted=!0,y.activeBranch&&d(y.activeBranch,n,e,t),y.pendingBranch&&d(y.pendingBranch,n,e,t)}};return y}function Jt(e){let t;if(T(e)){const n=e._c;n&&(e._d=!1,No()),e=e(),n&&(e._d=!0,t=Bo,Po())}if(S(e)){const t=Ut(e);e=t}return e=Xo(e),t&&!e.dynamicChildren&&(e.dynamicChildren=t.filter((t=>t!==e))),e}function Xt(e,t){t&&t.pendingBranch?S(e)?t.effects.push(...e):t.effects.push(e):Kr(e)}function Zt(e,t){e.activeBranch=t;const{vnode:n,parentComponent:o}=e,r=n.el=t.el;o&&o.subTree===n&&(o.vnode.el=r,Wt(o,r))}function Qt(e,t){if(ir){let n=ir.provides;const o=ir.parent&&ir.parent.provides;o===n&&(n=ir.provides=Object.create(o)),n[e]=t}else;}function Yt(e,t,n=!1){const o=ir||It;if(o){const r=null==o.parent?o.vnode.appContext&&o.vnode.appContext.provides:o.parent.provides;if(r&&e in r)return r[e];if(arguments.length>1)return n&&T(t)?t.call(o.proxy):t}}function en(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return En((()=>{e.isMounted=!0})),Tn((()=>{e.isUnmounting=!0})),e}const tn=[Function,Array],nn={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:tn,onEnter:tn,onAfterEnter:tn,onEnterCancelled:tn,onBeforeLeave:tn,onLeave:tn,onAfterLeave:tn,onLeaveCancelled:tn,onBeforeAppear:tn,onAppear:tn,onAfterAppear:tn,onAppearCancelled:tn},setup(e,{slots:t}){const n=cr(),o=en();let r;return()=>{const s=t.default&&an(t.default(),!0);if(!s||!s.length)return;const l=vt(e),{mode:i}=l,c=s[0];if(o.isLeaving)return sn(c);const a=ln(c);if(!a)return sn(c);const u=rn(a,l,o,n);cn(a,u);const f=n.subTree,p=f&&ln(f);let d=!1;const{getTransitionKey:h}=a.type;if(h){const e=h();void 0===r?r=e:e!==r&&(r=e,d=!0)}if(p&&p.type!==Ro&&(!Uo(a,p)||d)){const e=rn(p,l,o,n);if(cn(p,e),"out-in"===i)return o.isLeaving=!0,e.afterLeave=()=>{o.isLeaving=!1,n.update()},sn(c);"in-out"===i&&a.type!==Ro&&(e.delayLeave=(e,t,n)=>{on(o,p)[String(p.key)]=p,e._leaveCb=()=>{t(),e._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=n})}return c}}};function on(e,t){const{leavingVNodes:n}=e;let o=n.get(t.type);return o||(o=Object.create(null),n.set(t.type,o)),o}function rn(e,t,n,o){const{appear:r,mode:s,persisted:l=!1,onBeforeEnter:i,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:f,onLeave:p,onAfterLeave:d,onLeaveCancelled:h,onBeforeAppear:m,onAppear:v,onAfterAppear:g,onAppearCancelled:y}=t,_=String(e.key),b=on(n,e),C=(e,t)=>{e&&Ar(e,o,9,t)},x={mode:s,persisted:l,beforeEnter(t){let o=i;if(!n.isMounted){if(!r)return;o=m||i}t._leaveCb&&t._leaveCb(!0);const s=b[_];s&&Uo(e,s)&&s.el._leaveCb&&s.el._leaveCb(),C(o,[t])},enter(e){let t=c,o=a,s=u;if(!n.isMounted){if(!r)return;t=v||c,o=g||a,s=y||u}let l=!1;const i=e._enterCb=t=>{l||(l=!0,C(t?s:o,[e]),x.delayedLeave&&x.delayedLeave(),e._enterCb=void 0)};t?(t(e,i),t.length<=1&&i()):i()},leave(t,o){const r=String(e.key);if(t._enterCb&&t._enterCb(!0),n.isUnmounting)return o();C(f,[t]);let s=!1;const l=t._leaveCb=n=>{s||(s=!0,o(),C(n?h:d,[t]),t._leaveCb=void 0,b[r]===e&&delete b[r])};b[r]=e,p?(p(t,l),p.length<=1&&l()):l()},clone:e=>rn(e,t,n,o)};return x}function sn(e){if(dn(e))return(e=qo(e)).children=null,e}function ln(e){return dn(e)?e.children?e.children[0]:void 0:e}function cn(e,t){6&e.shapeFlag&&e.component?cn(e.component.subTree,t):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function an(e,t=!1){let n=[],o=0;for(let r=0;r<e.length;r++){const s=e[r];s.type===To?(128&s.patchFlag&&o++,n=n.concat(an(s.children,t))):(t||s.type!==Ro)&&n.push(s)}if(o>1)for(let r=0;r<n.length;r++)n[r].patchFlag=-2;return n}function un(e){return T(e)?{setup:e,name:e.name}:e}const fn=e=>!!e.type.__asyncLoader;function pn(e,{vnode:{ref:t,props:n,children:o}}){const r=Ko(e,n,o);return r.ref=t,r}const dn=e=>e.type.__isKeepAlive,hn={name:"KeepAlive",__isKeepAlive:!0,props:{include:[String,RegExp,Array],exclude:[String,RegExp,Array],max:[String,Number]},setup(e,{slots:t}){const n=cr(),o=n.ctx;if(!o.renderer)return t.default;const r=new Map,s=new Set;let l=null;const i=n.suspense,{renderer:{p:c,m:a,um:u,o:{createElement:f}}}=o,p=f("div");function d(e){bn(e),u(e,n,i)}function h(e){r.forEach(((t,n)=>{const o=br(t.type);!o||e&&e(o)||m(n)}))}function m(e){const t=r.get(e);l&&t.type===l.type?l&&bn(l):d(t),r.delete(e),s.delete(e)}o.activate=(e,t,n,o,r)=>{const s=e.component;a(e,t,n,0,i),c(s.vnode,e,t,n,s,i,o,e.slotScopeIds,r),fo((()=>{s.isDeactivated=!1,s.a&&K(s.a);const t=e.props&&e.props.onVnodeMounted;t&&go(t,s.parent,e)}),i)},o.deactivate=e=>{const t=e.component;a(e,p,null,1,i),fo((()=>{t.da&&K(t.da);const n=e.props&&e.props.onVnodeUnmounted;n&&go(n,t.parent,e),t.isDeactivated=!0}),i)},Yr((()=>[e.include,e.exclude]),(([e,t])=>{e&&h((t=>mn(e,t))),t&&h((e=>!mn(t,e)))}),{flush:"post",deep:!0});let v=null;const g=()=>{null!=v&&r.set(v,Cn(n.subTree))};return En(g),An(g),Tn((()=>{r.forEach((e=>{const{subTree:t,suspense:o}=n,r=Cn(t);if(e.type!==r.type)d(e);else{bn(r);const e=r.component.da;e&&fo(e,o)}}))})),()=>{if(v=null,!t.default)return null;const n=t.default(),o=n[0];if(n.length>1)return l=null,n;if(!(jo(o)&&(4&o.shapeFlag||128&o.shapeFlag)))return l=null,o;let i=Cn(o);const c=i.type,a=br(fn(i)?i.type.__asyncResolved||{}:c),{include:u,exclude:f,max:p}=e;if(u&&(!a||!mn(u,a))||f&&a&&mn(f,a))return l=i,o;const d=null==i.key?c:i.key,h=r.get(d);return i.el&&(i=qo(i),128&o.shapeFlag&&(o.ssContent=i)),v=d,h?(i.el=h.el,i.component=h.component,i.transition&&cn(i,i.transition),i.shapeFlag|=512,s.delete(d),s.add(d)):(s.add(d),p&&s.size>parseInt(p,10)&&m(s.values().next().value)),i.shapeFlag|=256,l=i,o}}};function mn(e,t){return S(e)?e.some((e=>mn(e,t))):F(e)?e.split(",").indexOf(t)>-1:!!e.test&&e.test(t)}function vn(e,t){yn(e,"a",t)}function gn(e,t){yn(e,"da",t)}function yn(e,t,n=ir){const o=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(xn(t,o,n),n){let e=n.parent;for(;e&&e.parent;)dn(e.parent.vnode)&&_n(o,t,n,e),e=e.parent}}function _n(e,t,n,o){const r=xn(t,e,o,!0);Fn((()=>{C(o[t],r)}),n)}function bn(e){let t=e.shapeFlag;256&t&&(t-=256),512&t&&(t-=512),e.shapeFlag=t}function Cn(e){return 128&e.shapeFlag?e.ssContent:e}function xn(e,t,n=ir,o=!1){if(n){const r=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{if(n.isUnmounted)return;de(),ar(n);const r=Ar(t,n,e,o);return ur(),he(),r});return o?r.unshift(s):r.push(s),s}}const wn=e=>(t,n=ir)=>(!hr||"sp"===e)&&xn(e,t,n),Sn=wn("bm"),En=wn("m"),kn=wn("bu"),An=wn("u"),Tn=wn("bum"),Fn=wn("um"),Rn=wn("sp"),Mn=wn("rtg"),On=wn("rtc");function Bn(e,t=ir){xn("ec",e,t)}let Nn=!0;function Pn(e){const t=$n(e),n=e.proxy,o=e.ctx;Nn=!1,t.beforeCreate&&In(t.beforeCreate,e,"bc");const{data:r,computed:s,methods:l,watch:i,provide:c,inject:a,created:u,beforeMount:f,mounted:p,beforeUpdate:d,updated:h,activated:v,deactivated:g,beforeUnmount:y,unmounted:_,render:b,renderTracked:C,renderTriggered:x,errorCaptured:w,serverPrefetch:E,expose:k,inheritAttrs:A,components:F,directives:R}=t;if(a&&function(e,t,n=m,o=!1){S(e)&&(e=Dn(e));for(const r in e){const n=e[r];let s;s=M(n)?"default"in n?Yt(n.from||r,n.default,!0):Yt(n.from||r):Yt(n),Ct(s)&&o?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:e=>s.value=e}):t[r]=s}}(a,o,null,e.appContext.config.unwrapInjectedRef),l)for(const m in l){const e=l[m];T(e)&&(o[m]=e.bind(n))}if(r){const t=r.call(n,n);M(t)&&(e.data=at(t))}if(Nn=!0,s)for(const S in s){const e=s[S],t=Ot({get:T(e)?e.bind(n,n):T(e.get)?e.get.bind(n,n):m,set:!T(e)&&T(e.set)?e.set.bind(n):m});Object.defineProperty(o,S,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}if(i)for(const m in i)Vn(i[m],o,n,m);if(c){const e=T(c)?c.call(n):c;Reflect.ownKeys(e).forEach((t=>{Qt(t,e[t])}))}function O(e,t){S(t)?t.forEach((t=>e(t.bind(n)))):t&&e(t.bind(n))}if(u&&In(u,e,"c"),O(Sn,f),O(En,p),O(kn,d),O(An,h),O(vn,v),O(gn,g),O(Bn,w),O(On,C),O(Mn,x),O(Tn,y),O(Fn,_),O(Rn,E),S(k))if(k.length){const t=e.exposed||(e.exposed={});k.forEach((e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t})}))}else e.exposed||(e.exposed={});b&&e.render===m&&(e.render=b),null!=A&&(e.inheritAttrs=A),F&&(e.components=F),R&&(e.directives=R)}function In(e,t,n){Ar(S(e)?e.map((e=>e.bind(t.proxy))):e.bind(t.proxy),t,n)}function Vn(e,t,n,o){const r=o.includes(".")?ns(n,o):()=>n[o];if(F(e)){const n=t[e];T(n)&&Yr(r,n)}else if(T(e))Yr(r,e.bind(n));else if(M(e))if(S(e))e.forEach((e=>Vn(e,t,n,o)));else{const o=T(e.handler)?e.handler.bind(n):t[e.handler];T(o)&&Yr(r,o,e)}}function $n(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:s,config:{optionMergeStrategies:l}}=e.appContext,i=s.get(t);let c;return i?c=i:r.length||n||o?(c={},r.length&&r.forEach((e=>Ln(c,e,l,!0))),Ln(c,t,l)):c=t,s.set(t,c),c}function Ln(e,t,n,o=!1){const{mixins:r,extends:s}=t;s&&Ln(e,s,n,!0),r&&r.forEach((t=>Ln(e,t,n,!0)));for(const l in t)if(o&&"expose"===l);else{const o=jn[l]||n&&n[l];e[l]=o?o(e[l],t[l]):t[l]}return e}const jn={data:Un,props:zn,emits:zn,methods:zn,computed:zn,beforeCreate:Hn,created:Hn,beforeMount:Hn,mounted:Hn,beforeUpdate:Hn,updated:Hn,beforeDestroy:Hn,destroyed:Hn,activated:Hn,deactivated:Hn,errorCaptured:Hn,serverPrefetch:Hn,components:zn,directives:zn,watch:function(e,t){if(!e)return t;if(!t)return e;const n=b(Object.create(null),e);for(const o in t)n[o]=Hn(e[o],t[o]);return n},provide:Un,inject:function(e,t){return zn(Dn(e),Dn(t))}};function Un(e,t){return t?e?function(){return b(T(e)?e.call(this,this):e,T(t)?t.call(this,this):t)}:t:e}function Dn(e){if(S(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function Hn(e,t){return e?[...new Set([].concat(e,t))]:t}function zn(e,t){return e?b(b(Object.create(null),e),t):t}function Wn(e,t,n,o){const[r,s]=e.propsOptions;let l,i=!1;if(t)for(let c in t){if(V(c))continue;const a=t[c];let u;r&&w(r,u=j(c))?s&&s.includes(u)?(l||(l={}))[u]=a:n[u]=a:Pt(e.emitsOptions,c)||a!==o[c]&&(o[c]=a,i=!0)}if(s){const t=vt(n),o=l||d;for(let l=0;l<s.length;l++){const i=s[l];n[i]=Kn(r,t,i,o[i],e,!w(o,i))}}return i}function Kn(e,t,n,o,r,s){const l=e[n];if(null!=l){const e=w(l,"default");if(e&&void 0===o){const e=l.default;if(l.type!==Function&&T(e)){const{propsDefaults:s}=r;n in s?o=s[n]:(ar(r),o=s[n]=e.call(null,t),ur())}else o=e}l[0]&&(s&&!e?o=!1:!l[1]||""!==o&&o!==D(n)||(o=!0))}return o}function Gn(e,t,n=!1){const o=t.propsCache,r=o.get(e);if(r)return r;const s=e.props,l={},i=[];let c=!1;if(!T(e)){const o=e=>{c=!0;const[n,o]=Gn(e,t,!0);b(l,n),o&&i.push(...o)};!n&&t.mixins.length&&t.mixins.forEach(o),e.extends&&o(e.extends),e.mixins&&e.mixins.forEach(o)}if(!s&&!c)return o.set(e,h),h;if(S(s))for(let u=0;u<s.length;u++){const e=j(s[u]);qn(e)&&(l[e]=d)}else if(s)for(const u in s){const e=j(u);if(qn(e)){const t=s[u],n=l[e]=S(t)||T(t)?{type:t}:t;if(n){const t=Zn(Boolean,n.type),o=Zn(String,n.type);n[0]=t>-1,n[1]=o<0||t<o,(t>-1||w(n,"default"))&&i.push(e)}}}const a=[l,i];return o.set(e,a),a}function qn(e){return"$"!==e[0]}function Jn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:null===e?"null":""}function Xn(e,t){return Jn(e)===Jn(t)}function Zn(e,t){return S(t)?t.findIndex((t=>Xn(t,e))):T(t)&&Xn(t,e)?0:-1}const Qn=e=>"_"===e[0]||"$stable"===e,Yn=e=>S(e)?e.map(Xo):[Xo(e)],eo=(e,t,n)=>{const o=Lt(((...e)=>Yn(t(...e))),n);return o._c=!1,o},to=(e,t,n)=>{const o=e._ctx;for(const r in e){if(Qn(r))continue;const n=e[r];if(T(n))t[r]=eo(0,n,o);else if(null!=n){const e=Yn(n);t[r]=()=>e}}},no=(e,t)=>{const n=Yn(t);e.slots.default=()=>n};function oo(e,t,n,o){const r=e.dirs,s=t&&t.dirs;for(let l=0;l<r.length;l++){const i=r[l];s&&(i.oldValue=s[l].value);let c=i.dir[o];c&&(de(),Ar(c,n,8,[e.el,i,e,t]),he())}}function ro(){return{app:null,config:{isNativeTag:v,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let so=0;function lo(e,t){return function(n,o=null){null==o||M(o)||(o=null);const r=ro(),s=new Set;let l=!1;const i=r.app={_uid:so++,_component:n,_props:o,_container:null,_context:r,_instance:null,version:cs,get config(){return r.config},set config(e){},use:(e,...t)=>(s.has(e)||(e&&T(e.install)?(s.add(e),e.install(i,...t)):T(e)&&(s.add(e),e(i,...t))),i),mixin:e=>(r.mixins.includes(e)||r.mixins.push(e),i),component:(e,t)=>t?(r.components[e]=t,i):r.components[e],directive:(e,t)=>t?(r.directives[e]=t,i):r.directives[e],mount(s,c,a){if(!l){const u=Ko(n,o);return u.appContext=r,c&&t?t(u,s):e(u,s,a),l=!0,i._container=s,s.__vue_app__=i,u.component.proxy}},unmount(){l&&(e(null,i._container),delete i._container.__vue_app__)},provide:(e,t)=>(r.provides[e]=t,i)};return i}}let io=!1;const co=e=>/svg/.test(e.namespaceURI)&&"foreignObject"!==e.tagName,ao=e=>8===e.nodeType;function uo(e){const{mt:t,p:n,o:{patchProp:o,nextSibling:r,parentNode:s,remove:l,insert:i,createComment:c}}=e,a=(n,o,l,i,c,m=!1)=>{const v=ao(n)&&"["===n.data,g=()=>d(n,o,l,i,c,v),{type:y,ref:_,shapeFlag:b}=o,C=n.nodeType;o.el=n;let x=null;switch(y){case Fo:3!==C?x=g():(n.data!==o.children&&(io=!0,n.data=o.children),x=r(n));break;case Ro:x=8!==C||v?g():r(n);break;case Mo:if(1===C){x=n;const e=!o.children.length;for(let t=0;t<o.staticCount;t++)e&&(o.children+=x.outerHTML),t===o.staticCount-1&&(o.anchor=x),x=r(x);return x}x=g();break;case To:x=v?p(n,o,l,i,c,m):g();break;default:if(1&b)x=1!==C||o.type.toLowerCase()!==n.tagName.toLowerCase()?g():u(n,o,l,i,c,m);else if(6&b){o.slotScopeIds=c;const e=s(n);if(t(o,e,null,l,i,co(e),m),x=v?h(n):r(n),fn(o)){let t;v?(t=Ko(To),t.anchor=x?x.previousSibling:e.lastChild):t=3===n.nodeType?Jo(""):Ko("div"),t.el=n,o.component.subTree=t}}else 64&b?x=8!==C?g():o.type.hydrate(n,o,l,i,c,m,e,f):128&b&&(x=o.type.hydrate(n,o,l,i,co(s(n)),c,m,e,a))}return null!=_&&vo(_,null,i,o),x},u=(e,t,n,r,s,i)=>{i=i||!!t.dynamicChildren;const{type:c,props:a,patchFlag:u,shapeFlag:p,dirs:d}=t,h="input"===c&&d||"option"===c;if(h||-1!==u){if(d&&oo(t,null,n,"created"),a)if(h||!i||48&u)for(const t in a)(h&&t.endsWith("value")||y(t)&&!V(t))&&o(e,t,null,a[t]);else a.onClick&&o(e,"onClick",null,a.onClick);let c;if((c=a&&a.onVnodeBeforeMount)&&go(c,n,t),d&&oo(t,null,n,"beforeMount"),((c=a&&a.onVnodeMounted)||d)&&Xt((()=>{c&&go(c,n,t),d&&oo(t,null,n,"mounted")}),r),16&p&&(!a||!a.innerHTML&&!a.textContent)){let o=f(e.firstChild,t,e,n,r,s,i);for(;o;){io=!0;const e=o;o=o.nextSibling,l(e)}}else 8&p&&e.textContent!==t.children&&(io=!0,e.textContent=t.children)}return e.nextSibling},f=(e,t,o,r,s,l,i)=>{i=i||!!t.dynamicChildren;const c=t.children,u=c.length;for(let f=0;f<u;f++){const t=i?c[f]:c[f]=Xo(c[f]);if(e)e=a(e,t,r,s,l,i);else{if(t.type===Fo&&!t.children)continue;io=!0,n(null,t,o,null,r,s,co(o),l)}}return e},p=(e,t,n,o,l,a)=>{const{slotScopeIds:u}=t;u&&(l=l?l.concat(u):u);const p=s(e),d=f(r(e),t,p,n,o,l,a);return d&&ao(d)&&"]"===d.data?r(t.anchor=d):(io=!0,i(t.anchor=c("]"),p,d),d)},d=(e,t,o,i,c,a)=>{if(io=!0,t.el=null,a){const t=h(e);for(;;){const n=r(e);if(!n||n===t)break;l(n)}}const u=r(e),f=s(e);return l(e),n(null,t,f,u,o,i,co(f),c),u},h=e=>{let t=0;for(;e;)if((e=r(e))&&ao(e)&&("["===e.data&&t++,"]"===e.data)){if(0===t)return r(e);t--}return e};return[(e,t)=>{if(!t.hasChildNodes())return n(null,e,t),void qr();io=!1,a(t.firstChild,e,null,null,null),qr(),io&&console.error("Hydration completed but contains mismatches.")},a]}const fo=Xt;function po(e){return mo(e)}function ho(e){return mo(e,uo)}function mo(e,t){const{insert:n,remove:o,patchProp:r,createElement:s,createText:l,createComment:i,setText:c,setElementText:a,parentNode:u,nextSibling:f,setScopeId:p=m,cloneNode:v,insertStaticContent:g}=e,y=(e,t,n,o=null,r=null,s=null,l=!1,i=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Uo(e,t)&&(o=Y(e),W(e,r,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:f}=t;switch(a){case Fo:_(e,t,n,o);break;case Ro:C(e,t,n,o);break;case Mo:null==e&&x(t,n,o,l);break;case To:M(e,t,n,o,r,s,l,i,c);break;default:1&f?S(e,t,n,o,r,s,l,i,c):6&f?B(e,t,n,o,r,s,l,i,c):(64&f||128&f)&&a.process(e,t,n,o,r,s,l,i,c,te)}null!=u&&r&&vo(u,e&&e.ref,s,t||e,!t)},_=(e,t,o,r)=>{if(null==e)n(t.el=l(t.children),o,r);else{const n=t.el=e.el;t.children!==e.children&&c(n,t.children)}},C=(e,t,o,r)=>{null==e?n(t.el=i(t.children||""),o,r):t.el=e.el},x=(e,t,n,o)=>{[e.el,e.anchor]=g(e.children,t,n,o)},S=(e,t,n,o,r,s,l,i,c)=>{l=l||"svg"===t.type,null==e?E(t,n,o,r,s,l,i,c):T(e,t,r,s,l,i,c)},E=(e,t,o,l,i,c,u,f)=>{let p,d;const{type:h,props:m,shapeFlag:g,transition:y,patchFlag:_,dirs:b}=e;if(e.el&&void 0!==v&&-1===_)p=e.el=v(e.el);else{if(p=e.el=s(e.type,c,m&&m.is,m),8&g?a(p,e.children):16&g&&A(e.children,p,null,l,i,c&&"foreignObject"!==h,u,f),b&&oo(e,null,l,"created"),m){for(const t in m)"value"===t||V(t)||r(p,t,null,m[t],c,e.children,l,i,Q);"value"in m&&r(p,"value",null,m.value),(d=m.onVnodeBeforeMount)&&go(d,l,e)}k(p,e,e.scopeId,u,l)}b&&oo(e,null,l,"beforeMount");const C=(!i||i&&!i.pendingBranch)&&y&&!y.persisted;C&&y.beforeEnter(p),n(p,t,o),((d=m&&m.onVnodeMounted)||C||b)&&fo((()=>{d&&go(d,l,e),C&&y.enter(p),b&&oo(e,null,l,"mounted")}),i)},k=(e,t,n,o,r)=>{if(n&&p(e,n),o)for(let s=0;s<o.length;s++)p(e,o[s]);if(r){if(t===r.subTree){const t=r.vnode;k(e,t,t.scopeId,t.slotScopeIds,r.parent)}}},A=(e,t,n,o,r,s,l,i,c=0)=>{for(let a=c;a<e.length;a++){const c=e[a]=i?Zo(e[a]):Xo(e[a]);y(null,c,t,n,o,r,s,l,i)}},T=(e,t,n,o,s,l,i)=>{const c=t.el=e.el;let{patchFlag:u,dynamicChildren:f,dirs:p}=t;u|=16&e.patchFlag;const h=e.props||d,m=t.props||d;let v;(v=m.onVnodeBeforeUpdate)&&go(v,n,t,e),p&&oo(t,e,n,"beforeUpdate");const g=s&&"foreignObject"!==t.type;if(f?F(e.dynamicChildren,f,c,n,o,g,l):i||L(e,t,c,null,n,o,g,l,!1),u>0){if(16&u)R(c,t,h,m,n,o,s);else if(2&u&&h.class!==m.class&&r(c,"class",null,m.class,s),4&u&&r(c,"style",h.style,m.style,s),8&u){const l=t.dynamicProps;for(let t=0;t<l.length;t++){const i=l[t],a=h[i],u=m[i];u===a&&"value"!==i||r(c,i,a,u,s,e.children,n,o,Q)}}1&u&&e.children!==t.children&&a(c,t.children)}else i||null!=f||R(c,t,h,m,n,o,s);((v=m.onVnodeUpdated)||p)&&fo((()=>{v&&go(v,n,t,e),p&&oo(t,e,n,"updated")}),o)},F=(e,t,n,o,r,s,l)=>{for(let i=0;i<t.length;i++){const c=e[i],a=t[i],f=c.el&&(c.type===To||!Uo(c,a)||70&c.shapeFlag)?u(c.el):n;y(c,a,f,null,o,r,s,l,!0)}},R=(e,t,n,o,s,l,i)=>{if(n!==o){for(const c in o){if(V(c))continue;const a=o[c],u=n[c];a!==u&&"value"!==c&&r(e,c,u,a,i,t.children,s,l,Q)}if(n!==d)for(const c in n)V(c)||c in o||r(e,c,n[c],null,i,t.children,s,l,Q);"value"in o&&r(e,"value",n.value,o.value)}},M=(e,t,o,r,s,i,c,a,u)=>{const f=t.el=e?e.el:l(""),p=t.anchor=e?e.anchor:l("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:m}=t;m&&(a=a?a.concat(m):m),null==e?(n(f,o,r),n(p,o,r),A(t.children,o,p,s,i,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?(F(e.dynamicChildren,h,o,s,i,c,a),(null!=t.key||s&&t===s.subTree)&&yo(e,t,!0)):L(e,t,o,p,s,i,c,a,u)},B=(e,t,n,o,r,s,l,i,c)=>{t.slotScopeIds=i,null==e?512&t.shapeFlag?r.ctx.activate(t,n,o,l,c):N(t,n,o,r,s,l,c):P(e,t,c)},N=(e,t,n,o,r,s,l)=>{const i=e.component=function(e,t,n){const o=e.type,r=(t?t.appContext:e.appContext)||sr,s={uid:lr++,vnode:e,type:o,parent:t,appContext:r,root:null,next:null,subTree:null,update:null,scope:new Z(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Gn(o,r),emitsOptions:Nt(o,r),emit:null,emitted:null,propsDefaults:d,inheritAttrs:o.inheritAttrs,ctx:d,data:d,props:d,attrs:d,slots:d,refs:d,setupState:d,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};s.ctx={_:s},s.root=t?t.root:s,s.emit=Bt.bind(null,s),e.ce&&e.ce(s);return s}(e,o,r);if(dn(e)&&(i.ctx.renderer=te),function(e,t=!1){hr=t;const{props:n,children:o}=e.vnode,r=fr(e);(function(e,t,n,o=!1){const r={},s={};G(s,Do,1),e.propsDefaults=Object.create(null),Wn(e,t,r,s);for(const l in e.propsOptions[0])l in r||(r[l]=void 0);e.props=n?o?r:ut(r):e.type.props?r:s,e.attrs=s})(e,n,r,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=vt(t),G(t,"_",n)):to(t,e.slots={})}else e.slots={},t&&no(e,t);G(e.slots,Do,1)})(e,o);const s=r?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=gt(new Proxy(e.ctx,or));const{setup:o}=n;if(o){const n=e.setupContext=o.length>1?gr(e):null;ar(e),de();const r=kr(o,e,0,[e.props,n]);if(he(),ur(),O(r)){if(r.then(ur,ur),t)return r.then((t=>{mr(e,t)})).catch((t=>{Tr(t,e,0)}));e.asyncDep=r}else mr(e,r)}else vr(e)}(e,t):void 0;hr=!1}(i),i.asyncDep){if(r&&r.registerDep(i,I),!e.el){const e=i.subTree=Ko(Ro);C(null,e,t,n)}}else I(i,e,t,n,r,s,l)},P=(e,t,n)=>{const o=t.component=e.component;if(function(e,t,n){const{props:o,children:r,component:s}=e,{props:l,children:i,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!r&&!i||i&&i.$stable)||o!==l&&(o?!l||zt(o,l,a):!!l);if(1024&c)return!0;if(16&c)return o?zt(o,l,a):!!l;if(8&c){const e=t.dynamicProps;for(let t=0;t<e.length;t++){const n=e[t];if(l[n]!==o[n]&&!Pt(a,n))return!0}}return!1}(e,t,n)){if(o.asyncDep&&!o.asyncResolved)return void $(o,t,n);o.next=t,function(e){const t=Mr.indexOf(e);t>Or&&Mr.splice(t,1)}(o.update),o.update()}else t.component=e.component,t.el=e.el,o.vnode=t},I=(e,t,n,o,r,s,l)=>{const i=new ae((()=>{if(e.isMounted){let t,{next:n,bu:o,u:c,parent:a,vnode:f}=e,p=n;i.allowRecurse=!1,n?(n.el=f.el,$(e,n,l)):n=f,o&&K(o),(t=n.props&&n.props.onVnodeBeforeUpdate)&&go(t,a,n,f),i.allowRecurse=!0;const d=jt(e),h=e.subTree;e.subTree=d,y(h,d,u(h.el),Y(h),e,r,s),n.el=d.el,null===p&&Wt(e,d.el),c&&fo(c,r),(t=n.props&&n.props.onVnodeUpdated)&&fo((()=>go(t,a,n,f)),r)}else{let l;const{el:c,props:a}=t,{bm:u,m:f,parent:p}=e,d=fn(t);if(i.allowRecurse=!1,u&&K(u),!d&&(l=a&&a.onVnodeBeforeMount)&&go(l,p,t),i.allowRecurse=!0,c&&oe){const n=()=>{e.subTree=jt(e),oe(c,e.subTree,e,r,null)};d?t.type.__asyncLoader().then((()=>!e.isUnmounted&&n())):n()}else{const l=e.subTree=jt(e);y(null,l,n,o,e,r,s),t.el=l.el}if(f&&fo(f,r),!d&&(l=a&&a.onVnodeMounted)){const e=t;fo((()=>go(l,p,e)),r)}256&t.shapeFlag&&e.a&&fo(e.a,r),e.isMounted=!0,t=n=o=null}}),(()=>Hr(e.update)),e.scope),c=e.update=i.run.bind(i);c.id=e.uid,i.allowRecurse=c.allowRecurse=!0,c()},$=(e,t,n)=>{t.component=e;const o=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,o){const{props:r,attrs:s,vnode:{patchFlag:l}}=e,i=vt(r),[c]=e.propsOptions;let a=!1;if(!(o||l>0)||16&l){let o;Wn(e,t,r,s)&&(a=!0);for(const s in i)t&&(w(t,s)||(o=D(s))!==s&&w(t,o))||(c?!n||void 0===n[s]&&void 0===n[o]||(r[s]=Kn(c,i,s,void 0,e,!0)):delete r[s]);if(s!==i)for(const e in s)t&&w(t,e)||(delete s[e],a=!0)}else if(8&l){const n=e.vnode.dynamicProps;for(let o=0;o<n.length;o++){let l=n[o];const u=t[l];if(c)if(w(s,l))u!==s[l]&&(s[l]=u,a=!0);else{const t=j(l);r[t]=Kn(c,i,t,u,e,!1)}else u!==s[l]&&(s[l]=u,a=!0)}}a&&ye(e,"set","$attrs")}(e,t.props,o,n),((e,t,n)=>{const{vnode:o,slots:r}=e;let s=!0,l=d;if(32&o.shapeFlag){const e=t._;e?n&&1===e?s=!1:(b(r,t),n||1!==e||delete r._):(s=!t.$stable,to(t,r)),l=t}else t&&(no(e,t),l={default:1});if(s)for(const i in r)Qn(i)||i in l||delete r[i]})(e,t.children,n),de(),Gr(void 0,e.update),he()},L=(e,t,n,o,r,s,l,i,c=!1)=>{const u=e&&e.children,f=e?e.shapeFlag:0,p=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void H(u,p,n,o,r,s,l,i,c);if(256&d)return void U(u,p,n,o,r,s,l,i,c)}8&h?(16&f&&Q(u,r,s),p!==u&&a(n,p)):16&f?16&h?H(u,p,n,o,r,s,l,i,c):Q(u,r,s,!0):(8&f&&a(n,""),16&h&&A(p,n,o,r,s,l,i,c))},U=(e,t,n,o,r,s,l,i,c)=>{const a=(e=e||h).length,u=(t=t||h).length,f=Math.min(a,u);let p;for(p=0;p<f;p++){const o=t[p]=c?Zo(t[p]):Xo(t[p]);y(e[p],o,n,null,r,s,l,i,c)}a>u?Q(e,r,s,!0,!1,f):A(t,n,o,r,s,l,i,c,f)},H=(e,t,n,o,r,s,l,i,c)=>{let a=0;const u=t.length;let f=e.length-1,p=u-1;for(;a<=f&&a<=p;){const o=e[a],u=t[a]=c?Zo(t[a]):Xo(t[a]);if(!Uo(o,u))break;y(o,u,n,null,r,s,l,i,c),a++}for(;a<=f&&a<=p;){const o=e[f],a=t[p]=c?Zo(t[p]):Xo(t[p]);if(!Uo(o,a))break;y(o,a,n,null,r,s,l,i,c),f--,p--}if(a>f){if(a<=p){const e=p+1,f=e<u?t[e].el:o;for(;a<=p;)y(null,t[a]=c?Zo(t[a]):Xo(t[a]),n,f,r,s,l,i,c),a++}}else if(a>p)for(;a<=f;)W(e[a],r,s,!0),a++;else{const d=a,m=a,v=new Map;for(a=m;a<=p;a++){const e=t[a]=c?Zo(t[a]):Xo(t[a]);null!=e.key&&v.set(e.key,a)}let g,_=0;const b=p-m+1;let C=!1,x=0;const w=new Array(b);for(a=0;a<b;a++)w[a]=0;for(a=d;a<=f;a++){const o=e[a];if(_>=b){W(o,r,s,!0);continue}let u;if(null!=o.key)u=v.get(o.key);else for(g=m;g<=p;g++)if(0===w[g-m]&&Uo(o,t[g])){u=g;break}void 0===u?W(o,r,s,!0):(w[u-m]=a+1,u>=x?x=u:C=!0,y(o,t[u],n,null,r,s,l,i,c),_++)}const S=C?function(e){const t=e.slice(),n=[0];let o,r,s,l,i;const c=e.length;for(o=0;o<c;o++){const c=e[o];if(0!==c){if(r=n[n.length-1],e[r]<c){t[o]=r,n.push(o);continue}for(s=0,l=n.length-1;s<l;)i=s+l>>1,e[n[i]]<c?s=i+1:l=i;c<e[n[s]]&&(s>0&&(t[o]=n[s-1]),n[s]=o)}}s=n.length,l=n[s-1];for(;s-- >0;)n[s]=l,l=t[l];return n}(w):h;for(g=S.length-1,a=b-1;a>=0;a--){const e=m+a,f=t[e],p=e+1<u?t[e+1].el:o;0===w[a]?y(null,f,n,p,r,s,l,i,c):C&&(g<0||a!==S[g]?z(f,n,p,2):g--)}}},z=(e,t,o,r,s=null)=>{const{el:l,type:i,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void z(e.component.subTree,t,o,r);if(128&u)return void e.suspense.move(t,o,r);if(64&u)return void i.move(e,t,o,te);if(i===To){n(l,t,o);for(let e=0;e<a.length;e++)z(a[e],t,o,r);return void n(e.anchor,t,o)}if(i===Mo)return void(({el:e,anchor:t},o,r)=>{let s;for(;e&&e!==t;)s=f(e),n(e,o,r),e=s;n(t,o,r)})(e,t,o);if(2!==r&&1&u&&c)if(0===r)c.beforeEnter(l),n(l,t,o),fo((()=>c.enter(l)),s);else{const{leave:e,delayLeave:r,afterLeave:s}=c,i=()=>n(l,t,o),a=()=>{e(l,(()=>{i(),s&&s()}))};r?r(l,i,a):a()}else n(l,t,o)},W=(e,t,n,o=!1,r=!1)=>{const{type:s,props:l,ref:i,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:f,dirs:p}=e;if(null!=i&&vo(i,null,n,e,!0),256&u)return void t.ctx.deactivate(e);const d=1&u&&p,h=!fn(e);let m;if(h&&(m=l&&l.onVnodeBeforeUnmount)&&go(m,t,e),6&u)X(e.component,n,o);else{if(128&u)return void e.suspense.unmount(n,o);d&&oo(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,r,te,o):a&&(s!==To||f>0&&64&f)?Q(a,t,n,!1,!0):(s===To&&384&f||!r&&16&u)&&Q(c,t,n),o&&q(e)}(h&&(m=l&&l.onVnodeUnmounted)||d)&&fo((()=>{m&&go(m,t,e),d&&oo(e,null,t,"unmounted")}),n)},q=e=>{const{type:t,el:n,anchor:r,transition:s}=e;if(t===To)return void J(n,r);if(t===Mo)return void(({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=f(e),o(e),e=n;o(t)})(e);const l=()=>{o(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:o}=s,r=()=>t(n,l);o?o(e.el,l,r):r()}else l()},J=(e,t)=>{let n;for(;e!==t;)n=f(e),o(e),e=n;o(t)},X=(e,t,n)=>{const{bum:o,scope:r,update:s,subTree:l,um:i}=e;o&&K(o),r.stop(),s&&(s.active=!1,W(l,e,t,n)),i&&fo(i,t),fo((()=>{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},Q=(e,t,n,o=!1,r=!1,s=0)=>{for(let l=s;l<e.length;l++)W(e[l],t,n,o,r)},Y=e=>6&e.shapeFlag?Y(e.component.subTree):128&e.shapeFlag?e.suspense.next():f(e.anchor||e.el),ee=(e,t,n)=>{null==e?t._vnode&&W(t._vnode,null,null,!0):y(t._vnode||null,e,t,null,null,null,n),qr(),t._vnode=e},te={p:y,um:W,m:z,r:q,mt:N,mc:A,pc:L,pbc:F,n:Y,o:e};let ne,oe;return t&&([ne,oe]=t(te)),{render:ee,hydrate:ne,createApp:lo(ee,ne)}}function vo(e,t,n,o,r=!1){if(S(e))return void e.forEach(((e,s)=>vo(e,t&&(S(t)?t[s]:t),n,o,r)));if(fn(o)&&!r)return;const s=4&o.shapeFlag?yr(o.component)||o.component.proxy:o.el,l=r?null:s,{i:i,r:c}=e,a=t&&t.r,u=i.refs===d?i.refs={}:i.refs,f=i.setupState;if(null!=a&&a!==c&&(F(a)?(u[a]=null,w(f,a)&&(f[a]=null)):Ct(a)&&(a.value=null)),F(c)){const e=()=>{u[c]=l,w(f,c)&&(f[c]=l)};l?(e.id=-1,fo(e,n)):e()}else if(Ct(c)){const e=()=>{c.value=l};l?(e.id=-1,fo(e,n)):e()}else T(c)&&kr(c,i,12,[l,u])}function go(e,t,n,o=null){Ar(e,t,7,[n,o])}function yo(e,t,n=!1){const o=e.children,r=t.children;if(S(o)&&S(r))for(let s=0;s<o.length;s++){const e=o[s];let t=r[s];1&t.shapeFlag&&!t.dynamicChildren&&((t.patchFlag<=0||32===t.patchFlag)&&(t=r[s]=Zo(r[s]),t.el=e.el),n||yo(e,t))}}const _o=e=>e&&(e.disabled||""===e.disabled),bo=e=>"undefined"!=typeof SVGElement&&e instanceof SVGElement,Co=(e,t)=>{const n=e&&e.to;if(F(n)){if(t){return t(n)}return null}return n};function xo(e,t,n,{o:{insert:o},m:r},s=2){0===s&&o(e.targetAnchor,t,n);const{el:l,anchor:i,shapeFlag:c,children:a,props:u}=e,f=2===s;if(f&&o(l,t,n),(!f||_o(u))&&16&c)for(let p=0;p<a.length;p++)r(a[p],t,n,2);f&&o(i,t,n)}const wo={__isTeleport:!0,process(e,t,n,o,r,s,l,i,c,a){const{mc:u,pc:f,pbc:p,o:{insert:d,querySelector:h,createText:m}}=a,v=_o(t.props);let{shapeFlag:g,children:y,dynamicChildren:_}=t;if(null==e){const e=t.el=m(""),a=t.anchor=m("");d(e,n,o),d(a,n,o);const f=t.target=Co(t.props,h),p=t.targetAnchor=m("");f&&(d(p,f),l=l||bo(f));const _=(e,t)=>{16&g&&u(y,e,t,r,s,l,i,c)};v?_(n,a):f&&_(f,p)}else{t.el=e.el;const o=t.anchor=e.anchor,u=t.target=e.target,d=t.targetAnchor=e.targetAnchor,m=_o(e.props),g=m?n:u,y=m?o:d;if(l=l||bo(u),_?(p(e.dynamicChildren,_,g,r,s,l,i),yo(e,t,!0)):c||f(e,t,g,y,r,s,l,i,!1),v)m||xo(t,n,o,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const e=t.target=Co(t.props,h);e&&xo(t,e,null,a,0)}else m&&xo(t,u,d,a,1)}},remove(e,t,n,o,{um:r,o:{remove:s}},l){const{shapeFlag:i,children:c,anchor:a,targetAnchor:u,target:f,props:p}=e;if(f&&s(u),(l||!_o(p))&&(s(a),16&i))for(let d=0;d<c.length;d++){const e=c[d];r(e,t,n,!0,!!e.dynamicChildren)}},move:xo,hydrate:function(e,t,n,o,r,s,{o:{nextSibling:l,parentNode:i,querySelector:c}},a){const u=t.target=Co(t.props,c);if(u){const c=u._lpa||u.firstChild;16&t.shapeFlag&&(_o(t.props)?(t.anchor=a(l(e),t,i(e),n,o,r,s),t.targetAnchor=c):(t.anchor=l(e),t.targetAnchor=a(c,t,u,n,o,r,s)),u._lpa=t.targetAnchor&&l(t.targetAnchor))}return t.anchor&&l(t.anchor)}},So="components";const Eo=Symbol();function ko(e,t,n=!0,o=!1){const r=It||ir;if(r){const n=r.type;if(e===So){const e=br(n);if(e&&(e===t||e===j(t)||e===H(j(t))))return n}const s=Ao(r[e]||n[e],t)||Ao(r.appContext[e],t);return!s&&o?n:s}}function Ao(e,t){return e&&(e[t]||e[j(t)]||e[H(j(t))])}const To=Symbol(void 0),Fo=Symbol(void 0),Ro=Symbol(void 0),Mo=Symbol(void 0),Oo=[];let Bo=null;function No(e=!1){Oo.push(Bo=e?null:[])}function Po(){Oo.pop(),Bo=Oo[Oo.length-1]||null}let Io=1;function Vo(e){Io+=e}function $o(e){return e.dynamicChildren=Io>0?Bo||h:null,Po(),Io>0&&Bo&&Bo.push(e),e}function Lo(e,t,n,o,r){return $o(Ko(e,t,n,o,r,!0))}function jo(e){return!!e&&!0===e.__v_isVNode}function Uo(e,t){return e.type===t.type&&e.key===t.key}const Do="__vInternal",Ho=({key:e})=>null!=e?e:null,zo=({ref:e})=>null!=e?F(e)||Ct(e)||T(e)?{i:It,r:e}:e:null;function Wo(e,t=null,n=null,o=0,r=null,s=(e===To?0:1),l=!1,i=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ho(t),ref:t&&zo(t),scopeId:Vt,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null};return i?(Qo(c,n),128&s&&e.normalize(c)):n&&(c.shapeFlag|=F(n)?8:16),Io>0&&!l&&Bo&&(c.patchFlag>0||6&s)&&32!==c.patchFlag&&Bo.push(c),c}const Ko=function(e,t=null,n=null,o=0,r=null,l=!1){e&&e!==Eo||(e=Ro);if(jo(e)){const o=qo(e,t,!0);return n&&Qo(o,n),o}i=e,T(i)&&"__vccOpts"in i&&(e=e.__vccOpts);var i;if(t){t=Go(t);let{class:e,style:n}=t;e&&!F(e)&&(t.class=a(e)),M(n)&&(mt(n)&&!S(n)&&(n=b({},n)),t.style=s(n))}const c=F(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:M(e)?4:T(e)?2:0;return Wo(e,t,n,o,r,c,l,!0)};function Go(e){return e?mt(e)||Do in e?b({},e):e:null}function qo(e,t,n=!1){const{props:o,ref:r,patchFlag:s,children:l}=e,i=t?Yo(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:i,key:i&&Ho(i),ref:t&&t.ref?n&&r?S(r)?r.concat(zo(t)):[r,zo(t)]:zo(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==To?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&qo(e.ssContent),ssFallback:e.ssFallback&&qo(e.ssFallback),el:e.el,anchor:e.anchor}}function Jo(e=" ",t=0){return Ko(Fo,null,e,t)}function Xo(e){return null==e||"boolean"==typeof e?Ko(Ro):S(e)?Ko(To,null,e.slice()):"object"==typeof e?Zo(e):Ko(Fo,null,String(e))}function Zo(e){return null===e.el||e.memo?e:qo(e)}function Qo(e,t){let n=0;const{shapeFlag:o}=e;if(null==t)t=null;else if(S(t))n=16;else if("object"==typeof t){if(65&o){const n=t.default;return void(n&&(n._c&&(n._d=!1),Qo(e,n()),n._c&&(n._d=!0)))}{n=32;const o=t._;o||Do in t?3===o&&It&&(1===It.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=It}}else T(t)?(t={default:t,_ctx:It},n=32):(t=String(t),64&o?(n=16,t=[Jo(t)]):n=8);e.children=t,e.shapeFlag|=n}function Yo(...e){const t={};for(let n=0;n<e.length;n++){const o=e[n];for(const e in o)if("class"===e)t.class!==o.class&&(t.class=a([t.class,o.class]));else if("style"===e)t.style=s([t.style,o.style]);else if(y(e)){const n=t[e],r=o[e];n!==r&&(t[e]=n?[].concat(n,r):r)}else""!==e&&(t[e]=o[e])}return t}function er(e){return e.some((e=>!jo(e)||e.type!==Ro&&!(e.type===To&&!er(e.children))))?e:null}const tr=e=>e?fr(e)?yr(e)||e.proxy:tr(e.parent):null,nr=b(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>tr(e.parent),$root:e=>tr(e.root),$emit:e=>e.emit,$options:e=>$n(e),$forceUpdate:e=>()=>Hr(e.update),$nextTick:e=>Dr.bind(e.proxy),$watch:e=>ts.bind(e)}),or={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:l,type:i,appContext:c}=e;let a;if("$"!==t[0]){const i=l[t];if(void 0!==i)switch(i){case 0:return o[t];case 1:return r[t];case 3:return n[t];case 2:return s[t]}else{if(o!==d&&w(o,t))return l[t]=0,o[t];if(r!==d&&w(r,t))return l[t]=1,r[t];if((a=e.propsOptions[0])&&w(a,t))return l[t]=2,s[t];if(n!==d&&w(n,t))return l[t]=3,n[t];Nn&&(l[t]=4)}}const u=nr[t];let f,p;return u?("$attrs"===t&&me(e,0,t),u(e)):(f=i.__cssModules)&&(f=f[t])?f:n!==d&&w(n,t)?(l[t]=3,n[t]):(p=c.config.globalProperties,w(p,t)?p[t]:void 0)},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;if(r!==d&&w(r,t))r[t]=n;else if(o!==d&&w(o,t))o[t]=n;else if(w(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},l){let i;return void 0!==n[l]||e!==d&&w(e,l)||t!==d&&w(t,l)||(i=s[0])&&w(i,l)||w(o,l)||w(nr,l)||w(r.config.globalProperties,l)}},rr=b({},or,{get(e,t){if(t!==Symbol.unscopables)return or.get(e,t,e)},has:(e,t)=>"_"!==t[0]&&!n(t)}),sr=ro();let lr=0;let ir=null;const cr=()=>ir||It,ar=e=>{ir=e,e.scope.on()},ur=()=>{ir&&ir.scope.off(),ir=null};function fr(e){return 4&e.vnode.shapeFlag}let pr,dr,hr=!1;function mr(e,t,n){T(t)?e.render=t:M(t)&&(e.setupState=At(t)),vr(e)}function vr(e,t,n){const o=e.type;if(!e.render){if(pr&&!o.render){const t=o.template;if(t){const{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:s,compilerOptions:l}=o,i=b(b({isCustomElement:n,delimiters:s},r),l);o.render=pr(t,i)}}e.render=o.render||m,dr&&dr(e)}ar(e),de(),Pn(e),he(),ur()}function gr(e){const t=t=>{e.exposed=t||{}};let n;return{get attrs(){return n||(n=function(e){return new Proxy(e.attrs,{get:(t,n)=>(me(e,0,"$attrs"),t[n])})}(e))},slots:e.slots,emit:e.emit,expose:t}}function yr(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(At(gt(e.exposed)),{get:(t,n)=>n in t?t[n]:n in nr?nr[n](e):void 0}))}const _r=/(?:^|[-_])(\w)/g;function br(e){return T(e)&&e.displayName||e.name}function Cr(e,t,n=!1){let o=br(t);if(!o&&t.__file){const e=t.__file.match(/([^/\\]+)\.\w+$/);e&&(o=e[1])}if(!o&&e&&e.parent){const n=e=>{for(const n in e)if(e[n]===t)return n};o=n(e.components||e.parent.type.components)||n(e.appContext.components)}return o?o.replace(_r,(e=>e.toUpperCase())).replace(/[-_]/g,""):n?"App":"Anonymous"}const xr=[];function wr(e,...t){de();const n=xr.length?xr[xr.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=function(){let e=xr[xr.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}();if(o)kr(o,n,11,[e+t.join(""),n&&n.proxy,r.map((({vnode:e})=>`at <${Cr(n,e.type)}>`)).join("\n"),r]);else{const n=[`[Vue warn]: ${e}`,...t];r.length&&n.push("\n",...function(e){const t=[];return e.forEach(((e,n)=>{t.push(...0===n?[]:["\n"],...function({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=` at <${Cr(e.component,e.type,!!e.component&&null==e.component.parent)}`,r=">"+n;return e.props?[o,...Sr(e.props),r]:[o+r]}(e))})),t}(r)),console.warn(...n)}he()}function Sr(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach((n=>{t.push(...Er(n,e[n]))})),n.length>3&&t.push(" ..."),t}function Er(e,t,n){return F(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):"number"==typeof t||"boolean"==typeof t||null==t?n?t:[`${e}=${t}`]:Ct(t)?(t=Er(e,vt(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):T(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=vt(t),n?t:[`${e}=`,t])}function kr(e,t,n,o){let r;try{r=o?e(...o):e()}catch(s){Tr(s,t,n)}return r}function Ar(e,t,n,o){if(T(e)){const r=kr(e,t,n,o);return r&&O(r)&&r.catch((e=>{Tr(e,t,n)})),r}const r=[];for(let s=0;s<e.length;s++)r.push(Ar(e[s],t,n,o));return r}function Tr(e,t,n,o=!0){if(t){let o=t.parent;const r=t.proxy,s=n;for(;o;){const t=o.ec;if(t)for(let n=0;n<t.length;n++)if(!1===t[n](e,r,s))return;o=o.parent}const l=t.appContext.config.errorHandler;if(l)return void kr(l,null,10,[e,r,s])}!function(e,t,n,o=!0){console.error(e)}(e,0,0,o)}let Fr=!1,Rr=!1;const Mr=[];let Or=0;const Br=[];let Nr=null,Pr=0;const Ir=[];let Vr=null,$r=0;const Lr=Promise.resolve();let jr=null,Ur=null;function Dr(e){const t=jr||Lr;return e?t.then(this?e.bind(this):e):t}function Hr(e){Mr.length&&Mr.includes(e,Fr&&e.allowRecurse?Or+1:Or)||e===Ur||(null==e.id?Mr.push(e):Mr.splice(function(e){let t=Or+1,n=Mr.length;for(;t<n;){const o=t+n>>>1;Jr(Mr[o])<e?t=o+1:n=o}return t}(e.id),0,e),zr())}function zr(){Fr||Rr||(Rr=!0,jr=Lr.then(Xr))}function Wr(e,t,n,o){S(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?o+1:o)||n.push(e),zr()}function Kr(e){Wr(e,Vr,Ir,$r)}function Gr(e,t=null){if(Br.length){for(Ur=t,Nr=[...new Set(Br)],Br.length=0,Pr=0;Pr<Nr.length;Pr++)Nr[Pr]();Nr=null,Pr=0,Ur=null,Gr(e,t)}}function qr(e){if(Ir.length){const e=[...new Set(Ir)];if(Ir.length=0,Vr)return void Vr.push(...e);for(Vr=e,Vr.sort(((e,t)=>Jr(e)-Jr(t))),$r=0;$r<Vr.length;$r++)Vr[$r]();Vr=null,$r=0}}const Jr=e=>null==e.id?1/0:e.id;function Xr(e){Rr=!1,Fr=!0,Gr(e),Mr.sort(((e,t)=>Jr(e)-Jr(t)));try{for(Or=0;Or<Mr.length;Or++){const e=Mr[Or];e&&!1!==e.active&&kr(e,null,14)}}finally{Or=0,Mr.length=0,qr(),Fr=!1,jr=null,(Mr.length||Br.length||Ir.length)&&Xr(e)}}function Zr(e,t){return es(e,null,{flush:"post"})}const Qr={};function Yr(e,t,n){return es(e,t,n)}function es(e,t,{immediate:n,deep:o,flush:r}=d){const s=ir;let l,i,c=!1,a=!1;if(Ct(e)?(l=()=>e.value,c=!!e._shallow):dt(e)?(l=()=>e,o=!0):S(e)?(a=!0,c=e.some(dt),l=()=>e.map((e=>Ct(e)?e.value:dt(e)?os(e):T(e)?kr(e,s,2):void 0))):l=T(e)?t?()=>kr(e,s,2):()=>{if(!s||!s.isUnmounted)return i&&i(),Ar(e,s,3,[u])}:m,t&&o){const e=l;l=()=>os(e())}let u=e=>{i=v.onStop=()=>{kr(e,s,4)}},f=a?[]:Qr;const p=()=>{if(v.active)if(t){const e=v.run();(o||c||(a?e.some(((e,t)=>W(e,f[t]))):W(e,f)))&&(i&&i(),Ar(t,s,3,[e,f===Qr?void 0:f,u]),f=e)}else v.run()};let h;p.allowRecurse=!!t,h="sync"===r?p:"post"===r?()=>fo(p,s&&s.suspense):()=>{!s||s.isMounted?function(e){Wr(e,Nr,Br,Pr)}(p):p()};const v=new ae(l,h);return t?n?p():f=v.run():"post"===r?fo(v.run.bind(v),s&&s.suspense):v.run(),()=>{v.stop(),s&&s.scope&&C(s.scope.effects,v)}}function ts(e,t,n){const o=this.proxy,r=F(e)?e.includes(".")?ns(o,e):()=>o[e]:e.bind(o,o);let s;T(t)?s=t:(s=t.handler,n=t);const l=ir;ar(this);const i=es(r,s.bind(o),n);return l?ar(l):ur(),i}function ns(e,t){const n=t.split(".");return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}function os(e,t=new Set){if(!M(e)||e.__v_skip)return e;if((t=t||new Set).has(e))return e;if(t.add(e),Ct(e))os(e.value,t);else if(S(e))for(let n=0;n<e.length;n++)os(e[n],t);else if(k(e)||E(e))e.forEach((e=>{os(e,t)}));else if(P(e))for(const n in e)os(e[n],t);return e}function rs(){const e=cr();return e.setupContext||(e.setupContext=gr(e))}function ss(e,t,n){const o=arguments.length;return 2===o?M(t)&&!S(t)?jo(t)?Ko(e,null,[t]):Ko(e,t):Ko(e,null,t):(o>3?n=Array.prototype.slice.call(arguments,2):3===o&&jo(n)&&(n=[n]),Ko(e,t,n))}const ls=Symbol("");function is(e,t){const n=e.memo;if(n.length!=t.length)return!1;for(let o=0;o<n.length;o++)if(n[o]!==t[o])return!1;return Io>0&&Bo&&Bo.push(e),!0}const cs="3.2.6",as="undefined"!=typeof document?document:null,us=new Map,fs={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,o)=>{const r=t?as.createElementNS("http://www.w3.org/2000/svg",e):as.createElement(e,n?{is:n}:void 0);return"select"===e&&o&&null!=o.multiple&&r.setAttribute("multiple",o.multiple),r},createText:e=>as.createTextNode(e),createComment:e=>as.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>as.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,o){const r=n?n.previousSibling:t.lastChild;let s=us.get(e);if(!s){const t=as.createElement("template");if(t.innerHTML=o?`<svg>${e}</svg>`:e,s=t.content,o){const e=s.firstChild;for(;e.firstChild;)s.appendChild(e.firstChild);s.removeChild(e)}us.set(e,s)}return t.insertBefore(s.cloneNode(!0),n),[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};const ps=/\s*!important$/;function ds(e,t,n){if(S(n))n.forEach((n=>ds(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const o=function(e,t){const n=ms[t];if(n)return n;let o=j(t);if("filter"!==o&&o in e)return ms[t]=o;o=H(o);for(let r=0;r<hs.length;r++){const n=hs[r]+o;if(n in e)return ms[t]=n}return t}(e,t);ps.test(n)?e.setProperty(D(o),n.replace(ps,""),"important"):e[o]=n}}const hs=["Webkit","Moz","ms"],ms={};const vs="http://www.w3.org/1999/xlink";let gs=Date.now,ys=!1;if("undefined"!=typeof window){gs()>document.createEvent("Event").timeStamp&&(gs=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);ys=!!(e&&Number(e[1])<=53)}let _s=0;const bs=Promise.resolve(),Cs=()=>{_s=0};function xs(e,t,n,o){e.addEventListener(t,n,o)}function ws(e,t,n,o,r=null){const s=e._vei||(e._vei={}),l=s[t];if(o&&l)l.value=o;else{const[n,i]=function(e){let t;if(Ss.test(e)){let n;for(t={};n=e.match(Ss);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[D(e.slice(2)),t]}(t);if(o){xs(e,n,s[t]=function(e,t){const n=e=>{const o=e.timeStamp||gs();(ys||o>=n.attached-1)&&Ar(function(e,t){if(S(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>_s||(bs.then(Cs),_s=gs()))(),n}(o,r),i)}else l&&(!function(e,t,n,o){e.removeEventListener(t,n,o)}(e,n,l,i),s[t]=void 0)}}const Ss=/(?:Once|Passive|Capture)$/;const Es=/^on[a-z]/;function ks(e,t){const n=un(e);class o extends Ts{constructor(e){super(n,e,t)}}return o.def=n,o}const As="undefined"!=typeof HTMLElement?HTMLElement:class{};class Ts extends As{constructor(e,t={},n){super(),this._def=e,this._props=t,this._instance=null,this._connected=!1,this._resolved=!1,this.shadowRoot&&n?n(this._createVNode(),this.shadowRoot):this.attachShadow({mode:"open"});for(let o=0;o<this.attributes.length;o++)this._setAttr(this.attributes[o].name);new MutationObserver((e=>{for(const t of e)this._setAttr(t.attributeName)})).observe(this,{attributes:!0})}connectedCallback(){this._connected=!0,this._instance||(this._resolveDef(),Sl(this._createVNode(),this.shadowRoot))}disconnectedCallback(){this._connected=!1,Dr((()=>{this._connected||(Sl(null,this.shadowRoot),this._instance=null)}))}_resolveDef(){if(this._resolved)return;const e=e=>{this._resolved=!0;for(const r of Object.keys(this))"_"!==r[0]&&this._setProp(r,this[r]);const{props:t,styles:n}=e,o=t?S(t)?t:Object.keys(t):[];for(const r of o.map(j))Object.defineProperty(this,r,{get(){return this._getProp(r)},set(e){this._setProp(r,e)}});this._applyStyles(n)},t=this._def.__asyncLoader;t?t().then(e):e(this._def)}_setAttr(e){this._setProp(j(e),q(this.getAttribute(e)),!1)}_getProp(e){return this._props[e]}_setProp(e,t,n=!0){t!==this._props[e]&&(this._props[e]=t,this._instance&&Sl(this._createVNode(),this.shadowRoot),n&&(!0===t?this.setAttribute(D(e),""):"string"==typeof t||"number"==typeof t?this.setAttribute(D(e),t+""):t||this.removeAttribute(D(e))))}_createVNode(){const e=Ko(this._def,b({},this._props));return this._instance||(e.ce=e=>{this._instance=e,e.isCE=!0,e.emit=(e,...t)=>{this.dispatchEvent(new CustomEvent(e,{detail:t}))};let t=this;for(;t=t&&(t.parentNode||t.host);)if(t instanceof Ts){e.parent=t._instance;break}}),e}_applyStyles(e){e&&e.forEach((e=>{const t=document.createElement("style");t.textContent=e,this.shadowRoot.appendChild(t)}))}}function Fs(e,t){if(128&e.shapeFlag){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push((()=>{Fs(n.activeBranch,t)}))}for(;e.component;)e=e.component.subTree;if(1&e.shapeFlag&&e.el)Rs(e.el,t);else if(e.type===To)e.children.forEach((e=>Fs(e,t)));else if(e.type===Mo){let{el:n,anchor:o}=e;for(;n&&(Rs(n,t),n!==o);)n=n.nextSibling}}function Rs(e,t){if(1===e.nodeType){const n=e.style;for(const e in t)n.setProperty(`--${e}`,t[e])}}const Ms="transition",Os="animation",Bs=(e,{slots:t})=>ss(nn,$s(e),t);Bs.displayName="Transition";const Ns={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Ps=Bs.props=b({},nn.props,Ns),Is=(e,t=[])=>{S(e)?e.forEach((e=>e(...t))):e&&e(...t)},Vs=e=>!!e&&(S(e)?e.some((e=>e.length>1)):e.length>1);function $s(e){const t={};for(const b in e)b in Ns||(t[b]=e[b]);if(!1===e.css)return t;const{name:n="v",type:o,duration:r,enterFromClass:s=`${n}-enter-from`,enterActiveClass:l=`${n}-enter-active`,enterToClass:i=`${n}-enter-to`,appearFromClass:c=s,appearActiveClass:a=l,appearToClass:u=i,leaveFromClass:f=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:d=`${n}-leave-to`}=e,h=function(e){if(null==e)return null;if(M(e))return[Ls(e.enter),Ls(e.leave)];{const t=Ls(e);return[t,t]}}(r),m=h&&h[0],v=h&&h[1],{onBeforeEnter:g,onEnter:y,onEnterCancelled:_,onLeave:C,onLeaveCancelled:x,onBeforeAppear:w=g,onAppear:S=y,onAppearCancelled:E=_}=t,k=(e,t,n)=>{Us(e,t?u:i),Us(e,t?a:l),n&&n()},A=(e,t)=>{Us(e,d),Us(e,p),t&&t()},T=e=>(t,n)=>{const r=e?S:y,l=()=>k(t,e,n);Is(r,[t,l]),Ds((()=>{Us(t,e?c:s),js(t,e?u:i),Vs(r)||zs(t,o,m,l)}))};return b(t,{onBeforeEnter(e){Is(g,[e]),js(e,s),js(e,l)},onBeforeAppear(e){Is(w,[e]),js(e,c),js(e,a)},onEnter:T(!1),onAppear:T(!0),onLeave(e,t){const n=()=>A(e,t);js(e,f),qs(),js(e,p),Ds((()=>{Us(e,f),js(e,d),Vs(C)||zs(e,o,v,n)})),Is(C,[e,n])},onEnterCancelled(e){k(e,!1),Is(_,[e])},onAppearCancelled(e){k(e,!0),Is(E,[e])},onLeaveCancelled(e){A(e),Is(x,[e])}})}function Ls(e){return q(e)}function js(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.add(t))),(e._vtc||(e._vtc=new Set)).add(t)}function Us(e,t){t.split(/\s+/).forEach((t=>t&&e.classList.remove(t)));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function Ds(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}let Hs=0;function zs(e,t,n,o){const r=e._endId=++Hs,s=()=>{r===e._endId&&o()};if(n)return setTimeout(s,n);const{type:l,timeout:i,propCount:c}=Ws(e,t);if(!l)return o();const a=l+"end";let u=0;const f=()=>{e.removeEventListener(a,p),s()},p=t=>{t.target===e&&++u>=c&&f()};setTimeout((()=>{u<c&&f()}),i+1),e.addEventListener(a,p)}function Ws(e,t){const n=window.getComputedStyle(e),o=e=>(n[e]||"").split(", "),r=o("transitionDelay"),s=o("transitionDuration"),l=Ks(r,s),i=o("animationDelay"),c=o("animationDuration"),a=Ks(i,c);let u=null,f=0,p=0;t===Ms?l>0&&(u=Ms,f=l,p=s.length):t===Os?a>0&&(u=Os,f=a,p=c.length):(f=Math.max(l,a),u=f>0?l>a?Ms:Os:null,p=u?u===Ms?s.length:c.length:0);return{type:u,timeout:f,propCount:p,hasTransform:u===Ms&&/\b(transform|all)(,|$)/.test(n.transitionProperty)}}function Ks(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map(((t,n)=>Gs(t)+Gs(e[n]))))}function Gs(e){return 1e3*Number(e.slice(0,-1).replace(",","."))}function qs(){return document.body.offsetHeight}const Js=new WeakMap,Xs=new WeakMap,Zs={name:"TransitionGroup",props:b({},Ps,{tag:String,moveClass:String}),setup(e,{slots:t}){const n=cr(),o=en();let r,s;return An((()=>{if(!r.length)return;const t=e.moveClass||`${e.name||"v"}-move`;if(!function(e,t,n){const o=e.cloneNode();e._vtc&&e._vtc.forEach((e=>{e.split(/\s+/).forEach((e=>e&&o.classList.remove(e)))}));n.split(/\s+/).forEach((e=>e&&o.classList.add(e))),o.style.display="none";const r=1===t.nodeType?t:t.parentNode;r.appendChild(o);const{hasTransform:s}=Ws(o);return r.removeChild(o),s}(r[0].el,n.vnode.el,t))return;r.forEach(Qs),r.forEach(Ys);const o=r.filter(el);qs(),o.forEach((e=>{const n=e.el,o=n.style;js(n,t),o.transform=o.webkitTransform=o.transitionDuration="";const r=n._moveCb=e=>{e&&e.target!==n||e&&!/transform$/.test(e.propertyName)||(n.removeEventListener("transitionend",r),n._moveCb=null,Us(n,t))};n.addEventListener("transitionend",r)}))})),()=>{const l=vt(e),i=$s(l);let c=l.tag||To;r=s,s=t.default?an(t.default()):[];for(let e=0;e<s.length;e++){const t=s[e];null!=t.key&&cn(t,rn(t,i,o,n))}if(r)for(let e=0;e<r.length;e++){const t=r[e];cn(t,rn(t,i,o,n)),Js.set(t,t.el.getBoundingClientRect())}return Ko(c,null,s)}}};function Qs(e){const t=e.el;t._moveCb&&t._moveCb(),t._enterCb&&t._enterCb()}function Ys(e){Xs.set(e,e.el.getBoundingClientRect())}function el(e){const t=Js.get(e),n=Xs.get(e),o=t.left-n.left,r=t.top-n.top;if(o||r){const t=e.el.style;return t.transform=t.webkitTransform=`translate(${o}px,${r}px)`,t.transitionDuration="0s",e}}const tl=e=>{const t=e.props["onUpdate:modelValue"];return S(t)?e=>K(t,e):t};function nl(e){e.target.composing=!0}function ol(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const rl={created(e,{modifiers:{lazy:t,trim:n,number:o}},r){e._assign=tl(r);const s=o||r.props&&"number"===r.props.type;xs(e,t?"change":"input",(t=>{if(t.target.composing)return;let o=e.value;n?o=o.trim():s&&(o=q(o)),e._assign(o)})),n&&xs(e,"change",(()=>{e.value=e.value.trim()})),t||(xs(e,"compositionstart",nl),xs(e,"compositionend",ol),xs(e,"change",ol))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:o,number:r}},s){if(e._assign=tl(s),e.composing)return;if(document.activeElement===e){if(n)return;if(o&&e.value.trim()===t)return;if((r||"number"===e.type)&&q(e.value)===t)return}const l=null==t?"":t;e.value!==l&&(e.value=l)}},sl={deep:!0,created(e,t,n){e._assign=tl(n),xs(e,"change",(()=>{const t=e._modelValue,n=ul(e),o=e.checked,r=e._assign;if(S(t)){const e=f(t,n),s=-1!==e;if(o&&!s)r(t.concat(n));else if(!o&&s){const n=[...t];n.splice(e,1),r(n)}}else if(k(t)){const e=new Set(t);o?e.add(n):e.delete(n),r(e)}else r(fl(e,o))}))},mounted:ll,beforeUpdate(e,t,n){e._assign=tl(n),ll(e,t,n)}};function ll(e,{value:t,oldValue:n},o){e._modelValue=t,S(t)?e.checked=f(t,o.props.value)>-1:k(t)?e.checked=t.has(o.props.value):t!==n&&(e.checked=u(t,fl(e,!0)))}const il={created(e,{value:t},n){e.checked=u(t,n.props.value),e._assign=tl(n),xs(e,"change",(()=>{e._assign(ul(e))}))},beforeUpdate(e,{value:t,oldValue:n},o){e._assign=tl(o),t!==n&&(e.checked=u(t,o.props.value))}},cl={deep:!0,created(e,{value:t,modifiers:{number:n}},o){const r=k(t);xs(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?q(ul(e)):ul(e)));e._assign(e.multiple?r?new Set(t):t:t[0])})),e._assign=tl(o)},mounted(e,{value:t}){al(e,t)},beforeUpdate(e,t,n){e._assign=tl(n)},updated(e,{value:t}){al(e,t)}};function al(e,t){const n=e.multiple;if(!n||S(t)||k(t)){for(let o=0,r=e.options.length;o<r;o++){const r=e.options[o],s=ul(r);if(n)r.selected=S(t)?f(t,s)>-1:t.has(s);else if(u(ul(r),t))return void(e.selectedIndex!==o&&(e.selectedIndex=o))}n||-1===e.selectedIndex||(e.selectedIndex=-1)}}function ul(e){return"_value"in e?e._value:e.value}function fl(e,t){const n=t?"_trueValue":"_falseValue";return n in e?e[n]:t}const pl={created(e,t,n){dl(e,t,n,null,"created")},mounted(e,t,n){dl(e,t,n,null,"mounted")},beforeUpdate(e,t,n,o){dl(e,t,n,o,"beforeUpdate")},updated(e,t,n,o){dl(e,t,n,o,"updated")}};function dl(e,t,n,o,r){let s;switch(e.tagName){case"SELECT":s=cl;break;case"TEXTAREA":s=rl;break;default:switch(n.props&&n.props.type){case"checkbox":s=sl;break;case"radio":s=il;break;default:s=rl}}const l=s[r];l&&l(e,t,n,o)}const hl=["ctrl","shift","alt","meta"],ml={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>hl.some((n=>e[`${n}Key`]&&!t.includes(n)))},vl={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},gl={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):yl(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:o}){!t!=!n&&(o?t?(o.beforeEnter(e),yl(e,!0),o.enter(e)):o.leave(e,(()=>{yl(e,!1)})):yl(e,t))},beforeUnmount(e,{value:t}){yl(e,t)}};function yl(e,t){e.style.display=t?e._vod:"none"}const _l=b({patchProp:(e,t,n,s,l=!1,i,c,a,u)=>{"class"===t?function(e,t,n){const o=e._vtc;o&&(t=(t?[t,...o]:[...o]).join(" ")),null==t?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}(e,s,l):"style"===t?function(e,t,n){const o=e.style;if(n)if(F(n)){if(t!==n){const t=o.display;o.cssText=n,"_vod"in e&&(o.display=t)}}else{for(const e in n)ds(o,e,n[e]);if(t&&!F(t))for(const e in t)null==n[e]&&ds(o,e,"")}else e.removeAttribute("style")}(e,n,s):y(t)?_(t)||ws(e,t,0,s,c):("."===t[0]?(t=t.slice(1),1):"^"===t[0]?(t=t.slice(1),0):function(e,t,n,o){if(o)return"innerHTML"===t||"textContent"===t||!!(t in e&&Es.test(t)&&T(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(Es.test(t)&&F(n))return!1;return t in e}(e,t,s,l))?function(e,t,n,o,s,l,i){if("innerHTML"===t||"textContent"===t)return o&&i(o,s,l),void(e[t]=null==n?"":n);if("value"===t&&"PROGRESS"!==e.tagName){e._value=n;const o=null==n?"":n;return e.value!==o&&(e.value=o),void(null==n&&e.removeAttribute(t))}if(""===n||null==n){const o=typeof e[t];if("boolean"===o)return void(e[t]=r(n));if(null==n&&"string"===o)return e[t]="",void e.removeAttribute(t);if("number"===o){try{e[t]=0}catch(c){}return void e.removeAttribute(t)}}try{e[t]=n}catch(a){}}(e,t,s,i,c,a,u):("true-value"===t?e._trueValue=s:"false-value"===t&&(e._falseValue=s),function(e,t,n,s,l){if(s&&t.startsWith("xlink:"))null==n?e.removeAttributeNS(vs,t.slice(6,t.length)):e.setAttributeNS(vs,t,n);else{const s=o(t);null==n||s&&!r(n)?e.removeAttribute(t):e.setAttribute(t,s?"":n)}}(e,t,s,l))}},fs);let bl,Cl=!1;function xl(){return bl||(bl=po(_l))}function wl(){return bl=Cl?bl:ho(_l),Cl=!0,bl}const Sl=(...e)=>{xl().render(...e)},El=(...e)=>{wl().hydrate(...e)};function kl(e){if(F(e)){return document.querySelector(e)}return e}return e.BaseTransition=nn,e.Comment=Ro,e.EffectScope=Z,e.Fragment=To,e.KeepAlive=hn,e.ReactiveEffect=ae,e.Static=Mo,e.Suspense=Kt,e.Teleport=wo,e.Text=Fo,e.Transition=Bs,e.TransitionGroup=Zs,e.VueElement=Ts,e.callWithAsyncErrorHandling=Ar,e.callWithErrorHandling=kr,e.camelize=j,e.capitalize=H,e.cloneVNode=qo,e.compatUtils=null,e.compile=()=>{},e.computed=Ot,e.createApp=(...e)=>{const t=xl().createApp(...e),{mount:n}=t;return t.mount=e=>{const o=kl(e);if(!o)return;const r=t._component;T(r)||r.render||r.template||(r.template=o.innerHTML),o.innerHTML="";const s=n(o,!1,o instanceof SVGElement);return o instanceof Element&&(o.removeAttribute("v-cloak"),o.setAttribute("data-v-app","")),s},t},e.createBlock=Lo,e.createCommentVNode=function(e="",t=!1){return t?(No(),Lo(Ro,null,e)):Ko(Ro,null,e)},e.createElementBlock=function(e,t,n,o,r,s){return $o(Wo(e,t,n,o,r,s,!0))},e.createElementVNode=Wo,e.createHydrationRenderer=ho,e.createRenderer=po,e.createSSRApp=(...e)=>{const t=wl().createApp(...e),{mount:n}=t;return t.mount=e=>{const t=kl(e);if(t)return n(t,!0,t instanceof SVGElement)},t},e.createSlots=function(e,t){for(let n=0;n<t.length;n++){const o=t[n];if(S(o))for(let t=0;t<o.length;t++)e[o[t].name]=o[t].fn;else o&&(e[o.name]=o.fn)}return e},e.createStaticVNode=function(e,t){const n=Ko(Mo,null,e);return n.staticCount=t,n},e.createTextVNode=Jo,e.createVNode=Ko,e.customRef=function(e){return new Tt(e)},e.defineAsyncComponent=function(e){T(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:o,delay:r=200,timeout:s,suspensible:l=!0,onError:i}=e;let c,a=null,u=0;const f=()=>{let e;return a||(e=a=t().catch((e=>{if(e=e instanceof Error?e:new Error(String(e)),i)return new Promise(((t,n)=>{i(e,(()=>t((u++,a=null,f()))),(()=>n(e)),u+1)}));throw e})).then((t=>e!==a&&a?a:(t&&(t.__esModule||"Module"===t[Symbol.toStringTag])&&(t=t.default),c=t,t))))};return un({name:"AsyncComponentWrapper",__asyncLoader:f,get __asyncResolved(){return c},setup(){const e=ir;if(c)return()=>pn(c,e);const t=t=>{a=null,Tr(t,e,13,!o)};if(l&&e.suspense)return f().then((t=>()=>pn(t,e))).catch((e=>(t(e),()=>o?Ko(o,{error:e}):null)));const i=xt(!1),u=xt(),p=xt(!!r);return r&&setTimeout((()=>{p.value=!1}),r),null!=s&&setTimeout((()=>{if(!i.value&&!u.value){const e=new Error(`Async component timed out after ${s}ms.`);t(e),u.value=e}}),s),f().then((()=>{i.value=!0,e.parent&&dn(e.parent.vnode)&&Hr(e.parent.update)})).catch((e=>{t(e),u.value=e})),()=>i.value&&c?pn(c,e):u.value&&o?Ko(o,{error:u.value}):n&&!p.value?Ko(n):void 0}})},e.defineComponent=un,e.defineCustomElement=ks,e.defineEmits=function(){return null},e.defineExpose=function(e){},e.defineProps=function(){return null},e.defineSSRCustomElement=e=>ks(e,El),e.effect=function(e,t){e.effect&&(e=e.effect.fn);const n=new ae(e);t&&(b(n,t),t.scope&&Q(n,t.scope)),t&&t.lazy||n.run();const o=n.run.bind(n);return o.effect=n,o},e.effectScope=function(e){return new Z(e)},e.getCurrentInstance=cr,e.getCurrentScope=function(){return J},e.getTransitionRawChildren=an,e.guardReactiveProps=Go,e.h=ss,e.handleError=Tr,e.hydrate=El,e.initCustomFormatter=function(){},e.inject=Yt,e.isMemoSame=is,e.isProxy=mt,e.isReactive=dt,e.isReadonly=ht,e.isRef=Ct,e.isRuntimeOnly=()=>!pr,e.isVNode=jo,e.markRaw=gt,e.mergeDefaults=function(e,t){for(const n in t){const o=e[n];o?o.default=t[n]:null===o&&(e[n]={default:t[n]})}return e},e.mergeProps=Yo,e.nextTick=Dr,e.normalizeClass=a,e.normalizeProps=function(e){if(!e)return null;let{class:t,style:n}=e;return t&&!F(t)&&(e.class=a(t)),n&&(e.style=s(n)),e},e.normalizeStyle=s,e.onActivated=vn,e.onBeforeMount=Sn,e.onBeforeUnmount=Tn,e.onBeforeUpdate=kn,e.onDeactivated=gn,e.onErrorCaptured=Bn,e.onMounted=En,e.onRenderTracked=On,e.onRenderTriggered=Mn,e.onScopeDispose=function(e){J&&J.cleanups.push(e)},e.onServerPrefetch=Rn,e.onUnmounted=Fn,e.onUpdated=An,e.openBlock=No,e.popScopeId=function(){Vt=null},e.provide=Qt,e.proxyRefs=At,e.pushScopeId=function(e){Vt=e},e.queuePostFlushCb=Kr,e.reactive=at,e.readonly=ft,e.ref=xt,e.registerRuntimeCompiler=function(e){pr=e,dr=e=>{e.render._rc&&(e.withProxy=new Proxy(e.ctx,rr))}},e.render=Sl,e.renderList=function(e,t,n,o){let r;const s=n&&n[o];if(S(e)||F(e)){r=new Array(e.length);for(let n=0,o=e.length;n<o;n++)r[n]=t(e[n],n,void 0,s&&s[n])}else if("number"==typeof e){r=new Array(e);for(let n=0;n<e;n++)r[n]=t(n+1,n,void 0,s&&s[n])}else if(M(e))if(e[Symbol.iterator])r=Array.from(e,((e,n)=>t(e,n,void 0,s&&s[n])));else{const n=Object.keys(e);r=new Array(n.length);for(let o=0,l=n.length;o<l;o++){const l=n[o];r[o]=t(e[l],l,o,s&&s[o])}}else r=[];return n&&(n[o]=r),r},e.renderSlot=function(e,t,n={},o,r){if(It.isCE)return Ko("slot","default"===t?null:{name:t},o&&o());let s=e[t];s&&s._c&&(s._d=!1),No();const l=s&&er(s(n)),i=Lo(To,{key:n.key||`_${t}`},l||(o?o():[]),l&&1===e._?64:-2);return!r&&i.scopeId&&(i.slotScopeIds=[i.scopeId+"-s"]),s&&s._c&&(s._d=!0),i},e.resolveComponent=function(e,t){return ko(So,e,!0,t)||e},e.resolveDirective=function(e){return ko("directives",e)},e.resolveDynamicComponent=function(e){return F(e)?ko(So,e,!1)||e:e||Eo},e.resolveFilter=null,e.resolveTransitionHooks=rn,e.setBlockTracking=Vo,e.setDevtoolsHook=function(t){e.devtools=t},e.setTransitionHooks=cn,e.shallowReactive=ut,e.shallowReadonly=function(e){return pt(e,!0,Be,ot,it)},e.shallowRef=function(e){return St(e,!0)},e.ssrContextKey=ls,e.ssrUtils=null,e.stop=function(e){e.effect.stop()},e.toDisplayString=e=>null==e?"":S(e)||M(e)&&(e.toString===B||!T(e.toString))?JSON.stringify(e,p,2):String(e),e.toHandlerKey=z,e.toHandlers=function(e){const t={};for(const n in e)t[z(n)]=e[n];return t},e.toRaw=vt,e.toRef=Rt,e.toRefs=function(e){const t=S(e)?new Array(e.length):{};for(const n in e)t[n]=Rt(e,n);return t},e.transformVNodeArgs=function(e){},e.triggerRef=function(e){_t(e)},e.unref=Et,e.useAttrs=function(){return rs().attrs},e.useCssModule=function(e="$style"){return d},e.useCssVars=function(e){const t=cr();if(!t)return;const n=()=>Fs(t.subTree,e(t.proxy));Zr(n),En((()=>{const e=new MutationObserver(n);e.observe(t.subTree.el.parentNode,{childList:!0}),Fn((()=>e.disconnect()))}))},e.useSSRContext=()=>{},e.useSlots=function(){return rs().slots},e.useTransitionState=en,e.vModelCheckbox=sl,e.vModelDynamic=pl,e.vModelRadio=il,e.vModelSelect=cl,e.vModelText=rl,e.vShow=gl,e.version=cs,e.warn=wr,e.watch=Yr,e.watchEffect=function(e,t){return es(e,null,t)},e.watchPostEffect=Zr,e.watchSyncEffect=function(e,t){return es(e,null,{flush:"sync"})},e.withAsyncContext=function(e){const t=cr();let n=e();return ur(),O(n)&&(n=n.catch((e=>{throw ar(t),e}))),[n,()=>ar(t)]},e.withCtx=Lt,e.withDefaults=function(e,t){return null},e.withDirectives=function(e,t){if(null===It)return e;const n=It.proxy,o=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[e,s,l,i=d]=t[r];T(e)&&(e={mounted:e,updated:e}),e.deep&&os(s),o.push({dir:e,instance:n,value:s,oldValue:void 0,arg:l,modifiers:i})}return e},e.withKeys=(e,t)=>n=>{if(!("key"in n))return;const o=D(n.key);return t.some((e=>e===o||vl[e]===o))?e(n):void 0},e.withMemo=function(e,t,n,o){const r=n[o];if(r&&is(r,e))return r;const s=t();return s.memo=e.slice(),n[o]=s},e.withModifiers=(e,t)=>(n,...o)=>{for(let e=0;e<t.length;e++){const o=ml[t[e]];if(o&&o(n,t))return}return e(n,...o)},e.withScopeId=e=>Lt,Object.defineProperty(e,"__esModule",{value:!0}),e}({}); |