@aquera/nile-elements 1.2.6-beta-1.0 → 1.2.6-beta-1.3

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

@@ -120,7 +120,6 @@ let NileSelect = class NileSelect extends NileElement {
         this.searchValue = '';
         this.searchEnabled = false;
         this.internalSearchPlaceHolder = 'Search...';
-        this.enableVisibilityEffect = false;
         this.blockValueChange = false;
         this.disableLocalSearch = false;
         this.optionsLoading = false;
@@ -182,7 +181,6 @@ let NileSelect = class NileSelect extends NileElement {
         this.required = false;
         this.showSelected = false;
         this.oldMaxOptionsVisible = 1;
-        this.enableTabClose = false;
         this.showNoResults = false;
         this.noResultsMessage = 'No results found';
         this.data = [];
@@ -193,6 +191,14 @@ let NileSelect = class NileSelect extends NileElement {
         this.autoFocusSearch = false;
         /** loading indicator for virtual select */
         this.loading = false;
+        this.enableVisibilityEffect = false;
+        this.enableTabClose = false;
+        this.handleWindowResize = () => {
+            this.portalManager.updatePortalAppendPosition();
+        };
+        this.handleWindowScroll = () => {
+            this.portalManager.updatePortalAppendPosition();
+        };
         /** All active IntersectionObservers for visibility detection */
         this.anchorVisibilityObservers = [];
         /** Handles tab visibility (page hidden / tab switched) */
@@ -208,12 +214,6 @@ let NileSelect = class NileSelect extends NileElement {
                 });
             }
         };
-        this.handleWindowResize = () => {
-            this.portalManager.updatePortalAppendPosition();
-        };
-        this.handleWindowScroll = () => {
-            this.portalManager.updatePortalAppendPosition();
-        };
     }
     connectedCallback() {
         super.connectedCallback();
@@ -319,63 +319,6 @@ let NileSelect = class NileSelect extends NileElement {
             this.hide();
         }
     }
-    /** Utility: find ALL scrollable ancestors (not just the nearest) */
-    getScrollableAncestors(element) {
-        const scrollables = [];
-        let parent = element.parentElement;
-        while (parent) {
-            const style = getComputedStyle(parent);
-            const canScroll = /(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX);
-            if (canScroll) {
-                scrollables.push(parent);
-            }
-            parent = parent.parentElement;
-        }
-        return scrollables;
-    }
-    /** Sets up visibility tracking for all relevant contexts */
-    setupAnchorVisibilityObserver() {
-        if (!this.enableVisibilityEffect)
-            return;
-        this.cleanupAnchorVisibilityObserver();
-        const combobox = this.combobox;
-        if (!combobox)
-            return;
-        // Get all scrollable ancestors and viewport
-        const scrollContainers = [...this.getScrollableAncestors(this), null];
-        scrollContainers.forEach((rootContainer) => {
-            const observer = new IntersectionObserver((entries) => {
-                for (const entry of entries) {
-                    if (!entry.isIntersecting && this.open) {
-                        this.hide();
-                        this.emit('nile-visibility-change', {
-                            visible: false,
-                            reason: 'anchor-out-of-view',
-                            name: this.name,
-                            root: rootContainer,
-                        });
-                        return; // stop further triggers
-                    }
-                }
-            }, {
-                root: rootContainer,
-                threshold: 0.1, // 10% visible = visible
-            });
-            observer.observe(combobox);
-            this.anchorVisibilityObservers.push(observer);
-        });
-        // Attach tab visibility listener only if property enabled
-        if (this.enableTabClose) {
-            document.addEventListener('visibilitychange', this.handleDocumentVisibilityChange);
-        }
-    }
-    /** Cleans up all visibility observers and listeners */
-    cleanupAnchorVisibilityObserver() {
-        this.anchorVisibilityObservers.forEach((o) => o.disconnect());
-        this.anchorVisibilityObservers = [];
-        // Always remove listener to avoid stale callbacks
-        document.removeEventListener('visibilitychange', this.handleDocumentVisibilityChange);
-    }
     /**
      * Handles the click event on the footer.
      * @param event - The click event.
@@ -529,6 +472,63 @@ let NileSelect = class NileSelect extends NileElement {
         this.displayInput.focus();
         this.hide();
     }
+    /** Utility: find ALL scrollable ancestors (not just the nearest) */
+    getScrollableAncestors(element) {
+        const scrollables = [];
+        let parent = element.parentElement;
+        while (parent) {
+            const style = getComputedStyle(parent);
+            const canScroll = /(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX);
+            if (canScroll) {
+                scrollables.push(parent);
+            }
+            parent = parent.parentElement;
+        }
+        return scrollables;
+    }
+    /** Sets up visibility tracking for all relevant contexts */
+    setupAnchorVisibilityObserver() {
+        if (!this.enableVisibilityEffect)
+            return;
+        this.cleanupAnchorVisibilityObserver();
+        const combobox = this.combobox;
+        if (!combobox)
+            return;
+        // Get all scrollable ancestors and viewport
+        const scrollContainers = [...this.getScrollableAncestors(this), null];
+        scrollContainers.forEach((rootContainer) => {
+            const observer = new IntersectionObserver((entries) => {
+                for (const entry of entries) {
+                    if (!entry.isIntersecting && this.open) {
+                        this.hide();
+                        this.emit('nile-visibility-change', {
+                            visible: false,
+                            reason: 'anchor-out-of-view',
+                            name: this.name,
+                            root: rootContainer,
+                        });
+                        return; // stop further triggers
+                    }
+                }
+            }, {
+                root: rootContainer,
+                threshold: 0.1, // 10% visible = visible
+            });
+            observer.observe(combobox);
+            this.anchorVisibilityObservers.push(observer);
+        });
+        // Attach tab visibility listener only if property enabled
+        if (this.enableTabClose) {
+            document.addEventListener('visibilitychange', this.handleDocumentVisibilityChange);
+        }
+    }
+    /** Cleans up all visibility observers and listeners */
+    cleanupAnchorVisibilityObserver() {
+        this.anchorVisibilityObservers.forEach((o) => o.disconnect());
+        this.anchorVisibilityObservers = [];
+        // Always remove listener to avoid stale callbacks
+        document.removeEventListener('visibilitychange', this.handleDocumentVisibilityChange);
+    }
     handleComboboxMouseDown(event) {
         const path = event.composedPath();
         const isIconButton = path.some(el => el instanceof Element && el.tagName.toLowerCase() === 'nile-icon-button');
@@ -1469,9 +1469,6 @@ __decorate([
 __decorate([
     property({ attribute: 'internal-search-placeholder' })
 ], NileSelect.prototype, "internalSearchPlaceHolder", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileSelect.prototype, "enableVisibilityEffect", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NileSelect.prototype, "blockValueChange", void 0);
@@ -1564,9 +1561,6 @@ __decorate([
 __decorate([
     state()
 ], NileSelect.prototype, "oldMaxOptionsVisible", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileSelect.prototype, "enableTabClose", void 0);
 __decorate([
     property({ type: Boolean })
 ], NileSelect.prototype, "showNoResults", void 0);
@@ -1591,6 +1585,12 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true, attribute: true })
 ], NileSelect.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileSelect.prototype, "enableVisibilityEffect", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileSelect.prototype, "enableTabClose", void 0);
 __decorate([
     watch('disabled', { waitUntilFirstUpdate: true })
 ], NileSelect.prototype, "handleDisabledChange", null);