@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
120 lines • 7.82 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: directives/drag-preivew-clone-from-domRef.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ElementRef, ChangeDetectorRef, Input } from '@angular/core';
import { DragDropService } from '../services/drag-drop.service';
export class DragPreviewCloneDomRefComponent {
/**
* @param {?} el
* @param {?} cdr
* @param {?} dragDropService
*/
constructor(el, cdr, dragDropService) {
this.el = el;
this.cdr = cdr;
this.dragDropService = dragDropService;
this.copyStyle = true;
}
/**
* @return {?}
*/
ngAfterViewInit() {
if (!this.cloneNode) {
this.createView();
}
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
if (changes['domRef']) {
if (this.cloneNode) {
this.destroyView();
this.createView();
}
else {
this.createView();
}
}
}
/**
* @return {?}
*/
ngOnDestroy() {
if (this.cloneNode) {
this.destroyView();
}
}
/**
* @return {?}
*/
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);
}
}
/**
* @return {?}
*/
destroyView() {
if (this.cloneNode) {
if (this.el.nativeElement.contains(this.cloneNode)) {
this.el.nativeElement.removeChild(this.cloneNode);
}
this.cloneNode = undefined;
}
}
/**
* @return {?}
*/
updateTemplate() {
this.cdr.detectChanges();
}
}
DragPreviewCloneDomRefComponent.decorators = [
{ type: Component, args: [{
selector: 'd-drag-preview-clone-dom-ref',
template: ''
}] }
];
/** @nocollapse */
DragPreviewCloneDomRefComponent.ctorParameters = () => [
{ type: ElementRef },
{ type: ChangeDetectorRef },
{ type: DragDropService }
];
DragPreviewCloneDomRefComponent.propDecorators = {
domRef: [{ type: Input }],
copyStyle: [{ type: Input }]
};
if (false) {
/** @type {?} */
DragPreviewCloneDomRefComponent.prototype.domRef;
/** @type {?} */
DragPreviewCloneDomRefComponent.prototype.copyStyle;
/** @type {?} */
DragPreviewCloneDomRefComponent.prototype.cloneNode;
/**
* @type {?}
* @private
*/
DragPreviewCloneDomRefComponent.prototype.el;
/**
* @type {?}
* @private
*/
DragPreviewCloneDomRefComponent.prototype.cdr;
/**
* @type {?}
* @private
*/
DragPreviewCloneDomRefComponent.prototype.dragDropService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1wcmVpdmV3LWNsb25lLWZyb20tZG9tUmVmLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWRldnVpL2RyYWdkcm9wLyIsInNvdXJjZXMiOlsiZGlyZWN0aXZlcy9kcmFnLXByZWl2ZXctY2xvbmUtZnJvbS1kb21SZWYuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFHLFNBQVMsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFzRCxNQUFNLGVBQWUsQ0FBQztBQUNySSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFPaEUsTUFBTSxPQUFPLCtCQUErQjs7Ozs7O0lBSTFDLFlBQW9CLEVBQWMsRUFBVSxHQUFzQixFQUFVLGVBQWdDO1FBQXhGLE9BQUUsR0FBRixFQUFFLENBQVk7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUZuRyxjQUFTLEdBQUcsSUFBSSxDQUFDO0lBRzFCLENBQUM7Ozs7SUFDRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7Ozs7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDckIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO2dCQUNsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQzthQUNuQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7YUFDbkI7U0FDRjtJQUNILENBQUM7Ozs7SUFDRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjtJQUVILENBQUM7Ozs7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM3QyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQzdEO1lBQ0QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7Ozs7SUFDRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUssSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtnQkFDbkQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUNuRDtZQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1NBQzVCO0lBQ0gsQ0FBQzs7OztJQUNNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDOzs7WUFwREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSw4QkFBOEI7Z0JBQ3hDLFFBQVEsRUFBRSxFQUFFO2FBQ2I7Ozs7WUFOb0IsVUFBVTtZQUFFLGlCQUFpQjtZQUN6QyxlQUFlOzs7cUJBUXJCLEtBQUs7d0JBQ0wsS0FBSzs7OztJQUROLGlEQUE2Qjs7SUFDN0Isb0RBQTBCOztJQUMxQixvREFBVTs7Ozs7SUFDRSw2Q0FBc0I7Ozs7O0lBQUUsOENBQThCOzs7OztJQUFFLDBEQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7ICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIENoYW5nZURldGVjdG9yUmVmLCBJbnB1dCwgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRHJhZ0Ryb3BTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZHJhZy1kcm9wLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLWRyYWctcHJldmlldy1jbG9uZS1kb20tcmVmJyxcclxuICB0ZW1wbGF0ZTogJydcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBEcmFnUHJldmlld0Nsb25lRG9tUmVmQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpIGRvbVJlZjogSFRNTEVsZW1lbnQ7XHJcbiAgQElucHV0KCkgY29weVN0eWxlID0gdHJ1ZTtcclxuICBjbG9uZU5vZGU7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGRyYWdEcm9wU2VydmljZTogRHJhZ0Ryb3BTZXJ2aWNlKSB7XHJcbiAgfVxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIGlmICghdGhpcy5jbG9uZU5vZGUpIHtcclxuICAgICAgdGhpcy5jcmVhdGVWaWV3KCk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzWydkb21SZWYnXSkge1xyXG4gICAgICBpZiAodGhpcy5jbG9uZU5vZGUpIHtcclxuICAgICAgICB0aGlzLmRlc3Ryb3lWaWV3KCk7XHJcbiAgICAgICAgdGhpcy5jcmVhdGVWaWV3KCk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5jcmVhdGVWaWV3KCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICBpZiAodGhpcy5jbG9uZU5vZGUpIHtcclxuICAgICAgdGhpcy5kZXN0cm95VmlldygpO1xyXG4gICAgfVxyXG5cclxuICB9XHJcblxyXG4gIGNyZWF0ZVZpZXcoKSB7XHJcbiAgICBpZiAodGhpcy5kb21SZWYpIHtcclxuICAgICAgdGhpcy5jbG9uZU5vZGUgPSB0aGlzLmRvbVJlZi5jbG9uZU5vZGUodHJ1ZSk7XHJcbiAgICAgIGlmICh0aGlzLmNvcHlTdHlsZSkge1xyXG4gICAgICAgIHRoaXMuZHJhZ0Ryb3BTZXJ2aWNlLmNvcHlTdHlsZSh0aGlzLmRvbVJlZiwgdGhpcy5jbG9uZU5vZGUpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5hcHBlbmRDaGlsZCh0aGlzLmNsb25lTm9kZSk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIGRlc3Ryb3lWaWV3KCkge1xyXG4gICAgaWYgKHRoaXMuY2xvbmVOb2RlKSB7XHJcbiAgICAgIGlmICggdGhpcy5lbC5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRoaXMuY2xvbmVOb2RlKSkge1xyXG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5yZW1vdmVDaGlsZCh0aGlzLmNsb25lTm9kZSk7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5jbG9uZU5vZGUgPSB1bmRlZmluZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG4gIHB1YmxpYyB1cGRhdGVUZW1wbGF0ZSgpIHtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==