@benev/nubs/x/elements/stick/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 _NubStick_update_vector_and_dispatch_cause, _NubStick_pointer_listeners;
import { html, LitElement } from "lit";
import { mixinCss } from "@chasemoskal/magical";
import { property, query } from "lit/decorators.js";
import { styles } from "./styles.css.js";
import { NubCauseEvent } from "../../events/cause.js";
import { NubStickGraphic } from "../stick-graphic/element.js";
import { make_pointer_listeners } from "./utils/make_pointer_listeners.js";
import { calculate_new_vector_from_pointer_position } from "./utils/calculate_new_vector_from_pointer_position.js";
let NubStick = class NubStick extends LitElement {
    constructor() {
        super(...arguments);
        this.cause = "Stick";
        this.vector = [0, 0];
        _NubStick_update_vector_and_dispatch_cause.set(this, (vector) => {
            this.vector = vector;
            NubCauseEvent
                .target(this)
                .dispatch({
                vector,
                kind: "stick",
                cause: this.cause,
            });
        });
        _NubStick_pointer_listeners.set(this, make_pointer_listeners({
            get_pointer_capture_element: () => this.graphic,
            set_vector: __classPrivateFieldGet(this, _NubStick_update_vector_and_dispatch_cause, "f"),
            set_pointer_position: position => {
                __classPrivateFieldGet(this, _NubStick_update_vector_and_dispatch_cause, "f").call(this, calculate_new_vector_from_pointer_position(this.graphic.basis, position));
            },
        }));
    }
    render() {
        const listeners = __classPrivateFieldGet(this, _NubStick_pointer_listeners, "f");
        return html `
			<nub-stick-graphic
				part=graphic
				exportparts="base over under"
				.vector=${this.vector}
				@pointerdown=${listeners.pointerdown}
				@pointermove=${listeners.pointermove}
				@pointerup=${listeners.pointerup}
			></nub-stick-graphic>
		`;
    }
};
_NubStick_update_vector_and_dispatch_cause = new WeakMap();
_NubStick_pointer_listeners = new WeakMap();
__decorate([
    property({ type: String, reflect: true })
], NubStick.prototype, "cause", void 0);
__decorate([
    query(NubStickGraphic.tag)
], NubStick.prototype, "graphic", void 0);
__decorate([
    property()
], NubStick.prototype, "vector", void 0);
NubStick = __decorate([
    mixinCss(styles)
], NubStick);
export { NubStick };
//# sourceMappingURL=element.js.map