Skip to content

Commit 0806a4d

Browse files
committed
feat: enhance PolinePicker with saturation ring controls
- Introduced UI metrics for saturation rings including anchor radius, ring thickness, and tick length. - Implemented saturation ring rendering around anchor points with hover effects. - Added rotary interaction for adjusting saturation via mouse drag, supporting shift key for finer control. - Refactored pointer event handling to support ring adjustments and hover states. - Updated SVG structure to accommodate new saturation ring elements. - Removed unused circle creation method to streamline code.
1 parent fa73a2f commit 0806a4d

File tree

10 files changed

+1359
-174
lines changed

10 files changed

+1359
-174
lines changed

dist/index.mjs

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -517,7 +517,6 @@ var Poline = class {
517517
* getColorAt(1) // Returns color at the very end
518518
*/
519519
getColorAt(t) {
520-
var _a;
521520
if (t < 0 || t > 1) {
522521
throw new Error("Position must be between 0 and 1");
523522
}
@@ -534,7 +533,7 @@ var Poline = class {
534533
const pair = this._anchorPairs[actualSegmentIndex];
535534
if (!pair || pair.length < 2 || !pair[0] || !pair[1]) {
536535
return new ColorPoint({
537-
color: ((_a = this.anchorPoints[0]) == null ? void 0 : _a.color) || [0, 0, 0],
536+
color: this.anchorPoints[0]?.color || [0, 0, 0],
538537
invertedLightness: this._invertedLightness
539538
});
540539
}
@@ -585,4 +584,3 @@ export {
585584
randomHSLPair,
586585
randomHSLTriple
587586
};
588-
//# sourceMappingURL=index.mjs.map

0 commit comments

Comments
 (0)