fix(select): disable opening disabled select after clicking on content (

#3068)

src/framework/theme/components/select/select.component.html

@@ -1,28 +1,40 @@
-<button [disabled]="disabled"
-        [ngClass]="selectButtonClasses"
-        (blur)="trySetTouched()"
-        (keydown.arrowDown)="show()"
-        (keydown.arrowUp)="show()"
-        class="select-button"
-        type="button"
-        #selectButton>
-
-    <span>
-      <ng-container *ngIf="selectionModel.length; else placeholderTemplate">
-        <ng-container *ngIf="customLabel; else defaultSelectionTemplate">
-          <ng-content select="nb-select-label"></ng-content>
-        </ng-container>
-
-        <ng-template #defaultSelectionTemplate>{{ selectionView }}</ng-template>
+<button
+  [disabled]="disabled"
+  [ngClass]="selectButtonClasses"
+  (blur)="trySetTouched()"
+  (keydown.arrowDown)="show()"
+  (keydown.arrowUp)="show()"
+  class="select-button"
+  type="button"
+  #selectButton
+>
+  <span (click)="disabled && $event.stopPropagation()">
+    <ng-container *ngIf="selectionModel.length; else placeholderTemplate">
+      <ng-container *ngIf="customLabel; else defaultSelectionTemplate">
+        <ng-content select="nb-select-label"></ng-content>
       </ng-container>
 
-      <ng-template #placeholderTemplate>{{ placeholder }}</ng-template>
-    </span>
+      <ng-template #defaultSelectionTemplate>{{ selectionView }}</ng-template>
+    </ng-container>
+
+    <ng-template #placeholderTemplate>{{ placeholder }}</ng-template>
+  </span>
 
-    <nb-icon icon="chevron-down-outline" pack="nebular-essentials" (click)="disabled && $event.stopPropagation()" aria-hidden="true">
-    </nb-icon>
+  <nb-icon
+    icon="chevron-down-outline"
+    pack="nebular-essentials"
+    (click)="disabled && $event.stopPropagation()"
+    aria-hidden="true"
+  >
+  </nb-icon>
 </button>
 
-<nb-option-list *nbPortal [size]="size" [position]="overlayPosition" [style.width.px]="optionsWidth" [ngClass]="optionsListClass">
+<nb-option-list
+  *nbPortal
+  [size]="size"
+  [position]="overlayPosition"
+  [style.width.px]="optionsWidth"
+  [ngClass]="optionsListClass"
+>
   <ng-content select="nb-option, nb-option-group"></ng-content>
 </nb-option-list>