@shival99/z-ui 1.9.26 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "1.9.26",
+  "version": "2.0.0",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 20+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",
@@ -36,32 +36,42 @@
     "url": "https://github.com/vuboi/z-ui/issues"
   },
   "peerDependencies": {
+    "@angular/cdk": ">=20.0.0",
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/forms": ">=20.0.0",
+    "@angular/platform-browser": "~21.0.6",
     "@angular/router": ">=20.0.0",
-    "@angular/cdk": ">=20.0.0",
     "@dayflow/blossom-color-picker-angular": ">=1.0.0",
     "@ng-icons/core": ">=33.0.0",
     "@ng-icons/iconsax": ">=33.0.0",
     "@ng-icons/lucide": ">=33.0.0",
     "@ngx-translate/core": ">=17.0.0",
-    "@tanstack/angular-table": ">=8.20.0",
     "@shival99/angular-virtual": ">=4.0.10",
+    "@shival99/ngx-sonner": ">=3.0.0",
+    "@tanstack/angular-table": ">=8.20.0",
+    "@tiptap/core": ">=3.0.0",
+    "@tiptap/extension-code": ">=3.0.0",
+    "@tiptap/extension-horizontal-rule": ">=3.0.0",
+    "@tiptap/extension-image": ">=3.0.0",
+    "@tiptap/extension-link": ">=3.0.0",
+    "@tiptap/extension-mention": ">=3.0.0",
+    "@tiptap/extension-placeholder": ">=3.0.0",
+    "@tiptap/extension-text-align": ">=3.0.0",
+    "@tiptap/extension-underline": ">=3.0.0",
+    "@tiptap/markdown": ">=3.0.0",
+    "@tiptap/starter-kit": ">=3.0.0",
     "boneyard-js": ">=1.7.0",
     "class-variance-authority": ">=0.7.0",
     "clsx": ">=2.0.0",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
     "minisearch": ">=7.0.0",
     "ngx-mask": ">=20.0.0",
     "ngx-scrollbar": ">=19.0.0",
-    "@shival99/ngx-sonner": ">=3.0.0",
     "ngxtension": ">=7.0.0",
     "rxjs": ">=7.8.0",
     "tailwind-merge": ">=3.0.0",
-    "@angular/platform-browser": "~21.0.6",
-    "quill-resize-image": "^1.0.0",
-    "exceljs": "^4.4.0",
-    "file-saver": "^2.0.5",
     "xlsx": "^0.18.5"
   },
   "peerDependenciesMeta": {
@@ -71,12 +81,6 @@
     "@ngx-translate/http-loader": {
       "optional": true
     },
-    "ngx-quill": {
-      "optional": true
-    },
-    "quill": {
-      "optional": true
-    },
     "echarts": {
       "optional": true
     },
@@ -89,21 +93,23 @@
     "dompurify": {
       "optional": true
     },
-    "quill-resize-image": {
+    "@tiptap/markdown": {
       "optional": true
     }
   },
   "optionalDependencies": {
-    "ngx-quill": ">=30.0.0",
-    "quill": ">=2.0.0",
+    "dompurify": ">=3.0.0",
     "echarts": ">=5.0.0",
-    "shiki": ">=3.0.0",
-    "dompurify": ">=3.0.0"
+    "shiki": ">=3.0.0"
   },
   "sideEffects": false,
   "engines": {
     "node": ">=18.0.0"
   },
+  "dependencies": {
+    "mammoth": "^1.12.0",
+    "tslib": "^2.3.0"
+  },
   "module": "fesm2022/z-ui.mjs",
   "typings": "types/z-ui.d.ts",
   "exports": {
@@ -122,6 +128,10 @@
       "types": "./types/shival99-z-ui-components-z-autocomplete.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-autocomplete.mjs"
     },
+    "./components/z-avatar": {
+      "types": "./types/shival99-z-ui-components-z-avatar.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-avatar.mjs"
+    },
     "./components/z-breadcrumb": {
       "types": "./types/shival99-z-ui-components-z-breadcrumb.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-breadcrumb.mjs"
@@ -194,10 +204,18 @@
       "types": "./types/shival99-z-ui-components-z-loading.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-loading.mjs"
     },
+    "./components/z-marquee": {
+      "types": "./types/shival99-z-ui-components-z-marquee.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-marquee.mjs"
+    },
     "./components/z-menu": {
       "types": "./types/shival99-z-ui-components-z-menu.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-menu.mjs"
     },
+    "./components/z-metric-card": {
+      "types": "./types/shival99-z-ui-components-z-metric-card.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-metric-card.mjs"
+    },
     "./components/z-modal": {
       "types": "./types/shival99-z-ui-components-z-modal.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-modal.mjs"
@@ -283,8 +301,5 @@
       "default": "./fesm2022/shival99-z-ui-utils.mjs"
     }
   },
-  "type": "module",
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
+  "type": "module"
 }

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

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZAvatarSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
+type ZAvatarShape = 'circle' | 'rounded' | 'square';
+type ZAvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+type ZAvatarRing = 'none' | 'default' | 'active' | 'muted';
+type ZAvatarFallback = 'initials' | 'icon';
+interface ZAvatarItem {
+    id: string | number;
+    name: string;
+    src?: string;
+    alt?: string;
+    icon?: ZIcon;
+    status?: ZAvatarStatus;
+}
+
+declare class ZAvatarComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zSrc: _angular_core.InputSignal<string>;
+    readonly zName: _angular_core.InputSignal<string>;
+    readonly zAlt: _angular_core.InputSignal<string>;
+    readonly zIcon: _angular_core.InputSignal<ZIcon>;
+    readonly zSize: _angular_core.InputSignal<ZAvatarSize>;
+    readonly zShape: _angular_core.InputSignal<ZAvatarShape>;
+    readonly zStatus: _angular_core.InputSignal<ZAvatarStatus | undefined>;
+    readonly zRing: _angular_core.InputSignal<ZAvatarRing>;
+    readonly zFallback: _angular_core.InputSignal<ZAvatarFallback>;
+    readonly zShowLabel: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zStatusAnimated: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zInteractive: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zDescription: _angular_core.InputSignal<string>;
+    protected readonly imageFailed: _angular_core.WritableSignal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly avatarClasses: _angular_core.Signal<string>;
+    protected readonly imageClasses: _angular_core.Signal<string>;
+    protected readonly statusClasses: _angular_core.Signal<string>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    protected readonly iconSize: _angular_core.Signal<"12" | "14" | "16" | "18" | "24">;
+    protected readonly altText: _angular_core.Signal<string>;
+    protected readonly shouldShowImage: _angular_core.Signal<boolean>;
+    protected readonly initials: _angular_core.Signal<string>;
+    protected onImageError(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZAvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAvatarComponent, "z-avatar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSrc": { "alias": "zSrc"; "required": false; "isSignal": true; }; "zName": { "alias": "zName"; "required": false; "isSignal": true; }; "zAlt": { "alias": "zAlt"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zShape": { "alias": "zShape"; "required": false; "isSignal": true; }; "zStatus": { "alias": "zStatus"; "required": false; "isSignal": true; }; "zRing": { "alias": "zRing"; "required": false; "isSignal": true; }; "zFallback": { "alias": "zFallback"; "required": false; "isSignal": true; }; "zShowLabel": { "alias": "zShowLabel"; "required": false; "isSignal": true; }; "zStatusAnimated": { "alias": "zStatusAnimated"; "required": false; "isSignal": true; }; "zInteractive": { "alias": "zInteractive"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ZAvatarGroupComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zItems: _angular_core.InputSignal<ZAvatarItem[]>;
+    readonly zMax: _angular_core.InputSignal<number>;
+    readonly zSize: _angular_core.InputSignal<ZAvatarSize>;
+    readonly zShape: _angular_core.InputSignal<ZAvatarShape>;
+    readonly zRing: _angular_core.InputSignal<ZAvatarRing>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly visibleItems: _angular_core.Signal<ZAvatarItem[]>;
+    protected readonly overflowCount: _angular_core.Signal<number>;
+    protected readonly overflowClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZAvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAvatarGroupComponent, "z-avatar-group", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zItems": { "alias": "zItems"; "required": false; "isSignal": true; }; "zMax": { "alias": "zMax"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zShape": { "alias": "zShape"; "required": false; "isSignal": true; }; "zRing": { "alias": "zRing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const zAvatarVariants: (props?: ({
+    zSize?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    zShape?: "circle" | "rounded" | "square" | null | undefined;
+    zRing?: "default" | "none" | "active" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zAvatarImageVariants: (props?: ({
+    zShape?: "circle" | "rounded" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zAvatarStatusVariants: (props?: ({
+    zSize?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    zStatus?: "online" | "offline" | "busy" | "away" | null | undefined;
+    zAnimated?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zAvatarLabelVariants: (props?: ({
+    zSize?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zAvatarGroupVariants: (props?: ({
+    zSize?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZAvatarVariants = VariantProps<typeof zAvatarVariants>;
+type ZAvatarStatusVariants = VariantProps<typeof zAvatarStatusVariants>;
+type ZAvatarGroupVariants = VariantProps<typeof zAvatarGroupVariants>;
+
+export { ZAvatarComponent, ZAvatarGroupComponent, zAvatarGroupVariants, zAvatarImageVariants, zAvatarLabelVariants, zAvatarStatusVariants, zAvatarVariants };
+export type { ZAvatarFallback, ZAvatarGroupVariants, ZAvatarItem, ZAvatarRing, ZAvatarShape, ZAvatarSize, ZAvatarStatus, ZAvatarStatusVariants, ZAvatarVariants };

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

@@ -1,13 +1,31 @@
 import * as _angular_core from '@angular/core';
 import { Signal, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ZInputValidator } from '@shival99/z-ui/components/z-input';
 import { ZEvent } from '@shival99/z-ui/utils';
+import { Content, Editor, Extension } from '@tiptap/core';
 import { ClassValue } from 'clsx';
-import { QuillModules, ContentChange } from 'ngx-quill';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { ImageOptions } from '@tiptap/extension-image';
+import { LinkOptions } from '@tiptap/extension-link';
+import { MentionOptions } from '@tiptap/extension-mention';
+import { PlaceholderOptions } from '@tiptap/extension-placeholder';
+import { StarterKitOptions } from '@tiptap/starter-kit';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
 type ZEditorSize = 'sm' | 'default' | 'lg';
+type ZEditorContentType = 'html' | 'json' | 'markdown';
+type ZEditorToolbarCommand = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'heading1' | 'heading2' | 'paragraph' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'image' | 'undo' | 'redo' | 'clearFormatting';
+interface ZEditorToolbarItem {
+    id: ZEditorToolbarCommand;
+    icon: ZIcon;
+    label: string;
+}
+interface ZEditorResolvedToolbarItem extends ZEditorToolbarItem {
+    active: boolean;
+    disabled: boolean;
+}
 interface ZEditorControl {
     /** Focus the editor */
     focus: () => void;
@@ -16,13 +34,21 @@ interface ZEditorControl {
     /** Clear the editor content */
     clear: () => void;
     /** Set content programmatically */
-    setContent: (content: string) => void;
+    setContent: (content: Content) => void;
+    /** Get current serialized content */
+    getContent: () => string | Content;
     /** Get current HTML content */
-    getContent: () => string;
+    getHTML: () => string;
+    /** Get current JSON content */
+    getJSON: () => Content;
+    /** Get current Markdown content when markdown mode is enabled */
+    getMarkdown: () => string;
     /** Get plain text content */
     getText: () => string;
     /** Get content length */
     getLength: () => number;
+    /** Access the TipTap editor instance */
+    getEditor: () => Editor | null;
     /** Trigger validation and return true if valid */
     valid: () => boolean;
     /**
@@ -33,13 +59,13 @@ interface ZEditorControl {
     /** Reset component to initial state */
     reset: () => void;
     /** Set value programmatically (alias for setContent) */
-    setValue: (content: string) => void;
+    setValue: (content: Content) => void;
     /** Set custom error message (useful for server-side validation). Pass null to clear. */
     setErrorMessage: (message: string | null) => void;
     /** Signal indicating if component has validation error */
     hasError: Signal<boolean>;
-    /** Signal with current value */
-    value: Signal<string>;
+    /** Signal with current serialized value */
+    value: Signal<string | Content>;
     /** Signal with current error message */
     errorMessage: Signal<string>;
 }
@@ -50,12 +76,24 @@ interface ZEditorValidator {
     minLength?: number;
     maxLength?: number;
 }
+interface ZEditorPlaceholderOptions extends Partial<PlaceholderOptions> {
+    mode?: 'firstLine' | 'everyLine';
+}
+interface ZEditorTipTapOptions {
+    starterKit?: Partial<StarterKitOptions>;
+    placeholder?: string | ZEditorPlaceholderOptions;
+    image?: boolean | Partial<ImageOptions>;
+    link?: Partial<LinkOptions>;
+    mention?: boolean | Partial<Omit<MentionOptions, 'suggestion' | 'suggestions'>>;
+    extensions?: Extension[];
+}
 
 declare class ZEditorComponent implements OnInit, ControlValueAccessor {
     private readonly _injector;
     private readonly _destroyRef;
     private readonly _zTranslate;
-    readonly zOnChange: _angular_core.OutputEmitterRef<string>;
+    private readonly _editorHost;
+    readonly zOnChange: _angular_core.OutputEmitterRef<Content>;
     readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly zOnBlur: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly zControl: _angular_core.OutputEmitterRef<ZEditorControl>;
@@ -68,17 +106,23 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
     readonly zRequired: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly zModules: _angular_core.InputSignal<QuillModules | null>;
-    readonly zFormats: _angular_core.InputSignal<string[] | null>;
-    readonly zBounds: _angular_core.InputSignal<string | HTMLElement>;
-    readonly zTheme: _angular_core.InputSignal<"snow" | "bubble">;
+    readonly zContentType: _angular_core.InputSignal<ZEditorContentType>;
+    readonly zToolbar: _angular_core.InputSignal<false | readonly ZEditorToolbarItem[]>;
+    readonly zTipTap: _angular_core.InputSignal<ZEditorTipTapOptions>;
     readonly zValidators: _angular_core.InputSignal<ZEditorValidator[]>;
     protected readonly editorId: string;
-    protected readonly _value: _angular_core.WritableSignal<string>;
+    protected readonly linkInputId: string;
+    protected readonly _value: _angular_core.WritableSignal<Content>;
     private readonly _disabled;
     private readonly _formControl;
     private readonly _formStateVersion;
     private readonly _isNgModel;
+    private readonly _selectionVersion;
+    private readonly _plainText;
+    protected readonly linkModalVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly linkUrl: _angular_core.WritableSignal<string>;
+    protected readonly activeLinkHref: _angular_core.WritableSignal<string>;
+    protected readonly linkValidators: ZInputValidator[];
     protected readonly uiState: _angular_core.WritableSignal<{
         touched: boolean;
         dirty: boolean;
@@ -87,49 +131,65 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
     private _onChange;
     private _onTouched;
     private _ngControl;
-    private _editorInstance;
+    private _editor;
+    private _pendingValue;
+    private _linkSelection;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly showToolbar: _angular_core.Signal<boolean>;
+    protected readonly normalizedLinkUrl: _angular_core.Signal<string>;
+    protected readonly canApplyLink: _angular_core.Signal<boolean>;
     protected readonly effectivePlaceholder: _angular_core.Signal<string>;
-    protected readonly effectiveModules: _angular_core.Signal<QuillModules>;
+    protected readonly toolbarItems: _angular_core.Signal<ZEditorResolvedToolbarItem[]>;
     private readonly _shouldShowValidation;
     private _getValidationErrors;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
     protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error">;
     protected readonly wrapperClasses: _angular_core.Signal<string>;
-    protected readonly labelClasses: _angular_core.Signal<string>;
     protected readonly editorClasses: _angular_core.Signal<string>;
+    constructor();
     ngOnInit(): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
+    writeValue(value: string | Content): void;
+    registerOnChange(fn: (value: string | Content) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    protected onContentChange(event: ContentChange): void;
-    protected onFocus(): void;
-    protected onBlur(): void;
-    focus(): void;
-    blur(): void;
-    clear(): void;
-    setContent(content: string): void;
-    getContent(): string;
-    getText(): string;
-    getLength(): number;
-    setErrorMessage(message: string | null): void;
-    setValue(content: string): void;
-    /** @deprecated Use `valid()` for boolean form-submit checks. */
-    validate(): boolean;
-    valid(): boolean;
-    reset(): void;
+    protected onToolbarClick(command: ZEditorToolbarCommand): void;
+    private _createEditor;
+    private _handleEditorUpdate;
+    private _handleFocus;
+    private _handleBlur;
     private _emitControl;
+    private _setEditorContent;
+    private _validateControl;
+    private _getSerializedContent;
+    private _getMarkdown;
+    private _serializeValueAsText;
+    private _refreshEditorState;
+    private _isEditorEmpty;
+    private _isCurrentEditorContent;
+    private _isToolbarCommandActive;
+    private _isToolbarCommandDisabled;
+    private _toggleLink;
+    protected closeLinkModal(): void;
+    protected onLinkUrlChange(value: string | number | null): void;
+    protected applyLink(): void;
+    private _normalizeUrl;
+    protected removeLink(): void;
+    private _insertImage;
+    private _placeholderConfig;
+    private _placeholderMode;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZEditorComponent, "z-editor", ["zEditor"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zModules": { "alias": "zModules"; "required": false; "isSignal": true; }; "zFormats": { "alias": "zFormats"; "required": false; "isSignal": true; }; "zBounds": { "alias": "zBounds"; "required": false; "isSignal": true; }; "zTheme": { "alias": "zTheme"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnChange": "zOnChange"; "zOnFocus": "zOnFocus"; "zOnBlur": "zOnBlur"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZEditorComponent, "z-editor", ["zEditor"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zContentType": { "alias": "zContentType"; "required": false; "isSignal": true; }; "zToolbar": { "alias": "zToolbar"; "required": false; "isSignal": true; }; "zTipTap": { "alias": "zTipTap"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnChange": "zOnChange"; "zOnFocus": "zOnFocus"; "zOnBlur": "zOnBlur"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
 }
 
+declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
+
 declare const zEditorVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | 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>;
 
-export { ZEditorComponent, zEditorVariants };
-export type { ZEditorControl, ZEditorSize, ZEditorValidator, ZEditorVariants };
+export { ZEditorComponent, Z_EDITOR_DEFAULT_TOOLBAR, zEditorVariants };
+export type { ZEditorContentType, ZEditorControl, ZEditorResolvedToolbarItem, ZEditorSize, ZEditorTipTapOptions, ZEditorToolbarCommand, ZEditorToolbarItem, ZEditorValidator, ZEditorVariants };

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

@@ -3,6 +3,7 @@ import { AfterViewInit, EventEmitter } from '@angular/core';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ClassValue } from 'clsx';
 import * as _shival99_z_ui_components_z_gallery from '@shival99/z-ui/components/z-gallery';
+import { SafeHtml } from '@angular/platform-browser';
 import { OverlayRef } from '@angular/cdk/overlay';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -103,7 +104,7 @@ declare class ZGalleryComponent implements AfterViewInit {
     protected readonly previewFile: _angular_core.WritableSignal<ZGalleryFile | null>;
     protected readonly searchQuery: _angular_core.WritableSignal<string>;
     protected readonly currentMode: _angular_core.Signal<ZGalleryMode>;
-    protected readonly gridColumns: _angular_core.Signal<string>;
+    protected readonly gridColumnsClass: _angular_core.Signal<string>;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected readonly showHeader: _angular_core.Signal<string | boolean>;
     protected readonly toggleIconSize: _angular_core.Signal<"14" | "16" | "20" | "18">;
@@ -185,6 +186,7 @@ declare class ZGalleryFileIconComponent {
 }
 
 declare class ZGalleryPreviewComponent {
+    private readonly _sanitizer;
     readonly file: _angular_core.InputSignal<ZGalleryFile>;
     readonly files: _angular_core.InputSignal<ZGalleryFile[]>;
     readonly zShowRemove: _angular_core.InputSignal<boolean>;
@@ -195,10 +197,18 @@ declare class ZGalleryPreviewComponent {
     protected readonly zoomed: _angular_core.WritableSignal<boolean>;
     protected readonly isLoading: _angular_core.WritableSignal<boolean>;
     protected readonly rotation: _angular_core.WritableSignal<number>;
+    protected readonly isConverting: _angular_core.WritableSignal<boolean>;
+    protected readonly conversionError: _angular_core.WritableSignal<string | null>;
+    protected readonly docHtmlContent: _angular_core.WritableSignal<SafeHtml | null>;
+    protected readonly textContent: _angular_core.WritableSignal<string>;
     private readonly _mediaLoaded;
     private _loadingStartTime;
     private readonly _minLoadingTime;
     constructor();
+    private _loadFileContent;
+    private _loadDocx;
+    private _loadExcel;
+    private _loadText;
     private _completeLoading;
     protected readonly currentIndex: _angular_core.Signal<number>;
     protected readonly hasPrev: _angular_core.Signal<boolean>;
@@ -206,6 +216,9 @@ declare class ZGalleryPreviewComponent {
     protected readonly isImageFile: _angular_core.Signal<boolean>;
     protected readonly isPdf: _angular_core.Signal<boolean>;
     protected readonly isVideo: _angular_core.Signal<boolean>;
+    protected readonly isWordFile: _angular_core.Signal<boolean>;
+    protected readonly isExcelFile: _angular_core.Signal<boolean>;
+    protected readonly isTextFile: _angular_core.Signal<boolean>;
     protected readonly canPreview: _angular_core.Signal<boolean>;
     protected readonly formattedSize: _angular_core.Signal<string>;
     protected readonly imageTransform: _angular_core.Signal<string>;

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

@@ -192,6 +192,7 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     private readonly _shouldShowValidation;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
+    private _translateValidationMessage;
     private readonly _searchSubject;
     private readonly _changeSubject;
     private readonly _asyncValidationSubject;

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

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+type ZMarqueeDirection = 'left' | 'right' | 'up' | 'down';
+type ZMarqueeFade = 'none' | 'left' | 'right' | 'top' | 'bottom' | 'both';
+
+declare class ZMarqueeComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zDirection: _angular_core.InputSignal<ZMarqueeDirection>;
+    readonly zPauseOnHover: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zRepeat: _angular_core.InputSignal<number>;
+    readonly zDuration: _angular_core.InputSignal<number>;
+    readonly zGap: _angular_core.InputSignal<string>;
+    readonly zFade: _angular_core.InputSignal<ZMarqueeFade>;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly isVertical: _angular_core.Signal<boolean>;
+    protected readonly isReverse: _angular_core.Signal<boolean>;
+    protected readonly showLeftFade: _angular_core.Signal<boolean>;
+    protected readonly showRightFade: _angular_core.Signal<boolean>;
+    protected readonly showTopFade: _angular_core.Signal<boolean>;
+    protected readonly showBottomFade: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly repeatItems: _angular_core.Signal<number[]>;
+    protected readonly copyItems: readonly [0, 1];
+    protected readonly runnerClasses: _angular_core.Signal<string>;
+    protected readonly animationClasses: _angular_core.Signal<string>;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    protected readonly contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMarqueeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMarqueeComponent, "z-marquee", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zDirection": { "alias": "zDirection"; "required": false; "isSignal": true; }; "zPauseOnHover": { "alias": "zPauseOnHover"; "required": false; "isSignal": true; }; "zRepeat": { "alias": "zRepeat"; "required": false; "isSignal": true; }; "zDuration": { "alias": "zDuration"; "required": false; "isSignal": true; }; "zGap": { "alias": "zGap"; "required": false; "isSignal": true; }; "zFade": { "alias": "zFade"; "required": false; "isSignal": true; }; }, {}, ["contentTemplate"], never, true, never>;
+}
+
+export { ZMarqueeComponent };
+export type { ZMarqueeDirection, ZMarqueeFade };

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

@@ -0,0 +1,67 @@
+import * as _angular_core from '@angular/core';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZMetricCardSize = 'sm' | 'default' | 'lg';
+type ZMetricCardVariant = 'default' | 'bordered' | 'soft';
+type ZMetricCardTrendDirection = 'up' | 'down' | 'neutral';
+type ZMetricCardDecor = 'none' | 'wave' | 'grid' | 'rings' | 'bars' | 'dots' | 'spark';
+interface ZMetricCardTrend {
+    value: string | number;
+    direction?: ZMetricCardTrendDirection;
+    label?: string;
+}
+interface ZMetricCardAction {
+    label: string;
+    icon?: ZIcon;
+}
+
+declare class ZMetricCardComponent {
+    readonly zActionClick: _angular_core.OutputEmitterRef<ZMetricCardAction>;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zTitle: _angular_core.InputSignal<string>;
+    readonly zValue: _angular_core.InputSignal<string | number>;
+    readonly zDescription: _angular_core.InputSignal<string>;
+    readonly zIcon: _angular_core.InputSignal<ZIcon | undefined>;
+    readonly zTrend: _angular_core.InputSignal<ZMetricCardTrend | undefined>;
+    readonly zProgress: _angular_core.InputSignal<number | undefined>;
+    readonly zAction: _angular_core.InputSignal<ZMetricCardAction | undefined>;
+    readonly zSize: _angular_core.InputSignal<ZMetricCardSize>;
+    readonly zVariant: _angular_core.InputSignal<ZMetricCardVariant>;
+    readonly zDecor: _angular_core.InputSignal<ZMetricCardDecor>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly iconClasses: _angular_core.Signal<string>;
+    protected readonly valueClasses: _angular_core.Signal<string>;
+    protected readonly decorClasses: _angular_core.Signal<string>;
+    protected readonly trendDirection: _angular_core.Signal<ZMetricCardTrendDirection>;
+    protected readonly trendClasses: _angular_core.Signal<string>;
+    protected readonly trendIcon: _angular_core.Signal<ZIcon>;
+    protected readonly normalizedProgress: _angular_core.Signal<number | null>;
+    protected onActionClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMetricCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMetricCardComponent, "z-metric-card", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zTrend": { "alias": "zTrend"; "required": false; "isSignal": true; }; "zProgress": { "alias": "zProgress"; "required": false; "isSignal": true; }; "zAction": { "alias": "zAction"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zVariant": { "alias": "zVariant"; "required": false; "isSignal": true; }; "zDecor": { "alias": "zDecor"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; }, { "zActionClick": "zActionClick"; }, never, ["*"], true, never>;
+}
+
+declare const zMetricCardVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zVariant?: "default" | "bordered" | "soft" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardIconVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zVariant?: "default" | "bordered" | "soft" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardValueVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardTrendVariants: (props?: ({
+    zTrendDirection?: "up" | "down" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZMetricCardVariants = VariantProps<typeof zMetricCardVariants>;
+type ZMetricCardIconVariants = VariantProps<typeof zMetricCardIconVariants>;
+type ZMetricCardTrendVariants = VariantProps<typeof zMetricCardTrendVariants>;
+
+export { ZMetricCardComponent, zMetricCardIconVariants, zMetricCardTrendVariants, zMetricCardValueVariants, zMetricCardVariants };
+export type { ZMetricCardAction, ZMetricCardDecor, ZMetricCardIconVariants, ZMetricCardSize, ZMetricCardTrend, ZMetricCardTrendDirection, ZMetricCardTrendVariants, ZMetricCardVariant, ZMetricCardVariants };