@twobirds/microcomponents 0.0.66 → 0.0.68

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 (202) hide show
  1. package/.vscode/settings.json +1 -1
  2. package/README.md +11 -7
  3. package/assets/documentation/formvalues.md +26 -0
  4. package/assets/{test.html → test/test.html} +7 -7
  5. package/dist/microcomponents.d.ts +0 -1
  6. package/dist/microcomponents.d.ts.map +1 -1
  7. package/dist/microcomponents.min.js +1 -1
  8. package/dist/microcomponents.ts +1 -1
  9. package/package.json +5 -4
  10. package/public/MC.d.ts +36 -0
  11. package/public/MC.d.ts.map +1 -0
  12. package/public/MC.ts +605 -0
  13. package/public/McEvent.d.ts +15 -0
  14. package/public/McEvent.d.ts.map +1 -0
  15. package/public/McEvent.ts +96 -0
  16. package/public/MicroComponents.svg +15 -0
  17. package/public/documentation/MC.md +588 -0
  18. package/public/documentation/ajaxian-1.png +0 -0
  19. package/public/documentation/ajaxian-2.png +0 -0
  20. package/public/documentation/ajaxian-3.png +0 -0
  21. package/public/documentation/elements.md +278 -0
  22. package/public/documentation/formvalues.md +26 -0
  23. package/public/documentation/functional_requirements.md +8 -0
  24. package/public/documentation/history.md +436 -0
  25. package/public/documentation/magic.md +29 -0
  26. package/public/documentation/observables.md +107 -0
  27. package/public/documentation/rnd0023-1.jpg +0 -0
  28. package/public/documentation/rnd0023-2.jpg +0 -0
  29. package/public/documentation/rnd0023-3.jpg +0 -0
  30. package/public/documentation/tB_react.md +207 -0
  31. package/public/documentation/usage.md +142 -0
  32. package/public/documentation/why.md +25 -0
  33. package/public/elements.d.ts +5 -0
  34. package/public/elements.d.ts.map +1 -0
  35. package/public/elements.ts +76 -0
  36. package/public/fiddle/MicroComponents.svg +15 -0
  37. package/public/fiddle/fiddle.css +0 -0
  38. package/public/fiddle/fiddle.js +0 -0
  39. package/public/fiddle/index.html +0 -0
  40. package/public/formValues.d.ts +3 -0
  41. package/public/formValues.d.ts.map +1 -0
  42. package/public/formValues.ts +233 -0
  43. package/public/helpers.d.ts +14 -0
  44. package/public/helpers.d.ts.map +1 -0
  45. package/public/helpers.ts +149 -0
  46. package/public/microcomponents.d.ts +7 -0
  47. package/public/microcomponents.d.ts.map +1 -0
  48. package/public/microcomponents.es3.d.ts +2 -0
  49. package/public/microcomponents.es3.d.ts.map +1 -0
  50. package/public/microcomponents.js +0 -1
  51. package/public/microcomponents.js.map +1 -1
  52. package/public/microcomponents.min.js +1 -1
  53. package/public/microcomponents.ts +8 -0
  54. package/public/observables.d.ts +10 -0
  55. package/public/observables.d.ts.map +1 -0
  56. package/public/observables.ts +401 -0
  57. package/public/selectors.d.ts +108 -0
  58. package/public/selectors.d.ts.map +1 -0
  59. package/public/selectors.ts +1634 -0
  60. package/public/src/MC.ts +605 -0
  61. package/public/src/McEvent.ts +96 -0
  62. package/public/src/elements.ts +76 -0
  63. package/public/src/formValues.ts +233 -0
  64. package/public/src/helpers.ts +149 -0
  65. package/public/src/microcomponents.ts +8 -0
  66. package/public/src/observables.ts +401 -0
  67. package/public/src/selectors.ts +1634 -0
  68. package/public/src/test.ts +193 -0
  69. package/public/test/MC.d.ts +36 -0
  70. package/public/test/MC.d.ts.map +1 -0
  71. package/public/test/MC.js +378 -0
  72. package/public/test/MC.js.map +1 -0
  73. package/public/test/MC.ts +605 -0
  74. package/public/test/McEvent.d.ts +15 -0
  75. package/public/test/McEvent.d.ts.map +1 -0
  76. package/public/test/McEvent.js +71 -0
  77. package/public/test/McEvent.js.map +1 -0
  78. package/public/test/McEvent.ts +96 -0
  79. package/public/test/MicroComponents.svg +15 -0
  80. package/public/test/elements.d.ts +5 -0
  81. package/public/test/elements.d.ts.map +1 -0
  82. package/public/test/elements.js +48 -0
  83. package/public/test/elements.js.map +1 -0
  84. package/public/test/elements.ts +76 -0
  85. package/public/test/formValues.d.ts +3 -0
  86. package/public/test/formValues.d.ts.map +1 -0
  87. package/public/test/formValues.js +168 -0
  88. package/public/test/formValues.js.map +1 -0
  89. package/public/test/formValues.ts +233 -0
  90. package/public/test/grandparent.css +13 -0
  91. package/public/test/helpers.d.ts +14 -0
  92. package/public/test/helpers.d.ts.map +1 -0
  93. package/public/test/helpers.js +113 -0
  94. package/public/test/helpers.js.map +1 -0
  95. package/public/test/helpers.ts +149 -0
  96. package/public/test/microcomponents.d.ts +7 -0
  97. package/public/test/microcomponents.d.ts.map +1 -0
  98. package/public/test/microcomponents.es3.d.ts +2 -0
  99. package/public/test/microcomponents.es3.d.ts.map +1 -0
  100. package/public/test/microcomponents.es3.js +303 -0
  101. package/public/test/microcomponents.es3.js.map +1 -0
  102. package/public/test/microcomponents.js +8 -0
  103. package/public/test/microcomponents.js.map +1 -0
  104. package/public/test/microcomponents.min.js +1 -0
  105. package/public/test/microcomponents.ts +8 -0
  106. package/public/test/my-tag.css +19 -0
  107. package/public/test/observables.d.ts +10 -0
  108. package/public/test/observables.d.ts.map +1 -0
  109. package/public/test/observables.js +250 -0
  110. package/public/test/observables.js.map +1 -0
  111. package/public/test/observables.ts +401 -0
  112. package/public/test/selectors.d.ts +108 -0
  113. package/public/test/selectors.d.ts.map +1 -0
  114. package/public/test/selectors.js +971 -0
  115. package/public/test/selectors.js.map +1 -0
  116. package/public/test/selectors.ts +1634 -0
  117. package/public/test/test/child.d.ts +2 -0
  118. package/public/test/test/child.d.ts.map +1 -0
  119. package/public/test/test/child.js +15 -0
  120. package/public/test/test/child.js.map +1 -0
  121. package/public/test/test/grandchild.d.ts +2 -0
  122. package/public/test/test/grandchild.d.ts.map +1 -0
  123. package/public/test/test/grandchild.js +15 -0
  124. package/public/test/test/grandchild.js.map +1 -0
  125. package/public/test/test/grandparent.d.ts +2 -0
  126. package/public/test/test/grandparent.d.ts.map +1 -0
  127. package/public/test/test/grandparent.js +1 -0
  128. package/public/test/test/grandparent.js.map +1 -0
  129. package/public/test/test/greatgrandchild.d.ts +2 -0
  130. package/public/test/test/greatgrandchild.d.ts.map +1 -0
  131. package/public/test/test/greatgrandchild.js +29 -0
  132. package/public/test/test/greatgrandchild.js.map +1 -0
  133. package/public/test/test/parent.d.ts +2 -0
  134. package/public/test/test/parent.d.ts.map +1 -0
  135. package/public/test/test/parent.js +15 -0
  136. package/public/test/test/parent.js.map +1 -0
  137. package/public/test/test/testform.d.ts +2 -0
  138. package/public/test/test/testform.d.ts.map +1 -0
  139. package/public/test/test/testform.js +1 -0
  140. package/public/test/test/testform.js.map +1 -0
  141. package/public/test/test/testmc.d.ts +6 -0
  142. package/public/test/test/testmc.d.ts.map +1 -0
  143. package/public/test/test/testmc.js +10 -0
  144. package/public/test/test/testmc.js.map +1 -0
  145. package/public/test/test.d.ts +2 -0
  146. package/public/test/test.d.ts.map +1 -0
  147. package/public/test/test.html +27 -0
  148. package/public/test/test.ts +193 -0
  149. package/public/typedoc/.nojekyll +1 -0
  150. package/public/{classes → typedoc/classes}/MC.DC.html +2 -2
  151. package/public/{classes → typedoc/classes}/MC.MC.html +2 -2
  152. package/public/{classes → typedoc/classes}/MC.McBase.html +2 -2
  153. package/public/{classes → typedoc/classes}/MC.McEvent.html +2 -2
  154. package/public/{functions → typedoc/functions}/MC.addListener.html +1 -1
  155. package/public/{functions → typedoc/functions}/MC.autoload.html +1 -1
  156. package/public/{functions → typedoc/functions}/MC.removeListener.html +1 -1
  157. package/public/{functions → typedoc/functions}/elements.defineCE.html +1 -1
  158. package/public/{functions → typedoc/functions}/elements.getCE.html +1 -1
  159. package/public/{functions → typedoc/functions}/formValues.formValues.html +1 -1
  160. package/public/{functions → typedoc/functions}/observables.observe.html +1 -1
  161. package/public/{functions → typedoc/functions}/selectors._d.html +1 -1
  162. package/public/{functions → typedoc/functions}/selectors._t.html +1 -1
  163. package/public/{index.html → typedoc/index.html} +9 -7
  164. package/public/{interfaces → typedoc/interfaces}/MC.HTMLMcElement.html +2 -2
  165. package/public/{interfaces → typedoc/interfaces}/selectors.DSelector.html +2 -2
  166. package/public/{interfaces → typedoc/interfaces}/selectors.TSelector.html +2 -2
  167. package/public/typedoc/media/MicroComponents.svg +15 -0
  168. package/public/{modules → typedoc/modules}/MC.html +1 -1
  169. package/public/{modules → typedoc/modules}/elements.html +1 -1
  170. package/public/{modules → typedoc/modules}/formValues.html +1 -1
  171. package/public/{modules → typedoc/modules}/observables.html +1 -1
  172. package/public/{modules → typedoc/modules}/selectors.html +1 -1
  173. package/public/{types → typedoc/types}/observables.Observable.html +1 -1
  174. package/public/{types → typedoc/types}/selectors.selection.html +1 -1
  175. package/public/{types → typedoc/types}/selectors.singleSelector.html +1 -1
  176. package/src/microcomponents.ts +1 -1
  177. package/src/test/{child.ts → test/child.ts} +1 -1
  178. package/src/test/{grandchild.ts → test/grandchild.ts} +1 -1
  179. package/src/test/{grandparent.ts → test/grandparent.ts} +1 -1
  180. package/src/test/{greatgrandchild.ts → test/greatgrandchild.ts} +1 -1
  181. package/src/test/{parent.ts → test/parent.ts} +1 -1
  182. package/src/test/{testform.ts → test/testform.ts} +1 -1
  183. package/src/test/test/testmc.ts +12 -0
  184. package/tsconfig.json +2 -2
  185. package/typedoc.json +1 -1
  186. package/webpack.config.js +4 -4
  187. package/assets/3d.html +0 -42
  188. package/src/test/testmc.ts +0 -18
  189. /package/{public/media → assets/test}/MicroComponents.svg +0 -0
  190. /package/assets/{grandparent.css → test/grandparent.css} +0 -0
  191. /package/assets/{my-tag.css → test/my-tag.css} +0 -0
  192. /package/public/{test.js → test/test.js} +0 -0
  193. /package/public/{test.js.map → test/test.js.map} +0 -0
  194. /package/public/{assets → typedoc/assets}/highlight.css +0 -0
  195. /package/public/{assets → typedoc/assets}/icons.js +0 -0
  196. /package/public/{assets → typedoc/assets}/icons.svg +0 -0
  197. /package/public/{assets → typedoc/assets}/main.js +0 -0
  198. /package/public/{assets → typedoc/assets}/navigation.js +0 -0
  199. /package/public/{assets → typedoc/assets}/search.js +0 -0
  200. /package/public/{assets → typedoc/assets}/style.css +0 -0
  201. /package/public/{hierarchy.html → typedoc/hierarchy.html} +0 -0
  202. /package/public/{modules.html → typedoc/modules.html} +0 -0
@@ -0,0 +1,401 @@
1
+ 'use strict';
2
+
3
+ import {
4
+ LooseObject,
5
+ debounce,
6
+ deepEqual,
7
+ flattenObject,
8
+ copyGettersSetters,
9
+ } from './helpers.js';
10
+
11
+ import { DC, HTMLMcElement, McEvent } from './MC.js';
12
+
13
+ function isObservableObject(value: any): boolean {
14
+ return value != null && typeof value === 'object';
15
+ }
16
+
17
+ type Callback = (value: any) => void;
18
+
19
+ function getPlaceholders(target: HTMLElement): string[] {
20
+ let placeholders: Set<string> = new Set(),
21
+ regEx = /\{[^\{\}]*\}/g;
22
+
23
+ // scan attributes
24
+ target
25
+ .getAttributeNames()
26
+ .filter((attr) => target.getAttribute(attr)?.match(regEx)) // extract placeholder(s)
27
+ .forEach((attr) => {
28
+ let phs: Set<string> = new Set(target.getAttribute(attr)?.match(regEx));
29
+ phs.forEach((placeholder) =>
30
+ placeholders.add(placeholder.replace(/[\{\}]/g, ''))
31
+ );
32
+ });
33
+
34
+ // scan children text nodes
35
+ [...target.childNodes]
36
+ .filter((childNode) => {
37
+ return (
38
+ // is text node and has placeholders
39
+ childNode.nodeType === 3 &&
40
+ ((childNode as any).nodeValue || '').match(regEx)
41
+ );
42
+ })
43
+ .forEach((childNode) => {
44
+ ((childNode as any).nodeValue || '')
45
+ .match(regEx)
46
+ .forEach((placeholder: string) => {
47
+ placeholders.add(placeholder.replace(/[\{\}]/g, ''));
48
+ });
49
+ });
50
+
51
+ // extract {} and return result
52
+ return [...placeholders].map((placeholder) =>
53
+ placeholder.replace(/[\{\}]/g, '')
54
+ );
55
+ }
56
+
57
+ const inputs = [HTMLInputElement, HTMLSelectElement, HTMLTextAreaElement];
58
+
59
+ class Placeholders extends DC {
60
+ data: LooseObject = {};
61
+ oldDisplay?: string = '';
62
+
63
+ constructor(target: HTMLElement) {
64
+ super(target);
65
+ let that = this;
66
+ getPlaceholders(target).forEach((property) => (that.data[property] = ''));
67
+ observe(that);
68
+ that.#attachCallbacks();
69
+ delete that._mc; // cleanup, not needed
70
+ }
71
+
72
+ #attachCallbacks() {
73
+ let that = this,
74
+ target = that.target,
75
+ hide: boolean = false;
76
+
77
+ //console.log('attachCallbacks', that.target);
78
+
79
+ // scan attributes
80
+ target
81
+ .getAttributeNames()
82
+ .filter((attr: string) =>
83
+ target.getAttribute(attr)?.match(/\{[^\{\}]*\}/g)
84
+ ) // extract placeholder(s)
85
+ .forEach((attr: string) => {
86
+ let phs: Set<string> = new Set(
87
+ target.getAttribute(attr)?.match(/\{[^\{\}]*\}/g)
88
+ );
89
+ // attach callback
90
+ that.data.observe(
91
+ ((template: string) => (data: LooseObject) => {
92
+ let result: string = template;
93
+ phs.forEach((placeholder) => {
94
+ result = result.replace(
95
+ placeholder,
96
+ data[placeholder.replace(/[\{\}]/g, '')]
97
+ );
98
+ });
99
+ target.setAttribute(attr, result);
100
+ //console.log('cb setAttribute()', data, template, attr, result);
101
+ })(target.getAttribute(attr))
102
+ );
103
+ });
104
+
105
+ // scan children text nodes
106
+ [...target.childNodes]
107
+ .filter((childNode) => {
108
+ return (
109
+ // is text node and has placeholders
110
+ childNode.nodeType === 3 &&
111
+ ((childNode as any).nodeValue || '').match(/\{[^\{\}]*\}/g)
112
+ );
113
+ })
114
+ .forEach((childNode) => {
115
+ hide = true;
116
+ let phs: Set<string> = new Set(
117
+ childNode.nodeValue.match(/\{[^\{\}]*\}/g)
118
+ );
119
+
120
+ // attach callback
121
+ that.data.observe(
122
+ ((template: string) => (data: LooseObject) => {
123
+ let result: string = template;
124
+ //console.log('text node "', template, '" callbach data:', data);
125
+ phs.forEach((placeholder) => {
126
+ result = result.replace(
127
+ placeholder,
128
+ data[placeholder.replace(/[\{\}]/g, '')]
129
+ );
130
+ });
131
+ if (
132
+ Object.keys(data).some((key) => {
133
+ return !!data[key];
134
+ })
135
+ ) {
136
+ if (!!that.oldDisplay) {
137
+ target.style = that.oldDisplay;
138
+ } else {
139
+ target.removeAttribute('style');
140
+ }
141
+ delete that.oldDisplay;
142
+ }
143
+ childNode.nodeValue = result;
144
+ })(childNode.nodeValue)
145
+ );
146
+
147
+ // hide for now
148
+ that.oldDisplay = target.getAttribute('style)') || '';
149
+ if (
150
+ hide &&
151
+ !inputs.includes((target as any).constructor) &&
152
+ target.tagName !== 'FIELDSET'
153
+ ) {
154
+ target.style.display = 'none';
155
+ }
156
+ });
157
+ }
158
+
159
+ onData(ev: McEvent) {
160
+ let that = this,
161
+ data: LooseObject = {};
162
+ Object.keys(ev.data).forEach((key) => {
163
+ if (that.data.hasOwnProperty(key)) data[key] = ev.data[key];
164
+ });
165
+ //console.log('onData()', ev, data, that.data);
166
+ if (JSON.stringify(data) !== JSON.stringify(that.data))
167
+ Object.assign(that.data, data); // will trigger callbacks
168
+ }
169
+ }
170
+
171
+ function getPlaceholderElements(
172
+ target: HTMLElement | DocumentFragment | ShadowRoot
173
+ ): HTMLElement[] {
174
+ let elements: Array<HTMLElement> = (
175
+ target instanceof HTMLElement ? [target] : []
176
+ )
177
+ .concat([...(target.querySelectorAll('*') as unknown as HTMLElement[])])
178
+ .filter((e) => !!getPlaceholders(e as HTMLElement).length)
179
+ .filter((e) => e.tagName !== 'STYLE');
180
+ //console.log('getPlaceholderElements', elements);
181
+ return elements as HTMLElement[];
182
+ }
183
+
184
+ function makePlaceholders(
185
+ element: HTMLElement | DocumentFragment | ShadowRoot
186
+ ): void {
187
+ //console.log('makePlaceholders', element);
188
+ getPlaceholderElements(element).forEach((e: HTMLElement) => {
189
+ if ((e as HTMLMcElement)?._mc?._placeholders) return;
190
+ DC.add(e, '_placeholders', new Placeholders(e));
191
+ });
192
+ }
193
+
194
+ export type Observable = {
195
+ observe: (cb: Callback) => void;
196
+ notify: () => void;
197
+ bind: (target: HTMLElement | DocumentFragment | ShadowRoot) => void;
198
+ };
199
+
200
+ export const observe = (
201
+ target: LooseObject,
202
+ propertyName?: string
203
+ ): LooseObject => {
204
+ let keys = !propertyName
205
+ ? [...Object.getOwnPropertyNames(target)]
206
+ : [propertyName];
207
+
208
+ keys.forEach((key) => {
209
+ // console.log( 'co propname', key, typeof target[key], target[key] );
210
+ if (key[0] === '_' || target?.[key] === undefined) return target;
211
+ let val: any = target[key],
212
+ Constructor: any;
213
+
214
+ if (!val.prototype) {
215
+ switch (typeof val) {
216
+ case 'string':
217
+ Constructor = String;
218
+ break;
219
+ case 'number':
220
+ Constructor = Number;
221
+ break;
222
+ case 'boolean':
223
+ Constructor = Boolean;
224
+ break;
225
+ case 'object':
226
+ if (val instanceof Array) {
227
+ Constructor = Array;
228
+ } else {
229
+ Constructor = Object;
230
+ }
231
+ break;
232
+ default:
233
+ return;
234
+ }
235
+ }
236
+
237
+ let Observable = class extends Constructor {
238
+ #notify: boolean = true;
239
+
240
+ constructor(val: any) {
241
+ super(val);
242
+ (this.constructor as LooseObject).callbacks = [];
243
+ if (isObservableObject(val)) {
244
+ // you cannot bind native values to the dom
245
+ Object.getOwnPropertyNames(val).forEach((key) => {
246
+ this[key] = val[key];
247
+ });
248
+ }
249
+ }
250
+
251
+ observe(f: Function) {
252
+ //console.log('observe');
253
+ (this.constructor as any).callbacks.push(f);
254
+ return this;
255
+ }
256
+
257
+ bind(target: HTMLElement | DocumentFragment | ShadowRoot) {
258
+ const that = this,
259
+ iso = isObservableObject(that.valueOf());
260
+ //console.log('bind', iso, target);
261
+
262
+ if (iso) {
263
+ makePlaceholders(target);
264
+ const placeholders: unknown = [
265
+ ...target.querySelectorAll('[_mc]'),
266
+ ].filter((e) => !!(e as LooseObject)?._mc?._placeholders);
267
+ //console.log('placeholders:', target, placeholders);
268
+ const func = function callback(data: LooseObject) {
269
+ // avoid bubbling for speed
270
+ let d = flattenObject(data);
271
+ //console.log('inside callback', target, d);
272
+ (placeholders as DC[]).forEach((e) => {
273
+ // console.log('trigger callback', e);
274
+ if (!e) return;
275
+ (e as any)._mc.trigger('data', d);
276
+ });
277
+ };
278
+ (that.constructor as any).callbacks.push(func);
279
+ that.notify();
280
+ } else {
281
+ console.warn(
282
+ 'IGNORED - cannot bind a non-Object to the dom, IS:',
283
+ typeof that.valueOf(),
284
+ that
285
+ );
286
+ }
287
+
288
+ return this;
289
+ }
290
+
291
+ notify(notify?: boolean) {
292
+ let that = this,
293
+ data =
294
+ isObservableObject(that.valueOf()) &&
295
+ that.valueOf() instanceof Array === false
296
+ ? structuredClone(Object.assign({}, that))
297
+ : that.valueOf();
298
+
299
+ if (notify !== undefined) {
300
+ that.#notify = notify;
301
+ // return;
302
+ }
303
+
304
+ //if (that.#notify) console.log('notify', this, data);
305
+ (that.constructor as any).callbacks.forEach((f: Function) => {
306
+ // console.log(
307
+ // (this.constructor as any).callbacks,
308
+ // 'notify: exec callback',
309
+ // f,
310
+ // data
311
+ // );
312
+ f(data);
313
+ });
314
+
315
+ return that;
316
+ }
317
+ };
318
+
319
+ let o = new Observable(val);
320
+
321
+ Object.defineProperty(target, key, {
322
+ enumerable: true,
323
+ get() {
324
+ if (isObservableObject(o.valueOf())) {
325
+ let check = structuredClone(Object.assign({}, o));
326
+ setTimeout(
327
+ debounce(function checkChanges() {
328
+ let state = structuredClone(Object.assign({}, o));
329
+ //console.log( 'check changes', state, check );
330
+ if (!deepEqual(state, check)) {
331
+ //console.log( '-> not equal!' );
332
+ o.notify();
333
+ }
334
+ }, 0),
335
+ 0
336
+ );
337
+ }
338
+ return o;
339
+ },
340
+ set(val: any) {
341
+ //console.log( 'SET:', isObservableObject( val.valueOf() ), 'set:', val, 'to', isObservableObject( o.valueOf() ), o, );
342
+ if (typeof val === typeof o.valueOf()) {
343
+ let iso =
344
+ isObservableObject(o.valueOf()) &&
345
+ o.valueOf() instanceof Array === false;
346
+ //console.log('target iso:', iso);
347
+ if (iso) {
348
+ let old = structuredClone(Object.assign({}, o));
349
+ //val = structuredClone(Object.assign({}, val));
350
+
351
+ //let callbacks = (o.constructor as LooseObject).callbacks;
352
+ if (o instanceof Observable === false) {
353
+ o = new Observable(structuredClone(Object.assign({}, val)));
354
+ copyGettersSetters(val, o);
355
+ o.seal();
356
+ }
357
+ Object.assign(o, val);
358
+
359
+ // console.log('after set o=', o, 'check', old);
360
+ // (o.constructor as LooseObject).callbacks = callbacks;
361
+
362
+ setTimeout(
363
+ // check for changes
364
+ debounce(function checkChanges() {
365
+ let state = structuredClone(Object.assign({}, o));
366
+ //console.log( 'check changes', state, check );
367
+ if (!deepEqual(state, old)) {
368
+ //console.log( '-> not equal!' );
369
+ o.notify();
370
+ }
371
+ }, 0),
372
+ 0
373
+ );
374
+ } else {
375
+ // simple native var
376
+ let old = o.valueOf(),
377
+ callbacks = (o.constructor as LooseObject).callbacks;
378
+ o = new Observable(val);
379
+ (o.constructor as LooseObject).callbacks = callbacks;
380
+ if (val !== old) {
381
+ o.notify();
382
+ }
383
+ }
384
+ } else {
385
+ console.warn(
386
+ 'IGNORED - cannot change observable types, IS:',
387
+ typeof o.valueOf(),
388
+ o,
389
+ '- CANNOT BECOME:',
390
+ typeof val
391
+ );
392
+ }
393
+ },
394
+ });
395
+
396
+ // replace old property with proxy (observable)
397
+ target[key] = val;
398
+ });
399
+
400
+ return target;
401
+ };
@@ -0,0 +1,108 @@
1
+ import { MC, DC } from './MC.js';
2
+ import { LooseObject } from './helpers.js';
3
+ declare class DomSelector {
4
+ #private;
5
+ get set(): Set<HTMLElement>;
6
+ get array(): HTMLElement[];
7
+ set set(set: Set<HTMLElement>);
8
+ get length(): number;
9
+ constructor(selection?: selection, element?: any);
10
+ $t(nameSpace?: string): TSelector;
11
+ add(selection: selection, target?: HTMLElement): DSelector;
12
+ addClass(...classes: string[]): DSelector;
13
+ after(selection: selection, target?: HTMLElement): DSelector;
14
+ append(selection: selection, target?: HTMLElement): DSelector;
15
+ appendTo(selection: selection, target?: HTMLElement): DSelector;
16
+ attr(): LooseObject;
17
+ attr(obj: LooseObject): DSelector;
18
+ attr(name: string): string | null;
19
+ attr(first?: string | LooseObject, second?: string | object | null): DSelector;
20
+ before(selection: selection, target?: HTMLElement): DSelector;
21
+ children(selection?: selection, rootNode?: HTMLElement): DSelector;
22
+ descendants(selection?: selection, rootNode?: HTMLElement): DSelector;
23
+ empty(): DSelector;
24
+ first(selection?: selection, rootNode?: HTMLElement): DSelector;
25
+ has(element: HTMLElement): boolean;
26
+ hasClass(...classes: string[]): boolean;
27
+ html(html?: string): string | DSelector;
28
+ last(selection?: selection, rootNode?: HTMLElement): DSelector;
29
+ next(selection?: selection, rootNode?: HTMLElement): DSelector;
30
+ normalize(): DSelector;
31
+ off(eventName: string, cb: Function): DSelector;
32
+ on(eventName: string, cb: Function, capture?: boolean, once?: boolean): Function;
33
+ one(eventName: string, cb: Function, capture?: boolean): Function;
34
+ parent(selection?: selection, rootNode?: HTMLElement): DSelector;
35
+ parents(selection?: selection, rootNode?: HTMLElement): DSelector;
36
+ prepend(selection: selection, target?: HTMLElement): DSelector;
37
+ prev(selection?: selection, rootNode?: HTMLElement): DSelector;
38
+ removeClass(...classes: string[]): DSelector;
39
+ text(text?: string): string | DSelector;
40
+ toggleClass(...classes: string[]): DSelector;
41
+ trigger(eventName: string, data?: any, bubbles?: boolean, cancelable?: boolean, composed?: boolean): DSelector;
42
+ val(p1?: any, p2?: any): any;
43
+ values(values?: LooseObject): LooseObject;
44
+ at(index: number): DSelector;
45
+ concat(items: DSelector | any[]): DSelector;
46
+ entries(): IterableIterator<[number, any]>;
47
+ every(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): boolean;
48
+ filter(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): DSelector;
49
+ forEach(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): DSelector;
50
+ includes(item: HTMLElement): boolean;
51
+ indexOf(item: HTMLElement, start?: number): number;
52
+ map(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): Array<any>;
53
+ pop(): HTMLElement;
54
+ push(...items: HTMLElement[]): DSelector;
55
+ shift(): HTMLElement | undefined;
56
+ slice(start: number, end?: number): DSelector;
57
+ some(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): boolean;
58
+ splice(start: number, deleteCount?: number | undefined): DSelector;
59
+ }
60
+ export interface DSelector extends DomSelector {
61
+ }
62
+ declare class TbSelector {
63
+ #private;
64
+ get set(): Set<any>;
65
+ get array(): any[];
66
+ set set(set: Set<any>);
67
+ get length(): number;
68
+ set length(value: number);
69
+ constructor(selection?: selection, element?: HTMLElement);
70
+ $d(selection?: selection, element?: HTMLElement): DSelector;
71
+ children(nameSpace?: string): TSelector;
72
+ descendants(nameSpace?: string): TSelector;
73
+ first(nameSpace?: string): TSelector;
74
+ has(element: any): boolean;
75
+ last(nameSpace?: string): TSelector;
76
+ next(nameSpace?: string): TSelector;
77
+ ns(nameSpace: string): TSelector;
78
+ off(name: string, cb: Function): TSelector;
79
+ on(name: string, cb: Function, once?: boolean): Function;
80
+ one(name: string, cb: Function): Function;
81
+ parent(nameSpace?: string): TSelector;
82
+ parents(nameSpace?: string): TSelector;
83
+ prev(nameSpace?: string): TSelector;
84
+ trigger(ev: string, data?: any, bubble?: string): TSelector;
85
+ at(index: number): TSelector;
86
+ concat(items: TSelector): TSelector;
87
+ entries(): IterableIterator<[number, any]>;
88
+ every(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): boolean;
89
+ filter(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): TSelector;
90
+ forEach(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): TSelector;
91
+ includes(item: any): boolean;
92
+ indexOf(item: any, start?: number): number;
93
+ map(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): Array<any>;
94
+ pop(): any;
95
+ push(item: any): TSelector;
96
+ shift(): any | undefined;
97
+ slice(start: number, end?: number): TSelector;
98
+ some(predicate: (value: any, index: number, array: any[]) => unknown, thisArg?: any): boolean;
99
+ splice(start: number, deleteCount?: number | undefined): TSelector;
100
+ }
101
+ export interface TSelector extends TbSelector {
102
+ }
103
+ export declare const $d: (selection: selection, element?: any) => DSelector;
104
+ export declare const $t: (selection?: selection, element?: any) => TSelector;
105
+ export type singleSelector = string | ShadowRoot | HTMLElement | HTMLElement[] | HTMLCollection | NodeList | DSelector | MC | DC | TSelector | undefined;
106
+ export type selection = singleSelector | singleSelector[];
107
+ export {};
108
+ //# sourceMappingURL=selectors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../src/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAA8C,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAqR3C,cAAM,WAAW;;IAIhB,IAAW,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAEjC;IAED,IAAW,KAAK,IAAI,WAAW,EAAE,CAEhC;IAED,IAAW,GAAG,CAAE,GAAG,EAAE,GAAG,CAAC,WAAW,CAAC,EAGpC;IAED,IAAW,MAAM,IAAI,MAAM,CAE1B;gBAEY,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,GAAE,GAAmB;IA8BhE,EAAE,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAoBnC,GAAG,CAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,SAAS;IAa5D,QAAQ,CAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAI,SAAS;IAa3C,KAAK,CAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,SAAS;IAoB9D,MAAM,CAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,SAAS;IAiB/D,QAAQ,CAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,SAAS;IAgBjE,IAAI,IAAI,WAAW;IACnB,IAAI,CAAE,GAAG,EAAE,WAAW,GAAI,SAAS;IACnC,IAAI,CAAE,IAAI,EAAE,MAAM,GAAI,MAAM,GAAG,IAAI;IACnC,IAAI,CAAE,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAI,SAAS;IA+DhF,MAAM,CAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,SAAS;IAoB/D,QAAQ,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IAuBpE,WAAW,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IAsBvE,KAAK,IAAI,SAAS;IAIlB,KAAK,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IA8BjE,GAAG,CAAE,OAAO,EAAE,WAAW,GAAI,OAAO;IAIpC,QAAQ,CAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAI,OAAO;IAazC,IAAI,CAAE,IAAI,CAAC,EAAE,MAAM,GAAI,MAAM,GAAG,SAAS;IAmBzC,IAAI,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IAuChE,IAAI,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IA+BhE,SAAS,IAAI,SAAS;IAMtB,GAAG,CAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,GAAI,SAAS;IAuBjD,EAAE,CAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAE,OAAe,EAAE,IAAI,GAAE,OAAe,GAAI,QAAQ;IA6BhG,GAAG,CAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAE,OAAe,GAAI,QAAQ;IA4B1E,MAAM,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IAsBlE,OAAO,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IA0BnE,OAAO,CAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,SAAS;IAkBhE,IAAI,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAI,SAAS;IA+BhE,WAAW,CAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAI,SAAS;IAa9C,IAAI,CAAE,IAAI,CAAC,EAAE,MAAM,GAAI,MAAM,GAAG,SAAS;IAmBzC,WAAW,CAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAI,SAAS;IAa9C,OAAO,CAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,OAAO,GAAE,OAAe,EAAE,UAAU,GAAE,OAAe,EAAE,QAAQ,GAAE,OAAe,GAAI,SAAS;IA4BzI,GAAG,CAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,GAAG,GAAI,GAAG;IAiC9B,MAAM,CAAE,MAAM,CAAC,EAAE,WAAW,GAAI,WAAW;IAuD3C,EAAE,CAAE,KAAK,EAAE,MAAM,GAAI,SAAS;IAI9B,MAAM,CAAE,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,GAAI,SAAS;IAe7C,OAAO,IAAI,gBAAgB,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAI1C,KAAK,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,OAAO;IAIhG,MAAM,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,SAAS;IAKnG,OAAO,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,SAAS;IAKpG,QAAQ,CAAE,IAAI,EAAE,WAAW,GAAI,OAAO;IAItC,OAAO,CAAE,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,MAAM,GAAI,MAAM;IAIpD,GAAG,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,KAAK,CAAC,GAAG,CAAC;IAIjG,GAAG,IAAI,WAAW;IAIlB,IAAI,CAAE,GAAG,KAAK,EAAE,WAAW,EAAE,GAAI,SAAS;IAO1C,KAAK,IAAI,WAAW,GAAG,SAAS;IAahC,KAAK,CAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAI,SAAS;IAI/C,IAAI,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,OAAO;IAI/F,MAAM,CAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAI,SAAS;CAWpE;AAED,MAAM,WAAW,SAAU,SAAQ,WAAW;CAAE;AAEhD,cAAM,UAAU;;IAIf,IAAW,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAEzB;IAED,IAAW,KAAK,IAAI,GAAG,EAAE,CAExB;IAED,IAAW,GAAG,CAAE,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,EAG5B;IAED,IAAW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAE,KAAK,EAAE,MAAM,EAE/B;gBAEY,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,GAAE,WAA2B;IAcxE,EAAE,CAAE,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,GAAE,WAA2B,GAAI,SAAS;IAuB5E,QAAQ,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAkBzC,WAAW,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAkB5C,KAAK,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IA4BtC,GAAG,CAAE,OAAO,EAAE,GAAG,GAAI,OAAO;IAI5B,IAAI,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IA2BrC,IAAI,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAqCrC,EAAE,CAAE,SAAS,EAAE,MAAM,GAAI,SAAS;IAIlC,GAAG,CAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,GAAI,SAAS;IAwB5C,EAAE,CAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAE,OAAe,GAAI,QAAQ;IA6BjE,GAAG,CAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,GAAI,QAAQ;IA4B3C,MAAM,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAkBvC,OAAO,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAkBxC,IAAI,CAAE,SAAS,CAAC,EAAE,MAAM,GAAI,SAAS;IAqCrC,OAAO,CAAE,EAAE,EAAE,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,GAAE,MAAY,GAAI,SAAS;IAgBtE,EAAE,CAAE,KAAK,EAAE,MAAM,GAAI,SAAS;IAI9B,MAAM,CAAE,KAAK,EAAE,SAAS,GAAI,SAAS;IAarC,OAAO,IAAI,gBAAgB,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAI1C,KAAK,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,OAAO;IAIhG,MAAM,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,SAAS;IAInG,OAAO,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,SAAS;IAQpG,QAAQ,CAAE,IAAI,EAAE,GAAG,GAAI,OAAO;IAI9B,OAAO,CAAE,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,GAAI,MAAM;IAI5C,GAAG,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,KAAK,CAAC,GAAG,CAAC;IAIjG,GAAG,IAAI,GAAG;IAaV,IAAI,CAAE,IAAI,EAAE,GAAG,GAAI,SAAS;IAQ5B,KAAK,IAAI,GAAG,GAAG,SAAS;IASxB,KAAK,CAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAI,SAAS;IAI/C,IAAI,CAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,OAAO,CAAC,EAAE,GAAG,GAAI,OAAO;IAI/F,MAAM,CAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAI,SAAS;CAWpE;AAED,MAAM,WAAW,SAAU,SAAQ,UAAU;CAAE;AAE/C,eAAO,MAAM,EAAE,cAAgB,SAAS,YAAW,GAAG,KAAe,SAgBpE,CAAA;AAED,eAAO,MAAM,EAAE,eAAiB,SAAS,YAAW,GAAG,KAAe,SAErE,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,EAAE,GAAG,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzJ,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC"}