ngx-resizable-touch/esm5/lib/resizable/drag.directive.js

A Resizable Split-Pane Layout for Angular6+

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Directive, Output, EventEmitter, HostListener } from '@angular/core';
var DragDirective = /** @class */ (function () {
    function DragDirective() {
        this.DragStart = new EventEmitter();
        this.Drag = new EventEmitter();
        this.DragEnd = new EventEmitter();
        this.dragging = false;
    }
    /**
     * @param {?} e
     * @return {?}
     */
    DragDirective.prototype.onMousedown = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        if (e.which === 1) {
            this.dragging = true;
            this.DragStart.emit({ x: e.clientX, y: e.clientY });
        }
    };
    /**
     * @param {?} e
     * @return {?}
     */
    DragDirective.prototype.onTouchstart = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        /** @type {?} */
        var touch = e.touches[0];
        this.dragging = true;
        this.DragStart.emit({ x: touch.clientX, y: touch.clientY });
    };
    /**
     * @param {?} e
     * @return {?}
     */
    DragDirective.prototype.onMouseup = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        if (this.dragging) {
            this.DragEnd.emit({ x: e.clientX, y: e.clientY });
        }
        this.dragging = false;
    };
    /**
     * @param {?} e
     * @return {?}
     */
    DragDirective.prototype.onTouchend = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        if (this.dragging) {
            /** @type {?} */
            var touch = e.changedTouches[0];
            this.DragEnd.emit({ x: touch.clientX, y: touch.clientY });
        }
        this.dragging = false;
    };
    /**
     * @param {?} e
     * @return {?}
     */
    DragDirective.prototype.onMousemove = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        if (this.dragging) {
            this.Drag.emit({ x: e.clientX, y: e.clientY });
        }
    };
    /**
     * @param {?} e
     * @return {?}
     */
    DragDirective.prototype.onTouchmove = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        if (this.dragging) {
            /** @type {?} */
            var touch = e.touches[0];
            this.Drag.emit({ x: touch.clientX, y: touch.clientY });
        }
    };
    DragDirective.decorators = [
        { type: Directive, args: [{
                    selector: '[rszDragHandle]'
                },] }
    ];
    DragDirective.propDecorators = {
        DragStart: [{ type: Output }],
        Drag: [{ type: Output }],
        DragEnd: [{ type: Output }],
        onMousedown: [{ type: HostListener, args: ['mousedown', ['$event'],] }],
        onTouchstart: [{ type: HostListener, args: ['touchstart', ['$event'],] }],
        onMouseup: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }],
        onTouchend: [{ type: HostListener, args: ['document:touchend', ['$event'],] }, { type: HostListener, args: ['document:touchcancel', ['$event'],] }],
        onMousemove: [{ type: HostListener, args: ['document:mousemove', ['$event'],] }],
        onTouchmove: [{ type: HostListener, args: ['document:touchmove', ['$event'],] }]
    };
    return DragDirective;
}());
export { DragDirective };
if (false) {
    /** @type {?} */
    DragDirective.prototype.DragStart;
    /** @type {?} */
    DragDirective.prototype.Drag;
    /** @type {?} */
    DragDirective.prototype.DragEnd;
    /**
     * @type {?}
     * @private
     */
    DragDirective.prototype.dragging;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcmVzaXphYmxlLXRvdWNoLyIsInNvdXJjZXMiOlsibGliL3Jlc2l6YWJsZS9kcmFnLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUk5RTtJQUFBO1FBS1ksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDdEMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDakMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFFdEMsYUFBUSxHQUFHLEtBQUssQ0FBQztJQThDM0IsQ0FBQzs7Ozs7SUEzQ0MsbUNBQVc7Ozs7SUFEWCxVQUNZLENBQWE7UUFDdkIsSUFBSSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsRUFBRTtZQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUNyRDtJQUNILENBQUM7Ozs7O0lBRUQsb0NBQVk7Ozs7SUFEWixVQUNhLENBQWE7O1lBQ2xCLEtBQUssR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUM5RCxDQUFDOzs7OztJQUdELGlDQUFTOzs7O0lBRFQsVUFDVSxDQUFhO1FBQ3JCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUNuRDtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7Ozs7O0lBR0Qsa0NBQVU7Ozs7SUFGVixVQUVXLENBQWE7UUFDdEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFOztnQkFDWCxLQUFLLEdBQUcsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUM7WUFDakMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7U0FDM0Q7UUFDRCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDOzs7OztJQUdELG1DQUFXOzs7O0lBRFgsVUFDWSxDQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUNoRDtJQUNILENBQUM7Ozs7O0lBRUQsbUNBQVc7Ozs7SUFEWCxVQUNZLENBQWE7UUFDdkIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFOztnQkFDWCxLQUFLLEdBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7U0FDeEQ7SUFDSCxDQUFDOztnQkF0REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7aUJBQzVCOzs7NEJBR0UsTUFBTTt1QkFDTixNQUFNOzBCQUNOLE1BQU07OEJBSU4sWUFBWSxTQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQzsrQkFPcEMsWUFBWSxTQUFDLFlBQVksRUFBRSxDQUFDLFFBQVEsQ0FBQzs0QkFPckMsWUFBWSxTQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDOzZCQU8zQyxZQUFZLFNBQUMsbUJBQW1CLEVBQUUsQ0FBQyxRQUFRLENBQUMsY0FDNUMsWUFBWSxTQUFDLHNCQUFzQixFQUFFLENBQUMsUUFBUSxDQUFDOzhCQVMvQyxZQUFZLFNBQUMsb0JBQW9CLEVBQUUsQ0FBQyxRQUFRLENBQUM7OEJBTTdDLFlBQVksU0FBQyxvQkFBb0IsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7SUFPaEQsb0JBQUM7Q0FBQSxBQXZERCxJQXVEQztTQXBEWSxhQUFhOzs7SUFFeEIsa0NBQWdEOztJQUNoRCw2QkFBMkM7O0lBQzNDLGdDQUE4Qzs7Ozs7SUFFOUMsaUNBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFBvaW50ID0ge3g6IG51bWJlciwgeTogbnVtYmVyfTtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3JzekRyYWdIYW5kbGVdJ1xufSlcbmV4cG9ydCBjbGFzcyBEcmFnRGlyZWN0aXZlIHtcblxuICBAT3V0cHV0KCkgRHJhZ1N0YXJ0ID0gbmV3IEV2ZW50RW1pdHRlcjxQb2ludD4oKTtcbiAgQE91dHB1dCgpIERyYWcgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50PigpO1xuICBAT3V0cHV0KCkgRHJhZ0VuZCA9IG5ldyBFdmVudEVtaXR0ZXI8UG9pbnQ+KCk7XG5cbiAgcHJpdmF0ZSBkcmFnZ2luZyA9IGZhbHNlO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZG93bicsIFsnJGV2ZW50J10pXG4gIG9uTW91c2Vkb3duKGU6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAoZS53aGljaCA9PT0gMSkge1xuICAgICAgdGhpcy5kcmFnZ2luZyA9IHRydWU7XG4gICAgICB0aGlzLkRyYWdTdGFydC5lbWl0KHsgeDogZS5jbGllbnRYLCB5OiBlLmNsaWVudFkgfSk7XG4gICAgfVxuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ3RvdWNoc3RhcnQnLCBbJyRldmVudCddKVxuICBvblRvdWNoc3RhcnQoZTogVG91Y2hFdmVudCkge1xuICAgIGNvbnN0IHRvdWNoID0gZS50b3VjaGVzWzBdO1xuICAgIHRoaXMuZHJhZ2dpbmcgPSB0cnVlO1xuICAgIHRoaXMuRHJhZ1N0YXJ0LmVtaXQoeyB4OiB0b3VjaC5jbGllbnRYLCB5OiB0b3VjaC5jbGllbnRZIH0pO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6bW91c2V1cCcsIFsnJGV2ZW50J10pXG4gIG9uTW91c2V1cChlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZHJhZ2dpbmcpIHtcbiAgICAgIHRoaXMuRHJhZ0VuZC5lbWl0KHsgeDogZS5jbGllbnRYLCB5OiBlLmNsaWVudFkgfSk7XG4gICAgfVxuICAgIHRoaXMuZHJhZ2dpbmcgPSBmYWxzZTtcbiAgfVxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDp0b3VjaGVuZCcsIFsnJGV2ZW50J10pXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OnRvdWNoY2FuY2VsJywgWyckZXZlbnQnXSlcbiAgb25Ub3VjaGVuZChlOiBUb3VjaEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZHJhZ2dpbmcpIHtcbiAgICAgIGNvbnN0IHRvdWNoID0gZS5jaGFuZ2VkVG91Y2hlc1swXTtcbiAgICAgIHRoaXMuRHJhZ0VuZC5lbWl0KHsgeDogdG91Y2guY2xpZW50WCwgeTogdG91Y2guY2xpZW50WSB9KTtcbiAgICB9XG4gICAgdGhpcy5kcmFnZ2luZyA9IGZhbHNlO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6bW91c2Vtb3ZlJywgWyckZXZlbnQnXSlcbiAgb25Nb3VzZW1vdmUoZTogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRyYWdnaW5nKSB7XG4gICAgICB0aGlzLkRyYWcuZW1pdCh7IHg6IGUuY2xpZW50WCwgeTogZS5jbGllbnRZIH0pO1xuICAgIH1cbiAgfVxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDp0b3VjaG1vdmUnLCBbJyRldmVudCddKVxuICBvblRvdWNobW92ZShlOiBUb3VjaEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuZHJhZ2dpbmcpIHtcbiAgICAgIGNvbnN0IHRvdWNoID0gZS50b3VjaGVzWzBdO1xuICAgICAgdGhpcy5EcmFnLmVtaXQoeyB4OiB0b3VjaC5jbGllbnRYLCB5OiB0b3VjaC5jbGllbnRZIH0pO1xuICAgIH1cbiAgfVxufVxuIl19