@manyducks.co/dolla 2.0.0-alpha.40 → 2.0.0-alpha.41

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,12 +1,12 @@
1
- var Ee = Object.defineProperty;
2
- var Q = (t) => {
1
+ var ke = Object.defineProperty;
2
+ var te = (t) => {
3
3
  throw TypeError(t);
4
4
  };
5
- var Se = (t, e, n) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
6
- var f = (t, e, n) => Se(t, typeof e != "symbol" ? e + "" : e, n), ee = (t, e, n) => e.has(t) || Q("Cannot " + n);
7
- var k = (t, e, n) => (ee(t, e, "read from private field"), n ? n.call(t) : e.get(t)), _ = (t, e, n) => e.has(t) ? Q("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), U = (t, e, n, s) => (ee(t, e, "write to private field"), s ? s.call(t, n) : e.set(t, n), n);
5
+ var Te = (t, e, n) => e in t ? ke(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
6
+ var f = (t, e, n) => Te(t, typeof e != "symbol" ? e + "" : e, n), ne = (t, e, n) => e.has(t) || te("Cannot " + n);
7
+ var T = (t, e, n) => (ne(t, e, "read from private field"), n ? n.call(t) : e.get(t)), _ = (t, e, n) => e.has(t) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), U = (t, e, n, s) => (ne(t, e, "write to private field"), s ? s.call(t, n) : e.set(t, n), n);
8
8
  var S = /* @__PURE__ */ ((t) => (t[t.Computed = 1] = "Computed", t[t.Effect = 2] = "Effect", t[t.Tracking = 4] = "Tracking", t[t.Notified = 8] = "Notified", t[t.Recursed = 16] = "Recursed", t[t.Dirty = 32] = "Dirty", t[t.PendingComputed = 64] = "PendingComputed", t[t.PendingEffect = 128] = "PendingEffect", t[t.Propagated = 224] = "Propagated", t))(S || {});
9
- function fe({
9
+ function he({
10
10
  updateComputed: t,
11
11
  notifyEffect: e
12
12
  }) {
@@ -59,8 +59,8 @@ function fe({
59
59
  }
60
60
  for (; d; ) {
61
61
  --d;
62
- const J = c.dep.subs;
63
- if (c = J.prevSub, J.prevSub = void 0, (r = c.nextSub) !== void 0) {
62
+ const ee = c.dep.subs;
63
+ if (c = ee.prevSub, ee.prevSub = void 0, (r = c.nextSub) !== void 0) {
64
64
  c = r, u = d ? 64 : 32;
65
65
  continue e;
66
66
  }
@@ -263,42 +263,42 @@ function fe({
263
263
  }
264
264
  }
265
265
  var {
266
- link: Qe,
267
- propagate: et,
268
- updateDirtyFlag: Ne,
269
- startTracking: ae,
270
- endTracking: he,
271
- processEffectNotifications: tt,
272
- processComputedUpdate: nt,
273
- processPendingInnerEffects: de
274
- } = fe({
266
+ link: nt,
267
+ propagate: st,
268
+ updateDirtyFlag: Ce,
269
+ startTracking: de,
270
+ endTracking: pe,
271
+ processEffectNotifications: it,
272
+ processComputedUpdate: rt,
273
+ processPendingInnerEffects: me
274
+ } = he({
275
275
  updateComputed(t) {
276
- ae(t);
276
+ de(t);
277
277
  try {
278
278
  const e = t.currentValue, n = t.getter(e);
279
279
  return e !== n ? (t.currentValue = n, !0) : !1;
280
280
  } finally {
281
- he(t);
281
+ pe(t);
282
282
  }
283
283
  },
284
284
  notifyEffect(t) {
285
- return "isScope" in t ? Ce(t) : ke(t);
285
+ return "isScope" in t ? Ae(t) : De(t);
286
286
  }
287
287
  });
288
- function Te(t) {
289
- ae(t);
288
+ function Le(t) {
289
+ de(t);
290
290
  try {
291
291
  t.fn();
292
292
  } finally {
293
- he(t);
293
+ pe(t);
294
294
  }
295
295
  }
296
- function ke(t) {
296
+ function De(t) {
297
297
  const e = t.flags;
298
- return e & 32 || e & 64 && Ne(t, e) ? Te(t) : de(t, t.flags), !0;
298
+ return e & 32 || e & 64 && Ce(t, e) ? Le(t) : me(t, t.flags), !0;
299
299
  }
300
- function Ce(t) {
301
- return t.flags & 128 ? (de(t, t.flags), !0) : !1;
300
+ function Ae(t) {
301
+ return t.flags & 128 ? (me(t, t.flags), !0) : !1;
302
302
  }
303
303
  function L(t) {
304
304
  const e = typeof t;
@@ -321,7 +321,7 @@ function P(t) {
321
321
  function F(t, e) {
322
322
  return P(e) && e.every((n) => t(n));
323
323
  }
324
- function st(t, e, n) {
324
+ function ot(t, e, n) {
325
325
  if (F(t, e))
326
326
  return !0;
327
327
  throw new TypeError(V(e, n));
@@ -329,7 +329,7 @@ function st(t, e, n) {
329
329
  function D(t) {
330
330
  return typeof t == "string";
331
331
  }
332
- function it(t, e) {
332
+ function ut(t, e) {
333
333
  if (D(t))
334
334
  return !0;
335
335
  throw new TypeError(V(t, e ?? "Expected a string. Got type: %t, value: %v"));
@@ -337,10 +337,10 @@ function it(t, e) {
337
337
  function E(t) {
338
338
  return L(t) === "function";
339
339
  }
340
- function Le(t) {
340
+ function Pe(t) {
341
341
  return typeof t == "number" && !isNaN(t);
342
342
  }
343
- function rt(...t) {
343
+ function ct(...t) {
344
344
  const e = t[0], n = D(t[2]) ? t[2] : `Expected instance of ${e.name}. Got type: %t, value: %v`, s = (i) => {
345
345
  if (i instanceof e)
346
346
  return !0;
@@ -351,7 +351,7 @@ function rt(...t) {
351
351
  function W(t) {
352
352
  return t != null && typeof t == "object" && !P(t);
353
353
  }
354
- function ot(t, e) {
354
+ function lt(t, e) {
355
355
  if (W(t))
356
356
  return !0;
357
357
  throw new TypeError(V(t, e));
@@ -362,58 +362,65 @@ function V(t, e) {
362
362
  return e.replaceAll("%t", n).replaceAll("%v", s);
363
363
  }
364
364
  const q = Symbol("dependency"), {
365
- link: pe,
366
- propagate: De,
367
- updateDirtyFlag: Ae,
365
+ link: ge,
366
+ propagate: Oe,
367
+ updateDirtyFlag: $e,
368
368
  startTracking: Z,
369
369
  endTracking: H,
370
- processEffectNotifications: Pe,
371
- processComputedUpdate: Oe,
372
- processPendingInnerEffects: $e
373
- } = fe({
370
+ processEffectNotifications: Ie,
371
+ processComputedUpdate: je,
372
+ processPendingInnerEffects: Ve
373
+ } = he({
374
374
  updateComputed(t) {
375
- const e = w;
376
- w = t, Z(t);
375
+ const e = y;
376
+ y = t, Z(t);
377
377
  try {
378
378
  const n = t.currentValue, s = t.getter(n);
379
379
  return t.equals(n, s) ? !1 : (t.currentValue = s, !0);
380
380
  } finally {
381
- w = e, H(t);
381
+ y = e, H(t);
382
382
  }
383
383
  },
384
384
  notifyEffect(t) {
385
385
  const e = t.flags;
386
- return e & S.Dirty || e & S.PendingComputed && Ae(t, e) ? me(t) : $e(t, t.flags), !0;
386
+ return e & S.Dirty || e & S.PendingComputed && $e(t, e) ? ye(t) : Ve(t, t.flags), !0;
387
387
  }
388
388
  });
389
- let w;
389
+ let y;
390
390
  const C = [];
391
391
  let z = !1;
392
- function Ie() {
392
+ function qe() {
393
393
  z || (z = !0, queueMicrotask(() => {
394
394
  z = !1;
395
395
  for (let t = 0; t < C.length; t++) {
396
- const e = C[t], n = w;
397
- w = e, Z(e);
396
+ const e = C[t], n = y;
397
+ y = e, Z(e);
398
398
  try {
399
399
  e.fn();
400
400
  } finally {
401
- w = n, H(e);
401
+ y = n, H(e);
402
402
  }
403
403
  }
404
404
  C.length = 0;
405
405
  }));
406
406
  }
407
- function me(t) {
408
- C.push(t), Ie();
407
+ function ye(t) {
408
+ C.push(t), qe();
409
409
  }
410
- function je() {
410
+ function _e() {
411
411
  Z(this), H(this), queueMicrotask(() => {
412
412
  C.splice(C.indexOf(this), 1);
413
413
  });
414
414
  }
415
+ const ve = [];
416
+ function K() {
417
+ ve.push(y), y = void 0;
418
+ }
419
+ function X() {
420
+ y = ve.pop();
421
+ }
415
422
  var M, A;
416
- class Ve {
423
+ class Ue {
417
424
  constructor(e, n) {
418
425
  _(this, M);
419
426
  _(this, A);
@@ -426,18 +433,18 @@ class Ve {
426
433
  });
427
434
  }
428
435
  get value() {
429
- return k(this, M).currentValue;
436
+ return T(this, M).currentValue;
430
437
  }
431
438
  set value(e) {
432
- if (!k(this, A).call(this, k(this, M).currentValue, e)) {
433
- k(this, M).currentValue = e;
434
- const n = k(this, M).subs;
435
- n !== void 0 && (De(n), Pe());
439
+ if (!T(this, A).call(this, T(this, M).currentValue, e)) {
440
+ T(this, M).currentValue = e;
441
+ const n = T(this, M).subs;
442
+ n !== void 0 && (Oe(n), Ie());
436
443
  }
437
444
  }
438
445
  }
439
446
  M = new WeakMap(), A = new WeakMap();
440
- class qe {
447
+ class ze {
441
448
  constructor(e) {
442
449
  f(this, "computed");
443
450
  this.computed = e, Object.defineProperty(this, q, {
@@ -449,17 +456,17 @@ class qe {
449
456
  }
450
457
  get value() {
451
458
  const e = this.computed, n = e.flags;
452
- return n & (S.Dirty | S.PendingComputed) && Oe(e, n), e.currentValue;
459
+ return n & (S.Dirty | S.PendingComputed) && je(e, n), e.currentValue;
453
460
  }
454
461
  }
455
462
  function g(t) {
456
463
  return t != null && t[q] != null;
457
464
  }
458
465
  function G(t, e) {
459
- return new Ve({ currentValue: t, subs: void 0, subsTail: void 0 }, e);
466
+ return new Ue({ currentValue: t, subs: void 0, subsTail: void 0 }, e);
460
467
  }
461
- function K(t, e) {
462
- return new qe({
468
+ function Y(t, e) {
469
+ return new ze({
463
470
  currentValue: void 0,
464
471
  equals: (e == null ? void 0 : e.equals) ?? Object.is,
465
472
  subs: void 0,
@@ -469,32 +476,32 @@ function K(t, e) {
469
476
  flags: S.Computed | S.Dirty,
470
477
  getter: (n) => {
471
478
  let s = t(n);
472
- return s = v(s), s;
479
+ return s = w(s), s;
473
480
  }
474
481
  });
475
482
  }
476
- function _e(t, e) {
483
+ function Re(t, e) {
477
484
  if (E(e))
478
485
  t.value = e(t.value);
479
486
  else if (arguments.length > 1)
480
487
  t.value = e;
481
488
  else
482
- return (n) => _e(t, n);
489
+ return (n) => Re(t, n);
483
490
  }
484
- function v(t) {
491
+ function w(t) {
485
492
  if (g(t)) {
486
- if (w !== void 0) {
493
+ if (y !== void 0) {
487
494
  const e = t[q];
488
- pe(e, w);
495
+ ge(e, y);
489
496
  }
490
497
  return t.value;
491
498
  } else
492
499
  return t;
493
500
  }
494
- function ut(t) {
501
+ function ft(t) {
495
502
  return g(t) ? t.value : t;
496
503
  }
497
- function y(t) {
504
+ function v(t) {
498
505
  const e = {
499
506
  fn: t,
500
507
  subs: void 0,
@@ -503,18 +510,18 @@ function y(t) {
503
510
  depsTail: void 0,
504
511
  flags: S.Effect
505
512
  };
506
- return w !== void 0 && pe(e, w), me(e), je.bind(e);
513
+ return y !== void 0 && ge(e, y), ye(e), _e.bind(e);
507
514
  }
508
- const ct = () => {
515
+ const at = () => {
509
516
  };
510
517
  let R = 1;
511
- function ge() {
518
+ function we() {
512
519
  return R = R % Number.MAX_SAFE_INTEGER + 1, R.toString(36) + Date.now().toString(36);
513
520
  }
514
- function lt(t, e) {
521
+ function ht(t, e) {
515
522
  return Object.is(t, e);
516
523
  }
517
- function ft(t, e) {
524
+ function dt(t, e) {
518
525
  if (Object.is(t, e)) return !0;
519
526
  const n = L(t);
520
527
  if (n !== L(e))
@@ -585,22 +592,19 @@ function B(t, e) {
585
592
  }
586
593
  return t !== t && e !== e;
587
594
  }
588
- function Ue(t, e) {
589
- const n = (s) => {
590
- const i = {};
591
- for (const o in s)
592
- t.includes(o) || (i[o] = s[o]);
593
- return i;
594
- };
595
- return e == null ? n : n(e);
595
+ function Be(t, e) {
596
+ const n = {};
597
+ for (const s in e)
598
+ t.includes(s) || (n[s] = e[s]);
599
+ return n;
596
600
  }
597
- function at(t) {
601
+ function pt(t) {
598
602
  let e = 0;
599
603
  for (let n = 0; n < t.length; n++)
600
604
  e = (e + t.charCodeAt(n) * 10) % 360;
601
605
  return `oklch(0.68 0.15 ${e}deg)`;
602
606
  }
603
- function ht(t) {
607
+ function mt(t) {
604
608
  if (t instanceof RegExp)
605
609
  return (s) => t.test(s);
606
610
  const e = {
@@ -622,11 +626,11 @@ function ht(t) {
622
626
  return !(o.some((l) => l(s)) || i.length > 0 && !i.some((l) => l(s)));
623
627
  };
624
628
  }
625
- const N = Symbol.for("DollaMarkupElement"), dt = Symbol.for("DollaRouter");
626
- function pt(t, e) {
629
+ const N = Symbol.for("DollaMarkupElement"), gt = Symbol.for("DollaRouter");
630
+ function yt(t, e) {
627
631
  return e.outlet();
628
632
  }
629
- function ze(t) {
633
+ function Ge(t) {
630
634
  for (var e, n, s = arguments, i = 1, o = "", l = "", a = [0], m = function(c) {
631
635
  i === 1 && (c || (o = o.replace(/^\s*\n\s*|\s*\n\s*$/g, ""))) ? a.push(c ? s[c] : o) : i === 3 && (c || o) ? (a[1] = c ? s[c] : o, i = 2) : i === 2 && o === "..." && c ? a[2] = Object.assign(a[2] || {}, s[c]) : i === 2 && o && !c ? (a[2] = a[2] || {})[o] = !0 : i >= 5 && (i === 5 ? ((a[2] = a[2] || {})[n] = c ? o ? o + s[c] : s[c] : o, i = 6) : (c || o) && (a[2][n] += c ? o + s[c] : o)), o = "";
632
636
  }, r = 0; r < t.length; r++) {
@@ -636,11 +640,11 @@ function ze(t) {
636
640
  }
637
641
  return m(), a.length > 2 ? a.slice(1) : a[1];
638
642
  }
639
- var se;
640
- se = N;
641
- class te {
643
+ var re;
644
+ re = N;
645
+ class se {
642
646
  constructor(e) {
643
- f(this, se, !0);
647
+ f(this, re, !0);
644
648
  f(this, "node");
645
649
  this.node = e;
646
650
  }
@@ -654,11 +658,11 @@ class te {
654
658
  this.node.parentNode && !e && this.node.parentNode.removeChild(this.node);
655
659
  }
656
660
  }
657
- var ie;
658
- ie = N;
659
- class Re {
661
+ var oe;
662
+ oe = N;
663
+ class Fe {
660
664
  constructor(e) {
661
- f(this, ie, !0);
665
+ f(this, oe, !0);
662
666
  f(this, "node", document.createTextNode(""));
663
667
  f(this, "children", []);
664
668
  f(this, "elementContext");
@@ -670,13 +674,13 @@ class Re {
670
674
  return this.node.parentNode != null;
671
675
  }
672
676
  mount(e, n) {
673
- this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.unsubscribe = y(() => {
674
- const s = v(this.source);
675
- if (!Me(s))
677
+ this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.unsubscribe = v(() => {
678
+ const s = w(this.source);
679
+ if (!Ne(s))
676
680
  throw console.error(s), new TypeError(
677
681
  `Dynamic received invalid value to render. Got type: ${L(s)}, value: ${s}`
678
682
  );
679
- this.update(P(s) ? s : [s]);
683
+ K(), this.update(P(s) ? s : [s]), X();
680
684
  }));
681
685
  }
682
686
  unmount(e = !1) {
@@ -692,7 +696,7 @@ class Re {
692
696
  var o, l, a;
693
697
  if (this.cleanup(!1), e == null || e.length === 0 || !this.isMounted)
694
698
  return;
695
- const n = e.flatMap((m) => be(m) ? m : T(this.elementContext, X(m)));
699
+ const n = e.flatMap((m) => Ee(m) ? m : k(this.elementContext, J(m)));
696
700
  for (const m of n) {
697
701
  const r = ((o = this.children.at(-1)) == null ? void 0 : o.node) || this.node;
698
702
  m.mount(this.node.parentNode, r), this.children.push(m);
@@ -701,12 +705,12 @@ class Re {
701
705
  s.insertBefore(this.node, i);
702
706
  }
703
707
  }
704
- const Be = (t) => /^on[A-Z]/.test(t);
705
- var re;
706
- re = N;
707
- class Ge {
708
+ const We = (t) => /^on[A-Z]/.test(t);
709
+ var ue;
710
+ ue = N;
711
+ class Ze {
708
712
  constructor({ tag: e, props: n, children: s, elementContext: i }) {
709
- f(this, re, !0);
713
+ f(this, ue, !0);
710
714
  f(this, "node");
711
715
  f(this, "props");
712
716
  f(this, "childMarkup", []);
@@ -726,7 +730,7 @@ class Ge {
726
730
  else
727
731
  throw new Error("Expected ref to be a function. Got: " + n.ref);
728
732
  this.props = {
729
- ...Ue(["ref", "class", "className"], n),
733
+ ...Be(["ref", "class", "className"], n),
730
734
  class: n.className ?? n.class
731
735
  }, s && (this.childMarkup = s), this.elementContext = i;
732
736
  }
@@ -737,7 +741,7 @@ class Ge {
737
741
  if (e == null)
738
742
  throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
739
743
  if (!this.isMounted) {
740
- this.childMarkup.length > 0 && (this.children = T(this.elementContext, this.childMarkup));
744
+ this.childMarkup.length > 0 && (this.children = k(this.elementContext, this.childMarkup));
741
745
  for (let s = 0; s < this.children.length; s++) {
742
746
  const i = this.children[s], o = s > 0 ? this.children[s - 1].node : void 0;
743
747
  i.mount(this.node, o);
@@ -761,7 +765,7 @@ class Ge {
761
765
  }
762
766
  }
763
767
  attachProp(e, n) {
764
- g(e) ? this.unsubscribers.push(y(() => n(v(e)))) : n(e);
768
+ g(e) ? this.unsubscribers.push(v(() => n(w(e)))) : n(e);
765
769
  }
766
770
  applyProps(e, n) {
767
771
  for (const s in n) {
@@ -779,7 +783,7 @@ class Ge {
779
783
  window.addEventListener("click", o, l), this.unsubscribers.push(() => {
780
784
  window.removeEventListener("click", o, l);
781
785
  });
782
- } else if (Be(s)) {
786
+ } else if (We(s)) {
783
787
  const o = s.slice(2).toLowerCase(), l = g(i) ? (a) => i.value(a) : i;
784
788
  e.addEventListener(o, l), this.unsubscribers.push(() => {
785
789
  e.removeEventListener(o, l);
@@ -788,7 +792,7 @@ class Ge {
788
792
  this.attachProp(i, (o) => {
789
793
  o == null ? e.removeAttribute(s) : e.setAttribute(s, String(o));
790
794
  });
791
- else if (!Fe.includes(s))
795
+ else if (!He.includes(s))
792
796
  if (this.elementContext.isSVG)
793
797
  this.attachProp(i, (o) => {
794
798
  o != null ? e.setAttribute(s, String(n[s])) : e.removeAttribute(s);
@@ -842,17 +846,17 @@ class Ge {
842
846
  const i = [];
843
847
  if (g(n)) {
844
848
  let o;
845
- const l = y(() => {
846
- E(o) && o(), e.style.cssText = "", o = this.applyStyles(e, v(n), s);
849
+ const l = v(() => {
850
+ E(o) && o(), e.style.cssText = "", o = this.applyStyles(e, w(n), s);
847
851
  });
848
852
  s.push(l), i.push(l);
849
853
  } else {
850
- const o = ve(n);
854
+ const o = xe(n);
851
855
  for (const l in o) {
852
856
  const { value: a, priority: m } = o[l];
853
857
  if (g(a)) {
854
- const r = y(() => {
855
- v(a) ? e.style.setProperty(l, String(a.value), m) : e.style.removeProperty(l);
858
+ const r = v(() => {
859
+ w(a) ? e.style.setProperty(l, String(a.value), m) : e.style.removeProperty(l);
856
860
  });
857
861
  s.push(r), i.push(r);
858
862
  } else a != null && e.style.setProperty(l, String(a));
@@ -867,17 +871,17 @@ class Ge {
867
871
  const i = [];
868
872
  if (g(n)) {
869
873
  let o;
870
- const l = y(() => {
871
- E(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, v(n), s);
874
+ const l = v(() => {
875
+ E(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, w(n), s);
872
876
  });
873
877
  s.push(l), i.push(l);
874
878
  } else {
875
- const o = ye(n);
879
+ const o = be(n);
876
880
  for (const l in o) {
877
881
  const a = o[l];
878
882
  if (g(a)) {
879
- const m = y(() => {
880
- v(a) ? e.classList.add(l) : e.classList.remove(l);
883
+ const m = v(() => {
884
+ w(a) ? e.classList.add(l) : e.classList.remove(l);
881
885
  });
882
886
  s.push(m), i.push(m);
883
887
  } else a && e.classList.add(l);
@@ -889,18 +893,18 @@ class Ge {
889
893
  };
890
894
  }
891
895
  }
892
- function ye(t) {
896
+ function be(t) {
893
897
  let e = {};
894
898
  if (D(t)) {
895
899
  const n = t.split(" ");
896
900
  for (const s of n)
897
901
  e[s] = !0;
898
902
  } else W(t) ? Object.assign(e, t) : Array.isArray(t) && Array.from(t).filter(Boolean).forEach((n) => {
899
- Object.assign(e, ye(n));
903
+ Object.assign(e, be(n));
900
904
  });
901
905
  return delete e.undefined, e;
902
906
  }
903
- function ve(t) {
907
+ function xe(t) {
904
908
  let e = {};
905
909
  if (D(t)) {
906
910
  const n = t.split(";").filter((s) => s.trim() !== "");
@@ -908,22 +912,22 @@ function ve(t) {
908
912
  const [i, o] = s.split(":"), l = {
909
913
  value: o
910
914
  };
911
- o.includes("!important") ? (l.priority = "important", l.value = o.replace("!important", "").trim()) : l.value = o.trim(), e[ne(i.trim())] = l;
915
+ o.includes("!important") ? (l.priority = "important", l.value = o.replace("!important", "").trim()) : l.value = o.trim(), e[ie(i.trim())] = l;
912
916
  }
913
917
  }
914
918
  if (W(t))
915
919
  for (const n in t)
916
- n.startsWith("--") ? e[n] = { value: t[n] } : e[ne(n)] = { value: t[n] };
920
+ n.startsWith("--") ? e[n] = { value: t[n] } : e[ie(n)] = { value: t[n] };
917
921
  else Array.isArray(t) && Array.from(t).filter((n) => n != null).forEach((n) => {
918
- Object.assign(e, ve(n));
922
+ Object.assign(e, xe(n));
919
923
  });
920
924
  return e;
921
925
  }
922
- function ne(t) {
926
+ function ie(t) {
923
927
  return t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, n) => (n ? "-" : "") + e.toLowerCase());
924
928
  }
925
- const Fe = ["ref", "children", "class", "style", "data"];
926
- let We = class {
929
+ const He = ["ref", "children", "class", "style", "data"];
930
+ let Ke = class {
927
931
  constructor(e) {
928
932
  f(this, "store");
929
933
  this.store = e;
@@ -960,19 +964,19 @@ let We = class {
960
964
  effect(e) {
961
965
  const n = this.store;
962
966
  if (n.isMounted) {
963
- const s = y(e);
967
+ const s = v(e);
964
968
  return n.lifecycleListeners.unmount.push(s), s;
965
969
  } else {
966
970
  let s, i = !1;
967
971
  return n.lifecycleListeners.mount.push(() => {
968
- i || (s = y(e), n.lifecycleListeners.unmount.push(s));
972
+ i || (s = v(e), n.lifecycleListeners.unmount.push(s));
969
973
  }), () => {
970
974
  s != null && (i = !0, s());
971
975
  };
972
976
  }
973
977
  }
974
978
  };
975
- class Ze {
979
+ class Xe {
976
980
  constructor(e, n) {
977
981
  f(this, "fn");
978
982
  f(this, "_options");
@@ -984,7 +988,7 @@ class Ze {
984
988
  f(this, "elementContext");
985
989
  f(this, "lifecycleListeners", { mount: [], unmount: [] });
986
990
  f(this, "logger");
987
- f(this, "id", ge());
991
+ f(this, "id", we());
988
992
  f(this, "name");
989
993
  this.fn = e, this.name = e.name, this._options = n;
990
994
  }
@@ -996,7 +1000,7 @@ class Ze {
996
1000
  if (e.stores.has(this.fn))
997
1001
  return !1;
998
1002
  this.elementContext = e, this.logger = e.root.createLogger(this.name);
999
- const n = new We(this);
1003
+ const n = new Ke(this);
1000
1004
  try {
1001
1005
  this.value = this.fn.call(n, this._options, n);
1002
1006
  } catch (s) {
@@ -1019,7 +1023,7 @@ class Ze {
1019
1023
  }
1020
1024
  class $ extends Error {
1021
1025
  }
1022
- class He {
1026
+ class Ye {
1023
1027
  constructor(e) {
1024
1028
  f(this, "view");
1025
1029
  this.view = e;
@@ -1040,7 +1044,7 @@ class He {
1040
1044
  this.view.elementContext.viewName = e, this.view.logger.setName(e);
1041
1045
  }
1042
1046
  provide(e, n) {
1043
- const s = new Ze(e, n);
1047
+ const s = new Xe(e, n);
1044
1048
  if (s.attach(this.view.elementContext))
1045
1049
  return this.view.lifecycleListeners.mount.push(() => {
1046
1050
  s.handleMount();
@@ -1077,12 +1081,12 @@ class He {
1077
1081
  }
1078
1082
  effect(e) {
1079
1083
  if (this.view.isMounted) {
1080
- const n = y(e);
1084
+ const n = v(e);
1081
1085
  return this.view.lifecycleListeners.unmount.push(n), n;
1082
1086
  } else {
1083
1087
  let n, s = !1;
1084
1088
  return this.view.lifecycleListeners.mount.push(() => {
1085
- s || (n = y(e), this.view.lifecycleListeners.unmount.push(n));
1089
+ s || (n = v(e), this.view.lifecycleListeners.unmount.push(n));
1086
1090
  }), () => {
1087
1091
  n != null && (s = !0, n());
1088
1092
  };
@@ -1092,12 +1096,12 @@ class He {
1092
1096
  return b("$outlet", { children: this.view.children });
1093
1097
  }
1094
1098
  }
1095
- var oe;
1096
- oe = N;
1097
- const Y = class Y {
1099
+ var ce;
1100
+ ce = N;
1101
+ const Q = class Q {
1098
1102
  constructor(e, n, s, i = []) {
1099
- f(this, oe, !0);
1100
- f(this, "uniqueId", ge());
1103
+ f(this, ce, !0);
1104
+ f(this, "uniqueId", we());
1101
1105
  f(this, "elementContext");
1102
1106
  f(this, "logger");
1103
1107
  f(this, "props");
@@ -1143,28 +1147,28 @@ const Y = class Y {
1143
1147
  }
1144
1148
  setChildView(e) {
1145
1149
  this.childMarkup = [];
1146
- const n = new Y(this.elementContext, e, {});
1150
+ const n = new Q(this.elementContext, e, {});
1147
1151
  return this.children.value = [n], n;
1148
1152
  }
1149
1153
  /*===============================*\
1150
1154
  || Internal ||
1151
1155
  \*===============================*/
1152
1156
  _initialize() {
1153
- const e = new He(this);
1157
+ const e = new Ye(this);
1154
1158
  let n;
1155
1159
  try {
1156
- n = this.fn.call(e, this.props, e), this.childMarkup.length && (this.children.value = T(this.elementContext, this.childMarkup));
1160
+ n = this.fn.call(e, this.props, e), this.childMarkup.length && (this.children.value = k(this.elementContext, this.childMarkup));
1157
1161
  } catch (s) {
1158
1162
  throw s instanceof Error && this.logger.crash(s), s;
1159
1163
  }
1160
1164
  if (n !== null) if (n instanceof Node)
1161
- this.element = O(T(this.elementContext, b("$node", { value: n })));
1165
+ this.element = O(k(this.elementContext, b("$node", { value: n })));
1162
1166
  else if (g(n))
1163
1167
  this.element = O(
1164
- T(this.elementContext, b("$dynamic", { source: n }))
1168
+ k(this.elementContext, b("$dynamic", { source: n }))
1165
1169
  );
1166
1170
  else if (j(n) || F(j, n))
1167
- this.element = O(T(this.elementContext, n));
1171
+ this.element = O(k(this.elementContext, n));
1168
1172
  else {
1169
1173
  const s = new TypeError(
1170
1174
  `Expected '${this.fn.name}' function to return a DOM node, Markup element, Readable or null. Got: ${L(n)}`
@@ -1173,12 +1177,12 @@ const Y = class Y {
1173
1177
  }
1174
1178
  }
1175
1179
  };
1176
- let I = Y;
1177
- var ue;
1178
- ue = N;
1179
- class Ke {
1180
+ let I = Q;
1181
+ var le;
1182
+ le = N;
1183
+ class Je {
1180
1184
  constructor({ elementContext: e, items: n, renderFn: s, keyFn: i }) {
1181
- f(this, ue, !0);
1185
+ f(this, le, !0);
1182
1186
  f(this, "node", document.createTextNode(""));
1183
1187
  f(this, "items");
1184
1188
  f(this, "unsubscribe", null);
@@ -1192,9 +1196,9 @@ class Ke {
1192
1196
  return this.node.parentNode != null;
1193
1197
  }
1194
1198
  mount(e, n) {
1195
- this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.unsubscribe = y(() => {
1196
- let s = v(this.items);
1197
- s == null && (s = [], console.log("list received empty value", s, this)), this._update(Array.from(s));
1199
+ this.isMounted || (e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), this.unsubscribe = v(() => {
1200
+ let s = w(this.items);
1201
+ s == null && (s = [], console.log("list received empty value", s, this)), K(), this._update(Array.from(s)), X();
1198
1202
  }));
1199
1203
  }
1200
1204
  unmount(e = !1) {
@@ -1231,8 +1235,8 @@ class Ke {
1231
1235
  key: r.key,
1232
1236
  item: c,
1233
1237
  index: d,
1234
- element: new I(this.elementContext, Xe, {
1235
- item: K(() => c.value),
1238
+ element: new I(this.elementContext, Qe, {
1239
+ item: Y(() => c.value),
1236
1240
  index: d,
1237
1241
  renderFn: this.renderFn
1238
1242
  })
@@ -1248,14 +1252,14 @@ class Ke {
1248
1252
  (m = this.node.parentNode) == null || m.insertBefore(this.node, o.nextSibling);
1249
1253
  }
1250
1254
  }
1251
- function Xe(t, e) {
1255
+ function Qe(t, e) {
1252
1256
  return e.name = "@ListItem", t.renderFn.call(e, t.item, t.index, e);
1253
1257
  }
1254
- var ce;
1255
- ce = N;
1256
- class we {
1258
+ var fe;
1259
+ fe = N;
1260
+ class Me {
1257
1261
  constructor(e) {
1258
- f(this, ce, !0);
1262
+ f(this, fe, !0);
1259
1263
  f(this, "node", document.createTextNode(""));
1260
1264
  f(this, "isMounted", !1);
1261
1265
  f(this, "source");
@@ -1264,8 +1268,9 @@ class we {
1264
1268
  this.source = e;
1265
1269
  }
1266
1270
  mount(e, n) {
1267
- this.isMounted || (this.isMounted = !0, e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), g(this.source) ? this.unsubscribe = y(() => {
1268
- this.update(v(this.source));
1271
+ this.isMounted || (this.isMounted = !0, e.insertBefore(this.node, (n == null ? void 0 : n.nextSibling) ?? null), g(this.source) ? this.unsubscribe = v(() => {
1272
+ const s = w(this.source);
1273
+ K(), this.update(s), X();
1269
1274
  }) : this.update(this.elements));
1270
1275
  }
1271
1276
  unmount(e = !1) {
@@ -1287,11 +1292,11 @@ class we {
1287
1292
  }
1288
1293
  }
1289
1294
  }
1290
- var le;
1291
- le = N;
1292
- class Ye {
1295
+ var ae;
1296
+ ae = N;
1297
+ class et {
1293
1298
  constructor(e) {
1294
- f(this, le, !0);
1299
+ f(this, ae, !0);
1295
1300
  f(this, "config");
1296
1301
  f(this, "element");
1297
1302
  this.config = e;
@@ -1301,7 +1306,7 @@ class Ye {
1301
1306
  }
1302
1307
  mount(e, n) {
1303
1308
  const { content: s, parent: i } = this.config;
1304
- be(s) ? this.element = s : this.element = O(T(this.config.elementContext, X(s))), this.element.mount(i);
1309
+ Ee(s) ? this.element = s : this.element = O(k(this.config.elementContext, J(s))), this.element.mount(i);
1305
1310
  }
1306
1311
  unmount(e = !1) {
1307
1312
  var n;
@@ -1309,41 +1314,41 @@ class Ye {
1309
1314
  }
1310
1315
  }
1311
1316
  function j(t) {
1312
- return t instanceof xe;
1317
+ return t instanceof Se;
1313
1318
  }
1314
- function be(t) {
1319
+ function Ee(t) {
1315
1320
  return (t == null ? void 0 : t[N]) === !0;
1316
1321
  }
1317
- function X(t) {
1322
+ function J(t) {
1318
1323
  return P(t) || (t = [t]), t.flat(1 / 0).filter((e) => e != null && e !== !1).map((e) => j(e) ? e : e instanceof Node ? b("$node", { value: e }) : g(e) ? b("$dynamic", { source: e }) : b("$text", { value: e }));
1319
1324
  }
1320
1325
  function b(t, e, ...n) {
1321
- return new xe(t, e, ...n);
1326
+ return new Se(t, e, ...n);
1322
1327
  }
1323
- class xe {
1328
+ class Se {
1324
1329
  constructor(e, n, ...s) {
1325
1330
  f(this, "type");
1326
1331
  f(this, "props");
1327
1332
  f(this, "children");
1328
- this.type = e, this.props = n, this.children = X(s);
1333
+ this.type = e, this.props = n, this.children = J(s);
1329
1334
  }
1330
1335
  }
1331
- const gt = ze.bind(b);
1332
- function yt(t, e, n) {
1336
+ const wt = Ge.bind(b);
1337
+ function bt(t, e, n) {
1333
1338
  return b("$dynamic", {
1334
- source: K(() => {
1335
- const s = v(t);
1339
+ source: Y(() => {
1340
+ const s = w(t);
1336
1341
  return s && e ? e : !s && n ? n : null;
1337
1342
  })
1338
1343
  });
1339
1344
  }
1340
- function vt(t, e, n) {
1341
- return b("$list", { items: K(() => t), keyFn: e, renderFn: n });
1345
+ function xt(t, e, n) {
1346
+ return b("$list", { items: Y(() => t), keyFn: e, renderFn: n });
1342
1347
  }
1343
- function wt(t, e) {
1348
+ function Mt(t, e) {
1344
1349
  return b("$portal", { parent: t, content: e });
1345
1350
  }
1346
- function T(t, e) {
1351
+ function k(t, e) {
1347
1352
  return (P(e) ? e : [e]).map((s) => {
1348
1353
  if (E(s.type))
1349
1354
  return new I(t, s.type, s.props, s.children);
@@ -1351,15 +1356,15 @@ function T(t, e) {
1351
1356
  switch (s.type) {
1352
1357
  case "$node": {
1353
1358
  const i = s.props;
1354
- return new te(i.value);
1359
+ return new se(i.value);
1355
1360
  }
1356
1361
  case "$text": {
1357
1362
  const i = s.props;
1358
- return new te(document.createTextNode(String(i.value)));
1363
+ return new se(document.createTextNode(String(i.value)));
1359
1364
  }
1360
1365
  case "$list": {
1361
1366
  const i = s.props;
1362
- return new Ke({
1367
+ return new Je({
1363
1368
  items: i.items,
1364
1369
  keyFn: i.keyFn,
1365
1370
  renderFn: i.renderFn,
@@ -1368,18 +1373,18 @@ function T(t, e) {
1368
1373
  }
1369
1374
  case "$dynamic": {
1370
1375
  const i = s.props;
1371
- return new Re({
1376
+ return new Fe({
1372
1377
  source: i.source,
1373
1378
  elementContext: t
1374
1379
  });
1375
1380
  }
1376
1381
  case "$outlet": {
1377
1382
  const i = s.props;
1378
- return new we(i.children);
1383
+ return new Me(i.children);
1379
1384
  }
1380
1385
  case "$portal": {
1381
1386
  const i = s.props;
1382
- return new Ye({
1387
+ return new et({
1383
1388
  content: i.content,
1384
1389
  parent: i.parent,
1385
1390
  elementContext: t
@@ -1388,7 +1393,7 @@ function T(t, e) {
1388
1393
  default:
1389
1394
  if (s.type.startsWith("$"))
1390
1395
  throw new Error(`Unknown markup type: ${s.type}`);
1391
- return new Ge({
1396
+ return new Ze({
1392
1397
  tag: s.type,
1393
1398
  props: s.props ?? {},
1394
1399
  children: s.children,
@@ -1400,43 +1405,43 @@ function T(t, e) {
1400
1405
  });
1401
1406
  }
1402
1407
  function O(t) {
1403
- return t.length === 1 ? t[0] : new we(t);
1408
+ return t.length === 1 ? t[0] : new Me(t);
1404
1409
  }
1405
- function Me(t) {
1406
- return t == null || t === !1 || D(t) || Le(t) || j(t) || g(t) || F(Me, t);
1410
+ function Ne(t) {
1411
+ return t == null || t === !1 || D(t) || Pe(t) || j(t) || g(t) || F(Ne, t);
1407
1412
  }
1408
1413
  export {
1409
- wt as A,
1410
- vt as B,
1411
- dt as I,
1412
- pt as P,
1413
- Ze as S,
1414
+ Mt as A,
1415
+ xt as B,
1416
+ gt as I,
1417
+ yt as P,
1418
+ Xe as S,
1414
1419
  I as V,
1415
- st as a,
1416
- it as b,
1420
+ ot as a,
1421
+ ut as b,
1417
1422
  G as c,
1418
- K as d,
1419
- ot as e,
1423
+ Y as d,
1424
+ lt as e,
1420
1425
  D as f,
1421
- v as g,
1426
+ w as g,
1422
1427
  W as h,
1423
1428
  E as i,
1424
1429
  B as j,
1425
- yt as k,
1426
- gt as l,
1427
- ht as m,
1430
+ bt as k,
1431
+ wt as l,
1432
+ mt as m,
1428
1433
  $ as n,
1429
- rt as o,
1434
+ ct as o,
1430
1435
  b as p,
1431
1436
  O as q,
1432
- T as r,
1433
- ft as s,
1437
+ k as r,
1438
+ dt as s,
1434
1439
  L as t,
1435
- ct as u,
1436
- at as v,
1437
- y as w,
1438
- _e as x,
1439
- ut as y,
1440
- lt as z
1440
+ at as u,
1441
+ pt as v,
1442
+ v as w,
1443
+ Re as x,
1444
+ ft as y,
1445
+ ht as z
1441
1446
  };
1442
- //# sourceMappingURL=markup-DIfh0nwz.js.map
1447
+ //# sourceMappingURL=markup-DkQI155j.js.map