lit · AndrewJakubowicz · May 22, 2023 · May 19, 2023 · May 19, 2023 · May 19, 2023
diff --git a/packages/lit-dev-content/samples/base.json b/packages/lit-dev-content/samples/base.json
@@ -1,8 +1,3 @@
 {
-  "files": {
-    "package.json": {
-      "content": "{\n  \"dependencies\": {\n    \"lit\": \"^2.0.0\",\n    \"@lit/reactive-element\": \"^1.0.0\",\n    \"lit-element\": \"^3.0.0\",\n    \"lit-html\": \"^2.0.0\"\n  }\n}",
-      "hidden": true
-    }
-  }
+  "extends": "/samples/v2-base.json"
 }
diff --git a/packages/lit-dev-content/samples/tsconfig.json b/packages/lit-dev-content/samples/tsconfig.json
@@ -19,10 +19,13 @@
     "examples/hello-world/simple-greeting.ts",
     // Comments in some locations get lost by TypeScript. See
     // https://github.com/lit/lit/issues/2158.
-    "docs/templates/lists-arrays/my-element.ts",
-    "docs/templates/lists-map/my-element.ts",
+    "v2-docs/templates/lists-arrays/my-element.ts",
+    "v2-docs/templates/lists-map/my-element.ts",
+    "v3-docs/templates/lists-arrays/my-element.ts",
+    "v3-docs/templates/lists-map/my-element.ts",
     // Mixin sample does not compile: https://github.com/lit/lit/issues/3865
-    "docs/mixins/highlightable/**",
+    "v2-docs/mixins/highlightable/**",
+    "v3-docs/mixins/highlightable/**",
     // Intentionally doesn't compile for tutorial part.
     "tutorials/word-viewer/02/before/word-viewer.ts"
   ]

diff --git a/packages/lit-dev-content/samples/v2-base.json b/packages/lit-dev-content/samples/v2-base.json
@@ -0,0 +1,8 @@
+{
+  "files": {
+    "package.json": {
+      "content": "{\n  \"dependencies\": {\n    \"lit\": \"^2.0.0\",\n    \"@lit/reactive-element\": \"^1.0.0\",\n    \"lit-element\": \"^3.0.0\",\n    \"lit-html\": \"^2.0.0\"\n  }\n}",
+      "hidden": true
+    }
+  }
+}
diff --git a/...s/docs/components/events/child/index.html → ...2-docs/components/events/child/index.html b/...s/docs/components/events/child/index.html → ...2-docs/components/events/child/index.html
diff --git a/...ocs/components/events/child/my-element.ts → ...ocs/components/events/child/my-element.ts b/...ocs/components/events/child/my-element.ts → ...ocs/components/events/child/my-element.ts
diff --git a/...docs/components/events/child/project.json → ...docs/components/events/child/project.json b/...docs/components/events/child/project.json → ...docs/components/events/child/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...es/docs/components/events/comm/index.html → ...v2-docs/components/events/comm/index.html b/...es/docs/components/events/comm/index.html → ...v2-docs/components/events/comm/index.html
diff --git a/...s/components/events/comm/my-dispatcher.ts → ...s/components/events/comm/my-dispatcher.ts b/...s/components/events/comm/my-dispatcher.ts → ...s/components/events/comm/my-dispatcher.ts
diff --git a/...ocs/components/events/comm/my-listener.ts → ...ocs/components/events/comm/my-listener.ts b/...ocs/components/events/comm/my-listener.ts → ...ocs/components/events/comm/my-listener.ts
diff --git a/.../docs/components/events/comm/project.json → ...-docs/components/events/comm/project.json b/.../docs/components/events/comm/project.json → ...-docs/components/events/comm/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-dispatcher.ts": {},
     "my-listener.ts": {},

diff --git a/...s/components/events/delegation/index.html → ...s/components/events/delegation/index.html b/...s/components/events/delegation/index.html → ...s/components/events/delegation/index.html
diff --git a/...omponents/events/delegation/my-element.ts → ...omponents/events/delegation/my-element.ts b/...omponents/events/delegation/my-element.ts → ...omponents/events/delegation/my-element.ts
diff --git a/.../docs/components/style/basic/project.json → ...components/events/delegation/project.json b/.../docs/components/style/basic/project.json → ...components/events/delegation/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...ocs/components/events/dispatch/index.html → ...ocs/components/events/dispatch/index.html b/...ocs/components/events/dispatch/index.html → ...ocs/components/events/dispatch/index.html
diff --git a/...mponents/events/dispatch/my-dispatcher.ts → ...mponents/events/dispatch/my-dispatcher.ts b/...mponents/events/dispatch/my-dispatcher.ts → ...mponents/events/dispatch/my-dispatcher.ts
diff --git a/...components/events/dispatch/my-listener.ts → ...components/events/dispatch/my-listener.ts b/...components/events/dispatch/my-listener.ts → ...components/events/dispatch/my-listener.ts
diff --git a/...ocs/components/events/update/project.json → ...s/components/events/dispatch/project.json b/...ocs/components/events/update/project.json → ...s/components/events/dispatch/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-dispatcher.ts": {},
     "my-listener.ts": {},

diff --git a/...es/docs/components/events/host/index.html → ...v2-docs/components/events/host/index.html b/...es/docs/components/events/host/index.html → ...v2-docs/components/events/host/index.html
diff --git a/...docs/components/events/host/my-element.ts → ...docs/components/events/host/my-element.ts b/...docs/components/events/host/my-element.ts → ...docs/components/events/host/my-element.ts
diff --git a/.../docs/components/events/host/project.json → ...-docs/components/events/host/project.json b/.../docs/components/events/host/project.json → ...-docs/components/events/host/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...es/docs/components/events/list/index.html → ...v2-docs/components/events/list/index.html b/...es/docs/components/events/list/index.html → ...v2-docs/components/events/list/index.html
diff --git a/...docs/components/events/list/my-element.ts → ...docs/components/events/list/my-element.ts b/...docs/components/events/list/my-element.ts → ...docs/components/events/list/my-element.ts
diff --git a/.../docs/components/events/list/project.json → ...-docs/components/events/list/project.json b/.../docs/components/events/list/project.json → ...-docs/components/events/list/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/.../docs/components/events/update/index.html → ...-docs/components/events/update/index.html b/.../docs/components/events/update/index.html → ...-docs/components/events/update/index.html
diff --git a/...components/events/update/my-dispatcher.ts → ...components/events/update/my-dispatcher.ts b/...components/events/update/my-dispatcher.ts → ...components/events/update/my-dispatcher.ts
diff --git a/...s/components/events/update/my-listener.ts → ...s/components/events/update/my-listener.ts b/...s/components/events/update/my-listener.ts → ...s/components/events/update/my-listener.ts
diff --git a/...s/components/events/dispatch/project.json → ...ocs/components/events/update/project.json b/...s/components/events/dispatch/project.json → ...ocs/components/events/update/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-dispatcher.ts": {},
     "my-listener.ts": {},

diff --git a/...nents/overview/simple-greeting/index.html → ...nents/overview/simple-greeting/index.html b/...nents/overview/simple-greeting/index.html → ...nents/overview/simple-greeting/index.html
diff --git a/...nts/overview/simple-greeting/project.json → ...nts/overview/simple-greeting/project.json b/...nts/overview/simple-greeting/project.json → ...nts/overview/simple-greeting/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "simple-greeting.ts": {},
     "index.html": {}

diff --git a/...erview/simple-greeting/simple-greeting.ts → ...erview/simple-greeting/simple-greeting.ts b/...erview/simple-greeting/simple-greeting.ts → ...erview/simple-greeting/simple-greeting.ts
diff --git a/...omponents/shadowdom/namedslots/index.html → ...omponents/shadowdom/namedslots/index.html b/...omponents/shadowdom/namedslots/index.html → ...omponents/shadowdom/namedslots/index.html
diff --git a/...onents/shadowdom/namedslots/my-element.ts → ...onents/shadowdom/namedslots/my-element.ts b/...onents/shadowdom/namedslots/my-element.ts → ...onents/shadowdom/namedslots/my-element.ts
diff --git a/...ponents/shadowdom/namedslots/project.json → ...ponents/shadowdom/namedslots/project.json b/...ponents/shadowdom/namedslots/project.json → ...ponents/shadowdom/namedslots/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "index.html": {},
     "my-element.ts": {}

diff --git a/...ents/shadowdom/renderroot/default-root.ts → ...ents/shadowdom/renderroot/default-root.ts b/...ents/shadowdom/renderroot/default-root.ts → ...ents/shadowdom/renderroot/default-root.ts
diff --git a/...omponents/shadowdom/renderroot/index.html → ...omponents/shadowdom/renderroot/index.html b/...omponents/shadowdom/renderroot/index.html → ...omponents/shadowdom/renderroot/index.html
diff --git a/...ponents/shadowdom/renderroot/light-dom.ts → ...ponents/shadowdom/renderroot/light-dom.ts b/...ponents/shadowdom/renderroot/light-dom.ts → ...ponents/shadowdom/renderroot/light-dom.ts
diff --git a/...ponents/shadowdom/renderroot/project.json → ...ponents/shadowdom/renderroot/project.json b/...ponents/shadowdom/renderroot/project.json → ...ponents/shadowdom/renderroot/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "default-root.ts": {},
     "light-dom.ts": {},

diff --git a/...ocs/components/shadowdom/slots/index.html → ...ocs/components/shadowdom/slots/index.html b/...ocs/components/shadowdom/slots/index.html → ...ocs/components/shadowdom/slots/index.html
diff --git a/.../components/shadowdom/slots/my-element.ts → .../components/shadowdom/slots/my-element.ts b/.../components/shadowdom/slots/my-element.ts → .../components/shadowdom/slots/my-element.ts
diff --git a/...s/components/shadowdom/slots/project.json → ...s/components/shadowdom/slots/project.json b/...s/components/shadowdom/slots/project.json → ...s/components/shadowdom/slots/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "index.html": {},
     "my-element.ts": {}

diff --git a/...es/docs/components/style/basic/index.html → ...v2-docs/components/style/basic/index.html b/...es/docs/components/style/basic/index.html → ...v2-docs/components/style/basic/index.html
diff --git a/...docs/components/style/basic/my-element.ts → ...docs/components/style/basic/my-element.ts b/...docs/components/style/basic/my-element.ts → ...docs/components/style/basic/my-element.ts
diff --git a/...s/docs/components/style/maps/project.json → ...-docs/components/style/basic/project.json b/...s/docs/components/style/maps/project.json → ...-docs/components/style/basic/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...les/docs/components/style/host/index.html → .../v2-docs/components/style/host/index.html b/...les/docs/components/style/host/index.html → .../v2-docs/components/style/host/index.html
diff --git a/.../docs/components/style/host/my-element.ts → ...-docs/components/style/host/my-element.ts b/.../docs/components/style/host/my-element.ts → ...-docs/components/style/host/my-element.ts
diff --git a/...s/docs/components/style/host/project.json → ...2-docs/components/style/host/project.json b/...s/docs/components/style/host/project.json → ...2-docs/components/style/host/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...les/docs/components/style/maps/index.html → .../v2-docs/components/style/maps/index.html b/...les/docs/components/style/maps/index.html → .../v2-docs/components/style/maps/index.html
diff --git a/.../docs/components/style/maps/my-element.ts → ...-docs/components/style/maps/my-element.ts b/.../docs/components/style/maps/my-element.ts → ...-docs/components/style/maps/my-element.ts
diff --git a/...components/events/delegation/project.json → ...2-docs/components/style/maps/project.json b/...components/events/delegation/project.json → ...2-docs/components/style/maps/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...mponents/style/slottedselector/index.html → ...mponents/style/slottedselector/index.html b/...mponents/style/slottedselector/index.html → ...mponents/style/slottedselector/index.html
diff --git a/...nents/style/slottedselector/my-element.ts → ...nents/style/slottedselector/my-element.ts b/...nents/style/slottedselector/my-element.ts → ...nents/style/slottedselector/my-element.ts
diff --git a/...onents/style/slottedselector/project.json → ...onents/style/slottedselector/project.json b/...onents/style/slottedselector/project.json → ...onents/style/slottedselector/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...s/components/style/superstyles/index.html → ...s/components/style/superstyles/index.html b/...s/components/style/superstyles/index.html → ...s/components/style/superstyles/index.html
diff --git a/...omponents/style/superstyles/my-element.ts → ...omponents/style/superstyles/my-element.ts b/...omponents/style/superstyles/my-element.ts → ...omponents/style/superstyles/my-element.ts
diff --git a/...components/style/superstyles/project.json → ...components/style/superstyles/project.json b/...components/style/superstyles/project.json → ...components/style/superstyles/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "super-element.ts": {},

diff --git a/...onents/style/superstyles/super-element.ts → ...onents/style/superstyles/super-element.ts b/...onents/style/superstyles/super-element.ts → ...onents/style/superstyles/super-element.ts
diff --git a/.../docs/components/style/theming/index.html → ...-docs/components/style/theming/index.html b/.../docs/components/style/theming/index.html → ...-docs/components/style/theming/index.html
diff --git a/...cs/components/style/theming/my-element.ts → ...cs/components/style/theming/my-element.ts b/...cs/components/style/theming/my-element.ts → ...cs/components/style/theming/my-element.ts
diff --git a/...ocs/components/style/theming/project.json → ...ocs/components/style/theming/project.json b/...ocs/components/style/theming/project.json → ...ocs/components/style/theming/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...s/composition/mediator-pattern/index.html → ...s/composition/mediator-pattern/index.html b/...s/composition/mediator-pattern/index.html → ...s/composition/mediator-pattern/index.html
diff --git a/...tion/mediator-pattern/mediator-element.ts → ...tion/mediator-pattern/mediator-element.ts b/...tion/mediator-pattern/mediator-element.ts → ...tion/mediator-pattern/mediator-element.ts
diff --git a/...composition/mediator-pattern/project.json → ...composition/mediator-pattern/project.json b/...composition/mediator-pattern/project.json → ...composition/mediator-pattern/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "mediator-element.ts": {},
     "index.html": {}

diff --git a/...samples/docs/controllers/mouse/index.html → ...ples/v2-docs/controllers/mouse/index.html b/...samples/docs/controllers/mouse/index.html → ...ples/v2-docs/controllers/mouse/index.html
diff --git a/...ocs/controllers/mouse/mouse-controller.ts → ...ocs/controllers/mouse/mouse-controller.ts b/...ocs/controllers/mouse/mouse-controller.ts → ...ocs/controllers/mouse/mouse-controller.ts
diff --git a/...ples/docs/controllers/mouse/my-element.ts → ...s/v2-docs/controllers/mouse/my-element.ts b/...ples/docs/controllers/mouse/my-element.ts → ...s/v2-docs/controllers/mouse/my-element.ts
diff --git a/...mples/docs/controllers/mouse/project.json → ...es/v2-docs/controllers/mouse/project.json b/...mples/docs/controllers/mouse/project.json → ...es/v2-docs/controllers/mouse/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "mouse-controller.ts": {},

diff --git a/...samples/docs/controllers/names/index.html → ...ples/v2-docs/controllers/names/index.html b/...samples/docs/controllers/names/index.html → ...ples/v2-docs/controllers/names/index.html
diff --git a/...ples/docs/controllers/names/my-element.ts → ...s/v2-docs/controllers/names/my-element.ts b/...ples/docs/controllers/names/my-element.ts → ...s/v2-docs/controllers/names/my-element.ts
diff --git a/...mples/docs/controllers/names/names-api.ts → ...es/v2-docs/controllers/names/names-api.ts b/...mples/docs/controllers/names/names-api.ts → ...es/v2-docs/controllers/names/names-api.ts
diff --git a/...ocs/controllers/names/names-controller.ts → ...ocs/controllers/names/names-controller.ts b/...ocs/controllers/names/names-controller.ts → ...ocs/controllers/names/names-controller.ts
diff --git a/...mples/docs/controllers/names/project.json → ...es/v2-docs/controllers/names/project.json b/...mples/docs/controllers/names/project.json → ...es/v2-docs/controllers/names/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "names-controller.ts": {},
     "my-element.ts": {},

diff --git a/.../controllers/overview/clock-controller.ts → .../controllers/overview/clock-controller.ts b/.../controllers/overview/clock-controller.ts → .../controllers/overview/clock-controller.ts
diff --git a/...ples/docs/controllers/overview/index.html → ...s/v2-docs/controllers/overview/index.html b/...ples/docs/controllers/overview/index.html → ...s/v2-docs/controllers/overview/index.html
diff --git a/...s/docs/controllers/overview/my-element.ts → ...2-docs/controllers/overview/my-element.ts b/...s/docs/controllers/overview/my-element.ts → ...2-docs/controllers/overview/my-element.ts
diff --git a/...es/docs/controllers/overview/project.json → ...v2-docs/controllers/overview/project.json b/...es/docs/controllers/overview/project.json → ...v2-docs/controllers/overview/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "clock-controller.ts": {},
     "my-element.ts": {},

diff --git a/...libraries/localization/runtime/index.html → ...libraries/localization/runtime/index.html b/...libraries/localization/runtime/index.html → ...libraries/localization/runtime/index.html
diff --git a/...s/libraries/localization/runtime/index.ts → ...s/libraries/localization/runtime/index.ts b/...s/libraries/localization/runtime/index.ts → ...s/libraries/localization/runtime/index.ts
diff --git a/...ries/localization/runtime/locale-codes.ts → ...ries/localization/runtime/locale-codes.ts b/...ries/localization/runtime/locale-codes.ts → ...ries/localization/runtime/locale-codes.ts
diff --git a/...ies/localization/runtime/locale-picker.ts → ...ies/localization/runtime/locale-picker.ts b/...ies/localization/runtime/locale-picker.ts → ...ies/localization/runtime/locale-picker.ts
diff --git a/...es/localization/runtime/locales/es-419.ts → ...es/localization/runtime/locales/es-419.ts b/...es/localization/runtime/locales/es-419.ts → ...es/localization/runtime/locales/es-419.ts
diff --git a/...ies/localization/runtime/locales/zh_CN.ts → ...ies/localization/runtime/locales/zh_CN.ts b/...ies/localization/runtime/locales/zh_CN.ts → ...ies/localization/runtime/locales/zh_CN.ts
diff --git a/...ries/localization/runtime/localization.ts → ...ries/localization/runtime/localization.ts b/...ries/localization/runtime/localization.ts → ...ries/localization/runtime/localization.ts
diff --git a/...braries/localization/runtime/project.json → ...braries/localization/runtime/project.json b/...braries/localization/runtime/project.json → ...braries/localization/runtime/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "x-greeter.ts": {},
     "locale-picker.ts": {},

diff --git a/...braries/localization/runtime/x-greeter.ts → ...braries/localization/runtime/x-greeter.ts b/...braries/localization/runtime/x-greeter.ts → ...braries/localization/runtime/x-greeter.ts
diff --git a/.../docs/mixins/highlightable/element-one.js → ...-docs/mixins/highlightable/element-one.js b/.../docs/mixins/highlightable/element-one.js → ...-docs/mixins/highlightable/element-one.js
diff --git a/.../docs/mixins/highlightable/element-one.ts → ...-docs/mixins/highlightable/element-one.ts b/.../docs/mixins/highlightable/element-one.ts → ...-docs/mixins/highlightable/element-one.ts
diff --git a/.../docs/mixins/highlightable/element-two.js → ...-docs/mixins/highlightable/element-two.js b/.../docs/mixins/highlightable/element-two.js → ...-docs/mixins/highlightable/element-two.js
diff --git a/.../docs/mixins/highlightable/element-two.ts → ...-docs/mixins/highlightable/element-two.ts b/.../docs/mixins/highlightable/element-two.ts → ...-docs/mixins/highlightable/element-two.ts
diff --git a/...ocs/mixins/highlightable/highlightable.js → ...ocs/mixins/highlightable/highlightable.js b/...ocs/mixins/highlightable/highlightable.js → ...ocs/mixins/highlightable/highlightable.js
diff --git a/...ocs/mixins/highlightable/highlightable.ts → ...ocs/mixins/highlightable/highlightable.ts b/...ocs/mixins/highlightable/highlightable.ts → ...ocs/mixins/highlightable/highlightable.ts
diff --git a/...ples/docs/mixins/highlightable/index.html → ...s/v2-docs/mixins/highlightable/index.html b/...ples/docs/mixins/highlightable/index.html → ...s/v2-docs/mixins/highlightable/index.html
diff --git a/...es/docs/mixins/highlightable/project.json → ...v2-docs/mixins/highlightable/project.json b/...es/docs/mixins/highlightable/project.json → ...v2-docs/mixins/highlightable/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "highlightable.ts": {},
     "element-one.ts": {},

diff --git a/...samples/docs/templates/compose/index.html → ...ples/v2-docs/templates/compose/index.html b/...samples/docs/templates/compose/index.html → ...ples/v2-docs/templates/compose/index.html
diff --git a/...samples/docs/templates/compose/my-page.ts → ...ples/v2-docs/templates/compose/my-page.ts b/...samples/docs/templates/compose/my-page.ts → ...ples/v2-docs/templates/compose/my-page.ts
diff --git a/...mples/docs/templates/compose/project.json → ...es/v2-docs/templates/compose/project.json b/...mples/docs/templates/compose/project.json → ...es/v2-docs/templates/compose/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-page.ts": {},
     "index.html": {}

diff --git a/.../docs/templates/composeimports/index.html → ...-docs/templates/composeimports/index.html b/.../docs/templates/composeimports/index.html → ...-docs/templates/composeimports/index.html
diff --git a/...cs/templates/composeimports/my-article.ts → ...cs/templates/composeimports/my-article.ts b/...cs/templates/composeimports/my-article.ts → ...cs/templates/composeimports/my-article.ts
diff --git a/...ocs/templates/composeimports/my-footer.ts → ...ocs/templates/composeimports/my-footer.ts b/...ocs/templates/composeimports/my-footer.ts → ...ocs/templates/composeimports/my-footer.ts
diff --git a/...ocs/templates/composeimports/my-header.ts → ...ocs/templates/composeimports/my-header.ts b/...ocs/templates/composeimports/my-header.ts → ...ocs/templates/composeimports/my-header.ts
diff --git a/.../docs/templates/composeimports/my-page.ts → ...-docs/templates/composeimports/my-page.ts b/.../docs/templates/composeimports/my-page.ts → ...-docs/templates/composeimports/my-page.ts
diff --git a/...ocs/templates/composeimports/project.json → ...ocs/templates/composeimports/project.json b/...ocs/templates/composeimports/project.json → ...ocs/templates/composeimports/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-page.ts": {},
     "my-header.ts": {},

diff --git a/.../samples/docs/templates/define/index.html → ...mples/v2-docs/templates/define/index.html b/.../samples/docs/templates/define/index.html → ...mples/v2-docs/templates/define/index.html
diff --git a/...mples/docs/templates/define/my-element.ts → ...es/v2-docs/templates/define/my-element.ts b/...mples/docs/templates/define/my-element.ts → ...es/v2-docs/templates/define/my-element.ts
diff --git a/...amples/docs/templates/define/project.json → ...les/v2-docs/templates/define/project.json b/...amples/docs/templates/define/project.json → ...les/v2-docs/templates/define/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/.../samples/docs/templates/design/index.html → ...mples/v2-docs/templates/design/index.html b/.../samples/docs/templates/design/index.html → ...mples/v2-docs/templates/design/index.html
diff --git a/...amples/docs/templates/design/project.json → ...les/v2-docs/templates/design/project.json b/...amples/docs/templates/design/project.json → ...les/v2-docs/templates/design/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "update-properties.ts": {},
     "index.html": {}

diff --git a/...ocs/templates/design/update-properties.ts → ...ocs/templates/design/update-properties.ts b/...ocs/templates/design/update-properties.ts → ...ocs/templates/design/update-properties.ts
diff --git a/...les/docs/templates/expressions/index.html → .../v2-docs/templates/expressions/index.html b/...les/docs/templates/expressions/index.html → .../v2-docs/templates/expressions/index.html
diff --git a/.../docs/templates/expressions/my-element.ts → ...-docs/templates/expressions/my-element.ts b/.../docs/templates/expressions/my-element.ts → ...-docs/templates/expressions/my-element.ts
diff --git a/...s/docs/templates/expressions/project.json → ...2-docs/templates/expressions/project.json b/...s/docs/templates/expressions/project.json → ...2-docs/templates/expressions/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-element.ts": {},
     "index.html": {}

diff --git a/...es/docs/templates/lists-arrays/index.html → ...v2-docs/templates/lists-arrays/index.html b/...es/docs/templates/lists-arrays/index.html → ...v2-docs/templates/lists-arrays/index.html
diff --git a/...docs/templates/lists-arrays/my-element.js → ...docs/templates/lists-arrays/my-element.js b/...docs/templates/lists-arrays/my-element.js → ...docs/templates/lists-arrays/my-element.js
diff --git a/...docs/templates/lists-arrays/my-element.ts → ...docs/templates/lists-arrays/my-element.ts b/...docs/templates/lists-arrays/my-element.ts → ...docs/templates/lists-arrays/my-element.ts
diff --git a/.../docs/templates/lists-arrays/project.json → ...-docs/templates/lists-arrays/project.json b/.../docs/templates/lists-arrays/project.json → ...-docs/templates/lists-arrays/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "title": "repeat directive",
   "description": "Demo exploring use of the repeat directive.",
   "section": "Directives",

diff --git a/...mples/docs/templates/lists-map/index.html → ...es/v2-docs/templates/lists-map/index.html b/...mples/docs/templates/lists-map/index.html → ...es/v2-docs/templates/lists-map/index.html
diff --git a/...es/docs/templates/lists-map/my-element.js → ...v2-docs/templates/lists-map/my-element.js b/...es/docs/templates/lists-map/my-element.js → ...v2-docs/templates/lists-map/my-element.js
diff --git a/...es/docs/templates/lists-map/my-element.ts → ...v2-docs/templates/lists-map/my-element.ts b/...es/docs/templates/lists-map/my-element.ts → ...v2-docs/templates/lists-map/my-element.ts
diff --git a/...les/docs/templates/lists-map/project.json → .../v2-docs/templates/lists-map/project.json b/...les/docs/templates/lists-map/project.json → .../v2-docs/templates/lists-map/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "title": "repeat directive",
   "description": "Demo exploring use of the repeat directive.",
   "section": "Directives",

diff --git a/...es/docs/templates/lists-repeat/index.html → ...v2-docs/templates/lists-repeat/index.html b/...es/docs/templates/lists-repeat/index.html → ...v2-docs/templates/lists-repeat/index.html
diff --git a/...docs/templates/lists-repeat/my-element.ts → ...docs/templates/lists-repeat/my-element.ts b/...docs/templates/lists-repeat/my-element.ts → ...docs/templates/lists-repeat/my-element.ts
diff --git a/.../docs/templates/lists-repeat/project.json → ...-docs/templates/lists-repeat/project.json b/.../docs/templates/lists-repeat/project.json → ...-docs/templates/lists-repeat/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "title": "repeat directive",
   "description": "Demo exploring use of the repeat directive.",
   "section": "Directives",

diff --git a/...content/samples/docs/what-is-lit/icons.ts → ...tent/samples/v2-docs/what-is-lit/icons.ts b/...content/samples/docs/what-is-lit/icons.ts → ...tent/samples/v2-docs/what-is-lit/icons.ts
diff --git a/...ntent/samples/docs/what-is-lit/index.html → ...nt/samples/v2-docs/what-is-lit/index.html b/...ntent/samples/docs/what-is-lit/index.html → ...nt/samples/v2-docs/what-is-lit/index.html
diff --git a/...tent/samples/docs/what-is-lit/my-timer.ts → ...t/samples/v2-docs/what-is-lit/my-timer.ts b/...tent/samples/docs/what-is-lit/my-timer.ts → ...t/samples/v2-docs/what-is-lit/my-timer.ts
diff --git a/...ent/samples/docs/what-is-lit/project.json → .../samples/v2-docs/what-is-lit/project.json b/...ent/samples/docs/what-is-lit/project.json → .../samples/v2-docs/what-is-lit/project.json
@@ -1,5 +1,5 @@
 {
-  "extends": "/samples/base.json",
+  "extends": "/samples/v2-base.json",
   "files": {
     "my-timer.ts": {},
     "index.html": {},

diff --git a/packages/lit-dev-content/samples/v3-base.json b/packages/lit-dev-content/samples/v3-base.json
@@ -0,0 +1,8 @@
+{
+  "files": {
+    "package.json": {
+      "content": "{\n  \"dependencies\": {\n    \"lit\": \"^3.0.0-pre.0\",\n    \"@lit/reactive-element\": \"^2.0.0-pre.0\",\n    \"lit-element\": \"^4.0.0-pre.0\",\n    \"lit-html\": \"^3.0.0-pre.0\"\n  }\n}",
+      "hidden": true
+    }
+  }
+}
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/child/index.html b/packages/lit-dev-content/samples/v3-docs/components/events/child/index.html
@@ -0,0 +1,3 @@
+<script type="module" src="./my-element.js"></script>
+
+<my-element></my-element>
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/child/my-element.ts b/packages/lit-dev-content/samples/v3-docs/components/events/child/my-element.ts
@@ -0,0 +1,16 @@
+import {LitElement, html} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('my-element')
+export class MyElement extends LitElement {
+  @property({type: Number}) count = 0;
+  protected render() {
+    return html`
+      <p><button @click="${this._increment}">Click Me!</button></p>
+      <p>Click count: ${this.count}</p>
+    `;
+  }
+  private _increment(e: Event) {
+    this.count++;
+  }
+}
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/child/project.json b/packages/lit-dev-content/samples/v3-docs/components/events/child/project.json
@@ -0,0 +1,8 @@
+{
+  "extends": "/samples/v3-base.json",
+  "files": {
+    "my-element.ts": {},
+    "index.html": {}
+  },
+  "previewHeight": "100px"
+}
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/comm/index.html b/packages/lit-dev-content/samples/v3-docs/components/events/comm/index.html
@@ -0,0 +1,6 @@
+<script type="module" src="./my-listener.js"></script>
+<script type="module" src="./my-dispatcher.js"></script>
+
+<my-listener>
+  <my-dispatcher></my-dispatcher>
+</my-listener>
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/comm/my-dispatcher.ts b/packages/lit-dev-content/samples/v3-docs/components/events/comm/my-dispatcher.ts
@@ -0,0 +1,30 @@
+import {LitElement, html} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('my-dispatcher')
+class MyDispatcher extends LitElement {
+  @property() label = 'Check me!';
+  defaultMessage = '🙂';
+  @property() message = this.defaultMessage;
+  private _resetMessage?: ReturnType<typeof setTimeout>;
+  protected render() {
+    return html`
+      <label><input type="checkbox" @click=${this._tryChange}>${this.label}</label>
+      <div>${this.message}</div>
+    `;
+  }
+  private _tryChange(e: Event) {
+    const detail = {message: this.message};
+    const event = new CustomEvent('checked', {detail, bubbles: true, composed: true, cancelable: true});
+    this.dispatchEvent(event);
+    if (event.defaultPrevented) {
+      e.preventDefault();
+    }
+    this.message = detail.message;
+  }
+  protected updated() {
+    clearTimeout(this._resetMessage);
+    this._resetMessage =
+      setTimeout(() => this.message = this.defaultMessage, 1000);
+  }
+}
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/comm/my-listener.ts b/packages/lit-dev-content/samples/v3-docs/components/events/comm/my-listener.ts
@@ -0,0 +1,23 @@
+import {LitElement, html} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('my-listener')
+class MyListener extends LitElement {
+  @property() canCheck = false;
+  protected render() {
+    return html`
+      <p @checked=${this._checkedHandler}><slot></slot></p>
+      <hr>
+      <p>${this.canCheck ? 'Allowing' : 'Preventing'} check</p>
+      <p><button @click=${this._clickHandler}>Toggle</button></p>`;
+  }
+  private _checkedHandler(e: CustomEvent) {
+    if (!this.canCheck) {
+      e.preventDefault();
+      e.detail.message = '✅ Prevented!!';
+    }
+  }
+  private _clickHandler() {
+    this.canCheck = !this.canCheck;
+  }
+}
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/comm/project.json b/packages/lit-dev-content/samples/v3-docs/components/events/comm/project.json
@@ -0,0 +1,9 @@
+{
+  "extends": "/samples/v3-base.json",
+  "files": {
+    "my-dispatcher.ts": {},
+    "my-listener.ts": {},
+    "index.html": {}
+  },
+  "previewHeight": "180px"
+}
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/delegation/index.html b/packages/lit-dev-content/samples/v3-docs/components/events/delegation/index.html
@@ -0,0 +1,3 @@
+<script type="module" src="./my-element.js"></script>
+
+<my-element></my-element>
diff --git a/packages/lit-dev-content/samples/v3-docs/components/events/delegation/my-element.ts b/packages/lit-dev-content/samples/v3-docs/components/events/delegation/my-element.ts
@@ -0,0 +1,21 @@
+import {LitElement, html} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('my-element')
+class MyElement extends LitElement {
+  @property() clicked = '';
+  protected render() {
+    return html`
+      <div @click="${this._clickHandler}">
+        <button>Item 1</button>
+        <button>Item 2</button>
+        <button>Item 3</button>
+      </div>
+      <p>Clicked: ${this.clicked}</p>
+    `;
+  }
+  private _clickHandler(e: Event) {
+    this.clicked = e.target === e.currentTarget ?
+      'container' : (e.target as HTMLDivElement).textContent!;
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		<script type="module" src="./my-element.js"></script>

		<my-element></my-element>