ezfw-core 1.0.0

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 (154) hide show
  1. package/components/EzBaseComponent.ts +648 -0
  2. package/components/EzComponent.ts +89 -0
  3. package/components/EzInput.module.scss +183 -0
  4. package/components/EzInput.ts +104 -0
  5. package/components/EzLabel.ts +22 -0
  6. package/components/EzOutlet.ts +181 -0
  7. package/components/HtmlWrapper.ts +305 -0
  8. package/components/avatar/EzAvatar.module.scss +200 -0
  9. package/components/avatar/EzAvatar.ts +130 -0
  10. package/components/badge/EzBadge.module.scss +202 -0
  11. package/components/badge/EzBadge.ts +77 -0
  12. package/components/button/EzButton.module.scss +402 -0
  13. package/components/button/EzButton.ts +175 -0
  14. package/components/button/EzButtonGroup.ts +48 -0
  15. package/components/card/EzCard.module.scss +71 -0
  16. package/components/card/EzCard.ts +120 -0
  17. package/components/chart/EzBarChart.ts +47 -0
  18. package/components/chart/EzChart.module.scss +14 -0
  19. package/components/chart/EzChart.ts +279 -0
  20. package/components/chart/EzDoughnutChart.ts +47 -0
  21. package/components/chart/EzLineChart.ts +53 -0
  22. package/components/checkbox/EzCheckbox.module.scss +145 -0
  23. package/components/checkbox/EzCheckbox.ts +115 -0
  24. package/components/dataview/EzDataView.module.scss +115 -0
  25. package/components/dataview/EzDataView.ts +355 -0
  26. package/components/dataview/modes/EzDataViewCards.ts +322 -0
  27. package/components/dataview/modes/EzDataViewGrid.ts +76 -0
  28. package/components/datepicker/EzDatePicker.module.scss +348 -0
  29. package/components/datepicker/EzDatePicker.ts +519 -0
  30. package/components/dialog/EzDialog.module.scss +180 -0
  31. package/components/dropdown/EzDropdown.module.scss +107 -0
  32. package/components/dropdown/EzDropdown.ts +235 -0
  33. package/components/feed/EzActivityFeed.module.scss +90 -0
  34. package/components/feed/EzActivityFeed.ts +78 -0
  35. package/components/form/EzForm.ts +364 -0
  36. package/components/form/EzValidators.test.js +421 -0
  37. package/components/form/EzValidators.ts +202 -0
  38. package/components/grid/EzGrid.scss +88 -0
  39. package/components/grid/EzGrid.ts +1085 -0
  40. package/components/grid/EzGridContainer.ts +104 -0
  41. package/components/grid/body/EzGridBody.scss +283 -0
  42. package/components/grid/body/EzGridBody.ts +549 -0
  43. package/components/grid/body/EzGridCell.ts +211 -0
  44. package/components/grid/body/EzGridRow.ts +196 -0
  45. package/components/grid/filter/EzGridFilters.scss +78 -0
  46. package/components/grid/filter/EzGridFilters.ts +285 -0
  47. package/components/grid/footer/EzGridFooter.scss +136 -0
  48. package/components/grid/footer/EzGridFooter.ts +448 -0
  49. package/components/grid/header/EzGridHeader.scss +199 -0
  50. package/components/grid/header/EzGridHeader.ts +430 -0
  51. package/components/grid/query/EzGridQuery.ts +81 -0
  52. package/components/grid/state/EzGridColumns.ts +155 -0
  53. package/components/grid/state/EzGridController.ts +470 -0
  54. package/components/grid/state/EzGridLifecycle.ts +136 -0
  55. package/components/grid/state/EzGridNormalizers.test.js +273 -0
  56. package/components/grid/state/EzGridNormalizers.ts +162 -0
  57. package/components/grid/state/EzGridParts.ts +233 -0
  58. package/components/grid/state/EzGridPersistence.ts +140 -0
  59. package/components/grid/state/EzGridRemote.test.js +573 -0
  60. package/components/grid/state/EzGridRemote.ts +335 -0
  61. package/components/grid/state/EzGridSelection.ts +231 -0
  62. package/components/grid/state/EzGridSort.ts +286 -0
  63. package/components/grid/title/EzGridActionBar.ts +98 -0
  64. package/components/grid/title/EzGridTitle.ts +114 -0
  65. package/components/grid/title/EzGridTitleBar.scss +65 -0
  66. package/components/grid/title/EzGridTitleBar.ts +87 -0
  67. package/components/grid/types.ts +607 -0
  68. package/components/panel/EzPanel.module.scss +133 -0
  69. package/components/panel/EzPanel.ts +147 -0
  70. package/components/radio/EzRadio.module.scss +190 -0
  71. package/components/radio/EzRadio.ts +149 -0
  72. package/components/select/EzSelect.module.scss +153 -0
  73. package/components/select/EzSelect.ts +238 -0
  74. package/components/skeleton/EzSkeleton.module.scss +95 -0
  75. package/components/skeleton/EzSkeleton.ts +70 -0
  76. package/components/store/EzStore.ts +344 -0
  77. package/components/switch/EzSwitch.module.scss +164 -0
  78. package/components/switch/EzSwitch.ts +117 -0
  79. package/components/tabs/EzTabPanel.module.scss +181 -0
  80. package/components/tabs/EzTabPanel.ts +402 -0
  81. package/components/textarea/EzTextarea.module.scss +131 -0
  82. package/components/textarea/EzTextarea.ts +161 -0
  83. package/components/timepicker/EzTimePicker.module.scss +282 -0
  84. package/components/timepicker/EzTimePicker.ts +540 -0
  85. package/components/toast/EzToast.module.scss +291 -0
  86. package/components/tooltip/EzTooltip.module.scss +124 -0
  87. package/components/tooltip/EzTooltip.ts +153 -0
  88. package/core/EzComponentTypes.ts +693 -0
  89. package/core/EzError.ts +63 -0
  90. package/core/EzModel.ts +268 -0
  91. package/core/EzTypes.ts +328 -0
  92. package/core/eventBus.ts +284 -0
  93. package/core/ez.ts +617 -0
  94. package/core/loader.ts +725 -0
  95. package/core/renderer.ts +1010 -0
  96. package/core/router.ts +490 -0
  97. package/core/services.ts +124 -0
  98. package/core/state.ts +142 -0
  99. package/core/utils.ts +81 -0
  100. package/package.json +51 -0
  101. package/services/RouteUI.js +17 -0
  102. package/services/crypto.js +64 -0
  103. package/services/dialog.js +222 -0
  104. package/services/fetchApi.js +63 -0
  105. package/services/firebase.js +30 -0
  106. package/services/toast.js +214 -0
  107. package/template/doc/EzDocs.js +15 -0
  108. package/template/doc/EzDocs.module.scss +627 -0
  109. package/template/doc/EzDocsController.js +164 -0
  110. package/template/doc/data/activityfeed/EzActivityFeedDoc.js +42 -0
  111. package/template/doc/data/avatar/EzAvatarDoc.js +71 -0
  112. package/template/doc/data/badge/EzBadgeDoc.js +92 -0
  113. package/template/doc/data/button/EzButtonDoc.js +77 -0
  114. package/template/doc/data/buttongroup/EzButtonGroupDoc.js +102 -0
  115. package/template/doc/data/card/EzCardDoc.js +39 -0
  116. package/template/doc/data/chart/EzChartDoc.js +60 -0
  117. package/template/doc/data/checkbox/EzCheckboxDoc.js +67 -0
  118. package/template/doc/data/component/EzComponentDoc.js +34 -0
  119. package/template/doc/data/cssmodules/CSSModulesDoc.js +70 -0
  120. package/template/doc/data/datepicker/EzDatePickerDoc.js +126 -0
  121. package/template/doc/data/dialog/EzDialogDoc.js +217 -0
  122. package/template/doc/data/dropdown/EzDropdownDoc.js +178 -0
  123. package/template/doc/data/form/EzFormDoc.js +90 -0
  124. package/template/doc/data/grid/EzGridDoc.js +99 -0
  125. package/template/doc/data/input/EzInputDoc.js +92 -0
  126. package/template/doc/data/label/EzLabelDoc.js +40 -0
  127. package/template/doc/data/model/EzModelDoc.js +53 -0
  128. package/template/doc/data/outlet/EzOutletDoc.js +63 -0
  129. package/template/doc/data/panel/EzPanelDoc.js +214 -0
  130. package/template/doc/data/radio/EzRadioDoc.js +174 -0
  131. package/template/doc/data/router/EzRouterDoc.js +75 -0
  132. package/template/doc/data/select/EzSelectDoc.js +37 -0
  133. package/template/doc/data/skeleton/EzSkeletonDoc.js +149 -0
  134. package/template/doc/data/switch/EzSwitchDoc.js +82 -0
  135. package/template/doc/data/tabpanel/EzTabPanelDoc.js +44 -0
  136. package/template/doc/data/textarea/EzTextareaDoc.js +131 -0
  137. package/template/doc/data/timepicker/EzTimePickerDoc.js +107 -0
  138. package/template/doc/data/tooltip/EzTooltipDoc.js +193 -0
  139. package/template/doc/data/validators/EzValidatorsDoc.js +37 -0
  140. package/template/doc/sidebar/EzDocsSidebar.js +32 -0
  141. package/template/doc/sidebar/category/EzDocsCategory.js +33 -0
  142. package/template/doc/sidebar/item/EzDocsComponentItem.js +24 -0
  143. package/template/doc/viewer/EzDocsViewer.js +18 -0
  144. package/template/doc/viewer/codepanel/EzDocsCodePanel.js +51 -0
  145. package/template/doc/viewer/content/EzDocsContent.js +315 -0
  146. package/template/doc/viewer/header/EzDocsViewerHeader.js +46 -0
  147. package/template/doc/viewer/showcase/EzDocsShowcase.js +59 -0
  148. package/template/doc/viewer/showcase/EzDocsShowcaseSection.js +25 -0
  149. package/template/doc/viewer/showcase/EzDocsVariantItem.js +29 -0
  150. package/template/doc/welcome/EzDocsWelcome.js +48 -0
  151. package/themes/ez-theme.scss +179 -0
  152. package/themes/nature-fresh.scss +169 -0
  153. package/types/global.d.ts +21 -0
  154. package/utils/cssModules.js +81 -0
@@ -0,0 +1,284 @@
1
+ export interface EventHandler {
2
+ fn: (data: unknown, event: string) => void | Promise<void>;
3
+ context: object | null;
4
+ once: boolean;
5
+ }
6
+
7
+ export interface EmitOptions {
8
+ async?: boolean;
9
+ stopOnError?: boolean;
10
+ }
11
+
12
+ interface HistoryEntry {
13
+ event: string;
14
+ data: unknown;
15
+ timestamp: number;
16
+ }
17
+
18
+ interface NamespacedEmitter {
19
+ on: (event: string, fn: EventHandler['fn'], context?: object | null) => () => boolean;
20
+ once: (event: string, fn: EventHandler['fn'], context?: object | null) => () => boolean;
21
+ off: (event: string, fn?: EventHandler['fn']) => boolean;
22
+ emit: (event: string, data?: unknown, options?: EmitOptions) => boolean;
23
+ emitAsync: (event: string, data?: unknown) => Promise<boolean>;
24
+ }
25
+
26
+ export class EzEventBus {
27
+ private _handlers: Map<string, EventHandler[]> = new Map();
28
+ private _wildcardHandlers: Map<string, EventHandler[]> = new Map();
29
+ private _debug: boolean = false;
30
+ private _history: HistoryEntry[] = [];
31
+ private _maxHistory: number = 100;
32
+
33
+ on(event: string, fn: EventHandler['fn'], context: object | null = null): () => boolean {
34
+ if (typeof fn !== 'function') {
35
+ throw new Error('[EzEventBus] Handler must be a function');
36
+ }
37
+
38
+ const handler: EventHandler = { fn, context, once: false };
39
+
40
+ if (event.includes('*')) {
41
+ const handlers = this._wildcardHandlers.get(event) || [];
42
+ handlers.push(handler);
43
+ this._wildcardHandlers.set(event, handlers);
44
+ } else {
45
+ const handlers = this._handlers.get(event) || [];
46
+ handlers.push(handler);
47
+ this._handlers.set(event, handlers);
48
+ }
49
+
50
+ this._log('subscribe', event);
51
+
52
+ return () => this.off(event, fn);
53
+ }
54
+
55
+ once(event: string, fn: EventHandler['fn'], context: object | null = null): () => boolean {
56
+ if (typeof fn !== 'function') {
57
+ throw new Error('[EzEventBus] Handler must be a function');
58
+ }
59
+
60
+ const handler: EventHandler = { fn, context, once: true };
61
+
62
+ const handlers = this._handlers.get(event) || [];
63
+ handlers.push(handler);
64
+ this._handlers.set(event, handlers);
65
+
66
+ this._log('subscribe:once', event);
67
+
68
+ return () => this.off(event, fn);
69
+ }
70
+
71
+ off(event: string, fn?: EventHandler['fn']): boolean {
72
+ let removed = false;
73
+
74
+ if (event.includes('*')) {
75
+ if (!fn) {
76
+ removed = this._wildcardHandlers.delete(event);
77
+ } else {
78
+ const handlers = this._wildcardHandlers.get(event);
79
+ if (handlers) {
80
+ const filtered = handlers.filter(h => h.fn !== fn);
81
+ removed = filtered.length !== handlers.length;
82
+ if (filtered.length) {
83
+ this._wildcardHandlers.set(event, filtered);
84
+ } else {
85
+ this._wildcardHandlers.delete(event);
86
+ }
87
+ }
88
+ }
89
+ } else {
90
+ if (!fn) {
91
+ removed = this._handlers.delete(event);
92
+ } else {
93
+ const handlers = this._handlers.get(event);
94
+ if (handlers) {
95
+ const filtered = handlers.filter(h => h.fn !== fn);
96
+ removed = filtered.length !== handlers.length;
97
+ if (filtered.length) {
98
+ this._handlers.set(event, filtered);
99
+ } else {
100
+ this._handlers.delete(event);
101
+ }
102
+ }
103
+ }
104
+ }
105
+
106
+ if (removed) {
107
+ this._log('unsubscribe', event);
108
+ }
109
+
110
+ return removed;
111
+ }
112
+
113
+ emit(event: string, data?: unknown, options: EmitOptions = {}): boolean {
114
+ const { async: isAsync = false, stopOnError = false } = options;
115
+
116
+ this._log('emit', event, data);
117
+ this._addToHistory(event, data);
118
+
119
+ const handlers = this._getHandlersForEvent(event);
120
+
121
+ if (!handlers.length) {
122
+ return false;
123
+ }
124
+
125
+ const toRemove: EventHandler[] = [];
126
+
127
+ for (const handler of handlers) {
128
+ try {
129
+ if (isAsync) {
130
+ queueMicrotask(() => {
131
+ handler.fn.call(handler.context, data, event);
132
+ });
133
+ } else {
134
+ handler.fn.call(handler.context, data, event);
135
+ }
136
+
137
+ if (handler.once) {
138
+ toRemove.push(handler);
139
+ }
140
+ } catch (err) {
141
+ console.error(`[EzEventBus] Error in handler for "${event}":`, err);
142
+ if (stopOnError) break;
143
+ }
144
+ }
145
+
146
+ for (const handler of toRemove) {
147
+ this.off(event, handler.fn);
148
+ }
149
+
150
+ return true;
151
+ }
152
+
153
+ async emitAsync(event: string, data?: unknown): Promise<boolean> {
154
+ this._log('emitAsync', event, data);
155
+ this._addToHistory(event, data);
156
+
157
+ const handlers = this._getHandlersForEvent(event);
158
+
159
+ if (!handlers.length) {
160
+ return false;
161
+ }
162
+
163
+ const toRemove: EventHandler[] = [];
164
+
165
+ for (const handler of handlers) {
166
+ try {
167
+ await handler.fn.call(handler.context, data, event);
168
+
169
+ if (handler.once) {
170
+ toRemove.push(handler);
171
+ }
172
+ } catch (err) {
173
+ console.error(`[EzEventBus] Error in async handler for "${event}":`, err);
174
+ }
175
+ }
176
+
177
+ for (const handler of toRemove) {
178
+ this.off(event, handler.fn);
179
+ }
180
+
181
+ return true;
182
+ }
183
+
184
+ private _getHandlersForEvent(event: string): EventHandler[] {
185
+ const result: EventHandler[] = [];
186
+
187
+ const direct = this._handlers.get(event);
188
+ if (direct) {
189
+ result.push(...direct);
190
+ }
191
+
192
+ for (const [pattern, handlers] of this._wildcardHandlers) {
193
+ if (this._matchesWildcard(event, pattern)) {
194
+ result.push(...handlers);
195
+ }
196
+ }
197
+
198
+ return result;
199
+ }
200
+
201
+ private _matchesWildcard(event: string, pattern: string): boolean {
202
+ const regexPattern = pattern
203
+ .replace(/[.+^${}()|[\]\\]/g, '\\$&')
204
+ .replace(/\*/g, '.*');
205
+
206
+ const regex = new RegExp(`^${regexPattern}$`);
207
+ return regex.test(event);
208
+ }
209
+
210
+ has(event: string): boolean {
211
+ return this._getHandlersForEvent(event).length > 0;
212
+ }
213
+
214
+ listenerCount(event: string): number {
215
+ return this._getHandlersForEvent(event).length;
216
+ }
217
+
218
+ eventNames(): string[] {
219
+ return [...this._handlers.keys()];
220
+ }
221
+
222
+ clear(event: string): void {
223
+ this._handlers.delete(event);
224
+ this._wildcardHandlers.delete(event);
225
+ this._log('clear', event);
226
+ }
227
+
228
+ clearAll(): void {
229
+ this._handlers.clear();
230
+ this._wildcardHandlers.clear();
231
+ this._log('clearAll');
232
+ }
233
+
234
+ setDebug(enabled: boolean): void {
235
+ this._debug = enabled;
236
+ }
237
+
238
+ getHistory(event?: string): HistoryEntry[] {
239
+ if (event) {
240
+ return this._history.filter(h => h.event === event);
241
+ }
242
+ return [...this._history];
243
+ }
244
+
245
+ clearHistory(): void {
246
+ this._history = [];
247
+ }
248
+
249
+ private _addToHistory(event: string, data: unknown): void {
250
+ this._history.push({
251
+ event,
252
+ data,
253
+ timestamp: Date.now()
254
+ });
255
+
256
+ if (this._history.length > this._maxHistory) {
257
+ this._history = this._history.slice(-this._maxHistory);
258
+ }
259
+ }
260
+
261
+ private _log(action: string, event?: string, data?: unknown): void {
262
+ if (!this._debug) return;
263
+
264
+ const msg = event ? `[EzEventBus] ${action}: ${event}` : `[EzEventBus] ${action}`;
265
+
266
+ if (data !== undefined) {
267
+ console.log(msg, data);
268
+ } else {
269
+ console.log(msg);
270
+ }
271
+ }
272
+
273
+ namespace(namespace: string): NamespacedEmitter {
274
+ const prefix = namespace + ':';
275
+
276
+ return {
277
+ on: (event, fn, context) => this.on(prefix + event, fn, context),
278
+ once: (event, fn, context) => this.once(prefix + event, fn, context),
279
+ off: (event, fn) => this.off(prefix + event, fn),
280
+ emit: (event, data, options) => this.emit(prefix + event, data, options),
281
+ emitAsync: (event, data) => this.emitAsync(prefix + event, data)
282
+ };
283
+ }
284
+ }