primeng 22.1.1 → 22.1.3

package/fesm2022/primeng-dragdrop.mjs

@@ -1,313 +1,325 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, inject, ElementRef, Renderer2, HostListener, Input, Output, Directive, NgModule } from '@angular/core';
-import { removeClass, addClass } from '@primeuix/utils';
-import { DomHandler } from 'primeng/dom';
-
-/**
- * pDraggable directive apply draggable behavior to any element.
- * @group Components
- */
-class Draggable {
-    scope;
-    /**
-     * Defines the cursor style.
-     * @group Props
-     */
-    dragEffect;
-    /**
-     * Selector to define the drag handle, by default anywhere on the target element is a drag handle to start dragging.
-     * @group Props
-     */
-    dragHandle;
-    /**
-     * Callback to invoke when drag begins.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    onDragStart = new EventEmitter();
-    /**
-     * Callback to invoke when drag ends.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    onDragEnd = new EventEmitter();
-    /**
-     * Callback to invoke on dragging.
-     * @param {DragEvent} event - Drag event.
-     * @group Emits
-     */
-    onDrag = new EventEmitter();
-    handle;
-    dragListener;
-    mouseDownListener;
-    mouseUpListener;
-    _pDraggableDisabled = false;
-    el = inject(ElementRef);
-    renderer = inject(Renderer2);
-    get pDraggableDisabled() {
-        return this._pDraggableDisabled;
-    }
-    set pDraggableDisabled(_pDraggableDisabled) {
-        this._pDraggableDisabled = _pDraggableDisabled;
-        if (this._pDraggableDisabled) {
-            this.unbindMouseListeners();
-        }
-        else {
-            this.el.nativeElement.draggable = true;
-            this.bindMouseListeners();
-        }
-    }
-    ngAfterViewInit() {
-        if (!this.pDraggableDisabled) {
-            this.el.nativeElement.draggable = true;
-            this.bindMouseListeners();
-        }
-    }
-    bindDragListener() {
-        if (!this.dragListener) {
-            this.dragListener = this.renderer.listen(this.el.nativeElement, 'drag', this.drag.bind(this));
-        }
-    }
-    unbindDragListener() {
-        if (this.dragListener) {
-            this.dragListener();
-            this.dragListener = null;
-        }
-    }
-    bindMouseListeners() {
-        if (!this.mouseDownListener && !this.mouseUpListener) {
-            this.mouseDownListener = this.renderer.listen(this.el.nativeElement, 'mousedown', this.mousedown.bind(this));
-            this.mouseUpListener = this.renderer.listen(this.el.nativeElement, 'mouseup', this.mouseup.bind(this));
-        }
-    }
-    unbindMouseListeners() {
-        if (this.mouseDownListener && this.mouseUpListener) {
-            this.mouseDownListener();
-            this.mouseUpListener();
-            this.mouseDownListener = null;
-            this.mouseUpListener = null;
-        }
-    }
-    drag(event) {
-        this.onDrag.emit(event);
-    }
-    dragStart(event) {
-        if (this.allowDrag() && !this.pDraggableDisabled) {
-            if (this.dragEffect) {
-                event.dataTransfer.effectAllowed = this.dragEffect;
-            }
-            event.dataTransfer.setData('text', this.scope);
-            this.onDragStart.emit(event);
-            this.bindDragListener();
-        }
-        else {
-            event.preventDefault();
-        }
-    }
-    dragEnd(event) {
-        this.onDragEnd.emit(event);
-        this.unbindDragListener();
-    }
-    mousedown(event) {
-        this.handle = event.target;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    mouseup(event) {
-        this.handle = null;
-    }
-    allowDrag() {
-        if (this.dragHandle && this.handle)
-            return DomHandler.matches(this.handle, this.dragHandle);
-        else
-            return true;
-    }
-    ngOnDestroy() {
-        this.unbindDragListener();
-        this.unbindMouseListeners();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Draggable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: Draggable, isStandalone: true, selector: "[pDraggable]", inputs: { scope: ["pDraggable", "scope"], dragEffect: "dragEffect", dragHandle: "dragHandle", pDraggableDisabled: "pDraggableDisabled" }, outputs: { onDragStart: "onDragStart", onDragEnd: "onDragEnd", onDrag: "onDrag" }, host: { listeners: { "dragstart": "dragStart($event)", "dragend": "dragEnd($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Draggable, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[pDraggable]',
-                    standalone: true
-                }]
-        }], propDecorators: { scope: [{
-                type: Input,
-                args: ['pDraggable']
-            }], dragEffect: [{
-                type: Input
-            }], dragHandle: [{
-                type: Input
-            }], onDragStart: [{
-                type: Output
-            }], onDragEnd: [{
-                type: Output
-            }], onDrag: [{
-                type: Output
-            }], pDraggableDisabled: [{
-                type: Input
-            }], dragStart: [{
-                type: HostListener,
-                args: ['dragstart', ['$event']]
-            }], dragEnd: [{
-                type: HostListener,
-                args: ['dragend', ['$event']]
-            }] } });
-/**
- * pDroppable directive apply droppable behavior to any element.
- * @group Components
- */
-class Droppable {
-    scope;
-    /**
-     * Whether the element is droppable, useful for conditional cases.
-     * @group Props
-     */
-    _pDroppableDisabled = false;
-    get pDroppableDisabled() {
-        return this._pDroppableDisabled;
-    }
-    set pDroppableDisabled(_pDroppableDisabled) {
-        this._pDroppableDisabled = _pDroppableDisabled;
-        if (this._pDroppableDisabled) {
-            this.unbindDragOverListener();
-        }
-        else {
-            this.bindDragOverListener();
-        }
-    }
-    /**
-     * Defines the cursor style, valid values are none, copy, move, link, copyMove, copyLink, linkMove and all.
-     * @group Props
-     */
-    dropEffect;
-    /**
-     * Callback to invoke when a draggable enters drop area.
-     * @group Emits
-     */
-    onDragEnter = new EventEmitter();
-    /**
-     * Callback to invoke when a draggable leave drop area.
-     * @group Emits
-     */
-    onDragLeave = new EventEmitter();
-    /**
-     * Callback to invoke when a draggable is dropped onto drop area.
-     * @group Emits
-     */
-    onDrop = new EventEmitter();
-    el = inject(ElementRef);
-    renderer = inject(Renderer2);
-    dragOverListener;
-    ngAfterViewInit() {
-        if (!this.pDroppableDisabled) {
-            this.bindDragOverListener();
-        }
-    }
-    bindDragOverListener() {
-        if (!this.dragOverListener) {
-            this.dragOverListener = this.renderer.listen(this.el.nativeElement, 'dragover', this.dragOver.bind(this));
-        }
-    }
-    unbindDragOverListener() {
-        if (this.dragOverListener) {
-            this.dragOverListener();
-            this.dragOverListener = null;
-        }
-    }
-    dragOver(event) {
-        event.preventDefault();
-    }
-    drop(event) {
-        if (this.allowDrop(event)) {
-            removeClass(this.el.nativeElement, 'p-draggable-enter');
-            event.preventDefault();
-            this.onDrop.emit(event);
-        }
-    }
-    dragEnter(event) {
-        event.preventDefault();
-        if (this.dropEffect) {
-            event.dataTransfer.dropEffect = this.dropEffect;
-        }
-        addClass(this.el.nativeElement, 'p-draggable-enter');
-        this.onDragEnter.emit(event);
-    }
-    dragLeave(event) {
-        event.preventDefault();
-        if (!this.el.nativeElement.contains(event.relatedTarget)) {
-            removeClass(this.el.nativeElement, 'p-draggable-enter');
-            this.onDragLeave.emit(event);
-        }
-    }
-    allowDrop(event) {
-        let dragScope = event.dataTransfer.getData('text');
-        if (typeof this.scope == 'string' && dragScope == this.scope) {
-            return true;
-        }
-        else if (Array.isArray(this.scope)) {
-            for (let j = 0; j < this.scope.length; j++) {
-                if (dragScope == this.scope[j]) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    ngOnDestroy() {
-        this.unbindDragOverListener();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Droppable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: Droppable, isStandalone: true, selector: "[pDroppable]", inputs: { scope: ["pDroppable", "scope"], pDroppableDisabled: "pDroppableDisabled", dropEffect: "dropEffect" }, outputs: { onDragEnter: "onDragEnter", onDragLeave: "onDragLeave", onDrop: "onDrop" }, host: { listeners: { "drop": "drop($event)", "dragenter": "dragEnter($event)", "dragleave": "dragLeave($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Droppable, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[pDroppable]',
-                    standalone: true
-                }]
-        }], propDecorators: { scope: [{
-                type: Input,
-                args: ['pDroppable']
-            }], pDroppableDisabled: [{
-                type: Input
-            }], dropEffect: [{
-                type: Input
-            }], onDragEnter: [{
-                type: Output
-            }], onDragLeave: [{
-                type: Output
-            }], onDrop: [{
-                type: Output
-            }], drop: [{
-                type: HostListener,
-                args: ['drop', ['$event']]
-            }], dragEnter: [{
-                type: HostListener,
-                args: ['dragenter', ['$event']]
-            }], dragLeave: [{
-                type: HostListener,
-                args: ['dragleave', ['$event']]
-            }] } });
-class DragDropModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: DragDropModule, imports: [Draggable, Droppable], exports: [Draggable, Droppable] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: DragDropModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: DragDropModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Draggable, Droppable],
-                    exports: [Draggable, Droppable]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, EventEmitter, HostListener, Input, NgModule, Output, Renderer2, inject } from "@angular/core";
+import { addClass, removeClass } from "@primeuix/utils";
+import { DomHandler } from "primeng/dom";
+import { StyleScope } from "primeng/usestyle";
+var Draggable = class Draggable {
+	scope;
+	dragEffect;
+	dragHandle;
+	onDragStart = new EventEmitter();
+	onDragEnd = new EventEmitter();
+	onDrag = new EventEmitter();
+	handle;
+	dragListener;
+	mouseDownListener;
+	mouseUpListener;
+	_pDraggableDisabled = false;
+	el = inject(ElementRef);
+	renderer = inject(Renderer2);
+	get pDraggableDisabled() {
+		return this._pDraggableDisabled;
+	}
+	set pDraggableDisabled(_pDraggableDisabled) {
+		this._pDraggableDisabled = _pDraggableDisabled;
+		if (this._pDraggableDisabled) this.unbindMouseListeners();
+		else {
+			this.el.nativeElement.draggable = true;
+			this.bindMouseListeners();
+		}
+	}
+	ngAfterViewInit() {
+		if (!this.pDraggableDisabled) {
+			this.el.nativeElement.draggable = true;
+			this.bindMouseListeners();
+		}
+	}
+	bindDragListener() {
+		if (!this.dragListener) this.dragListener = this.renderer.listen(this.el.nativeElement, "drag", this.drag.bind(this));
+	}
+	unbindDragListener() {
+		if (this.dragListener) {
+			this.dragListener();
+			this.dragListener = null;
+		}
+	}
+	bindMouseListeners() {
+		if (!this.mouseDownListener && !this.mouseUpListener) {
+			this.mouseDownListener = this.renderer.listen(this.el.nativeElement, "mousedown", this.mousedown.bind(this));
+			this.mouseUpListener = this.renderer.listen(this.el.nativeElement, "mouseup", this.mouseup.bind(this));
+		}
+	}
+	unbindMouseListeners() {
+		if (this.mouseDownListener && this.mouseUpListener) {
+			this.mouseDownListener();
+			this.mouseUpListener();
+			this.mouseDownListener = null;
+			this.mouseUpListener = null;
+		}
+	}
+	drag(event) {
+		this.onDrag.emit(event);
+	}
+	dragStart(event) {
+		if (this.allowDrag() && !this.pDraggableDisabled) {
+			if (this.dragEffect) event.dataTransfer.effectAllowed = this.dragEffect;
+			event.dataTransfer.setData("text", this.scope);
+			this.onDragStart.emit(event);
+			this.bindDragListener();
+		} else event.preventDefault();
+	}
+	dragEnd(event) {
+		this.onDragEnd.emit(event);
+		this.unbindDragListener();
+	}
+	mousedown(event) {
+		this.handle = event.target;
+	}
+	mouseup(event) {
+		this.handle = null;
+	}
+	allowDrag() {
+		if (this.dragHandle && this.handle) return DomHandler.matches(this.handle, this.dragHandle);
+		else return true;
+	}
+	ngOnDestroy() {
+		this.unbindDragListener();
+		this.unbindMouseListeners();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: Draggable,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: Draggable,
+		isStandalone: true,
+		selector: "[pDraggable]",
+		inputs: {
+			scope: ["pDraggable", "scope"],
+			dragEffect: "dragEffect",
+			dragHandle: "dragHandle",
+			pDraggableDisabled: "pDraggableDisabled"
+		},
+		outputs: {
+			onDragStart: "onDragStart",
+			onDragEnd: "onDragEnd",
+			onDrag: "onDrag"
+		},
+		host: { listeners: {
+			"dragstart": "dragStart($event)",
+			"dragend": "dragEnd($event)"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: Draggable,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[pDraggable]",
+			standalone: true
+		}]
+	}],
+	propDecorators: {
+		scope: [{
+			type: Input,
+			args: ["pDraggable"]
+		}],
+		dragEffect: [{ type: Input }],
+		dragHandle: [{ type: Input }],
+		onDragStart: [{ type: Output }],
+		onDragEnd: [{ type: Output }],
+		onDrag: [{ type: Output }],
+		pDraggableDisabled: [{ type: Input }],
+		dragStart: [{
+			type: HostListener,
+			args: ["dragstart", ["$event"]]
+		}],
+		dragEnd: [{
+			type: HostListener,
+			args: ["dragend", ["$event"]]
+		}]
+	}
+});
+var Droppable = class Droppable {
+	scope;
+	_pDroppableDisabled = false;
+	get pDroppableDisabled() {
+		return this._pDroppableDisabled;
+	}
+	set pDroppableDisabled(_pDroppableDisabled) {
+		this._pDroppableDisabled = _pDroppableDisabled;
+		if (this._pDroppableDisabled) this.unbindDragOverListener();
+		else this.bindDragOverListener();
+	}
+	dropEffect;
+	onDragEnter = new EventEmitter();
+	onDragLeave = new EventEmitter();
+	onDrop = new EventEmitter();
+	el = inject(ElementRef);
+	renderer = inject(Renderer2);
+	styleScope = inject(StyleScope);
+	dragOverListener;
+	ngAfterViewInit() {
+		if (!this.pDroppableDisabled) this.bindDragOverListener();
+	}
+	bindDragOverListener() {
+		if (!this.dragOverListener) this.dragOverListener = this.renderer.listen(this.el.nativeElement, "dragover", this.dragOver.bind(this));
+	}
+	unbindDragOverListener() {
+		if (this.dragOverListener) {
+			this.dragOverListener();
+			this.dragOverListener = null;
+		}
+	}
+	dragOver(event) {
+		event.preventDefault();
+	}
+	drop(event) {
+		if (this.allowDrop(event)) {
+			removeClass(this.el.nativeElement, this.styleScope.pcn("p-draggable-enter"));
+			event.preventDefault();
+			this.onDrop.emit(event);
+		}
+	}
+	dragEnter(event) {
+		event.preventDefault();
+		if (this.dropEffect) event.dataTransfer.dropEffect = this.dropEffect;
+		addClass(this.el.nativeElement, this.styleScope.pcn("p-draggable-enter"));
+		this.onDragEnter.emit(event);
+	}
+	dragLeave(event) {
+		event.preventDefault();
+		if (!this.el.nativeElement.contains(event.relatedTarget)) {
+			removeClass(this.el.nativeElement, this.styleScope.pcn("p-draggable-enter"));
+			this.onDragLeave.emit(event);
+		}
+	}
+	allowDrop(event) {
+		let dragScope = event.dataTransfer.getData("text");
+		if (typeof this.scope == "string" && dragScope == this.scope) return true;
+		else if (Array.isArray(this.scope)) {
+			for (let j = 0; j < this.scope.length; j++) if (dragScope == this.scope[j]) return true;
+		}
+		return false;
+	}
+	ngOnDestroy() {
+		this.unbindDragOverListener();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: Droppable,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: Droppable,
+		isStandalone: true,
+		selector: "[pDroppable]",
+		inputs: {
+			scope: ["pDroppable", "scope"],
+			pDroppableDisabled: "pDroppableDisabled",
+			dropEffect: "dropEffect"
+		},
+		outputs: {
+			onDragEnter: "onDragEnter",
+			onDragLeave: "onDragLeave",
+			onDrop: "onDrop"
+		},
+		host: { listeners: {
+			"drop": "drop($event)",
+			"dragenter": "dragEnter($event)",
+			"dragleave": "dragLeave($event)"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: Droppable,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[pDroppable]",
+			standalone: true
+		}]
+	}],
+	propDecorators: {
+		scope: [{
+			type: Input,
+			args: ["pDroppable"]
+		}],
+		pDroppableDisabled: [{ type: Input }],
+		dropEffect: [{ type: Input }],
+		onDragEnter: [{ type: Output }],
+		onDragLeave: [{ type: Output }],
+		onDrop: [{ type: Output }],
+		drop: [{
+			type: HostListener,
+			args: ["drop", ["$event"]]
+		}],
+		dragEnter: [{
+			type: HostListener,
+			args: ["dragenter", ["$event"]]
+		}],
+		dragLeave: [{
+			type: HostListener,
+			args: ["dragleave", ["$event"]]
+		}]
+	}
+});
+var DragDropModule = class DragDropModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: DragDropModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: DragDropModule,
+		imports: [Draggable, Droppable],
+		exports: [Draggable, Droppable]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: DragDropModule
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: DragDropModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Draggable, Droppable],
+			exports: [Draggable, Droppable]
+		}]
+	}]
+});
 export { DragDropModule, Draggable, Droppable };
-//# sourceMappingURL=primeng-dragdrop.mjs.map
+