@@ -38,15 +38,15 @@ export class StartStopRootComponentView implements ComponentView {
3838 const endY = cfg . size + view . height ;
3939
4040 const iconSize = parentPlaceIndicator ? cfg . folderIconSize : cfg . defaultIconSize ;
41- const startCircle = createCircle ( parentPlaceIndicator ? cfg . folderIconD : cfg . startIconD , cfg . size , iconSize ) ;
41+ const startCircle = createCircle ( 'start' , parentPlaceIndicator ? cfg . folderIconD : cfg . startIconD , cfg . size , iconSize ) ;
4242 Dom . translate ( startCircle , x , 0 ) ;
4343 g . appendChild ( startCircle ) ;
4444
4545 Dom . translate ( view . g , 0 , cfg . size ) ;
4646
47- const endCircle = createCircle ( parentPlaceIndicator ? cfg . folderIconD : cfg . stopIconD , cfg . size , iconSize ) ;
48- Dom . translate ( endCircle , x , endY ) ;
49- g . appendChild ( endCircle ) ;
47+ const stopCircle = createCircle ( 'stop' , parentPlaceIndicator ? cfg . folderIconD : cfg . stopIconD , cfg . size , iconSize ) ;
48+ Dom . translate ( stopCircle , x , endY ) ;
49+ g . appendChild ( stopCircle ) ;
5050
5151 let startPlaceholder : Placeholder | null = null ;
5252 let endPlaceholder : Placeholder | null = null ;
@@ -101,16 +101,18 @@ export class StartStopRootComponentView implements ComponentView {
101101 }
102102}
103103
104- function createCircle ( d : string , size : number , iconSize : number ) : SVGGElement {
104+ function createCircle ( classSuffix : string , d : string , size : number , iconSize : number ) : SVGGElement {
105+ const g = Dom . svg ( 'g' , {
106+ class : 'sqd-root-start-stop-' + classSuffix
107+ } ) ;
108+
105109 const r = size / 2 ;
106110 const circle = Dom . svg ( 'circle' , {
107111 class : 'sqd-root-start-stop-circle' ,
108112 cx : r ,
109113 cy : r ,
110114 r : r
111115 } ) ;
112-
113- const g = Dom . svg ( 'g' ) ;
114116 g . appendChild ( circle ) ;
115117
116118 const offset = ( size - iconSize ) / 2 ;
0 commit comments