class CBaseComponent {
constructor(target) {
this._target = target;
}
addClass(class_name) {
this._target.classList.add(class_name);
return this;
}
removeClass(class_name) {
this._target.classList.remove(class_name);
return this;
}
toggleClass(class_name, force) {
return this._target.classList.toggle(class_name, force);
}
hasClass(class_name) {
return this._target.classList.contains(class_name);
}
on(types, listener, options = false) {
types.split(' ').forEach((t) => this._target.addEventListener(t, listener, options));
return this;
}
one(types, listener, options = false) {
return this.on(types, listener, {once: true, ...options});
}
off(types, listener, options = false) {
types.split(' ').forEach((t) => this._target.removeEventListener(t, listener, options));
return this;
}
fire(type, detail = {}, options = {}) {
return this._target.dispatchEvent(new CustomEvent(type, {...options, detail: {target: this, ...detail}}));
}
}