tinybase 8.5.0-beta.0 → 8.5.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/@types/ui-react-dom-charts/index.d.ts +242 -0
  2. package/@types/ui-react-dom-charts/with-schemas/index.d.ts +296 -0
  3. package/common/index.js +3 -2
  4. package/common/with-schemas/index.js +3 -2
  5. package/index.js +5 -3
  6. package/mergeable-store/index.js +5 -3
  7. package/mergeable-store/with-schemas/index.js +5 -3
  8. package/metrics/index.js +1 -1
  9. package/metrics/with-schemas/index.js +1 -1
  10. package/min/common/index.js +1 -1
  11. package/min/common/index.js.gz +0 -0
  12. package/min/common/with-schemas/index.js +1 -1
  13. package/min/common/with-schemas/index.js.gz +0 -0
  14. package/min/index.js +1 -1
  15. package/min/index.js.gz +0 -0
  16. package/min/mergeable-store/index.js +1 -1
  17. package/min/mergeable-store/index.js.gz +0 -0
  18. package/min/mergeable-store/with-schemas/index.js +1 -1
  19. package/min/mergeable-store/with-schemas/index.js.gz +0 -0
  20. package/min/omni/index.js +1 -1
  21. package/min/omni/index.js.gz +0 -0
  22. package/min/omni/with-schemas/index.js +1 -1
  23. package/min/omni/with-schemas/index.js.gz +0 -0
  24. package/min/persisters/persister-durable-object-sql-storage/index.js +1 -1
  25. package/min/persisters/persister-durable-object-sql-storage/index.js.gz +0 -0
  26. package/min/persisters/persister-durable-object-sql-storage/with-schemas/index.js +1 -1
  27. package/min/persisters/persister-durable-object-sql-storage/with-schemas/index.js.gz +0 -0
  28. package/min/persisters/persister-partykit-server/index.js +1 -1
  29. package/min/persisters/persister-partykit-server/index.js.gz +0 -0
  30. package/min/persisters/persister-partykit-server/with-schemas/index.js +1 -1
  31. package/min/persisters/persister-partykit-server/with-schemas/index.js.gz +0 -0
  32. package/min/queries/index.js +1 -1
  33. package/min/queries/index.js.gz +0 -0
  34. package/min/queries/with-schemas/index.js +1 -1
  35. package/min/queries/with-schemas/index.js.gz +0 -0
  36. package/min/synchronizers/index.js +1 -1
  37. package/min/synchronizers/index.js.gz +0 -0
  38. package/min/synchronizers/synchronizer-broadcast-channel/index.js +1 -1
  39. package/min/synchronizers/synchronizer-broadcast-channel/index.js.gz +0 -0
  40. package/min/synchronizers/synchronizer-broadcast-channel/with-schemas/index.js +1 -1
  41. package/min/synchronizers/synchronizer-broadcast-channel/with-schemas/index.js.gz +0 -0
  42. package/min/synchronizers/synchronizer-local/index.js +1 -1
  43. package/min/synchronizers/synchronizer-local/index.js.gz +0 -0
  44. package/min/synchronizers/synchronizer-local/with-schemas/index.js +1 -1
  45. package/min/synchronizers/synchronizer-local/with-schemas/index.js.gz +0 -0
  46. package/min/synchronizers/synchronizer-ws-client/index.js +1 -1
  47. package/min/synchronizers/synchronizer-ws-client/index.js.gz +0 -0
  48. package/min/synchronizers/synchronizer-ws-client/with-schemas/index.js +1 -1
  49. package/min/synchronizers/synchronizer-ws-client/with-schemas/index.js.gz +0 -0
  50. package/min/synchronizers/synchronizer-ws-server/index.js +1 -1
  51. package/min/synchronizers/synchronizer-ws-server/index.js.gz +0 -0
  52. package/min/synchronizers/synchronizer-ws-server/with-schemas/index.js +1 -1
  53. package/min/synchronizers/synchronizer-ws-server/with-schemas/index.js.gz +0 -0
  54. package/min/synchronizers/synchronizer-ws-server-durable-object/index.js +1 -1
  55. package/min/synchronizers/synchronizer-ws-server-durable-object/index.js.gz +0 -0
  56. package/min/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js +1 -1
  57. package/min/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js.gz +0 -0
  58. package/min/synchronizers/with-schemas/index.js +1 -1
  59. package/min/synchronizers/with-schemas/index.js.gz +0 -0
  60. package/min/ui-react-dom/index.js +1 -1
  61. package/min/ui-react-dom/index.js.gz +0 -0
  62. package/min/ui-react-dom/with-schemas/index.js +1 -1
  63. package/min/ui-react-dom/with-schemas/index.js.gz +0 -0
  64. package/min/ui-react-dom-charts/index.js +1 -0
  65. package/min/ui-react-dom-charts/index.js.gz +0 -0
  66. package/min/ui-react-dom-charts/with-schemas/index.js +1 -0
  67. package/min/ui-react-dom-charts/with-schemas/index.js.gz +0 -0
  68. package/min/ui-react-inspector/index.js +1 -1
  69. package/min/ui-react-inspector/index.js.gz +0 -0
  70. package/min/ui-react-inspector/with-schemas/index.js +1 -1
  71. package/min/ui-react-inspector/with-schemas/index.js.gz +0 -0
  72. package/min/ui-solid-dom/index.js +1 -1
  73. package/min/ui-solid-dom/index.js.gz +0 -0
  74. package/min/ui-solid-dom/with-schemas/index.js +1 -1
  75. package/min/ui-solid-dom/with-schemas/index.js.gz +0 -0
  76. package/min/ui-solid-inspector/index.js +1 -1
  77. package/min/ui-solid-inspector/index.js.gz +0 -0
  78. package/min/ui-solid-inspector/with-schemas/index.js +1 -1
  79. package/min/ui-solid-inspector/with-schemas/index.js.gz +0 -0
  80. package/min/ui-svelte-dom/index.js +1 -1
  81. package/min/ui-svelte-dom/index.js.gz +0 -0
  82. package/min/ui-svelte-dom/with-schemas/index.js +1 -1
  83. package/min/ui-svelte-dom/with-schemas/index.js.gz +0 -0
  84. package/min/ui-svelte-inspector/index.js +1 -1
  85. package/min/ui-svelte-inspector/index.js.gz +0 -0
  86. package/min/ui-svelte-inspector/with-schemas/index.js +1 -1
  87. package/min/ui-svelte-inspector/with-schemas/index.js.gz +0 -0
  88. package/min/with-schemas/index.js +1 -1
  89. package/min/with-schemas/index.js.gz +0 -0
  90. package/omni/index.js +7 -4
  91. package/omni/with-schemas/index.js +7 -4
  92. package/package.json +50 -14
  93. package/persisters/persister-durable-object-sql-storage/index.js +13 -11
  94. package/persisters/persister-durable-object-sql-storage/with-schemas/index.js +13 -11
  95. package/persisters/persister-partykit-client/index.js +2 -1
  96. package/persisters/persister-partykit-client/with-schemas/index.js +2 -1
  97. package/persisters/persister-partykit-server/index.js +2 -1
  98. package/persisters/persister-partykit-server/with-schemas/index.js +2 -1
  99. package/queries/index.js +1 -1
  100. package/queries/with-schemas/index.js +1 -1
  101. package/readme.md +18 -14
  102. package/releases.md +91 -58
  103. package/synchronizers/index.js +3 -2
  104. package/synchronizers/synchronizer-broadcast-channel/index.js +3 -2
  105. package/synchronizers/synchronizer-broadcast-channel/with-schemas/index.js +3 -2
  106. package/synchronizers/synchronizer-local/index.js +3 -2
  107. package/synchronizers/synchronizer-local/with-schemas/index.js +3 -2
  108. package/synchronizers/synchronizer-ws-client/index.js +3 -2
  109. package/synchronizers/synchronizer-ws-client/with-schemas/index.js +3 -2
  110. package/synchronizers/synchronizer-ws-server/index.js +3 -2
  111. package/synchronizers/synchronizer-ws-server/with-schemas/index.js +3 -2
  112. package/synchronizers/synchronizer-ws-server-durable-object/index.js +3 -2
  113. package/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js +3 -2
  114. package/synchronizers/with-schemas/index.js +3 -2
  115. package/ui-react-dom/index.js +10 -7
  116. package/ui-react-dom/with-schemas/index.js +10 -7
  117. package/ui-react-dom-charts/index.js +1229 -0
  118. package/ui-react-dom-charts/with-schemas/index.js +1229 -0
  119. package/ui-react-inspector/index.js +16 -10
  120. package/ui-react-inspector/with-schemas/index.js +16 -10
  121. package/ui-solid-dom/index.js +10 -7
  122. package/ui-solid-dom/with-schemas/index.js +10 -7
  123. package/ui-solid-inspector/index.js +16 -10
  124. package/ui-solid-inspector/with-schemas/index.js +16 -10
  125. package/ui-svelte/index.js +5 -5
  126. package/ui-svelte/with-schemas/index.js +5 -5
  127. package/ui-svelte-dom/index.js +162 -164
  128. package/ui-svelte-dom/with-schemas/index.js +162 -164
  129. package/ui-svelte-inspector/index.js +192 -196
  130. package/ui-svelte-inspector/with-schemas/index.js +192 -196
  131. package/with-schemas/index.js +5 -3
@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
79
79
  const strSplit = (str, separator = EMPTY_STRING, limit) =>
80
80
  str.split(separator, limit);
81
81
 
82
+ const math = Math;
82
83
  const getIfNotFunction = (predicate) => (value, then, otherwise) =>
83
84
  predicate(value)
84
85
  ? /* istanbul ignore next */
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
86
87
  : then(value);
87
88
  const GLOBAL = globalThis;
88
89
  const WINDOW = GLOBAL.window;
89
- const math = Math;
90
+ const number = Number;
91
+ const string = String;
92
+ const boolean = Boolean;
90
93
  const mathMin = math.min;
91
94
  const mathFloor = math.floor;
92
95
  const isFiniteNumber = isFinite;
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
129
132
  };
130
133
 
131
134
  const arrayHas = (array, value) => array.includes(value);
135
+ const arrayIndexOf = (array, value) => array.indexOf(value);
132
136
  const arrayEvery = (array, cb) => array.every(cb);
133
137
  const arrayIsEqual = (array1, array2) =>
134
138
  size(array1) === size(array2) &&
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
252
256
  const INSPECTOR_ERROR_MESSAGE =
253
257
  'Inspector error: please see console for details.';
254
258
  const getInitialPosition = (position) => {
255
- const index = POSITIONS.indexOf(position);
259
+ const index = arrayIndexOf(POSITIONS, position);
256
260
  return index == -1 ? 1 : index;
257
261
  };
258
262
  const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -360,6 +364,7 @@ const TEXT_OVERFLOW = 'text-overflow';
360
364
  const ALIGN_ITEMS = 'align-items';
361
365
  const BACKDROP_FILTER = 'backdrop-filter';
362
366
  const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
367
+ const Z_INDEX = 'z-index';
363
368
  const FIXED = 'fixed';
364
369
  const REVERT = 'revert';
365
370
  const UNSET = 'unset';
@@ -383,8 +388,8 @@ const APP_STYLESHEET = arrayJoin(
383
388
  all: 'initial',
384
389
  [FONT_SIZE]: rem(0.75),
385
390
  [POSITION]: FIXED,
391
+ [Z_INDEX]: 999999,
386
392
  'font-family': 'inter,sans-serif',
387
- 'z-index': 999999,
388
393
  '--bg': oklch(20),
389
394
  '--bg2': oklch(15),
390
395
  '--bg3': oklch(25),
@@ -488,6 +493,7 @@ const APP_STYLESHEET = arrayJoin(
488
493
  [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
489
494
  [WIDTH]: 'calc(100% - .5rem)',
490
495
  [POSITION]: 'absolute',
496
+ [Z_INDEX]: 1,
491
497
  [BORDER + '-' + BOTTOM]: cssVar(BORDER),
492
498
  [ALIGN_ITEMS]: 'center',
493
499
  [BACKDROP_FILTER]: 'blur(4px)',
@@ -3548,9 +3554,9 @@ const EditableThing = ({
3548
3554
  } else if (isArray(thing)) {
3549
3555
  setArrayThing(jsonString(thing));
3550
3556
  } else {
3551
- setStringThing(String(thing));
3552
- setNumberThing(Number(thing) || 0);
3553
- setBooleanThing(Boolean(thing));
3557
+ setStringThing(string(thing));
3558
+ setNumberThing(number(thing) || 0);
3559
+ setBooleanThing(boolean(thing));
3554
3560
  }
3555
3561
  }
3556
3562
  const handleThingChange = useCallback(
@@ -3618,7 +3624,7 @@ const EditableThing = ({
3618
3624
  onChange: useCallback(
3619
3625
  (event) =>
3620
3626
  handleThingChange(
3621
- String(event[CURRENT_TARGET][_VALUE]),
3627
+ string(event[CURRENT_TARGET][_VALUE]),
3622
3628
  setStringThing,
3623
3629
  ),
3624
3630
  [handleThingChange],
@@ -3634,7 +3640,7 @@ const EditableThing = ({
3634
3640
  onChange: useCallback(
3635
3641
  (event) =>
3636
3642
  handleThingChange(
3637
- Number(event[CURRENT_TARGET][_VALUE] || 0),
3643
+ number(event[CURRENT_TARGET][_VALUE] || 0),
3638
3644
  setNumberThing,
3639
3645
  ),
3640
3646
  [handleThingChange],
@@ -3650,7 +3656,7 @@ const EditableThing = ({
3650
3656
  onChange: useCallback(
3651
3657
  (event) =>
3652
3658
  handleThingChange(
3653
- Boolean(event[CURRENT_TARGET].checked),
3659
+ boolean(event[CURRENT_TARGET].checked),
3654
3660
  setBooleanThing,
3655
3661
  ),
3656
3662
  [handleThingChange],
@@ -5066,7 +5072,7 @@ const Header = ({s}) => {
5066
5072
  const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
5067
5073
  const handleDock = useSetValueCallback$1(
5068
5074
  POSITION_VALUE,
5069
- (event) => Number(event[CURRENT_TARGET].dataset.id),
5075
+ (event) => number(event[CURRENT_TARGET].dataset.id),
5070
5076
  [],
5071
5077
  s,
5072
5078
  );
@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
79
79
  const strSplit = (str, separator = EMPTY_STRING, limit) =>
80
80
  str.split(separator, limit);
81
81
 
82
+ const math = Math;
82
83
  const getIfNotFunction = (predicate) => (value, then, otherwise) =>
83
84
  predicate(value)
84
85
  ? /* istanbul ignore next */
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
86
87
  : then(value);
87
88
  const GLOBAL = globalThis;
88
89
  const WINDOW = GLOBAL.window;
89
- const math = Math;
90
+ const number = Number;
91
+ const string = String;
92
+ const boolean = Boolean;
90
93
  const mathMin = math.min;
91
94
  const mathFloor = math.floor;
92
95
  const isFiniteNumber = isFinite;
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
129
132
  };
130
133
 
131
134
  const arrayHas = (array, value) => array.includes(value);
135
+ const arrayIndexOf = (array, value) => array.indexOf(value);
132
136
  const arrayEvery = (array, cb) => array.every(cb);
133
137
  const arrayIsEqual = (array1, array2) =>
134
138
  size(array1) === size(array2) &&
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
252
256
  const INSPECTOR_ERROR_MESSAGE =
253
257
  'Inspector error: please see console for details.';
254
258
  const getInitialPosition = (position) => {
255
- const index = POSITIONS.indexOf(position);
259
+ const index = arrayIndexOf(POSITIONS, position);
256
260
  return index == -1 ? 1 : index;
257
261
  };
258
262
  const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -360,6 +364,7 @@ const TEXT_OVERFLOW = 'text-overflow';
360
364
  const ALIGN_ITEMS = 'align-items';
361
365
  const BACKDROP_FILTER = 'backdrop-filter';
362
366
  const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
367
+ const Z_INDEX = 'z-index';
363
368
  const FIXED = 'fixed';
364
369
  const REVERT = 'revert';
365
370
  const UNSET = 'unset';
@@ -383,8 +388,8 @@ const APP_STYLESHEET = arrayJoin(
383
388
  all: 'initial',
384
389
  [FONT_SIZE]: rem(0.75),
385
390
  [POSITION]: FIXED,
391
+ [Z_INDEX]: 999999,
386
392
  'font-family': 'inter,sans-serif',
387
- 'z-index': 999999,
388
393
  '--bg': oklch(20),
389
394
  '--bg2': oklch(15),
390
395
  '--bg3': oklch(25),
@@ -488,6 +493,7 @@ const APP_STYLESHEET = arrayJoin(
488
493
  [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
489
494
  [WIDTH]: 'calc(100% - .5rem)',
490
495
  [POSITION]: 'absolute',
496
+ [Z_INDEX]: 1,
491
497
  [BORDER + '-' + BOTTOM]: cssVar(BORDER),
492
498
  [ALIGN_ITEMS]: 'center',
493
499
  [BACKDROP_FILTER]: 'blur(4px)',
@@ -3548,9 +3554,9 @@ const EditableThing = ({
3548
3554
  } else if (isArray(thing)) {
3549
3555
  setArrayThing(jsonString(thing));
3550
3556
  } else {
3551
- setStringThing(String(thing));
3552
- setNumberThing(Number(thing) || 0);
3553
- setBooleanThing(Boolean(thing));
3557
+ setStringThing(string(thing));
3558
+ setNumberThing(number(thing) || 0);
3559
+ setBooleanThing(boolean(thing));
3554
3560
  }
3555
3561
  }
3556
3562
  const handleThingChange = useCallback(
@@ -3618,7 +3624,7 @@ const EditableThing = ({
3618
3624
  onChange: useCallback(
3619
3625
  (event) =>
3620
3626
  handleThingChange(
3621
- String(event[CURRENT_TARGET][_VALUE]),
3627
+ string(event[CURRENT_TARGET][_VALUE]),
3622
3628
  setStringThing,
3623
3629
  ),
3624
3630
  [handleThingChange],
@@ -3634,7 +3640,7 @@ const EditableThing = ({
3634
3640
  onChange: useCallback(
3635
3641
  (event) =>
3636
3642
  handleThingChange(
3637
- Number(event[CURRENT_TARGET][_VALUE] || 0),
3643
+ number(event[CURRENT_TARGET][_VALUE] || 0),
3638
3644
  setNumberThing,
3639
3645
  ),
3640
3646
  [handleThingChange],
@@ -3650,7 +3656,7 @@ const EditableThing = ({
3650
3656
  onChange: useCallback(
3651
3657
  (event) =>
3652
3658
  handleThingChange(
3653
- Boolean(event[CURRENT_TARGET].checked),
3659
+ boolean(event[CURRENT_TARGET].checked),
3654
3660
  setBooleanThing,
3655
3661
  ),
3656
3662
  [handleThingChange],
@@ -5066,7 +5072,7 @@ const Header = ({s}) => {
5066
5072
  const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
5067
5073
  const handleDock = useSetValueCallback$1(
5068
5074
  POSITION_VALUE,
5069
- (event) => Number(event[CURRENT_TARGET].dataset.id),
5075
+ (event) => number(event[CURRENT_TARGET].dataset.id),
5070
5076
  [],
5071
5077
  s,
5072
5078
  );
@@ -57,13 +57,16 @@ const EXTRA = 'extra';
57
57
  const strSplit = (str, separator = EMPTY_STRING, limit) =>
58
58
  str.split(separator, limit);
59
59
 
60
+ const math = Math;
60
61
  const getIfNotFunction = (predicate) => (value, then, otherwise) =>
61
62
  predicate(value)
62
63
  ? /* istanbul ignore next */
63
64
  otherwise?.()
64
65
  : then(value);
65
66
  const GLOBAL = globalThis;
66
- const math = Math;
67
+ const number = Number;
68
+ const string = String;
69
+ const boolean = Boolean;
67
70
  const mathMin = math.min;
68
71
  const isFiniteNumber = isFinite;
69
72
  const isNullish = (thing) => thing == null;
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
751
754
  } else if (isArray(thing)) {
752
755
  setArrayThing(jsonString(thing));
753
756
  } else {
754
- setStringThing(String(thing));
755
- setNumberThing(Number(thing) || 0);
756
- setBooleanThing(Boolean(thing));
757
+ setStringThing(string(thing));
758
+ setNumberThing(number(thing) || 0);
759
+ setBooleanThing(boolean(thing));
757
760
  }
758
761
  }
759
762
  });
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
810
813
  var _el$0 = _tmpl$7();
811
814
  _el$0.addEventListener('input', (event) =>
812
815
  handleThingChange(
813
- String(event[CURRENT_TARGET][_VALUE]),
816
+ string(event[CURRENT_TARGET][_VALUE]),
814
817
  setStringThing,
815
818
  ),
816
819
  );
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
821
824
  var _el$1 = _tmpl$8();
822
825
  _el$1.addEventListener('input', (event) =>
823
826
  handleThingChange(
824
- Number(event[CURRENT_TARGET][_VALUE] || 0),
827
+ number(event[CURRENT_TARGET][_VALUE] || 0),
825
828
  setNumberThing,
826
829
  ),
827
830
  );
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
832
835
  var _el$10 = _tmpl$9();
833
836
  _el$10.addEventListener('input', (event) =>
834
837
  handleThingChange(
835
- Boolean(event[CURRENT_TARGET].checked),
838
+ boolean(event[CURRENT_TARGET].checked),
836
839
  setBooleanThing,
837
840
  ),
838
841
  );
@@ -57,13 +57,16 @@ const EXTRA = 'extra';
57
57
  const strSplit = (str, separator = EMPTY_STRING, limit) =>
58
58
  str.split(separator, limit);
59
59
 
60
+ const math = Math;
60
61
  const getIfNotFunction = (predicate) => (value, then, otherwise) =>
61
62
  predicate(value)
62
63
  ? /* istanbul ignore next */
63
64
  otherwise?.()
64
65
  : then(value);
65
66
  const GLOBAL = globalThis;
66
- const math = Math;
67
+ const number = Number;
68
+ const string = String;
69
+ const boolean = Boolean;
67
70
  const mathMin = math.min;
68
71
  const isFiniteNumber = isFinite;
69
72
  const isNullish = (thing) => thing == null;
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
751
754
  } else if (isArray(thing)) {
752
755
  setArrayThing(jsonString(thing));
753
756
  } else {
754
- setStringThing(String(thing));
755
- setNumberThing(Number(thing) || 0);
756
- setBooleanThing(Boolean(thing));
757
+ setStringThing(string(thing));
758
+ setNumberThing(number(thing) || 0);
759
+ setBooleanThing(boolean(thing));
757
760
  }
758
761
  }
759
762
  });
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
810
813
  var _el$0 = _tmpl$7();
811
814
  _el$0.addEventListener('input', (event) =>
812
815
  handleThingChange(
813
- String(event[CURRENT_TARGET][_VALUE]),
816
+ string(event[CURRENT_TARGET][_VALUE]),
814
817
  setStringThing,
815
818
  ),
816
819
  );
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
821
824
  var _el$1 = _tmpl$8();
822
825
  _el$1.addEventListener('input', (event) =>
823
826
  handleThingChange(
824
- Number(event[CURRENT_TARGET][_VALUE] || 0),
827
+ number(event[CURRENT_TARGET][_VALUE] || 0),
825
828
  setNumberThing,
826
829
  ),
827
830
  );
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
832
835
  var _el$10 = _tmpl$9();
833
836
  _el$10.addEventListener('input', (event) =>
834
837
  handleThingChange(
835
- Boolean(event[CURRENT_TARGET].checked),
838
+ boolean(event[CURRENT_TARGET].checked),
836
839
  setBooleanThing,
837
840
  ),
838
841
  );
@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
112
112
  const strSplit = (str, separator = EMPTY_STRING, limit) =>
113
113
  str.split(separator, limit);
114
114
 
115
+ const math = Math;
115
116
  const getIfNotFunction = (predicate) => (value, then, otherwise) =>
116
117
  predicate(value)
117
118
  ? /* istanbul ignore next */
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
119
120
  : then(value);
120
121
  const GLOBAL = globalThis;
121
122
  const WINDOW = GLOBAL.window;
122
- const math = Math;
123
+ const number = Number;
124
+ const string = String;
125
+ const boolean = Boolean;
123
126
  const mathMin = math.min;
124
127
  const mathFloor = math.floor;
125
128
  const isFiniteNumber = isFinite;
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
162
165
  };
163
166
 
164
167
  const arrayHas = (array, value) => array.includes(value);
168
+ const arrayIndexOf = (array, value) => array.indexOf(value);
165
169
  const arrayEvery = (array, cb) => array.every(cb);
166
170
  const arrayIsEqual = (array1, array2) =>
167
171
  size(array1) === size(array2) &&
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
284
288
  const INSPECTOR_ERROR_MESSAGE =
285
289
  'Inspector error: please see console for details.';
286
290
  const getInitialPosition = (position) => {
287
- const index = POSITIONS.indexOf(position);
291
+ const index = arrayIndexOf(POSITIONS, position);
288
292
  return index == -1 ? 1 : index;
289
293
  };
290
294
  const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -419,6 +423,7 @@ const TEXT_OVERFLOW = 'text-overflow';
419
423
  const ALIGN_ITEMS = 'align-items';
420
424
  const BACKDROP_FILTER = 'backdrop-filter';
421
425
  const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
426
+ const Z_INDEX = 'z-index';
422
427
  const FIXED = 'fixed';
423
428
  const REVERT = 'revert';
424
429
  const UNSET = 'unset';
@@ -442,8 +447,8 @@ const APP_STYLESHEET = arrayJoin(
442
447
  all: 'initial',
443
448
  [FONT_SIZE]: rem(0.75),
444
449
  [POSITION]: FIXED,
450
+ [Z_INDEX]: 999999,
445
451
  'font-family': 'inter,sans-serif',
446
- 'z-index': 999999,
447
452
  '--bg': oklch(20),
448
453
  '--bg2': oklch(15),
449
454
  '--bg3': oklch(25),
@@ -547,6 +552,7 @@ const APP_STYLESHEET = arrayJoin(
547
552
  [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
548
553
  [WIDTH]: 'calc(100% - .5rem)',
549
554
  [POSITION]: 'absolute',
555
+ [Z_INDEX]: 1,
550
556
  [BORDER + '-' + BOTTOM]: cssVar(BORDER),
551
557
  [ALIGN_ITEMS]: 'center',
552
558
  [BACKDROP_FILTER]: 'blur(4px)',
@@ -3516,9 +3522,9 @@ const EditableThing = (props) => {
3516
3522
  } else if (isArray(thing)) {
3517
3523
  setArrayThing(jsonString(thing));
3518
3524
  } else {
3519
- setStringThing(String(thing));
3520
- setNumberThing(Number(thing) || 0);
3521
- setBooleanThing(Boolean(thing));
3525
+ setStringThing(string(thing));
3526
+ setNumberThing(number(thing) || 0);
3527
+ setBooleanThing(boolean(thing));
3522
3528
  }
3523
3529
  }
3524
3530
  });
@@ -3575,7 +3581,7 @@ const EditableThing = (props) => {
3575
3581
  var _el$0 = _tmpl$7$1();
3576
3582
  _el$0.addEventListener('input', (event) =>
3577
3583
  handleThingChange(
3578
- String(event[CURRENT_TARGET][_VALUE]),
3584
+ string(event[CURRENT_TARGET][_VALUE]),
3579
3585
  setStringThing,
3580
3586
  ),
3581
3587
  );
@@ -3586,7 +3592,7 @@ const EditableThing = (props) => {
3586
3592
  var _el$1 = _tmpl$8$1();
3587
3593
  _el$1.addEventListener('input', (event) =>
3588
3594
  handleThingChange(
3589
- Number(event[CURRENT_TARGET][_VALUE] || 0),
3595
+ number(event[CURRENT_TARGET][_VALUE] || 0),
3590
3596
  setNumberThing,
3591
3597
  ),
3592
3598
  );
@@ -3597,7 +3603,7 @@ const EditableThing = (props) => {
3597
3603
  var _el$10 = _tmpl$9$1();
3598
3604
  _el$10.addEventListener('input', (event) =>
3599
3605
  handleThingChange(
3600
- Boolean(event[CURRENT_TARGET].checked),
3606
+ boolean(event[CURRENT_TARGET].checked),
3601
3607
  setBooleanThing,
3602
3608
  ),
3603
3609
  );
@@ -5286,7 +5292,7 @@ const Header = (props) => {
5286
5292
  const handleClick = () => open('https://tinybase.org', '_blank');
5287
5293
  const handleClose = () => props.s.setValue(OPEN_VALUE, false);
5288
5294
  const handleDock = (event) =>
5289
- props.s.setValue(POSITION_VALUE, Number(event.currentTarget.dataset.id));
5295
+ props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
5290
5296
  return (() => {
5291
5297
  var _el$24 = _tmpl$1(),
5292
5298
  _el$25 = _el$24.firstChild,
@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
112
112
  const strSplit = (str, separator = EMPTY_STRING, limit) =>
113
113
  str.split(separator, limit);
114
114
 
115
+ const math = Math;
115
116
  const getIfNotFunction = (predicate) => (value, then, otherwise) =>
116
117
  predicate(value)
117
118
  ? /* istanbul ignore next */
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
119
120
  : then(value);
120
121
  const GLOBAL = globalThis;
121
122
  const WINDOW = GLOBAL.window;
122
- const math = Math;
123
+ const number = Number;
124
+ const string = String;
125
+ const boolean = Boolean;
123
126
  const mathMin = math.min;
124
127
  const mathFloor = math.floor;
125
128
  const isFiniteNumber = isFinite;
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
162
165
  };
163
166
 
164
167
  const arrayHas = (array, value) => array.includes(value);
168
+ const arrayIndexOf = (array, value) => array.indexOf(value);
165
169
  const arrayEvery = (array, cb) => array.every(cb);
166
170
  const arrayIsEqual = (array1, array2) =>
167
171
  size(array1) === size(array2) &&
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
284
288
  const INSPECTOR_ERROR_MESSAGE =
285
289
  'Inspector error: please see console for details.';
286
290
  const getInitialPosition = (position) => {
287
- const index = POSITIONS.indexOf(position);
291
+ const index = arrayIndexOf(POSITIONS, position);
288
292
  return index == -1 ? 1 : index;
289
293
  };
290
294
  const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -419,6 +423,7 @@ const TEXT_OVERFLOW = 'text-overflow';
419
423
  const ALIGN_ITEMS = 'align-items';
420
424
  const BACKDROP_FILTER = 'backdrop-filter';
421
425
  const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
426
+ const Z_INDEX = 'z-index';
422
427
  const FIXED = 'fixed';
423
428
  const REVERT = 'revert';
424
429
  const UNSET = 'unset';
@@ -442,8 +447,8 @@ const APP_STYLESHEET = arrayJoin(
442
447
  all: 'initial',
443
448
  [FONT_SIZE]: rem(0.75),
444
449
  [POSITION]: FIXED,
450
+ [Z_INDEX]: 999999,
445
451
  'font-family': 'inter,sans-serif',
446
- 'z-index': 999999,
447
452
  '--bg': oklch(20),
448
453
  '--bg2': oklch(15),
449
454
  '--bg3': oklch(25),
@@ -547,6 +552,7 @@ const APP_STYLESHEET = arrayJoin(
547
552
  [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
548
553
  [WIDTH]: 'calc(100% - .5rem)',
549
554
  [POSITION]: 'absolute',
555
+ [Z_INDEX]: 1,
550
556
  [BORDER + '-' + BOTTOM]: cssVar(BORDER),
551
557
  [ALIGN_ITEMS]: 'center',
552
558
  [BACKDROP_FILTER]: 'blur(4px)',
@@ -3516,9 +3522,9 @@ const EditableThing = (props) => {
3516
3522
  } else if (isArray(thing)) {
3517
3523
  setArrayThing(jsonString(thing));
3518
3524
  } else {
3519
- setStringThing(String(thing));
3520
- setNumberThing(Number(thing) || 0);
3521
- setBooleanThing(Boolean(thing));
3525
+ setStringThing(string(thing));
3526
+ setNumberThing(number(thing) || 0);
3527
+ setBooleanThing(boolean(thing));
3522
3528
  }
3523
3529
  }
3524
3530
  });
@@ -3575,7 +3581,7 @@ const EditableThing = (props) => {
3575
3581
  var _el$0 = _tmpl$7$1();
3576
3582
  _el$0.addEventListener('input', (event) =>
3577
3583
  handleThingChange(
3578
- String(event[CURRENT_TARGET][_VALUE]),
3584
+ string(event[CURRENT_TARGET][_VALUE]),
3579
3585
  setStringThing,
3580
3586
  ),
3581
3587
  );
@@ -3586,7 +3592,7 @@ const EditableThing = (props) => {
3586
3592
  var _el$1 = _tmpl$8$1();
3587
3593
  _el$1.addEventListener('input', (event) =>
3588
3594
  handleThingChange(
3589
- Number(event[CURRENT_TARGET][_VALUE] || 0),
3595
+ number(event[CURRENT_TARGET][_VALUE] || 0),
3590
3596
  setNumberThing,
3591
3597
  ),
3592
3598
  );
@@ -3597,7 +3603,7 @@ const EditableThing = (props) => {
3597
3603
  var _el$10 = _tmpl$9$1();
3598
3604
  _el$10.addEventListener('input', (event) =>
3599
3605
  handleThingChange(
3600
- Boolean(event[CURRENT_TARGET].checked),
3606
+ boolean(event[CURRENT_TARGET].checked),
3601
3607
  setBooleanThing,
3602
3608
  ),
3603
3609
  );
@@ -5286,7 +5292,7 @@ const Header = (props) => {
5286
5292
  const handleClick = () => open('https://tinybase.org', '_blank');
5287
5293
  const handleClose = () => props.s.setValue(OPEN_VALUE, false);
5288
5294
  const handleDock = (event) =>
5289
- props.s.setValue(POSITION_VALUE, Number(event.currentTarget.dataset.id));
5295
+ props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
5290
5296
  return (() => {
5291
5297
  var _el$24 = _tmpl$1(),
5292
5298
  _el$25 = _el$24.firstChild,
@@ -60,7 +60,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
60
60
 
61
61
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
62
62
 
63
- /* functions.svelte.ts generated by Svelte v5.55.5 */
63
+ /* functions.svelte.ts generated by Svelte v5.56.0 */
64
64
 
65
65
  class ReactiveHandle {
66
66
  #get;
@@ -1163,13 +1163,13 @@ function CheckpointView($$anchor, $$props) {
1163
1163
  $.pop();
1164
1164
  }
1165
1165
 
1166
- var root_2 = $.from_html(`<!><!>`, 1);
1167
- var root$1 = $.from_html(`<!><!><!>`, 1);
1166
+ var root$1 = $.from_html(`<!><!>`, 1);
1167
+ var root_1 = $.from_html(`<!><!><!>`, 1);
1168
1168
 
1169
1169
  function Wrap($$anchor, $$props) {
1170
1170
  $.push($$props, true);
1171
1171
 
1172
- var fragment = root$1();
1172
+ var fragment = root_1();
1173
1173
  var node = $.first_child(fragment);
1174
1174
 
1175
1175
  {
@@ -1195,7 +1195,7 @@ function Wrap($$anchor, $$props) {
1195
1195
  () => $$props.ids,
1196
1196
  (itemId) => itemId,
1197
1197
  ($$anchor, itemId, i) => {
1198
- var fragment_2 = root_2();
1198
+ var fragment_2 = root$1();
1199
1199
  var node_2 = $.first_child(fragment_2);
1200
1200
 
1201
1201
  {
@@ -60,7 +60,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
60
60
 
61
61
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
62
62
 
63
- /* functions.svelte.ts generated by Svelte v5.55.5 */
63
+ /* functions.svelte.ts generated by Svelte v5.56.0 */
64
64
 
65
65
  class ReactiveHandle {
66
66
  #get;
@@ -1163,13 +1163,13 @@ function CheckpointView($$anchor, $$props) {
1163
1163
  $.pop();
1164
1164
  }
1165
1165
 
1166
- var root_2 = $.from_html(`<!><!>`, 1);
1167
- var root$1 = $.from_html(`<!><!><!>`, 1);
1166
+ var root$1 = $.from_html(`<!><!>`, 1);
1167
+ var root_1 = $.from_html(`<!><!><!>`, 1);
1168
1168
 
1169
1169
  function Wrap($$anchor, $$props) {
1170
1170
  $.push($$props, true);
1171
1171
 
1172
- var fragment = root$1();
1172
+ var fragment = root_1();
1173
1173
  var node = $.first_child(fragment);
1174
1174
 
1175
1175
  {
@@ -1195,7 +1195,7 @@ function Wrap($$anchor, $$props) {
1195
1195
  () => $$props.ids,
1196
1196
  (itemId) => itemId,
1197
1197
  ($$anchor, itemId, i) => {
1198
- var fragment_2 = root_2();
1198
+ var fragment_2 = root$1();
1199
1199
  var node_2 = $.first_child(fragment_2);
1200
1200
 
1201
1201
  {