@benev/nubs/x/elements/lookpad/element.js

user-input system for web games

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _NubLookpad_pointer_listeners;
import { html, LitElement } from "lit";
import { mixinCss } from "@chasemoskal/magical";
import { property, query } from "lit/decorators.js";
import { styles } from "./style.css.js";
import { NubCauseEvent } from "../../events/cause.js";
import { setup_lookpad_pointer_listeners } from "./utils/setup_lookpad_pointer_listeners.js";
let NubLookpad = class NubLookpad extends LitElement {
    constructor() {
        super(...arguments);
        this.cause = "Lookpad";
        _NubLookpad_pointer_listeners.set(this, setup_lookpad_pointer_listeners({
            get_pointer_capture_element: () => this.pad,
            on_pointer_drag: ({ clientX, clientY, movementX, movementY }) => {
                NubCauseEvent
                    .target(this)
                    .dispatch({
                    kind: "pointer",
                    cause: this.cause,
                    position: [clientX, clientY],
                    movement: [movementX, movementY],
                });
            },
        }));
    }
    render() {
        const listeners = __classPrivateFieldGet(this, _NubLookpad_pointer_listeners, "f");
        return html `
			<div
				class=pad
				@pointerdown=${listeners.pointerdown}
				@pointermove=${listeners.pointermove}
				@pointerup=${listeners.pointerup}
			></div>
		`;
    }
};
_NubLookpad_pointer_listeners = new WeakMap();
__decorate([
    property({ type: String, reflect: true })
], NubLookpad.prototype, "cause", void 0);
__decorate([
    query(".pad")
], NubLookpad.prototype, "pad", void 0);
NubLookpad = __decorate([
    mixinCss(styles)
], NubLookpad);
export { NubLookpad };
//# sourceMappingURL=element.js.map