How to edit / enable only a specific LayerGroup with edit control?

[CityBelfast]

Hi, I couldn't find any options in leaflet.pm to assign editable layer control into a specific Layer Group like leaflet.Draw doing. see the below example.

var drawLayerGroup = L.featureGroup().addTo(map);
var options ={
position:'topright',
 edit:{ featureGroup: drawLayerGroup  , remove:false} // <--------
}
var drawControl = new L.Control.Draw(options);
map.addControl(drawControl );

So, Is there any way I can achieve the above code using leaflet.pm library?

[Falke-Design]

You can set the layergroup to edit mode directly:

drawLayerGroup.pm.enable()

With a Toolbar button:

map.pm.addControls({editMode: false})

const editButton = {
    name: 'editgroup',
    title: L.PM.Utils.getTranslation('buttonTitles.editButton'),
    className: 'control-icon leaflet-pm-icon-edit',
    onClick: () => { },
    afterClick: (e, obj) => {
      if(obj.button._button.toggleStatus){
        drawLayerGroup.pm.enable();
      }else{
        drawLayerGroup.pm.disable();
      }
    },
    doToggle: true,
    toggleStatus: false,
    disableOtherButtons: true,
    block: 'edit',
    actions: ['finishMode'],
  };

  // add a new custom control
  map.pm.Toolbar.createCustomControl(editButton)

[CityBelfast]

Sorry, I'm getting an error due to undefined .getTranslation method (see the below error). I'm just wondering whether it is something related to free version! can we create Custom EditLayer Control using the free version of leaflet.pm?

[Falke-Design]

It looks like, that are you not using the latest release. You can check this in the console with L.PM.version it should be 2.8.0

Maybe you are not importing the correct package. The project changed the name from leaflet.pm to leaflet-geoman. So please check if your are using the corret package while importing

[CityBelfast]

Yes, It was my mistake. i was using leaflet.pm version