ngx-kit 6.1.0 → 6.3.0

package/types/ngx-kit-drawer-menu.d.ts

@@ -1,101 +1,112 @@
 import * as _angular_core from '@angular/core';
 
-/**
- * از 'start'/'end' منطقی استفاده می‌کنیم نه 'left'/'right' — یعنی توی
- * RTL خودکار برعکس می‌شه (start یعنی راست در RTL، چپ در LTR)، دقیقاً هماهنگ
- * با بقیه‌ی کتابخونه که همه‌جا از پراپرتی‌های منطقیِ CSS استفاده می‌کنه.
- */
+/** Logical drawer placement. `start` is right in RTL and left in LTR. */
 type NgxDrawerSide = 'start' | 'end';
-/**
- * جلوه‌ی بازوبسته‌شدنِ خودِ پنل:
- *  - slide: اسلاید ساده‌ی کلاسیک
- *  - curtain: چند نوار عمودیِ هم‌رنگِ پنل که با تأخیرِ پلکانی جمع می‌شن و
- *    محتوا رو نمایان می‌کنن — حسِ باز شدنِ یه پرده‌ی چندلَته
- *  - jelly: بازشدن با افکتِ ژله‌ای/کشسان — چند نوسانِ فنری که رفته‌رفته
- *    فروکش می‌کنه (الهام از https://dribbble.com/shots/2307371)
- *  - pull: یه کشیدگیِ لاستیکیِ تک‌ضربه‌ای — لبه‌ی پنل از اندازه‌ی نهایی رد
- *    می‌شه و برمی‌گرده سرجاش (rubber-band)
- *  - rotate3d: چرخشِ سه‌بعدیِ دور لولا (مثل باز شدنِ یه در)، با perspective
- *  - flip3d: پنل و محتوای صفحه با هم مثل ورق‌زدنِ یه کتاب می‌چرخن
- *  - scale: بزرگ‌شدن از مرکز همراه با fade
- */
-type NgxDrawerEffect = 'slide' | 'curtain' | 'jelly' | 'pull' | 'rotate3d' | 'flip3d' | 'scale';
-/**
- * رفتار محتوای اصلیِ صفحه وقتی درور باز می‌شه:
- *  - overlay: محتوا سرجاش می‌مونه، درور روش شناور می‌شه (با بک‌دراپ)
- *  - push: محتوا به‌اندازه‌ی عرضِ درور هل داده می‌شه (کنار می‌ره)
- *  - reveal: محتوا کمی کوچیک/عقب می‌ره، انگار درور از زیرش نمایان می‌شه
- *    (همون افکت معروف iOS)
- */
-type NgxDrawerContentBehavior = 'overlay' | 'push' | 'reveal';
+/** How the drawer interacts with the application content. */
+type NgxDrawerMode = 'overlay' | 'push' | 'reveal';
+/** Desktop/mobile layout behavior when responsive mode is enabled. */
+type NgxDrawerResponsiveBehavior = 'overlay' | 'dock';
+/** Visual physics used by the drawer while opening/closing. */
+type NgxDrawerEffect = 'slide' | 'spring' | 'fabric' | 'curtain' | 'elastic' | 'reveal';
+type NgxDrawerResponsiveMode = 'off' | 'auto';
+interface NgxDrawerResponsiveConfig {
+    mode?: NgxDrawerResponsiveMode;
+    breakpoint?: number;
+    desktopOpen?: boolean;
+    mobileOpen?: boolean;
+    /** Desktop layout: dock means a real sidebar; overlay means floating drawer. */
+    desktopBehavior?: NgxDrawerResponsiveBehavior;
+    /** Mobile layout is normally overlay. */
+    mobileBehavior?: NgxDrawerResponsiveBehavior;
+    respectPinned?: boolean;
+}
 
-/**
- * درور منو (side drawer) با ۶ جلوه‌ی بازوبسته‌شدنِ متفاوت (از ساده تا
- * سه‌بعدی/ژله‌ای) و ۳ رفتار برای محتوای صفحه (overlay/push/reveal) —
- * دقیقاً مدل کتابخونه‌های حرفه‌ای مثل react-burger-menu یا Ionic Menu، ولی
- * signal-based و بدون هیچ وابستگی خارجی.
- *
- * نکات معماری:
- *  - از 'start'/'end' منطقی استفاده می‌کنه، پس با CSS logical properties
- *    زیر RTL خودکار برعکس می‌شه؛ فقط ریاضیِ درگ (که برخلاف CSS جهت فیزیکیِ
- *    واقعی لازم داره) از DirectionService مشترک استفاده می‌کنه.
- *  - وضعیت باز/بسته با model() دوطرفه‌ست، پس هم با [(open)] قابل کنترله و
- *    هم می‌تونه به‌صورت خودکار و زنده با عرض صفحه هماهنگ بشه (respondToViewport)
- *    — یعنی رد شدن از breakpoint (نه فقط بار اول لود) می‌تونه خودکار باز/بسته‌ش کنه.
- *  - افکت‌های jelly/pull با keyframe سه‌مرحله‌ای (overshoot → نوسان → استقرار)
- *    پیاده شدن، نه فقط یه transition ساده.
- */
 declare class NgxDrawerMenuComponent {
-    side: _angular_core.InputSignal<NgxDrawerSide>;
-    effect: _angular_core.InputSignal<NgxDrawerEffect>;
-    contentBehavior: _angular_core.InputSignal<NgxDrawerContentBehavior>;
-    width: _angular_core.InputSignal<number>;
-    swipeEdgeSize: _angular_core.InputSignal<number>;
-    curtainStrips: _angular_core.InputSignal<number>;
-    backdropClose: _angular_core.InputSignal<boolean>;
-    swipeEnabled: _angular_core.InputSignal<boolean>;
-    /** اگه true باشه، رد شدن از mobileBreakpoint به‌صورت زنده open رو با openOnDesktop/openOnMobile هماهنگ می‌کنه */
-    respondToViewport: _angular_core.InputSignal<boolean>;
-    openOnDesktop: _angular_core.InputSignal<boolean>;
-    openOnMobile: _angular_core.InputSignal<boolean>;
-    mobileBreakpoint: _angular_core.InputSignal<number>;
-    /** state دوطرفه‌ی باز/بسته؛ با [(open)] قابل bind هست */
-    open: _angular_core.ModelSignal<boolean>;
-    private readonly directionService;
-    private readonly doc;
-    private readonly destroyRef;
-    /** فقط حین یه درگِ واقعی مقدار داره؛ null یعنی از روی open() تصمیم بگیر */
-    protected readonly dragRatio: _angular_core.WritableSignal<number | null>;
+    readonly side: _angular_core.InputSignal<NgxDrawerSide>;
+    readonly mode: _angular_core.InputSignal<NgxDrawerMode>;
+    /** When responsive mode is active, desktop/mobile can use different layout behavior. */
+    readonly desktopBehavior: _angular_core.InputSignal<NgxDrawerResponsiveBehavior>;
+    readonly mobileBehavior: _angular_core.InputSignal<NgxDrawerResponsiveBehavior>;
+    private readonly responsiveDesktopBehavior;
+    private readonly responsiveMobileBehavior;
+    readonly effect: _angular_core.InputSignal<NgxDrawerEffect>;
+    readonly width: _angular_core.InputSignal<number>;
+    readonly maxWidth: _angular_core.InputSignal<number>;
+    readonly edgeSize: _angular_core.InputSignal<number>;
+    readonly dragThreshold: _angular_core.InputSignal<number>;
+    readonly velocityThreshold: _angular_core.InputSignal<number>;
+    /** Opens/closes the panel from the edge and while the panel itself is dragged. */
+    readonly swipeEnabled: _angular_core.InputSignal<boolean>;
+    /** Allows closing by clicking the backdrop. */
+    readonly backdropClose: _angular_core.InputSignal<boolean>;
+    /** Allows Escape to close the drawer. */
+    readonly escapeClose: _angular_core.InputSignal<boolean>;
+    /** The drawer starts open unless explicitly configured otherwise. */
+    readonly open: _angular_core.ModelSignal<boolean>;
+    /** Pinned drawers are intended for persistent desktop navigation. */
+    readonly pinned: _angular_core.ModelSignal<boolean>;
+    /** Responsive behavior. Can be overridden with individual inputs below. */
+    readonly responsive: _angular_core.InputSignal<NgxDrawerResponsiveConfig>;
+    /** Convenience aliases for the common responsive configuration. */
+    readonly respondToViewport: _angular_core.InputSignal<boolean>;
+    readonly mobileBreakpoint: _angular_core.InputSignal<number>;
+    readonly openOnDesktop: _angular_core.InputSignal<boolean>;
+    readonly openOnMobile: _angular_core.InputSignal<boolean>;
+    /** Visual tuning. */
+    readonly curtainStrips: _angular_core.InputSignal<number>;
+    readonly backdropOpacity: _angular_core.InputSignal<number>;
+    readonly transitionMs: _angular_core.InputSignal<number>;
+    readonly focusOnOpen: _angular_core.InputSignal<boolean>;
+    protected readonly dragProgress: _angular_core.WritableSignal<number | null>;
+    protected readonly dragVelocity: _angular_core.WritableSignal<number>;
+    protected readonly isMobile: _angular_core.WritableSignal<boolean>;
+    protected readonly effectiveBehavior: _angular_core.Signal<NgxDrawerResponsiveBehavior>;
+    protected readonly isDocked: _angular_core.Signal<boolean>;
+    protected readonly usesOverlay: _angular_core.Signal<boolean>;
     protected readonly isDragging: _angular_core.Signal<boolean>;
-    protected readonly visualOpen: _angular_core.Signal<number>;
+    protected readonly progress: _angular_core.Signal<number>;
+    protected readonly isActuallyOpen: _angular_core.Signal<boolean>;
     protected readonly strips: _angular_core.Signal<number[]>;
-    /**
-     * +۱ یعنی این پنل فیزیکاً روی لبه‌ی چپِ صفحه‌ست، -۱ یعنی لبه‌ی راست —
-     * برای transform:translateX() محتوای اصلی (که برخلاف inset-inline، به
-     * dir=rtl خودکار واکنش نشون نمی‌ده) لازمه. reactive هست چون هم به side()
-     * و هم به جهتِ زنده‌ی صفحه (directionService.isRtl()) وابسته‌ست.
-     */
-    protected readonly pushDirSign: _angular_core.Signal<1 | -1>;
-    /** برای افکت‌های keyframe‌محور (jelly/pull) — فقط لحظه‌ی رهاشدن (نه حین درگ زنده) پخش می‌شه */
-    protected readonly playEffectClass: _angular_core.WritableSignal<boolean>;
-    private stopDrag?;
+    /** Physical side: true means the drawer is attached to the physical left edge. */
+    protected readonly isPhysicalLeft: _angular_core.Signal<boolean>;
+    protected readonly physicalSign: _angular_core.Signal<1 | -1>;
+    protected readonly effectiveMode: _angular_core.Signal<NgxDrawerMode>;
+    protected readonly duration: _angular_core.Signal<string>;
+    private readonly directionService;
+    private readonly document;
+    private readonly destroyRef;
+    private pointerId;
     private dragStartX;
-    private dragStartRatio;
-    private prevOpen;
+    private dragStartProgress;
+    private dragLastX;
+    private dragLastTime;
+    private lastVelocity;
+    private activePointerTarget;
+    private resizeObserver?;
+    private mediaQuery?;
+    private mediaQueryListener?;
+    private lastManagedViewportState;
     constructor();
-    protected onEscape(): void;
-    protected closeFromBackdrop(): void;
     toggle(): void;
-    /** true یعنی این پنل فیزیکاً روی لبه‌ی چپِ صفحه‌ست (صرف‌نظر از start/end منطقی) */
-    private isPhysicalLeftEdge;
-    protected stripDelay(index: number): string;
-    protected onEdgeDragStart(ev: MouseEvent | TouchEvent): void;
-    protected onPanelDragStart(ev: MouseEvent | TouchEvent): void;
+    openDrawer(): void;
+    closeDrawer(): void;
+    pin(): void;
+    unpin(): void;
+    protected onEscape(): void;
+    protected onBackdropPointerDown(event: PointerEvent): void;
+    protected onEdgePointerDown(event: PointerEvent): void;
+    protected onPanelPointerDown(event: PointerEvent): void;
     private beginDrag;
-    private clientXOf;
+    private readonly onPointerMove;
+    private readonly onPointerUp;
+    private readonly onPointerCancel;
+    private disposePointer;
+    private setupViewportSync;
+    private disposeViewportSync;
+    private clamp01;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDrawerMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDrawerMenuComponent, "ngx-drawer-menu", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "contentBehavior": { "alias": "contentBehavior"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "swipeEdgeSize": { "alias": "swipeEdgeSize"; "required": false; "isSignal": true; }; "curtainStrips": { "alias": "curtainStrips"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "swipeEnabled": { "alias": "swipeEnabled"; "required": false; "isSignal": true; }; "respondToViewport": { "alias": "respondToViewport"; "required": false; "isSignal": true; }; "openOnDesktop": { "alias": "openOnDesktop"; "required": false; "isSignal": true; }; "openOnMobile": { "alias": "openOnMobile"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*", "[drawerContent]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDrawerMenuComponent, "ngx-drawer-menu", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "desktopBehavior": { "alias": "desktopBehavior"; "required": false; "isSignal": true; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "edgeSize": { "alias": "edgeSize"; "required": false; "isSignal": true; }; "dragThreshold": { "alias": "dragThreshold"; "required": false; "isSignal": true; }; "velocityThreshold": { "alias": "velocityThreshold"; "required": false; "isSignal": true; }; "swipeEnabled": { "alias": "swipeEnabled"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "escapeClose": { "alias": "escapeClose"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "pinned": { "alias": "pinned"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "respondToViewport": { "alias": "respondToViewport"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "openOnDesktop": { "alias": "openOnDesktop"; "required": false; "isSignal": true; }; "openOnMobile": { "alias": "openOnMobile"; "required": false; "isSignal": true; }; "curtainStrips": { "alias": "curtainStrips"; "required": false; "isSignal": true; }; "backdropOpacity": { "alias": "backdropOpacity"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; "focusOnOpen": { "alias": "focusOnOpen"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "pinned": "pinnedChange"; }, never, ["*", "[drawerContent]"], true, never>;
 }
 
 export { NgxDrawerMenuComponent };
-export type { NgxDrawerContentBehavior, NgxDrawerEffect, NgxDrawerSide };
+export type { NgxDrawerEffect, NgxDrawerMode, NgxDrawerResponsiveBehavior, NgxDrawerResponsiveConfig, NgxDrawerResponsiveMode, NgxDrawerSide };

package/types/ngx-kit-dropzone.d.ts

@@ -4,7 +4,7 @@ import { HttpHeaders } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
 type NgxDropzoneFileStatus = 'pending' | 'accepted' | 'uploading' | 'uploaded' | 'error' | 'canceled';
-interface NgxDropzoneFile<TResponse = unknown> {
+interface NgxDropzoneFile<TResponse = any> {
     /** شناسه‌ی یکتا برای track کردن توی @for و امکان حذف تکی */
     id: string;
     file: File;
@@ -16,7 +16,7 @@ interface NgxDropzoneFile<TResponse = unknown> {
     /** Response returned by the upload adapter. */
     response?: TResponse;
     /** Upload error, if the request failed. */
-    error?: unknown;
+    error?: any;
     /** در صورت رد شدن، دلیلش */
     rejectionReason?: NgxDropzoneRejectionReason;
 }
@@ -112,17 +112,17 @@ declare class NgxDropzoneComponent implements OnDestroy {
     filesRejected: _angular_core.OutputEmitterRef<NgxDropzoneRejectedFile[]>;
     filesChange: _angular_core.OutputEmitterRef<File[]>;
     /** Emitted when an individual upload starts. */
-    uploadStarted: _angular_core.OutputEmitterRef<NgxDropzoneFile<unknown>>;
+    uploadStarted: _angular_core.OutputEmitterRef<NgxDropzoneFile<any>>;
     /** Emitted for every upload progress update. */
     uploadProgress: _angular_core.OutputEmitterRef<NgxDropzoneUploadProgressEvent>;
     /** Emitted after a file is successfully uploaded. */
-    uploadSuccess: _angular_core.OutputEmitterRef<NgxDropzoneFile<unknown>>;
+    uploadSuccess: _angular_core.OutputEmitterRef<NgxDropzoneFile<any>>;
     /** Emitted when an upload fails. */
     uploadError: _angular_core.OutputEmitterRef<{
         item: NgxDropzoneFile;
         error: unknown;
     }>;
-    protected readonly files: _angular_core.WritableSignal<NgxDropzoneFile<unknown>[]>;
+    protected readonly files: _angular_core.WritableSignal<NgxDropzoneFile<any>[]>;
     protected readonly isDragging: _angular_core.WritableSignal<boolean>;
     private dragCounter;
     private readonly uploadService;

package/types/ngx-kit-image-editor.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
 
 interface NgxCropRect {
     /** همه به پیکسل‌های واقعیِ تصویر مبدأ (نه پیکسل صفحه) */
@@ -54,6 +55,7 @@ declare class NgxPointerDragDirective {
 
 type Corner = 'nw' | 'ne' | 'sw' | 'se';
 
+declare const NGX_IMAGE_EDITOR_LOCALIZATION: InjectionToken<NgxImageEditorLocalization>;
 declare class NgxImageEditorLocalization {
     LoadingImage: string;
     Rotation: string;
@@ -69,7 +71,9 @@ declare class NgxImageEditorLocalization {
     Cancel: string;
     Save: string;
     Saving: string;
+    Reset: string;
 }
+declare const DEFAULT_NGX_IMAGE_EDITOR_LOCALIZATION: NgxImageEditorLocalization;
 
 /**
  * ویرایشگر تصویر: کراپ + چرخش + روشنایی/کنتراست/اشباع + فیلترهای آماده
@@ -81,6 +85,15 @@ declare class NgxImageEditorLocalization {
  * (createWorkingCopy)، نه روی تصویر اصلی که ممکنه چند مگاپیکسل باشه — وگرنه
  * درگ‌کردن اسلایدرها/گوشه‌های کراپ رو کاربر حس تاخیر می‌کرد. فقط لحظه‌ی
  * save()، رندر نهایی از روی تصویر اصلیِ کامل انجام می‌شه.
+ *
+ * اندازه‌ی صحنه (stage) با panelSize کنترل می‌شه: عرض همیشه ۱۰۰٪ عرضِ
+ * والدِ کامپوننته (با ResizeObserver اندازه‌گیری می‌شه، پس با تغییر سایز
+ * صفحه/layout هم زنده هماهنگ می‌مونه)، ارتفاع دقیقاً همون چیزیه که کاربر با
+ * panelSize می‌ده. تصویر همیشه با یک مقیاسِ «contain» واقعی (هم بر اساس
+ * عرض، هم بر اساس ارتفاع — هرکدوم تنگ‌تره) جا داده می‌شه، پس کلِ تصویر
+ * همیشه در محدوده‌ی همین باکس دیده می‌شه، صرف‌نظر از اندازه‌ی واقعیِ فایل.
+ * سقفِ مقیاس هم ۱ هست، یعنی تصاویر کوچیک بزرگ‌نمایی نمی‌شن (که باعثِ محو
+ * شدن‌شون می‌شد).
  */
 declare class NgxImageEditorComponent {
     source: _angular_core.InputSignal<string | File | Blob | null>;
@@ -89,8 +102,11 @@ declare class NgxImageEditorComponent {
     outputMaxWidth: _angular_core.InputSignal<number | undefined>;
     outputMaxHeight: _angular_core.InputSignal<number | undefined>;
     outputType: _angular_core.InputSignal<"image/jpeg" | "image/png" | "image/webp">;
-    /** حداکثر عرض نمایشِ ناحیه‌ی کراپ روی صفحه (پیکسل) */
-    displayMaxWidth: _angular_core.InputSignal<number>;
+    /**
+     * کدوم فیلترها نشون داده بشن (و به چه ترتیبی). اگه ندید، هر ۵ تا نشون داده
+     * می‌شن. آرایه‌ی خالی یعنی کلِ بخشِ فیلتر مخفی بشه.
+     */
+    filters: _angular_core.InputSignal<NgxImageFilterPreset[]>;
     quality: _angular_core.InputSignal<number>;
     defaultLocalization: NgxImageEditorLocalization;
     localize: _angular_core.InputSignal<NgxImageEditorLocalization>;
@@ -101,6 +117,9 @@ declare class NgxImageEditorComponent {
     protected readonly loadError: _angular_core.WritableSignal<string | null>;
     private readonly originalImage;
     private readonly workingCanvas;
+    private readonly stageWrapEl;
+    /** عرضِ واقعیِ رندرشده‌ی کانتینر؛ چون عرض همیشه ۱۰۰٪ (fluid) هست، باید زنده اندازه‌گیری بشه */
+    private readonly containerWidth;
     protected readonly rotation: _angular_core.WritableSignal<number>;
     protected readonly brightness: _angular_core.WritableSignal<number>;
     protected readonly contrast: _angular_core.WritableSignal<number>;
@@ -108,8 +127,14 @@ declare class NgxImageEditorComponent {
     protected readonly filterPreset: _angular_core.WritableSignal<NgxImageFilterPreset>;
     protected readonly crop: _angular_core.WritableSignal<NgxCropRect>;
     protected readonly adjustments: _angular_core.Signal<NgxImageEditorAdjustments>;
+    protected readonly filterLabels: _angular_core.Signal<Record<NgxImageFilterPreset, string>>;
     /** تصویرِ (کوچیک‌شده‌یِ) چرخیده — پایه‌ی نمایش صحنه‌ی کراپ */
     protected readonly rotatedWorkingCanvas: _angular_core.Signal<HTMLCanvasElement | null>;
+    protected readonly panelSize: _angular_core.Signal<number>;
+    /**
+     * مقیاسِ «contain» واقعی: کوچیک‌ترینِ نسبتِ عرض و ارتفاع (هرکدوم تنگ‌تره)
+     * تعیین‌کننده‌ست، و سقفش هم ۱ هست تا تصاویر کوچیک بزرگ‌نمایی نشن.
+     */
     protected readonly displayScale: _angular_core.Signal<number>;
     protected readonly stageImageUrl: _angular_core.Signal<string | null>;
     protected readonly stageSize: _angular_core.Signal<{
@@ -137,7 +162,7 @@ declare class NgxImageEditorComponent {
     protected cancel(): void;
     save(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxImageEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxImageEditorComponent, "ngx-image-editor", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "outputMaxWidth": { "alias": "outputMaxWidth"; "required": false; "isSignal": true; }; "outputMaxHeight": { "alias": "outputMaxHeight"; "required": false; "isSignal": true; }; "outputType": { "alias": "outputType"; "required": false; "isSignal": true; }; "displayMaxWidth": { "alias": "displayMaxWidth"; "required": false; "isSignal": true; }; "quality": { "alias": "quality"; "required": false; "isSignal": true; }; "localize": { "alias": "localize"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "cancelled": "cancelled"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxImageEditorComponent, "ngx-image-editor", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "outputMaxWidth": { "alias": "outputMaxWidth"; "required": false; "isSignal": true; }; "outputMaxHeight": { "alias": "outputMaxHeight"; "required": false; "isSignal": true; }; "outputType": { "alias": "outputType"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "quality": { "alias": "quality"; "required": false; "isSignal": true; }; "localize": { "alias": "localize"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "cancelled": "cancelled"; }, never, never, true, never>;
 }
 
 /** یه File/Blob/data-URL/URL رو به یک HTMLImageElement بارگذاری‌شده تبدیل می‌کنه */
@@ -191,5 +216,5 @@ declare function applyCartoonEffect(ctx: CanvasRenderingContext2D, width: number
     edgeThreshold?: number;
 }): void;
 
-export { NgxImageEditorComponent, NgxPointerDragDirective, applyCartoonEffect, canvasToBlob, createWorkingCopy, fitWithin, loadImage, renderComposite, renderRotated };
+export { DEFAULT_NGX_IMAGE_EDITOR_LOCALIZATION, NGX_IMAGE_EDITOR_LOCALIZATION, NgxImageEditorComponent, NgxImageEditorLocalization, NgxPointerDragDirective, applyCartoonEffect, canvasToBlob, createWorkingCopy, fitWithin, loadImage, renderComposite, renderRotated };
 export type { NgxCropRect, NgxImageEditorAdjustments, NgxImageEditorResult, NgxImageFilterPreset, NgxPointerDragDelta };