@editframe/elements 0.30.2-beta.0 → 0.31.0-beta.0

package/dist/gui/icons.js

@@ -0,0 +1,34 @@
+import { html } from "lit";
+
+//#region src/gui/icons.ts
+/**
+* Helper function to create Phosphor icon SVG templates
+* Icons are sized to match typical UI font sizes (12-14px)
+*/
+function phosphorIcon(path, size = 14) {
+	return html`
+    <svg width="${size}" height="${size}" viewBox="0 0 256 256" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+      <path d="${path}" />
+    </svg>
+  `;
+}
+const ICONS = {
+	gear: "M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z",
+	clock: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z",
+	filmStrip: "M184,32H72A24,24,0,0,0,48,56V200a24,24,0,0,0,24,24H184a24,24,0,0,0,24-24V56A24,24,0,0,0,184,32Zm8,168a8,8,0,0,1-8,8H72a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H184a8,8,0,0,1,8,8ZM80,80a8,8,0,0,1,16,0v96a8,8,0,0,1-16,0Zm80,0a8,8,0,0,1,16,0v96a8,8,0,0,1-16,0Z",
+	filmSlate: "M216,48H40a16,16,0,0,0-16,16V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM40,64H216V192H40ZM56,88a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H64A8,8,0,0,1,56,88Zm144,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H208A8,8,0,0,1,200,88ZM56,168a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H64A8,8,0,0,1,56,168Zm144,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H208A8,8,0,0,1,200,168ZM128,120a8,8,0,0,1-8-8V96a8,8,0,0,1,16,0v16A8,8,0,0,1,128,120Zm0,48a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v16A8,8,0,0,1,128,168Z",
+	speakerHigh: "M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88.91,160H32V96H88.91L144,48.36Zm53.66-90.37a8,8,0,0,1,0-11.32,40,40,0,0,1,0,56.58,8,8,0,0,1-11.32-11.32,24,24,0,0,0,0-33.94A8,8,0,0,1,197.66,117.27Zm-17-45.25a8,8,0,0,1,11.32,0,72,72,0,0,1,0,101.82,8,8,0,0,1-11.32-11.32,56,56,0,0,0,0-79.18A8,8,0,0,1,180.66,72Z",
+	textT: "M212,56V88a8,8,0,0,1-16,0V64H140V192h20a8,8,0,0,1,0,16H96a8,8,0,0,1,0-16h20V64H60V88a8,8,0,0,1-16,0V56a8,8,0,0,1,8-8H204A8,8,0,0,1,212,56Z",
+	image: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM56,96a12,12,0,1,1,12,12A12,12,0,0,1,56,96Zm152,84H96l48-48,24,24,16-16Z",
+	subtitles: "M224,48H32a16,16,0,0,0-16,16V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48Zm0,144H32V64H224V192ZM48,128a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H56A8,8,0,0,1,48,128Zm112,0a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H168A8,8,0,0,1,160,128Zm-64,32a8,8,0,0,1,8-8h96a8,8,0,0,1,0,16H104A8,8,0,0,1,96,160Z",
+	microphone: "M128,24A48,48,0,0,0,80,72V128a48,48,0,0,0,96,0V72A48,48,0,0,0,128,24Zm32,104a32,32,0,0,1-64,0V72a32,32,0,0,1,64,0Zm48,0a8,8,0,0,1-16,0A96.11,96.11,0,0,0,128,32a8,8,0,0,1,0-16A112.12,112.12,0,0,1,240,128Zm-40,0a8,8,0,0,1-16,0A72.08,72.08,0,0,0,128,56a8,8,0,0,1,0-16A88.1,88.1,0,0,1,216,128Zm24,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H192A8,8,0,0,1,200,168Z",
+	waveform: "M80,96a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v64a8,8,0,0,1-8,8H88a8,8,0,0,1-8-8Zm32-32a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v128a8,8,0,0,1-8,8h-8a8,8,0,0,1-8-8Zm32,16a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v96a8,8,0,0,1-8,8h-8a8,8,0,0,1-8-8Zm32-48a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v192a8,8,0,0,1-8,8h-8a8,8,0,0,1-8-8Z",
+	code: "M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.3l-48-40a8,8,0,0,1,0-12.3l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,0,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.3l48-40a8,8,0,0,0,0-12.3Zm-82.39-89.37a8,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",
+	arrowLeft: "M192,128a8,8,0,0,1-2.34,5.66l-56,56a8,8,0,0,1-11.32-11.32L172.69,128,122.34,77.66a8,8,0,0,1,11.32-11.32l56,56A8,8,0,0,1,192,128Z",
+	arrowRight: "M64,128a8,8,0,0,1,2.34-5.66l56-56a8,8,0,0,1,11.32,11.32L83.31,128l50.35,50.34a8,8,0,0,1-11.32,11.32l-56-56A8,8,0,0,1,64,128Z",
+	lightning: "M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17Z"
+};
+
+//#endregion
+export { ICONS, phosphorIcon };
+//# sourceMappingURL=icons.js.map

package/dist/gui/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":[],"sources":["../../src/gui/icons.ts"],"sourcesContent":["import { html, type TemplateResult } from \"lit\";\n\n/**\n * Helper function to create Phosphor icon SVG templates\n * Icons are sized to match typical UI font sizes (12-14px)\n */\nexport function phosphorIcon(path: string, size = 14): TemplateResult<1> {\n  return html`\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 256 256\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"${path}\" />\n    </svg>\n  `;\n}\n\n// Phosphor icon paths (from @phosphor-icons/core)\nexport const ICONS = {\n  gear: \"M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z\",\n  clock: \"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z\",\n  filmStrip: \"M184,32H72A24,24,0,0,0,48,56V200a24,24,0,0,0,24,24H184a24,24,0,0,0,24-24V56A24,24,0,0,0,184,32Zm8,168a8,8,0,0,1-8,8H72a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H184a8,8,0,0,1,8,8ZM80,80a8,8,0,0,1,16,0v96a8,8,0,0,1-16,0Zm80,0a8,8,0,0,1,16,0v96a8,8,0,0,1-16,0Z\",\n  filmSlate: \"M216,48H40a16,16,0,0,0-16,16V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM40,64H216V192H40ZM56,88a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H64A8,8,0,0,1,56,88Zm144,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H208A8,8,0,0,1,200,88ZM56,168a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H64A8,8,0,0,1,56,168Zm144,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H208A8,8,0,0,1,200,168ZM128,120a8,8,0,0,1-8-8V96a8,8,0,0,1,16,0v16A8,8,0,0,1,128,120Zm0,48a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v16A8,8,0,0,1,128,168Z\",\n  speakerHigh: \"M155.51,24.81a8,8,0,0,0-8.42.88L77.25,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V32A8,8,0,0,0,155.51,24.81ZM32,96H72v64H32ZM144,207.64,88.91,160H32V96H88.91L144,48.36Zm53.66-90.37a8,8,0,0,1,0-11.32,40,40,0,0,1,0,56.58,8,8,0,0,1-11.32-11.32,24,24,0,0,0,0-33.94A8,8,0,0,1,197.66,117.27Zm-17-45.25a8,8,0,0,1,11.32,0,72,72,0,0,1,0,101.82,8,8,0,0,1-11.32-11.32,56,56,0,0,0,0-79.18A8,8,0,0,1,180.66,72Z\",\n  textT: \"M212,56V88a8,8,0,0,1-16,0V64H140V192h20a8,8,0,0,1,0,16H96a8,8,0,0,1,0-16h20V64H60V88a8,8,0,0,1-16,0V56a8,8,0,0,1,8-8H204A8,8,0,0,1,212,56Z\",\n  image: \"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM56,96a12,12,0,1,1,12,12A12,12,0,0,1,56,96Zm152,84H96l48-48,24,24,16-16Z\",\n  subtitles: \"M224,48H32a16,16,0,0,0-16,16V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48Zm0,144H32V64H224V192ZM48,128a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H56A8,8,0,0,1,48,128Zm112,0a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H168A8,8,0,0,1,160,128Zm-64,32a8,8,0,0,1,8-8h96a8,8,0,0,1,0,16H104A8,8,0,0,1,96,160Z\",\n  microphone: \"M128,24A48,48,0,0,0,80,72V128a48,48,0,0,0,96,0V72A48,48,0,0,0,128,24Zm32,104a32,32,0,0,1-64,0V72a32,32,0,0,1,64,0Zm48,0a8,8,0,0,1-16,0A96.11,96.11,0,0,0,128,32a8,8,0,0,1,0-16A112.12,112.12,0,0,1,240,128Zm-40,0a8,8,0,0,1-16,0A72.08,72.08,0,0,0,128,56a8,8,0,0,1,0-16A88.1,88.1,0,0,1,216,128Zm24,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H192A8,8,0,0,1,200,168Z\",\n  waveform: \"M80,96a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v64a8,8,0,0,1-8,8H88a8,8,0,0,1-8-8Zm32-32a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v128a8,8,0,0,1-8,8h-8a8,8,0,0,1-8-8Zm32,16a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v96a8,8,0,0,1-8,8h-8a8,8,0,0,1-8-8Zm32-48a8,8,0,0,1,8-8h8a8,8,0,0,1,8,8v192a8,8,0,0,1-8,8h-8a8,8,0,0,1-8-8Z\",\n  code: \"M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.3l-48-40a8,8,0,0,1,0-12.3l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,0,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.3l48-40a8,8,0,0,0,0-12.3Zm-82.39-89.37a8,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\",\n  arrowLeft: \"M192,128a8,8,0,0,1-2.34,5.66l-56,56a8,8,0,0,1-11.32-11.32L172.69,128,122.34,77.66a8,8,0,0,1,11.32-11.32l56,56A8,8,0,0,1,192,128Z\",\n  arrowRight: \"M64,128a8,8,0,0,1,2.34-5.66l56-56a8,8,0,0,1,11.32,11.32L83.31,128l50.35,50.34a8,8,0,0,1-11.32,11.32l-56-56A8,8,0,0,1,64,128Z\",\n  lightning: \"M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17Z\",\n} as const;\n\n"],"mappings":";;;;;;;AAMA,SAAgB,aAAa,MAAc,OAAO,IAAuB;AACvE,QAAO,IAAI;kBACK,KAAK,YAAY,KAAK;iBACvB,KAAK;;;;AAMtB,MAAa,QAAQ;CACnB,MAAM;CACN,OAAO;CACP,WAAW;CACX,WAAW;CACX,aAAa;CACb,OAAO;CACP,OAAO;CACP,WAAW;CACX,YAAY;CACZ,UAAU;CACV,MAAM;CACN,WAAW;CACX,YAAY;CACZ,WAAW;CACZ"}

package/dist/gui/panZoomTransformContext.js

@@ -0,0 +1,12 @@
+import { createContext } from "@lit/context";
+
+//#region src/gui/panZoomTransformContext.ts
+/**
+* Lit context for PanZoom transform.
+* Provided by EFPanZoom component, consumed by overlay components.
+*/
+const panZoomTransformContext = createContext(Symbol("panZoomTransform"));
+
+//#endregion
+export { panZoomTransformContext };
+//# sourceMappingURL=panZoomTransformContext.js.map

package/dist/gui/panZoomTransformContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panZoomTransformContext.js","names":[],"sources":["../../src/gui/panZoomTransformContext.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\nimport type { PanZoomTransform } from \"../elements/EFPanZoom.js\";\n\n/**\n * Lit context for PanZoom transform.\n * Provided by EFPanZoom component, consumed by overlay components.\n */\nexport const panZoomTransformContext = createContext<\n  PanZoomTransform | undefined\n>(Symbol(\"panZoomTransform\"));\n"],"mappings":";;;;;;;AAOA,MAAa,0BAA0B,cAErC,OAAO,mBAAmB,CAAC"}

package/dist/gui/previewSettingsContext.js

@@ -0,0 +1,12 @@
+import { createContext } from "@lit/context";
+
+//#region src/gui/previewSettingsContext.ts
+/**
+* Context for propagating preview settings through the component tree.
+* Provided by EFWorkbench, consumable by any descendant.
+*/
+const previewSettingsContext = createContext(Symbol("preview-settings"));
+
+//#endregion
+export { previewSettingsContext };
+//# sourceMappingURL=previewSettingsContext.js.map

package/dist/gui/previewSettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewSettingsContext.js","names":[],"sources":["../../src/gui/previewSettingsContext.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\nimport type { PreviewPresentationMode, PreviewResolutionScale, RenderMode } from \"../preview/previewSettings.js\";\n\n/**\n * Settings for the preview workbench.\n * Provided by EFWorkbench via context, consumable by any descendant.\n */\nexport interface PreviewSettings {\n  presentationMode: PreviewPresentationMode;\n  renderMode: RenderMode;\n  resolutionScale: PreviewResolutionScale;\n  showStats: boolean;\n  thumbnailCacheMaxSize: number;\n}\n\n/**\n * Context for propagating preview settings through the component tree.\n * Provided by EFWorkbench, consumable by any descendant.\n */\nexport const previewSettingsContext = createContext<PreviewSettings>(\n  Symbol(\"preview-settings\")\n);\n"],"mappings":";;;;;;;AAmBA,MAAa,yBAAyB,cACpC,OAAO,mBAAmB,CAC3B"}

package/dist/gui/timeline/EFTimeline.d.ts

@@ -0,0 +1,270 @@
+import { TemporalMixinInterface } from "../../elements/EFTemporal.js";
+import { SelectionContext } from "../../canvas/selection/selectionContext.js";
+import { TimelineState } from "./timelineStateContext.js";
+import * as lit38 from "lit";
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+
+//#region src/gui/timeline/EFTimeline.d.ts
+declare const EFTimeline_base: typeof LitElement;
+/**
+ * EFTimeline - Unified timeline component
+ *
+ * Core invariant: pixelsPerMs determines all positioning.
+ * Everything else (ruler, tracks, playhead) derives from this single value.
+ */
+declare class EFTimeline extends EFTimeline_base {
+  #private;
+  static styles: lit38.CSSResult[];
+  /**
+   * Target element ID or "selection" to derive from canvas selection.
+   *
+   * - Empty string (default): Automatically derives target from canvas selection.
+   *   The timeline shows the root temporal element containing the currently selected element.
+   * - "selection": Explicitly use selection-derived targeting (same as empty string).
+   * - Element ID: Use the specified element as the target (must be a temporal element).
+   *
+   * When deriving from selection, the timeline automatically updates when selection changes.
+   */
+  target: string;
+  /**
+   * The core zoom value - pixels per millisecond.
+   * All positioning derives from this single value.
+   */
+  pixelsPerMs: number;
+  minZoom: number;
+  maxZoom: number;
+  enableTrim: boolean;
+  showControls: boolean;
+  showRuler: boolean;
+  showHierarchy: boolean;
+  showPlayhead: boolean;
+  showPlaybackControls: boolean;
+  showZoomControls: boolean;
+  showTimeDisplay: boolean;
+  /**
+   * Target temporal element ID for playback control.
+   * Use this to specify which temporal element the timeline controls.
+   * If not set and target is a canvas, derives from canvas selection.
+   *
+   * Examples:
+   * - `control-target="timegroup-1"` - control specific timegroup
+   * - Empty: derive from canvas active selection
+   */
+  controlTarget: string;
+  /**
+   * CSS selectors for elements to hide in the timeline.
+   * Comma-separated list of selectors (e.g., "ef-waveform, .helper").
+   */
+  hide: string;
+  /**
+   * CSS selectors for elements to show in the timeline.
+   * When set, only matching elements are shown. Comma-separated list.
+   */
+  show: string;
+  get hideSelectors(): string[] | undefined;
+  get showSelectors(): string[] | undefined;
+  /**
+   * Target element for canvas-wide state (selection, highlight).
+   * This should be set to the canvas element.
+   */
+  private targetElement;
+  private currentTimeMs;
+  private isPlaying;
+  private isLooping;
+  private viewportScrollLeft;
+  private _timelineState;
+  private targetController?;
+  private tracksScrollRef;
+  private containerRef;
+  private playheadRef;
+  private playheadHandleRef;
+  private frameHighlightRef;
+  private animationFrameId?;
+  private selectionChangeHandler?;
+  private scrollHandler?;
+  private keydownHandler?;
+  private isDraggingPlayhead;
+  private targetObserver?;
+  private canvasActiveRootTemporalChangeHandler?;
+  private resizeObserver?;
+  private cachedViewportWidth;
+  private saveZoomScrollDebounceTimer;
+  private lastContextUpdateTime;
+  private static readonly CONTEXT_UPDATE_INTERVAL_MS;
+  selectionContext?: SelectionContext;
+  get providedPlaying(): boolean;
+  get providedLoop(): boolean;
+  get providedCurrentTime(): number;
+  get providedDuration(): number;
+  get providedTargetTemporal(): TemporalMixinInterface | null;
+  /** Get timeline state (for external access) */
+  get timelineState(): TimelineState;
+  /** Update timeline state when any constituent value changes */
+  private updateTimelineState;
+  /**
+   * Get the target canvas element.
+   * The canvas is the source of truth for selection and highlight state.
+   */
+  private getCanvas;
+  private getCanvasSelectionContext;
+  /**
+   * Get the currently highlighted element from the canvas.
+   */
+  getHighlightedElement(): HTMLElement | null;
+  /**
+   * Set the highlighted element on the canvas.
+   * Called when user hovers a row in the timeline.
+   */
+  setHighlightedElement(element: HTMLElement | null): void;
+  get targetTemporal(): TemporalMixinInterface | null;
+  get durationMs(): number;
+  /** Content width in pixels (derived from duration and pixelsPerMs) */
+  get contentWidthPx(): number;
+  /** Current zoom as percentage (for display) */
+  get zoomPercent(): number;
+  /** Derive fps from target temporal (defaults to 30) */
+  get fps(): number;
+  /** Whether frame markers should be visible at current zoom */
+  get showFrameMarkers(): boolean;
+  /**
+   * Get the root timegroup ID for localStorage key generation.
+   * Returns null if no root timegroup is found or it has no ID.
+   */
+  private getRootTimegroupId;
+  /**
+   * Get localStorage key for timeline state (zoom and scroll).
+   */
+  private getTimelineStorageKey;
+  /**
+   * Save timeline zoom and scroll to localStorage.
+   */
+  private saveTimelineState;
+  /**
+   * Restore timeline zoom and scroll from localStorage.
+   */
+  private restoreTimelineState;
+  /**
+   * Debounced save of timeline state to avoid excessive localStorage writes.
+   */
+  private debouncedSaveTimelineState;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /**
+   * Setup MutationObserver to watch target element for ANY changes.
+   * Re-registers when target changes.
+   */
+  private setupTargetObserver;
+  protected willUpdate(changedProperties: PropertyValues): void;
+  protected firstUpdated(): void;
+  private setupResizeObserver;
+  protected updated(changedProperties: PropertyValues): void;
+  private setupSelectionListener;
+  private removeSelectionListener;
+  private setupScrollListener;
+  private removeScrollListener;
+  private setupKeyboardListener;
+  private removeKeyboardListener;
+  /** Margin from edge before auto-scroll kicks in during playback */
+  private static readonly PLAYHEAD_MARGIN;
+  private lastPlayheadPx;
+  private isFollowingPlayhead;
+  private startTimeUpdate;
+  /**
+   * Update playhead position directly via DOM manipulation.
+   * This bypasses the Lit render cycle for smooth 60fps playhead movement.
+   */
+  private updatePlayheadPositionDirect;
+  /**
+   * Smooth playhead following - scrolls to keep playhead at a fixed screen position.
+   * This eliminates jitter by scrolling exactly as much as the playhead moves.
+   *
+   * PERFORMANCE NOTE: We DO update viewportScrollLeft state here, but the context
+   * cascade is prevented in updateTimelineState() during playback. This means:
+   * - State stays in sync (for non-context consumers)
+   * - But context consumers don't re-render during auto-scroll
+   * - Components inside the scroll container scroll natively
+   */
+  private followPlayhead;
+  private stopTimeUpdate;
+  /**
+   * Subscribe to playback controller events for playing/loop state.
+   * This avoids race conditions from polling when targetTemporal changes.
+   */
+  private subscribeToPlaybackController;
+  /**
+   * Unsubscribe from playback controller events.
+   */
+  private unsubscribeFromPlaybackController;
+  private handlePlay;
+  private handlePause;
+  private handleToggleLoop;
+  private handleZoomIn;
+  private handleZoomOut;
+  /**
+   * Handle wheel events for gestural zoom.
+   * Cmd/Ctrl + wheel zooms toward the cursor position.
+   * Without modifier, native scroll behavior is preserved.
+   */
+  private handleWheel;
+  /**
+   * Seek to a specific time, optionally quantizing to frame boundaries.
+   * @param timeMs The raw time to seek to
+   * @param snapToFrame Whether to quantize to the nearest frame boundary (default: true when frame markers visible)
+   */
+  private handleSeek;
+  /**
+   * Handle keyboard navigation for frame-by-frame or second-by-second movement.
+   * - Arrow Left/Right: move by one frame
+   * - Shift+Arrow Left/Right: move by one second
+   */
+  private handleKeyDown;
+  private handleRulerPointerDown;
+  private handlePlayheadPointerDown;
+  /** Hierarchy panel width - must match CSS --timeline-hierarchy-width */
+  private static readonly HIERARCHY_WIDTH;
+  private handleTracksPointerDown;
+  /** Edge scroll zone width in pixels */
+  private static readonly EDGE_SCROLL_ZONE;
+  /** Base scroll speed in pixels per frame */
+  private static readonly EDGE_SCROLL_SPEED;
+  private startPlayheadDrag;
+  private formatTime;
+  private renderPlaybackControls;
+  private renderTimeDisplay;
+  private renderZoomControls;
+  /**
+   * Calculate frame highlight bounds (semantics).
+   * Returns null if frame markers aren't visible or duration is invalid.
+   */
+  private calculateFrameHighlightBounds;
+  /**
+   * Render frame highlight (mechanism).
+   * Shows the current frame as a rectangle to indicate frames have duration.
+   * Only rendered when frame markers are visible (zoom level high enough).
+   */
+  private renderFrameHighlight;
+  private renderControls;
+  private handleTrimChange;
+  /**
+   * Handle row hover events - update canvas highlighted element.
+   */
+  private handleRowHover;
+  /**
+   * Handle row selection events - update selection context.
+   */
+  private handleRowSelect;
+  /**
+   * Render timeline rows using flattened hierarchy.
+   * Each row is a unified component with both label and track.
+   */
+  private renderRows;
+  render(): TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "ef-timeline": EFTimeline;
+  }
+}
+//#endregion
+export { EFTimeline };
+//# sourceMappingURL=EFTimeline.d.ts.map