@stimulus-library/controllers/dist/signal/signal_dom_children_controller.js

A library of useful controllers for Stimulus

import { BaseController, EventBus } from "@stimulus-library/utilities";
import { signalConnectEvent, signalValueEvent } from "./events";
import { useEventBus, useMutationObserver } from "@stimulus-library/mixins";
export class SignalDomChildrenController extends BaseController {
    get _children() {
        if (this.hasScopeSelectorValue) {
            return Array.from(this.el.querySelectorAll(this.scopeSelectorValue));
        }
        else {
            return Array.from(this.el.children);
        }
    }
    get _name() {
        if (this.hasNameValue) {
            return this.nameValue;
        }
        else {
            throw new Error("SignalEmptyDomController requires a nameValue to be provided");
        }
    }
    connect() {
        useEventBus(this, signalConnectEvent(this._name), this.emitChildCount);
        EventBus.emit(signalConnectEvent(this._name));
        useMutationObserver(this, this.el, this.mutate, { childList: true });
        this.emitChildCount();
    }
    mutate(_entries) {
        this.emitChildCount();
    }
    emitChildCount() {
        const childCount = this._children.length;
        const value = childCount.toString();
        this.dispatchEvent(this.el, signalValueEvent(this._name), { detail: { value } });
        EventBus.emit(signalValueEvent(this._name), { element: this.el, value });
    }
}
SignalDomChildrenController.values = {
    name: String,
    scopeSelector: String,
};