ngx-kit 7.2.0 → 7.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angle-selector/README.md +34 -34
- package/box-shadow/README.md +33 -33
- package/color-picker/README.md +52 -52
- package/{shared → core}/README.md +117 -117
- package/data-table/README.md +120 -120
- package/date-picker/README.md +74 -74
- package/dialog/README.md +122 -92
- package/drag-resize/README.md +53 -55
- package/fesm2022/ngx-kit-angle-selector.mjs +9 -26
- package/fesm2022/ngx-kit-angle-selector.mjs.map +1 -1
- package/fesm2022/ngx-kit-box-shadow.mjs +330 -356
- package/fesm2022/ngx-kit-box-shadow.mjs.map +1 -1
- package/fesm2022/ngx-kit-color-picker.mjs +132 -272
- package/fesm2022/ngx-kit-color-picker.mjs.map +1 -1
- package/fesm2022/{ngx-kit-shared.mjs → ngx-kit-core.mjs} +845 -277
- package/fesm2022/ngx-kit-core.mjs.map +1 -0
- package/fesm2022/ngx-kit-data-table.mjs +3 -3
- package/fesm2022/ngx-kit-data-table.mjs.map +1 -1
- package/fesm2022/ngx-kit-date-picker.mjs +153 -147
- package/fesm2022/ngx-kit-date-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-dialog.mjs +430 -331
- package/fesm2022/ngx-kit-dialog.mjs.map +1 -1
- package/fesm2022/ngx-kit-drag-resize.mjs +126 -45
- package/fesm2022/ngx-kit-drag-resize.mjs.map +1 -1
- package/fesm2022/ngx-kit-drawer-menu.mjs +2 -2
- package/fesm2022/ngx-kit-drawer-menu.mjs.map +1 -1
- package/fesm2022/ngx-kit-dropzone.mjs.map +1 -1
- package/fesm2022/ngx-kit-form-field.mjs.map +1 -1
- package/fesm2022/ngx-kit-gallery.mjs +3 -3
- package/fesm2022/ngx-kit-gallery.mjs.map +1 -1
- package/fesm2022/ngx-kit-gradient-picker.mjs +20 -38
- package/fesm2022/ngx-kit-gradient-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-grid-layout.mjs +19 -18
- package/fesm2022/ngx-kit-grid-layout.mjs.map +1 -1
- package/fesm2022/ngx-kit-image-editor.mjs +3 -3
- package/fesm2022/ngx-kit-image-editor.mjs.map +1 -1
- package/fesm2022/ngx-kit-menu.mjs +1 -1
- package/fesm2022/ngx-kit-menu.mjs.map +1 -1
- package/fesm2022/ngx-kit-message.mjs +1 -1
- package/fesm2022/ngx-kit-message.mjs.map +1 -1
- package/fesm2022/ngx-kit-notify.mjs +1 -1
- package/fesm2022/ngx-kit-notify.mjs.map +1 -1
- package/fesm2022/ngx-kit-time-picker.mjs +1 -1
- package/fesm2022/ngx-kit-time-picker.mjs.map +1 -1
- package/fesm2022/ngx-kit-virtual-scroll.mjs +2 -2
- package/fesm2022/ngx-kit-virtual-scroll.mjs.map +1 -1
- package/gallery/README.md +71 -71
- package/gradient-picker/README.md +41 -41
- package/grid-layout/README.md +64 -64
- package/image-editor/README.md +44 -44
- package/menu/README.md +85 -85
- package/message/README.md +70 -70
- package/notify/README.md +56 -56
- package/package.json +5 -9
- package/time-picker/README.md +89 -89
- package/types/ngx-kit-angle-selector.d.ts +13 -16
- package/types/ngx-kit-box-shadow.d.ts +37 -95
- package/types/ngx-kit-color-picker.d.ts +61 -58
- package/types/{ngx-kit-shared.d.ts → ngx-kit-core.d.ts} +156 -34
- package/types/ngx-kit-data-table.d.ts +2 -2
- package/types/ngx-kit-date-picker.d.ts +30 -29
- package/types/ngx-kit-dialog.d.ts +208 -107
- package/types/ngx-kit-drag-resize.d.ts +33 -6
- package/types/ngx-kit-gradient-picker.d.ts +4 -7
- package/types/ngx-kit-grid-layout.d.ts +0 -1
- package/types/ngx-kit-menu.d.ts +1 -1
- package/types/ngx-kit-time-picker.d.ts +1 -1
- package/virtual-scroll/README.md +199 -199
- package/fesm2022/ngx-kit-shared.mjs.map +0 -1
- package/fesm2022/ngx-kit-webflow.mjs +0 -709
- package/fesm2022/ngx-kit-webflow.mjs.map +0 -1
- package/types/ngx-kit-webflow.d.ts +0 -286
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-kit-webflow.mjs","sources":["../../../projects/libs/webflow/services/drag-drop.service.ts","../../../projects/libs/webflow/services/drop-position.service.ts","../../../projects/libs/webflow/directives/draggable.directive.ts","../../../projects/libs/webflow/directives/resizable.directive.ts","../../../projects/libs/webflow/directives/dropzone-container.directive.ts","../../../projects/libs/webflow/components/drop-indicator/drop-indicator.component.ts","../../../projects/libs/webflow/services/flow-tree.service.ts","../../../projects/libs/webflow/models/types.ts","../../../projects/libs/webflow/ngx-kit-webflow.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\r\nimport { DropResult } from '../models/types';\r\n\r\n/**\r\n * DragDropService\r\n * -------------------------------------------------------------\r\n * وضعیت سراسریِ «چه چیزی الان در حال درگ است» را نگه میدارد.\r\n * فقط signal، بدون هیچ Subject/Observable اضافه — سبک و قابلپیشبینی.\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class DragDropService {\r\n /** id آیتمی که هماکنون درگ میشود، یا null */\r\n readonly activeId = signal<string | null>(null);\r\n\r\n /** آخرین نتیجهٔ محاسبهشدهٔ drop توسط DropPositionService */\r\n readonly pendingDrop = signal<DropResult | null>(null);\r\n\r\n startDrag(id: string): void {\r\n this.activeId.set(id);\r\n this.pendingDrop.set(null);\r\n }\r\n\r\n setPendingDrop(result: DropResult | null): void {\r\n this.pendingDrop.set(result);\r\n }\r\n\r\n endDrag(): DropResult | null {\r\n const result = this.pendingDrop();\r\n this.activeId.set(null);\r\n this.pendingDrop.set(null);\r\n return result;\r\n }\r\n\r\n get isDragging(): boolean {\r\n return this.activeId() !== null;\r\n }\r\n}\r\n","import { Injectable, signal, computed } from '@angular/core';\r\nimport { DropZone, IndicatorState, Rect } from '../models/types';\r\n\r\n/**\r\n * DropPositionService\r\n * -------------------------------------------------------------\r\n * قلب الگوریتمِ «دقیقاً مثل Webflow» اینجاست.\r\n *\r\n * نکتهٔ کلیدی پرفورمنسی: این سرویس هیچوقت روی همهٔ آیتمهای لیست حلقه نمیزند.\r\n * فقط با استفاده از event delegation (یک لیستنر روی کانتینر) و event.target\r\n * دقیقاً همان یک المنتی که ماوس رویش است پیدا میشود -> O(1) صرفنظر از\r\n * تعداد آیتمها (چه ۱۰ تا باشند چه ۱۰,۰۰۰ تا).\r\n *\r\n * منطق تشخیص zone (همانی که Webflow استفاده میکند):\r\n * ۱. جهت چیدمان پدرِ آیتم هدف را میخوانیم (row یا column؛ از flex-direction\r\n * یا دادهشده بهصورت دستی).\r\n * ۲. موقعیت نسبی ماوس داخل rect آیتم هدف را به درصد تبدیل میکنیم.\r\n * ۳. اگر آیتم هدف خودش یک container (قابلنست) باشد و ماوس در «هستهٔ\r\n * مرکزی» rect باشد (مثلاً ۲۵٪ تا ۷۵٪ در هر دو محور) -> zone = inside.\r\n * ۴. در غیر این صورت، محور اصلیِ چیدمان (که همردیفی معنی میدهد) با\r\n * نوار نازک لبه (٪ آستانه) بررسی میشود:\r\n * - چیدمان row: نزدیک لبهٔ چپ/راست -> before/after (کنار هم)\r\n * نزدیک لبهٔ بالا/پایین -> above/below (ردیف جدید)\r\n * - چیدمان column: برعکسِ بالا\r\n */\r\n\r\nconst EDGE_THRESHOLD = 0.33; // ۳۳٪ نزدیک هر لبه => درج در همان محور\r\nconst NEST_CORE = 0.25; // فاصله از هر لبه برای اینکه «هسته» حساب شود\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class DropPositionService {\r\n private readonly _indicator = signal<IndicatorState>({\r\n visible: false,\r\n orientation: null,\r\n x: 0,\r\n y: 0,\r\n length: 0,\r\n highlightRect: null,\r\n });\r\n\r\n /** استیت فقطخواندنیِ اندیکاتور برای بایند در تمپلیت */\r\n readonly indicator = computed(() => this._indicator());\r\n\r\n private lastTargetId: string | null = null;\r\n private lastZone: DropZone | null = null;\r\n\r\n /**\r\n * فراخوانی در هر pointermove حین درگ.\r\n * targetEl باید همان element.closest('[data-flow-id]') باشد که در\r\n * دایرکتیو کانتینر با event delegation پیدا شده — نه یک لوپ روی آیتمها.\r\n */\r\n evaluate(params: {\r\n targetEl: HTMLElement;\r\n targetId: string;\r\n isContainer: boolean;\r\n parentAxis: 'row' | 'column';\r\n clientX: number;\r\n clientY: number;\r\n }): { targetId: string; zone: DropZone } {\r\n const { targetEl, targetId, isContainer, parentAxis, clientX, clientY } = params;\r\n const rect = targetEl.getBoundingClientRect();\r\n\r\n const rx = clamp((clientX - rect.left) / rect.width, 0, 1);\r\n const ry = clamp((clientY - rect.top) / rect.height, 0, 1);\r\n\r\n let zone: DropZone;\r\n\r\n const insideCore =\r\n isContainer &&\r\n rx > NEST_CORE && rx < 1 - NEST_CORE &&\r\n ry > NEST_CORE && ry < 1 - NEST_CORE;\r\n\r\n if (insideCore) {\r\n zone = 'inside';\r\n } else if (parentAxis === 'row') {\r\n if (rx < EDGE_THRESHOLD) zone = 'before';\r\n else if (rx > 1 - EDGE_THRESHOLD) zone = 'after';\r\n else zone = ry < 0.5 ? 'above' : 'below';\r\n } else {\r\n if (ry < EDGE_THRESHOLD) zone = 'above';\r\n else if (ry > 1 - EDGE_THRESHOLD) zone = 'below';\r\n else zone = rx < 0.5 ? 'before' : 'after';\r\n }\r\n\r\n this.lastTargetId = targetId;\r\n this.lastZone = zone;\r\n this.paintIndicator(rect, zone);\r\n\r\n return { targetId, zone };\r\n }\r\n\r\n /** رسم خط/کادر راهنما - فقط نوشتن به یک signal، بدون لمس بقیهٔ DOM */\r\n private paintIndicator(rect: DOMRect, zone: DropZone): void {\r\n const asRect: Rect = {\r\n top: rect.top, left: rect.left, width: rect.width, height: rect.height,\r\n right: rect.right, bottom: rect.bottom,\r\n };\r\n\r\n if (zone === 'inside') {\r\n this._indicator.set({\r\n visible: true,\r\n orientation: null,\r\n x: 0, y: 0, length: 0,\r\n highlightRect: asRect,\r\n });\r\n return;\r\n }\r\n\r\n if (zone === 'above' || zone === 'below') {\r\n this._indicator.set({\r\n visible: true,\r\n orientation: 'h',\r\n x: rect.left,\r\n y: zone === 'above' ? rect.top : rect.bottom,\r\n length: rect.width,\r\n highlightRect: null,\r\n });\r\n } else {\r\n this._indicator.set({\r\n visible: true,\r\n orientation: 'v',\r\n x: zone === 'before' ? rect.left : rect.right,\r\n y: rect.top,\r\n length: rect.height,\r\n highlightRect: null,\r\n });\r\n }\r\n }\r\n\r\n clear(): void {\r\n this.lastTargetId = null;\r\n this.lastZone = null;\r\n this._indicator.set({\r\n visible: false, orientation: null, x: 0, y: 0, length: 0, highlightRect: null,\r\n });\r\n }\r\n\r\n get current(): { targetId: string; zone: DropZone } | null {\r\n if (!this.lastTargetId || !this.lastZone) return null;\r\n return { targetId: this.lastTargetId, zone: this.lastZone };\r\n }\r\n}\r\n\r\nfunction clamp(v: number, min: number, max: number): number {\r\n return Math.max(min, Math.min(max, v));\r\n}\r\n","import {\r\n Directive, ElementRef, EventEmitter, Input, Output,\r\n Renderer2, effect, inject, signal, NgZone, OnDestroy, HostBinding\r\n} from '@angular/core';\r\nimport { DragDropService } from '../services/drag-drop.service';\r\nimport { DropPositionService } from '../services/drop-position.service';\r\nimport { DragStartEvent, DragEndEvent, DropZone } from '../models/types';\r\n\r\n/**\r\n * ngxDraggable\r\n * -------------------------------------------------------------\r\n * تنها دایرکتیو مسئول درگ. کل منطق حرکت با CSS transform (translate3d)\r\n * روی خودِ عنصر درگشونده انجام میشود — نه با جابجایی واقعی در DOM لیست.\r\n * جابجاییِ واقعیِ داده فقط یکبار، در لحظهٔ drop، از طریق خروجی\r\n * (flowDrop) اتفاق میافتد و آنوقت مصرفکننده (کامپوننت کانتینر) با\r\n * *ngFor + trackBy مدل را آپدیت میکند.\r\n *\r\n * دلیل مقیاسپذیری با هزاران آیتم:\r\n * - در حین pointermove هیچ آیتم دیگری لمس/محاسبه نمیشود.\r\n * - listener مربوط به تشخیص هدف روی کانتینر (event delegation) است،\r\n * نه روی تکتک آیتمها (این بخش در ContainerDropzoneDirective است).\r\n * - آپدیت transform با requestAnimationFrame throttle میشود تا از\r\n * چندبار layout/paint در هر فریم جلوگیری شود.\r\n */\r\n@Directive({\r\n selector: '[ngxDraggable]',\r\n standalone: true,\r\n exportAs: 'ngxDraggable',\r\n})\r\nexport class DraggableDirective implements OnDestroy {\r\n private readonly el = inject(ElementRef<HTMLElement>).nativeElement;\r\n private readonly renderer = inject(Renderer2);\r\n private readonly zone = inject(NgZone);\r\n private readonly dragDrop = inject(DragDropService);\r\n private readonly dropPos = inject(DropPositionService);\r\n\r\n /** شناسهٔ یکتای بلاک — برای شناسایی هنگام درگ لازم است */\r\n @Input({ required: true }) ngxDraggableId!: string;\r\n\r\n /** غیرفعال کردن موقت درگ (مثلاً حین ادیت متن داخل بلاک) */\r\n @Input() ngxDraggableDisabled = false;\r\n\r\n /** هندلِ اختصاصی؛ اگر ندهی، کل عنصر هندل میشود */\r\n @Input() ngxDragHandleSelector: string | null = null;\r\n\r\n @Output() flowDragStart = new EventEmitter<DragStartEvent>();\r\n @Output() flowDragEnd = new EventEmitter<DragEndEvent>();\r\n\r\n readonly dragging = signal(false);\r\n\r\n @HostBinding('class.ngx-dragging')\r\n get draggingClass() { return this.dragging(); }\r\n\r\n @HostBinding('style.touchAction')\r\n get touchAction() { return 'none'; }\r\n\r\n private startX = 0;\r\n private startY = 0;\r\n private originLeft = 0;\r\n private originTop = 0;\r\n private rafId: number | null = null;\r\n private pendingTransform: { x: number; y: number } | null = null;\r\n private cleanupFns: Array<() => void> = [];\r\n\r\n constructor() {\r\n this.zone.runOutsideAngular(() => {\r\n this.cleanupFns.push(\r\n this.renderer.listen(this.el, 'pointerdown', (e: PointerEvent) => this.onPointerDown(e))\r\n );\r\n });\r\n }\r\n\r\n private onPointerDown(e: PointerEvent): void {\r\n if (this.ngxDraggableDisabled) return;\r\n if (e.button !== 0) return;\r\n\r\n if (this.ngxDragHandleSelector) {\r\n const handle = this.el.querySelector(this.ngxDragHandleSelector);\r\n if (!handle || !handle.contains(e.target as Node)) return;\r\n }\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n const rect = this.el.getBoundingClientRect();\r\n this.startX = e.clientX;\r\n this.startY = e.clientY;\r\n this.originLeft = rect.left;\r\n this.originTop = rect.top;\r\n\r\n this.el.setPointerCapture(e.pointerId);\r\n this.dragging.set(true);\r\n this.dragDrop.startDrag(this.ngxDraggableId);\r\n\r\n this.zone.run(() => {\r\n this.flowDragStart.emit({\r\n id: this.ngxDraggableId,\r\n pointerId: e.pointerId,\r\n originRect: {\r\n top: rect.top, left: rect.left, width: rect.width, height: rect.height,\r\n right: rect.right, bottom: rect.bottom,\r\n },\r\n });\r\n });\r\n\r\n this.renderer.addClass(this.el, 'ngx-drag-ghost');\r\n\r\n const move = (ev: PointerEvent) => this.onPointerMove(ev);\r\n const up = (ev: PointerEvent) => this.onPointerUp(ev, move, up);\r\n\r\n this.el.addEventListener('pointermove', move as EventListener);\r\n this.el.addEventListener('pointerup', up as EventListener);\r\n this.el.addEventListener('pointercancel', up as EventListener);\r\n }\r\n\r\n private onPointerMove(e: PointerEvent): void {\r\n const dx = e.clientX - this.startX;\r\n const dy = e.clientY - this.startY;\r\n this.pendingTransform = { x: dx, y: dy };\r\n\r\n if (this.rafId === null) {\r\n this.rafId = requestAnimationFrame(() => {\r\n this.rafId = null;\r\n if (!this.pendingTransform) return;\r\n // تنها لمسِ DOM در کل چرخهٔ درگ: نوشتن transform روی خودِ عنصر.\r\n this.renderer.setStyle(\r\n this.el,\r\n 'transform',\r\n `translate3d(${this.pendingTransform.x}px, ${this.pendingTransform.y}px, 0)`\r\n );\r\n });\r\n }\r\n\r\n // نتیجهٔ zone فعلی (اگر کانتینر آن را محاسبه کرده) در سرویس در دسترس است.\r\n }\r\n\r\n private onPointerUp(e: PointerEvent, move: (ev: PointerEvent) => void, up: (ev: PointerEvent) => void): void {\r\n this.el.removeEventListener('pointermove', move as EventListener);\r\n this.el.removeEventListener('pointerup', up as EventListener);\r\n this.el.removeEventListener('pointercancel', up as EventListener);\r\n\r\n if (this.rafId !== null) {\r\n cancelAnimationFrame(this.rafId);\r\n this.rafId = null;\r\n }\r\n\r\n this.renderer.removeStyle(this.el, 'transform');\r\n this.renderer.removeClass(this.el, 'ngx-drag-ghost');\r\n this.dragging.set(false);\r\n\r\n const result = this.dragDrop.endDrag();\r\n this.dropPos.clear();\r\n\r\n this.zone.run(() => {\r\n this.flowDragEnd.emit({ id: this.ngxDraggableId, drop: result });\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.cleanupFns.forEach((fn) => fn());\r\n if (this.rafId !== null) cancelAnimationFrame(this.rafId);\r\n }\r\n}\r\n","import {\r\n Directive, ElementRef, EventEmitter, Input, Output,\r\n Renderer2, inject, NgZone, OnDestroy, signal\r\n} from '@angular/core';\r\nimport { ResizeHandlePosition, ResizeMoveEvent } from '../models/types';\r\n\r\n/**\r\n * ngxResizable\r\n * -------------------------------------------------------------\r\n * تنها دایرکتیو مسئول ریسایز. مستقل از DraggableDirective.\r\n * روی عنصر اصلی قرار میگیرد و به همراه ۸ هندل (که خودت در تمپلیت با\r\n * class مشخص میکنی، مثلاً <span class=\"rz-handle\" data-handle=\"se\">)\r\n * کار میکند.\r\n *\r\n * فقط CSS width/height/left/top آپدیت میشود (از طریق خروجی flowResize)\r\n * و مصرفکننده تصمیم میگیرد این مقادیر را چطور به مدل/استایل بایند کند —\r\n * دایرکتیو خودش مستقیماً مدل داده را تغییر نمیدهد.\r\n */\r\n@Directive({\r\n selector: '[ngxResizable]',\r\n standalone: true,\r\n exportAs: 'ngxResizable',\r\n})\r\nexport class ResizableDirective implements OnDestroy {\r\n private readonly el = inject(ElementRef<HTMLElement>).nativeElement;\r\n private readonly renderer = inject(Renderer2);\r\n private readonly zone = inject(NgZone);\r\n\r\n @Input({ required: true }) ngxResizableId!: string;\r\n @Input() ngxResizableMinWidth = 24;\r\n @Input() ngxResizableMinHeight = 24;\r\n @Input() ngxResizableDisabled = false;\r\n\r\n /** انتخابگر هندلها؛ باید attribute یا data-handle داشته باشند */\r\n @Input() ngxResizeHandleSelector = '[data-handle]';\r\n\r\n @Output() flowResizeStart = new EventEmitter<{ id: string; handle: ResizeHandlePosition }>();\r\n @Output() flowResizeMove = new EventEmitter<ResizeMoveEvent>();\r\n @Output() flowResizeEnd = new EventEmitter<ResizeMoveEvent>();\r\n\r\n readonly resizing = signal(false);\r\n\r\n private startX = 0;\r\n private startY = 0;\r\n private startW = 0;\r\n private startH = 0;\r\n private handle: ResizeHandlePosition = 'se';\r\n private rafId: number | null = null;\r\n private pending: { w: number; h: number; ox: number; oy: number } | null = null;\r\n private unlisten: (() => void) | null = null;\r\n\r\n constructor() {\r\n this.zone.runOutsideAngular(() => {\r\n this.unlisten = this.renderer.listen(this.el, 'pointerdown', (e: PointerEvent) => this.onDown(e));\r\n });\r\n }\r\n\r\n private onDown(e: PointerEvent): void {\r\n if (this.ngxResizableDisabled) return;\r\n const handleEl = (e.target as HTMLElement)?.closest<HTMLElement>(this.ngxResizeHandleSelector);\r\n if (!handleEl || !this.el.contains(handleEl)) return;\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.handle = (handleEl.getAttribute('data-handle') as ResizeHandlePosition) || 'se';\r\n const rect = this.el.getBoundingClientRect();\r\n this.startX = e.clientX;\r\n this.startY = e.clientY;\r\n this.startW = rect.width;\r\n this.startH = rect.height;\r\n\r\n (e.target as HTMLElement).setPointerCapture(e.pointerId);\r\n this.resizing.set(true);\r\n this.zone.run(() => this.flowResizeStart.emit({ id: this.ngxResizableId, handle: this.handle }));\r\n\r\n const move = (ev: PointerEvent) => this.onMove(ev);\r\n const up = (ev: PointerEvent) => this.onUp(ev, move, up);\r\n handleEl.addEventListener('pointermove', move as EventListener);\r\n handleEl.addEventListener('pointerup', up as EventListener);\r\n handleEl.addEventListener('pointercancel', up as EventListener);\r\n }\r\n\r\n private onMove(e: PointerEvent): void {\r\n const dx = e.clientX - this.startX;\r\n const dy = e.clientY - this.startY;\r\n const h = this.handle;\r\n\r\n let w = this.startW;\r\n let ht = this.startH;\r\n let ox = 0, oy = 0;\r\n\r\n if (h.includes('e')) w = this.startW + dx;\r\n if (h.includes('w')) { w = this.startW - dx; ox = dx; }\r\n if (h.includes('s')) ht = this.startH + dy;\r\n if (h.includes('n')) { ht = this.startH - dy; oy = dy; }\r\n\r\n w = Math.max(this.ngxResizableMinWidth, w);\r\n ht = Math.max(this.ngxResizableMinHeight, ht);\r\n\r\n this.pending = { w, h: ht, ox, oy };\r\n\r\n if (this.rafId === null) {\r\n this.rafId = requestAnimationFrame(() => {\r\n this.rafId = null;\r\n if (!this.pending) return;\r\n this.zone.run(() => {\r\n this.flowResizeMove.emit({\r\n id: this.ngxResizableId, handle: this.handle,\r\n width: this.pending!.w, height: this.pending!.h,\r\n offsetX: this.pending!.ox, offsetY: this.pending!.oy,\r\n });\r\n });\r\n });\r\n }\r\n }\r\n\r\n private onUp(e: PointerEvent, move: (ev: PointerEvent) => void, up: (ev: PointerEvent) => void): void {\r\n const handleEl = e.target as HTMLElement;\r\n handleEl.removeEventListener('pointermove', move as EventListener);\r\n handleEl.removeEventListener('pointerup', up as EventListener);\r\n handleEl.removeEventListener('pointercancel', up as EventListener);\r\n\r\n if (this.rafId !== null) { cancelAnimationFrame(this.rafId); this.rafId = null; }\r\n this.resizing.set(false);\r\n\r\n if (this.pending) {\r\n this.zone.run(() => {\r\n this.flowResizeEnd.emit({\r\n id: this.ngxResizableId, handle: this.handle,\r\n width: this.pending!.w, height: this.pending!.h,\r\n offsetX: this.pending!.ox, offsetY: this.pending!.oy,\r\n });\r\n });\r\n }\r\n this.pending = null;\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.unlisten?.();\r\n if (this.rafId !== null) cancelAnimationFrame(this.rafId);\r\n }\r\n}\r\n","import {\r\n Directive, ElementRef, Input, NgZone, OnDestroy, OnInit, Renderer2, inject\r\n} from '@angular/core';\r\nimport { DragDropService } from '../services/drag-drop.service';\r\nimport { DropPositionService } from '../services/drop-position.service';\r\nimport { FlowAxis } from '../models/types';\r\n\r\n/**\r\n * ngxDropzoneContainer\r\n * -------------------------------------------------------------\r\n * روی هر کانتینری که فرزندانش قابلدرگانددراپ هستند قرار میگیرد\r\n * (چه ریشهٔ صفحه، چه یک بلاک تودرتو).\r\n *\r\n * فقط یک pointermove-listener سراسری (روی document، حین یک درگ فعال)\r\n * دارد و با event.target.closest('[data-flow-id]') هدف را پیدا میکند.\r\n * این یعنی صرفنظر از اینکه چند هزار فرزند وجود دارد، هزینهٔ هر حرکتِ\r\n * ماوس ثابت (O(1)) است — نه O(n).\r\n *\r\n * هر فرزند مستقیمِ قابلدرگ باید attribute زیر را داشته باشد\r\n * (بهصورت خودکار توسط DraggableDirective/تمپلیت ست میشود):\r\n * [attr.data-flow-id]=\"item.id\"\r\n * [attr.data-flow-container]=\"isContainer ? '' : null\"\r\n */\r\n@Directive({\r\n selector: '[ngxDropzoneContainer]',\r\n standalone: true,\r\n exportAs: 'ngxDropzoneContainer',\r\n})\r\nexport class DropzoneContainerDirective implements OnInit, OnDestroy {\r\n private readonly el = inject(ElementRef<HTMLElement>).nativeElement;\r\n private readonly zone = inject(NgZone);\r\n private readonly renderer = inject(Renderer2);\r\n private readonly dragDrop = inject(DragDropService);\r\n private readonly dropPos = inject(DropPositionService);\r\n\r\n /** جهت چیدمان فرزندان مستقیم این کانتینر */\r\n @Input() ngxDropzoneAxis: FlowAxis = 'row';\r\n\r\n /** آیا خودِ این کانتینر میتواند میزبان nest شدن باشد */\r\n @Input() ngxDropzoneNestable = true;\r\n\r\n private unlistenMove: (() => void) | null = null;\r\n private unlistenLeave: (() => void) | null = null;\r\n\r\n ngOnInit(): void {\r\n this.zone.runOutsideAngular(() => {\r\n this.unlistenMove = this.renderer.listen(this.el, 'pointermove', (e: PointerEvent) => {\r\n if (!this.dragDrop.isDragging) return;\r\n this.handleMove(e);\r\n });\r\n });\r\n }\r\n\r\n private handleMove(e: PointerEvent): void {\r\n const targetEl = (e.target as HTMLElement)?.closest<HTMLElement>('[data-flow-id]');\r\n if (!targetEl || !this.el.contains(targetEl) || targetEl === this.el) return;\r\n\r\n const targetId = targetEl.getAttribute('data-flow-id');\r\n const activeId = this.dragDrop.activeId();\r\n if (!targetId || targetId === activeId) return; // نمیتوان روی خودش دراپ کرد\r\n\r\n const isContainer = this.ngxDropzoneNestable && targetEl.hasAttribute('data-flow-container');\r\n\r\n const result = this.dropPos.evaluate({\r\n targetEl,\r\n targetId,\r\n isContainer,\r\n parentAxis: this.ngxDropzoneAxis,\r\n clientX: e.clientX,\r\n clientY: e.clientY,\r\n });\r\n\r\n this.dragDrop.setPendingDrop(result);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.unlistenMove?.();\r\n this.unlistenLeave?.();\r\n }\r\n}\r\n","import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\r\nimport { DropPositionService } from '../../services/drop-position.service';\r\n\r\n/**\r\n * FlowDropIndicatorComponent\r\n * -------------------------------------------------------------\r\n * یکبار در ریشهٔ صفحهساز قرار میگیرد (position: fixed).\r\n * تنها المنتی است که در طول درگ مدام آپدیت میشود؛ بقیهٔ آیتمهای\r\n * لیست دستنخورده باقی میمانند. کاملاً با computed از signal سرویس\r\n * تغذیه میشود، بدون هیچ منطق اضافه در کامپوننت.\r\n */\r\n@Component({\r\n selector: 'flow-drop-indicator',\r\n standalone: true,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n @if (indicator().visible) {\r\n @if (indicator().highlightRect; as r) {\r\n <div class=\"flow-nest-highlight\"\r\n [style.top.px]=\"r.top\" [style.left.px]=\"r.left\"\r\n [style.width.px]=\"r.width\" [style.height.px]=\"r.height\">\r\n </div>\r\n } @else if (indicator().orientation === 'h') {\r\n <div class=\"flow-indicator flow-indicator--h\"\r\n [style.top.px]=\"indicator().y\" [style.left.px]=\"indicator().x\"\r\n [style.width.px]=\"indicator().length\">\r\n </div>\r\n } @else if (indicator().orientation === 'v') {\r\n <div class=\"flow-indicator flow-indicator--v\"\r\n [style.top.px]=\"indicator().y\" [style.left.px]=\"indicator().x\"\r\n [style.height.px]=\"indicator().length\">\r\n </div>\r\n }\r\n }\r\n `,\r\n styles: [`\r\n :host { position: fixed; inset: 0; pointer-events: none; z-index: 9999; }\r\n .flow-indicator {\r\n position: fixed;\r\n background: var(--flow-accent, #146ef5);\r\n border-radius: 2px;\r\n pointer-events: none;\r\n }\r\n .flow-indicator--h { height: 3px; transform: translateY(-1.5px); }\r\n .flow-indicator--v { width: 3px; transform: translateX(-1.5px); }\r\n .flow-nest-highlight {\r\n position: fixed;\r\n border: 2px solid var(--flow-accent, #146ef5);\r\n background: color-mix(in srgb, var(--flow-accent, #146ef5) 10%, transparent);\r\n border-radius: 4px;\r\n pointer-events: none;\r\n }\r\n `],\r\n})\r\nexport class FlowDropIndicatorComponent {\r\n private readonly dropPos = inject(DropPositionService);\r\n readonly indicator = computed(() => this.dropPos.indicator());\r\n}\r\n","import { Injectable, signal, computed } from '@angular/core';\r\nimport { DropResult } from '../models/types';\r\n\r\nexport interface FlowNode {\r\n id: string;\r\n type: string;\r\n axis: 'row' | 'column';\r\n isContainer: boolean;\r\n props?: Record<string, unknown>;\r\n children: FlowNode[];\r\n}\r\n\r\n/**\r\n * FlowTreeService\r\n * -------------------------------------------------------------\r\n * مدل درختیِ صفحه (دقیقاً همان چیزی که Webflow \"Element Panel\" اسمش\r\n * میگذارد). تغییر مدل فقط در لحظهٔ drop رخ میدهد (نه در هر\r\n * pointermove) — به همین دلیل حتی با هزاران بلاک، re-render فقط\r\n * یکبار در پایان درگ اتفاق میافتد.\r\n *\r\n * پیادهسازی immutable-ish: فقط مسیر تغییریافته کپی میشود، نه کل\r\n * درخت (structural sharing) تا با درختهای بزرگ هم CPU/GC اذیت نشود.\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class FlowTreeService {\r\n private readonly _root = signal<FlowNode>({\r\n id: 'root', type: 'root', axis: 'column', isContainer: true, children: [],\r\n });\r\n\r\n readonly root = computed(() => this._root());\r\n\r\n setRoot(node: FlowNode): void {\r\n this._root.set(node);\r\n }\r\n\r\n applyDrop(draggedId: string, drop: DropResult): void {\r\n const currentRoot = this._root();\r\n const dragged = findAndRemove(currentRoot, draggedId);\r\n if (!dragged.node) return;\r\n\r\n const afterRemoval = dragged.tree;\r\n const inserted = insertRelativeTo(afterRemoval, drop.targetId, drop.zone, dragged.node);\r\n if (inserted) this._root.set(inserted);\r\n }\r\n}\r\n\r\nfunction findAndRemove(node: FlowNode, id: string): { tree: FlowNode; node: FlowNode | null } {\r\n let removed: FlowNode | null = null;\r\n const idx = node.children.findIndex((c) => c.id === id);\r\n\r\n if (idx !== -1) {\r\n removed = node.children[idx];\r\n const children = [...node.children.slice(0, idx), ...node.children.slice(idx + 1)];\r\n return { tree: { ...node, children }, node: removed };\r\n }\r\n\r\n let changed = false;\r\n const newChildren = node.children.map((c) => {\r\n if (removed) return c;\r\n const res = findAndRemove(c, id);\r\n if (res.node) { removed = res.node; changed = true; return res.tree; }\r\n return c;\r\n });\r\n\r\n return { tree: changed ? { ...node, children: newChildren } : node, node: removed };\r\n}\r\n\r\nfunction insertRelativeTo(\r\n node: FlowNode, targetId: string, zone: DropResult['zone'], toInsert: FlowNode\r\n): FlowNode | null {\r\n const idx = node.children.findIndex((c) => c.id === targetId);\r\n\r\n if (idx !== -1) {\r\n if (zone === 'inside') {\r\n const target = node.children[idx];\r\n const updatedTarget = { ...target, children: [...target.children, toInsert] };\r\n const children = [...node.children];\r\n children[idx] = updatedTarget;\r\n return { ...node, children };\r\n }\r\n const insertAt = zone === 'before' || zone === 'above' ? idx : idx + 1;\r\n const children = [...node.children.slice(0, insertAt), toInsert, ...node.children.slice(insertAt)];\r\n return { ...node, children };\r\n }\r\n\r\n for (let i = 0; i < node.children.length; i++) {\r\n const res = insertRelativeTo(node.children[i], targetId, zone, toInsert);\r\n if (res) {\r\n const children = [...node.children];\r\n children[i] = res;\r\n return { ...node, children };\r\n }\r\n }\r\n return null;\r\n}\r\n","/**\r\n * ngx-flowbuilder — مدلهای پایه\r\n */\r\n\r\nexport type FlowAxis = 'row' | 'column';\r\n\r\n/** موقعیت درج نسبت به آیتمی که ماوس روی آن است */\r\nexport type DropZone =\r\n | 'before' // قبل از آیتم، در همان محور چیدمان (مثلاً چپِ آیتم اگر ردیف است)\r\n | 'after' // بعد از آیتم، در همان محور چیدمان\r\n | 'above' // بالای آیتم؛ یعنی ایجاد ردیف/خط جدید قبل از آن\r\n | 'below' // پایین آیتم؛ ایجاد ردیف/خط جدید بعد از آن\r\n | 'inside'; // نِستشدن بهعنوان فرزند (وقتی آیتم هدف یک container باشد)\r\n\r\nexport interface DropResult {\r\n targetId: string;\r\n zone: DropZone;\r\n}\r\n\r\nexport interface Rect {\r\n top: number;\r\n left: number;\r\n width: number;\r\n height: number;\r\n right: number;\r\n bottom: number;\r\n}\r\n\r\nexport interface IndicatorState {\r\n visible: boolean;\r\n /** خط باریک: 'h' یعنی خط افقی (جدا کردن ردیفها)، 'v' یعنی خط عمودی (جدا کردن کنار هم) */\r\n orientation: 'h' | 'v' | null;\r\n x: number;\r\n y: number;\r\n length: number;\r\n /** حالت nest: بهجای خط، یک کادر دور کل container هایلایت میشود */\r\n highlightRect: Rect | null;\r\n}\r\n\r\nexport interface DragStartEvent {\r\n id: string;\r\n pointerId: number;\r\n originRect: Rect;\r\n}\r\n\r\nexport interface DragMoveEvent {\r\n id: string;\r\n clientX: number;\r\n clientY: number;\r\n deltaX: number;\r\n deltaY: number;\r\n}\r\n\r\nexport interface DragEndEvent {\r\n id: string;\r\n drop: DropResult | null;\r\n}\r\n\r\nexport type ResizeHandlePosition =\r\n | 'n' | 's' | 'e' | 'w'\r\n | 'ne' | 'nw' | 'se' | 'sw';\r\n\r\nexport interface ResizeMoveEvent {\r\n id: string;\r\n handle: ResizeHandlePosition;\r\n width: number;\r\n height: number;\r\n /** فقط برای هندلهای شمال/غرب که مبدأ عنصر هم جابجا میشود */\r\n offsetX: number;\r\n offsetY: number;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,286 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnDestroy, EventEmitter, OnInit } from '@angular/core';
|
|
3
|
-
import * as ngx_kit_webflow from 'ngx-kit/webflow';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* ngx-flowbuilder — مدلهای پایه
|
|
7
|
-
*/
|
|
8
|
-
type FlowAxis = 'row' | 'column';
|
|
9
|
-
/** موقعیت درج نسبت به آیتمی که ماوس روی آن است */
|
|
10
|
-
type DropZone = 'before' | 'after' | 'above' | 'below' | 'inside';
|
|
11
|
-
interface DropResult {
|
|
12
|
-
targetId: string;
|
|
13
|
-
zone: DropZone;
|
|
14
|
-
}
|
|
15
|
-
interface Rect {
|
|
16
|
-
top: number;
|
|
17
|
-
left: number;
|
|
18
|
-
width: number;
|
|
19
|
-
height: number;
|
|
20
|
-
right: number;
|
|
21
|
-
bottom: number;
|
|
22
|
-
}
|
|
23
|
-
interface IndicatorState {
|
|
24
|
-
visible: boolean;
|
|
25
|
-
/** خط باریک: 'h' یعنی خط افقی (جدا کردن ردیفها)، 'v' یعنی خط عمودی (جدا کردن کنار هم) */
|
|
26
|
-
orientation: 'h' | 'v' | null;
|
|
27
|
-
x: number;
|
|
28
|
-
y: number;
|
|
29
|
-
length: number;
|
|
30
|
-
/** حالت nest: بهجای خط، یک کادر دور کل container هایلایت میشود */
|
|
31
|
-
highlightRect: Rect | null;
|
|
32
|
-
}
|
|
33
|
-
interface DragStartEvent {
|
|
34
|
-
id: string;
|
|
35
|
-
pointerId: number;
|
|
36
|
-
originRect: Rect;
|
|
37
|
-
}
|
|
38
|
-
interface DragMoveEvent {
|
|
39
|
-
id: string;
|
|
40
|
-
clientX: number;
|
|
41
|
-
clientY: number;
|
|
42
|
-
deltaX: number;
|
|
43
|
-
deltaY: number;
|
|
44
|
-
}
|
|
45
|
-
interface DragEndEvent {
|
|
46
|
-
id: string;
|
|
47
|
-
drop: DropResult | null;
|
|
48
|
-
}
|
|
49
|
-
type ResizeHandlePosition = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
|
|
50
|
-
interface ResizeMoveEvent {
|
|
51
|
-
id: string;
|
|
52
|
-
handle: ResizeHandlePosition;
|
|
53
|
-
width: number;
|
|
54
|
-
height: number;
|
|
55
|
-
/** فقط برای هندلهای شمال/غرب که مبدأ عنصر هم جابجا میشود */
|
|
56
|
-
offsetX: number;
|
|
57
|
-
offsetY: number;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* ngxDraggable
|
|
62
|
-
* -------------------------------------------------------------
|
|
63
|
-
* تنها دایرکتیو مسئول درگ. کل منطق حرکت با CSS transform (translate3d)
|
|
64
|
-
* روی خودِ عنصر درگشونده انجام میشود — نه با جابجایی واقعی در DOM لیست.
|
|
65
|
-
* جابجاییِ واقعیِ داده فقط یکبار، در لحظهٔ drop، از طریق خروجی
|
|
66
|
-
* (flowDrop) اتفاق میافتد و آنوقت مصرفکننده (کامپوننت کانتینر) با
|
|
67
|
-
* *ngFor + trackBy مدل را آپدیت میکند.
|
|
68
|
-
*
|
|
69
|
-
* دلیل مقیاسپذیری با هزاران آیتم:
|
|
70
|
-
* - در حین pointermove هیچ آیتم دیگری لمس/محاسبه نمیشود.
|
|
71
|
-
* - listener مربوط به تشخیص هدف روی کانتینر (event delegation) است،
|
|
72
|
-
* نه روی تکتک آیتمها (این بخش در ContainerDropzoneDirective است).
|
|
73
|
-
* - آپدیت transform با requestAnimationFrame throttle میشود تا از
|
|
74
|
-
* چندبار layout/paint در هر فریم جلوگیری شود.
|
|
75
|
-
*/
|
|
76
|
-
declare class DraggableDirective implements OnDestroy {
|
|
77
|
-
private readonly el;
|
|
78
|
-
private readonly renderer;
|
|
79
|
-
private readonly zone;
|
|
80
|
-
private readonly dragDrop;
|
|
81
|
-
private readonly dropPos;
|
|
82
|
-
/** شناسهٔ یکتای بلاک — برای شناسایی هنگام درگ لازم است */
|
|
83
|
-
ngxDraggableId: string;
|
|
84
|
-
/** غیرفعال کردن موقت درگ (مثلاً حین ادیت متن داخل بلاک) */
|
|
85
|
-
ngxDraggableDisabled: boolean;
|
|
86
|
-
/** هندلِ اختصاصی؛ اگر ندهی، کل عنصر هندل میشود */
|
|
87
|
-
ngxDragHandleSelector: string | null;
|
|
88
|
-
flowDragStart: EventEmitter<DragStartEvent>;
|
|
89
|
-
flowDragEnd: EventEmitter<DragEndEvent>;
|
|
90
|
-
readonly dragging: i0.WritableSignal<boolean>;
|
|
91
|
-
get draggingClass(): boolean;
|
|
92
|
-
get touchAction(): string;
|
|
93
|
-
private startX;
|
|
94
|
-
private startY;
|
|
95
|
-
private originLeft;
|
|
96
|
-
private originTop;
|
|
97
|
-
private rafId;
|
|
98
|
-
private pendingTransform;
|
|
99
|
-
private cleanupFns;
|
|
100
|
-
constructor();
|
|
101
|
-
private onPointerDown;
|
|
102
|
-
private onPointerMove;
|
|
103
|
-
private onPointerUp;
|
|
104
|
-
ngOnDestroy(): void;
|
|
105
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
|
|
106
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[ngxDraggable]", ["ngxDraggable"], { "ngxDraggableId": { "alias": "ngxDraggableId"; "required": true; }; "ngxDraggableDisabled": { "alias": "ngxDraggableDisabled"; "required": false; }; "ngxDragHandleSelector": { "alias": "ngxDragHandleSelector"; "required": false; }; }, { "flowDragStart": "flowDragStart"; "flowDragEnd": "flowDragEnd"; }, never, never, true, never>;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* ngxResizable
|
|
111
|
-
* -------------------------------------------------------------
|
|
112
|
-
* تنها دایرکتیو مسئول ریسایز. مستقل از DraggableDirective.
|
|
113
|
-
* روی عنصر اصلی قرار میگیرد و به همراه ۸ هندل (که خودت در تمپلیت با
|
|
114
|
-
* class مشخص میکنی، مثلاً <span class="rz-handle" data-handle="se">)
|
|
115
|
-
* کار میکند.
|
|
116
|
-
*
|
|
117
|
-
* فقط CSS width/height/left/top آپدیت میشود (از طریق خروجی flowResize)
|
|
118
|
-
* و مصرفکننده تصمیم میگیرد این مقادیر را چطور به مدل/استایل بایند کند —
|
|
119
|
-
* دایرکتیو خودش مستقیماً مدل داده را تغییر نمیدهد.
|
|
120
|
-
*/
|
|
121
|
-
declare class ResizableDirective implements OnDestroy {
|
|
122
|
-
private readonly el;
|
|
123
|
-
private readonly renderer;
|
|
124
|
-
private readonly zone;
|
|
125
|
-
ngxResizableId: string;
|
|
126
|
-
ngxResizableMinWidth: number;
|
|
127
|
-
ngxResizableMinHeight: number;
|
|
128
|
-
ngxResizableDisabled: boolean;
|
|
129
|
-
/** انتخابگر هندلها؛ باید attribute یا data-handle داشته باشند */
|
|
130
|
-
ngxResizeHandleSelector: string;
|
|
131
|
-
flowResizeStart: EventEmitter<{
|
|
132
|
-
id: string;
|
|
133
|
-
handle: ResizeHandlePosition;
|
|
134
|
-
}>;
|
|
135
|
-
flowResizeMove: EventEmitter<ResizeMoveEvent>;
|
|
136
|
-
flowResizeEnd: EventEmitter<ResizeMoveEvent>;
|
|
137
|
-
readonly resizing: i0.WritableSignal<boolean>;
|
|
138
|
-
private startX;
|
|
139
|
-
private startY;
|
|
140
|
-
private startW;
|
|
141
|
-
private startH;
|
|
142
|
-
private handle;
|
|
143
|
-
private rafId;
|
|
144
|
-
private pending;
|
|
145
|
-
private unlisten;
|
|
146
|
-
constructor();
|
|
147
|
-
private onDown;
|
|
148
|
-
private onMove;
|
|
149
|
-
private onUp;
|
|
150
|
-
ngOnDestroy(): void;
|
|
151
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, never>;
|
|
152
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[ngxResizable]", ["ngxResizable"], { "ngxResizableId": { "alias": "ngxResizableId"; "required": true; }; "ngxResizableMinWidth": { "alias": "ngxResizableMinWidth"; "required": false; }; "ngxResizableMinHeight": { "alias": "ngxResizableMinHeight"; "required": false; }; "ngxResizableDisabled": { "alias": "ngxResizableDisabled"; "required": false; }; "ngxResizeHandleSelector": { "alias": "ngxResizeHandleSelector"; "required": false; }; }, { "flowResizeStart": "flowResizeStart"; "flowResizeMove": "flowResizeMove"; "flowResizeEnd": "flowResizeEnd"; }, never, never, true, never>;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
/**
|
|
156
|
-
* ngxDropzoneContainer
|
|
157
|
-
* -------------------------------------------------------------
|
|
158
|
-
* روی هر کانتینری که فرزندانش قابلدرگانددراپ هستند قرار میگیرد
|
|
159
|
-
* (چه ریشهٔ صفحه، چه یک بلاک تودرتو).
|
|
160
|
-
*
|
|
161
|
-
* فقط یک pointermove-listener سراسری (روی document، حین یک درگ فعال)
|
|
162
|
-
* دارد و با event.target.closest('[data-flow-id]') هدف را پیدا میکند.
|
|
163
|
-
* این یعنی صرفنظر از اینکه چند هزار فرزند وجود دارد، هزینهٔ هر حرکتِ
|
|
164
|
-
* ماوس ثابت (O(1)) است — نه O(n).
|
|
165
|
-
*
|
|
166
|
-
* هر فرزند مستقیمِ قابلدرگ باید attribute زیر را داشته باشد
|
|
167
|
-
* (بهصورت خودکار توسط DraggableDirective/تمپلیت ست میشود):
|
|
168
|
-
* [attr.data-flow-id]="item.id"
|
|
169
|
-
* [attr.data-flow-container]="isContainer ? '' : null"
|
|
170
|
-
*/
|
|
171
|
-
declare class DropzoneContainerDirective implements OnInit, OnDestroy {
|
|
172
|
-
private readonly el;
|
|
173
|
-
private readonly zone;
|
|
174
|
-
private readonly renderer;
|
|
175
|
-
private readonly dragDrop;
|
|
176
|
-
private readonly dropPos;
|
|
177
|
-
/** جهت چیدمان فرزندان مستقیم این کانتینر */
|
|
178
|
-
ngxDropzoneAxis: FlowAxis;
|
|
179
|
-
/** آیا خودِ این کانتینر میتواند میزبان nest شدن باشد */
|
|
180
|
-
ngxDropzoneNestable: boolean;
|
|
181
|
-
private unlistenMove;
|
|
182
|
-
private unlistenLeave;
|
|
183
|
-
ngOnInit(): void;
|
|
184
|
-
private handleMove;
|
|
185
|
-
ngOnDestroy(): void;
|
|
186
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropzoneContainerDirective, never>;
|
|
187
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DropzoneContainerDirective, "[ngxDropzoneContainer]", ["ngxDropzoneContainer"], { "ngxDropzoneAxis": { "alias": "ngxDropzoneAxis"; "required": false; }; "ngxDropzoneNestable": { "alias": "ngxDropzoneNestable"; "required": false; }; }, {}, never, never, true, never>;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
/**
|
|
191
|
-
* FlowDropIndicatorComponent
|
|
192
|
-
* -------------------------------------------------------------
|
|
193
|
-
* یکبار در ریشهٔ صفحهساز قرار میگیرد (position: fixed).
|
|
194
|
-
* تنها المنتی است که در طول درگ مدام آپدیت میشود؛ بقیهٔ آیتمهای
|
|
195
|
-
* لیست دستنخورده باقی میمانند. کاملاً با computed از signal سرویس
|
|
196
|
-
* تغذیه میشود، بدون هیچ منطق اضافه در کامپوننت.
|
|
197
|
-
*/
|
|
198
|
-
declare class FlowDropIndicatorComponent {
|
|
199
|
-
private readonly dropPos;
|
|
200
|
-
readonly indicator: i0.Signal<ngx_kit_webflow.IndicatorState>;
|
|
201
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FlowDropIndicatorComponent, never>;
|
|
202
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlowDropIndicatorComponent, "flow-drop-indicator", never, {}, {}, never, never, true, never>;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
/**
|
|
206
|
-
* DragDropService
|
|
207
|
-
* -------------------------------------------------------------
|
|
208
|
-
* وضعیت سراسریِ «چه چیزی الان در حال درگ است» را نگه میدارد.
|
|
209
|
-
* فقط signal، بدون هیچ Subject/Observable اضافه — سبک و قابلپیشبینی.
|
|
210
|
-
*/
|
|
211
|
-
declare class DragDropService {
|
|
212
|
-
/** id آیتمی که هماکنون درگ میشود، یا null */
|
|
213
|
-
readonly activeId: i0.WritableSignal<string | null>;
|
|
214
|
-
/** آخرین نتیجهٔ محاسبهشدهٔ drop توسط DropPositionService */
|
|
215
|
-
readonly pendingDrop: i0.WritableSignal<DropResult | null>;
|
|
216
|
-
startDrag(id: string): void;
|
|
217
|
-
setPendingDrop(result: DropResult | null): void;
|
|
218
|
-
endDrag(): DropResult | null;
|
|
219
|
-
get isDragging(): boolean;
|
|
220
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DragDropService, never>;
|
|
221
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<DragDropService>;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
declare class DropPositionService {
|
|
225
|
-
private readonly _indicator;
|
|
226
|
-
/** استیت فقطخواندنیِ اندیکاتور برای بایند در تمپلیت */
|
|
227
|
-
readonly indicator: i0.Signal<IndicatorState>;
|
|
228
|
-
private lastTargetId;
|
|
229
|
-
private lastZone;
|
|
230
|
-
/**
|
|
231
|
-
* فراخوانی در هر pointermove حین درگ.
|
|
232
|
-
* targetEl باید همان element.closest('[data-flow-id]') باشد که در
|
|
233
|
-
* دایرکتیو کانتینر با event delegation پیدا شده — نه یک لوپ روی آیتمها.
|
|
234
|
-
*/
|
|
235
|
-
evaluate(params: {
|
|
236
|
-
targetEl: HTMLElement;
|
|
237
|
-
targetId: string;
|
|
238
|
-
isContainer: boolean;
|
|
239
|
-
parentAxis: 'row' | 'column';
|
|
240
|
-
clientX: number;
|
|
241
|
-
clientY: number;
|
|
242
|
-
}): {
|
|
243
|
-
targetId: string;
|
|
244
|
-
zone: DropZone;
|
|
245
|
-
};
|
|
246
|
-
/** رسم خط/کادر راهنما - فقط نوشتن به یک signal، بدون لمس بقیهٔ DOM */
|
|
247
|
-
private paintIndicator;
|
|
248
|
-
clear(): void;
|
|
249
|
-
get current(): {
|
|
250
|
-
targetId: string;
|
|
251
|
-
zone: DropZone;
|
|
252
|
-
} | null;
|
|
253
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropPositionService, never>;
|
|
254
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<DropPositionService>;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
interface FlowNode {
|
|
258
|
-
id: string;
|
|
259
|
-
type: string;
|
|
260
|
-
axis: 'row' | 'column';
|
|
261
|
-
isContainer: boolean;
|
|
262
|
-
props?: Record<string, unknown>;
|
|
263
|
-
children: FlowNode[];
|
|
264
|
-
}
|
|
265
|
-
/**
|
|
266
|
-
* FlowTreeService
|
|
267
|
-
* -------------------------------------------------------------
|
|
268
|
-
* مدل درختیِ صفحه (دقیقاً همان چیزی که Webflow "Element Panel" اسمش
|
|
269
|
-
* میگذارد). تغییر مدل فقط در لحظهٔ drop رخ میدهد (نه در هر
|
|
270
|
-
* pointermove) — به همین دلیل حتی با هزاران بلاک، re-render فقط
|
|
271
|
-
* یکبار در پایان درگ اتفاق میافتد.
|
|
272
|
-
*
|
|
273
|
-
* پیادهسازی immutable-ish: فقط مسیر تغییریافته کپی میشود، نه کل
|
|
274
|
-
* درخت (structural sharing) تا با درختهای بزرگ هم CPU/GC اذیت نشود.
|
|
275
|
-
*/
|
|
276
|
-
declare class FlowTreeService {
|
|
277
|
-
private readonly _root;
|
|
278
|
-
readonly root: i0.Signal<FlowNode>;
|
|
279
|
-
setRoot(node: FlowNode): void;
|
|
280
|
-
applyDrop(draggedId: string, drop: DropResult): void;
|
|
281
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FlowTreeService, never>;
|
|
282
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<FlowTreeService>;
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
export { DragDropService, DraggableDirective, DropPositionService, DropzoneContainerDirective, FlowDropIndicatorComponent, FlowTreeService, ResizableDirective };
|
|
286
|
-
export type { DragEndEvent, DragMoveEvent, DragStartEvent, DropResult, DropZone, FlowAxis, FlowNode, IndicatorState, Rect, ResizeHandlePosition, ResizeMoveEvent };
|