@oddsquad/vite-plugin-lit 0.0.3 → 0.0.5

package/lib/runtime/source-overlay/source-host.js

@@ -0,0 +1,94 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { SOURCE_META_KEY } from '../source-meta.js';
+// Walk up from an element (crossing shadow boundaries) to the nearest host that
+// carries Lit source metadata, i.e. the component that rendered it.
+export const findSourceHost = (el) => {
+    let current = el;
+    while (current !== null) {
+        const ctor = current.constructor;
+        if (ctor[SOURCE_META_KEY] !== undefined) {
+            return current;
+        }
+        const root = current.getRootNode();
+        if (root instanceof ShadowRoot) {
+            current = root.host;
+            continue;
+        }
+        current = current.parentElement;
+    }
+    return null;
+};
+// Pierce nested shadow roots to find the deepest element under the cursor.
+// document.elementFromPoint retargets shadow content to the top-level host, so
+// we descend through each shadowRoot to reach the innermost element.
+export const deepElementFromPoint = (x, y) => {
+    let el = document.elementFromPoint(x, y);
+    let deepest = el;
+    while (el?.shadowRoot) {
+        const inner = el.shadowRoot.elementFromPoint(x, y);
+        if (inner === null || inner === el)
+            break;
+        deepest = inner;
+        el = inner;
+    }
+    return deepest;
+};
+// Resolve the source host under a viewport point. The optional dialog is the
+// overlay's own modal, temporarily closed so it doesn't shadow the hit-test.
+export const findSourceAtPoint = (x, y, dialog = null) => {
+    if (dialog !== null)
+        dialog.close();
+    try {
+        const deepest = deepElementFromPoint(x, y);
+        if (deepest !== null) {
+            const host = findSourceHost(deepest);
+            if (host !== null)
+                return host;
+        }
+        // Bounding-rect fallback for elements elementFromPoint misses — prefer the
+        // deepest matching host so nested components still beat their ancestors.
+        let best = null;
+        for (const el of document.querySelectorAll('*')) {
+            const ctor = el.constructor;
+            if (ctor[SOURCE_META_KEY] === undefined)
+                continue;
+            const rect = el.getBoundingClientRect();
+            if (x >= rect.left &&
+                x <= rect.right &&
+                y >= rect.top &&
+                y <= rect.bottom) {
+                if (best === null || best.contains(el))
+                    best = el;
+            }
+        }
+        return best;
+    }
+    finally {
+        if (dialog !== null && !dialog.open)
+            dialog.showModal();
+    }
+};
+export const defaultResolver = {
+    async resolveElementInfo(el) {
+        const host = findSourceHost(el);
+        if (host === null)
+            return null;
+        const ctor = host.constructor;
+        const meta = ctor[SOURCE_META_KEY];
+        if (meta === undefined)
+            return null;
+        return {
+            tagName: host.tagName.toLowerCase(),
+            componentName: meta.componentName,
+            source: {
+                filePath: meta.filePath,
+                lineNumber: meta.lineNumber,
+            },
+        };
+    },
+};
+//# sourceMappingURL=source-host.js.map

package/lib/runtime/source-overlay/source-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-host.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/source-overlay/source-host.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {SOURCE_META_KEY, type LitSourceMeta} from '../source-meta.js';\nimport type {ElementInfo} from '../../types.js';\n\nexport interface ElementResolver {\n  resolveElementInfo(el: Element): Promise<ElementInfo | null>;\n}\n\n// Walk up from an element (crossing shadow boundaries) to the nearest host that\n// carries Lit source metadata, i.e. the component that rendered it.\nexport const findSourceHost = (el: Element): Element | null => {\n  let current: Element | null = el;\n  while (current !== null) {\n    const ctor = current.constructor as CustomElementConstructor & {\n      [SOURCE_META_KEY]?: LitSourceMeta;\n    };\n    if (ctor[SOURCE_META_KEY] !== undefined) {\n      return current;\n    }\n    const root = current.getRootNode();\n    if (root instanceof ShadowRoot) {\n      current = root.host;\n      continue;\n    }\n    current = current.parentElement;\n  }\n  return null;\n};\n\n// Pierce nested shadow roots to find the deepest element under the cursor.\n// document.elementFromPoint retargets shadow content to the top-level host, so\n// we descend through each shadowRoot to reach the innermost element.\nexport const deepElementFromPoint = (x: number, y: number): Element | null => {\n  let el = document.elementFromPoint(x, y);\n  let deepest: Element | null = el;\n  while (el?.shadowRoot) {\n    const inner = el.shadowRoot.elementFromPoint(x, y);\n    if (inner === null || inner === el) break;\n    deepest = inner;\n    el = inner;\n  }\n  return deepest;\n};\n\n// Resolve the source host under a viewport point. The optional dialog is the\n// overlay's own modal, temporarily closed so it doesn't shadow the hit-test.\nexport const findSourceAtPoint = (\n  x: number,\n  y: number,\n  dialog: HTMLDialogElement | null = null\n): Element | null => {\n  if (dialog !== null) dialog.close();\n  try {\n    const deepest = deepElementFromPoint(x, y);\n    if (deepest !== null) {\n      const host = findSourceHost(deepest);\n      if (host !== null) return host;\n    }\n\n    // Bounding-rect fallback for elements elementFromPoint misses — prefer the\n    // deepest matching host so nested components still beat their ancestors.\n    let best: Element | null = null;\n    for (const el of document.querySelectorAll('*')) {\n      const ctor = el.constructor as CustomElementConstructor & {\n        [SOURCE_META_KEY]?: LitSourceMeta;\n      };\n      if (ctor[SOURCE_META_KEY] === undefined) continue;\n      const rect = el.getBoundingClientRect();\n      if (\n        x >= rect.left &&\n        x <= rect.right &&\n        y >= rect.top &&\n        y <= rect.bottom\n      ) {\n        if (best === null || best.contains(el)) best = el;\n      }\n    }\n    return best;\n  } finally {\n    if (dialog !== null && !dialog.open) dialog.showModal();\n  }\n};\n\nexport const defaultResolver: ElementResolver = {\n  async resolveElementInfo(el) {\n    const host = findSourceHost(el);\n    if (host === null) return null;\n    const ctor = host.constructor as CustomElementConstructor & {\n      [SOURCE_META_KEY]?: LitSourceMeta;\n    };\n    const meta = ctor[SOURCE_META_KEY];\n    if (meta === undefined) return null;\n    return {\n      tagName: host.tagName.toLowerCase(),\n      componentName: meta.componentName,\n      source: {\n        filePath: meta.filePath,\n        lineNumber: meta.lineNumber,\n      },\n    };\n  },\n};\n"]}

package/lib/runtime/source-overlay/template.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+export declare const OVERLAY_HTML = "\n  <style>\n    dialog {\n      background: transparent;\n      border: none;\n      padding: 0;\n      margin: 0;\n      max-width: none;\n      max-height: none;\n      pointer-events: none;\n    }\n    #mask {\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      background: rgba(0,0,0,0);\n      transition: background-color 0.3s cubic-bezier(0.9, 0, 0.1, 1);\n    }\n    #highlight {\n      position: fixed;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      box-sizing: border-box;\n      border-radius: var(--lit-devtools-radius-md);\n    }\n    #tooltip {\n      position: fixed;\n      /* Lift above the Vite DevTools edge panel when it's docked to the bottom\n         (--edge-bottom is set from JS; 0 otherwise). */\n      bottom: calc(16px + var(--edge-bottom, 0px));\n      left: 50%;\n      translate: -50%;\n      display: none;\n      align-items: stretch;\n      pointer-events: auto;\n      max-width: min(90vw, 480px);\n      border-radius: var(--lit-devtools-radius-md);\n      background: var(--lit-devtools-surface-elevated);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      color: var(--lit-devtools-text-strong);\n      font: 12px/1.4 var(--lit-devtools-font-mono, ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace);\n      box-shadow: var(--lit-devtools-shadow-md);\n      overflow: hidden;\n    }\n    .icon-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 0 0 auto;\n      padding: 0 12px;\n      border: none;\n      background: transparent;\n      color: inherit;\n      cursor: pointer;\n    }\n    .icon-btn:hover { background: var(--lit-devtools-surface-hover); }\n    /* No outline ring; keyboard focus reuses the subtle hover tint. */\n    .icon-btn:focus { outline: none; }\n    .icon-btn:focus-visible { background: var(--lit-devtools-surface-hover); }\n    .icon-btn svg {\n      width: 16px;\n      height: 16px;\n      display: block;\n      fill: currentColor;\n    }\n    #meta {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 1px;\n      min-width: 0;\n      padding: 6px 10px;\n      border-left: 1px solid var(--lit-devtools-border-subtle);\n      border-right: 1px solid var(--lit-devtools-border-subtle);\n    }\n    #tag {\n      font-weight: 600;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--lit-devtools-text-strong);\n    }\n    #path {\n      color: var(--lit-devtools-text-secondary);\n      font-size: 11px;\n      word-break: break-all;\n    }\n  </style>\n  <dialog id=\"overlay\">\n    <div id=\"mask\"></div>\n    <div id=\"highlight\"></div>\n    <div id=\"tooltip\">\n      <span\n        id=\"open\"\n        class=\"icon-btn\"\n        title=\"Open in editor\"\n        aria-label=\"Open in editor\"\n      ><svg viewBox=\"0 0 256 256\" aria-hidden=\"true\"><path d=\"M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z\"></path></svg></span>\n      <div id=\"meta\">\n        <span id=\"tag\"></span>\n        <span id=\"path\"></span>\n      </div>\n      <button\n        id=\"copy\"\n        class=\"icon-btn\"\n        type=\"button\"\n        title=\"Copy path\"\n        aria-label=\"Copy path\"\n      ><svg viewBox=\"0 0 256 256\" aria-hidden=\"true\"><path d=\"M184,64H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H184a8,8,0,0,0,8-8V72A8,8,0,0,0,184,64Zm-8,144H48V80H176ZM224,40V184a8,8,0,0,1-16,0V48H72a8,8,0,0,1,0-16H216A8,8,0,0,1,224,40Z\"></path></svg></button>\n    </div>\n  </dialog>\n";
+//# sourceMappingURL=template.d.ts.map

package/lib/runtime/source-overlay/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/source-overlay/template.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,eAAO,MAAM,YAAY,u2HAiHxB,CAAC"}

package/lib/runtime/source-overlay/template.js

@@ -0,0 +1,125 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { FONT_MONO_VAR } from '../fonts.js';
+import { CODE_ICON, COPY_ICON } from '../../icons.js';
+// Shadow DOM markup for the overlay: a transparent modal <dialog> hosting the
+// dimming mask, the highlight ring, and the bottom-fixed tooltip panel. The
+// panel is a three-section split: open-in-editor icon | tag + path | copy icon.
+export const OVERLAY_HTML = `
+  <style>
+    dialog {
+      background: transparent;
+      border: none;
+      padding: 0;
+      margin: 0;
+      max-width: none;
+      max-height: none;
+      pointer-events: none;
+    }
+    #mask {
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      background: rgba(0,0,0,0);
+      transition: background-color 0.3s cubic-bezier(0.9, 0, 0.1, 1);
+    }
+    #highlight {
+      position: fixed;
+      top: 0;
+      left: 0;
+      pointer-events: none;
+      box-sizing: border-box;
+      border-radius: var(--lit-devtools-radius-md);
+    }
+    #tooltip {
+      position: fixed;
+      /* Lift above the Vite DevTools edge panel when it's docked to the bottom
+         (--edge-bottom is set from JS; 0 otherwise). */
+      bottom: calc(16px + var(--edge-bottom, 0px));
+      left: 50%;
+      translate: -50%;
+      display: none;
+      align-items: stretch;
+      pointer-events: auto;
+      max-width: min(90vw, 480px);
+      border-radius: var(--lit-devtools-radius-md);
+      background: var(--lit-devtools-surface-elevated);
+      backdrop-filter: blur(8px);
+      -webkit-backdrop-filter: blur(8px);
+      color: var(--lit-devtools-text-strong);
+      font: 12px/1.4 ${FONT_MONO_VAR};
+      box-shadow: var(--lit-devtools-shadow-md);
+      overflow: hidden;
+    }
+    .icon-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex: 0 0 auto;
+      padding: 0 12px;
+      border: none;
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
+    }
+    .icon-btn:hover { background: var(--lit-devtools-surface-hover); }
+    /* No outline ring; keyboard focus reuses the subtle hover tint. */
+    .icon-btn:focus { outline: none; }
+    .icon-btn:focus-visible { background: var(--lit-devtools-surface-hover); }
+    .icon-btn svg {
+      width: 16px;
+      height: 16px;
+      display: block;
+      fill: currentColor;
+    }
+    #meta {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 1px;
+      min-width: 0;
+      padding: 6px 10px;
+      border-left: 1px solid var(--lit-devtools-border-subtle);
+      border-right: 1px solid var(--lit-devtools-border-subtle);
+    }
+    #tag {
+      font-weight: 600;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: var(--lit-devtools-text-strong);
+    }
+    #path {
+      color: var(--lit-devtools-text-secondary);
+      font-size: 11px;
+      word-break: break-all;
+    }
+  </style>
+  <dialog id="overlay">
+    <div id="mask"></div>
+    <div id="highlight"></div>
+    <div id="tooltip">
+      <span
+        id="open"
+        class="icon-btn"
+        title="Open in editor"
+        aria-label="Open in editor"
+      >${CODE_ICON}</span>
+      <div id="meta">
+        <span id="tag"></span>
+        <span id="path"></span>
+      </div>
+      <button
+        id="copy"
+        class="icon-btn"
+        type="button"
+        title="Copy path"
+        aria-label="Copy path"
+      >${COPY_ICON}</button>
+    </div>
+  </dialog>
+`;
+//# sourceMappingURL=template.js.map

package/lib/runtime/source-overlay/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/source-overlay/template.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEpD,8EAA8E;AAC9E,4EAA4E;AAC5E,gFAAgF;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA0CL,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAyD3B,SAAS;;;;;;;;;;;SAWT,SAAS;;;CAGjB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {FONT_MONO_VAR} from '../fonts.js';\nimport {CODE_ICON, COPY_ICON} from '../../icons.js';\n\n// Shadow DOM markup for the overlay: a transparent modal <dialog> hosting the\n// dimming mask, the highlight ring, and the bottom-fixed tooltip panel. The\n// panel is a three-section split: open-in-editor icon | tag + path | copy icon.\nexport const OVERLAY_HTML = `\n  <style>\n    dialog {\n      background: transparent;\n      border: none;\n      padding: 0;\n      margin: 0;\n      max-width: none;\n      max-height: none;\n      pointer-events: none;\n    }\n    #mask {\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      background: rgba(0,0,0,0);\n      transition: background-color 0.3s cubic-bezier(0.9, 0, 0.1, 1);\n    }\n    #highlight {\n      position: fixed;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      box-sizing: border-box;\n      border-radius: var(--lit-devtools-radius-md);\n    }\n    #tooltip {\n      position: fixed;\n      /* Lift above the Vite DevTools edge panel when it's docked to the bottom\n         (--edge-bottom is set from JS; 0 otherwise). */\n      bottom: calc(16px + var(--edge-bottom, 0px));\n      left: 50%;\n      translate: -50%;\n      display: none;\n      align-items: stretch;\n      pointer-events: auto;\n      max-width: min(90vw, 480px);\n      border-radius: var(--lit-devtools-radius-md);\n      background: var(--lit-devtools-surface-elevated);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      color: var(--lit-devtools-text-strong);\n      font: 12px/1.4 ${FONT_MONO_VAR};\n      box-shadow: var(--lit-devtools-shadow-md);\n      overflow: hidden;\n    }\n    .icon-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 0 0 auto;\n      padding: 0 12px;\n      border: none;\n      background: transparent;\n      color: inherit;\n      cursor: pointer;\n    }\n    .icon-btn:hover { background: var(--lit-devtools-surface-hover); }\n    /* No outline ring; keyboard focus reuses the subtle hover tint. */\n    .icon-btn:focus { outline: none; }\n    .icon-btn:focus-visible { background: var(--lit-devtools-surface-hover); }\n    .icon-btn svg {\n      width: 16px;\n      height: 16px;\n      display: block;\n      fill: currentColor;\n    }\n    #meta {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 1px;\n      min-width: 0;\n      padding: 6px 10px;\n      border-left: 1px solid var(--lit-devtools-border-subtle);\n      border-right: 1px solid var(--lit-devtools-border-subtle);\n    }\n    #tag {\n      font-weight: 600;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--lit-devtools-text-strong);\n    }\n    #path {\n      color: var(--lit-devtools-text-secondary);\n      font-size: 11px;\n      word-break: break-all;\n    }\n  </style>\n  <dialog id=\"overlay\">\n    <div id=\"mask\"></div>\n    <div id=\"highlight\"></div>\n    <div id=\"tooltip\">\n      <span\n        id=\"open\"\n        class=\"icon-btn\"\n        title=\"Open in editor\"\n        aria-label=\"Open in editor\"\n      >${CODE_ICON}</span>\n      <div id=\"meta\">\n        <span id=\"tag\"></span>\n        <span id=\"path\"></span>\n      </div>\n      <button\n        id=\"copy\"\n        class=\"icon-btn\"\n        type=\"button\"\n        title=\"Copy path\"\n        aria-label=\"Copy path\"\n      >${COPY_ICON}</button>\n    </div>\n  </dialog>\n`;\n"]}

package/lib/runtime/source-overlay.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+export { initSourceOverlay, toggleSourceOverlay, type SourceOverlayInitOptions, } from './source-overlay/overlay-element.js';
+//# sourceMappingURL=source-overlay.d.ts.map

package/lib/runtime/source-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-overlay.d.ts","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/source-overlay.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,qCAAqC,CAAC"}

package/lib/runtime/source-overlay.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+// Entry point for the source overlay runtime. The plugin resolves this module
+// by path and imports initSourceOverlay; the implementation lives in
+// ./source-overlay/. Importing the element module also registers the
+// <lit-source-overlay> custom element as a side effect.
+export { initSourceOverlay, toggleSourceOverlay, } from './source-overlay/overlay-element.js';
+//# sourceMappingURL=source-overlay.js.map

package/lib/runtime/source-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-overlay.js","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/source-overlay.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,8EAA8E;AAC9E,qEAAqE;AACrE,qEAAqE;AACrE,wDAAwD;AACxD,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GAEpB,MAAM,qCAAqC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// Entry point for the source overlay runtime. The plugin resolves this module\n// by path and imports initSourceOverlay; the implementation lives in\n// ./source-overlay/. Importing the element module also registers the\n// <lit-source-overlay> custom element as a side effect.\nexport {\n  initSourceOverlay,\n  toggleSourceOverlay,\n  type SourceOverlayInitOptions,\n} from './source-overlay/overlay-element.js';\n"]}

package/lib/runtime/timeline/clock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/** Re-zero the clock; called when recording transitions off → on. */
+export declare const resetClock: () => void;
+/** Milliseconds since the last {@link resetClock}. */
+export declare const now: () => number;
+//# sourceMappingURL=clock.d.ts.map

package/lib/runtime/timeline/clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/clock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,qEAAqE;AACrE,eAAO,MAAM,UAAU,QAAO,IAE7B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,GAAG,QAAO,MAAmC,CAAC"}

package/lib/runtime/timeline/clock.js

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Recording-relative clock for the timeline.
+ *
+ * Built-in capture layers timestamp events with {@link now} rather than raw
+ * `performance.now()`, so event times read as "ms since recording started"
+ * (the first event is ~0) instead of "ms since the app page loaded" — which is
+ * also meaningless to the panel, an iframe with its own time origin. The origin
+ * is re-zeroed on each rising edge of recording via {@link resetClock}.
+ */
+let epoch = 0;
+/** Re-zero the clock; called when recording transitions off → on. */
+export const resetClock = () => {
+    epoch = performance.now();
+};
+/** Milliseconds since the last {@link resetClock}. */
+export const now = () => performance.now() - epoch;
+//# sourceMappingURL=clock.js.map

package/lib/runtime/timeline/clock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/clock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AAEH,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,qEAAqE;AACrE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAS,EAAE;IACnC,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,sDAAsD;AACtD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAW,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Recording-relative clock for the timeline.\n *\n * Built-in capture layers timestamp events with {@link now} rather than raw\n * `performance.now()`, so event times read as \"ms since recording started\"\n * (the first event is ~0) instead of \"ms since the app page loaded\" — which is\n * also meaningless to the panel, an iframe with its own time origin. The origin\n * is re-zeroed on each rising edge of recording via {@link resetClock}.\n */\n\nlet epoch = 0;\n\n/** Re-zero the clock; called when recording transitions off → on. */\nexport const resetClock = (): void => {\n  epoch = performance.now();\n};\n\n/** Milliseconds since the last {@link resetClock}. */\nexport const now = (): number => performance.now() - epoch;\n"]}

package/lib/runtime/timeline/identity.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Stable per-instance id and source-meta lookup for the timeline.
+ *
+ * Assigns monotonic numeric ids to ReactiveElement instances via a WeakMap
+ * so we never mutate the elements themselves and ids survive HMR (same
+ * instance identity after in-place patching).
+ *
+ * Source metadata is read from the Symbol injected by the source-meta
+ * transform — the same one the source-overlay feature uses — so timeline
+ * events can deep-link to the component's definition file.
+ */
+export interface ElementSource {
+    file: string;
+    line: number;
+}
+/** Returns (and memoises) a stable numeric id for an element instance. */
+export declare const idOf: (el: object) => number;
+/**
+ * Resolves an id back to its element instance, or `undefined` if it was never
+ * seen or has since been garbage-collected. Used by the inspector to act on the
+ * id the panel sends (details, watch, highlight).
+ */
+export declare const elementById: (id: number) => Element | undefined;
+/** Reads the file/line source metadata injected by the plugin transform. */
+export declare const sourceOf: (el: object) => ElementSource | undefined;
+/**
+ * Extracts the changed property keys from a PropertyValues argument.
+ * Returns undefined when `changed` is not a Map (e.g. for lifecycle hooks
+ * that don't receive a changed-properties argument).
+ */
+export declare const changedKeys: (changed: unknown) => string[] | undefined;
+//# sourceMappingURL=identity.d.ts.map

package/lib/runtime/timeline/identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/identity.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AA8BD,0EAA0E;AAC1E,eAAO,MAAM,IAAI,GAAI,IAAI,MAAM,KAAG,MASjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,IAAI,MAAM,KAAG,OAAO,GAAG,SAOlD,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,QAAQ,GAAI,IAAI,MAAM,KAAG,aAAa,GAAG,SAQrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO,KAAG,MAAM,EAAE,GAAG,SAKzD,CAAC"}

package/lib/runtime/timeline/identity.js

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const SOURCE_META_KEY = Symbol.for('@lit-labs/vite-plugin-lit#source');
+/** WeakMap avoids retaining elements after disconnection + GC. */
+const ids = new WeakMap();
+let nextId = 0;
+/**
+ * Reverse map for {@link elementById}, so a panel request (which only carries
+ * an id) can be resolved back to the live instance. WeakRef-valued so we never
+ * keep an element alive past GC; dead entries are pruned on lookup.
+ */
+const byId = new Map();
+/**
+ * Drops `byId` entries as their elements are garbage-collected. The `WeakRef`
+ * already lets the element itself be reclaimed, but the Map slot (id + WeakRef
+ * wrapper) would otherwise linger until the next `elementById(id)` lookup —
+ * which only happens on a panel request for that specific id, so on a churning
+ * page (a list re-rendering thousands of rows) dead entries accumulate for the
+ * whole dev session. Guarded for environments without `FinalizationRegistry`.
+ */
+const byIdRegistry = typeof FinalizationRegistry === 'function'
+    ? new FinalizationRegistry((id) => {
+        byId.delete(id);
+    })
+    : undefined;
+/** Returns (and memoises) a stable numeric id for an element instance. */
+export const idOf = (el) => {
+    let id = ids.get(el);
+    if (id === undefined) {
+        id = nextId++;
+        ids.set(el, id);
+        byId.set(id, new WeakRef(el));
+        byIdRegistry?.register(el, id);
+    }
+    return id;
+};
+/**
+ * Resolves an id back to its element instance, or `undefined` if it was never
+ * seen or has since been garbage-collected. Used by the inspector to act on the
+ * id the panel sends (details, watch, highlight).
+ */
+export const elementById = (id) => {
+    const el = byId.get(id)?.deref();
+    if (el === undefined) {
+        byId.delete(id);
+        return undefined;
+    }
+    return el;
+};
+/** Reads the file/line source metadata injected by the plugin transform. */
+export const sourceOf = (el) => {
+    const ctor = el.constructor;
+    if (ctor === undefined)
+        return undefined;
+    const meta = ctor[SOURCE_META_KEY];
+    if (meta?.filePath === undefined)
+        return undefined;
+    return { file: meta.filePath, line: meta.lineNumber ?? 1 };
+};
+/**
+ * Extracts the changed property keys from a PropertyValues argument.
+ * Returns undefined when `changed` is not a Map (e.g. for lifecycle hooks
+ * that don't receive a changed-properties argument).
+ */
+export const changedKeys = (changed) => {
+    if (!(changed instanceof Map))
+        return undefined;
+    return [...changed.keys()].map((k) => typeof k === 'symbol' ? k.toString() : String(k));
+};
+//# sourceMappingURL=identity.js.map

package/lib/runtime/timeline/identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/identity.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAmBH,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;AAEvE,kEAAkE;AAClE,MAAM,GAAG,GAAG,IAAI,OAAO,EAAkB,CAAC;AAC1C,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf;;;;GAIG;AACH,MAAM,IAAI,GAAG,IAAI,GAAG,EAA2B,CAAC;AAEhD;;;;;;;GAOG;AACH,MAAM,YAAY,GAChB,OAAO,oBAAoB,KAAK,UAAU;IACxC,CAAC,CAAC,IAAI,oBAAoB,CAAS,CAAC,EAAE,EAAE,EAAE;QACtC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,CAAC;IACJ,CAAC,CAAC,SAAS,CAAC;AAEhB,0EAA0E;AAC1E,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAU,EAAU,EAAE;IACzC,IAAI,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACrB,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QACrB,EAAE,GAAG,MAAM,EAAE,CAAC;QACd,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAChB,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9B,YAAY,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAU,EAAuB,EAAE;IAC7D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;IACjC,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,EAAa,CAAC;AACvB,CAAC,CAAC;AAEF,4EAA4E;AAC5E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAU,EAA6B,EAAE;IAChE,MAAM,IAAI,GAAI,EAA8C,CAAC,WAAW,CAAC;IACzE,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACzC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAEpB,CAAC;IACd,IAAI,IAAI,EAAE,QAAQ,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IACnD,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,EAAC,CAAC;AAC3D,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAwB,EAAE;IACpE,IAAI,CAAC,CAAC,OAAO,YAAY,GAAG,CAAC;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACnC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACjD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Stable per-instance id and source-meta lookup for the timeline.\n *\n * Assigns monotonic numeric ids to ReactiveElement instances via a WeakMap\n * so we never mutate the elements themselves and ids survive HMR (same\n * instance identity after in-place patching).\n *\n * Source metadata is read from the Symbol injected by the source-meta\n * transform — the same one the source-overlay feature uses — so timeline\n * events can deep-link to the component's definition file.\n */\n\nexport interface ElementSource {\n  file: string;\n  line: number;\n}\n\nconst SOURCE_META_KEY = Symbol.for('@lit-labs/vite-plugin-lit#source');\n\n/** WeakMap avoids retaining elements after disconnection + GC. */\nconst ids = new WeakMap<object, number>();\nlet nextId = 0;\n\n/**\n * Reverse map for {@link elementById}, so a panel request (which only carries\n * an id) can be resolved back to the live instance. WeakRef-valued so we never\n * keep an element alive past GC; dead entries are pruned on lookup.\n */\nconst byId = new Map<number, WeakRef<object>>();\n\n/**\n * Drops `byId` entries as their elements are garbage-collected. The `WeakRef`\n * already lets the element itself be reclaimed, but the Map slot (id + WeakRef\n * wrapper) would otherwise linger until the next `elementById(id)` lookup —\n * which only happens on a panel request for that specific id, so on a churning\n * page (a list re-rendering thousands of rows) dead entries accumulate for the\n * whole dev session. Guarded for environments without `FinalizationRegistry`.\n */\nconst byIdRegistry =\n  typeof FinalizationRegistry === 'function'\n    ? new FinalizationRegistry<number>((id) => {\n        byId.delete(id);\n      })\n    : undefined;\n\n/** Returns (and memoises) a stable numeric id for an element instance. */\nexport const idOf = (el: object): number => {\n  let id = ids.get(el);\n  if (id === undefined) {\n    id = nextId++;\n    ids.set(el, id);\n    byId.set(id, new WeakRef(el));\n    byIdRegistry?.register(el, id);\n  }\n  return id;\n};\n\n/**\n * Resolves an id back to its element instance, or `undefined` if it was never\n * seen or has since been garbage-collected. Used by the inspector to act on the\n * id the panel sends (details, watch, highlight).\n */\nexport const elementById = (id: number): Element | undefined => {\n  const el = byId.get(id)?.deref();\n  if (el === undefined) {\n    byId.delete(id);\n    return undefined;\n  }\n  return el as Element;\n};\n\n/** Reads the file/line source metadata injected by the plugin transform. */\nexport const sourceOf = (el: object): ElementSource | undefined => {\n  const ctor = (el as {constructor?: Record<symbol, unknown>}).constructor;\n  if (ctor === undefined) return undefined;\n  const meta = ctor[SOURCE_META_KEY] as\n    | {filePath?: string; lineNumber?: number}\n    | undefined;\n  if (meta?.filePath === undefined) return undefined;\n  return {file: meta.filePath, line: meta.lineNumber ?? 1};\n};\n\n/**\n * Extracts the changed property keys from a PropertyValues argument.\n * Returns undefined when `changed` is not a Map (e.g. for lifecycle hooks\n * that don't receive a changed-properties argument).\n */\nexport const changedKeys = (changed: unknown): string[] | undefined => {\n  if (!(changed instanceof Map)) return undefined;\n  return [...changed.keys()].map((k) =>\n    typeof k === 'symbol' ? k.toString() : String(k)\n  );\n};\n"]}

package/lib/runtime/timeline/input.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Mouse and keyboard timeline layers — plain window listeners, direct port
+ * of the Vue DevTools timeline input capture pattern.
+ */
+import type { TimelineEvent } from '../../../types/timeline.js';
+type EmitFn = (event: TimelineEvent) => void;
+type RecordingFn = () => boolean;
+export declare const installMouseLayer: (emit: EmitFn, recording: RecordingFn, mouseEnabled: () => boolean) => void;
+export declare const installKeyboardLayer: (emit: EmitFn, recording: RecordingFn, keyEnabled: () => boolean) => void;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/lib/runtime/timeline/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/input.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAG9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AAyEjC,eAAO,MAAM,iBAAiB,GAC5B,MAAM,MAAM,EACZ,WAAW,WAAW,EACtB,cAAc,MAAM,OAAO,KAC1B,IAWF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,EACZ,WAAW,WAAW,EACtB,YAAY,MAAM,OAAO,KACxB,IAWF,CAAC"}

package/lib/runtime/timeline/input.js

@@ -0,0 +1,87 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { now } from './clock.js';
+const MOUSE_EVENTS = [
+    'mousedown',
+    'mouseup',
+    'click',
+    'dblclick',
+];
+const KEY_EVENTS = ['keydown', 'keyup'];
+const mouseHandler = (emit, recording, mouseEnabled) => (e) => {
+    if (!recording() || !mouseEnabled())
+        return;
+    const me = e;
+    const data = {
+        type: e.type,
+        x: Math.round(me.clientX),
+        y: Math.round(me.clientY),
+        button: me.button,
+    };
+    emit({
+        layerId: 'mouse',
+        time: now(),
+        title: e.type,
+        subtitle: `(${data.x}, ${data.y})`,
+        data,
+    });
+};
+const keyHandler = (emit, recording, keyEnabled) => (e) => {
+    if (!recording() || !keyEnabled())
+        return;
+    const ke = e;
+    const modifiers = [];
+    if (ke.ctrlKey)
+        modifiers.push('Ctrl');
+    if (ke.metaKey)
+        modifiers.push('Meta');
+    if (ke.altKey)
+        modifiers.push('Alt');
+    if (ke.shiftKey)
+        modifiers.push('Shift');
+    const data = {
+        type: e.type,
+        key: ke.key,
+        code: ke.code,
+        modifiers,
+    };
+    emit({
+        layerId: 'keyboard',
+        time: now(),
+        title: ke.key,
+        subtitle: modifiers.length ? modifiers.join('+') : undefined,
+        data,
+    });
+};
+let mouseCleanup = null;
+let keyCleanup = null;
+export const installMouseLayer = (emit, recording, mouseEnabled) => {
+    if (mouseCleanup !== null)
+        return;
+    const handler = mouseHandler(emit, recording, mouseEnabled);
+    for (const type of MOUSE_EVENTS) {
+        window.addEventListener(type, handler, { capture: true, passive: true });
+    }
+    mouseCleanup = () => {
+        for (const type of MOUSE_EVENTS) {
+            window.removeEventListener(type, handler, { capture: true });
+        }
+    };
+};
+export const installKeyboardLayer = (emit, recording, keyEnabled) => {
+    if (keyCleanup !== null)
+        return;
+    const handler = keyHandler(emit, recording, keyEnabled);
+    for (const type of KEY_EVENTS) {
+        window.addEventListener(type, handler, { capture: true, passive: true });
+    }
+    keyCleanup = () => {
+        for (const type of KEY_EVENTS) {
+            window.removeEventListener(type, handler, { capture: true });
+        }
+    };
+};
+//# sourceMappingURL=input.js.map

package/lib/runtime/timeline/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/input.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Mouse and keyboard timeline layers — plain window listeners, direct port\n * of the Vue DevTools timeline input capture pattern.\n */\n\nimport type {TimelineEvent} from '../../../types/timeline.js';\nimport {now} from './clock.js';\n\ntype EmitFn = (event: TimelineEvent) => void;\ntype RecordingFn = () => boolean;\n\nconst MOUSE_EVENTS = [\n  'mousedown',\n  'mouseup',\n  'click',\n  'dblclick',\n] as const satisfies readonly string[];\n\nconst KEY_EVENTS = ['keydown', 'keyup'] as const satisfies readonly string[];\n\ninterface MouseData {\n  type: string;\n  x: number;\n  y: number;\n  button: number;\n}\n\ninterface KeyData {\n  type: string;\n  key: string;\n  code: string;\n  modifiers: string[];\n}\n\nconst mouseHandler =\n  (emit: EmitFn, recording: RecordingFn, mouseEnabled: () => boolean) =>\n  (e: Event): void => {\n    if (!recording() || !mouseEnabled()) return;\n    const me = e as MouseEvent;\n    const data: MouseData = {\n      type: e.type,\n      x: Math.round(me.clientX),\n      y: Math.round(me.clientY),\n      button: me.button,\n    };\n    emit({\n      layerId: 'mouse',\n      time: now(),\n      title: e.type,\n      subtitle: `(${data.x}, ${data.y})`,\n      data,\n    });\n  };\n\nconst keyHandler =\n  (emit: EmitFn, recording: RecordingFn, keyEnabled: () => boolean) =>\n  (e: Event): void => {\n    if (!recording() || !keyEnabled()) return;\n    const ke = e as KeyboardEvent;\n    const modifiers: string[] = [];\n    if (ke.ctrlKey) modifiers.push('Ctrl');\n    if (ke.metaKey) modifiers.push('Meta');\n    if (ke.altKey) modifiers.push('Alt');\n    if (ke.shiftKey) modifiers.push('Shift');\n    const data: KeyData = {\n      type: e.type,\n      key: ke.key,\n      code: ke.code,\n      modifiers,\n    };\n    emit({\n      layerId: 'keyboard',\n      time: now(),\n      title: ke.key,\n      subtitle: modifiers.length ? modifiers.join('+') : undefined,\n      data,\n    });\n  };\n\nlet mouseCleanup: (() => void) | null = null;\nlet keyCleanup: (() => void) | null = null;\n\nexport const installMouseLayer = (\n  emit: EmitFn,\n  recording: RecordingFn,\n  mouseEnabled: () => boolean\n): void => {\n  if (mouseCleanup !== null) return;\n  const handler = mouseHandler(emit, recording, mouseEnabled);\n  for (const type of MOUSE_EVENTS) {\n    window.addEventListener(type, handler, {capture: true, passive: true});\n  }\n  mouseCleanup = () => {\n    for (const type of MOUSE_EVENTS) {\n      window.removeEventListener(type, handler, {capture: true});\n    }\n  };\n};\n\nexport const installKeyboardLayer = (\n  emit: EmitFn,\n  recording: RecordingFn,\n  keyEnabled: () => boolean\n): void => {\n  if (keyCleanup !== null) return;\n  const handler = keyHandler(emit, recording, keyEnabled);\n  for (const type of KEY_EVENTS) {\n    window.addEventListener(type, handler, {capture: true, passive: true});\n  }\n  keyCleanup = () => {\n    for (const type of KEY_EVENTS) {\n      window.removeEventListener(type, handler, {capture: true});\n    }\n  };\n};\n"]}

package/lib/runtime/timeline/install.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+export {};
+//# sourceMappingURL=install.d.ts.map

package/lib/runtime/timeline/install.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/install.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}