Apply debounceDuration

README.md

@@ -10,7 +10,7 @@
 </p><br>
 
 <p align="center">
-🎨 Jetpack Compose color picker library that allows you to get colors from any images like gallery pictures by tapping on the desired color. 
+🎨 Kotlin Multiplatform color picker library that allows you to get colors from any images like gallery pictures by tapping on the desired color. 
 Also, it supports brightness and alpha slider, which can adjust your ARGB factors.
 </p>
 
@@ -185,15 +185,15 @@ You can select specific points with the functions below:
 You can set the debounce duration, which decides to invoke the color listener from the last tapping. Debounce can be useful to reduce overhead. For example, communicating with IoT devices or relevant works that require heavy operations.
 
 ```kotlin
-.setDebounceDuration(300L)
+controller.debounceDuration = 200L
 ```
 
 #### Enable and Disable
 
 You can enable or disable your color picker with the below function:
 
 ```kotlin
-.setEnabled(false)
+controller.enabled = false
 ```
 
 <img src="preview/preview3.gif" width="270" align="right">

colorpicker-compose/api/android/colorpicker-compose.api

@@ -33,6 +33,7 @@ public final class com/github/skydoves/colorpicker/compose/ColorPickerController
 	public synthetic fun <init> (Lkotlinx/coroutines/CoroutineScope;ILkotlin/jvm/internal/DefaultConstructorMarker;)V
 	public final fun getColorFlow (J)Lkotlinx/coroutines/flow/Flow;
 	public static synthetic fun getColorFlow$default (Lcom/github/skydoves/colorpicker/compose/ColorPickerController;JILjava/lang/Object;)Lkotlinx/coroutines/flow/Flow;
+	public final fun getDebounceDuration ()Ljava/lang/Long;
 	public final fun getEnabled ()Z
 	public final fun getPaletteBitmap ()Lkotlinx/coroutines/flow/StateFlow;
 	public final fun getSelectedColor ()Landroidx/compose/runtime/State;
@@ -50,8 +51,7 @@ public final class com/github/skydoves/colorpicker/compose/ColorPickerController
 	public final fun selectCenter (Z)V
 	public final fun setAlpha (FZ)V
 	public final fun setBrightness (FZ)V
-	public final fun setDebounceDuration (J)V
-	public static synthetic fun setDebounceDuration$default (Lcom/github/skydoves/colorpicker/compose/ColorPickerController;JILjava/lang/Object;)V
+	public final fun setDebounceDuration (Ljava/lang/Long;)V
 	public final fun setEnabled (Z)V
 	public final fun setPaletteImageBitmap (Landroidx/compose/ui/graphics/ImageBitmap;)V
 	public final fun setWheelAlpha (F)V

colorpicker-compose/api/desktop/colorpicker-compose.api

@@ -33,6 +33,7 @@ public final class com/github/skydoves/colorpicker/compose/ColorPickerController
 	public synthetic fun <init> (Lkotlinx/coroutines/CoroutineScope;ILkotlin/jvm/internal/DefaultConstructorMarker;)V
 	public final fun getColorFlow (J)Lkotlinx/coroutines/flow/Flow;
 	public static synthetic fun getColorFlow$default (Lcom/github/skydoves/colorpicker/compose/ColorPickerController;JILjava/lang/Object;)Lkotlinx/coroutines/flow/Flow;
+	public final fun getDebounceDuration ()Ljava/lang/Long;
 	public final fun getEnabled ()Z
 	public final fun getPaletteBitmap ()Lkotlinx/coroutines/flow/StateFlow;
 	public final fun getSelectedColor ()Landroidx/compose/runtime/State;
@@ -50,8 +51,7 @@ public final class com/github/skydoves/colorpicker/compose/ColorPickerController
 	public final fun selectCenter (Z)V
 	public final fun setAlpha (FZ)V
 	public final fun setBrightness (FZ)V
-	public final fun setDebounceDuration (J)V
-	public static synthetic fun setDebounceDuration$default (Lcom/github/skydoves/colorpicker/compose/ColorPickerController;JILjava/lang/Object;)V
+	public final fun setDebounceDuration (Ljava/lang/Long;)V
 	public final fun setEnabled (Z)V
 	public final fun setPaletteImageBitmap (Landroidx/compose/ui/graphics/ImageBitmap;)V
 	public final fun setWheelAlpha (F)V

colorpicker-compose/src/commonMain/kotlin/com/github/skydoves/colorpicker/compose/AlphaTile.kt

@@ -53,9 +53,9 @@ public fun AlphaTile(
     color = controller?.selectedColor?.value ?: selectedColor
   }
   val paint = alphaTilePaint(
-    with(density) { tileSize.toPx() },
-    tileOddColor,
-    tileEvenColor,
+    tileSize = with(density) { tileSize.toPx() },
+    tileOddColor = tileOddColor,
+    tileEvenColor = tileEvenColor,
   )
 
   Canvas(

colorpicker-compose/src/commonMain/kotlin/com/github/skydoves/colorpicker/compose/ColorPicker.kt

@@ -64,9 +64,12 @@ internal fun ColorPicker(
 ) {
   var initialized by remember { mutableStateOf(false) }
 
-  DisposableEffect(key1 = controller) {
+  val debounceDuration = controller.debounceDuration
+  DisposableEffect(key1 = controller, key2 = debounceDuration) {
     controller.coroutineScope.launch(Dispatchers.Main) {
-      controller.getColorFlow().collect { onColorChanged(it) }
+      controller.getColorFlow(debounceDuration ?: 0).collect {
+        onColorChanged(it)
+      }
     }
     onDispose { controller.releaseBitmap() }
   }

colorpicker-compose/src/commonMain/kotlin/com/github/skydoves/colorpicker/compose/ColorPickerController.kt

@@ -102,8 +102,14 @@ constructor(
   /** An [ImageBitmap] to be drawn on the canvas as a wheel. */
   public var wheelBitmap: ImageBitmap? = null
 
+  internal val _debounceDuration: MutableState<Long?> = mutableStateOf(null)
+
   /** A debounce duration for observing color changes. */
-  private var debounceDuration: Long? = null
+  public var debounceDuration: Long?
+    get() = _debounceDuration.value
+    set(value) {
+      _debounceDuration.value = value
+    }
 
   /** Radius to draw default wheel. */
   public var wheelRadius: Dp = 12.dp
@@ -265,11 +271,6 @@ constructor(
     }
   }
 
-  /** Sets the debounce duration that allows you to observe color changes with a given duration. */
-  public fun setDebounceDuration(duration: Long = 0) {
-    this.debounceDuration = duration
-  }
-
   /** Notify color changes to the color picker and other subcomponents. */
   private fun notifyColorChanged(fromUser: Boolean) {
     val color = _selectedColor.value