@svgrid/enterprise 3.1.10 → 3.1.12

package/dist/fields/base-schema.js

@@ -6,6 +6,9 @@ const title = (s) => s.replace(/[_-]+/g, ' ').replace(/([a-z])([A-Z])/g, '$1 $2'
 const linkName = (column) => column.replace(/_?id$/i, '') || column;
 const MONEY = /(^|_)(price|amount|cost|budget|revenue|salary|total|fee|value|spend|mrr|arr)($|_)/i;
 const LONG = /(^|_)(notes?|description|body|comment|comments|summary|details|bio|content|message)($|_)/i;
+// Who changed or added a row, as the app (or an agent) writes it: a user id the base names from its people list.
+const MODIFIED_BY = /^(updated|modified|last_modified|edited)_?by$/i;
+const CREATED_BY = /^created_?by$/i;
 function fieldOf(f) {
     const header = f.label ?? title(f.field);
     const base = { id: f.field, field: f.field, header };
@@ -35,6 +38,10 @@ function fieldOf(f) {
                 return { ...base, fieldType: 'url' };
             if (editor === 'phone')
                 return { ...base, fieldType: 'phone' };
+            if (MODIFIED_BY.test(f.field))
+                return { ...base, fieldType: 'lastModifiedBy' };
+            if (CREATED_BY.test(f.field))
+                return { ...base, fieldType: 'createdBy' };
             if (LONG.test(f.field))
                 return { ...base, fieldType: 'longText' };
             return { ...base, fieldType: 'text' };

package/dist/fields/base-sync.d.ts

@@ -119,6 +119,25 @@ export type BaseSyncStatus = {
     table: string;
     limit: number;
 };
+/**
+ * A change made in the database by someone else (another user, another tab,
+ * a script, an AI agent), as the base found it when it read the table again.
+ */
+export type BaseRemoteChange = {
+    /** The base table's id. */
+    table: string;
+    type: 'insert' | 'update' | 'delete';
+    /** The record's page id. */
+    id: string;
+    /** The record as it is now; for a delete, as it was. */
+    record: Row;
+    /** For an update: each stored field that moved, from what to what. */
+    fields?: Array<{
+        field: string;
+        from: unknown;
+        to: unknown;
+    }>;
+};
 export type BaseSyncOptions = {
     getTables: () => BaseTable[] | undefined;
     /** Put tables in the page without writing them (loaded, undone, changed elsewhere). */
@@ -129,6 +148,8 @@ export type BaseSyncOptions = {
         action: 'insert' | 'update' | 'delete' | 'load';
         message: string;
     }) => void;
+    /** Changes made elsewhere, after they are in the page. Never called for the page's own writes. */
+    onRemoteChange?: (changes: BaseRemoteChange[]) => void;
 };
 export declare function createBaseSync(options: BaseSyncOptions): {
     load: () => Promise<void>;

package/dist/fields/base-sync.js

@@ -441,7 +441,7 @@ export function createBaseSync(options) {
             return;
         const fields = storedFields(list, t);
         const fresh = new Map(rows.map((r) => [String(r.id), r]));
-        let changed = false;
+        const changes = [];
         const data = [];
         for (const r of t.data) {
             if (!r)
@@ -453,33 +453,35 @@ export function createBaseSync(options) {
                     data.push(r);
                 else {
                     before.delete(id);
-                    changed = true;
+                    changes.push({ table: tableId, type: 'delete', id, record: r });
                 }
                 continue;
             }
             fresh.delete(id);
-            const moved = fields.filter((f) => f in server && !same(server[f], before.get(id)?.[f]));
+            const was = before.get(id);
+            const moved = fields.filter((f) => f in server && !same(server[f], was?.[f]));
             if (moved.length) {
-                changed = true;
                 const next = { ...r };
                 for (const f of moved)
                     next[f] = server[f];
-                before.set(id, { ...before.get(id), ...pick(server, moved) });
+                changes.push({ table: tableId, type: 'update', id, record: next, fields: moved.map((f) => ({ field: f, from: was?.[f], to: server[f] })) });
+                before.set(id, { ...was, ...pick(server, moved) });
                 data.push(next);
             }
             else
                 data.push(r);
         }
         for (const [id, r] of fresh) {
-            changed = true;
             before.set(id, pick(r, fields));
+            changes.push({ table: tableId, type: 'insert', id, record: r });
             data.push(r);
         }
-        if (!changed)
+        if (!changes.length)
             return;
         let next = list.map((x) => (x.id === tableId ? { ...x, data } : x));
         next = linkBack(next, tableId);
         options.apply(next);
+        options.onRemoteChange?.(changes);
     }
     return {
         load,

package/dist/fields/index.d.ts

@@ -10,7 +10,7 @@ export { default as SvBaseViewBar } from './SvBaseViewBar.svelte';
 export { default as SvBaseForm } from './SvBaseForm.svelte';
 export { default as SvBase } from './SvBase.svelte';
 export { blankTable, newRecordId, type BaseTable } from './base-tables.js';
-export { baseSource, createBaseSync, type BaseSource, type BaseSourceOptions, type BaseSyncStatus, type ForeignKeyLink, type JunctionLink, } from './base-sync.js';
+export { baseSource, createBaseSync, type BaseSource, type BaseSourceOptions, type BaseSyncStatus, type BaseRemoteChange, type ForeignKeyLink, type JunctionLink, } from './base-sync.js';
 export { baseFieldsFromSchema, baseTablesFromSchemas, baseSpecFromSchemas, baseTablesFromSpec, type BaseTableSpec, type BaseLinkSpec } from './base-schema.js';
 export { baseToSql, sqlName, type BaseToSqlOptions, type BaseTableComment, type BaseJunctionComment } from './base-sql.js';
 export { applyBaseComments, withInverses, type BaseComments } from './base-schema.js';

package/dist/fields/index.js

@@ -162,6 +162,13 @@ function stampModified(ctrl, row, columnId) {
     if (!row)
         return;
     const author = getCurrentUser()?.id;
+    // Into the edit overlay too, as an edit goes: what reads through it (an
+    // open record) shows the stamp at once, not after the grid draws again.
+    const rowId = ctrl.buildApi?.().getRowId?.(row);
+    const overlay = (id, value) => {
+        if (rowId != null && ctrl.editedCellValues)
+            ctrl.editedCellValues = { ...ctrl.editedCellValues, [`${rowId}:${id}`]: value };
+    };
     for (const c of (ctrl?.internalColumns ?? [])) {
         if (c.fieldType !== 'lastModifiedTime' && c.fieldType !== 'lastModifiedBy')
             continue;
@@ -172,9 +179,9 @@ function stampModified(ctrl, row, columnId) {
         if (p.watch === 'specific' && !(p.watchFields ?? []).includes(columnId))
             continue;
         if (c.fieldType === 'lastModifiedTime')
-            row[c.field] = new Date().toISOString();
+            overlay(id, (row[c.field] = new Date().toISOString()));
         else if (author !== undefined)
-            row[c.field] = author;
+            overlay(id, (row[c.field] = author));
     }
 }
 /** The record's activity: what a cell now holds after an edit. */

package/dist/node/studio.js

@@ -6904,6 +6904,14 @@ var GENERATED_UI_SURFACE = {
 				"label": "Aria Label",
 				"type": "string",
 				"group": "advanced"
+			},
+			{
+				"key": "focusable",
+				"label": "Focusable",
+				"type": "boolean",
+				"default": true,
+				"description": "False: the button never takes focus or a Tab stop, so pressing it keeps focus in the field it steps (a spinner beside an input). Default true.",
+				"group": "common"
 			}
 		],
 		"events": [{
@@ -8585,6 +8593,7 @@ var GENERATED_UI_SURFACE = {
 				"key": "block",
 				"label": "Block",
 				"type": "boolean",
+				"default": false,
 				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
 				"group": "appearance"
 			},
@@ -16446,7 +16455,7 @@ function hasFieldConditions(schema) {
 *
 * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
 */
-var SVGRID_VERSION = "3.1.10";
+var SVGRID_VERSION = "3.1.12";
 /**
 * The version of `@svgrid/grid`, which releases on its own line: enterprise is
 * on 3.1.x while the grid is on 3.0.x.
@@ -16459,7 +16468,7 @@ var SVGRID_VERSION = "3.1.10";
 *
 * `version.test.ts` asserts this matches packages/grid/package.json.
 */
-var GRID_VERSION = "3.0.13";
+var GRID_VERSION = "3.0.15";
 //#endregion
 //#region src/studio/emit-project.ts
 var has = (blocks, kind) => blocks.some((b) => b.config.kind === kind);

package/dist/studio/ui-components.generated.js

@@ -4729,6 +4729,14 @@ export const GENERATED_UI_SURFACE = {
                 "label": "Aria Label",
                 "type": "string",
                 "group": "advanced"
+            },
+            {
+                "key": "focusable",
+                "label": "Focusable",
+                "type": "boolean",
+                "default": true,
+                "description": "False: the button never takes focus or a Tab stop, so pressing it keeps focus in the field it steps (a spinner beside an input). Default true.",
+                "group": "common"
             }
         ],
         "events": [
@@ -6449,6 +6457,7 @@ export const GENERATED_UI_SURFACE = {
                 "key": "block",
                 "label": "Block",
                 "type": "boolean",
+                "default": false,
                 "description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
                 "group": "appearance"
             },

package/dist/version.d.ts

@@ -10,7 +10,7 @@
  *
  * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
  */
-export declare const SVGRID_VERSION = "3.1.10";
+export declare const SVGRID_VERSION = "3.1.12";
 /**
  * The version of `@svgrid/grid`, which releases on its own line: enterprise is
  * on 3.1.x while the grid is on 3.0.x.
@@ -23,4 +23,4 @@ export declare const SVGRID_VERSION = "3.1.10";
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export declare const GRID_VERSION = "3.0.13";
+export declare const GRID_VERSION = "3.0.15";

package/dist/version.js

@@ -10,7 +10,7 @@
  *
  * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
  */
-export const SVGRID_VERSION = '3.1.10';
+export const SVGRID_VERSION = '3.1.12';
 /**
  * The version of `@svgrid/grid`, which releases on its own line: enterprise is
  * on 3.1.x while the grid is on 3.0.x.
@@ -23,4 +23,4 @@ export const SVGRID_VERSION = '3.1.10';
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export const GRID_VERSION = '3.0.13';
+export const GRID_VERSION = '3.0.15';

package/dist/wc/{GridFooter-f5K0aLe_.js → GridFooter-4T29pfok.js}

@@ -1,5 +1,5 @@
 import { D as e, G as t, H as n, I as r, L as i, M as a, O as o, P as s, R as c, S as l, U as u, Y as d, at as f, dt as p, et as m, it as h, j as g, m as _, mt as v, n as y, nt as b, st as x, tt as S, ut as C } from "./client-DQIzjDBG.js";
-import { s as w } from "./SvGrid.helpers-B2GEKrxS.js";
+import { s as w } from "./SvGrid.helpers-tk7gWxcT.js";
 import "./sv-sheet-element.js";
 //#region ../grid/dist/GridFooter.svelte
 var T = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), E = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\">Numeric</span> </span>"), D = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), O = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), k = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), A = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), j = c("<div class=\"sv-grid-status-bar\" role=\"status\" aria-live=\"polite\"></div>"), ee = c("<div class=\"sv-grid-dropdown\"><button type=\"button\" class=\"sv-grid-dropdown-trigger\" aria-haspopup=\"listbox\" aria-expanded=\"false\"><span class=\"sv-grid-dropdown-label\"> </span> <span class=\"sv-grid-dropdown-caret\" aria-hidden=\"true\"><!></span></button></div>"), te = c("<div role=\"navigation\" aria-label=\"Pagination\"><div class=\"sv-grid-pagination-pagesize\"><span> </span> <div class=\"sv-grid-pagination-pagesize-dd\"><!></div></div> <span class=\"sv-grid-pagination-range\"><strong> </strong> to <strong> </strong> of <strong> </strong></span> <div class=\"sv-grid-pagination-nav\"><button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button> <button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button> <span class=\"sv-grid-pagination-label\"> <strong> </strong> <strong> </strong></span> <button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button> <button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button></div></div>"), M = c("<!> <!>", 1);

package/dist/wc/{GridMenus-FtSN_8t9.js → GridMenus-jRuxbYD8.js}

@@ -1,5 +1,5 @@
 import { $ as e, D as t, G as n, H as r, I as i, L as a, M as o, O as s, P as c, Q as l, R as u, S as d, T as f, U as p, W as m, X as h, Y as g, Z as _, _ as v, a as y, at as b, b as x, d as S, dt as C, et as w, f as T, h as E, ht as D, it as O, j as k, k as A, l as ee, m as j, mt as M, n as N, nt as P, o as te, p as F, pt as I, q as ne, st as L, tt as R, u as z, ut as re, w as ie, x as B, y as V, z as ae } from "./client-DQIzjDBG.js";
-import { S as oe, h as se, r as ce, u as le, w as ue } from "./SvGrid.helpers-B2GEKrxS.js";
+import { S as oe, h as se, r as ce, u as le, w as ue } from "./SvGrid.helpers-tk7gWxcT.js";
 import { c as H, s as de, t as fe } from "./svelte-virtualizer.svelte-ehwOupl-.js";
 import { n as U } from "./grid-extension.svelte-Bufq4B4C.js";
 import { i as pe, t as W } from "./editor-contract-peBDxir_.js";
@@ -954,7 +954,7 @@ function Tt(r, u) {
 		let e = n(J) ?? n(q);
 		if (!e) return;
 		let t = n(Te).find((t) => t.id === e);
-		ue(t?.columnDef) && (n(zt) || import("./SvDateTimePicker-D-vRnaMo.js").then((e) => O(zt, e.default, !0)), n(Bt) || import("./SvDateRangeInput-DR6m7bSM.js").then((e) => O(Bt, e.default, !0)));
+		ue(t?.columnDef) && (n(zt) || import("./SvDateTimePicker-Bq9N0Oiy.js").then((e) => O(zt, e.default, !0)), n(Bt) || import("./SvDateRangeInput-BYNOfYxD.js").then((e) => O(Bt, e.default, !0)));
 	});
 	function Vt(e, t) {
 		let n = () => {

package/dist/wc/{SvDateRangeInput-DR6m7bSM.js → SvDateRangeInput-BYNOfYxD.js}

@@ -1,30 +1,30 @@
-import { G as e, H as t, I as n, R as r, S as i, T as a, U as o, X as s, Y as c, _ as l, a as u, at as d, dt as f, et as p, f as m, it as h, j as g, m as _, mt as v, n as y, nt as b, p as x, rt as S, st as C, tt as ee, ut as w, w as T, x as E } from "./client-DQIzjDBG.js";
-import { a as D, i as O, t as te } from "./editor-contract-peBDxir_.js";
-import { i as k, o as A, r as ne, t as re } from "./date-format-DS-z_h9v.js";
-import { n as ie, r as ae, t as oe } from "./popover-WsGlvtQv.js";
-import { t as se } from "./SvField-B_kurx_P.js";
+import { G as e, H as t, I as n, R as r, S as i, T as a, U as o, X as s, Y as c, _ as l, a as u, at as d, dt as f, et as p, f as ee, it as m, j as h, m as g, mt as _, n as v, nt as y, p as b, rt as x, st as S, tt as te, ut as C, w, x as T } from "./client-DQIzjDBG.js";
+import { a as E, i as D, t as ne } from "./editor-contract-peBDxir_.js";
+import { i as O, o as k, r as re, t as ie } from "./date-format-DS-z_h9v.js";
+import { n as ae, r as oe, t as se } from "./popover-WsGlvtQv.js";
+import { t as ce } from "./SvField-B_kurx_P.js";
 //#region ../grid/dist/SvDateRangeInput.svelte
-var ce = r("<button type=\"button\" class=\"sv-dri__clear svelte-1rb3yee\">&times;</button>"), le = r("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), ue = r("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), de = r("<div><div><svg class=\"sv-dri__icon svelte-1rb3yee\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg> <input/> <!></div> <!> <!></div>"), fe = {
+var le = r("<button type=\"button\" class=\"sv-dri__clear svelte-1rb3yee\">&times;</button>"), ue = r("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), de = r("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), fe = r("<div><div><svg class=\"sv-dri__icon svelte-1rb3yee\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg> <input/> <!></div> <!> <!></div>"), pe = {
 	hash: "svelte-1rb3yee",
 	code: ".sv-dri.svelte-1rb3yee {--_accent: var(--sg-accent, #2563eb);--_border: var(--sg-input-border, var(--sg-border, #cbd5e1));--_radius: var(--sg-radius, 8px);display:inline-block;position:relative;color:var(--sg-fg, #0f172a);}.sv-dri--disabled.svelte-1rb3yee {opacity:0.6;}.sv-dri__field.svelte-1rb3yee {display:flex;align-items:center;gap:6px;width:260px;background:var(--sg-input-bg, #fff);border:1px solid var(--_border);border-radius:var(--_radius);padding-inline:10px 4px;}.sv-dri__field.svelte-1rb3yee:focus-within {border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent);}.sv-dri__field.is-invalid.svelte-1rb3yee {border-color:var(--sg-danger, #dc2626);}.sv-dri__field.is-invalid.svelte-1rb3yee:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-dri__field--sm.svelte-1rb3yee {height:28px;font-size:12px;}.sv-dri__field--md.svelte-1rb3yee {height:34px;font-size:13px;}.sv-dri__field--lg.svelte-1rb3yee {height:40px;font-size:15px;}.sv-dri__icon.svelte-1rb3yee {color:var(--sg-muted, #64748b);flex:none;}.sv-dri__input.svelte-1rb3yee {flex:1;min-width:0;border:0;background:none;outline:none;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;}.sv-dri__input.svelte-1rb3yee::placeholder {color:var(--sg-muted, #94a3b8);}.sv-dri__clear.svelte-1rb3yee {display:grid;place-items:center;width:24px;height:24px;flex:none;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:6px;font-size:17px;line-height:1;}.sv-dri__clear.svelte-1rb3yee:hover {color:var(--_accent);background:color-mix(in srgb, var(--_accent) 10%, transparent);}.sv-dri__panel {z-index:2147483647;background:var(--sg-bg, #fff);border:1px solid var(--sg-border, #e2e8f0);border-radius:12px;box-shadow:0 16px 48px -12px rgba(15, 23, 42, 0.35);}\n  /* Fill the container - see `block` in SvEditorProps. */.sv-dri.is-block.svelte-1rb3yee, .sv-dri.is-block.svelte-1rb3yee .sv-dri__field:where(.svelte-1rb3yee) {width:100%;max-width:100%;}"
 };
-function j(t, r) {
-	f(r, !0), a(t, fe);
-	let j = {
+function A(t, r) {
+	f(r, !0), a(t, pe);
+	let A = {
 		dialog: "Choose a date range",
 		clear: "Clear",
 		open: "Open calendar",
 		to: "to"
-	}, M = y(r, "value", 3, null), pe = y(r, "formatString", 3, "yyyy-MM-dd"), me = y(r, "min", 3, null), he = y(r, "max", 3, null), ge = y(r, "months", 3, 2), N = y(r, "firstDayOfWeek", 3, 0), P = y(r, "weekNumbers", 3, !1), F = y(r, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), I = y(r, "placeholder", 3, "Select date range"), L = y(r, "animate", 3, !1), _e = y(r, "autoOpen", 3, !1), R = y(r, "disabled", 3, !1), ve = y(r, "readonly", 3, !1), ye = y(r, "size", 3, "md"), z = y(r, "invalid", 3, !1), be = y(r, "block", 3, !1), B = y(r, "required", 3, !1), xe = O("sv-daterange"), V = C(() => r.id ?? xe), H = C(() => D(j, r.messages)), U = C(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), W = C(() => !R() && !ve()), G = (e) => re(e, pe(), F()), Se = C(() => {
-		if (!M()) return "";
-		let [t, n] = M();
+	}, j = v(r, "value", 3, null), me = v(r, "formatString", 3, "yyyy-MM-dd"), he = v(r, "min", 3, null), ge = v(r, "max", 3, null), _e = v(r, "months", 3, 2), M = v(r, "firstDayOfWeek", 3, 0), N = v(r, "weekNumbers", 3, !1), P = v(r, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), F = v(r, "placeholder", 3, "Select date range"), I = v(r, "animate", 3, !1), ve = v(r, "autoOpen", 3, !1), L = v(r, "disabled", 3, !1), ye = v(r, "readonly", 3, !1), be = v(r, "size", 3, "md"), R = v(r, "invalid", 3, !1), z = v(r, "block", 3, !1), B = v(r, "required", 3, !1), xe = D("sv-daterange"), V = S(() => r.id ?? xe), H = S(() => E(A, r.messages)), U = S(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), W = S(() => !L() && !ye()), G = (e) => ie(e, me(), P()), Se = S(() => {
+		if (!j()) return "";
+		let [t, n] = j();
 		return t && n ? `${G(t)} ${e(H).to} ${G(n)}` : t ? G(t) : "";
-	}), Ce = C(() => M() ? k(M()[0], M()[1]) : null), K = d(!1);
+	}), Ce = S(() => j() ? O(j()[0], j()[1]) : null), K = d(!1);
 	function q() {
-		e(W) && !e(K) && h(K, !0);
+		e(W) && !e(K) && m(K, !0);
 	}
 	function J() {
-		h(K, !1);
+		m(K, !1);
 	}
 	function we() {
 		e(K) ? J() : q();
@@ -35,9 +35,9 @@ function j(t, r) {
 	function Ee(e) {
 		if (!e.length) return;
 		let t = e[0], n = e[e.length - 1];
-		r.onChange?.([A(t), A(n)]), e.length >= 1 && t !== n && J();
+		r.onChange?.([k(t), k(n)]), e.length >= 1 && t !== n && J();
 	}
-	let Y = d(null), X = d(null), Z = d(null), Q = d(S({
+	let Y = d(null), X = d(null), Z = d(null), Q = d(x({
 		top: 0,
 		left: 0,
 		width: 0,
@@ -46,7 +46,7 @@ function j(t, r) {
 		availHeight: 0
 	}));
 	function $() {
-		e(Y) && h(Q, oe(e(Y).getBoundingClientRect(), {
+		e(Y) && m(Q, se(e(Y).getBoundingClientRect(), {
 			estimatedHeight: 360,
 			minWidth: 300
 		}), !0);
@@ -65,12 +65,12 @@ function j(t, r) {
 		};
 	});
 	function De(e) {
-		e.key === "Escape" ? J() : e.key === "ArrowDown" && (e.altKey || !M()) && (e.preventDefault(), q());
+		e.key === "Escape" ? J() : e.key === "ArrowDown" && (e.altKey || !j()) && (e.preventDefault(), q());
 	}
 	function Oe(e) {
-		_e() && (e.focus(), q());
+		ve() && (e.focus(), q());
 	}
-	se(t, {
+	ce(t, {
 		get id() {
 			return e(V);
 		},
@@ -89,111 +89,114 @@ function j(t, r) {
 		get dir() {
 			return r.dir;
 		},
+		get block() {
+			return z();
+		},
 		children: (t, a) => {
-			var s = de();
+			var s = fe();
 			let d;
 			var f = p(s);
-			let y;
-			var S = b(p(f), 2);
-			m(S, (t) => ({
+			let v;
+			var x = y(p(f), 2);
+			ee(x, (t) => ({
 				id: e(V),
 				class: "sv-dri__input",
 				type: "text",
 				readonly: !0,
-				placeholder: I(),
+				placeholder: F(),
 				value: e(Se),
-				disabled: R(),
+				disabled: L(),
 				...t,
 				"aria-haspopup": "dialog",
 				"aria-expanded": e(K),
 				onkeydown: De
-			}), [() => te({
+			}), [() => ne({
 				id: e(V),
-				invalid: z(),
+				invalid: R(),
 				required: B(),
 				error: r.error,
 				hint: r.hint,
 				ariaLabel: r.ariaLabel
-			})], void 0, void 0, "svelte-1rb3yee", !0), u(S, (e) => h(X, e), () => e(X)), T(S, (e) => Oe?.(e));
-			var C = b(S, 2), w = (t) => {
-				var r = ce();
-				c(() => _(r, "aria-label", e(H).clear)), o("click", r, (e) => {
+			})], void 0, void 0, "svelte-1rb3yee", !0), u(x, (e) => m(X, e), () => e(X)), w(x, (e) => Oe?.(e));
+			var S = y(x, 2), C = (t) => {
+				var r = le();
+				c(() => g(r, "aria-label", e(H).clear)), o("click", r, (e) => {
 					e.stopPropagation(), Te();
 				}), n(t, r);
 			};
-			g(C, (t) => {
-				M() && e(W) && t(w);
-			}), v(f), u(f, (e) => h(Y, e), () => e(Y));
-			var D = b(f, 2), O = (t) => {
-				var i = le();
+			h(S, (t) => {
+				j() && e(W) && t(C);
+			}), _(f), u(f, (e) => m(Y, e), () => e(Y));
+			var E = y(f, 2), D = (t) => {
+				var i = ue();
 				let a;
 				var o = p(i);
-				ne(o, {
+				re(o, {
 					get value() {
 						return e(Ce);
 					},
 					selectionMode: "range",
 					get min() {
-						return me();
+						return he();
 					},
 					get max() {
-						return he();
+						return ge();
 					},
 					get months() {
-						return ge();
+						return _e();
 					},
 					get firstDayOfWeek() {
-						return N();
+						return M();
 					},
 					get weekNumbers() {
-						return P();
+						return N();
 					},
 					get locale() {
-						return F();
+						return P();
 					},
 					get presets() {
 						return r.presets;
 					},
 					get animate() {
-						return L();
+						return I();
 					},
 					get dir() {
 						return e(U);
 					},
 					onChange: Ee
-				}), v(i), u(i, (e) => h(Z, e), () => e(Z)), T(i, (e) => ae?.(e)), T(i, (e, t) => ie?.(e, t), () => ({ up: e(Q).openUpward })), c(() => {
-					_(i, "aria-label", e(H).dialog), _(i, "dir", e(U)), a = E(i, "", a, {
+				}), _(i), u(i, (e) => m(Z, e), () => e(Z)), w(i, (e) => oe?.(e)), w(i, (e, t) => ae?.(e, t), () => ({ up: e(Q).openUpward })), c(() => {
+					g(i, "aria-label", e(H).dialog), g(i, "dir", e(U)), a = T(i, "", a, {
 						position: "fixed",
 						top: `${e(Q).top}px`,
 						left: `${e(Q).left}px`
 					}), i.dir = i.dir;
 				}), n(t, i);
 			};
-			g(D, (t) => {
-				e(K) && t(O);
+			h(E, (t) => {
+				e(K) && t(D);
 			});
-			var k = b(D, 2), A = (e) => {
-				var t = ue(), i = ee(t);
-				x(i);
-				var a = b(i, 2);
-				x(a), c((e, t) => {
-					_(i, "name", `${r.name}_start`), l(i, e), _(a, "name", `${r.name}_end`), l(a, t);
-				}, [() => M()?.[0] ? M()[0].toISOString() : "", () => M()?.[1] ? M()[1].toISOString() : ""]), n(e, t);
+			var O = y(E, 2), k = (e) => {
+				var t = de(), i = te(t);
+				b(i);
+				var a = y(i, 2);
+				b(a), c((e, t) => {
+					g(i, "name", `${r.name}_start`), l(i, e), g(a, "name", `${r.name}_end`), l(a, t);
+				}, [() => j()?.[0] ? j()[0].toISOString() : "", () => j()?.[1] ? j()[1].toISOString() : ""]), n(e, t);
 			};
-			g(k, (e) => {
-				r.name && e(A);
-			}), v(s), c(() => {
+			h(O, (e) => {
+				r.name && e(k);
+			}), _(s), c(() => {
 				d = i(s, 1, "sv-dri svelte-1rb3yee", null, d, {
-					"is-block": be(),
-					"sv-dri--disabled": R()
-				}), y = i(f, 1, `sv-dri__field sv-dri__field--${ye() ?? ""}`, "svelte-1rb3yee", y, { "is-invalid": z() }), _(f, "dir", e(U)), f.dir = f.dir;
+					"is-block": z(),
+					"sv-dri--disabled": L()
+				}), v = i(f, 1, `sv-dri__field sv-dri__field--${be() ?? ""}`, "svelte-1rb3yee", v, { "is-invalid": R() }), g(f, "dir", e(U)), f.dir = f.dir;
 			}), o("click", f, () => {
 				e(W) && (e(X)?.focus(), we());
 			}), n(t, s);
 		},
 		$$slots: { default: !0 }
-	}), w();
+	}), C();
 }
 t(["click"]);
 //#endregion
-export { j as default };
+export { A as default };