js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

revert path aliasing and update import orders

Browse Source
This commit is contained in:
Cory LaViska
2022-02-26 10:48:56 -05:00
parent 1147d6ba4a
commit 3fa41ea8d9
123 changed files with 326 additions and 705 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
.eslintrc.cjs
View File

@@ -64,15 +64,6 @@ module.exports = {
}
],
'@typescript-eslint/consistent-type-imports': 'warn',
// These are commented out for now as we may want to add them to improve function boundary safety
// "@typescript-eslint/explicit-function-return-type": [
// "error",
// {
// allowTypedFunctionExpressions: true,
// },
// ],
// "@typescript-eslint/explicit-member-accessibility": "warn",
// "@typescript-eslint/explicit-module-boundary-types": "error",
'@typescript-eslint/no-base-to-string': 'error',
'@typescript-eslint/no-confusing-non-null-assertion': 'error',
'@typescript-eslint/no-invalid-void-type': 'error',
@@ -207,42 +198,11 @@ module.exports = {
message: "Don't use the Boolean function. Use a strict comparison instead."
}
],
'no-restricted-imports': [
'warn',
{
patterns: [
{
group: ['../*'],
message: 'Usage of relative parent imports is not allowed.'
}
],
paths: [
{
name: '.',
message: 'Usage of local index imports is not allowed.'
},
{
name: './index',
message: 'Import from the source file instead.'
}
]
}
],
'import/no-duplicates': 'warn',
'import/order': [
'warn',
{
groups: ['builtin', 'external', ['parent', 'sibling', 'internal', 'index']],
pathGroups: [
{
pattern: '~/**',
group: 'internal'
},
{
pattern: 'dist/**',
group: 'external'
}
],
groups: ['builtin', 'external', 'parent', 'sibling', 'index'],
alphabetize: {
order: 'asc',
caseInsensitive: true

5
.vscode/settings.json vendored
View File

@@ -1,4 +1,7 @@
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": {
"source.organizeImports": true
}
}

3
cspell.json
View File

@@ -30,6 +30,7 @@
"Docsify",
"dropdowns",
"easings",
"eqeqeq",
"erroneou",
"esbuild",
"exportparts",
@@ -46,6 +47,7 @@
"hexa",
"Iconoir",
"Iframes",
"iife",
"inputmode",
"ionicon",
"ionicons",
@@ -101,7 +103,6 @@
"textareas",
"transitionend",
"Triaging",
"ttsc",
"turbolinks",
"unbundles",
"unbundling",

14
docs/getting-started/localization.md
View File

@@ -20,19 +20,7 @@ Through the magic of a mutation observer, changing the `lang` attribute will aut
## Available Translations
Shoelace ships with the following translations. The default is English (US), which also serves as the fallback locale. As such, you do not need to import the English translation.
- `en` - English (US)
- `de-CH` - German (Switzerland)
- `de` - German
- `es` - Spanish (Latin America)
- `fr` - French
- `he` - Hebrew
- `ja` - Japanese
- `nl` - Dutch
- `pl` - Polish
- `pt` - Portuguese
- `ru` - Russian
Shoelace ships with a number of translations. The default is English (US), which also serves as the fallback locale. As such, you do not need to import the English translation. To see a list of all available translations in the latest version, [refer to this directory](https://github.com/shoelace-style/shoelace/tree/current/src/translations).
The location of translations depends on how you're consuming Shoelace.

4
docs/resources/changelog.md
View File

@@ -6,6 +6,10 @@ Components with the <sl-badge variant="warning" pill>Experimental</sl-badge> bad
_During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛
## Next
- Removed path aliasing and third-party dependencies that it required
## 2.0.0-beta.70
- Added `tag-base`, `tag-content`, and `tag-remove-button` parts to `<sl-select>` [#682](https://github.com/shoelace-style/shoelace/discussions/682)

4
docs/tutorials/integrating-with-rails.md
View File

@@ -25,8 +25,8 @@ yarn add @shoelace-style/shoelace copy-webpack-plugin
The next step is to import Shoelace's default theme (stylesheet) in `app/javascript/stylesheets/application.scss`.
```css
@import '~@shoelace-style/shoelace/dist/themes/light';
@import '~@shoelace-style/shoelace/dist/themes/dark'; // Optional dark theme
@import '@shoelace-style/shoelace/dist/themes/light';
@import '@shoelace-style/shoelace/dist/themes/dark'; // Optional dark theme
```
Fore more details about themes, please refer to [Theme Basics](/getting-started/themes?id=theme-basics).

321
package-lock.json generated
View File

@@ -61,9 +61,7 @@
"sinon": "^13.0.1",
"strip-css-comments": "^5.0.0",
"tslib": "^2.3.1",
"ttypescript": "^1.5.13",
"typescript": "^4.5.5",
"typescript-transform-paths": "^3.3.1"
"typescript": "^4.5.5"
},
"engines": {
"node": ">=14.17.0"
@@ -506,29 +504,6 @@
"integrity": "sha512-/MB0RS0Gn01s4pgmjy0FvsLfr3RRMrRphEuvTRserNcM8XVtoIVAtrjig/Gg0DPwDrN8Clm0L1j7iQay6S8D0g==",
"dev": true
},
"node_modules/@cspotcode/source-map-consumer": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz",
"integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==",
"dev": true,
"peer": true,
"engines": {
"node": ">= 12"
}
},
"node_modules/@cspotcode/source-map-support": {
"version": "0.7.0",
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.7.0.tgz",
"integrity": "sha512-X4xqRHqN8ACt2aHVe51OxeA2HjbcL4MqFqXkrmQszJ1NOUuUu5u6Vqx/0lZSVNku7velL5FC/s5uEAj1lsBMhA==",
"dev": true,
"peer": true,
"dependencies": {
"@cspotcode/source-map-consumer": "0.8.0"
},
"engines": {
"node": ">=12"
}
},
"node_modules/@custom-elements-manifest/analyzer": {
"version": "0.5.7",
"resolved": "https://registry.npmjs.org/@custom-elements-manifest/analyzer/-/analyzer-0.5.7.tgz",
@@ -1016,34 +991,6 @@
"node": ">= 6"
}
},
"node_modules/@tsconfig/node10": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz",
"integrity": "sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==",
"dev": true,
"peer": true
},
"node_modules/@tsconfig/node12": {
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.9.tgz",
"integrity": "sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==",
"dev": true,
"peer": true
},
"node_modules/@tsconfig/node14": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.1.tgz",
"integrity": "sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==",
"dev": true,
"peer": true
},
"node_modules/@tsconfig/node16": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.2.tgz",
"integrity": "sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==",
"dev": true,
"peer": true
},
"node_modules/@types/accepts": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/@types/accepts/-/accepts-1.3.5.tgz",
@@ -2060,16 +2007,6 @@
"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
}
},
"node_modules/acorn-walk": {
"version": "8.2.0",
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
"dev": true,
"peer": true,
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/after": {
"version": "0.8.2",
"resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
@@ -2293,13 +2230,6 @@
"node": ">= 6"
}
},
"node_modules/arg": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
"dev": true,
"peer": true
},
"node_modules/argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -3747,13 +3677,6 @@
"node": ">=10"
}
},
"node_modules/create-require": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
"dev": true,
"peer": true
},
"node_modules/cross-fetch": {
"version": "3.1.5",
"resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
@@ -9049,13 +8972,6 @@
"semver": "bin/semver.js"
}
},
"node_modules/make-error": {
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
"integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
"dev": true,
"peer": true
},
"node_modules/make-fetch-happen": {
"version": "9.1.0",
"resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
@@ -13060,59 +12976,6 @@
"node": ">=0.8.0"
}
},
"node_modules/ts-node": {
"version": "10.5.0",
"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.5.0.tgz",
"integrity": "sha512-6kEJKwVxAJ35W4akuiysfKwKmjkbYxwQMTBaAxo9KKAx/Yd26mPUyhGz3ji+EsJoAgrLqVsYHNuuYwQe22lbtw==",
"dev": true,
"peer": true,
"dependencies": {
"@cspotcode/source-map-support": "0.7.0",
"@tsconfig/node10": "^1.0.7",
"@tsconfig/node12": "^1.0.7",
"@tsconfig/node14": "^1.0.0",
"@tsconfig/node16": "^1.0.2",
"acorn": "^8.4.1",
"acorn-walk": "^8.1.1",
"arg": "^4.1.0",
"create-require": "^1.1.0",
"diff": "^4.0.1",
"make-error": "^1.1.1",
"v8-compile-cache-lib": "^3.0.0",
"yn": "3.1.1"
},
"bin": {
"ts-node": "dist/bin.js",
"ts-node-cwd": "dist/bin-cwd.js",
"ts-node-script": "dist/bin-script.js",
"ts-node-transpile-only": "dist/bin-transpile.js",
"ts-script": "dist/bin-script-deprecated.js"
},
"peerDependencies": {
"@swc/core": ">=1.2.50",
"@swc/wasm": ">=1.2.50",
"@types/node": "*",
"typescript": ">=2.7"
},
"peerDependenciesMeta": {
"@swc/core": {
"optional": true
},
"@swc/wasm": {
"optional": true
}
}
},
"node_modules/ts-node/node_modules/diff": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
"dev": true,
"peer": true,
"engines": {
"node": ">=0.3.1"
}
},
"node_modules/tsconfig-paths": {
"version": "3.12.0",
"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.12.0.tgz",
@@ -13173,23 +13036,6 @@
"integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
"dev": true
},
"node_modules/ttypescript": {
"version": "1.5.13",
"resolved": "https://registry.npmjs.org/ttypescript/-/ttypescript-1.5.13.tgz",
"integrity": "sha512-KT/RBfGGlVJFqEI8cVvI3nMsmYcFvPSZh8bU0qX+pAwbi7/ABmYkzn7l/K8skw0xmYjVCoyaV6WLsBQxdadybQ==",
"dev": true,
"dependencies": {
"resolve": ">=1.9.0"
},
"bin": {
"ttsc": "bin/tsc",
"ttsserver": "bin/tsserver"
},
"peerDependencies": {
"ts-node": ">=8.0.2",
"typescript": ">=3.2.2"
}
},
"node_modules/type-check": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -13258,18 +13104,6 @@
"node": ">=4.2.0"
}
},
"node_modules/typescript-transform-paths": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/typescript-transform-paths/-/typescript-transform-paths-3.3.1.tgz",
"integrity": "sha512-c+8Cqd2rsRtTU68rJI0NX/OtqgBDddNs1fIxm1nCNyhn0WpoyqtpUxc1w9Ke5c5kgE4/OT5xYbKf2cf694RYEg==",
"dev": true,
"dependencies": {
"minimatch": "^3.0.4"
},
"peerDependencies": {
"typescript": ">=3.6.5"
}
},
"node_modules/typical": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/typical/-/typical-4.0.0.tgz",
@@ -13545,13 +13379,6 @@
"integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
"dev": true
},
"node_modules/v8-compile-cache-lib": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.0.tgz",
"integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==",
"dev": true,
"peer": true
},
"node_modules/v8-to-istanbul": {
"version": "8.1.1",
"resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz",
@@ -14099,16 +13926,6 @@
"node": ">= 4.0.0"
}
},
"node_modules/yn": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
"dev": true,
"peer": true,
"engines": {
"node": ">=6"
}
},
"node_modules/yocto-queue": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -14519,23 +14336,6 @@
"integrity": "sha512-/MB0RS0Gn01s4pgmjy0FvsLfr3RRMrRphEuvTRserNcM8XVtoIVAtrjig/Gg0DPwDrN8Clm0L1j7iQay6S8D0g==",
"dev": true
},
"@cspotcode/source-map-consumer": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-consumer/-/source-map-consumer-0.8.0.tgz",
"integrity": "sha512-41qniHzTU8yAGbCp04ohlmSrZf8bkf/iJsl3V0dRGsQN/5GFfx+LbCSsCpp2gqrqjTVg/K6O8ycoV35JIwAzAg==",
"dev": true,
"peer": true
},
"@cspotcode/source-map-support": {
"version": "0.7.0",
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.7.0.tgz",
"integrity": "sha512-X4xqRHqN8ACt2aHVe51OxeA2HjbcL4MqFqXkrmQszJ1NOUuUu5u6Vqx/0lZSVNku7velL5FC/s5uEAj1lsBMhA==",
"dev": true,
"peer": true,
"requires": {
"@cspotcode/source-map-consumer": "0.8.0"
}
},
"@custom-elements-manifest/analyzer": {
"version": "0.5.7",
"resolved": "https://registry.npmjs.org/@custom-elements-manifest/analyzer/-/analyzer-0.5.7.tgz",
@@ -14944,34 +14744,6 @@
"integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
"dev": true
},
"@tsconfig/node10": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.8.tgz",
"integrity": "sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==",
"dev": true,
"peer": true
},
"@tsconfig/node12": {
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.9.tgz",
"integrity": "sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==",
"dev": true,
"peer": true
},
"@tsconfig/node14": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.1.tgz",
"integrity": "sha512-509r2+yARFfHHE7T6Puu2jjkoycftovhXRqW328PDXTVGKihlb1P8Z9mMZH04ebyajfRY7dedfGynlrFHJUQCg==",
"dev": true,
"peer": true
},
"@tsconfig/node16": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.2.tgz",
"integrity": "sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==",
"dev": true,
"peer": true
},
"@types/accepts": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/@types/accepts/-/accepts-1.3.5.tgz",
@@ -15816,13 +15588,6 @@
"dev": true,
"requires": {}
},
"acorn-walk": {
"version": "8.2.0",
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
"dev": true,
"peer": true
},
"after": {
"version": "0.8.2",
"resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
@@ -15998,13 +15763,6 @@
}
}
},
"arg": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
"dev": true,
"peer": true
},
"argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -17133,13 +16891,6 @@
"yaml": "^1.10.0"
}
},
"create-require": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
"dev": true,
"peer": true
},
"cross-fetch": {
"version": "3.1.5",
"resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
@@ -21106,13 +20857,6 @@
}
}
},
"make-error": {
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
"integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
"dev": true,
"peer": true
},
"make-fetch-happen": {
"version": "9.1.0",
"resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz",
@@ -24232,37 +23976,6 @@
}
}
},
"ts-node": {
"version": "10.5.0",
"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.5.0.tgz",
"integrity": "sha512-6kEJKwVxAJ35W4akuiysfKwKmjkbYxwQMTBaAxo9KKAx/Yd26mPUyhGz3ji+EsJoAgrLqVsYHNuuYwQe22lbtw==",
"dev": true,
"peer": true,
"requires": {
"@cspotcode/source-map-support": "0.7.0",
"@tsconfig/node10": "^1.0.7",
"@tsconfig/node12": "^1.0.7",
"@tsconfig/node14": "^1.0.0",
"@tsconfig/node16": "^1.0.2",
"acorn": "^8.4.1",
"acorn-walk": "^8.1.1",
"arg": "^4.1.0",
"create-require": "^1.1.0",
"diff": "^4.0.1",
"make-error": "^1.1.1",
"v8-compile-cache-lib": "^3.0.0",
"yn": "3.1.1"
},
"dependencies": {
"diff": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
"dev": true,
"peer": true
}
}
},
"tsconfig-paths": {
"version": "3.12.0",
"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.12.0.tgz",
@@ -24315,15 +24028,6 @@
}
}
},
"ttypescript": {
"version": "1.5.13",
"resolved": "https://registry.npmjs.org/ttypescript/-/ttypescript-1.5.13.tgz",
"integrity": "sha512-KT/RBfGGlVJFqEI8cVvI3nMsmYcFvPSZh8bU0qX+pAwbi7/ABmYkzn7l/K8skw0xmYjVCoyaV6WLsBQxdadybQ==",
"dev": true,
"requires": {
"resolve": ">=1.9.0"
}
},
"type-check": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -24370,15 +24074,6 @@
"integrity": "sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==",
"dev": true
},
"typescript-transform-paths": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/typescript-transform-paths/-/typescript-transform-paths-3.3.1.tgz",
"integrity": "sha512-c+8Cqd2rsRtTU68rJI0NX/OtqgBDddNs1fIxm1nCNyhn0WpoyqtpUxc1w9Ke5c5kgE4/OT5xYbKf2cf694RYEg==",
"dev": true,
"requires": {
"minimatch": "^3.0.4"
}
},
"typical": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/typical/-/typical-4.0.0.tgz",
@@ -24580,13 +24275,6 @@
"integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
"dev": true
},
"v8-compile-cache-lib": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.0.tgz",
"integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==",
"dev": true,
"peer": true
},
"v8-to-istanbul": {
"version": "8.1.1",
"resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz",
@@ -25018,13 +24706,6 @@
"integrity": "sha512-faQrqNMzcPCHGVC2aaOINk13K+aaBDUPjGWl0teOXywElLjyVAB6Oe2jj62jHYtwsU49jXhScYbvPENK+6zAvQ==",
"dev": true
},
"yn": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
"dev": true,
"peer": true
},
"yocto-queue": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

4
package.json
View File

@@ -103,8 +103,6 @@
"sinon": "^13.0.1",
"strip-css-comments": "^5.0.0",
"tslib": "^2.3.1",
"ttypescript": "^1.5.13",
"typescript": "^4.5.5",
"typescript-transform-paths": "^3.3.1"
"typescript": "^4.5.5"
}
}

8
scripts/build.js
View File

@@ -1,14 +1,14 @@
import fs from 'fs';
import browserSync from 'browser-sync';
import chalk from 'chalk';
import { execSync } from 'child_process';
import commandLineArgs from 'command-line-args';
import copy from 'recursive-copy';
import del from 'del';
import esbuild from 'esbuild';
import fs from 'fs';
import getPort, { portNumbers } from 'get-port';
import { globby } from 'globby';
import { execSync } from 'child_process';
import open from 'open';
import copy from 'recursive-copy';
const { bundle, copydir, dir, serve, types } = commandLineArgs([
{ name: 'bundle', type: Boolean },
@@ -34,7 +34,7 @@ fs.mkdirSync(outdir, { recursive: true });
execSync(`node scripts/make-icons.js --outdir "${outdir}"`, { stdio: 'inherit' });
if (types) {
console.log('Running the TypeScript compiler...');
execSync(`ttsc --project ./tsconfig.prod.json --outdir "${outdir}"`, { stdio: 'inherit' });
execSync(`tsc --project ./tsconfig.prod.json --outdir "${outdir}"`, { stdio: 'inherit' });
}
} catch (err) {
console.error(chalk.red(err));

4
scripts/plop/templates/component/component.hbs
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import styles from './{{ tagWithoutPrefix tag }}.styles';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
/**
* @since 2.0

2
scripts/plop/templates/component/styles.hbs
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

2
src/components/alert/alert.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

12
src/components/alert/alert.ts
View File

@@ -1,12 +1,12 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { animateTo, stopAnimations } from '../../internal/animate';
import { emit, waitForEvent } from '../../internal/event';
import { watch } from '../../internal/watch';
import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry';
import '../icon-button/icon-button';
import styles from './alert.styles';
import '~/components/icon-button/icon-button';
import { animateTo, stopAnimations } from '~/internal/animate';
import { emit, waitForEvent } from '~/internal/event';
import { watch } from '~/internal/watch';
import { getAnimation, setDefaultAnimation } from '~/utilities/animation-registry';
const toastStack = Object.assign(document.createElement('div'), { className: 'sl-toast-stack' });

2
src/components/animated-image/animated-image.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

8
src/components/animated-image/animated-image.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import '../icon/icon';
import styles from './animated-image.styles';
import '~/components/icon/icon';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/animation/animation.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

6
src/components/animation/animation.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, queryAsync } from 'lit/decorators.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import styles from './animation.styles';
import { animations } from './animations';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/avatar/avatar.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/avatar/avatar.ts
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import '../icon/icon';
import styles from './avatar.styles';
import '~/components/icon/icon';
/**
* @since 2.0

2
src/components/badge/badge.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/breadcrumb-item/breadcrumb-item.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/breadcrumb-item/breadcrumb-item.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { HasSlotController } from '../../internal/slot';
import styles from './breadcrumb-item.styles';
import { HasSlotController } from '~/internal/slot';
/**
* @since 2.0

2
src/components/breadcrumb/breadcrumb.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

6
src/components/breadcrumb/breadcrumb.ts
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import type SlBreadcrumbItem from '../breadcrumb-item/breadcrumb-item';
import '../icon/icon';
import styles from './breadcrumb.styles';
import type SlBreadcrumbItem from '~/components/breadcrumb-item/breadcrumb-item';
import '~/components/icon/icon';
/**
* @since 2.0

2
src/components/button-group/button-group.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/button/button.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

8
src/components/button/button.ts
View File

@@ -3,11 +3,11 @@ import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { html, literal } from 'lit/static-html.js';
import { emit } from '../../internal/event';
import { FormSubmitController } from '../../internal/form-control';
import { HasSlotController } from '../../internal/slot';
import '../spinner/spinner';
import styles from './button.styles';
import '~/components/spinner/spinner';
import { emit } from '~/internal/event';
import { FormSubmitController } from '~/internal/form-control';
import { HasSlotController } from '~/internal/slot';
/**
* @since 2.0

2
src/components/card/card.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/card/card.ts
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { HasSlotController } from '../../internal/slot';
import styles from './card.styles';
import { HasSlotController } from '~/internal/slot';
/**
* @since 2.0

4
src/components/checkbox/checkbox.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

10
src/components/checkbox/checkbox.ts
View File

@@ -1,13 +1,13 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { live } from 'lit/directives/live.js';
import { autoIncrement } from '../../internal/auto-increment';
import { emit } from '../../internal/event';
import { FormSubmitController } from '../../internal/form-control';
import { watch } from '../../internal/watch';
import styles from './checkbox.styles';
import { autoIncrement } from '~/internal/auto-increment';
import { emit } from '~/internal/event';
import { FormSubmitController } from '~/internal/form-control';
import { watch } from '~/internal/watch';
/**
* @since 2.0

4
src/components/color-picker/color-picker.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

28
src/components/color-picker/color-picker.ts
View File

@@ -1,24 +1,24 @@
import Color from 'color';
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { live } from 'lit/directives/live.js';
import { styleMap } from 'lit/directives/style-map.js';
import { drag } from '../../internal/drag';
import { emit } from '../../internal/event';
import { FormSubmitController } from '../../internal/form-control';
import { clamp } from '../../internal/math';
import { watch } from '../../internal/watch';
import { LocalizeController } from '../../utilities/localize';
import '../button-group/button-group';
import '../button/button';
import '../dropdown/dropdown';
import type SlDropdown from '../dropdown/dropdown';
import '../icon/icon';
import '../input/input';
import type SlInput from '../input/input';
import styles from './color-picker.styles';
import '~/components/button-group/button-group';
import '~/components/button/button';
import type SlDropdown from '~/components/dropdown/dropdown';
import '~/components/dropdown/dropdown';
import '~/components/icon/icon';
import type SlInput from '~/components/input/input';
import '~/components/input/input';
import { drag } from '~/internal/drag';
import { emit } from '~/internal/event';
import { FormSubmitController } from '~/internal/form-control';
import { clamp } from '~/internal/math';
import { watch } from '~/internal/watch';
import { LocalizeController } from '~/utilities/localize';
const hasEyeDropper = 'EyeDropper' in window;

4
src/components/details/details.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

12
src/components/details/details.ts
View File

@@ -1,12 +1,12 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate';
import { emit, waitForEvent } from '../../internal/event';
import { watch } from '../../internal/watch';
import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry';
import '../icon/icon';
import styles from './details.styles';
import '~/components/icon/icon';
import { animateTo, stopAnimations, shimKeyframesHeightAuto } from '~/internal/animate';
import { emit, waitForEvent } from '~/internal/event';
import { watch } from '~/internal/watch';
import { getAnimation, setDefaultAnimation } from '~/utilities/animation-registry';
/**
* @since 2.0

2
src/components/dialog/dialog.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

22
src/components/dialog/dialog.ts
View File

@@ -1,18 +1,18 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { animateTo, stopAnimations } from '../../internal/animate';
import { emit, waitForEvent } from '../../internal/event';
import Modal from '../../internal/modal';
import { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll';
import { HasSlotController } from '../../internal/slot';
import { isPreventScrollSupported } from '../../internal/support';
import { watch } from '../../internal/watch';
import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry';
import { LocalizeController } from '../../utilities/localize';
import '../icon-button/icon-button';
import styles from './dialog.styles';
import '~/components/icon-button/icon-button';
import { animateTo, stopAnimations } from '~/internal/animate';
import { emit, waitForEvent } from '~/internal/event';
import Modal from '~/internal/modal';
import { lockBodyScrolling, unlockBodyScrolling } from '~/internal/scroll';
import { HasSlotController } from '~/internal/slot';
import { isPreventScrollSupported } from '~/internal/support';
import { watch } from '~/internal/watch';
import { setDefaultAnimation, getAnimation } from '~/utilities/animation-registry';
import { LocalizeController } from '~/utilities/localize';
const hasPreventScroll = isPreventScrollSupported();

2
src/components/divider/divider.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

2
src/components/divider/divider.ts
View File

@@ -1,7 +1,7 @@
import { LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { watch } from '../../internal/watch';
import styles from './divider.styles';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/drawer/drawer.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

24
src/components/drawer/drawer.ts
View File

@@ -1,19 +1,19 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { animateTo, stopAnimations } from '../../internal/animate';
import { emit, waitForEvent } from '../../internal/event';
import Modal from '../../internal/modal';
import { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll';
import { HasSlotController } from '../../internal/slot';
import { uppercaseFirstLetter } from '../../internal/string';
import { isPreventScrollSupported } from '../../internal/support';
import { watch } from '../../internal/watch';
import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry';
import { LocalizeController } from '../../utilities/localize';
import '../icon-button/icon-button';
import styles from './drawer.styles';
import '~/components/icon-button/icon-button';
import { animateTo, stopAnimations } from '~/internal/animate';
import { emit, waitForEvent } from '~/internal/event';
import Modal from '~/internal/modal';
import { lockBodyScrolling, unlockBodyScrolling } from '~/internal/scroll';
import { HasSlotController } from '~/internal/slot';
import { uppercaseFirstLetter } from '~/internal/string';
import { isPreventScrollSupported } from '~/internal/support';
import { watch } from '~/internal/watch';
import { setDefaultAnimation, getAnimation } from '~/utilities/animation-registry';
import { LocalizeController } from '~/utilities/localize';
const hasPreventScroll = isPreventScrollSupported();

2
src/components/dropdown/dropdown.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

18
src/components/dropdown/dropdown.ts
View File

@@ -1,17 +1,17 @@
import type { Instance as PopperInstance } from '@popperjs/core/dist/esm';
import { createPopper } from '@popperjs/core/dist/esm';
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import type SlMenuItem from '../../components/menu-item/menu-item';
import type SlMenu from '../../components/menu/menu';
import { animateTo, stopAnimations } from '../../internal/animate';
import { emit, waitForEvent } from '../../internal/event';
import { scrollIntoView } from '../../internal/scroll';
import { getTabbableBoundary } from '../../internal/tabbable';
import { watch } from '../../internal/watch';
import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry';
import styles from './dropdown.styles';
import type SlMenuItem from '~/components/menu-item/menu-item';
import type SlMenu from '~/components/menu/menu';
import { animateTo, stopAnimations } from '~/internal/animate';
import { emit, waitForEvent } from '~/internal/event';
import { scrollIntoView } from '~/internal/scroll';
import { getTabbableBoundary } from '~/internal/tabbable';
import { watch } from '~/internal/watch';
import { setDefaultAnimation, getAnimation } from '~/utilities/animation-registry';
/**
* @since 2.0

2
src/components/format-bytes/format-bytes.ts
View File

@@ -1,6 +1,6 @@
import { LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { LocalizeController } from '~/utilities/localize';
import { LocalizeController } from '../../utilities/localize';
/**

2
src/components/format-date/format-date.ts
View File

@@ -1,6 +1,6 @@
import { LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { LocalizeController } from '~/utilities/localize';
import { LocalizeController } from '../../utilities/localize';
/**
* @since 2.0

2
src/components/format-number/format-number.ts
View File

@@ -1,6 +1,6 @@
import { LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { LocalizeController } from '~/utilities/localize';
import { LocalizeController } from '../../utilities/localize';
/**
* @since 2.0

4
src/components/icon-button/icon-button.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/icon-button/icon-button.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import '../icon/icon';
import styles from './icon-button.styles';
import '~/components/icon/icon';
/**
* @since 2.0

2
src/components/icon/icon.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

8
src/components/icon/icon.ts
View File

@@ -1,12 +1,12 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, state } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import styles from './icon.styles';
import { getIconLibrary, watchIcon, unwatchIcon } from './library';
import { getIconLibrary, unwatchIcon, watchIcon } from './library';
import { requestIcon } from './request';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
const parser = new DOMParser();

2
src/components/icon/library.default.ts
View File

@@ -1,5 +1,5 @@
import { getBasePath } from '../../utilities/base-path';
import type { IconLibrary } from './library';
import { getBasePath } from '~/utilities/base-path';
const library: IconLibrary = {
name: 'default',

2
src/components/icon/library.ts
View File

@@ -1,6 +1,6 @@
import type SlIcon from '../../components/icon/icon';
import defaultLibrary from './library.default';
import systemLibrary from './library.system';
import type SlIcon from '~/components/icon/icon';
export type IconLibraryResolver = (name: string) => string;
export type IconLibraryMutator = (svg: SVGElement) => void;

2
src/components/icon/request.ts
View File

@@ -1,4 +1,4 @@
import { requestInclude } from '~/components/include/request';
import { requestInclude } from '../../components/include/request';
type IconFile =
| {

4
src/components/image-comparer/image-comparer.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

14
src/components/image-comparer/image-comparer.ts
View File

@@ -1,13 +1,13 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { styleMap } from 'lit/directives/style-map.js';
import { autoIncrement } from '../../internal/auto-increment';
import { drag } from '../../internal/drag';
import { emit } from '../../internal/event';
import { clamp } from '../../internal/math';
import { watch } from '../../internal/watch';
import '../icon/icon';
import styles from './image-comparer.styles';
import '~/components/icon/icon';
import { autoIncrement } from '~/internal/auto-increment';
import { drag } from '~/internal/drag';
import { emit } from '~/internal/event';
import { clamp } from '~/internal/math';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/include/include.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

6
src/components/include/include.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import styles from './include.styles';
import { requestInclude } from './request';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
/**
* @since 2.0

4
src/components/input/input.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import formControlStyles from '~/styles/form-control.styles';
import componentStyles from '../../styles/component.styles';
import formControlStyles from '../../styles/form-control.styles';
export default css`
${componentStyles}

14
src/components/input/input.ts
View File

@@ -1,15 +1,15 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { live } from 'lit/directives/live.js';
import { autoIncrement } from '../../internal/auto-increment';
import { emit } from '../../internal/event';
import { FormSubmitController, getLabelledBy, renderFormControl } from '../../internal/form-control';
import { HasSlotController } from '../../internal/slot';
import { watch } from '../../internal/watch';
import '../icon/icon';
import styles from './input.styles';
import '~/components/icon/icon';
import { autoIncrement } from '~/internal/auto-increment';
import { emit } from '~/internal/event';
import { FormSubmitController, getLabelledBy, renderFormControl } from '~/internal/form-control';
import { HasSlotController } from '~/internal/slot';
import { watch } from '~/internal/watch';
/**
* @since 2.0

4
src/components/menu-item/menu-item.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

6
src/components/menu-item/menu-item.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { watch } from '../../internal/watch';
import '../icon/icon';
import styles from './menu-item.styles';
import '~/components/icon/icon';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/menu-label/menu-label.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

2
src/components/menu/menu.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

10
src/components/menu/menu.ts
View File

@@ -1,10 +1,10 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, query } from 'lit/decorators.js';
import type SlMenuItem from '../../components/menu-item/menu-item';
import { emit } from '../../internal/event';
import { hasFocusVisible } from '../../internal/focus-visible';
import { getTextContent } from '../../internal/slot';
import styles from './menu.styles';
import type SlMenuItem from '~/components/menu-item/menu-item';
import { emit } from '~/internal/event';
import { hasFocusVisible } from '~/internal/focus-visible';
import { getTextContent } from '~/internal/slot';
export interface MenuSelectEventDetail {
item: SlMenuItem;

2
src/components/mutation-observer/mutation-observer.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

6
src/components/mutation-observer/mutation-observer.ts
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import styles from './mutation-observer.styles';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/progress-bar/progress-bar.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/progress-bar/progress-bar.ts
View File

@@ -1,10 +1,10 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { styleMap } from 'lit/directives/style-map.js';
import { LocalizeController } from '../../utilities/localize';
import styles from './progress-bar.styles';
import { LocalizeController } from '~/utilities/localize';
/**
* @since 2.0

2
src/components/progress-ring/progress-ring.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/progress-ring/progress-ring.ts
View File

@@ -1,7 +1,7 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { LocalizeController } from '../../utilities/localize';
import styles from './progress-ring.styles';
import { LocalizeController } from '~/utilities/localize';
/**
* @since 2.0

2
src/components/qr-code/qr-code.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/qr-code/qr-code.ts
View File

@@ -1,9 +1,9 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { styleMap } from 'lit/directives/style-map.js';
import QrCreator from 'qr-creator';
import { watch } from '../../internal/watch';
import styles from './qr-code.styles';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/radio-group/radio-group.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/radio-group/radio-group.ts
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import type SlRadio from '../radio/radio';
import styles from './radio-group.styles';
import type SlRadio from '~/components/radio/radio';
/**
* @since 2.0

4
src/components/radio/radio.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

2
src/components/radio/radio.test.ts
View File

@@ -1,7 +1,7 @@
import { expect, fixture, html, oneEvent } from '@open-wc/testing';
import { sendKeys } from '@web/test-runner-commands';
import type SlRadioGroup from '../../components/radio-group/radio-group';
import type SlRadio from './radio';
import type SlRadioGroup from '~/components/radio-group/radio-group';
describe('<sl-radio>', () => {
it('should be disabled with the disabled attribute', async () => {

8
src/components/radio/radio.ts
View File

@@ -1,12 +1,12 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { live } from 'lit/directives/live.js';
import { emit } from '../../internal/event';
import { FormSubmitController } from '../../internal/form-control';
import { watch } from '../../internal/watch';
import styles from './radio.styles';
import { emit } from '~/internal/event';
import { FormSubmitController } from '~/internal/form-control';
import { watch } from '~/internal/watch';
/**
* @since 2.0

6
src/components/range/range.styles.ts
View File

@@ -1,7 +1,7 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import formControlStyles from '~/styles/form-control.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
import formControlStyles from '../../styles/form-control.styles';
export default css`
${componentStyles}

12
src/components/range/range.ts
View File

@@ -1,14 +1,14 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { live } from 'lit/directives/live.js';
import { autoIncrement } from '../../internal/auto-increment';
import { emit } from '../../internal/event';
import { FormSubmitController, getLabelledBy, renderFormControl } from '../../internal/form-control';
import { HasSlotController } from '../../internal/slot';
import { watch } from '../../internal/watch';
import styles from './range.styles';
import { autoIncrement } from '~/internal/auto-increment';
import { emit } from '~/internal/event';
import { FormSubmitController, getLabelledBy, renderFormControl } from '~/internal/form-control';
import { HasSlotController } from '~/internal/slot';
import { watch } from '~/internal/watch';
/**
* @since 2.0

4
src/components/rating/rating.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

10
src/components/rating/rating.ts
View File

@@ -1,13 +1,13 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { styleMap } from 'lit/directives/style-map.js';
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
import { emit } from '../../internal/event';
import { clamp } from '../../internal/math';
import { watch } from '../../internal/watch';
import '../icon/icon';
import styles from './rating.styles';
import '~/components/icon/icon';
import { emit } from '~/internal/event';
import { clamp } from '~/internal/math';
import { watch } from '~/internal/watch';
/**
* @since 2.0

4
src/components/relative-time/relative-time.ts
View File

@@ -1,6 +1,6 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, state } from 'lit/decorators.js';
import { LocalizeController } from '~/utilities/localize';
import { LocalizeController } from '../../utilities/localize';
interface UnitConfig {
max: number;

2
src/components/resize-observer/resize-observer.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

6
src/components/resize-observer/resize-observer.ts
View File

@@ -1,8 +1,8 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import styles from './resize-observer.styles';
import { emit } from '~/internal/event';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/responsive-media/responsive-media.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/select/select.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import formControlStyles from '~/styles/form-control.styles';
import componentStyles from '../../styles/component.styles';
import formControlStyles from '../../styles/form-control.styles';
export default css`
${componentStyles}

30
src/components/select/select.ts
View File

@@ -1,23 +1,23 @@
import type { TemplateResult } from 'lit';
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { autoIncrement } from '../../internal/auto-increment';
import { emit } from '../../internal/event';
import { FormSubmitController, getLabelledBy, renderFormControl } from '../../internal/form-control';
import { getTextContent, HasSlotController } from '../../internal/slot';
import { watch } from '../../internal/watch';
import '../dropdown/dropdown';
import type SlDropdown from '../dropdown/dropdown';
import '../icon-button/icon-button';
import type SlIconButton from '../icon-button/icon-button';
import '../icon/icon';
import type SlMenuItem from '../menu-item/menu-item';
import type SlMenu from '../menu/menu';
import type { MenuSelectEventDetail } from '../menu/menu';
import '../tag/tag';
import styles from './select.styles';
import type SlDropdown from '~/components/dropdown/dropdown';
import '~/components/dropdown/dropdown';
import type SlIconButton from '~/components/icon-button/icon-button';
import '~/components/icon-button/icon-button';
import '~/components/icon/icon';
import type SlMenuItem from '~/components/menu-item/menu-item';
import type SlMenu from '~/components/menu/menu';
import type { MenuSelectEventDetail } from '~/components/menu/menu';
import '~/components/tag/tag';
import { autoIncrement } from '~/internal/auto-increment';
import { emit } from '~/internal/event';
import { FormSubmitController, getLabelledBy, renderFormControl } from '~/internal/form-control';
import { getTextContent, HasSlotController } from '~/internal/slot';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/skeleton/skeleton.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

2
src/components/spinner/spinner.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/split-panel/split-panel.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

12
src/components/split-panel/split-panel.ts
View File

@@ -1,12 +1,12 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { drag } from '../../internal/drag';
import { emit } from '../../internal/event';
import { clamp } from '../../internal/math';
import { watch } from '../../internal/watch';
import { LocalizeController } from '../../utilities/localize';
import styles from './split-panel.styles';
import { drag } from '~/internal/drag';
import { emit } from '~/internal/event';
import { clamp } from '~/internal/math';
import { watch } from '~/internal/watch';
import { LocalizeController } from '~/utilities/localize';
/**
* @since 2.0

4
src/components/switch/switch.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

10
src/components/switch/switch.ts
View File

@@ -1,13 +1,13 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { live } from 'lit/directives/live.js';
import { autoIncrement } from '../../internal/auto-increment';
import { emit } from '../../internal/event';
import { FormSubmitController } from '../../internal/form-control';
import { watch } from '../../internal/watch';
import styles from './switch.styles';
import { autoIncrement } from '~/internal/auto-increment';
import { emit } from '~/internal/event';
import { FormSubmitController } from '~/internal/form-control';
import { watch } from '~/internal/watch';
/**
* @since 2.0

2
src/components/tab-group/tab-group.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

16
src/components/tab-group/tab-group.ts
View File

@@ -1,14 +1,14 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { emit } from '../../internal/event';
import { scrollIntoView } from '../../internal/scroll';
import { watch } from '../../internal/watch';
import { LocalizeController } from '../../utilities/localize';
import '../icon-button/icon-button';
import type SlTabPanel from '../tab-panel/tab-panel';
import type SlTab from '../tab/tab';
import styles from './tab-group.styles';
import '~/components/icon-button/icon-button';
import type SlTabPanel from '~/components/tab-panel/tab-panel';
import type SlTab from '~/components/tab/tab';
import { emit } from '~/internal/event';
import { scrollIntoView } from '~/internal/scroll';
import { watch } from '~/internal/watch';
import { LocalizeController } from '~/utilities/localize';
/**
* @since 2.0

2
src/components/tab-panel/tab-panel.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

4
src/components/tab-panel/tab-panel.ts
View File

@@ -1,7 +1,7 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { autoIncrement } from '../../internal/auto-increment';
import styles from './tab-panel.styles';
import { autoIncrement } from '~/internal/auto-increment';
/**
* @since 2.0

4
src/components/tab/tab.styles.ts
View File

@@ -1,6 +1,6 @@
import { css } from 'lit';
import { focusVisibleSelector } from '~/internal/focus-visible';
import componentStyles from '~/styles/component.styles';
import { focusVisibleSelector } from '../../internal/focus-visible';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

10
src/components/tab/tab.ts
View File

@@ -1,11 +1,11 @@
import { LitElement, html } from 'lit';
import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { autoIncrement } from '../../internal/auto-increment';
import { emit } from '../../internal/event';
import { LocalizeController } from '../../utilities/localize';
import '../icon-button/icon-button';
import styles from './tab.styles';
import '~/components/icon-button/icon-button';
import { autoIncrement } from '~/internal/auto-increment';
import { emit } from '~/internal/event';
import { LocalizeController } from '~/utilities/localize';
/**
* @since 2.0

2
src/components/tag/tag.styles.ts
View File

@@ -1,5 +1,5 @@
import { css } from 'lit';
import componentStyles from '~/styles/component.styles';
import componentStyles from '../../styles/component.styles';
export default css`
${componentStyles}

Some files were not shown because too many files have changed in this diff Show More