@shival99/z-ui 2.6.5 → 2.6.7

package/.npmignore

@@ -18,11 +18,11 @@ components/z-chat/package.json
 components/z-checkbox/package.json
 components/z-code/package.json
 components/z-command/package.json
-components/z-drawer/package.json
 components/z-dropdown-menu/package.json
+components/z-drawer/package.json
 components/z-editor/package.json
-components/z-empty/package.json
 components/z-filter/package.json
+components/z-empty/package.json
 components/z-gallery/package.json
 components/z-hover-glide/package.json
 components/z-icon/package.json
@@ -31,14 +31,14 @@ components/z-kanban/package.json
 components/z-loading/package.json
 components/z-marquee/package.json
 components/z-media-player/package.json
-components/z-menu/package.json
 components/z-metric-card/package.json
+components/z-menu/package.json
 components/z-modal/package.json
 components/z-number-ticker/package.json
-components/z-overlay/package.json
 components/z-pagination/package.json
-components/z-popover/package.json
+components/z-overlay/package.json
 components/z-qrcode/package.json
+components/z-popover/package.json
 components/z-radio/package.json
 components/z-scrollarea/package.json
 components/z-select/package.json

package/assets/css/base.css

@@ -86,46 +86,46 @@ body {
 /* ==================== Utility Classes ==================== */
 
 @layer utilities {
-  .shadow-0,
-  .shadow-1,
-  .shadow-2,
-  .shadow-3,
-  .shadow-card,
-  .shadow-card-md,
-  .shadow-card-lg,
-  .shadow-card-soft {
+  :where(.shadow-0),
+  :where(.shadow-1),
+  :where(.shadow-2),
+  :where(.shadow-3),
+  :where(.shadow-card),
+  :where(.shadow-card-md),
+  :where(.shadow-card-lg),
+  :where(.shadow-card-soft) {
     --tw-shadow-color: initial;
   }
 
-  .shadow-0 {
+  :where(.shadow-0) {
     box-shadow: var(--shadow-0);
   }
 
-  .shadow-1 {
+  :where(.shadow-1) {
     box-shadow: var(--shadow-1);
   }
 
-  .shadow-2 {
+  :where(.shadow-2) {
     box-shadow: var(--shadow-2);
   }
 
-  .shadow-3 {
+  :where(.shadow-3) {
     box-shadow: var(--shadow-3);
   }
 
-  .shadow-card {
+  :where(.shadow-card) {
     box-shadow: var(--shadow-card);
   }
 
-  .shadow-card-md {
+  :where(.shadow-card-md) {
     box-shadow: var(--shadow-card-md);
   }
 
-  .shadow-card-lg {
+  :where(.shadow-card-lg) {
     box-shadow: var(--shadow-card-lg);
   }
 
-  .shadow-card-soft {
+  :where(.shadow-card-soft) {
     box-shadow: var(--shadow-card-soft);
   }
 }

package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs

@@ -10,7 +10,7 @@ import { ZLoadingComponent } from '@shival99/z-ui/components/z-loading';
 import { ZPopoverDirective } from '@shival99/z-ui/components/z-popover';
 import { ZTooltipDirective } from '@shival99/z-ui/components/z-tooltip';
 import { ZHighlightPipe, ZSafeHtmlPipe } from '@shival99/z-ui/pipes';
-import { zTransform, zUuid, zResolveAsyncSelectedOptions, zMergeAsyncOptions, zRemoveVietnamese, zMergeClasses, zCreateEvent, Z_ASYNC_OPTIONS_DEFAULT_PAGE_SIZE, zToAsyncOptionsObservable, zResolveAsyncOptionsHasMore } from '@shival99/z-ui/utils';
+import { zTransform, zUuid, zCreateDestroySafeTimeout, zResolveAsyncSelectedOptions, zMergeAsyncOptions, zRemoveVietnamese, zMergeClasses, zCreateEvent, Z_ASYNC_OPTIONS_DEFAULT_PAGE_SIZE, zToAsyncOptionsObservable, zResolveAsyncOptionsHasMore } from '@shival99/z-ui/utils';
 import { injectVirtualizer } from '@tanstack/angular-virtual';
 import { Subject, debounceTime, distinctUntilChanged, finalize } from 'rxjs';
 import { cva } from 'class-variance-authority';
@@ -222,7 +222,9 @@ class ZAutocompleteComponent {
     ...(ngDevMode ? [{ debugName: "dropdownWidth" }] : /* istanbul ignore next */ []));
     _pendingSearch = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_pendingSearch" }] : /* istanbul ignore next */ []));
-    _localLoadingTimeout = null;
+    _localLoadingTimer = zCreateDestroySafeTimeout(this._destroyRef);
+    _focusInputTimer = zCreateDestroySafeTimeout(this._destroyRef);
+    _navigationFillTimer = zCreateDestroySafeTimeout(this._destroyRef);
     _loadMoreObserver = null;
     _virtualScrollListener = null;
     _asyncLoadSubscription = null;
@@ -702,7 +704,7 @@ class ZAutocompleteComponent {
         if (inputEl) {
             inputEl.value = option.label;
         }
-        setTimeout(() => {
+        this._navigationFillTimer.schedule(() => {
             this._isNavigationFilling = false;
         }, 0);
     }
@@ -724,7 +726,7 @@ class ZAutocompleteComponent {
             inputEl.value = value;
         }
         this._valueBeforeNavigation = null;
-        setTimeout(() => {
+        this._navigationFillTimer.schedule(() => {
             this._isNavigationFilling = false;
         }, 0);
     }
@@ -759,7 +761,7 @@ class ZAutocompleteComponent {
         if (triggerEl) {
             this.dropdownWidth.set(triggerEl.getBoundingClientRect().width);
         }
-        setTimeout(() => {
+        this._focusInputTimer.schedule(() => {
             this.inputRef()?.nativeElement.focus();
         }, 50);
     }
@@ -823,7 +825,7 @@ class ZAutocompleteComponent {
         }
         this.zOnCommit.emit({ value: '', source: 'blur' });
         this._resetAsyncOptions();
-        setTimeout(() => {
+        this._focusInputTimer.schedule(() => {
             this.inputRef()?.nativeElement.focus();
         });
     }
@@ -922,9 +924,8 @@ class ZAutocompleteComponent {
             this._resetOptionsScrollTop();
             this._clearLocalLoadingTimer();
             this._pendingSearch.set(true);
-            this._localLoadingTimeout = setTimeout(() => {
+            this._localLoadingTimer.schedule(() => {
                 this._pendingSearch.set(false);
-                this._localLoadingTimeout = null;
             }, 100);
         });
     }
@@ -1077,11 +1078,7 @@ class ZAutocompleteComponent {
         this._asyncLoadingMore.set(false);
     }
     _clearLocalLoadingTimer() {
-        if (!this._localLoadingTimeout) {
-            return;
-        }
-        clearTimeout(this._localLoadingTimeout);
-        this._localLoadingTimeout = null;
+        this._localLoadingTimer.cancel();
     }
     _setupLoadMoreObserver() {
         this._cleanupLoadMoreObserver();