@stimulus-library/controllers/dist/temporary_state_controller.js

A library of useful controllers for Stimulus

import { camelCase, EphemeralController, get as _get, set as _set } from "@stimulus-library/utilities";
import { useTimeout } from "@stimulus-library/mixins";
export class TemporaryStateController extends EphemeralController {
    constructor() {
        super(...arguments);
        this._previousState = {};
    }
    get _value() {
        if (this.hasValueValue) {
            return this.valueValue;
        }
        throw new Error("Expected `valueValue` to be present");
    }
    get _attribute() {
        if (this.hasAttributeValue) {
            return this.attributeValue;
        }
        throw new Error("Expected `attributeValue` to be present");
    }
    get _seconds() {
        if (this.hasSecondsValue) {
            return this.secondsValue * 1000;
        }
        throw new Error("Expected `secondsValue` to be present");
    }
    connect() {
        this.setState();
        useTimeout(this, this.removeState, this._seconds);
    }
    disconnect() {
        this.removeState();
    }
    setState() {
        this._previousState[this._attribute] = _get(this.el, this._attribute);
        _set(this.el, this._attribute, this.valueValue);
    }
    removeState() {
        _set(this.el, this._attribute, this._previousState[this._attribute]);
    }
}
TemporaryStateController.values = {
    attribute: String,
    seconds: Number,
    value: String,
};
export function applyTemporaryState(element, propertyString, value, seconds, controllerIdentifier = "temporary-state") {
    var _a;
    if (!element.dataset.controller || !((_a = element.dataset.controller) === null || _a === void 0 ? void 0 : _a.includes(controllerIdentifier))) {
        let controllerName = (element.dataset.controller || "" + ` ${controllerIdentifier} `).trim();
        controllerName = controllerName.replaceAll("  ", " ");
        element.dataset.controller = controllerName;
    }
    element[camelCase(`${controllerIdentifier}-attribute-value`)] = propertyString;
    element[camelCase(`${controllerIdentifier}-seconds-value`)] = seconds.toString();
}
export function applyTemporaryClass(element, value, seconds) {
    applyTemporaryState(element, "className", value, seconds);
}