update lit/esbuild

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
 

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"
       }

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",

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';
 
 /**

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';

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';

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';
 

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';
 

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';
 
 /**

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';

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';

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';

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';

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';

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';

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';

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';

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';

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';
 
 /**

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

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

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';

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';

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';

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';

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';

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';
 
 /**

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';

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';
 
 /**

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';

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';

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';
 

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';

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';
 

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';

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';

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';

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';
 
 /**

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';
 

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';
 

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';

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';
 

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';
 
 /**

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';

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';

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;

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';

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';

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';

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';