x4js 2.0.11 → 2.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -15
- package/lib/README.txt +15 -15
- package/lib/cjs/x4.css +1 -1
- package/lib/cjs/x4.js +1 -1
- package/lib/esm/x4.css +1 -1
- package/lib/esm/x4.mjs +1 -1
- package/lib/src/components/base.scss +25 -26
- package/lib/src/components/boxes/boxes.module.scss +37 -37
- package/lib/src/components/boxes/boxes.ts +129 -125
- package/lib/src/components/breadcrumb/breadcrumb.scss +28 -0
- package/lib/src/components/breadcrumb/breadcrumb.ts +84 -0
- package/lib/src/components/breadcrumb/chevron-right.svg +1 -0
- package/lib/src/components/btngroup/btngroup.module.scss +28 -28
- package/lib/src/components/btngroup/btngroup.ts +119 -101
- package/lib/src/components/button/button.module.scss +154 -153
- package/lib/src/components/button/button.ts +117 -117
- package/lib/src/components/calendar/calendar.module.scss +162 -162
- package/lib/src/components/calendar/calendar.ts +326 -325
- package/lib/src/components/checkbox/check.svg +3 -3
- package/lib/src/components/checkbox/checkbox.module.scss +141 -141
- package/lib/src/components/checkbox/checkbox.ts +125 -124
- package/lib/src/components/colorinput/colorinput.module.scss +64 -64
- package/lib/src/components/colorinput/colorinput.ts +90 -87
- package/lib/src/components/colorpicker/colorpicker.module.scss +132 -132
- package/lib/src/components/colorpicker/colorpicker.ts +481 -476
- package/lib/src/components/combobox/combobox.module.scss +123 -120
- package/lib/src/components/combobox/combobox.ts +192 -190
- package/lib/src/components/combobox/updown.svg +3 -3
- package/lib/src/components/components.ts +34 -0
- package/lib/src/components/dialog/dialog.module.scss +71 -71
- package/lib/src/components/dialog/dialog.ts +94 -92
- package/lib/src/components/form/form.module.scss +34 -34
- package/lib/src/components/form/form.ts +41 -36
- package/lib/src/components/grid/datastore.ts +1298 -0
- package/lib/src/components/grid/gridview.ts +1108 -0
- package/lib/src/components/grid/memdb.ts +325 -0
- package/lib/src/components/header/header.module.scss +39 -39
- package/lib/src/components/header/header.ts +129 -123
- package/lib/src/components/icon/icon.module.scss +29 -29
- package/lib/src/components/icon/icon.ts +136 -134
- package/lib/src/components/image/image.module.scss +20 -20
- package/lib/src/components/image/image.ts +68 -66
- package/lib/src/components/input/input.module.scss +69 -69
- package/lib/src/components/input/input.ts +275 -274
- package/lib/src/components/label/label.module.scss +58 -52
- package/lib/src/components/label/label.ts +64 -55
- package/lib/src/components/link/link.ts +78 -0
- package/lib/src/components/listbox/listbox.module.scss +103 -103
- package/lib/src/components/listbox/listbox.ts +431 -427
- package/lib/src/components/menu/menu.module.scss +107 -107
- package/lib/src/components/menu/menu.ts +171 -168
- package/lib/src/components/messages/messages.module.scss +48 -47
- package/lib/src/components/messages/messages.ts +68 -63
- package/lib/src/components/normalize.scss +386 -386
- package/lib/src/components/notification/notification.module.scss +81 -81
- package/lib/src/components/notification/notification.ts +109 -108
- package/lib/src/components/panel/panel.module.scss +47 -47
- package/lib/src/components/panel/panel.ts +57 -56
- package/lib/src/components/popup/popup.module.scss +43 -43
- package/lib/src/components/popup/popup.ts +396 -395
- package/lib/src/components/progress/progress.module.scss +56 -56
- package/lib/src/components/progress/progress.ts +43 -42
- package/lib/src/components/rating/rating.module.scss +22 -22
- package/lib/src/components/rating/rating.ts +131 -125
- package/lib/src/components/shared.scss +90 -76
- package/lib/src/components/sizers/sizer.module.scss +89 -89
- package/lib/src/components/sizers/sizer.ts +123 -119
- package/lib/src/components/slider/slider.module.scss +70 -70
- package/lib/src/components/slider/slider.ts +147 -142
- package/lib/src/components/switch/switch.module.scss +126 -126
- package/lib/src/components/switch/switch.ts +61 -55
- package/lib/src/components/tabs/tabs.module.scss +46 -46
- package/lib/src/components/tabs/tabs.ts +168 -157
- package/lib/src/components/textarea/textarea.module.scss +59 -59
- package/lib/src/components/textarea/textarea.ts +60 -54
- package/lib/src/components/textedit/textedit.module.scss +113 -113
- package/lib/src/components/textedit/textedit.ts +83 -82
- package/lib/src/components/themes.scss +81 -77
- package/lib/src/components/tooltips/tooltips.scss +50 -50
- package/lib/src/components/tooltips/tooltips.ts +103 -102
- package/lib/src/components/treeview/treeview.module.scss +115 -115
- package/lib/src/components/treeview/treeview.ts +410 -403
- package/lib/src/components/viewport/viewport.module.scss +24 -24
- package/lib/src/components/viewport/viewport.ts +41 -38
- package/lib/src/core/component.ts +1002 -979
- package/lib/src/core/core_application.ts +44 -0
- package/lib/src/core/core_colors.ts +249 -249
- package/lib/src/core/core_dom.ts +471 -471
- package/lib/src/core/core_dragdrop.ts +200 -200
- package/lib/src/core/core_element.ts +97 -97
- package/lib/src/core/core_events.ts +149 -149
- package/lib/src/core/core_i18n.ts +377 -377
- package/lib/src/core/core_router.ts +221 -221
- package/lib/src/core/core_styles.ts +214 -214
- package/lib/src/core/core_svg.ts +550 -550
- package/lib/src/core/core_tools.ts +688 -673
- package/lib/src/demo/assets/radio.svg +3 -3
- package/lib/src/demo/index.html +11 -11
- package/lib/src/demo/main.scss +21 -21
- package/lib/src/demo/main.tsx +323 -323
- package/lib/src/types/scss.d.ts +4 -4
- package/lib/src/types/x4react.d.ts +8 -8
- package/lib/src/x4.scss +18 -18
- package/lib/src/x4.ts +31 -60
- package/lib/styles/x4.css +1 -1
- package/lib/types/x4js.d.ts +100 -49
- package/package.json +2 -3
- package/src/x4.ts +31 -60
- package/lib/output.d.ts +0 -1472
|
@@ -1,149 +1,149 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ___ ___ __
|
|
3
|
-
* \ \/ / / _
|
|
4
|
-
* \ / /_| |_
|
|
5
|
-
* / \____ _|
|
|
6
|
-
* /__/\__\ |_|
|
|
7
|
-
*
|
|
8
|
-
* @file core_events.ts
|
|
9
|
-
* @author Etienne Cochard
|
|
10
|
-
*
|
|
11
|
-
* @copyright (c) 2024 R-libre ingenierie
|
|
12
|
-
*
|
|
13
|
-
* Use of this source code is governed by an MIT-style license
|
|
14
|
-
* that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
|
|
15
|
-
**/
|
|
16
|
-
|
|
17
|
-
import { CoreElement } from './core_element';
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
*
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
export interface CoreEvent {
|
|
24
|
-
readonly type?: string; // type of the event 'click', 'change', ...
|
|
25
|
-
readonly source?: CoreElement; // object that fires the event
|
|
26
|
-
readonly context?: any; // contextual data, left to the user
|
|
27
|
-
|
|
28
|
-
propagationStopped?: boolean; // if true, do not propagate the event
|
|
29
|
-
defaultPrevented?: boolean; // if true, do not call default handler (if any)
|
|
30
|
-
|
|
31
|
-
stopPropagation?(): void; // stop the propagation
|
|
32
|
-
preventDefault?(): void; // prevent the default handler
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
// default stopPropagation implementation for Events
|
|
36
|
-
const stopPropagation = function ( this: CoreEvent ) {
|
|
37
|
-
this.propagationStopped = true;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// default preventDefault implementation for Events
|
|
41
|
-
const preventDefault = function ( this: CoreEvent ) {
|
|
42
|
-
this.defaultPrevented = true;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
*
|
|
48
|
-
*/
|
|
49
|
-
|
|
50
|
-
export interface EventMap {
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
*
|
|
55
|
-
*/
|
|
56
|
-
|
|
57
|
-
export type EventCallback<T extends CoreEvent = CoreEvent> = (event: T) => any;
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
*
|
|
61
|
-
*/
|
|
62
|
-
|
|
63
|
-
export class EventSource<E extends EventMap = EventMap > {
|
|
64
|
-
|
|
65
|
-
private _source: unknown;
|
|
66
|
-
private _registry: Map<string,EventCallback[]>;
|
|
67
|
-
|
|
68
|
-
constructor(source: unknown = null) {
|
|
69
|
-
this._source = source ?? this;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
addListener<K extends keyof E>( name: K, callback: ( ev: E[K] ) => void, capturing = false ) {
|
|
73
|
-
|
|
74
|
-
if (!this._registry) {
|
|
75
|
-
this._registry = new Map();
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
let listeners = this._registry.get(name as string);
|
|
79
|
-
if (!listeners) {
|
|
80
|
-
listeners = [];
|
|
81
|
-
this._registry.set(name as string, listeners);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
const cb = callback as EventCallback;
|
|
85
|
-
|
|
86
|
-
if (listeners.indexOf(cb) == -1) {
|
|
87
|
-
if (capturing) {
|
|
88
|
-
listeners.unshift(cb);
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
listeners.push(cb);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
fire<K extends keyof E>(name: K, evx: E[K]) {
|
|
97
|
-
|
|
98
|
-
let listeners = this._registry?.get(name as string);
|
|
99
|
-
//const defaultHandler = this.m_defaultHandlers?.get(eventName);
|
|
100
|
-
|
|
101
|
-
if (listeners && listeners.length) {
|
|
102
|
-
let ev = evx as CoreEvent;
|
|
103
|
-
if (!ev) {
|
|
104
|
-
ev = {};
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
if (!ev.source) {
|
|
108
|
-
// readonly
|
|
109
|
-
(ev as any).source = this._source;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
if (!ev.type) {
|
|
113
|
-
// readonly
|
|
114
|
-
(ev as any).type = name;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
if (!ev.preventDefault) {
|
|
119
|
-
ev.preventDefault = preventDefault;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
if (!ev.stopPropagation) {
|
|
123
|
-
ev.stopPropagation = stopPropagation;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
// small optimisation
|
|
127
|
-
if (listeners.length == 1) {
|
|
128
|
-
listeners[0](ev);
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
const temp = listeners.slice();
|
|
132
|
-
for (let i = 0, n = temp.length; i < n; i++) {
|
|
133
|
-
temp[i](ev);
|
|
134
|
-
if (ev.propagationStopped) {
|
|
135
|
-
break;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
//if (defaultHandler && defaultHandler.length && !e.defaultPrevented) {
|
|
142
|
-
// return defaultHandler[0](e);
|
|
143
|
-
//}
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
1
|
+
/**
|
|
2
|
+
* ___ ___ __
|
|
3
|
+
* \ \/ / / _
|
|
4
|
+
* \ / /_| |_
|
|
5
|
+
* / \____ _|
|
|
6
|
+
* /__/\__\ |_|
|
|
7
|
+
*
|
|
8
|
+
* @file core_events.ts
|
|
9
|
+
* @author Etienne Cochard
|
|
10
|
+
*
|
|
11
|
+
* @copyright (c) 2024 R-libre ingenierie
|
|
12
|
+
*
|
|
13
|
+
* Use of this source code is governed by an MIT-style license
|
|
14
|
+
* that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
|
|
15
|
+
**/
|
|
16
|
+
|
|
17
|
+
import { CoreElement } from './core_element';
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
*
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
export interface CoreEvent {
|
|
24
|
+
readonly type?: string; // type of the event 'click', 'change', ...
|
|
25
|
+
readonly source?: CoreElement; // object that fires the event
|
|
26
|
+
readonly context?: any; // contextual data, left to the user
|
|
27
|
+
|
|
28
|
+
propagationStopped?: boolean; // if true, do not propagate the event
|
|
29
|
+
defaultPrevented?: boolean; // if true, do not call default handler (if any)
|
|
30
|
+
|
|
31
|
+
stopPropagation?(): void; // stop the propagation
|
|
32
|
+
preventDefault?(): void; // prevent the default handler
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// default stopPropagation implementation for Events
|
|
36
|
+
const stopPropagation = function ( this: CoreEvent ) {
|
|
37
|
+
this.propagationStopped = true;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// default preventDefault implementation for Events
|
|
41
|
+
const preventDefault = function ( this: CoreEvent ) {
|
|
42
|
+
this.defaultPrevented = true;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
export interface EventMap {
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
*
|
|
55
|
+
*/
|
|
56
|
+
|
|
57
|
+
export type EventCallback<T extends CoreEvent = CoreEvent> = (event: T) => any;
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
*
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
export class EventSource<E extends EventMap = EventMap > {
|
|
64
|
+
|
|
65
|
+
private _source: unknown;
|
|
66
|
+
private _registry: Map<string,EventCallback[]>;
|
|
67
|
+
|
|
68
|
+
constructor(source: unknown = null) {
|
|
69
|
+
this._source = source ?? this;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
addListener<K extends keyof E>( name: K, callback: ( ev: E[K] ) => void, capturing = false ) {
|
|
73
|
+
|
|
74
|
+
if (!this._registry) {
|
|
75
|
+
this._registry = new Map();
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
let listeners = this._registry.get(name as string);
|
|
79
|
+
if (!listeners) {
|
|
80
|
+
listeners = [];
|
|
81
|
+
this._registry.set(name as string, listeners);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
const cb = callback as EventCallback;
|
|
85
|
+
|
|
86
|
+
if (listeners.indexOf(cb) == -1) {
|
|
87
|
+
if (capturing) {
|
|
88
|
+
listeners.unshift(cb);
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
listeners.push(cb);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
fire<K extends keyof E>(name: K, evx: E[K]) {
|
|
97
|
+
|
|
98
|
+
let listeners = this._registry?.get(name as string);
|
|
99
|
+
//const defaultHandler = this.m_defaultHandlers?.get(eventName);
|
|
100
|
+
|
|
101
|
+
if (listeners && listeners.length) {
|
|
102
|
+
let ev = evx as CoreEvent;
|
|
103
|
+
if (!ev) {
|
|
104
|
+
ev = {};
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
if (!ev.source) {
|
|
108
|
+
// readonly
|
|
109
|
+
(ev as any).source = this._source;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
if (!ev.type) {
|
|
113
|
+
// readonly
|
|
114
|
+
(ev as any).type = name;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
if (!ev.preventDefault) {
|
|
119
|
+
ev.preventDefault = preventDefault;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
if (!ev.stopPropagation) {
|
|
123
|
+
ev.stopPropagation = stopPropagation;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
// small optimisation
|
|
127
|
+
if (listeners.length == 1) {
|
|
128
|
+
listeners[0](ev);
|
|
129
|
+
}
|
|
130
|
+
else {
|
|
131
|
+
const temp = listeners.slice();
|
|
132
|
+
for (let i = 0, n = temp.length; i < n; i++) {
|
|
133
|
+
temp[i](ev);
|
|
134
|
+
if (ev.propagationStopped) {
|
|
135
|
+
break;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
//if (defaultHandler && defaultHandler.length && !e.defaultPrevented) {
|
|
142
|
+
// return defaultHandler[0](e);
|
|
143
|
+
//}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
|