From 3fa41ea8d973730dec12a0b8df5397a522d23fb2 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Sat, 26 Feb 2022 10:48:56 -0500 Subject: [PATCH] revert path aliasing and update import orders --- .eslintrc.cjs | 42 +-- .vscode/settings.json | 5 +- cspell.json | 3 +- docs/getting-started/localization.md | 14 +- docs/resources/changelog.md | 4 + docs/tutorials/integrating-with-rails.md | 4 +- package-lock.json | 321 +----------------- package.json | 4 +- scripts/build.js | 8 +- .../plop/templates/component/component.hbs | 4 +- scripts/plop/templates/component/styles.hbs | 2 +- src/components/alert/alert.styles.ts | 2 +- src/components/alert/alert.ts | 12 +- .../animated-image/animated-image.styles.ts | 2 +- .../animated-image/animated-image.ts | 8 +- src/components/animation/animation.styles.ts | 2 +- src/components/animation/animation.ts | 6 +- src/components/avatar/avatar.styles.ts | 2 +- src/components/avatar/avatar.ts | 4 +- src/components/badge/badge.styles.ts | 2 +- .../breadcrumb-item/breadcrumb-item.styles.ts | 4 +- .../breadcrumb-item/breadcrumb-item.ts | 4 +- .../breadcrumb/breadcrumb.styles.ts | 2 +- src/components/breadcrumb/breadcrumb.ts | 6 +- .../button-group/button-group.styles.ts | 2 +- src/components/button/button.styles.ts | 4 +- src/components/button/button.ts | 8 +- src/components/card/card.styles.ts | 2 +- src/components/card/card.ts | 4 +- src/components/checkbox/checkbox.styles.ts | 4 +- src/components/checkbox/checkbox.ts | 10 +- .../color-picker/color-picker.styles.ts | 4 +- src/components/color-picker/color-picker.ts | 28 +- src/components/details/details.styles.ts | 4 +- src/components/details/details.ts | 12 +- src/components/dialog/dialog.styles.ts | 2 +- src/components/dialog/dialog.ts | 22 +- src/components/divider/divider.styles.ts | 2 +- src/components/divider/divider.ts | 2 +- src/components/drawer/drawer.styles.ts | 2 +- src/components/drawer/drawer.ts | 24 +- src/components/dropdown/dropdown.styles.ts | 2 +- src/components/dropdown/dropdown.ts | 18 +- src/components/format-bytes/format-bytes.ts | 2 +- src/components/format-date/format-date.ts | 2 +- src/components/format-number/format-number.ts | 2 +- .../icon-button/icon-button.styles.ts | 4 +- src/components/icon-button/icon-button.ts | 4 +- src/components/icon/icon.styles.ts | 2 +- src/components/icon/icon.ts | 8 +- src/components/icon/library.default.ts | 2 +- src/components/icon/library.ts | 2 +- src/components/icon/request.ts | 2 +- .../image-comparer/image-comparer.styles.ts | 4 +- .../image-comparer/image-comparer.ts | 14 +- src/components/include/include.styles.ts | 2 +- src/components/include/include.ts | 6 +- src/components/input/input.styles.ts | 4 +- src/components/input/input.ts | 14 +- src/components/menu-item/menu-item.styles.ts | 4 +- src/components/menu-item/menu-item.ts | 6 +- .../menu-label/menu-label.styles.ts | 2 +- src/components/menu/menu.styles.ts | 2 +- src/components/menu/menu.ts | 10 +- .../mutation-observer.styles.ts | 2 +- .../mutation-observer/mutation-observer.ts | 6 +- .../progress-bar/progress-bar.styles.ts | 2 +- src/components/progress-bar/progress-bar.ts | 4 +- .../progress-ring/progress-ring.styles.ts | 2 +- src/components/progress-ring/progress-ring.ts | 4 +- src/components/qr-code/qr-code.styles.ts | 2 +- src/components/qr-code/qr-code.ts | 4 +- .../radio-group/radio-group.styles.ts | 2 +- src/components/radio-group/radio-group.ts | 4 +- src/components/radio/radio.styles.ts | 4 +- src/components/radio/radio.test.ts | 2 +- src/components/radio/radio.ts | 8 +- src/components/range/range.styles.ts | 6 +- src/components/range/range.ts | 12 +- src/components/rating/rating.styles.ts | 4 +- src/components/rating/rating.ts | 10 +- src/components/relative-time/relative-time.ts | 4 +- .../resize-observer/resize-observer.styles.ts | 2 +- .../resize-observer/resize-observer.ts | 6 +- .../responsive-media.styles.ts | 2 +- src/components/select/select.styles.ts | 4 +- src/components/select/select.ts | 30 +- src/components/skeleton/skeleton.styles.ts | 2 +- src/components/spinner/spinner.styles.ts | 2 +- .../split-panel/split-panel.styles.ts | 4 +- src/components/split-panel/split-panel.ts | 12 +- src/components/switch/switch.styles.ts | 4 +- src/components/switch/switch.ts | 10 +- src/components/tab-group/tab-group.styles.ts | 2 +- src/components/tab-group/tab-group.ts | 16 +- src/components/tab-panel/tab-panel.styles.ts | 2 +- src/components/tab-panel/tab-panel.ts | 4 +- src/components/tab/tab.styles.ts | 4 +- src/components/tab/tab.ts | 10 +- src/components/tag/tag.styles.ts | 2 +- src/components/tag/tag.ts | 6 +- src/components/textarea/textarea.styles.ts | 4 +- src/components/textarea/textarea.ts | 12 +- src/components/tooltip/tooltip.styles.ts | 2 +- src/components/tooltip/tooltip.ts | 10 +- .../visually-hidden/visually-hidden.styles.ts | 2 +- src/internal/modal.ts | 2 +- src/translations/da.ts | 4 +- src/translations/de-ch.ts | 4 +- src/translations/de.ts | 4 +- src/translations/en.ts | 4 +- src/translations/es.ts | 4 +- src/translations/fr.ts | 4 +- src/translations/he.ts | 4 +- src/translations/ja.ts | 4 +- src/translations/nl.ts | 4 +- src/translations/pl.ts | 4 +- src/translations/pt.ts | 4 +- src/translations/ru.ts | 4 +- src/utilities/animation.ts | 2 +- src/utilities/icon-library.ts | 2 +- src/utilities/localize.ts | 2 +- tsconfig.json | 18 +- 123 files changed, 326 insertions(+), 705 deletions(-) diff --git a/.eslintrc.cjs b/.eslintrc.cjs index 99928f98..701e49d3 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -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 diff --git a/.vscode/settings.json b/.vscode/settings.json index 1b6457c5..e628b9de 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,4 +1,7 @@ { "editor.formatOnSave": true, - "editor.defaultFormatter": "esbenp.prettier-vscode" + "editor.defaultFormatter": "esbenp.prettier-vscode", + "editor.codeActionsOnSave": { + "source.organizeImports": true + } } diff --git a/cspell.json b/cspell.json index 1bce6829..65bb7223 100644 --- a/cspell.json +++ b/cspell.json @@ -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", diff --git a/docs/getting-started/localization.md b/docs/getting-started/localization.md index 9e99102c..7ad594f3 100644 --- a/docs/getting-started/localization.md +++ b/docs/getting-started/localization.md @@ -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. diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 9c26d75d..bfb43a76 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -6,6 +6,10 @@ Components with the Experimental 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 `` [#682](https://github.com/shoelace-style/shoelace/discussions/682) diff --git a/docs/tutorials/integrating-with-rails.md b/docs/tutorials/integrating-with-rails.md index 62fb1cfb..e207e5b6 100644 --- a/docs/tutorials/integrating-with-rails.md +++ b/docs/tutorials/integrating-with-rails.md @@ -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). diff --git a/package-lock.json b/package-lock.json index 83219437..5fc53a1d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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", diff --git a/package.json b/package.json index cbc30d3c..d9d35ef9 100644 --- a/package.json +++ b/package.json @@ -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" } } diff --git a/scripts/build.js b/scripts/build.js index 6862aad3..52130314 100644 --- a/scripts/build.js +++ b/scripts/build.js @@ -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)); diff --git a/scripts/plop/templates/component/component.hbs b/scripts/plop/templates/component/component.hbs index e0772073..d36cfcb4 100644 --- a/scripts/plop/templates/component/component.hbs +++ b/scripts/plop/templates/component/component.hbs @@ -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 diff --git a/scripts/plop/templates/component/styles.hbs b/scripts/plop/templates/component/styles.hbs index fd001391..a4aafbb9 100644 --- a/scripts/plop/templates/component/styles.hbs +++ b/scripts/plop/templates/component/styles.hbs @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/alert/alert.styles.ts b/src/components/alert/alert.styles.ts index c171ce75..67139c34 100644 --- a/src/components/alert/alert.styles.ts +++ b/src/components/alert/alert.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/alert/alert.ts b/src/components/alert/alert.ts index 69c2bf2c..1e7085de 100644 --- a/src/components/alert/alert.ts +++ b/src/components/alert/alert.ts @@ -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' }); diff --git a/src/components/animated-image/animated-image.styles.ts b/src/components/animated-image/animated-image.styles.ts index b4d529b3..72685544 100644 --- a/src/components/animated-image/animated-image.styles.ts +++ b/src/components/animated-image/animated-image.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/animated-image/animated-image.ts b/src/components/animated-image/animated-image.ts index 476abef1..da928517 100644 --- a/src/components/animated-image/animated-image.ts +++ b/src/components/animated-image/animated-image.ts @@ -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 diff --git a/src/components/animation/animation.styles.ts b/src/components/animation/animation.styles.ts index 707b58af..cb10fcc6 100644 --- a/src/components/animation/animation.styles.ts +++ b/src/components/animation/animation.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/animation/animation.ts b/src/components/animation/animation.ts index cafd31d0..28a24af0 100644 --- a/src/components/animation/animation.ts +++ b/src/components/animation/animation.ts @@ -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 diff --git a/src/components/avatar/avatar.styles.ts b/src/components/avatar/avatar.styles.ts index 0e91a673..41b07afb 100644 --- a/src/components/avatar/avatar.styles.ts +++ b/src/components/avatar/avatar.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/avatar/avatar.ts b/src/components/avatar/avatar.ts index ff969e84..6027a6b8 100644 --- a/src/components/avatar/avatar.ts +++ b/src/components/avatar/avatar.ts @@ -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 diff --git a/src/components/badge/badge.styles.ts b/src/components/badge/badge.styles.ts index e1e2e26f..9279e6ff 100644 --- a/src/components/badge/badge.styles.ts +++ b/src/components/badge/badge.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/breadcrumb-item/breadcrumb-item.styles.ts b/src/components/breadcrumb-item/breadcrumb-item.styles.ts index ae174294..077cb291 100644 --- a/src/components/breadcrumb-item/breadcrumb-item.styles.ts +++ b/src/components/breadcrumb-item/breadcrumb-item.styles.ts @@ -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} diff --git a/src/components/breadcrumb-item/breadcrumb-item.ts b/src/components/breadcrumb-item/breadcrumb-item.ts index 5fed8209..654d42e0 100644 --- a/src/components/breadcrumb-item/breadcrumb-item.ts +++ b/src/components/breadcrumb-item/breadcrumb-item.ts @@ -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 diff --git a/src/components/breadcrumb/breadcrumb.styles.ts b/src/components/breadcrumb/breadcrumb.styles.ts index c6adb737..281a00f5 100644 --- a/src/components/breadcrumb/breadcrumb.styles.ts +++ b/src/components/breadcrumb/breadcrumb.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/breadcrumb/breadcrumb.ts b/src/components/breadcrumb/breadcrumb.ts index 605286fc..a3864577 100644 --- a/src/components/breadcrumb/breadcrumb.ts +++ b/src/components/breadcrumb/breadcrumb.ts @@ -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 diff --git a/src/components/button-group/button-group.styles.ts b/src/components/button-group/button-group.styles.ts index 4fb79e51..03cbf62e 100644 --- a/src/components/button-group/button-group.styles.ts +++ b/src/components/button-group/button-group.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts index 283de784..b0cfe461 100644 --- a/src/components/button/button.styles.ts +++ b/src/components/button/button.styles.ts @@ -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} diff --git a/src/components/button/button.ts b/src/components/button/button.ts index 8ca0098f..a9fc77bd 100644 --- a/src/components/button/button.ts +++ b/src/components/button/button.ts @@ -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 diff --git a/src/components/card/card.styles.ts b/src/components/card/card.styles.ts index 2f3d1bb6..817ca597 100644 --- a/src/components/card/card.styles.ts +++ b/src/components/card/card.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/card/card.ts b/src/components/card/card.ts index 4e17121e..eaded52f 100644 --- a/src/components/card/card.ts +++ b/src/components/card/card.ts @@ -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 diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts index 5ce6fdcd..e84d07b0 100644 --- a/src/components/checkbox/checkbox.styles.ts +++ b/src/components/checkbox/checkbox.styles.ts @@ -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} diff --git a/src/components/checkbox/checkbox.ts b/src/components/checkbox/checkbox.ts index 993ebabd..58efbd4a 100644 --- a/src/components/checkbox/checkbox.ts +++ b/src/components/checkbox/checkbox.ts @@ -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 diff --git a/src/components/color-picker/color-picker.styles.ts b/src/components/color-picker/color-picker.styles.ts index 76190ace..0d0a8b8e 100644 --- a/src/components/color-picker/color-picker.styles.ts +++ b/src/components/color-picker/color-picker.styles.ts @@ -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} diff --git a/src/components/color-picker/color-picker.ts b/src/components/color-picker/color-picker.ts index 8ef158f4..7788d754 100644 --- a/src/components/color-picker/color-picker.ts +++ b/src/components/color-picker/color-picker.ts @@ -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; diff --git a/src/components/details/details.styles.ts b/src/components/details/details.styles.ts index f8f18abb..e42646ef 100644 --- a/src/components/details/details.styles.ts +++ b/src/components/details/details.styles.ts @@ -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} diff --git a/src/components/details/details.ts b/src/components/details/details.ts index 3404df2a..032ccb79 100644 --- a/src/components/details/details.ts +++ b/src/components/details/details.ts @@ -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 diff --git a/src/components/dialog/dialog.styles.ts b/src/components/dialog/dialog.styles.ts index dbf14bfa..b2857bc3 100644 --- a/src/components/dialog/dialog.styles.ts +++ b/src/components/dialog/dialog.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/dialog/dialog.ts b/src/components/dialog/dialog.ts index 6cfd91a9..439f5749 100644 --- a/src/components/dialog/dialog.ts +++ b/src/components/dialog/dialog.ts @@ -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(); diff --git a/src/components/divider/divider.styles.ts b/src/components/divider/divider.styles.ts index 1d99a9be..f7d10246 100644 --- a/src/components/divider/divider.styles.ts +++ b/src/components/divider/divider.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/divider/divider.ts b/src/components/divider/divider.ts index 104ddb2b..13288ca0 100644 --- a/src/components/divider/divider.ts +++ b/src/components/divider/divider.ts @@ -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 diff --git a/src/components/drawer/drawer.styles.ts b/src/components/drawer/drawer.styles.ts index a7e07cf0..7499ae35 100644 --- a/src/components/drawer/drawer.styles.ts +++ b/src/components/drawer/drawer.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/drawer/drawer.ts b/src/components/drawer/drawer.ts index 0d7cd34e..24825172 100644 --- a/src/components/drawer/drawer.ts +++ b/src/components/drawer/drawer.ts @@ -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(); diff --git a/src/components/dropdown/dropdown.styles.ts b/src/components/dropdown/dropdown.styles.ts index a5578f23..902c90fd 100644 --- a/src/components/dropdown/dropdown.styles.ts +++ b/src/components/dropdown/dropdown.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/dropdown/dropdown.ts b/src/components/dropdown/dropdown.ts index ca53c46b..f99ae9c5 100644 --- a/src/components/dropdown/dropdown.ts +++ b/src/components/dropdown/dropdown.ts @@ -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 diff --git a/src/components/format-bytes/format-bytes.ts b/src/components/format-bytes/format-bytes.ts index 9bdbb649..07fd6c39 100644 --- a/src/components/format-bytes/format-bytes.ts +++ b/src/components/format-bytes/format-bytes.ts @@ -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'; /** diff --git a/src/components/format-date/format-date.ts b/src/components/format-date/format-date.ts index ab92c963..8e46972e 100644 --- a/src/components/format-date/format-date.ts +++ b/src/components/format-date/format-date.ts @@ -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 diff --git a/src/components/format-number/format-number.ts b/src/components/format-number/format-number.ts index db46a3c0..a2287601 100644 --- a/src/components/format-number/format-number.ts +++ b/src/components/format-number/format-number.ts @@ -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 diff --git a/src/components/icon-button/icon-button.styles.ts b/src/components/icon-button/icon-button.styles.ts index 4fa968c7..9500feb6 100644 --- a/src/components/icon-button/icon-button.styles.ts +++ b/src/components/icon-button/icon-button.styles.ts @@ -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} diff --git a/src/components/icon-button/icon-button.ts b/src/components/icon-button/icon-button.ts index 36fe7390..053982b4 100644 --- a/src/components/icon-button/icon-button.ts +++ b/src/components/icon-button/icon-button.ts @@ -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 diff --git a/src/components/icon/icon.styles.ts b/src/components/icon/icon.styles.ts index 1740bb46..eea47690 100644 --- a/src/components/icon/icon.styles.ts +++ b/src/components/icon/icon.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts index ca10b9ec..c278b383 100644 --- a/src/components/icon/icon.ts +++ b/src/components/icon/icon.ts @@ -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(); diff --git a/src/components/icon/library.default.ts b/src/components/icon/library.default.ts index c7b85725..28f3672c 100644 --- a/src/components/icon/library.default.ts +++ b/src/components/icon/library.default.ts @@ -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', diff --git a/src/components/icon/library.ts b/src/components/icon/library.ts index ce979e0c..42aa84a3 100644 --- a/src/components/icon/library.ts +++ b/src/components/icon/library.ts @@ -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; diff --git a/src/components/icon/request.ts b/src/components/icon/request.ts index a78629fd..61571eb1 100644 --- a/src/components/icon/request.ts +++ b/src/components/icon/request.ts @@ -1,4 +1,4 @@ -import { requestInclude } from '~/components/include/request'; +import { requestInclude } from '../../components/include/request'; type IconFile = | { diff --git a/src/components/image-comparer/image-comparer.styles.ts b/src/components/image-comparer/image-comparer.styles.ts index 132fb0ff..b3fd29f8 100644 --- a/src/components/image-comparer/image-comparer.styles.ts +++ b/src/components/image-comparer/image-comparer.styles.ts @@ -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} diff --git a/src/components/image-comparer/image-comparer.ts b/src/components/image-comparer/image-comparer.ts index 6e2a515e..e2a39c62 100644 --- a/src/components/image-comparer/image-comparer.ts +++ b/src/components/image-comparer/image-comparer.ts @@ -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 diff --git a/src/components/include/include.styles.ts b/src/components/include/include.styles.ts index fd001391..a4aafbb9 100644 --- a/src/components/include/include.styles.ts +++ b/src/components/include/include.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/include/include.ts b/src/components/include/include.ts index b288b45b..34527588 100644 --- a/src/components/include/include.ts +++ b/src/components/include/include.ts @@ -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 diff --git a/src/components/input/input.styles.ts b/src/components/input/input.styles.ts index a8ede283..4729f33b 100644 --- a/src/components/input/input.styles.ts +++ b/src/components/input/input.styles.ts @@ -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} diff --git a/src/components/input/input.ts b/src/components/input/input.ts index fbd86b05..287b676e 100644 --- a/src/components/input/input.ts +++ b/src/components/input/input.ts @@ -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 diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts index 5068c64c..cbeb8022 100644 --- a/src/components/menu-item/menu-item.styles.ts +++ b/src/components/menu-item/menu-item.styles.ts @@ -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} diff --git a/src/components/menu-item/menu-item.ts b/src/components/menu-item/menu-item.ts index 4a90414f..7c14787a 100644 --- a/src/components/menu-item/menu-item.ts +++ b/src/components/menu-item/menu-item.ts @@ -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 diff --git a/src/components/menu-label/menu-label.styles.ts b/src/components/menu-label/menu-label.styles.ts index 02c4458a..69ec644d 100644 --- a/src/components/menu-label/menu-label.styles.ts +++ b/src/components/menu-label/menu-label.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/menu/menu.styles.ts b/src/components/menu/menu.styles.ts index 857f02b2..defa8293 100644 --- a/src/components/menu/menu.styles.ts +++ b/src/components/menu/menu.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/menu/menu.ts b/src/components/menu/menu.ts index e19154d8..3ccf8cdc 100644 --- a/src/components/menu/menu.ts +++ b/src/components/menu/menu.ts @@ -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; diff --git a/src/components/mutation-observer/mutation-observer.styles.ts b/src/components/mutation-observer/mutation-observer.styles.ts index 707b58af..cb10fcc6 100644 --- a/src/components/mutation-observer/mutation-observer.styles.ts +++ b/src/components/mutation-observer/mutation-observer.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/mutation-observer/mutation-observer.ts b/src/components/mutation-observer/mutation-observer.ts index 4ab7e67b..c6604b1d 100644 --- a/src/components/mutation-observer/mutation-observer.ts +++ b/src/components/mutation-observer/mutation-observer.ts @@ -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 diff --git a/src/components/progress-bar/progress-bar.styles.ts b/src/components/progress-bar/progress-bar.styles.ts index 72bf9f63..f0957d1f 100644 --- a/src/components/progress-bar/progress-bar.styles.ts +++ b/src/components/progress-bar/progress-bar.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/progress-bar/progress-bar.ts b/src/components/progress-bar/progress-bar.ts index 307c452c..5b856b3f 100644 --- a/src/components/progress-bar/progress-bar.ts +++ b/src/components/progress-bar/progress-bar.ts @@ -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 diff --git a/src/components/progress-ring/progress-ring.styles.ts b/src/components/progress-ring/progress-ring.styles.ts index 07cc8c0c..b8c83ca6 100644 --- a/src/components/progress-ring/progress-ring.styles.ts +++ b/src/components/progress-ring/progress-ring.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/progress-ring/progress-ring.ts b/src/components/progress-ring/progress-ring.ts index 709dc45c..76935b95 100644 --- a/src/components/progress-ring/progress-ring.ts +++ b/src/components/progress-ring/progress-ring.ts @@ -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 diff --git a/src/components/qr-code/qr-code.styles.ts b/src/components/qr-code/qr-code.styles.ts index ab8d589d..99a10c06 100644 --- a/src/components/qr-code/qr-code.styles.ts +++ b/src/components/qr-code/qr-code.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/qr-code/qr-code.ts b/src/components/qr-code/qr-code.ts index 2d0a0ea5..268cf420 100644 --- a/src/components/qr-code/qr-code.ts +++ b/src/components/qr-code/qr-code.ts @@ -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 diff --git a/src/components/radio-group/radio-group.styles.ts b/src/components/radio-group/radio-group.styles.ts index d6d7b579..ffad5702 100644 --- a/src/components/radio-group/radio-group.styles.ts +++ b/src/components/radio-group/radio-group.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/radio-group/radio-group.ts b/src/components/radio-group/radio-group.ts index 3a77e1ba..e38a4116 100644 --- a/src/components/radio-group/radio-group.ts +++ b/src/components/radio-group/radio-group.ts @@ -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 diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts index 190313e2..cc5bf5f1 100644 --- a/src/components/radio/radio.styles.ts +++ b/src/components/radio/radio.styles.ts @@ -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} diff --git a/src/components/radio/radio.test.ts b/src/components/radio/radio.test.ts index 1c1800fe..ee109d21 100644 --- a/src/components/radio/radio.test.ts +++ b/src/components/radio/radio.test.ts @@ -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('', () => { it('should be disabled with the disabled attribute', async () => { diff --git a/src/components/radio/radio.ts b/src/components/radio/radio.ts index 794f12f2..0066be97 100644 --- a/src/components/radio/radio.ts +++ b/src/components/radio/radio.ts @@ -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 diff --git a/src/components/range/range.styles.ts b/src/components/range/range.styles.ts index 33a60daa..218440ca 100644 --- a/src/components/range/range.styles.ts +++ b/src/components/range/range.styles.ts @@ -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} diff --git a/src/components/range/range.ts b/src/components/range/range.ts index bcecdbd3..6d740ab1 100644 --- a/src/components/range/range.ts +++ b/src/components/range/range.ts @@ -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 diff --git a/src/components/rating/rating.styles.ts b/src/components/rating/rating.styles.ts index fc067a3f..7f6e22eb 100644 --- a/src/components/rating/rating.styles.ts +++ b/src/components/rating/rating.styles.ts @@ -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} diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts index bc148ce7..400e0e5e 100644 --- a/src/components/rating/rating.ts +++ b/src/components/rating/rating.ts @@ -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 diff --git a/src/components/relative-time/relative-time.ts b/src/components/relative-time/relative-time.ts index fd836851..f0770605 100644 --- a/src/components/relative-time/relative-time.ts +++ b/src/components/relative-time/relative-time.ts @@ -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; diff --git a/src/components/resize-observer/resize-observer.styles.ts b/src/components/resize-observer/resize-observer.styles.ts index 707b58af..cb10fcc6 100644 --- a/src/components/resize-observer/resize-observer.styles.ts +++ b/src/components/resize-observer/resize-observer.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/resize-observer/resize-observer.ts b/src/components/resize-observer/resize-observer.ts index 3db70dd7..5f642948 100644 --- a/src/components/resize-observer/resize-observer.ts +++ b/src/components/resize-observer/resize-observer.ts @@ -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 diff --git a/src/components/responsive-media/responsive-media.styles.ts b/src/components/responsive-media/responsive-media.styles.ts index 165edfbf..f9e7ed9b 100644 --- a/src/components/responsive-media/responsive-media.styles.ts +++ b/src/components/responsive-media/responsive-media.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts index 6cdd0154..cffa0932 100644 --- a/src/components/select/select.styles.ts +++ b/src/components/select/select.styles.ts @@ -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} diff --git a/src/components/select/select.ts b/src/components/select/select.ts index fadb78f8..ae6f7617 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -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 diff --git a/src/components/skeleton/skeleton.styles.ts b/src/components/skeleton/skeleton.styles.ts index c6d25eb3..a52cf7ad 100644 --- a/src/components/skeleton/skeleton.styles.ts +++ b/src/components/skeleton/skeleton.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/spinner/spinner.styles.ts b/src/components/spinner/spinner.styles.ts index 57a51371..21e474af 100644 --- a/src/components/spinner/spinner.styles.ts +++ b/src/components/spinner/spinner.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/split-panel/split-panel.styles.ts b/src/components/split-panel/split-panel.styles.ts index 15a1c78c..177f41fb 100644 --- a/src/components/split-panel/split-panel.styles.ts +++ b/src/components/split-panel/split-panel.styles.ts @@ -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} diff --git a/src/components/split-panel/split-panel.ts b/src/components/split-panel/split-panel.ts index 8016c9f7..e157240d 100644 --- a/src/components/split-panel/split-panel.ts +++ b/src/components/split-panel/split-panel.ts @@ -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 diff --git a/src/components/switch/switch.styles.ts b/src/components/switch/switch.styles.ts index 9daaaa06..e7a8d78f 100644 --- a/src/components/switch/switch.styles.ts +++ b/src/components/switch/switch.styles.ts @@ -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} diff --git a/src/components/switch/switch.ts b/src/components/switch/switch.ts index f822a40e..099469a0 100644 --- a/src/components/switch/switch.ts +++ b/src/components/switch/switch.ts @@ -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 diff --git a/src/components/tab-group/tab-group.styles.ts b/src/components/tab-group/tab-group.styles.ts index 20fd0d49..e79b2322 100644 --- a/src/components/tab-group/tab-group.styles.ts +++ b/src/components/tab-group/tab-group.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/tab-group/tab-group.ts b/src/components/tab-group/tab-group.ts index 12f11368..490470b9 100644 --- a/src/components/tab-group/tab-group.ts +++ b/src/components/tab-group/tab-group.ts @@ -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 diff --git a/src/components/tab-panel/tab-panel.styles.ts b/src/components/tab-panel/tab-panel.styles.ts index b32d7869..685a2d91 100644 --- a/src/components/tab-panel/tab-panel.styles.ts +++ b/src/components/tab-panel/tab-panel.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/tab-panel/tab-panel.ts b/src/components/tab-panel/tab-panel.ts index 66909fd0..09ba1022 100644 --- a/src/components/tab-panel/tab-panel.ts +++ b/src/components/tab-panel/tab-panel.ts @@ -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 diff --git a/src/components/tab/tab.styles.ts b/src/components/tab/tab.styles.ts index 8f07e5b7..46fec21e 100644 --- a/src/components/tab/tab.styles.ts +++ b/src/components/tab/tab.styles.ts @@ -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} diff --git a/src/components/tab/tab.ts b/src/components/tab/tab.ts index 7a05f198..a1653484 100644 --- a/src/components/tab/tab.ts +++ b/src/components/tab/tab.ts @@ -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 diff --git a/src/components/tag/tag.styles.ts b/src/components/tag/tag.styles.ts index 5e4b279f..d3472032 100644 --- a/src/components/tag/tag.styles.ts +++ b/src/components/tag/tag.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/tag/tag.ts b/src/components/tag/tag.ts index 6242caee..86b01d5a 100644 --- a/src/components/tag/tag.ts +++ b/src/components/tag/tag.ts @@ -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 { emit } from '../../internal/event'; +import '../icon-button/icon-button'; import styles from './tag.styles'; -import '~/components/icon-button/icon-button'; -import { emit } from '~/internal/event'; /** * @since 2.0 diff --git a/src/components/textarea/textarea.styles.ts b/src/components/textarea/textarea.styles.ts index 2b2d7bd8..b25c7ad9 100644 --- a/src/components/textarea/textarea.styles.ts +++ b/src/components/textarea/textarea.styles.ts @@ -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} diff --git a/src/components/textarea/textarea.ts b/src/components/textarea/textarea.ts index a661d00e..a6cc306f 100644 --- a/src/components/textarea/textarea.ts +++ b/src/components/textarea/textarea.ts @@ -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 './textarea.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 diff --git a/src/components/tooltip/tooltip.styles.ts b/src/components/tooltip/tooltip.styles.ts index cea11433..a01d5bd7 100644 --- a/src/components/tooltip/tooltip.styles.ts +++ b/src/components/tooltip/tooltip.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/components/tooltip/tooltip.ts b/src/components/tooltip/tooltip.ts index dbf59c2c..31d25e11 100644 --- a/src/components/tooltip/tooltip.ts +++ b/src/components/tooltip/tooltip.ts @@ -1,13 +1,13 @@ 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 { animateTo, parseDuration, stopAnimations } from '../../internal/animate'; +import { emit, waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; import styles from './tooltip.styles'; -import { animateTo, parseDuration, stopAnimations } from '~/internal/animate'; -import { emit, waitForEvent } from '~/internal/event'; -import { watch } from '~/internal/watch'; -import { setDefaultAnimation, getAnimation } from '~/utilities/animation-registry'; /** * @since 2.0 diff --git a/src/components/visually-hidden/visually-hidden.styles.ts b/src/components/visually-hidden/visually-hidden.styles.ts index af0a1266..fda6bce7 100644 --- a/src/components/visually-hidden/visually-hidden.styles.ts +++ b/src/components/visually-hidden/visually-hidden.styles.ts @@ -1,5 +1,5 @@ import { css } from 'lit'; -import componentStyles from '~/styles/component.styles'; +import componentStyles from '../../styles/component.styles'; export default css` ${componentStyles} diff --git a/src/internal/modal.ts b/src/internal/modal.ts index eb1fce47..83d978bb 100644 --- a/src/internal/modal.ts +++ b/src/internal/modal.ts @@ -1,4 +1,4 @@ -import { getTabbableBoundary } from '~/internal/tabbable'; +import { getTabbableBoundary } from './tabbable'; let activeModals: HTMLElement[] = []; diff --git a/src/translations/da.ts b/src/translations/da.ts index b23dac19..612c90f8 100644 --- a/src/translations/da.ts +++ b/src/translations/da.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'da', diff --git a/src/translations/de-ch.ts b/src/translations/de-ch.ts index f63b2f23..4ee1ebdf 100644 --- a/src/translations/de-ch.ts +++ b/src/translations/de-ch.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'de-CH', diff --git a/src/translations/de.ts b/src/translations/de.ts index e394ea62..77564ec6 100644 --- a/src/translations/de.ts +++ b/src/translations/de.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'de', diff --git a/src/translations/en.ts b/src/translations/en.ts index e8b67239..2451ef3a 100644 --- a/src/translations/en.ts +++ b/src/translations/en.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'en', diff --git a/src/translations/es.ts b/src/translations/es.ts index 5be18764..fd85c6d4 100644 --- a/src/translations/es.ts +++ b/src/translations/es.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'es', diff --git a/src/translations/fr.ts b/src/translations/fr.ts index a8af7c6f..2620bf95 100644 --- a/src/translations/fr.ts +++ b/src/translations/fr.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'fr', diff --git a/src/translations/he.ts b/src/translations/he.ts index 61b7c2cb..53da0059 100644 --- a/src/translations/he.ts +++ b/src/translations/he.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'he', diff --git a/src/translations/ja.ts b/src/translations/ja.ts index a747b48a..69b4d06d 100644 --- a/src/translations/ja.ts +++ b/src/translations/ja.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'ja', diff --git a/src/translations/nl.ts b/src/translations/nl.ts index 282400a4..a42351da 100644 --- a/src/translations/nl.ts +++ b/src/translations/nl.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'nl', diff --git a/src/translations/pl.ts b/src/translations/pl.ts index 6941089d..b388e41f 100644 --- a/src/translations/pl.ts +++ b/src/translations/pl.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'pl', diff --git a/src/translations/pt.ts b/src/translations/pt.ts index 96a2541e..736ed53b 100644 --- a/src/translations/pt.ts +++ b/src/translations/pt.ts @@ -1,5 +1,5 @@ -import { registerTranslation } from '~/utilities/localize'; -import type { Translation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'pt', diff --git a/src/translations/ru.ts b/src/translations/ru.ts index bdd3c12b..674756e7 100644 --- a/src/translations/ru.ts +++ b/src/translations/ru.ts @@ -1,5 +1,5 @@ -import type { Translation } from '~/utilities/localize'; -import { registerTranslation } from '~/utilities/localize'; +import type { Translation } from '../utilities/localize'; +import { registerTranslation } from '../utilities/localize'; const translation: Translation = { $code: 'ru', diff --git a/src/utilities/animation.ts b/src/utilities/animation.ts index d1742360..81e27c18 100644 --- a/src/utilities/animation.ts +++ b/src/utilities/animation.ts @@ -1 +1 @@ -export { getAnimationNames, getEasingNames } from '~/components/animation/animations'; +export { getAnimationNames, getEasingNames } from '../components/animation/animations'; diff --git a/src/utilities/icon-library.ts b/src/utilities/icon-library.ts index 448fb70c..1293a560 100644 --- a/src/utilities/icon-library.ts +++ b/src/utilities/icon-library.ts @@ -1 +1 @@ -export { registerIconLibrary, unregisterIconLibrary } from '~/components/icon/library'; +export { registerIconLibrary, unregisterIconLibrary } from '../components/icon/library'; diff --git a/src/utilities/localize.ts b/src/utilities/localize.ts index 1bf3346b..7127fdd6 100644 --- a/src/utilities/localize.ts +++ b/src/utilities/localize.ts @@ -1,5 +1,5 @@ // Register English as the default/fallback language -import '~/translations/en'; +import '../translations/en'; // Export functions from the localize lib so we have one central place to import them from export * from '@shoelace-style/localize'; diff --git a/tsconfig.json b/tsconfig.json index 8bff7de1..7cc81f87 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -26,23 +26,9 @@ "skipLibCheck": true, "forceConsistentCasingInFileNames": true, "useUnknownInCatchVariables": true, - "baseUrl": ".", - "paths": { - "~/*": [ - "src/*" - ], - }, - "plugins": [ - { - "transform": "typescript-transform-paths" - }, - { - "transform": "typescript-transform-paths", - "afterDeclarations": true - } - ] + "baseUrl": "." }, "include": [ "src" ] -} \ No newline at end of file +}