Upgrade Shoelace & Lit (#329)

Related to https://github.com/webrecorder/browsertrix/issues/1836 --
Upgrades Shoelace and Lit to match browsertrix.
version: bump to 2.0.2

src/components/labeled-field.ts

@@ -6,8 +6,6 @@ import faClone from "@fortawesome/fontawesome-free/svgs/regular/clone.svg";
 import faCheck from "@fortawesome/fontawesome-free/svgs/solid/check.svg";
 import faX from "@fortawesome/fontawesome-free/svgs/solid/times.svg";
 
-import "@shoelace-style/shoelace/dist/components/copy-button/copy-button.js";
-
 import { registerIconLibrary } from "@shoelace-style/shoelace/dist/utilities/icon-library.js";
 
 import systemLibrary from "@shoelace-style/shoelace/dist/components/icon/library.system";

src/item.ts

@@ -12,9 +12,7 @@ import type {
   SlDropdown,
   SlSelectEvent,
 } from "@shoelace-style/shoelace";
-import "@shoelace-style/shoelace/dist/components/alert/alert.js";
-import "@shoelace-style/shoelace/dist/components/button/button.js";
-import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
+
 import {
   wrapCss,
   IS_APP,
@@ -316,7 +314,7 @@ class Item extends LitElement {
 
         if (
           this._replaceLoc ||
-          Object.keys(changedProperties.get("tabData")).length === 0
+          Object.keys(changedProperties.get("tabData") || {}).length === 0
         ) {
           const newLoc = new URL(window.location.href);
           newLoc.hash = this._locationHash;

src/misc.ts

@@ -137,6 +137,7 @@ class FaIcon extends LitElement {
 class WrModal extends LitElement {
   constructor() {
     super();
+    // eslint-disable-next-line wc/no-constructor-attributes
     this.title = "";
     // @ts-expect-error - TS2339 - Property 'bgClass' does not exist on type 'WrModal'.
     this.bgClass = "";

src/shoelace.ts

@@ -1,4 +1,8 @@
-// Cherry-picked Shoelace components:
+// Cherry-picked Shoelace components
+import "@shoelace-style/shoelace/dist/components/alert/alert.js";
+import "@shoelace-style/shoelace/dist/components/button/button.js";
+import "@shoelace-style/shoelace/dist/components/copy-button/copy-button.js";
+import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
 import "@shoelace-style/shoelace/dist/components/dropdown/dropdown.js";
 import "@shoelace-style/shoelace/dist/components/menu/menu.js";
 import "@shoelace-style/shoelace/dist/components/menu-item/menu-item.js";