PAB : made device types selectors color change when focused

src/app/components/pab-table/pab-table.component.html

@@ -74,14 +74,14 @@
                   [ngClass]="cell.class"
                   [class.editable-cell]="hasModel(cell)" [class.readonly-cell]="! hasModel(cell)"
                   [class.selectable-cell]="isSelectable(cell)" [class.selected-cell]="isSelected(cell) && ! isSelected(row)"
-                  [class.invalid-cell]="isInvalid(cell)"
+                  [class.invalid-cell]="isInvalid(cell)" [class.select]="isSelect(cell)"
                   [attr.rowspan]="rowSpan(cell)" [attr.colspan]="colSpan(cell)"
                   [title]="cellTitle(cell)">
 
                     <input matInput *ngIf="isNumberInput(cell)" step="0.00000000000001" type="number"
                       [(ngModel)]="cell.model.singleValue" (input)="inputValueChanged($event, cell)">
 
-                    <mat-select *ngIf="isSelect(cell)" [value]="cell.modelValue"
+                    <mat-select #selectWidget *ngIf="isSelect(cell)" [value]="cell.modelValue"
                       (selectionChange)="loiDebitSelected($event, cell)">
 
                         <mat-option *ngFor="let opt of cell.options" [value]="opt.value">

src/app/components/pab-table/pab-table.component.scss

@@ -110,6 +110,9 @@ mat-card-content {
                             > input.mat-input-element {
                                 padding: 4px 8px;
                             }
+                            &:focus-within {
+                                @extend .bg-warn-extralight;
+                            }
                         }
                         &.selectable-cell {
                             cursor: pointer;

src/app/components/pab-table/pab-table.component.ts

@@ -1007,7 +1007,6 @@ export class PabTableComponent implements AfterViewInit, OnInit {
     /** Replace device Nub when LoiDebit is changed */
     public loiDebitSelected($event: any, cell: any) {
         const device = cell.model as Nub;
-        const pos = device.findPositionInParent();
         // create new child device
         const newDevice = Session.getInstance().createNub(
             new Props({