@aquera/nile-elements 2.0.18 → 2.0.20

package/dist/src/nile-select/nile-select.d.ts

@@ -233,6 +233,7 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     syncValueFromVirtualSelect(event: CustomEvent<{
         value?: string | string[];
     }>): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
     protected updated(_changedProperties: PropertyValues): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     setCheckBoxInOption(checked: boolean): void;

package/dist/src/nile-select/nile-select.js

@@ -328,12 +328,27 @@ let NileSelect = class NileSelect extends NileElement {
         }
     }
     syncValueFromVirtualSelect(event) {
+        if (!this.showTooltip)
+            return;
         if (event.composedPath()[0] !== event.currentTarget)
             return;
         if (!event.detail || !('value' in event.detail))
             return;
         this.value = event.detail.value ?? (this.multiple ? [] : '');
     }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        if (changedProperties.has('showTooltip') &&
+            changedProperties.get('showTooltip') === false &&
+            this.showTooltip &&
+            this.enableVirtualScroll &&
+            !changedProperties.has('value')) {
+            const inner = this.shadowRoot?.querySelector('nile-virtual-select');
+            if (inner && inner.value !== this.value) {
+                this.value = inner.value;
+            }
+        }
+    }
     updated(_changedProperties) {
         if (_changedProperties.has('searchEnabled')) {
             this.updateGroupStickyOffsets();
@@ -900,7 +915,7 @@ let NileSelect = class NileSelect extends NileElement {
         this.selectedOptions = this.getAllOptions().filter(el => el.selected);
         // Update the value and display label
         if (this.multiple) {
-            const hasOptions = this.getAllOptions().length > 0;
+            const hasOptions = !this.showTooltip || this.getAllOptions().length > 0;
             if (hasOptions) {
                 this.value = this.selectedOptions.map(el => el.value);
                 if (this.placeholder && this.value.length === 0) {