Provide a better context to know which elements is which

[jsgoupil]

Is your feature request related to a problem? Please describe.
I spent 2 hours to try to find the best way to catch the last item of a filtered list with CSS when [addTag] is present.
If you see the image here:

The top section is a ng-option which is the group. Then followed by 4 filtered ng-option. Then followed in blue by a custom ng-tag-tmp.

I needed to set special border-radius on the last red ng-option. This is simple with a :last-child when [addTag] is false or not present, however, when the tag is present, I could not easily catch that last ng-option-child.

Describe the solution you'd like
The simplest thing would be to add a ng-option-add-tag-present on the ng-select tag. I have written my own

<ng-select #ngSelect [class.is-showing-add-tag]="ngSelect.showAddTag">
...

With this functionality, I have to have the SCSS like this. Which is still not the most elegant but better than nothing.

ng-select.is-showing-add-tag ::ng-deep {
    .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
        &:nth-last-child(2) {
             ...

Or add a better context to the ng-option-tmp. You provide the index but I don't have the filtered array. So there is no way for me to tag my HTML with a last-child class.

[jsgoupil]

After further work on this, if I have more than 1 group showing, I can't get the last of the ng-option for that particular group only with CSS. I would need to get more context alongside the index.