@weasel-js/ui 1.6.1 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/ActionBar-xA73vzzF.js +64 -0
- package/dist/chunks/ActionBar-xA73vzzF.js.map +1 -0
- package/dist/chunks/Badge-CTc9Lkwn.js +14 -0
- package/dist/chunks/Badge-CTc9Lkwn.js.map +1 -0
- package/dist/chunks/{Badge-CyAIZSDo.js → Badge-jYQjrTKc.js} +506 -486
- package/dist/chunks/Badge-jYQjrTKc.js.map +1 -0
- package/dist/chunks/BandEditor-Dd0egAgE.js +292 -0
- package/dist/chunks/BandEditor-Dd0egAgE.js.map +1 -0
- package/dist/chunks/{Button-BIdXHQOx.js → Button-XB-T75YL.js} +2 -2
- package/dist/chunks/{Button-BIdXHQOx.js.map → Button-XB-T75YL.js.map} +1 -1
- package/dist/chunks/{ButtonBar-D5Vi0aj_.js → ButtonBar-CIMKPPRS.js} +7 -9
- package/dist/chunks/{ButtonBar-D5Vi0aj_.js.map → ButtonBar-CIMKPPRS.js.map} +1 -1
- package/dist/chunks/Callout-BUn0dP_S.js +115 -0
- package/dist/chunks/Callout-BUn0dP_S.js.map +1 -0
- package/dist/chunks/Checkbox-DFn-x0JO.js +37 -0
- package/dist/chunks/Checkbox-DFn-x0JO.js.map +1 -0
- package/dist/chunks/CloseButton-BmNmRVtb.js +26 -0
- package/dist/chunks/CloseButton-BmNmRVtb.js.map +1 -0
- package/dist/chunks/ColorField-BLs9fbeq.js +90 -0
- package/dist/chunks/ColorField-BLs9fbeq.js.map +1 -0
- package/dist/chunks/{ColorModeControl-ke5PXbBa.js → ColorModeControl-DaVJ-SyX.js} +3 -3
- package/dist/chunks/{ColorModeControl-ke5PXbBa.js.map → ColorModeControl-DaVJ-SyX.js.map} +1 -1
- package/dist/chunks/ComboBox-CuTLRmUg.js +138 -0
- package/dist/chunks/ComboBox-CuTLRmUg.js.map +1 -0
- package/dist/chunks/{CurveEditor-BDJXjEvK.js → CurveEditor-jVBEqqdv.js} +90 -87
- package/dist/chunks/CurveEditor-jVBEqqdv.js.map +1 -0
- package/dist/chunks/{DataGrid-D-dZj1BD.js → DataGrid-BklgBqS0.js} +17 -17
- package/dist/chunks/DataGrid-BklgBqS0.js.map +1 -0
- package/dist/chunks/DetailList-DFtqdOJj.js +52 -0
- package/dist/chunks/DetailList-DFtqdOJj.js.map +1 -0
- package/dist/chunks/{DetentSlider-CL8TlX3S.js → DetentSlider-Bh7EpMqT.js} +2 -2
- package/dist/chunks/{DetentSlider-CL8TlX3S.js.map → DetentSlider-Bh7EpMqT.js.map} +1 -1
- package/dist/chunks/Dialog-DKfsk5VN.js +63 -0
- package/dist/chunks/Dialog-DKfsk5VN.js.map +1 -0
- package/dist/chunks/{Disclosure-0G0uh2fa.js → Disclosure-Ch2KxYuB.js} +7 -7
- package/dist/chunks/Disclosure-Ch2KxYuB.js.map +1 -0
- package/dist/chunks/{DragGhost-B5_hb9W9.js → DragGhost-BeYDJyLZ.js} +2 -2
- package/dist/chunks/{DragGhost-B5_hb9W9.js.map → DragGhost-BeYDJyLZ.js.map} +1 -1
- package/dist/chunks/{DragHandleGlyph-Dr7Fgo0I.js → DragGrip-AoIZXfZb.js} +2 -2
- package/dist/chunks/DragGrip-AoIZXfZb.js.map +1 -0
- package/dist/chunks/FallthroughDiagram-C7BUe8eU.js +284 -0
- package/dist/chunks/FallthroughDiagram-C7BUe8eU.js.map +1 -0
- package/dist/chunks/Field-DsBlnFKf.js +25 -0
- package/dist/chunks/Field-DsBlnFKf.js.map +1 -0
- package/dist/chunks/FillStrokeSwatch-CgsYQgew.js +112 -0
- package/dist/chunks/FillStrokeSwatch-CgsYQgew.js.map +1 -0
- package/dist/chunks/{FontFamilySelect-DXlMKWfK.js → FontFamilySelect-CGJ5OIOy.js} +2 -2
- package/dist/chunks/FontFamilySelect-CGJ5OIOy.js.map +1 -0
- package/dist/chunks/FontWeightSelect-RbcXYJPS.js +49 -0
- package/dist/chunks/FontWeightSelect-RbcXYJPS.js.map +1 -0
- package/dist/chunks/GestureRoute-BXESrHI0.js +82 -0
- package/dist/chunks/GestureRoute-BXESrHI0.js.map +1 -0
- package/dist/chunks/GradientEditor-DypXzMc-.js +325 -0
- package/dist/chunks/GradientEditor-DypXzMc-.js.map +1 -0
- package/dist/chunks/{Icon-Cgzy8VgC.js → Icon--B1ME-6c.js} +33 -1
- package/dist/chunks/Icon--B1ME-6c.js.map +1 -0
- package/dist/chunks/{InlineRange-eOj6JpJl.js → InlineRange-P01ABSzo.js} +3 -3
- package/dist/chunks/InlineRange-P01ABSzo.js.map +1 -0
- package/dist/chunks/{Input-CHmkfYaD.js → Input-CzwvCZs_.js} +10 -15
- package/dist/chunks/Input-CzwvCZs_.js.map +1 -0
- package/dist/chunks/{ItemList-Cm-HUWCi.js → ItemList-CRu9y7hL.js} +2 -2
- package/dist/chunks/ItemList-CRu9y7hL.js.map +1 -0
- package/dist/chunks/{Jog-DESxZ44P.js → Jog-DfNUYejm.js} +8 -8
- package/dist/chunks/Jog-DfNUYejm.js.map +1 -0
- package/dist/chunks/{Keycaps-C0H_v2gO.js → Keycaps-C-FJyG8k.js} +14 -14
- package/dist/chunks/Keycaps-C-FJyG8k.js.map +1 -0
- package/dist/chunks/{LayerList-nz-QYvTF.js → LayerList-CsDqwYh-.js} +105 -111
- package/dist/chunks/LayerList-CsDqwYh-.js.map +1 -0
- package/dist/chunks/ListEditor-BnGzqERm.js +72 -0
- package/dist/chunks/ListEditor-BnGzqERm.js.map +1 -0
- package/dist/chunks/MenuButton-L9f5vido.js +75 -0
- package/dist/chunks/MenuButton-L9f5vido.js.map +1 -0
- package/dist/chunks/MeshEditor-GbqqiPk8.js +199 -0
- package/dist/chunks/MeshEditor-GbqqiPk8.js.map +1 -0
- package/dist/chunks/NumberField-DLXXgh48.js +209 -0
- package/dist/chunks/NumberField-DLXXgh48.js.map +1 -0
- package/dist/chunks/{OptionsBar-DbzAgIln.js → OptionsBar-DeTAjVb7.js} +6 -8
- package/dist/chunks/{OptionsBar-DbzAgIln.js.map → OptionsBar-DeTAjVb7.js.map} +1 -1
- package/dist/chunks/PaintField-C0hoXc0Y.js +63 -0
- package/dist/chunks/PaintField-C0hoXc0Y.js.map +1 -0
- package/dist/chunks/PaintInput-jQRxM95Y.js +132 -0
- package/dist/chunks/PaintInput-jQRxM95Y.js.map +1 -0
- package/dist/chunks/PatternPicker-CaMYXzhF.js +135 -0
- package/dist/chunks/PatternPicker-CaMYXzhF.js.map +1 -0
- package/dist/chunks/{Plot2D-CTXHkL5p.js → Plot2D-BHNbgCAl.js} +7 -7
- package/dist/chunks/Plot2D-BHNbgCAl.js.map +1 -0
- package/dist/chunks/{PointPlotter-Bxo6haKe.js → PointPlotter-BZ_vk6gV.js} +2 -2
- package/dist/chunks/{PointPlotter-Bxo6haKe.js.map → PointPlotter-BZ_vk6gV.js.map} +1 -1
- package/dist/chunks/{Powerline-ExO5GwEr.js → Powerline-6wIFmDik.js} +2 -2
- package/dist/chunks/{Powerline-ExO5GwEr.js.map → Powerline-6wIFmDik.js.map} +1 -1
- package/dist/chunks/{Prefs-DpqFKiwY.js → Prefs-CkyldX-e.js} +116 -91
- package/dist/chunks/Prefs-CkyldX-e.js.map +1 -0
- package/dist/chunks/{Properties-D_KzDN9K.js → Properties-D15c8NP-.js} +53 -47
- package/dist/chunks/Properties-D15c8NP-.js.map +1 -0
- package/dist/chunks/PropertyField-CV_Gw57S.js +686 -0
- package/dist/chunks/PropertyField-CV_Gw57S.js.map +1 -0
- package/dist/chunks/{RadioGroup-Bh4-12e-.js → RadioGroup-4dbzqvGy.js} +2 -2
- package/dist/chunks/{RadioGroup-Bh4-12e-.js.map → RadioGroup-4dbzqvGy.js.map} +1 -1
- package/dist/chunks/{RangeSlider-BKRRTPTZ.js → RangeSlider-BxokZViJ.js} +8 -8
- package/dist/chunks/RangeSlider-BxokZViJ.js.map +1 -0
- package/dist/chunks/RecentColorsProvider-DHcfk25u.js +84 -0
- package/dist/chunks/RecentColorsProvider-DHcfk25u.js.map +1 -0
- package/dist/chunks/ResizeHandle-CbAgCQOt.js +81 -0
- package/dist/chunks/ResizeHandle-CbAgCQOt.js.map +1 -0
- package/dist/chunks/Select-BppLsJTz.js +236 -0
- package/dist/chunks/Select-BppLsJTz.js.map +1 -0
- package/dist/chunks/SelectionPanel-Cm1qu-ZX.js +107 -0
- package/dist/chunks/SelectionPanel-Cm1qu-ZX.js.map +1 -0
- package/dist/chunks/SidebarPanel-AXQ0jRDx.js +53 -0
- package/dist/chunks/SidebarPanel-AXQ0jRDx.js.map +1 -0
- package/dist/chunks/Slider-Cl5RCeZ7.js +389 -0
- package/dist/chunks/Slider-Cl5RCeZ7.js.map +1 -0
- package/dist/chunks/{StatusBar-DzoPDY4k.js → StatusBar-Ca9Dvhhq.js} +6 -6
- package/dist/chunks/StatusBar-Ca9Dvhhq.js.map +1 -0
- package/dist/chunks/SwatchGrid-9ZPiDmxd.js +78 -0
- package/dist/chunks/SwatchGrid-9ZPiDmxd.js.map +1 -0
- package/dist/chunks/SwatchStrip-Cw0l8Om7.js +577 -0
- package/dist/chunks/SwatchStrip-Cw0l8Om7.js.map +1 -0
- package/dist/chunks/ThemeSwitcher-DiBmMh_B.js +38 -0
- package/dist/chunks/ThemeSwitcher-DiBmMh_B.js.map +1 -0
- package/dist/chunks/{Timeline--58F7MED.js → Timeline-pqnYk5cV.js} +296 -294
- package/dist/chunks/Timeline-pqnYk5cV.js.map +1 -0
- package/dist/chunks/Toast-C3ozq11V.js +170 -0
- package/dist/chunks/Toast-C3ozq11V.js.map +1 -0
- package/dist/chunks/{ToggleBar-DTjGeS0Q.js → ToggleBar-Z2jZiguF.js} +13 -15
- package/dist/chunks/ToggleBar-Z2jZiguF.js.map +1 -0
- package/dist/chunks/{TokenPanel-CMq7uydV.js → TokenPanel-DAkL6vwQ.js} +33 -33
- package/dist/chunks/TokenPanel-DAkL6vwQ.js.map +1 -0
- package/dist/chunks/{ToolButton-CR4sQlxF.js → ToolButton-BURp4YIO.js} +12 -14
- package/dist/chunks/ToolButton-BURp4YIO.js.map +1 -0
- package/dist/chunks/{ToolOptionsBar-CtzTlaN2.js → ToolOptionsBar-COsTJ1cu.js} +9 -7
- package/dist/chunks/ToolOptionsBar-COsTJ1cu.js.map +1 -0
- package/dist/chunks/{ToolPalette-CKG9qY6P.js → ToolPalette-DKDFWOX-.js} +8 -10
- package/dist/chunks/ToolPalette-DKDFWOX-.js.map +1 -0
- package/dist/chunks/{Tooltip-Clg2mhSt.js → Tooltip-C6eFCYxw.js} +2 -2
- package/dist/chunks/{Tooltip-Clg2mhSt.js.map → Tooltip-C6eFCYxw.js.map} +1 -1
- package/dist/chunks/{Tree-DVOtc9R5.js → Tree-Cc8lIzgM.js} +2 -2
- package/dist/chunks/Tree-Cc8lIzgM.js.map +1 -0
- package/dist/chunks/checkbox.module-DLQV9tMX.js +5 -0
- package/dist/chunks/checkbox.module-DLQV9tMX.js.map +1 -0
- package/dist/chunks/{createKeyframeLayer-Czj6Y235.js → createKeyframeLayer-BTa4LyJE.js} +208 -223
- package/dist/chunks/createKeyframeLayer-BTa4LyJE.js.map +1 -0
- package/dist/chunks/field.module-Bh7BTKMh.js +15 -0
- package/dist/chunks/field.module-Bh7BTKMh.js.map +1 -0
- package/dist/chunks/formatShortcut-DRQrVThu.js.map +1 -1
- package/dist/chunks/handles-CqVANLtu.js +17 -0
- package/dist/chunks/handles-CqVANLtu.js.map +1 -0
- package/dist/chunks/{icons-Dk8SRS8g.js → icons-Dr2-r30x.js} +2 -2
- package/dist/chunks/icons-Dr2-r30x.js.map +1 -0
- package/dist/chunks/listbox.module-BcdVJMbm.js +8 -0
- package/dist/chunks/listbox.module-BcdVJMbm.js.map +1 -0
- package/dist/chunks/model-B1-gMBIW.js +386 -0
- package/dist/chunks/model-B1-gMBIW.js.map +1 -0
- package/dist/chunks/{portalHost-yTOVuCej.js → portalHost-CE70wLzo.js} +10 -6
- package/dist/chunks/portalHost-CE70wLzo.js.map +1 -0
- package/dist/chunks/prefField-BE_Ytr2H.js +229 -0
- package/dist/chunks/prefField-BE_Ytr2H.js.map +1 -0
- package/dist/chunks/{segmentTooltip-CStYHKzd.js → segmentTooltip-CGxCOWNz.js} +2 -2
- package/dist/chunks/{segmentTooltip-CStYHKzd.js.map → segmentTooltip-CGxCOWNz.js.map} +1 -1
- package/dist/chunks/segmentedControl.module-BzGXUL5G.js +11 -0
- package/dist/chunks/segmentedControl.module-BzGXUL5G.js.map +1 -0
- package/dist/chunks/useReorderDragList-CStYKjHl.js +133 -0
- package/dist/chunks/useReorderDragList-CStYKjHl.js.map +1 -0
- package/dist/chunks/useRovingTabIndex-D7u22Ia_.js +91 -0
- package/dist/chunks/useRovingTabIndex-D7u22Ia_.js.map +1 -0
- package/dist/components/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/components/ActionBar/index.js +1 -1
- package/dist/components/Badge/bases/ChamferedRect.d.ts.map +1 -1
- package/dist/components/Badge/bases/Powerline.d.ts.map +1 -1
- package/dist/components/Badge/bases/edgeProfiles.d.ts +31 -4
- package/dist/components/Badge/bases/edgeProfiles.d.ts.map +1 -1
- package/dist/components/Badge/index.d.ts +1 -0
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +3 -2
- package/dist/components/Badge/statusIcons.d.ts +5 -0
- package/dist/components/Badge/statusIcons.d.ts.map +1 -0
- package/dist/components/BandEditor/BandEditor.d.ts +17 -7
- package/dist/components/BandEditor/BandEditor.d.ts.map +1 -1
- package/dist/components/BandEditor/bands.d.ts +5 -2
- package/dist/components/BandEditor/bands.d.ts.map +1 -1
- package/dist/components/BandEditor/index.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/ButtonBar/ButtonBar.d.ts.map +1 -1
- package/dist/components/ButtonBar/index.js +1 -1
- package/dist/components/Callout/Callout.d.ts +2 -2
- package/dist/components/Callout/Callout.d.ts.map +1 -1
- package/dist/components/Callout/index.js +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +28 -13
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/CloseButton/CloseButton.d.ts +21 -0
- package/dist/components/CloseButton/CloseButton.d.ts.map +1 -0
- package/dist/components/CloseButton/index.d.ts +3 -0
- package/dist/components/CloseButton/index.d.ts.map +1 -0
- package/dist/components/CloseButton/index.js +2 -0
- package/dist/components/ColorField/ColorField.d.ts +5 -1
- package/dist/components/ColorField/ColorField.d.ts.map +1 -1
- package/dist/components/ColorField/OpacityRange.d.ts +18 -0
- package/dist/components/ColorField/OpacityRange.d.ts.map +1 -0
- package/dist/components/ColorField/index.js +1 -1
- package/dist/components/ColorModeControl/index.js +1 -1
- package/dist/components/ComboBox/ComboBox.d.ts +7 -0
- package/dist/components/ComboBox/ComboBox.d.ts.map +1 -1
- package/dist/components/ComboBox/index.js +1 -1
- package/dist/components/CurveEditor/CurveEditor.d.ts.map +1 -1
- package/dist/components/CurveEditor/LayeredCurveEditor.d.ts.map +1 -1
- package/dist/components/CurveEditor/index.js +2 -2
- package/dist/components/DataGrid/index.js +1 -1
- package/dist/components/DetailList/DetailList.d.ts +31 -5
- package/dist/components/DetailList/DetailList.d.ts.map +1 -1
- package/dist/components/DetailList/index.d.ts +1 -1
- package/dist/components/DetailList/index.d.ts.map +1 -1
- package/dist/components/DetailList/index.js +1 -1
- package/dist/components/DetentSlider/index.js +1 -1
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Disclosure/Disclosure.d.ts +1 -1
- package/dist/components/Disclosure/index.js +1 -1
- package/dist/components/DragGhost/index.js +1 -1
- package/dist/components/{DragHandleGlyph/DragHandleGlyph.d.ts → DragGrip/DragGrip.d.ts} +4 -4
- package/dist/components/DragGrip/DragGrip.d.ts.map +1 -0
- package/dist/components/DragGrip/index.d.ts +3 -0
- package/dist/components/DragGrip/index.d.ts.map +1 -0
- package/dist/components/DragGrip/index.js +2 -0
- package/dist/components/FallthroughDiagram/FallthroughDiagram.d.ts +14 -0
- package/dist/components/FallthroughDiagram/FallthroughDiagram.d.ts.map +1 -0
- package/dist/components/FallthroughDiagram/fixtures.d.ts +17 -0
- package/dist/components/FallthroughDiagram/fixtures.d.ts.map +1 -0
- package/dist/components/FallthroughDiagram/index.d.ts +3 -0
- package/dist/components/FallthroughDiagram/index.d.ts.map +1 -0
- package/dist/components/FallthroughDiagram/index.js +2 -0
- package/dist/components/Field/index.js +1 -1
- package/dist/components/FillStrokeSwatch/FillStrokeSwatch.d.ts.map +1 -1
- package/dist/components/FillStrokeSwatch/index.js +1 -1
- package/dist/components/FontFamilySelect/FontFamilySelect.d.ts +20 -0
- package/dist/components/FontFamilySelect/FontFamilySelect.d.ts.map +1 -1
- package/dist/components/FontFamilySelect/index.js +1 -1
- package/dist/components/FontWeightSelect/FontWeightSelect.d.ts +26 -0
- package/dist/components/FontWeightSelect/FontWeightSelect.d.ts.map +1 -0
- package/dist/components/FontWeightSelect/index.d.ts +3 -0
- package/dist/components/FontWeightSelect/index.d.ts.map +1 -0
- package/dist/components/FontWeightSelect/index.js +2 -0
- package/dist/components/GestureRoute/GestureRoute.d.ts +19 -0
- package/dist/components/GestureRoute/GestureRoute.d.ts.map +1 -0
- package/dist/components/GestureRoute/index.d.ts +3 -0
- package/dist/components/GestureRoute/index.d.ts.map +1 -0
- package/dist/components/GestureRoute/index.js +2 -0
- package/dist/components/GradientEditor/GradientEditor.d.ts +22 -8
- package/dist/components/GradientEditor/GradientEditor.d.ts.map +1 -1
- package/dist/components/GradientEditor/GradientHandles.d.ts +1 -8
- package/dist/components/GradientEditor/GradientHandles.d.ts.map +1 -1
- package/dist/components/GradientEditor/SceneGradientHandles.d.ts +7 -5
- package/dist/components/GradientEditor/SceneGradientHandles.d.ts.map +1 -1
- package/dist/components/GradientEditor/handleOverlay.d.ts +41 -0
- package/dist/components/GradientEditor/handleOverlay.d.ts.map +1 -0
- package/dist/components/GradientEditor/index.js +1 -1
- package/dist/components/InlineRange/index.js +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/ItemList/ItemList.d.ts +32 -31
- package/dist/components/ItemList/ItemList.d.ts.map +1 -1
- package/dist/components/ItemList/index.js +1 -1
- package/dist/components/Jog/index.js +1 -1
- package/dist/components/Keycaps/Keycaps.d.ts +11 -5
- package/dist/components/Keycaps/Keycaps.d.ts.map +1 -1
- package/dist/components/Keycaps/index.d.ts +1 -1
- package/dist/components/Keycaps/index.d.ts.map +1 -1
- package/dist/components/Keycaps/index.js +1 -1
- package/dist/components/LayerList/LayerList.d.ts +1 -1
- package/dist/components/LayerList/LayerList.d.ts.map +1 -1
- package/dist/components/LayerList/index.js +1 -1
- package/dist/components/ListEditor/ListEditor.d.ts.map +1 -1
- package/dist/components/ListEditor/index.js +1 -1
- package/dist/components/MenuButton/MenuButton.d.ts.map +1 -1
- package/dist/components/MenuButton/index.js +1 -1
- package/dist/components/MeshEditor/MeshEditor.d.ts +4 -3
- package/dist/components/MeshEditor/MeshEditor.d.ts.map +1 -1
- package/dist/components/MeshEditor/MeshHandles.d.ts +38 -0
- package/dist/components/MeshEditor/MeshHandles.d.ts.map +1 -0
- package/dist/components/MeshEditor/index.d.ts +2 -0
- package/dist/components/MeshEditor/index.d.ts.map +1 -1
- package/dist/components/MeshEditor/index.js +2 -2
- package/dist/components/NumberField/NumberField.d.ts +1 -1
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/UnitField.d.ts +20 -7
- package/dist/components/NumberField/UnitField.d.ts.map +1 -1
- package/dist/components/NumberField/index.js +1 -1
- package/dist/components/OptionsBar/OptionsBar.d.ts.map +1 -1
- package/dist/components/OptionsBar/index.js +1 -1
- package/dist/components/PaintField/PaintField.d.ts.map +1 -1
- package/dist/components/PaintField/index.js +1 -1
- package/dist/components/PaintInput/PaintInput.d.ts.map +1 -1
- package/dist/components/PaintInput/index.js +1 -1
- package/dist/components/PatternPicker/PatternPicker.d.ts +6 -5
- package/dist/components/PatternPicker/PatternPicker.d.ts.map +1 -1
- package/dist/components/PatternPicker/index.js +1 -1
- package/dist/components/Plot2D/index.js +1 -1
- package/dist/components/PointPlotter/index.js +1 -1
- package/dist/components/Powerline/index.d.ts +1 -1
- package/dist/components/Powerline/index.d.ts.map +1 -1
- package/dist/components/Powerline/index.js +2 -2
- package/dist/components/Prefs/PrefsForm.d.ts +8 -0
- package/dist/components/Prefs/PrefsForm.d.ts.map +1 -1
- package/dist/components/Prefs/PrefsRail.d.ts +3 -2
- package/dist/components/Prefs/PrefsRail.d.ts.map +1 -1
- package/dist/components/Prefs/PrefsRow.d.ts.map +1 -1
- package/dist/components/Prefs/index.d.ts +1 -1
- package/dist/components/Prefs/index.d.ts.map +1 -1
- package/dist/components/Prefs/index.js +2 -2
- package/dist/components/Prefs/prefField.d.ts +13 -0
- package/dist/components/Prefs/prefField.d.ts.map +1 -1
- package/dist/components/Prefs/schema.d.ts +2 -2
- package/dist/components/Prefs/schema.d.ts.map +1 -1
- package/dist/components/Properties/PropertyField.d.ts +35 -32
- package/dist/components/Properties/PropertyField.d.ts.map +1 -1
- package/dist/components/Properties/PropertyGroup.d.ts.map +1 -1
- package/dist/components/Properties/PropertyPanel.d.ts +1 -8
- package/dist/components/Properties/PropertyPanel.d.ts.map +1 -1
- package/dist/components/Properties/index.d.ts +1 -1
- package/dist/components/Properties/index.d.ts.map +1 -1
- package/dist/components/Properties/index.js +3 -3
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/RangeSlider/index.js +1 -1
- package/dist/components/RecentColors/RecentColorsProvider.d.ts +24 -0
- package/dist/components/RecentColors/RecentColorsProvider.d.ts.map +1 -0
- package/dist/components/RecentColors/index.d.ts +5 -0
- package/dist/components/RecentColors/index.d.ts.map +1 -0
- package/dist/components/RecentColors/index.js +2 -0
- package/dist/components/RecentColors/recentColors.d.ts +39 -0
- package/dist/components/RecentColors/recentColors.d.ts.map +1 -0
- package/dist/components/ResizeHandle/ResizeHandle.d.ts.map +1 -1
- package/dist/components/ResizeHandle/index.js +1 -1
- package/dist/components/Select/Select.d.ts +6 -2
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/SelectionPanel/SelectionPanel.d.ts.map +1 -1
- package/dist/components/SelectionPanel/index.js +2 -2
- package/dist/components/SelectionPanel/renderLeaf.d.ts +17 -0
- package/dist/components/SelectionPanel/renderLeaf.d.ts.map +1 -1
- package/dist/components/SidebarPanel/SidebarPanel.d.ts +1 -1
- package/dist/components/SidebarPanel/SidebarPanel.d.ts.map +1 -1
- package/dist/components/SidebarPanel/index.js +1 -1
- package/dist/components/Slider/Slider.d.ts +19 -2
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/index.js +1 -1
- package/dist/components/StatusBar/index.js +1 -1
- package/dist/components/SwatchGrid/SwatchGrid.d.ts.map +1 -1
- package/dist/components/SwatchGrid/index.js +1 -1
- package/dist/components/SwatchStrip/SwatchStrip.d.ts +44 -0
- package/dist/components/SwatchStrip/SwatchStrip.d.ts.map +1 -0
- package/dist/components/SwatchStrip/index.d.ts +5 -0
- package/dist/components/SwatchStrip/index.d.ts.map +1 -0
- package/dist/components/SwatchStrip/index.js +2 -0
- package/dist/components/SwatchStrip/palettes.d.ts +21 -0
- package/dist/components/SwatchStrip/palettes.d.ts.map +1 -0
- package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +38 -0
- package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts.map +1 -0
- package/dist/components/ThemeSwitcher/index.d.ts +3 -0
- package/dist/components/ThemeSwitcher/index.d.ts.map +1 -0
- package/dist/components/ThemeSwitcher/index.js +2 -0
- package/dist/components/Timeline/AnimatedTimeline.d.ts +1 -0
- package/dist/components/Timeline/AnimatedTimeline.d.ts.map +1 -1
- package/dist/components/Timeline/EasingPicker.d.ts +3 -0
- package/dist/components/Timeline/EasingPicker.d.ts.map +1 -1
- package/dist/components/Timeline/LaneGraph.d.ts +1 -1
- package/dist/components/Timeline/LaneGraph.d.ts.map +1 -1
- package/dist/components/Timeline/Timeline.d.ts +10 -1
- package/dist/components/Timeline/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline/Transport.d.ts +6 -0
- package/dist/components/Timeline/Transport.d.ts.map +1 -1
- package/dist/components/Timeline/index.js +1 -1
- package/dist/components/Timeline/keys.d.ts +1 -0
- package/dist/components/Timeline/keys.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +12 -3
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/ToggleBar/ToggleBar.d.ts.map +1 -1
- package/dist/components/ToggleBar/index.js +1 -1
- package/dist/components/TokenPanel/index.js +1 -1
- package/dist/components/TokenPanel/tokenTypes.d.ts +1 -0
- package/dist/components/TokenPanel/tokenTypes.d.ts.map +1 -1
- package/dist/components/ToolButton/ToolButton.d.ts +1 -10
- package/dist/components/ToolButton/ToolButton.d.ts.map +1 -1
- package/dist/components/ToolButton/index.js +1 -1
- package/dist/components/ToolOptionsBar/index.js +1 -1
- package/dist/components/ToolPalette/ToolPalette.d.ts +2 -1
- package/dist/components/ToolPalette/ToolPalette.d.ts.map +1 -1
- package/dist/components/ToolPalette/formatShortcut.d.ts +2 -0
- package/dist/components/ToolPalette/formatShortcut.d.ts.map +1 -1
- package/dist/components/ToolPalette/index.js +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/Tree/Tree.d.ts +27 -26
- package/dist/components/Tree/Tree.d.ts.map +1 -1
- package/dist/components/Tree/index.js +1 -1
- package/dist/components/spin.d.ts +16 -0
- package/dist/components/spin.d.ts.map +1 -0
- package/dist/components/stanceSurfaces.d.ts.map +1 -1
- package/dist/icons/index.d.ts +51 -2
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/paths.d.ts +12 -0
- package/dist/icons/paths.d.ts.map +1 -1
- package/dist/index.d.ts +9 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +98 -111
- package/dist/index.js.map +1 -1
- package/dist/overlays/portalHost.d.ts +6 -0
- package/dist/overlays/portalHost.d.ts.map +1 -1
- package/dist/paintGradientTrack.d.ts +5 -2
- package/dist/paintGradientTrack.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/dist/useAsyncOptions.d.ts.map +1 -1
- package/dist/useReorderDragList.d.ts +1 -1
- package/dist/useReorderDragList.d.ts.map +1 -1
- package/dist/useRovingTabIndex.d.ts +40 -39
- package/dist/useRovingTabIndex.d.ts.map +1 -1
- package/package.json +9 -8
- package/dist/chunks/ActionBar-DCq16yFA.js +0 -57
- package/dist/chunks/ActionBar-DCq16yFA.js.map +0 -1
- package/dist/chunks/Badge-CyAIZSDo.js.map +0 -1
- package/dist/chunks/BandEditor-Dhm_Xrlr.js +0 -248
- package/dist/chunks/BandEditor-Dhm_Xrlr.js.map +0 -1
- package/dist/chunks/Callout-yEn9iPlh.js +0 -119
- package/dist/chunks/Callout-yEn9iPlh.js.map +0 -1
- package/dist/chunks/Checkbox-DHXTUHO9.js +0 -47
- package/dist/chunks/Checkbox-DHXTUHO9.js.map +0 -1
- package/dist/chunks/ColorField-BcMcW8Sa.js +0 -60
- package/dist/chunks/ColorField-BcMcW8Sa.js.map +0 -1
- package/dist/chunks/ComboBox-DpT8lc3p.js +0 -138
- package/dist/chunks/ComboBox-DpT8lc3p.js.map +0 -1
- package/dist/chunks/CurveEditor-BDJXjEvK.js.map +0 -1
- package/dist/chunks/DataGrid-D-dZj1BD.js.map +0 -1
- package/dist/chunks/DetailList-BMER1LUZ.js +0 -43
- package/dist/chunks/DetailList-BMER1LUZ.js.map +0 -1
- package/dist/chunks/Dialog-BWyNMgpf.js +0 -66
- package/dist/chunks/Dialog-BWyNMgpf.js.map +0 -1
- package/dist/chunks/Disclosure-0G0uh2fa.js.map +0 -1
- package/dist/chunks/DragHandleGlyph-Dr7Fgo0I.js.map +0 -1
- package/dist/chunks/Field--onYxXTF.js +0 -32
- package/dist/chunks/Field--onYxXTF.js.map +0 -1
- package/dist/chunks/FillStrokeSwatch-DNb0KXPk.js +0 -111
- package/dist/chunks/FillStrokeSwatch-DNb0KXPk.js.map +0 -1
- package/dist/chunks/FontFamilySelect-DXlMKWfK.js.map +0 -1
- package/dist/chunks/GradientEditor-B3a-MsVJ.js +0 -335
- package/dist/chunks/GradientEditor-B3a-MsVJ.js.map +0 -1
- package/dist/chunks/Icon-Cgzy8VgC.js.map +0 -1
- package/dist/chunks/InlineRange-eOj6JpJl.js.map +0 -1
- package/dist/chunks/Input-CHmkfYaD.js.map +0 -1
- package/dist/chunks/ItemList-Cm-HUWCi.js.map +0 -1
- package/dist/chunks/Jog-DESxZ44P.js.map +0 -1
- package/dist/chunks/Keycaps-C0H_v2gO.js.map +0 -1
- package/dist/chunks/LayerList-nz-QYvTF.js.map +0 -1
- package/dist/chunks/ListEditor-BQ6AV3Ac.js +0 -74
- package/dist/chunks/ListEditor-BQ6AV3Ac.js.map +0 -1
- package/dist/chunks/MenuButton-DtaGenKf.js +0 -70
- package/dist/chunks/MenuButton-DtaGenKf.js.map +0 -1
- package/dist/chunks/MeshEditor-qqGc6hlD.js +0 -87
- package/dist/chunks/MeshEditor-qqGc6hlD.js.map +0 -1
- package/dist/chunks/NumberField-CwJOMmQR.js +0 -117
- package/dist/chunks/NumberField-CwJOMmQR.js.map +0 -1
- package/dist/chunks/PaintField-DaJukRc6.js +0 -62
- package/dist/chunks/PaintField-DaJukRc6.js.map +0 -1
- package/dist/chunks/PaintInput-Byhna3H-.js +0 -131
- package/dist/chunks/PaintInput-Byhna3H-.js.map +0 -1
- package/dist/chunks/PatternPicker-B-cUt-JT.js +0 -93
- package/dist/chunks/PatternPicker-B-cUt-JT.js.map +0 -1
- package/dist/chunks/Plot2D-CTXHkL5p.js.map +0 -1
- package/dist/chunks/Prefs-DpqFKiwY.js.map +0 -1
- package/dist/chunks/Properties-D_KzDN9K.js.map +0 -1
- package/dist/chunks/PropertyField-DGCecAnV.js +0 -758
- package/dist/chunks/PropertyField-DGCecAnV.js.map +0 -1
- package/dist/chunks/RangeSlider-BKRRTPTZ.js.map +0 -1
- package/dist/chunks/ResizeHandle-BKT0XYpx.js +0 -79
- package/dist/chunks/ResizeHandle-BKT0XYpx.js.map +0 -1
- package/dist/chunks/Select-CzyfaXzp.js +0 -225
- package/dist/chunks/Select-CzyfaXzp.js.map +0 -1
- package/dist/chunks/SelectionPanel-BgUM1h03.js +0 -103
- package/dist/chunks/SelectionPanel-BgUM1h03.js.map +0 -1
- package/dist/chunks/SidebarPanel-aoIqxbtq.js +0 -55
- package/dist/chunks/SidebarPanel-aoIqxbtq.js.map +0 -1
- package/dist/chunks/Slider-CFwQYQ10.js +0 -383
- package/dist/chunks/Slider-CFwQYQ10.js.map +0 -1
- package/dist/chunks/StatusBar-DzoPDY4k.js.map +0 -1
- package/dist/chunks/SwatchGrid-BARC3rnF.js +0 -73
- package/dist/chunks/SwatchGrid-BARC3rnF.js.map +0 -1
- package/dist/chunks/Timeline--58F7MED.js.map +0 -1
- package/dist/chunks/Toast-DNBb-24H.js +0 -128
- package/dist/chunks/Toast-DNBb-24H.js.map +0 -1
- package/dist/chunks/ToggleBar-DTjGeS0Q.js.map +0 -1
- package/dist/chunks/TokenPanel-CMq7uydV.js.map +0 -1
- package/dist/chunks/ToolButton-CR4sQlxF.js.map +0 -1
- package/dist/chunks/ToolOptionsBar-CtzTlaN2.js.map +0 -1
- package/dist/chunks/ToolPalette-CKG9qY6P.js.map +0 -1
- package/dist/chunks/Tree-DVOtc9R5.js.map +0 -1
- package/dist/chunks/createKeyframeLayer-Czj6Y235.js.map +0 -1
- package/dist/chunks/icons-Dk8SRS8g.js.map +0 -1
- package/dist/chunks/model-Du7Lta4C.js +0 -360
- package/dist/chunks/model-Du7Lta4C.js.map +0 -1
- package/dist/chunks/number-D3NEx_8r.js +0 -89
- package/dist/chunks/number-D3NEx_8r.js.map +0 -1
- package/dist/chunks/portalHost-yTOVuCej.js.map +0 -1
- package/dist/chunks/prefField-Dnl7nmjQ.js +0 -197
- package/dist/chunks/prefField-Dnl7nmjQ.js.map +0 -1
- package/dist/chunks/segmentedControl.module-Bv7DEg8f.js +0 -11
- package/dist/chunks/segmentedControl.module-Bv7DEg8f.js.map +0 -1
- package/dist/chunks/useReorderDragList-B_-5L5Gu.js +0 -131
- package/dist/chunks/useReorderDragList-B_-5L5Gu.js.map +0 -1
- package/dist/chunks/useRovingTabIndex-Bp_hYm_h.js +0 -65
- package/dist/chunks/useRovingTabIndex-Bp_hYm_h.js.map +0 -1
- package/dist/components/DragHandleGlyph/DragHandleGlyph.d.ts.map +0 -1
- package/dist/components/DragHandleGlyph/index.d.ts +0 -3
- package/dist/components/DragHandleGlyph/index.d.ts.map +0 -1
- package/dist/components/DragHandleGlyph/index.js +0 -2
- package/dist/format/number.d.ts +0 -56
- package/dist/format/number.d.ts.map +0 -1
- package/dist/icons/ShapeKindIcon.d.ts +0 -10
- package/dist/icons/ShapeKindIcon.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolPalette-CKG9qY6P.js","names":["s","Fragment","formatShortcut","ToolButton","ToolGroup","Fragment$1","ToolPalette_module_default","DEFAULT_GROUP_ORDER","MISC","partitionByGroup","groups","tool","list","g","bucket","orderedGroupKeys","seen","ordered","known","groupOrder","key","resolveIcon","rawIcon","UnknownIcon","ToolPalette","props","tools","groupKeys","cls","orientation","className","k","eligibility","eligibleContribution","modeRegistry","activeIndex","t","roving","useRovingTabIndex","enabled","index","i","label","shortcut","lookupShortcut","modeName","resolvedTitle"],"sources":["../../src/components/ToolPalette/ToolPalette.module.css","../../src/components/ToolPalette/ToolPalette.tsx"],"sourcesContent":[".palette {\n display: flex;\n flex-direction: column;\n gap: var(--wzl-space-2);\n background: var(--wzl-surface);\n border: 1px solid var(--wzl-border);\n border-radius: var(--wzl-radius-sm);\n padding: var(--wzl-space-2);\n user-select: none;\n}\n.palette.horizontal {\n flex-direction: row;\n}\n\n/* Marker only — `useRovingTabIndex` finds the palette's buttons by this class.\n Carries no styles; deleting it breaks keyboard navigation. */\n.paletteBtn {}\n\n/* Applied to ineligible tool buttons in the active mode. */\n.ineligibleBtn {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n.separator {\n background: var(--wzl-border);\n}\n.palette:not(.horizontal) .separator {\n height: 1px;\n margin: var(--wzl-space-1) 0;\n}\n.palette.horizontal .separator {\n width: 1px;\n margin: 0 var(--wzl-space-1);\n}\n","import { Fragment, type ReactNode } from 'react';\nimport { UnknownIcon } from '@weasel-js/core';\nimport type { AnyTool, ToolsApi } from '@weasel-js/core';\nimport { eligibleContribution, type ModeRegistry } from '@weasel-js/modes';\nimport { ToolButton } from '../ToolButton';\nimport { ToolGroup } from '../ToolGroup';\nimport { useRovingTabIndex } from '../../useRovingTabIndex';\nimport s from './ToolPalette.module.css';\nimport { formatShortcut, type ShortcutInput } from './formatShortcut';\n\nconst DEFAULT_GROUP_ORDER = ['select', 'shape', 'draw', 'type', 'view'] as const;\nconst MISC = 'misc';\n\nfunction partitionByGroup(list: AnyTool[]): Map<string, AnyTool[]> {\n const groups = new Map<string, AnyTool[]>();\n for (const tool of list) {\n const g = tool.presentation?.group ?? MISC;\n const bucket = groups.get(g) ?? [];\n bucket.push(tool);\n groups.set(g, bucket);\n }\n return groups;\n}\n\nfunction orderedGroupKeys(\n groups: Map<string, AnyTool[]>,\n groupOrder: readonly string[],\n): string[] {\n const seen = new Set(groups.keys());\n const ordered: string[] = [];\n for (const known of groupOrder) {\n if (seen.has(known)) {\n ordered.push(known);\n seen.delete(known);\n }\n }\n // Unknown groups in insertion order (Map preserves it), misc last.\n for (const key of groups.keys()) {\n if (seen.has(key) && key !== MISC) {\n ordered.push(key);\n seen.delete(key);\n }\n }\n if (seen.has(MISC)) ordered.push(MISC);\n return ordered;\n}\n\nfunction resolveIcon(tool: AnyTool): ReactNode {\n const rawIcon = tool.presentation?.icon;\n if (rawIcon == null) return <UnknownIcon />;\n if (typeof rawIcon === 'function') return rawIcon(undefined);\n return rawIcon;\n}\n\n/** Props for {@link ToolPalette}. */\nexport interface ToolPaletteProps {\n tools: ToolsApi;\n orientation?: 'vertical' | 'horizontal';\n className?: string;\n /** Derive the keyboard shortcut for a tool button from the action registry.\n * Called with the tool's id; return `undefined` to suppress a chip. When\n * omitted, falls back to `tool.keybinding` (legacy path). */\n lookupShortcut?: (toolId: string) => ShortcutInput | undefined;\n /**\n * Optional mode registry. When provided, tools whose\n * `eligibility.capabilities` do not match the current mode are rendered\n * greyed-out, aria-disabled, and their onClick is suppressed. When omitted,\n * all tools are treated as eligible (preserves existing behavior in\n * consumers that haven't wired a registry).\n */\n modeRegistry?: ModeRegistry;\n /**\n * Presentation-group display order. Groups not listed keep their registry\n * insertion order after the listed ones; `misc` always renders last.\n * Defaults to `['select', 'shape', 'draw', 'type', 'view']`.\n */\n groupOrder?: readonly string[];\n}\n\n/**\n * Toolbar of the registered tools, split into separator-divided groups by\n * each tool's presentation group and navigable by arrow keys. Clicking a\n * button makes that tool active.\n *\n * Given a `modeRegistry`, tools whose capabilities the current mode does not\n * allow render greyed out and inert rather than disappearing.\n */\nexport function ToolPalette(props: ToolPaletteProps) {\n const {\n tools, orientation = 'vertical', className, lookupShortcut, modeRegistry,\n groupOrder = DEFAULT_GROUP_ORDER,\n } = props;\n const list = Object.values(tools.registry);\n const groups = partitionByGroup(list);\n const groupKeys = orderedGroupKeys(groups, groupOrder);\n const cls = [s.palette, orientation === 'horizontal' && s.horizontal, className]\n .filter(Boolean).join(' ');\n\n // Flat, in DOM order — the roving-tabindex hook indexes by this order.\n const ordered = groupKeys.flatMap((k) => groups.get(k)!);\n const eligibility = ordered.map(\n (tool) => (modeRegistry ? eligibleContribution(modeRegistry, tool) : true),\n );\n const activeIndex = ordered.findIndex((t) => t.id === tools.active);\n const roving = useRovingTabIndex({\n items: eligibility.map((enabled) => ({ disabled: !enabled })),\n itemClassName: s.paletteBtn,\n // An ineligible active tool can't hold the tab stop; fall back to the\n // hook's first-enabled default.\n ...(activeIndex >= 0 && eligibility[activeIndex] ? { tabStopIndex: activeIndex } : {}),\n });\n let index = -1;\n\n return (\n <div\n ref={roving.rootRef}\n className={cls}\n role=\"toolbar\"\n aria-label=\"Tools\"\n >\n {groupKeys.map((key, i) => (\n <Fragment key={key}>\n {i > 0 && (\n <div\n className={s.separator}\n role=\"separator\"\n aria-orientation={orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n />\n )}\n <ToolGroup orientation={orientation} groupKey={key}>\n {groups.get(key)!.map((tool) => {\n const i = ++index;\n const label = tool.presentation?.label ?? tool.id;\n const shortcut = tool.presentation?.shortcut\n ?? formatShortcut(lookupShortcut ? lookupShortcut(tool.id) : tool.keybinding);\n const enabled = eligibility[i];\n const modeName = modeRegistry ? modeRegistry.current().id : undefined;\n const resolvedTitle = !enabled && modeName\n ? `${label}${shortcut ? ` (${shortcut})` : ''} — disabled in ${modeName} mode`\n : undefined;\n return (\n <ToolButton\n key={tool.id}\n icon={resolveIcon(tool)}\n label={label}\n shortcut={shortcut}\n active={tools.active === tool.id}\n tabbable={roving.tabIndexFor(i) === 0}\n ariaDisabled={!enabled}\n className={[s.paletteBtn, !enabled && s.ineligibleBtn].filter(Boolean).join(' ')}\n title={resolvedTitle}\n onClick={enabled ? () => tools.setActive(tool.id) : () => {}}\n onKeyDown={roving.onKeyDown(i)}\n />\n );\n })}\n </ToolGroup>\n </Fragment>\n ))}\n </div>\n );\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tree-DVOtc9R5.js","names":["s","DisclosureMark","Tree_module_default","TYPEAHEAD_MS","Tree","forwardRef","ariaLabel","ariaLabelledBy","expanded","setExpanded","useControlledSet","expandedIds","defaultExpandedIds","onExpandedChange","selected","setSelected","selectedIds","defaultSelectedIds","onSelectionChange","selectable","selectionMode","baseId","useId","visible","useMemo","out","walk","node","list","level","nodes","indexOf","v","i","items","useRef","focusId","setFocusId","useState","anchor","typed","stopId","className","empty","focus","id","toggle","next","select","mods","a","b","x","activate","onAction","onKeyDown","e","open","modsOf","typeAhead","now","t","want","start","from","k","textOf","onRowClick","onTwistyClick","itemRef","el","seq","renderLevel","n","branch","labelId","trailingId","pos","filterTree","changed","match","kids","treeBranchIds","own","setOwn","initial","value","onChange"],"sources":["../../src/components/Tree/Tree.module.css","../../src/components/Tree/Tree.tsx"],"sourcesContent":[".tree,\n.group {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.tree {\n user-select: none;\n -webkit-user-select: none;\n width: 100%;\n}\n\n/* One twisty and one gap, so a child's twisty sits under its parent's label. */\n.group {\n padding-inline-start: var(--wzl-tree-indent, calc(var(--wzl-control-h-xs) + var(--wzl-space-2)));\n}\n\n.item {\n outline: none;\n}\n\n.row {\n display: flex;\n align-items: center;\n gap: var(--wzl-space-2);\n padding: 0 var(--wzl-space-2) 0 0;\n height: var(--wzl-control-h);\n font-size: var(--wzl-font-size-sm);\n color: var(--wzl-fg);\n border-radius: var(--wzl-radius-sm);\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.row:hover {\n background: var(--wzl-surface);\n}\n\n.item:focus-visible > .row {\n outline: 2px solid var(--wzl-focus-ring);\n outline-offset: -2px;\n}\n\n.item[aria-selected='true'] > .row {\n background: var(--wzl-border);\n}\n\n.item[data-muted] > .row {\n color: var(--wzl-fg-subtle);\n}\n\n.item[aria-disabled='true'] > .row {\n color: var(--wzl-fg-subtle);\n cursor: not-allowed;\n}\n\n/* A leaf keeps the empty box, so labels at one level line up whether or not\n their rows are branches. */\n.twisty {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wzl-control-h-xs);\n align-self: stretch;\n color: var(--wzl-fg-muted);\n}\n\n.row:hover > .twisty {\n color: var(--wzl-fg);\n}\n\n.leading {\n flex: none;\n display: inline-flex;\n align-items: center;\n}\n\n.label {\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.trailing {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wzl-space-2);\n}\n\n.empty {\n padding: var(--wzl-space-6) var(--wzl-space-4);\n font-size: var(--wzl-font-size-sm);\n color: var(--wzl-fg-subtle);\n font-style: italic;\n}\n","/**\n * A hierarchy of rows that expand and collapse: a file tree, a registry\n * browser, an outline.\n *\n * **Semantics.** WAI-ARIA `tree`: each node is a `treeitem` carrying\n * `aria-level`, `aria-setsize` and `aria-posinset`; a branch carries\n * `aria-expanded` and nests its children in a `group`, which is rendered only\n * while the branch is open. `aria-selected` appears only when `selectionMode`\n * is set. A treeitem may not contain interactive content, so `leading` and\n * `trailing` are decoration — an icon, a count — and the twisty is a drawn\n * `DisclosureMark`, not a button.\n *\n * **Keyboard.** One treeitem is in the tab order: the one last focused, else\n * the first selected, else the first. Up/Down move between visible rows,\n * Home/End go to the first and last. Right opens a closed branch, then moves\n * into it; Left closes an open branch, else moves to the parent. Enter and\n * Space activate, as a click does. Typing moves to the next row whose text\n * starts with what was typed.\n *\n * **Activating** a row — click, Enter, Space — toggles it if it is a branch,\n * selects it under `selectionMode`, and calls `onAction`. Clicking the twisty\n * only toggles.\n *\n * **Filtering** is the consumer's: narrow `nodes` with `filterTree`, and pass\n * `treeBranchIds` of the result as `expandedIds` so every match shows.\n */\nimport {\n forwardRef,\n useId,\n useMemo,\n useRef,\n useState,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n type Ref,\n} from 'react';\nimport type { PressModifiers } from '../../useReorderDragList';\nimport { DisclosureMark } from '../Disclosure';\nimport s from './Tree.module.css';\n\n/** One node. A node with `children` is a branch, even when the array is empty. */\nexport interface TreeNode {\n /** Unique across the whole tree. */\n id: string;\n label: ReactNode;\n /** What type-ahead matches against. Defaults to `label` when that is a string. */\n textValue?: string;\n /** Decoration before the label — an icon. Not a control. */\n leading?: ReactNode;\n /** Decoration after the label — a count badge. Not a control. Read as part\n * of the row's accessible name. */\n trailing?: ReactNode;\n children?: readonly TreeNode[];\n /** Present but not in effect. */\n muted?: boolean;\n /** Focusable and announced, but cannot be activated, expanded or selected. */\n disabled?: boolean;\n className?: string;\n}\n\n/** Whether and how rows are selectable. */\nexport type TreeSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface TreeProps {\n nodes: readonly TreeNode[];\n /** Shown in place of the tree when `nodes` is empty. */\n empty?: ReactNode;\n className?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n\n /** Open branches, controlled. */\n expandedIds?: Iterable<string>;\n /** Open branches on first render, when uncontrolled. */\n defaultExpandedIds?: Iterable<string>;\n /** The whole set a toggle would produce. Called whether or not controlled. */\n onExpandedChange?(ids: Set<string>): void;\n\n /** Default `'none'`. `'multiple'` adds to the selection with Cmd/Ctrl and\n * extends it over visible rows with Shift. */\n selectionMode?: TreeSelectionMode;\n /** Selected rows, controlled. */\n selectedIds?: Iterable<string>;\n /** Selected rows on first render, when uncontrolled. */\n defaultSelectedIds?: Iterable<string>;\n /** The whole set an activation would produce, when it differs. */\n onSelectionChange?(ids: Set<string>): void;\n\n /** A row was activated — click, Enter or Space — with the modifiers held. */\n onAction?(id: string, mods: PressModifiers): void;\n}\n\ninterface Visible {\n node: TreeNode;\n parentId: string | null;\n level: number;\n}\n\nconst TYPEAHEAD_MS = 500;\n\nexport const Tree = forwardRef(function Tree(\n {\n nodes, empty, className,\n 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy,\n expandedIds, defaultExpandedIds, onExpandedChange,\n selectionMode = 'none', selectedIds, defaultSelectedIds, onSelectionChange,\n onAction,\n }: TreeProps,\n ref: Ref<HTMLUListElement>,\n) {\n const [expanded, setExpanded] = useControlledSet(expandedIds, defaultExpandedIds, onExpandedChange);\n const [selected, setSelected] = useControlledSet(selectedIds, defaultSelectedIds, onSelectionChange);\n const selectable = selectionMode !== 'none';\n const baseId = useId();\n\n const visible = useMemo(() => {\n const out: Visible[] = [];\n const walk = (list: readonly TreeNode[], parentId: string | null, level: number) => {\n for (const node of list) {\n out.push({ node, parentId, level });\n if (node.children && expanded.has(node.id)) walk(node.children, node.id, level + 1);\n }\n };\n walk(nodes, null, 1);\n return out;\n }, [nodes, expanded]);\n const indexOf = useMemo(() => new Map(visible.map((v, i) => [v.node.id, i])), [visible]);\n\n const items = useRef(new Map<string, HTMLLIElement>());\n const [focusId, setFocusId] = useState<string | null>(null);\n const anchor = useRef<string | null>(null);\n const typed = useRef({ text: '', at: 0 });\n\n const stopId = focusId != null && indexOf.has(focusId)\n ? focusId\n : (visible.find((v) => selectable && selected.has(v.node.id)) ?? visible[0])?.node.id;\n\n if (nodes.length === 0) {\n return <div className={[s.empty, className].filter(Boolean).join(' ')}>{empty ?? '—'}</div>;\n }\n\n const focus = (id: string | undefined) => { if (id != null) items.current.get(id)?.focus(); };\n\n const toggle = (node: TreeNode) => {\n if (!node.children || node.disabled) return;\n const next = new Set(expanded);\n if (next.has(node.id)) next.delete(node.id);\n else next.add(node.id);\n setExpanded(next);\n };\n\n const select = (id: string, mods: PressModifiers) => {\n let next: Set<string>;\n if (selectionMode === 'multiple' && mods.shiftKey && anchor.current != null && indexOf.has(anchor.current)) {\n const a = indexOf.get(anchor.current)!;\n const b = indexOf.get(id)!;\n next = new Set(visible.slice(Math.min(a, b), Math.max(a, b) + 1)\n .filter((v) => !v.node.disabled).map((v) => v.node.id));\n } else if (selectionMode === 'multiple' && (mods.metaKey || mods.ctrlKey)) {\n next = new Set(selected);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n anchor.current = id;\n } else {\n next = new Set([id]);\n anchor.current = id;\n }\n if (next.size !== selected.size || [...next].some((x) => !selected.has(x))) setSelected(next);\n };\n\n const activate = (node: TreeNode, mods: PressModifiers) => {\n if (node.disabled) return;\n toggle(node);\n if (selectable) select(node.id, mods);\n onAction?.(node.id, mods);\n };\n\n const onKeyDown = (v: Visible) => (e: KeyboardEvent<HTMLLIElement>) => {\n if (e.target !== e.currentTarget) return;\n const i = indexOf.get(v.node.id)!;\n const { node } = v;\n const open = !!node.children && expanded.has(node.id);\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n focus(visible[Math.min(i + 1, visible.length - 1)].node.id);\n return;\n case 'ArrowUp':\n e.preventDefault();\n focus(visible[Math.max(i - 1, 0)].node.id);\n return;\n case 'Home':\n e.preventDefault();\n focus(visible[0].node.id);\n return;\n case 'End':\n e.preventDefault();\n focus(visible[visible.length - 1].node.id);\n return;\n case 'ArrowRight':\n if (!node.children) return;\n e.preventDefault();\n if (!open) toggle(node);\n else focus(node.children[0]?.id);\n return;\n case 'ArrowLeft':\n e.preventDefault();\n if (open) toggle(node);\n else focus(v.parentId ?? undefined);\n return;\n case 'Enter':\n case ' ':\n e.preventDefault();\n activate(node, modsOf(e));\n return;\n default:\n if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey) return;\n typeAhead(e, i);\n }\n };\n\n const typeAhead = (e: KeyboardEvent, from: number) => {\n const now = Date.now();\n const t = typed.current;\n t.text = now - t.at > TYPEAHEAD_MS ? e.key : t.text + e.key;\n t.at = now;\n const want = t.text.toLowerCase();\n // A fresh first letter looks past the current row; a longer prefix may still match it.\n const start = t.text.length === 1 ? from + 1 : from;\n for (let k = 0; k < visible.length; k++) {\n const v = visible[(start + k) % visible.length];\n if (textOf(v.node).toLowerCase().startsWith(want)) {\n e.preventDefault();\n focus(v.node.id);\n return;\n }\n }\n };\n\n const onRowClick = (node: TreeNode) => (e: MouseEvent<HTMLDivElement>) => activate(node, modsOf(e));\n\n const onTwistyClick = (node: TreeNode) => (e: MouseEvent<HTMLSpanElement>) => {\n e.stopPropagation();\n toggle(node);\n };\n\n const itemRef = (id: string) => (el: HTMLLIElement | null) => {\n if (el) items.current.set(id, el);\n else items.current.delete(id);\n };\n\n let seq = 0;\n const renderLevel = (list: readonly TreeNode[], parentId: string | null, level: number): ReactNode =>\n list.map((node, pos) => {\n const n = seq++;\n const branch = !!node.children;\n const open = branch && expanded.has(node.id);\n const labelId = `${baseId}-${n}`;\n const trailingId = node.trailing != null ? `${baseId}-${n}-t` : undefined;\n return (\n <li\n key={node.id}\n ref={itemRef(node.id)}\n role=\"treeitem\"\n className={[s.item, node.className].filter(Boolean).join(' ')}\n aria-level={level}\n aria-setsize={list.length}\n aria-posinset={pos + 1}\n aria-expanded={branch ? open : undefined}\n aria-selected={selectable ? selected.has(node.id) : undefined}\n aria-disabled={node.disabled || undefined}\n aria-labelledby={trailingId ? `${labelId} ${trailingId}` : labelId}\n data-muted={node.muted ? 'true' : undefined}\n tabIndex={node.id === stopId ? 0 : -1}\n onKeyDown={onKeyDown({ node, parentId, level })}\n onFocus={(e) => { if (e.target === e.currentTarget) setFocusId(node.id); }}\n >\n <div className={s.row} onClick={onRowClick(node)}>\n <span className={s.twisty} aria-hidden=\"true\" onClick={branch ? onTwistyClick(node) : undefined}>\n {branch && <DisclosureMark open={open} />}\n </span>\n {node.leading != null && <span className={s.leading}>{node.leading}</span>}\n <span id={labelId} className={s.label}>{node.label}</span>\n {trailingId && <span id={trailingId} className={s.trailing}>{node.trailing}</span>}\n </div>\n {open && node.children!.length > 0 && (\n <ul role=\"group\" className={s.group}>\n {renderLevel(node.children!, node.id, level + 1)}\n </ul>\n )}\n </li>\n );\n });\n\n return (\n <ul\n ref={ref}\n role=\"tree\"\n className={[s.tree, className].filter(Boolean).join(' ')}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-multiselectable={selectionMode === 'multiple' || undefined}\n >\n {renderLevel(nodes, null, 1)}\n </ul>\n );\n});\n\n/**\n * `nodes` narrowed to those `match` accepts, plus their ancestors. A matching\n * node keeps its whole subtree; a branch with no match inside it is dropped.\n * Returns `nodes` itself when nothing is dropped.\n */\nexport function filterTree(\n nodes: readonly TreeNode[],\n match: (node: TreeNode) => boolean,\n): readonly TreeNode[] {\n let changed = false;\n const out: TreeNode[] = [];\n for (const node of nodes) {\n if (match(node)) {\n out.push(node);\n continue;\n }\n const kids = node.children ? filterTree(node.children, match) : [];\n if (kids.length === 0) {\n changed = true;\n continue;\n }\n if (kids !== node.children) changed = true;\n out.push(kids === node.children ? node : { ...node, children: kids });\n }\n return changed ? out : nodes;\n}\n\n/** Every branch id in `nodes`, depth first — `expandedIds` for a tree with everything open. */\nexport function treeBranchIds(nodes: readonly TreeNode[]): string[] {\n const out: string[] = [];\n const walk = (list: readonly TreeNode[]) => {\n for (const node of list) {\n if (!node.children) continue;\n out.push(node.id);\n walk(node.children);\n }\n };\n walk(nodes);\n return out;\n}\n\nfunction textOf(node: TreeNode): string {\n return node.textValue ?? (typeof node.label === 'string' ? node.label : '');\n}\n\nfunction modsOf(e: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean; altKey: boolean }): PressModifiers {\n return { shiftKey: e.shiftKey, ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey };\n}\n\nfunction useControlledSet(\n value: Iterable<string> | undefined,\n initial: Iterable<string> | undefined,\n onChange: ((ids: Set<string>) => void) | undefined,\n): [ReadonlySet<string>, (next: Set<string>) => void] {\n const [own, setOwn] = useState<ReadonlySet<string>>(() => new Set(initial));\n const controlled = useMemo(() => (value === undefined ? undefined : new Set(value)), [value]);\n const set = (next: Set<string>) => {\n if (value === undefined) setOwn(next);\n onChange?.(next);\n };\n return [controlled ?? own, set];\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createKeyframeLayer-Czj6Y235.js","names":["s","_Fragment","s","dlog","plotToModel","modelToPlot","Plot2D","snapToNearest","hitTestAnchor","r2","radius","best","i","anchors","dx","pointer","dy","d2","hitTestCurve","segIdx","segments","samples","last","a","b","abx","aby","apx","apy","ab2","u","cx","cy","t","HANDLE_SIZE_TOKENS","handleSize","tokenPx","token","resolved","handleHalf","CurveEditor_module_default","NO_MODIFIERS","readModifiers","LayeredCurveEditor","props","historyEnabled","modelRange","useMemo","xRange","yRange","plotSize","width","height","layersRef","useRef","layers","modelRangeRef","plotSizeRef","plotRef","makeCtx","useCallback","mr","ps","p","activeRef","activeLayerId","setActiveLayerId","useState","pastRef","futureRef","snapshot","m","restore","current","prev","snap","onLayerChange","undo","past","redo","future","next","onGestureMoveRef","onGestureEndRef","onGestureCancelRef","sessionRef","cleanupGesture","findLayerState","id","h","model","ctx","finalState","onLayerCommit","restored","installGesture","startStates","startSelfState","layerId","openPointerSession","down","onSvgPointerDown","modifiers","e","ls","nativeEvent","coords","preEventSnapshot","hit","prevState","committed","gesture","pendingCommit","onSvgKeyDown","k","renderCtxBase","cls","className","children","SAMPLES_PER_SEGMENT","KEY_HIT_PX","HANDLE_HIT_PX","CURVE_HIT_PX","KEY_HALF","HANDLE_RADIUS","SHIFT_MULTIPLIER","HANDLE_STEP","keyframeLayerState","clampTo","range","v","bezierOf","key","moveKeyTo","moved","keys","index","rest","at","selectedKey","applyKeyframeDrag","state","drag","createKeyframeLayer","cfg","label","formatX","x","snapRadiusPx","easingInto","d","seg","cubicBezierEasing","resolveEasing","segmentSamples","out","ease","pts","j","activeBezier","handlePoints","xf","yf","bezier","path","render","shown","curve","dragIndex","Fragment","x0","x1","h1","h2","hitTest","plot","c","keyGesture","perPx","handleGesture","segment","handle","onPointerDown","extra","onKeyDown","target","activate","mult","keyEl","stepX","stepY","value","segEl","handleEl"],"sources":["../../src/components/CurveEditor/hitTest.ts","../../src/handles.ts","../../src/components/CurveEditor/CurveEditor.module.css","../../src/components/CurveEditor/LayeredCurveEditor.tsx","../../src/components/CurveEditor/createKeyframeLayer.tsx"],"sourcesContent":["/**\n * Curve-specific hit tests. Generic coord transforms live in\n * `../Plot2D/geometry`; what's here is curve-only (anchor / polyline\n * proximity).\n */\nimport type { Point } from '../Plot2D/geometry';\n\n/**\n * Nearest-anchor hit test. Anchors are already in plot/screen coords.\n * Returns the index of the nearest anchor whose squared distance to\n * the pointer is ≤ radius². Null if no anchor is within radius.\n */\nexport function hitTestAnchor(\n anchors: readonly Point[],\n pointer: Point,\n radius: number,\n): { index: number } | null {\n const r2 = radius * radius;\n let best: { index: number; d2: number } | null = null;\n for (let i = 0; i < anchors.length; i++) {\n const a = anchors[i];\n const dx = a.x - pointer.x;\n const dy = a.y - pointer.y;\n const d2 = dx * dx + dy * dy;\n if (d2 > r2) continue;\n if (best === null || d2 < best.d2) best = { index: i, d2 };\n }\n return best ? { index: best.index } : null;\n}\n\n/**\n * Hit test against a per-segment sampled polyline. Each entry in\n * `segments` is the sample list for one segment (inclusive of\n * endpoints). Returns segment index + t (∈ [0, 1]) of the closest\n * point on the polyline within radius. Null if nothing is in range.\n *\n * Distance is measured to the line-segment chords between adjacent\n * samples, not just to the samples themselves — so sparse sampling\n * still produces accurate hits along the chord.\n */\nexport function hitTestCurve(\n segments: readonly (readonly Point[])[],\n pointer: Point,\n radius: number,\n): { segIdx: number; t: number } | null {\n const r2 = radius * radius;\n let best: { segIdx: number; t: number; d2: number } | null = null;\n for (let segIdx = 0; segIdx < segments.length; segIdx++) {\n const samples = segments[segIdx];\n if (samples.length < 2) continue;\n const last = samples.length - 1;\n for (let i = 0; i < last; i++) {\n const a = samples[i];\n const b = samples[i + 1];\n const abx = b.x - a.x;\n const aby = b.y - a.y;\n const apx = pointer.x - a.x;\n const apy = pointer.y - a.y;\n const ab2 = abx * abx + aby * aby;\n let u = ab2 > 0 ? (apx * abx + apy * aby) / ab2 : 0;\n if (u < 0) u = 0;\n else if (u > 1) u = 1;\n const cx = a.x + u * abx;\n const cy = a.y + u * aby;\n const dx = cx - pointer.x;\n const dy = cy - pointer.y;\n const d2 = dx * dx + dy * dy;\n if (d2 > r2) continue;\n const t = (i + u) / last;\n if (best === null || d2 < best.d2) best = { segIdx, t, d2 };\n }\n }\n return best ? { segIdx: best.segIdx, t: best.t } : null;\n}\n","import { tokenPx } from '@weasel-js/theme';\nimport type { ResolvedTheme } from '@weasel-js/theme';\n\n/**\n * The handle sizes the theme publishes: the default rank, the inert one a\n * locked or pinned point wears, and the emphasized one for a handle that is\n * its own category.\n */\nexport const HANDLE_SIZE_TOKENS = [\n '--wzl-handle-size', '--wzl-handle-size-sm', '--wzl-handle-size-lg',\n] as const;\n\n/** One of {@link HANDLE_SIZE_TOKENS}. */\nexport type HandleSizeToken = (typeof HANDLE_SIZE_TOKENS)[number];\n\n/**\n * A handle's edge in px, for code that draws a handle instead of styling one.\n *\n * CSS reaches `--wzl-handle-*` directly; SVG geometry attributes and canvas\n * cannot, so they come through here and the number stays written once, in the\n * theme definition.\n */\nexport function handleSize(token: HandleSizeToken, resolved?: ResolvedTheme): number {\n return tokenPx(token, resolved);\n}\n\n/** Half a handle's edge — what an SVG rect centered on a point offsets by. */\nexport function handleHalf(token: HandleSizeToken, resolved?: ResolvedTheme): number {\n return handleSize(token, resolved) / 2;\n}\n",".root {\n /* Component-local vars layered over the theme tokens. Each var resolves\n * to a semantic token from @weasel-js/theme; consumers override\n * either the curve-* var (component scope) or the wzl-* token (app\n * scope) without touching this file.\n *\n * Background / grid / axis tokens live on Plot2D now (this component\n * composes Plot2D, which paints the background and chrome). */\n --curve-line: var(--wzl-curve-color);\n --curve-line-width: var(--wzl-curve-width);\n --curve-fill: color-mix(in srgb, var(--curve-line) 30%, transparent);\n --curve-anchor-fill: var(--wzl-surface);\n --curve-anchor-stroke: var(--curve-line);\n --curve-anchor-active-fill: var(--curve-line);\n --curve-pinned-fill: var(--wzl-fg-subtle);\n}\n\n.fill {\n fill: var(--curve-fill);\n stroke: none;\n pointer-events: none;\n}\n\n.curve {\n stroke: var(--curve-line);\n stroke-width: var(--curve-line-width);\n fill: none;\n pointer-events: stroke;\n}\n\n.anchor {\n fill: var(--curve-anchor-fill);\n stroke: var(--curve-anchor-stroke);\n stroke-width: 1.5;\n cursor: grab;\n}\n\n.anchor:hover {\n fill: var(--curve-anchor-active-fill);\n}\n\n.anchor.active {\n fill: var(--curve-anchor-active-fill);\n cursor: grabbing;\n}\n\n.anchor.pinned {\n fill: var(--curve-pinned-fill);\n cursor: default;\n}\n\n/* Caller-set locked anchors share the gray pinned fill but signal\n * \"not interactive at all\" via the not-allowed cursor. */\n.anchor.locked {\n cursor: not-allowed;\n}\n\n/* Endpoint vertices render as diamonds (rotated squares) instead of\n * circles, so they read as a different category of handle. The shape\n * is enforced inline via SVG <rect transform>; this class only adds\n * the hover/active styling. */\n.endpoint {\n /* No fill / stroke overrides — endpoint visuals reuse .anchor /\n * .anchor.pinned / .anchor.active styling. The class exists as a\n * marker for future per-endpoint styling needs. */\n}\n\n/* When the consumer opts into hiding non-interactive handles, pinned\n * endpoints disappear entirely. */\n.hidden {\n display: none;\n}\n\n/* Focus is drawn on the mark itself: an outline on an SVG shape rings its\n bounding box, which the nearest scroll container clips. */\n.anchor:focus-visible {\n outline: none;\n stroke: var(--wzl-focus-ring);\n stroke-width: 2;\n}\n\n/* ── keyframe layer ─────────────────────────────────────────────────── */\n\n.keyframe {\n fill: var(--curve-key-fill, var(--wzl-fg-muted));\n cursor: grab;\n}\n\n.keyframe[aria-current='true'] { fill: var(--curve-selected, var(--wzl-accent-strong)); }\n.keyframe:focus-visible,\n.handle:focus-visible {\n outline: none;\n stroke: var(--wzl-focus-ring);\n stroke-width: 2;\n}\n\n.segmentTarget:focus-visible {\n outline: none;\n stroke: var(--wzl-focus-ring);\n stroke-opacity: 0.5;\n}\n\n/* The committed key holds while its ghost tracks the pointer, so a drag\n reads as a move from somewhere to somewhere. */\n.keyframe[data-dragging='true'] { opacity: 0.4; }\n\n.keyframeGhost {\n fill: var(--curve-selected-soft, var(--wzl-accent-soft));\n stroke: var(--curve-selected, var(--wzl-accent-strong));\n stroke-width: 1;\n stroke-dasharray: 2 2;\n pointer-events: none;\n}\n\n.segmentBand {\n fill: var(--curve-selected-soft, var(--wzl-accent-soft));\n pointer-events: none;\n}\n\n/* Carries focus and a name for each segment; hit testing is geometric. */\n.segmentTarget {\n fill: none;\n stroke: transparent;\n stroke-width: 8;\n pointer-events: none;\n}\n\n.handle {\n fill: var(--wzl-surface);\n stroke: var(--curve-selected, var(--wzl-accent-strong));\n stroke-width: 1;\n cursor: grab;\n}\n\n.handleStem {\n stroke: var(--curve-selected, var(--wzl-accent-strong));\n stroke-width: 1;\n pointer-events: none;\n}\n","import {\n useCallback, useEffect, useMemo, useRef, useState,\n type CSSProperties,\n type KeyboardEvent as ReactKeyboardEvent,\n type PointerEvent as ReactPointerEvent,\n type ReactNode,\n} from 'react';\nimport { openPointerSession, type PointerSession } from '@weasel-js/core';\nimport {\n Plot2D,\n type Plot2DHandle,\n type GridSettings,\n type AxesSettings,\n type TickSettings,\n} from '../Plot2D';\nimport {\n modelToPlot, plotToModel,\n type ModelRange,\n} from '../Plot2D/geometry';\nimport { dlog } from '../../dlog';\nimport s from './CurveEditor.module.css';\nimport type {\n CurveLayer, LayerCtx, LayerGesture, LayerModifiers, ModelPoint, PlotPoint,\n} from './layerTypes';\n\n/**\n * A layer paired with the state the consumer holds for it. The editor never\n * stores layer state itself.\n */\nexport interface LayerBinding<S = unknown> {\n layer: CurveLayer<S>;\n state: S;\n}\n\n/** Props for {@link LayeredCurveEditor}. */\nexport interface LayeredCurveEditorProps {\n /** Bottom-to-top render order: `layers[0]` paints first, `layers[N-1]`\n * paints on top. Hit-testing runs in reverse (topmost claim wins). */\n layers: ReadonlyArray<LayerBinding<unknown>>;\n\n /** Fires every frame during a gesture with the live in-flight state\n * for the layer that owns the gesture. */\n onLayerChange(id: string, next: unknown): void;\n\n /** Fires once per discrete user action (drag-end, one-shot insert,\n * delete) for the layer that produced the change. `prev` is the\n * layer's state at gesture start. */\n onLayerCommit?(id: string, next: unknown, prev: unknown): void;\n\n width: number;\n height: number;\n /** Model-space x range. Default [0, 1]. */\n xRange?: readonly [number, number];\n /** Model-space y range. Default [0, 1]. */\n yRange?: readonly [number, number];\n grid?: GridSettings | false | null;\n axes?: AxesSettings | false | null;\n /** Ticks at x values. See `Plot2D.xTicks`. */\n xTicks?: TickSettings | false | null;\n /** Ticks at y values. See `Plot2D.yTicks`. */\n yTicks?: TickSettings | false | null;\n\n /** Built-in undo/redo via Cmd/Ctrl+Z (Shift+Z or Y for redo) on the\n * focused SVG. Snapshots every layer's state on each commit; undo\n * fires `onLayerChange(id, prevState)` for each layer whose state\n * changed. Default `true`. */\n history?: boolean;\n\n /** Accessible name for the plot, which is exposed as a group so the\n * focusable marks layers render inside it stay reachable. */\n 'aria-label'?: string;\n className?: string;\n style?: CSSProperties;\n\n /** Extra SVG content rendered behind all layers (under the lowest\n * layer but above grid/axes). Use this for static chrome that isn't\n * worth modeling as a layer. */\n children?: ReactNode;\n}\n\ninterface ActiveGesture {\n layerId: string;\n gesture: LayerGesture<unknown>;\n startStates: Map<string, unknown>;\n startSelfState: unknown;\n}\n\n/** A cancel carries no event, so a layer's `onCancel` sees no modifiers held. */\nconst NO_MODIFIERS: LayerModifiers = { shift: false, alt: false, meta: false, ctrl: false };\n\nfunction readModifiers(e: PointerEvent | ReactPointerEvent | KeyboardEvent | ReactKeyboardEvent): LayerModifiers {\n return {\n shift: e.shiftKey,\n alt: e.altKey,\n meta: e.metaKey,\n ctrl: e.ctrlKey,\n };\n}\n\n/**\n * A `Plot2D` that hosts a stack of composable curve layers. It owns the\n * pointer gestures and the coordinate mapping; each layer supplies its own\n * drawing, hit testing and gesture behavior.\n *\n * Layer state stays with the consumer: the editor reports changes through\n * `onLayerChange` during a gesture and `onLayerCommit` at its end, and reads\n * the state back from props each frame. That is what lets one layer's drag\n * update another layer's state mid-gesture.\n */\nexport function LayeredCurveEditor(props: LayeredCurveEditorProps) {\n const {\n layers, onLayerChange, onLayerCommit,\n width, height,\n xRange = [0, 1], yRange = [0, 1],\n grid, axes, xTicks, yTicks,\n className, style, children,\n } = props;\n\n const historyEnabled = props.history !== false;\n\n const modelRange: ModelRange = useMemo(\n () => ({ xMin: xRange[0], xMax: xRange[1], yMin: yRange[0], yMax: yRange[1] }),\n [xRange, yRange],\n );\n const plotSize = useMemo(() => ({ width, height }), [width, height]);\n\n // Refs that always hold the latest props — gesture handlers and\n // window listeners close over these refs, never over render-time\n // values, so mid-drag re-renders (including cross-layer state\n // updates) are visible to the next pointermove tick.\n const layersRef = useRef(layers);\n layersRef.current = layers;\n const modelRangeRef = useRef(modelRange);\n modelRangeRef.current = modelRange;\n const plotSizeRef = useRef(plotSize);\n plotSizeRef.current = plotSize;\n\n const plotRef = useRef<Plot2DHandle | null>(null);\n\n // ── Coord helpers ──────────────────────────────────────────────────\n const makeCtx = useCallback((modifiers: LayerModifiers): LayerCtx => {\n const mr = modelRangeRef.current;\n const ps = plotSizeRef.current;\n return {\n modelRange: mr,\n plotSize: ps,\n toPlot: (p) => modelToPlot(p, mr, ps),\n toModel: (p) => plotToModel(p, mr, ps),\n modifiers,\n };\n }, []);\n\n // ── Gesture routing ────────────────────────────────────────────────\n const activeRef = useRef(null as ActiveGesture | null);\n const [activeLayerId, setActiveLayerId] = useState<string | null>(null);\n\n // ── History (whole-state snapshots) ────────────────────────────────\n const pastRef = useRef<Map<string, unknown>[]>([]);\n const futureRef = useRef<Map<string, unknown>[]>([]);\n\n const snapshot = useCallback((): Map<string, unknown> => {\n const m = new Map<string, unknown>();\n for (const b of layersRef.current) m.set(b.layer.id, b.state);\n return m;\n }, []);\n\n const restore = useCallback((snap: Map<string, unknown>) => {\n const current = layersRef.current;\n for (const b of current) {\n const prev = snap.get(b.layer.id);\n if (prev !== undefined && prev !== b.state) {\n onLayerChange(b.layer.id, prev);\n }\n }\n }, [onLayerChange]);\n\n const undo = useCallback(() => {\n if (!historyEnabled) return;\n const past = pastRef.current;\n if (past.length === 0) return;\n const prev = past.pop()!;\n futureRef.current.push(snapshot());\n restore(prev);\n }, [historyEnabled, snapshot, restore]);\n\n const redo = useCallback(() => {\n if (!historyEnabled) return;\n const future = futureRef.current;\n if (future.length === 0) return;\n const next = future.pop()!;\n pastRef.current.push(snapshot());\n restore(next);\n }, [historyEnabled, snapshot, restore]);\n\n // ── Pointer routing during an active gesture ───────────────────────\n // The session's callbacks are fixed at gesture start, so they delegate\n // through refs holding the latest per-render impl — a mid-drag re-render\n // must reach the next pointermove tick.\n const onGestureMoveRef = useRef<(e: PointerEvent) => void>(() => {});\n const onGestureEndRef = useRef<(e: PointerEvent) => void>(() => {});\n const onGestureCancelRef = useRef<() => void>(() => {});\n\n const sessionRef = useRef<PointerSession | null>(null);\n\n const cleanupGesture = useCallback(() => {\n sessionRef.current = null;\n activeRef.current = null;\n setActiveLayerId(null);\n }, []);\n\n const findLayerState = useCallback((id: string): unknown | undefined => {\n for (const b of layersRef.current) if (b.layer.id === id) return b.state;\n return undefined;\n }, []);\n\n onGestureMoveRef.current = (e: PointerEvent) => {\n const a = activeRef.current;\n if (!a) return;\n const h = plotRef.current;\n if (!h) return;\n const model = h.clientToModel(e);\n const current = findLayerState(a.layerId);\n if (current === undefined) return;\n const ctx = makeCtx(readModifiers(e));\n const next = a.gesture.onMove(current, model, e, ctx);\n if (next !== current) onLayerChange(a.layerId, next);\n };\n\n onGestureEndRef.current = (e: PointerEvent) => {\n const a = activeRef.current;\n if (!a) return;\n const current = findLayerState(a.layerId);\n if (current === undefined) { cleanupGesture(); return; }\n const ctx = makeCtx(readModifiers(e));\n const finalState = a.gesture.onCommit ? a.gesture.onCommit(current, ctx) : current;\n if (finalState !== current) onLayerChange(a.layerId, finalState);\n if (historyEnabled) {\n pastRef.current.push(a.startStates);\n futureRef.current = [];\n }\n if (onLayerCommit) onLayerCommit(a.layerId, finalState, a.startSelfState);\n cleanupGesture();\n };\n\n onGestureCancelRef.current = () => {\n const a = activeRef.current;\n if (!a) return;\n const current = findLayerState(a.layerId);\n if (current === undefined) { cleanupGesture(); return; }\n const ctx = makeCtx(NO_MODIFIERS);\n const restored = a.gesture.onCancel ? a.gesture.onCancel(current, ctx) : a.startSelfState;\n if (restored !== current) onLayerChange(a.layerId, restored);\n cleanupGesture();\n };\n\n // No pointer capture: consumers render their own SVG chrome into the plot\n // through `children`, and capture would retarget pointerup away from it.\n const installGesture = useCallback((\n layerId: string,\n down: ReactPointerEvent<SVGSVGElement>,\n gesture: LayerGesture<unknown>,\n ) => {\n const startStates = snapshot();\n const startSelfState = startStates.get(layerId);\n activeRef.current = {\n layerId, gesture,\n startStates,\n startSelfState,\n };\n setActiveLayerId(layerId);\n sessionRef.current = openPointerSession(down.currentTarget, down, {\n onMove: (e) => onGestureMoveRef.current(e),\n onEnd: (e) => onGestureEndRef.current(e),\n onCancel: () => onGestureCancelRef.current(),\n }, { capture: false });\n }, [snapshot]);\n\n // ── pointerdown dispatch ───────────────────────────────────────────\n const onSvgPointerDown = useCallback((\n e: ReactPointerEvent<SVGSVGElement>,\n coords: { plot: PlotPoint; model: ModelPoint },\n ) => {\n if (activeRef.current) return; // ignore secondary touches mid-gesture\n const modifiers = readModifiers(e);\n const ctx = makeCtx(modifiers);\n const ls = layersRef.current;\n const nativeEvent = e.nativeEvent;\n\n dlog('layered-curve-editor', 'pointerdown', { plot: coords.plot, model: coords.model, layers: ls.length });\n\n // Capture the pre-event snapshot once; reuse for history if any\n // path produces a commit (gesture-start commit or one-shot).\n const preEventSnapshot = snapshot();\n\n // Top-to-bottom hit test.\n for (let i = ls.length - 1; i >= 0; i--) {\n const b = ls[i];\n const hit = b.layer.hitTest?.(b.state, coords.plot, ctx);\n if (!hit) continue;\n // Found a claim. onPointerDown may start a gesture, absorb the\n // click, or commit a one-shot edit via extra.commit.\n const prevState = b.state;\n let committed: unknown = undefined;\n const gesture = b.layer.onPointerDown?.(\n prevState, hit, nativeEvent, ctx,\n {\n plot: coords.plot,\n model: coords.model,\n commit(next) { committed = next; onLayerChange(b.layer.id, next); },\n },\n );\n e.stopPropagation();\n if (gesture) {\n installGesture(b.layer.id, e, gesture);\n return;\n }\n if (committed !== undefined) {\n if (historyEnabled) {\n pastRef.current.push(preEventSnapshot);\n futureRef.current = [];\n }\n onLayerCommit?.(b.layer.id, committed, prevState);\n }\n return;\n }\n\n // No hit — empty space dispatch, top-to-bottom.\n let pendingCommit: { id: string; next: unknown; prev: unknown } | null = null;\n for (let i = ls.length - 1; i >= 0; i--) {\n const b = ls[i];\n if (!b.layer.onEmptyPointerDown) continue;\n const prevState = b.state;\n let committed: unknown = undefined;\n const gesture = b.layer.onEmptyPointerDown(\n prevState, coords.model, nativeEvent, ctx,\n {\n plot: coords.plot,\n model: coords.model,\n commit(next) {\n committed = next;\n onLayerChange(b.layer.id, next);\n },\n },\n );\n if (gesture) {\n // If onEmptyPointerDown also published a commit (e.g. click-curve\n // insert publishes the new point then drags it), the gesture's\n // startStates already capture the post-insert state; the commit\n // for history is the *pre*-event snapshot, written when the\n // gesture eventually finishes via the gesture-commit path. We\n // override the gesture's startStates so undo restores correctly.\n installGesture(b.layer.id, e, gesture);\n if (committed !== undefined && activeRef.current !== null) {\n (activeRef.current as ActiveGesture).startStates = preEventSnapshot;\n (activeRef.current as ActiveGesture).startSelfState = preEventSnapshot.get(b.layer.id);\n }\n return;\n }\n if (committed !== undefined) {\n pendingCommit = { id: b.layer.id, next: committed, prev: prevState };\n break;\n }\n }\n if (pendingCommit) {\n if (historyEnabled) {\n pastRef.current.push(preEventSnapshot);\n futureRef.current = [];\n }\n onLayerCommit?.(pendingCommit.id, pendingCommit.next, pendingCommit.prev);\n }\n }, [makeCtx, installGesture, onLayerChange, onLayerCommit, historyEnabled, snapshot]);\n\n // ── keyboard ───────────────────────────────────────────────────────\n const onSvgKeyDown = useCallback((e: ReactKeyboardEvent<SVGSVGElement>) => {\n const modifiers = readModifiers(e);\n const ctx = makeCtx(modifiers);\n const ls = layersRef.current;\n // History first.\n if (historyEnabled && (e.metaKey || e.ctrlKey)) {\n const k = e.key.toLowerCase();\n if (k === 'z') {\n if (e.shiftKey) redo();\n else undo();\n e.preventDefault();\n return;\n }\n if (k === 'y') { redo(); e.preventDefault(); return; }\n }\n // Then layers (top-to-bottom).\n for (let i = ls.length - 1; i >= 0; i--) {\n const b = ls[i];\n if (!b.layer.onKeyDown) continue;\n const preEventSnapshot = snapshot();\n let committed: unknown = undefined;\n b.layer.onKeyDown(b.state, e.nativeEvent, ctx, {\n commit(next) { committed = next; onLayerChange(b.layer.id, next); },\n });\n if (committed !== undefined) {\n if (historyEnabled) {\n pastRef.current.push(preEventSnapshot);\n futureRef.current = [];\n }\n onLayerCommit?.(b.layer.id, committed, b.state);\n }\n // The layer prevents default on the native event, which the synthetic\n // event's `isDefaultPrevented` does not observe.\n if (e.nativeEvent.defaultPrevented) return;\n }\n }, [historyEnabled, undo, redo, makeCtx, snapshot, onLayerChange, onLayerCommit]);\n\n useEffect(() => () => { sessionRef.current?.cancel(); }, []);\n\n // ── render ─────────────────────────────────────────────────────────\n const renderCtxBase: Omit<LayerCtx, 'modifiers'> = useMemo(() => ({\n modelRange,\n plotSize,\n toPlot: (p) => modelToPlot(p, modelRange, plotSize),\n toModel: (p) => plotToModel(p, modelRange, plotSize),\n }), [modelRange, plotSize]);\n\n const cls = [s.root, className].filter(Boolean).join(' ');\n\n return (\n <Plot2D\n ref={plotRef}\n className={cls}\n style={style}\n width={width}\n height={height}\n xRange={xRange}\n yRange={yRange}\n grid={grid}\n axes={axes}\n xTicks={xTicks}\n yTicks={yTicks}\n tabIndex={historyEnabled ? 0 : undefined}\n role=\"group\"\n aria-label={props['aria-label']}\n onPointerDown={onSvgPointerDown}\n onKeyDown={onSvgKeyDown}\n >\n {children}\n {layers.map((b) => {\n const ctx = {\n ...renderCtxBase,\n modifiers: { shift: false, alt: false, meta: false, ctrl: false },\n isActive: activeLayerId === b.layer.id,\n };\n return (\n <g key={b.layer.id} data-layer-id={b.layer.id}>\n {b.layer.render(b.state, ctx)}\n </g>\n );\n })}\n </Plot2D>\n );\n}\n","/**\n * Keyframe layer for LayeredCurveEditor: a value-over-time curve whose shape\n * between two keys is the easing on the later one, with draggable keys and\n * draggable cubic-bezier handles on the selected segment.\n *\n * Distinct from `createFunctionLayer`, which interpolates a spline through\n * its anchors. Here the keys are exact and the easing approximates between\n * them, so the two do not share curve maths.\n */\nimport type { ReactNode } from 'react';\nimport { cubicBezierEasing, resolveEasing, type EasingFn, type Keyframe } from '@weasel-js/core';\nimport { hitTestAnchor, hitTestCurve } from './hitTest';\nimport { handleHalf } from '../../handles';\nimport { SNAP_RADIUS_PX, snapToNearest } from '../../snap';\nimport s from './CurveEditor.module.css';\nimport type {\n CurveLayer, EmptyDownArgs, KeyDownArgs, LayerCtx, LayerGesture, LayerHit, LayerRenderCtx, PlotPoint,\n} from './layerTypes';\n\ntype Bezier = readonly [number, number, number, number];\n\n/** A gesture in flight. The committed keys hold still underneath it. */\nexport type KeyframeDrag =\n | { kind: 'key'; index: number; t: number; value: number }\n | { kind: 'handle'; segment: number; bezier: Bezier };\n\n/**\n * The state a keyframe layer owns, held by the consumer and round-tripped\n * through `LayeredCurveEditor`'s `onLayerChange`.\n */\nexport interface KeyframeLayerState {\n /** Sorted ascending by `t`. */\n keys: readonly Keyframe<number>[];\n selectedKey: number | null;\n /** Index of the key the selected segment runs into. Its bezier handles show. */\n selectedSegment: number | null;\n drag: KeyframeDrag | null;\n}\n\n/** Configuration for {@link createKeyframeLayer}. */\nexport interface KeyframeLayerConfig {\n /** Layer id; default `'keyframes'`. */\n id?: string;\n /** Names the curve in each mark's accessible name. Default `'Curve'`. */\n label?: string;\n /** Formats a key time for accessible names. Default: rounded number. */\n formatX?: (x: number) => string;\n /** Times a dragged key snaps to. Holding alt defeats the snap. */\n snapX?: readonly number[];\n /** Snap reach, in plot pixels. Default 6. */\n snapRadiusPx?: number;\n /** Bounds for a key's time. Default: unbounded. */\n xClamp?: readonly [number, number];\n /** Bounds for a key's value. Default: unbounded. */\n yClamp?: readonly [number, number];\n /** One arrow-key step in model units; shift takes ten. Default: 1% of the\n * plot's range on that axis. */\n step?: { x?: number; y?: number };\n}\n\nconst SAMPLES_PER_SEGMENT = 16;\nconst KEY_HIT_PX = 8;\nconst HANDLE_HIT_PX = 8;\nconst CURVE_HIT_PX = 6;\nconst KEY_HALF = handleHalf('--wzl-handle-size');\nconst HANDLE_RADIUS = 3.5;\nconst SHIFT_MULTIPLIER = 10;\nconst HANDLE_STEP = 0.01;\n\n/** A keyframe layer state with nothing selected and no gesture in flight. */\nexport function keyframeLayerState(keys: readonly Keyframe<number>[]): KeyframeLayerState {\n return { keys, selectedKey: null, selectedSegment: null, drag: null };\n}\n\nfunction clampTo(v: number, range?: readonly [number, number]): number {\n return range ? Math.min(range[1], Math.max(range[0], v)) : v;\n}\n\nfunction bezierOf(key: Keyframe<number> | undefined): Bezier | null {\n const e = key?.easing;\n return typeof e === 'object' && e !== null && 'bezier' in e ? e.bezier : null;\n}\n\nfunction moveKeyTo(\n keys: readonly Keyframe<number>[], index: number, t: number, value: number,\n): { keys: Keyframe<number>[]; selectedKey: number } {\n const moved = { ...keys[index], t, value };\n const rest = keys.filter((_, i) => i !== index);\n const at = rest.findIndex((k) => k.t > t);\n const selectedKey = at === -1 ? rest.length : at;\n rest.splice(selectedKey, 0, moved);\n return { keys: rest, selectedKey };\n}\n\n/**\n * The keys a state's drag would leave behind: a dragged key re-sorted into\n * place, or a dragged handle's control points written onto the key its\n * segment runs into. `selectedKey` follows a moved key to its new index; a\n * key dropped where it started returns the same `keys` array.\n */\nexport function applyKeyframeDrag(\n state: KeyframeLayerState,\n): { keys: readonly Keyframe<number>[]; selectedKey: number | null } {\n const { drag, keys } = state;\n if (!drag) return { keys, selectedKey: state.selectedKey };\n if (drag.kind === 'key') {\n const k = keys[drag.index];\n if (k && k.t === drag.t && k.value === drag.value) return { keys, selectedKey: drag.index };\n return moveKeyTo(keys, drag.index, drag.t, drag.value);\n }\n const next = keys.slice();\n next[drag.segment] = { ...keys[drag.segment], easing: { bezier: drag.bezier } };\n return { keys: next, selectedKey: state.selectedKey };\n}\n\n/**\n * Builds a keyframe layer for `LayeredCurveEditor`. Model x is time and model\n * y is value; each segment is drawn through the easing on the key it runs\n * into. Every key, segment and handle is focusable and named, and the arrow\n * keys move whichever one has focus.\n */\nexport function createKeyframeLayer(cfg: KeyframeLayerConfig = {}): CurveLayer<KeyframeLayerState> {\n const id = cfg.id ?? 'keyframes';\n const label = cfg.label ?? 'Curve';\n const formatX = cfg.formatX ?? ((x: number) => String(Math.round(x)));\n const snapRadiusPx = cfg.snapRadiusPx ?? SNAP_RADIUS_PX;\n\n // A live handle drag is previewed straight from its control points: a\n // fresh spec per pointermove through `resolveEasing` would leave one\n // permanent cache entry per pixel of drag.\n function easingInto(state: KeyframeLayerState, keys: readonly Keyframe<number>[], seg: number): EasingFn {\n const d = state.drag;\n if (d?.kind === 'handle' && d.segment === seg) return cubicBezierEasing(...d.bezier);\n return resolveEasing(keys[seg].easing);\n }\n\n function segmentSamples(state: KeyframeLayerState, keys: readonly Keyframe<number>[], ctx: LayerCtx): PlotPoint[][] {\n const out: PlotPoint[][] = [];\n for (let i = 1; i < keys.length; i++) {\n const a = keys[i - 1];\n const b = keys[i];\n const ease = easingInto(state, keys, i);\n const pts: PlotPoint[] = [];\n for (let j = 0; j <= SAMPLES_PER_SEGMENT; j++) {\n const u = j / SAMPLES_PER_SEGMENT;\n pts.push(ctx.toPlot({ x: a.t + (b.t - a.t) * u, y: a.value + (b.value - a.value) * ease(u) }));\n }\n out.push(pts);\n }\n return out;\n }\n\n function activeBezier(state: KeyframeLayerState): Bezier | null {\n const seg = state.selectedSegment;\n if (seg === null || seg < 1 || seg >= state.keys.length) return null;\n const d = state.drag;\n if (d?.kind === 'handle' && d.segment === seg) return d.bezier;\n return bezierOf(state.keys[seg]);\n }\n\n function handlePoints(state: KeyframeLayerState, bezier: Bezier, ctx: LayerCtx): [PlotPoint, PlotPoint] {\n const a = state.keys[state.selectedSegment! - 1];\n const b = state.keys[state.selectedSegment!];\n const at = (xf: number, yf: number) =>\n ctx.toPlot({ x: a.t + xf * (b.t - a.t), y: a.value + yf * (b.value - a.value) });\n return [at(bezier[0], bezier[1]), at(bezier[2], bezier[3])];\n }\n\n const path = (pts: readonly PlotPoint[]): string =>\n pts.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join('');\n\n // ── render ──────────────────────────────────────────────────────────\n function render(state: KeyframeLayerState, ctx: LayerRenderCtx): ReactNode {\n const shown = state.drag?.kind === 'key' ? applyKeyframeDrag(state).keys : state.keys;\n const segments = segmentSamples(state, shown, ctx);\n const curve = segments.flatMap((pts, i) => (i === 0 ? pts : pts.slice(1)));\n const seg = state.selectedSegment;\n const bezier = activeBezier(state);\n const dragIndex = state.drag?.kind === 'key' ? state.drag.index : null;\n\n return (\n <>\n {seg !== null && seg >= 1 && seg < shown.length ? (() => {\n const x0 = ctx.toPlot({ x: shown[seg - 1].t, y: 0 }).x;\n const x1 = ctx.toPlot({ x: shown[seg].t, y: 0 }).x;\n return (\n <rect\n className={s.segmentBand}\n x={Math.min(x0, x1)}\n y={0}\n width={Math.abs(x1 - x0)}\n height={ctx.plotSize.height}\n />\n );\n })() : null}\n {curve.length > 1 ? <path data-curve-element=\"curve\" className={s.curve} d={path(curve)} /> : null}\n {segments.map((pts, i) => (\n <path\n key={`seg-${i + 1}`}\n className={s.segmentTarget}\n d={path(pts)}\n role=\"button\"\n tabIndex={0}\n aria-label={`${label} segment into ${formatX(shown[i + 1].t)}`}\n aria-current={seg === i + 1 ? 'true' : undefined}\n data-segment-index={i + 1}\n />\n ))}\n {bezier ? (() => {\n const [h1, h2] = handlePoints(state, bezier, ctx);\n const a = ctx.toPlot({ x: state.keys[seg! - 1].t, y: state.keys[seg! - 1].value });\n const b = ctx.toPlot({ x: state.keys[seg!].t, y: state.keys[seg!].value });\n return (\n <>\n <line className={s.handleStem} x1={a.x} y1={a.y} x2={h1.x} y2={h1.y} />\n <line className={s.handleStem} x1={b.x} y1={b.y} x2={h2.x} y2={h2.y} />\n {[h1, h2].map((h, i) => (\n <circle\n key={`handle-${i}`}\n className={s.handle}\n cx={h.x}\n cy={h.y}\n r={HANDLE_RADIUS}\n role=\"button\"\n tabIndex={0}\n aria-label={`${label} bezier handle ${i + 1}`}\n data-handle-index={i}\n />\n ))}\n </>\n );\n })() : null}\n {state.keys.map((k, i) => {\n const p = ctx.toPlot({ x: k.t, y: k.value });\n return (\n <rect\n key={`key-${i}`}\n className={s.keyframe}\n x={p.x - KEY_HALF}\n y={p.y - KEY_HALF}\n width={KEY_HALF * 2}\n height={KEY_HALF * 2}\n transform={`rotate(45 ${p.x} ${p.y})`}\n role=\"button\"\n tabIndex={0}\n aria-label={`${label} key at ${formatX(k.t)}`}\n aria-current={state.selectedKey === i ? 'true' : undefined}\n data-keyframe-index={i}\n data-dragging={dragIndex === i ? 'true' : undefined}\n />\n );\n })}\n {state.drag?.kind === 'key' ? (() => {\n const p = ctx.toPlot({ x: state.drag.t, y: state.drag.value });\n return (\n <rect\n aria-hidden=\"true\"\n className={s.keyframeGhost}\n x={p.x - KEY_HALF}\n y={p.y - KEY_HALF}\n width={KEY_HALF * 2}\n height={KEY_HALF * 2}\n transform={`rotate(45 ${p.x} ${p.y})`}\n data-keyframe-ghost=\"\"\n />\n );\n })() : null}\n </>\n );\n }\n\n // ── hit test ────────────────────────────────────────────────────────\n function hitTest(state: KeyframeLayerState, plot: PlotPoint, ctx: LayerCtx): LayerHit | null {\n const bezier = activeBezier(state);\n if (bezier) {\n const h = hitTestAnchor(handlePoints(state, bezier, ctx), plot, HANDLE_HIT_PX);\n if (h) return { kind: 'handle', payload: { handle: h.index } };\n }\n const k = hitTestAnchor(state.keys.map((key) => ctx.toPlot({ x: key.t, y: key.value })), plot, KEY_HIT_PX);\n if (k) return { kind: 'key', payload: { index: k.index } };\n const c = hitTestCurve(segmentSamples(state, state.keys, ctx), plot, CURVE_HIT_PX);\n if (c) return { kind: 'segment', payload: { segment: c.segIdx + 1 } };\n return null;\n }\n\n // ── gestures ────────────────────────────────────────────────────────\n function keyGesture(index: number): LayerGesture<KeyframeLayerState> {\n return {\n onMove(state, model, e, ctx) {\n let t = clampTo(model.x, cfg.xClamp);\n if (cfg.snapX && !e.altKey) {\n const perPx = (ctx.modelRange.xMax - ctx.modelRange.xMin) / ctx.plotSize.width;\n t = clampTo(snapToNearest(t, cfg.snapX, Math.abs(perPx) * snapRadiusPx), cfg.xClamp);\n }\n return { ...state, drag: { kind: 'key', index, t, value: clampTo(model.y, cfg.yClamp) } };\n },\n onCommit(state) { return { ...state, ...applyKeyframeDrag(state), drag: null }; },\n onCancel(state) { return { ...state, drag: null }; },\n };\n }\n\n function handleGesture(segment: number, handle: 0 | 1): LayerGesture<KeyframeLayerState> {\n return {\n onMove(state, model) {\n const a = state.keys[segment - 1];\n const b = state.keys[segment];\n const d = state.drag;\n if (!a || !b || d?.kind !== 'handle') return state;\n const xf = b.t === a.t ? 0 : Math.min(1, Math.max(0, (model.x - a.t) / (b.t - a.t)));\n const yf = b.value === a.value ? 0 : (model.y - a.value) / (b.value - a.value);\n const bezier = [...d.bezier] as [number, number, number, number];\n bezier[handle * 2] = xf;\n bezier[handle * 2 + 1] = yf;\n return { ...state, drag: { kind: 'handle', segment, bezier } };\n },\n onCommit(state) { return { ...state, ...applyKeyframeDrag(state), drag: null }; },\n onCancel(state) { return { ...state, drag: null }; },\n };\n }\n\n function onPointerDown(\n state: KeyframeLayerState,\n hit: LayerHit,\n e: PointerEvent,\n _ctx: LayerCtx,\n extra: EmptyDownArgs<KeyframeLayerState>,\n ): LayerGesture<KeyframeLayerState> | void {\n if (e.button !== 0) return;\n if (hit.kind === 'handle') {\n const bezier = activeBezier(state);\n const segment = state.selectedSegment;\n if (!bezier || segment === null) return;\n const { handle } = hit.payload as { handle: 0 | 1 };\n extra.commit({ ...state, drag: { kind: 'handle', segment, bezier } });\n return handleGesture(segment, handle);\n }\n if (hit.kind === 'key') {\n const { index } = hit.payload as { index: number };\n const k = state.keys[index];\n extra.commit({ ...state, selectedKey: index, drag: { kind: 'key', index, t: k.t, value: k.value } });\n return keyGesture(index);\n }\n if (hit.kind === 'segment') {\n const { segment } = hit.payload as { segment: number };\n extra.commit({ ...state, selectedSegment: segment });\n }\n }\n\n // ── keyboard ────────────────────────────────────────────────────────\n function onKeyDown(\n state: KeyframeLayerState,\n e: KeyboardEvent,\n ctx: LayerCtx,\n extra: KeyDownArgs<KeyframeLayerState>,\n ): void {\n const target = e.target as Element | null;\n if (target?.closest?.('[data-layer-id]')?.getAttribute('data-layer-id') !== id) return;\n const activate = e.key === 'Enter' || e.key === ' ';\n const dx = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0;\n const dy = e.key === 'ArrowUp' ? 1 : e.key === 'ArrowDown' ? -1 : 0;\n const mult = e.shiftKey ? SHIFT_MULTIPLIER : 1;\n\n const keyEl = target.closest('[data-keyframe-index]');\n if (keyEl) {\n const index = Number(keyEl.getAttribute('data-keyframe-index'));\n const k = state.keys[index];\n if (!k) return;\n if (activate) {\n e.preventDefault();\n extra.commit({ ...state, selectedKey: index });\n return;\n }\n if (dx === 0 && dy === 0) return;\n e.preventDefault();\n const m = ctx.modelRange;\n const stepX = (cfg.step?.x ?? Math.abs(m.xMax - m.xMin) / 100) * mult;\n const stepY = (cfg.step?.y ?? Math.abs(m.yMax - m.yMin) / 100) * mult;\n const t = clampTo(k.t + dx * stepX, cfg.xClamp);\n const value = clampTo(k.value + dy * stepY, cfg.yClamp);\n if (t === k.t && value === k.value) return;\n extra.commit({ ...state, ...moveKeyTo(state.keys, index, t, value), drag: null });\n return;\n }\n\n const segEl = target.closest('[data-segment-index]');\n if (segEl && activate) {\n e.preventDefault();\n extra.commit({ ...state, selectedSegment: Number(segEl.getAttribute('data-segment-index')) });\n return;\n }\n\n const handleEl = target.closest('[data-handle-index]');\n const bezier = activeBezier(state);\n if (handleEl && bezier && state.selectedSegment !== null && (dx !== 0 || dy !== 0)) {\n e.preventDefault();\n const h = Number(handleEl.getAttribute('data-handle-index'));\n const next = [...bezier] as [number, number, number, number];\n next[h * 2] = Math.min(1, Math.max(0, next[h * 2] + dx * HANDLE_STEP * mult));\n next[h * 2 + 1] += dy * HANDLE_STEP * mult;\n const drag: KeyframeDrag = { kind: 'handle', segment: state.selectedSegment, bezier: next };\n extra.commit({ ...state, ...applyKeyframeDrag({ ...state, drag }), drag: null });\n }\n }\n\n return { id, render, hitTest, onPointerDown, onKeyDown };\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons-Dk8SRS8g.js","names":["Icon","EllipseIcon$1","ImageIcon$1","LassoIcon$1","LineIcon$1","PenIcon$1","PencilIcon$1","PolygonIcon$1","RectIcon$1","StarIcon$1","TextIcon$1","UnknownIcon$1","CloneIcon","p","ResetIcon","CloseIcon","ExportIcon","ZoomInIcon","PanIcon","AddIcon","ModeLightIcon","ModeDarkIcon","ModeAutoIcon","RemoveIcon","SortIcon","ZoomOutIcon","FitIcon","SnapshotIcon","PlayIcon","PauseIcon","StopIcon","StepBackIcon","StepForwardIcon","StepIcon","CrosshairIcon","FullscreenIcon","CompareIcon","FilterIcon","SearchIcon","LoupeIcon","LayersIcon","PageIcon","LockIcon","UnlockIcon","VisibleIcon","HiddenIcon","PinIcon","LinkIcon","CollapseIcon","ExpandIcon","ChevronIcon","TuneIcon","GridIcon","SnapIcon","MeasureIcon","RandomizeIcon","RefreshIcon","InfoIcon","WarningIcon","ErrorIcon","BusyIcon","CheckIcon","LayoutRowsIcon","LayoutColumnsIcon","LayoutGridIcon","UngroupIcon","DistributeVerticalIcon","GroupIcon","HandIcon","FlipXIcon","FlipYIcon","DistributeHorizontalIcon","SendBackwardIcon","AlignLeftIcon","CutIcon","ArrowIcon","RedoIcon","SelectIcon","AlignCenterYIcon","EyedropperIcon","UndoIcon","BringForwardIcon","AlignBottomIcon","PasteIcon","AlignRightIcon","AlignCenterXIcon","AlignTopIcon","BringToFrontIcon","CopyIcon","SendToBackIcon","DuplicateIcon","DeleteIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import { Icon, type IconProps } from './Icon';\n\nexport { Icon, isFillable } from './Icon';\nexport type { IconProps } from './Icon';\nexport { ICON_FILLS, ICON_GROUPS, ICON_PATHS } from './paths';\nexport { ShapeKindIcon } from './ShapeKindIcon';\nexport type { ShapeKindIconProps } from './ShapeKindIcon';\nexport type { FillableIconName, IconName } from './paths';\n\n// Tool glyphs live in @weasel-js/core because core needs them for\n// `Tool.presentation.icon` defaults and cannot depend on this package.\n// Re-exported here so consumers have one import site for the whole set.\nexport {\n SelectIcon, LassoIcon, RectIcon, EllipseIcon, ImageIcon, EyedropperIcon,\n LineIcon, ArrowIcon, PolygonIcon, StarIcon, PencilIcon, TextIcon, PenIcon, HandIcon,\n UnknownIcon,\n} from '@weasel-js/core';\n// The standard edit actions' glyphs live beside those actions in core, for the\n// same reason.\nexport {\n CutIcon, CopyIcon, PasteIcon, DuplicateIcon, GroupIcon, UngroupIcon,\n BringForwardIcon, BringToFrontIcon, SendBackwardIcon, SendToBackIcon, FlipXIcon, FlipYIcon,\n UndoIcon, RedoIcon, DeleteIcon,\n AlignLeftIcon, AlignCenterXIcon, AlignRightIcon, AlignTopIcon, AlignCenterYIcon, AlignBottomIcon,\n DistributeHorizontalIcon, DistributeVerticalIcon,\n} from '@weasel-js/core';\n\nexport const CloneIcon = (p: IconProps) => <Icon name=\"clone\" {...p} />;\nexport const ResetIcon = (p: IconProps) => <Icon name=\"reset\" {...p} />;\nexport const CloseIcon = (p: IconProps) => <Icon name=\"close\" {...p} />;\nexport const ExportIcon = (p: IconProps) => <Icon name=\"export\" {...p} />;\nexport const ZoomInIcon = (p: IconProps) => <Icon name=\"zoomIn\" {...p} />;\nexport const PanIcon = (p: IconProps) => <Icon name=\"pan\" {...p} />;\nexport const AddIcon = (p: IconProps) => <Icon name=\"add\" {...p} />;\nexport const ModeLightIcon = (p: IconProps) => <Icon name=\"modeLight\" {...p} />;\nexport const ModeDarkIcon = (p: IconProps) => <Icon name=\"modeDark\" {...p} />;\nexport const ModeAutoIcon = (p: IconProps) => <Icon name=\"modeAuto\" {...p} />;\nexport const RemoveIcon = (p: IconProps) => <Icon name=\"remove\" {...p} />;\nexport const SortIcon = (p: IconProps) => <Icon name=\"sort\" {...p} />;\nexport const ZoomOutIcon = (p: IconProps) => <Icon name=\"zoomOut\" {...p} />;\nexport const FitIcon = (p: IconProps) => <Icon name=\"fit\" {...p} />;\nexport const SnapshotIcon = (p: IconProps) => <Icon name=\"snapshot\" {...p} />;\nexport const PlayIcon = (p: IconProps) => <Icon name=\"play\" {...p} />;\nexport const PauseIcon = (p: IconProps) => <Icon name=\"pause\" {...p} />;\nexport const StopIcon = (p: IconProps) => <Icon name=\"stop\" {...p} />;\nexport const StepBackIcon = (p: IconProps) => <Icon name=\"stepBack\" {...p} />;\nexport const StepForwardIcon = (p: IconProps) => <Icon name=\"stepForward\" {...p} />;\n/** @deprecated Use {@link StepForwardIcon}; `step` alone stopped naming a direction. */\nexport const StepIcon = StepForwardIcon;\nexport const CrosshairIcon = (p: IconProps) => <Icon name=\"crosshair\" {...p} />;\nexport const FullscreenIcon = (p: IconProps) => <Icon name=\"fullscreen\" {...p} />;\nexport const CompareIcon = (p: IconProps) => <Icon name=\"compare\" {...p} />;\nexport const FilterIcon = (p: IconProps) => <Icon name=\"filter\" {...p} />;\nexport const SearchIcon = (p: IconProps) => <Icon name=\"search\" {...p} />;\nexport const LoupeIcon = (p: IconProps) => <Icon name=\"loupe\" {...p} />;\nexport const LayersIcon = (p: IconProps) => <Icon name=\"layers\" {...p} />;\nexport const PageIcon = (p: IconProps) => <Icon name=\"page\" {...p} />;\nexport const LockIcon = (p: IconProps) => <Icon name=\"lock\" {...p} />;\nexport const UnlockIcon = (p: IconProps) => <Icon name=\"unlock\" {...p} />;\nexport const VisibleIcon = (p: IconProps) => <Icon name=\"visible\" {...p} />;\nexport const HiddenIcon = (p: IconProps) => <Icon name=\"hidden\" {...p} />;\nexport const PinIcon = (p: IconProps) => <Icon name=\"pin\" {...p} />;\nexport const LinkIcon = (p: IconProps) => <Icon name=\"link\" {...p} />;\nexport const CollapseIcon = (p: IconProps) => <Icon name=\"collapse\" {...p} />;\nexport const ExpandIcon = (p: IconProps) => <Icon name=\"expand\" {...p} />;\nexport const ChevronIcon = (p: IconProps) => <Icon name=\"chevron\" {...p} />;\nexport const TuneIcon = (p: IconProps) => <Icon name=\"tune\" {...p} />;\nexport const GridIcon = (p: IconProps) => <Icon name=\"grid\" {...p} />;\nexport const SnapIcon = (p: IconProps) => <Icon name=\"snap\" {...p} />;\nexport const MeasureIcon = (p: IconProps) => <Icon name=\"measure\" {...p} />;\nexport const RandomizeIcon = (p: IconProps) => <Icon name=\"randomize\" {...p} />;\nexport const RefreshIcon = (p: IconProps) => <Icon name=\"refresh\" {...p} />;\nexport const InfoIcon = (p: IconProps) => <Icon name=\"info\" {...p} />;\nexport const WarningIcon = (p: IconProps) => <Icon name=\"warning\" {...p} />;\nexport const ErrorIcon = (p: IconProps) => <Icon name=\"error\" {...p} />;\nexport const BusyIcon = (p: IconProps) => <Icon name=\"busy\" {...p} />;\nexport const CheckIcon = (p: IconProps) => <Icon name=\"check\" {...p} />;\nexport const LayoutRowsIcon = (p: IconProps) => <Icon name=\"layoutRows\" {...p} />;\nexport const LayoutColumnsIcon = (p: IconProps) => <Icon name=\"layoutColumns\" {...p} />;\nexport const LayoutGridIcon = (p: IconProps) => <Icon name=\"layoutGrid\" {...p} />;\n"],"mappings":"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"}
|
|
@@ -1,360 +0,0 @@
|
|
|
1
|
-
import { a as e, t } from "./Icon-Cgzy8VgC.js";
|
|
2
|
-
import { t as n } from "./PropertyField-DGCecAnV.js";
|
|
3
|
-
import { t as r } from "./ToggleBar-DTjGeS0Q.js";
|
|
4
|
-
import { t as i } from "./prefField-Dnl7nmjQ.js";
|
|
5
|
-
import { MIXED as a } from "@weasel-js/core";
|
|
6
|
-
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
-
import { Fragment as c, createElement as l } from "react";
|
|
8
|
-
var u = {
|
|
9
|
-
root: "_root_11o7u_1",
|
|
10
|
-
header: "_header_11o7u_8",
|
|
11
|
-
kind: "_kind_11o7u_16",
|
|
12
|
-
breakdown: "_breakdown_11o7u_21",
|
|
13
|
-
section: "_section_11o7u_26",
|
|
14
|
-
sectionTitle: "_sectionTitle_11o7u_35",
|
|
15
|
-
row: "_row_11o7u_44",
|
|
16
|
-
rowLabel: "_rowLabel_11o7u_52",
|
|
17
|
-
rowControls: "_rowControls_11o7u_56",
|
|
18
|
-
namedField: "_namedField_11o7u_66",
|
|
19
|
-
blockRow: "_blockRow_11o7u_78",
|
|
20
|
-
toggle: "_toggle_11o7u_89",
|
|
21
|
-
flagToggle: "_flagToggle_11o7u_111",
|
|
22
|
-
number: "_number_11o7u_115",
|
|
23
|
-
select: "_select_11o7u_116",
|
|
24
|
-
unrenderable: "_unrenderable_11o7u_120",
|
|
25
|
-
objectLeaf: "_objectLeaf_11o7u_127",
|
|
26
|
-
objectGroup: "_objectGroup_11o7u_136",
|
|
27
|
-
slider: "_slider_11o7u_143"
|
|
28
|
-
};
|
|
29
|
-
//#endregion
|
|
30
|
-
//#region src/components/SelectionPanel/renderLeaf.tsx
|
|
31
|
-
function d(e, t) {
|
|
32
|
-
let { leaf: n } = e;
|
|
33
|
-
return n.kind === "boolean" && n.control === "toggle" && n.pair !== void 0 && t?.[e.ctx.path] === void 0 && t?.[n.kind] === void 0;
|
|
34
|
-
}
|
|
35
|
-
function f(e, t) {
|
|
36
|
-
let n = [];
|
|
37
|
-
for (let r = 0; r < e.length;) {
|
|
38
|
-
let i = e[r];
|
|
39
|
-
if (!d(i, t)) {
|
|
40
|
-
let e = i.render();
|
|
41
|
-
e != null && n.push({
|
|
42
|
-
key: i.key,
|
|
43
|
-
leaf: i.leaf,
|
|
44
|
-
block: i.leaf.block === !0,
|
|
45
|
-
content: e
|
|
46
|
-
}), r += 1;
|
|
47
|
-
continue;
|
|
48
|
-
}
|
|
49
|
-
let a = r + 1;
|
|
50
|
-
for (; a < e.length && d(e[a], t) && e[a].leaf.pair === i.leaf.pair;) a += 1;
|
|
51
|
-
let s = e.slice(r, a);
|
|
52
|
-
n.push({
|
|
53
|
-
key: i.key,
|
|
54
|
-
leaf: i.leaf,
|
|
55
|
-
block: s.every((e) => e.leaf.block === !0),
|
|
56
|
-
content: /* @__PURE__ */ o(p, {
|
|
57
|
-
run: s,
|
|
58
|
-
ariaLabel: i.leaf.pair
|
|
59
|
-
})
|
|
60
|
-
}), r = a;
|
|
61
|
-
}
|
|
62
|
-
return n;
|
|
63
|
-
}
|
|
64
|
-
function p({ run: n, ariaLabel: i }) {
|
|
65
|
-
let a = n.filter((e) => e.ctx.value === !0).map((e) => e.key);
|
|
66
|
-
return /* @__PURE__ */ o(r, {
|
|
67
|
-
mode: "multiple",
|
|
68
|
-
size: "sm",
|
|
69
|
-
variant: "flat",
|
|
70
|
-
className: u.flagToggle,
|
|
71
|
-
ariaLabel: i,
|
|
72
|
-
items: n.map((n) => {
|
|
73
|
-
let r = n.leaf;
|
|
74
|
-
return {
|
|
75
|
-
value: n.key,
|
|
76
|
-
label: r.icon && r.icon in e ? /* @__PURE__ */ o(t, {
|
|
77
|
-
name: r.icon,
|
|
78
|
-
size: 14
|
|
79
|
-
}) : r.short ?? r.name.slice(0, 1),
|
|
80
|
-
ariaLabel: n.ariaLabel
|
|
81
|
-
};
|
|
82
|
-
}),
|
|
83
|
-
value: a,
|
|
84
|
-
mixedValues: n.filter((e) => e.ctx.mixed).map((e) => e.key),
|
|
85
|
-
onChange: (e) => {
|
|
86
|
-
for (let t of n) {
|
|
87
|
-
let n = e.includes(t.key);
|
|
88
|
-
n !== a.includes(t.key) && t.ctx.setValue(n);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
function m(e, t, r, a = "", c = !1) {
|
|
94
|
-
let { pref: d, value: f, mixed: p, unset: m, setValue: v } = e;
|
|
95
|
-
if (d.kind === "object") return /* @__PURE__ */ o(_, {
|
|
96
|
-
ctx: e,
|
|
97
|
-
renderers: r,
|
|
98
|
-
selectionKey: a
|
|
99
|
-
});
|
|
100
|
-
let y = i(d, {
|
|
101
|
-
value: f,
|
|
102
|
-
mixed: p,
|
|
103
|
-
unset: m,
|
|
104
|
-
siblings: e.siblings,
|
|
105
|
-
setValue: v,
|
|
106
|
-
fontVariant: {
|
|
107
|
-
weight: e.valueAt("data.style.fontWeight").value,
|
|
108
|
-
style: e.valueAt("data.style.fontStyle").value
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
if (y === null) return /* @__PURE__ */ s("span", {
|
|
112
|
-
className: u.unrenderable,
|
|
113
|
-
children: [
|
|
114
|
-
"(",
|
|
115
|
-
d.kind,
|
|
116
|
-
": no renderer)"
|
|
117
|
-
]
|
|
118
|
-
});
|
|
119
|
-
switch (y.kind) {
|
|
120
|
-
case "boolean": return /* @__PURE__ */ o(n, {
|
|
121
|
-
...y,
|
|
122
|
-
...h(t),
|
|
123
|
-
control: y.control ?? "switch",
|
|
124
|
-
className: y.control === "toggle" ? u.flagToggle : void 0
|
|
125
|
-
});
|
|
126
|
-
case "number": return /* @__PURE__ */ o(n, {
|
|
127
|
-
...y,
|
|
128
|
-
...h(t),
|
|
129
|
-
className: y.control === "slider" ? u.slider : u.number,
|
|
130
|
-
steppers: !1
|
|
131
|
-
});
|
|
132
|
-
case "string": return /* @__PURE__ */ o(n, {
|
|
133
|
-
...y,
|
|
134
|
-
...h(t),
|
|
135
|
-
onInput: g
|
|
136
|
-
});
|
|
137
|
-
case "enum": return /* @__PURE__ */ o(n, {
|
|
138
|
-
...y,
|
|
139
|
-
...h(t),
|
|
140
|
-
className: y.control === "toggle" ? u.toggle : y.control === "radio" ? void 0 : u.select
|
|
141
|
-
});
|
|
142
|
-
case "font-family": return /* @__PURE__ */ o(n, {
|
|
143
|
-
...y,
|
|
144
|
-
...h(t),
|
|
145
|
-
className: u.select
|
|
146
|
-
});
|
|
147
|
-
case "paint": return /* @__PURE__ */ l(n, {
|
|
148
|
-
...y,
|
|
149
|
-
...h(t),
|
|
150
|
-
key: a,
|
|
151
|
-
control: "inline",
|
|
152
|
-
allowNone: !c
|
|
153
|
-
});
|
|
154
|
-
default: return /* @__PURE__ */ o(n, {
|
|
155
|
-
...y,
|
|
156
|
-
...h(t)
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
var h = (e) => ({
|
|
161
|
-
chrome: "framed",
|
|
162
|
-
name: e
|
|
163
|
-
}), g = () => {};
|
|
164
|
-
function _({ ctx: n, renderers: r, selectionKey: i = "" }) {
|
|
165
|
-
let a = n.pref, l = typeof n.value == "object" && n.value !== null ? n.value : void 0, d = Object.values(a.children).every((e) => !("kind" in e)), p = (d, h) => {
|
|
166
|
-
let g = [], _ = (e) => typeof e == "object" && !!e && "controls" in e, v = [], y = () => {
|
|
167
|
-
for (let { key: e, leaf: t, block: n, content: i } of f(v, r)) {
|
|
168
|
-
let r = g[g.length - 1];
|
|
169
|
-
if (t.pair !== void 0 && _(r) && r.pair === t.pair) {
|
|
170
|
-
r.controls.push(/* @__PURE__ */ o(c, { children: i }, e)), r.block &&= n;
|
|
171
|
-
continue;
|
|
172
|
-
}
|
|
173
|
-
g.push({
|
|
174
|
-
key: e,
|
|
175
|
-
pair: t.pair,
|
|
176
|
-
label: t.pair ?? t.name,
|
|
177
|
-
title: t.description,
|
|
178
|
-
block: n,
|
|
179
|
-
controls: [/* @__PURE__ */ o(c, { children: i }, e)]
|
|
180
|
-
});
|
|
181
|
-
}
|
|
182
|
-
v = [];
|
|
183
|
-
};
|
|
184
|
-
for (let [c, f] of Object.entries(d)) {
|
|
185
|
-
if (!("kind" in f)) {
|
|
186
|
-
let e = f.name !== "", t = p(f.children, e);
|
|
187
|
-
if (t.length === 0) continue;
|
|
188
|
-
y(), g.push(/* @__PURE__ */ s("div", {
|
|
189
|
-
className: e && h ? u.objectGroup : void 0,
|
|
190
|
-
children: [e && /* @__PURE__ */ o("h5", {
|
|
191
|
-
className: u.sectionTitle,
|
|
192
|
-
children: f.name
|
|
193
|
-
}), t]
|
|
194
|
-
}, `group:${c}`));
|
|
195
|
-
continue;
|
|
196
|
-
}
|
|
197
|
-
let d = `${n.path}.${c}`, _ = {
|
|
198
|
-
path: d,
|
|
199
|
-
pref: f,
|
|
200
|
-
value: l?.[c],
|
|
201
|
-
mixed: n.mixed,
|
|
202
|
-
unset: !n.mixed && l?.[c] === void 0,
|
|
203
|
-
siblings: l,
|
|
204
|
-
valueAt: n.valueAt,
|
|
205
|
-
selectionKey: n.selectionKey,
|
|
206
|
-
setValue: (e) => {
|
|
207
|
-
let t = l ?? a.fromScalar?.(n.value) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {});
|
|
208
|
-
if (e === void 0) {
|
|
209
|
-
let { [c]: e, ...r } = t;
|
|
210
|
-
n.setValue(r);
|
|
211
|
-
return;
|
|
212
|
-
}
|
|
213
|
-
n.setValue({
|
|
214
|
-
...t,
|
|
215
|
-
[c]: e
|
|
216
|
-
});
|
|
217
|
-
}
|
|
218
|
-
};
|
|
219
|
-
v.push({
|
|
220
|
-
key: d,
|
|
221
|
-
leaf: f,
|
|
222
|
-
ctx: _,
|
|
223
|
-
ariaLabel: f.name,
|
|
224
|
-
render: () => {
|
|
225
|
-
let n = r?.[d] ?? r?.[f.kind], a = n ? n(_) : m(_, f.name, r, i, !0);
|
|
226
|
-
return a == null ? null : (f.pair !== void 0 || f.block === !0) && f.icon && f.icon in e ? /* @__PURE__ */ s("span", {
|
|
227
|
-
className: u.namedField,
|
|
228
|
-
children: [/* @__PURE__ */ o(t, {
|
|
229
|
-
name: f.icon,
|
|
230
|
-
size: 14
|
|
231
|
-
}), a]
|
|
232
|
-
}) : a;
|
|
233
|
-
}
|
|
234
|
-
});
|
|
235
|
-
}
|
|
236
|
-
return y(), g.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ o("div", {
|
|
237
|
-
className: `${u.rowControls} ${u.blockRow}`,
|
|
238
|
-
title: e.title,
|
|
239
|
-
children: e.controls
|
|
240
|
-
}, e.key) : /* @__PURE__ */ s("div", {
|
|
241
|
-
className: u.row,
|
|
242
|
-
children: [/* @__PURE__ */ o("span", {
|
|
243
|
-
className: u.rowLabel,
|
|
244
|
-
title: e.title,
|
|
245
|
-
children: e.label
|
|
246
|
-
}), /* @__PURE__ */ o("span", {
|
|
247
|
-
className: u.rowControls,
|
|
248
|
-
children: e.controls
|
|
249
|
-
})]
|
|
250
|
-
}, e.key) : e);
|
|
251
|
-
}, h = p(a.children, !d);
|
|
252
|
-
return h.length === 0 ? null : /* @__PURE__ */ s("div", {
|
|
253
|
-
className: u.objectLeaf,
|
|
254
|
-
children: [!d && /* @__PURE__ */ o("h4", {
|
|
255
|
-
className: u.sectionTitle,
|
|
256
|
-
children: a.name
|
|
257
|
-
}), h]
|
|
258
|
-
});
|
|
259
|
-
}
|
|
260
|
-
//#endregion
|
|
261
|
-
//#region src/components/SelectionPanel/model.ts
|
|
262
|
-
function v(e, t) {
|
|
263
|
-
if (e.kind === "container") return "group";
|
|
264
|
-
for (let n of t) if (n.matches(e.data)) return n.name;
|
|
265
|
-
return "unknown";
|
|
266
|
-
}
|
|
267
|
-
function y(e) {
|
|
268
|
-
return !("kind" in e);
|
|
269
|
-
}
|
|
270
|
-
function b(e) {
|
|
271
|
-
let t = [], n = [], r = (e, t) => {
|
|
272
|
-
for (let [n, i] of Object.entries(e.children)) y(i) ? r(i, t) : t.push({
|
|
273
|
-
path: n,
|
|
274
|
-
leaf: i
|
|
275
|
-
});
|
|
276
|
-
};
|
|
277
|
-
for (let [i, a] of Object.entries(e.children)) if (y(a)) {
|
|
278
|
-
let e = [];
|
|
279
|
-
r(a, e), t.push({
|
|
280
|
-
key: i,
|
|
281
|
-
name: a.name,
|
|
282
|
-
rows: x(e)
|
|
283
|
-
});
|
|
284
|
-
} else n.push({
|
|
285
|
-
path: i,
|
|
286
|
-
leaf: a
|
|
287
|
-
});
|
|
288
|
-
return n.length > 0 && t.unshift({
|
|
289
|
-
key: "",
|
|
290
|
-
name: "",
|
|
291
|
-
rows: x(n)
|
|
292
|
-
}), t;
|
|
293
|
-
}
|
|
294
|
-
function x(e) {
|
|
295
|
-
let t = [];
|
|
296
|
-
for (let n of e) {
|
|
297
|
-
let e = n.leaf.pair, r = t[t.length - 1];
|
|
298
|
-
e !== void 0 && r !== void 0 && r.label === e ? r.leaves.push(n) : t.push({
|
|
299
|
-
label: e ?? n.leaf.name,
|
|
300
|
-
leaves: [n]
|
|
301
|
-
});
|
|
302
|
-
}
|
|
303
|
-
return t;
|
|
304
|
-
}
|
|
305
|
-
function S(e, t) {
|
|
306
|
-
let n = [...new Set(e)];
|
|
307
|
-
if (n.length === 0) return [];
|
|
308
|
-
let r = new Map(t.map((e) => [e.name, e])), i = n.map((e) => r.get(e)?.schema);
|
|
309
|
-
if (i.some((e) => e === void 0)) return [];
|
|
310
|
-
let [a, ...o] = i, s = b(a);
|
|
311
|
-
if (o.length === 0) return s;
|
|
312
|
-
let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(b(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
|
|
313
|
-
return s.map((e) => ({
|
|
314
|
-
...e,
|
|
315
|
-
rows: e.rows.map((e) => ({
|
|
316
|
-
...e,
|
|
317
|
-
leaves: e.leaves.filter(u)
|
|
318
|
-
})).filter((e) => e.leaves.length > 0)
|
|
319
|
-
})).filter((e) => e.rows.length > 0);
|
|
320
|
-
}
|
|
321
|
-
function C(e, t) {
|
|
322
|
-
let n = t.split(".");
|
|
323
|
-
if (n.length < 2) return;
|
|
324
|
-
let r = n[0], i = r === "pose" ? e.pose : r === "data" ? e.data : void 0;
|
|
325
|
-
for (let e = 1; e < n.length; e++) {
|
|
326
|
-
if (typeof i != "object" || !i) return;
|
|
327
|
-
i = i[n[e]];
|
|
328
|
-
}
|
|
329
|
-
return i;
|
|
330
|
-
}
|
|
331
|
-
function w(e, t, n) {
|
|
332
|
-
let [r, ...i] = t;
|
|
333
|
-
if (i.length === 0) return Array.isArray(e) ? Object.assign([...e], { [r]: n }) : {
|
|
334
|
-
...e,
|
|
335
|
-
[r]: n
|
|
336
|
-
};
|
|
337
|
-
let a = e[r], o = w(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
|
|
338
|
-
return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
|
|
339
|
-
...e,
|
|
340
|
-
[r]: o
|
|
341
|
-
};
|
|
342
|
-
}
|
|
343
|
-
function T(e, t) {
|
|
344
|
-
let n, r = !0;
|
|
345
|
-
for (let i of e) {
|
|
346
|
-
let e = C(i, t);
|
|
347
|
-
if (r) n = e, r = !1;
|
|
348
|
-
else if (!Object.is(e, n)) return a;
|
|
349
|
-
}
|
|
350
|
-
return n;
|
|
351
|
-
}
|
|
352
|
-
function E(e) {
|
|
353
|
-
let t = /* @__PURE__ */ new Map();
|
|
354
|
-
for (let n of e) t.set(n, (t.get(n) ?? 0) + 1);
|
|
355
|
-
return [...t.entries()].map(([e, t]) => t > 1 ? `${e} ×${t}` : e).join(" · ");
|
|
356
|
-
}
|
|
357
|
-
//#endregion
|
|
358
|
-
export { y as a, x as c, f as d, u as f, S as i, w as l, T as n, E as o, v as r, C as s, a as t, m as u };
|
|
359
|
-
|
|
360
|
-
//# sourceMappingURL=model-Du7Lta4C.js.map
|