fix: rename LayersComponent.select event to prevent conflict with html input.select (#2127)

Author: ert78gb

packages/uhk-web/src/app/components/layers/layers.component.html

@@ -6,7 +6,7 @@
                 <button *ngIf="layerOption.selected"
                         type="button"
                         class="btn"
-                        (click)="selectLayer(layerOption)"
+                        (click)="onSelectLayer(layerOption)"
                         [class.btn-default]="layerOption.id !== current.id"
                         [class.btn-primary]="layerOption.id === current.id">
                     {{ layerOption.name }}
@@ -20,7 +20,7 @@
                         <layer-option *ngIf="layerOption.id !== 255"
                                       [layerOption]="layerOption"
                                       (remove)="onRemoveLayer($event)"
-                                      (select)="onSelectLayer($event)"
+                                      (select)="onAddLayer($event)"
                         >
                         </layer-option>
                     </ng-container>

packages/uhk-web/src/app/components/layers/layers.component.ts

@@ -23,7 +23,7 @@ export class LayersComponent {
     @Output() addColorToPalette = new EventEmitter<RgbColor>();
     @Output() deleteColorFromPalette = new EventEmitter();
     @Output() modifyColorPaletteColor = new EventEmitter<ModifyColorOfBacklightingColorPalettePayload>();
-    @Output() select = new EventEmitter<LayerOption>();
+    @Output() selectLayer = new EventEmitter<LayerOption>();
     @Output() toggleColorFromPalette = new EventEmitter<number>();
     @Output() addLayer = new EventEmitter<number>();
     @Output() removeLayer = new EventEmitter<number>();
@@ -34,12 +34,12 @@ export class LayersComponent {
     faTrash = faTrash;
     newColorPaletteColor = '#000000';
 
-    selectLayer(option: LayerOption) {
+    onSelectLayer(option: LayerOption) {
         if (this.current?.id === option.id) {
             return;
         }
 
-        this.select.emit(option);
+        this.selectLayer.emit(option);
     }
 
     trackLayer(index: number, layer: LayerOption): string {
@@ -50,7 +50,7 @@ export class LayersComponent {
         this.removeLayer.emit(layerOption.id);
     }
 
-    onSelectLayer(layerOption: LayerOption): void {
+    onAddLayer(layerOption: LayerOption): void {
         this.addLayer.emit(layerOption.id);
     }
 

packages/uhk-web/src/app/components/svg/wrap/svg-keyboard-wrap.component.html

@@ -11,7 +11,7 @@
             (deleteColorFromPalette)="deleteColorFromPalette.emit()"
             (modifyColorPaletteColor)="modifyColorPaletteColor.emit($event)"
             (removeLayer)="onRemoveLayer($event)"
-            (select)="selectedLayerChanged.emit($event)"
+            (selectLayer)="selectedLayerChanged.emit($event)"
             (toggleColorFromPalette)="toggleColorFromPalette.emit($event)"
     ></layers>
     <keyboard-slider id="keyboard-slider"