From fca845bd6772d5113dc923dc1f79985ab44a63b5 Mon Sep 17 00:00:00 2001
From: erdemcaygor <erdem.caygor@gmail.com>
Date: Thu, 13 Mar 2025 14:45:13 +0300
Subject: [PATCH] code refactoring

---
 .../extensible-form-prop.component.html       | 18 ------------
 .../extensible-form-multiselect.component.ts  | 29 +++++++++----------
 2 files changed, 13 insertions(+), 34 deletions(-)

diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
index 401fd1454d..b0d8f42bc7 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
@@ -62,24 +62,6 @@
       }
       @case ('multiselect') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
-        <!--        <select
-                  #field
-                  [id]="prop.id"
-                  [formControlName]="prop.name"
-                  [abpDisabled]="disabled"
-                  multiple="multiple"
-                  class="form-select form-control"
-                >
-                  @for (option of options$ | async; track option.value) {
-                    <option [ngValue]="option.value">
-                      @if (prop.isExtra) {
-                        {{ '::' + option.key | abpLocalization }}
-                      } @else {
-                        {{ option.key }}
-                      }
-                    </option>
-                  }
-                </select>-->
         <abp-extensible-form-multi-select
           [prop]="prop"
           [options]="options$ | async"
diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/multi-select/extensible-form-multiselect.component.ts b/npm/ng-packs/packages/components/extensible/src/lib/components/multi-select/extensible-form-multiselect.component.ts
index b46bf6d391..1a5dcf1c84 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/multi-select/extensible-form-multiselect.component.ts
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/multi-select/extensible-form-multiselect.component.ts
@@ -1,7 +1,6 @@
 import { Component, ChangeDetectionStrategy, forwardRef, input } from '@angular/core';
 import { NG_VALUE_ACCESSOR, ControlValueAccessor, ReactiveFormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
-
 import { ABP, LocalizationModule } from '@abp/ng.core';
 import { BaseThemeSharedModule } from '@abp/ng.theme.shared';
 import { FormProp } from '@abp/ng.components/extensible';
@@ -17,21 +16,19 @@ const EXTENSIBLE_FORM_MULTI_SELECT_CONTROL_VALUE_ACCESSOR = {
   template: `
     <div [id]="prop().id">
       @for (option of options(); track option.value) {
-        <div class="d-flex align-items-center column-gap-2">
-          <div class="form-check" validationTarget>
-            <input
-              type="checkbox"
-              class="form-check-input"
-              [disabled]="disabled"
-              [checked]="isChecked(option.value)"
-              (change)="onCheckboxChange(option.value, $event)"
-            />
-            @if (prop().isExtra) {
-              {{ '::' + option.key | abpLocalization }}
-            } @else {
-              {{ option.key }}
-            }
-          </div>
+        <div class="form-check" validationTarget>
+          <input
+            type="checkbox"
+            class="form-check-input"
+            [disabled]="disabled"
+            [checked]="isChecked(option.value)"
+            (change)="onCheckboxChange(option.value, $event)"
+          />
+          @if (prop().isExtra) {
+            {{ '::' + option.key | abpLocalization }}
+          } @else {
+            {{ option.key }}
+          }
         </div>
       }
     </div>