bootstrap 5 version update feature management package

npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html

@@ -30,16 +30,16 @@
                 (keyup.enter)="save()"
               >
                 <ng-container *ngSwitchCase="valueTypes.ToggleStringValueType">
-                  <div class="custom-checkbox custom-control">
+                  <div class="form-check">
                     <input
-                      class="custom-control-input"
+                      class="form-check-input"
                       type="checkbox"
                       [id]="feature.name"
                       [(ngModel)]="feature.value"
                       (ngModelChange)="onCheckboxClick($event, feature)"
                     />
 
-                    <label class="custom-control-label" [htmlFor]="feature.name">{{
+                    <label class="form-check-label" [htmlFor]="feature.name">{{
                       feature.displayName
                     }}</label>
                     <ng-container
@@ -48,8 +48,10 @@
                   </div>
                 </ng-container>
                 <ng-container *ngSwitchCase="valueTypes.FreeTextStringValueType">
-                  <div class="form-group">
+                  <div class="mb-3 form-group">
-                    <label [htmlFor]="feature.name">{{ feature.displayName }}</label>
+                    <label [htmlFor]="feature.name" class="form-label">{{
+                      feature.displayName
+                    }}</label>
                     <input
                       class="form-control"
                       type="text"
@@ -65,13 +67,11 @@
                 </ng-container>
                 <ng-container *ngSwitchCase="valueTypes.SelectionStringValueType">
                   <ng-container *ngIf="feature.valueType.itemSource?.items?.length">
-                    <div class="form-group">
+                    <div class="mb-3 form-group">
-                      <label [htmlFor]="feature.name">{{ feature.displayName }}</label>
+                      <label [htmlFor]="feature.name" class="form-label">{{
-                      <select
+                        feature.displayName
-                        class="form-control custom-select"
+                      }}</label>
-                        [id]="feature.name"
+                      <select class="form-select" [id]="feature.name" [(ngModel)]="feature.value">
-                        [(ngModel)]="feature.value"
-                      >
                         <option
                           *ngFor="
                             let item of feature.valueType.itemSource?.items;
@@ -99,7 +99,7 @@
       </div>
 
       <ng-template #descTmp let-description>
-        <small *ngIf="description" class="form-text text-muted">{{ description }}</small>
+        <small *ngIf="description" class="d-block form-text text-muted">{{ description }}</small>
       </ng-template>
 
       <div class="col-md-8"><div [ngbNavOutlet]="nav"></div></div>