solid-pianoroll 0.0.3 → 0.0.4

package/dist/cjs/index.js

@@ -288,7 +288,7 @@ const PianoRollNotes = props => {
               const noteEndX = context.horizontalViewPort.getScaledValue(note().ticks + note().durationTicks);
               context.onNoteDragModeChange(relativeX - noteStartX < 3 ? "trimStart" : noteEndX - relativeX < 3 ? "trimEnd" : "move");
             };
-            _el$3.style.setProperty("z-index", "1");
+            _el$3.style.setProperty("z-index", "2");
             _el$3.style.setProperty("position", "absolute");
             _el$3.style.setProperty("box-sizing", "border-box");
             _el$3.style.setProperty("border-width", "0.5px");
@@ -429,7 +429,7 @@ const ScrollContainer = props => {
         cursor: context.noteDragMode === "trimStart" ? "w-resize" : context.noteDragMode === "trimEnd" ? "e-resize" : "pointer"
       }),
       //"box-sizing": "border-box",
-      "z-index": 1,
+      "z-index": 4,
       overflow: "scroll",
       "pointer-events": "auto"
     }, _$p));
@@ -471,16 +471,13 @@ const _tmpl$$1 = /*#__PURE__*/web.template(`<div class="PianoRoll-Grid-Container
   _tmpl$3 = /*#__PURE__*/web.template(`<div class="PianoRoll-Grid-Key"></div>`, 2);
 const PianoRollGrid = () => {
   const context = usePianoRollContext();
+  const gridDivisorTicks = solidJs.createMemo(() => context.ppq * 4 / context.gridDivision);
   const gridArray = solidJs.createMemo(() => {
-    const numberOfLines = context.duration / (context.ppq * 4 / context.gridDivision);
+    const numberOfLines = context.duration / gridDivisorTicks();
     return Array.from({
       length: numberOfLines
-    }).map((_, index) => ({
-      index,
-      tick: index * (context.ppq * 4 / context.gridDivision)
-    }));
+    }).map((_, index) => index * gridDivisorTicks());
   });
-  const visibleDimensions = solidJs.createMemo(() => context.horizontalViewPort.getVirtualDimensions(context.position, context.duration / context.zoom));
   return (() => {
     const _el$ = _tmpl$$1.cloneNode(true),
       _el$2 = _el$.firstChild;
@@ -491,22 +488,31 @@ const PianoRollGrid = () => {
       get each() {
         return gridArray();
       },
-      children: gridline => {
-        const left = solidJs.createMemo(() => context.horizontalViewPort.getScaledValue(gridline().tick));
+      children: (tick, index) => {
+        const virtualDimensions = solidJs.createMemo(() => context.horizontalViewPort.getVirtualDimensions(tick(), gridDivisorTicks()));
         return web.createComponent(solidJs.Show, {
           get when() {
-            return web.memo(() => left() >= visibleDimensions().offset)() && left() <= visibleDimensions().offset + visibleDimensions().size;
+            return virtualDimensions().size > 0;
           },
           get children() {
             const _el$3 = _tmpl$2.cloneNode(true);
             _el$3.style.setProperty("z-index", "1");
             _el$3.style.setProperty("position", "absolute");
             _el$3.style.setProperty("box-sizing", "border-box");
+            _el$3.style.setProperty("background", index % 4 === 0 ? "#ccc" : "#ddd");
             _el$3.style.setProperty("top", "0px");
             _el$3.style.setProperty("height", "100%");
-            _el$3.style.setProperty("width", "1px");
-            _el$3.style.setProperty("background-color", "gray");
-            web.effect(() => _el$3.style.setProperty("left", `${left()}px`));
+            _el$3.style.setProperty("border-left", "1px gray solid");
+            web.effect(_p$ => {
+              const _v$4 = `${virtualDimensions().offset}px`,
+                _v$5 = `${virtualDimensions().size}px`;
+              _v$4 !== _p$._v$4 && _el$3.style.setProperty("left", _p$._v$4 = _v$4);
+              _v$5 !== _p$._v$5 && _el$3.style.setProperty("width", _p$._v$5 = _v$5);
+              return _p$;
+            }, {
+              _v$4: undefined,
+              _v$5: undefined
+            });
             return _el$3;
           }
         });
@@ -524,17 +530,24 @@ const PianoRollGrid = () => {
             const _el$4 = _tmpl$3.cloneNode(true);
             _el$4.style.setProperty("position", "absolute");
             _el$4.style.setProperty("width", "100%");
-            _el$4.style.setProperty("border-bottom", "0.5px black solid");
-            _el$4.style.setProperty("border-top", "0.5px black solid");
+            _el$4.style.setProperty("border-style", "solid");
+            _el$4.style.setProperty("border-color", "gray");
+            _el$4.style.setProperty("z-index", "1");
             web.effect(_p$ => {
-              const _v$4 = `${virtualDimensions().offset}px`,
-                _v$5 = `${virtualDimensions().size}px`;
-              _v$4 !== _p$._v$4 && _el$4.style.setProperty("top", _p$._v$4 = _v$4);
-              _v$5 !== _p$._v$5 && _el$4.style.setProperty("height", _p$._v$5 = _v$5);
+              const _v$6 = `${virtualDimensions().offset}px`,
+                _v$7 = `${virtualDimensions().size}px`,
+                _v$8 = key().isBlack ? "rgba(0,0,0,0.2)" : "none",
+                _v$9 = `${!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$6 !== _p$._v$6 && _el$4.style.setProperty("top", _p$._v$6 = _v$6);
+              _v$7 !== _p$._v$7 && _el$4.style.setProperty("height", _p$._v$7 = _v$7);
+              _v$8 !== _p$._v$8 && _el$4.style.setProperty("background-color", _p$._v$8 = _v$8);
+              _v$9 !== _p$._v$9 && _el$4.style.setProperty("border-width", _p$._v$9 = _v$9);
               return _p$;
             }, {
-              _v$4: undefined,
-              _v$5: undefined
+              _v$6: undefined,
+              _v$7: undefined,
+              _v$8: undefined,
+              _v$9: undefined
             });
             return _el$4;
           }

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/useBoundingClientRect.ts","../../src/helpers.ts","../../src/useViewPortScaler.ts","../../src/PianoRollContext.tsx","../../src/HorizontalZoomControl.tsx","../../src/PianoRollKeys.tsx","../../src/PianoRollNotes.tsx","../../src/ScrollContainer.tsx","../../src/VerticalZoomControl.tsx","../../src/PianoRollGrid.tsx","../../src/PianoRoll.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { Accessor, createEffect, createSignal, onCleanup, onMount } from \"solid-js\";\n\nexport type ClientRect = Omit<DOMRect, \"toJSON\">;\n\nconst defaultRect: ClientRect = {\n  left: 0,\n  width: 0,\n  top: 0,\n  height: 0,\n  bottom: 0,\n  right: 0,\n  x: 0,\n  y: 0,\n};\n\nexport default function useBoundingClientRect(containerRef: Accessor<HTMLElement | undefined>) {\n  const [boundingClientRect, setBoundingClientRect] = createSignal<ClientRect>(defaultRect);\n\n  createEffect(() => {\n    const container = containerRef();\n    if (!container) return;\n\n    const updateBoundingClientRect = () => {\n      setBoundingClientRect(container.getBoundingClientRect() ?? defaultRect);\n    };\n\n    const resizeObserver = new ResizeObserver(updateBoundingClientRect);\n    resizeObserver.observe(container);\n\n    updateBoundingClientRect();\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  });\n\n  return boundingClientRect;\n}\n","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 type ViewPortScaler = ReturnType<typeof useViewPortScaler>;\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 {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  JSX,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\n\nimport { PianoRollProps } from \"./PianoRoll\";\nimport useBoundingClientRect, { ClientRect } from \"./useBoundingClientRect\";\nimport useViewPortScaler, { ViewPortScaler } from \"./useViewPortScaler\";\n\nexport type NoteDragMode = \"trimStart\" | \"move\" | \"trimEnd\" | undefined;\ntype PianoRollContext = {\n  horizontalViewPort: ViewPortScaler;\n  verticalViewPort: ViewPortScaler;\n  clientRect: ClientRect;\n\n  notesContainer?: HTMLDivElement;\n\n  isDragging: boolean;\n  onIsDraggingChange: (isDragging: boolean) => void;\n\n  noteDragMode: NoteDragMode;\n  onNoteDragModeChange: (isDragging: NoteDragMode) => void;\n} & PianoRollProps;\n\nconst PianoRollContext = createContext<PianoRollContext>(undefined!);\n\nexport const PianoRollContextProvider = (\n  props: {\n    scrollContainer?: HTMLDivElement;\n    notesContainer?: HTMLDivElement;\n\n    children: JSX.Element;\n  } & PianoRollProps,\n) => {\n  const [noteDragMode, setNoteDragMode] = createSignal<NoteDragMode>();\n  const [isDragging, setIsDragging] = createSignal(false);\n\n  const [_ownProps, contextProps] = splitProps(props, [\"children\", \"scrollContainer\"]);\n  const clientRect = useBoundingClientRect(() => props.scrollContainer);\n\n  const horizontalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().left,\n    viewPortSize: clientRect().width,\n\n    virtualPosition: props.position,\n    virtualRange: props.duration,\n    zoom: props.zoom,\n  }));\n\n  const verticalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().top,\n    viewPortSize: clientRect().height,\n\n    virtualPosition: props.verticalPosition,\n    zoom: props.verticalZoom,\n\n    virtualRange: 128,\n  }));\n\n  const getContextValue = () => {\n    return {\n      ...contextProps,\n      horizontalViewPort,\n      verticalViewPort,\n      clientRect: clientRect(),\n\n      isDragging: isDragging(),\n      onIsDraggingChange: setIsDragging,\n\n      noteDragMode: noteDragMode(),\n      onNoteDragModeChange: setNoteDragMode,\n    };\n  };\n\n  const [contextValue, setContextValue] = createStore<PianoRollContext>(getContextValue());\n\n  createEffect(() => {\n    setContextValue(getContextValue());\n  });\n\n  return (\n    <PianoRollContext.Provider value={contextValue}>{props.children}</PianoRollContext.Provider>\n  );\n};\n\nexport const usePianoRollContext = () => {\n  const context = useContext(PianoRollContext);\n\n  if (!context) throw new Error(\"No PianoRollContext found\");\n\n  return context;\n};\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst HorizontalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.zoom}\n      onInput={(event) => context.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  );\n};\n\nexport default HorizontalZoomControl;\n","import styles from \"./PianoRollKeys.module.css\";\nimport { createMemo, Index, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollKeys = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <div class={styles.PianoRollKeys}>\n      <Index each={keys}>\n        {(key) => {\n          const virtualDimensions = createMemo(() =>\n            context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n          );\n\n          return (\n            <Show when={virtualDimensions().size > 0}>\n              <div\n                class={styles[\"PianoRollKeys-Key\"]}\n                title={key().name}\n                data-index={key().number % 12}\n                style={{\n                  top: `${virtualDimensions().offset}px`,\n                  height: `${virtualDimensions().size}px`,\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                }}\n              ></div>\n            </Show>\n          );\n        }}\n      </Index>\n    </div>\n  );\n};\n\nexport const blackKeys = [1, 3, 6, 8, 10];\nexport const keyNames = [\"C\", \"C#\", \"D\", \"D#\", \"E\", \"F\", \"F#\", \"G\", \"G#\", \"A\", \"A#\", \"B\"];\nexport const 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 PianoRollKeys;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollNotes = (props: { ref: Ref<HTMLDivElement | undefined> }) => {\n  const context = usePianoRollContext();\n\n  const gridDivisionTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);\n\n  const snapValueToGridIfEnabled = (value: number, altKey: boolean) =>\n    context.snapToGrid && !altKey\n      ? Math.round(value / gridDivisionTicks()) * gridDivisionTicks()\n      : value;\n\n  return (\n    <div\n      class=\"PianoRoll-Notes-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Notes\"\n        ref={props.ref}\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={context.notes}>\n          {(note, index) => {\n            const horizontalVirtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - note().midi, 1),\n            );\n\n            const verticalVirtualDimensions = createMemo(() =>\n              context.horizontalViewPort.getVirtualDimensions(note().ticks, note().durationTicks),\n            );\n\n            return (\n              <Show\n                when={!!horizontalVirtualDimensions().size && !!verticalVirtualDimensions().size}\n              >\n                <div\n                  class=\"PianoRoll-Note\"\n                  onMouseMove={(event) => {\n                    if (context.isDragging) return;\n\n                    const relativeX = context.horizontalViewPort.getScaledValue(\n                      context.horizontalViewPort.getPosition(event.clientX),\n                    );\n                    const noteStartX = context.horizontalViewPort.getScaledValue(note().ticks);\n                    const noteEndX = context.horizontalViewPort.getScaledValue(\n                      note().ticks + note().durationTicks,\n                    );\n\n                    context.onNoteDragModeChange(\n                      relativeX - noteStartX < 3\n                        ? \"trimStart\"\n                        : noteEndX - relativeX < 3\n                        ? \"trimEnd\"\n                        : \"move\",\n                    );\n                  }}\n                  onMouseDown={(event) => {\n                    context.onIsDraggingChange(true);\n                    const initialPosition = context.horizontalViewPort.getPosition(event.clientX);\n                    const diffPosition = initialPosition - note().ticks;\n\n                    const handleMouseMove = (mouseMoveEvent: MouseEvent) => {\n                      const ticks = snapValueToGridIfEnabled(\n                        Math.max(\n                          context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                            diffPosition,\n                          0,\n                        ),\n                        mouseMoveEvent.altKey,\n                      );\n\n                      context.onNoteChange?.(index, {\n                        ...note(),\n                        ...(context.noteDragMode === \"move\" && {\n                          midi: Math.round(\n                            127 - context.verticalViewPort.getPosition(mouseMoveEvent.clientY),\n                          ),\n                        }),\n                        ...((context.noteDragMode === \"move\" ||\n                          context.noteDragMode === \"trimStart\") && {\n                          ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimStart\" && {\n                          durationTicks: note().durationTicks + note().ticks - ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimEnd\" && {\n                          durationTicks: snapValueToGridIfEnabled(\n                            context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                              note().ticks,\n                            mouseMoveEvent.altKey,\n                          ),\n                        }),\n                      });\n                    };\n                    const handleMouseUp = () => {\n                      context.onIsDraggingChange(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                    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\": `rgba(255,0,0, ${(128 + note().velocity) / 256})`,\n                    \"border-color\": \"#a00\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollNotes;\n","import { createEffect, Ref } from \"solid-js\";\nimport { clamp } from \"./helpers\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst ScrollContainer = (props: { ref: Ref<HTMLDivElement> }) => {\n  let scrollContentRef: HTMLDivElement | undefined;\n  const context = usePianoRollContext();\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 = [...(context.notesContainer?.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  const handleScroll = (event: UIEvent & { currentTarget: Element }) => {\n    event.preventDefault();\n\n    if (didUpdateScroll) {\n      didUpdateScroll = false;\n      return;\n    }\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const { width, height } = context.clientRect;\n    const { scrollTop, scrollLeft, scrollWidth, scrollHeight } = event.currentTarget;\n\n    const scrollTopAmount = scrollTop / (scrollHeight - height);\n    const scrollLeftAmount = scrollLeft / (scrollWidth - width);\n\n    context.onVerticalPositionChange?.(maxVerticalPosition * scrollTopAmount);\n    context.onPositionChange?.(maxPosition * scrollLeftAmount);\n  };\n\n  let didUpdateScroll = false;\n\n  createEffect(() => {\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const scrollTopAmount =\n      maxVerticalPosition > 0 ? context.verticalPosition / maxVerticalPosition : 0;\n    const scrollLeftAmount = maxPosition > 0 ? context.position / maxPosition : 0;\n\n    const { height, width } = context.clientRect;\n\n    if (!scrollContentRef?.parentElement) return;\n\n    const scrollDivHeight = clamp(context.verticalZoom * height, height, 10000);\n    const scrollTop = scrollTopAmount * (scrollDivHeight - height);\n\n    const scrollDivWidth = clamp(context.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  return (\n    <div\n      ref={props.ref}\n      class=\"PianoRoll-Vertical-Scroller\"\n      style={{\n        flex: 1,\n        ...(context.noteDragMode && {\n          cursor:\n            context.noteDragMode === \"trimStart\"\n              ? \"w-resize\"\n              : context.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 (context.isDragging) return;\n        context.onNoteDragModeChange(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  );\n};\n\nexport default ScrollContainer;\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst VerticalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.verticalZoom}\n      onInput={(event) => context.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  );\n};\n\nexport default VerticalZoomControl;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\nimport { keys } from \"./PianoRollKeys\";\n\nconst PianoRollGrid = () => {\n  const context = usePianoRollContext();\n\n  const gridArray = createMemo(() => {\n    const numberOfLines = context.duration / ((context.ppq * 4) / context.gridDivision);\n    return Array.from({ length: numberOfLines }).map((_, index) => ({\n      index,\n      tick: index * ((context.ppq * 4) / context.gridDivision),\n    }));\n  });\n\n  const visibleDimensions = createMemo(() =>\n    context.horizontalViewPort.getVirtualDimensions(\n      context.position,\n      context.duration / context.zoom,\n    ),\n  );\n\n  return (\n    <div\n      class=\"PianoRoll-Grid-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Grid\"\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={gridArray()}>\n          {(gridline) => {\n            const left = createMemo(() =>\n              context.horizontalViewPort.getScaledValue(gridline().tick),\n            );\n\n            return (\n              <Show\n                when={\n                  left() >= visibleDimensions().offset &&\n                  left() <= visibleDimensions().offset + visibleDimensions().size\n                }\n              >\n                <div\n                  class=\"PianoRoll-Grid-Time\"\n                  style={{\n                    \"z-index\": 1,\n                    position: \"absolute\",\n                    \"box-sizing\": \"border-box\",\n                    top: `0px`,\n                    height: `100%`,\n                    left: `${left()}px`,\n                    width: `1px`,\n                    \"background-color\": \"gray\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n        <Index each={keys}>\n          {(key) => {\n            const virtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n            );\n\n            return (\n              <Show when={virtualDimensions().size > 0}>\n                <div\n                  class=\"PianoRoll-Grid-Key\"\n                  style={{\n                    position: \"absolute\",\n                    top: `${virtualDimensions().offset}px`,\n                    height: `${virtualDimensions().size}px`,\n                    width: \"100%\",\n                    \"border-bottom\": `0.5px black solid`,\n                    \"border-top\": `0.5px black solid`,\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollGrid;\n","import styles from \"./PianoRoll.module.css\";\nimport { Midi } from \"@tonejs/midi\";\n\nimport { JSX, splitProps, createSignal } from \"solid-js\";\nimport HorizontalZoomControl from \"./HorizontalZoomControl\";\n\nimport { PianoRollContextProvider } from \"./PianoRollContext\";\nimport PianoRollKeys from \"./PianoRollKeys\";\nimport PianoRollNotes from \"./PianoRollNotes\";\nimport ScrollContainer from \"./ScrollContainer\";\nimport VerticalZoomControl from \"./VerticalZoomControl\";\nimport PianoRollGrid from \"./PianoRollGrid\";\n\ntype Note = Pick<\n  ReturnType<Midi[\"tracks\"][number][\"notes\"][number][\"toJSON\"]>,\n  \"durationTicks\" | \"midi\" | \"ticks\" | \"velocity\"\n>;\n\nexport type GridDivision = 1 | 2 | 4 | 8 | 16 | 32 | 64;\n\nexport type PianoRollProps = {\n  ppq: number;\n  notes: Note[];\n\n  gridDivision: GridDivision;\n  snapToGrid: boolean;\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};\n\nconst PianoRoll = (allProps: PianoRollProps & JSX.IntrinsicElements[\"div\"]) => {\n  const [contextProps, 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    \"gridDivision\",\n    \"snapToGrid\",\n  ]);\n\n  const [scrollContainer, setScrollContainer] = createSignal<HTMLDivElement>();\n  const [notesContainer, setNotesContainer] = createSignal<HTMLDivElement>();\n\n  return (\n    <PianoRollContextProvider\n      {...contextProps}\n      scrollContainer={scrollContainer()}\n      notesContainer={notesContainer()}\n    >\n      <div {...divProps} class={styles.PianoRoll}>\n        <div class={styles.PianoRollContainer}>\n          <PianoRollKeys />\n\n          <div class={styles.PianoRollInnerContainer}>\n            <PianoRollNotes ref={setNotesContainer} />\n            <PianoRollGrid />\n            <ScrollContainer ref={setScrollContainer} />\n          </div>\n\n          <VerticalZoomControl />\n        </div>\n\n        <HorizontalZoomControl />\n      </div>\n    </PianoRollContextProvider>\n  );\n};\n\nexport default PianoRoll;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","defaultRect","left","width","top","height","bottom","right","x","y","useBoundingClientRect","containerRef","boundingClientRect","setBoundingClientRect","createSignal","createEffect","container","updateBoundingClientRect","getBoundingClientRect","resizeObserver","ResizeObserver","observe","disconnect","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","PianoRollContext","createContext","undefined","PianoRollContextProvider","props","noteDragMode","setNoteDragMode","isDragging","setIsDragging","_ownProps","contextProps","splitProps","clientRect","scrollContainer","horizontalViewPort","duration","verticalViewPort","verticalPosition","verticalZoom","getContextValue","onIsDraggingChange","onNoteDragModeChange","contextValue","setContextValue","createStore","_$createComponent","children","usePianoRollContext","context","useContext","Error","HorizontalZoomControl","_tmpl$","event","onZoomChange","currentTarget","valueAsNumber","_$effect","_$delegateEvents","PianoRollKeys","_$insert","Index","keys","key","virtualDimensions","number","Show","styles","name","isBlack","blackKeys","includes","_$className","_$setAttribute","keyNames","Array","from","map","_","index","floor","PianoRollNotes","gridDivisionTicks","ppq","gridDivision","snapValueToGridIfEnabled","altKey","snapToGrid","round","notes","note","horizontalVirtualDimensions","midi","verticalVirtualDimensions","ticks","durationTicks","_$memo","_tmpl$2","initialPosition","clientX","diffPosition","handleMouseMove","mouseMoveEvent","onNoteChange","clientY","handleMouseUp","window","removeEventListener","addEventListener","relativeX","noteStartX","noteEndX","velocity","ScrollContainer","scrollContentRef","forwardEventToNote","touches","elementUnderMouse","notesContainer","querySelectorAll","find","element","rect","dispatchEvent","MouseEvent","handleScroll","preventDefault","didUpdateScroll","maxVerticalPosition","maxPosition","scrollTop","scrollLeft","scrollWidth","scrollHeight","scrollTopAmount","scrollLeftAmount","onVerticalPositionChange","onPositionChange","parentElement","scrollDivHeight","scrollDivWidth","scrollTo","_$use","_$style","flex","cursor","overflow","VerticalZoomControl","onVerticalZoomChange","_$spread","_$mergeProps","orient","PianoRollGrid","gridArray","numberOfLines","tick","visibleDimensions","gridline","PianoRoll","allProps","divProps","setScrollContainer","setNotesContainer","PianoRollContainer","PianoRollInnerContainer"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/useBoundingClientRect.ts","../../src/helpers.ts","../../src/useViewPortScaler.ts","../../src/PianoRollContext.tsx","../../src/HorizontalZoomControl.tsx","../../src/PianoRollKeys.tsx","../../src/PianoRollNotes.tsx","../../src/ScrollContainer.tsx","../../src/VerticalZoomControl.tsx","../../src/PianoRollGrid.tsx","../../src/PianoRoll.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { Accessor, createEffect, createSignal, onCleanup, onMount } from \"solid-js\";\n\nexport type ClientRect = Omit<DOMRect, \"toJSON\">;\n\nconst defaultRect: ClientRect = {\n  left: 0,\n  width: 0,\n  top: 0,\n  height: 0,\n  bottom: 0,\n  right: 0,\n  x: 0,\n  y: 0,\n};\n\nexport default function useBoundingClientRect(containerRef: Accessor<HTMLElement | undefined>) {\n  const [boundingClientRect, setBoundingClientRect] = createSignal<ClientRect>(defaultRect);\n\n  createEffect(() => {\n    const container = containerRef();\n    if (!container) return;\n\n    const updateBoundingClientRect = () => {\n      setBoundingClientRect(container.getBoundingClientRect() ?? defaultRect);\n    };\n\n    const resizeObserver = new ResizeObserver(updateBoundingClientRect);\n    resizeObserver.observe(container);\n\n    updateBoundingClientRect();\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  });\n\n  return boundingClientRect;\n}\n","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 type ViewPortScaler = ReturnType<typeof useViewPortScaler>;\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 {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  JSX,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\n\nimport { PianoRollProps } from \"./PianoRoll\";\nimport useBoundingClientRect, { ClientRect } from \"./useBoundingClientRect\";\nimport useViewPortScaler, { ViewPortScaler } from \"./useViewPortScaler\";\n\nexport type NoteDragMode = \"trimStart\" | \"move\" | \"trimEnd\" | undefined;\ntype PianoRollContext = {\n  horizontalViewPort: ViewPortScaler;\n  verticalViewPort: ViewPortScaler;\n  clientRect: ClientRect;\n\n  notesContainer?: HTMLDivElement;\n\n  isDragging: boolean;\n  onIsDraggingChange: (isDragging: boolean) => void;\n\n  noteDragMode: NoteDragMode;\n  onNoteDragModeChange: (isDragging: NoteDragMode) => void;\n} & PianoRollProps;\n\nconst PianoRollContext = createContext<PianoRollContext>(undefined!);\n\nexport const PianoRollContextProvider = (\n  props: {\n    scrollContainer?: HTMLDivElement;\n    notesContainer?: HTMLDivElement;\n\n    children: JSX.Element;\n  } & PianoRollProps,\n) => {\n  const [noteDragMode, setNoteDragMode] = createSignal<NoteDragMode>();\n  const [isDragging, setIsDragging] = createSignal(false);\n\n  const [_ownProps, contextProps] = splitProps(props, [\"children\", \"scrollContainer\"]);\n  const clientRect = useBoundingClientRect(() => props.scrollContainer);\n\n  const horizontalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().left,\n    viewPortSize: clientRect().width,\n\n    virtualPosition: props.position,\n    virtualRange: props.duration,\n    zoom: props.zoom,\n  }));\n\n  const verticalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().top,\n    viewPortSize: clientRect().height,\n\n    virtualPosition: props.verticalPosition,\n    zoom: props.verticalZoom,\n\n    virtualRange: 128,\n  }));\n\n  const getContextValue = () => {\n    return {\n      ...contextProps,\n      horizontalViewPort,\n      verticalViewPort,\n      clientRect: clientRect(),\n\n      isDragging: isDragging(),\n      onIsDraggingChange: setIsDragging,\n\n      noteDragMode: noteDragMode(),\n      onNoteDragModeChange: setNoteDragMode,\n    };\n  };\n\n  const [contextValue, setContextValue] = createStore<PianoRollContext>(getContextValue());\n\n  createEffect(() => {\n    setContextValue(getContextValue());\n  });\n\n  return (\n    <PianoRollContext.Provider value={contextValue}>{props.children}</PianoRollContext.Provider>\n  );\n};\n\nexport const usePianoRollContext = () => {\n  const context = useContext(PianoRollContext);\n\n  if (!context) throw new Error(\"No PianoRollContext found\");\n\n  return context;\n};\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst HorizontalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.zoom}\n      onInput={(event) => context.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  );\n};\n\nexport default HorizontalZoomControl;\n","import styles from \"./PianoRollKeys.module.css\";\nimport { createMemo, Index, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollKeys = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <div class={styles.PianoRollKeys}>\n      <Index each={keys}>\n        {(key) => {\n          const virtualDimensions = createMemo(() =>\n            context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n          );\n\n          return (\n            <Show when={virtualDimensions().size > 0}>\n              <div\n                class={styles[\"PianoRollKeys-Key\"]}\n                title={key().name}\n                data-index={key().number % 12}\n                style={{\n                  top: `${virtualDimensions().offset}px`,\n                  height: `${virtualDimensions().size}px`,\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                }}\n              ></div>\n            </Show>\n          );\n        }}\n      </Index>\n    </div>\n  );\n};\n\nexport const blackKeys = [1, 3, 6, 8, 10];\nexport const keyNames = [\"C\", \"C#\", \"D\", \"D#\", \"E\", \"F\", \"F#\", \"G\", \"G#\", \"A\", \"A#\", \"B\"];\nexport const 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 PianoRollKeys;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollNotes = (props: { ref: Ref<HTMLDivElement | undefined> }) => {\n  const context = usePianoRollContext();\n\n  const gridDivisionTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);\n\n  const snapValueToGridIfEnabled = (value: number, altKey: boolean) =>\n    context.snapToGrid && !altKey\n      ? Math.round(value / gridDivisionTicks()) * gridDivisionTicks()\n      : value;\n\n  return (\n    <div\n      class=\"PianoRoll-Notes-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Notes\"\n        ref={props.ref}\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={context.notes}>\n          {(note, index) => {\n            const horizontalVirtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - note().midi, 1),\n            );\n\n            const verticalVirtualDimensions = createMemo(() =>\n              context.horizontalViewPort.getVirtualDimensions(note().ticks, note().durationTicks),\n            );\n\n            return (\n              <Show\n                when={!!horizontalVirtualDimensions().size && !!verticalVirtualDimensions().size}\n              >\n                <div\n                  class=\"PianoRoll-Note\"\n                  onMouseMove={(event) => {\n                    if (context.isDragging) return;\n\n                    const relativeX = context.horizontalViewPort.getScaledValue(\n                      context.horizontalViewPort.getPosition(event.clientX),\n                    );\n                    const noteStartX = context.horizontalViewPort.getScaledValue(note().ticks);\n                    const noteEndX = context.horizontalViewPort.getScaledValue(\n                      note().ticks + note().durationTicks,\n                    );\n\n                    context.onNoteDragModeChange(\n                      relativeX - noteStartX < 3\n                        ? \"trimStart\"\n                        : noteEndX - relativeX < 3\n                        ? \"trimEnd\"\n                        : \"move\",\n                    );\n                  }}\n                  onMouseDown={(event) => {\n                    context.onIsDraggingChange(true);\n                    const initialPosition = context.horizontalViewPort.getPosition(event.clientX);\n                    const diffPosition = initialPosition - note().ticks;\n\n                    const handleMouseMove = (mouseMoveEvent: MouseEvent) => {\n                      const ticks = snapValueToGridIfEnabled(\n                        Math.max(\n                          context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                            diffPosition,\n                          0,\n                        ),\n                        mouseMoveEvent.altKey,\n                      );\n\n                      context.onNoteChange?.(index, {\n                        ...note(),\n                        ...(context.noteDragMode === \"move\" && {\n                          midi: Math.round(\n                            127 - context.verticalViewPort.getPosition(mouseMoveEvent.clientY),\n                          ),\n                        }),\n                        ...((context.noteDragMode === \"move\" ||\n                          context.noteDragMode === \"trimStart\") && {\n                          ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimStart\" && {\n                          durationTicks: note().durationTicks + note().ticks - ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimEnd\" && {\n                          durationTicks: snapValueToGridIfEnabled(\n                            context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                              note().ticks,\n                            mouseMoveEvent.altKey,\n                          ),\n                        }),\n                      });\n                    };\n                    const handleMouseUp = () => {\n                      context.onIsDraggingChange(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\": 2,\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\": `rgba(255,0,0, ${(128 + note().velocity) / 256})`,\n                    \"border-color\": \"#a00\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollNotes;\n","import { createEffect, Ref } from \"solid-js\";\nimport { clamp } from \"./helpers\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst ScrollContainer = (props: { ref: Ref<HTMLDivElement> }) => {\n  let scrollContentRef: HTMLDivElement | undefined;\n  const context = usePianoRollContext();\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 = [...(context.notesContainer?.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  const handleScroll = (event: UIEvent & { currentTarget: Element }) => {\n    event.preventDefault();\n\n    if (didUpdateScroll) {\n      didUpdateScroll = false;\n      return;\n    }\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const { width, height } = context.clientRect;\n    const { scrollTop, scrollLeft, scrollWidth, scrollHeight } = event.currentTarget;\n\n    const scrollTopAmount = scrollTop / (scrollHeight - height);\n    const scrollLeftAmount = scrollLeft / (scrollWidth - width);\n\n    context.onVerticalPositionChange?.(maxVerticalPosition * scrollTopAmount);\n    context.onPositionChange?.(maxPosition * scrollLeftAmount);\n  };\n\n  let didUpdateScroll = false;\n\n  createEffect(() => {\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const scrollTopAmount =\n      maxVerticalPosition > 0 ? context.verticalPosition / maxVerticalPosition : 0;\n    const scrollLeftAmount = maxPosition > 0 ? context.position / maxPosition : 0;\n\n    const { height, width } = context.clientRect;\n\n    if (!scrollContentRef?.parentElement) return;\n\n    const scrollDivHeight = clamp(context.verticalZoom * height, height, 10000);\n    const scrollTop = scrollTopAmount * (scrollDivHeight - height);\n\n    const scrollDivWidth = clamp(context.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  return (\n    <div\n      ref={props.ref}\n      class=\"PianoRoll-Vertical-Scroller\"\n      style={{\n        flex: 1,\n        ...(context.noteDragMode && {\n          cursor:\n            context.noteDragMode === \"trimStart\"\n              ? \"w-resize\"\n              : context.noteDragMode === \"trimEnd\"\n              ? \"e-resize\"\n              : \"pointer\",\n        }),\n        //\"box-sizing\": \"border-box\",\n        \"z-index\": 4,\n        overflow: \"scroll\",\n        \"pointer-events\": \"auto\",\n      }}\n      onScroll={handleScroll}\n      onMouseDown={forwardEventToNote}\n      onMouseMove={(event) => {\n        if (forwardEventToNote(event)) return;\n        if (context.isDragging) return;\n        context.onNoteDragModeChange(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  );\n};\n\nexport default ScrollContainer;\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst VerticalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.verticalZoom}\n      onInput={(event) => context.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  );\n};\n\nexport default VerticalZoomControl;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\nimport { blackKeys, keys } from \"./PianoRollKeys\";\n\nconst PianoRollGrid = () => {\n  const context = usePianoRollContext();\n\n  const gridDivisorTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);\n  const gridArray = createMemo(() => {\n    const numberOfLines = context.duration / gridDivisorTicks();\n    return Array.from({ length: numberOfLines }).map((_, index) => index * gridDivisorTicks());\n  });\n\n  return (\n    <div\n      class=\"PianoRoll-Grid-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Grid\"\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={gridArray()}>\n          {(tick, index) => {\n            const virtualDimensions = createMemo(() =>\n              context.horizontalViewPort.getVirtualDimensions(tick(), gridDivisorTicks()),\n            );\n\n            return (\n              <Show when={virtualDimensions().size > 0}>\n                <div\n                  class=\"PianoRoll-Grid-Time\"\n                  style={{\n                    \"z-index\": 1,\n                    position: \"absolute\",\n                    \"box-sizing\": \"border-box\",\n                    background: index % 4 === 0 ? \"#ccc\" : \"#ddd\",\n                    top: `0px`,\n                    height: `100%`,\n                    left: `${virtualDimensions().offset}px`,\n                    width: `${virtualDimensions().size}px`,\n                    \"border-left\": \"1px gray solid\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n        <Index each={keys}>\n          {(key) => {\n            const virtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n            );\n\n            return (\n              <Show when={virtualDimensions().size > 0}>\n                <div\n                  class=\"PianoRoll-Grid-Key\"\n                  style={{\n                    position: \"absolute\",\n                    top: `${virtualDimensions().offset}px`,\n                    height: `${virtualDimensions().size}px`,\n                    width: \"100%\",\n                    \"background-color\": key().isBlack ? \"rgba(0,0,0,0.2)\" : \"none\",\n                    \"border-style\": \"solid\",\n                    \"border-color\": \"gray\",\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                    \"z-index\": 1,\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollGrid;\n","import styles from \"./PianoRoll.module.css\";\nimport { Midi } from \"@tonejs/midi\";\n\nimport { JSX, splitProps, createSignal } from \"solid-js\";\nimport HorizontalZoomControl from \"./HorizontalZoomControl\";\n\nimport { PianoRollContextProvider } from \"./PianoRollContext\";\nimport PianoRollKeys from \"./PianoRollKeys\";\nimport PianoRollNotes from \"./PianoRollNotes\";\nimport ScrollContainer from \"./ScrollContainer\";\nimport VerticalZoomControl from \"./VerticalZoomControl\";\nimport PianoRollGrid from \"./PianoRollGrid\";\n\ntype Note = Pick<\n  ReturnType<Midi[\"tracks\"][number][\"notes\"][number][\"toJSON\"]>,\n  \"durationTicks\" | \"midi\" | \"ticks\" | \"velocity\"\n>;\n\nexport type GridDivision = 1 | 2 | 4 | 8 | 16 | 32 | 64;\n\nexport type PianoRollProps = {\n  ppq: number;\n  notes: Note[];\n\n  gridDivision: GridDivision;\n  snapToGrid: boolean;\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};\n\nconst PianoRoll = (allProps: PianoRollProps & JSX.IntrinsicElements[\"div\"]) => {\n  const [contextProps, 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    \"gridDivision\",\n    \"snapToGrid\",\n  ]);\n\n  const [scrollContainer, setScrollContainer] = createSignal<HTMLDivElement>();\n  const [notesContainer, setNotesContainer] = createSignal<HTMLDivElement>();\n\n  return (\n    <PianoRollContextProvider\n      {...contextProps}\n      scrollContainer={scrollContainer()}\n      notesContainer={notesContainer()}\n    >\n      <div {...divProps} class={styles.PianoRoll}>\n        <div class={styles.PianoRollContainer}>\n          <PianoRollKeys />\n\n          <div class={styles.PianoRollInnerContainer}>\n            <PianoRollNotes ref={setNotesContainer} />\n            <PianoRollGrid />\n            <ScrollContainer ref={setScrollContainer} />\n          </div>\n\n          <VerticalZoomControl />\n        </div>\n\n        <HorizontalZoomControl />\n      </div>\n    </PianoRollContextProvider>\n  );\n};\n\nexport default PianoRoll;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","defaultRect","left","width","top","height","bottom","right","x","y","useBoundingClientRect","containerRef","boundingClientRect","setBoundingClientRect","createSignal","createEffect","container","updateBoundingClientRect","getBoundingClientRect","resizeObserver","ResizeObserver","observe","disconnect","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","PianoRollContext","createContext","undefined","PianoRollContextProvider","props","noteDragMode","setNoteDragMode","isDragging","setIsDragging","_ownProps","contextProps","splitProps","clientRect","scrollContainer","horizontalViewPort","duration","verticalViewPort","verticalPosition","verticalZoom","getContextValue","onIsDraggingChange","onNoteDragModeChange","contextValue","setContextValue","createStore","_$createComponent","children","usePianoRollContext","context","useContext","Error","HorizontalZoomControl","_tmpl$","event","onZoomChange","currentTarget","valueAsNumber","_$effect","_$delegateEvents","PianoRollKeys","_$insert","Index","keys","key","virtualDimensions","number","Show","styles","name","isBlack","blackKeys","includes","_$className","_$setAttribute","keyNames","Array","from","map","_","index","floor","PianoRollNotes","gridDivisionTicks","ppq","gridDivision","snapValueToGridIfEnabled","altKey","snapToGrid","round","notes","note","horizontalVirtualDimensions","midi","verticalVirtualDimensions","ticks","durationTicks","_$memo","_tmpl$2","initialPosition","clientX","diffPosition","handleMouseMove","mouseMoveEvent","onNoteChange","clientY","handleMouseUp","window","removeEventListener","addEventListener","relativeX","noteStartX","noteEndX","velocity","ScrollContainer","scrollContentRef","forwardEventToNote","touches","elementUnderMouse","notesContainer","querySelectorAll","find","element","rect","dispatchEvent","MouseEvent","handleScroll","preventDefault","didUpdateScroll","maxVerticalPosition","maxPosition","scrollTop","scrollLeft","scrollWidth","scrollHeight","scrollTopAmount","scrollLeftAmount","onVerticalPositionChange","onPositionChange","parentElement","scrollDivHeight","scrollDivWidth","scrollTo","_$use","_$style","flex","cursor","overflow","VerticalZoomControl","onVerticalZoomChange","_$spread","_$mergeProps","orient","PianoRollGrid","gridDivisorTicks","gridArray","numberOfLines","tick","PianoRoll","allProps","divProps","setScrollContainer","setNotesContainer","PianoRollContainer","PianoRollInnerContainer"],"mappings":"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"}

package/dist/esm/index.js

@@ -286,7 +286,7 @@ const PianoRollNotes = props => {
               const noteEndX = context.horizontalViewPort.getScaledValue(note().ticks + note().durationTicks);
               context.onNoteDragModeChange(relativeX - noteStartX < 3 ? "trimStart" : noteEndX - relativeX < 3 ? "trimEnd" : "move");
             };
-            _el$3.style.setProperty("z-index", "1");
+            _el$3.style.setProperty("z-index", "2");
             _el$3.style.setProperty("position", "absolute");
             _el$3.style.setProperty("box-sizing", "border-box");
             _el$3.style.setProperty("border-width", "0.5px");
@@ -427,7 +427,7 @@ const ScrollContainer = props => {
         cursor: context.noteDragMode === "trimStart" ? "w-resize" : context.noteDragMode === "trimEnd" ? "e-resize" : "pointer"
       }),
       //"box-sizing": "border-box",
-      "z-index": 1,
+      "z-index": 4,
       overflow: "scroll",
       "pointer-events": "auto"
     }, _$p));
@@ -469,16 +469,13 @@ const _tmpl$$1 = /*#__PURE__*/template(`<div class="PianoRoll-Grid-Container"><d
   _tmpl$3 = /*#__PURE__*/template(`<div class="PianoRoll-Grid-Key"></div>`, 2);
 const PianoRollGrid = () => {
   const context = usePianoRollContext();
+  const gridDivisorTicks = createMemo(() => context.ppq * 4 / context.gridDivision);
   const gridArray = createMemo(() => {
-    const numberOfLines = context.duration / (context.ppq * 4 / context.gridDivision);
+    const numberOfLines = context.duration / gridDivisorTicks();
     return Array.from({
       length: numberOfLines
-    }).map((_, index) => ({
-      index,
-      tick: index * (context.ppq * 4 / context.gridDivision)
-    }));
+    }).map((_, index) => index * gridDivisorTicks());
   });
-  const visibleDimensions = createMemo(() => context.horizontalViewPort.getVirtualDimensions(context.position, context.duration / context.zoom));
   return (() => {
     const _el$ = _tmpl$$1.cloneNode(true),
       _el$2 = _el$.firstChild;
@@ -489,22 +486,31 @@ const PianoRollGrid = () => {
       get each() {
         return gridArray();
       },
-      children: gridline => {
-        const left = createMemo(() => context.horizontalViewPort.getScaledValue(gridline().tick));
+      children: (tick, index) => {
+        const virtualDimensions = createMemo(() => context.horizontalViewPort.getVirtualDimensions(tick(), gridDivisorTicks()));
         return createComponent(Show, {
           get when() {
-            return memo(() => left() >= visibleDimensions().offset)() && left() <= visibleDimensions().offset + visibleDimensions().size;
+            return virtualDimensions().size > 0;
           },
           get children() {
             const _el$3 = _tmpl$2.cloneNode(true);
             _el$3.style.setProperty("z-index", "1");
             _el$3.style.setProperty("position", "absolute");
             _el$3.style.setProperty("box-sizing", "border-box");
+            _el$3.style.setProperty("background", index % 4 === 0 ? "#ccc" : "#ddd");
             _el$3.style.setProperty("top", "0px");
             _el$3.style.setProperty("height", "100%");
-            _el$3.style.setProperty("width", "1px");
-            _el$3.style.setProperty("background-color", "gray");
-            effect(() => _el$3.style.setProperty("left", `${left()}px`));
+            _el$3.style.setProperty("border-left", "1px gray solid");
+            effect(_p$ => {
+              const _v$4 = `${virtualDimensions().offset}px`,
+                _v$5 = `${virtualDimensions().size}px`;
+              _v$4 !== _p$._v$4 && _el$3.style.setProperty("left", _p$._v$4 = _v$4);
+              _v$5 !== _p$._v$5 && _el$3.style.setProperty("width", _p$._v$5 = _v$5);
+              return _p$;
+            }, {
+              _v$4: undefined,
+              _v$5: undefined
+            });
             return _el$3;
           }
         });
@@ -522,17 +528,24 @@ const PianoRollGrid = () => {
             const _el$4 = _tmpl$3.cloneNode(true);
             _el$4.style.setProperty("position", "absolute");
             _el$4.style.setProperty("width", "100%");
-            _el$4.style.setProperty("border-bottom", "0.5px black solid");
-            _el$4.style.setProperty("border-top", "0.5px black solid");
+            _el$4.style.setProperty("border-style", "solid");
+            _el$4.style.setProperty("border-color", "gray");
+            _el$4.style.setProperty("z-index", "1");
             effect(_p$ => {
-              const _v$4 = `${virtualDimensions().offset}px`,
-                _v$5 = `${virtualDimensions().size}px`;
-              _v$4 !== _p$._v$4 && _el$4.style.setProperty("top", _p$._v$4 = _v$4);
-              _v$5 !== _p$._v$5 && _el$4.style.setProperty("height", _p$._v$5 = _v$5);
+              const _v$6 = `${virtualDimensions().offset}px`,
+                _v$7 = `${virtualDimensions().size}px`,
+                _v$8 = key().isBlack ? "rgba(0,0,0,0.2)" : "none",
+                _v$9 = `${!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$6 !== _p$._v$6 && _el$4.style.setProperty("top", _p$._v$6 = _v$6);
+              _v$7 !== _p$._v$7 && _el$4.style.setProperty("height", _p$._v$7 = _v$7);
+              _v$8 !== _p$._v$8 && _el$4.style.setProperty("background-color", _p$._v$8 = _v$8);
+              _v$9 !== _p$._v$9 && _el$4.style.setProperty("border-width", _p$._v$9 = _v$9);
               return _p$;
             }, {
-              _v$4: undefined,
-              _v$5: undefined
+              _v$6: undefined,
+              _v$7: undefined,
+              _v$8: undefined,
+              _v$9: undefined
             });
             return _el$4;
           }

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/useBoundingClientRect.ts","../../src/helpers.ts","../../src/useViewPortScaler.ts","../../src/PianoRollContext.tsx","../../src/HorizontalZoomControl.tsx","../../src/PianoRollKeys.tsx","../../src/PianoRollNotes.tsx","../../src/ScrollContainer.tsx","../../src/VerticalZoomControl.tsx","../../src/PianoRollGrid.tsx","../../src/PianoRoll.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { Accessor, createEffect, createSignal, onCleanup, onMount } from \"solid-js\";\n\nexport type ClientRect = Omit<DOMRect, \"toJSON\">;\n\nconst defaultRect: ClientRect = {\n  left: 0,\n  width: 0,\n  top: 0,\n  height: 0,\n  bottom: 0,\n  right: 0,\n  x: 0,\n  y: 0,\n};\n\nexport default function useBoundingClientRect(containerRef: Accessor<HTMLElement | undefined>) {\n  const [boundingClientRect, setBoundingClientRect] = createSignal<ClientRect>(defaultRect);\n\n  createEffect(() => {\n    const container = containerRef();\n    if (!container) return;\n\n    const updateBoundingClientRect = () => {\n      setBoundingClientRect(container.getBoundingClientRect() ?? defaultRect);\n    };\n\n    const resizeObserver = new ResizeObserver(updateBoundingClientRect);\n    resizeObserver.observe(container);\n\n    updateBoundingClientRect();\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  });\n\n  return boundingClientRect;\n}\n","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 type ViewPortScaler = ReturnType<typeof useViewPortScaler>;\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 {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  JSX,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\n\nimport { PianoRollProps } from \"./PianoRoll\";\nimport useBoundingClientRect, { ClientRect } from \"./useBoundingClientRect\";\nimport useViewPortScaler, { ViewPortScaler } from \"./useViewPortScaler\";\n\nexport type NoteDragMode = \"trimStart\" | \"move\" | \"trimEnd\" | undefined;\ntype PianoRollContext = {\n  horizontalViewPort: ViewPortScaler;\n  verticalViewPort: ViewPortScaler;\n  clientRect: ClientRect;\n\n  notesContainer?: HTMLDivElement;\n\n  isDragging: boolean;\n  onIsDraggingChange: (isDragging: boolean) => void;\n\n  noteDragMode: NoteDragMode;\n  onNoteDragModeChange: (isDragging: NoteDragMode) => void;\n} & PianoRollProps;\n\nconst PianoRollContext = createContext<PianoRollContext>(undefined!);\n\nexport const PianoRollContextProvider = (\n  props: {\n    scrollContainer?: HTMLDivElement;\n    notesContainer?: HTMLDivElement;\n\n    children: JSX.Element;\n  } & PianoRollProps,\n) => {\n  const [noteDragMode, setNoteDragMode] = createSignal<NoteDragMode>();\n  const [isDragging, setIsDragging] = createSignal(false);\n\n  const [_ownProps, contextProps] = splitProps(props, [\"children\", \"scrollContainer\"]);\n  const clientRect = useBoundingClientRect(() => props.scrollContainer);\n\n  const horizontalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().left,\n    viewPortSize: clientRect().width,\n\n    virtualPosition: props.position,\n    virtualRange: props.duration,\n    zoom: props.zoom,\n  }));\n\n  const verticalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().top,\n    viewPortSize: clientRect().height,\n\n    virtualPosition: props.verticalPosition,\n    zoom: props.verticalZoom,\n\n    virtualRange: 128,\n  }));\n\n  const getContextValue = () => {\n    return {\n      ...contextProps,\n      horizontalViewPort,\n      verticalViewPort,\n      clientRect: clientRect(),\n\n      isDragging: isDragging(),\n      onIsDraggingChange: setIsDragging,\n\n      noteDragMode: noteDragMode(),\n      onNoteDragModeChange: setNoteDragMode,\n    };\n  };\n\n  const [contextValue, setContextValue] = createStore<PianoRollContext>(getContextValue());\n\n  createEffect(() => {\n    setContextValue(getContextValue());\n  });\n\n  return (\n    <PianoRollContext.Provider value={contextValue}>{props.children}</PianoRollContext.Provider>\n  );\n};\n\nexport const usePianoRollContext = () => {\n  const context = useContext(PianoRollContext);\n\n  if (!context) throw new Error(\"No PianoRollContext found\");\n\n  return context;\n};\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst HorizontalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.zoom}\n      onInput={(event) => context.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  );\n};\n\nexport default HorizontalZoomControl;\n","import styles from \"./PianoRollKeys.module.css\";\nimport { createMemo, Index, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollKeys = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <div class={styles.PianoRollKeys}>\n      <Index each={keys}>\n        {(key) => {\n          const virtualDimensions = createMemo(() =>\n            context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n          );\n\n          return (\n            <Show when={virtualDimensions().size > 0}>\n              <div\n                class={styles[\"PianoRollKeys-Key\"]}\n                title={key().name}\n                data-index={key().number % 12}\n                style={{\n                  top: `${virtualDimensions().offset}px`,\n                  height: `${virtualDimensions().size}px`,\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                }}\n              ></div>\n            </Show>\n          );\n        }}\n      </Index>\n    </div>\n  );\n};\n\nexport const blackKeys = [1, 3, 6, 8, 10];\nexport const keyNames = [\"C\", \"C#\", \"D\", \"D#\", \"E\", \"F\", \"F#\", \"G\", \"G#\", \"A\", \"A#\", \"B\"];\nexport const 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 PianoRollKeys;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollNotes = (props: { ref: Ref<HTMLDivElement | undefined> }) => {\n  const context = usePianoRollContext();\n\n  const gridDivisionTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);\n\n  const snapValueToGridIfEnabled = (value: number, altKey: boolean) =>\n    context.snapToGrid && !altKey\n      ? Math.round(value / gridDivisionTicks()) * gridDivisionTicks()\n      : value;\n\n  return (\n    <div\n      class=\"PianoRoll-Notes-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Notes\"\n        ref={props.ref}\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={context.notes}>\n          {(note, index) => {\n            const horizontalVirtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - note().midi, 1),\n            );\n\n            const verticalVirtualDimensions = createMemo(() =>\n              context.horizontalViewPort.getVirtualDimensions(note().ticks, note().durationTicks),\n            );\n\n            return (\n              <Show\n                when={!!horizontalVirtualDimensions().size && !!verticalVirtualDimensions().size}\n              >\n                <div\n                  class=\"PianoRoll-Note\"\n                  onMouseMove={(event) => {\n                    if (context.isDragging) return;\n\n                    const relativeX = context.horizontalViewPort.getScaledValue(\n                      context.horizontalViewPort.getPosition(event.clientX),\n                    );\n                    const noteStartX = context.horizontalViewPort.getScaledValue(note().ticks);\n                    const noteEndX = context.horizontalViewPort.getScaledValue(\n                      note().ticks + note().durationTicks,\n                    );\n\n                    context.onNoteDragModeChange(\n                      relativeX - noteStartX < 3\n                        ? \"trimStart\"\n                        : noteEndX - relativeX < 3\n                        ? \"trimEnd\"\n                        : \"move\",\n                    );\n                  }}\n                  onMouseDown={(event) => {\n                    context.onIsDraggingChange(true);\n                    const initialPosition = context.horizontalViewPort.getPosition(event.clientX);\n                    const diffPosition = initialPosition - note().ticks;\n\n                    const handleMouseMove = (mouseMoveEvent: MouseEvent) => {\n                      const ticks = snapValueToGridIfEnabled(\n                        Math.max(\n                          context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                            diffPosition,\n                          0,\n                        ),\n                        mouseMoveEvent.altKey,\n                      );\n\n                      context.onNoteChange?.(index, {\n                        ...note(),\n                        ...(context.noteDragMode === \"move\" && {\n                          midi: Math.round(\n                            127 - context.verticalViewPort.getPosition(mouseMoveEvent.clientY),\n                          ),\n                        }),\n                        ...((context.noteDragMode === \"move\" ||\n                          context.noteDragMode === \"trimStart\") && {\n                          ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimStart\" && {\n                          durationTicks: note().durationTicks + note().ticks - ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimEnd\" && {\n                          durationTicks: snapValueToGridIfEnabled(\n                            context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                              note().ticks,\n                            mouseMoveEvent.altKey,\n                          ),\n                        }),\n                      });\n                    };\n                    const handleMouseUp = () => {\n                      context.onIsDraggingChange(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                    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\": `rgba(255,0,0, ${(128 + note().velocity) / 256})`,\n                    \"border-color\": \"#a00\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollNotes;\n","import { createEffect, Ref } from \"solid-js\";\nimport { clamp } from \"./helpers\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst ScrollContainer = (props: { ref: Ref<HTMLDivElement> }) => {\n  let scrollContentRef: HTMLDivElement | undefined;\n  const context = usePianoRollContext();\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 = [...(context.notesContainer?.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  const handleScroll = (event: UIEvent & { currentTarget: Element }) => {\n    event.preventDefault();\n\n    if (didUpdateScroll) {\n      didUpdateScroll = false;\n      return;\n    }\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const { width, height } = context.clientRect;\n    const { scrollTop, scrollLeft, scrollWidth, scrollHeight } = event.currentTarget;\n\n    const scrollTopAmount = scrollTop / (scrollHeight - height);\n    const scrollLeftAmount = scrollLeft / (scrollWidth - width);\n\n    context.onVerticalPositionChange?.(maxVerticalPosition * scrollTopAmount);\n    context.onPositionChange?.(maxPosition * scrollLeftAmount);\n  };\n\n  let didUpdateScroll = false;\n\n  createEffect(() => {\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const scrollTopAmount =\n      maxVerticalPosition > 0 ? context.verticalPosition / maxVerticalPosition : 0;\n    const scrollLeftAmount = maxPosition > 0 ? context.position / maxPosition : 0;\n\n    const { height, width } = context.clientRect;\n\n    if (!scrollContentRef?.parentElement) return;\n\n    const scrollDivHeight = clamp(context.verticalZoom * height, height, 10000);\n    const scrollTop = scrollTopAmount * (scrollDivHeight - height);\n\n    const scrollDivWidth = clamp(context.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  return (\n    <div\n      ref={props.ref}\n      class=\"PianoRoll-Vertical-Scroller\"\n      style={{\n        flex: 1,\n        ...(context.noteDragMode && {\n          cursor:\n            context.noteDragMode === \"trimStart\"\n              ? \"w-resize\"\n              : context.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 (context.isDragging) return;\n        context.onNoteDragModeChange(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  );\n};\n\nexport default ScrollContainer;\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst VerticalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.verticalZoom}\n      onInput={(event) => context.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  );\n};\n\nexport default VerticalZoomControl;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\nimport { keys } from \"./PianoRollKeys\";\n\nconst PianoRollGrid = () => {\n  const context = usePianoRollContext();\n\n  const gridArray = createMemo(() => {\n    const numberOfLines = context.duration / ((context.ppq * 4) / context.gridDivision);\n    return Array.from({ length: numberOfLines }).map((_, index) => ({\n      index,\n      tick: index * ((context.ppq * 4) / context.gridDivision),\n    }));\n  });\n\n  const visibleDimensions = createMemo(() =>\n    context.horizontalViewPort.getVirtualDimensions(\n      context.position,\n      context.duration / context.zoom,\n    ),\n  );\n\n  return (\n    <div\n      class=\"PianoRoll-Grid-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Grid\"\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={gridArray()}>\n          {(gridline) => {\n            const left = createMemo(() =>\n              context.horizontalViewPort.getScaledValue(gridline().tick),\n            );\n\n            return (\n              <Show\n                when={\n                  left() >= visibleDimensions().offset &&\n                  left() <= visibleDimensions().offset + visibleDimensions().size\n                }\n              >\n                <div\n                  class=\"PianoRoll-Grid-Time\"\n                  style={{\n                    \"z-index\": 1,\n                    position: \"absolute\",\n                    \"box-sizing\": \"border-box\",\n                    top: `0px`,\n                    height: `100%`,\n                    left: `${left()}px`,\n                    width: `1px`,\n                    \"background-color\": \"gray\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n        <Index each={keys}>\n          {(key) => {\n            const virtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n            );\n\n            return (\n              <Show when={virtualDimensions().size > 0}>\n                <div\n                  class=\"PianoRoll-Grid-Key\"\n                  style={{\n                    position: \"absolute\",\n                    top: `${virtualDimensions().offset}px`,\n                    height: `${virtualDimensions().size}px`,\n                    width: \"100%\",\n                    \"border-bottom\": `0.5px black solid`,\n                    \"border-top\": `0.5px black solid`,\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollGrid;\n","import styles from \"./PianoRoll.module.css\";\nimport { Midi } from \"@tonejs/midi\";\n\nimport { JSX, splitProps, createSignal } from \"solid-js\";\nimport HorizontalZoomControl from \"./HorizontalZoomControl\";\n\nimport { PianoRollContextProvider } from \"./PianoRollContext\";\nimport PianoRollKeys from \"./PianoRollKeys\";\nimport PianoRollNotes from \"./PianoRollNotes\";\nimport ScrollContainer from \"./ScrollContainer\";\nimport VerticalZoomControl from \"./VerticalZoomControl\";\nimport PianoRollGrid from \"./PianoRollGrid\";\n\ntype Note = Pick<\n  ReturnType<Midi[\"tracks\"][number][\"notes\"][number][\"toJSON\"]>,\n  \"durationTicks\" | \"midi\" | \"ticks\" | \"velocity\"\n>;\n\nexport type GridDivision = 1 | 2 | 4 | 8 | 16 | 32 | 64;\n\nexport type PianoRollProps = {\n  ppq: number;\n  notes: Note[];\n\n  gridDivision: GridDivision;\n  snapToGrid: boolean;\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};\n\nconst PianoRoll = (allProps: PianoRollProps & JSX.IntrinsicElements[\"div\"]) => {\n  const [contextProps, 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    \"gridDivision\",\n    \"snapToGrid\",\n  ]);\n\n  const [scrollContainer, setScrollContainer] = createSignal<HTMLDivElement>();\n  const [notesContainer, setNotesContainer] = createSignal<HTMLDivElement>();\n\n  return (\n    <PianoRollContextProvider\n      {...contextProps}\n      scrollContainer={scrollContainer()}\n      notesContainer={notesContainer()}\n    >\n      <div {...divProps} class={styles.PianoRoll}>\n        <div class={styles.PianoRollContainer}>\n          <PianoRollKeys />\n\n          <div class={styles.PianoRollInnerContainer}>\n            <PianoRollNotes ref={setNotesContainer} />\n            <PianoRollGrid />\n            <ScrollContainer ref={setScrollContainer} />\n          </div>\n\n          <VerticalZoomControl />\n        </div>\n\n        <HorizontalZoomControl />\n      </div>\n    </PianoRollContextProvider>\n  );\n};\n\nexport default PianoRoll;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","defaultRect","left","width","top","height","bottom","right","x","y","useBoundingClientRect","containerRef","boundingClientRect","setBoundingClientRect","createSignal","createEffect","container","updateBoundingClientRect","getBoundingClientRect","resizeObserver","ResizeObserver","observe","disconnect","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","PianoRollContext","createContext","undefined","PianoRollContextProvider","props","noteDragMode","setNoteDragMode","isDragging","setIsDragging","_ownProps","contextProps","splitProps","clientRect","scrollContainer","horizontalViewPort","duration","verticalViewPort","verticalPosition","verticalZoom","getContextValue","onIsDraggingChange","onNoteDragModeChange","contextValue","setContextValue","createStore","_$createComponent","children","usePianoRollContext","context","useContext","Error","HorizontalZoomControl","_tmpl$","event","onZoomChange","currentTarget","valueAsNumber","_$effect","_$delegateEvents","PianoRollKeys","_$insert","keys","key","virtualDimensions","number","styles","name","isBlack","blackKeys","includes","_$className","_$setAttribute","keyNames","Array","from","map","_","index","floor","PianoRollNotes","gridDivisionTicks","ppq","gridDivision","snapValueToGridIfEnabled","altKey","snapToGrid","round","notes","note","horizontalVirtualDimensions","midi","verticalVirtualDimensions","ticks","durationTicks","_$memo","_tmpl$2","initialPosition","clientX","diffPosition","handleMouseMove","mouseMoveEvent","onNoteChange","clientY","handleMouseUp","window","removeEventListener","addEventListener","relativeX","noteStartX","noteEndX","velocity","ScrollContainer","scrollContentRef","forwardEventToNote","touches","elementUnderMouse","notesContainer","querySelectorAll","find","element","rect","dispatchEvent","MouseEvent","handleScroll","preventDefault","didUpdateScroll","maxVerticalPosition","maxPosition","scrollTop","scrollLeft","scrollWidth","scrollHeight","scrollTopAmount","scrollLeftAmount","onVerticalPositionChange","onPositionChange","parentElement","scrollDivHeight","scrollDivWidth","scrollTo","_$use","_$style","flex","cursor","overflow","VerticalZoomControl","onVerticalZoomChange","_$spread","_$mergeProps","orient","PianoRollGrid","gridArray","numberOfLines","tick","visibleDimensions","gridline","PianoRoll","allProps","divProps","setScrollContainer","setNotesContainer","PianoRollContainer","PianoRollInnerContainer"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js","../../src/useBoundingClientRect.ts","../../src/helpers.ts","../../src/useViewPortScaler.ts","../../src/PianoRollContext.tsx","../../src/HorizontalZoomControl.tsx","../../src/PianoRollKeys.tsx","../../src/PianoRollNotes.tsx","../../src/ScrollContainer.tsx","../../src/VerticalZoomControl.tsx","../../src/PianoRollGrid.tsx","../../src/PianoRoll.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { Accessor, createEffect, createSignal, onCleanup, onMount } from \"solid-js\";\n\nexport type ClientRect = Omit<DOMRect, \"toJSON\">;\n\nconst defaultRect: ClientRect = {\n  left: 0,\n  width: 0,\n  top: 0,\n  height: 0,\n  bottom: 0,\n  right: 0,\n  x: 0,\n  y: 0,\n};\n\nexport default function useBoundingClientRect(containerRef: Accessor<HTMLElement | undefined>) {\n  const [boundingClientRect, setBoundingClientRect] = createSignal<ClientRect>(defaultRect);\n\n  createEffect(() => {\n    const container = containerRef();\n    if (!container) return;\n\n    const updateBoundingClientRect = () => {\n      setBoundingClientRect(container.getBoundingClientRect() ?? defaultRect);\n    };\n\n    const resizeObserver = new ResizeObserver(updateBoundingClientRect);\n    resizeObserver.observe(container);\n\n    updateBoundingClientRect();\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  });\n\n  return boundingClientRect;\n}\n","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 type ViewPortScaler = ReturnType<typeof useViewPortScaler>;\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 {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  JSX,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\n\nimport { PianoRollProps } from \"./PianoRoll\";\nimport useBoundingClientRect, { ClientRect } from \"./useBoundingClientRect\";\nimport useViewPortScaler, { ViewPortScaler } from \"./useViewPortScaler\";\n\nexport type NoteDragMode = \"trimStart\" | \"move\" | \"trimEnd\" | undefined;\ntype PianoRollContext = {\n  horizontalViewPort: ViewPortScaler;\n  verticalViewPort: ViewPortScaler;\n  clientRect: ClientRect;\n\n  notesContainer?: HTMLDivElement;\n\n  isDragging: boolean;\n  onIsDraggingChange: (isDragging: boolean) => void;\n\n  noteDragMode: NoteDragMode;\n  onNoteDragModeChange: (isDragging: NoteDragMode) => void;\n} & PianoRollProps;\n\nconst PianoRollContext = createContext<PianoRollContext>(undefined!);\n\nexport const PianoRollContextProvider = (\n  props: {\n    scrollContainer?: HTMLDivElement;\n    notesContainer?: HTMLDivElement;\n\n    children: JSX.Element;\n  } & PianoRollProps,\n) => {\n  const [noteDragMode, setNoteDragMode] = createSignal<NoteDragMode>();\n  const [isDragging, setIsDragging] = createSignal(false);\n\n  const [_ownProps, contextProps] = splitProps(props, [\"children\", \"scrollContainer\"]);\n  const clientRect = useBoundingClientRect(() => props.scrollContainer);\n\n  const horizontalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().left,\n    viewPortSize: clientRect().width,\n\n    virtualPosition: props.position,\n    virtualRange: props.duration,\n    zoom: props.zoom,\n  }));\n\n  const verticalViewPort = useViewPortScaler(() => ({\n    viewPortOffset: clientRect().top,\n    viewPortSize: clientRect().height,\n\n    virtualPosition: props.verticalPosition,\n    zoom: props.verticalZoom,\n\n    virtualRange: 128,\n  }));\n\n  const getContextValue = () => {\n    return {\n      ...contextProps,\n      horizontalViewPort,\n      verticalViewPort,\n      clientRect: clientRect(),\n\n      isDragging: isDragging(),\n      onIsDraggingChange: setIsDragging,\n\n      noteDragMode: noteDragMode(),\n      onNoteDragModeChange: setNoteDragMode,\n    };\n  };\n\n  const [contextValue, setContextValue] = createStore<PianoRollContext>(getContextValue());\n\n  createEffect(() => {\n    setContextValue(getContextValue());\n  });\n\n  return (\n    <PianoRollContext.Provider value={contextValue}>{props.children}</PianoRollContext.Provider>\n  );\n};\n\nexport const usePianoRollContext = () => {\n  const context = useContext(PianoRollContext);\n\n  if (!context) throw new Error(\"No PianoRollContext found\");\n\n  return context;\n};\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst HorizontalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.zoom}\n      onInput={(event) => context.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  );\n};\n\nexport default HorizontalZoomControl;\n","import styles from \"./PianoRollKeys.module.css\";\nimport { createMemo, Index, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollKeys = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <div class={styles.PianoRollKeys}>\n      <Index each={keys}>\n        {(key) => {\n          const virtualDimensions = createMemo(() =>\n            context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n          );\n\n          return (\n            <Show when={virtualDimensions().size > 0}>\n              <div\n                class={styles[\"PianoRollKeys-Key\"]}\n                title={key().name}\n                data-index={key().number % 12}\n                style={{\n                  top: `${virtualDimensions().offset}px`,\n                  height: `${virtualDimensions().size}px`,\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                }}\n              ></div>\n            </Show>\n          );\n        }}\n      </Index>\n    </div>\n  );\n};\n\nexport const blackKeys = [1, 3, 6, 8, 10];\nexport const keyNames = [\"C\", \"C#\", \"D\", \"D#\", \"E\", \"F\", \"F#\", \"G\", \"G#\", \"A\", \"A#\", \"B\"];\nexport const 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 PianoRollKeys;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst PianoRollNotes = (props: { ref: Ref<HTMLDivElement | undefined> }) => {\n  const context = usePianoRollContext();\n\n  const gridDivisionTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);\n\n  const snapValueToGridIfEnabled = (value: number, altKey: boolean) =>\n    context.snapToGrid && !altKey\n      ? Math.round(value / gridDivisionTicks()) * gridDivisionTicks()\n      : value;\n\n  return (\n    <div\n      class=\"PianoRoll-Notes-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Notes\"\n        ref={props.ref}\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={context.notes}>\n          {(note, index) => {\n            const horizontalVirtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - note().midi, 1),\n            );\n\n            const verticalVirtualDimensions = createMemo(() =>\n              context.horizontalViewPort.getVirtualDimensions(note().ticks, note().durationTicks),\n            );\n\n            return (\n              <Show\n                when={!!horizontalVirtualDimensions().size && !!verticalVirtualDimensions().size}\n              >\n                <div\n                  class=\"PianoRoll-Note\"\n                  onMouseMove={(event) => {\n                    if (context.isDragging) return;\n\n                    const relativeX = context.horizontalViewPort.getScaledValue(\n                      context.horizontalViewPort.getPosition(event.clientX),\n                    );\n                    const noteStartX = context.horizontalViewPort.getScaledValue(note().ticks);\n                    const noteEndX = context.horizontalViewPort.getScaledValue(\n                      note().ticks + note().durationTicks,\n                    );\n\n                    context.onNoteDragModeChange(\n                      relativeX - noteStartX < 3\n                        ? \"trimStart\"\n                        : noteEndX - relativeX < 3\n                        ? \"trimEnd\"\n                        : \"move\",\n                    );\n                  }}\n                  onMouseDown={(event) => {\n                    context.onIsDraggingChange(true);\n                    const initialPosition = context.horizontalViewPort.getPosition(event.clientX);\n                    const diffPosition = initialPosition - note().ticks;\n\n                    const handleMouseMove = (mouseMoveEvent: MouseEvent) => {\n                      const ticks = snapValueToGridIfEnabled(\n                        Math.max(\n                          context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                            diffPosition,\n                          0,\n                        ),\n                        mouseMoveEvent.altKey,\n                      );\n\n                      context.onNoteChange?.(index, {\n                        ...note(),\n                        ...(context.noteDragMode === \"move\" && {\n                          midi: Math.round(\n                            127 - context.verticalViewPort.getPosition(mouseMoveEvent.clientY),\n                          ),\n                        }),\n                        ...((context.noteDragMode === \"move\" ||\n                          context.noteDragMode === \"trimStart\") && {\n                          ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimStart\" && {\n                          durationTicks: note().durationTicks + note().ticks - ticks,\n                        }),\n                        ...(context.noteDragMode === \"trimEnd\" && {\n                          durationTicks: snapValueToGridIfEnabled(\n                            context.horizontalViewPort.getPosition(mouseMoveEvent.clientX) -\n                              note().ticks,\n                            mouseMoveEvent.altKey,\n                          ),\n                        }),\n                      });\n                    };\n                    const handleMouseUp = () => {\n                      context.onIsDraggingChange(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\": 2,\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\": `rgba(255,0,0, ${(128 + note().velocity) / 256})`,\n                    \"border-color\": \"#a00\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollNotes;\n","import { createEffect, Ref } from \"solid-js\";\nimport { clamp } from \"./helpers\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\n\nconst ScrollContainer = (props: { ref: Ref<HTMLDivElement> }) => {\n  let scrollContentRef: HTMLDivElement | undefined;\n  const context = usePianoRollContext();\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 = [...(context.notesContainer?.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  const handleScroll = (event: UIEvent & { currentTarget: Element }) => {\n    event.preventDefault();\n\n    if (didUpdateScroll) {\n      didUpdateScroll = false;\n      return;\n    }\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const { width, height } = context.clientRect;\n    const { scrollTop, scrollLeft, scrollWidth, scrollHeight } = event.currentTarget;\n\n    const scrollTopAmount = scrollTop / (scrollHeight - height);\n    const scrollLeftAmount = scrollLeft / (scrollWidth - width);\n\n    context.onVerticalPositionChange?.(maxVerticalPosition * scrollTopAmount);\n    context.onPositionChange?.(maxPosition * scrollLeftAmount);\n  };\n\n  let didUpdateScroll = false;\n\n  createEffect(() => {\n    const maxVerticalPosition = 128 - 128 / context.verticalZoom;\n    const maxPosition = context.duration - context.duration / context.zoom;\n\n    const scrollTopAmount =\n      maxVerticalPosition > 0 ? context.verticalPosition / maxVerticalPosition : 0;\n    const scrollLeftAmount = maxPosition > 0 ? context.position / maxPosition : 0;\n\n    const { height, width } = context.clientRect;\n\n    if (!scrollContentRef?.parentElement) return;\n\n    const scrollDivHeight = clamp(context.verticalZoom * height, height, 10000);\n    const scrollTop = scrollTopAmount * (scrollDivHeight - height);\n\n    const scrollDivWidth = clamp(context.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  return (\n    <div\n      ref={props.ref}\n      class=\"PianoRoll-Vertical-Scroller\"\n      style={{\n        flex: 1,\n        ...(context.noteDragMode && {\n          cursor:\n            context.noteDragMode === \"trimStart\"\n              ? \"w-resize\"\n              : context.noteDragMode === \"trimEnd\"\n              ? \"e-resize\"\n              : \"pointer\",\n        }),\n        //\"box-sizing\": \"border-box\",\n        \"z-index\": 4,\n        overflow: \"scroll\",\n        \"pointer-events\": \"auto\",\n      }}\n      onScroll={handleScroll}\n      onMouseDown={forwardEventToNote}\n      onMouseMove={(event) => {\n        if (forwardEventToNote(event)) return;\n        if (context.isDragging) return;\n        context.onNoteDragModeChange(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  );\n};\n\nexport default ScrollContainer;\n","import { usePianoRollContext } from \"./PianoRollContext\";\n\nconst VerticalZoomControl = () => {\n  const context = usePianoRollContext();\n\n  return (\n    <input\n      value={context.verticalZoom}\n      onInput={(event) => context.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  );\n};\n\nexport default VerticalZoomControl;\n","import { createEffect, createMemo, Index, Ref, Show } from \"solid-js\";\nimport { usePianoRollContext } from \"./PianoRollContext\";\nimport { blackKeys, keys } from \"./PianoRollKeys\";\n\nconst PianoRollGrid = () => {\n  const context = usePianoRollContext();\n\n  const gridDivisorTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);\n  const gridArray = createMemo(() => {\n    const numberOfLines = context.duration / gridDivisorTicks();\n    return Array.from({ length: numberOfLines }).map((_, index) => index * gridDivisorTicks());\n  });\n\n  return (\n    <div\n      class=\"PianoRoll-Grid-Container\"\n      style={{\n        position: \"absolute\",\n        width: `${context.clientRect.width}px`,\n        height: `${context.clientRect.height}px`,\n      }}\n    >\n      <div\n        class=\"PianoRoll-Grid\"\n        style={{\n          position: \"relative\",\n          width: `${context.clientRect.width}px`,\n          height: \"100%\",\n        }}\n      >\n        <Index each={gridArray()}>\n          {(tick, index) => {\n            const virtualDimensions = createMemo(() =>\n              context.horizontalViewPort.getVirtualDimensions(tick(), gridDivisorTicks()),\n            );\n\n            return (\n              <Show when={virtualDimensions().size > 0}>\n                <div\n                  class=\"PianoRoll-Grid-Time\"\n                  style={{\n                    \"z-index\": 1,\n                    position: \"absolute\",\n                    \"box-sizing\": \"border-box\",\n                    background: index % 4 === 0 ? \"#ccc\" : \"#ddd\",\n                    top: `0px`,\n                    height: `100%`,\n                    left: `${virtualDimensions().offset}px`,\n                    width: `${virtualDimensions().size}px`,\n                    \"border-left\": \"1px gray solid\",\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n        <Index each={keys}>\n          {(key) => {\n            const virtualDimensions = createMemo(() =>\n              context.verticalViewPort.getVirtualDimensions(127 - key().number, 1),\n            );\n\n            return (\n              <Show when={virtualDimensions().size > 0}>\n                <div\n                  class=\"PianoRoll-Grid-Key\"\n                  style={{\n                    position: \"absolute\",\n                    top: `${virtualDimensions().offset}px`,\n                    height: `${virtualDimensions().size}px`,\n                    width: \"100%\",\n                    \"background-color\": key().isBlack ? \"rgba(0,0,0,0.2)\" : \"none\",\n                    \"border-style\": \"solid\",\n                    \"border-color\": \"gray\",\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                    \"z-index\": 1,\n                  }}\n                ></div>\n              </Show>\n            );\n          }}\n        </Index>\n      </div>\n    </div>\n  );\n};\n\nexport default PianoRollGrid;\n","import styles from \"./PianoRoll.module.css\";\nimport { Midi } from \"@tonejs/midi\";\n\nimport { JSX, splitProps, createSignal } from \"solid-js\";\nimport HorizontalZoomControl from \"./HorizontalZoomControl\";\n\nimport { PianoRollContextProvider } from \"./PianoRollContext\";\nimport PianoRollKeys from \"./PianoRollKeys\";\nimport PianoRollNotes from \"./PianoRollNotes\";\nimport ScrollContainer from \"./ScrollContainer\";\nimport VerticalZoomControl from \"./VerticalZoomControl\";\nimport PianoRollGrid from \"./PianoRollGrid\";\n\ntype Note = Pick<\n  ReturnType<Midi[\"tracks\"][number][\"notes\"][number][\"toJSON\"]>,\n  \"durationTicks\" | \"midi\" | \"ticks\" | \"velocity\"\n>;\n\nexport type GridDivision = 1 | 2 | 4 | 8 | 16 | 32 | 64;\n\nexport type PianoRollProps = {\n  ppq: number;\n  notes: Note[];\n\n  gridDivision: GridDivision;\n  snapToGrid: boolean;\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};\n\nconst PianoRoll = (allProps: PianoRollProps & JSX.IntrinsicElements[\"div\"]) => {\n  const [contextProps, 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    \"gridDivision\",\n    \"snapToGrid\",\n  ]);\n\n  const [scrollContainer, setScrollContainer] = createSignal<HTMLDivElement>();\n  const [notesContainer, setNotesContainer] = createSignal<HTMLDivElement>();\n\n  return (\n    <PianoRollContextProvider\n      {...contextProps}\n      scrollContainer={scrollContainer()}\n      notesContainer={notesContainer()}\n    >\n      <div {...divProps} class={styles.PianoRoll}>\n        <div class={styles.PianoRollContainer}>\n          <PianoRollKeys />\n\n          <div class={styles.PianoRollInnerContainer}>\n            <PianoRollNotes ref={setNotesContainer} />\n            <PianoRollGrid />\n            <ScrollContainer ref={setScrollContainer} />\n          </div>\n\n          <VerticalZoomControl />\n        </div>\n\n        <HorizontalZoomControl />\n      </div>\n    </PianoRollContextProvider>\n  );\n};\n\nexport default PianoRoll;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","defaultRect","left","width","top","height","bottom","right","x","y","useBoundingClientRect","containerRef","boundingClientRect","setBoundingClientRect","createSignal","createEffect","container","updateBoundingClientRect","getBoundingClientRect","resizeObserver","ResizeObserver","observe","disconnect","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","PianoRollContext","createContext","undefined","PianoRollContextProvider","props","noteDragMode","setNoteDragMode","isDragging","setIsDragging","_ownProps","contextProps","splitProps","clientRect","scrollContainer","horizontalViewPort","duration","verticalViewPort","verticalPosition","verticalZoom","getContextValue","onIsDraggingChange","onNoteDragModeChange","contextValue","setContextValue","createStore","_$createComponent","children","usePianoRollContext","context","useContext","Error","HorizontalZoomControl","_tmpl$","event","onZoomChange","currentTarget","valueAsNumber","_$effect","_$delegateEvents","PianoRollKeys","_$insert","keys","key","virtualDimensions","number","styles","name","isBlack","blackKeys","includes","_$className","_$setAttribute","keyNames","Array","from","map","_","index","floor","PianoRollNotes","gridDivisionTicks","ppq","gridDivision","snapValueToGridIfEnabled","altKey","snapToGrid","round","notes","note","horizontalVirtualDimensions","midi","verticalVirtualDimensions","ticks","durationTicks","_$memo","_tmpl$2","initialPosition","clientX","diffPosition","handleMouseMove","mouseMoveEvent","onNoteChange","clientY","handleMouseUp","window","removeEventListener","addEventListener","relativeX","noteStartX","noteEndX","velocity","ScrollContainer","scrollContentRef","forwardEventToNote","touches","elementUnderMouse","notesContainer","querySelectorAll","find","element","rect","dispatchEvent","MouseEvent","handleScroll","preventDefault","didUpdateScroll","maxVerticalPosition","maxPosition","scrollTop","scrollLeft","scrollWidth","scrollHeight","scrollTopAmount","scrollLeftAmount","onVerticalPositionChange","onPositionChange","parentElement","scrollDivHeight","scrollDivWidth","scrollTo","_$use","_$style","flex","cursor","overflow","VerticalZoomControl","onVerticalZoomChange","_$spread","_$mergeProps","orient","PianoRollGrid","gridDivisorTicks","gridArray","numberOfLines","tick","PianoRoll","allProps","divProps","setScrollContainer","setNotesContainer","PianoRollContainer","PianoRollInnerContainer"],"mappings":";;;;AAAA,SAASA,WAAW,CAACC,GAAG,EAAEC,GAAG,EAAE;EAC7B,IAAKA,GAAG,KAAK,KAAK,CAAC,EAAGA,GAAG,GAAG,EAAE,CAAA;AAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ,CAAA;AAE3B,EAAA,IAAI,CAACF,GAAG,IAAI,OAAOG,QAAQ,KAAK,WAAW,EAAE;AAAE,IAAA,OAAA;AAAQ,GAAA;AAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC,CAAA;EAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU,CAAA;EAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;MACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC,CAAA;AAC3C,KAAC,MAAM;AACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC,CAAA;AACzB,KAAA;AACF,GAAC,MAAM;AACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC,CAAA;AACzB,GAAA;EAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;AACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG,CAAA;AAChC,GAAC,MAAM;IACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC,CAAA;AACjD,GAAA;AACF;;;;;;ACrBA,MAAMe,WAAuB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,CAAC;AACPC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,GAAG,EAAE,CAAC;AACNC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAA;AACL,CAAC,CAAA;AAEc,SAASC,qBAAqB,CAACC,YAA+C,EAAE;EAC7F,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGC,YAAY,CAAab,WAAW,CAAC,CAAA;AAEzFc,EAAAA,YAAY,CAAC,MAAM;IACjB,MAAMC,SAAS,GAAGL,YAAY,EAAE,CAAA;IAChC,IAAI,CAACK,SAAS,EAAE,OAAA;IAEhB,MAAMC,wBAAwB,GAAG,MAAM;AACrCJ,MAAAA,qBAAqB,CAACG,SAAS,CAACE,qBAAqB,EAAE,IAAIjB,WAAW,CAAC,CAAA;KACxE,CAAA;AAED,IAAA,MAAMkB,cAAc,GAAG,IAAIC,cAAc,CAACH,wBAAwB,CAAC,CAAA;AACnEE,IAAAA,cAAc,CAACE,OAAO,CAACL,SAAS,CAAC,CAAA;AAEjCC,IAAAA,wBAAwB,EAAE,CAAA;AAE1B,IAAA,OAAO,MAAM;MACXE,cAAc,CAACG,UAAU,EAAE,CAAA;KAC5B,CAAA;AACH,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOV,kBAAkB,CAAA;AAC3B;;ACrCO,MAAMW,KAAK,GAAG,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAK;AAChE,EAAA,OAAOC,IAAI,CAACD,GAAG,CAACD,GAAG,EAAEE,IAAI,CAACF,GAAG,CAACC,GAAG,EAAEF,KAAK,CAAC,CAAC,CAAA;AAC5C,CAAC;;ACGc,SAASI,iBAAiB,CACvCC,QAQC,EACD;AACA,EAAA,MAAMC,KAAK,GAAGC,UAAU,CAAC,MAAMF,QAAQ,EAAE,CAAC,CAAA;EAE1C,SAASG,cAAc,CAACC,QAAgB,EAAE;IACxC,MAAMC,WAAW,GAAGJ,KAAK,EAAE,CAACK,YAAY,GAAGL,KAAK,EAAE,CAACM,IAAI,CAAA;AACvD,IAAA,OAAQH,QAAQ,GAAGH,KAAK,EAAE,CAACO,YAAY,GAAIH,WAAW,CAAA;AACxD,GAAA;EAEA,SAASI,cAAc,CAACL,QAAgB,EAAE;IACxC,OAAOD,cAAc,CAACC,QAAQ,CAAC,GAAGD,cAAc,CAACF,KAAK,EAAE,CAACS,eAAe,CAAC,CAAA;AAC3E,GAAA;EAEA,SAASC,WAAW,CAACC,MAAc,EAAE;IACnC,MAAMC,eAAe,GAAGZ,KAAK,EAAE,CAACO,YAAY,GAAGP,KAAK,EAAE,CAACM,IAAI,CAAA;AAC3D,IAAA,MAAMO,QAAQ,GAAG,CAACF,MAAM,GAAGX,KAAK,EAAE,CAACc,cAAc,IAAId,KAAK,EAAE,CAACK,YAAY,CAAA;IACzE,MAAMF,QAAQ,GAAGH,KAAK,EAAE,CAACS,eAAe,GAAGI,QAAQ,GAAGD,eAAe,CAAA;AAErE,IAAA,OAAOT,QAAQ,CAAA;AACjB,GAAA;AAEA,EAAA,SAASY,oBAAoB,CAACZ,QAAgB,EAAEa,MAAc,EAAE;AAC9D,IAAA,MAAMC,WAAW,GAAGT,cAAc,CAACL,QAAQ,CAAC,CAAA;AAC5C,IAAA,MAAMe,YAAY,GAAGhB,cAAc,CAACc,MAAM,CAAC,CAAA;AAE3C,IAAA,MAAML,MAAM,GAAGlB,KAAK,CAACwB,WAAW,EAAE,CAAC,EAAEjB,KAAK,EAAE,CAACK,YAAY,CAAC,CAAA;AAC1D,IAAA,MAAMc,IAAI,GAAG1B,KAAK,CAACyB,YAAY,IAAIP,MAAM,GAAGM,WAAW,CAAC,EAAE,CAAC,EAAEjB,KAAK,EAAE,CAACK,YAAY,GAAGM,MAAM,CAAC,CAAA;IAE3F,OAAO;MAAEA,MAAM;AAAEQ,MAAAA,IAAAA;KAAM,CAAA;AACzB,GAAA;EAEA,OAAO;IACLjB,cAAc;IACdM,cAAc;IACdE,WAAW;AACXK,IAAAA,oBAAAA;GACD,CAAA;AACH;;ACrBA,MAAMK,gBAAgB,GAAGC,aAAa,CAAmBC,SAAS,CAAE,CAAA;AAE7D,MAAMC,wBAAwB,GACnCC,KAKkB,IACf;AACH,EAAA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG1C,YAAY,EAAgB,CAAA;EACpE,MAAM,CAAC2C,UAAU,EAAEC,aAAa,CAAC,GAAG5C,YAAY,CAAC,KAAK,CAAC,CAAA;AAEvD,EAAA,MAAM,CAAC6C,SAAS,EAAEC,YAAY,CAAC,GAAGC,UAAU,CAACP,KAAK,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAA;EACpF,MAAMQ,UAAU,GAAGpD,qBAAqB,CAAC,MAAM4C,KAAK,CAACS,eAAe,CAAC,CAAA;AAErE,EAAA,MAAMC,kBAAkB,GAAGpC,iBAAiB,CAAC,OAAO;AAClDgB,IAAAA,cAAc,EAAEkB,UAAU,EAAE,CAAC5D,IAAI;AACjCiC,IAAAA,YAAY,EAAE2B,UAAU,EAAE,CAAC3D,KAAK;IAEhCoC,eAAe,EAAEe,KAAK,CAACrB,QAAQ;IAC/BI,YAAY,EAAEiB,KAAK,CAACW,QAAQ;IAC5B7B,IAAI,EAAEkB,KAAK,CAAClB,IAAAA;AACd,GAAC,CAAC,CAAC,CAAA;AAEH,EAAA,MAAM8B,gBAAgB,GAAGtC,iBAAiB,CAAC,OAAO;AAChDgB,IAAAA,cAAc,EAAEkB,UAAU,EAAE,CAAC1D,GAAG;AAChC+B,IAAAA,YAAY,EAAE2B,UAAU,EAAE,CAACzD,MAAM;IAEjCkC,eAAe,EAAEe,KAAK,CAACa,gBAAgB;IACvC/B,IAAI,EAAEkB,KAAK,CAACc,YAAY;AAExB/B,IAAAA,YAAY,EAAE,GAAA;AAChB,GAAC,CAAC,CAAC,CAAA;EAEH,MAAMgC,eAAe,GAAG,MAAM;IAC5B,OAAO;AACL,MAAA,GAAGT,YAAY;MACfI,kBAAkB;MAClBE,gBAAgB;MAChBJ,UAAU,EAAEA,UAAU,EAAE;MAExBL,UAAU,EAAEA,UAAU,EAAE;AACxBa,MAAAA,kBAAkB,EAAEZ,aAAa;MAEjCH,YAAY,EAAEA,YAAY,EAAE;AAC5BgB,MAAAA,oBAAoB,EAAEf,eAAAA;KACvB,CAAA;GACF,CAAA;EAED,MAAM,CAACgB,YAAY,EAAEC,eAAe,CAAC,GAAGC,WAAW,CAAmBL,eAAe,EAAE,CAAC,CAAA;AAExFtD,EAAAA,YAAY,CAAC,MAAM;IACjB0D,eAAe,CAACJ,eAAe,EAAE,CAAC,CAAA;AACpC,GAAC,CAAC,CAAA;EAEF,OACGM,eAAA,CAAA,gBAAgB,CAAC,QAAQ,EAAA;AAAC,IAAA,KAAK,EAAEH,YAAY;AAAA,IAAA,IAAA,QAAA,GAAA;MAAA,OAAGlB,KAAK,CAACsB,QAAQ,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA;AAEnE,CAAC,CAAA;AAEM,MAAMC,mBAAmB,GAAG,MAAM;AACvC,EAAA,MAAMC,OAAO,GAAGC,UAAU,CAAC7B,gBAAgB,CAAC,CAAA;EAE5C,IAAI,CAAC4B,OAAO,EAAE,MAAM,IAAIE,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAE1D,EAAA,OAAOF,OAAO,CAAA;AAChB,CAAC;;;AC/FD,MAAMG,qBAAqB,GAAG,MAAM;EAClC,MAAMH,OAAO,GAAGD,mBAAmB,EAAE,CAAA;AAErC,EAAA,OAAA,CAAA,MAAA;AAAA,IAAA,MAAA,IAAA,GAAAK,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;IAAA,IAGcC,CAAAA,OAAAA,GAAAA,KAAK,IAAKL,OAAO,CAACM,YAAY,GAAGD,KAAK,CAACE,aAAa,CAACC,aAAa,CAAC,CAAA;AAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,aAAA,EAAA,MAAA,CAAA,CAAA;AAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,MAAA,CAAA,CAAA;IAAAC,MADtET,CAAAA,MAAAA,IAAAA,CAAAA,KAAAA,GAAAA,OAAO,CAAC1C,IAAI,CAAA,CAAA;AAAA,IAAA,OAAA,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AAYzB,CAAC,CAAA;AAEoCoD,cAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;ACjBrC,MAAMC,aAAa,GAAG,MAAM;EAC1B,MAAMX,OAAO,GAAGD,mBAAmB,EAAE,CAAA;AAErC,EAAA,OAAA,CAAA,MAAA;AAAA,IAAA,MAAA,IAAA,GAAAK,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,IAAAQ,MAAA,CAAA,IAAA,EAAAf,eAAA,CAEK,KAAK,EAAA;AAAC,MAAA,IAAI,EAAEgB,IAAI;AAAA,MAAA,QAAA,EACbC,GAAG,IAAK;QACR,MAAMC,iBAAiB,GAAG9D,UAAU,CAAC,MACnC+C,OAAO,CAACZ,gBAAgB,CAACrB,oBAAoB,CAAC,GAAG,GAAG+C,GAAG,EAAE,CAACE,MAAM,EAAE,CAAC,CAAC,CACrE,CAAA;AAED,QAAA,OAAAnB,eAAA,CACG,IAAI,EAAA;AAAA,UAAA,IAAC,IAAI,GAAA;AAAA,YAAA,OAAEkB,iBAAiB,EAAE,CAAC5C,IAAI,GAAG,CAAC,CAAA;AAAA,WAAA;AAAA,UAAA,IAAA,QAAA,GAAA;AAAA,YAAA,MAAA,KAAA,GAAAiC,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,YAAAK,MAAA,CAAA,GAAA,IAAA;cAAA,MAE7BQ,GAAAA,GAAAA,MAAM,CAAC,mBAAmB,CAAC;gBAAA,IAC3BH,GAAAA,GAAG,EAAE,CAACI,IAAI;AAAA,gBAAA,IAAA,GACLJ,GAAG,EAAE,CAACE,MAAM,GAAG,EAAE;AAAA,gBAAA,IAAA,GAErB,CAAED,EAAAA,iBAAiB,EAAE,CAACpD,MAAO,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GAC7B,CAAEoD,EAAAA,iBAAiB,EAAE,CAAC5C,IAAK,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GACnB2C,GAAG,EAAE,CAACK,OAAO,GAAG,MAAM,GAAG,MAAM;gBAAA,IAClC,GAAA,CAAA,EACf,CAACL,GAAG,EAAE,CAACK,OAAO,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,CAACP,GAAG,EAAE,CAACE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,CAC5E,QACC,CAACF,GAAG,EAAE,CAACK,OAAO,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,CAACP,GAAG,EAAE,CAACE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,CAC5E,CAAG,EAAA,CAAA,CAAA;AAAA,cAAA,GAAA,KAAA,GAAA,CAAA,GAAA,IAAAM,SAAA,CAAA,KAAA,EAAA,GAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAAC,YAAA,CAAA,KAAA,EAAA,OAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAAA,YAAA,CAAA,KAAA,EAAA,YAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,KAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,kBAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,OAAA,GAAA,CAAA;AAAA,aAAA,EAAA;AAAA,cAAA,GAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,aAAA,CAAA,CAAA;AAAA,YAAA,OAAA,KAAA,CAAA;AAAA,WAAA;AAAA,SAAA,CAAA,CAAA;AAKd,OAAA;AAAC,KAAA,CAAA,CAAA,CAAA;IAAAd,MA1BOQ,CAAAA,MAAAA,SAAAA,CAAAA,IAAAA,EAAAA,MAAM,CAACN,aAAa,CAAA,CAAA,CAAA;AAAA,IAAA,OAAA,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AA8BpC,CAAC,CAAA;AAEM,MAAMS,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AAClC,MAAMI,QAAQ,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;AAClF,MAAMX,IAAI,GAAGY,KAAK,CAACC,IAAI,CAAC;AAAE1D,EAAAA,MAAM,EAAE,GAAA;AAAI,CAAC,CAAC,CAAC2D,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,MAAM;AACjEb,EAAAA,MAAM,EAAEa,KAAK;AACbX,EAAAA,IAAI,EAAG,CAAEM,EAAAA,QAAQ,CAACK,KAAK,GAAG,EAAE,CAAE,CAAA,CAAA,EAAGhF,IAAI,CAACiF,KAAK,CAACD,KAAK,GAAG,EAAE,CAAC,GAAG,CAAE,CAAC,CAAA;AAC7DV,EAAAA,OAAO,EAAEC,SAAS,CAACC,QAAQ,CAACQ,KAAK,GAAG,EAAE,CAAA;AACxC,CAAC,CAAC,CAAC;;;;AC3CH,MAAME,cAAc,GAAIvD,KAA+C,IAAK;EAC1E,MAAMwB,OAAO,GAAGD,mBAAmB,EAAE,CAAA;AAErC,EAAA,MAAMiC,iBAAiB,GAAG/E,UAAU,CAAC,MAAO+C,OAAO,CAACiC,GAAG,GAAG,CAAC,GAAIjC,OAAO,CAACkC,YAAY,CAAC,CAAA;EAEpF,MAAMC,wBAAwB,GAAG,CAACzF,KAAa,EAAE0F,MAAe,KAC9DpC,OAAO,CAACqC,UAAU,IAAI,CAACD,MAAM,GACzBvF,IAAI,CAACyF,KAAK,CAAC5F,KAAK,GAAGsF,iBAAiB,EAAE,CAAC,GAAGA,iBAAiB,EAAE,GAC7DtF,KAAK,CAAA;AAEX,EAAA,OAAA,CAAA,MAAA;AAAA,IAAA,MAAA,IAAA,GAAA0D,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA;AAAA,MAAA,KAAA,GAAA,IAAA,CAAA,UAAA,CAAA;AAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;IAAA,MAWW5B,KAAAA,GAAAA,KAAK,CAACnE,GAAG,CAAA;IAAA,OAATmE,KAAAA,KAAAA,UAAAA,GAAAA,GAAAA,CAAAA,KAAAA,EAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAACnE,GAAG,GAAA,KAAA,CAAA;AAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAAA,IAAAuG,MAAA,CAAA,KAAA,EAAAf,eAAA,CAOb,KAAK,EAAA;AAAA,MAAA,IAAC,IAAI,GAAA;QAAA,OAAEG,OAAO,CAACuC,KAAK,CAAA;AAAA,OAAA;AAAA,MAAA,QAAA,EACvB,CAACC,IAAI,EAAEX,KAAK,KAAK;QAChB,MAAMY,2BAA2B,GAAGxF,UAAU,CAAC,MAC7C+C,OAAO,CAACZ,gBAAgB,CAACrB,oBAAoB,CAAC,GAAG,GAAGyE,IAAI,EAAE,CAACE,IAAI,EAAE,CAAC,CAAC,CACpE,CAAA;QAED,MAAMC,yBAAyB,GAAG1F,UAAU,CAAC,MAC3C+C,OAAO,CAACd,kBAAkB,CAACnB,oBAAoB,CAACyE,IAAI,EAAE,CAACI,KAAK,EAAEJ,IAAI,EAAE,CAACK,aAAa,CAAC,CACpF,CAAA;AAED,QAAA,OAAAhD,eAAA,CACG,IAAI,EAAA;AAAA,UAAA,IACH,IAAI,GAAA;AAAA,YAAA,OAAEiD,IAAC,CAAA,MAAA,CAAA,CAAA,CAAA,CAACL,2BAA2B,EAAE,CAACtE,IAAI,CAAI,EAAA,IAAA,CAAC,CAACwE,yBAAyB,EAAE,CAACxE,IAAI,CAAA;AAAA,WAAA;AAAA,UAAA,IAAA,QAAA,GAAA;AAAA,YAAA,MAAA,KAAA,GAAA4E,SAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,WAAA,GAuBhE1C,KAAK,IAAK;AACtBL,cAAAA,OAAO,CAACR,kBAAkB,CAAC,IAAI,CAAC,CAAA;cAChC,MAAMwD,eAAe,GAAGhD,OAAO,CAACd,kBAAkB,CAACxB,WAAW,CAAC2C,KAAK,CAAC4C,OAAO,CAAC,CAAA;AAC7E,cAAA,MAAMC,YAAY,GAAGF,eAAe,GAAGR,IAAI,EAAE,CAACI,KAAK,CAAA;cAEnD,MAAMO,eAAe,GAAIC,cAA0B,IAAK;gBACtD,MAAMR,KAAK,GAAGT,wBAAwB,CACpCtF,IAAI,CAACD,GAAG,CACNoD,OAAO,CAACd,kBAAkB,CAACxB,WAAW,CAAC0F,cAAc,CAACH,OAAO,CAAC,GAC5DC,YAAY,EACd,CAAC,CACF,EACDE,cAAc,CAAChB,MAAM,CACtB,CAAA;AAEDpC,gBAAAA,OAAO,CAACqD,YAAY,GAAGxB,KAAK,EAAE;AAC5B,kBAAA,GAAGW,IAAI,EAAE;AACT,kBAAA,IAAIxC,OAAO,CAACvB,YAAY,KAAK,MAAM,IAAI;AACrCiE,oBAAAA,IAAI,EAAE7F,IAAI,CAACyF,KAAK,CACd,GAAG,GAAGtC,OAAO,CAACZ,gBAAgB,CAAC1B,WAAW,CAAC0F,cAAc,CAACE,OAAO,CAAC,CAAA;AAEtE,mBAAC,CAAC;AACF,kBAAA,IAAI,CAACtD,OAAO,CAACvB,YAAY,KAAK,MAAM,IAClCuB,OAAO,CAACvB,YAAY,KAAK,WAAW,KAAK;AACzCmE,oBAAAA,KAAAA;AACF,mBAAC,CAAC;AACF,kBAAA,IAAI5C,OAAO,CAACvB,YAAY,KAAK,WAAW,IAAI;oBAC1CoE,aAAa,EAAEL,IAAI,EAAE,CAACK,aAAa,GAAGL,IAAI,EAAE,CAACI,KAAK,GAAGA,KAAAA;AACvD,mBAAC,CAAC;AACF,kBAAA,IAAI5C,OAAO,CAACvB,YAAY,KAAK,SAAS,IAAI;oBACxCoE,aAAa,EAAEV,wBAAwB,CACrCnC,OAAO,CAACd,kBAAkB,CAACxB,WAAW,CAAC0F,cAAc,CAACH,OAAO,CAAC,GAC5DT,IAAI,EAAE,CAACI,KAAK,EACdQ,cAAc,CAAChB,MAAM,CAAA;mBAExB,CAAA;AACH,iBAAC,CAAC,CAAA;eACH,CAAA;cACD,MAAMmB,aAAa,GAAG,MAAM;AAC1BvD,gBAAAA,OAAO,CAACR,kBAAkB,CAAC,KAAK,CAAC,CAAA;AACjCgE,gBAAAA,MAAM,CAACC,mBAAmB,CAAC,WAAW,EAAEN,eAAe,CAAC,CAAA;AACxDK,gBAAAA,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAEF,aAAa,CAAC,CAAA;eACrD,CAAA;AACDC,cAAAA,MAAM,CAACE,gBAAgB,CAAC,WAAW,EAAEP,eAAe,CAAC,CAAA;AACrDK,cAAAA,MAAM,CAACE,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;aAClD,CAAA;AAAA,YAAA,KAAA,CAAA,WAAA,GAhEalD,KAAK,IAAK;cACtB,IAAIL,OAAO,CAACrB,UAAU,EAAE,OAAA;AAExB,cAAA,MAAMgF,SAAS,GAAG3D,OAAO,CAACd,kBAAkB,CAAChC,cAAc,CACzD8C,OAAO,CAACd,kBAAkB,CAACxB,WAAW,CAAC2C,KAAK,CAAC4C,OAAO,CAAC,CACtD,CAAA;AACD,cAAA,MAAMW,UAAU,GAAG5D,OAAO,CAACd,kBAAkB,CAAChC,cAAc,CAACsF,IAAI,EAAE,CAACI,KAAK,CAAC,CAAA;AAC1E,cAAA,MAAMiB,QAAQ,GAAG7D,OAAO,CAACd,kBAAkB,CAAChC,cAAc,CACxDsF,IAAI,EAAE,CAACI,KAAK,GAAGJ,IAAI,EAAE,CAACK,aAAa,CACpC,CAAA;cAED7C,OAAO,CAACP,oBAAoB,CAC1BkE,SAAS,GAAGC,UAAU,GAAG,CAAC,GACtB,WAAW,GACXC,QAAQ,GAAGF,SAAS,GAAG,CAAC,GACxB,SAAS,GACT,MAAM,CACX,CAAA;aACF,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,SAAA,EAAA,GAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,YAAA,EAAA,YAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,OAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,OAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,MAAA,CAAA,CAAA;AAAA,YAAAlD,MAAA,CAAA,GAAA,IAAA;AAAA,cAAA,MAAA,IAAA,GAmDO,CAAEgC,EAAAA,2BAA2B,EAAE,CAAC9E,MAAO,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GACvC,CAAE8E,EAAAA,2BAA2B,EAAE,CAACtE,IAAK,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GAC1C,CAAEwE,EAAAA,yBAAyB,EAAE,CAAChF,MAAO,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GACvC,CAAEgF,EAAAA,yBAAyB,EAAE,CAACxE,IAAK,CAAG,EAAA,CAAA;gBAAA,IAGzB,GAAA,CAAA,cAAA,EAAgB,CAAC,GAAG,GAAGqE,IAAI,EAAE,CAACsB,QAAQ,IAAI,GAAI,CAAE,CAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,KAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,kBAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,OAAA,GAAA,CAAA;AAAA,aAAA,EAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,aAAA,CAAA,CAAA;AAAA,YAAA,OAAA,KAAA,CAAA;AAAA,WAAA;AAAA,SAAA,CAAA,CAAA;AAM/E,OAAA;AAAC,KAAA,CAAA,CAAA,CAAA;AAAA,IAAArD,MAAA,CAAA,GAAA,IAAA;AAAA,MAAA,MAAA,GAAA,GA9GK,GAAET,OAAO,CAAChB,UAAU,CAAC3D,KAAM,CAAG,EAAA,CAAA;AAAA,QAAA,IAAA,GAC7B,GAAE2E,OAAO,CAAChB,UAAU,CAACzD,MAAO,CAAG,EAAA,CAAA;AAAA,QAAA,IAAA,GAQ9B,GAAEyE,OAAO,CAAChB,UAAU,CAAC3D,KAAM,CAAG,EAAA,CAAA,CAAA;AAAA,MAAA,GAAA,KAAA,GAAA,CAAA,GAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,GAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAA;AAAA,MAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,MAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,MAAA,OAAA,GAAA,CAAA;AAAA,KAAA,EAAA;AAAA,MAAA,GAAA,EAAA,SAAA;AAAA,MAAA,IAAA,EAAA,SAAA;AAAA,MAAA,IAAA,EAAA,SAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AA0GhD,CAAC,CAAA;AAE6BqF,cAAA,CAAA,CAAA,WAAA,EAAA,WAAA,CAAA,CAAA;;;ACnI9B,MAAMqD,eAAe,GAAIvF,KAAmC,IAAK;AAC/D,EAAA,IAAIwF,gBAA4C,CAAA;EAChD,MAAMhE,OAAO,GAAGD,mBAAmB,EAAE,CAAA;EAErC,MAAMkE,kBAAkB,GAAI5D,KAA6C,IAAK;AAC5E,IAAA,MAAM3E,CAAC,GAAG,SAAS,IAAI2E,KAAK,GAAGA,KAAK,CAAC4C,OAAO,GAAG5C,KAAK,CAAC6D,OAAO,CAAC,CAAC,CAAC,EAAEjB,OAAO,CAAA;AACxE,IAAA,MAAMtH,CAAC,GAAG,SAAS,IAAI0E,KAAK,GAAGA,KAAK,CAACiD,OAAO,GAAGjD,KAAK,CAAC6D,OAAO,CAAC,CAAC,CAAC,EAAEZ,OAAO,CAAA;IAExE,MAAMa,iBAAiB,GAAG,CAAC,IAAInE,OAAO,CAACoE,cAAc,EAAEC,gBAAgB,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAACC,IAAI,CAC1FC,OAAO,IAAK;AACX,MAAA,MAAMC,IAAI,GAAGD,OAAO,CAACnI,qBAAqB,EAAE,CAAA;AAE5C,MAAA,OACEV,CAAC,IAAI8I,IAAI,CAACpJ,IAAI,IACdoJ,IAAI,CAACpJ,IAAI,GAAGoJ,IAAI,CAACnJ,KAAK,GAAGK,CAAC,IAC1BC,CAAC,IAAI6I,IAAI,CAAClJ,GAAG,IACbkJ,IAAI,CAAClJ,GAAG,GAAGkJ,IAAI,CAACjJ,MAAM,GAAGI,CAAC,CAAA;AAE9B,KAAC,CACF,CAAA;AAED,IAAA,IAAIwI,iBAAiB,EAAE;AACrB,MAAA,OAAOA,iBAAiB,CAACM,aAAa,CAAC,IAAIC,UAAU,CAACrE,KAAK,CAACzF,IAAI,EAAEyF,KAAK,CAAC,CAAC,CAAA;AAC3E,KAAA;GACD,CAAA;EAED,MAAMsE,YAAY,GAAItE,KAA2C,IAAK;IACpEA,KAAK,CAACuE,cAAc,EAAE,CAAA;AAEtB,IAAA,IAAIC,eAAe,EAAE;AACnBA,MAAAA,eAAe,GAAG,KAAK,CAAA;AACvB,MAAA,OAAA;AACF,KAAA;IACA,MAAMC,mBAAmB,GAAG,GAAG,GAAG,GAAG,GAAG9E,OAAO,CAACV,YAAY,CAAA;AAC5D,IAAA,MAAMyF,WAAW,GAAG/E,OAAO,CAACb,QAAQ,GAAGa,OAAO,CAACb,QAAQ,GAAGa,OAAO,CAAC1C,IAAI,CAAA;IAEtE,MAAM;MAAEjC,KAAK;AAAEE,MAAAA,MAAAA;KAAQ,GAAGyE,OAAO,CAAChB,UAAU,CAAA;IAC5C,MAAM;MAAEgG,SAAS;MAAEC,UAAU;MAAEC,WAAW;AAAEC,MAAAA,YAAAA;KAAc,GAAG9E,KAAK,CAACE,aAAa,CAAA;AAEhF,IAAA,MAAM6E,eAAe,GAAGJ,SAAS,IAAIG,YAAY,GAAG5J,MAAM,CAAC,CAAA;AAC3D,IAAA,MAAM8J,gBAAgB,GAAGJ,UAAU,IAAIC,WAAW,GAAG7J,KAAK,CAAC,CAAA;AAE3D2E,IAAAA,OAAO,CAACsF,wBAAwB,GAAGR,mBAAmB,GAAGM,eAAe,CAAC,CAAA;AACzEpF,IAAAA,OAAO,CAACuF,gBAAgB,GAAGR,WAAW,GAAGM,gBAAgB,CAAC,CAAA;GAC3D,CAAA;EAED,IAAIR,eAAe,GAAG,KAAK,CAAA;AAE3B5I,EAAAA,YAAY,CAAC,MAAM;IACjB,MAAM6I,mBAAmB,GAAG,GAAG,GAAG,GAAG,GAAG9E,OAAO,CAACV,YAAY,CAAA;AAC5D,IAAA,MAAMyF,WAAW,GAAG/E,OAAO,CAACb,QAAQ,GAAGa,OAAO,CAACb,QAAQ,GAAGa,OAAO,CAAC1C,IAAI,CAAA;AAEtE,IAAA,MAAM8H,eAAe,GACnBN,mBAAmB,GAAG,CAAC,GAAG9E,OAAO,CAACX,gBAAgB,GAAGyF,mBAAmB,GAAG,CAAC,CAAA;AAC9E,IAAA,MAAMO,gBAAgB,GAAGN,WAAW,GAAG,CAAC,GAAG/E,OAAO,CAAC7C,QAAQ,GAAG4H,WAAW,GAAG,CAAC,CAAA;IAE7E,MAAM;MAAExJ,MAAM;AAAEF,MAAAA,KAAAA;KAAO,GAAG2E,OAAO,CAAChB,UAAU,CAAA;AAE5C,IAAA,IAAI,CAACgF,gBAAgB,EAAEwB,aAAa,EAAE,OAAA;AAEtC,IAAA,MAAMC,eAAe,GAAGhJ,KAAK,CAACuD,OAAO,CAACV,YAAY,GAAG/D,MAAM,EAAEA,MAAM,EAAE,KAAK,CAAC,CAAA;AAC3E,IAAA,MAAMyJ,SAAS,GAAGI,eAAe,IAAIK,eAAe,GAAGlK,MAAM,CAAC,CAAA;AAE9D,IAAA,MAAMmK,cAAc,GAAGjJ,KAAK,CAACuD,OAAO,CAAC1C,IAAI,GAAGjC,KAAK,EAAEA,KAAK,EAAE,KAAK,CAAC,CAAA;AAChE,IAAA,MAAM4J,UAAU,GAAGI,gBAAgB,IAAIK,cAAc,GAAGrK,KAAK,CAAC,CAAA;AAE9DwJ,IAAAA,eAAe,GAAG,IAAI,CAAA;AAEtBb,IAAAA,gBAAgB,CAACtJ,KAAK,CAACa,MAAM,GAAI,CAAA,EAAEkK,eAAgB,CAAG,EAAA,CAAA,CAAA;AACtDzB,IAAAA,gBAAgB,CAACtJ,KAAK,CAACW,KAAK,GAAI,CAAA,EAAEqK,cAAe,CAAG,EAAA,CAAA,CAAA;AAEpD1B,IAAAA,gBAAgB,CAACwB,aAAa,CAACG,QAAQ,CAAC;AACtCvK,MAAAA,IAAI,EAAE6J,UAAU;AAChB3J,MAAAA,GAAG,EAAE0J,SAAAA;AACP,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAA,CAAA,MAAA;AAAA,IAAA,MAAA,IAAA,GAAA5E,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA;AAAA,MAAA,KAAA,GAAA,IAAA,CAAA,UAAA,CAAA;AAAA,IAAA,IAAA,CAAA,gBAAA,CAAA,SAAA,EAuCe6D,kBAAkB,CAAA,CAAA;AAAA,IAAA,IAAA,CAAA,gBAAA,CAAA,MAAA,EADrBA,kBAAkB,CAAA,CAAA;AAAA,IAAA,IAAA,CAAA,gBAAA,CAAA,WAAA,EADbA,kBAAkB,CAAA,CAAA;AAAA,IAAA,IAAA,CAAA,gBAAA,CAAA,aAAA,EADhBA,kBAAkB,CAAA,CAAA;AAAA,IAAA,IAAA,CAAA,UAAA,GADrBA,kBAAkB,CAAA;AAAA,IAAA,IAAA,CAAA,WAAA,GADjBA,kBAAkB,CAAA;AAAA,IAAA,IAAA,CAAA,YAAA,GADjBA,kBAAkB,CAAA;AAAA,IAAA,IAAA,CAAA,SAAA,GADrBA,kBAAkB,CAAA;AAAA,IAAA,IAAA,CAAA,UAAA,GALhB5D,KAAK,IAAK;AACrB,MAAA,IAAI,CAAC4D,kBAAkB,CAAC5D,KAAK,CAAC,EAAE,CAC9B;KAEH,CAAA;AAAA,IAAA,IAAA,CAAA,OAAA,GALQ4D,kBAAkB,CAAA;AAAA,IAAA,IAAA,CAAA,WAAA,GALb5D,KAAK,IAAK;AACtB,MAAA,IAAI4D,kBAAkB,CAAC5D,KAAK,CAAC,EAAE,OAAA;MAC/B,IAAIL,OAAO,CAACrB,UAAU,EAAE,OAAA;AACxBqB,MAAAA,OAAO,CAACP,oBAAoB,CAACnB,SAAS,CAAC,CAAA;KACxC,CAAA;AAAA,IAAA,IAAA,CAAA,WAAA,GALY2F,kBAAkB,CAAA;AAAA,IAAA,IAAA,CAAA,gBAAA,CAAA,QAAA,EADrBU,YAAY,CAAA,CAAA;IAAA,MAjBjBnG,KAAAA,GAAAA,KAAK,CAACnE,GAAG,CAAA;IAAA,OAATmE,KAAAA,KAAAA,UAAAA,GAAAA,GAAAA,CAAAA,KAAAA,EAAAA,IAAAA,CAAAA,GAAAA,KAAK,CAACnE,GAAG,GAAA,IAAA,CAAA;AAAA,IAAA,MAAA,MAAA,GAuCJ2J,gBAAgB,CAAA;AAAA,IAAA,OAAA,MAAA,KAAA,UAAA,GAAA4B,GAAA,CAAA,MAAA,EAAA,KAAA,CAAA,GAAhB5B,gBAAgB,GAAA,KAAA,CAAA;IAAAvD,MArCnB,CAAA,GAAA,IAAAoF,KAAA,CAAA,IAAA,EAAA;AACLC,MAAAA,IAAI,EAAE,CAAC;MACP,IAAI9F,OAAO,CAACvB,YAAY,IAAI;AAC1BsH,QAAAA,MAAM,EACJ/F,OAAO,CAACvB,YAAY,KAAK,WAAW,GAChC,UAAU,GACVuB,OAAO,CAACvB,YAAY,KAAK,SAAS,GAClC,UAAU,GACV,SAAA;AACR,OAAC,CAAC;AACF;AACA,MAAA,SAAS,EAAE,CAAC;AACZuH,MAAAA,QAAQ,EAAE,QAAQ;AAClB,MAAA,gBAAgB,EAAE,MAAA;KACnB,EAAA,GAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAA,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AA0BP,CAAC,CAAA;AAE8BtF,cAAA,CAAA,CAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,CAAA;;;AC7H/B,MAAMuF,mBAAmB,GAAG,MAAM;EAChC,MAAMjG,OAAO,GAAGD,mBAAmB,EAAE,CAAA;AAErC,EAAA,OAAA,CAAA,MAAA;AAAA,IAAA,MAAA,IAAA,GAAAK,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;IAAA,IAGcC,CAAAA,OAAAA,GAAAA,KAAK,IAAKL,OAAO,CAACkG,oBAAoB,GAAG7F,KAAK,CAACE,aAAa,CAACC,aAAa,CAAC,CAAA;AAAA,IAAA2F,MAAA,CAAA,IAAA,EAAAC,UAAA,CAAA;AAAA,MAAA,IADrF,KAAK,GAAA;QAAA,OAAEpG,OAAO,CAACV,YAAY,CAAA;AAAA,OAAA;KAMvB,EAAA;AAAE+G,MAAAA,MAAM,EAAE,UAAA;KAAY,EAAA;AAAA,MAAA,IAC1B,KAAK,GAAA;QAAA,OAAE;AACLhL,UAAAA,KAAK,EAAE,MAAM;UACb,GAAI;YACF,cAAc,EAAE,OAAO;YACvB,oBAAoB,EAAE,iBAAiB;AACzC,WAAA;SACD,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AAGP,CAAC,CAAA;AAEkCqF,cAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;;;;ACrBnC,MAAM4F,aAAa,GAAG,MAAM;EAC1B,MAAMtG,OAAO,GAAGD,mBAAmB,EAAE,CAAA;AAErC,EAAA,MAAMwG,gBAAgB,GAAGtJ,UAAU,CAAC,MAAO+C,OAAO,CAACiC,GAAG,GAAG,CAAC,GAAIjC,OAAO,CAACkC,YAAY,CAAC,CAAA;AACnF,EAAA,MAAMsE,SAAS,GAAGvJ,UAAU,CAAC,MAAM;AACjC,IAAA,MAAMwJ,aAAa,GAAGzG,OAAO,CAACb,QAAQ,GAAGoH,gBAAgB,EAAE,CAAA;IAC3D,OAAO9E,KAAK,CAACC,IAAI,CAAC;AAAE1D,MAAAA,MAAM,EAAEyI,aAAAA;AAAc,KAAC,CAAC,CAAC9E,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,GAAG0E,gBAAgB,EAAE,CAAC,CAAA;AAC5F,GAAC,CAAC,CAAA;AAEF,EAAA,OAAA,CAAA,MAAA;AAAA,IAAA,MAAA,IAAA,GAAAnG,QAAA,CAAA,SAAA,CAAA,IAAA,CAAA;AAAA,MAAA,KAAA,GAAA,IAAA,CAAA,UAAA,CAAA;AAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAAA,IAAAQ,MAAA,CAAA,KAAA,EAAAf,eAAA,CAiBO,KAAK,EAAA;AAAA,MAAA,IAAC,IAAI,GAAA;AAAA,QAAA,OAAE2G,SAAS,EAAE,CAAA;AAAA,OAAA;AAAA,MAAA,QAAA,EACrB,CAACE,IAAI,EAAE7E,KAAK,KAAK;AAChB,QAAA,MAAMd,iBAAiB,GAAG9D,UAAU,CAAC,MACnC+C,OAAO,CAACd,kBAAkB,CAACnB,oBAAoB,CAAC2I,IAAI,EAAE,EAAEH,gBAAgB,EAAE,CAAC,CAC5E,CAAA;AAED,QAAA,OAAA1G,eAAA,CACG,IAAI,EAAA;AAAA,UAAA,IAAC,IAAI,GAAA;AAAA,YAAA,OAAEkB,iBAAiB,EAAE,CAAC5C,IAAI,GAAG,CAAC,CAAA;AAAA,WAAA;AAAA,UAAA,IAAA,QAAA,GAAA;AAAA,YAAA,MAAA,KAAA,GAAA,OAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,SAAA,EAAA,GAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,YAAA,EAAA,YAAA,CAAA,CAAA;YAAA,KAOtB0D,CAAAA,KAAAA,CAAAA,WAAAA,CAAAA,YAAAA,EAAAA,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,aAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,YAAApB,MAAA,CAAA,GAAA,IAAA;AAAA,cAAA,MAAA,IAAA,GAGtC,CAAEM,EAAAA,iBAAiB,EAAE,CAACpD,MAAO,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GAC/B,CAAEoD,EAAAA,iBAAiB,EAAE,CAAC5C,IAAK,CAAG,EAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,OAAA,GAAA,CAAA;AAAA,aAAA,EAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,aAAA,CAAA,CAAA;AAAA,YAAA,OAAA,KAAA,CAAA;AAAA,WAAA;AAAA,SAAA,CAAA,CAAA;AAMhD,OAAA;AAAC,KAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAAAyC,MAAA,CAAA,KAAA,EAAAf,eAAA,CAEF,KAAK,EAAA;AAAC,MAAA,IAAI,EAAEgB,IAAI;AAAA,MAAA,QAAA,EACbC,GAAG,IAAK;QACR,MAAMC,iBAAiB,GAAG9D,UAAU,CAAC,MACnC+C,OAAO,CAACZ,gBAAgB,CAACrB,oBAAoB,CAAC,GAAG,GAAG+C,GAAG,EAAE,CAACE,MAAM,EAAE,CAAC,CAAC,CACrE,CAAA;AAED,QAAA,OAAAnB,eAAA,CACG,IAAI,EAAA;AAAA,UAAA,IAAC,IAAI,GAAA;AAAA,YAAA,OAAEkB,iBAAiB,EAAE,CAAC5C,IAAI,GAAG,CAAC,CAAA;AAAA,WAAA;AAAA,UAAA,IAAA,QAAA,GAAA;AAAA,YAAA,MAAA,KAAA,GAAA,OAAA,CAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,MAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,OAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,MAAA,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,SAAA,EAAA,GAAA,CAAA,CAAA;AAAA,YAAAsC,MAAA,CAAA,GAAA,IAAA;AAAA,cAAA,MAAA,IAAA,GAK5B,CAAEM,EAAAA,iBAAiB,EAAE,CAACpD,MAAO,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GAC7B,CAAEoD,EAAAA,iBAAiB,EAAE,CAAC5C,IAAK,CAAG,EAAA,CAAA;AAAA,gBAAA,IAAA,GAEnB2C,GAAG,EAAE,CAACK,OAAO,GAAG,iBAAiB,GAAG,MAAM;gBAAA,IAG7C,GAAA,CAAA,EACf,CAACL,GAAG,EAAE,CAACK,OAAO,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,CAACP,GAAG,EAAE,CAACE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,CAC5E,QACC,CAACF,GAAG,EAAE,CAACK,OAAO,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,CAACP,GAAG,EAAE,CAACE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,GAAG,CAC5E,CAAG,EAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,KAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,kBAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,cAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,cAAA,OAAA,GAAA,CAAA;AAAA,aAAA,EAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,cAAA,IAAA,EAAA,SAAA;AAAA,aAAA,CAAA,CAAA;AAAA,YAAA,OAAA,KAAA,CAAA;AAAA,WAAA;AAAA,SAAA,CAAA,CAAA;AAMd,OAAA;AAAC,KAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAAAP,MAAA,CAAA,GAAA,IAAA;AAAA,MAAA,MAAA,GAAA,GAlEK,GAAET,OAAO,CAAChB,UAAU,CAAC3D,KAAM,CAAG,EAAA,CAAA;AAAA,QAAA,IAAA,GAC7B,GAAE2E,OAAO,CAAChB,UAAU,CAACzD,MAAO,CAAG,EAAA,CAAA;AAAA,QAAA,IAAA,GAO9B,GAAEyE,OAAO,CAAChB,UAAU,CAAC3D,KAAM,CAAG,EAAA,CAAA,CAAA;AAAA,MAAA,GAAA,KAAA,GAAA,CAAA,GAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,GAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAA;AAAA,MAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,IAAA,CAAA,KAAA,CAAA,WAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,MAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAA,KAAA,CAAA,KAAA,CAAA,WAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,MAAA,OAAA,GAAA,CAAA;AAAA,KAAA,EAAA;AAAA,MAAA,GAAA,EAAA,SAAA;AAAA,MAAA,IAAA,EAAA,SAAA;AAAA,MAAA,IAAA,EAAA,SAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AA+DhD,CAAC;;;AC/CKsL,MAAAA,SAAS,GAAIC,QAAuD,IAAK;AAC7E,EAAA,MAAM,CAAC9H,YAAY,EAAE+H,QAAQ,CAAC,GAAG9H,UAAU,CAAC6H,QAAQ,EAAE,CACpD,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,kBAAkB,EAClB,cAAc,EACd,sBAAsB,EACtB,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,YAAY,CACb,CAAC,CAAA;AAEF,EAAA,MAAM,CAAC3H,eAAe,EAAE6H,kBAAkB,CAAC,GAAG9K,YAAY,EAAkB,CAAA;AAC5E,EAAA,MAAM,CAACoI,cAAc,EAAE2C,iBAAiB,CAAC,GAAG/K,YAAY,EAAkB,CAAA;EAE1E,OACG6D,eAAA,CAAA,wBAAwB,aACnBf,YAAY,EAAA;AAAA,IAAA,IAChB,eAAe,GAAA;AAAA,MAAA,OAAEG,eAAe,EAAE,CAAA;AAAA,KAAA;AAAA,IAAA,IAClC,cAAc,GAAA;AAAA,MAAA,OAAEmF,cAAc,EAAE,CAAA;AAAA,KAAA;AAAA,IAAA,IAAA,QAAA,GAAA;AAAA,MAAA,MAAA,IAAA,GAAA,MAAA,CAAA,SAAA,CAAA,IAAA,CAAA;AAAA,QAAA,KAAA,GAAA,IAAA,CAAA,UAAA;AAAA,QAAA,KAAA,GAAA,KAAA,CAAA,UAAA,CAAA;AAAA,MAAA+B,MAAA,CAAA,IAAA,EAAAC,UAAA,CAEvBS,QAAQ,EAAA;AAAA,QAAA,KAAA,OAAA,CAAA,GAAA;UAAA,OAAS5F,QAAM,CAAC0F,SAAS,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA,EAAA,KAAA,EAAA,IAAA,CAAA,CAAA;AAAA,MAAA/F,MAAA,CAAA,KAAA,EAAAf,eAAA,CAErC,aAAa,EAAA,EAAA,CAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MAAAe,MAAA,CAAA,KAAA,EAAAf,eAAA,CAGX,cAAc,EAAA;QAAA,GAAMkH,EAAAA,iBAAAA;AAAiB,OAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,MAAAnG,MAAA,CAAA,KAAA,EAAAf,eAAA,CACrC,aAAa,EAAA,EAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,MAAAe,MAAA,CAAA,KAAA,EAAAf,eAAA,CACb,eAAe,EAAA;QAAA,GAAMiH,EAAAA,kBAAAA;AAAkB,OAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,MAAAlG,MAAA,CAAA,KAAA,EAAAf,eAAA,CAGzC,mBAAmB,EAAA,EAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,MAAAe,MAAA,CAAA,IAAA,EAAAf,eAAA,CAGrB,qBAAqB,EAAA,EAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,MAAAY,MAAA,CAAA,GAAA,IAAA;QAAA,MAZVQ,GAAAA,GAAAA,QAAM,CAAC+F,kBAAkB;UAAA,IAGvB/F,GAAAA,QAAM,CAACgG,uBAAuB,CAAA;AAAA,QAAA,GAAA,KAAA,GAAA,CAAA,GAAA,IAAA3F,SAAA,CAAA,KAAA,EAAA,GAAA,CAAA,GAAA,GAAA,GAAA,CAAA,CAAA;AAAA,QAAA,IAAA,KAAA,GAAA,CAAA,IAAA,IAAAA,SAAA,CAAA,KAAA,EAAA,GAAA,CAAA,IAAA,GAAA,IAAA,CAAA,CAAA;AAAA,QAAA,OAAA,GAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAAA,GAAA,EAAA,SAAA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,OAAA,CAAA,CAAA;AAAA,MAAA,OAAA,IAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAapD;;;;"}

package/dist/source/PianoRollGrid.jsx

@@ -1,16 +1,13 @@
 import { createMemo, Index, Show } from "solid-js";
 import { usePianoRollContext } from "./PianoRollContext";
-import { keys } from "./PianoRollKeys";
+import { blackKeys, keys } from "./PianoRollKeys";
 const PianoRollGrid = () => {
     const context = usePianoRollContext();
+    const gridDivisorTicks = createMemo(() => (context.ppq * 4) / context.gridDivision);
     const gridArray = createMemo(() => {
-        const numberOfLines = context.duration / ((context.ppq * 4) / context.gridDivision);
-        return Array.from({ length: numberOfLines }).map((_, index) => ({
-            index,
-            tick: index * ((context.ppq * 4) / context.gridDivision),
-        }));
+        const numberOfLines = context.duration / gridDivisorTicks();
+        return Array.from({ length: numberOfLines }).map((_, index) => index * gridDivisorTicks());
     });
-    const visibleDimensions = createMemo(() => context.horizontalViewPort.getVirtualDimensions(context.position, context.duration / context.zoom));
     return (<div class="PianoRoll-Grid-Container" style={{
             position: "absolute",
             width: `${context.clientRect.width}px`,
@@ -22,19 +19,19 @@ const PianoRollGrid = () => {
             height: "100%",
         }}>
         <Index each={gridArray()}>
-          {(gridline) => {
-            const left = createMemo(() => context.horizontalViewPort.getScaledValue(gridline().tick));
-            return (<Show when={left() >= visibleDimensions().offset &&
-                    left() <= visibleDimensions().offset + visibleDimensions().size}>
+          {(tick, index) => {
+            const virtualDimensions = createMemo(() => context.horizontalViewPort.getVirtualDimensions(tick(), gridDivisorTicks()));
+            return (<Show when={virtualDimensions().size > 0}>
                 <div class="PianoRoll-Grid-Time" style={{
                     "z-index": 1,
                     position: "absolute",
                     "box-sizing": "border-box",
+                    background: index % 4 === 0 ? "#ccc" : "#ddd",
                     top: `0px`,
                     height: `100%`,
-                    left: `${left()}px`,
-                    width: `1px`,
-                    "background-color": "gray",
+                    left: `${virtualDimensions().offset}px`,
+                    width: `${virtualDimensions().size}px`,
+                    "border-left": "1px gray solid",
                 }}></div>
               </Show>);
         }}
@@ -48,8 +45,11 @@ const PianoRollGrid = () => {
                     top: `${virtualDimensions().offset}px`,
                     height: `${virtualDimensions().size}px`,
                     width: "100%",
-                    "border-bottom": `0.5px black solid`,
-                    "border-top": `0.5px black solid`,
+                    "background-color": key().isBlack ? "rgba(0,0,0,0.2)" : "none",
+                    "border-style": "solid",
+                    "border-color": "gray",
+                    "border-width": `${!key().isBlack && !blackKeys.includes((key().number + 1) % 12) ? "0.1px" : 0} 1px ${!key().isBlack && !blackKeys.includes((key().number - 1) % 12) ? "0.1px" : 0} 0`,
+                    "z-index": 1,
                 }}></div>
               </Show>);
         }}

package/dist/source/PianoRollNotes.jsx

@@ -65,7 +65,7 @@ const PianoRollNotes = (props) => {
                     window.addEventListener("mousemove", handleMouseMove);
                     window.addEventListener("mouseup", handleMouseUp);
                 }} style={{
-                    "z-index": 1,
+                    "z-index": 2,
                     position: "absolute",
                     "box-sizing": "border-box",
                     top: `${horizontalVirtualDimensions().offset}px`,

package/dist/source/ScrollContainer.jsx

@@ -64,7 +64,7 @@ const ScrollContainer = (props) => {
                         : "pointer",
             }),
             //"box-sizing": "border-box",
-            "z-index": 1,
+            "z-index": 4,
             overflow: "scroll",
             "pointer-events": "auto",
         }} onScroll={handleScroll} onMouseDown={forwardEventToNote} onMouseMove={(event) => {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.3",
+  "version": "0.0.4",
   "name": "solid-pianoroll",
   "description": "Pianoroll UI Control for Solid JS apps",
   "license": "MIT",