@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,494 +0,0 @@
1
- import { Gn as e, oo as t, so as n } from "./src-D1lXwq1l.js";
2
- import { b as r } from "./editor-registry-CiI0xlKg.js";
3
- import { l as i } from "./SvDateTimePicker-CHnUkWcH.js";
4
- import * as a from "svelte/internal/client";
5
- import "svelte/internal/disclose-version";
6
- //#region src/GridMenus.svelte
7
- 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("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n this column</button>"), w = 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), T = 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>"), te = 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 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), E = a.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), D = a.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), O = 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>"), k = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), ne = a.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), re = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), ie = a.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), ae = a.from_html("<div class=\"sv-grid-menu-sep\"></div>"), A = 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), oe = 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), se = a.from_html("<!> <!> <!> <!> <!> <!> <!> <!> <!>", 1);
8
- function ce(ce, M) {
9
- a.push(M, !0);
10
- let le = (t, n = a.noop) => {
11
- let i = a.derived(() => a.get(W).find((e) => e.id === n())), _ = a.derived(() => a.get(Ce)(a.get(i))), v = a.derived(() => a.get(P)[n()]?.operator ?? a.get(G)(a.get(i))), y = a.derived(() => r(a.get(i)?.columnDef.editorType ?? "text"));
12
- var b = g(), x = a.child(b), S = a.child(x), ee = a.child(S);
13
- a.snippet(ee, () => M.icon, () => "filter"), a.reset(S), a.next(), a.reset(x);
14
- var C = a.sibling(x, 2);
15
- a.each(C, 21, () => a.get(_), (e) => e.value, (e, t) => {
16
- var n = o(), r = a.child(n, !0);
17
- a.reset(n);
18
- var s = {};
19
- a.template_effect((e) => {
20
- a.set_text(r, e), s !== (s = a.get(t).value) && (n.value = (n.__value = a.get(t).value) ?? "");
21
- }, [() => a.get(K)(a.get(t), a.get(i))]), a.append(e, n);
22
- }), a.reset(C);
23
- var w;
24
- a.init_select(C);
25
- var T = a.sibling(C, 2), te = (e) => {
26
- let t = a.derived(() => a.get(v) === "in" || a.get(v) === "notIn"), r = a.derived(() => a.get(P)[n()]);
27
- var o = p(), m = a.first_child(o);
28
- a.remove_input_defaults(m);
29
- var h = a.sibling(m, 2), g = (e) => {
30
- var t = s();
31
- a.remove_input_defaults(t), a.template_effect(() => {
32
- a.set_attribute(t, "type", a.get(y)), a.set_value(t, a.get(P)[n()]?.valueTo ?? "");
33
- }), a.delegated("input", t, (e) => a.get(Se)(n(), e.currentTarget.value)), a.append(e, t);
34
- };
35
- a.if(h, (e) => {
36
- a.get(v) === "between" && e(g);
37
- });
38
- var b = a.sibling(h, 2), x = (e) => {
39
- let t = a.derived(() => a.get(r).operator2 ?? a.get(G)(a.get(i)));
40
- var o = d(), s = a.first_child(o), f = a.child(s);
41
- let p;
42
- var m = a.sibling(f, 2);
43
- let h;
44
- var g = a.sibling(m, 2);
45
- a.reset(s);
46
- var v = a.sibling(s, 2);
47
- a.each(v, 21, () => a.get(_), (e) => e.value, (e, t) => {
48
- var n = c(), r = a.child(n, !0);
49
- a.reset(n);
50
- var o = {};
51
- a.template_effect((e) => {
52
- a.set_text(r, e), o !== (o = a.get(t).value) && (n.value = (n.__value = a.get(t).value) ?? "");
53
- }, [() => a.get(K)(a.get(t), a.get(i))]), a.append(e, n);
54
- }), a.reset(v);
55
- var b;
56
- a.init_select(v);
57
- var x = a.sibling(v, 2), S = (e) => {
58
- var i = u(), o = a.first_child(i);
59
- a.remove_input_defaults(o);
60
- var s = a.sibling(o, 2), c = (e) => {
61
- var t = l();
62
- a.remove_input_defaults(t), a.template_effect(() => {
63
- a.set_attribute(t, "type", a.get(y)), a.set_value(t, a.get(r).valueTo2 ?? "");
64
- }), a.delegated("input", t, (e) => q(n(), { valueTo2: e.currentTarget.value })), a.append(e, t);
65
- };
66
- a.if(s, (e) => {
67
- a.get(t) === "between" && e(c);
68
- }), a.template_effect(() => {
69
- a.set_attribute(o, "type", a.get(y)), a.set_value(o, a.get(r).value2 ?? ""), a.set_attribute(o, "placeholder", a.get(t) === "between" ? "From" : "Filter value...");
70
- }), a.delegated("input", o, (e) => q(n(), { value2: e.currentTarget.value })), a.append(e, i);
71
- };
72
- a.if(x, (e) => {
73
- a.get(t) !== "isBlank" && e(S);
74
- }), a.template_effect(() => {
75
- p = a.set_class(f, 1, "", null, p, { "is-on": (a.get(r).join ?? "AND") === "AND" }), h = a.set_class(m, 1, "", null, h, { "is-on": a.get(r).join === "OR" }), b !== (b = a.get(t)) && (v.value = (v.__value = a.get(t)) ?? "", a.select_option(v, a.get(t)));
76
- }), a.delegated("click", f, () => q(n(), { join: "AND" })), a.delegated("click", m, () => q(n(), { join: "OR" })), a.delegated("click", g, () => q(n(), {
77
- operator2: void 0,
78
- value2: void 0,
79
- valueTo2: void 0,
80
- join: void 0
81
- })), a.delegated("change", v, (e) => q(n(), { operator2: e.currentTarget.value })), a.append(e, o);
82
- }, S = (e) => {
83
- var t = f();
84
- a.delegated("click", t, () => q(n(), {
85
- operator2: a.get(G)(a.get(i)),
86
- value2: "",
87
- join: "AND"
88
- })), a.append(e, t);
89
- };
90
- a.if(b, (e) => {
91
- a.get(r)?.operator2 ? e(x) : e(S, -1);
92
- }), a.template_effect(() => {
93
- a.set_attribute(m, "type", a.get(v) === "regex" ? "text" : a.get(y)), a.set_value(m, a.get(P)[n()]?.value ?? ""), a.set_attribute(m, "placeholder", a.get(v) === "between" ? "From" : a.get(t) ? "value, value..." : a.get(v) === "regex" ? "Pattern..." : "Filter value...");
94
- }), a.event("focus", m, function(...e) {
95
- (a.get(t) ? (e) => Ke(e.currentTarget, n()) : void 0)?.apply(this, e);
96
- }), a.event("blur", m, function(...e) {
97
- (a.get(t) ? () => a.get(He)() : void 0)?.apply(this, e);
98
- }), a.delegated("input", m, (e) => {
99
- let r = e.currentTarget;
100
- a.get(xe)(n(), r.value), a.get(t) && qe(r, n());
101
- }), a.append(e, o);
102
- };
103
- a.if(T, (e) => {
104
- a.get(v) !== "isBlank" && a.get(v) !== "isNotBlank" && e(te);
105
- });
106
- var E = a.sibling(T, 6);
107
- a.remove_input_defaults(E);
108
- var D = a.sibling(E, 2), O = a.child(D);
109
- a.remove_input_defaults(O), a.next(2), a.reset(D);
110
- var k = a.sibling(D, 2), ne = (t) => {
111
- {
112
- let r = a.derived(() => a.get(Y).length > Ge);
113
- e(t, {
114
- block: !0,
115
- checkbox: !0,
116
- multiple: !0,
117
- get virtual() {
118
- return a.get(r);
119
- },
120
- rows: 7,
121
- rowHeight: 24,
122
- size: "sm",
123
- ariaLabel: "Filter values",
124
- get options() {
125
- return a.get(Y);
126
- },
127
- get value() {
128
- return a.get(Re);
129
- },
130
- onChange: (e) => a.get(ze)(n(), e)
131
- });
132
- }
133
- }, re = (e) => {
134
- var t = m();
135
- a.append(e, t);
136
- };
137
- a.if(k, (e) => {
138
- a.get(Y).length ? e(ne) : e(re, -1);
139
- });
140
- var ie = a.sibling(k, 2), ae = (e) => {
141
- var t = h(), n = a.child(t);
142
- a.reset(t), a.template_effect(() => a.set_text(n, `Showing ${a.get(Le).length ?? ""} of ${a.get(Ie).length ?? ""}`)), a.append(e, t);
143
- };
144
- a.if(ie, (e) => {
145
- a.get(Ie).length > a.get(Le).length && e(ae);
146
- });
147
- var A = a.sibling(ie, 2), j = a.child(A), oe = a.sibling(j, 2);
148
- a.reset(A), a.reset(b), a.template_effect((e, t) => {
149
- w !== (w = a.get(v)) && (C.value = (C.__value = a.get(v)) ?? "", a.select_option(C, a.get(v))), a.set_checked(O, e), j.disabled = t;
150
- }, [() => a.get(Ue)(n()), () => !a.get(De)(n())]), a.delegated("change", C, (e) => a.get(be)(n(), e.currentTarget.value)), a.bind_value(E, () => N().columnMenuSearch, (e) => N().columnMenuSearch = e), a.delegated("change", O, () => a.get(We)(n())), a.delegated("click", j, () => a.get(Ze)(n())), a.delegated("click", oe, function(...e) {
151
- a.get(J)?.apply(this, e);
152
- }), a.append(t, b);
153
- }, N = a.prop(M, "ctrl", 7), ue = a.derived(() => N().groupingControlsEnabled), P = a.derived(() => N().filterMenuValues), F = a.derived(() => N().tooltip), I = a.derived(() => N().columnMenuFor), L = a.derived(() => N().columnMenuPos), R = a.derived(() => N().filterMenuFor), z = a.derived(() => N().filterMenuPos), B = a.derived(() => N().operatorMenuFor), de = a.derived(() => N().operatorMenuPos), V = a.derived(() => N().chooseColumnsPos), H = a.derived(() => N().showColumnFiltersEffective), U = a.derived(() => N().props.columnMenuTabs === !0), fe = a.derived(() => N().grid), W = a.derived(() => N().allColumns), pe = a.derived(() => N().isColumnPinned), me = a.derived(() => N().pinColumnLeft), he = a.derived(() => N().pinColumnRight), ge = a.derived(() => N().unpinColumn), _e = a.derived(() => N().sortDirectionByColumn), ve = a.derived(() => N().groupingColumns), ye = a.derived(() => N().columnVirtualizationEnabled), be = a.derived(() => N().updateFilterOperator), xe = a.derived(() => N().updateFilterMenuValue), Se = a.derived(() => N().updateFilterMenuValueTo), Ce = a.derived(() => N().operatorsForColumn), G = a.derived(() => N().defaultOperatorFor), K = a.derived(() => N().operatorLabelFor), we = a.derived(() => N().filterRowValues), Te = a.derived(() => N().inSuggestFor), Ee = a.derived(() => N().inSuggestPos);
154
- function q(e, t) {
155
- let n = a.get(W).find((t) => t.id === e), r = N().filterMenuValues[e] ?? {
156
- operator: a.get(G)(n),
157
- value: ""
158
- };
159
- N().filterMenuValues = {
160
- ...N().filterMenuValues,
161
- [e]: {
162
- ...r,
163
- ...t
164
- }
165
- };
166
- }
167
- let De = a.derived(() => N().isColumnFiltered), J = a.derived(() => N().closeMenus);
168
- a.user_effect(() => {
169
- if (!(a.get(I) || a.get(R) || a.get(B) || a.get(V))) return;
170
- let e = () => a.get(J)(), t = i(() => Array.from(document.querySelectorAll(".sv-grid-menu")), e);
171
- return window.addEventListener("resize", e), () => {
172
- t(), window.removeEventListener("resize", e);
173
- };
174
- });
175
- let Oe = a.derived(() => N().autosizeColumn), ke = a.derived(() => N().autosizeAllColumns), Ae = a.derived(() => N().resetColumns), je = a.derived(() => N().openChooseColumns), Me = a.derived(() => N().sortColumnFromMenu), Ne = a.derived(() => N().clearColumnSort), Pe = a.derived(() => N().groupByColumnFromMenu), Fe = a.derived(() => N().clearGroupingFromMenu), Ie = a.derived(() => N().columnMenuFacetValues), Le = a.derived(() => N().columnMenuVisibleFacets), Y = a.derived(() => N().columnMenuFacetOptions), Re = a.derived(() => N().columnMenuSelectedFacets), ze = a.derived(() => N().setFacetSelection), Be = a.derived(() => N().setFilterTokens), X = a.derived(() => N().inSuggestOptions), Ve = a.derived(() => N().openInSuggest), He = a.derived(() => N().closeInSuggest), Ue = a.derived(() => N().isAllFacetsChecked), We = a.derived(() => N().toggleAllFacets), Ge = 40;
176
- function Ke(e, t) {
177
- a.get(Ve)(e, t), N().inSuggestQuery = n(e.value);
178
- }
179
- function qe(e, t) {
180
- N().inSuggestQuery = n(e.value), N().inSuggestFor !== t && a.get(Ve)(e, t);
181
- }
182
- function Je(e) {
183
- return e.map((e) => ({
184
- value: e.id,
185
- label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
186
- }));
187
- }
188
- function Ye(e) {
189
- let t = /* @__PURE__ */ new Set();
190
- for (let n of e) N().hiddenColumns[n.id] || t.add(n.id);
191
- return t;
192
- }
193
- function Xe(e, t) {
194
- let n = { ...N().hiddenColumns };
195
- for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
196
- N().hiddenColumns = n;
197
- }
198
- let Ze = a.derived(() => N().clearColumnFilter), Qe = a.derived(() => N().contextMenuFor), $e = a.derived(() => N().contextMenuPos), et = a.derived(() => N().contextMenuItems), Z = a.derived(() => N().closeContextMenu), Q = a.derived(() => N().commentEditFor), tt = a.derived(() => N().saveComment), nt = a.derived(() => N().removeComment), $ = a.derived(() => N().closeCommentEditor);
199
- var rt = se(), it = a.first_child(rt), at = (e) => {
200
- var t = _();
201
- let n;
202
- var r = a.child(t, !0);
203
- a.reset(t), a.template_effect(() => {
204
- n = a.set_class(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !a.get(F).below }), a.set_style(t, `left: ${a.get(F).x}px; top: ${a.get(F).y}px; ${a.get(F).below ? "" : "transform: translateY(-100%);"}`), a.set_text(r, a.get(F).text);
205
- }), a.append(e, t);
206
- };
207
- a.if(it, (e) => {
208
- a.get(F) && e(at);
209
- });
210
- var ot = a.sibling(it, 2), st = (e) => {
211
- var t = v();
212
- a.delegated("click", t, function(...e) {
213
- a.get(J)?.apply(this, e);
214
- }), a.append(e, t);
215
- };
216
- a.if(ot, (e) => {
217
- (a.get(I) || a.get(R) || a.get(B) || a.get(V)) && e(st);
218
- });
219
- var ct = a.sibling(ot, 2), lt = (t) => {
220
- let n = a.derived(() => a.get(I)), r = a.derived(() => a.get(W).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(() => N().columnMenuTab);
221
- var c = E(), l = a.child(c), u = (e) => {
222
- var t = b(), n = a.child(t);
223
- let r;
224
- var i = a.sibling(n, 2), c = (e) => {
225
- var t = y();
226
- let n;
227
- a.template_effect(() => {
228
- n = a.set_class(t, 1, "sv-grid-menu-tab", null, n, { "is-active": a.get(s) === "filter" }), a.set_attribute(t, "aria-selected", a.get(s) === "filter");
229
- }), a.delegated("click", t, () => N().columnMenuTab = "filter"), a.append(e, t);
230
- };
231
- a.if(i, (e) => {
232
- a.get(o) && a.get(H) && e(c);
233
- });
234
- var l = a.sibling(i, 2);
235
- let u;
236
- a.reset(t), a.template_effect(() => {
237
- r = a.set_class(n, 1, "sv-grid-menu-tab", null, r, { "is-active": a.get(s) === "general" }), a.set_attribute(n, "aria-selected", a.get(s) === "general"), u = a.set_class(l, 1, "sv-grid-menu-tab", null, u, { "is-active": a.get(s) === "columns" }), a.set_attribute(l, "aria-selected", a.get(s) === "columns");
238
- }), a.delegated("click", n, () => N().columnMenuTab = "general"), a.delegated("click", l, () => N().columnMenuTab = "columns"), a.append(e, t);
239
- };
240
- a.if(l, (e) => {
241
- a.get(U) && e(u);
242
- });
243
- var d = a.sibling(l, 2), f = (e) => {
244
- le(e, () => a.get(n));
245
- }, p = (t) => {
246
- let n = a.derived(() => a.get(fe).getAllColumns());
247
- var r = x(), i = a.sibling(a.first_child(r), 2);
248
- {
249
- let t = a.derived(() => a.get(n).length > 40), r = a.derived(() => Je(a.get(n))), o = a.derived(() => Ye(a.get(n)));
250
- e(i, {
251
- block: !0,
252
- checkbox: !0,
253
- multiple: !0,
254
- get virtual() {
255
- return a.get(t);
256
- },
257
- rows: 9,
258
- rowHeight: 24,
259
- size: "sm",
260
- ariaLabel: "Visible columns",
261
- get options() {
262
- return a.get(r);
263
- },
264
- get value() {
265
- return a.get(o);
266
- },
267
- onChange: (e) => Xe(a.get(n), e)
268
- });
269
- }
270
- a.append(t, r);
271
- }, m = (e) => {
272
- var t = te(), r = a.first_child(t), o = (e) => {
273
- var t = S(), r = a.first_child(t), i = a.child(r), o = a.child(i);
274
- a.snippet(o, () => M.icon, () => "sort-asc"), a.reset(i), a.next(), a.reset(r);
275
- var s = a.sibling(r, 2), c = a.child(s), l = a.child(c);
276
- a.snippet(l, () => M.icon, () => "sort-desc"), a.reset(c), a.next(), a.reset(s);
277
- var u = a.sibling(s, 2), d = a.child(u), f = a.child(d);
278
- a.snippet(f, () => M.icon, () => "x"), a.reset(d), a.next(), a.reset(u), a.template_effect(() => u.disabled = !a.get(_e)[a.get(n)]), a.delegated("click", r, () => a.get(Me)(a.get(n), !1)), a.delegated("click", s, () => a.get(Me)(a.get(n), !0)), a.delegated("click", u, () => a.get(Ne)(a.get(n))), a.append(e, t);
279
- };
280
- a.if(r, (e) => {
281
- a.get(i) && e(o);
282
- });
283
- var s = a.sibling(r, 2), c = (e) => {
284
- let t = a.derived(() => a.get(pe)(a.get(n)));
285
- var r = ee(), i = a.sibling(a.first_child(r), 2), o = a.child(i), s = a.child(o);
286
- a.snippet(s, () => M.icon, () => "op-startsWith"), a.reset(o), a.next(), a.reset(i);
287
- var c = a.sibling(i, 2), l = a.child(c), u = a.child(l);
288
- a.snippet(u, () => M.icon, () => "op-greaterThan"), a.reset(l), a.next(), a.reset(c);
289
- var d = a.sibling(c, 2), f = a.child(d), p = a.child(f);
290
- a.snippet(p, () => M.icon, () => "x"), a.reset(f), a.next(), a.reset(d), a.template_effect(() => {
291
- i.disabled = a.get(t) === "left", c.disabled = a.get(t) === "right", d.disabled = !a.get(t);
292
- }), a.delegated("click", i, () => a.get(me)(a.get(n))), a.delegated("click", c, () => a.get(he)(a.get(n))), a.delegated("click", d, () => a.get(ge)(a.get(n))), a.append(e, r);
293
- };
294
- a.if(s, (e) => {
295
- a.get(ye) || e(c);
296
- });
297
- var l = a.sibling(s, 4), u = (e) => {
298
- var t = C(), r = a.child(t), i = a.child(r);
299
- a.snippet(i, () => M.icon, () => "autosize"), a.reset(r), a.next(), a.reset(t), a.delegated("click", t, () => {
300
- a.get(Oe)(a.get(n)), a.get(J)();
301
- }), a.append(e, t);
302
- }, d = a.derived(() => N().columnResizable(a.get(n)));
303
- a.if(l, (e) => {
304
- a.get(d) && e(u);
305
- });
306
- var f = a.sibling(l, 2), p = a.child(f), m = a.child(p);
307
- a.snippet(m, () => M.icon, () => "autosize"), a.reset(p), a.next(), a.reset(f);
308
- var h = a.sibling(f, 2), g = (e) => {
309
- var t = w(), r = a.sibling(a.first_child(t), 2), i = a.child(r), o = a.child(i);
310
- a.snippet(o, () => M.icon, () => "group"), a.reset(i), a.next(), a.reset(r);
311
- var s = a.sibling(r, 2), c = a.child(s), l = a.child(c);
312
- a.snippet(l, () => M.icon, () => "x"), a.reset(c), a.next(), a.reset(s), a.template_effect((e, t) => {
313
- r.disabled = e, s.disabled = t;
314
- }, [() => a.get(ve).includes(a.get(n)), () => !a.get(ve).includes(a.get(n))]), a.delegated("click", r, () => a.get(Pe)(a.get(n))), a.delegated("click", s, () => a.get(Fe)(a.get(n))), a.append(e, t);
315
- };
316
- a.if(h, (e) => {
317
- a.get(ue) && e(g);
318
- });
319
- var _ = a.sibling(h, 4), v = (e) => {
320
- var t = T();
321
- let n;
322
- var r = a.child(t), i = a.child(r);
323
- a.snippet(i, () => M.icon, () => "columns"), a.reset(r);
324
- var o = a.sibling(r, 2), s = a.child(o);
325
- a.snippet(s, () => M.icon, () => "chevron-down"), a.reset(o), a.reset(t), a.template_effect(() => {
326
- n = a.set_class(t, 1, "sv-grid-menu-item", null, n, { "is-open": a.get(V) !== null }), a.set_attribute(t, "aria-expanded", a.get(V) !== null);
327
- }), a.delegated("click", t, (e) => a.get(je)(e)), a.append(e, t);
328
- };
329
- a.if(_, (e) => {
330
- a.get(U) || e(v);
331
- });
332
- var y = a.sibling(_, 2), b = a.child(y), x = a.child(b);
333
- a.snippet(x, () => M.icon, () => "reset"), a.reset(b), a.next(), a.reset(y), a.delegated("click", f, () => {
334
- a.get(ke)(), a.get(J)();
335
- }), a.delegated("click", y, () => {
336
- a.get(Ae)(), a.get(J)();
337
- }), a.append(e, t);
338
- };
339
- a.if(d, (e) => {
340
- a.get(U) && a.get(s) === "filter" && a.get(o) && a.get(H) ? e(f) : a.get(U) && a.get(s) === "columns" ? e(p, 1) : e(m, -1);
341
- }), a.reset(c), a.template_effect(() => a.set_style(c, `left: ${a.get(L).x}px; top: ${a.get(L).y}px; max-height: calc(100vh - ${a.get(L).y}px - 12px);`)), a.append(t, c);
342
- };
343
- a.if(ct, (e) => {
344
- a.get(I) && e(lt);
345
- });
346
- var ut = a.sibling(ct, 2), dt = (e) => {
347
- var t = D(), n = a.child(t);
348
- le(n, () => a.get(R)), a.reset(t), a.template_effect(() => a.set_style(t, `left: ${a.get(z).x}px; top: ${a.get(z).y}px; max-height: calc(100vh - ${a.get(z).y}px - 12px);`)), a.append(e, t);
349
- };
350
- a.if(ut, (e) => {
351
- a.get(R) && a.get(H) && e(dt);
352
- });
353
- var ft = a.sibling(ut, 2), pt = (t) => {
354
- let n = a.derived(() => a.get(fe).getAllColumns());
355
- var r = O(), i = a.sibling(a.child(r), 2);
356
- {
357
- let t = a.derived(() => a.get(n).length > 40), r = a.derived(() => Je(a.get(n))), o = a.derived(() => Ye(a.get(n)));
358
- e(i, {
359
- block: !0,
360
- checkbox: !0,
361
- multiple: !0,
362
- get virtual() {
363
- return a.get(t);
364
- },
365
- rows: 11,
366
- rowHeight: 24,
367
- size: "sm",
368
- ariaLabel: "Visible columns",
369
- get options() {
370
- return a.get(r);
371
- },
372
- get value() {
373
- return a.get(o);
374
- },
375
- onChange: (e) => Xe(a.get(n), e)
376
- });
377
- }
378
- a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get(V).x}px; top: ${a.get(V).y}px;`)), a.append(t, r);
379
- };
380
- a.if(ft, (e) => {
381
- a.get(V) && e(pt);
382
- });
383
- var mt = a.sibling(ft, 2), ht = (e) => {
384
- let t = a.derived(() => a.get(B)), n = a.derived(() => a.get(W).find((e) => e.id === a.get(t))), r = a.derived(() => a.get(Ce)(a.get(n))), i = a.derived(() => a.get(P)[a.get(t)]?.operator ?? a.get(G)(a.get(n)));
385
- var o = ne();
386
- a.each(o, 21, () => a.get(r), (e) => e.value, (e, r) => {
387
- var o = k(), s = a.child(o), c = a.child(s);
388
- a.snippet(c, () => M.icon, () => a.get(r).iconName), a.reset(s);
389
- var l = a.sibling(s);
390
- a.reset(o), a.template_effect((e) => {
391
- a.set_attribute(o, "aria-checked", a.get(i) === a.get(r).value), a.set_text(l, ` ${e ?? ""}`);
392
- }, [() => a.get(K)(a.get(r), a.get(n))]), a.delegated("click", o, () => {
393
- a.get(be)(a.get(t), a.get(r).value), a.get(J)();
394
- }), a.append(e, o);
395
- }), a.reset(o), a.template_effect(() => a.set_style(o, `left: ${a.get(de).x}px; top: ${a.get(de).y}px;`)), a.append(e, o);
396
- };
397
- a.if(mt, (e) => {
398
- a.get(B) && e(ht);
399
- });
400
- var gt = a.sibling(mt, 2), _t = (r) => {
401
- let i = a.derived(() => a.get(Te)), o = a.derived(() => new Set(t(a.get(we)[a.get(i)] ?? "")));
402
- var s = ie(), c = a.child(s), l = (t) => {
403
- {
404
- let r = a.derived(() => a.get(X).length > 40);
405
- e(t, {
406
- block: !0,
407
- checkbox: !0,
408
- multiple: !0,
409
- get virtual() {
410
- return a.get(r);
411
- },
412
- rows: 8,
413
- rowHeight: 26,
414
- size: "sm",
415
- ariaLabel: "Filter values",
416
- get options() {
417
- return a.get(X);
418
- },
419
- get value() {
420
- return a.get(o);
421
- },
422
- onChange: (e) => {
423
- let t = new Set(e), r = n(a.get(we)[a.get(i)] ?? "");
424
- r && t.delete(r), a.get(Be)(a.get(i), [...t]), N().inSuggestQuery = "";
425
- }
426
- });
427
- }
428
- }, u = (e) => {
429
- var t = re();
430
- a.append(e, t);
431
- };
432
- a.if(c, (e) => {
433
- a.get(X).length ? e(l) : e(u, -1);
434
- }), a.reset(s), a.template_effect(() => a.set_style(s, `left: ${a.get(Ee).x}px; top: ${a.get(Ee).y}px;`)), a.delegated("mousedown", s, (e) => e.preventDefault()), a.append(r, s);
435
- };
436
- a.if(gt, (e) => {
437
- a.get(Te) && e(_t);
438
- });
439
- var vt = a.sibling(gt, 2), yt = (e) => {
440
- var t = j(), n = a.first_child(t), r = a.sibling(n, 2);
441
- a.each(r, 21, () => a.get(et)(), (e) => e.key, (e, t) => {
442
- var n = a.comment(), r = a.first_child(n), i = (e) => {
443
- var t = ae();
444
- a.append(e, t);
445
- }, o = (e) => {
446
- var n = A(), r = a.child(n, !0);
447
- a.reset(n), a.template_effect(() => {
448
- n.disabled = a.get(t).disabled, a.set_text(r, a.get(t).label);
449
- }), a.delegated("click", n, () => {
450
- a.get(t).run?.(), a.get(Z)();
451
- }), a.append(e, n);
452
- };
453
- a.if(r, (e) => {
454
- a.get(t).separator ? e(i) : e(o, -1);
455
- }), a.append(e, n);
456
- }), a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get($e).x}px; top: ${a.get($e).y}px;`)), a.delegated("contextmenu", n, (e) => {
457
- e.preventDefault(), a.get(Z)();
458
- }), a.delegated("click", n, function(...e) {
459
- a.get(Z)?.apply(this, e);
460
- }), a.append(e, t);
461
- };
462
- a.if(vt, (e) => {
463
- a.get(Qe) && e(yt);
464
- });
465
- var bt = a.sibling(vt, 2), xt = (e) => {
466
- var t = oe(), n = a.first_child(t), r = a.sibling(n, 2), i = a.child(r);
467
- a.remove_textarea_child(i), a.autofocus(i, !0);
468
- var o = a.sibling(i, 2), s = a.child(o), c = a.sibling(s, 4), l = a.sibling(c, 2);
469
- a.reset(o), a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get(Q).x}px; top: ${a.get(Q).y}px;`)), a.delegated("click", n, function(...e) {
470
- a.get($)?.apply(this, e);
471
- }), a.delegated("keydown", i, (e) => {
472
- e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), a.get($)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), a.get(tt)());
473
- }), a.bind_value(i, () => N().commentDraft, (e) => N().commentDraft = e), a.delegated("click", s, function(...e) {
474
- a.get(nt)?.apply(this, e);
475
- }), a.delegated("click", c, function(...e) {
476
- a.get($)?.apply(this, e);
477
- }), a.delegated("click", l, function(...e) {
478
- a.get(tt)?.apply(this, e);
479
- }), a.append(e, t);
480
- };
481
- a.if(bt, (e) => {
482
- a.get(Q) && e(xt);
483
- }), a.append(ce, rt), a.pop();
484
- }
485
- a.delegate([
486
- "change",
487
- "input",
488
- "click",
489
- "mousedown",
490
- "contextmenu",
491
- "keydown"
492
- ]);
493
- //#endregion
494
- export { ce as default };