@twobirds/microcomponents 0.0.50 → 0.0.51
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/dist/formValues.d.ts.map +1 -1
- package/dist/formValues.ts +17 -18
- package/dist/formvValues.min.js +1 -1
- package/dist/microcomponents.min.js +1 -1
- package/package.json +1 -1
- package/public/assets/search.js +1 -1
- package/public/classes/MC.DC.html +13 -13
- package/public/classes/MC.MC.html +7 -7
- package/public/classes/MC.McBase.html +4 -4
- package/public/classes/MC.McEvent.html +13 -13
- package/public/classes/formValues.FormValues.html +86 -0
- package/public/functions/MC.addListener.html +2 -1
- package/public/functions/{formValues.formValues.html → MC.autoload.html} +18 -17
- package/public/functions/MC.removeListener.html +2 -1
- package/public/functions/elements.defineCE.html +1 -1
- package/public/functions/elements.getCE.html +1 -1
- package/public/functions/observables.observe.html +3 -3
- package/public/functions/selectors._d.html +1 -1
- package/public/functions/selectors._t.html +1 -1
- package/public/interfaces/MC.HTMLMcElement.html +2 -2
- package/public/interfaces/selectors.DSelector.html +55 -55
- package/public/interfaces/selectors.TSelector.html +37 -37
- package/public/modules/MC.html +3 -1
- package/public/modules/elements.html +1 -1
- package/public/modules/formValues.html +4 -4
- package/public/modules/observables.html +1 -1
- package/public/modules/selectors.html +1 -1
- package/public/types/observables.Observable.html +1 -1
- package/public/types/selectors.selection.html +1 -1
- package/public/types/selectors.singleSelector.html +1 -1
- package/src/formValues.ts +17 -18
- package/public/3d.html +0 -42
- package/public/Grandparent.css +0 -13
- package/public/Grandparent.js +0 -338
- package/public/MC.js +0 -314
- package/public/MC.js.map +0 -1
- package/public/MC.min.js +0 -451
- package/public/McEvent.js +0 -71
- package/public/McEvent.js.map +0 -1
- package/public/MicroComponents.svg +0 -15
- package/public/TestForm.css +0 -47
- package/public/TestForm.html +0 -56
- package/public/TestForm.js +0 -56
- package/public/TestForm.json +0 -27
- package/public/Testform.js +0 -149
- package/public/autoloader.js +0 -53
- package/public/autoloader.js.map +0 -1
- package/public/documentation/MC.md +0 -470
- package/public/documentation/ajaxian-1.png +0 -0
- package/public/documentation/ajaxian-2.png +0 -0
- package/public/documentation/ajaxian-3.png +0 -0
- package/public/documentation/comparision.md +0 -0
- package/public/documentation/elements.md +0 -276
- package/public/documentation/functional_requirements.md +0 -8
- package/public/documentation/history.md +0 -436
- package/public/documentation/how_tos.md +0 -0
- package/public/documentation/introduction.md +0 -0
- package/public/documentation/magic.md +0 -29
- package/public/documentation/observe.md +0 -317
- package/public/documentation/proposal_draft.md +0 -37
- package/public/documentation/rnd0023-1.jpg +0 -0
- package/public/documentation/rnd0023-2.jpg +0 -0
- package/public/documentation/rnd0023-3.jpg +0 -0
- package/public/documentation/tB_react.md +0 -207
- package/public/documentation/usage.md +0 -142
- package/public/documentation/why.md +0 -25
- package/public/elements.js +0 -48
- package/public/elements.js.map +0 -1
- package/public/elements.min.js +0 -1
- package/public/fiddle/MicroComponents.svg +0 -15
- package/public/fiddle/fiddle.css +0 -0
- package/public/fiddle/fiddle.js +0 -0
- package/public/fiddle/index.html +0 -0
- package/public/formValues.js +0 -205
- package/public/formValues.js.map +0 -1
- package/public/formvValues.min.js +0 -1
- package/public/helpers.js +0 -113
- package/public/helpers.js.map +0 -1
- package/public/microcomponents.es3.js +0 -303
- package/public/microcomponents.es3.js.map +0 -1
- package/public/microcomponents.js +0 -9
- package/public/microcomponents.js.map +0 -1
- package/public/microcomponents.min.js +0 -1
- package/public/my-tag.css +0 -19
- package/public/observables.js +0 -251
- package/public/observables.js.map +0 -1
- package/public/observables.min.js +0 -1
- package/public/selectors.js +0 -971
- package/public/selectors.js.map +0 -1
- package/public/selectors.min.js +0 -1
- package/public/src/MC.ts +0 -478
- package/public/src/McEvent.ts +0 -96
- package/public/src/autoloader.ts +0 -98
- package/public/src/elements.ts +0 -76
- package/public/src/formValues.ts +0 -278
- package/public/src/helpers.ts +0 -149
- package/public/src/microcomponents.ts +0 -8
- package/public/src/observables.ts +0 -405
- package/public/src/selectors.ts +0 -1634
- package/public/src/test.ts +0 -177
- package/public/test/Grandparent.js +0 -1
- package/public/test/Testform.js +0 -1
- package/public/test.html +0 -27
- package/public/test.js +0 -78
- package/public/test.js.map +0 -1
|
@@ -1,303 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
(function () {
|
|
3
|
-
if (!String.prototype.trim) {
|
|
4
|
-
String.prototype.trim = function () {
|
|
5
|
-
return this.replace(/^\s+|\s+$/g, "");
|
|
6
|
-
};
|
|
7
|
-
}
|
|
8
|
-
function unique(elements) {
|
|
9
|
-
var uniqueElements = [];
|
|
10
|
-
for (var i = 0; i < elements.length; i++) {
|
|
11
|
-
if (uniqueElements.indexOf(elements[i]) === -1) {
|
|
12
|
-
uniqueElements.push(elements[i]);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
return uniqueElements;
|
|
16
|
-
}
|
|
17
|
-
function matchesAttribute(element, attrSelector) {
|
|
18
|
-
var match = attrSelector.match(/^\[([^\]=~^$*]+)([~^$*|]?=)?(['"]?)(.*?)\3\]$/);
|
|
19
|
-
if (!match)
|
|
20
|
-
return false;
|
|
21
|
-
var attrName = match[1];
|
|
22
|
-
var operator = match[2] || null;
|
|
23
|
-
var attrValue = match[4] || null;
|
|
24
|
-
var actualValue = element.getAttribute(attrName);
|
|
25
|
-
if (actualValue === null)
|
|
26
|
-
return false;
|
|
27
|
-
switch (operator) {
|
|
28
|
-
case null:
|
|
29
|
-
return true;
|
|
30
|
-
case "=":
|
|
31
|
-
return actualValue === attrValue;
|
|
32
|
-
case "~=":
|
|
33
|
-
return (" " + actualValue + " ").indexOf(" " + attrValue + " ") !== -1;
|
|
34
|
-
case "^=":
|
|
35
|
-
return actualValue.indexOf(attrValue) === 0;
|
|
36
|
-
case "$=":
|
|
37
|
-
return actualValue.slice(-attrValue.length) === attrValue;
|
|
38
|
-
case "*=":
|
|
39
|
-
return actualValue.indexOf(attrValue) !== -1;
|
|
40
|
-
default:
|
|
41
|
-
return false;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function matchesSelector(element, selector) {
|
|
45
|
-
var regex = /(\w+)?(?:\.([\w\-]+))?(?:\[.*?\])?/g;
|
|
46
|
-
var match, tagMatch, classMatch, attrMatch;
|
|
47
|
-
while ((match = regex.exec(selector))) {
|
|
48
|
-
tagMatch = match[1];
|
|
49
|
-
classMatch = match[2] ? match[2].split(".") : null;
|
|
50
|
-
attrMatch = selector.match(/\[.*?\]/g);
|
|
51
|
-
if (tagMatch &&
|
|
52
|
-
element.tagName.toLowerCase() !== tagMatch.toLowerCase()) {
|
|
53
|
-
return false;
|
|
54
|
-
}
|
|
55
|
-
if (classMatch) {
|
|
56
|
-
for (var i = 0; i < classMatch.length; i++) {
|
|
57
|
-
if ((" " + element.className + " ").indexOf(" " + classMatch[i] + " ") === -1) {
|
|
58
|
-
return false;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
if (attrMatch) {
|
|
63
|
-
for (var j = 0; j < attrMatch.length; j++) {
|
|
64
|
-
if (!matchesAttribute(element, attrMatch[j])) {
|
|
65
|
-
return false;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
return true;
|
|
71
|
-
}
|
|
72
|
-
if (!document.querySelectorAll) {
|
|
73
|
-
document.querySelectorAll = function (selectors) {
|
|
74
|
-
var simpleSelectors = selectors.split(",");
|
|
75
|
-
var results = [];
|
|
76
|
-
for (var i = 0; i < simpleSelectors.length; i++) {
|
|
77
|
-
var selector = simpleSelectors[i].trim();
|
|
78
|
-
if (!selector)
|
|
79
|
-
continue;
|
|
80
|
-
var allElements = document.getElementsByTagName("*");
|
|
81
|
-
for (var j = 0; j < allElements.length; j++) {
|
|
82
|
-
if (matchesSelector(allElements[j], selector)) {
|
|
83
|
-
results.push(allElements[j]);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
return unique(results);
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
if (!document.querySelector) {
|
|
91
|
-
document.querySelector = function (selectors) {
|
|
92
|
-
var elements = document.querySelectorAll(selectors);
|
|
93
|
-
return elements.length ? elements[0] : null;
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
if (typeof HTMLElement !== "undefined" &&
|
|
97
|
-
!HTMLElement.prototype.querySelectorAll) {
|
|
98
|
-
HTMLElement.prototype.querySelectorAll = function (selectors) {
|
|
99
|
-
var simpleSelectors = selectors.split(",");
|
|
100
|
-
var results = [];
|
|
101
|
-
for (var i = 0; i < simpleSelectors.length; i++) {
|
|
102
|
-
var selector = simpleSelectors[i].trim();
|
|
103
|
-
if (!selector)
|
|
104
|
-
continue;
|
|
105
|
-
var allElements = this.getElementsByTagName("*");
|
|
106
|
-
for (var j = 0; j < allElements.length; j++) {
|
|
107
|
-
if (matchesSelector(allElements[j], selector)) {
|
|
108
|
-
results.push(allElements[j]);
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
return unique(results);
|
|
113
|
-
};
|
|
114
|
-
}
|
|
115
|
-
if (typeof HTMLElement !== "undefined" &&
|
|
116
|
-
!HTMLElement.prototype.querySelector) {
|
|
117
|
-
HTMLElement.prototype.querySelector = function (selectors) {
|
|
118
|
-
var elements = this.querySelectorAll(selectors);
|
|
119
|
-
return elements.length ? elements[0] : null;
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
if (!Object.values) {
|
|
123
|
-
Object.values = function (obj) {
|
|
124
|
-
if (obj === null ||
|
|
125
|
-
(typeof obj !== "object" && typeof obj !== "function")) {
|
|
126
|
-
throw new TypeError("Object.values called on a non-object");
|
|
127
|
-
}
|
|
128
|
-
var values = [];
|
|
129
|
-
for (var key in obj) {
|
|
130
|
-
if (obj.hasOwnProperty(key)) {
|
|
131
|
-
values.push(obj[key]);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
return values;
|
|
135
|
-
};
|
|
136
|
-
}
|
|
137
|
-
})();
|
|
138
|
-
window.MC = (function () {
|
|
139
|
-
function getMicroComponents(elements, search) {
|
|
140
|
-
let mcValues = [];
|
|
141
|
-
elements.forEach((e) => {
|
|
142
|
-
if (e) {
|
|
143
|
-
if (e instanceof HTMLElement) {
|
|
144
|
-
const _mc = e?._mc;
|
|
145
|
-
if (!search && _mc) {
|
|
146
|
-
mcValues = mcValues.concat(Object.values(e._mc));
|
|
147
|
-
}
|
|
148
|
-
else if (search && _mc && _mc[search]) {
|
|
149
|
-
mcValues.push(_mc[search]);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
return mcValues;
|
|
155
|
-
}
|
|
156
|
-
function traverseNodes(node, search, firstonly = true) {
|
|
157
|
-
let mcValues = [];
|
|
158
|
-
while (node) {
|
|
159
|
-
if (node._mc) {
|
|
160
|
-
if (!search) {
|
|
161
|
-
mcValues = mcValues.concat(Object.values(node._mc));
|
|
162
|
-
}
|
|
163
|
-
else if (search && node._mc[search]) {
|
|
164
|
-
mcValues.push(node._mc[search]);
|
|
165
|
-
}
|
|
166
|
-
if (firstonly)
|
|
167
|
-
return mcValues;
|
|
168
|
-
}
|
|
169
|
-
node = node.parentNode;
|
|
170
|
-
}
|
|
171
|
-
return mcValues;
|
|
172
|
-
}
|
|
173
|
-
function isDOM(element) {
|
|
174
|
-
return element && element instanceof HTMLElement;
|
|
175
|
-
}
|
|
176
|
-
var MC = function () { };
|
|
177
|
-
class MC {
|
|
178
|
-
#target = {};
|
|
179
|
-
#_mc = {};
|
|
180
|
-
static debug = false;
|
|
181
|
-
constructor(target) {
|
|
182
|
-
this.#target = target;
|
|
183
|
-
this.#_mc = {};
|
|
184
|
-
}
|
|
185
|
-
get _mc() {
|
|
186
|
-
if (!MC.debug)
|
|
187
|
-
return undefined;
|
|
188
|
-
return this.#_mc;
|
|
189
|
-
}
|
|
190
|
-
get target() {
|
|
191
|
-
return this.#target;
|
|
192
|
-
}
|
|
193
|
-
static siblings(target, search = "") {
|
|
194
|
-
const mc = target;
|
|
195
|
-
if (!mc._mc) {
|
|
196
|
-
return [];
|
|
197
|
-
}
|
|
198
|
-
const _mc = mc._mc;
|
|
199
|
-
if (search.length) {
|
|
200
|
-
return _mc?.[search] || [];
|
|
201
|
-
}
|
|
202
|
-
return [...Object.values(_mc)];
|
|
203
|
-
}
|
|
204
|
-
static add(target, key, element = {}) {
|
|
205
|
-
let node = target;
|
|
206
|
-
if (!node._mc) {
|
|
207
|
-
node._mc = new MC(target);
|
|
208
|
-
}
|
|
209
|
-
const _mc = node._mc;
|
|
210
|
-
if (key.length && !_mc[key]) {
|
|
211
|
-
_mc[key] = element;
|
|
212
|
-
if (target instanceof HTMLElement) {
|
|
213
|
-
target.setAttribute("_mc", "");
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
return element;
|
|
217
|
-
}
|
|
218
|
-
static remove(target, key) {
|
|
219
|
-
if (!key)
|
|
220
|
-
return;
|
|
221
|
-
const _mc = target?._mc || {};
|
|
222
|
-
if (_mc && _mc[key]) {
|
|
223
|
-
delete _mc[key];
|
|
224
|
-
}
|
|
225
|
-
if (!Object.keys(_mc).length &&
|
|
226
|
-
target instanceof HTMLElement &&
|
|
227
|
-
target.hasAttribute("_mc")) {
|
|
228
|
-
target.removeAttribute("_mc");
|
|
229
|
-
}
|
|
230
|
-
return;
|
|
231
|
-
}
|
|
232
|
-
add(key, element, target) {
|
|
233
|
-
if (this.#_mc[key])
|
|
234
|
-
return;
|
|
235
|
-
if (target) {
|
|
236
|
-
MC.add(target, key, element);
|
|
237
|
-
}
|
|
238
|
-
this.#_mc[key] = element;
|
|
239
|
-
return element;
|
|
240
|
-
}
|
|
241
|
-
remove(key, target) {
|
|
242
|
-
const _mc = this.#_mc;
|
|
243
|
-
const t = target;
|
|
244
|
-
if (target) {
|
|
245
|
-
MC.remove(t, key);
|
|
246
|
-
}
|
|
247
|
-
delete _mc?.[key];
|
|
248
|
-
}
|
|
249
|
-
siblings(search = "") {
|
|
250
|
-
const _mc = this.#_mc;
|
|
251
|
-
if (!_mc)
|
|
252
|
-
return [];
|
|
253
|
-
const result = _mc[search || ""];
|
|
254
|
-
return search && result ? [result] : [...Object.values(_mc)];
|
|
255
|
-
}
|
|
256
|
-
parent(search = "") {
|
|
257
|
-
if (!isDOM(this.#target))
|
|
258
|
-
return [];
|
|
259
|
-
return traverseNodes(this.#target.parentNode, search, true);
|
|
260
|
-
}
|
|
261
|
-
parents(search = "") {
|
|
262
|
-
if (!isDOM(this.#target))
|
|
263
|
-
return [];
|
|
264
|
-
return traverseNodes(this.#target.parentNode, search, false);
|
|
265
|
-
}
|
|
266
|
-
children(search = "") {
|
|
267
|
-
if (!isDOM(this.#target))
|
|
268
|
-
return [];
|
|
269
|
-
const id = Math.random().toString().replace(".", "");
|
|
270
|
-
const selector = '[_mc]:not([temp_id="' + id + '"] [_mc] [_mc])';
|
|
271
|
-
this.#target.setAttribute("temp_id", id);
|
|
272
|
-
const myDomElements = this.#target.querySelectorAll(selector);
|
|
273
|
-
const mcValues = getMicroComponents([...myDomElements], search);
|
|
274
|
-
this.#target.removeAttribute("temp_id");
|
|
275
|
-
return mcValues;
|
|
276
|
-
}
|
|
277
|
-
descendants(search = "") {
|
|
278
|
-
if (!isDOM(this.#target))
|
|
279
|
-
return [];
|
|
280
|
-
const myDomElements = this.#target.querySelectorAll("*[_mc]");
|
|
281
|
-
return getMicroComponents([...myDomElements], search);
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
return MC;
|
|
285
|
-
})();
|
|
286
|
-
function findNodesWithMcAttribute(rootNode, childrenOnly) {
|
|
287
|
-
var result = [];
|
|
288
|
-
var getChildren = childrenOnly === undefined ? true : childrenOnly;
|
|
289
|
-
function walk(node) {
|
|
290
|
-
if (node.nodeType === 1 && node.getAttribute("_mc") !== null) {
|
|
291
|
-
result.push(node);
|
|
292
|
-
return;
|
|
293
|
-
}
|
|
294
|
-
var child = node.firstChild;
|
|
295
|
-
while (child) {
|
|
296
|
-
walk(child);
|
|
297
|
-
child = child.nextSibling;
|
|
298
|
-
}
|
|
299
|
-
}
|
|
300
|
-
walk(rootNode);
|
|
301
|
-
return result;
|
|
302
|
-
}
|
|
303
|
-
//# sourceMappingURL=microcomponents.es3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"microcomponents.es3.js","sourceRoot":"","sources":["../src/microcomponents.es3.js"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
export * from './helpers.js';
|
|
3
|
-
export * from './MC.js';
|
|
4
|
-
export * from './McEvent.js';
|
|
5
|
-
export * from './elements.js';
|
|
6
|
-
export * from './observables.js';
|
|
7
|
-
export * from './selectors.js';
|
|
8
|
-
export * from './formValues.js';
|
|
9
|
-
//# sourceMappingURL=microcomponents.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"microcomponents.js","sourceRoot":"","sources":["../src/microcomponents.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.microcomponents=t():e.microcomponents=t()}(this,(()=>(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function r(e){return e&&e.constructor&&e.constructor===Object}function n(e){let t={};return[...Object.keys(e)].sort().forEach((a=>{r(e[a])?t[a]=n(e[a]):t[a]=e[a]})),t}function a(e,t=!0){let r={};return[...Object.getOwnPropertyNames(e)].forEach((t=>{if(e[t]&&e[t].constructor&&e[t].constructor===Object){const n=a(e[t],!1);for(const e in n)r[t+"."+e]=n[e]}else r[t]=e[t]})),t?n(r):r}function s(e,t){return JSON.stringify(a(e))===JSON.stringify(a(t))}function o(e,t={}){let r=e.constructor===String?e.split("."):e;if(t&&r[0]&&t[r[0]])return t[r[0]].constructor===Object&&r.length>1?o(r.splice(1),t[r[0]]):t[r[0]];console.warn("ns",r[0],"not in",t)}function c(e,t){var n=Array.from(arguments);if(n.length>2){for(;n.length>1;)n[0]=c(n[0],n[1]),n.splice(1,1);return n[0]}if("string"==typeof e)e.match(/\{[^\{\}]*\}/g)?.forEach((function(r){var n=o(r.substring(1,r.length-1),t);void 0!==n&&(e=e.replace(r,n))}));else if(r(e))switch(e.constructor){case Object:Object.keys(e).forEach((function(r){e.hasOwnProperty(r)&&(e[r]=c(e[r],t))}));break;case Array:e.forEach((function(r,n,a){a[n]=c(e[n],t)}))}return e}function i(e){return e.split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("")}function l(e,t){let r;return()=>{clearTimeout(r),r=setTimeout((function(){e(...arguments)}),t)}}function u(e){let t=document.createElement("template");return e=e.replace(/<([A-Za-z0-9\-]*)([^>\/]*)(\/>)/gi,"<$1$2></$1>"),t.innerHTML=e,t.content.normalize(),Array.from(t.content.childNodes)}function f(e,t){const r=Object.getOwnPropertyDescriptors(e);for(const[e,n]of Object.entries(r))("get"in n||"set"in n)&&Object.defineProperty(t,e,n)}e.r(t),e.d(t,{$d:()=>Y,$t:()=>K,DC:()=>N,FormValues:()=>ae,MC:()=>k,McBase:()=>x,McEvent:()=>p,addListener:()=>v,autoload:()=>M,copyGettersSetters:()=>f,debounce:()=>l,deepEqual:()=>s,defineCE:()=>H,flattenObject:()=>a,getCE:()=>$,htmlToElements:()=>u,isNativeObject:()=>r,kebabToPascal:()=>i,nameSpace:()=>o,observe:()=>V,parse:()=>c,removeListener:()=>O,sortObject:()=>n});var h=new Function("try {return this===window;}catch(e){ return false;}");let d=new Set;h()&&Object.keys(HTMLElement.prototype).filter((e=>/^on/.test(e))).forEach((e=>d.add(e)));class p{#e;#t=!1;#r=!1;constructor(e,t={},r="l"){this.#e=e,this.data=t,this.bubble=r}get type(){return this.#e}get stopped(){return this.#t}get immediateStopped(){return this.#r}stopPropagation(){this.#t=!0}stopImmediatePropagation(){this.stopPropagation(),this.#r=!0}}var m=new Function("try {return this===window;}catch(e){ return false;}");let b=new Set;function g(e,t){let r=[];return e.forEach((e=>{if(e&&e instanceof HTMLElement){const n=e?._mc;!t&&n?r=r.concat(Object.values(e._mc)):t&&n&&n[t]&&r.push(n[t])}})),r}function y(e,t,r=!0){let n=[];for(;e;){if(e._mc&&(t?t&&e._mc[t]&&n.push(e._mc[t]):n=n.concat(Object.values(e._mc)),r))return n;e=e.parentNode}return n}function E(e){return e&&e instanceof HTMLElement}function v(e,t,r,n=!1,a=!1){let s={once:!1};n&&(s.capture=n),a&&(s.once=a),e.addEventListener(t,r,s)}function O(e,t,r){e.removeEventListener(t,r)}function w(e,t,r={}){let n=e;if(!n._mc){let t=N?.debug;N.debug=!1,n._mc=new N(e),N.debug=t,delete n._mc._mc}const a=n._mc;return t.length&&!a[t]&&(a[t]=r,e instanceof HTMLElement&&e.setAttribute("_mc","")),r}function S(e,t){if(!t)return;const r=e?._mc||{};r&&r[t]&&delete r[t],!Object.keys(r).length&&e instanceof HTMLElement&&e.hasAttribute("_mc")&&e.removeAttribute("_mc")}function A(e,t,r={},n="l"){let a=e?._mc;if(!a)return;let s=t instanceof p?new p(t.type,t.data,"l"):new p(t,r,"l"),o="string"!=typeof t?t:new p(t,r,n);[...Object.values(a)].forEach((e=>{e?.trigger&&"function"==typeof e?.trigger&&e?.trigger(s)})),/[ud]/.test(o.bubble)&&j(e,o)}function j(e,t){/[ud]/.test(t.bubble)&&setTimeout((()=>{if(-1===t.bubble.indexOf("l")&&(t.bubble+="l"),t.bubble.indexOf("u")>-1){let r=y(e,"",!0)?.[0].target;r&&N.trigger(r,t)}t.bubble.indexOf("d")>-1&&new Set(e._mc.children().map((e=>e?.target))).forEach((e=>{e&&N.trigger(e,t)}))}),0)}m()&&Object.keys(HTMLElement.prototype).filter((e=>/^on/.test(e))).forEach((e=>b.add(e)));class x{#n;constructor(e,t=!1){var r;this.#n=new WeakRef(e||{}),(r=this).constructor!==N&&setTimeout((()=>{r.trigger("Init")}),0),function(e){if(!m()||e.constructor===N)return;const t=e.target;if(t instanceof HTMLElement){let r=e;Object.getOwnPropertyNames(r.constructor.prototype).filter((e=>/^on[A-Z]|one[A-Z]/.test(e)&&"function"==typeof r.constructor.prototype[e])).forEach((n=>{let a=/^one/.test(n),s=n.replace(/^on[e]{0,1}/,""),o=s.toLowerCase();a&&Object.defineProperty(e,"on"+s,{configurable:!0,enumerable:!1,writable:!0,value:e=>{r.constructor.prototype[n].bind(r)(e)}}),b.has("on"+o)&&v(t,o,(e=>{r.trigger(s,e)}),!1,a)}))}}(this)}get target(){return this.#n.deref()}}class k extends x{_mc={};constructor(e){super(e)}static trigger=A;trigger(e,t={},r="l"){let n=this;if(n.constructor===k||n.constructor===N){let a=e instanceof p?new p(e.type,e.data,"l"):new p(e,t,"l"),s="string"!=typeof e?e:new p(e,t,r);return[...Object.getOwnPropertyNames(n)].forEach((e=>{n[e]?.trigger&&"function"==typeof n[e]?.trigger&&n[e]?.trigger(a)})),void(/[ud]/.test(s.bubble)&&j(n.target,s))}if(n instanceof k||n instanceof N){const n=this,a="string"!=typeof e?e:new p(e,t,r),s="on"+a.type[0].toUpperCase()+a.type.slice(1);if(a.bubble.indexOf("l")>-1&&(a.immediateStopped||"function"!=typeof n[s]||(n[s](a),n.hasOwnProperty(s)&&delete n[s])),a.stopped||"l"===a.bubble)return n;/[ud]/.test(a.bubble)&&j(n.target,a)}}}class N extends x{_mc={};constructor(e,t=!1){super(e)}static add=w;static remove=S;static trigger=A;trigger(e,t={},r){k.prototype.trigger.call(this,e,t,r)}parent(e=""){let t=this.target;return E(t)?y(t.parentNode,e,!0):[]}ancestors(e=""){let t=this?.target;return E(t)?y(this.target.parentNode,e,!1):[]}children(e=""){let t=this?.target;if(!E(t))return[];const r=Math.random().toString().replace(".",""),n='[_mc]:not([temp_id="'+r+'"] [_mc] [_mc])';t.setAttribute("temp_id",r);const a=g([...t.querySelectorAll(n)],e);return t.removeAttribute("temp_id"),a}descendants(e=""){let t=this?.target;return E(t)?g([...t.querySelectorAll("*[_mc]")],e):[]}}let T=null;const _=new Map;function C(){document.querySelectorAll(':not(:defined),[_mc]:not([_mc=""])').forEach((e=>{(e.tagName.includes("-")?[e.tagName.toLowerCase()]:e.getAttribute("_mc").trim().split(" ")).forEach((t=>{let r=t.toLowerCase().split("-"),n=r[r.length-1],a=n[0].toUpperCase()+n.slice(1);if(r[r.length-1]=a,r=r.join("/")+".js",e.tagName.includes("-")&&!_.has(e.tagName.toLowerCase())){const e=document.createElement("script");_.set(t,r),e.setAttribute("src",r),e.setAttribute("blocking","render"),e.setAttribute("type","module"),e.onload=()=>{_.delete(t)},document.head.append(e)}}))}))}let L=!1;function M(e=!0){return e?(L=e,T=new MutationObserver(C),setTimeout((()=>{T.observe(document.body,{childList:!0,subtree:!0}),C()}),5),L):(T?.disconnect(),T=null,L)}class P extends HTMLElement{constructor(){super()}connectedCallback(){N.trigger(this,"Connected")}disconnectedCallback(){N.trigger(this,"Disconnected")}adoptedCallback(){N.trigger(this,"Adopted")}attributeChangedCallback(e,t,r){N.trigger(this,"AttributeChanged",{name:e,oldValue:t,newValue:r})}}function H(e,t,r=[]){if(customElements.get(e))return void console.warn(`IGNORED: Custom element "${e}" is already defined!`);if(!e.includes("-"))throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');let n=i(e);customElements.define(e,function(e,t){return Object.defineProperty(t,"name",{value:e})}(n,class extends P{instance;constructor(e){super();let r=new t(this,e);N.add(this,n,r)}static get observedAttributes(){return r}}))}function $(e){return customElements.get(e)}function q(e){return null!=e&&"object"==typeof e}function D(e){let t=new Set,r=/\{[^\{\}]*\}/g;return e.getAttributeNames().filter((t=>e.getAttribute(t)?.match(r))).forEach((n=>{new Set(e.getAttribute(n)?.match(r)).forEach((e=>t.add(e.replace(/[\{\}]/g,""))))})),[...e.childNodes].filter((e=>3===e.nodeType&&(e.nodeValue||"").match(r))).forEach((e=>{(e.nodeValue||"").match(r).forEach((e=>{t.add(e.replace(/[\{\}]/g,""))}))})),[...t].map((e=>e.replace(/[\{\}]/g,""))),[...t]}const I=[HTMLInputElement,HTMLSelectElement,HTMLTextAreaElement];class B extends N{data={};oldDisplay="";constructor(e){super(e);let t=this;D(e).forEach((e=>t.data[e]="")),V(t),t.#a(),delete t._mc}#a(){let e=this,t=e.target,r=!1;t.getAttributeNames().filter((e=>t.getAttribute(e)?.match(/\{[^\{\}]*\}/g))).forEach((r=>{let n=new Set(t.getAttribute(r)?.match(/\{[^\{\}]*\}/g));var a;e.data.observe((a=t.getAttribute(r),e=>{let s=a;n.forEach((t=>{s=s.replace(t,e[t.replace(/[\{\}]/g,"")])})),t.setAttribute(r,s)}))})),[...t.childNodes].filter((e=>3===e.nodeType&&(e.nodeValue||"").match(/\{[^\{\}]*\}/g))).forEach((n=>{r=!0;let a=new Set(n.nodeValue.match(/\{[^\{\}]*\}/g));var s;e.data.observe((s=n.nodeValue,r=>{let o=s;a.forEach((e=>{o=o.replace(e,r[e.replace(/[\{\}]/g,"")])})),Object.keys(r).some((e=>!!r[e]))&&(e.oldDisplay?t.style=e.oldDisplay:t.removeAttribute("style"),delete e.oldDisplay),n.nodeValue=o})),e.oldDisplay=t.getAttribute("style)")||"",r&&!I.includes(t.constructor)&&"FIELDSET"!==t.tagName&&(t.style.display="none")}))}onData(e){let t=this,r={};Object.keys(e.data).forEach((n=>{t.data.hasOwnProperty(n)&&(r[n]=e.data[n])})),JSON.stringify(r)!==JSON.stringify(t.data)&&Object.assign(t.data,r)}}const V=(e,t)=>((t?[t]:[...Object.getOwnPropertyNames(e)]).forEach((t=>{if("_"===t[0]||void 0===e?.[t])return e;let r,n=e[t];if(!n.prototype)switch(typeof n){case"string":r=String;break;case"number":r=Number;break;case"boolean":r=Boolean;break;case"object":r=n instanceof Array?Array:Object;break;default:return}let o=class extends r{#s=!0;constructor(e){super(e),this.constructor.callbacks=[],q(e)&&Object.getOwnPropertyNames(e).forEach((t=>{this[t]=e[t]}))}observe(e){return this.constructor.callbacks.push(e),this}bind(e){const t=this;if(q(t.valueOf())){!function(e){var t;(t=e,(t instanceof HTMLElement?[t]:[]).concat([...t.querySelectorAll("*")]).filter((e=>!!D(e).length)).filter((e=>"STYLE"!==e.tagName))).forEach((e=>{e?._mc?._placeholders||N.add(e,"_placeholders",new B(e))}))}(e);const r=[...e.querySelectorAll("[_mc]")].filter((e=>!!e?._mc?._placeholders)),n=function(e){let t=a(e);r.forEach((e=>{e&&e._mc.trigger("data",t)}))};t.constructor.callbacks.push(n),t.notify()}else console.warn("IGNORED - cannot bind a non-Object to the dom, IS:",typeof t.valueOf(),t);return this}notify(e){let t=this,r=q(t.valueOf())&&t.valueOf()instanceof Array==0?structuredClone(Object.assign({},t)):t.valueOf();return void 0!==e&&(t.#s=e),t.constructor.callbacks.forEach((e=>{e(r)})),t}},c=new o(n);Object.defineProperty(e,t,{enumerable:!0,get(){if(q(c.valueOf())){let e=structuredClone(Object.assign({},c));setTimeout(l((function(){s(structuredClone(Object.assign({},c)),e)||c.notify()}),0),0)}return c},set(e){if(typeof e==typeof c.valueOf())if(q(c.valueOf())&&c.valueOf()instanceof Array==0){let t=structuredClone(Object.assign({},c));c instanceof o==0&&(c=new o(structuredClone(Object.assign({},e))),f(e,c),c.seal()),Object.assign(c,e),setTimeout(l((function(){s(structuredClone(Object.assign({},c)),t)||c.notify()}),0),0)}else{let t=c.valueOf(),r=c.constructor.callbacks;c=new o(e),c.constructor.callbacks=r,e!==t&&c.notify()}else console.warn("IGNORED - cannot change observable types, IS:",typeof c.valueOf(),c,"- CANNOT BECOME:",typeof e)}}),e[t]=n})),e),z=e=>{let t=new Set;return e.forEach((e=>{(e=e.trim()).split(" ").forEach((e=>{""!==e&&t.add(e)}))})),Array.from(t)},F=e=>{let t=Y("input,select,textarea",e).array,r={};return t.forEach((t=>{const n=t.getAttribute("name")||"undefined";if(n){let a;switch((e=>e instanceof HTMLInputElement?"input":e instanceof HTMLSelectElement?"select":e instanceof HTMLTextAreaElement?"textarea":"")(t)){case"input":a=new G(t,e),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>a.val,set:e=>{a.val=e}});break;case"select":a=new R(t),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>a.val,set:e=>{a.val=e}});break;case"textarea":a=new U(t),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>a.val,set:e=>{a.val=e}});break;default:console.warn("handler missing:",n,"for",t)}}})),r};class J{constructor(e){}}class G extends J{#o;#e;#c;constructor(e,t){super(e),this.#o=e,this.#e=e.type,this.#c=t}get val(){let e,t=this;switch(t.#e){case"radio":const r=Y(`input[type="radio"][name="${this.#o.getAttribute("name")}"]`,this.#c).filter((e=>e.checked));return r.length?(e=r.array[0],e.value):"";case"checkbox":return t.#o.checked;default:return t.#o.value}return""}set val(e){let t=this;switch(t.#e){case"radio":const r=`input[type="radio"][name="${this.#o.getAttribute("name")}"]`,n=Y(r,this.#c);if(!n.length)return;if(""===e)return void n.forEach((e=>{e.checked&&(e.checked=!1)}));const a=n.filter((t=>t.getAttribute("value")===e));if(!a.length)return;return void(a.array[0].checked=!0);case"checkbox":t.#o.checked=e;break;default:t.#o.value=e}}}class R extends J{#o;#i=!1;constructor(e){super(e),this.#o=e,this.#i="select-multiple"===e.type}get val(){const e=[];return Y(this.#o.querySelectorAll("option")).filter((e=>e.selected)).forEach((t=>{t.selected&&e.push(t.value)})),this.#i?e:e.length?e[0]:""}set val(e){e="string"==typeof e?[e]:e,Y(this.#o.querySelectorAll("option")).forEach((t=>{e.indexOf(t.value)>-1?(t.setAttribute("selected",!0),t.selected=!0):(t.removeAttribute("selected"),t.selected=!1)}))}}class U extends J{#o;constructor(e){super(e),this.#o=e}get val(){return this.#o.value}set val(e){this.#o.value=e}}class W{#l=new Set;get set(){return this.#l}get array(){return Array.from(this.#l)}set set(e){this.#l=e}get length(){return this.#l.size}constructor(e,t=document.body){if(new Set,!e)return this}$t(e){let t=new Z;return this.#l.forEach((e=>{e._mc&&Object.values(e._mc).forEach((e=>{t.set.add(e)}))})),e&&t.filter((t=>t.nameSpace===e)),t}add(e,t){let r=this;return Y(e,t).forEach((e=>{r.#l.add(e)})),r}addClass(...e){return e=z(e),this.forEach((t=>{t.classList.add(...e)})),this}after(e,t){let r=this,n=Y(e,t);return n.length?(n.first().forEach((e=>{r.array.reverse().forEach((t=>{t.after(e)}))})),r):r}append(e,t){let r=this.array[0],n=Y(e,t);return r&&n.forEach((e=>{r.append(e)})),this}appendTo(e,t){let r=Y(e,t).array[0];return r&&this.forEach((e=>{r.append(e)})),this}attr(e,t){let r=this,n={};return r.length?arguments.length?"string"==typeof e?void 0===t?[...r.set][0].getAttribute(e):null===t?([...r.set].forEach((t=>{t.removeAttribute(e)})),r):("object"==typeof t&&(t=JSON.stringify(t)),[...r.set].forEach((r=>{r.setAttribute(e,t)})),r):"object"==typeof e?([...r.set].forEach((t=>{Object.keys(e).forEach((r=>{Y(t).attr(r,e.key)}))})),r):r:(Array.from([...r.set][0].attributes).forEach((e=>{n[e.name]=e.value})),n):r}before(e,t){let r=this,n=Y(e,t);return n.length?(n.first().forEach((e=>{r.forEach((t=>{t.before(e)}))})),r):r}children(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{Array.from(e.children).forEach((e=>{n.add(e)}))})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}descendants(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{e.querySelectorAll("*").forEach((e=>{n.add(e)}))})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}empty(){return this.filter((e=>!1))}first(e,t){let r=this,n=new Set,a=!1;return e&&(a=Y(e,t)),r.#l.forEach((e=>{e.parentNode&&n.add(e.parentNode.children[0])})),r=Y([...n]),e&&r.filter((e=>a.has(e))),r}has(e){return this.#l.has(e)}hasClass(...e){return e=z(e),this.every((e=>Array.from(e.classList).every((t=>e.contains(t)))))}html(e){let t=this;return e?(t.forEach((t=>{t.parentNode?t.innerHTML=e:(()=>{console.warn("Cannot access the .innerHTML of a HTMLElement that hasnt been inserted yet",t),console.trace(t,this),console.info("If you called this from inside a Web Component constructor, consider using the %c[connected] event callback!","color: blue;")})()})),t):t.array[0].innerHTML}last(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{let t=e.parentNode?.children;t&&n.add(Array.from(t).at(-1))})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}next(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{let t=e.parentNode?.children;if(t){let r=Array.from(t),a=r.indexOf(e)+1;a<r.length&&n.add(r.at(a))}})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}normalize(){return this.#l.forEach((e=>{e.normalize()})),this}off(e,t){let r=e.indexOf(" ")>-1?e.split(" "):[e];return this.array.forEach((e=>{r.forEach((function(r){O(e,r,t)}))})),this}on(e,t,r=!1,n=!1){let a=this,s=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function o(){o.cb.apply(a,Array.from(arguments))}return o.cb=t,a.forEach((e=>{s.forEach((function(t){v(e,t,o,r,n)}))})),o}one(e,t,r=!1){let n=this,a=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function s(){s.cb.apply(n,Array.from(arguments))}return s.cb=t,n.forEach((e=>{a.forEach((function(t){v(e,t,s,r,!0)}))})),s}parent(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{e.parentNode&&"HTML"!==e.parentNode.tagName&&n.add(e.parentNode)})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}parents(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{let t=e;for(;t.parentNode&&"HTML"!==t.parentNode.tagName;)t=t.parentNode,n.add(t)})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}prepend(e,t){let r=this.array[0],n=Y(e,t);return r&&n.forEach((e=>{r.prepend(e)})),this}prev(e,t){let r=this,n=new Set;if(r.#l.forEach((e=>{let t=e.parentNode?.children;if(t){let r=Array.from(t),a=r.indexOf(e)-1;a>-1&&n.add(r.at(a))}})),r=Y([...n]),e){let n=Y(e,t);r.filter((e=>n.has(e)))}return r}removeClass(...e){return e=z(e),this.forEach((t=>{t.classList.remove(...e)})),this}text(e){let t=this;return e?(t.forEach((t=>{t.parentNode?t.innerText=e:(()=>{console.warn("Cannot access the .textContent of a HTMLElement that hasnt been inserted yet",t),console.trace(t,this),console.info("If you called this from inside a Web Component constructor, consider using the %c[connected] event callback!","color: blue;")})()})),t):t.array[0].innerText??""}toggleClass(...e){return e=z(e),this.forEach((t=>{t.classList.toggle(...e)})),this}trigger(e,t={},r=!1,n=!1,a=!1){let s,o={bubbles:r,cancelable:n,composed:a},c=e.indexOf(" ")>-1?e.split(" "):[e];return this.#l.forEach((e=>{c.forEach((function(r){s=new Event(r,o),s.data=t,e.dispatchEvent(s)}))})),this}val(e,t){if(!this.length)return this;const r=this;let n,a=F(r.array[0]);var s;return e?null!=(s=e)&&"object"==typeof s?(Object.assign(a,e),n=r):"string"==typeof e&&(void 0===t?n=a[e]:(a[e]=t,n=r)):n=Object.assign({},a),n}values(e){const t=this;let r={};if(!t.length)return console.warn("no dom selection to search inputs in"),{};let n=F(t.array[0]);return Object.keys(n).forEach((e=>{r[e]=n[e]})),0===Object.keys(r).length&&console.warn("no inputs in this dom selection",t.array[0],r),e&&Object.keys(e).forEach((t=>{n.hasOwnProperty(t)&&(console.log("key found",t),n[t]=e[t])})),structuredClone(Object.assign(n))}at(e){return Y(this.array.at(e))}concat(e){let t=this;return(e instanceof W?e.array:e).forEach((e=>{t.#l.add(e)})),t}entries(){return this.array.entries()}every(e,t){return this.array.every(e,t)}filter(e,t){return this.#l=new Set(this.array.filter(e,t)),this}forEach(e,t){return this.array.forEach(e,t),this}includes(e){return-1!==this.array.indexOf(e,0)}indexOf(e,t){return this.array.indexOf(e,t)}map(e,t){return this.array.map(e,t)}pop(){return this.array.pop()}push(...e){return e.forEach((e=>{this.#l.add(e)})),this}shift(){let e=this,t=e.#l.size?e.array[0]:void 0;return t&&e.#l.delete(t),t}slice(e,t){return Y(this.array.slice(e,t))}some(e,t){return this.array.some(e,t)}splice(e,t,...r){let n=this.array;return n.splice(e,t,...r),Y(n)}}class Z{#l=new Set;get set(){return this.#l}get array(){return Array.from(this.#l)}set set(e){this.#l=e}get length(){return this.#l.size}set length(e){}constructor(e,t=document.body){if(!e)return this;Y(e,t).forEach((e=>{K(e).forEach((e=>{this.#l.add(e)}))}))}$d(e,t=document.body){let r=new W,n=new Set,a=!!e||!1,s=new Set;return a&&(s=Y(e,t).set),this.#l.forEach((e=>{a&&!s.has(e._tg)||n.add(e._tg)})),r.set=n,r}children(e){let t=this,r=new Set;return t.#l.forEach((t=>{t.children(e).forEach((e=>{r.add(e)}))})),t.#l=r,t}descendants(e){let t=this,r=new Set;return t.#l.forEach((t=>{t.descendants(e).forEach((e=>{r.add(e)}))})),t.#l=r,t}first(e){let t=this,r=new Set;return t.#l.forEach((e=>{e.parent().children().$d().first().$t().forEach((e=>{r.add(e)}))})),t.#l=r,e&&t.filter((t=>t.nameSpace=e)),t}has(e){return this.#l.has(e)}last(e){let t=this,r=new Set;return t.#l.forEach((e=>{e.parent().children().$d().last().$t().forEach((e=>{r.add(e)}))})),t.#l=r,e&&t.filter((t=>t.nameSpace=e)),t}next(e){let t=this,r=new Set;return t.#l.forEach((e=>{let t,n=new Set;for(t=e._tg;null!==t.nextElementSibling;)t=t.nextElementSibling,n.add(t);K([...n]).$d().first().$t().forEach((e=>{r.add(e)}))})),t.#l=r,e&&t.filter((t=>t.nameSpace=e)),t}ns(e){return this.filter((t=>t.nameSpace===e))}off(e,t){let r=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];return this.$d().array.forEach((e=>{r.forEach((function(r){O(e,`[TB]${r}`,t)}))})),this}on(e,t,r=!1){let n=this,a=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function s(){s.cb.apply(n,Array.from(arguments))}return s.cb=t,n.forEach((e=>{a.forEach((function(t){v(e._tg,`[TB]${t}`,s,!1,r)}))})),s}one(e,t){let r=this,n=e.indexOf(" ")>-1?e.split(" ").filter((e=>""!==e)):[e];function a(){a.cb.apply(r,Array.from(arguments))}return a.cb=t,r.forEach((e=>{n.forEach((function(t){v(e._tg,`[TB]${t}`,a,!1,!0)}))})),a}parent(e){let t=this,r=new Set;return t.#l.forEach((t=>{t.parent(e).forEach((e=>{r.add(e)}))})),t.#l=r,t}parents(e){let t=this,r=new Set;return t.#l.forEach((t=>{t.parents(e).forEach((e=>{r.add(e)}))})),t.#l=r,t}prev(e){let t=this,r=new Set;return t.#l.forEach((e=>{let t,n=new Set;for(t=e._tg;null!==t.previousElementSibling;)t=t.previousElementSibling,n.add(t);K([...n]).$d().last().$t().forEach((e=>{r.add(e)}))})),t.#l=r,e&&t.filter((t=>t.nameSpace=e)),t}trigger(e,t={},r="l"){return this.forEach((n=>{n.trigger(e,t,r)})),this}at(e){return K(this.array.at(e))}concat(e){let t=this;return e.forEach((e=>{t.#l.add(e)})),t}entries(){return this.array.entries()}every(e,t){return this.array.every(e,t)}filter(e,t){return K(this.array.filter(e,t))}forEach(e,t){return this.array.forEach(e,t),this}includes(e){return-1!==this.array.indexOf(e)}indexOf(e,t){return this.array.indexOf(e,t)}map(e,t){return this.array.map(e,t)}pop(){let e=this.array,t=e.pop();return this.#l=new Set(e),t}push(e){return this.#l.add(e),this}shift(){let e=this.array.shift();return this.#l.delete(e),e}slice(e,t){return K(this.array.slice(e,t))}some(e,t){return this.array.some(e,t)}splice(e,t,...r){let n=this.array.splice(e,t,...r);return K(n)}}const Y=(e,t=document)=>{let r=new Set;return e instanceof Array?(e.forEach((e=>{Y(e,t).forEach((e=>{r.add(e)}))})),new W([...r])):new W(e,t)},K=(e,t=document)=>Y(e,t).$t();class Q{constructor(e){}}class X extends Q{#o;#u;constructor(e,t){super(e),this.#o=e,this.#u=t}get val(){return new FormData(this.#u).get(this.#o.name)}set val(e){[...this.#u.querySelectorAll(`input[type="radio][name="${this.#o.name}"]`)].filter((t=>t.getAttribute("value")===e)).shift().checked=!0}}class ee extends Q{#o;constructor(e){super(e),this.#o=e}get val(){return this.#o.checked}set val(e){this.#o.checked=e}}class te extends Q{#o;constructor(e){super(e),this.#o=e}get val(){return this.#o.value}set val(e){this.#o.value=e}}class re extends Q{#o;#i=!1;constructor(e){super(e),this.#o=e,this.#i=e.multiple}get val(){const e=[];return[...this.#o.querySelectorAll("option")].filter((e=>e.selected)).forEach((t=>{t.selected&&e.push(t.value)})),this.#i?e:e.length?e[0]:""}set val(e){e="string"==typeof e?[e]:e,[...this.#o.querySelectorAll("option")].forEach((t=>{e.indexOf(t.value)>-1?(t.setAttribute("selected","selected"),t.selected=!0):(t.removeAttribute("selected"),t.selected=!1)}))}}class ne extends Q{#o;constructor(e){super(e),this.#o=e}get val(){return this.#o.value||""}set val(e){this.#o.value=e}}class ae{constructor(e,t,r){let n=(e=>{let t=[...(e||document).querySelectorAll("input,select,textarea")],r={};return t.forEach((t=>{const n=t.getAttribute("name")||"undefined";if(n){let a,s,o=t.type;switch((e=>e.tagName.toLowerCase())(t)){case"input":switch(o){case"radio":a=new X(t,e.constructor===HTMLFormElement?e:e.querySelector("form")),s=N.add(t,n,a);break;case"checkbox":a=new ee(t),s=N.add(t,n,a);break;default:a=new te(t),s=N.add(t,n,a)}Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>s.val,set:e=>{s.val!==e&&(s.val=e)}});break;case"select":a=new re(t),s=N.add(t,n,a),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>s.val,set:e=>{s.val!==e&&(s.val=e)}});break;case"textarea":a=new ne(t),s=N.add(t,n,a),Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:()=>s.val,set:e=>{s.val!==e&&(s.val=e)}});break;default:console.warn("handler missing:",n,"for",t.tagName.toLowerCase(),t)}}})),r})(r);e[t]=Object.assign({},n),V(e,t),f(n,e[t]),[...r.querySelectorAll("input, textarea, select")].forEach((r=>{v(r,"keyup",(r=>{e[t].notify()})),v(r,"change",(r=>{e[t].notify()})),v(r,"select",(r=>{e[t].notify()}))}))}}return t})()));
|
package/public/my-tag.css
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
my-tag > button {
|
|
2
|
-
border: 2px solid gray;
|
|
3
|
-
margin: 3px;
|
|
4
|
-
padding: 2px 5px;
|
|
5
|
-
display: inline-block;
|
|
6
|
-
width: 8em;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
my-tag.clicked > button {
|
|
10
|
-
border-color: blue;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
my-tag.overClicked > button {
|
|
14
|
-
border-color: orange;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
my-tag > button:hover {
|
|
18
|
-
border-color: red;
|
|
19
|
-
}
|
package/public/observables.js
DELETED
|
@@ -1,251 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
import { debounce, deepEqual, flattenObject, copyGettersSetters, } from './helpers.js';
|
|
3
|
-
import { DC } from './MC.js';
|
|
4
|
-
function isObservableObject(value) {
|
|
5
|
-
return value != null && typeof value === 'object';
|
|
6
|
-
}
|
|
7
|
-
function getPlaceholders(target) {
|
|
8
|
-
let placeholders = new Set(), regEx = /\{[^\{\}]*\}/g;
|
|
9
|
-
target
|
|
10
|
-
.getAttributeNames()
|
|
11
|
-
.filter((attr) => target.getAttribute(attr)?.match(regEx))
|
|
12
|
-
.forEach((attr) => {
|
|
13
|
-
let phs = new Set(target.getAttribute(attr)?.match(regEx));
|
|
14
|
-
phs.forEach((placeholder) => placeholders.add(placeholder.replace(/[\{\}]/g, '')));
|
|
15
|
-
});
|
|
16
|
-
[...target.childNodes]
|
|
17
|
-
.filter((childNode) => {
|
|
18
|
-
return (childNode.nodeType === 3 &&
|
|
19
|
-
(childNode.nodeValue || '').match(regEx));
|
|
20
|
-
})
|
|
21
|
-
.forEach((childNode) => {
|
|
22
|
-
(childNode.nodeValue || '')
|
|
23
|
-
.match(regEx)
|
|
24
|
-
.forEach((placeholder) => {
|
|
25
|
-
placeholders.add(placeholder.replace(/[\{\}]/g, ''));
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
let result = [...placeholders].map((placeholder) => placeholder.replace(/[\{\}]/g, ''));
|
|
29
|
-
return [...placeholders];
|
|
30
|
-
}
|
|
31
|
-
const inputs = [HTMLInputElement, HTMLSelectElement, HTMLTextAreaElement];
|
|
32
|
-
class Placeholders extends DC {
|
|
33
|
-
data = {};
|
|
34
|
-
oldDisplay = '';
|
|
35
|
-
constructor(target) {
|
|
36
|
-
super(target);
|
|
37
|
-
let that = this;
|
|
38
|
-
getPlaceholders(target).forEach((property) => (that.data[property] = ''));
|
|
39
|
-
observe(that);
|
|
40
|
-
that.#attachCallbacks();
|
|
41
|
-
delete that._mc;
|
|
42
|
-
}
|
|
43
|
-
#attachCallbacks() {
|
|
44
|
-
let that = this, target = that.target, hide = false;
|
|
45
|
-
target
|
|
46
|
-
.getAttributeNames()
|
|
47
|
-
.filter((attr) => target.getAttribute(attr)?.match(/\{[^\{\}]*\}/g))
|
|
48
|
-
.forEach((attr) => {
|
|
49
|
-
let phs = new Set(target.getAttribute(attr)?.match(/\{[^\{\}]*\}/g));
|
|
50
|
-
that.data.observe(((template) => (data) => {
|
|
51
|
-
let result = template;
|
|
52
|
-
phs.forEach((placeholder) => {
|
|
53
|
-
result = result.replace(placeholder, data[placeholder.replace(/[\{\}]/g, '')]);
|
|
54
|
-
});
|
|
55
|
-
target.setAttribute(attr, result);
|
|
56
|
-
})(target.getAttribute(attr)));
|
|
57
|
-
});
|
|
58
|
-
[...target.childNodes]
|
|
59
|
-
.filter((childNode) => {
|
|
60
|
-
return (childNode.nodeType === 3 &&
|
|
61
|
-
(childNode.nodeValue || '').match(/\{[^\{\}]*\}/g));
|
|
62
|
-
})
|
|
63
|
-
.forEach((childNode) => {
|
|
64
|
-
hide = true;
|
|
65
|
-
let phs = new Set(childNode.nodeValue.match(/\{[^\{\}]*\}/g));
|
|
66
|
-
that.data.observe(((template) => (data) => {
|
|
67
|
-
let result = template;
|
|
68
|
-
phs.forEach((placeholder) => {
|
|
69
|
-
result = result.replace(placeholder, data[placeholder.replace(/[\{\}]/g, '')]);
|
|
70
|
-
});
|
|
71
|
-
if (Object.keys(data).some((key) => {
|
|
72
|
-
return !!data[key];
|
|
73
|
-
})) {
|
|
74
|
-
if (!!that.oldDisplay) {
|
|
75
|
-
target.style = that.oldDisplay;
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
target.removeAttribute('style');
|
|
79
|
-
}
|
|
80
|
-
delete that.oldDisplay;
|
|
81
|
-
}
|
|
82
|
-
childNode.nodeValue = result;
|
|
83
|
-
})(childNode.nodeValue));
|
|
84
|
-
that.oldDisplay = target.getAttribute('style)') || '';
|
|
85
|
-
if (hide &&
|
|
86
|
-
!inputs.includes(target.constructor) &&
|
|
87
|
-
target.tagName !== 'FIELDSET') {
|
|
88
|
-
target.style.display = 'none';
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
onData(ev) {
|
|
93
|
-
let that = this, data = {};
|
|
94
|
-
Object.keys(ev.data).forEach((key) => {
|
|
95
|
-
if (that.data.hasOwnProperty(key))
|
|
96
|
-
data[key] = ev.data[key];
|
|
97
|
-
});
|
|
98
|
-
if (JSON.stringify(data) !== JSON.stringify(that.data))
|
|
99
|
-
Object.assign(that.data, data);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
function getPlaceholderElements(target) {
|
|
103
|
-
let elements = (target instanceof HTMLElement ? [target] : [])
|
|
104
|
-
.concat([...target.querySelectorAll('*')])
|
|
105
|
-
.filter((e) => !!getPlaceholders(e).length)
|
|
106
|
-
.filter((e) => e.tagName !== 'STYLE');
|
|
107
|
-
return elements;
|
|
108
|
-
}
|
|
109
|
-
function makePlaceholders(element) {
|
|
110
|
-
getPlaceholderElements(element).forEach((e) => {
|
|
111
|
-
if (e?._mc?._placeholders)
|
|
112
|
-
return;
|
|
113
|
-
DC.add(e, '_placeholders', new Placeholders(e));
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
export const observe = (target, propertyName) => {
|
|
117
|
-
let keys = !propertyName
|
|
118
|
-
? [...Object.getOwnPropertyNames(target)]
|
|
119
|
-
: [propertyName];
|
|
120
|
-
keys.forEach((key) => {
|
|
121
|
-
if (key[0] === '_' || target?.[key] === undefined)
|
|
122
|
-
return target;
|
|
123
|
-
let val = target[key], Constructor;
|
|
124
|
-
if (!val.prototype) {
|
|
125
|
-
switch (typeof val) {
|
|
126
|
-
case 'string':
|
|
127
|
-
Constructor = String;
|
|
128
|
-
break;
|
|
129
|
-
case 'number':
|
|
130
|
-
Constructor = Number;
|
|
131
|
-
break;
|
|
132
|
-
case 'boolean':
|
|
133
|
-
Constructor = Boolean;
|
|
134
|
-
break;
|
|
135
|
-
case 'object':
|
|
136
|
-
if (val instanceof Array) {
|
|
137
|
-
Constructor = Array;
|
|
138
|
-
}
|
|
139
|
-
else {
|
|
140
|
-
Constructor = Object;
|
|
141
|
-
}
|
|
142
|
-
break;
|
|
143
|
-
default:
|
|
144
|
-
return;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
let Observable = class extends Constructor {
|
|
148
|
-
#notify = true;
|
|
149
|
-
constructor(val) {
|
|
150
|
-
super(val);
|
|
151
|
-
this.constructor.callbacks = [];
|
|
152
|
-
if (isObservableObject(val)) {
|
|
153
|
-
Object.getOwnPropertyNames(val).forEach((key) => {
|
|
154
|
-
this[key] = val[key];
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
observe(f) {
|
|
159
|
-
this.constructor.callbacks.push(f);
|
|
160
|
-
return this;
|
|
161
|
-
}
|
|
162
|
-
bind(target) {
|
|
163
|
-
const that = this, iso = isObservableObject(that.valueOf());
|
|
164
|
-
if (iso) {
|
|
165
|
-
makePlaceholders(target);
|
|
166
|
-
const placeholders = [
|
|
167
|
-
...target.querySelectorAll('[_mc]'),
|
|
168
|
-
].filter((e) => !!e?._mc?._placeholders);
|
|
169
|
-
const func = function callback(data) {
|
|
170
|
-
let d = flattenObject(data);
|
|
171
|
-
placeholders.forEach((e) => {
|
|
172
|
-
if (!e)
|
|
173
|
-
return;
|
|
174
|
-
e._mc.trigger('data', d);
|
|
175
|
-
});
|
|
176
|
-
};
|
|
177
|
-
that.constructor.callbacks.push(func);
|
|
178
|
-
that.notify();
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
console.warn('IGNORED - cannot bind a non-Object to the dom, IS:', typeof that.valueOf(), that);
|
|
182
|
-
}
|
|
183
|
-
return this;
|
|
184
|
-
}
|
|
185
|
-
notify(notify) {
|
|
186
|
-
let that = this, data = isObservableObject(that.valueOf()) &&
|
|
187
|
-
that.valueOf() instanceof Array === false
|
|
188
|
-
? structuredClone(Object.assign({}, that))
|
|
189
|
-
: that.valueOf();
|
|
190
|
-
if (notify !== undefined) {
|
|
191
|
-
that.#notify = notify;
|
|
192
|
-
}
|
|
193
|
-
that.constructor.callbacks.forEach((f) => {
|
|
194
|
-
f(data);
|
|
195
|
-
});
|
|
196
|
-
return that;
|
|
197
|
-
}
|
|
198
|
-
};
|
|
199
|
-
let o = new Observable(val);
|
|
200
|
-
Object.defineProperty(target, key, {
|
|
201
|
-
enumerable: true,
|
|
202
|
-
get() {
|
|
203
|
-
if (isObservableObject(o.valueOf())) {
|
|
204
|
-
let check = structuredClone(Object.assign({}, o));
|
|
205
|
-
setTimeout(debounce(function checkChanges() {
|
|
206
|
-
let state = structuredClone(Object.assign({}, o));
|
|
207
|
-
if (!deepEqual(state, check)) {
|
|
208
|
-
o.notify();
|
|
209
|
-
}
|
|
210
|
-
}, 0), 0);
|
|
211
|
-
}
|
|
212
|
-
return o;
|
|
213
|
-
},
|
|
214
|
-
set(val) {
|
|
215
|
-
if (typeof val === typeof o.valueOf()) {
|
|
216
|
-
let iso = isObservableObject(o.valueOf()) &&
|
|
217
|
-
o.valueOf() instanceof Array === false;
|
|
218
|
-
if (iso) {
|
|
219
|
-
let old = structuredClone(Object.assign({}, o));
|
|
220
|
-
if (o instanceof Observable === false) {
|
|
221
|
-
o = new Observable(structuredClone(Object.assign({}, val)));
|
|
222
|
-
copyGettersSetters(val, o);
|
|
223
|
-
o.seal();
|
|
224
|
-
}
|
|
225
|
-
Object.assign(o, val);
|
|
226
|
-
setTimeout(debounce(function checkChanges() {
|
|
227
|
-
let state = structuredClone(Object.assign({}, o));
|
|
228
|
-
if (!deepEqual(state, old)) {
|
|
229
|
-
o.notify();
|
|
230
|
-
}
|
|
231
|
-
}, 0), 0);
|
|
232
|
-
}
|
|
233
|
-
else {
|
|
234
|
-
let old = o.valueOf(), callbacks = o.constructor.callbacks;
|
|
235
|
-
o = new Observable(val);
|
|
236
|
-
o.constructor.callbacks = callbacks;
|
|
237
|
-
if (val !== old) {
|
|
238
|
-
o.notify();
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
else {
|
|
243
|
-
console.warn('IGNORED - cannot change observable types, IS:', typeof o.valueOf(), o, '- CANNOT BECOME:', typeof val);
|
|
244
|
-
}
|
|
245
|
-
},
|
|
246
|
-
});
|
|
247
|
-
target[key] = val;
|
|
248
|
-
});
|
|
249
|
-
return target;
|
|
250
|
-
};
|
|
251
|
-
//# sourceMappingURL=observables.js.map
|