solid-pianoroll 0.0.2

package/dist/esm/index.js

@@ -0,0 +1,401 @@
+import { delegateEvents, spread, mergeProps, insert, createComponent, effect, setAttribute, memo, use, style, template } from 'solid-js/web';
+import { createMemo, splitProps, createSignal, createEffect, onMount, onCleanup, Index, Show } from 'solid-js';
+
+const clamp = (value, min, max) => {
+  return Math.max(min, Math.min(max, value));
+};
+
+function useViewPortScaler(getState) {
+  const state = createMemo(() => getState());
+  function getScaledValue(position) {
+    const virtualSize = state().viewPortSize * state().zoom;
+    return position / state().virtualRange * virtualSize;
+  }
+  function getCoordinates(position) {
+    return getScaledValue(position) - getScaledValue(state().virtualPosition);
+  }
+  function getPosition(offset) {
+    const visibleDuration = state().virtualRange / state().zoom;
+    const percentX = (offset - state().viewPortOffset) / state().viewPortSize;
+    const position = state().virtualPosition + percentX * visibleDuration;
+    return position;
+  }
+  function getVirtualDimensions(position, length) {
+    const virtualLeft = getCoordinates(position);
+    const virtualWidth = getScaledValue(length);
+    const offset = clamp(virtualLeft, 0, state().viewPortSize);
+    const size = clamp(virtualWidth - (offset - virtualLeft), 0, state().viewPortSize - offset);
+    return {
+      offset,
+      size
+    };
+  }
+  return {
+    getScaledValue,
+    getCoordinates,
+    getPosition,
+    getVirtualDimensions
+  };
+}
+
+const _tmpl$ = /*#__PURE__*/template(`<div><div><div class="PianoRoll-Keys"></div><div><div class="PianoRoll-Notes-Container"><div class="PianoRoll-Notes"></div></div><div class="PianoRoll-Vertical-Scroller"><div></div></div></div><input type="range" min="1" max="11" step="0.01"></div><input type="range" max="500" min="1" step="0.01"></div>`, 18),
+  _tmpl$2 = /*#__PURE__*/template(`<div class="PianoRoll-Key"></div>`, 2),
+  _tmpl$3 = /*#__PURE__*/template(`<div class="PianoRoll-Note"></div>`, 2);
+const PianoRoll = allProps => {
+  let scrollContainerRef;
+  let scrollContentRef;
+  let notesContainerRef;
+  const [props, divProps] = splitProps(allProps, ["ppq", "notes", "position", "duration", "zoom", "verticalPosition", "verticalZoom", "onVerticalZoomChange", "onVerticalPositionChange", "onZoomChange", "onPositionChange", "onNoteChange"]);
+  const [dimensions, setDimensions] = createSignal({
+    left: 0,
+    width: 0,
+    top: 0,
+    height: 0
+  });
+  const resizeObserver = new ResizeObserver(event => {
+    const {
+      left,
+      top,
+      width,
+      height
+    } = scrollContainerRef?.getBoundingClientRect() ?? {
+      left: 0,
+      width: 0,
+      top: 0,
+      height: 0
+    };
+    setDimensions({
+      left,
+      top,
+      width,
+      height
+    });
+  });
+  createEffect(() => {
+    console.log(props.notes);
+  });
+  onMount(() => {
+    if (!scrollContainerRef) return;
+    resizeObserver.observe(scrollContainerRef);
+  });
+  onCleanup(() => {
+    resizeObserver.disconnect();
+  });
+  const horizontalViewPort = useViewPortScaler(() => ({
+    viewPortOffset: dimensions().left,
+    viewPortSize: dimensions().width,
+    virtualPosition: props.position,
+    virtualRange: props.duration,
+    zoom: props.zoom
+  }));
+  const verticalViewPort = useViewPortScaler(() => ({
+    viewPortOffset: dimensions().top,
+    viewPortSize: dimensions().height,
+    virtualPosition: props.verticalPosition,
+    virtualRange: 128,
+    zoom: props.verticalZoom
+  }));
+  const handleScroll = event => {
+    event.preventDefault();
+    if (didUpdateScroll) {
+      didUpdateScroll = false;
+      return;
+    }
+    const maxVerticalPosition = 128 - 128 / props.verticalZoom;
+    const maxPosition = props.duration - props.duration / props.zoom;
+    const {
+      width,
+      height
+    } = dimensions();
+    const {
+      scrollTop,
+      scrollLeft,
+      scrollWidth,
+      scrollHeight
+    } = event.currentTarget;
+    const scrollTopAmount = scrollTop / (scrollHeight - height);
+    const scrollLeftAmount = scrollLeft / (scrollWidth - width);
+    props.onVerticalPositionChange?.(maxVerticalPosition * scrollTopAmount);
+    props.onPositionChange?.(maxPosition * scrollLeftAmount);
+  };
+  let didUpdateScroll = false;
+  createEffect(() => {
+    const maxVerticalPosition = 128 - 128 / props.verticalZoom;
+    const maxPosition = props.duration - props.duration / props.zoom;
+    const scrollTopAmount = maxVerticalPosition > 0 ? props.verticalPosition / maxVerticalPosition : 0;
+    const scrollLeftAmount = maxPosition > 0 ? props.position / maxPosition : 0;
+    const {
+      height,
+      width
+    } = dimensions();
+    if (!scrollContentRef?.parentElement) return;
+    const scrollDivHeight = clamp(props.verticalZoom * height, height, 10000);
+    const scrollTop = scrollTopAmount * (scrollDivHeight - height);
+    const scrollDivWidth = clamp(props.zoom * width, width, 10000);
+    const scrollLeft = scrollLeftAmount * (scrollDivWidth - width);
+    didUpdateScroll = true;
+    scrollContentRef.style.height = `${scrollDivHeight}px`;
+    scrollContentRef.style.width = `${scrollDivWidth}px`;
+    scrollContentRef.parentElement.scrollTo({
+      left: scrollLeft,
+      top: scrollTop
+    });
+  });
+  const forwardEventToNote = event => {
+    const x = "clientX" in event ? event.clientX : event.touches[0]?.clientX;
+    const y = "clientY" in event ? event.clientY : event.touches[0]?.clientY;
+    const elementUnderMouse = [...(notesContainerRef?.querySelectorAll?.("div") ?? [])].find(element => {
+      const rect = element.getBoundingClientRect();
+      return x >= rect.left && rect.left + rect.width > x && y >= rect.top && rect.top + rect.height > y;
+    });
+    if (elementUnderMouse) {
+      return elementUnderMouse.dispatchEvent(new MouseEvent(event.type, event));
+    }
+  };
+  const [noteDragMode, setNoteDragMode] = createSignal();
+  const [isDragging, setIsDragging] = createSignal(false);
+  return (() => {
+    const _el$ = _tmpl$.cloneNode(true),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      _el$4 = _el$3.nextSibling,
+      _el$5 = _el$4.firstChild,
+      _el$6 = _el$5.firstChild,
+      _el$7 = _el$5.nextSibling,
+      _el$8 = _el$7.firstChild,
+      _el$9 = _el$4.nextSibling,
+      _el$10 = _el$2.nextSibling;
+    spread(_el$, mergeProps(divProps, {
+      "class": "PianoRoll",
+      get style() {
+        return {
+          "box-sizing": "border-box",
+          display: "flex",
+          overflow: "hidden",
+          "flex-direction": "column",
+          padding: "16px",
+          ...(typeof divProps.style === "object" && divProps.style)
+        };
+      }
+    }), false, true);
+    _el$2.style.setProperty("overflow", "hidden");
+    _el$2.style.setProperty("height", "100%");
+    _el$2.style.setProperty("display", "flex");
+    _el$2.style.setProperty("flex-direction", "row");
+    _el$3.style.setProperty("position", "relative");
+    _el$3.style.setProperty("height", "100%");
+    _el$3.style.setProperty("width", "50px");
+    insert(_el$3, createComponent(Index, {
+      each: keys,
+      children: key => {
+        const virtualDimensions = createMemo(() => verticalViewPort.getVirtualDimensions(127 - key().number, 1));
+        return createComponent(Show, {
+          get when() {
+            return virtualDimensions().size > 0;
+          },
+          get children() {
+            const _el$11 = _tmpl$2.cloneNode(true);
+            _el$11.style.setProperty("position", "absolute");
+            _el$11.style.setProperty("box-sizing", "border-box");
+            _el$11.style.setProperty("left", "0");
+            _el$11.style.setProperty("width", "100%");
+            _el$11.style.setProperty("border-color", "#000");
+            _el$11.style.setProperty("border-style", "solid");
+            effect(_p$ => {
+              const _v$5 = key().name,
+                _v$6 = key().number % 12,
+                _v$7 = `${virtualDimensions().offset}px`,
+                _v$8 = `${virtualDimensions().size}px`,
+                _v$9 = key().isBlack ? "#000" : "#fff",
+                _v$10 = `${!key().isBlack && !blackKeys.includes((key().number + 1) % 12) ? "0.1px" : 0} 1px ${!key().isBlack && !blackKeys.includes((key().number - 1) % 12) ? "0.1px" : 0} 0`;
+              _v$5 !== _p$._v$5 && setAttribute(_el$11, "title", _p$._v$5 = _v$5);
+              _v$6 !== _p$._v$6 && setAttribute(_el$11, "data-index", _p$._v$6 = _v$6);
+              _v$7 !== _p$._v$7 && _el$11.style.setProperty("top", _p$._v$7 = _v$7);
+              _v$8 !== _p$._v$8 && _el$11.style.setProperty("height", _p$._v$8 = _v$8);
+              _v$9 !== _p$._v$9 && _el$11.style.setProperty("background-color", _p$._v$9 = _v$9);
+              _v$10 !== _p$._v$10 && _el$11.style.setProperty("border-width", _p$._v$10 = _v$10);
+              return _p$;
+            }, {
+              _v$5: undefined,
+              _v$6: undefined,
+              _v$7: undefined,
+              _v$8: undefined,
+              _v$9: undefined,
+              _v$10: undefined
+            });
+            return _el$11;
+          }
+        });
+      }
+    }));
+    _el$4.style.setProperty("position", "relative");
+    _el$4.style.setProperty("display", "flex");
+    _el$4.style.setProperty("overflow", "hidden");
+    _el$4.style.setProperty("flex", "1");
+    _el$5.style.setProperty("position", "absolute");
+    const _ref$ = notesContainerRef;
+    typeof _ref$ === "function" ? use(_ref$, _el$6) : notesContainerRef = _el$6;
+    _el$6.style.setProperty("position", "relative");
+    _el$6.style.setProperty("height", "100%");
+    insert(_el$6, createComponent(Index, {
+      get each() {
+        return props.notes;
+      },
+      children: (note, index) => {
+        const horizontalVirtualDimensions = createMemo(() => verticalViewPort.getVirtualDimensions(127 - note().midi, 1));
+        const verticalVirtualDimensions = createMemo(() => horizontalViewPort.getVirtualDimensions(note().ticks, note().durationTicks));
+        return createComponent(Show, {
+          get when() {
+            return memo(() => !!!!horizontalVirtualDimensions().size)() && !!verticalVirtualDimensions().size;
+          },
+          get children() {
+            const _el$12 = _tmpl$3.cloneNode(true);
+            _el$12.$$mousedown = event => {
+              setIsDragging(true);
+              const initialPosition = horizontalViewPort.getPosition(event.clientX);
+              const diffPosition = initialPosition - note().ticks;
+              const handleMouseMove = mouseMoveEvent => {
+                const ticks = Math.max(horizontalViewPort.getPosition(mouseMoveEvent.clientX) - diffPosition, 0);
+                props.onNoteChange?.(index, {
+                  ...note(),
+                  midi: Math.round(127 - verticalViewPort.getPosition(mouseMoveEvent.clientY)),
+                  ...((noteDragMode() === "move" || noteDragMode() === "trimStart") && {
+                    ticks
+                  }),
+                  ...(noteDragMode() === "trimStart" && {
+                    durationTicks: note().durationTicks + note().ticks - ticks
+                  }),
+                  ...(noteDragMode() === "trimEnd" && {
+                    durationTicks: horizontalViewPort.getPosition(mouseMoveEvent.clientX) - note().ticks
+                  })
+                });
+              };
+              const handleMouseUp = () => {
+                setIsDragging(false);
+                window.removeEventListener("mousemove", handleMouseMove);
+                window.removeEventListener("mouseup", handleMouseUp);
+              };
+              window.addEventListener("mousemove", handleMouseMove);
+              window.addEventListener("mouseup", handleMouseUp);
+            };
+            _el$12.$$mousemove = event => {
+              if (isDragging()) return;
+              const relativeX = horizontalViewPort.getScaledValue(horizontalViewPort.getPosition(event.clientX));
+              const noteStartX = horizontalViewPort.getScaledValue(note().ticks);
+              const noteEndX = horizontalViewPort.getScaledValue(note().ticks + note().durationTicks);
+              setNoteDragMode(relativeX - noteStartX < 3 ? "trimStart" : noteEndX - relativeX < 3 ? "trimEnd" : "move");
+            };
+            _el$12.style.setProperty("z-index", "1");
+            _el$12.style.setProperty("position", "absolute");
+            _el$12.style.setProperty("box-sizing", "border-box");
+            _el$12.style.setProperty("border-width", "0.5px");
+            _el$12.style.setProperty("border-style", "solid");
+            _el$12.style.setProperty("background-color", "#f00");
+            _el$12.style.setProperty("border-color", "#a00");
+            effect(_p$ => {
+              const _v$11 = `${horizontalVirtualDimensions().offset}px`,
+                _v$12 = `${horizontalVirtualDimensions().size}px`,
+                _v$13 = `${verticalVirtualDimensions().offset}px`,
+                _v$14 = `${verticalVirtualDimensions().size}px`;
+              _v$11 !== _p$._v$11 && _el$12.style.setProperty("top", _p$._v$11 = _v$11);
+              _v$12 !== _p$._v$12 && _el$12.style.setProperty("height", _p$._v$12 = _v$12);
+              _v$13 !== _p$._v$13 && _el$12.style.setProperty("left", _p$._v$13 = _v$13);
+              _v$14 !== _p$._v$14 && _el$12.style.setProperty("width", _p$._v$14 = _v$14);
+              return _p$;
+            }, {
+              _v$11: undefined,
+              _v$12: undefined,
+              _v$13: undefined,
+              _v$14: undefined
+            });
+            return _el$12;
+          }
+        });
+      }
+    }));
+    _el$7.addEventListener("dragend", forwardEventToNote);
+    _el$7.addEventListener("drag", forwardEventToNote);
+    _el$7.addEventListener("dragstart", forwardEventToNote);
+    _el$7.addEventListener("touchcancel", forwardEventToNote);
+    _el$7.$$touchend = forwardEventToNote;
+    _el$7.$$touchmove = forwardEventToNote;
+    _el$7.$$touchstart = forwardEventToNote;
+    _el$7.$$mouseup = forwardEventToNote;
+    _el$7.$$dblclick = event => {
+      if (!forwardEventToNote(event)) ;
+    };
+    _el$7.$$click = forwardEventToNote;
+    _el$7.$$mousemove = event => {
+      if (forwardEventToNote(event)) return;
+      if (isDragging()) return;
+      setNoteDragMode(undefined);
+    };
+    _el$7.$$mousedown = forwardEventToNote;
+    _el$7.addEventListener("scroll", handleScroll);
+    const _ref$2 = scrollContainerRef;
+    typeof _ref$2 === "function" ? use(_ref$2, _el$7) : scrollContainerRef = _el$7;
+    const _ref$3 = scrollContentRef;
+    typeof _ref$3 === "function" ? use(_ref$3, _el$8) : scrollContentRef = _el$8;
+    _el$9.$$input = event => props.onVerticalZoomChange?.(event.currentTarget.valueAsNumber);
+    spread(_el$9, mergeProps({
+      get value() {
+        return props.verticalZoom;
+      }
+    }, {
+      orient: "vertical"
+    }, {
+      get style() {
+        return {
+          width: "16px",
+          ...{
+            "writing-mode": "bt-lr" /* IE */,
+            "-webkit-appearance": "slider-vertical" /* WebKit */
+          }
+        };
+      }
+    }), false, false);
+    _el$10.$$input = event => props.onZoomChange?.(event.currentTarget.valueAsNumber);
+    _el$10.style.setProperty("margin-left", "50px");
+    _el$10.style.setProperty("margin-right", "16px");
+    effect(_p$ => {
+      const _v$ = `${dimensions().width}px`,
+        _v$2 = `${dimensions().height}px`,
+        _v$3 = `${dimensions().width}px`,
+        _v$4 = {
+          flex: 1,
+          ...(noteDragMode() && {
+            cursor: noteDragMode() === "trimStart" ? "w-resize" : noteDragMode() === "trimEnd" ? "e-resize" : "pointer"
+          }),
+          //"box-sizing": "border-box",
+          "z-index": 1,
+          overflow: "scroll",
+          "pointer-events": "auto"
+        };
+      _v$ !== _p$._v$ && _el$5.style.setProperty("width", _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && _el$5.style.setProperty("height", _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && _el$6.style.setProperty("width", _p$._v$3 = _v$3);
+      _p$._v$4 = style(_el$7, _v$4, _p$._v$4);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined,
+      _v$3: undefined,
+      _v$4: undefined
+    });
+    effect(() => _el$10.value = props.zoom);
+    return _el$;
+  })();
+};
+const blackKeys = [1, 3, 6, 8, 10];
+const keyNames = ["C", "C#", "D", "D#", "E", "F", "F#", "G", "G#", "A", "A#", "B"];
+const keys = Array.from({
+  length: 128
+}).map((_, index) => ({
+  number: index,
+  name: `${keyNames[index % 12]} ${Math.floor(index / 12) - 2}`,
+  isBlack: blackKeys.includes(index % 12)
+}));
+delegateEvents(["mousedown", "mousemove", "click", "dblclick", "mouseup", "touchstart", "touchmove", "touchend", "input"]);
+
+export { PianoRoll };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/helpers.ts","../../src/useViewPortScaler.ts","../../src/PianoRoll.tsx"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) => {\n  return Math.max(min, Math.min(max, value));\n};\n","import { createMemo } from \"solid-js\";\nimport { clamp } from \"./helpers\";\n\nexport default function useViewPortScaler(\n  getState: () => {\n    virtualPosition: number;\n    virtualRange: number;\n\n    viewPortOffset: number;\n    viewPortSize: number;\n\n    zoom: number;\n  },\n) {\n  const state = createMemo(() => getState());\n\n  function getScaledValue(position: number) {\n    const virtualSize = state().viewPortSize * state().zoom;\n    return (position / state().virtualRange) * virtualSize;\n  }\n\n  function getCoordinates(position: number) {\n    return getScaledValue(position) - getScaledValue(state().virtualPosition);\n  }\n\n  function getPosition(offset: number) {\n    const visibleDuration = state().virtualRange / state().zoom;\n    const percentX = (offset - state().viewPortOffset) / state().viewPortSize;\n    const position = state().virtualPosition + percentX * visibleDuration;\n\n    return position;\n  }\n\n  function getVirtualDimensions(position: number, length: number) {\n    const virtualLeft = getCoordinates(position);\n    const virtualWidth = getScaledValue(length);\n\n    const offset = clamp(virtualLeft, 0, state().viewPortSize);\n    const size = clamp(virtualWidth - (offset - virtualLeft), 0, state().viewPortSize - offset);\n\n    return { offset, size };\n  }\n\n  return {\n    getScaledValue,\n    getCoordinates,\n    getPosition,\n    getVirtualDimensions,\n  };\n}\n","import { Midi } from \"@tonejs/midi\";\n\nimport {\n  JSX,\n  createMemo,\n  splitProps,\n  createSignal,\n  onMount,\n  onCleanup,\n  Index,\n  createEffect,\n  Show,\n} from \"solid-js\";\nimport { clamp } from \"./helpers\";\nimport useViewPortScaler from \"./useViewPortScaler\";\n\ntype Note = Pick<\n  ReturnType<Midi[\"tracks\"][number][\"notes\"][number][\"toJSON\"]>,\n  \"durationTicks\" | \"midi\" | \"ticks\" | \"velocity\"\n>;\n\ntype PianoRollProps = {\n  ppq: number;\n  notes: Note[];\n\n  verticalPosition: number;\n  verticalZoom: number;\n\n  position: number;\n  duration: number;\n  zoom: number;\n\n  onVerticalZoomChange?: (zoom: number) => void;\n  onVerticalPositionChange?: (zoom: number) => void;\n  onZoomChange?: (zoom: number) => void;\n  onPositionChange?: (zoom: number) => void;\n\n  onNoteChange?: (index: number, note: Note) => void;\n} & JSX.IntrinsicElements[\"div\"];\n\nconst PianoRoll = (allProps: PianoRollProps) => {\n  let scrollContainerRef: HTMLDivElement | undefined;\n  let scrollContentRef: HTMLDivElement | undefined;\n  let notesContainerRef: HTMLDivElement | undefined;\n\n  const [props, divProps] = splitProps(allProps, [\n    \"ppq\",\n    \"notes\",\n    \"position\",\n    \"duration\",\n    \"zoom\",\n    \"verticalPosition\",\n    \"verticalZoom\",\n    \"onVerticalZoomChange\",\n    \"onVerticalPositionChange\",\n    \"onZoomChange\",\n    \"onPositionChange\",\n    \"onNoteChange\",\n  ]);\n\n  const [dimensions, setDimensions] = createSignal<{\n    left: number;\n    width: number;\n    top: number;\n    height: number;\n  }>({\n    left: 0,\n    width: 0,\n    top: 0,\n    height: 0,\n  });\n\n  const resizeObserver = new ResizeObserver((event) => {\n    const { left, top, width, height } = scrollContainerRef?.getBoundingClientRect() ?? {\n      left: 0,\n      width: 0,\n      top: 0,\n      height: 0,\n    };\n    setDimensions({ left, top, width, height });\n  });\n\n  createEffect(() => {\n    console.log(props.notes);\n  });\n  onMount(() => {\n    if (!scrollContainerRef) return;\n    resizeObserver.observe(scrollContainerRef);\n  });\n\n  onCleanup(() => {\n    resizeObserver.disconnect();\n  });\n\n  const horizontalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: dimensions().left,\n    viewPortSize: dimensions().width,\n    virtualPosition: props.position,\n    virtualRange: props.duration,\n    zoom: props.zoom,\n  }));\n\n  const verticalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: dimensions().top,\n    viewPortSize: dimensions().height,\n    virtualPosition: props.verticalPosition,\n    virtualRange: 128,\n    zoom: props.verticalZoom,\n  }));\n\n  const handleScroll = (event: UIEvent & { currentTarget: Element }) => {\n    event.preventDefault();\n\n    if (didUpdateScroll) {\n      didUpdateScroll = false;\n      return;\n    }\n    const maxVerticalPosition = 128 - 128 / props.verticalZoom;\n    const maxPosition = props.duration - props.duration / props.zoom;\n\n    const { width, height } = dimensions();\n    const { scrollTop, scrollLeft, scrollWidth, scrollHeight } = event.currentTarget;\n\n    const scrollTopAmount = scrollTop / (scrollHeight - height);\n    const scrollLeftAmount = scrollLeft / (scrollWidth - width);\n\n    props.onVerticalPositionChange?.(maxVerticalPosition * scrollTopAmount);\n    props.onPositionChange?.(maxPosition * scrollLeftAmount);\n  };\n\n  let didUpdateScroll = false;\n\n  createEffect(() => {\n    const maxVerticalPosition = 128 - 128 / props.verticalZoom;\n    const maxPosition = props.duration - props.duration / props.zoom;\n\n    const scrollTopAmount =\n      maxVerticalPosition > 0 ? props.verticalPosition / maxVerticalPosition : 0;\n    const scrollLeftAmount = maxPosition > 0 ? props.position / maxPosition : 0;\n\n    const { height, width } = dimensions();\n\n    if (!scrollContentRef?.parentElement) return;\n\n    const scrollDivHeight = clamp(props.verticalZoom * height, height, 10000);\n    const scrollTop = scrollTopAmount * (scrollDivHeight - height);\n\n    const scrollDivWidth = clamp(props.zoom * width, width, 10000);\n    const scrollLeft = scrollLeftAmount * (scrollDivWidth - width);\n\n    didUpdateScroll = true;\n\n    scrollContentRef.style.height = `${scrollDivHeight}px`;\n    scrollContentRef.style.width = `${scrollDivWidth}px`;\n\n    scrollContentRef.parentElement.scrollTo({\n      left: scrollLeft,\n      top: scrollTop,\n    });\n  });\n\n  const forwardEventToNote = (event: MouseEvent | PointerEvent | TouchEvent) => {\n    const x = \"clientX\" in event ? event.clientX : event.touches[0]?.clientX;\n    const y = \"clientY\" in event ? event.clientY : event.touches[0]?.clientY;\n\n    const elementUnderMouse = [...(notesContainerRef?.querySelectorAll?.(\"div\") ?? [])].find(\n      (element) => {\n        const rect = element.getBoundingClientRect();\n\n        return (\n          x >= rect.left &&\n          rect.left + rect.width > x &&\n          y >= rect.top &&\n          rect.top + rect.height > y\n        );\n      },\n    );\n\n    if (elementUnderMouse) {\n      return elementUnderMouse.dispatchEvent(new MouseEvent(event.type, event));\n    }\n  };\n\n  type NoteDragMode = \"trimStart\" | \"move\" | \"trimEnd\";\n  const [noteDragMode, setNoteDragMode] = createSignal<NoteDragMode>();\n  const [isDragging, setIsDragging] = createSignal(false);\n\n  return (\n    <div\n      {...divProps}\n      class=\"PianoRoll\"\n      style={{\n        \"box-sizing\": \"border-box\",\n        display: \"flex\",\n        overflow: \"hidden\",\n        \"flex-direction\": \"column\",\n        padding: \"16px\",\n        ...(typeof divProps.style === \"object\" && divProps.style),\n      }}\n    >\n      <div\n        style={{\n          overflow: \"hidden\",\n          height: \"100%\",\n          display: \"flex\",\n          \"flex-direction\": \"row\",\n        }}\n      >\n        <div\n          class=\"PianoRoll-Keys\"\n          style={{\n            position: \"relative\",\n            height: \"100%\",\n            width: `${50}px`,\n          }}\n        >\n          <Index each={keys}>\n            {(key) => {\n              const virtualDimensions = createMemo(() =>\n                verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n              );\n\n              return (\n                <Show when={virtualDimensions().size > 0}>\n                  <div\n                    class=\"PianoRoll-Key\"\n                    title={key().name}\n                    data-index={key().number % 12}\n                    style={{\n                      position: \"absolute\",\n                      \"box-sizing\": \"border-box\",\n                      left: 0,\n                      top: `${virtualDimensions().offset}px`,\n                      height: `${virtualDimensions().size}px`,\n                      width: \"100%\",\n                      \"background-color\": key().isBlack ? \"#000\" : \"#fff\",\n                      \"border-width\": `${\n                        !key().isBlack && !blackKeys.includes((key().number + 1) % 12) ? \"0.1px\" : 0\n                      } 1px ${\n                        !key().isBlack && !blackKeys.includes((key().number - 1) % 12) ? \"0.1px\" : 0\n                      } 0`,\n                      \"border-color\": \"#000\",\n\n                      \"border-style\": \"solid\",\n                    }}\n                  ></div>\n                </Show>\n              );\n            }}\n          </Index>\n        </div>\n\n        <div\n          style={{\n            position: \"relative\",\n            display: \"flex\",\n            overflow: \"hidden\",\n            flex: 1,\n          }}\n        >\n          <div\n            class=\"PianoRoll-Notes-Container\"\n            style={{\n              position: \"absolute\",\n              width: `${dimensions().width}px`,\n              height: `${dimensions().height}px`,\n            }}\n          >\n            <div\n              class=\"PianoRoll-Notes\"\n              ref={notesContainerRef}\n              style={{\n                position: \"relative\",\n                width: `${dimensions().width}px`,\n                height: \"100%\",\n              }}\n            >\n              <Index each={props.notes}>\n                {(note, index) => {\n                  const horizontalVirtualDimensions = createMemo(() =>\n                    verticalViewPort.getVirtualDimensions(127 - note().midi, 1),\n                  );\n\n                  const verticalVirtualDimensions = createMemo(() =>\n                    horizontalViewPort.getVirtualDimensions(note().ticks, note().durationTicks),\n                  );\n\n                  return (\n                    <Show\n                      when={\n                        !!horizontalVirtualDimensions().size && !!verticalVirtualDimensions().size\n                      }\n                    >\n                      <div\n                        class=\"PianoRoll-Note\"\n                        onMouseMove={(event) => {\n                          if (isDragging()) return;\n\n                          const relativeX = horizontalViewPort.getScaledValue(\n                            horizontalViewPort.getPosition(event.clientX),\n                          );\n                          const noteStartX = horizontalViewPort.getScaledValue(note().ticks);\n                          const noteEndX = horizontalViewPort.getScaledValue(\n                            note().ticks + note().durationTicks,\n                          );\n\n                          setNoteDragMode(\n                            relativeX - noteStartX < 3\n                              ? \"trimStart\"\n                              : noteEndX - relativeX < 3\n                              ? \"trimEnd\"\n                              : \"move\",\n                          );\n                        }}\n                        onMouseDown={(event) => {\n                          setIsDragging(true);\n                          const initialPosition = horizontalViewPort.getPosition(event.clientX);\n                          const diffPosition = initialPosition - note().ticks;\n\n                          const handleMouseMove = (mouseMoveEvent: MouseEvent) => {\n                            const ticks = Math.max(\n                              horizontalViewPort.getPosition(mouseMoveEvent.clientX) - diffPosition,\n                              0,\n                            );\n\n                            props.onNoteChange?.(index, {\n                              ...note(),\n                              midi: Math.round(\n                                127 - verticalViewPort.getPosition(mouseMoveEvent.clientY),\n                              ),\n                              ...((noteDragMode() === \"move\" || noteDragMode() === \"trimStart\") && {\n                                ticks,\n                              }),\n                              ...(noteDragMode() === \"trimStart\" && {\n                                durationTicks: note().durationTicks + note().ticks - ticks,\n                              }),\n                              ...(noteDragMode() === \"trimEnd\" && {\n                                durationTicks:\n                                  horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                                  note().ticks,\n                              }),\n                            });\n                          };\n                          const handleMouseUp = () => {\n                            setIsDragging(false);\n                            window.removeEventListener(\"mousemove\", handleMouseMove);\n                            window.removeEventListener(\"mouseup\", handleMouseUp);\n                          };\n                          window.addEventListener(\"mousemove\", handleMouseMove);\n                          window.addEventListener(\"mouseup\", handleMouseUp);\n                        }}\n                        style={{\n                          \"z-index\": 1,\n\n                          position: \"absolute\",\n                          \"box-sizing\": \"border-box\",\n                          top: `${horizontalVirtualDimensions().offset}px`,\n                          height: `${horizontalVirtualDimensions().size}px`,\n                          left: `${verticalVirtualDimensions().offset}px`,\n                          width: `${verticalVirtualDimensions().size}px`,\n                          \"border-width\": \"0.5px\",\n                          \"border-style\": \"solid\",\n                          \"background-color\": \"#f00\",\n                          \"border-color\": \"#a00\",\n                        }}\n                      ></div>\n                    </Show>\n                  );\n                }}\n              </Index>\n            </div>\n          </div>\n          <div\n            ref={scrollContainerRef}\n            class=\"PianoRoll-Vertical-Scroller\"\n            style={{\n              flex: 1,\n              ...(noteDragMode() && {\n                cursor:\n                  noteDragMode() === \"trimStart\"\n                    ? \"w-resize\"\n                    : noteDragMode() === \"trimEnd\"\n                    ? \"e-resize\"\n                    : \"pointer\",\n              }),\n              //\"box-sizing\": \"border-box\",\n              \"z-index\": 1,\n              overflow: \"scroll\",\n              \"pointer-events\": \"auto\",\n            }}\n            onScroll={handleScroll}\n            onMouseDown={forwardEventToNote}\n            onMouseMove={(event) => {\n              if (forwardEventToNote(event)) return;\n              if (isDragging()) return;\n              setNoteDragMode(undefined);\n            }}\n            onClick={forwardEventToNote}\n            onDblClick={(event) => {\n              if (!forwardEventToNote(event)) {\n                //TODO create new note with current gutter length\n              }\n            }}\n            onMouseUp={forwardEventToNote}\n            onTouchStart={forwardEventToNote}\n            onTouchMove={forwardEventToNote}\n            onTouchEnd={forwardEventToNote}\n            onTouchCancel={forwardEventToNote}\n            onDragStart={forwardEventToNote}\n            onDrag={forwardEventToNote}\n            onDragEnd={forwardEventToNote}\n          >\n            <div ref={scrollContentRef}></div>\n          </div>\n        </div>\n\n        <input\n          value={props.verticalZoom}\n          onInput={(event) => props.onVerticalZoomChange?.(event.currentTarget.valueAsNumber)}\n          type=\"range\"\n          min=\"1\"\n          max=\"11\"\n          step={0.01}\n          {...{ orient: \"vertical\" }}\n          style={{\n            width: \"16px\",\n            ...({\n              \"writing-mode\": \"bt-lr\" /* IE */,\n              \"-webkit-appearance\": \"slider-vertical\" /* WebKit */,\n            } as any),\n          }}\n        />\n      </div>\n\n      <input\n        value={props.zoom}\n        onInput={(event) => props.onZoomChange?.(event.currentTarget.valueAsNumber)}\n        type=\"range\"\n        max=\"500\"\n        min=\"1\"\n        step={0.01}\n        style={{\n          \"margin-left\": \"50px\",\n          \"margin-right\": \"16px\",\n        }}\n      />\n    </div>\n  );\n};\n\nconst blackKeys = [1, 3, 6, 8, 10];\nconst keyNames = [\"C\", \"C#\", \"D\", \"D#\", \"E\", \"F\", \"F#\", \"G\", \"G#\", \"A\", \"A#\", \"B\"];\nconst keys = Array.from({ length: 128 }).map((_, index) => ({\n  number: index,\n  name: `${keyNames[index % 12]} ${Math.floor(index / 12) - 2}`,\n  isBlack: blackKeys.includes(index % 12),\n}));\n\nexport default PianoRoll;\n"],"names":["clamp","value","min","max","Math","useViewPortScaler","getState","state","createMemo","getScaledValue","position","virtualSize","viewPortSize","zoom","virtualRange","getCoordinates","virtualPosition","getPosition","offset","visibleDuration","percentX","viewPortOffset","getVirtualDimensions","length","virtualLeft","virtualWidth","size","PianoRoll","allProps","scrollContainerRef","scrollContentRef","notesContainerRef","props","divProps","splitProps","dimensions","setDimensions","createSignal","left","width","top","height","resizeObserver","ResizeObserver","event","getBoundingClientRect","createEffect","console","log","notes","onMount","observe","onCleanup","disconnect","horizontalViewPort","duration","verticalViewPort","verticalPosition","verticalZoom","handleScroll","preventDefault","didUpdateScroll","maxVerticalPosition","maxPosition","scrollTop","scrollLeft","scrollWidth","scrollHeight","currentTarget","scrollTopAmount","scrollLeftAmount","onVerticalPositionChange","onPositionChange","parentElement","scrollDivHeight","scrollDivWidth","style","scrollTo","forwardEventToNote","x","clientX","touches","y","clientY","elementUnderMouse","querySelectorAll","find","element","rect","dispatchEvent","MouseEvent","type","noteDragMode","setNoteDragMode","isDragging","setIsDragging","_$spread","_$mergeProps","display","overflow","padding","_$insert","_$createComponent","keys","key","virtualDimensions","number","_$effect","name","isBlack","blackKeys","includes","_$setAttribute","_$use","note","index","horizontalVirtualDimensions","midi","verticalVirtualDimensions","ticks","durationTicks","_$memo","initialPosition","diffPosition","handleMouseMove","mouseMoveEvent","onNoteChange","round","handleMouseUp","window","removeEventListener","addEventListener","relativeX","noteStartX","noteEndX","undefined","onVerticalZoomChange","valueAsNumber","orient","onZoomChange","flex","cursor","_$style","keyNames","Array","from","map","_","floor","_$delegateEvents"],"mappings":"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"}