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.
Files changed (109) hide show
  1. package/README.md +15 -15
  2. package/lib/README.txt +15 -15
  3. package/lib/cjs/x4.css +1 -1
  4. package/lib/cjs/x4.js +1 -1
  5. package/lib/esm/x4.css +1 -1
  6. package/lib/esm/x4.mjs +1 -1
  7. package/lib/src/components/base.scss +25 -26
  8. package/lib/src/components/boxes/boxes.module.scss +37 -37
  9. package/lib/src/components/boxes/boxes.ts +129 -125
  10. package/lib/src/components/breadcrumb/breadcrumb.scss +28 -0
  11. package/lib/src/components/breadcrumb/breadcrumb.ts +84 -0
  12. package/lib/src/components/breadcrumb/chevron-right.svg +1 -0
  13. package/lib/src/components/btngroup/btngroup.module.scss +28 -28
  14. package/lib/src/components/btngroup/btngroup.ts +119 -101
  15. package/lib/src/components/button/button.module.scss +154 -153
  16. package/lib/src/components/button/button.ts +117 -117
  17. package/lib/src/components/calendar/calendar.module.scss +162 -162
  18. package/lib/src/components/calendar/calendar.ts +326 -325
  19. package/lib/src/components/checkbox/check.svg +3 -3
  20. package/lib/src/components/checkbox/checkbox.module.scss +141 -141
  21. package/lib/src/components/checkbox/checkbox.ts +125 -124
  22. package/lib/src/components/colorinput/colorinput.module.scss +64 -64
  23. package/lib/src/components/colorinput/colorinput.ts +90 -87
  24. package/lib/src/components/colorpicker/colorpicker.module.scss +132 -132
  25. package/lib/src/components/colorpicker/colorpicker.ts +481 -476
  26. package/lib/src/components/combobox/combobox.module.scss +123 -120
  27. package/lib/src/components/combobox/combobox.ts +192 -190
  28. package/lib/src/components/combobox/updown.svg +3 -3
  29. package/lib/src/components/components.ts +34 -0
  30. package/lib/src/components/dialog/dialog.module.scss +71 -71
  31. package/lib/src/components/dialog/dialog.ts +94 -92
  32. package/lib/src/components/form/form.module.scss +34 -34
  33. package/lib/src/components/form/form.ts +41 -36
  34. package/lib/src/components/grid/datastore.ts +1298 -0
  35. package/lib/src/components/grid/gridview.ts +1108 -0
  36. package/lib/src/components/grid/memdb.ts +325 -0
  37. package/lib/src/components/header/header.module.scss +39 -39
  38. package/lib/src/components/header/header.ts +129 -123
  39. package/lib/src/components/icon/icon.module.scss +29 -29
  40. package/lib/src/components/icon/icon.ts +136 -134
  41. package/lib/src/components/image/image.module.scss +20 -20
  42. package/lib/src/components/image/image.ts +68 -66
  43. package/lib/src/components/input/input.module.scss +69 -69
  44. package/lib/src/components/input/input.ts +275 -274
  45. package/lib/src/components/label/label.module.scss +58 -52
  46. package/lib/src/components/label/label.ts +64 -55
  47. package/lib/src/components/link/link.ts +78 -0
  48. package/lib/src/components/listbox/listbox.module.scss +103 -103
  49. package/lib/src/components/listbox/listbox.ts +431 -427
  50. package/lib/src/components/menu/menu.module.scss +107 -107
  51. package/lib/src/components/menu/menu.ts +171 -168
  52. package/lib/src/components/messages/messages.module.scss +48 -47
  53. package/lib/src/components/messages/messages.ts +68 -63
  54. package/lib/src/components/normalize.scss +386 -386
  55. package/lib/src/components/notification/notification.module.scss +81 -81
  56. package/lib/src/components/notification/notification.ts +109 -108
  57. package/lib/src/components/panel/panel.module.scss +47 -47
  58. package/lib/src/components/panel/panel.ts +57 -56
  59. package/lib/src/components/popup/popup.module.scss +43 -43
  60. package/lib/src/components/popup/popup.ts +396 -395
  61. package/lib/src/components/progress/progress.module.scss +56 -56
  62. package/lib/src/components/progress/progress.ts +43 -42
  63. package/lib/src/components/rating/rating.module.scss +22 -22
  64. package/lib/src/components/rating/rating.ts +131 -125
  65. package/lib/src/components/shared.scss +90 -76
  66. package/lib/src/components/sizers/sizer.module.scss +89 -89
  67. package/lib/src/components/sizers/sizer.ts +123 -119
  68. package/lib/src/components/slider/slider.module.scss +70 -70
  69. package/lib/src/components/slider/slider.ts +147 -142
  70. package/lib/src/components/switch/switch.module.scss +126 -126
  71. package/lib/src/components/switch/switch.ts +61 -55
  72. package/lib/src/components/tabs/tabs.module.scss +46 -46
  73. package/lib/src/components/tabs/tabs.ts +168 -157
  74. package/lib/src/components/textarea/textarea.module.scss +59 -59
  75. package/lib/src/components/textarea/textarea.ts +60 -54
  76. package/lib/src/components/textedit/textedit.module.scss +113 -113
  77. package/lib/src/components/textedit/textedit.ts +83 -82
  78. package/lib/src/components/themes.scss +81 -77
  79. package/lib/src/components/tooltips/tooltips.scss +50 -50
  80. package/lib/src/components/tooltips/tooltips.ts +103 -102
  81. package/lib/src/components/treeview/treeview.module.scss +115 -115
  82. package/lib/src/components/treeview/treeview.ts +410 -403
  83. package/lib/src/components/viewport/viewport.module.scss +24 -24
  84. package/lib/src/components/viewport/viewport.ts +41 -38
  85. package/lib/src/core/component.ts +1002 -979
  86. package/lib/src/core/core_application.ts +44 -0
  87. package/lib/src/core/core_colors.ts +249 -249
  88. package/lib/src/core/core_dom.ts +471 -471
  89. package/lib/src/core/core_dragdrop.ts +200 -200
  90. package/lib/src/core/core_element.ts +97 -97
  91. package/lib/src/core/core_events.ts +149 -149
  92. package/lib/src/core/core_i18n.ts +377 -377
  93. package/lib/src/core/core_router.ts +221 -221
  94. package/lib/src/core/core_styles.ts +214 -214
  95. package/lib/src/core/core_svg.ts +550 -550
  96. package/lib/src/core/core_tools.ts +688 -673
  97. package/lib/src/demo/assets/radio.svg +3 -3
  98. package/lib/src/demo/index.html +11 -11
  99. package/lib/src/demo/main.scss +21 -21
  100. package/lib/src/demo/main.tsx +323 -323
  101. package/lib/src/types/scss.d.ts +4 -4
  102. package/lib/src/types/x4react.d.ts +8 -8
  103. package/lib/src/x4.scss +18 -18
  104. package/lib/src/x4.ts +31 -60
  105. package/lib/styles/x4.css +1 -1
  106. package/lib/types/x4js.d.ts +100 -49
  107. package/package.json +2 -3
  108. package/src/x4.ts +31 -60
  109. 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
+