@shival99/z-ui 2.1.33 → 2.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.1.33",
-  "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 21, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
+  "version": "2.2.0",
+  "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",
     "angular-ui",
@@ -36,12 +36,12 @@
     "url": "https://github.com/vuboi/z-ui/issues"
   },
   "peerDependencies": {
-    "@angular/cdk": ">=21.0.0 <22.0.0",
-    "@angular/common": ">=21.0.0 <22.0.0",
-    "@angular/core": ">=21.0.0 <22.0.0",
-    "@angular/forms": ">=21.0.0 <22.0.0",
-    "@angular/platform-browser": ">=21.0.0 <22.0.0",
-    "@angular/router": ">=21.0.0 <22.0.0",
+    "@angular/cdk": ">=22.0.0 <23.0.0",
+    "@angular/common": ">=22.0.0 <23.0.0",
+    "@angular/core": ">=22.0.0 <23.0.0",
+    "@angular/forms": ">=22.0.0 <23.0.0",
+    "@angular/platform-browser": ">=22.0.0 <23.0.0",
+    "@angular/router": ">=22.0.0 <23.0.0",
     "@dayflow/blossom-color-picker-angular": ">=1.0.0",
     "@hugeicons/core-free-icons": ">=4.0.0",
     "@ng-icons/core": ">=33.0.0",
@@ -49,10 +49,11 @@
     "@ng-icons/lucide": ">=33.0.0",
     "@ng-icons/phosphor-icons": ">=33.0.0",
     "@ngx-translate/core": ">=17.0.0",
-    "@shival99/angular-virtual": ">=4.0.10",
+    "@tanstack/angular-virtual": ">=6.0.2",
     "@shival99/ngx-sonner": ">=3.0.0",
-    "@tanstack/angular-table": ">=8.20.0",
+    "@tanstack/angular-table": ">=9.1.0",
     "@tiptap/core": ">=3.0.0",
+    "@tiptap/extension-bubble-menu": ">=3.0.0",
     "@tiptap/extension-code": ">=3.0.0",
     "@tiptap/extension-horizontal-rule": ">=3.0.0",
     "@tiptap/extension-image": ">=3.0.0",
@@ -60,8 +61,10 @@
     "@tiptap/extension-mention": ">=3.0.0",
     "@tiptap/extension-placeholder": ">=3.0.0",
     "@tiptap/extension-text-align": ">=3.0.0",
+    "@tiptap/extension-text-style": ">=3.0.0",
     "@tiptap/extension-underline": ">=3.0.0",
     "@tiptap/markdown": ">=3.0.0",
+    "@tiptap/pm": ">=3.0.0",
     "@tiptap/starter-kit": ">=3.0.0",
     "boneyard-js": ">=1.7.0",
     "class-variance-authority": ">=0.7.0",
@@ -81,17 +84,14 @@
     "rxjs": ">=7.8.0",
     "shiki": ">=3.0.0",
     "tailwind-merge": ">=3.0.0",
-    "xlsx": "^0.18.5",
-    "@tiptap/extension-bubble-menu": ">=3.0.0",
-    "@tiptap/extension-text-style": ">=3.0.0",
-    "@tiptap/pm": ">=3.0.0",
-    "tiptap-extension-resize-image": "^1.4.0"
+    "tiptap-extension-resize-image": "^1.4.0",
+    "xlsx": "^0.18.5"
   },
   "peerDependenciesMeta": {
     "@dayflow/blossom-color-picker-angular": {
       "optional": true
     },
-    "@shival99/angular-virtual": {
+    "@tanstack/angular-virtual": {
       "optional": true
     },
     "@tanstack/angular-table": {

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

@@ -1,4 +1,4 @@
-import * as _shival99_angular_virtual from '@shival99/angular-virtual';
+import * as _tanstack_angular_virtual from '@tanstack/angular-virtual';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal, OnInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -180,7 +180,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     private _shouldScrollActiveOption;
     /** Stores input value before keyboard navigation for ESC revert */
     private _valueBeforeNavigation;
-    protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
+    protected readonly virtualizer: _tanstack_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
     private readonly _measureVirtualItems;
     protected readonly config: _angular_core.Signal<ZAutocompleteConfig<T>>;
     protected readonly hasAsyncOptions: _angular_core.Signal<boolean>;

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

@@ -14,7 +14,6 @@ interface ZCardConfig {
 declare class ZCardComponent {
     private readonly _customTitle;
     private readonly _customTitleContent;
-    readonly zCollapsedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zTitle: _angular_core.InputSignal<string>;
     readonly zSize: _angular_core.InputSignal<ZCardSize>;
@@ -29,7 +28,7 @@ declare class ZCardComponent {
     protected readonly contentClasses: _angular_core.Signal<string>;
     protected onHeaderClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCardComponent, "z-card", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zCollapsible": { "alias": "zCollapsible"; "required": false; "isSignal": true; }; "zHiddenIcon": { "alias": "zHiddenIcon"; "required": false; "isSignal": true; }; "zCollapsed": { "alias": "zCollapsed"; "required": false; "isSignal": true; }; }, { "zCollapsedChange": "zCollapsedChange"; "zCollapsed": "zCollapsedChange"; }, ["_customTitle", "_customTitleContent"], ["[zCardTitle]", "[zCardExtra]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCardComponent, "z-card", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zCollapsible": { "alias": "zCollapsible"; "required": false; "isSignal": true; }; "zHiddenIcon": { "alias": "zHiddenIcon"; "required": false; "isSignal": true; }; "zCollapsed": { "alias": "zCollapsed"; "required": false; "isSignal": true; }; }, { "zCollapsed": "zCollapsedChange"; }, ["_customTitle", "_customTitleContent"], ["[zCardTitle]", "[zCardExtra]", "*"], true, never>;
 }
 
 declare class ZCardTitleDirective {

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

@@ -171,7 +171,9 @@ declare class ZDrawerComponent<T, U> extends BasePortalOutlet implements OnDestr
     protected readonly customHeader: _angular_core.Signal<ZDrawerHeaderDirective | undefined>;
     protected readonly customContent: _angular_core.Signal<ZDrawerContentDirective | undefined>;
     protected readonly customFooter: _angular_core.Signal<ZDrawerFooterDirective | undefined>;
-    drawerRef?: ZDrawerRef<T>;
+    private readonly _drawerRef;
+    get drawerRef(): ZDrawerRef<T> | undefined;
+    set drawerRef(value: ZDrawerRef<T> | undefined);
     readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
     protected readonly dummyTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     protected readonly mainContentRef: _angular_core.Signal<NgScrollbar | undefined>;

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

@@ -171,7 +171,6 @@ declare class ZGalleryComponent implements AfterViewInit {
     readonly zOnDownload: _angular_core.OutputEmitterRef<ZGalleryFile>;
     readonly zOnPreview: _angular_core.OutputEmitterRef<ZGalleryFile>;
     readonly zOnRemove: _angular_core.OutputEmitterRef<ZGalleryFile>;
-    readonly zModeChange: _angular_core.OutputEmitterRef<ZGalleryMode>;
     readonly zSearchChange: _angular_core.OutputEmitterRef<string>;
     readonly zControl: _angular_core.OutputEmitterRef<ZGalleryControl>;
     readonly zSelectionChange: _angular_core.OutputEmitterRef<ZGallerySelectionChange>;
@@ -210,7 +209,7 @@ declare class ZGalleryComponent implements AfterViewInit {
     protected onBulkDelete(): void;
     protected onBulkDownload(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZGalleryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZGalleryComponent, "z-gallery", ["zGallery"], { "zFiles": { "alias": "zFiles"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColumns": { "alias": "zColumns"; "required": false; "isSignal": true; }; "zItemWidth": { "alias": "zItemWidth"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; "zSkeletonItems": { "alias": "zSkeletonItems"; "required": false; "isSignal": true; }; "zShowDownload": { "alias": "zShowDownload"; "required": false; "isSignal": true; }; "zShowPreview": { "alias": "zShowPreview"; "required": false; "isSignal": true; }; "zShowRemove": { "alias": "zShowRemove"; "required": false; "isSignal": true; }; "zPdfViewerConfig": { "alias": "zPdfViewerConfig"; "required": false; "isSignal": true; }; "zTrustedResourceOrigins": { "alias": "zTrustedResourceOrigins"; "required": false; "isSignal": true; }; "zShowModeToggle": { "alias": "zShowModeToggle"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zServerSearch": { "alias": "zServerSearch"; "required": false; "isSignal": true; }; "zSearchDebounce": { "alias": "zSearchDebounce"; "required": false; "isSignal": true; }; "zSearchPlaceholder": { "alias": "zSearchPlaceholder"; "required": false; "isSignal": true; }; "zToggleSize": { "alias": "zToggleSize"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zSelectable": { "alias": "zSelectable"; "required": false; "isSignal": true; }; "zSelectedFiles": { "alias": "zSelectedFiles"; "required": false; "isSignal": true; }; }, { "zMode": "zModeChange"; "zSelectedFiles": "zSelectedFilesChange"; "zOnDownload": "zOnDownload"; "zOnPreview": "zOnPreview"; "zOnRemove": "zOnRemove"; "zModeChange": "zModeChange"; "zSearchChange": "zSearchChange"; "zControl": "zControl"; "zSelectionChange": "zSelectionChange"; "zOnAction": "zOnAction"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZGalleryComponent, "z-gallery", ["zGallery"], { "zFiles": { "alias": "zFiles"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColumns": { "alias": "zColumns"; "required": false; "isSignal": true; }; "zItemWidth": { "alias": "zItemWidth"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zSkeletonRows": { "alias": "zSkeletonRows"; "required": false; "isSignal": true; }; "zSkeletonItems": { "alias": "zSkeletonItems"; "required": false; "isSignal": true; }; "zShowDownload": { "alias": "zShowDownload"; "required": false; "isSignal": true; }; "zShowPreview": { "alias": "zShowPreview"; "required": false; "isSignal": true; }; "zShowRemove": { "alias": "zShowRemove"; "required": false; "isSignal": true; }; "zPdfViewerConfig": { "alias": "zPdfViewerConfig"; "required": false; "isSignal": true; }; "zTrustedResourceOrigins": { "alias": "zTrustedResourceOrigins"; "required": false; "isSignal": true; }; "zShowModeToggle": { "alias": "zShowModeToggle"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zServerSearch": { "alias": "zServerSearch"; "required": false; "isSignal": true; }; "zSearchDebounce": { "alias": "zSearchDebounce"; "required": false; "isSignal": true; }; "zSearchPlaceholder": { "alias": "zSearchPlaceholder"; "required": false; "isSignal": true; }; "zToggleSize": { "alias": "zToggleSize"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zSelectable": { "alias": "zSelectable"; "required": false; "isSignal": true; }; "zSelectedFiles": { "alias": "zSelectedFiles"; "required": false; "isSignal": true; }; }, { "zMode": "zModeChange"; "zSelectedFiles": "zSelectedFilesChange"; "zOnDownload": "zOnDownload"; "zOnPreview": "zOnPreview"; "zOnRemove": "zOnRemove"; "zSearchChange": "zSearchChange"; "zControl": "zControl"; "zSelectionChange": "zSelectionChange"; "zOnAction": "zOnAction"; }, never, never, true, never>;
 }
 
 declare class ZGalleryItemComponent {

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

@@ -1,4 +1,4 @@
-import * as _shival99_angular_virtual from '@shival99/angular-virtual';
+import * as _tanstack_angular_virtual from '@tanstack/angular-virtual';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal, OnInit, ElementRef, PipeTransform } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -202,7 +202,7 @@ declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAcces
     protected readonly isLoadingMore: _angular_core.Signal<boolean>;
     protected readonly canLoadMore: _angular_core.Signal<boolean>;
     protected readonly effectiveDebounceTime: _angular_core.Signal<number>;
-    protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
+    protected readonly virtualizer: _tanstack_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
     private readonly _measureVirtualItems;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly isReadonly: _angular_core.Signal<boolean>;