@lmvz-ds/components 0.17.1 → 0.18.0

package/{dist/esm/reactive-controller-host-OhKYwMvP.js → esm/reactive-controller-host-sR2jJxNG.js}

@@ -1,5 +1,5 @@
-import { i as isAriaValidationEnabled, u as useVerboseLogging, A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, q as queueValidation } from './aria-loader-JxXwTAe5.js';
-import { B as Build } from './index-CQb-mBBB.js';
+import { i as isAriaValidationEnabled, u as useVerboseLogging, A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, q as queueValidation } from './aria-loader-BF_AYtbb.js';
+import { B as Build } from './index-saW7O-EW.js';
 
 class AriaValidationController {
     host;
@@ -35,7 +35,7 @@ class AriaValidationController {
             this.observeSlot();
             return;
         }
-        if (!this.host.validationEl?.checkVisibility() || this.config?.validationTiming !== 'load') {
+        if (!this.host.validationEl?.checkVisibility?.() || this.config?.validationTiming !== 'load') {
             this.observeVisibilityOnce();
             return;
         }
@@ -57,32 +57,34 @@ class AriaValidationController {
         this.host.validationSlot?.addEventListener('slotchange', this.enqueueValidation.bind(this));
     }
     observeVisibilityOnce() {
-        window.setTimeout(() => {
-            if (!this.host.validationEl)
-                return;
-            this.visibilityObserver = new IntersectionObserver((entries) => {
-                for (const entry of entries) {
-                    if (entry.target !== this.host.validationEl)
-                        continue;
-                    if (!entry.isIntersecting)
-                        continue;
-                    this.checkLazyValidation();
-                    this.discardVisibilityObserver();
-                }
-            }, {
-                root: this.host.validationEl?.parentElement,
-                rootMargin: '0px',
-                threshold: 0.01,
+        {
+            window.setTimeout(() => {
+                if (!this.host.validationEl)
+                    return;
+                this.visibilityObserver = new IntersectionObserver((entries) => {
+                    for (const entry of entries) {
+                        if (entry.target !== this.host.validationEl)
+                            continue;
+                        if (!entry.isIntersecting)
+                            continue;
+                        this.checkLazyValidation();
+                        this.discardVisibilityObserver();
+                    }
+                }, {
+                    root: this.host.validationEl?.parentElement,
+                    rootMargin: '0px',
+                    threshold: 0.01,
+                });
+                this.visibilityObserver.observe(this.host.validationEl);
             });
-            this.visibilityObserver.observe(this.host.validationEl);
-        });
+        }
     }
     checkLazyValidation() {
         if (!this.elementLoaded)
             return;
         if (!this.config?.reValidateOnPropChanges && (this.elementQueued || this.elementValidated))
             return;
-        if (!this.host.validationEl?.checkVisibility())
+        if (!this.host.validationEl?.checkVisibility?.())
             return;
         this.enqueueValidation();
     }
@@ -136,10 +138,12 @@ class AriaValidationController {
         });
     }
     discardVisibilityObserver() {
-        if (!this.visibilityObserver)
-            return;
-        this.visibilityObserver.disconnect();
-        this.visibilityObserver = undefined;
+        {
+            if (!this.visibilityObserver)
+                return;
+            this.visibilityObserver.disconnect();
+            this.visibilityObserver = undefined;
+        }
     }
 }