@acorex/components 16.18.24 → 16.18.25

package/fesm2022/acorex-components.mjs

@@ -6190,21 +6190,39 @@ class AXFormGroupComponent extends AXBaseComponent {
         }
         const input = this.component.ref.nativeElement.querySelector('input');
         const textArea = this.component.ref.nativeElement.querySelector('textarea');
+        if (this.component.name === 'selectBox') {
+            const selectBox = this.component;
+            selectBox.selectedItemsChange.subscribe((e) => {
+                if (e.length > 0 && this.labelMode() === 'float') {
+                    this.isFloatActive.set(true);
+                    this.labelMode.set('over');
+                }
+                else {
+                    this.labelMode.set('float');
+                    this.isFloatActive.set(false);
+                }
+            });
+        }
         if (input) {
+            input.addEventListener('input', this.checkForValue.bind(this));
             input.addEventListener('focus', this.handleFocus.bind(this));
             input.addEventListener('blur', this.handeleBlur.bind(this));
         }
         if (textArea) {
+            textArea.addEventListener('input', this.checkForValue.bind(this));
             textArea.addEventListener('focus', this.handleFocus.bind(this));
             textArea.addEventListener('blur', this.handeleBlur.bind(this));
         }
+        this.checkForValue();
+    });
+    checkForValue() {
         if ((this.component.value ||
             this.component.selectedItems?.length > 0) &&
             this.labelMode() === 'float') {
             this.labelMode.set('over');
             this.isFloatActive.set(true);
         }
-    });
+    }
     handleFocus() {
         if (this.labelMode() === 'float') {
             this.isFloatActive.set(true);
@@ -8686,6 +8704,7 @@ class AXSelectBoxComponent extends AXValidatableComponent {
     cdr;
     ref;
     zone;
+    name = 'selectBox';
     showDropDownButton = true;
     rowTemplate;
     rowInputTemplate;