@reactive-web-components/rwc 2.54.2 → 2.55.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.
@@ -1,892 +0,0 @@
1
- var Z = Object.defineProperty;
2
- var Q = (t, e, s) => e in t ? Z(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
3
- var C = (t, e, s) => Q(t, typeof e != "symbol" ? e + "" : e, s);
4
- const x = (t) => t && typeof t == "object" && ("classList" in t || "attributes" in t || "customAttributes" in t || "reactiveClassList" in t || "listeners" in t || "customListeners" in t || "children" in t || "effects" in t || "style" in t || Object.keys(t).some(
5
- (e) => e.startsWith(".") || e.startsWith("@") || e.startsWith("$")
6
- )) && !("hostElement" in t), Y = (t) => t && typeof t == "object" && "hostElement" in t && "append" in t && "set" in t && "addStyle" in t && "setAttribute" in t && "addClass" in t && "addEffect" in t && "addReactiveContent" in t && "setReactiveContent" in t && "clear" in t, _ = (t, e, ...s) => {
7
- e && e.apply(t, s);
8
- };
9
- let F = !0;
10
- const u = (...t) => {
11
- F && console.debug(
12
- ["[rwc]", ...t].join(" | "),
13
- ...Array.from(t.join("").matchAll(/%c/gm)).map((e, s) => s % 2 === 0 ? "color:red" : "color:inherit")
14
- );
15
- }, $ = (t) => t.replace(/([A-Z])/gm, (e) => `-${e.toLowerCase()}`), K = (t) => t.replace(/-(\w)/gm, (e, s) => s.toUpperCase()), L = (t, ...e) => {
16
- if (!F) return;
17
- const s = {
18
- r: "color: #ff0000",
19
- // red
20
- g: "color: #00ff00",
21
- // green
22
- b: "color: #0000ff",
23
- // blue
24
- y: "color: #ffff00",
25
- // yellow
26
- p: "color: #800080",
27
- // purple
28
- c: "color: #00ffff",
29
- // cyan
30
- o: "color: #ffa500",
31
- // orange
32
- w: "color: #808080"
33
- // gray (w for white/gray)
34
- }, n = t.match(/@[rgbpycow]/g) || [], o = n.map((i) => {
35
- const a = i.slice(1);
36
- return s[a] || "color: inherit";
37
- });
38
- let r = t;
39
- n.forEach((i) => {
40
- const a = new RegExp(`\\${i}([^\\s,]+)`, "g");
41
- r = r.replace(a, "%c$1");
42
- }), console.log(r, ...o, ...e);
43
- }, St = () => {
44
- F = !0;
45
- }, tt = () => {
46
- F = !1;
47
- };
48
- tt();
49
- let vt = !1;
50
- const At = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new WeakMap(), I = [], R = [];
51
- function A(t, e) {
52
- const s = /* @__PURE__ */ new Set();
53
- let n = (e == null ? void 0 : e.signalCompareFn) || (() => !0);
54
- function o() {
55
- const r = I[I.length - 1];
56
- if (r && !("fake" in r && r.fake)) {
57
- const i = g.get(r), a = i == null ? void 0 : i.parent;
58
- if (a) {
59
- const c = g.get(a);
60
- c == null || c.cleanupFns.add(() => {
61
- s.delete(r);
62
- });
63
- }
64
- s.add(r);
65
- }
66
- return t;
67
- }
68
- return o.signalId = `${(e == null ? void 0 : e.name) || ""}_${Math.random().toString(36).substring(2, 15)}`, o.getSubscribers = () => [...s], o.setCompareFn = function(r) {
69
- return n = r, o;
70
- }, o.clearSubscribers = function() {
71
- s.clear();
72
- }, o.peek = function() {
73
- return Object.freeze(t);
74
- }, o.initValue = Object.freeze(t), o.oldValue = Object.freeze(t), o.forceSet = function(r) {
75
- o.oldValue = Object.freeze(t), t = r, s.forEach(
76
- (i) => Promise.resolve(i).then((a) => {
77
- const c = g.get(a);
78
- c && c.cleanupFns.size > 0 && (c.cleanupFns.forEach((d) => d()), c.cleanupFns.clear()), R.push(a), a(), R.pop();
79
- })
80
- );
81
- }, o.set = function(r, i = n) {
82
- t !== r && i(t, r) && o.forceSet(r);
83
- }, o.update = function(r) {
84
- o.set(r(t));
85
- }, o.pipe = (r, i) => {
86
- const a = A(null);
87
- return m(() => {
88
- const c = o();
89
- m(() => {
90
- const d = r(c);
91
- d instanceof Promise ? d.then((f) => a.set(f)) : y(d) ? m(() => a.set(d())) : a.set(d);
92
- }, i);
93
- }), a;
94
- }, o;
95
- }
96
- function m(t, e) {
97
- const s = `${(e == null ? void 0 : e.name) || ""}_${Math.random().toString(36).substring(2, 15)}`;
98
- u("current effect", `%c${s}%c`);
99
- const n = t;
100
- t = () => (u("current effect callback", `%c${s}%c`), n()), "fake" in n && n.fake && (t.fake = !0), t.effectId = s;
101
- const o = R[R.length - 1];
102
- g.has(t) || g.set(t, { cleanupFns: /* @__PURE__ */ new Set() });
103
- const r = g.get(t);
104
- o ? r.parent = o : delete r.parent, R.push(t), I.push(t), t(), I.pop(), R.pop();
105
- }
106
- const y = (t) => !!t && ["object", "function"].includes(typeof t) && "set" in t && "oldValue" in t && "update" in t && "forceSet" in t;
107
- function Lt(t, ...e) {
108
- const s = A("");
109
- return m(() => {
110
- const n = e.map(
111
- (r) => y(r) ? String(r()) : String(r)
112
- ), o = [t[0]];
113
- n.forEach((r, i) => {
114
- o.push(r, t[i + 1]);
115
- }), s.set(o.join(""));
116
- }), s;
117
- }
118
- function Rt(t, e) {
119
- const s = A(e ?? null), n = (o) => s.set(o);
120
- return t instanceof Promise ? t.then(n) : typeof t == "function" && m(() => {
121
- const o = t();
122
- o instanceof Promise ? o.then(n) : y(o) ? m(() => n(o())) : n(o);
123
- }), s;
124
- }
125
- function gt(t, e) {
126
- let s = t(), n = e();
127
- m(() => {
128
- const o = t(), r = e();
129
- o !== r && (o !== s ? e.set(o) : r !== n && t.set(r)), s = o, n = r;
130
- });
131
- }
132
- function Ot(...t) {
133
- let e = t.map((n) => n());
134
- const s = A(e);
135
- return t.forEach((n, o) => {
136
- m(() => {
137
- const r = () => e.filter((i) => i !== void 0).length;
138
- r() === t.length && (e = Array.from(e).fill(void 0)), e[o] = n(), r() === t.length && s.set([...e]);
139
- });
140
- }), s;
141
- }
142
- const jt = (...t) => {
143
- const e = A([]);
144
- return m(() => {
145
- e.set(t.map((s) => s()));
146
- }), e;
147
- };
148
- class O extends HTMLElement {
149
- constructor(s = !1) {
150
- super();
151
- C(this, "isSlotLazyLoading", !1);
152
- C(this, "slotTemplate");
153
- C(this, "slotContext");
154
- C(this, "rootStyle");
155
- C(this, "modelValue");
156
- C(this, "providers");
157
- C(this, "appendAllSlotContent");
158
- C(this, "allSlotContent", []);
159
- C(this, "slotContent", {});
160
- C(this, "htmlSlotContent", {});
161
- C(this, "shadow");
162
- C(this, "injects", {});
163
- this.shadow = this.attachShadow({ mode: s ? "closed" : "open" });
164
- }
165
- // @ts-expect-error - appendChild is not defined in the HTMLElement interface
166
- appendChild(s, n = !0) {
167
- var o;
168
- if (this.isSlotLazyLoading && n) {
169
- if (s instanceof HTMLElement) {
170
- const r = s.slot || "default";
171
- this.htmlSlotContent[r] || (this.htmlSlotContent[r] = []), (o = this.htmlSlotContent[r]) == null || o.push(s);
172
- }
173
- } else return super.appendChild(s);
174
- }
175
- appendSlotContent() {
176
- var s;
177
- (s = this.appendAllSlotContent) == null || s.call(this);
178
- }
179
- inject(s) {
180
- return u("%cinject%c", s), this.injects[s] || (this.injects[s] = A(null)), this.injects[s];
181
- }
182
- checkInjects() {
183
- Object.entries(this.injects).forEach(([s, n]) => {
184
- u(
185
- "%cinject%c",
186
- `%c${s}%c`,
187
- "from BaseElement (dispatch event)"
188
- ), this.shadow.dispatchEvent(
189
- new CustomEvent(s, {
190
- detail: {
191
- context: s,
192
- callback: (o) => m(() => {
193
- n.set(o());
194
- })
195
- },
196
- bubbles: !0,
197
- composed: !0
198
- })
199
- );
200
- });
201
- }
202
- setReactiveValue(s) {
203
- this.modelValue = s;
204
- }
205
- }
206
- C(O, "observedAttributes", []), C(O, "renderTagName", ""), C(O, "styles");
207
- const Tt = (t) => "render" in t && "setReactiveValue" in t, et = "handleSlotContext", J = "onConnected", xt = () => () => {
208
- }, N = (t) => typeof t == "string" ? t : JSON.stringify(t), V = (t) => {
209
- const e = document.createElement("span");
210
- return e.textContent = N(t), e;
211
- }, G = (t, e) => (t.appendChild(V(e)), t), st = (t, e) => (t.innerHTML = "", G(t, e)), z = (t) => {
212
- const e = document.createElement("span");
213
- return m(() => {
214
- const s = t();
215
- e.textContent = N(s);
216
- }), e;
217
- }, P = (t) => ({
218
- append(...e) {
219
- return e.forEach((s) => {
220
- t.appendChild(s.hostElement), J in s.hostElement && setTimeout(() => {
221
- var n, o;
222
- (o = (n = s.hostElement).onConnected) == null || o.call(
223
- n,
224
- s,
225
- s.hostElement
226
- );
227
- });
228
- }), this;
229
- },
230
- set(...e) {
231
- this.clear();
232
- const s = document.createDocumentFragment();
233
- return e.forEach((n) => {
234
- s.appendChild(n.hostElement);
235
- }), t.appendChild(s), this;
236
- },
237
- removeChild(...e) {
238
- return e.forEach((s) => {
239
- Array.from(t.childNodes.values()).some(
240
- (n) => n === s.hostElement
241
- ) && t.removeChild(s.hostElement);
242
- }), this;
243
- },
244
- addHtmlContent(e) {
245
- return G(t, e), this;
246
- },
247
- setHtmlContent(e) {
248
- return st(t, e), this;
249
- },
250
- addEventlistener(e, s, n = !1) {
251
- return t.addEventListener(e, (o) => s(o, this, t), n), this;
252
- },
253
- setAttribute(e, s) {
254
- let n;
255
- if (typeof s == "boolean" && !(t instanceof O))
256
- if (s)
257
- n = "";
258
- else {
259
- this.removeAttribute(e);
260
- const o = e.toLowerCase();
261
- return o in t && (t[o] = null), this;
262
- }
263
- else typeof s != "string" ? n = JSON.stringify(s) : n = s;
264
- if (t.setAttribute($(e), n), !(t instanceof O)) {
265
- const o = e.toLowerCase();
266
- o in t && (t[o] = s);
267
- }
268
- return this;
269
- },
270
- setCustomAttribute(e, s) {
271
- let n;
272
- return typeof s != "string" ? n = JSON.stringify(s) : n = s, t.setAttribute($(e), n), this;
273
- },
274
- setReactiveAttribute(e, s) {
275
- return m(() => this.setAttribute(e, s())), this;
276
- },
277
- setReactiveCustomAttribute(e, s) {
278
- return m(() => this.setCustomAttribute(e, s())), this;
279
- },
280
- removeAttribute(e) {
281
- return t.removeAttribute($(e)), this;
282
- },
283
- addStyle(e) {
284
- return Object.entries(e).forEach(([s, n]) => {
285
- const o = s.startsWith("--");
286
- typeof n == "function" ? this.addEffect(() => {
287
- if (o) {
288
- const r = String(n() || "");
289
- t.style.setProperty(s, r);
290
- } else
291
- t.style[s] = n();
292
- }) : typeof n == "string" && (o ? t.style.setProperty(s, n) : t.style[s] = n);
293
- }), this;
294
- },
295
- onConnected(e) {
296
- return Reflect.defineProperty(t, J, {
297
- get() {
298
- return e;
299
- }
300
- }), this;
301
- },
302
- addClass(...e) {
303
- return e.forEach((s) => {
304
- typeof s == "string" ? t.classList.add(
305
- ...s.split(" ").flatMap((n) => n.split(`
306
- `)).map((n) => n.trim()).filter(Boolean)
307
- ) : (() => {
308
- let n = null;
309
- this.addEffect(() => {
310
- const o = s();
311
- o.length > 0 && (n ? this.replaceClass(n, o) : this.addClass(o), n = o);
312
- });
313
- })();
314
- }), this;
315
- },
316
- setClass(...e) {
317
- return t.classList.remove(...t.classList), t.classList.add(...e), this;
318
- },
319
- addReactiveClass(e) {
320
- return Object.keys(e).forEach((s) => {
321
- m(() => {
322
- e[s]() ? this.addClass(s) : this.removeClass(s);
323
- });
324
- }), this;
325
- },
326
- removeClass(...e) {
327
- return t.classList.remove(...e), this;
328
- },
329
- replaceClass(e, s) {
330
- return t.classList.replace(e, s), this;
331
- },
332
- addEffect(e) {
333
- return m(() => e(this, this.hostElement)), this;
334
- },
335
- addReactiveContent(e) {
336
- return t.appendChild(z(e)), this;
337
- },
338
- setReactiveContent(e) {
339
- return this.clear(), t.appendChild(z(e)), this;
340
- },
341
- clear() {
342
- return t.innerHTML = "", this;
343
- },
344
- hostElement: t
345
- }), nt = (t, ...e) => ({
346
- classList: [...t.map((s) => s.trim()).filter(Boolean), ...e]
347
- }), wt = (t, ...e) => nt(t, ...e), U = (t, e) => {
348
- if (!e) return t;
349
- const s = Object.keys(e || {}).filter(
350
- (n) => n.startsWith(".") || n.startsWith("@") || n.startsWith("$")
351
- );
352
- return s.filter((n) => n.startsWith(".")).forEach((n) => {
353
- e != null && e.attributes || (e.attributes = {}), e.attributes[n.slice(1)] = e[n];
354
- }), s.filter((n) => n.startsWith("@")).forEach((n) => {
355
- e != null && e.listeners || (e.listeners = {});
356
- const o = n.slice(1);
357
- e.listeners[o] = e[n];
358
- }), s.filter((n) => n.startsWith("$")).forEach((n) => {
359
- e != null && e.effects || (e.effects = []), e.effects.push(e[n]);
360
- }), lt(t, e.classList), at(t, e.style), dt(t, e.attributes), ct(t, e.reactiveClassList), it(t, e.customAttributes), rt(t, e.children), ot(t, e.effects), q(t, e.listeners), q(t, e.customListeners), t;
361
- }, q = (t, e) => {
362
- e && Object.entries(e).forEach(([s, n]) => {
363
- typeof n == "function" && t.addEventlistener(s, n);
364
- });
365
- }, ot = (t, e) => e == null ? void 0 : e.forEach((s) => t.addEffect(s)), rt = (t, e) => W(t, ...e || []), it = (t, e) => {
366
- const s = e;
367
- s && Object.keys(s).forEach((n) => {
368
- y(s[n]) ? t.setReactiveCustomAttribute(n, s[n]) : typeof s[n] == "function" ? t.addEffect(() => {
369
- t.setCustomAttribute(n, s[n]());
370
- }) : t.setCustomAttribute(n, s[n]);
371
- });
372
- }, lt = (t, e) => t.addClass(...e || []), ct = (t, e) => t.addReactiveClass(e || {}), at = (t, e) => t.addStyle(e || {}), dt = (t, e) => {
373
- const s = e, n = (o, r) => {
374
- r && (y(r) ? t.setReactiveAttribute(o, r) : typeof r == "function" ? t.addEffect(() => {
375
- t.setAttribute(o, r());
376
- }) : t.setAttribute(o, r));
377
- };
378
- s && Object.keys(s).forEach((o) => {
379
- n(o, s[o]);
380
- });
381
- }, W = (t, ...e) => (e.forEach((s) => {
382
- typeof s == "string" ? s.trim().length > 0 && t.addHtmlContent(s) : y(s) ? t.addReactiveContent(s) : t.append(s);
383
- }), t), w = (t, e) => {
384
- const s = document.createElement(t), n = {
385
- ...P(s)
386
- };
387
- return U(n, e);
388
- }, H = (t, e) => {
389
- const [s, ...n] = t.split(" ").map((r) => r.trim()), o = w(s, e);
390
- return n.length > 0 && o.addClass(...n), (...r) => W(
391
- o,
392
- ...r.filter(Boolean).flat().flatMap(
393
- (i) => typeof i == "function" && !y(i) ? v(() => i(o)) : i
394
- )
395
- );
396
- }, v = (t) => w("div").addStyle({ display: "contents" }).addEffect((e) => {
397
- const s = t(), n = [];
398
- Array.isArray(s) ? n.push(...s) : n.push(s), e.clear(), W(e, ...n);
399
- }), $t = (t) => {
400
- const e = (n) => typeof n == "string" ? n.trim().length > 0 ? P(V(n)) : H("div")() : y(n) ? P(z(n)) : n;
401
- return ht(() => {
402
- const n = t();
403
- return n instanceof Array && Array.isArray(n) ? n.map(e) : e(n);
404
- });
405
- }, kt = (t, e, s) => {
406
- const n = w("div").addStyle({ display: "contents" }), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
407
- let i = [];
408
- const a = /* @__PURE__ */ new Set();
409
- let c = t.peek();
410
- const d = (f) => {
411
- a.delete(f), o.delete(f), r.delete(f);
412
- };
413
- return m(() => {
414
- const f = t();
415
- i = f.map(e).map((h) => typeof h == "string" ? h : h.toString());
416
- const p = Array.from(n.hostElement.children);
417
- u("containerChildren", p, i), p.forEach((h) => {
418
- const E = h.dataset.key;
419
- i.includes(E) || (u("remove element", E, h), h.remove(), d(E));
420
- }), i.forEach((h) => {
421
- var j, S;
422
- const E = f[i.indexOf(h)];
423
- o.has(h) ? JSON.stringify(E) !== JSON.stringify(c[i.indexOf(h)]) && ((j = n.hostElement.querySelector(`[data-key="${h}"]`)) == null || j.remove(), (S = o.get(h)) == null || S.set(Math.random().toString(36).substring(2, 15)), r.set(
424
- h,
425
- () => s(E, i.indexOf(h), f).setCustomAttribute(
426
- "data-key",
427
- h
428
- )
429
- )) : (u("create new element", h, E), o.set(
430
- h,
431
- A(Math.random().toString(36).substring(2, 15))
432
- ), r.set(
433
- h,
434
- () => s(E, i.indexOf(h), f).setCustomAttribute(
435
- "data-key",
436
- h
437
- )
438
- ));
439
- }), c = [...f.map((h) => ({ ...h }))];
440
- const b = () => {
441
- o.forEach((h, E) => {
442
- u("key from setTimeout foreach currItemSignalMap", E), a.has(E) || (a.add(E), m(() => {
443
- var B;
444
- h();
445
- const j = i.indexOf(E), S = (B = r.get(E)) == null ? void 0 : B();
446
- S && (u(
447
- "call effect from setTimeout",
448
- E,
449
- S.hostElement
450
- ), j <= n.hostElement.children.length - 1 ? n.hostElement.insertBefore(
451
- S.hostElement,
452
- n.hostElement.children[j]
453
- ) : n.hostElement.append(S.hostElement));
454
- }));
455
- });
456
- };
457
- Promise.resolve().then(() => b());
458
- }), n;
459
- }, ht = (t) => {
460
- let e = [w("div")], s = !1;
461
- return m(() => {
462
- var r, i;
463
- const n = t();
464
- s = Array.isArray(n);
465
- const o = [];
466
- o.push(...[n].flat()), o.length === 0 && o.push(
467
- w("div").addStyle({ display: "none" }).setAttribute("id", "empty_template")
468
- );
469
- try {
470
- u("newReactiveComponent.map", o.map((a) => {
471
- var c;
472
- return u("newReactiveComponent hostElement", a.hostElement), (c = a.hostElement) == null ? void 0 : c.id;
473
- })), u("currComponent[0].hostElement?.id", (r = e[0].hostElement) == null ? void 0 : r.id, e), (i = e[0].hostElement) == null || i.replaceWith(
474
- ...o.map((a) => a.hostElement)
475
- ), e.slice(1).forEach((a) => {
476
- var c;
477
- return (c = a.hostElement) == null ? void 0 : c.remove();
478
- }), e = o;
479
- } catch (a) {
480
- console.error(a);
481
- }
482
- }), s ? e : e[0];
483
- }, Mt = (t) => et in t, It = (t) => {
484
- const e = H("div")().addStyle({ display: "contents" }), s = (n) => (e.hostElement.innerHTML = n, e);
485
- return typeof t == "string" ? s(t) : e.addEffect(() => {
486
- s(t());
487
- }), e;
488
- }, X = (t, e, s) => t ? v(e) : s ? v(s) : H("div")().setAttribute("id", "empty_div_renderIf").addStyle({ display: "none" }), ut = (t, e, s) => v(() => X(!!t(), e, s)), Pt = (t, e, s) => typeof t == "boolean" ? X(t, e, s) : ut(t, e, s), D = (t, e) => {
489
- const s = v(e);
490
- return typeof t == "boolean" ? [s].flat().forEach((n) => n.hostElement.style.display = t ? "block" : "none") : m(() => {
491
- const n = t() ? "block" : "none";
492
- [s].flat().forEach((o) => o.hostElement.style.display = n);
493
- }), s;
494
- }, Ft = (t, e, s) => {
495
- const n = [D(t, e)].flat();
496
- return s && n.push(
497
- ...[D(
498
- () => typeof t == "boolean" ? !t : !t(),
499
- s
500
- )].flat()
501
- ), v(() => n);
502
- }, ft = (t, e) => {
503
- u("createCustomElement", t);
504
- const s = document.createElement(t), n = {
505
- ...P(s),
506
- setReactiveValue(o) {
507
- return s instanceof O && s.setReactiveValue(o), this;
508
- },
509
- setSlotTemplate(o) {
510
- const r = s.slotTemplate;
511
- return r && Object.entries(o).forEach(([i, a]) => {
512
- r[i] = a;
513
- }), this;
514
- }
515
- };
516
- return U(n, e);
517
- }, pt = (t, e) => {
518
- const s = t.split(" ").slice(1).map((o) => o.trim()), n = ft(t.split(" ")[0], e);
519
- return Array.isArray(s) && s.length > 0 && n.addClass(...s), (...o) => {
520
- L("@rcreateCustomEl content", t, o);
521
- const r = o.filter(Boolean).flat().flatMap(
522
- (i) => typeof i == "function" && !y(i) ? v(() => i(n)) : i
523
- );
524
- return n.hostElement.allSlotContent = r, n.hostElement.slotContent = r.filter(Y).reduce(
525
- (i, a) => {
526
- const c = a.hostElement.getAttribute("slot") || "default";
527
- return i[c] || (i[c] = []), i[c].push(a), i;
528
- },
529
- {}
530
- ), n.hostElement.appendAllSlotContent = () => W(n, ...r), n;
531
- };
532
- }, mt = (t, e, s) => pt(
533
- `${t.renderTagName}${e && typeof e == "string" ? " " + e : ""}`,
534
- x(e) ? e : e && typeof e == "string" ? s : void 0
535
- ), Wt = () => {
536
- const t = () => {
537
- };
538
- return t.oldValue = null, t;
539
- }, Ht = () => ({}), _t = (t, e, s) => {
540
- const n = e ? Et(e, s)(t) : t;
541
- return (o, ...r) => {
542
- const i = [...r];
543
- return o && !x(o) && i.unshift(o), mt(n, x(o) ? o : {})(...i);
544
- };
545
- }, l = {}, Ct = [
546
- "div",
547
- "span",
548
- "section",
549
- "input",
550
- "button",
551
- "table",
552
- "tr",
553
- "td",
554
- "th",
555
- "ul",
556
- "li",
557
- "ol",
558
- "form",
559
- "label",
560
- "select",
561
- "option",
562
- "textarea",
563
- "img",
564
- "a",
565
- "p",
566
- "h1",
567
- "h2",
568
- "h3",
569
- "h4",
570
- "h5",
571
- "h6",
572
- "br",
573
- "hr",
574
- "pre",
575
- "code",
576
- "nav",
577
- "header",
578
- "footer",
579
- "main",
580
- "aside",
581
- "article",
582
- "figure",
583
- "figcaption",
584
- "blockquote",
585
- "cite",
586
- "small",
587
- "strong",
588
- "em",
589
- "b",
590
- "i",
591
- "u",
592
- "s",
593
- "sub",
594
- "sup",
595
- "mark",
596
- "del",
597
- "ins",
598
- "details",
599
- "summary",
600
- "progress",
601
- "meter",
602
- "audio",
603
- "video",
604
- "canvas",
605
- "slot"
606
- ];
607
- Ct.forEach((t) => {
608
- l[t] = (e, ...s) => {
609
- let n = [...s];
610
- return e && !x(e) && (n = [e].concat(n)), H(t, x(e) ? e : {})(...n);
611
- };
612
- });
613
- const bt = l.div, zt = l.span, Bt = l.section, Jt = l.input, qt = l.button, Dt = l.table, Nt = l.tr, Vt = l.td, Gt = l.th, Ut = l.ul, Xt = l.li, Zt = l.ol, Qt = l.form, Yt = l.label, Kt = l.select, te = l.option, ee = l.textarea, se = l.img, ne = l.a, oe = l.p, re = l.h1, ie = l.h2, le = l.h3, ce = l.h4, ae = l.h5, de = l.h6, he = l.br, ue = l.hr, fe = l.pre, pe = l.code, me = l.nav, Ce = l.header, be = l.footer, Ee = l.main, ye = l.aside, Se = l.article, ve = l.figure, Ae = l.figcaption, Le = l.blockquote, Re = l.cite, ge = l.small, Oe = l.strong, je = l.em, Te = l.b, xe = l.i, we = l.u, $e = l.s, ke = l.sub, Me = l.sup, Ie = l.mark, Pe = l.del, Fe = l.ins, We = l.details, He = l.summary, _e = l.progress, ze = l.meter, Be = l.audio, Je = l.video, qe = l.canvas, De = l.slot, Ne = (t) => (e) => t(e).addClass(...e.classList ?? []).addReactiveClass(e.reactiveClassList ?? {}), k = "eventProps", M = "EVENT_CONFIG", T = "observedAttributes", Ve = () => (t, e) => {
614
- Reflect.get(t, T) || Reflect.defineProperty(t, T, {
615
- value: []
616
- }), Reflect.get(t, T).push(
617
- $(e)
618
- );
619
- }, Ge = (t) => (e, s) => {
620
- Reflect.get(e, k) || Reflect.defineProperty(e, k, {
621
- value: []
622
- }), Reflect.get(e, M) || Reflect.defineProperty(e, M, {
623
- value: {}
624
- }), Reflect.get(e, M)[s] = {
625
- bubbles: (t == null ? void 0 : t.bubbles) ?? !1,
626
- composed: (t == null ? void 0 : t.composed) ?? !1
627
- }, Reflect.get(e, k).push(s);
628
- }, Et = (t, e = !1) => (s) => {
629
- u(
630
- t,
631
- "start register static attr",
632
- s.prototype[T]
633
- );
634
- const n = [];
635
- if (s.styles) {
636
- const r = s.styles, i = [];
637
- Array.isArray(r) ? i.push(...r) : i.push(r), i.forEach((a) => {
638
- const c = new CSSStyleSheet();
639
- c.replaceSync(a), n.push(c);
640
- const d = new CSSStyleSheet();
641
- d.replaceSync(a.slice(a.indexOf("@property"))), document.adoptedStyleSheets.push(d);
642
- });
643
- }
644
- class o extends s {
645
- constructor(...i) {
646
- u("constructor", `%c${t}%c`), super(e, ...i), L("@osheet", n), n.length > 0 && this.shadow.adoptedStyleSheets.push(...n);
647
- }
648
- render() {
649
- u("rwc: render from new class");
650
- let i = bt();
651
- const a = () => {
652
- u("wrapperEffectCallback"), i = s.prototype.render.call(this);
653
- };
654
- return a.fake = !0, m(a), i;
655
- }
656
- attributeChangedCallback(i, a, c) {
657
- u(
658
- "%cAttribute has changed.%c",
659
- `%c${i}%c`,
660
- `oldValue: ${a}, newValue: ${c}`,
661
- `%c${t}%c`
662
- );
663
- try {
664
- c = JSON.parse(c);
665
- } catch {
666
- }
667
- const d = K(i);
668
- if (d in this && y(this[d])) {
669
- const f = this[d];
670
- c === null ? (f.set(f.initValue), this.removeAttribute(i)) : f.set(c);
671
- }
672
- _(
673
- this,
674
- s.prototype.attributeChangedCallback,
675
- i,
676
- a,
677
- c
678
- );
679
- }
680
- connectedCallback() {
681
- var a;
682
- u("rwc: connectedCallback"), u("connectedCallback", `%c${t}%c`, this), this.providers && Object.keys(this.providers).length > 0 && (u("WRAPPER for providers", t), Object.entries(this.providers).forEach(
683
- ([c, d]) => {
684
- u("register provider", c, d()), this.addEventListener(c, (f) => {
685
- var b;
686
- u("send provider", c, d());
687
- const p = f;
688
- ((b = p.detail) == null ? void 0 : b.context) === c && (p.stopPropagation(), p.detail.callback(d));
689
- });
690
- }
691
- )), this.checkInjects(), (a = s.prototype[k]) == null || a.forEach(
692
- (c) => {
693
- this[c] = (d) => {
694
- const f = s.prototype[M][c], { bubbles: p, composed: b } = f;
695
- y(d) ? m(() => {
696
- L("@oemit reactive value", d()), this.dispatchEvent(
697
- new CustomEvent(c, {
698
- detail: d(),
699
- bubbles: p,
700
- composed: b
701
- })
702
- );
703
- }) : (L("@oemit value", d), this.dispatchEvent(
704
- new CustomEvent(c, {
705
- detail: d,
706
- bubbles: p,
707
- composed: b
708
- })
709
- ));
710
- };
711
- }
712
- ), u("start render", `%c${t}%c`, t);
713
- const i = () => {
714
- u("rwc: insertRenderTemplate");
715
- const c = this.render();
716
- this.shadow.appendChild(c.hostElement), _(this, s.prototype.connectedCallback), this.appendSlotContent();
717
- };
718
- if (this.rootStyle && !s.styles) {
719
- const c = (p) => p instanceof Promise || Array.isArray(p) && p.every((b) => b instanceof Promise), d = this.rootStyle, f = (p) => {
720
- const b = new CSSStyleSheet();
721
- b.replaceSync(p), this.shadow.adoptedStyleSheets.push(b);
722
- const h = new CSSStyleSheet();
723
- h.replaceSync(p.slice(p.indexOf("@property"))), document.adoptedStyleSheets.push(h);
724
- };
725
- if (c(d)) {
726
- const p = [];
727
- Array.isArray(d) ? p.push(...d) : p.push(d), Promise.all(p).then((b) => b.forEach((h) => f(h.default))).then(() => i());
728
- } else {
729
- const p = [];
730
- Array.isArray(d) ? p.push(...d) : p.push(d), p.forEach((b) => f(b)), i();
731
- }
732
- } else
733
- i();
734
- this.slotContext && Object.keys(this.slotContext).length > 0 && this.shadow.querySelectorAll("slot").forEach((c) => {
735
- u(
736
- this.slotContext,
737
- this.slotContext && this.slotContext[c.name]
738
- ), L(
739
- "@bslot element",
740
- c,
741
- `name:${c.name};`,
742
- c.assignedElements()
743
- ), c.assignedElements().forEach((d) => {
744
- const f = this.slotContext[c.name];
745
- this.slotContext && y(f) && (L(
746
- "@oslot element",
747
- c,
748
- `name:${c.name};`,
749
- c.assignedElements()
750
- ), m(() => {
751
- d.dispatchEvent(
752
- new CustomEvent("handleSlotContext", {
753
- detail: f()
754
- })
755
- );
756
- }));
757
- });
758
- });
759
- }
760
- disconnectedCallback() {
761
- this.shadow.replaceChildren(), this.replaceChildren(), _(this, s.prototype.disconnectedCallback);
762
- }
763
- }
764
- return C(o, "observedAttributes", s.prototype[T] ?? []), C(o, "renderTagName", t), o.toString = () => t, customElements.get(t) ? console.error(
765
- `название тега ${t} повторяется, компонент ${s.name} не зарегистрирован`
766
- ) : customElements.define(t, o), s.renderTagName = t, s;
767
- };
768
- export {
769
- O as BaseElement,
770
- ne as a,
771
- dt as addAttributeList,
772
- lt as addClassList,
773
- it as addCustomAttributes,
774
- G as addHtmlContent,
775
- ct as addReactiveClassList,
776
- at as addStyleList,
777
- W as appendContentItem,
778
- Se as article,
779
- ye as aside,
780
- Be as audio,
781
- Te as b,
782
- gt as bindReactiveSignals,
783
- Le as blockquote,
784
- he as br,
785
- qt as button,
786
- $ as camelToKebab,
787
- qe as canvas,
788
- _ as checkCall,
789
- Re as cite,
790
- nt as classList,
791
- wt as cls,
792
- pe as code,
793
- L as colorLog,
794
- jt as combineLatest,
795
- Et as component,
796
- Ne as createComponent,
797
- mt as createCustom,
798
- pt as createCustomEl,
799
- ft as createCustomElement,
800
- H as createEl,
801
- w as createElement,
802
- Rt as createSignal,
803
- Ht as defineSlotTemplate,
804
- Pe as del,
805
- We as details,
806
- tt as disableLogs,
807
- bt as div,
808
- m as effect,
809
- At as effectMap,
810
- P as elementHelpers,
811
- je as em,
812
- St as enableLogs,
813
- Ge as event,
814
- xt as eventEmitter,
815
- Ae as figcaption,
816
- ve as figure,
817
- be as footer,
818
- Ot as forkJoin,
819
- Qt as form,
820
- kt as getList,
821
- $t as getReactiveTemplate,
822
- v as getSignalContent,
823
- N as getTextContent,
824
- re as h1,
825
- ie as h2,
826
- le as h3,
827
- ce as h4,
828
- ae as h5,
829
- de as h6,
830
- Ce as header,
831
- ue as hr,
832
- z as htmlEffectWrapper,
833
- xe as i,
834
- se as img,
835
- U as initComponent,
836
- Jt as input,
837
- Fe as ins,
838
- Tt as isBaseElement,
839
- Y as isComponentConfig,
840
- x as isComponentInitConfig,
841
- vt as isEffectDebugEnabled,
842
- y as isReactiveSignal,
843
- Mt as isSlotTemplate,
844
- K as kebabToCamel,
845
- Yt as label,
846
- Xt as li,
847
- Ee as main,
848
- Ie as mark,
849
- ze as meter,
850
- me as nav,
851
- Wt as newEventEmitter,
852
- Zt as ol,
853
- te as option,
854
- oe as p,
855
- fe as pre,
856
- _e as progress,
857
- u as projectLog,
858
- Ve as property,
859
- X as renderIf,
860
- Lt as rs,
861
- ut as rxRenderIf,
862
- $e as s,
863
- Bt as section,
864
- Kt as select,
865
- rt as setChildren,
866
- ot as setEffects,
867
- st as setHtmlContent,
868
- q as setListeners,
869
- Ft as show,
870
- D as showIf,
871
- A as signal,
872
- ht as signalComponent,
873
- De as slot,
874
- ge as small,
875
- zt as span,
876
- Oe as strong,
877
- ke as sub,
878
- He as summary,
879
- Me as sup,
880
- Dt as table,
881
- Vt as td,
882
- V as textContentWrapper,
883
- ee as textarea,
884
- Gt as th,
885
- Nt as tr,
886
- we as u,
887
- Ut as ul,
888
- It as unsafeHtml,
889
- _t as useCustomComponent,
890
- Je as video,
891
- Pt as when
892
- };