import Ġdev . f rit z 2 . dom . html . Render Context Ċ import Ġkotlinx . coroutines . flow . filter Ċ import Ġkotlinx . coroutines . flow . map Ċ Ċ fun ĠRender Context . color Names ( colors : ĠArray < Color >) Ġ{ ĊĠĠĠ Ġol ( base Class Ġ= Ġ" mb - 3 Ġrounded Ġfocus : outline - none Ġfocus : ring - 2 Ġfocus : ring - gray - 6 0 0 ") Ġ{ ĊĠĠĠĠĠĠĠ Ġattr (" tab Index ", Ġ" 0 ") ĊĊĠĠĠĠĠĠĠ Ġkey down s . map Ġ{ Ġit . key Ġ}. filter Ġ{ Ġit Ġ== Ġ" Arrow Up " Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. map Ġ{ Ġ} Ġhandled By Ġstore . previous Color ĊĠĠĠĠĠĠĠ Ġkey down s . map Ġ{ Ġit . key Ġ}. filter Ġ{ Ġit Ġ== Ġ" Arrow Down " Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. map Ġ{ Ġ} Ġhandled By Ġstore . next Color ĊĊĠĠĠĠĠĠĠ Ġcolors . forEach Ġ{ Ġcolor Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠ Ġli ( base Class Ġ= Ġ" p - 0 . 5 Ġcursor - pointer ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġclass Map ( store . data . map Ġ{ Ġcd Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmap Of (" bg - gray - 4 0 0 Ġrounded " Ġto Ġ( cd . color Ġ== Ġcolor )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ}) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ color . name . toLowerCase () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġclicks . map Ġ{ Ġcolor Ġ} Ġhandled By Ġstore . change Color ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ