Merge "[flexiglass] The active dot in the unlock pattern has a separate color." into main

import androidx.compose.ui.Modifier

import androidx.compose.ui.draw.clipToBounds

import androidx.compose.ui.geometry.Offset

import androidx.compose.ui.graphics.Color

import androidx.compose.ui.graphics.StrokeCap

import androidx.compose.ui.input.pointer.pointerInput

import androidx.compose.ui.layout.LayoutCoordinates

    val colCount = viewModel.columnCount

    val rowCount = viewModel.rowCount

    val dotColor = MaterialTheme.colorScheme.onSurface

    val idleDotColor = MaterialTheme.colorScheme.onSurface

    val activeDotColor = MaterialTheme.colorScheme.onPrimary

    val dotRadius = with(density) { (DOT_DIAMETER_DP / 2).dp.toPx() }

    val lineColor = MaterialTheme.colorScheme.primary

    val lineStrokeWidth = with(density) { LINE_STROKE_WIDTH_DP.dp.toPx() }

                                verticalOffset + appearOffset,

                            ),

                        color =

                            dotColor.copy(

                                alpha = checkNotNull(dotAppearFadeInAnimatables[dot]).value

                            ),

                            if (isAnimationEnabled && dot == currentDot) {

                                activeDotColor

                            } else {

                                idleDotColor

                            }.copy(alpha = checkNotNull(dotAppearFadeInAnimatables[dot]).value),

                        radius = dotRadius * checkNotNull(dotScalingAnimatables[dot]).value,

                    )

                }