diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 93726944..9e6f69ee 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -19,6 +19,8 @@ Technical reasons aside, canceling these events seldom led to a good user experi - Changed the `cancelable` default to `false` for the internal `@event` decorator - Fixed a bug where toggling `open` stopped working in `sl-alert`, `sl-dialog`, `sl-drawer`, `sl-dropdown`, and `sl-tooltip` - Fixed a number of imports that should have been type imports +- Updated Lit to 2.0.0-rc.2 +- Updated esbuild to 0.12.4 ## 2.0.0-beta.41 @@ -58,7 +60,7 @@ The most elegant solution I found was to use the [Web Animations API](https://de - Added experimental `sl-qr-code` component - Added `system` icon library and updated all components to use this instead of the default icon library [#420](https://github.com/shoelace-style/shoelace/issues/420) - Updated to esbuild 0.8.57 -- Updated to lit 2.0.0-rc.1 and lit-html 2.0.0-rc.2 +- Updated to Lit 2.0.0-rc.1 and lit-html 2.0.0-rc.2 ## 2.0.0-beta.38 diff --git a/package-lock.json b/package-lock.json index f186d496..bfc3ad77 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ "@popperjs/core": "^2.7.0", "@shoelace-style/animations": "^1.1.0", "color": "^3.1.3", - "lit": "^2.0.0-rc.1", + "lit": "^2.0.0-rc.2", "lit-html": "^2.0.0-rc.2", "qr-creator": "^1.0.0" }, @@ -27,7 +27,7 @@ "concurrently": "^5.3.0", "del": "^6.0.0", "download": "^8.0.0", - "esbuild": "^0.8.54", + "esbuild": "^0.12.4", "esbuild-plugin-inline-import": "^1.0.0", "esbuild-plugin-sass": "^0.3.3", "front-matter": "^4.0.2", @@ -137,9 +137,9 @@ } }, "node_modules/@lit/reactive-element": { - "version": "1.0.0-rc.1", - "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0-rc.1.tgz", - "integrity": "sha512-TLRPKOhQLNOMcpCXHiTKrNKX5eNzhf9y07jp27MXkjTH1IbXFvcT9/mVdOG/3qfMkip+iO6CEfv5a+y0wFhQig==" + "version": "1.0.0-rc.2", + "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0-rc.2.tgz", + "integrity": "sha512-cujeIl5Ei8FC7UHf4/4Q3bRJOtdTe1vpJV/JEBYCggedmQ+2P8A2oz7eE+Vxi6OJ4nc0X+KZxXnBoH4QrEbmEQ==" }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.4", @@ -1804,9 +1804,9 @@ "dev": true }, "node_modules/esbuild": { - "version": "0.8.57", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.8.57.tgz", - "integrity": "sha512-j02SFrUwFTRUqiY0Kjplwjm1psuzO1d6AjaXKuOR9hrY0HuPsT6sV42B6myW34h1q4CRy+Y3g4RU/cGJeI/nNA==", + "version": "0.12.4", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.4.tgz", + "integrity": "sha512-HObgzMHbba5HzsHzxj1ccDIPWncCCCQjoruuLyS5geidwndqgLsjZEMt0XeSYIIbqoJFENGCEFQt4m2PtAFK2Q==", "dev": true, "hasInstallScript": true, "bin": { @@ -2846,28 +2846,28 @@ "dev": true }, "node_modules/lit": { - "version": "2.0.0-rc.1", - "resolved": "https://registry.npmjs.org/lit/-/lit-2.0.0-rc.1.tgz", - "integrity": "sha512-cf4r18feMhu56sO963a5MaHUn6OX2Am9sj9lzyGTYx2IPDhC9NP/Xh4rj9Ialo9dA+lI4brD7+9cxSzRIWHOmw==", + "version": "2.0.0-rc.2", + "resolved": "https://registry.npmjs.org/lit/-/lit-2.0.0-rc.2.tgz", + "integrity": "sha512-BOCuoJR04WaTV8UqTKk09cNcQA10Aq2LCcBOiHuF7TzWH5RNDsbCBP5QM9sLBSotGTXbDug/gFO08jq6TbyEtw==", "dependencies": { - "@lit/reactive-element": "^1.0.0-rc.1", - "lit-element": "^3.0.0-rc.1", - "lit-html": "^2.0.0-rc.1" + "@lit/reactive-element": "^1.0.0-rc.2", + "lit-element": "^3.0.0-rc.2", + "lit-html": "^2.0.0-rc.3" } }, "node_modules/lit-element": { - "version": "3.0.0-rc.1", - "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0-rc.1.tgz", - "integrity": "sha512-SQH7LODMy+42UTOGiyHUTXronvv8Cud0Y/8Q8/1jd/9Putuh66GjN7FEjyNRxVbpIygnPqMbG854J9Ct9IJlFw==", + "version": "3.0.0-rc.2", + "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0-rc.2.tgz", + "integrity": "sha512-2Z7DabJ3b5K+p5073vFjMODoaWqy5PIaI4y6ADKm+fCGc8OnX9fU9dMoUEBZjFpd/bEFR9PBp050tUtBnT9XTQ==", "dependencies": { - "@lit/reactive-element": "^1.0.0-rc.1", - "lit-html": "^2.0.0-rc.1" + "@lit/reactive-element": "^1.0.0-rc.2", + "lit-html": "^2.0.0-rc.3" } }, "node_modules/lit-html": { - "version": "2.0.0-rc.2", - "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0-rc.2.tgz", - "integrity": "sha512-rl3vtIQ0jq6r0GVbg+57Et9ra+iNhiz/v5V7uPTb6VxnjJaCCYKI7WkzKNlyzjMM2N/ytih3Uxb5vyyaOpjb0Q==", + "version": "2.0.0-rc.3", + "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0-rc.3.tgz", + "integrity": "sha512-Y6P8LlAyQuqvzq6l/Nc4z5/P5M/rVLYKQIRxcNwSuGajK0g4kbcBFQqZmgvqKG+ak+dHZjfm2HUw9TF5N/pkCw==", "dependencies": { "@types/trusted-types": "^1.0.1" } @@ -5286,9 +5286,9 @@ } }, "@lit/reactive-element": { - "version": "1.0.0-rc.1", - "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0-rc.1.tgz", - "integrity": "sha512-TLRPKOhQLNOMcpCXHiTKrNKX5eNzhf9y07jp27MXkjTH1IbXFvcT9/mVdOG/3qfMkip+iO6CEfv5a+y0wFhQig==" + "version": "1.0.0-rc.2", + "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0-rc.2.tgz", + "integrity": "sha512-cujeIl5Ei8FC7UHf4/4Q3bRJOtdTe1vpJV/JEBYCggedmQ+2P8A2oz7eE+Vxi6OJ4nc0X+KZxXnBoH4QrEbmEQ==" }, "@nodelib/fs.scandir": { "version": "2.1.4", @@ -6694,9 +6694,9 @@ } }, "esbuild": { - "version": "0.8.57", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.8.57.tgz", - "integrity": "sha512-j02SFrUwFTRUqiY0Kjplwjm1psuzO1d6AjaXKuOR9hrY0HuPsT6sV42B6myW34h1q4CRy+Y3g4RU/cGJeI/nNA==", + "version": "0.12.4", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.4.tgz", + "integrity": "sha512-HObgzMHbba5HzsHzxj1ccDIPWncCCCQjoruuLyS5geidwndqgLsjZEMt0XeSYIIbqoJFENGCEFQt4m2PtAFK2Q==", "dev": true }, "esbuild-plugin-inline-import": { @@ -7530,28 +7530,28 @@ "dev": true }, "lit": { - "version": "2.0.0-rc.1", - "resolved": "https://registry.npmjs.org/lit/-/lit-2.0.0-rc.1.tgz", - "integrity": "sha512-cf4r18feMhu56sO963a5MaHUn6OX2Am9sj9lzyGTYx2IPDhC9NP/Xh4rj9Ialo9dA+lI4brD7+9cxSzRIWHOmw==", + "version": "2.0.0-rc.2", + "resolved": "https://registry.npmjs.org/lit/-/lit-2.0.0-rc.2.tgz", + "integrity": "sha512-BOCuoJR04WaTV8UqTKk09cNcQA10Aq2LCcBOiHuF7TzWH5RNDsbCBP5QM9sLBSotGTXbDug/gFO08jq6TbyEtw==", "requires": { - "@lit/reactive-element": "^1.0.0-rc.1", - "lit-element": "^3.0.0-rc.1", - "lit-html": "^2.0.0-rc.1" + "@lit/reactive-element": "^1.0.0-rc.2", + "lit-element": "^3.0.0-rc.2", + "lit-html": "^2.0.0-rc.3" } }, "lit-element": { - "version": "3.0.0-rc.1", - "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0-rc.1.tgz", - "integrity": "sha512-SQH7LODMy+42UTOGiyHUTXronvv8Cud0Y/8Q8/1jd/9Putuh66GjN7FEjyNRxVbpIygnPqMbG854J9Ct9IJlFw==", + "version": "3.0.0-rc.2", + "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0-rc.2.tgz", + "integrity": "sha512-2Z7DabJ3b5K+p5073vFjMODoaWqy5PIaI4y6ADKm+fCGc8OnX9fU9dMoUEBZjFpd/bEFR9PBp050tUtBnT9XTQ==", "requires": { - "@lit/reactive-element": "^1.0.0-rc.1", - "lit-html": "^2.0.0-rc.1" + "@lit/reactive-element": "^1.0.0-rc.2", + "lit-html": "^2.0.0-rc.3" } }, "lit-html": { - "version": "2.0.0-rc.2", - "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0-rc.2.tgz", - "integrity": "sha512-rl3vtIQ0jq6r0GVbg+57Et9ra+iNhiz/v5V7uPTb6VxnjJaCCYKI7WkzKNlyzjMM2N/ytih3Uxb5vyyaOpjb0Q==", + "version": "2.0.0-rc.3", + "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0-rc.3.tgz", + "integrity": "sha512-Y6P8LlAyQuqvzq6l/Nc4z5/P5M/rVLYKQIRxcNwSuGajK0g4kbcBFQqZmgvqKG+ak+dHZjfm2HUw9TF5N/pkCw==", "requires": { "@types/trusted-types": "^1.0.1" } diff --git a/package.json b/package.json index 1304dccd..cc6bd52b 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,7 @@ "@popperjs/core": "^2.7.0", "@shoelace-style/animations": "^1.1.0", "color": "^3.1.3", - "lit": "^2.0.0-rc.1", + "lit": "^2.0.0-rc.2", "lit-html": "^2.0.0-rc.2", "qr-creator": "^1.0.0" }, @@ -54,7 +54,7 @@ "concurrently": "^5.3.0", "del": "^6.0.0", "download": "^8.0.0", - "esbuild": "^0.8.54", + "esbuild": "^0.12.4", "esbuild-plugin-inline-import": "^1.0.0", "esbuild-plugin-sass": "^0.3.3", "front-matter": "^4.0.2", diff --git a/scripts/create-component.cjs b/scripts/create-component.cjs index c3effb35..3b687f97 100644 --- a/scripts/create-component.cjs +++ b/scripts/create-component.cjs @@ -34,7 +34,7 @@ if (fs.existsSync(componentFile)) { const componentSource = ` import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement } from 'lit/decorators'; +import { customElement } from 'lit/decorators.js'; import styles from 'sass:./${tagNameWithoutPrefix}.scss'; /** diff --git a/src/components/alert/alert.ts b/src/components/alert/alert.ts index 3ba8830c..df224560 100644 --- a/src/components/alert/alert.ts +++ b/src/components/alert/alert.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { animateTo, stopAnimations } from '../../internal/animate'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/animation/animation.ts b/src/components/animation/animation.ts index 46dd27d9..40b068e7 100644 --- a/src/components/animation/animation.ts +++ b/src/components/animation/animation.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, queryAsync } from 'lit/decorators'; +import { customElement, property, queryAsync } from 'lit/decorators.js'; import { event, EventEmitter, watch } from '../../internal/decorators'; import { animations } from './animations'; import styles from 'sass:./animation.scss'; diff --git a/src/components/avatar/avatar.ts b/src/components/avatar/avatar.ts index 57b9d746..e3e2ed6d 100644 --- a/src/components/avatar/avatar.ts +++ b/src/components/avatar/avatar.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, state } from 'lit/decorators'; +import { customElement, property, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import styles from 'sass:./avatar.scss'; diff --git a/src/components/badge/badge.ts b/src/components/badge/badge.ts index 7d856893..0514c4f2 100644 --- a/src/components/badge/badge.ts +++ b/src/components/badge/badge.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import styles from 'sass:./badge.scss'; diff --git a/src/components/button-group/button-group.ts b/src/components/button-group/button-group.ts index b169bcd9..25b4b55c 100644 --- a/src/components/button-group/button-group.ts +++ b/src/components/button-group/button-group.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import styles from 'sass:./button-group.scss'; /** diff --git a/src/components/button/button.ts b/src/components/button/button.ts index f029f29b..5585c66b 100644 --- a/src/components/button/button.ts +++ b/src/components/button/button.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter } from '../../internal/decorators'; diff --git a/src/components/card/card.ts b/src/components/card/card.ts index 83775eeb..651b96c8 100644 --- a/src/components/card/card.ts +++ b/src/components/card/card.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, state } from 'lit/decorators'; +import { customElement, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { hasSlot } from '../../internal/slot'; import styles from 'sass:./card.scss'; diff --git a/src/components/checkbox/checkbox.ts b/src/components/checkbox/checkbox.ts index 18ea47eb..a8dbc567 100644 --- a/src/components/checkbox/checkbox.ts +++ b/src/components/checkbox/checkbox.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/color-picker/color-picker.ts b/src/components/color-picker/color-picker.ts index 91c25c73..69d01de8 100644 --- a/src/components/color-picker/color-picker.ts +++ b/src/components/color-picker/color-picker.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { styleMap } from 'lit-html/directives/style-map'; diff --git a/src/components/details/details.ts b/src/components/details/details.ts index 5aae142b..eb5d36e8 100644 --- a/src/components/details/details.ts +++ b/src/components/details/details.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { animateTo, stopAnimations, shimKeyframesHeightAuto } from '../../internal/animate'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/dialog/dialog.ts b/src/components/dialog/dialog.ts index 417f9bac..980cc6c6 100644 --- a/src/components/dialog/dialog.ts +++ b/src/components/dialog/dialog.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { animateTo, stopAnimations } from '../../internal/animate'; diff --git a/src/components/drawer/drawer.ts b/src/components/drawer/drawer.ts index 7acb538e..fccd14e8 100644 --- a/src/components/drawer/drawer.ts +++ b/src/components/drawer/drawer.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { animateTo, stopAnimations } from '../../internal/animate'; diff --git a/src/components/dropdown/dropdown.ts b/src/components/dropdown/dropdown.ts index e7fa6709..4924c70f 100644 --- a/src/components/dropdown/dropdown.ts +++ b/src/components/dropdown/dropdown.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { Instance as PopperInstance, createPopper } from '@popperjs/core/dist/esm'; import { animateTo, stopAnimations } from '../../internal/animate'; diff --git a/src/components/form/form.ts b/src/components/form/form.ts index 6cb65f09..44982209 100644 --- a/src/components/form/form.ts +++ b/src/components/form/form.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { event, EventEmitter } from '../../internal/decorators'; import type SlButton from '../button/button'; import type SlCheckbox from '../checkbox/checkbox'; diff --git a/src/components/format-bytes/format-bytes.ts b/src/components/format-bytes/format-bytes.ts index dd950055..8696bfdd 100644 --- a/src/components/format-bytes/format-bytes.ts +++ b/src/components/format-bytes/format-bytes.ts @@ -1,5 +1,5 @@ import { LitElement } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { formatBytes } from '../../internal/number'; /** diff --git a/src/components/format-date/format-date.ts b/src/components/format-date/format-date.ts index 4f7e5bb2..c90a339e 100644 --- a/src/components/format-date/format-date.ts +++ b/src/components/format-date/format-date.ts @@ -1,5 +1,5 @@ import { LitElement } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; /** * @since 2.0 diff --git a/src/components/format-number/format-number.ts b/src/components/format-number/format-number.ts index 8c376c2d..66533708 100644 --- a/src/components/format-number/format-number.ts +++ b/src/components/format-number/format-number.ts @@ -1,5 +1,5 @@ import { LitElement } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; /** * @since 2.0 diff --git a/src/components/icon-button/icon-button.ts b/src/components/icon-button/icon-button.ts index 4f40099c..8ceb1cdc 100644 --- a/src/components/icon-button/icon-button.ts +++ b/src/components/icon-button/icon-button.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { focusVisible } from '../../internal/focus-visible'; diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts index e9aed72f..849541ef 100644 --- a/src/components/icon/icon.ts +++ b/src/components/icon/icon.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, state } from 'lit/decorators'; +import { customElement, property, state } from 'lit/decorators.js'; import { unsafeSVG } from 'lit-html/directives/unsafe-svg'; import { event, EventEmitter, watch } from '../../internal/decorators'; import { getIconLibrary, watchIcon, unwatchIcon } from './library'; diff --git a/src/components/image-comparer/image-comparer.ts b/src/components/image-comparer/image-comparer.ts index a323dfd0..6a72ab34 100644 --- a/src/components/image-comparer/image-comparer.ts +++ b/src/components/image-comparer/image-comparer.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { styleMap } from 'lit-html/directives/style-map'; import { event, EventEmitter, watch } from '../../internal/decorators'; import { clamp } from '../../internal/math'; diff --git a/src/components/include/include.ts b/src/components/include/include.ts index ecca8c75..b1a74b89 100644 --- a/src/components/include/include.ts +++ b/src/components/include/include.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { event, EventEmitter, watch } from '../../internal/decorators'; import { requestInclude } from './request'; import styles from 'sass:./include.scss'; diff --git a/src/components/input/input.ts b/src/components/input/input.ts index 430c4c60..21ed3869 100644 --- a/src/components/input/input.ts +++ b/src/components/input/input.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { ifDefined } from 'lit-html/directives/if-defined'; import { classMap } from 'lit-html/directives/class-map'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/menu-divider/menu-divider.ts b/src/components/menu-divider/menu-divider.ts index 399e35b6..29afb60e 100644 --- a/src/components/menu-divider/menu-divider.ts +++ b/src/components/menu-divider/menu-divider.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement } from 'lit/decorators'; +import { customElement } from 'lit/decorators.js'; import styles from 'sass:./menu-divider.scss'; /** diff --git a/src/components/menu-item/menu-item.ts b/src/components/menu-item/menu-item.ts index 36cd6621..06b4b69d 100644 --- a/src/components/menu-item/menu-item.ts +++ b/src/components/menu-item/menu-item.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import styles from 'sass:./menu-item.scss'; diff --git a/src/components/menu-label/menu-label.ts b/src/components/menu-label/menu-label.ts index 248788e6..05a28270 100644 --- a/src/components/menu-label/menu-label.ts +++ b/src/components/menu-label/menu-label.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement } from 'lit/decorators'; +import { customElement } from 'lit/decorators.js'; import styles from 'sass:./menu-label.scss'; /** diff --git a/src/components/menu/menu.ts b/src/components/menu/menu.ts index 9d00c958..70ee5299 100644 --- a/src/components/menu/menu.ts +++ b/src/components/menu/menu.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, query } from 'lit/decorators'; +import { customElement, query } from 'lit/decorators.js'; import { event, EventEmitter } from '../../internal/decorators'; import { getTextContent } from '../../internal/slot'; import type SlMenuItem from '../menu-item/menu-item'; diff --git a/src/components/progress-bar/progress-bar.ts b/src/components/progress-bar/progress-bar.ts index f1c6569a..8b838aad 100644 --- a/src/components/progress-bar/progress-bar.ts +++ b/src/components/progress-bar/progress-bar.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { styleMap } from 'lit-html/directives/style-map'; import styles from 'sass:./progress-bar.scss'; diff --git a/src/components/progress-ring/progress-ring.ts b/src/components/progress-ring/progress-ring.ts index 7e92b157..9c13795a 100644 --- a/src/components/progress-ring/progress-ring.ts +++ b/src/components/progress-ring/progress-ring.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { watch } from '../../internal/decorators'; import styles from 'sass:./progress-ring.scss'; diff --git a/src/components/qr-code/qr-code.ts b/src/components/qr-code/qr-code.ts index ab155593..f58d97a2 100644 --- a/src/components/qr-code/qr-code.ts +++ b/src/components/qr-code/qr-code.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { styleMap } from 'lit-html/directives/style-map'; import { watch } from '../../internal/decorators'; import QrCreator from 'qr-creator'; diff --git a/src/components/radio-group/radio-group.ts b/src/components/radio-group/radio-group.ts index b7c39840..2a38a150 100644 --- a/src/components/radio-group/radio-group.ts +++ b/src/components/radio-group/radio-group.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import styles from 'sass:./radio-group.scss'; diff --git a/src/components/radio/radio.ts b/src/components/radio/radio.ts index fffb2058..77950e58 100644 --- a/src/components/radio/radio.ts +++ b/src/components/radio/radio.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/range/range.ts b/src/components/range/range.ts index 20718b05..d2a31ec0 100644 --- a/src/components/range/range.ts +++ b/src/components/range/range.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts index 784199c6..b958b74b 100644 --- a/src/components/rating/rating.ts +++ b/src/components/rating/rating.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { styleMap } from 'lit-html/directives/style-map'; import { unsafeHTML } from 'lit-html/directives/unsafe-html'; diff --git a/src/components/relative-time/relative-time.ts b/src/components/relative-time/relative-time.ts index 4d5e03e3..87002089 100644 --- a/src/components/relative-time/relative-time.ts +++ b/src/components/relative-time/relative-time.ts @@ -1,5 +1,5 @@ import { LitElement, html } from 'lit'; -import { customElement, property, state } from 'lit/decorators'; +import { customElement, property, state } from 'lit/decorators.js'; import { watch } from '../../internal/decorators'; /** diff --git a/src/components/resize-observer/resize-observer.ts b/src/components/resize-observer/resize-observer.ts index 21ed66ba..ed2696b5 100644 --- a/src/components/resize-observer/resize-observer.ts +++ b/src/components/resize-observer/resize-observer.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement } from 'lit/decorators'; +import { customElement } from 'lit/decorators.js'; import { event, EventEmitter } from '../../internal/decorators'; import styles from 'sass:./resize-observer.scss'; diff --git a/src/components/responsive-media/responsive-media.ts b/src/components/responsive-media/responsive-media.ts index 1863958e..28905966 100644 --- a/src/components/responsive-media/responsive-media.ts +++ b/src/components/responsive-media/responsive-media.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import styles from 'sass:./responsive-media.scss'; diff --git a/src/components/select/select.ts b/src/components/select/select.ts index 94f29b05..6e7910ec 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -1,5 +1,5 @@ import { LitElement, TemplateResult, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/skeleton/skeleton.ts b/src/components/skeleton/skeleton.ts index 54206959..f1ceeb69 100644 --- a/src/components/skeleton/skeleton.ts +++ b/src/components/skeleton/skeleton.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import styles from 'sass:./skeleton.scss'; diff --git a/src/components/spinner/spinner.ts b/src/components/spinner/spinner.ts index aee8a1d4..4fb4ca64 100644 --- a/src/components/spinner/spinner.ts +++ b/src/components/spinner/spinner.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement } from 'lit/decorators'; +import { customElement } from 'lit/decorators.js'; import styles from 'sass:./spinner.scss'; /** diff --git a/src/components/switch/switch.ts b/src/components/switch/switch.ts index d756734b..6ed767e9 100644 --- a/src/components/switch/switch.ts +++ b/src/components/switch/switch.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/tab-group/tab-group.ts b/src/components/tab-group/tab-group.ts index b246a9cc..f9231b61 100644 --- a/src/components/tab-group/tab-group.ts +++ b/src/components/tab-group/tab-group.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { event, EventEmitter, watch } from '../../internal/decorators'; import { focusVisible } from '../../internal/focus-visible'; diff --git a/src/components/tab-panel/tab-panel.ts b/src/components/tab-panel/tab-panel.ts index b1fe4146..1558639e 100644 --- a/src/components/tab-panel/tab-panel.ts +++ b/src/components/tab-panel/tab-panel.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import styles from 'sass:./tab-panel.scss'; let id = 0; diff --git a/src/components/tab/tab.ts b/src/components/tab/tab.ts index c5b10615..4e9869f6 100644 --- a/src/components/tab/tab.ts +++ b/src/components/tab/tab.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { event, EventEmitter } from '../../internal/decorators'; import styles from 'sass:./tab.scss'; diff --git a/src/components/tag/tag.ts b/src/components/tag/tag.ts index e826dfca..a26f5cbb 100644 --- a/src/components/tag/tag.ts +++ b/src/components/tag/tag.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property } from 'lit/decorators'; +import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { event, EventEmitter } from '../../internal/decorators'; import styles from 'sass:./tag.scss'; diff --git a/src/components/textarea/textarea.ts b/src/components/textarea/textarea.ts index 1e55404b..ee5683d4 100644 --- a/src/components/textarea/textarea.ts +++ b/src/components/textarea/textarea.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { ifDefined } from 'lit-html/directives/if-defined'; import { event, EventEmitter, watch } from '../../internal/decorators'; diff --git a/src/components/tooltip/tooltip.ts b/src/components/tooltip/tooltip.ts index 5d087326..1d3399ff 100644 --- a/src/components/tooltip/tooltip.ts +++ b/src/components/tooltip/tooltip.ts @@ -1,5 +1,5 @@ import { LitElement, html, unsafeCSS } from 'lit'; -import { customElement, property, query } from 'lit/decorators'; +import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit-html/directives/class-map'; import { Instance as PopperInstance, createPopper } from '@popperjs/core/dist/esm'; import { animateTo, parseDuration, stopAnimations } from '../../internal/animate';