"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
Object.defineProperty(exports, "__esModule", { value: true });
const Semifunctional_1 = require("../../../../../Class/Semifunctional");
const _ids_1 = require("../../../../_ids");
const globalComponent_1 = require("../../../../globalComponent");
class PositionObserver_ extends Semifunctional_1.Semifunctional {
    constructor(system) {
        super({
            fi: ['component', 'opt'],
            fo: [],
            i: ['done'],
            o: ['entry'],
        }, {
            input: {
                component: {
                    ref: true,
                },
            },
        }, system, _ids_1.ID_POSITION_OBSERVER);
    }
    f({ component }) {
        return __awaiter(this, void 0, void 0, function* () {
            const { api: { document: { PositionObserver }, }, } = this.__system;
            const globalId = component.getGlobalId();
            const component_ = (yield (0, globalComponent_1.firstGlobalComponentPromise)(this.__system, globalId));
            if (!this._observer) {
                const observer_callback = (x, y) => {
                    this._output.entry.push({ x, y });
                };
                const observer = new PositionObserver(this.__system, observer_callback);
                this._observer = observer;
            }
            const leaf = component_.getFirstRootLeaf();
            const { $element } = leaf;
            this._observer.observe($element);
        });
    }
    d() {
        // TODO
    }
    onIterDataInputData(name, data) {
        // if (name === 'done') {
        if (this._observer) {
            this._observer.disconnect();
        }
        if (this._unlisten) {
            this._unlisten();
            this._unlisten = undefined;
        }
        this._done();
        this.pullInput('done');
        // }
    }
}
exports.default = PositionObserver_;
//# sourceMappingURL=index.js.map