x4js 2.0.35 → 2.1.0-manual

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.
Files changed (134) hide show
  1. package/README.md +21 -21
  2. package/package.json +39 -26
  3. package/src/components/base.scss +25 -89
  4. package/src/components/boxes/boxes.module.scss +54 -54
  5. package/src/components/boxes/boxes.ts +513 -513
  6. package/src/components/breadcrumb/breadcrumb.scss +56 -56
  7. package/src/components/breadcrumb/breadcrumb.ts +93 -93
  8. package/src/components/btngroup/btngroup.module.scss +40 -40
  9. package/src/components/btngroup/btngroup.ts +152 -152
  10. package/src/components/button/button.module.scss +172 -172
  11. package/src/components/button/button.ts +232 -232
  12. package/src/components/calendar/calendar.module.scss +162 -162
  13. package/src/components/calendar/calendar.ts +326 -326
  14. package/src/components/canvas/canvas.module.scss +24 -24
  15. package/src/components/canvas/canvas.ts +195 -195
  16. package/src/components/canvas/canvas_ex.ts +275 -275
  17. package/src/components/checkbox/check.svg +3 -3
  18. package/src/components/checkbox/checkbox.module.scss +141 -141
  19. package/src/components/checkbox/checkbox.ts +139 -139
  20. package/src/components/colorinput/colorinput.module.scss +64 -64
  21. package/src/components/colorinput/colorinput.ts +90 -90
  22. package/src/components/colorpicker/colorpicker.module.scss +132 -132
  23. package/src/components/colorpicker/colorpicker.ts +481 -481
  24. package/src/components/combobox/combobox.module.scss +145 -145
  25. package/src/components/combobox/combobox.ts +282 -282
  26. package/src/components/combobox/updown.svg +3 -3
  27. package/src/components/components.ts +45 -44
  28. package/src/components/dialog/dialog.module.scss +103 -105
  29. package/src/components/dialog/dialog.ts +233 -233
  30. package/src/components/filedrop/filedrop.module.scss +69 -69
  31. package/src/components/filedrop/filedrop.ts +130 -130
  32. package/src/components/form/form.module.scss +38 -38
  33. package/src/components/form/form.ts +172 -172
  34. package/src/components/gridview/gridview.module.scss +323 -337
  35. package/src/components/gridview/gridview.ts +1276 -1316
  36. package/src/components/header/header.module.scss +40 -40
  37. package/src/components/header/header.ts +141 -141
  38. package/src/components/icon/icon.module.scss +32 -32
  39. package/src/components/icon/icon.ts +165 -165
  40. package/src/components/image/image.module.scss +27 -27
  41. package/src/components/image/image.ts +168 -168
  42. package/src/components/input/input.module.scss +74 -74
  43. package/src/components/input/input.ts +537 -537
  44. package/src/components/keyboard/keyboard.module.scss +136 -136
  45. package/src/components/keyboard/keyboard.ts +549 -549
  46. package/src/components/label/label.module.scss +90 -91
  47. package/src/components/label/label.ts +101 -101
  48. package/src/components/link/link.module.scss +44 -44
  49. package/src/components/link/link.ts +87 -87
  50. package/src/components/listbox/listbox.module.scss +179 -179
  51. package/src/components/listbox/listbox.ts +596 -596
  52. package/src/components/menu/menu.module.scss +128 -128
  53. package/src/components/menu/menu.ts +174 -174
  54. package/src/components/messages/messages.module.scss +92 -146
  55. package/src/components/messages/messages.ts +237 -303
  56. package/src/components/normalize.scss +391 -391
  57. package/src/components/notification/notification.module.scss +83 -83
  58. package/src/components/notification/notification.ts +107 -107
  59. package/src/components/panel/panel.module.scss +66 -71
  60. package/src/components/panel/panel.ts +57 -57
  61. package/src/components/popup/popup.module.scss +51 -51
  62. package/src/components/popup/popup.ts +457 -457
  63. package/src/components/progress/progress.module.scss +56 -56
  64. package/src/components/progress/progress.ts +43 -43
  65. package/src/components/propgrid/progrid.module.scss +111 -111
  66. package/src/components/propgrid/propgrid.ts +300 -300
  67. package/src/components/propgrid/updown.svg +3 -3
  68. package/src/components/radio/radio.module.scss +163 -163
  69. package/src/components/radio/radio.svg +3 -3
  70. package/src/components/radio/radio.ts +141 -141
  71. package/src/components/rating/rating.module.scss +22 -22
  72. package/src/components/rating/rating.ts +131 -131
  73. package/src/components/select/select.module.scss +8 -8
  74. package/src/components/select/select.ts +134 -134
  75. package/src/components/shared.scss +141 -71
  76. package/src/components/sizers/sizer.module.scss +90 -112
  77. package/src/components/sizers/sizer.ts +131 -155
  78. package/src/components/slider/slider.module.scss +117 -117
  79. package/src/components/slider/slider.ts +197 -197
  80. package/src/components/spreadsheet/spreadsheet.module.scss +307 -307
  81. package/src/components/spreadsheet/spreadsheet.ts +1223 -1223
  82. package/src/components/switch/switch.module.scss +126 -126
  83. package/src/components/switch/switch.ts +61 -61
  84. package/src/components/tabs/tabs.module.scss +46 -67
  85. package/src/components/tabs/tabs.ts +229 -234
  86. package/src/components/textarea/textarea.module.scss +63 -63
  87. package/src/components/textarea/textarea.ts +131 -131
  88. package/src/components/textedit/textedit.module.scss +115 -115
  89. package/src/components/textedit/textedit.ts +122 -122
  90. package/src/components/themes.scss +90 -90
  91. package/src/components/tickline/tickline.module.scss +25 -25
  92. package/src/components/tickline/tickline.ts +81 -81
  93. package/src/components/tooltips/tooltips.scss +71 -71
  94. package/src/components/tooltips/tooltips.ts +120 -120
  95. package/src/components/treeview/treeview.module.scss +192 -192
  96. package/src/components/treeview/treeview.ts +484 -484
  97. package/src/components/viewport/viewport.module.scss +31 -31
  98. package/src/components/viewport/viewport.ts +41 -41
  99. package/src/core/component.ts +1299 -1299
  100. package/src/core/core_application.ts +361 -361
  101. package/src/core/core_colors.ts +512 -512
  102. package/src/core/core_data.ts +1297 -1310
  103. package/src/core/core_dom.ts +481 -481
  104. package/src/core/core_dragdrop.ts +225 -225
  105. package/src/core/core_element.ts +221 -221
  106. package/src/core/core_events.ts +214 -214
  107. package/src/core/core_i18n.ts +395 -395
  108. package/src/core/core_pdf.ts +454 -454
  109. package/src/core/core_react.ts +78 -78
  110. package/src/core/core_router.ts +296 -296
  111. package/src/core/core_state.ts +62 -62
  112. package/src/core/core_styles.ts +213 -213
  113. package/src/core/core_svg.ts +1042 -1042
  114. package/src/core/core_tools.ts +996 -996
  115. package/src/types/scss.d.ts +4 -4
  116. package/src/types/x4react.d.ts +8 -8
  117. package/src/x4.scss +19 -19
  118. package/src/x4.ts +36 -36
  119. package/src/x4tsx.d.ts +26 -26
  120. package/.vscode/launch.json +0 -14
  121. package/.vscode/settings.json +0 -2
  122. package/demo/assets/house-light.svg +0 -1
  123. package/demo/assets/radio.svg +0 -4
  124. package/demo/index.html +0 -12
  125. package/demo/main.scss +0 -23
  126. package/demo/main.ts +0 -324
  127. package/demo/package.json +0 -26
  128. package/demo/scss.d.ts +0 -4
  129. package/demo/svg.d.ts +0 -1
  130. package/demo/tsconfig.json +0 -14
  131. package/src/components/gridview/folder-open.svg +0 -1
  132. package/src/components/messages/spinner.svg +0 -1
  133. package/src/x4.d.ts +0 -10
  134. package/tsconfig.json +0 -11
@@ -1,214 +1,214 @@
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
- * Represents a base event interface for the framework.
21
- * All custom events should implement this interface to ensure consistent behavior
22
- * regarding event propagation and default action prevention.
23
- */
24
-
25
- export interface CoreEvent {
26
- readonly type?: string; // type of the event 'click', 'change', ...
27
- readonly source?: CoreElement; // object that fires the event
28
- readonly context?: any; // contextual data, left to the user
29
-
30
- propagationStopped?: boolean; // if true, do not propagate the event
31
- defaultPrevented?: boolean; // if true, do not call default handler (if any)
32
-
33
- /**
34
- * Stops the propagation of the event to further listeners.
35
- * Subsequent listeners for the same event on the same EventSource will not be called.
36
- */
37
- stopPropagation?(): void; // stop the propagation
38
- /**
39
- * Prevents the default action associated with the event.
40
- * If a default handler exists, it will not be executed.
41
- */
42
- preventDefault?(): void; // prevent the default handler
43
- }
44
-
45
- // default stopPropagation implementation for Events
46
- const stopPropagation = function ( this: CoreEvent ) {
47
- this.propagationStopped = true;
48
- }
49
-
50
- // default preventDefault implementation for Events
51
- const preventDefault = function ( this: CoreEvent ) {
52
- this.defaultPrevented = true;
53
- }
54
-
55
-
56
- /**
57
- * A generic interface for mapping event names to their corresponding event payload types.
58
- * This is used by `EventSource` and `CoreElement` to provide compile-time type safety
59
- * for event listeners and fired events.
60
- *
61
- * @example
62
- * ```typescript
63
- * interface MyCustomEvents {
64
- * 'dataLoaded': { data: any, timestamp: number };
65
- * 'itemSelected': { itemId: string };
66
- * }
67
- * ```
68
- */
69
-
70
- export interface EventMap {
71
- }
72
-
73
- /**
74
- * Defines the signature for an event callback function.
75
- * @template T - The specific type of `CoreEvent` that the callback handles.
76
- */
77
-
78
- export type EventCallback<T extends CoreEvent = CoreEvent> = (event: T) => any;
79
-
80
- /**
81
- * A base class for objects that can emit and listen to custom events.
82
- * It provides a typed eventing mechanism, allowing for the registration and removal of listeners,
83
- * and the firing of events with associated payloads.
84
- *
85
- * @template E - An `EventMap`-shaped type that defines the events supported by this source.
86
- */
87
-
88
- export class EventSource<E extends EventMap = EventMap > {
89
-
90
- private _source: unknown;
91
- private _registry: Map<string,EventCallback[]>;
92
-
93
- /**
94
- * Creates an instance of EventSource.
95
- * @param source - The object that will be reported as the `source` of events fired by this instance.
96
- * If `null` or `undefined`, the `EventSource` instance itself will be the source.
97
- */
98
- constructor(source: unknown = null) {
99
- this._source = source ?? this;
100
- }
101
-
102
- /**
103
- * Registers an event listener for a specific event name.
104
- * @param name - The name of the event to listen for (must be a key in `E`).
105
- * @param callback - The function to be called when the event is fired.
106
- * @param capturing - If `true`, the listener will be added to the beginning of the listener list (capturing phase).
107
- */
108
- addListener<K extends keyof E>( name: K, callback: ( ev: E[K] ) => void, capturing = false ) {
109
-
110
- if (!this._registry) {
111
- this._registry = new Map();
112
- }
113
-
114
- let listeners = this._registry.get(name as string);
115
- if (!listeners) {
116
- listeners = [];
117
- this._registry.set(name as string, listeners);
118
- }
119
-
120
- const cb = callback as EventCallback;
121
-
122
- if (listeners.indexOf(cb) == -1) {
123
- if (capturing) {
124
- listeners.unshift(cb);
125
- }
126
- else {
127
- listeners.push(cb);
128
- }
129
- }
130
-
131
- return ( ) => {
132
- this.removeListener( name, callback );
133
- }
134
- }
135
-
136
- /**
137
- * Removes a previously registered event listener.
138
- * @param name - The name of the event from which to remove the listener.
139
- * @param callback - The specific callback function to remove. It must be the same function instance that was originally registered.
140
- */
141
-
142
- removeListener<K extends keyof E>(name: K, callback: (ev: E[K]) => any) {
143
-
144
- if (!this._registry ) {
145
- return;
146
- }
147
-
148
- let listeners = this._registry.get(name as string);
149
- if (!listeners) {
150
- return;
151
- }
152
-
153
- const cb = callback as EventCallback;
154
- const idx = listeners.indexOf(cb);
155
- if (idx !== -1) {
156
- listeners.splice(idx, 1);
157
- }
158
- }
159
-
160
- /**
161
- * Dispatches an event with a given name and payload to all registered listeners.
162
- * @param name - The name of the event to fire (must be a key in `E`).
163
- * @param evx - The event payload (event object) to pass to the listeners.
164
- */
165
- fire<K extends keyof E>(name: K, evx: E[K]) {
166
-
167
- let listeners = this._registry?.get(name as string);
168
- //const defaultHandler = this.m_defaultHandlers?.get(eventName);
169
-
170
- if (listeners && listeners.length) {
171
- let ev = evx as CoreEvent;
172
- if (!ev) {
173
- ev = {};
174
- }
175
-
176
- if (!ev.source) {
177
- // readonly
178
- (ev as any).source = this._source;
179
- }
180
-
181
- if (!ev.type) {
182
- // readonly
183
- (ev as any).type = name;
184
- }
185
-
186
-
187
- if (!ev.preventDefault) {
188
- ev.preventDefault = preventDefault;
189
- }
190
-
191
- if (!ev.stopPropagation) {
192
- ev.stopPropagation = stopPropagation;
193
- }
194
-
195
- // small optimisation
196
- if (listeners.length == 1) {
197
- listeners[0](ev);
198
- }
199
- else {
200
- const temp = listeners.slice();
201
- for (let i = 0, n = temp.length; i < n; i++) {
202
- temp[i](ev);
203
- if (ev.propagationStopped) {
204
- break;
205
- }
206
- }
207
- }
208
- }
209
-
210
- //if (defaultHandler && defaultHandler.length && !e.defaultPrevented) {
211
- // return defaultHandler[0](e);
212
- //}
213
- }
214
- }
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
+ * Represents a base event interface for the framework.
21
+ * All custom events should implement this interface to ensure consistent behavior
22
+ * regarding event propagation and default action prevention.
23
+ */
24
+
25
+ export interface CoreEvent {
26
+ readonly type?: string; // type of the event 'click', 'change', ...
27
+ readonly source?: CoreElement; // object that fires the event
28
+ readonly context?: any; // contextual data, left to the user
29
+
30
+ propagationStopped?: boolean; // if true, do not propagate the event
31
+ defaultPrevented?: boolean; // if true, do not call default handler (if any)
32
+
33
+ /**
34
+ * Stops the propagation of the event to further listeners.
35
+ * Subsequent listeners for the same event on the same EventSource will not be called.
36
+ */
37
+ stopPropagation?(): void; // stop the propagation
38
+ /**
39
+ * Prevents the default action associated with the event.
40
+ * If a default handler exists, it will not be executed.
41
+ */
42
+ preventDefault?(): void; // prevent the default handler
43
+ }
44
+
45
+ // default stopPropagation implementation for Events
46
+ const stopPropagation = function ( this: CoreEvent ) {
47
+ this.propagationStopped = true;
48
+ }
49
+
50
+ // default preventDefault implementation for Events
51
+ const preventDefault = function ( this: CoreEvent ) {
52
+ this.defaultPrevented = true;
53
+ }
54
+
55
+
56
+ /**
57
+ * A generic interface for mapping event names to their corresponding event payload types.
58
+ * This is used by `EventSource` and `CoreElement` to provide compile-time type safety
59
+ * for event listeners and fired events.
60
+ *
61
+ * @example
62
+ * ```typescript
63
+ * interface MyCustomEvents {
64
+ * 'dataLoaded': { data: any, timestamp: number };
65
+ * 'itemSelected': { itemId: string };
66
+ * }
67
+ * ```
68
+ */
69
+
70
+ export interface EventMap {
71
+ }
72
+
73
+ /**
74
+ * Defines the signature for an event callback function.
75
+ * @template T - The specific type of `CoreEvent` that the callback handles.
76
+ */
77
+
78
+ export type EventCallback<T extends CoreEvent = CoreEvent> = (event: T) => any;
79
+
80
+ /**
81
+ * A base class for objects that can emit and listen to custom events.
82
+ * It provides a typed eventing mechanism, allowing for the registration and removal of listeners,
83
+ * and the firing of events with associated payloads.
84
+ *
85
+ * @template E - An `EventMap`-shaped type that defines the events supported by this source.
86
+ */
87
+
88
+ export class EventSource<E extends EventMap = EventMap > {
89
+
90
+ private _source: unknown;
91
+ private _registry: Map<string,EventCallback[]>;
92
+
93
+ /**
94
+ * Creates an instance of EventSource.
95
+ * @param source - The object that will be reported as the `source` of events fired by this instance.
96
+ * If `null` or `undefined`, the `EventSource` instance itself will be the source.
97
+ */
98
+ constructor(source: unknown = null) {
99
+ this._source = source ?? this;
100
+ }
101
+
102
+ /**
103
+ * Registers an event listener for a specific event name.
104
+ * @param name - The name of the event to listen for (must be a key in `E`).
105
+ * @param callback - The function to be called when the event is fired.
106
+ * @param capturing - If `true`, the listener will be added to the beginning of the listener list (capturing phase).
107
+ */
108
+ addListener<K extends keyof E>( name: K, callback: ( ev: E[K] ) => void, capturing = false ) {
109
+
110
+ if (!this._registry) {
111
+ this._registry = new Map();
112
+ }
113
+
114
+ let listeners = this._registry.get(name as string);
115
+ if (!listeners) {
116
+ listeners = [];
117
+ this._registry.set(name as string, listeners);
118
+ }
119
+
120
+ const cb = callback as EventCallback;
121
+
122
+ if (listeners.indexOf(cb) == -1) {
123
+ if (capturing) {
124
+ listeners.unshift(cb);
125
+ }
126
+ else {
127
+ listeners.push(cb);
128
+ }
129
+ }
130
+
131
+ return ( ) => {
132
+ this.removeListener( name, callback );
133
+ }
134
+ }
135
+
136
+ /**
137
+ * Removes a previously registered event listener.
138
+ * @param name - The name of the event from which to remove the listener.
139
+ * @param callback - The specific callback function to remove. It must be the same function instance that was originally registered.
140
+ */
141
+
142
+ removeListener<K extends keyof E>(name: K, callback: (ev: E[K]) => any) {
143
+
144
+ if (!this._registry ) {
145
+ return;
146
+ }
147
+
148
+ let listeners = this._registry.get(name as string);
149
+ if (!listeners) {
150
+ return;
151
+ }
152
+
153
+ const cb = callback as EventCallback;
154
+ const idx = listeners.indexOf(cb);
155
+ if (idx !== -1) {
156
+ listeners.splice(idx, 1);
157
+ }
158
+ }
159
+
160
+ /**
161
+ * Dispatches an event with a given name and payload to all registered listeners.
162
+ * @param name - The name of the event to fire (must be a key in `E`).
163
+ * @param evx - The event payload (event object) to pass to the listeners.
164
+ */
165
+ fire<K extends keyof E>(name: K, evx: E[K]) {
166
+
167
+ let listeners = this._registry?.get(name as string);
168
+ //const defaultHandler = this.m_defaultHandlers?.get(eventName);
169
+
170
+ if (listeners && listeners.length) {
171
+ let ev = evx as CoreEvent;
172
+ if (!ev) {
173
+ ev = {};
174
+ }
175
+
176
+ if (!ev.source) {
177
+ // readonly
178
+ (ev as any).source = this._source;
179
+ }
180
+
181
+ if (!ev.type) {
182
+ // readonly
183
+ (ev as any).type = name;
184
+ }
185
+
186
+
187
+ if (!ev.preventDefault) {
188
+ ev.preventDefault = preventDefault;
189
+ }
190
+
191
+ if (!ev.stopPropagation) {
192
+ ev.stopPropagation = stopPropagation;
193
+ }
194
+
195
+ // small optimisation
196
+ if (listeners.length == 1) {
197
+ listeners[0](ev);
198
+ }
199
+ else {
200
+ const temp = listeners.slice();
201
+ for (let i = 0, n = temp.length; i < n; i++) {
202
+ temp[i](ev);
203
+ if (ev.propagationStopped) {
204
+ break;
205
+ }
206
+ }
207
+ }
208
+ }
209
+
210
+ //if (defaultHandler && defaultHandler.length && !e.defaultPrevented) {
211
+ // return defaultHandler[0](e);
212
+ //}
213
+ }
214
+ }