@svgrid/grid 2.6.22 → 2.6.23

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 (115) hide show
  1. package/dist/GridMenus.svelte +184 -6
  2. package/dist/SvAutoComplete.svelte +4 -0
  3. package/dist/SvComboBox.svelte +5 -1
  4. package/dist/SvDateRangeInput.svelte +25 -3
  5. package/dist/SvDropDownList.svelte +4 -0
  6. package/dist/SvForm.svelte +8 -8
  7. package/dist/SvGrid.controller.svelte.d.ts +48 -1
  8. package/dist/SvGrid.controller.svelte.js +214 -52
  9. package/dist/SvGrid.css +221 -0
  10. package/dist/SvGrid.helpers.d.ts +55 -0
  11. package/dist/SvGrid.helpers.js +83 -0
  12. package/dist/SvGrid.svelte +145 -0
  13. package/dist/SvGrid.types.d.ts +105 -0
  14. package/dist/SvGridCellEditor.svelte +99 -17
  15. package/dist/SvGridSelect.svelte +6 -2
  16. package/dist/SvGridSelect.svelte.d.ts +1 -1
  17. package/dist/SvListBox.svelte +8 -0
  18. package/dist/SvMultiSelect.svelte +6 -2
  19. package/dist/SvMultiSelect.svelte.d.ts +1 -1
  20. package/dist/SvNumberInput.svelte +4 -0
  21. package/dist/SvRichCell.svelte +125 -0
  22. package/dist/SvRichCell.svelte.d.ts +15 -0
  23. package/dist/SvTextArea.svelte +5 -1
  24. package/dist/SvTreeSelect.svelte +6 -2
  25. package/dist/SvTreeSelect.svelte.d.ts +1 -1
  26. package/dist/builtin-editors.d.ts +2 -2
  27. package/dist/builtin-editors.js +19 -3
  28. package/dist/cdn/GridMenus-BzWXQjv3.js +600 -0
  29. package/dist/cdn/GridMenus-xr_rHx8F.js +601 -0
  30. package/dist/cdn/SvDateRangeInput-CaOuMs8O.js +198 -0
  31. package/dist/cdn/SvDateRangeInput-DMLKmGEc.js +199 -0
  32. package/dist/cdn/SvDateTimePicker-CCbDZNZB.js +816 -0
  33. package/dist/cdn/SvDateTimePicker-sonaH0oh.js +812 -0
  34. package/dist/cdn/SvGridCellEditor-BAPSC7EL.js +550 -0
  35. package/dist/cdn/SvGridCellEditor-BwzmUWtL.js +549 -0
  36. package/dist/cdn/date-format-BNii4zeD.js +1393 -0
  37. package/dist/cdn/date-format-BnnHlqGw.js +1395 -0
  38. package/dist/cdn/{editor-registry-CiI0xlKg.js → editor-registry-BhgE3S84.js} +51 -25
  39. package/dist/cdn/{src-D1lXwq1l.js → src-DGo7IHug.js} +5730 -5198
  40. package/dist/cdn/{src-C9Hihx1W.js → src-skQN5eqh.js} +7216 -6684
  41. package/dist/cdn/svgrid.js +14 -12
  42. package/dist/cdn/svgrid.svelte-external.js +14 -12
  43. package/dist/cell-values.d.ts +16 -0
  44. package/dist/cell-values.js +28 -0
  45. package/dist/clipboard.d.ts +22 -0
  46. package/dist/clipboard.js +405 -27
  47. package/dist/editing.js +12 -7
  48. package/dist/editors/cell-editors.d.ts +11 -0
  49. package/dist/editors/cell-editors.js +18 -1
  50. package/dist/grid-messages.d.ts +15 -0
  51. package/dist/grid-messages.js +15 -0
  52. package/dist/index.d.ts +4 -0
  53. package/dist/index.js +4 -0
  54. package/dist/list-option.d.ts +6 -0
  55. package/dist/menus.js +40 -7
  56. package/dist/sanitize-html.d.ts +37 -0
  57. package/dist/sanitize-html.js +234 -0
  58. package/dist/selection-bar-view.svelte.d.ts +25 -0
  59. package/dist/selection-bar-view.svelte.js +13 -0
  60. package/dist/selection.d.ts +2 -1
  61. package/dist/selection.js +129 -13
  62. package/package.json +1 -1
  63. package/src/GridMenus.svelte +184 -6
  64. package/src/SvAutoComplete.svelte +4 -0
  65. package/src/SvComboBox.svelte +5 -1
  66. package/src/SvDateRangeInput.svelte +25 -3
  67. package/src/SvDropDownList.svelte +4 -0
  68. package/src/SvForm.svelte +8 -8
  69. package/src/SvGrid.controller.svelte.ts +251 -61
  70. package/src/SvGrid.css +221 -0
  71. package/src/SvGrid.helpers.ts +87 -0
  72. package/src/SvGrid.svelte +145 -0
  73. package/src/SvGrid.types.ts +112 -0
  74. package/src/SvGridCellEditor.svelte +99 -17
  75. package/src/SvGridSelect.svelte +6 -2
  76. package/src/SvListBox.svelte +8 -0
  77. package/src/SvMultiSelect.svelte +6 -2
  78. package/src/SvNumberInput.svelte +4 -0
  79. package/src/SvRichCell.svelte +125 -0
  80. package/src/SvTextArea.svelte +5 -1
  81. package/src/SvTreeSelect.svelte +6 -2
  82. package/src/builtin-editors.test.ts +18 -1
  83. package/src/builtin-editors.ts +19 -3
  84. package/src/cell-values.ts +30 -0
  85. package/src/clipboard.test.ts +93 -20
  86. package/src/clipboard.ts +433 -33
  87. package/src/date-string-column.test.ts +87 -0
  88. package/src/editing.test.ts +25 -0
  89. package/src/editing.ts +12 -9
  90. package/src/editor-block-prop.test.ts +132 -0
  91. package/src/editors/cell-editors.ts +27 -1
  92. package/src/grid-messages.ts +34 -0
  93. package/src/index.ts +13 -0
  94. package/src/list-option.ts +6 -0
  95. package/src/menus.test.ts +43 -0
  96. package/src/menus.ts +37 -7
  97. package/src/move-cells.test.ts +850 -0
  98. package/src/number-editor-literal.test.ts +84 -0
  99. package/src/number-editor.grid.test.ts +160 -0
  100. package/src/sanitize-html.test.ts +182 -0
  101. package/src/sanitize-html.ts +235 -0
  102. package/src/selection-bar-view.svelte.ts +36 -0
  103. package/src/selection.test.ts +157 -0
  104. package/src/selection.ts +131 -13
  105. package/src/svgrid.filter-menu-listbox.svelte.test.ts +56 -10
  106. package/src/svgrid.in-suggest-snapshot.svelte.test.ts +91 -0
  107. package/src/svgrid.menu-scroll-close.test.ts +204 -0
  108. package/src/svgrid.selection-bar-seam.test.ts +185 -0
  109. package/src/svgrid.upsell-license.test.ts +117 -0
  110. package/dist/cdn/GridMenus-BuoBPqxx.js +0 -493
  111. package/dist/cdn/GridMenus-n4llxoOI.js +0 -494
  112. package/dist/cdn/SvDateTimePicker-CHnUkWcH.js +0 -2206
  113. package/dist/cdn/SvDateTimePicker-CRQH_U7E.js +0 -2201
  114. package/dist/cdn/SvGridCellEditor-BGUCzuPB.js +0 -523
  115. package/dist/cdn/SvGridCellEditor-G8IMWIws.js +0 -522
@@ -1,523 +0,0 @@
1
- import { E as e, T as t, b as n, n as r, o as i, p as a, r as o, v as s, y as c } from "./editor-registry-CiI0xlKg.js";
2
- import * as l from "svelte/internal/client";
3
- import "svelte/internal/disclose-version";
4
- //#region src/SvGridCellEditor.svelte
5
- var u = l.from_html("<span class=\"sv-grid-chip sv-grid-chip-removable\"> <button type=\"button\" class=\"sv-grid-chip-remove\">×</button></span>"), d = l.from_html("<button type=\"button\" class=\"sv-grid-chip-commit\" aria-label=\"Commit chip selection\">Done</button>"), f = l.from_html("<div class=\"sv-grid-cell-editor sv-grid-cell-editor-chips\" role=\"group\"><div class=\"sv-grid-chips-row\"><!> <input class=\"sv-grid-chip-input\" type=\"text\"/> <!></div></div>"), p = l.from_html("<input type=\"checkbox\" class=\"sv-grid-fr-editor sv-grid-fr-checkbox\"/>"), m = l.from_html("<option> </option>"), h = l.from_html("<select class=\"sv-grid-cell-editor sv-grid-fr-editor\"></select>"), g = l.from_html("<input class=\"sv-grid-cell-editor sv-grid-fr-editor\"/>"), _ = l.from_html("<button type=\"button\" class=\"sv-grid-checkbox\" role=\"checkbox\" aria-label=\"Edit checkbox value\"></button>"), v = l.from_html("<button type=\"button\" role=\"radio\">★</button>"), y = l.from_html("<span class=\"sv-grid-rating-editor\" role=\"radiogroup\" aria-label=\"Rating\"><!> <button type=\"button\" aria-label=\"Clear rating\" class=\"sv-grid-rating-clear\">×</button></span>"), b = l.from_html("<textarea class=\"sv-grid-cell-editor sv-grid-cell-editor-textarea\" rows=\"4\"></textarea>"), x = l.from_html("<button type=\"button\" class=\"sv-grid-autocomplete-option\" role=\"option\"> </button>"), S = l.from_html("<div class=\"sv-grid-autocomplete-list\" role=\"listbox\"></div>"), C = l.from_html("<div class=\"sv-grid-autocomplete\"><input class=\"sv-grid-cell-editor sv-grid-cell-editor-autocomplete\" type=\"text\"/> <!></div>"), w = l.from_html("<input type=\"color\"/>"), T = l.from_html("<input/>");
6
- function E(E, D) {
7
- l.push(D, !0);
8
- let O = (e, t = l.noop, n = l.noop, r = l.noop, i = l.noop) => {
9
- var a = l.comment(), o = l.first_child(a), s = (e) => {
10
- var r = l.comment(), a = l.first_child(r), o = (e) => {
11
- var r = l.comment(), a = l.first_child(r);
12
- {
13
- let e = l.derived(() => k().editingCell?.value);
14
- l.component(a, () => l.get(j), (r, a) => {
15
- a(r, {
16
- get options() {
17
- return t();
18
- },
19
- get loading() {
20
- return i();
21
- },
22
- get value() {
23
- return l.get(e);
24
- },
25
- get multiple() {
26
- return n();
27
- },
28
- placeholder: "Pick…",
29
- renderChipsInTrigger: !0,
30
- onChange: (e) => {
31
- k().editingCell = k().editingCell ? {
32
- ...k().editingCell,
33
- value: e
34
- } : k().editingCell;
35
- },
36
- onCommit: () => l.get(L)(),
37
- onCancel: () => {
38
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
39
- }
40
- });
41
- });
42
- }
43
- l.append(e, r);
44
- };
45
- l.if(a, (e) => {
46
- l.get(j) && e(o);
47
- }), l.append(e, r);
48
- }, c = (e) => {
49
- var t = f();
50
- l.set_attribute(t, "tabindex", -1);
51
- var i = l.child(t), a = l.child(i);
52
- l.each(a, 19, r, (e, t) => String(e) + "_" + t, (e, t, i) => {
53
- var a = u(), o = l.child(a), s = l.sibling(o);
54
- l.reset(a), l.template_effect((e, t) => {
55
- l.set_text(o, `${e ?? ""} `), l.set_attribute(s, "aria-label", `Remove ${t ?? ""}`);
56
- }, [() => String(l.get(t)), () => String(l.get(t))]), l.delegated("mousedown", s, (e) => e.preventDefault()), l.delegated("click", s, () => {
57
- let e = r().filter((e, t) => t !== l.get(i));
58
- k().editingCell = k().editingCell ? {
59
- ...k().editingCell,
60
- value: n() ? e : e[0] ?? null
61
- } : k().editingCell;
62
- }), l.append(e, a);
63
- });
64
- var o = l.sibling(a, 2);
65
- l.action(o, (e) => l.get(B)?.(e));
66
- var s = l.sibling(o, 2), c = (e) => {
67
- var t = d();
68
- l.delegated("mousedown", t, (e) => e.preventDefault()), l.delegated("click", t, () => l.get(L)()), l.append(e, t);
69
- };
70
- l.if(s, (e) => {
71
- n() && e(c);
72
- }), l.reset(i), l.reset(t), l.template_effect(() => l.set_attribute(o, "placeholder", n() ? "Type, Enter to add" : "Type a value")), l.delegated("keydown", o, (e) => {
73
- if (e.key === "Enter" || n() && e.key === ",") {
74
- e.preventDefault(), e.stopPropagation();
75
- let t = e.currentTarget, i = t.value.trim();
76
- if (i) {
77
- let e = n() ? [...r(), i] : [i];
78
- k().editingCell = k().editingCell ? {
79
- ...k().editingCell,
80
- value: n() ? e : i
81
- } : k().editingCell, t.value = "", n() || l.get(L)();
82
- }
83
- } else if (e.key === "Escape") l.get(z)(e);
84
- else if (e.key === "Backspace" && e.currentTarget.value === "" && r().length > 0) {
85
- e.preventDefault();
86
- let t = r().slice(0, -1);
87
- k().editingCell = k().editingCell ? {
88
- ...k().editingCell,
89
- value: n() ? t : t[0] ?? null
90
- } : k().editingCell;
91
- }
92
- }), l.event("blur", o, () => l.get(L)()), l.append(e, t);
93
- };
94
- l.if(o, (e) => {
95
- t().length > 0 ? e(s) : e(c, -1);
96
- }), l.append(e, a);
97
- }, k = l.prop(D, "ctrl", 7), A = l.prop(D, "fullRow", 3, !1), j = l.state(null), M = l.state(null);
98
- l.user_effect(() => {
99
- let e = k().editingCell?.editorType;
100
- (e === "list" || e === "chips" || e === "select" || e === "rich-select") && !l.get(j) && import("./SvGridDropdown-D0VdjeR8.js").then((e) => e.n).then((e) => l.set(j, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !l.get(M) && import("./SvDateTimePicker-CHnUkWcH.js").then((e) => e.n).then((e) => l.set(M, e.default, !0));
101
- });
102
- let N = l.derived(() => k().grid), P = l.derived(() => k().fullRowEdit), F = l.derived(() => k().getColumnEditorOptions), I = l.derived(() => k().areEditorOptionsLoading), L = l.derived(() => k().saveEditingCell), R = l.derived(() => k().updateEditingCellValue), z = l.derived(() => k().onEditorKeyDown), B = l.derived(() => k().focusOnMount), V = l.derived(() => k().toggleCheckboxWithKeyboard);
103
- function H(e) {
104
- e.key === "Enter" ? (e.preventDefault(), k().commitFullRowEdit(), k().gridRootEl?.focus({ preventScroll: !0 })) : e.key === "Escape" && (e.preventDefault(), k().cancelFullRowEdit(), k().gridRootEl?.focus({ preventScroll: !0 }));
105
- }
106
- function U(e) {
107
- return typeof e == "object" && e && "value" in e ? String(e.value) : String(e);
108
- }
109
- function W(e) {
110
- return typeof e == "object" && e && "label" in e ? String(e.label) : String(e);
111
- }
112
- function G() {
113
- let e = k().editingCell;
114
- return {
115
- value: e?.value,
116
- rowId: e?.rowId ?? "",
117
- columnId: e?.columnId ?? "",
118
- onChange: (e) => l.get(R)(e),
119
- onCommit: (e) => {
120
- e !== void 0 && l.get(R)(e), l.get(L)();
121
- },
122
- onCancel: () => {
123
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
124
- },
125
- onCommitAndMove: (e, t) => {
126
- e !== void 0 && l.get(R)(e), k().commitAndMoveByTab(t === -1);
127
- },
128
- onRequestClose: () => {
129
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
130
- },
131
- inCell: !0
132
- };
133
- }
134
- var K = l.comment(), q = l.first_child(K), J = (e) => {
135
- let t = l.derived(() => D.column.columnDef.editorType ?? "text"), n = l.derived(() => l.get(P)?.draft[D.column.id]);
136
- var r = l.comment(), i = l.first_child(r), a = (e) => {
137
- var t = p();
138
- l.remove_input_defaults(t), l.template_effect((e) => l.set_checked(t, e), [() => !!l.get(n)]), l.delegated("change", t, (e) => k().setFullRowDraft(D.column.id, e.currentTarget.checked)), l.delegated("keydown", t, H), l.delegated("pointerdown", t, (e) => e.stopPropagation()), l.delegated("click", t, (e) => e.stopPropagation()), l.append(e, t);
139
- }, o = (e) => {
140
- let t = l.derived(() => l.get(F)(D.column, D.row));
141
- var r = h();
142
- l.each(r, 21, () => l.get(t), (e) => U(e), (e, t) => {
143
- var n = m(), r = l.child(n, !0);
144
- l.reset(n);
145
- var i = {};
146
- l.template_effect((e, t) => {
147
- l.set_text(r, e), i !== (i = t) && (n.value = (n.__value = t) ?? "");
148
- }, [() => W(l.get(t)), () => U(l.get(t))]), l.append(e, n);
149
- }), l.reset(r);
150
- var i;
151
- l.init_select(r), l.template_effect((e) => {
152
- i !== (i = e) && (r.value = (r.__value = e) ?? "", l.select_option(r, e));
153
- }, [() => String(l.get(n) ?? "")]), l.delegated("change", r, (e) => k().setFullRowDraft(D.column.id, e.currentTarget.value)), l.delegated("keydown", r, H), l.delegated("pointerdown", r, (e) => e.stopPropagation()), l.delegated("click", r, (e) => e.stopPropagation()), l.append(e, r);
154
- }, s = (e) => {
155
- let r = l.derived(() => l.get(t) === "number" ? "number" : l.get(t) === "date" ? "date" : l.get(t) === "datetime" ? "datetime-local" : l.get(t) === "time" ? "time" : l.get(t) === "password" ? "password" : "text");
156
- var i = g();
157
- l.remove_input_defaults(i), l.template_effect((e) => {
158
- l.set_attribute(i, "type", l.get(r)), l.set_value(i, e);
159
- }, [() => String(l.get(n) ?? "")]), l.delegated("input", i, (e) => k().setFullRowDraft(D.column.id, e.currentTarget.value)), l.delegated("keydown", i, H), l.delegated("pointerdown", i, (e) => e.stopPropagation()), l.delegated("click", i, (e) => e.stopPropagation()), l.append(e, i);
160
- };
161
- l.if(i, (e) => {
162
- l.get(t) === "checkbox" ? e(a) : l.get(t) === "list" || l.get(t) === "select" || l.get(t) === "rich-select" ? e(o, 1) : e(s, -1);
163
- }), l.append(e, r);
164
- }, Y = (u) => {
165
- var d = l.comment(), f = l.first_child(d), p = (e) => {
166
- let t = l.derived(() => D.column.columnDef.cellEditor);
167
- var n = l.comment(), r = l.first_child(n);
168
- {
169
- let e = l.derived(() => ({
170
- cell: D.row.getAllCells().find((e) => e.column.id === D.column.id),
171
- row: D.row,
172
- column: D.column,
173
- table: l.get(N),
174
- getValue: () => k().editingCell?.value,
175
- value: k().editingCell?.value,
176
- update: (e) => {
177
- k().editingCell = k().editingCell ? {
178
- ...k().editingCell,
179
- value: e
180
- } : k().editingCell;
181
- },
182
- commit: (e) => {
183
- e !== void 0 && (k().editingCell = k().editingCell ? {
184
- ...k().editingCell,
185
- value: e
186
- } : k().editingCell), l.get(L)();
187
- },
188
- cancel: () => {
189
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
190
- }
191
- }));
192
- l.snippet(r, () => l.get(t), () => l.get(e));
193
- }
194
- l.append(e, n);
195
- }, m = (e) => {
196
- var t = _();
197
- l.template_effect((e) => l.set_attribute(t, "aria-checked", e), [() => !!k().editingCell.value]), l.delegated("click", t, (e) => {
198
- e.stopPropagation();
199
- let t = !k().editingCell?.value;
200
- k().editingCell = k().editingCell ? {
201
- ...k().editingCell,
202
- value: t
203
- } : k().editingCell, l.get(L)();
204
- }), l.delegated("keydown", t, (e) => l.get(V)(e, () => {
205
- e.stopPropagation();
206
- let t = !k().editingCell?.value;
207
- k().editingCell = k().editingCell ? {
208
- ...k().editingCell,
209
- value: t
210
- } : k().editingCell, l.get(L)();
211
- })), l.event("blur", t, () => l.get(L)()), l.append(e, t);
212
- }, h = (e) => {
213
- let t = l.derived(() => l.get(F)(D.column, D.row)), n = l.derived(() => l.get(I)(D.column, D.row)), r = l.derived(() => D.column.columnDef.editorMultiple === !0);
214
- var i = l.comment(), a = l.first_child(i), o = (e) => {
215
- var i = l.comment(), a = l.first_child(i);
216
- {
217
- let e = l.derived(() => k().editingCell?.value);
218
- l.component(a, () => l.get(j), (i, a) => {
219
- a(i, {
220
- get options() {
221
- return l.get(t);
222
- },
223
- get loading() {
224
- return l.get(n);
225
- },
226
- get value() {
227
- return l.get(e);
228
- },
229
- get multiple() {
230
- return l.get(r);
231
- },
232
- placeholder: "Select…",
233
- onChange: (e) => {
234
- k().editingCell = k().editingCell ? {
235
- ...k().editingCell,
236
- value: e
237
- } : k().editingCell;
238
- },
239
- onCommit: () => l.get(L)(),
240
- onCancel: () => {
241
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
242
- }
243
- });
244
- });
245
- }
246
- l.append(e, i);
247
- };
248
- l.if(a, (e) => {
249
- l.get(j) && e(o);
250
- }), l.append(e, i);
251
- }, g = (t) => {
252
- let n = l.derived(() => l.get(F)(D.column, D.row)), r = l.derived(() => l.get(I)(D.column, D.row)), i = l.derived(() => D.column.columnDef.editorMultiple === !0), a = l.derived(() => e(k().editingCell?.value));
253
- O(t, () => l.get(n), () => l.get(i), () => l.get(a), () => l.get(r));
254
- }, E = (e) => {
255
- let t = l.derived(() => Math.max(0, Math.min(5, Math.round(Number(k().editingCell?.value) || 0))));
256
- var n = y(), r = l.child(n);
257
- l.each(r, 16, () => [
258
- 1,
259
- 2,
260
- 3,
261
- 4,
262
- 5
263
- ], (e) => e, (e, n) => {
264
- var r = v();
265
- l.template_effect(() => {
266
- l.set_attribute(r, "aria-checked", l.get(t) >= n), l.set_attribute(r, "aria-label", `${n} ${n === 1 ? "star" : "stars"}`), l.set_class(r, 1, `sv-grid-rating-star ${l.get(t) >= n ? "sv-grid-rating-star-on" : ""}`);
267
- }), l.delegated("mousedown", r, (e) => e.preventDefault()), l.delegated("click", r, (e) => {
268
- e.stopPropagation(), k().editingCell = k().editingCell ? {
269
- ...k().editingCell,
270
- value: n
271
- } : k().editingCell, l.get(L)();
272
- }), l.delegated("keydown", r, function(...e) {
273
- l.get(z)?.apply(this, e);
274
- }), l.append(e, r);
275
- });
276
- var i = l.sibling(r, 2);
277
- l.reset(n), l.delegated("mousedown", i, (e) => e.preventDefault()), l.delegated("click", i, (e) => {
278
- e.stopPropagation(), k().editingCell = k().editingCell ? {
279
- ...k().editingCell,
280
- value: 0
281
- } : k().editingCell, l.get(L)();
282
- }), l.append(e, n);
283
- }, A = (e) => {
284
- let t = l.derived(() => l.get(F)(D.column, D.row)), n = l.derived(() => l.get(I)(D.column, D.row));
285
- var r = l.comment(), i = l.first_child(r), a = (e) => {
286
- var r = l.comment(), i = l.first_child(r);
287
- {
288
- let e = l.derived(() => k().editingCell?.value);
289
- l.component(i, () => l.get(j), (r, i) => {
290
- i(r, {
291
- get options() {
292
- return l.get(t);
293
- },
294
- get loading() {
295
- return l.get(n);
296
- },
297
- get value() {
298
- return l.get(e);
299
- },
300
- multiple: !1,
301
- placeholder: "Select…",
302
- onChange: (e) => {
303
- k().editingCell = k().editingCell ? {
304
- ...k().editingCell,
305
- value: e
306
- } : k().editingCell;
307
- },
308
- onCommit: () => l.get(L)(),
309
- onCancel: () => {
310
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
311
- }
312
- });
313
- });
314
- }
315
- l.append(e, r);
316
- };
317
- l.if(i, (e) => {
318
- l.get(j) && e(a);
319
- }), l.append(e, r);
320
- }, P = (e) => {
321
- let t = l.derived(() => l.get(F)(D.column, D.row)), n = l.derived(() => l.get(I)(D.column, D.row));
322
- var r = l.comment(), i = l.first_child(r), a = (e) => {
323
- var r = l.comment(), i = l.first_child(r);
324
- {
325
- let e = l.derived(() => k().editingCell?.value);
326
- l.component(i, () => l.get(j), (r, i) => {
327
- i(r, {
328
- get options() {
329
- return l.get(t);
330
- },
331
- get loading() {
332
- return l.get(n);
333
- },
334
- get value() {
335
- return l.get(e);
336
- },
337
- multiple: !1,
338
- searchable: !0,
339
- placeholder: "Search…",
340
- onChange: (e) => {
341
- k().editingCell = k().editingCell ? {
342
- ...k().editingCell,
343
- value: e
344
- } : k().editingCell;
345
- },
346
- onCommit: () => l.get(L)(),
347
- onCancel: () => {
348
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
349
- }
350
- });
351
- });
352
- }
353
- l.append(e, r);
354
- };
355
- l.if(i, (e) => {
356
- l.get(j) && e(a);
357
- }), l.append(e, r);
358
- }, H = (e) => {
359
- var t = b();
360
- l.remove_textarea_child(t), l.action(t, (e) => l.get(B)?.(e)), l.template_effect((e) => l.set_value(t, e), [() => String(k().editingCell?.value ?? "")]), l.delegated("pointerdown", t, (e) => e.stopPropagation()), l.delegated("input", t, (e) => l.get(R)(e.currentTarget.value)), l.delegated("keydown", t, (e) => {
361
- if (e.stopPropagation(), e.key === "Escape") {
362
- e.preventDefault(), k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
363
- return;
364
- }
365
- if (e.key === "Tab") {
366
- e.preventDefault(), k().commitAndMoveByTab(e.shiftKey);
367
- return;
368
- }
369
- e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l.get(L)(), k().gridRootEl?.focus({ preventScroll: !0 }));
370
- }), l.event("blur", t, () => l.get(L)()), l.append(e, t);
371
- }, U = (e) => {
372
- let t = l.derived(() => l.get(F)(D.column, D.row)), n = l.derived(() => String(k().editingCell?.value ?? "")), r = l.derived(() => l.get(n).trim() ? l.get(t).filter((e) => String(e.label).toLowerCase().includes(l.get(n).toLowerCase())) : l.get(t));
373
- var i = C(), a = l.child(i);
374
- l.remove_input_defaults(a), l.action(a, (e) => l.get(B)?.(e));
375
- var o = l.sibling(a, 2), s = (e) => {
376
- var t = S();
377
- l.each(t, 21, () => l.get(r).slice(0, 50), (e) => e.value, (e, t) => {
378
- var r = x(), i = l.child(r, !0);
379
- l.reset(r), l.template_effect((e) => {
380
- l.set_attribute(r, "aria-selected", e), l.set_text(i, l.get(t).label);
381
- }, [() => String(l.get(t).value) === l.get(n)]), l.delegated("mousedown", r, (e) => {
382
- e.preventDefault(), k().editingCell = k().editingCell ? {
383
- ...k().editingCell,
384
- value: l.get(t).value
385
- } : k().editingCell, l.get(L)();
386
- }), l.append(e, r);
387
- }), l.reset(t), l.append(e, t);
388
- };
389
- l.if(o, (e) => {
390
- l.get(r).length > 0 && e(s);
391
- }), l.reset(i), l.template_effect(() => l.set_value(a, l.get(n))), l.delegated("pointerdown", a, (e) => e.stopPropagation()), l.delegated("input", a, (e) => l.get(R)(e.currentTarget.value)), l.event("blur", a, () => l.get(L)()), l.delegated("keydown", a, function(...e) {
392
- l.get(z)?.apply(this, e);
393
- }), l.append(e, i);
394
- }, W = (e) => {
395
- var t = l.comment(), n = l.first_child(t), r = (e) => {
396
- var t = l.comment(), n = l.first_child(t);
397
- {
398
- let e = l.derived(() => k().editingCell?.value);
399
- l.component(n, () => l.get(M), (t, n) => {
400
- n(t, {
401
- get value() {
402
- return l.get(e);
403
- },
404
- formatString: "yyyy-MM-dd",
405
- dropDownDisplayMode: "calendar",
406
- autoOpen: !0,
407
- block: !0,
408
- onChange: (e) => l.get(R)(e),
409
- onCommit: () => l.get(L)(),
410
- onCancel: () => {
411
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
412
- }
413
- });
414
- });
415
- }
416
- l.append(e, t);
417
- };
418
- l.if(n, (e) => {
419
- l.get(M) && e(r);
420
- }), l.append(e, t);
421
- }, K = (e) => {
422
- var t = l.comment(), n = l.first_child(t), r = (e) => {
423
- var t = l.comment(), n = l.first_child(t);
424
- {
425
- let e = l.derived(() => k().editingCell?.value);
426
- l.component(n, () => l.get(M), (t, n) => {
427
- n(t, {
428
- get value() {
429
- return l.get(e);
430
- },
431
- formatString: "yyyy-MM-dd HH:mm",
432
- dropDownDisplayMode: "both",
433
- autoOpen: !0,
434
- block: !0,
435
- onChange: (e) => l.get(R)(e),
436
- onCommit: () => l.get(L)(),
437
- onCancel: () => {
438
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
439
- }
440
- });
441
- });
442
- }
443
- l.append(e, t);
444
- };
445
- l.if(n, (e) => {
446
- l.get(M) && e(r);
447
- }), l.append(e, t);
448
- }, q = (e) => {
449
- var n = l.comment(), r = l.first_child(n), i = (e) => {
450
- var n = l.comment(), r = l.first_child(n);
451
- {
452
- let e = l.derived(() => t(k().editingCell?.value));
453
- l.component(r, () => l.get(M), (t, n) => {
454
- n(t, {
455
- get value() {
456
- return l.get(e);
457
- },
458
- formatString: "HH:mm",
459
- dropDownDisplayMode: "time",
460
- autoOpen: !0,
461
- block: !0,
462
- onChange: (e) => l.get(R)(a(e)),
463
- onCommit: () => l.get(L)(),
464
- onCancel: () => {
465
- k().editingCell = null, k().gridRootEl?.focus({ preventScroll: !0 });
466
- }
467
- });
468
- });
469
- }
470
- l.append(e, n);
471
- };
472
- l.if(r, (e) => {
473
- l.get(M) && e(i);
474
- }), l.append(e, n);
475
- }, J = (e) => {
476
- var t = w();
477
- l.remove_input_defaults(t), l.action(t, (e) => l.get(B)?.(e)), l.template_effect((e, n) => {
478
- l.set_class(t, 1, e), l.set_value(t, n);
479
- }, [() => l.clsx(c("color")), () => s("color", k().editingCell?.value)]), l.delegated("input", t, (e) => l.get(R)(e.currentTarget.value)), l.delegated("change", t, (e) => {
480
- l.get(R)(e.currentTarget.value), l.get(L)();
481
- }), l.event("blur", t, () => l.get(L)()), l.delegated("keydown", t, function(...e) {
482
- l.get(z)?.apply(this, e);
483
- }), l.append(e, t);
484
- }, Y = (e) => {
485
- let t = l.derived(() => r(String(k().editingCell?.editorType))), n = l.derived(() => l.get(t).component);
486
- var a = l.comment(), o = l.first_child(a);
487
- {
488
- let e = l.derived(() => i(l.get(t), G()));
489
- l.component(o, () => l.get(n), (t, n) => {
490
- n(t, l.spread_props(() => l.get(e)));
491
- });
492
- }
493
- l.append(e, a);
494
- }, X = l.derived(() => o(String(k().editingCell?.editorType ?? ""))), Z = (e) => {
495
- var t = T();
496
- l.remove_input_defaults(t), l.action(t, (e) => l.get(B)?.(e)), l.template_effect((e, n, r) => {
497
- l.set_class(t, 1, e), l.set_attribute(t, "type", n), l.set_value(t, r);
498
- }, [
499
- () => l.clsx(c(k().editingCell?.editorType ?? "text")),
500
- () => n(k().editingCell?.editorType ?? "text"),
501
- () => s(k().editingCell?.editorType ?? "text", k().editingCell?.value)
502
- ]), l.delegated("input", t, (e) => l.get(R)(e.currentTarget.value)), l.event("blur", t, () => l.get(L)()), l.delegated("keydown", t, function(...e) {
503
- l.get(z)?.apply(this, e);
504
- }), l.append(e, t);
505
- };
506
- l.if(f, (e) => {
507
- D.column.columnDef.cellEditor ? e(p) : k().editingCell?.editorType === "checkbox" ? e(m, 1) : k().editingCell?.editorType === "list" ? e(h, 2) : k().editingCell?.editorType === "chips" ? e(g, 3) : k().editingCell?.editorType === "rating" ? e(E, 4) : k().editingCell?.editorType === "select" ? e(A, 5) : k().editingCell?.editorType === "rich-select" ? e(P, 6) : k().editingCell?.editorType === "textarea" ? e(H, 7) : k().editingCell?.editorType === "autocomplete" ? e(U, 8) : k().editingCell?.editorType === "date" ? e(W, 9) : k().editingCell?.editorType === "datetime" ? e(K, 10) : k().editingCell?.editorType === "time" ? e(q, 11) : k().editingCell?.editorType === "color" ? e(J, 12) : l.get(X) ? e(Y, 13) : e(Z, -1);
508
- }), l.append(u, d);
509
- };
510
- l.if(q, (e) => {
511
- A() ? e(J) : e(Y, -1);
512
- }), l.append(E, K), l.pop();
513
- }
514
- l.delegate([
515
- "mousedown",
516
- "click",
517
- "keydown",
518
- "change",
519
- "pointerdown",
520
- "input"
521
- ]);
522
- //#endregion
523
- export { E as default };