tinybase 8.2.0-beta.1 → 8.2.0-beta.2

package/ui-svelte-inspector/index.js

@@ -2874,7 +2874,7 @@ const createStore = () => {
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;
@@ -3472,7 +3472,7 @@ var root_3$3 = $.from_html(`<input type="number"/>`);
 var root_4$5 = $.from_html(`<input type="checkbox"/>`);
 var root_5$5 = $.from_html(`<input/>`);
 var root_6$2 = $.from_html(`<input/>`);
-var root$b = $.from_html(`<div><!> <!></div>`);
+var root$b = $.from_html(`<div><!><!></div>`);
 
 function EditableThing($$anchor, $$props) {
   $.push($$props, true);
@@ -3591,7 +3591,7 @@ function EditableThing($$anchor, $$props) {
     });
   }
 
-  var node_1 = $.sibling(node, 2);
+  var node_1 = $.sibling(node);
 
   {
     var consequent_1 = ($$anchor) => {
@@ -4650,7 +4650,7 @@ function HtmlTable($$anchor, $$props) {
 $.delegate(['click']);
 
 var root_1$8 = $.from_html(
-  `<button class="previous"></button> <button class="next"></button> `,
+  `<button class="previous"></button><button class="next"></button> `,
   1,
 );
 var root$7 = $.from_html(`<!> `, 1);
@@ -4668,6 +4668,14 @@ function SortedTablePaginator($$anchor, $$props) {
   const limit = $.derived(() => $$props.limit ?? $$props.total);
   const singular = $.derived(() => $$props.singular ?? 'row');
   const plural = $.derived(() => $$props.plural ?? $.get(singular) + 's');
+  const rangeLabel = $.derived(
+    () =>
+      `${$.get(offset) + 1} to ${mathMin($$props.total, $.get(offset) + $.get(limit))} of `,
+  );
+  const totalLabel = $.derived(
+    () =>
+      `${$$props.total} ${$$props.total != 1 ? $.get(plural) : $.get(singular)}`,
+  );
 
   $.user_effect(() => {
     if (($$props.offset ?? 0) > $$props.total || ($$props.offset ?? 0) < 0) {
@@ -4685,20 +4693,17 @@ function SortedTablePaginator($$anchor, $$props) {
 
       button.textContent = '←';
 
-      var button_1 = $.sibling(button, 2);
+      var button_1 = $.sibling(button);
 
       button_1.textContent = '→';
 
-      var text = $.sibling(button_1);
+      var text = $.sibling(button_1, 1, true);
 
-      $.template_effect(
-        ($0) => {
-          button.disabled = $.get(offset) == 0;
-          button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
-          $.set_text(text, `${$.get(offset) + 1} to ${$0 ?? ''} of`);
-        },
-        [() => mathMin($$props.total, $.get(offset) + $.get(limit))],
-      );
+      $.template_effect(() => {
+        button.disabled = $.get(offset) == 0;
+        button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
+        $.set_text(text, $.get(rangeLabel));
+      });
 
       $.delegated('click', button, () =>
         $$props.onChange($.get(offset) - $.get(limit)),
@@ -4714,23 +4719,16 @@ function SortedTablePaginator($$anchor, $$props) {
     });
   }
 
-  var text_1 = $.sibling(node);
-
-  $.template_effect(() =>
-    $.set_text(
-      text_1,
-      ` ${$$props.total ?? ''}
-${($$props.total != 1 ? $.get(plural) : $.get(singular)) ?? ''}`,
-    ),
-  );
+  var text_1 = $.sibling(node, 1, true);
 
+  $.template_effect(() => $.set_text(text_1, $.get(totalLabel)));
   $.append($$anchor, fragment);
   $.pop();
 }
 
 $.delegate(['click']);
 
-/* sortingAndPagination.svelte.ts generated by Svelte v5.55.1 */
+/* sortingAndPagination.svelte.ts generated by Svelte v5.55.4 */
 
 const createSortingAndPagination = (
   getCellId,

package/ui-svelte-inspector/with-schemas/index.js

@@ -2874,7 +2874,7 @@ const createStore = () => {
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;
@@ -3472,7 +3472,7 @@ var root_3$3 = $.from_html(`<input type="number"/>`);
 var root_4$5 = $.from_html(`<input type="checkbox"/>`);
 var root_5$5 = $.from_html(`<input/>`);
 var root_6$2 = $.from_html(`<input/>`);
-var root$b = $.from_html(`<div><!> <!></div>`);
+var root$b = $.from_html(`<div><!><!></div>`);
 
 function EditableThing($$anchor, $$props) {
   $.push($$props, true);
@@ -3591,7 +3591,7 @@ function EditableThing($$anchor, $$props) {
     });
   }
 
-  var node_1 = $.sibling(node, 2);
+  var node_1 = $.sibling(node);
 
   {
     var consequent_1 = ($$anchor) => {
@@ -4650,7 +4650,7 @@ function HtmlTable($$anchor, $$props) {
 $.delegate(['click']);
 
 var root_1$8 = $.from_html(
-  `<button class="previous"></button> <button class="next"></button> `,
+  `<button class="previous"></button><button class="next"></button> `,
   1,
 );
 var root$7 = $.from_html(`<!> `, 1);
@@ -4668,6 +4668,14 @@ function SortedTablePaginator($$anchor, $$props) {
   const limit = $.derived(() => $$props.limit ?? $$props.total);
   const singular = $.derived(() => $$props.singular ?? 'row');
   const plural = $.derived(() => $$props.plural ?? $.get(singular) + 's');
+  const rangeLabel = $.derived(
+    () =>
+      `${$.get(offset) + 1} to ${mathMin($$props.total, $.get(offset) + $.get(limit))} of `,
+  );
+  const totalLabel = $.derived(
+    () =>
+      `${$$props.total} ${$$props.total != 1 ? $.get(plural) : $.get(singular)}`,
+  );
 
   $.user_effect(() => {
     if (($$props.offset ?? 0) > $$props.total || ($$props.offset ?? 0) < 0) {
@@ -4685,20 +4693,17 @@ function SortedTablePaginator($$anchor, $$props) {
 
       button.textContent = '←';
 
-      var button_1 = $.sibling(button, 2);
+      var button_1 = $.sibling(button);
 
       button_1.textContent = '→';
 
-      var text = $.sibling(button_1);
+      var text = $.sibling(button_1, 1, true);
 
-      $.template_effect(
-        ($0) => {
-          button.disabled = $.get(offset) == 0;
-          button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
-          $.set_text(text, `${$.get(offset) + 1} to ${$0 ?? ''} of`);
-        },
-        [() => mathMin($$props.total, $.get(offset) + $.get(limit))],
-      );
+      $.template_effect(() => {
+        button.disabled = $.get(offset) == 0;
+        button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
+        $.set_text(text, $.get(rangeLabel));
+      });
 
       $.delegated('click', button, () =>
         $$props.onChange($.get(offset) - $.get(limit)),
@@ -4714,23 +4719,16 @@ function SortedTablePaginator($$anchor, $$props) {
     });
   }
 
-  var text_1 = $.sibling(node);
-
-  $.template_effect(() =>
-    $.set_text(
-      text_1,
-      ` ${$$props.total ?? ''}
-${($$props.total != 1 ? $.get(plural) : $.get(singular)) ?? ''}`,
-    ),
-  );
+  var text_1 = $.sibling(node, 1, true);
 
+  $.template_effect(() => $.set_text(text_1, $.get(totalLabel)));
   $.append($$anchor, fragment);
   $.pop();
 }
 
 $.delegate(['click']);
 
-/* sortingAndPagination.svelte.ts generated by Svelte v5.55.1 */
+/* sortingAndPagination.svelte.ts generated by Svelte v5.55.4 */
 
 const createSortingAndPagination = (
   getCellId,