lume/dist/behaviors/InitialBehaviors.js

Build next-level interactive web applications.

import { Constructor } from 'lowclass/dist/Constructor.js';
import { r } from 'regexr';
export function InitialBehaviors(Base) {
    return class InitialBehaviors extends Constructor(Base) {
        initialBehaviors;
        constructor(...args) {
            super(...args);
            queueMicrotask(() => this.#setBehaviors());
        }
        #setBehaviors() {
            if (!this.initialBehaviors)
                return;
            setBehaviors(this, this.initialBehaviors, false); // false -> don't replace if it already exists (the user set it)
        }
    };
}
export function setBehaviors(el, behaviors, replace = true) {
    let has = el.getAttribute('has') ?? '';
    const parts = has.split(' ');
    for (const [category, type] of Object.entries(behaviors)) {
        if (replace)
            el.setAttribute('has', (has = has.replace(r `/[a-z-]*-${category}/`, '') + ` ${type}-${category}`));
        else if (!parts.some(b => b.endsWith('-' + category)))
            el.setAttribute('has', (has = has + ` ${type}-${category}`));
    }
}
//# sourceMappingURL=InitialBehaviors.js.map