chore(deps): lit 2.0

migrate from lit-element to the new lit package:

https://lit.dev/docs/releases/upgrade/

Author: urish

.eslintrc.json

@@ -13,6 +13,6 @@
   "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"],
   "rules": {
     "prettier/prettier": "error",
-    "@typescript-eslint/explicit-module-boundary-types": "off"
+    "@typescript-eslint/explicit-module-boundary-types": 0
   }
 }

_templates/element/new/element.stories.ts.t

@@ -1,7 +1,7 @@
 ---
 to: src/<%= name %>-element.stories.ts
 ---
-import { html } from 'lit-html';
+import { html } from 'lit';
 import './<%= name %>-element';
 
 export default {

_templates/element/new/element.ts.t

@@ -1,7 +1,8 @@
 ---
 to: src/<%= name %>-element.ts
 ---
-import { customElement, html, LitElement, property, svg } from 'lit-element';
+import { html, LitElement, svg } from 'lit';
+import { customElement, property} from 'lit/decorators.js';
 
 @customElement('wokwi-<%= name %>')
 export class <%= h.className(name) %>Element extends LitElement {

package-lock.json

@@ -30,7 +30,6 @@
     "husky": "^6.0.0",
     "hygen": "^6.1.0",
     "lint-staged": "^10.2.11",
-    "lit-html": "^1.4.0",
     "prettier": "^2.3.2",
     "react-is": "^16.13.1",
     "rimraf": "^3.0.2",
@@ -42,7 +41,7 @@
     "web-component-analyzer": "^1.1.6"
   },
   "dependencies": {
-    "lit-element": "^2.3.1"
+    "lit": "^2.0.0"
   },
   "scripts": {
     "build": "rimraf dist && tsc --sourceMap false && tsc -m esnext --outDir dist/esm --sourceMap false && rollup -c rollup.config.js && terser -c -m -o dist/wokwi-elements.bundle.min.js dist/wokwi-elements.bundle.js",

package.json

@@ -1,6 +1,6 @@
 import { withKnobs, select } from '@storybook/addon-knobs';
 import { storiesOf, forceReRender } from '@storybook/web-components';
-import { html } from 'lit-html';
+import { html } from 'lit';
 import './7segment-element';
 
 class SpinnerAnimation {

src/7segment-element.stories.ts

@@ -1,4 +1,5 @@
-import { css, customElement, html, LitElement, property, svg } from 'lit-element';
+import { css, html, LitElement, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { ElementPin } from './pin';
 import { mmToPix } from './utils/units';
 

src/7segment-element.ts

@@ -1,4 +1,4 @@
-import { html } from 'lit-html';
+import { html } from 'lit';
 import './analog-joystick-element';
 
 export default {

src/analog-joystick-element.stories.ts

@@ -1,4 +1,5 @@
-import { css, customElement, html, LitElement, property, query } from 'lit-element';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
 import { analog, ElementPin, GND, VCC } from './pin';
 import { SPACE_KEYS } from './utils/keys';
 

src/analog-joystick-element.ts

@@ -1,6 +1,6 @@
 import { boolean, withKnobs } from '@storybook/addon-knobs';
 import { storiesOf } from '@storybook/web-components';
-import { html } from 'lit-html';
+import { html } from 'lit';
 import './arduino-mega-element';
 
 storiesOf('Arduino Mega', module)

src/arduino-mega-element.stories.ts

@@ -1,4 +1,5 @@
-import { css, customElement, html, LitElement, property, svg } from 'lit-element';
+import { css, html, LitElement, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { pinsFemalePattern } from './patterns/pins-female';
 import { analog, ElementPin, i2c, spi, usart } from './pin';
 

src/arduino-mega-element.ts

@@ -1,6 +1,6 @@
 import { boolean, withKnobs } from '@storybook/addon-knobs';
 import { storiesOf } from '@storybook/web-components';
-import { html } from 'lit-html';
+import { html } from 'lit';
 import { action } from '@storybook/addon-actions';
 import './arduino-nano-element';
 

src/arduino-nano-element.stories.ts

@@ -1,4 +1,5 @@
-import { customElement, html, LitElement, property, svg, query, css } from 'lit-element';
+import { css, html, LitElement, svg } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
 import { analog, ElementPin, i2c, spi, usart } from './pin';
 import { SPACE_KEYS } from './utils/keys';
 

src/arduino-nano-element.ts

@@ -1,6 +1,6 @@
 import { withKnobs, boolean } from '@storybook/addon-knobs';
 import { storiesOf } from '@storybook/web-components';
-import { html } from 'lit-html';
+import { html } from 'lit';
 import './arduino-uno-element';
 
 storiesOf('Arduino Uno', module)

src/arduino-uno-element.stories.ts

@@ -1,4 +1,5 @@
-import { css, customElement, html, LitElement, property, svg } from 'lit-element';
+import { css, html, LitElement, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { pinsFemalePattern } from './patterns/pins-female';
 import { analog, ElementPin, i2c, spi, usart } from './pin';
 

src/arduino-uno-element.ts

@@ -1,4 +1,4 @@
-import { html } from 'lit-html';
+import { html } from 'lit';
 import './big-sound-sensor-element';
 
 export default {

src/big-sound-sensor-element.stories.ts

@@ -1,4 +1,5 @@
-import { customElement, html, LitElement, property, svg } from 'lit-element';
+import { html, LitElement, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { ElementPin } from '.';
 import { GND, VCC } from './pin';