@svgrid/grid 2.2.31 → 2.2.32

package/dist/SvGridDropdown.svelte.d.ts

@@ -38,6 +38,10 @@ type Props = {
     onCommit?: () => void;
     /** Called when the user dismisses (Escape, blur with no change). */
     onCancel?: () => void;
+    /** The option list is still being fetched (async `editorOptions`). Shows a
+     *  loading line instead of "No options", which would read as "nothing to
+     *  pick" when the truth is "not here yet". */
+    loading?: boolean;
 };
 declare const SvGridDropdown: import("svelte").Component<Props, {}, "">;
 type SvGridDropdown = ReturnType<typeof SvGridDropdown>;

package/dist/SvGridSelect.svelte

@@ -38,6 +38,12 @@
     loadOptions?: (query: string) => Promise<Row[]>
     debounceMs?: number
     loadingText?: string
+    /** Shown when the list is empty / a search matches nothing (localization). */
+    emptyText?: string
+    /** Placeholder in the panel's search box (localization). */
+    searchPlaceholder?: string
+    /** Accessible name for the panel's search box (localization). */
+    searchLabel?: string
   }
 
   let {
@@ -54,6 +60,9 @@
     loadOptions,
     debounceMs = 250,
     loadingText = 'Loading…',
+    emptyText = 'No matches',
+    searchPlaceholder = 'Search…',
+    searchLabel = 'Search options',
     disabled = false,
     readonly = false,
     label,
@@ -168,8 +177,8 @@
         aria-expanded="true"
         aria-controls={gs.panelId}
         aria-activedescendant={gs.activeDescendant()}
-        aria-label="Search options"
-        placeholder="Search…"
+        aria-label={searchLabel}
+        placeholder={searchPlaceholder}
         value={search}
         oninput={(e) => { search = e.currentTarget.value; gs.active = 0; if (loadOptions) runLoad(search) }}
       />
@@ -205,7 +214,7 @@
             {/each}
           </div>
         {:else}
-          <div class="sv-gs__empty" role="row">{loading ? loadingText : 'No matches'}</div>
+          <div class="sv-gs__empty" role="row">{loading ? loadingText : emptyText}</div>
         {/each}
         {#if loading && filtered.length}
           <div class="sv-gs__empty" role="row" aria-live="polite">{loadingText}</div>

package/dist/SvGridSelect.svelte.d.ts

@@ -26,6 +26,12 @@ type Props = Pick<SvEditorProps, 'disabled' | 'readonly' | 'label' | 'hint' | 'e
     loadOptions?: (query: string) => Promise<Row[]>;
     debounceMs?: number;
     loadingText?: string;
+    /** Shown when the list is empty / a search matches nothing (localization). */
+    emptyText?: string;
+    /** Placeholder in the panel's search box (localization). */
+    searchPlaceholder?: string;
+    /** Accessible name for the panel's search box (localization). */
+    searchLabel?: string;
 };
 declare const SvGridSelect: import("svelte").Component<Props, {}, "value">;
 type SvGridSelect = ReturnType<typeof SvGridSelect>;

package/dist/SvGroupCell.svelte

@@ -39,7 +39,12 @@
     aria-label={meta.expanded ? 'Collapse group' : 'Expand group'}
     onclick={() => onToggle(row)}
   >
-    <span class="sv-group-chev" class:open={meta.expanded} aria-hidden="true">▸</span>
+    <!-- Same chevron the grid's own expanders and SvTree draw, so every
+         expander in the library looks identical. -->
+    <span class="sv-group-chev" class:open={meta.expanded} aria-hidden="true">
+      <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor"
+        stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6" /></svg>
+    </span>
     <span class="sv-group-key">{meta.key}</span>
     {#if meta.loading}<span class="sv-group-load" aria-hidden="true">…</span>{/if}
   </button>
@@ -76,7 +81,9 @@
     cursor: pointer;
   }
   .sv-group-chev {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     transition: transform 0.15s;
     color: var(--sg-muted, #64748b);
   }

package/dist/SvMultiSelect.svelte

@@ -37,6 +37,12 @@
     /** Debounce for remote search. Default 250ms. */
     debounceMs?: number
     loadingText?: string
+    /** Shown when the list is empty / a search matches nothing (localization). */
+    emptyText?: string
+    /** Placeholder in the panel's search box (localization). */
+    searchPlaceholder?: string
+    /** Accessible name for the panel's search box (localization). */
+    searchLabel?: string
   }
 
   let {
@@ -52,6 +58,9 @@
     loadOptions,
     debounceMs = 250,
     loadingText = 'Loading…',
+    emptyText = 'No matches',
+    searchPlaceholder = 'Search…',
+    searchLabel = 'Search options',
     disabled = false,
     readonly = false,
     label,
@@ -193,8 +202,8 @@
         aria-expanded="true"
         aria-controls={ms.panelId}
         aria-activedescendant={ms.activeDescendant()}
-        aria-label="Search options"
-        placeholder="Search…"
+        aria-label={searchLabel}
+        placeholder={searchPlaceholder}
         value={search}
         oninput={(e) => { search = e.currentTarget.value; ms.active = 0; if (loadOptions) runLoad(search) }}
       />
@@ -224,7 +233,7 @@
           <span class="sv-ms__label">{opt.label}</span>
         </li>
       {:else}
-        <li class="sv-ms__empty" aria-disabled="true">{loading ? loadingText : 'No matches'}</li>
+        <li class="sv-ms__empty" aria-disabled="true">{loading ? loadingText : emptyText}</li>
       {/each}
       {#if loading && filtered.length}
         <li class="sv-ms__loading" aria-live="polite">{loadingText}</li>

package/dist/SvMultiSelect.svelte.d.ts

@@ -25,6 +25,12 @@ type Props = Pick<SvEditorProps, 'disabled' | 'readonly' | 'label' | 'hint' | 'e
     /** Debounce for remote search. Default 250ms. */
     debounceMs?: number;
     loadingText?: string;
+    /** Shown when the list is empty / a search matches nothing (localization). */
+    emptyText?: string;
+    /** Placeholder in the panel's search box (localization). */
+    searchPlaceholder?: string;
+    /** Accessible name for the panel's search box (localization). */
+    searchLabel?: string;
 };
 declare const SvMultiSelect: import("svelte").Component<Props, {}, "value">;
 type SvMultiSelect = ReturnType<typeof SvMultiSelect>;

package/dist/SvPasswordInput.svelte

@@ -142,7 +142,7 @@
   .sv-pw__meter { display: flex; gap: 4px; }
   .sv-pw__bar { flex: 1; height: 4px; border-radius: 2px; background: var(--sg-border, #e2e8f0); transition: background 0.15s; }
   .sv-pw__bar.on.is-lvl1 { background: var(--sg-danger, #dc2626); }
-  .sv-pw__bar.on.is-lvl2 { background: var(--sg-warning, #f59e0b); }
+  .sv-pw__bar.on.is-lvl2 { background: var(--sg-warning, #d97706); }
   .sv-pw__bar.on.is-lvl3 { background: #eab308; }
   .sv-pw__bar.on.is-lvl4 { background: var(--sg-success, #16a34a); }
   .sv-pw__strength { font-size: 11px; font-weight: 600; color: var(--sg-muted, #64748b); }

package/dist/SvProgress.svelte

@@ -75,7 +75,7 @@
     display: flex; align-items: center; gap: 10px; width: 100%;
   }
   .sv-prog--success { --_c: var(--sg-success, #16a34a); }
-  .sv-prog--warning { --_c: var(--sg-warning, #f59e0b); }
+  .sv-prog--warning { --_c: var(--sg-warning, #d97706); }
   .sv-prog--danger { --_c: var(--sg-danger, #dc2626); }
   .sv-prog__track {
     position: relative; flex: 1; overflow: hidden;

package/dist/SvRating.svelte

@@ -96,7 +96,7 @@
 <style>
   .sv-rating {
     --_on: var(--sg-rating-on, #f59e0b);
-    --_off: var(--sg-rating-empty, #d1d5db);
+    --_off: var(--sg-rating-empty, #cbd5e1);
     --_sz: 22px;
     display: inline-flex; gap: 2px; align-items: center;
   }

package/dist/SvResult.svelte

@@ -59,7 +59,7 @@
   }
   .sv-result--success { --_c: var(--sg-success, #16a34a); }
   .sv-result--error { --_c: var(--sg-danger, #dc2626); }
-  .sv-result--warning { --_c: var(--sg-warning, #f59e0b); }
+  .sv-result--warning { --_c: var(--sg-warning, #d97706); }
   .sv-result--notfound { --_c: var(--sg-muted, #64748b); }
   .sv-result__icon {
     display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; margin-bottom: 4px;

package/dist/SvRichText.svelte

@@ -19,7 +19,7 @@
    * <SvRichText bind:value={html} placeholder="Write something…" />
    * ```
    */
-  import { nextEditorId } from './editor-contract'
+  import { nextEditorId, resolveMessages } from './editor-contract'
 
   const DEFAULT_TOOLS: RichTextTool[] = [
     'bold', 'italic', 'underline', 'strike', '|',
@@ -29,16 +29,27 @@
     'link', 'clear', '|', 'undo', 'redo',
   ]
 
-  const META: Record<Exclude<RichTextTool, '|'>, { label: string; glyph: string }> = {
-    bold: { label: 'Bold', glyph: 'B' }, italic: { label: 'Italic', glyph: 'I' },
-    underline: { label: 'Underline', glyph: 'U' }, strike: { label: 'Strikethrough', glyph: 'S' },
-    h1: { label: 'Heading 1', glyph: 'H1' }, h2: { label: 'Heading 2', glyph: 'H2' },
-    h3: { label: 'Heading 3', glyph: 'H3' }, p: { label: 'Paragraph', glyph: '¶' },
-    ul: { label: 'Bullet list', glyph: '•' }, ol: { label: 'Numbered list', glyph: '1.' },
-    quote: { label: 'Quote', glyph: '❝' }, code: { label: 'Code block', glyph: '</>' },
-    alignLeft: { label: 'Align left', glyph: '≡' }, alignCenter: { label: 'Align center', glyph: '≣' },
-    alignRight: { label: 'Align right', glyph: '≡' }, link: { label: 'Link', glyph: '🔗' },
-    clear: { label: 'Clear formatting', glyph: '⌫' }, undo: { label: 'Undo', glyph: '↶' }, redo: { label: 'Redo', glyph: '↷' },
+  /** Toolbar glyphs. Mode-independent and not language-dependent, so they stay
+   *  fixed; the LABELS beside them are localizable via `messages`. */
+  const GLYPH: Record<Exclude<RichTextTool, '|'>, string> = {
+    bold: 'B', italic: 'I', underline: 'U', strike: 'S',
+    h1: 'H1', h2: 'H2', h3: 'H3', p: '¶',
+    ul: '•', ol: '1.', quote: '❝', code: '</>',
+    alignLeft: '≡', alignCenter: '≣', alignRight: '≡', link: '🔗',
+    clear: '⌫', undo: '↶', redo: '↷',
+  }
+
+  /** User-facing strings (localizable via `messages`). Every one is a tooltip +
+   *  accessible name on a toolbar button, so leaving them hard-coded made the
+   *  whole toolbar English-only for screen-reader users. */
+  type RichTextMessages = Record<Exclude<RichTextTool, '|'>, string> & { linkPrompt: string; toolbar: string }
+  const DEFAULT_MESSAGES: RichTextMessages = {
+    bold: 'Bold', italic: 'Italic', underline: 'Underline', strike: 'Strikethrough',
+    h1: 'Heading 1', h2: 'Heading 2', h3: 'Heading 3', p: 'Paragraph',
+    ul: 'Bullet list', ol: 'Numbered list', quote: 'Quote', code: 'Code block',
+    alignLeft: 'Align left', alignCenter: 'Align center', alignRight: 'Align right',
+    link: 'Link', clear: 'Clear formatting', undo: 'Undo', redo: 'Redo',
+    linkPrompt: 'Link URL', toolbar: 'Formatting',
   }
 
   type Props = {
@@ -52,6 +63,8 @@
     /** Toolbar tools + order; use '|' for a separator. */
     tools?: RichTextTool[]
     ariaLabel?: string
+    /** Override any toolbar label / prompt (localization). */
+    messages?: Partial<RichTextMessages>
   }
 
   let {
@@ -63,8 +76,10 @@
     minHeight = '160px',
     tools = DEFAULT_TOOLS,
     ariaLabel = 'Rich text editor',
+    messages,
   }: Props = $props()
 
+  const M = $derived(resolveMessages(DEFAULT_MESSAGES, messages))
   const uid = nextEditorId('sv-rt')
   let editorEl = $state<HTMLDivElement | null>(null)
   let focused = $state(false)
@@ -109,14 +124,14 @@
     ul: () => exec('insertUnorderedList'), ol: () => exec('insertOrderedList'),
     quote: () => exec('formatBlock', 'BLOCKQUOTE'), code: () => exec('formatBlock', 'PRE'),
     alignLeft: () => exec('justifyLeft'), alignCenter: () => exec('justifyCenter'), alignRight: () => exec('justifyRight'),
-    link: () => { const url = typeof prompt === 'function' ? prompt('Link URL', 'https://') : null; if (url) exec('createLink', url) },
+    link: () => { const url = typeof prompt === 'function' ? prompt(M.linkPrompt, 'https://') : null; if (url) exec('createLink', url) },
     clear: () => exec('removeFormat'), undo: () => exec('undo'), redo: () => exec('redo'),
   }
 </script>
 
 <div class="sv-rt" class:is-disabled={disabled} class:is-readonly={readonly}>
   {#if !readonly}
-    <div class="sv-rt__toolbar" role="toolbar" aria-label="Formatting" aria-controls={uid}>
+    <div class="sv-rt__toolbar" role="toolbar" aria-label={M.toolbar} aria-controls={uid}>
       {#each tools as t, i (i)}
         {#if t === '|'}
           <span class="sv-rt__sep" aria-hidden="true"></span>
@@ -126,13 +141,13 @@
             class="sv-rt__btn"
             class:is-on={activeState[t]}
             data-tool={t}
-            title={META[t].label}
-            aria-label={META[t].label}
+            title={M[t]}
+            aria-label={M[t]}
             aria-pressed={activeState[t] ? true : undefined}
             {disabled}
             onmousedown={(e) => e.preventDefault()}
             onclick={run[t]}
-          >{META[t].glyph}</button>
+          >{GLYPH[t]}</button>
         {/if}
       {/each}
     </div>

package/dist/SvRichText.svelte.d.ts

@@ -1,4 +1,11 @@
 export type RichTextTool = 'bold' | 'italic' | 'underline' | 'strike' | 'h1' | 'h2' | 'h3' | 'p' | 'ul' | 'ol' | 'quote' | 'code' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'link' | 'clear' | 'undo' | 'redo' | '|';
+/** User-facing strings (localizable via `messages`). Every one is a tooltip +
+ *  accessible name on a toolbar button, so leaving them hard-coded made the
+ *  whole toolbar English-only for screen-reader users. */
+type RichTextMessages = Record<Exclude<RichTextTool, '|'>, string> & {
+    linkPrompt: string;
+    toolbar: string;
+};
 type Props = {
     /** HTML string (bindable). */
     value?: string;
@@ -10,6 +17,8 @@ type Props = {
     /** Toolbar tools + order; use '|' for a separator. */
     tools?: RichTextTool[];
     ariaLabel?: string;
+    /** Override any toolbar label / prompt (localization). */
+    messages?: Partial<RichTextMessages>;
 };
 declare const SvRichText: import("svelte").Component<Props, {}, "value">;
 type SvRichText = ReturnType<typeof SvRichText>;

package/dist/SvSwitchButton.svelte

@@ -53,8 +53,9 @@
 </script>
 
 <SvField id={uid} {label} {hint} {error} {required} {dir}>
+  <!-- role="switch" arrives via switchProps(), which the a11y pass cannot see through -->
+  <!-- svelte-ignore a11y_role_supports_aria_props_implicit -->
   <button
-    role="switch"
     class="sv-switch sv-switch--{size}"
     class:is-on={checked}
     class:is-readonly={readonly}

package/dist/SvToaster.svelte

@@ -135,7 +135,7 @@
 
   :global(.sv-toast--success) { --_accent: var(--sg-success, #16a34a); }
   :global(.sv-toast--error) { --_accent: var(--sg-danger, #dc2626); }
-  :global(.sv-toast--warning) { --_accent: var(--sg-warning, #f59e0b); }
+  :global(.sv-toast--warning) { --_accent: var(--sg-warning, #d97706); }
   :global(.sv-toast--info) { --_accent: var(--sg-accent, #2563eb); }
 
   :global(.sv-toast__icon) { flex: none; width: 18px; height: 18px; display: grid; place-items: center; color: var(--_accent); font-weight: 700; }

package/dist/SvTree.svelte

@@ -48,6 +48,11 @@
     /** Render a built-in search box that drives the filter. */
     searchable?: boolean
     searchPlaceholder?: string
+    /** Placeholder row shown under a lazy node while its children load
+     *  (localization). */
+    loadingText?: string
+    /** Accessible name for the search box's clear button (localization). */
+    clearSearchLabel?: string
     /** Sort siblings by label ('asc'/'desc') or a custom comparator. */
     sort?: 'asc' | 'desc' | ((a: TreeNode, b: TreeNode) => number)
     /** Allow inline rename (double-click or F2). Fires onRename. */
@@ -77,6 +82,8 @@
     filter,
     searchable = false,
     searchPlaceholder = 'Search...',
+    loadingText = 'Loading...',
+    clearSearchLabel = 'Clear search',
     sort,
     editable = false,
     onRename,
@@ -173,7 +180,7 @@
     if (!node?.lazy || loaded.has(id) || loadingIds.has(id)) return
     loadingIds = new Set(loadingIds).add(id)
     // A placeholder row shows immediately while the promise resolves.
-    loaded = new Map(loaded).set(id, [{ id: `${id}__loading`, label: 'Loading...', disabled: true }])
+    loaded = new Map(loaded).set(id, [{ id: `${id}__loading`, label: loadingText, disabled: true }])
     try {
       const kids = await loadChildren(node)
       loaded = new Map(loaded).set(id, kids)
@@ -268,7 +275,7 @@
   <div class="sv-tree__search">
     <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7" /><path d="m21 21-4.3-4.3" /></svg>
     <input class="sv-tree__search-input" type="text" placeholder={searchPlaceholder} bind:value={query} aria-label={searchPlaceholder} />
-    {#if query}<button type="button" class="sv-tree__search-clear" aria-label="Clear search" onclick={() => (query = '')}>&times;</button>{/if}
+    {#if query}<button type="button" class="sv-tree__search-clear" aria-label={clearSearchLabel} onclick={() => (query = '')}>&times;</button>{/if}
   </div>
 {/if}
 <!-- svelte-ignore a11y_no_static_element_interactions -->

package/dist/SvTree.svelte.d.ts

@@ -30,6 +30,11 @@ type Props = {
     /** Render a built-in search box that drives the filter. */
     searchable?: boolean;
     searchPlaceholder?: string;
+    /** Placeholder row shown under a lazy node while its children load
+     *  (localization). */
+    loadingText?: string;
+    /** Accessible name for the search box's clear button (localization). */
+    clearSearchLabel?: string;
     /** Sort siblings by label ('asc'/'desc') or a custom comparator. */
     sort?: 'asc' | 'desc' | ((a: TreeNode, b: TreeNode) => number);
     /** Allow inline rename (double-click or F2). Fires onRename. */

package/dist/SvTreeSelect.svelte

@@ -186,7 +186,11 @@
           {...ts.itemProps(i)}
         >
           {#if row.hasChildren}
-            <span class="sv-ts__chev" class:is-open={row.expanded} aria-hidden="true">▸</span>
+            <!-- Same chevron as SvTree and the grid's expanders. -->
+            <span class="sv-ts__chev" class:is-open={row.expanded} aria-hidden="true">
+              <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor"
+                stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6" /></svg>
+            </span>
           {:else}
             <span class="sv-ts__chev sv-ts__chev--leaf" aria-hidden="true"></span>
           {/if}
@@ -226,7 +230,7 @@
   :global(.sv-ts__row.is-active) { background: var(--sg-row-hover-bg, #f1f5f9); }
   :global(.sv-ts__row.is-selected) { color: var(--sg-accent, #2563eb); font-weight: 600; }
   :global(.sv-ts__row.is-disabled) { opacity: 0.5; cursor: not-allowed; }
-  :global(.sv-ts__chev) { width: 14px; flex: none; color: var(--sg-muted, #64748b); transition: transform 0.12s; font-size: 10px; }
+  :global(.sv-ts__chev) { width: 14px; flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--sg-muted, #64748b); transition: transform 0.12s; }
   :global(.sv-ts__chev.is-open) { transform: rotate(90deg); }
   :global(.sv-ts__chev--leaf) { visibility: hidden; }
   :global(.sv-ts__label) { flex: 1; white-space: nowrap; }

package/dist/build-api.js

@@ -315,6 +315,22 @@ export function createGridApi(ctx) {
             clearFilter(columnId) {
                 ctx.clearColumnFilter(columnId);
             },
+            refreshEditorOptions(columnId) {
+                // Async `editorOptions` are cached per column (or per column+row for a
+                // per-row source) so opening an editor twice does not refetch. This
+                // drops those entries, so the next render re-runs the source - use it
+                // when the underlying list changed server-side.
+                if (columnId == null) {
+                    ctx.asyncEditorOptions = {};
+                    return;
+                }
+                const next = { ...ctx.asyncEditorOptions };
+                for (const key of Object.keys(next)) {
+                    if (key === columnId || key.startsWith(`${columnId}::`))
+                        delete next[key];
+                }
+                ctx.asyncEditorOptions = next;
+            },
             clearAllFilters() {
                 // See `setFilter` for why the read-modify-write is untracked.
                 untrack(() => {

package/dist/cdn/{GridMenus-Ds3OpzZT.js → GridMenus-C6ixSGWW.js}

@@ -1,13 +1,13 @@
-import { no as e, qn as t, ro as n, to as r } from "./src-BLJfdyL0.js";
-import { l as i } from "./SvDateTimePicker-DB0aIEk8.js";
+import { Gn as e, io as t, no as n, ro as r } from "./src-BgHjWF0Q.js";
+import { l as i } from "./SvDateTimePicker-ClqtVIj3.js";
 import * as a from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/GridMenus.svelte
 var o = a.from_html("<option> </option>"), s = a.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), c = a.from_html("<option> </option>"), l = a.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), u = a.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), d = a.from_html("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\">×</button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), f = a.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), p = a.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!> <!>", 1), m = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), h = a.from_html("<div class=\"sv-grid-facet-note\"> </div>"), g = a.from_html("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values</div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\">(Select all)</span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), _ = a.from_html("<div role=\"tooltip\"> </div>"), v = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), y = a.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), b = a.from_html("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), x = a.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), S = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), ee = a.from_html("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), C = a.from_html("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), w = a.from_html("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), T = a.from_html("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), te = a.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), E = a.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), D = a.from_html("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), O = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), k = a.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), ne = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), re = a.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), A = a.from_html("<div class=\"sv-grid-menu-sep\"></div>"), ie = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), j = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), M = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), ae = a.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
 function oe(oe, N) {
 	a.push(N, !0);
-	let se = (e, r = a.noop) => {
-		let i = a.derived(() => a.get(G).find((e) => e.id === r())), _ = a.derived(() => a.get(xe)(a.get(i))), v = a.derived(() => a.get(F)[r()]?.operator ?? a.get(K)(a.get(i))), y = a.derived(() => n(a.get(i)?.columnDef.editorType ?? "text"));
+	let se = (n, r = a.noop) => {
+		let i = a.derived(() => a.get(G).find((e) => e.id === r())), _ = a.derived(() => a.get(xe)(a.get(i))), v = a.derived(() => a.get(F)[r()]?.operator ?? a.get(K)(a.get(i))), y = a.derived(() => t(a.get(i)?.columnDef.editorType ?? "text"));
 		var b = g(), x = a.child(b), S = a.child(x), ee = a.child(S);
 		a.snippet(ee, () => N.icon, () => "filter"), a.reset(S), a.next(), a.reset(x);
 		var C = a.sibling(x, 2);
@@ -106,10 +106,10 @@ function oe(oe, N) {
 		a.remove_input_defaults(E);
 		var D = a.sibling(E, 2), O = a.child(D);
 		a.remove_input_defaults(O), a.next(2), a.reset(D);
-		var k = a.sibling(D, 2), ne = (e) => {
+		var k = a.sibling(D, 2), ne = (t) => {
 			{
 				let n = a.derived(() => a.get(X).length > Ue);
-				t(e, {
+				e(t, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
@@ -148,7 +148,7 @@ function oe(oe, N) {
 			w !== (w = a.get(v)) && (C.value = (C.__value = a.get(v)) ?? "", a.select_option(C, a.get(v))), a.set_checked(O, e), M.disabled = t;
 		}, [() => a.get(Ve)(r()), () => !a.get(Te)(r())]), a.delegated("change", C, (e) => a.get(ve)(r(), e.currentTarget.value)), a.bind_value(E, () => P().columnMenuSearch, (e) => P().columnMenuSearch = e), a.delegated("change", O, () => a.get(He)(r())), a.delegated("click", M, () => a.get(Ye)(r())), a.delegated("click", ae, function(...e) {
 			a.get(Y)?.apply(this, e);
-		}), a.append(e, b);
+		}), a.append(n, b);
 	}, P = a.prop(N, "ctrl", 7), ce = a.derived(() => P().groupingControlsEnabled), F = a.derived(() => P().filterMenuValues), I = a.derived(() => P().tooltip);
 	a.derived(() => P().showTooltipFor);
 	let L = a.derived(() => P().columnMenuFor), R = a.derived(() => P().columnMenuPos), z = a.derived(() => P().filterMenuFor), B = a.derived(() => P().filterMenuPos), V = a.derived(() => P().operatorMenuFor), le = a.derived(() => P().operatorMenuPos), H = a.derived(() => P().chooseColumnsPos), U = a.derived(() => P().showColumnFiltersEffective), W = a.derived(() => P().props.columnMenuTabs === !0), ue = a.derived(() => P().grid), G = a.derived(() => P().allColumns), de = a.derived(() => P().isColumnPinned), fe = a.derived(() => P().pinColumnLeft), pe = a.derived(() => P().pinColumnRight), me = a.derived(() => P().unpinColumn), he = a.derived(() => P().sortDirectionByColumn), ge = a.derived(() => P().groupingColumns), _e = a.derived(() => P().columnVirtualizationEnabled), ve = a.derived(() => P().updateFilterOperator), ye = a.derived(() => P().updateFilterMenuValue), be = a.derived(() => P().updateFilterMenuValueTo), xe = a.derived(() => P().operatorsForColumn), K = a.derived(() => P().defaultOperatorFor), q = a.derived(() => P().operatorLabelFor), Se = a.derived(() => P().filterRowValues), Ce = a.derived(() => P().inSuggestFor), we = a.derived(() => P().inSuggestPos);
@@ -174,11 +174,11 @@ function oe(oe, N) {
 		};
 	});
 	let Ee = a.derived(() => P().autosizeColumn), De = a.derived(() => P().autosizeAllColumns), Oe = a.derived(() => P().resetColumns), ke = a.derived(() => P().openChooseColumns), Ae = a.derived(() => P().sortColumnFromMenu), je = a.derived(() => P().clearColumnSort), Me = a.derived(() => P().groupByColumnFromMenu), Ne = a.derived(() => P().clearGroupingFromMenu), Pe = a.derived(() => P().columnMenuFacetValues), Fe = a.derived(() => P().columnMenuVisibleFacets), X = a.derived(() => P().columnMenuFacetOptions), Ie = a.derived(() => P().columnMenuSelectedFacets), Le = a.derived(() => P().setFacetSelection), Re = a.derived(() => P().setFilterTokens), Z = a.derived(() => P().inSuggestOptions), ze = a.derived(() => P().openInSuggest), Be = a.derived(() => P().closeInSuggest), Ve = a.derived(() => P().isAllFacetsChecked), He = a.derived(() => P().toggleAllFacets), Ue = 40;
-	function We(t, n) {
-		a.get(ze)(t, n), P().inSuggestQuery = e(t.value);
+	function We(e, t) {
+		a.get(ze)(e, t), P().inSuggestQuery = r(e.value);
 	}
-	function Ge(t, n) {
-		P().inSuggestQuery = e(t.value), P().inSuggestFor !== n && a.get(ze)(t, n);
+	function Ge(e, t) {
+		P().inSuggestQuery = r(e.value), P().inSuggestFor !== t && a.get(ze)(e, t);
 	}
 	function Ke(e) {
 		return e.map((e) => ({
@@ -217,7 +217,7 @@ function oe(oe, N) {
 	a.if(at, (e) => {
 		(a.get(L) || a.get(z) || a.get(V) || a.get(H)) && e(ot);
 	});
-	var st = a.sibling(at, 2), ct = (e) => {
+	var st = a.sibling(at, 2), ct = (t) => {
 		let n = a.derived(() => a.get(L)), r = a.derived(() => a.get(G).find((e) => e.id === a.get(n))), i = a.derived(() => a.get(r)?.getCanSort?.() ?? !1), o = a.derived(() => a.get(r)?.columnDef.field != null && a.get(r)?.columnDef.filterable !== !1), s = a.derived(() => P().columnMenuTab);
 		var c = te(), l = a.child(c), u = (e) => {
 			var t = b(), n = a.child(t);
@@ -243,17 +243,17 @@ function oe(oe, N) {
 		});
 		var d = a.sibling(l, 2), f = (e) => {
 			se(e, () => a.get(n));
-		}, p = (e) => {
+		}, p = (t) => {
 			let n = a.derived(() => a.get(ue).getAllColumns());
 			var r = x(), i = a.sibling(a.first_child(r), 2);
 			{
-				let e = a.derived(() => a.get(n).length > 40), r = a.derived(() => Ke(a.get(n))), o = a.derived(() => qe(a.get(n)));
-				t(i, {
+				let t = a.derived(() => a.get(n).length > 40), r = a.derived(() => Ke(a.get(n))), o = a.derived(() => qe(a.get(n)));
+				e(i, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
 					get virtual() {
-						return a.get(e);
+						return a.get(t);
 					},
 					rows: 9,
 					rowHeight: 24,
@@ -268,7 +268,7 @@ function oe(oe, N) {
 					onChange: (e) => Je(a.get(n), e)
 				});
 			}
-			a.append(e, r);
+			a.append(t, r);
 		}, m = (e) => {
 			var t = T(), r = a.first_child(t), o = (e) => {
 				var t = S(), r = a.first_child(t), i = a.child(r), o = a.child(i);
@@ -334,7 +334,7 @@ function oe(oe, N) {
 		};
 		a.if(d, (e) => {
 			a.get(W) && a.get(s) === "filter" && a.get(o) && a.get(U) ? e(f) : a.get(W) && a.get(s) === "columns" ? e(p, 1) : e(m, -1);
-		}), a.reset(c), a.template_effect(() => a.set_style(c, `left: ${a.get(R).x}px; top: ${a.get(R).y}px; max-height: calc(100vh - ${a.get(R).y}px - 12px);`)), a.append(e, c);
+		}), a.reset(c), a.template_effect(() => a.set_style(c, `left: ${a.get(R).x}px; top: ${a.get(R).y}px; max-height: calc(100vh - ${a.get(R).y}px - 12px);`)), a.append(t, c);
 	};
 	a.if(st, (e) => {
 		a.get(L) && e(ct);
@@ -346,17 +346,17 @@ function oe(oe, N) {
 	a.if(lt, (e) => {
 		a.get(z) && a.get(U) && e(ut);
 	});
-	var dt = a.sibling(lt, 2), ft = (e) => {
+	var dt = a.sibling(lt, 2), ft = (t) => {
 		let n = a.derived(() => a.get(ue).getAllColumns());
 		var r = D(), i = a.sibling(a.child(r), 2);
 		{
-			let e = a.derived(() => a.get(n).length > 40), r = a.derived(() => Ke(a.get(n))), o = a.derived(() => qe(a.get(n)));
-			t(i, {
+			let t = a.derived(() => a.get(n).length > 40), r = a.derived(() => Ke(a.get(n))), o = a.derived(() => qe(a.get(n)));
+			e(i, {
 				block: !0,
 				checkbox: !0,
 				multiple: !0,
 				get virtual() {
-					return a.get(e);
+					return a.get(t);
 				},
 				rows: 11,
 				rowHeight: 24,
@@ -371,7 +371,7 @@ function oe(oe, N) {
 				onChange: (e) => Je(a.get(n), e)
 			});
 		}
-		a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get(H).x}px; top: ${a.get(H).y}px;`)), a.append(e, r);
+		a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get(H).x}px; top: ${a.get(H).y}px;`)), a.append(t, r);
 	};
 	a.if(dt, (e) => {
 		a.get(H) && e(ft);
@@ -393,17 +393,17 @@ function oe(oe, N) {
 	a.if(pt, (e) => {
 		a.get(V) && e(mt);
 	});
-	var ht = a.sibling(pt, 2), gt = (n) => {
-		let i = a.derived(() => a.get(Ce)), o = a.derived(() => new Set(r(a.get(Se)[a.get(i)] ?? "")));
-		var s = re(), c = a.child(s), l = (n) => {
+	var ht = a.sibling(pt, 2), gt = (t) => {
+		let i = a.derived(() => a.get(Ce)), o = a.derived(() => new Set(n(a.get(Se)[a.get(i)] ?? "")));
+		var s = re(), c = a.child(s), l = (t) => {
 			{
-				let r = a.derived(() => a.get(Z).length > 40);
-				t(n, {
+				let n = a.derived(() => a.get(Z).length > 40);
+				e(t, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
 					get virtual() {
-						return a.get(r);
+						return a.get(n);
 					},
 					rows: 8,
 					rowHeight: 26,
@@ -415,9 +415,9 @@ function oe(oe, N) {
 					get value() {
 						return a.get(o);
 					},
-					onChange: (t) => {
-						let n = new Set(t), r = e(a.get(Se)[a.get(i)] ?? "");
-						r && n.delete(r), a.get(Re)(a.get(i), [...n]), P().inSuggestQuery = "";
+					onChange: (e) => {
+						let t = new Set(e), n = r(a.get(Se)[a.get(i)] ?? "");
+						n && t.delete(n), a.get(Re)(a.get(i), [...t]), P().inSuggestQuery = "";
 					}
 				});
 			}
@@ -427,7 +427,7 @@ function oe(oe, N) {
 		};
 		a.if(c, (e) => {
 			a.get(Z).length ? e(l) : e(u, -1);
-		}), a.reset(s), a.template_effect(() => a.set_style(s, `left: ${a.get(we).x}px; top: ${a.get(we).y}px;`)), a.delegated("mousedown", s, (e) => e.preventDefault()), a.append(n, s);
+		}), a.reset(s), a.template_effect(() => a.set_style(s, `left: ${a.get(we).x}px; top: ${a.get(we).y}px;`)), a.delegated("mousedown", s, (e) => e.preventDefault()), a.append(t, s);
 	};
 	a.if(ht, (e) => {
 		a.get(Ce) && e(gt);