1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
/*
** Copyright (C) 2001-2025 Zabbix SIA
**
** This program is free software: you can redistribute it and/or modify it under the terms of
** the GNU Affero General Public License as published by the Free Software Foundation, version 3.
**
** This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
** without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
** See the GNU Affero General Public License for more details.
**
** You should have received a copy of the GNU Affero General Public License along with this program.
** If not, see <https://www.gnu.org/licenses/>.
**/
class CBaseComponent {
constructor(target) {
this._target = target;
}
/**
* CSS Classes.
*/
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);
}
/**
* Events.
*/
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}}));
}
}
|
