@tetacom/ng-components 1.1.2 → 1.1.4

package/esm2022/directive/drag-drop/drag.directive.mjs

@@ -0,0 +1,143 @@
+import { Directive, EventEmitter, HostBinding, HostListener, Inject, Input, Optional, Output, SkipSelf } from '@angular/core';
+import { DragInstance } from './model/drag-instance';
+import { DragContainerDirective } from './drag-container.directive';
+import { filter, takeWhile } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./drag-drop.service";
+import * as i2 from "./drag-container.directive";
+export class DragDirective {
+    _container;
+    _dragService;
+    _zone;
+    _cdr;
+    data;
+    allowDrag = true;
+    allowDrop = true;
+    allowDropPredicate;
+    tetaDragEnter = new EventEmitter();
+    tetaDrop = new EventEmitter();
+    dropTarget;
+    instance;
+    get selection() {
+        return this._dragService?.selection?.items?.indexOf(this.instance) >= 0;
+    }
+    get isDropTarget() {
+        return this.dropTarget === this.instance && this.allowDrop;
+    }
+    _alive = true;
+    mousedown(event) {
+        if (!this.allowDrag) {
+            return;
+        }
+        if (event.ctrlKey && this._container?.multiple) {
+            this._dragService.addSelection(this.instance, this._container?.instance);
+        }
+        else {
+            this._dragService.setSelection(this.instance, this._container?.instance);
+        }
+        this._dragService.setStartPosition({
+            x: event.x,
+            y: event.y
+        });
+    }
+    mouseenter(event) {
+        if (this.allowDrop) {
+            event.stopPropagation();
+            if (this.allowDropPredicate === undefined || this.allowDropPredicate(this._dragService.selection, this.data)) {
+                this._dragService.setDropTarget(this.instance);
+            }
+        }
+    }
+    mouseleave(event) {
+        this._dragService.setDropTarget(null);
+    }
+    constructor(_container, _dragService, _zone, _cdr) {
+        this._container = _container;
+        this._dragService = _dragService;
+        this._zone = _zone;
+        this._cdr = _cdr;
+    }
+    ngOnInit() {
+        this.instance = new DragInstance({
+            container: this._container?.instance,
+            data: this.data
+        });
+        this._dragService.dropTarget.pipe(takeWhile(() => this._alive))
+            .subscribe((target) => {
+            this.dropTarget = target;
+            if (target === this.instance) {
+                this.tetaDragEnter.emit(this.instance);
+            }
+            this._cdr.detectChanges();
+            this._cdr.markForCheck();
+        });
+        this._dragService.dropped.pipe(takeWhile(() => this._alive))
+            .pipe(filter((event) => {
+            return event.target === this.instance;
+        }))
+            .subscribe((event) => {
+            this.tetaDrop.emit(event);
+        });
+    }
+    ngOnDestroy() {
+        this._alive = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragDirective, deps: [{ token: DragContainerDirective, optional: true, skipSelf: true }, { token: i1.DragDropService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DragDirective, selector: "[tetaDrag]", inputs: { data: ["tetaDrag", "data"], allowDrag: "allowDrag", allowDrop: "allowDrop", allowDropPredicate: "allowDropPredicate" }, outputs: { tetaDragEnter: "tetaDragEnter", tetaDrop: "tetaDrop" }, host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.userSelect": "\"none\"", "class.teta-drag-item": "\"true\"", "class.teta_draggable_item": "this.allowDrag", "class.teta_droppable_item": "this.allowDrop", "class.teta-drag-selection": "this.selection", "class.teta-drop-target": "this.isDropTarget" } }, exportAs: ["drag"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaDrag]',
+                    exportAs: 'drag',
+                    host: {
+                        '[style.userSelect]': '"none"',
+                        '[class.teta-drag-item]': '"true"'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i2.DragContainerDirective, decorators: [{
+                    type: Inject,
+                    args: [DragContainerDirective]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: i1.DragDropService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ['tetaDrag']
+            }], allowDrag: [{
+                type: HostBinding,
+                args: ['class.teta_draggable_item']
+            }, {
+                type: Input
+            }], allowDrop: [{
+                type: HostBinding,
+                args: ['class.teta_droppable_item']
+            }, {
+                type: Input
+            }], allowDropPredicate: [{
+                type: Input
+            }], tetaDragEnter: [{
+                type: Output
+            }], tetaDrop: [{
+                type: Output
+            }], selection: [{
+                type: HostBinding,
+                args: ['class.teta-drag-selection']
+            }], isDropTarget: [{
+                type: HostBinding,
+                args: ['class.teta-drop-target']
+            }], mousedown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['touchstart', ['$event']]
+            }], mouseenter: [{
+                type: HostListener,
+                args: ['mouseenter', ['$event']]
+            }], mouseleave: [{
+                type: HostListener,
+                args: ['mouseleave', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGlyZWN0aXZlL2RyYWctZHJvcC9kcmFnLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBRUwsUUFBUSxFQUNSLE1BQU0sRUFDTixRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBR2xFLE9BQU8sRUFBQyxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFZakQsTUFBTSxPQUFPLGFBQWE7SUE0RG9EO0lBQ3hEO0lBQ0E7SUFDQTtJQTlERCxJQUFJLENBQUk7SUFHbEIsU0FBUyxHQUFHLElBQUksQ0FBQztJQUdqQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBRWpCLGtCQUFrQixDQUFpRDtJQUVsRSxhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7SUFDcEQsUUFBUSxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO0lBRXRELFVBQVUsQ0FBZ0I7SUFDMUIsUUFBUSxDQUFrQjtJQUUxQixJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxRSxDQUFDO0lBRUQsSUFDSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsVUFBVSxLQUFLLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUM3RCxDQUFDO0lBRU8sTUFBTSxHQUFHLElBQUksQ0FBQztJQUl0QixT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UUFDNUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7dUdBNUZVLGFBQWEsa0JBNERKLHNCQUFzQjsyRkE1RC9CLGFBQWE7OzJGQUFiLGFBQWE7a0JBUnpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSxNQUFNO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osb0JBQW9CLEVBQUUsUUFBUTt3QkFDOUIsd0JBQXdCLEVBQUUsUUFBUTtxQkFDbkM7aUJBQ0Y7OzBCQTZEYyxNQUFNOzJCQUFDLHNCQUFzQjs7MEJBQUcsUUFBUTs7MEJBQUksUUFBUTsrSEEzRDlDLElBQUk7c0JBQXRCLEtBQUs7dUJBQUMsVUFBVTtnQkFHUixTQUFTO3NCQURqQixXQUFXO3VCQUFDLDJCQUEyQjs7c0JBQ3ZDLEtBQUs7Z0JBR0csU0FBUztzQkFEakIsV0FBVzt1QkFBQywyQkFBMkI7O3NCQUN2QyxLQUFLO2dCQUVHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBTUgsU0FBUztzQkFEWixXQUFXO3VCQUFDLDJCQUEyQjtnQkFNcEMsWUFBWTtzQkFEZixXQUFXO3VCQUFDLHdCQUF3QjtnQkFTckMsU0FBUztzQkFGUixZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7c0JBQ3BDLFlBQVk7dUJBQUMsWUFBWSxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQWlCdEMsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLFlBQVksRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFVRSxVQUFVO3NCQUFqRCxZQUFZO3VCQUFDLFlBQVksRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5qZWN0LFxuICBJbnB1dCwgTmdab25lLCBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgU2tpcFNlbGZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0RyYWdJbnN0YW5jZX0gZnJvbSAnLi9tb2RlbC9kcmFnLWluc3RhbmNlJztcbmltcG9ydCB7RHJhZ0NvbnRhaW5lckRpcmVjdGl2ZX0gZnJvbSAnLi9kcmFnLWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHtEcmFnRHJvcFNlcnZpY2V9IGZyb20gJy4vZHJhZy1kcm9wLnNlcnZpY2UnO1xuaW1wb3J0IHtEcm9wVGFyZ2V0fSBmcm9tICcuL21vZGVsL2Ryb3AtdGFyZ2V0JztcbmltcG9ydCB7ZmlsdGVyLCB0YWtlV2hpbGV9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7RHJvcEV2ZW50fSBmcm9tICcuL21vZGVsL2Ryb3AtZXZlbnQnO1xuaW1wb3J0IHtEcmFnU2VsZWN0aW9ufSBmcm9tICcuL21vZGVsL2RyYWctc2VsZWN0aW9uJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3RldGFEcmFnXScsXG4gIGV4cG9ydEFzOiAnZHJhZycsXG4gIGhvc3Q6IHtcbiAgICAnW3N0eWxlLnVzZXJTZWxlY3RdJzogJ1wibm9uZVwiJyxcbiAgICAnW2NsYXNzLnRldGEtZHJhZy1pdGVtXSc6ICdcInRydWVcIidcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEcmFnRGlyZWN0aXZlPFQ+IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoJ3RldGFEcmFnJykgZGF0YTogVDtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnRldGFfZHJhZ2dhYmxlX2l0ZW0nKVxuICBASW5wdXQoKSBhbGxvd0RyYWcgPSB0cnVlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MudGV0YV9kcm9wcGFibGVfaXRlbScpXG4gIEBJbnB1dCgpIGFsbG93RHJvcCA9IHRydWU7XG5cbiAgQElucHV0KCkgYWxsb3dEcm9wUHJlZGljYXRlOiAoZGF0YTogRHJhZ1NlbGVjdGlvbjxUPiwgdGFyZ2V0OiBUKSA9PiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSB0ZXRhRHJhZ0VudGVyID0gbmV3IEV2ZW50RW1pdHRlcjxEcmFnSW5zdGFuY2U8VD4+KCk7XG4gIEBPdXRwdXQoKSB0ZXRhRHJvcCA9IG5ldyBFdmVudEVtaXR0ZXI8RHJvcEV2ZW50PFQ+PigpO1xuXG4gIGRyb3BUYXJnZXQ6IERyb3BUYXJnZXQ8VD47XG4gIGluc3RhbmNlOiBEcmFnSW5zdGFuY2U8VD47XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy50ZXRhLWRyYWctc2VsZWN0aW9uJylcbiAgZ2V0IHNlbGVjdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fZHJhZ1NlcnZpY2U/LnNlbGVjdGlvbj8uaXRlbXM/LmluZGV4T2YodGhpcy5pbnN0YW5jZSkgPj0gMDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MudGV0YS1kcm9wLXRhcmdldCcpXG4gIGdldCBpc0Ryb3BUYXJnZXQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZHJvcFRhcmdldCA9PT0gdGhpcy5pbnN0YW5jZSAmJiB0aGlzLmFsbG93RHJvcDtcbiAgfVxuXG4gIHByaXZhdGUgX2FsaXZlID0gdHJ1ZTtcblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWRvd24nLCBbJyRldmVudCddKVxuICBASG9zdExpc3RlbmVyKCd0b3VjaHN0YXJ0JywgWyckZXZlbnQnXSlcbiAgbW91c2Vkb3duKGV2ZW50KSB7XG4gICAgaWYoIXRoaXMuYWxsb3dEcmFnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmIChldmVudC5jdHJsS2V5ICYmIHRoaXMuX2NvbnRhaW5lcj8ubXVsdGlwbGUpIHtcbiAgICAgIHRoaXMuX2RyYWdTZXJ2aWNlLmFkZFNlbGVjdGlvbih0aGlzLmluc3RhbmNlLCB0aGlzLl9jb250YWluZXI/Lmluc3RhbmNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fZHJhZ1NlcnZpY2Uuc2V0U2VsZWN0aW9uKHRoaXMuaW5zdGFuY2UsIHRoaXMuX2NvbnRhaW5lcj8uaW5zdGFuY2UpO1xuICAgIH1cbiAgICB0aGlzLl9kcmFnU2VydmljZS5zZXRTdGFydFBvc2l0aW9uKHtcbiAgICAgIHg6IGV2ZW50LngsXG4gICAgICB5OiBldmVudC55XG4gICAgfSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJywgWyckZXZlbnQnXSlcbiAgbW91c2VlbnRlcihldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmFsbG93RHJvcCkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBpZih0aGlzLmFsbG93RHJvcFByZWRpY2F0ZSA9PT0gdW5kZWZpbmVkIHx8IHRoaXMuYWxsb3dEcm9wUHJlZGljYXRlKHRoaXMuX2RyYWdTZXJ2aWNlLnNlbGVjdGlvbiwgdGhpcy5kYXRhKSkge1xuICAgICAgICB0aGlzLl9kcmFnU2VydmljZS5zZXREcm9wVGFyZ2V0KHRoaXMuaW5zdGFuY2UpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCBbJyRldmVudCddKSBtb3VzZWxlYXZlKGV2ZW50KSB7XG4gICAgdGhpcy5fZHJhZ1NlcnZpY2Uuc2V0RHJvcFRhcmdldChudWxsKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoRHJhZ0NvbnRhaW5lckRpcmVjdGl2ZSkgQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgcHJpdmF0ZSBfY29udGFpbmVyOiBEcmFnQ29udGFpbmVyRGlyZWN0aXZlPFQ+LFxuICAgICAgICAgICAgICBwcml2YXRlIF9kcmFnU2VydmljZTogRHJhZ0Ryb3BTZXJ2aWNlPFQ+LFxuICAgICAgICAgICAgICBwcml2YXRlIF96b25lOiBOZ1pvbmUsXG4gICAgICAgICAgICAgIHByaXZhdGUgX2NkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaW5zdGFuY2UgPSBuZXcgRHJhZ0luc3RhbmNlKHtcbiAgICAgIGNvbnRhaW5lcjogdGhpcy5fY29udGFpbmVyPy5pbnN0YW5jZSxcbiAgICAgIGRhdGE6IHRoaXMuZGF0YVxuICAgIH0pO1xuICAgIHRoaXMuX2RyYWdTZXJ2aWNlLmRyb3BUYXJnZXQucGlwZSh0YWtlV2hpbGUoKCkgPT4gdGhpcy5fYWxpdmUpKVxuICAgICAgLnN1YnNjcmliZSgodGFyZ2V0KSA9PiB7XG4gICAgICAgIHRoaXMuZHJvcFRhcmdldCA9IHRhcmdldDtcbiAgICAgICAgaWYgKHRhcmdldCA9PT0gdGhpcy5pbnN0YW5jZSkge1xuICAgICAgICAgIHRoaXMudGV0YURyYWdFbnRlci5lbWl0KHRoaXMuaW5zdGFuY2UpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICAgIHRoaXMuX2RyYWdTZXJ2aWNlLmRyb3BwZWQucGlwZSh0YWtlV2hpbGUoKCkgPT4gdGhpcy5fYWxpdmUpKVxuICAgICAgLnBpcGUoXG4gICAgICAgIGZpbHRlcigoZXZlbnQ6IERyb3BFdmVudDxUPikgPT4ge1xuICAgICAgICAgIHJldHVybiBldmVudC50YXJnZXQgPT09IHRoaXMuaW5zdGFuY2U7XG4gICAgICAgIH0pKVxuICAgICAgLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy50ZXRhRHJvcC5lbWl0KGV2ZW50KTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fYWxpdmUgPSBmYWxzZTtcbiAgfVxufVxuIl19

package/esm2022/directive/drag-drop/model/drag-container-instance.mjs

@@ -0,0 +1,11 @@
+export class DragContainerInstance {
+    data;
+    previewTemplate;
+    viewContainer;
+    constructor(options) {
+        this.data = options.data;
+        this.previewTemplate = options.previewTemplate;
+        this.viewContainer = options.viewContainer;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1jb250YWluZXItaW5zdGFuY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZGlyZWN0aXZlL2RyYWctZHJvcC9tb2RlbC9kcmFnLWNvbnRhaW5lci1pbnN0YW5jZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLElBQUksQ0FBTTtJQUNWLGVBQWUsQ0FBbUI7SUFDbEMsYUFBYSxDQUFtQjtJQUVoQyxZQUFZLE9BSVg7UUFDQyxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGVBQWUsR0FBRyxPQUFPLENBQUMsZUFBZSxDQUFDO1FBQy9DLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1RlbXBsYXRlUmVmLCBWaWV3Q29udGFpbmVyUmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIERyYWdDb250YWluZXJJbnN0YW5jZTxUPiB7XG4gIGRhdGE6IFRbXTtcbiAgcHJldmlld1RlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICB2aWV3Q29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gIGNvbnN0cnVjdG9yKG9wdGlvbnM6IHtcbiAgICBkYXRhOiBUW10sXG4gICAgcHJldmlld1RlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWZcbiAgfSkge1xuICAgIHRoaXMuZGF0YSA9IG9wdGlvbnMuZGF0YTtcbiAgICB0aGlzLnByZXZpZXdUZW1wbGF0ZSA9IG9wdGlvbnMucHJldmlld1RlbXBsYXRlO1xuICAgIHRoaXMudmlld0NvbnRhaW5lciA9IG9wdGlvbnMudmlld0NvbnRhaW5lcjtcbiAgfVxufVxuIl19

package/esm2022/directive/drag-drop/model/drag-instance.mjs

@@ -0,0 +1,9 @@
+export class DragInstance {
+    container;
+    data;
+    constructor(options) {
+        this.container = options.container;
+        this.data = options.data;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1pbnN0YW5jZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmUvZHJhZy1kcm9wL21vZGVsL2RyYWctaW5zdGFuY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLFlBQVk7SUFDdkIsU0FBUyxDQUEyQjtJQUNwQyxJQUFJLENBQUk7SUFFUixZQUFZLE9BR1g7UUFDQyxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUM7UUFDbkMsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDO0lBQzNCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RHJhZ0NvbnRhaW5lckluc3RhbmNlfSBmcm9tICcuL2RyYWctY29udGFpbmVyLWluc3RhbmNlJztcblxuZXhwb3J0IGNsYXNzIERyYWdJbnN0YW5jZTxUPiB7XG4gIGNvbnRhaW5lcjogRHJhZ0NvbnRhaW5lckluc3RhbmNlPFQ+O1xuICBkYXRhOiBUO1xuXG4gIGNvbnN0cnVjdG9yKG9wdGlvbnM/OiB7XG4gICAgY29udGFpbmVyOiBEcmFnQ29udGFpbmVySW5zdGFuY2U8VD4sXG4gICAgZGF0YTogVFxuICB9KSB7XG4gICAgdGhpcy5jb250YWluZXIgPSBvcHRpb25zLmNvbnRhaW5lcjtcbiAgICB0aGlzLmRhdGEgPSBvcHRpb25zLmRhdGE7XG4gIH1cbn1cbiJdfQ==

package/esm2022/directive/drag-sort/drag-sort-container.directive.mjs

@@ -0,0 +1,68 @@
+import { 
+// ContentChildren,
+Directive, EventEmitter, HostListener, Input, Output,
+// QueryList,
+ } from '@angular/core';
+import * as i0 from "@angular/core";
+// import {DragSortItemDirective} from './drag-sort-item.directive';
+export class DragSortContainerDirective {
+    dragSortList;
+    dragSorted = new EventEmitter();
+    // @ContentChildren(DragSortItemDirective, {descendants: true})
+    // private items: QueryList<DragSortItemDirective<T>>;
+    _dragItem;
+    constructor() {
+    }
+    drop(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
+    setDragItem(item) {
+        this._dragItem = item;
+    }
+    getDragItem() {
+        return this._dragItem;
+    }
+    getList() {
+        return this.dragSortList;
+    }
+    setList(list) {
+        this.dragSortList = list;
+    }
+    updateSortOrder(source, target, insertBefore) {
+        if (source === target) {
+            return;
+        }
+        const list = this.getList();
+        const sourceIndex = list.indexOf(source);
+        const targetIndex = list.indexOf(target);
+        if ((insertBefore && sourceIndex + 1 === targetIndex) ||
+            (!insertBefore && sourceIndex === targetIndex + 1)) {
+            return;
+        }
+        const newIndex = list.indexOf(target) + (insertBefore ? 0 : 1);
+        this.dragSorted.emit({
+            list,
+            source,
+            target,
+            newIndex,
+            previousIndex: sourceIndex,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DragSortContainerDirective, selector: "[tetaDragSortContainer]", inputs: { dragSortList: "dragSortList" }, outputs: { dragSorted: "dragSorted" }, host: { listeners: { "drop": "drop($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaDragSortContainer]',
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dragSortList: [{
+                type: Input
+            }], dragSorted: [{
+                type: Output
+            }], drop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1zb3J0LWNvbnRhaW5lci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGlyZWN0aXZlL2RyYWctc29ydC9kcmFnLXNvcnQtY29udGFpbmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPO0FBQ0wsbUJBQW1CO0FBQ25CLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNO0FBQ04sYUFBYTtFQUNkLE1BQU0sZUFBZSxDQUFDOztBQUV2QixvRUFBb0U7QUFLcEUsTUFBTSxPQUFPLDBCQUEwQjtJQUM1QixZQUFZLENBQU07SUFDakIsVUFBVSxHQUFtQyxJQUFJLFlBQVksRUFBb0IsQ0FBQztJQUU1RiwrREFBK0Q7SUFDL0Qsc0RBQXNEO0lBQzlDLFNBQVMsQ0FBSTtJQUVyQjtJQUNBLENBQUM7SUFFaUMsSUFBSSxDQUFDLEtBQWdCO1FBQ3JELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFPO1FBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPO1FBQ0wsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFRCxPQUFPLENBQUMsSUFBUztRQUNmLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFFRCxlQUFlLENBQUMsTUFBUyxFQUFFLE1BQVMsRUFBRSxZQUFxQjtRQUN6RCxJQUFJLE1BQU0sS0FBSyxNQUFNLEVBQUU7WUFDckIsT0FBTztTQUNSO1FBQ0QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzVCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekMsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QyxJQUNFLENBQUMsWUFBWSxJQUFJLFdBQVcsR0FBRyxDQUFDLEtBQUssV0FBVyxDQUFDO1lBQ2pELENBQUMsQ0FBQyxZQUFZLElBQUksV0FBVyxLQUFLLFdBQVcsR0FBRyxDQUFDLENBQUMsRUFDbEQ7WUFDQSxPQUFPO1NBQ1I7UUFDRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRS9ELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1lBQ25CLElBQUk7WUFDSixNQUFNO1lBQ04sTUFBTTtZQUNOLFFBQVE7WUFDUixhQUFhLEVBQUUsV0FBVztTQUMzQixDQUFDLENBQUM7SUFDTCxDQUFDO3VHQXREVSwwQkFBMEI7MkZBQTFCLDBCQUEwQjs7MkZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO2lCQUNwQzswRUFFVSxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBUzJCLElBQUk7c0JBQXJDLFlBQVk7dUJBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgLy8gQ29udGVudENoaWxkcmVuLFxuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICAvLyBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEcmFnU29ydEV2ZW50fSBmcm9tICcuL2RyYWctc29ydC1ldmVudCc7XG4vLyBpbXBvcnQge0RyYWdTb3J0SXRlbURpcmVjdGl2ZX0gZnJvbSAnLi9kcmFnLXNvcnQtaXRlbS5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbdGV0YURyYWdTb3J0Q29udGFpbmVyXScsXG59KVxuZXhwb3J0IGNsYXNzIERyYWdTb3J0Q29udGFpbmVyRGlyZWN0aXZlPFQ+IHtcbiAgQElucHV0KCkgZHJhZ1NvcnRMaXN0OiBUW107XG4gIEBPdXRwdXQoKSBkcmFnU29ydGVkOiBFdmVudEVtaXR0ZXI8RHJhZ1NvcnRFdmVudDxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPERyYWdTb3J0RXZlbnQ8VD4+KCk7XG5cbiAgLy8gQENvbnRlbnRDaGlsZHJlbihEcmFnU29ydEl0ZW1EaXJlY3RpdmUsIHtkZXNjZW5kYW50czogdHJ1ZX0pXG4gIC8vIHByaXZhdGUgaXRlbXM6IFF1ZXJ5TGlzdDxEcmFnU29ydEl0ZW1EaXJlY3RpdmU8VD4+O1xuICBwcml2YXRlIF9kcmFnSXRlbTogVDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2Ryb3AnLCBbJyRldmVudCddKSBkcm9wKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgc2V0RHJhZ0l0ZW0oaXRlbTogVCkge1xuICAgIHRoaXMuX2RyYWdJdGVtID0gaXRlbTtcbiAgfVxuXG4gIGdldERyYWdJdGVtKCk6IFQge1xuICAgIHJldHVybiB0aGlzLl9kcmFnSXRlbTtcbiAgfVxuXG4gIGdldExpc3QoKTogVFtdIHtcbiAgICByZXR1cm4gdGhpcy5kcmFnU29ydExpc3Q7XG4gIH1cblxuICBzZXRMaXN0KGxpc3Q6IFRbXSkge1xuICAgIHRoaXMuZHJhZ1NvcnRMaXN0ID0gbGlzdDtcbiAgfVxuXG4gIHVwZGF0ZVNvcnRPcmRlcihzb3VyY2U6IFQsIHRhcmdldDogVCwgaW5zZXJ0QmVmb3JlOiBib29sZWFuKSB7XG4gICAgaWYgKHNvdXJjZSA9PT0gdGFyZ2V0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGxpc3QgPSB0aGlzLmdldExpc3QoKTtcbiAgICBjb25zdCBzb3VyY2VJbmRleCA9IGxpc3QuaW5kZXhPZihzb3VyY2UpO1xuICAgIGNvbnN0IHRhcmdldEluZGV4ID0gbGlzdC5pbmRleE9mKHRhcmdldCk7XG4gICAgaWYgKFxuICAgICAgKGluc2VydEJlZm9yZSAmJiBzb3VyY2VJbmRleCArIDEgPT09IHRhcmdldEluZGV4KSB8fFxuICAgICAgKCFpbnNlcnRCZWZvcmUgJiYgc291cmNlSW5kZXggPT09IHRhcmdldEluZGV4ICsgMSlcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgbmV3SW5kZXggPSBsaXN0LmluZGV4T2YodGFyZ2V0KSArIChpbnNlcnRCZWZvcmUgPyAwIDogMSk7XG5cbiAgICB0aGlzLmRyYWdTb3J0ZWQuZW1pdCh7XG4gICAgICBsaXN0LFxuICAgICAgc291cmNlLFxuICAgICAgdGFyZ2V0LFxuICAgICAgbmV3SW5kZXgsXG4gICAgICBwcmV2aW91c0luZGV4OiBzb3VyY2VJbmRleCxcbiAgICB9KTtcbiAgfVxufVxuIl19

package/esm2022/directive/drag-sort/drag-sort-item.directive.mjs

@@ -0,0 +1,121 @@
+import { Directive, Host, HostBinding, HostListener, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./drag-sort-container.directive";
+export class DragSortItemDirective {
+    _container;
+    _elementRef;
+    _renderer;
+    tetaDragSortItem;
+    dragSortDirection = 'horizontal';
+    draggable = true;
+    relative = true;
+    _dragElement;
+    rect;
+    constructor(_container, _elementRef, _renderer) {
+        this._container = _container;
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+    dragstart(event) {
+        this._container.setDragItem(this.tetaDragSortItem);
+    }
+    dragenter(event) {
+        this.rect = this._elementRef.nativeElement.getBoundingClientRect();
+    }
+    dragover(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.rect && this._container.getDragItem()) {
+            this.showDrag(this.getDropPosition(event));
+        }
+    }
+    dragleave(event) {
+        event.preventDefault();
+        this.hideDrag();
+    }
+    dragend(event) {
+        this._container.setDragItem(null);
+        this.hideDrag();
+    }
+    drop(event) {
+        event.stopPropagation();
+        this._container.updateSortOrder(this._container.getDragItem(), this.tetaDragSortItem, this.getDropPosition(event) === 'start');
+        this.hideDrag();
+    }
+    ngOnInit() {
+        this.createDrag();
+    }
+    ngOnDestroy() {
+        this.destroyDrag();
+    }
+    showDrag(position) {
+        this.hideDrag();
+        this._renderer.addClass(this._dragElement, `drop-direction-${position}`);
+    }
+    hideDrag() {
+        this._renderer.removeClass(this._dragElement, 'drop-direction-start');
+        this._renderer.removeClass(this._dragElement, 'drop-direction-end');
+    }
+    createDrag() {
+        this._dragElement = this._renderer.createElement('div');
+        this._renderer.appendChild(this._elementRef.nativeElement, this._dragElement);
+        this._renderer.addClass(this._dragElement, 'drop-direction');
+        this._renderer.addClass(this._dragElement, this.dragSortDirection === 'horizontal'
+            ? 'drop-direction-horizontal'
+            : 'drop-direction-vertical');
+    }
+    destroyDrag() {
+        this._renderer.removeChild(this._renderer, this._dragElement);
+    }
+    getDropPosition(event) {
+        if (this.dragSortDirection === 'horizontal') {
+            return event.clientX >= this.rect.x + this.rect.width / 2
+                ? 'end'
+                : 'start';
+        }
+        else {
+            return event.clientY >= this.rect.y + this.rect.height / 2
+                ? 'end'
+                : 'start';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortItemDirective, deps: [{ token: i1.DragSortContainerDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DragSortItemDirective, selector: "[tetaDragSortItem]", inputs: { tetaDragSortItem: "tetaDragSortItem", dragSortDirection: "dragSortDirection" }, host: { listeners: { "dragstart": "dragstart($event)", "dragenter": "dragenter($event)", "dragover": "dragover($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "attr.draggable": "this.draggable", "class.position-relative": "this.relative" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaDragSortItem]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DragSortContainerDirective, decorators: [{
+                    type: Host
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { tetaDragSortItem: [{
+                type: Input
+            }], dragSortDirection: [{
+                type: Input
+            }], draggable: [{
+                type: HostBinding,
+                args: ['attr.draggable']
+            }], relative: [{
+                type: HostBinding,
+                args: ['class.position-relative']
+            }], dragstart: [{
+                type: HostListener,
+                args: ['dragstart', ['$event']]
+            }], dragenter: [{
+                type: HostListener,
+                args: ['dragenter', ['$event']]
+            }], dragover: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], dragleave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], dragend: [{
+                type: HostListener,
+                args: ['dragend', ['$event']]
+            }], drop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1zb3J0LWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2RpcmVjdGl2ZS9kcmFnLXNvcnQvZHJhZy1zb3J0LWl0ZW0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUlOLE1BQU0sZUFBZSxDQUFDOzs7QUFNdkIsTUFBTSxPQUFPLHFCQUFxQjtJQVlkO0lBQ1I7SUFDQTtJQWJELGdCQUFnQixDQUFJO0lBQ3BCLGlCQUFpQixHQUE4QixZQUFZLENBQUM7SUFFckIsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNSLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFFakUsWUFBWSxDQUFjO0lBRTFCLElBQUksQ0FBTTtJQUVsQixZQUNrQixVQUF5QyxFQUNqRCxXQUF1QixFQUN2QixTQUFvQjtRQUZaLGVBQVUsR0FBVixVQUFVLENBQStCO1FBQ2pELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ3ZCLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFFOUIsQ0FBQztJQUVzQyxTQUFTLENBQUMsS0FBZ0I7UUFDL0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVzQyxTQUFTLENBQUMsS0FBZ0I7UUFDL0QsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQ3JFLENBQUM7SUFFcUMsUUFBUSxDQUFDLEtBQWdCO1FBQzdELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLEVBQUU7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QUFPLENBQUM7U0FDYjtJQUNILENBQUM7dUdBckdVLHFCQUFxQjsyRkFBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7aUJBQy9COzswQkFhSSxJQUFJOzZGQVhFLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBRTBDLFNBQVM7c0JBQXhELFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUM0QixRQUFRO3NCQUFoRSxXQUFXO3VCQUFDLHlCQUF5QjtnQkFhQyxTQUFTO3NCQUEvQyxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFJRSxTQUFTO3NCQUEvQyxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFJQyxRQUFRO3NCQUE3QyxZQUFZO3VCQUFDLFVBQVUsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFRRyxTQUFTO3NCQUEvQyxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFLQSxPQUFPO3NCQUEzQyxZQUFZO3VCQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFLRCxJQUFJO3NCQUFyQyxZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdCxcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEcmFnU29ydENvbnRhaW5lckRpcmVjdGl2ZX0gZnJvbSAnLi9kcmFnLXNvcnQtY29udGFpbmVyLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZXRhRHJhZ1NvcnRJdGVtXScsXG59KVxuZXhwb3J0IGNsYXNzIERyYWdTb3J0SXRlbURpcmVjdGl2ZTxUPiBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgdGV0YURyYWdTb3J0SXRlbTogVDtcbiAgQElucHV0KCkgZHJhZ1NvcnREaXJlY3Rpb246ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcgPSAnaG9yaXpvbnRhbCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRyYWdnYWJsZScpIHByaXZhdGUgcmVhZG9ubHkgZHJhZ2dhYmxlID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5wb3NpdGlvbi1yZWxhdGl2ZScpIHByaXZhdGUgcmVhZG9ubHkgcmVsYXRpdmUgPSB0cnVlO1xuXG4gIHByaXZhdGUgX2RyYWdFbGVtZW50OiBIVE1MRWxlbWVudDtcblxuICBwcml2YXRlIHJlY3Q6IGFueTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASG9zdCgpIHByaXZhdGUgX2NvbnRhaW5lcjogRHJhZ1NvcnRDb250YWluZXJEaXJlY3RpdmU8VD4sXG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyXG4gICkge1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ3N0YXJ0JywgWyckZXZlbnQnXSkgZHJhZ3N0YXJ0KGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb250YWluZXIuc2V0RHJhZ0l0ZW0odGhpcy50ZXRhRHJhZ1NvcnRJdGVtKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdlbnRlcicsIFsnJGV2ZW50J10pIGRyYWdlbnRlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5yZWN0ID0gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ292ZXInLCBbJyRldmVudCddKSBkcmFnb3ZlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBpZiAodGhpcy5yZWN0ICYmIHRoaXMuX2NvbnRhaW5lci5nZXREcmFnSXRlbSgpKSB7XG4gICAgICB0aGlzLnNob3dEcmFnKHRoaXMuZ2V0RHJvcFBvc2l0aW9uKGV2ZW50KSk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2xlYXZlJywgWyckZXZlbnQnXSkgZHJhZ2xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMuaGlkZURyYWcoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdlbmQnLCBbJyRldmVudCddKSBkcmFnZW5kKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb250YWluZXIuc2V0RHJhZ0l0ZW0obnVsbCk7XG4gICAgdGhpcy5oaWRlRHJhZygpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pIGRyb3AoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuX2NvbnRhaW5lci51cGRhdGVTb3J0T3JkZXIoXG4gICAgICB0aGlzLl9jb250YWluZXIuZ2V0RHJhZ0l0ZW0oKSxcbiAgICAgIHRoaXMudGV0YURyYWdTb3J0SXRlbSxcbiAgICAgIHRoaXMuZ2V0RHJvcFBvc2l0aW9uKGV2ZW50KSA9PT0gJ3N0YXJ0J1xuICAgICk7XG4gICAgdGhpcy5oaWRlRHJhZygpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jcmVhdGVEcmFnKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3lEcmFnKCk7XG4gIH1cblxuICBwcml2YXRlIHNob3dEcmFnKHBvc2l0aW9uOiAnc3RhcnQnIHwgJ2VuZCcpIHtcbiAgICB0aGlzLmhpZGVEcmFnKCk7XG4gICAgdGhpcy5fcmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5fZHJhZ0VsZW1lbnQsIGBkcm9wLWRpcmVjdGlvbi0ke3Bvc2l0aW9ufWApO1xuICB9XG5cbiAgcHJpdmF0ZSBoaWRlRHJhZygpIHtcbiAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLl9kcmFnRWxlbWVudCwgJ2Ryb3AtZGlyZWN0aW9uLXN0YXJ0Jyk7XG4gICAgdGhpcy5fcmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5fZHJhZ0VsZW1lbnQsICdkcm9wLWRpcmVjdGlvbi1lbmQnKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlRHJhZygpIHtcbiAgICB0aGlzLl9kcmFnRWxlbWVudCA9IHRoaXMuX3JlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgIHRoaXMuX3JlbmRlcmVyLmFwcGVuZENoaWxkKFxuICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgdGhpcy5fZHJhZ0VsZW1lbnRcbiAgICApO1xuICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2RyYWdFbGVtZW50LCAnZHJvcC1kaXJlY3Rpb24nKTtcbiAgICB0aGlzLl9yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgIHRoaXMuX2RyYWdFbGVtZW50LFxuICAgICAgdGhpcy5kcmFnU29ydERpcmVjdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gICAgICAgID8gJ2Ryb3AtZGlyZWN0aW9uLWhvcml6b250YWwnXG4gICAgICAgIDogJ2Ryb3AtZGlyZWN0aW9uLXZlcnRpY2FsJ1xuICAgICk7XG4gIH1cblxuICBwcml2YXRlIGRlc3Ryb3lEcmFnKCkge1xuICAgIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUNoaWxkKHRoaXMuX3JlbmRlcmVyLCB0aGlzLl9kcmFnRWxlbWVudCk7XG4gIH1cblxuICBwcml2YXRlIGdldERyb3BQb3NpdGlvbihldmVudDogRHJhZ0V2ZW50KSB7XG4gICAgaWYgKHRoaXMuZHJhZ1NvcnREaXJlY3Rpb24gPT09ICdob3Jpem9udGFsJykge1xuICAgICAgcmV0dXJuIGV2ZW50LmNsaWVudFggPj0gdGhpcy5yZWN0LnggKyB0aGlzLnJlY3Qud2lkdGggLyAyXG4gICAgICAgID8gJ2VuZCdcbiAgICAgICAgOiAnc3RhcnQnO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gZXZlbnQuY2xpZW50WSA+PSB0aGlzLnJlY3QueSArIHRoaXMucmVjdC5oZWlnaHQgLyAyXG4gICAgICAgID8gJ2VuZCdcbiAgICAgICAgOiAnc3RhcnQnO1xuICAgIH1cbiAgfVxufVxuIl19

package/{esm2020 → esm2022}/directive/drag-sort/drag-sort.module.mjs

@@ -4,11 +4,11 @@ import { DragSortContainerDirective } from './drag-sort-container.directive';
 import { DragSortItemDirective } from './drag-sort-item.directive';
 import * as i0 from "@angular/core";
 export class DragSortModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: DragSortModule, declarations: [DragSortContainerDirective, DragSortItemDirective], imports: [CommonModule], exports: [DragSortContainerDirective, DragSortItemDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortModule, imports: [CommonModule] });
 }
-DragSortModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DragSortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DragSortModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: DragSortModule, declarations: [DragSortContainerDirective, DragSortItemDirective], imports: [CommonModule], exports: [DragSortContainerDirective, DragSortItemDirective] });
-DragSortModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DragSortModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: DragSortModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DragSortModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DragSortContainerDirective, DragSortItemDirective],
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
                     imports: [CommonModule],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1zb3J0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmUvZHJhZy1zb3J0L2RyYWctc29ydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDN0UsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBT25FLE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsaUJBSlYsMEJBQTBCLEVBQUUscUJBQXFCLGFBRXRELFlBQVksYUFEWiwwQkFBMEIsRUFBRSxxQkFBcUI7NEdBR2hELGNBQWMsWUFGZixZQUFZOzJGQUVYLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLEVBQUUscUJBQXFCLENBQUM7b0JBQ2pFLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixFQUFFLHFCQUFxQixDQUFDO29CQUM1RCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEcmFnU29ydENvbnRhaW5lckRpcmVjdGl2ZSB9IGZyb20gJy4vZHJhZy1zb3J0LWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRHJhZ1NvcnRJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi9kcmFnLXNvcnQtaXRlbS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtEcmFnU29ydENvbnRhaW5lckRpcmVjdGl2ZSwgRHJhZ1NvcnRJdGVtRGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW0RyYWdTb3J0Q29udGFpbmVyRGlyZWN0aXZlLCBEcmFnU29ydEl0ZW1EaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJhZ1NvcnRNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1zb3J0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmUvZHJhZy1zb3J0L2RyYWctc29ydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDN0UsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBT25FLE1BQU0sT0FBTyxjQUFjO3VHQUFkLGNBQWM7d0dBQWQsY0FBYyxpQkFKViwwQkFBMEIsRUFBRSxxQkFBcUIsYUFFdEQsWUFBWSxhQURaLDBCQUEwQixFQUFFLHFCQUFxQjt3R0FHaEQsY0FBYyxZQUZmLFlBQVk7OzJGQUVYLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLEVBQUUscUJBQXFCLENBQUM7b0JBQ2pFLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixFQUFFLHFCQUFxQixDQUFDO29CQUM1RCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEcmFnU29ydENvbnRhaW5lckRpcmVjdGl2ZSB9IGZyb20gJy4vZHJhZy1zb3J0LWNvbnRhaW5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRHJhZ1NvcnRJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi9kcmFnLXNvcnQtaXRlbS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtEcmFnU29ydENvbnRhaW5lckRpcmVjdGl2ZSwgRHJhZ1NvcnRJdGVtRGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW0RyYWdTb3J0Q29udGFpbmVyRGlyZWN0aXZlLCBEcmFnU29ydEl0ZW1EaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJhZ1NvcnRNb2R1bGUge31cbiJdfQ==

package/esm2022/directive/dynamic-content-base.directive.mjs

@@ -0,0 +1,91 @@
+import { Directive, EventEmitter, Input, Output, } from '@angular/core';
+import { Align } from '../common/enum/align.enum';
+import { VerticalAlign } from '../common/enum/vertical-align.enum';
+import { filter, takeWhile } from 'rxjs/operators';
+import { PopupContentComponent } from '../component/dynamic-component/popup-content/popup-content.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/service/dynamic-component.service";
+export class DynamicContentBaseDirective {
+    _document;
+    _elementRef;
+    _service;
+    _injector;
+    _zone;
+    _cdr;
+    data;
+    className;
+    align = Align.left;
+    verticalAlign = VerticalAlign.auto;
+    appendToBody;
+    set open(open) {
+        this._open = open;
+        if (this._open) {
+            this.createContentRef();
+        }
+        else {
+            this.destroyContentRef();
+        }
+    }
+    openChange = new EventEmitter();
+    _alive = true;
+    _componentRef;
+    _content;
+    _open = false;
+    constructor(_document, _elementRef, _service, _injector, _zone, _cdr) {
+        this._document = _document;
+        this._elementRef = _elementRef;
+        this._service = _service;
+        this._injector = _injector;
+        this._zone = _zone;
+        this._cdr = _cdr;
+        this._zone.onStable
+            .pipe(takeWhile((_) => this._alive), filter((_) => this._open))
+            .subscribe((_) => {
+            this.setPosition();
+        });
+    }
+    ngOnDestroy() {
+        this._alive = false;
+        this.destroyContentRef();
+    }
+    ngOnInit() {
+    }
+    createContentRef(className) {
+        if (!this._componentRef) {
+            this._open = true;
+            const injector = this._service.getInjector(this.data, this._injector);
+            const context = this._service.getContext(this._dynamicContent, this.data);
+            this._content = this._service.createContent(this._dynamicContent, this._injector, context);
+            this._componentRef = this._service.createComponent(PopupContentComponent, this._content, injector, this.appendToBody ? this._document.body : this._elementRef.nativeElement);
+            if (className) {
+                this._componentRef.instance.addClass(className);
+            }
+        }
+        return this._componentRef;
+    }
+    destroyContentRef() {
+        this._open = false;
+        this._service.destroy(this._componentRef, this._content, this.appendToBody ? this._document.body : this._elementRef.nativeElement);
+        this._componentRef = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DynamicContentBaseDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: DynamicContentBaseDirective, inputs: { data: "data", className: "className", align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DynamicContentBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: i0.ElementRef }, { type: i1.DynamicComponentService }, { type: i0.Injector }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], verticalAlign: [{
+                type: Input
+            }], appendToBody: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1jb250ZW50LWJhc2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2RpcmVjdGl2ZS9keW5hbWljLWNvbnRlbnQtYmFzZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLFNBQVMsRUFFVCxZQUFZLEVBRVosS0FBSyxFQUlMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsS0FBSyxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDaEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFakQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sc0VBQXNFLENBQUM7OztBQUczRyxNQUFNLE9BQWdCLDJCQUEyQjtJQTZCbkM7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBakNILElBQUksQ0FBTTtJQUNWLFNBQVMsQ0FBb0I7SUFDN0IsS0FBSyxHQUFVLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDMUIsYUFBYSxHQUFrQixhQUFhLENBQUMsSUFBSSxDQUFDO0lBQ2xELFlBQVksQ0FBVTtJQUUvQixJQUFhLElBQUksQ0FBQyxJQUFhO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1NBQ3pCO2FBQU07WUFDTCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFUyxVQUFVLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7SUFFaEUsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNkLGFBQWEsQ0FBb0I7SUFDakMsUUFBUSxDQUFpQjtJQUN6QixLQUFLLEdBQUcsS0FBSyxD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SUFBSTtzQkFBaEIsS0FBSztnQkFTSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudFJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdG9yLFxuICBJbnB1dCxcbiAgTmdab25lLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVHlwZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0R5bmFtaWNDb21wb25lbnRTZXJ2aWNlfSBmcm9tICcuLi9jb21tb24vc2VydmljZS9keW5hbWljLWNvbXBvbmVudC5zZXJ2aWNlJztcbmltcG9ydCB7QWxpZ259IGZyb20gJy4uL2NvbW1vbi9lbnVtL2FsaWduLmVudW0nO1xuaW1wb3J0IHtWZXJ0aWNhbEFsaWdufSBmcm9tICcuLi9jb21tb24vZW51bS92ZXJ0aWNhbC1hbGlnbi5lbnVtJztcbmltcG9ydCB7ZmlsdGVyLCB0YWtlV2hpbGV9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7VGV0YUNvbnRlbnRSZWZ9IGZyb20gJy4uL2NvbW1vbi9jb250cmFjdC90ZXRhLWNvbnRlbnQtcmVmJztcbmltcG9ydCB7UG9wdXBDb250ZW50Q29tcG9uZW50fSBmcm9tICcuLi9jb21wb25lbnQvZHluYW1pYy1jb21wb25lbnQvcG9wdXAtY29udGVudC9wb3B1cC1jb250ZW50LmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIER5bmFtaWNDb250ZW50QmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgZGF0YTogYW55O1xuICBASW5wdXQoKSBjbGFzc05hbWU6IHN0cmluZyB8IHN0cmluZ1tdO1xuICBASW5wdXQoKSBhbGlnbjogQWxpZ24gPSBBbGlnbi5sZWZ0O1xuICBASW5wdXQoKSB2ZXJ0aWNhbEFsaWduOiBWZXJ0aWNhbEFsaWduID0gVmVydGljYWxBbGlnbi5hdXRvO1xuICBASW5wdXQoKSBhcHBlbmRUb0JvZHk6IGJvb2xlYW47XG5cbiAgQElucHV0KCkgc2V0IG9wZW4ob3BlbjogYm9vbGVhbikge1xuICAgIHRoaXMuX29wZW4gPSBvcGVuO1xuICAgIGlmICh0aGlzLl9vcGVuKSB7XG4gICAgICB0aGlzLmNyZWF0ZUNvbnRlbnRSZWYoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kZXN0cm95Q29udGVudFJlZigpO1xuICAgIH1cbiAgfVxuXG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcHJvdGVjdGVkIF9hbGl2ZSA9IHRydWU7XG4gIHByb3RlY3RlZCBfY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8YW55PjtcbiAgcHJvdGVjdGVkIF9jb250ZW50OiBUZXRhQ29udGVudFJlZjtcbiAgcHJvdGVjdGVkIF9vcGVuID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIGFic3RyYWN0IGdldCBfZHluYW1pY0NvbnRlbnQoKTpcbiAgICB8IHN0cmluZ1xuICAgIHwgVGVtcGxhdGVSZWY8YW55PlxuICAgIHwgVHlwZTxhbnk+O1xuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgX2RvY3VtZW50OiBhbnksXG4gICAgcHJvdGVjdGVkIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByb3RlY3RlZCBfc2VydmljZTogRHluYW1pY0NvbXBvbmVudFNlcnZpY2UsXG4gICAgcHJvdGVjdGVkIF9pbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJvdGVjdGVkIF96b25lOiBOZ1pvbmUsXG4gICAgcHJvdGVjdGVkIF9jZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIHRoaXMuX3pvbmUub25TdGFibGVcbiAgICAgIC5waXBlKFxuICAgICAgICB0YWtlV2hpbGUoKF8pID0+IHRoaXMuX2FsaXZlKSxcbiAgICAgICAgZmlsdGVyKChfKSA9PiB0aGlzLl9vcGVuKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoXykgPT4ge1xuICAgICAgICB0aGlzLnNldFBvc2l0aW9uKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2FsaXZlID0gZmFsc2U7XG4gICAgdGhpcy5kZXN0cm95Q29udGVudFJlZigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBwcm90ZWN0ZWQgY3JlYXRlQ29udGVudFJlZjxUPihcbiAgICBjbGFzc05hbWU/OiBzdHJpbmcgfCBzdHJpbmdbXVxuICApOiBDb21wb25lbnRSZWY8VD4ge1xuICAgIGlmICghdGhpcy5fY29tcG9uZW50UmVmKSB7XG4gICAgICB0aGlzLl9vcGVuID0gdHJ1ZTtcbiAgICAgIGNvbnN0IGluamVjdG9yID0gdGhpcy5fc2VydmljZS5nZXRJbmplY3Rvcih0aGlzLmRhdGEsIHRoaXMuX2luamVjdG9yKTtcbiAgICAgIGNvbnN0IGNvbnRleHQgPSB0aGlzLl9zZXJ2aWNlLmdldENvbnRleHQodGhpcy5fZHluYW1pY0NvbnRlbnQsIHRoaXMuZGF0YSk7XG4gICAgICB0aGlzLl9jb250ZW50ID0gdGhpcy5fc2VydmljZS5jcmVhdGVDb250ZW50KFxuICAgICAgICB0aGlzLl9keW5hbWljQ29udGVudCxcbiAgICAgICAgdGhpcy5faW5qZWN0b3IsXG4gICAgICAgIGNvbnRleHRcbiAgICAgICk7XG4gICAgICB0aGlzLl9jb21wb25lbnRSZWYgPSB0aGlzLl9zZXJ2aWNlLmNyZWF0ZUNvbXBvbmVudChcbiAgICAgICAgUG9wdXBDb250ZW50Q29tcG9uZW50LFxuICAgICAgICB0aGlzLl9jb250ZW50LFxuICAgICAgICBpbmplY3RvcixcbiAgICAgICAgdGhpcy5hcHBlbmRUb0JvZHkgPyB0aGlzLl9kb2N1bWVudC5ib2R5IDogdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICApO1xuICAgICAgaWYgKGNsYXNzTmFtZSkge1xuICAgICAgICB0aGlzLl9jb21wb25lbnRSZWYuaW5zdGFuY2UuYWRkQ2xhc3MoY2xhc3NOYW1lKTtcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuX2NvbXBvbmVudFJlZjtcbiAgfVxuXG4gIHByb3RlY3RlZCBkZXN0cm95Q29udGVudFJlZigpOiB2b2lkIHtcbiAgICB0aGlzLl9vcGVuID0gZmFsc2U7XG4gICAgdGhpcy5fc2VydmljZS5kZXN0cm95KFxuICAgICAgdGhpcy5fY29tcG9uZW50UmVmLFxuICAgICAgdGhpcy5fY29udGVudCxcbiAgICAgIHRoaXMuYXBwZW5kVG9Cb2R5ID8gdGhpcy5fZG9jdW1lbnQuYm9keSA6IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxuICAgICk7XG4gICAgdGhpcy5fY29tcG9uZW50UmVmID0gbnVsbDtcbiAgfVxuXG4gIHByb3RlY3RlZCBhYnN0cmFjdCBzZXRQb3NpdGlvbigpOiB2b2lkO1xufVxuIl19

package/esm2022/directive/highlight/highlight.directive.mjs

@@ -0,0 +1,73 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class HighlightDirective {
+    elementRef;
+    set tetaHighlight(text) {
+        setTimeout(() => {
+            if (this._initialElement) {
+                this.elementRef.nativeElement.innerHTML = this._initialElement;
+            }
+            if (!text) {
+                return;
+            }
+            const pattern = /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;
+            const searchWithOutRegExp = text
+                .toLowerCase()
+                .replace(pattern, '\\$&')
+                .split(' ')
+                .filter(t => t.length > 0)
+                .join('|');
+            this._initialElement = this.elementRef.nativeElement.innerHTML;
+            this.recursiveReplaceNode(this.elementRef.nativeElement.childNodes, searchWithOutRegExp);
+        }, 10);
+    }
+    _initialElement = null;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    recursiveReplaceNode(nodes, searchWithOutRegExp) {
+        let match = false;
+        const cacheNodes = [];
+        nodes.forEach((node) => {
+            cacheNodes.push(node);
+        });
+        cacheNodes.forEach(node => {
+            if (node.nodeType === 3) {
+                if (node.nodeValue && node.nodeValue.search(new RegExp(searchWithOutRegExp, 'i')) > -1) {
+                    match = true;
+                    this.wrapNode(node, searchWithOutRegExp);
+                }
+            }
+            else {
+                match = this.recursiveReplaceNode(node.childNodes, searchWithOutRegExp) || match;
+            }
+        });
+        return match;
+    }
+    wrapNode(textNode, searchWithOutRegExp) {
+        if (!textNode || !textNode.nodeValue) {
+            return;
+        }
+        const tempDiv = document.createElement('div');
+        tempDiv.innerHTML = textNode.nodeValue
+            .replace(new RegExp(searchWithOutRegExp, 'gi'), match => `<mark>${match}</mark>`);
+        const parentNode = textNode.parentNode;
+        if (parentNode) {
+            while (tempDiv.firstChild) {
+                parentNode.insertBefore(tempDiv.firstChild, textNode);
+            }
+            parentNode.removeChild(textNode);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HighlightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: HighlightDirective, selector: "[tetaHighlight]", inputs: { tetaHighlight: "tetaHighlight" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HighlightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaHighlight]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { tetaHighlight: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmUvaGlnaGxpZ2h0L2hpZ2hsaWdodC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBYyxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBSzNELE1BQU0sT0FBTyxrQkFBa0I7SUF1QlQ7SUF0QnBCLElBQWEsYUFBYSxDQUFDLElBQVk7UUFDckMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtnQkFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7YUFDaEU7WUFDRCxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUNULE9BQU87YUFDUjtZQUNELE1BQU0sT0FBTyxHQUFHLHFDQUFxQyxDQUFDO1lBQ3RELE1BQU0sbUJBQW1CLEdBQUcsSUFBSTtpQkFDN0IsV0FBVyxFQUFFO2lCQUNiLE9BQU8sQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDO2lCQUN4QixLQUFLLENBQUMsR0FBRyxDQUFDO2lCQUNWLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO2lCQUN6QixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDYixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztZQUMvRCxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDM0YsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVPLGVBQWUsR0FBRyxJQUFJLENBQUM7SUFFL0IsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUMxQyxDQUFDO0lBRU8sb0JBQW9CLENBQUMsS0FBNEIsRUFBRSxtQkFBMkI7UUFDcEYsSUFBSSxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLE1BQU0sVUFBVSxHQUFnQixFQUFFLENBQUM7UUFDbkMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQWUsRUFBRSxFQUFFO1lBQ2hDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7UUFDSCxVQUFVLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3hCLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxDQUFDLEVBQUU7Z0JBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLE1BQU0sQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO29CQUN0RixLQUFLLEdBQUcsSUFBSSxDQUFDO29CQUNiLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLG1CQUFtQixDQUFDLENBQUM7aUJBQzFDO2FBQ0Y7aUJBQU07Z0JBQ0wsS0FBSyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLG1CQUFtQixDQUFDLElBQUksS0FBSyxDQUFDO2FBQ2xGO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFTyxRQUFRLENBQUMsUUFBbUIsRUFBRSxtQkFBMkI7UUFDL0QsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUU7WUFDcEMsT0FBTztTQUNSO1FBQ0QsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QyxPQUFPLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxTQUFTO2FBQ25DLE9BQU8sQ0FBQyxJQUFJLE1BQU0sQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUMsQ0FBQztRQUVwRixNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsVUFBVSxDQUFDO1FBQ3ZDLElBQUksVUFBVSxFQUFFO1lBQ2QsT0FBTyxPQUFPLENBQUMsVUFBVSxFQUFFO2dCQUN6QixVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7YUFDdkQ7WUFDRCxVQUFVLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQzt1R0E3RFUsa0JBQWtCOzJGQUFsQixrQkFBa0I7OzJGQUFsQixrQkFBa0I7a0JBSDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtpQkFDNUI7aUdBRWMsYUFBYTtzQkFBekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1t0ZXRhSGlnaGxpZ2h0XScsXG59KVxuZXhwb3J0IGNsYXNzIEhpZ2hsaWdodERpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIHNldCB0ZXRhSGlnaGxpZ2h0KHRleHQ6IHN0cmluZykge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuX2luaXRpYWxFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlubmVySFRNTCA9IHRoaXMuX2luaXRpYWxFbGVtZW50O1xuICAgICAgfVxuICAgICAgaWYgKCF0ZXh0KSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNvbnN0IHBhdHRlcm4gPSAvW1xcLVxcW1xcXVxcL1xce1xcfVxcKFxcKVxcKlxcK1xcP1xcLlxcXFxcXF5cXCRcXHxdL2c7XG4gICAgICBjb25zdCBzZWFyY2hXaXRoT3V0UmVnRXhwID0gdGV4dFxuICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAucmVwbGFjZShwYXR0ZXJuLCAnXFxcXCQmJylcbiAgICAgICAgLnNwbGl0KCcgJylcbiAgICAgICAgLmZpbHRlcih0ID0+IHQubGVuZ3RoID4gMClcbiAgICAgICAgLmpvaW4oJ3wnKTtcbiAgICAgIHRoaXMuX2luaXRpYWxFbGVtZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MO1xuICAgICAgdGhpcy5yZWN1cnNpdmVSZXBsYWNlTm9kZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jaGlsZE5vZGVzLCBzZWFyY2hXaXRoT3V0UmVnRXhwKTtcbiAgICB9LCAxMCk7XG4gIH1cblxuICBwcml2YXRlIF9pbml0aWFsRWxlbWVudCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBwcml2YXRlIHJlY3Vyc2l2ZVJlcGxhY2VOb2RlKG5vZGVzOiBOb2RlTGlzdE9mPENoaWxkTm9kZT4sIHNlYXJjaFdpdGhPdXRSZWdFeHA6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIGxldCBtYXRjaCA9IGZhbHNlO1xuICAgIGNvbnN0IGNhY2hlTm9kZXM6IENoaWxkTm9kZVtdID0gW107XG4gICAgbm9kZXMuZm9yRWFjaCgobm9kZTogQ2hpbGROb2RlKSA9PiB7XG4gICAgICBjYWNoZU5vZGVzLnB1c2gobm9kZSk7XG4gICAgfSk7XG4gICAgY2FjaGVOb2Rlcy5mb3JFYWNoKG5vZGUgPT4ge1xuICAgICAgaWYgKG5vZGUubm9kZVR5cGUgPT09IDMpIHtcbiAgICAgICAgaWYgKG5vZGUubm9kZVZhbHVlICYmIG5vZGUubm9kZVZhbHVlLnNlYXJjaChuZXcgUmVnRXhwKHNlYXJjaFdpdGhPdXRSZWdFeHAsICdpJykpID4gLTEpIHtcbiAgICAgICAgICBtYXRjaCA9IHRydWU7XG4gICAgICAgICAgdGhpcy53cmFwTm9kZShub2RlLCBzZWFyY2hXaXRoT3V0UmVnRXhwKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbWF0Y2ggPSB0aGlzLnJlY3Vyc2l2ZVJlcGxhY2VOb2RlKG5vZGUuY2hpbGROb2Rlcywgc2VhcmNoV2l0aE91dFJlZ0V4cCkgfHwgbWF0Y2g7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICByZXR1cm4gbWF0Y2g7XG4gIH1cblxuICBwcml2YXRlIHdyYXBOb2RlKHRleHROb2RlOiBDaGlsZE5vZGUsIHNlYXJjaFdpdGhPdXRSZWdFeHA6IHN0cmluZykge1xuICAgIGlmICghdGV4dE5vZGUgfHwgIXRleHROb2RlLm5vZGVWYWx1ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCB0ZW1wRGl2ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgdGVtcERpdi5pbm5lckhUTUwgPSB0ZXh0Tm9kZS5ub2RlVmFsdWVcbiAgICAgIC5yZXBsYWNlKG5ldyBSZWdFeHAoc2VhcmNoV2l0aE91dFJlZ0V4cCwgJ2dpJyksIG1hdGNoID0+IGA8bWFyaz4ke21hdGNofTwvbWFyaz5gKTtcblxuICAgIGNvbnN0IHBhcmVudE5vZGUgPSB0ZXh0Tm9kZS5wYXJlbnROb2RlO1xuICAgIGlmIChwYXJlbnROb2RlKSB7XG4gICAgICB3aGlsZSAodGVtcERpdi5maXJzdENoaWxkKSB7XG4gICAgICAgIHBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKHRlbXBEaXYuZmlyc3RDaGlsZCwgdGV4dE5vZGUpO1xuICAgICAgfVxuICAgICAgcGFyZW50Tm9kZS5yZW1vdmVDaGlsZCh0ZXh0Tm9kZSk7XG4gICAgfVxuICB9XG59XG4iXX0=