commit e20d5bbb462156516dfed30d8e67e80c3091536f Author: suroh Date: Wed Oct 4 13:38:35 2023 +0200 initial commit diff --git a/.eslintrc.cjs b/.eslintrc.cjs new file mode 100644 index 0000000..fbd7385 --- /dev/null +++ b/.eslintrc.cjs @@ -0,0 +1,53 @@ +module.exports = { + root: true, + 'env': { + 'browser': true, + 'node': true, + 'es2019': true + }, + 'extends': [ + 'eslint:recommended', + 'plugin:lit/recommended', + ], + parserOptions: { + ecmaVersion: 'latest', + sourceType: 'module', + }, + 'rules': { + 'no-var': 'error', + 'semi': [ + 'error', + 'never', + ], + 'quotes': [ + 'error', + 'single', + ], + 'object-curly-spacing': [ + 'warn', + 'always', + ], + 'array-bracket-spacing': [ + 'warn', + 'always', + ], + 'space-in-parens': [ + 'warn', + 'never', + ], + 'array-bracket-newline': [ + 'warn', + 'consistent', + ], + 'object-curly-newline': [ + 'warn', + { + 'consistent': true, + }, + ], + 'space-before-blocks': [ + 'warn', + 'always', + ], + }, +}; diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..87720c6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,125 @@ +# ---> Node +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +lerna-debug.log* + +# Diagnostic reports (https://nodejs.org/api/report.html) +report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage +*.lcov + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# Snowpack dependency directory (https://snowpack.dev/) +web_modules/ + +# TypeScript cache +*.tsbuildinfo + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Microbundle cache +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env +.env.test + +# parcel-bundler cache (https://parceljs.org/) +.cache +.parcel-cache + +# Next.js build output +.next +out + +# Nuxt.js build / generate output +.nuxt +dist + +# Gatsby files +.cache/ +# Comment in the public line in if your project uses Gatsby and not Next.js +# https://nextjs.org/blog/next-9-1#public-directory-support +# public + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless/ + +# FuseBox cache +.fusebox/ + +# DynamoDB Local files +.dynamodb/ + +# sqliteDb files +**/db/*.db + +# TernJS port file +.tern-port + +# Stores VSCode versions used for testing VSCode extensions +.vscode-test + +# yarn v2 +.yarn/cache +.yarn/unplugged +.yarn/build-state.yml +.yarn/install-state.gz +.pnp.* + +# MM.Media +public/fonts/*.woff* +public/images +public/media diff --git a/index.html b/index.html new file mode 100644 index 0000000..a9b58d2 --- /dev/null +++ b/index.html @@ -0,0 +1,19 @@ + + + + + + + + Meredith Monk + + + + + + + + + + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..d757484 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,2765 @@ +{ + "name": "mm.spa", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "mm.spa", + "version": "0.0.0", + "dependencies": { + "@lit-labs/task": "^3.0.2", + "@thepassle/app-tools": "^0.9.8", + "@web/rollup-plugin-polyfills-loader": "^2.0.1", + "lit": "^2.7.6", + "urlpattern-polyfill": "^9.0.0", + "wavesurfer.js": "^7.3.2" + }, + "devDependencies": { + "eslint": "^8.49.0", + "eslint-plugin-lit": "^1.9.1", + "sass": "^1.67.0", + "vite": "^4.4.5" + } + }, + "node_modules/@aashutoshrathi/word-wrap": { + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz", + "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", + "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.22.13", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz", + "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==", + "dependencies": { + "@babel/highlight": "^7.22.13", + "chalk": "^2.4.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/code-frame/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/code-frame/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/code-frame/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/@babel/code-frame/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + }, + "node_modules/@babel/code-frame/node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/@babel/code-frame/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/code-frame/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.20.tgz", + "integrity": "sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.0.tgz", + "integrity": "sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==", + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.22.13", + "@babel/generator": "^7.23.0", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-module-transforms": "^7.23.0", + "@babel/helpers": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.0", + "@babel/types": "^7.23.0", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz", + "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==", + "dependencies": { + "@babel/types": "^7.23.0", + "@jridgewell/gen-mapping": "^0.3.2", + "@jridgewell/trace-mapping": "^0.3.17", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz", + "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==", + "dependencies": { + "@babel/compat-data": "^7.22.9", + "@babel/helper-validator-option": "^7.22.15", + "browserslist": "^4.21.9", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", + "dependencies": { + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", + "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz", + "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==", + "dependencies": { + "@babel/types": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz", + "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==", + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-simple-access": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/helper-validator-identifier": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", + "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", + "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz", + "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz", + "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.23.1", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.1.tgz", + "integrity": "sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==", + "dependencies": { + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.0", + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz", + "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==", + "dependencies": { + "@babel/helper-validator-identifier": "^7.22.20", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/@babel/highlight/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" + }, + "node_modules/@babel/highlight/node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/@babel/highlight/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/parser": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz", + "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==", + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/template": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", + "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", + "dependencies": { + "@babel/code-frame": "^7.22.13", + "@babel/parser": "^7.22.15", + "@babel/types": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz", + "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==", + "dependencies": { + "@babel/code-frame": "^7.22.13", + "@babel/generator": "^7.23.0", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/parser": "^7.23.0", + "@babel/types": "^7.23.0", + "debug": "^4.1.0", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse/node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/types": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz", + "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==", + "dependencies": { + "@babel/helper-string-parser": "^7.22.5", + "@babel/helper-validator-identifier": "^7.22.20", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", + "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", + "dev": true, + "dependencies": { + "eslint-visitor-keys": "^3.3.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.8.1", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.8.1.tgz", + "integrity": "sha512-PWiOzLIUAjN/w5K17PoF4n6sKBw0gqLHPhywmYHP4t1VFQQVYeb1yWsJwnMVEMl3tUHME7X/SJPZLmtG7XBDxQ==", + "dev": true, + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz", + "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==", + "dev": true, + "dependencies": { + "ajv": "^6.12.4", + "debug": "^4.3.2", + "espree": "^9.6.0", + "globals": "^13.19.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.0", + "minimatch": "^3.1.2", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/js": { + "version": "8.49.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.49.0.tgz", + "integrity": "sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + } + }, + "node_modules/@humanwhocodes/config-array": { + "version": "0.11.11", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz", + "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==", + "dev": true, + "dependencies": { + "@humanwhocodes/object-schema": "^1.2.1", + "debug": "^4.1.1", + "minimatch": "^3.0.5" + }, + "engines": { + "node": ">=10.10.0" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/object-schema": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", + "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", + "dev": true + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", + "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/source-map": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz", + "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.19", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz", + "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@lit-labs/ssr-dom-shim": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.1.tgz", + "integrity": "sha512-kXOeFbfCm4fFf2A3WwVEeQj55tMZa8c8/f9AKHMobQMkzNUfUj+antR3fRPaZJawsa1aZiP/Da3ndpZrwEe4rQ==" + }, + "node_modules/@lit-labs/task": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@lit-labs/task/-/task-3.0.2.tgz", + "integrity": "sha512-X6d+KWZR3q1ZrXs/auM5PbZcW3B5RlpU4gqk/upstwTZM6JN19P6o9Qgo+qjovIDsUZsYnlGQqtdPBwPrKzLUA==", + "dependencies": { + "@lit/reactive-element": "^1.1.0" + } + }, + "node_modules/@lit/reactive-element": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.6.3.tgz", + "integrity": "sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==", + "dependencies": { + "@lit-labs/ssr-dom-shim": "^1.0.0" + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@thepassle/app-tools": { + "version": "0.9.8", + "resolved": "https://registry.npmjs.org/@thepassle/app-tools/-/app-tools-0.9.8.tgz", + "integrity": "sha512-qrn4LxQi4aw1YvXIs8XmHtaASP81SWynYj+8lUxZG5NRhmhNHTm7akQGurxrLzaGwiXd1Oc0tRnR8Xc7x9WToQ==" + }, + "node_modules/@types/parse5": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/@types/parse5/-/parse5-6.0.3.tgz", + "integrity": "sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==" + }, + "node_modules/@types/trusted-types": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.4.tgz", + "integrity": "sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ==" + }, + "node_modules/@web/parse5-utils": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@web/parse5-utils/-/parse5-utils-2.0.1.tgz", + "integrity": "sha512-FQI72BU5CXhpp7gLRskOQGGCcwvagLZnMnDwAfjrxo3pm1KOQzr8Vl+438IGpHV62xvjNdF1pjXwXcf7eekWGw==", + "dependencies": { + "@types/parse5": "^6.0.1", + "parse5": "^6.0.1" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@web/polyfills-loader": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@web/polyfills-loader/-/polyfills-loader-2.1.2.tgz", + "integrity": "sha512-DEF54hfoS4HsUkZCI+1i5rfLfwt0TiRm47Ut6ZwfXp9xo38c5rVELHZQrUX5rILXligHp8Gd/XqqV/xYwx8o3A==", + "dependencies": { + "@babel/core": "^7.12.10", + "@web/parse5-utils": "^2.0.0", + "@webcomponents/scoped-custom-element-registry": "^0.0.9", + "@webcomponents/shadycss": "^1.11.0", + "@webcomponents/webcomponentsjs": "^2.5.0", + "abortcontroller-polyfill": "^1.5.0", + "construct-style-sheets-polyfill": "^3.0.5", + "core-js-bundle": "^3.8.1", + "dynamic-import-polyfill": "^0.1.1", + "es-module-shims": "^1.4.1", + "intersection-observer": "^0.12.0", + "parse5": "^6.0.1", + "regenerator-runtime": "^0.13.7", + "resize-observer-polyfill": "^1.5.1", + "shady-css-scoped-element": "^0.0.2", + "systemjs": "^6.8.1", + "terser": "^5.14.2", + "urlpattern-polyfill": "^6.0.2", + "whatwg-fetch": "^3.5.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@web/polyfills-loader/node_modules/urlpattern-polyfill": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-6.0.2.tgz", + "integrity": "sha512-5vZjFlH9ofROmuWmXM9yj2wljYKgWstGwe8YTyiqM7hVum/g9LyCizPZtb3UqsuppVwety9QJmfc42VggLpTgg==", + "dependencies": { + "braces": "^3.0.2" + } + }, + "node_modules/@web/rollup-plugin-polyfills-loader": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@web/rollup-plugin-polyfills-loader/-/rollup-plugin-polyfills-loader-2.0.1.tgz", + "integrity": "sha512-kgODttXmkDzWMj63aNZfkowFxnZTb7dcUHPFOFFX/jAf+hhJFcjGC34lDou56ai5QOkdgvpWuZZ6A39lcIPlYA==", + "dependencies": { + "@web/polyfills-loader": "^2.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@webcomponents/scoped-custom-element-registry": { + "version": "0.0.9", + "resolved": "https://registry.npmjs.org/@webcomponents/scoped-custom-element-registry/-/scoped-custom-element-registry-0.0.9.tgz", + "integrity": "sha512-4RVHwN9oIp23mhrxeDbP9/0wvdcrB0d/MFMqIStShIgfzsqXZXf1OdU5kvqjgdMYavQ5Zm8C6BuBcAjzNwAetQ==" + }, + "node_modules/@webcomponents/shadycss": { + "version": "1.11.2", + "resolved": "https://registry.npmjs.org/@webcomponents/shadycss/-/shadycss-1.11.2.tgz", + "integrity": "sha512-vRq+GniJAYSBmTRnhCYPAPq6THYqovJ/gzGThWbgEZUQaBccndGTi1hdiUP15HzEco0I6t4RCtXyX0rsSmwgPw==" + }, + "node_modules/@webcomponents/webcomponentsjs": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/@webcomponents/webcomponentsjs/-/webcomponentsjs-2.8.0.tgz", + "integrity": "sha512-loGD63sacRzOzSJgQnB9ZAhaQGkN7wl2Zuw7tsphI5Isa0irijrRo6EnJii/GgjGefIFO8AIO7UivzRhFaEk9w==" + }, + "node_modules/abortcontroller-polyfill": { + "version": "1.7.5", + "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz", + "integrity": "sha512-JMJ5soJWP18htbbxJjG7bG6yuI6pRhgJ0scHHTfkUjf6wjP912xZWvM+A4sJK3gqd9E8fcPbDnOefbA9Th/FIQ==" + }, + "node_modules/acorn": { + "version": "8.10.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz", + "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, + "node_modules/binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/browserslist": { + "version": "4.22.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.0.tgz", + "integrity": "sha512-v+Jcv64L2LbfTC6OnRcaxtqJNJuQAVhZKSJfR/6hn7lhnChUXl4amwVviqN1k411BB+3rRoKMitELRn1CojeRA==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001539", + "electron-to-chromium": "^1.4.530", + "node-releases": "^2.0.13", + "update-browserslist-db": "^1.0.13" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==" + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001540", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001540.tgz", + "integrity": "sha512-9JL38jscuTJBTcuETxm8QLsFr/F6v0CYYTEU6r5+qSM98P2Q0Hmu0eG1dTG5GBUmywU3UlcVOUSIJYY47rdFSw==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ] + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/chokidar": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", + "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + ], + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/chokidar/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true + }, + "node_modules/construct-style-sheets-polyfill": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/construct-style-sheets-polyfill/-/construct-style-sheets-polyfill-3.1.0.tgz", + "integrity": "sha512-HBLKP0chz8BAY6rBdzda11c3wAZeCZ+kIG4weVC2NM3AXzxx09nhe8t0SQNdloAvg5GLuHwq/0SPOOSPvtCcKw==" + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==" + }, + "node_modules/core-js-bundle": { + "version": "3.32.2", + "resolved": "https://registry.npmjs.org/core-js-bundle/-/core-js-bundle-3.32.2.tgz", + "integrity": "sha512-USljqWm24S8dyZdUEh8pHBxUsHcsVQaWmkZsR8e5ZHdpnGEO1XDxCZHP6/ACtgjkFQ/I/1SnTuWEBFPThMHfMQ==", + "hasInstallScript": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/core-js" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true + }, + "node_modules/doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "dependencies": { + "esutils": "^2.0.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/dynamic-import-polyfill": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/dynamic-import-polyfill/-/dynamic-import-polyfill-0.1.1.tgz", + "integrity": "sha512-m953zv0w5oDagTItWm6Auhmk/pY7EiejaqiVbnzSS3HIjh1FCUeK7WzuaVtWPNs58A+/xpIE+/dVk6pKsrua8g==" + }, + "node_modules/electron-to-chromium": { + "version": "1.4.532", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.532.tgz", + "integrity": "sha512-piIR0QFdIGKmOJTSNg5AwxZRNWQSXlRYycqDB9Srstx4lip8KpcmRxVP6zuFWExWziHYZpJ0acX7TxqX95KBpg==" + }, + "node_modules/es-module-shims": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/es-module-shims/-/es-module-shims-1.8.0.tgz", + "integrity": "sha512-5l/AqgnWvYFF38qkK8VNoQ8BL3LkJ8bAJuxhOKA/JqoLC4bcaeJeLwMkhEcrDsf5IUCDdwZ6eEG40+Xuh/APcQ==" + }, + "node_modules/esbuild": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz", + "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.18.20", + "@esbuild/android-arm64": "0.18.20", + "@esbuild/android-x64": "0.18.20", + "@esbuild/darwin-arm64": "0.18.20", + "@esbuild/darwin-x64": "0.18.20", + "@esbuild/freebsd-arm64": "0.18.20", + "@esbuild/freebsd-x64": "0.18.20", + "@esbuild/linux-arm": "0.18.20", + "@esbuild/linux-arm64": "0.18.20", + "@esbuild/linux-ia32": "0.18.20", + "@esbuild/linux-loong64": "0.18.20", + "@esbuild/linux-mips64el": "0.18.20", + "@esbuild/linux-ppc64": "0.18.20", + "@esbuild/linux-riscv64": "0.18.20", + "@esbuild/linux-s390x": "0.18.20", + "@esbuild/linux-x64": "0.18.20", + "@esbuild/netbsd-x64": "0.18.20", + "@esbuild/openbsd-x64": "0.18.20", + "@esbuild/sunos-x64": "0.18.20", + "@esbuild/win32-arm64": "0.18.20", + "@esbuild/win32-ia32": "0.18.20", + "@esbuild/win32-x64": "0.18.20" + } + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint": { + "version": "8.49.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.49.0.tgz", + "integrity": "sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==", + "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@eslint-community/regexpp": "^4.6.1", + "@eslint/eslintrc": "^2.1.2", + "@eslint/js": "8.49.0", + "@humanwhocodes/config-array": "^0.11.11", + "@humanwhocodes/module-importer": "^1.0.1", + "@nodelib/fs.walk": "^1.2.8", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.2", + "debug": "^4.3.2", + "doctrine": "^3.0.0", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^7.2.2", + "eslint-visitor-keys": "^3.4.3", + "espree": "^9.6.1", + "esquery": "^1.4.2", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^6.0.1", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "globals": "^13.19.0", + "graphemer": "^1.4.0", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "is-path-inside": "^3.0.3", + "js-yaml": "^4.1.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.4.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3", + "strip-ansi": "^6.0.1", + "text-table": "^0.2.0" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-plugin-lit": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-lit/-/eslint-plugin-lit-1.9.1.tgz", + "integrity": "sha512-XFFVufVxYJwqRB9sLkDXB7SvV1xi9hrC4HRFEdX1h9+iZ3dm4x9uS7EuT9uaXs6zR3DEgcojia1F7pmvWbc4Gg==", + "dev": true, + "dependencies": { + "parse5": "^6.0.1", + "parse5-htmlparser2-tree-adapter": "^6.0.1", + "requireindex": "^1.2.0" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "eslint": ">= 5" + } + }, + "node_modules/eslint-scope": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", + "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/espree": { + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", + "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==", + "dev": true, + "dependencies": { + "acorn": "^8.9.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^3.4.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esquery": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", + "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==", + "dev": true, + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true + }, + "node_modules/fastq": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", + "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==", + "dev": true, + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/file-entry-cache": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", + "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", + "dev": true, + "dependencies": { + "flat-cache": "^3.0.4" + }, + "engines": { + "node": "^10.12.0 || >=12.0.0" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flat-cache": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz", + "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==", + "dev": true, + "dependencies": { + "flatted": "^3.2.7", + "keyv": "^4.5.3", + "rimraf": "^3.0.2" + }, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/flatted": { + "version": "3.2.9", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz", + "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==", + "dev": true + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/globals": { + "version": "13.21.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz", + "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==", + "dev": true, + "dependencies": { + "type-fest": "^0.20.2" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/graphemer": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ignore": { + "version": "5.2.4", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz", + "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/immutable": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", + "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==", + "dev": true + }, + "node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/intersection-observer": { + "version": "0.12.2", + "resolved": "https://registry.npmjs.org/intersection-observer/-/intersection-observer-0.12.2.tgz", + "integrity": "sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg==" + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/keyv": { + "version": "4.5.3", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz", + "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==", + "dev": true, + "dependencies": { + "json-buffer": "3.0.1" + } + }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/lit": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/lit/-/lit-2.8.0.tgz", + "integrity": "sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==", + "dependencies": { + "@lit/reactive-element": "^1.6.0", + "lit-element": "^3.3.0", + "lit-html": "^2.8.0" + } + }, + "node_modules/lit-element": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.3.3.tgz", + "integrity": "sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==", + "dependencies": { + "@lit-labs/ssr-dom-shim": "^1.1.0", + "@lit/reactive-element": "^1.3.0", + "lit-html": "^2.8.0" + } + }, + "node_modules/lit-html": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.8.0.tgz", + "integrity": "sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==", + "dependencies": { + "@types/trusted-types": "^2.0.2" + } + }, + "node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, + "node_modules/nanoid": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true + }, + "node_modules/node-releases": { + "version": "2.0.13", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", + "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==" + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/optionator": { + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", + "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==", + "dev": true, + "dependencies": { + "@aashutoshrathi/word-wrap": "^1.2.3", + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/parse5": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz", + "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==" + }, + "node_modules/parse5-htmlparser2-tree-adapter": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz", + "integrity": "sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==", + "dev": true, + "dependencies": { + "parse5": "^6.0.1" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.4.30", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.30.tgz", + "integrity": "sha512-7ZEao1g4kd68l97aWG/etQKPKq07us0ieSZ2TnFDk11i0ZfDW2AwKHYU8qv4MZKqN2fdBfg+7q0ES06UA73C1g==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/punycode": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz", + "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" + }, + "node_modules/requireindex": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/requireindex/-/requireindex-1.2.0.tgz", + "integrity": "sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==", + "dev": true, + "engines": { + "node": ">=0.10.5" + } + }, + "node_modules/resize-observer-polyfill": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", + "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==" + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rollup": { + "version": "3.29.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.2.tgz", + "integrity": "sha512-CJouHoZ27v6siztc21eEQGo0kIcE5D1gVPA571ez0mMYb25LGYGKnVNXpEj5MGlepmDWGXNjDB5q7uNiPHC11A==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/sass": { + "version": "1.67.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.67.0.tgz", + "integrity": "sha512-SVrO9ZeX/QQyEGtuZYCVxoeAL5vGlYjJ9p4i4HFuekWl8y/LtJ7tJc10Z+ck1c8xOuoBm2MYzcLfTAffD0pl/A==", + "dev": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/shady-css-scoped-element": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/shady-css-scoped-element/-/shady-css-scoped-element-0.0.2.tgz", + "integrity": "sha512-Dqfl70x6JiwYDujd33ZTbtCK0t52E7+H2swdWQNSTzfsolSa6LJHnTpN4T9OpJJEq4bxuzHRLFO9RBcy/UfrMQ==" + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, + "node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/systemjs": { + "version": "6.14.2", + "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-6.14.2.tgz", + "integrity": "sha512-1TlOwvKWdXxAY9vba+huLu99zrQURDWA8pUTYsRIYDZYQbGyK+pyEP4h4dlySsqo7ozyJBmYD20F+iUHhAltEg==" + }, + "node_modules/terser": { + "version": "5.20.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.20.0.tgz", + "integrity": "sha512-e56ETryaQDyebBwJIWYB2TT6f2EZ0fL0sW/JRXNMN26zZdKi2u/E/5my5lG6jNxym6qsrVXfFRmOdV42zlAgLQ==", + "dependencies": { + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "bin": { + "terser": "bin/terser" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/text-table": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", + "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", + "dev": true + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "engines": { + "node": ">=4" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/type-fest": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/urlpattern-polyfill": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-9.0.0.tgz", + "integrity": "sha512-WHN8KDQblxd32odxeIgo83rdVDE2bvdkb86it7bMhYZwWKJz0+O0RK/eZiHYnM+zgt/U7hAHOlCQGfjjvSkw2g==" + }, + "node_modules/vite": { + "version": "4.4.9", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.9.tgz", + "integrity": "sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==", + "dev": true, + "dependencies": { + "esbuild": "^0.18.10", + "postcss": "^8.4.27", + "rollup": "^3.27.1" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/wavesurfer.js": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/wavesurfer.js/-/wavesurfer.js-7.3.2.tgz", + "integrity": "sha512-CPi7qC0OcTE6HoQYIzwyWiJSl+Q+pcUa7jZOzlFcGt8kyOEdmPM2uo8IyGRQbJN/jzMdOgJKOwHxQ9akZhdOuw==" + }, + "node_modules/whatwg-fetch": { + "version": "3.6.19", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.19.tgz", + "integrity": "sha512-d67JP4dHSbm2TrpFj8AbO8DnL1JXL5J9u0Kq2xW6d0TFDbCA3Muhdt8orXC22utleTVj7Prqt82baN6RBvnEgw==" + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==" + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..aa6ff0a --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "name": "mm.spa", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "dependencies": { + "@lit-labs/task": "^3.0.2", + "@thepassle/app-tools": "^0.9.8", + "@web/rollup-plugin-polyfills-loader": "^2.0.1", + "lit": "^2.7.6", + "urlpattern-polyfill": "^9.0.0", + "wavesurfer.js": "^7.3.2" + }, + "devDependencies": { + "eslint": "^8.49.0", + "eslint-plugin-lit": "^1.9.1", + "sass": "^1.67.0", + "vite": "^4.4.5" + } +} diff --git a/public/data/audio_interviews.json b/public/data/audio_interviews.json new file mode 100644 index 0000000..5d91db6 --- /dev/null +++ b/public/data/audio_interviews.json @@ -0,0 +1,42 @@ +[ + { + "title": "Totally Wired with Kimberly Haas", + "details": "1980s", + "media": "01_Meredith Monk_Totally Wired with Kimberly Haas_1980s" + }, + { + "title": "Speaking of Music", + "details": "1984, Other Minds radio program Part 1 of 2", + "media": "02_Speaking of Music, Meredith Monk. 1984 Other Minds radio program_Part 1 of 2" + }, + { + "title": "Speaking of Music", + "details": "1984, Other Minds radio program Part 2 of 2", + "media": "03_Speaking of Music_ Meredith Monk, 1984. Other Minds radio program_Part 2 of 2" + }, + { + "title": "Interview with Irene Ferchl Bayn Rundfunk Vielkurjieunal", + "details": "1986", + "media": "04 Meredith Monk Interview with Irene Ferchl_Bayn Rundfunk Vielkurjieunal_1986" + }, + { + "title": "Terry Gross Interview", + "details": "1988", + "media": "05 Terry Gross interview_1987" + }, + { + "title": "WNYC Interview with David Garland", + "details": "2008, Sacred Sundays", + "media": "06 WNYC Interview w_ David Garland_SacredSundays_2008" + }, + { + "title": "Mark Frosty McNeil and Meredith Monk in Conversation", + "details": "2019, Red Bull Radio, Fireside Chat", + "media": "07_Red Bull Radio_Fireside Chat_Mark frosty McNeil and MM in conversation_4.11.19" + }, + { + "title": "Late Junction", + "details": "2019, BBC", + "media": "08_Late Junction_2019 - Meredith Monk v2 BBC" + } +] diff --git a/public/data/documentaries_interviews.json b/public/data/documentaries_interviews.json new file mode 100644 index 0000000..9b74b8a --- /dev/null +++ b/public/data/documentaries_interviews.json @@ -0,0 +1,32 @@ +[ + { + "title": "Meredith Monk: Inner Voice", + "detail": "2009, 82:00", + "media": "MeredithMonk_Inner Voice.mp4" + }, + { + "title": "Meredith Monk: A Documentary", + "detail": "by Sidsel Mundal, Norwegian Television Documentary, 1994", + "media": "1994 documentary by Sidsel Mundal_for Norwegian Television.m4v" + }, + { + "title": "Meredith Monk: A Documentary", + "detail": "by Mariusz Grzegorzek, Polish Television Documentary, 1995", + "media": "" + }, + { + "title": "Souls messenger", + "detail": "Poland, 2011", + "media": "" + }, + { + "title": "Meredith Monk", + "detail": "by Ingo Berhman, ECM Documentary - ECM50 | 1981, 2019", + "media": "" + }, + { + "title": "4 American Composers", + "detail": "Peter Greenaway Documentary", + "media": "" + } +] diff --git a/public/data/films.json b/public/data/films.json new file mode 100644 index 0000000..fe51488 --- /dev/null +++ b/public/data/films.json @@ -0,0 +1 @@ +[] diff --git a/public/data/music_sound.json b/public/data/music_sound.json new file mode 100644 index 0000000..b427a0c --- /dev/null +++ b/public/data/music_sound.json @@ -0,0 +1,128 @@ +[ + { + "title": "On Behalf of Nature - Album", + "details": "2016", + "media": "on_behalf_of_nature", + "album": true + }, + { + "title": "Piano Songs - Album", + "details": "2014", + "media": "piano_songs", + "album": true + }, + { + "title": "Songs of Ascension", + "details": "2011", + "media": "songs_of_ascension", + "album": true + }, + { + "title": "impermanance", + "details": "2008", + "media": "impermanance", + "album": true + }, + { + "title": "mercy", + "details": "2003", + "media": "mercy", + "album": true + }, + { + "title": "Volcano Songs", + "details": "1997", + "media": "volcano_songs", + "album": true + }, + { + "title": "ATLAS: an opera in three parts", + "details": "2-CD album, 1993", + "media": "atlas", + "album": true + }, + { + "title": "Facing North", + "details": "1992", + "media": "facing_north", + "album": true + }, + { + "title": "Book of Days", + "details": "1990", + "media": "book_of_days", + "album": true + }, + { + "title": "Do You Be", + "details": "1987", + "media": "do_you_be", + "album": true + }, + { + "title": "Turtle Dreams - Album", + "details": "1983", + "media": "turtule_dreams", + "album": true + }, + { + "title": "Dolmen Music - Album", + "details": "1981", + "media": "dolmen_music", + "album": true + }, + { + "title": "Songs from the Hill/Tablet - Album", + "details": "1977", + "media": "songs_from_the_hill", + "album": true + }, + { + "title": "Our Lady of Late - Album", + "details": "1973", + "media": "our_lady_of_late", + "album": true + }, + { + "title": "KEY: an album of invisible theater - Album", + "details": "1971", + "media": "key", + "album": true + }, + { + "title": "MEMORY GAME", + "details": "2020", + "media": "memory_game", + "album": true + }, + { + "title": "MONK MIX: Remixes and Interpretations of Music by Meredith Monk", + "details": "2-CD Album, 2012", + "media": "monk_mix", + "album": true + }, + { + "title": "Beginnings", + "details": "Album, 2009", + "media": "beginnings", + "album": true + }, + { + "title": "Radio Songs", + "details": "LP/Album, 2014", + "media": "radio_songs", + "album": true + }, + { + "title": "Monk and the Abbiss", + "details": "1996", + "media": "monk_and_the_abbiss", + "album": true + }, + { + "title": "Biography (from Education of the Girlchild)", + "details": "recording, 1978", + "media": "biography", + "album": true + } +] diff --git a/public/data/recordings_live.json b/public/data/recordings_live.json new file mode 100644 index 0000000..fe51488 --- /dev/null +++ b/public/data/recordings_live.json @@ -0,0 +1 @@ +[] diff --git a/public/fonts/stylesheet.css b/public/fonts/stylesheet.css new file mode 100644 index 0000000..c7a3887 --- /dev/null +++ b/public/fonts/stylesheet.css @@ -0,0 +1,54 @@ +@font-face { + font-family: 'Theinhardt'; + src: url('Theinhardt-Light.woff2') format('woff2'), + url('Theinhardt-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Theinhardt'; + src: url('Theinhardt-LightIta.woff2') format('woff2'), + url('Theinhardt-LightIta.woff') format('woff'); + font-weight: 300; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Theinhardt'; + src: url('Theinhardt-Medium.woff2') format('woff2'), + url('Theinhardt-Medium.woff') format('woff'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Theinhardt'; + src: url('Theinhardt-RegularIta.woff2') format('woff2'), + url('Theinhardt-RegularIta.woff') format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Theinhardt'; + src: url('Theinhardt-Regular.woff2') format('woff2'), + url('Theinhardt-Regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Theinhardt'; + src: url('Theinhardt-MediumIta.woff2') format('woff2'), + url('Theinhardt-MediumIta.woff') format('woff'); + font-weight: 500; + font-style: italic; + font-display: swap; +} + diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.js b/src/App.js new file mode 100644 index 0000000..c4e409b --- /dev/null +++ b/src/App.js @@ -0,0 +1,34 @@ +import { LitElement } from 'lit' +import Router from './api/Router.js' + +// global reset +import './assets/styles/main.scss' + +export class App extends LitElement { + static properties = {} + + constructor() { + super() + } + + firstUpdated() { + Router.addEventListener('route-changed', () => { + if ('startViewTransition' in document) { + return document.startViewTransition(() => { + this.requestUpdate() + }) + } + else { + this.requestUpdate() + } + }) + + } + + render() { + return Router.render() + } + +} + +customElements.define('mm-app', App) diff --git a/src/api/Router.js b/src/api/Router.js new file mode 100644 index 0000000..5057ab5 --- /dev/null +++ b/src/api/Router.js @@ -0,0 +1,105 @@ +// // Conditional ESM module loading (Node.js and browser) +// // @ts-ignore: Property 'UrlPattern' does not exist +if (!globalThis.URLPattern) { + await import('urlpattern-polyfill') +} + +import { Router } from '@thepassle/app-tools/router.js' +import { lazy } from '@thepassle/app-tools/router/plugins/lazy.js' +import { html } from 'lit' + +// home view +import '../views/home.js' + +const baseURL = import.meta.env.BASE_URL + +export default new Router({ + fallback: '/404', + routes: [ + { + path: resolveRouterPath(), + title: 'home', + short: 'home', + icon: 'home', + render: () => html`` + }, + { + path: resolveRouterPath('documentaries_interviews'), + title: 'Video Documentaries & Interviews', + short: 'docs & interviews', + icon: 'film', + plugins: [ + lazy(() => import('../views/videos.js')) + ], + render: () => html`` + }, + { + path: resolveRouterPath('audio_interviews'), + title: 'Audio Interviews', + short: 'interviews', + icon: 'headphones', + plugins: [ + lazy(() => import('../views/audio.js')) + ], + render: () => html`` + }, + { + path: resolveRouterPath('recordings_live'), + title: 'Recordings of Live Works', + short: 'live works', + icon: 'film', + plugins: [ + lazy(() => import('../views/videos.js')) + ], + render: () => html`` + }, + { + path: resolveRouterPath('music_sound'), + title: 'Music & Sound', + short: 'music & sound', + icon: 'headphones', + plugins: [ + lazy(() => import('../views/audio.js')) + ], + render: () => html`` + }, + { + path: resolveRouterPath('films'), + title: 'Films', + short: 'films', + icon: 'film', + plugins: [ + lazy(() => import('../views/videos.js')) + ], + render: () => html`` + }, + { + path: resolveRouterPath('images'), + title: 'Images', + short: 'images', + icon: 'camera', + plugins: [ + lazy(() => import('../views/images.js')) + ], + render: () => html`` + }, + { + path: '/404', + title: 'Not found', + hide: true, + plugins: [ + lazy(() => import('../views/fourohfour.js')) + ], + render: () => html`` + } + ] +}) + +export function resolveRouterPath(unresolvedPath) { + let resolvedPath = baseURL + if(unresolvedPath) { + resolvedPath = resolvedPath + unresolvedPath + } + + return resolvedPath +} diff --git a/src/api/utils.js b/src/api/utils.js new file mode 100644 index 0000000..993580e --- /dev/null +++ b/src/api/utils.js @@ -0,0 +1,24 @@ +function pad(d) { + return (d < 10) ? '0' + d.toString() : d.toString(); +} + +export const formatSeconds = (seconds) => { + let hrs = 0, min = 0, sec = 0 + + if (seconds) { + const fraction = seconds / 60 + min = fraction + + if (min > 60) { + hrs = min / 60 + min = 60 * (hrs % 1) + } + sec = parseInt(60 * (fraction % 1)) + } + + hrs = parseInt(hrs) + min = pad(parseInt(min)) + sec = pad(sec) + + return `${hrs}:${min}:${sec}` +} diff --git a/src/assets/icons/album.svg b/src/assets/icons/album.svg new file mode 100644 index 0000000..b3ac220 --- /dev/null +++ b/src/assets/icons/album.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/back-arrow.svg b/src/assets/icons/back-arrow.svg new file mode 100644 index 0000000..8fd1a0a --- /dev/null +++ b/src/assets/icons/back-arrow.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/camera.svg b/src/assets/icons/camera.svg new file mode 100644 index 0000000..f08a550 --- /dev/null +++ b/src/assets/icons/camera.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/icons/film.svg b/src/assets/icons/film.svg new file mode 100644 index 0000000..b19a282 --- /dev/null +++ b/src/assets/icons/film.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/fullscreen.svg b/src/assets/icons/fullscreen.svg new file mode 100644 index 0000000..b9e9b0c --- /dev/null +++ b/src/assets/icons/fullscreen.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/headphones.svg b/src/assets/icons/headphones.svg new file mode 100644 index 0000000..d611c2e --- /dev/null +++ b/src/assets/icons/headphones.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/home.svg b/src/assets/icons/home.svg new file mode 100644 index 0000000..222d8b6 --- /dev/null +++ b/src/assets/icons/home.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/notes.svg b/src/assets/icons/notes.svg new file mode 100644 index 0000000..1ce6278 --- /dev/null +++ b/src/assets/icons/notes.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/pause.svg b/src/assets/icons/pause.svg new file mode 100644 index 0000000..a94f26f --- /dev/null +++ b/src/assets/icons/pause.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/play-circle.svg b/src/assets/icons/play-circle.svg new file mode 100644 index 0000000..9d80a92 --- /dev/null +++ b/src/assets/icons/play-circle.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/play.svg b/src/assets/icons/play.svg new file mode 100644 index 0000000..1bdb717 --- /dev/null +++ b/src/assets/icons/play.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/skip-b15.svg b/src/assets/icons/skip-b15.svg new file mode 100644 index 0000000..fc90314 --- /dev/null +++ b/src/assets/icons/skip-b15.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/skip-f15.svg b/src/assets/icons/skip-f15.svg new file mode 100644 index 0000000..f009a07 --- /dev/null +++ b/src/assets/icons/skip-f15.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/skip-next.svg b/src/assets/icons/skip-next.svg new file mode 100644 index 0000000..3cb44ab --- /dev/null +++ b/src/assets/icons/skip-next.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/skip-prev.svg b/src/assets/icons/skip-prev.svg new file mode 100644 index 0000000..4662472 --- /dev/null +++ b/src/assets/icons/skip-prev.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/volume.svg b/src/assets/icons/volume.svg new file mode 100644 index 0000000..a7378b1 --- /dev/null +++ b/src/assets/icons/volume.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/styles/_fonts.scss b/src/assets/styles/_fonts.scss new file mode 100644 index 0000000..fd35580 --- /dev/null +++ b/src/assets/styles/_fonts.scss @@ -0,0 +1,13 @@ +@import url(/fonts/stylesheet.css); + +h1, h2, h3, h4, h5 { + font-weight: 500; +} + +p { + font-weight: 300; +} + +.title { + font-weight: 500; +} diff --git a/src/assets/styles/_reset.scss b/src/assets/styles/_reset.scss new file mode 100644 index 0000000..62ff289 --- /dev/null +++ b/src/assets/styles/_reset.scss @@ -0,0 +1,27 @@ +/* + Reset by Josh W Comeau + https://www.joshwcomeau.com/css/custom-css-reset/ +*/ +*, *::before, *::after { + box-sizing: border-box; +} +* { + margin: 0; +} +body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} +img, picture, video, canvas, svg { + display: block; + max-width: 100%; +} +input, button, textarea, select { + font: inherit; +} +p, h1, h2, h3, h4, h5, h6 { + overflow-wrap: break-word; +} +#root, #__next { + isolation: isolate; +} diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss new file mode 100644 index 0000000..0a5d8fd --- /dev/null +++ b/src/assets/styles/main.scss @@ -0,0 +1,25 @@ +@use 'reset.scss'; +@use 'fonts.scss'; + +body { + font-family: 'Theinhardt', sans-serif; + line-height: 1; + font-size: 16px; + + + --neutral-900: hsl(0 0% 0%); + --neutral-700: hsl(220 10% 44%); + --neutral-400: hsl(220 10% 88%); + --neutral-200: hsl(230 30% 96%); + --neutral-150: hsl(228 33% 94%); + --neutral-100: hsl(0 100% 100%); + + --green-500: hsl(147 100% 27%); + --green-400: hsl(147 100% 34%); + --green-200: hsl(147 100% 50%); + + --neutral-gradient-400: linear-gradient(to bottom, hsl(228, 5%, 82%) 0%, var(--neutral-400) 100%); + --green-gradient-400: linear-gradient(to bottom, var(--green-400) 0%, var(--green-500) 100%); + + --box-shadow: 0 0 6px 2px #00000010; +} diff --git a/src/components/AudioCard.js b/src/components/AudioCard.js new file mode 100644 index 0000000..eac71ff --- /dev/null +++ b/src/components/AudioCard.js @@ -0,0 +1,79 @@ +import { LitElement, css, html, unsafeCSS } from 'lit' + +import MainCSS from '../assets/styles/main.scss' + +import './SvgIcon.js' + +class AudioCard extends LitElement { + static properties = { + idx: { type: Number }, + icon: { type: String }, + details: { type: Object }, + selected: { type: Boolean } + } + + constructor() { + super() + this.details = {} + this.icon = 'play-circle' + } + + clickHandler() { + const event = new CustomEvent('select-audio', { + bubbles: true, composed: true, + detail: { ...this.details, idx: this.idx } + }) + + this.dispatchEvent(event) + } + + render() { + return html` +
+ + +
+

${this.details?.title}

+

${this.details?.details}

+
+
+ ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + * { + margin: 0; + } + + .heading { + font-weight: 500; + } + + mm-icon { + color: var(--green-400, black); + font-size: 3em; + } + + .card { + display: grid; + grid-auto-flow: column; + grid-template-columns: min-content 1fr; + gap: 1em; + align-items: center; + padding-inline: 0.75em; + padding-block: 0.5em; + background: var(--neutral-100, white); + min-height: 3.5em; + border-radius: 0.5em; + box-shadow: var(--box-shadow); + outline: 2px solid transparent; + transition: outline 0.5s ease; + } + + .card.selected { + outline: 2px solid var(--green-400, black); + } + ` ] +} + +customElements.define('mm-acard', AudioCard) diff --git a/src/components/AudioPlayer.js b/src/components/AudioPlayer.js new file mode 100644 index 0000000..de2c8ea --- /dev/null +++ b/src/components/AudioPlayer.js @@ -0,0 +1,368 @@ +import { LitElement, css, html, unsafeCSS } from 'lit' +import { Task } from '@lit-labs/task' +import WaveSurfer from 'wavesurfer.js' +import { formatSeconds } from '../api/utils' + +import MainCSS from '../assets/styles/main.scss?inline' + +// temp bg image +import Photo from '/images/Meredith Monk (1974) Photo Lauretta HArris.jpg?url' + +// components +import './SvgIcon.js' +import './RangeSlider.js' + +class AudioPlayer extends LitElement { + static properties = { + details: { type: Object }, + data: { state: true }, + playing: { state: true }, + volume: { state: true }, + track: { state: true }, + audio: { state: true }, + } + + constructor() { + super() + this.details = {} + this.data = {} + this.audio = null + this.playing = false + this.audioEl = {} + + this.track = 0 + } + + _getAudio = new Task( + this, + async () => { + if (!this.details.media) return + + if (this.details.tracks) { + console.log(this.details.tracks[0]) + + if (!this.audio) { + this.initAudio() + } + + this.audio.load(this.details.tracks[this.track]) + + return this.audio + } else { + try { + if (this.audio.media) { + this.audio.destroy() + } + + const wsEl = this.initWs() + + this.audio.load(`/media/${this.details.media}.mp3`, this.details.data) + + return wsEl + } catch (err) { + console.error(err) + } + } + }, + () => [ this.details ] + ) + + initAudio() { + this.audio = document.createElement('audio') + + + this.audio.addEventListener('loadstart', () => { + this.loading = true + }) + + this.audio.addEventListener('canplay', () => { + this.loading = false + }) + + this.audio.addEventListener('play', () => { + this.playing = true + }) + + this.audio.addEventListener('pause', () => { + this.playing = false + }) + + this.audio.addEventListener('loadedmetadata', () => { + this.data = { + ...this.data, + position: 0, + duration: this.audio.duration + } + }) + + this.audio.addEventListener('ended', () => { + // auto play next track or end if last track + }) + + this.audio.addEventListener('timeupdate', () => { + this.data = { + ...this.data, + position: this.audio.currentTime + } + }) + + this.audio.addEventListener('seeking', () => { + this.data = { + ...this.data, + position: this.audio.currentTime + } + }) + } + + initWs() { + const div = document.createElement('div') + div.classList.add('waveform') + + this.audio = WaveSurfer.create({ + container: div, + waveColor: '#ffffff50', + progressColor: 'white', + cursorColor: 'transparent', + fillParent: true, + barWidth: 4, + barGap: 6, + barRadius: 5, + dragToSeek: true, + }) + + this.audio.setVolume(0.6) + this.volume = this.audio.getVolume() + + this.audio.on('ready', (duration) => { + this.data = { + ...this.data, + position: 0, + duration + } + }) + + this.audio.on('play', () => { + this.playing = true + }) + + this.audio.on('pause', () => { + this.playing = false + }) + + this.audio.on('interaction', (newTime) => { + this.data = { + ...this.data, + position: newTime + } + }) + + this.audio.on('timeupdate', (currentTime) => { + this.data = { + ...this.data, + position: currentTime + } + }) + + return div + } + + togglePlay() { + this.audio.playPause() + } + + skipForward() { + this.audio.skip(15) + } + + skipBackward() { + this.audio.skip(-15) + } + + nextTrack() { + this.dispatchEvent(new Event('next-track', { bubbles: true, composed: true })) + } + + prevTrack() { + this.dispatchEvent(new CustomEvent('prev-track', { bubbles: true, composed: true })) + } + + volHandler(evt) { + if (evt.detail) { + this.audio.setVolume(evt.detail.value) + } + } + + progressCalc() { + const { position, duration } = this.data + let percentage = 0 + + if (position && duration) { + percentage = (position / duration) * 100 + } + + return `${percentage}%` + } + + render() { + return html` + +
+

${this.details.title}

+

${this.details.details}

+
+ +
+
+
+
+ + ${this._getAudio.render({ + complete: (div) => div + })} + + ${formatSeconds(this.data.position)} ${formatSeconds(this.data.duration)} +
+ +
+
+ + + + + +
+ + +
+ ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + position: absolute; + inset: 0; + padding: 1em; + display: grid; + grid-template-rows: 0.7fr 0.7fr 1fr; + gap: 1em; + opacity: 0; + animation: fadeIn 0.125s ease-in forwards; + overflow: hidden; + border-radius: 0.75em 0 0 0.75em; + isolation: isolate; + } + + .bg-img { + position: absolute; + inset: 0; + object-fit: cover; + object-position: center 25%; + opacity: 0.2; + mix-blend-mode: overlay; + scale: 1.1; + width: 100%; + height: 100%; + } + + header { + color: var(--netural-100, white); + font-size: 1.5em; + line-height: 1.2; + padding: 0.5em; + } + + header > p { + font-size: 1.5em; + max-width: 25ch; + } + + .info, .controls { + position: relative; + } + + .progress { + --progress-bar: 0%; + position: absolute; + display: flex; + align-items: center; + inset: 0; + z-index: 3; + pointer-events: none; + } + + .progress > .bar { + height: 0.25em; + width: var(--progress-bar); + background: #ffffff80; + border-radius: 100vmax; + } + + .time_pos, .time_dur { + font-family: sans-serif; + font-size: 0.85em; + color: var(--neutral-100, white); + position: absolute; + bottom: 1em; + } + + .time_dur { + right: 0; + } + + .controls { + display: flex; + flex-direction: column; + justify-content: space-evenly; + width: 65%; + margin-inline: auto; + } + + .controls > div { + display: flex; + align-items: center; + justify-content: space-evenly; + margin-block-end: 1em; + gap: 0.25em; + } + + mm-icon { + color: white; + font-size: 2.5em; + } + + mm-icon.skip15 { + font-size: 1.5em; + } + + mm-icon:not(.skip15, .play, .pause) { + font-size: 1em; + } + + mm-volctrl { + display: block; + width: 80%; + margin-inline: auto; + } + + .waveform { + position: relative; + height: 15em; + display: flex; + flex-direction: column; + justify-content: center; + } + + @keyframes fadeIn { + to { + opacity: 1; + } + } + ` ] +} + +customElements.define('mm-aplayer', AudioPlayer) diff --git a/src/components/Button.js b/src/components/Button.js new file mode 100644 index 0000000..28eab6f --- /dev/null +++ b/src/components/Button.js @@ -0,0 +1,50 @@ +import { LitElement, html, css, unsafeCSS } from 'lit' + +import './SvgIcon.js' + +import MainCSS from '../assets/styles/main.scss?inline' + +class Button extends LitElement { + static properties = {} + + constructor() { + super() + } + + render() { + return html` + + ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + --primary-color: currentcolor; + --background-color: lightgrey; + } + + button { + border: none; + display: flex; + align-items: center; + gap: 0.25em; + padding-block: 0.75em; + padding-inline-start: 1em; + padding-inline-end: 1.25em; + border-radius: 0.25em; + color: var(--primary-color); + background-color: var(--background-color); + } + + span { + text-transform: capitalize; + font-weight: 500; + font-size: 1.1em; + } + ` ] +} + +customElements.define('mm-button', Button) diff --git a/src/components/Footer.js b/src/components/Footer.js new file mode 100644 index 0000000..a770bfa --- /dev/null +++ b/src/components/Footer.js @@ -0,0 +1,71 @@ +import { LitElement, css, html, unsafeCSS } from 'lit' +import Router from '../api/Router' + +import MainCSS from '../assets/styles/main.scss?inline' +import './SvgIcon.js' + +class Footer extends LitElement { + static properties = {} + + constructor() { + super() + } + + render() { + return html` + ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + background: var(--neutral-200, white); + box-shadow: 0 0.5em 10px 10px #00000020; + } + + a { + display: flex; + align-items: center; + gap: 0.5em; + color: var(--green-400, blue); + text-decoration: none; + text-transform: capitalize; + } + + a > svg { + height: 1em; + width: 1em; + margin-inline-end: 0.5em; + } + + a.selected { + color: var(--neutral-900, black); + } + + .unicon { + width: 1em; + height: 1em; + outline: thin solid red; + } + + footer { + padding-inline: 0.5em; + padding-block-start: 0.5em; + padding-block-end: 0.75em; + } + + nav { + display: flex; + justify-content: space-around; + } + ` ] +} + +customElements.define('mm-footer', Footer) diff --git a/src/components/Header.js b/src/components/Header.js new file mode 100644 index 0000000..1ecb572 --- /dev/null +++ b/src/components/Header.js @@ -0,0 +1,57 @@ +import { LitElement, html, css, unsafeCSS } from 'lit' +import Router from '../api/Router.js' + +import './Button.js' + +import MainCSS from '../assets/styles/main.scss?inline' + +class Header extends LitElement { + static properties = {} + + constructor() { + super() + } + + navHome() { + Router.navigate('/') + } + + render() { + return html` +
+
+ back +
+ +

${Router.route.title || ''}

+ +
+ ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + header { + padding-inline: 0.5em; + padding-block-end: 0.5em; + } + + header > div { + display: flex; + align-items: center; + } + + mm-button { + --primary-color: var(--green-400); + --background-color: var(--neutral-400); + } + + h1 { + text-align: center; + text-transform: capitalize; + margin-block: 0.25em; + font-size: 1.75em; + } + ` ] +} + +customElements.define('mm-header', Header) diff --git a/src/components/HorizontalScroller.js b/src/components/HorizontalScroller.js new file mode 100644 index 0000000..6a1daff --- /dev/null +++ b/src/components/HorizontalScroller.js @@ -0,0 +1,40 @@ +import { LitElement, css, html } from 'lit' + +class HorizontalScroller extends LitElement { + static properties = {} + + constructor() { + super() + } + + render() { + return html` +
+ +
+ ` + } + + static styles = css` + :host { + --col-width: 10em; + --gap: 1em; + } + + .scroller { + display: grid; + gap: var(--gap); + grid-auto-flow: column; + grid-auto-columns: var(--col-width); + width: calc(100vw - 1em); + overflow: auto; + scroll-behaviour: smooth; + scroll-padding-inline: 0.5em; + padding-inline-start: 0.5em; + padding-inline-end: 0.5em; + padding-block-end: 0.75em; + } + ` +} + +customElements.define('mm-hscroller', HorizontalScroller) diff --git a/src/components/ImageViewer.js b/src/components/ImageViewer.js new file mode 100644 index 0000000..cca8ba3 --- /dev/null +++ b/src/components/ImageViewer.js @@ -0,0 +1,87 @@ +import { LitElement, css, html, unsafeCSS } from 'lit' + +import MainCSS from '../assets/styles/main.scss?inline' + +class ImageViewer extends LitElement { + static properties = { + src: { type: String }, + imgEl: { state: true }, + captionWidth: { state: true }, + loading: { state: true } + } + + constructor() { + super() + this.src = '' + this.imgEl = new Image() + this.captionWidth = 'min-content' + this.loading = true + } + + connectedCallback() { + super.connectedCallback() + this.imgEl.addEventListener('load', () => { + this.captionWidth = `${this.imgEl.offsetWidth}px` + this.loading = false + }) + } + + set src(val) { + if (val) { + this.imgEl.src = val + console.log(this.imgEl) + } + } + + render() { + return html` +
+ + ${this.imgEl} + + +
+ Image Description +
+
+ ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + figure { + position: absolute; + inset: 0; + display: grid; + grid-template-rows: 1fr 4em; + justify-content: center; + transition: opacity 0.5s ease; + } + + .loading { + opacity: 0; + } + + picture { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 100vw; + } + + figcaption { + padding-block: 0.75em; + width: var(--width); + margin-inline: auto; + } + + img { + position: absolute; + max-width: 100%; + max-height: 100%; + object-fit: contain; + } + ` ] +} + +customElements.define('mm-imageviewer', ImageViewer) diff --git a/src/components/Loading.js b/src/components/Loading.js new file mode 100644 index 0000000..7f1c5c4 --- /dev/null +++ b/src/components/Loading.js @@ -0,0 +1,88 @@ +import { LitElement, html, css } from 'lit' + +class Loading extends LitElement { + static properties = { + nobg: { type: Boolean } + } + + constructor() { + super() + this.nobg = false + } + + render() { + return html` +
+ Loading... +
+ ` + } + + static styles = css` + :host { + --fade-duration: 0.125s; + --pulse-duration: 0.75s; + height: 100%; + width: 100%; + } + + div { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + } + + div.pulse { + opacity: 0; + background-color: #ffffff60; + animation: + fadeIn var(--fade-duration) ease-in forwards, + pulse var(--pulse-duration) ease-in-out alternate infinite; + } + + .loading { + --dot-duration: 1s; + font-size: 2em; + font-style: italic; + font-weight: 200; + color: white; + } + + .d1, .d2, .d3 { + opacity: 0; + animation: dot var(--dot-duration) alternate infinite; + } + + .d2 { + animation-delay: calc(var(--dot-duration) * 0.3); + } + + .d3 { + animation-delay: calc(calc(var(--dot-duration) * 0.3) * 2); + } + + @keyframes fadeIn { + to { + opacity: 1; + } + } + + @keyframes dot { + to { + opacity: 1; + } + } + + @keyframes pulse { + from { + background-color: #ffffff20; + } + to { + background-color: #ffffff00; + } + } + ` +} + +customElements.define('mm-loading', Loading) diff --git a/src/components/ModularPlayer.js b/src/components/ModularPlayer.js new file mode 100644 index 0000000..31b454c --- /dev/null +++ b/src/components/ModularPlayer.js @@ -0,0 +1,584 @@ +import { LitElement, html, css,unsafeCSS } from 'lit' +import { Task } from '@lit-labs/task' +import { formatSeconds } from '../api/utils' +import WaveSurfer from 'wavesurfer.js' + +import Photo from '/images/Meredith Monk (1974) Photo Lauretta Harris.jpg' +import MainCSS from '../assets/styles/main.scss?inline' + +import './RangeSlider.js' +import './Loading.js' + +class ModularPlayer extends LitElement { + static properties = { + // property + details: { type: Object }, + + // state + duration: { state: true }, + position: { state: true }, + playing: { state: true }, + volume: { state: true }, + track: { state: true }, + loading: { state: true }, + + // audio element + audio: { state: true }, + ws: { state: true } + } + + constructor() { + super() + this.details = {} + this.audio = null + this.ws = null + + this.track = 0 + this.position = 0 + this.duration = 0 + this.loading = true + + this.initAudio() + } + + _getTrack = new Task( + this, + async () => { + if (this.details.tracks) { + this.audio.src = `/media${this.details.media}/${this.details.tracks[this.track]}` + } else { + this.audio.src = `/media${this.details.media}.mp3` + } + this.audio.load() + if (this.playing && this.audio.paused) { + this.audio.play() + } + }, + () => [ this.track ] + ) + + _renderWave = new Task( + this, + { + task: async () => { + return await this.initWs(this.details.data) + }, + autoRun: false + } + ) + + initAudio() { + this.audio = document.createElement('audio') + + if (!localStorage.getItem('deviceVolume')) { + localStorage.setItem('deviceVolume', 0.6) + } + + this.audio.addEventListener('loadstart', () => { + this.loading = true + this.audio.volume = localStorage.getItem('deviceVolume') + this.volume = this.audio.volume + }) + + this.audio.addEventListener('canplay', () => { + if (this.details.tracks) { + this.loading = false + } + }) + + this.audio.addEventListener('play', () => { + this.playing = true + }) + + this.audio.addEventListener('pause', () => { + this.playing = false + }) + + this.audio.addEventListener('loadedmetadata', () => { + this.position = 0 + this.duration = this.audio.duration + + if (this.duration > 0) { + this._renderWave.run() + } + }) + + this.audio.addEventListener('ended', () => { + this.audio.currentTime = 0 + this.position = this.audio.currentTime + + if (this.tracks) { + this.track += 1 + if (this.track >= this.details.tracks.length) { + this.track = 0 + } + + this.audio.src = `/media${this.details.media}/${this.details.tracks[this.track]}` + this.audio.load() + } + }) + + this.audio.addEventListener('timeupdate', () => { + this.position = this.audio.currentTime + }) + + this.audio.addEventListener('seeking', () => { + this.position = this.audio.currentTime + }) + } + + initWs(peakData) { + return new Promise((go, no) => { + try { + const div = document.createElement('div') + div.classList.add('waveform') + + this.ws = WaveSurfer.create({ + container: div, + waveColor: '#ffffff50', + progressColor: 'white', + cursorColor: 'transparent', + fillParent: true, + normalize: true, + barWidth: 4, + barGap: 6, + barRadius: 5, + dragToSeek: true, + media: this.audio, + peaks: peakData + }) + + this.ws.on('interaction', (currentTime) => { + this.position = currentTime + }) + + this.ws.on('ready', () => { + setTimeout(() => go(div), 500) + }) + } catch (err) { + no(new Error(err)) + } + }) + } + + togglePlay() { + if (this.audio.paused) { + this.playing = true + this.audio.play() + } else { + this.playing = false + this.audio.pause() + } + } + + seekTrack({ detail }) { + if (detail) { + const { value } = detail + this.audio.currentTime = value + this.position = value + } + } + + skipForward() { + this.audio.currentTime = this.audio.currentTime + 15 + } + + skipBackward() { + this.audio.currentTime = this.audio.currentTime - 15 + } + + selectTrack(evt) { + const trackNumber = evt.target.dataset.trackNumber + this.track = parseInt(trackNumber) + } + + nextTrack() { + if (this.details.tracks) { + if (this.track + 1 < this.details.tracks.length) { + this.track += 1 + } + } else { + this.dispatchEvent(new Event('next-track', { bubbles: true, composed: true })) + } + } + + prevTrack() { + if (this.details.tracks) { + if (this.track - 1 >= 0) { + this.track -= 1 + } + } else { + this.dispatchEvent(new Event('prev-track', { bubbles: true, composed: true })) + } + } + + volHandler(evt) { + if (evt.detail) { + this.audio.volume = evt.detail.value + localStorage.setItem('deviceVolume', evt.detail.value) + } + } + + progressCalc() { + let percentage = 0 + + if (this.position && this.duration) { + percentage = (this.position / this.duration) * 100 + } + + return `${percentage}%` + } + + render() { + return html` +
+ ${this.details.tracks ? html` +
+

${this.details.title}

+ +
+
    + ${this.details.tracks.map((t, i) => html` +
  • + + ${t} +
  • `)} +
+
+
+ ` : html``} + +
+

${this.details.tracks ? this.details?.tracks[this.track] : this.details.title}

+ ${this.details.tracks ? '' : html`

${this.details.details}

`} +
+ +
+ ${this._getTrack.render({ + complete: () => html` + ${formatSeconds(this.position)} + + ${!this.details.tracks ? + this._renderWave.render({ + initial: () => html``, + pending: () => html``, + complete: (ws) => html` +
+
+
+
+
+ ${ws}` + }) : + html`` + } + + ${formatSeconds(this.duration)} + ` + })} + + ${this.audio} +
+ +
+
+ + + + + +
+ +
+ + +
+
+
+ ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + --padding: 1rem; + --tracklist-background: lightgrey; + position: absolute; + inset: 0; + } + + .player { + position: absolute; + inset: 0; + display: grid; + gap: 1em; + opacity: 0; + animation: fadeIn 0.125s ease-in forwards; + overflow: hidden; + border-radius: 0.75em 0 0 0.75em; + isolation: isolate; + } + + .player:has(.tracklist) { + grid-template-rows: 0.7fr 0.5fr 0.3fr 1fr; + padding-block-end: 2em; + gap: 0; + + & header { + margin-block-start: 1.5em; + margin-block-end: 2em; + } + } + + .player:has(.waveform) { + grid-template-rows: 0.7fr 0.7fr 1fr; + + & header { + padding-block-start: 1em; + padding-inline: 1em; + } + } + + .bg-img { + position: absolute; + inset: 0; + object-fit: cover; + object-position: center 25%; + opacity: 0.2; + mix-blend-mode: overlay; + scale: 1.1; + width: 100%; + height: 100%; + } + + header { + color: var(--netural-100, white); + font-size: 1.5em; + line-height: 1.2; + } + + header > p { + font-size: 1.5em; + max-width: 25ch; + } + + .tracklist + header { + text-align: center; + font-size: 1.25em; + } + + .tracklist { + --tracklist-padding: calc(var(--padding) * 2); + position: relative; + background: var(--neutral-gradient-400); + height: 20em; + + > h2 { + margin-inline: var(--tracklist-padding); + margin-block-start: 0.75em; + padding-block-start: 0.75em; + border-block-start: thin solid var(--green-400); + } + + > .list { + position: absolute; + bottom: 0; + top: calc(var(--tracklist-padding) * 2.5); + right: var(--tracklist-padding); + left: var(--tracklist-padding); + overflow-x: hidden; + overflow-y: auto; + border-radius: 0.75em 0.75em 0 0; + background: var(--neutral-150); + box-shadow: var(--box-shadow); + } + } + + .list ul { + list-style: none; + padding: 0; + margin-block: 0; + margin-inline: 0; + + & li { + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + padding-block: 0.5em; + padding-inline: 0.5em; + + &:nth-child(2n-1) { + box-shadow: var(--box-shadow); + background: var(--neutral-100); + } + + & > * { + pointer-events: none; + } + + & > mm-icon { + font-size: 1em; + opacity: 0; + color: var(--neutral-700); + transition: opacity 0.25s ease, color 0.25s ease; + + &.playing { + color: var(--green-400); + } + } + + &.selected > mm-icon { + opacity: 1; + } + } + } + + .info, .controls { + position: relative; + display: flex; + padding-inline: var(--padding); + } + + mm-range { + --track-color: #ffffff50 + } + + .info:not(:has(.waveform)) { + display: flex; + gap: 1em; + align-items: center; + + + & > mm-range { + flex-grow: 1; + --track-height: 0.4em; + --thumb-size: 0; + } + + & .time_dur { + margin-inline-start: auto; + } + } + + .info:has(.waveform) { + & .time_pos, + & .time_dur { + position: absolute; + bottom: var(--padding); + } + + & .time_dur { + right: var(--padding); + } + } + + .time_pos, + .time_dur { + font-family: sans-serif; + font-size: 0.85em; + color: var(--neutral-100, white); + } + + .controls { + display: flex; + flex-direction: column; + justify-content: space-evenly; + width: 65%; + margin-inline: auto; + + + & > div { + display: flex; + align-items: center; + justify-content: space-evenly; + margin-block-end: 1em; + gap: 0.25em; + } + + & .volume { + display: flex; + width: 70%; + align-self: center; + gap: 0.75em; + + & mm-icon { + font-size: 1.25em; + } + + & mm-range { + --track-height: 0.25em; + --thumb-size: 0.8em; + flex-grow: 1; + } + } + } + + .progress { + --progress-bar: 0%; + position: absolute; + display: flex; + align-items: center; + inset: 0; + z-index: 3; + pointer-events: none; + padding-inline: var(--padding); + + > .bar { + --bar-height: 0.25em; + height: var(--bar-height); + width: var(--progress-bar); + background: #ffffff80; + border-radius: 100vmax; + position: relative; + + > .blob { + position: absolute; + top: calc(var(--bar-height) * -0.5); + right: calc(var(--bar-height) * -1); + width: 0.5em; + height: 0.5em; + border-radius: 100vmax; + background: white; + } + } + + } + + mm-icon { + color: white; + font-size: 2.5em; + + &.skip15 { + font-size: 1.5em; + } + + &:not(.skip15, .play, .pause) { + font-size: 1em; + } + } + + .waveform { + position: absolute; + inset: 0 var(--padding); + display: flex; + flex-direction: column; + justify-content: center; + } + + @keyframes fadeIn { + to { + opacity: 1; + } + } + ` ] +} + +customElements.define('mm-audio-player', ModularPlayer) diff --git a/src/components/NavCard.js b/src/components/NavCard.js new file mode 100644 index 0000000..1ebfcb5 --- /dev/null +++ b/src/components/NavCard.js @@ -0,0 +1,67 @@ +import { LitElement, html, css, unsafeCSS } from 'lit' +import Router from '../api/Router' + +import './SvgIcon.js' + +import MainCSS from '../assets/styles/main.scss?inline' + +class NavCard extends LitElement { + static properties = { + route: { type: Object } + } + + constructor() { + super() + this.route = {} + } + + firstUpdated() { + this.shadowRoot.host.addEventListener('click', () => { + Router.navigate(this.route.path) + }) + } + + render() { + return html` +
+ +

${this.route?.title}

+
+ ` + } + + static styles = [css`${unsafeCSS(MainCSS)}`, css` + :host { + --highlight-color: black; + --shadow: 0 0 0px transparent; + height: 100%; + background: linear-gradient(to bottom, rgb(255 255 255 / 0.9) 0%, rgb(159 159 159 / 0.6) 100%); + border-radius: 0.75em; + padding: 1em; + padding-block-start: 1.25em; + box-shadow: 0px 0px 10px #00000060; + text-shadow: var(--shadow); + } + + .card { + display: grid; + grid-template-columns: auto 1fr; + border-top: thin solid var(--highlight-color); + padding-block-start: 0.3em; + cursor: pointer; + font-size: 1.65em; + } + + mm-icon { + --svg-shadow: var(--shadow); + margin-inline-end: 0.5em; + font-size: 0.8em; + } + + .title { + max-width: 12ch; + } + `] +} + +customElements.define('mm-ncard', NavCard) diff --git a/src/components/RangeSlider.js b/src/components/RangeSlider.js new file mode 100644 index 0000000..7d39fa1 --- /dev/null +++ b/src/components/RangeSlider.js @@ -0,0 +1,117 @@ +import { LitElement, css, html, unsafeCSS } from 'lit' +import { live } from 'lit/directives/live.js' + +import MainCSS from '../assets/styles/main.scss?inline' + +class RangeSlider extends LitElement { + static properties = { + min: { type: Number }, + max: { type: Number }, + value: { type: Number }, + step: { type: Number }, + disabled: { type: Boolean }, + thumb: { type: Boolean }, + sliderEl: { state: true } + } + + constructor() { + super() + this.min = 0 + this.max = 1 + this.value = 0 + this.step = 0.01 + this.disabled = false + this.thumb = true + this.sliderEl = null + } + + firstUpdated() { + this.sliderEl = this.shadowRoot.querySelector('input') + this.sliderEl.style.setProperty('--progress', `${(this.sliderEl.value / this.sliderEl.max) * 100}%`) + } + + draw({ target: sliderEl }) { + const progress = (sliderEl.value / sliderEl.max) * 100 + sliderEl.style.setProperty('--progress', `${progress}%`) + + const event = new CustomEvent('input', { + bubbles: true, composed: true, + detail: { value: sliderEl.value } + }) + + this.dispatchEvent(event) + } + + willUpdate(changedProperties) { + if (changedProperties.has('value') && this.sliderEl) { + const progress = (this.value / this.max) * 100 + this.sliderEl.style.setProperty('--progress', `${progress}%`) + } + } + + render() { + return html` + + ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + --thumb-size: 1.5em; + --track-height: 0.5em; + --track-progress: white; + --track-color: grey; + --thumb-color: white; + --progress: 0%; + } + + input { + display: block; + appearance: none; + background: none; + cursor: pointer; + width: 100%; + border-radius: 100vmax; + + height: var(--track-height); + background: linear-gradient(to right, var(--track-progress), var(--progress), var(--track-color) var(--progress)); + } + + input::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + height: var(--thumb-size); + aspect-ratio: 1; + background-color: var(--thumb-color); + border-radius: 100vmax; + border: none; + } + + input::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + height: var(--thumb-size); + aspect-ratio: 1; + background-color: var(--thumb-color); + border-radius: 100vmax; + border: none; + } + + input::-moz-range-thumb { + appearance: none; + height: var(--thumb-size); + aspect-ratio: 1; + background-color: var(--thumb-color); + border-radius: 100vmax; + border: none; + } + ` ] +} + +customElements.define('mm-range', RangeSlider) diff --git a/src/components/SvgIcon.js b/src/components/SvgIcon.js new file mode 100644 index 0000000..5eb159c --- /dev/null +++ b/src/components/SvgIcon.js @@ -0,0 +1,47 @@ +import { LitElement, css, html } from 'lit' +import { unsafeSVG } from 'lit/directives/unsafe-svg.js' + +class SvgIcon extends LitElement { + static properties = { + name: { type: String }, + element: { state: true }, + } + + constructor() { + super() + this.name = '' + } + + attributeChangedCallback(att, _, nv) { + if (att === 'name' && nv) { + this.loadSVG(nv) + } + } + + async loadSVG(name) { + const { default: svg } = await import(`../assets/icons/${name}.svg?raw`) + this.element = html`${unsafeSVG(svg)}` + } + + render() { + return this.element + } + + static styles = css` + :host { + --svg-shadow: 0px 0px 0px transparent; + } + + svg { + fill: currentcolor; + display: block; + height: 1em; + width: 1em; + padding: 0; + margin: 0; + filter: drop-shadow(var(--svg-shadow)); + } + ` +} + +customElements.define('mm-icon', SvgIcon) diff --git a/src/components/VerticalCard.js b/src/components/VerticalCard.js new file mode 100644 index 0000000..ba45d9e --- /dev/null +++ b/src/components/VerticalCard.js @@ -0,0 +1,98 @@ +import { LitElement, html, css, unsafeCSS } from 'lit' + +import MainCSS from '../assets/styles/main.scss?inline' + +class VerticalCard extends LitElement { + static properties = { + details: { type: Object }, + selected: { type: Boolean } + } + + constructor() { + super() + this.details = {} + this.selected = false + } + + select() { + const event = new CustomEvent('video-select', { + bubbles: true, composed: true, + detail: { + ...this.details + } + }) + + this.dispatchEvent(event) + } + + render() { + return html` +
+ + + + +
+ ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + --background-color: lightgrey; + --font-color: black; + --image-placeholder: lightgrey; + --color: black; + } + + div { + height: 100%; + display: grid; + grid-template-rows: auto 0.2fr; + background: lightgrey; + line-height: 1; + overflow: hidden; + border-radius: var(--border-radius, 0.75em); + background: var(--background-color); + color: var(--font-color); + align-content: start; + } + + .selected { + outline: 2px solid var(--color); + } + + picture { + display: block; + background: var(--image-placeholder); + aspect-ratio: 1 / 1; + overflow: hidden; + } + + picture > img { + height: 100%; + width: 100%; + object-fit: cover; + object-position: center; + } + + aside { + padding: 0.5em; + font-size: 1em; + } + + .title { + font-weight: 500; + } + + .detail { + font-size: 0.7em; + line-height: 1.2; + margin-block-start: 0.125em; + } + ` ] +} + +customElements.define('mm-vcard', VerticalCard) diff --git a/src/components/VideoPlayer.js b/src/components/VideoPlayer.js new file mode 100644 index 0000000..1718d6a --- /dev/null +++ b/src/components/VideoPlayer.js @@ -0,0 +1,235 @@ +import { LitElement, css, html } from 'lit' + +import './RangeSlider.js' +import './SvgIcon.js' +import { formatSeconds } from '../api/utils.js' + +class VideoPlayer extends LitElement { + static properties = { + media: { type: String }, + autoplay: { type: Boolean }, + videoEl: { state: true }, + playing: { state: true }, + controls: { state: true }, + ctrlTimer: { state: true }, + position: { state: true }, + duration: { state: true }, + remain: { state: true } + } + + constructor() { + super() + this.media = '' + this.hostHeight = 0 + this.hostWidth = 0 + this.playing = false + this.controls = true + this.ctrlTimer = {} + this.position = 0 + this.duration = 0 + this.remain = true + this.autoplay = false + this.videoEl = document.createElement('video') + this.videoEl.playsInline = true + this.videoEl.preload = 'metadata' + } + + firstUpdated() { + this.videoEl.addEventListener('loadeddata', () => { + this.duration = this.videoEl.duration + }) + + this.videoEl.addEventListener('timeupdate', () => { + this.position = this.videoEl.currentTime + }) + } + + willUpdate(att) { + if (att.has('media')) { + this.videoEl.src = this.media + + if (this.autoplay) { + this.togglePlay() + this.interact() + } + } + this.update() + } + + togglePlay() { + if (this.playing) { + this.videoEl.pause() + } else { + this.videoEl.play() + } + this.playing = !this.playing + } + + interact() { + if (this.playing) { + // show controls + this.controls = true + clearTimeout(this.ctrlTimer) + + // timeout + this.ctrlTimer = setTimeout(() => { + if (this.playing) { + this.controls = false + } + }, 2000) + } + } + + toggleFullscreen() { + const container = this.shadowRoot.querySelector('.videoContainer') + + if (container.webkitSupportsFullscreen) { + container.webkitEnterFullscreen() + return + } + + if (document.fullscreenElement !== null) { + document.exitFullscreen() + container.setAttribute('data-fullscreen', false) + } else { + container.requestFullscreen() + container.setAttribute('data-fullscreen', true) + } + } + + toggleDuration() { + console.log(this.remain) + this.remain = !this.remain + } + + seek({ detail }) { + if (detail) { + this.interact() + + this.videoEl.currentTime = detail.value + this.position = detail.value + } + } + + render() { + return html` +
+ ${this.videoEl} + +
+
+ + +
+ +
+ + + + + +
+ ${formatSeconds(this.position)} + ${ this.remain ? `-${formatSeconds(this.duration - this.position)}` : formatSeconds(this.duration)} +
+
+
+
+ ` + } + + static styles = css` + :host { + height: 100%; + width: 100%; + position: relative; + } + + video { + position: absolute; + display: block; + inset: 0; + width: 100%; + height: 100%; + background: black; + } + + .controls { + position: absolute; + padding-inline: 0.75em; + padding-block: 0.5em; + left: 0; + right: 0; + bottom: 0; + z-index: 5; + transition: opacity 0.25s ease; + } + + .time { + display: flex; + color: white; + font-size: 0.65em; + padding-inline: 0.125em; + padding-block: 1em 0.5em; + } + + .dur { + margin-inline-start: auto; + } + + mm-icon { + display: block; + color: white; + } + + mm-icon.fullscreen { + font-size: 1.25em; + width: 1em; + margin-inline-start: auto; + margin-block-end: 1em; + } + + mm-range { + --track-height: 0.3em; + --thumb-size: 0.8em; + --track-color: #ffffff50; + } + + .touchbox { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + inset: 0; + opacity: 1; + transition: opacity 0.25s ease; + } + + .playPause { + display: grid; + align-items: center; + justify-content: center; + font-size: 2.25em; + transition: opacity 0.25 ease; + } + + .playPause > mm-icon { + inset: 0; + grid-column: 1 / span 1; + grid-row: 1 / span 1; + } + + .invisible { + pointer-events: none; + opacity: 0; + } + + ` +} + +customElements.define('mm-vplayer', VideoPlayer) diff --git a/src/views/audio.js b/src/views/audio.js new file mode 100644 index 0000000..7768511 --- /dev/null +++ b/src/views/audio.js @@ -0,0 +1,162 @@ +import { LitElement, css, html } from 'lit' +import { Task } from '@lit-labs/task' + +// components +import '../components/Header.js' +import '../components/Footer.js' +import '../components/Loading.js' +import '../components/AudioCard.js' +import '../components/ModularPlayer.js' + +import Router from '../api/Router.js' + +class AudioView extends LitElement { + static properties = { + path: { type: String }, + tracks: { type: Array }, + selected: { state: true } + } + + constructor() { + super() + this.path = '' + this.tracks = [] + this.selected = null + } + + firstUpdated() { + this.addEventListener('select-audio', ({ detail }) => { + this.selected = { ...detail, media: `${Router.route.path}/${detail.media}` } + console.log(this.selected) + this._selectAudio.run() + }) + + this.addEventListener('next-track', () => { + this._skipTrack(1) + }) + + this.addEventListener('prev-track', () => { + this._skipTrack(-1) + }) + } + + _getAudio = new Task( + this, + async () => { + const res = await fetch(`/data${Router.route.path}.json`) + const json = await res.json() + + this.tracks = json + // start track (0 is not currently available) + const idx = 1 + this.selected = { ...this.tracks[idx], idx, media: `${Router.route.path}/${this.tracks[idx].media}` } + }, + () => [ this.path ] + ) + + _selectAudio = new Task( + this, + { + task: async ([ selected ]) => { + const res = await fetch(`/media${selected.media}.json`) + return { ...selected, ...await res.json() } + }, + args: () => [ this.selected ] + } + ) + + _skipTrack(direction) { + const idx = (this.selected.idx + direction) % this.tracks.length + const detail = { ...this.tracks[idx], idx } + + this.selected = { ...detail, media: `${Router.route.path}/${detail.media}` } + this._selectAudio.run() + } + + render() { + return html` + + +
+ + +
+
+ ${this._selectAudio.render({ + pending: () => html``, + complete: (selected) => html`` + })} +
+
+
+ + + ` + } + + static styles = css` + :host { + display: flex; + flex-direction: column; + height: 100vh; + + } + + main { + flex-grow: 1; + display: grid; + grid-template-columns: 0.7fr 1fr; + gap: 0.5em; + } + + .tracks { + --border-radius: 0.75em; + --padding: 0.5em; + position: relative; + background: var(--neutral-400, lightgrey); + border-radius: 0 var(--border-radius) 0 0; + } + + .scroll-items { + position: absolute; + inset: 0; + padding-block: 0.75em; + padding-inline-start: 0.5em; + padding-inline-end: 0.75em; + border-radius: 0 calc(var(--border-radius) * 0.5) 0 0; + display: grid; + grid-auto-flow: rows; + align-content: start; + gap: 0.75em; + overflow-x: hidden; + overflow-y: auto; + } + + .player { + position: relative; + } + + .player > div { + position: absolute; + inset: 0; + border-radius: 0.75em 0 0 0.75em; + background: var(--green-gradient-400, lightgrey); + margin-block-end: 1em; + } + + mm-footer { + z-index: 1; + } + ` +} + + +customElements.define('mm-audio', AudioView) diff --git a/src/views/fourohfour.js b/src/views/fourohfour.js new file mode 100644 index 0000000..9ef7bbb --- /dev/null +++ b/src/views/fourohfour.js @@ -0,0 +1,48 @@ +import { LitElement, html, css } from 'lit' + +import '../components/Header.js' +import '../components/Footer.js' + +class FourOhFour extends LitElement { + static properties = {} + + constructor() { + super() + } + + render() { + return html` + + +
+

404

+

The page you're looking for cannot be found

+
+ + + ` + } + + static styles = css` + :host { + display: grid; + grid-template-rows: auto 1fr auto; + gap: 0.5em; + height: 100vh; + } + + main { + display: flex; + flex-direction: column; + padding: 0em 0em 10em; + text-align: center; + justify-content: center; + } + + main > * { + margin: 0.25em; + } + ` +} + +customElements.define('mm-404', FourOhFour) diff --git a/src/views/home.js b/src/views/home.js new file mode 100644 index 0000000..69d809d --- /dev/null +++ b/src/views/home.js @@ -0,0 +1,107 @@ +import { LitElement, html, css, unsafeCSS } from 'lit' +import Router from '../api/Router.js' + +import MainCSS from '../assets/styles/main.scss?inline' + +// components +import '../components/NavCard.js' + +class Home extends LitElement { + static properties = {} + + constructor() { + super() + } + + render() { + return html` +
+
+

Oude Kerk and Hartwig Art Foundation present

+

Meredith Monk: Calling

+
+
+ + + + + ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + --margin: 0.75em; + display: block; + display: flex; + flex-direction: column; + height: calc(100vh - calc(var(--margin) * 2)); + background-image: url('/images/home-bg.png'); + background-size: cover; + background-position: center; + margin: var(--margin); + } + + div { + background-color: white; + color: var(--green-400, black); + text-shadow: 0 0 5px rgba(0, 173, 78, 0.4); + padding-inline: 1em; + } + + header { + display: flex; + } + + header > div { + margin-inline: 4em; + border-radius: 0 0 0.75em 0.75em; + padding-block-start: 0.5em; + padding-block-end: 1em; + } + + header h1 { + font-size: 2.25em; + } + + .home-nav { + display: grid; + margin: 4em; + flex-grow: 1; + gap: 2.5em; + grid-template-columns: repeat(auto-fill, minmax(25vw, 1fr)); + grid-auto-rows: 1fr; + } + + mm-ncard { + --highlight-color: var(--green-400); + --shadow: 0px 0px 5px #00000099; + } + + footer { + display: flex; + align-items: center; + } + + footer > div { + margin-inline-end: 4em; + margin-inline-start: auto; + border-radius: 0.75em 0.75em 0 0; + padding-block-start: 1em; + padding-block-end: 0.5em; + } + + footer p { + font-size: 1.5em; + font-weight: 500; + } + + ` ] +} + +customElements.define('mm-home', Home) diff --git a/src/views/images.js b/src/views/images.js new file mode 100644 index 0000000..8a6b474 --- /dev/null +++ b/src/views/images.js @@ -0,0 +1,69 @@ +import { LitElement, css, html } from "lit"; + +import '../components/Header.js' +import '../components/Footer.js' +import '../components/HorizontalScroller.js' +import '../components/VerticalCard.js' +import '../components/ImageViewer.js' + +class ImageView extends LitElement { + static properties = {} + + constructor() { + super() + } + + render() { + return html` + +
+
+ +
+ + + + + + + + + + + + + + +
+ + ` + } + + static styles = css` + :host { + display: grid; + grid-template-rows: min-content 1fr min-content; + gap: 0.25em; + height: 100vh; + } + + mm-hscroller { + --col-width: 7.5em; + --gap: 0.75em; + } + + main { + display: grid; + grid-template-rows: 1fr auto; + gap: 0.5em; + } + + .image { + position: relative; + inline-margin: auto; + height: 100%; + } + ` +} + +customElements.define('mm-images', ImageView) diff --git a/src/views/videos.js b/src/views/videos.js new file mode 100644 index 0000000..58434ab --- /dev/null +++ b/src/views/videos.js @@ -0,0 +1,124 @@ +import { LitElement, html, css, unsafeCSS } from 'lit' +import { Task } from '@lit-labs/task' + +import MainCSS from '../assets/styles/main.scss?inline' + +// components +import '../components/Header.js' +import '../components/Footer.js' +import '../components/VerticalCard.js' +import '../components/VideoPlayer.js' +import '../components/HorizontalScroller.js' + +import Router from '../api/Router.js' + +class VideoPage extends LitElement { + static properties = { + data: { type: Array }, + fims: { type: Array, state: true }, + selected: { state: true } + } + + constructor() { + super() + this.data = [] + this.selected = {} + } + + firstUpdated() { + this.addEventListener('video-select', ({ detail }) => { + this.selected = { ...detail, media: `${Router.route.path}/${detail.media}`, autoplay: true } + }) + } + + _getVideos = new Task( + this, + async () => { + const res = await fetch(`/data/${Router.route.path}.json`) + this.films = await res.json() + this.selected = { ...this.films[0], media: `${Router.route.path}/${this.films[0].media}` } + }, + () => [ this.data ] + ) + + // TODO@mx this might not be necessary + _selectVideo = new Task( + this, + { + task: () => { + // console.log(this.selected) + }, + args: () => [ this.selected ], + } + ) + + render() { + return html` + + +
+ ${this._selectVideo.render({ + pending: () => html`Loading...`, + complete: () => html` + + + ` + })} +
+ + + ${this._getVideos.render({ + pending: () => html`Loading...`, + complete: () => html`${this.films.map(t => html` + ` + )}` + })} + + + ` + } + + static styles = [ css`${unsafeCSS(MainCSS)}`, css` + :host { + display: grid; + grid-template-rows: min-content 1fr min-content min-content; + gap: 0.25em; + height: 100vh; + } + + mm-vcard { + --color: var(--green-400); + --background-color: var(--neutral-200); + } + + main { + display: grid; + grid-template-columns: 0.4fr 1fr; + margin-inline: 0.5em; + margin-block-end: 0.5em; + gap: 0.5em; + } + + aside { + font-size: 1.5em; + padding-inline-start: 0.5em; + + > h2 { + max-width: 12ch; + margin-block-end: 0.2em; + } + + > .detail { + line-height: 1.1; + } + } + ` ] +} + +customElements.define('mm-videos', VideoPage) diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..c48bc09 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,9 @@ +import { defineConfig } from 'vite' + +export default defineConfig({ + base: '/', + build: { + sourcemap: true, + target: [ 'esnext', 'edge100', 'firefox100', 'chrome100', 'safari18' ], + }, +})