@shival99/z-ui 2.3.2 → 2.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 22, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",

package/types/shival99-z-ui-components-z-autocomplete.d.ts

@@ -278,7 +278,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
 
 declare const zAutocompleteInputVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZAutocompleteInputVariants = VariantProps<typeof zAutocompleteInputVariants>;
 declare const zAutocompleteOptionVariants: (props?: ({

package/types/shival99-z-ui-components-z-drawer.d.ts

@@ -210,7 +210,6 @@ declare class ZDrawerComponent<T, U> implements OnDestroy, AfterViewChecked {
     private readonly _resizedHeight;
     ngAfterViewChecked(): void;
     private _checkScrollState;
-    onContentWheel(event: WheelEvent): void;
     onContentScroll(event: Event): void;
     protected readonly effectiveTitle: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;
     protected readonly effectiveDescription: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;

package/types/shival99-z-ui-components-z-editor.d.ts

@@ -328,7 +328,7 @@ declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
 
 declare const zEditorVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
+    zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
     zPlaceholderMode?: "firstLine" | "everyLine" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZEditorVariants = VariantProps<typeof zEditorVariants>;

package/types/shival99-z-ui-components-z-modal.d.ts

@@ -233,7 +233,6 @@ declare class ZModalComponent<T, U> implements OnDestroy, AfterViewChecked {
     private _lastScrollHeight;
     ngAfterViewChecked(): void;
     private _checkScrollState;
-    onContentWheel(event: WheelEvent): void;
     onContentScroll(event: Event): void;
     protected readonly confirmIconColors: _angular_core.Signal<ZModalConfirmIconColors>;
     protected readonly effectiveTitle: _angular_core.Signal<string | TemplateRef<unknown> | undefined>;

package/types/shival99-z-ui-components-z-overlay.d.ts

@@ -39,6 +39,8 @@ interface ZOverlayGlobalConfig {
     backdropClass?: string;
     panelClass?: string;
     scrollLock?: boolean;
+    /** Lets free-form overlays own viewport scrolling when their content exceeds the viewport. */
+    scrollable?: boolean;
     size?: ZOverlaySizeConfig;
 }
 interface ZOverlayAnchoredConfig {
@@ -58,6 +60,7 @@ declare const Z_OVERLAY_DEFAULT_VIEWPORT_PADDING = 8;
 declare const Z_OVERLAY_DEFAULT_ARROW_EDGE_PADDING = 12;
 declare const Z_OVERLAY_CONTAINER_CLASS = "z-overlay-container";
 declare const Z_OVERLAY_HOST_CLASS = "z-overlay-host";
+declare const Z_OVERLAY_SCROLLABLE_CLASS = "z-overlay-scrollable";
 /** Z-UI position name -> Floating UI placement (12 vị trí khớp 1:1). */
 declare const Z_OVERLAY_PLACEMENT_MAP: Record<ZOverlayPlacement, Placement>;
 declare const Z_OVERLAY_PLACEMENT_REVERSE_MAP: Record<Placement, ZOverlayPlacement>;
@@ -128,18 +131,19 @@ declare class ZOverlayService {
 /**
  * Khoá scroll trang khi overlay toàn màn hình (modal/drawer) mở — thay cho
  * `scrollStrategies.block()` của CDK. Đếm tham chiếu để modal-trong-modal không mở khoá sớm.
- * Giữ nguyên document flow khi khoá để các overlay fixed không bị layout shift do scrollbar biến mất.
+ * Giữ nguyên document flow bằng cách bù chiều rộng scrollbar ở body khi scrollbar biến mất.
  * Vị trí scroll vẫn được lưu để khôi phục nếu ứng dụng thay đổi scroll programmatically trong lúc khoá.
  */
 declare class ZScrollLockService {
     private readonly _document;
     private _lockCount;
     private _scrollPosition;
+    private _bodyPaddingRight;
     lock(): void;
     unlock(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZScrollLockService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ZScrollLockService>;
 }
 
-export { ZOverlayRef, ZOverlayService, ZScrollLockService, Z_OVERLAY_CONTAINER_CLASS, Z_OVERLAY_DEFAULT_ARROW_EDGE_PADDING, Z_OVERLAY_DEFAULT_VIEWPORT_PADDING, Z_OVERLAY_FALLBACK_ORDER, Z_OVERLAY_HOST_CLASS, Z_OVERLAY_PLACEMENT_MAP, Z_OVERLAY_PLACEMENT_REVERSE_MAP, Z_OVERLAY_PREFERRED_SIDE_ORDER, computeZOverlayArrowOffset, computeZOverlayPlacement, startZOverlayAutoUpdate };
+export { ZOverlayRef, ZOverlayService, ZScrollLockService, Z_OVERLAY_CONTAINER_CLASS, Z_OVERLAY_DEFAULT_ARROW_EDGE_PADDING, Z_OVERLAY_DEFAULT_VIEWPORT_PADDING, Z_OVERLAY_FALLBACK_ORDER, Z_OVERLAY_HOST_CLASS, Z_OVERLAY_PLACEMENT_MAP, Z_OVERLAY_PLACEMENT_REVERSE_MAP, Z_OVERLAY_PREFERRED_SIDE_ORDER, Z_OVERLAY_SCROLLABLE_CLASS, computeZOverlayArrowOffset, computeZOverlayPlacement, startZOverlayAutoUpdate };
 export type { ZFloatingArrowOffsetConfig, ZFloatingPlacementConfig, ZFloatingPlacementResult, ZOverlayAnchoredConfig, ZOverlayGlobalConfig, ZOverlayPlacement, ZOverlaySide, ZOverlaySizeConfig };

package/types/shival99-z-ui-components-z-select.d.ts

@@ -331,7 +331,7 @@ declare class ZTagClassesPipe implements PipeTransform {
 
 declare const zSelectVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zSelectTagVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;