allow user to style using class or id

[zerexei]

how can I set the selector to target the id instead of the class when a user checked the unique style trait?

model: {
      defaults: {
        name: opt.name,
        traits: [{
  type: 'checkbox',
  label: 'target ID',
  valueTrue: 'YES', 
  valueFalse: 'NO',
 }
}]
      }
}

if the user checked target ID, the selector will be selected: wnij (id="wnij") but if unchecked selected: .class

[zerexei]

Using grapesjs without added abstruction fix this.
https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors