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

A library of useful controllers for Stimulus

import { signalVisibilityEvent } from "./events";
import { SignalBaseController } from "./base_controller";
import { installClassMethods } from "@stimulus-library/mixins";
export class SignalVisibilityController extends SignalBaseController {
    get defaultHideClasses() {
        return ["hide"];
    }
    get predicateString() {
        return this.showValue;
    }
    connect() {
        super.connect();
        installClassMethods(this);
    }
    _onSignal(payload) {
        const value = payload.value;
        if (this.showValue == "default") {
            if (value == "") {
                this.removeHideClasses(this.el);
            }
            else {
                this.addHideClasses(this.el);
            }
            return;
        }
        if (this.predicatesMatch(value)) {
            this.dispatchEvent(this.el, signalVisibilityEvent(this.nameValue, "show"), {
                detail: {
                    predicate: this.showValue,
                    value,
                },
            });
            this.removeHideClasses(this.el);
        }
        else {
            this.dispatchEvent(this.el, signalVisibilityEvent(this.nameValue, "hide"), {
                detail: {
                    predicate: this.showValue,
                    value,
                },
            });
            this.addHideClasses(this.el);
        }
    }
}
SignalVisibilityController.values = {
    name: String,
    show: String,
};
SignalVisibilityController.classes = ["hide"];