ng-devui
Version:
DevUI components based on Angular
68 lines • 7.49 kB
JavaScript
import { ChangeDetectorRef, Component, ElementRef, Input } from '@angular/core';
import { DragDropService } from '../services/drag-drop.service';
import * as i0 from "@angular/core";
import * as i1 from "../services/drag-drop.service";
export class DragPreviewCloneDomRefComponent {
constructor(el, cdr, dragDropService) {
this.el = el;
this.cdr = cdr;
this.dragDropService = dragDropService;
this.copyStyle = true;
}
ngOnChanges(changes) {
if (changes.domRef) {
if (this.cloneNode) {
this.destroyView();
this.createView();
}
else {
this.createView();
}
}
}
ngAfterViewInit() {
if (!this.cloneNode) {
this.createView();
}
}
ngOnDestroy() {
if (this.cloneNode) {
this.destroyView();
}
}
createView() {
if (this.domRef) {
this.cloneNode = this.domRef.cloneNode(true);
if (this.copyStyle) {
this.dragDropService.copyStyle(this.domRef, this.cloneNode);
}
this.el.nativeElement.appendChild(this.cloneNode);
}
}
destroyView() {
if (this.cloneNode) {
if (this.el.nativeElement.contains(this.cloneNode)) {
this.el.nativeElement.removeChild(this.cloneNode);
}
this.cloneNode = undefined;
}
}
updateTemplate() {
this.cdr.detectChanges();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DragPreviewCloneDomRefComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DragDropService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DragPreviewCloneDomRefComponent, selector: "d-drag-preview-clone-dom-ref", inputs: { domRef: "domRef", copyStyle: "copyStyle" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DragPreviewCloneDomRefComponent, decorators: [{
type: Component,
args: [{
selector: 'd-drag-preview-clone-dom-ref',
template: '',
preserveWhitespaces: false,
}]
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DragDropService }], propDecorators: { domRef: [{
type: Input
}], copyStyle: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1wcmVpdmV3LWNsb25lLWZyb20tZG9tUmVmLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2RldnVpL2RyYWdkcm9wL2RpcmVjdGl2ZXMvZHJhZy1wcmVpdmV3LWNsb25lLWZyb20tZG9tUmVmLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUF1QyxNQUFNLGVBQWUsQ0FBQztBQUNwSSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVFoRSxNQUFNLE9BQU8sK0JBQStCO0lBSzFDLFlBQW9CLEVBQWMsRUFBVSxHQUFzQixFQUFVLGVBQWdDO1FBQXhGLE9BQUUsR0FBRixFQUFFLENBQVk7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUhuRyxjQUFTLEdBQUcsSUFBSSxDQUFDO0lBR3FGLENBQUM7SUFFaEgsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ25CLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3BCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUVILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM3QyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUQsQ0FBQztZQUNELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDcEQsQ0FBQztJQUNILENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7Z0JBQ25ELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDcEQsQ0FBQztZQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBQ00sY0FBYztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7K0dBbERVLCtCQUErQjttR0FBL0IsK0JBQStCLCtJQUpoQyxFQUFFOzs0RkFJRCwrQkFBK0I7a0JBTjNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsUUFBUSxFQUFFLEVBQUU7b0JBQ1osbUJBQW1CLEVBQUUsS0FBSztpQkFDM0I7NklBR1UsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRHJhZ0Ryb3BTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZHJhZy1kcm9wLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLWRyYWctcHJldmlldy1jbG9uZS1kb20tcmVmJyxcclxuICB0ZW1wbGF0ZTogJycsXHJcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgRHJhZ1ByZXZpZXdDbG9uZURvbVJlZkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBkb21SZWY6IEhUTUxFbGVtZW50O1xyXG4gIEBJbnB1dCgpIGNvcHlTdHlsZSA9IHRydWU7XHJcbiAgY2xvbmVOb2RlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgZHJhZ0Ryb3BTZXJ2aWNlOiBEcmFnRHJvcFNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzLmRvbVJlZikge1xyXG4gICAgICBpZiAodGhpcy5jbG9uZU5vZGUpIHtcclxuICAgICAgICB0aGlzLmRlc3Ryb3lWaWV3KCk7XHJcbiAgICAgICAgdGhpcy5jcmVhdGVWaWV3KCk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5jcmVhdGVWaWV3KCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIGlmICghdGhpcy5jbG9uZU5vZGUpIHtcclxuICAgICAgdGhpcy5jcmVhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIGlmICh0aGlzLmNsb25lTm9kZSkge1xyXG4gICAgICB0aGlzLmRlc3Ryb3lWaWV3KCk7XHJcbiAgICB9XHJcblxyXG4gIH1cclxuXHJcbiAgY3JlYXRlVmlldygpIHtcclxuICAgIGlmICh0aGlzLmRvbVJlZikge1xyXG4gICAgICB0aGlzLmNsb25lTm9kZSA9IHRoaXMuZG9tUmVmLmNsb25lTm9kZSh0cnVlKTtcclxuICAgICAgaWYgKHRoaXMuY29weVN0eWxlKSB7XHJcbiAgICAgICAgdGhpcy5kcmFnRHJvcFNlcnZpY2UuY29weVN0eWxlKHRoaXMuZG9tUmVmLCB0aGlzLmNsb25lTm9kZSk7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmFwcGVuZENoaWxkKHRoaXMuY2xvbmVOb2RlKTtcclxuICAgIH1cclxuICB9XHJcbiAgZGVzdHJveVZpZXcoKSB7XHJcbiAgICBpZiAodGhpcy5jbG9uZU5vZGUpIHtcclxuICAgICAgaWYgKHRoaXMuZWwubmF0aXZlRWxlbWVudC5jb250YWlucyh0aGlzLmNsb25lTm9kZSkpIHtcclxuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucmVtb3ZlQ2hpbGQodGhpcy5jbG9uZU5vZGUpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuY2xvbmVOb2RlID0gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG4gIH1cclxuICBwdWJsaWMgdXBkYXRlVGVtcGxhdGUoKSB7XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=