@medyat/vue-data-table 1.0.0 → 1.0.1
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.
- package/CHANGELOG.md +33 -0
- package/dist/ColumnsDialog-dngip-aF.js +251 -0
- package/dist/ColumnsDialog-dngip-aF.js.map +1 -0
- package/dist/{DateEditor-BTIZMwf1.js → DateEditor-C2zzyoPQ.js} +2 -2
- package/dist/{DateEditor-BTIZMwf1.js.map → DateEditor-C2zzyoPQ.js.map} +1 -1
- package/dist/FiltersSheet-C3zOlbkN.js +284 -0
- package/dist/{FiltersSheet-o2HaQuhq.js.map → FiltersSheet-C3zOlbkN.js.map} +1 -1
- package/dist/PhoneMoreSheet-66OdIZrl.js +266 -0
- package/dist/PhoneMoreSheet-66OdIZrl.js.map +1 -0
- package/dist/{TextEditor-DPqiiRau.js → TextEditor-CHLM6u-l.js} +24 -25
- package/dist/{TextEditor-DPqiiRau.js.map → TextEditor-CHLM6u-l.js.map} +1 -1
- package/dist/index.d.ts +11 -6
- package/dist/index.js +1423 -1568
- package/dist/index.js.map +1 -1
- package/dist/query-CGNWUi2E.js +2904 -0
- package/dist/query-CGNWUi2E.js.map +1 -0
- package/dist/sheet.d.ts +15 -14
- package/dist/sheet.js +1754 -1816
- package/dist/sheet.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +24 -17
- package/dist/FiltersSheet-o2HaQuhq.js +0 -285
- package/dist/PhoneMoreSheet-gfkH96RR.js +0 -227
- package/dist/PhoneMoreSheet-gfkH96RR.js.map +0 -1
- package/dist/plugin-DhgcjEdi.js +0 -813
- package/dist/plugin-DhgcjEdi.js.map +0 -1
- package/dist/query-DQWMlX0m.js +0 -2121
- package/dist/query-DQWMlX0m.js.map +0 -1
|
@@ -1,285 +0,0 @@
|
|
|
1
|
-
import { A as e, D as t, G as n, N as ee, O as r, P as te, k as ne } from "./query-DQWMlX0m.js";
|
|
2
|
-
import { i as re } from "./plugin-DhgcjEdi.js";
|
|
3
|
-
import { a as ie, i as ae, n as oe, r as se, t as ce } from "./TextEditor-DPqiiRau.js";
|
|
4
|
-
import { t as le } from "./Layer-Di-tPd8b.js";
|
|
5
|
-
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as ue, createTextVNode as u, createVNode as d, defineAsyncComponent as de, defineComponent as f, openBlock as p, ref as m, renderList as h, resolveDynamicComponent as fe, toDisplayString as g, unref as _, vModelText as pe, withCtx as v, withDirectives as me } from "vue";
|
|
6
|
-
import { PhArrowDown as he, PhArrowUp as ge, PhCaretDown as y, PhCaretLeft as _e, PhCaretRight as ve, PhMagnifyingGlass as ye, PhPlus as be, PhX as xe } from "@phosphor-icons/vue";
|
|
7
|
-
import { ToggleGroupItem as b, ToggleGroupRoot as Se } from "reka-ui";
|
|
8
|
-
//#region src/core/filters/FiltersSheet.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
-
var Ce = ["aria-label"], we = ["disabled"], Te = ["onClick"], x = { class: "dt-bsheet-field" }, S = { class: "dt-bsheet-value is-strong" }, C = ["aria-label", "onClick"], w = { class: "dt-bsheet-label" }, T = ["onClick"], E = { class: "dt-bsheet-field" }, D = { class: "dt-bsheet-value" }, O = { class: "dt-bsheet-label" }, Ee = { class: "dt-bsheet-row is-sort" }, De = { class: "dt-select dt-bsheet-select" }, Oe = ["value", "aria-label"], ke = { value: "" }, Ae = ["value"], je = { class: "dt-input has-icon dt-bsheet-search" }, Me = { class: "dt-input-icon" }, Ne = ["placeholder", "aria-label"], Pe = ["onClick"], Fe = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "dt-options-empty"
|
|
12
|
-
}, Ie = {
|
|
13
|
-
key: 2,
|
|
14
|
-
class: "dt-bsheet-editor"
|
|
15
|
-
}, Le = { class: "dt-select dt-bsheet-select" }, Re = ["value", "aria-label"], ze = ["value"], k = /* @__PURE__ */ f({
|
|
16
|
-
__name: "FiltersSheet",
|
|
17
|
-
props: {
|
|
18
|
-
columns: {},
|
|
19
|
-
chips: {},
|
|
20
|
-
sort: {},
|
|
21
|
-
rows: {},
|
|
22
|
-
labels: {},
|
|
23
|
-
summaryOf: { type: Function },
|
|
24
|
-
currenciesOf: { type: Function }
|
|
25
|
-
},
|
|
26
|
-
emits: ["apply"],
|
|
27
|
-
setup(f, { expose: k, emit: A }) {
|
|
28
|
-
let Be = de(() => import("./DateEditor-BTIZMwf1.js")), j = f, Ve = A, { i18n: M } = re(), N = m(!1), P = m([]), F = m(null), I = m("main"), L = m(null), R = m(""), z = (e) => j.columns.find((t) => t.id === e), B = (e) => z(e)?.header ?? e, V = a(() => j.columns.filter((e) => e.filterable ?? n[e.type].filterable)), He = a(() => j.columns.filter((e) => e.sortable ?? n[e.type].sortable)), H = (e) => P.value.some((t) => t.column === e), U = a(() => V.value.filter((e) => e.suggested && !H(e.id))), W = a(() => V.value.filter((e) => !H(e.id) && (!R.value || e.header.toLocaleLowerCase().includes(R.value.toLocaleLowerCase()))));
|
|
29
|
-
k({ show: (e) => {
|
|
30
|
-
P.value = j.chips.map((e) => ({ ...e })), F.value = j.sort[0] ?? null, I.value = "main", L.value = null, R.value = "", N.value = !0, e && G(e);
|
|
31
|
-
} });
|
|
32
|
-
let G = (e) => {
|
|
33
|
-
let t = z(e);
|
|
34
|
-
if (!t) return;
|
|
35
|
-
let n = P.value.find((t) => t.column === e);
|
|
36
|
-
t.type === "boolean" ? P.value = n ? P.value.map((e) => e === n ? {
|
|
37
|
-
...e,
|
|
38
|
-
value: e.value !== !0
|
|
39
|
-
} : e) : [...P.value, {
|
|
40
|
-
column: e,
|
|
41
|
-
op: r(t),
|
|
42
|
-
value: !0
|
|
43
|
-
}] : (n || (P.value = [...P.value, {
|
|
44
|
-
column: e,
|
|
45
|
-
op: r(t)
|
|
46
|
-
}]), L.value = e, I.value = "editor");
|
|
47
|
-
}, K = a(() => P.value.find((e) => e.column === L.value) ?? null), q = a(() => L.value ? z(L.value) : void 0), J = a(() => K.value && q.value ? ne(K.value.op, q.value.type) : null), Ue = a(() => q.value ? te(q.value) : []), We = a(() => Array.isArray(K.value?.value) ? K.value.value.length : 1), Y = (e) => P.value = P.value.map((t) => t.column === L.value ? {
|
|
48
|
-
...t,
|
|
49
|
-
...e
|
|
50
|
-
} : t), X = (e) => {
|
|
51
|
-
let t = q.value;
|
|
52
|
-
Y({
|
|
53
|
-
value: e,
|
|
54
|
-
currency: t.type === "currency" ? K.value?.currency ?? j.currenciesOf(t)[0] : K.value?.currency
|
|
55
|
-
});
|
|
56
|
-
}, Z = (e) => P.value = P.value.map((n) => n.column === L.value ? t(n, e, q.value.type) : n), Ge = () => Z(K.value?.op === "is_empty" ? "in" : "is_empty"), Q = (e) => P.value = P.value.filter((t) => t.column !== e), $ = () => {
|
|
57
|
-
let t = K.value;
|
|
58
|
-
t && q.value && !e(t, q.value.type) && Q(t.column), L.value = null, I.value = "main";
|
|
59
|
-
}, Ke = (e) => F.value = e ? {
|
|
60
|
-
column: e,
|
|
61
|
-
dir: F.value?.dir ?? "asc"
|
|
62
|
-
} : null, qe = (e) => {
|
|
63
|
-
(e === "asc" || e === "desc") && F.value && (F.value = {
|
|
64
|
-
...F.value,
|
|
65
|
-
dir: e
|
|
66
|
-
});
|
|
67
|
-
}, Je = () => {
|
|
68
|
-
Ve("apply", P.value.filter((t) => e(t, z(t.column).type)), F.value ? [F.value] : []), N.value = !1;
|
|
69
|
-
}, Ye = a(() => I.value === "main" ? M.t("mobile.filters") : I.value === "picker" ? M.t("filter.addFilter") : q.value?.header ?? "");
|
|
70
|
-
return (e, t) => (p(), o(le, {
|
|
71
|
-
open: N.value,
|
|
72
|
-
"onUpdate:open": t[7] ||= (e) => N.value = e,
|
|
73
|
-
sheet: "",
|
|
74
|
-
"content-class": "dt-filters-sheet",
|
|
75
|
-
title: Ye.value
|
|
76
|
-
}, ue({
|
|
77
|
-
"head-end": v(() => [I.value === "main" ? (p(), c("button", {
|
|
78
|
-
key: 0,
|
|
79
|
-
type: "button",
|
|
80
|
-
class: "dt-bsheet-action",
|
|
81
|
-
onClick: t[0] ||= (e) => P.value = []
|
|
82
|
-
}, g(_(M).t("filter.clearAll")), 1)) : I.value === "editor" ? (p(), c("button", {
|
|
83
|
-
key: 1,
|
|
84
|
-
type: "button",
|
|
85
|
-
class: "dt-bsheet-action",
|
|
86
|
-
disabled: K.value?.value === void 0,
|
|
87
|
-
onClick: t[1] ||= (e) => Y({ value: void 0 })
|
|
88
|
-
}, g(_(M).t("common.clear")), 9, we)) : s("", !0)]),
|
|
89
|
-
foot: v(() => [I.value === "editor" ? (p(), c("button", {
|
|
90
|
-
key: 0,
|
|
91
|
-
type: "button",
|
|
92
|
-
class: "dt-bsheet-primary",
|
|
93
|
-
onClick: $
|
|
94
|
-
}, g(_(M).t("common.done")), 1)) : (p(), c("button", {
|
|
95
|
-
key: 1,
|
|
96
|
-
type: "button",
|
|
97
|
-
class: "dt-bsheet-primary",
|
|
98
|
-
onClick: Je
|
|
99
|
-
}, g(_(M).t("mobile.showResults")), 1))]),
|
|
100
|
-
default: v(() => [I.value === "main" ? (p(), c(i, { key: 0 }, [
|
|
101
|
-
(p(!0), c(i, null, h(P.value, (e) => (p(), c("div", {
|
|
102
|
-
key: e.column,
|
|
103
|
-
class: "dt-bsheet-row is-split"
|
|
104
|
-
}, [l("button", {
|
|
105
|
-
type: "button",
|
|
106
|
-
class: "dt-bsheet-row-main",
|
|
107
|
-
onClick: (t) => G(e.column)
|
|
108
|
-
}, [l("span", x, g(B(e.column)), 1), l("span", S, g(f.summaryOf(e).text), 1)], 8, Te), l("button", {
|
|
109
|
-
type: "button",
|
|
110
|
-
class: "dt-bsheet-x",
|
|
111
|
-
"aria-label": _(M).t("filter.removeAria", { column: B(e.column) }),
|
|
112
|
-
onClick: (t) => Q(e.column)
|
|
113
|
-
}, [d(_(xe), {
|
|
114
|
-
size: 16,
|
|
115
|
-
"aria-hidden": "true"
|
|
116
|
-
})], 8, C)]))), 128)),
|
|
117
|
-
U.value.length ? (p(), c(i, { key: 0 }, [l("div", w, g(_(M).t("picker.suggested")), 1), (p(!0), c(i, null, h(U.value, (e) => (p(), c("button", {
|
|
118
|
-
key: e.id,
|
|
119
|
-
type: "button",
|
|
120
|
-
class: "dt-bsheet-row",
|
|
121
|
-
onClick: (t) => G(e.id)
|
|
122
|
-
}, [
|
|
123
|
-
l("span", E, g(e.header), 1),
|
|
124
|
-
l("span", D, g(_(M).t("common.any")), 1),
|
|
125
|
-
d(_(ve), {
|
|
126
|
-
size: 16,
|
|
127
|
-
"aria-hidden": "true"
|
|
128
|
-
})
|
|
129
|
-
], 8, T))), 128))], 64)) : s("", !0),
|
|
130
|
-
l("button", {
|
|
131
|
-
type: "button",
|
|
132
|
-
class: "dt-bsheet-row is-accent",
|
|
133
|
-
onClick: t[2] ||= (e) => I.value = "picker"
|
|
134
|
-
}, [d(_(be), {
|
|
135
|
-
size: 18,
|
|
136
|
-
"aria-hidden": "true"
|
|
137
|
-
}), u(" " + g(_(M).t("filter.addFilter")), 1)]),
|
|
138
|
-
t[8] ||= l("div", { class: "dt-bsheet-sep" }, null, -1),
|
|
139
|
-
l("div", O, g(_(M).t("mobile.sort")), 1),
|
|
140
|
-
l("div", Ee, [l("label", De, [l("select", {
|
|
141
|
-
value: F.value?.column ?? "",
|
|
142
|
-
"aria-label": _(M).t("mobile.sort"),
|
|
143
|
-
onChange: t[3] ||= (e) => Ke(e.target.value)
|
|
144
|
-
}, [l("option", ke, g(_(M).t("common.empty")), 1), (p(!0), c(i, null, h(He.value, (e) => (p(), c("option", {
|
|
145
|
-
key: e.id,
|
|
146
|
-
value: e.id
|
|
147
|
-
}, g(e.header), 9, Ae))), 128))], 40, Oe), d(_(y), {
|
|
148
|
-
size: 14,
|
|
149
|
-
"aria-hidden": "true"
|
|
150
|
-
})]), d(_(Se), {
|
|
151
|
-
class: "dt-seg dt-bsheet-dir",
|
|
152
|
-
type: "single",
|
|
153
|
-
"model-value": F.value?.dir ?? "",
|
|
154
|
-
disabled: !F.value,
|
|
155
|
-
"onUpdate:modelValue": qe
|
|
156
|
-
}, {
|
|
157
|
-
default: v(() => [d(_(b), {
|
|
158
|
-
class: "dt-seg-item",
|
|
159
|
-
value: "asc",
|
|
160
|
-
"aria-label": _(M).t("header.sortAsc")
|
|
161
|
-
}, {
|
|
162
|
-
default: v(() => [d(_(ge), {
|
|
163
|
-
size: 16,
|
|
164
|
-
"aria-hidden": "true"
|
|
165
|
-
})]),
|
|
166
|
-
_: 1
|
|
167
|
-
}, 8, ["aria-label"]), d(_(b), {
|
|
168
|
-
class: "dt-seg-item",
|
|
169
|
-
value: "desc",
|
|
170
|
-
"aria-label": _(M).t("header.sortDesc")
|
|
171
|
-
}, {
|
|
172
|
-
default: v(() => [d(_(he), {
|
|
173
|
-
size: 16,
|
|
174
|
-
"aria-hidden": "true"
|
|
175
|
-
})]),
|
|
176
|
-
_: 1
|
|
177
|
-
}, 8, ["aria-label"])]),
|
|
178
|
-
_: 1
|
|
179
|
-
}, 8, ["model-value", "disabled"])])
|
|
180
|
-
], 64)) : I.value === "picker" ? (p(), c(i, { key: 1 }, [
|
|
181
|
-
l("label", je, [l("span", Me, [d(_(ye), {
|
|
182
|
-
size: 16,
|
|
183
|
-
"aria-hidden": "true"
|
|
184
|
-
})]), me(l("input", {
|
|
185
|
-
"onUpdate:modelValue": t[4] ||= (e) => R.value = e,
|
|
186
|
-
type: "search",
|
|
187
|
-
placeholder: _(M).t("picker.search"),
|
|
188
|
-
"aria-label": _(M).t("picker.search")
|
|
189
|
-
}, null, 8, Ne), [[pe, R.value]])]),
|
|
190
|
-
(p(!0), c(i, null, h(W.value, (e) => (p(), c("button", {
|
|
191
|
-
key: e.id,
|
|
192
|
-
type: "button",
|
|
193
|
-
class: "dt-bsheet-row",
|
|
194
|
-
onClick: (t) => G(e.id)
|
|
195
|
-
}, [(p(), o(fe(_(ie)[e.type]), {
|
|
196
|
-
size: 16,
|
|
197
|
-
class: "dt-bsheet-icon",
|
|
198
|
-
"aria-hidden": "true"
|
|
199
|
-
})), u(" " + g(e.header), 1)], 8, Pe))), 128)),
|
|
200
|
-
W.value.length ? s("", !0) : (p(), c("div", Fe, g(_(M).t("picker.noMatch")), 1))
|
|
201
|
-
], 64)) : K.value && q.value ? (p(), c("div", Ie, [l("label", Le, [l("select", {
|
|
202
|
-
value: K.value.op,
|
|
203
|
-
"aria-label": _(M).t("mobile.operator"),
|
|
204
|
-
onChange: t[5] ||= (e) => Z(e.target.value)
|
|
205
|
-
}, [(p(!0), c(i, null, h(Ue.value, (e) => (p(), c("option", {
|
|
206
|
-
key: e,
|
|
207
|
-
value: e
|
|
208
|
-
}, g(_(ee)(_(M), e, q.value.type, We.value)), 9, ze))), 128))], 40, Re), d(_(y), {
|
|
209
|
-
size: 14,
|
|
210
|
-
"aria-hidden": "true"
|
|
211
|
-
})]), J.value === "options" ? (p(), o(se, {
|
|
212
|
-
key: 0,
|
|
213
|
-
column: q.value,
|
|
214
|
-
op: K.value.op,
|
|
215
|
-
"model-value": Array.isArray(K.value.value) ? K.value.value : [],
|
|
216
|
-
rows: f.rows,
|
|
217
|
-
labels: f.labels,
|
|
218
|
-
"onUpdate:modelValue": X,
|
|
219
|
-
onUnassigned: Ge
|
|
220
|
-
}, null, 8, [
|
|
221
|
-
"column",
|
|
222
|
-
"op",
|
|
223
|
-
"model-value",
|
|
224
|
-
"rows",
|
|
225
|
-
"labels"
|
|
226
|
-
])) : J.value === "text" ? (p(), o(ce, {
|
|
227
|
-
key: 1,
|
|
228
|
-
column: q.value,
|
|
229
|
-
op: K.value.op,
|
|
230
|
-
"model-value": K.value.value,
|
|
231
|
-
"onUpdate:modelValue": X,
|
|
232
|
-
onDone: $
|
|
233
|
-
}, null, 8, [
|
|
234
|
-
"column",
|
|
235
|
-
"op",
|
|
236
|
-
"model-value"
|
|
237
|
-
])) : J.value === "number" ? (p(), o(ae, {
|
|
238
|
-
key: 2,
|
|
239
|
-
column: q.value,
|
|
240
|
-
op: K.value.op,
|
|
241
|
-
"model-value": K.value.value,
|
|
242
|
-
currency: K.value.currency,
|
|
243
|
-
currencies: f.currenciesOf(q.value),
|
|
244
|
-
"onUpdate:modelValue": X,
|
|
245
|
-
"onUpdate:currency": t[6] ||= (e) => Y({ currency: e }),
|
|
246
|
-
onDone: $
|
|
247
|
-
}, null, 8, [
|
|
248
|
-
"column",
|
|
249
|
-
"op",
|
|
250
|
-
"model-value",
|
|
251
|
-
"currency",
|
|
252
|
-
"currencies"
|
|
253
|
-
])) : J.value === "star" ? (p(), o(oe, {
|
|
254
|
-
key: 3,
|
|
255
|
-
column: q.value,
|
|
256
|
-
"model-value": K.value.value,
|
|
257
|
-
"onUpdate:modelValue": X,
|
|
258
|
-
onDone: $
|
|
259
|
-
}, null, 8, ["column", "model-value"])) : J.value === "date" ? (p(), o(_(Be), {
|
|
260
|
-
key: 4,
|
|
261
|
-
op: K.value.op,
|
|
262
|
-
"model-value": K.value.value,
|
|
263
|
-
"onUpdate:modelValue": X,
|
|
264
|
-
onDone: $
|
|
265
|
-
}, null, 8, ["op", "model-value"])) : s("", !0)])) : s("", !0)]),
|
|
266
|
-
_: 2
|
|
267
|
-
}, [I.value === "main" ? void 0 : {
|
|
268
|
-
name: "head-start",
|
|
269
|
-
fn: v(() => [l("button", {
|
|
270
|
-
type: "button",
|
|
271
|
-
class: "dt-bsheet-back",
|
|
272
|
-
"aria-label": _(M).t("mobile.backToFilters"),
|
|
273
|
-
onClick: $
|
|
274
|
-
}, [d(_(_e), {
|
|
275
|
-
size: 20,
|
|
276
|
-
"aria-hidden": "true"
|
|
277
|
-
})], 8, Ce)]),
|
|
278
|
-
key: "0"
|
|
279
|
-
}]), 1032, ["open", "title"]));
|
|
280
|
-
}
|
|
281
|
-
});
|
|
282
|
-
//#endregion
|
|
283
|
-
export { k as default };
|
|
284
|
-
|
|
285
|
-
//# sourceMappingURL=FiltersSheet-o2HaQuhq.js.map
|
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
import { o as e, s as t } from "./query-DQWMlX0m.js";
|
|
2
|
-
import { i as n } from "./plugin-DhgcjEdi.js";
|
|
3
|
-
import { t as r } from "./Layer-Di-tPd8b.js";
|
|
4
|
-
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
|
|
5
|
-
import { PhCaretLeft as x, PhCaretRight as S, PhCheck as C, PhDotsThree as w } from "@phosphor-icons/vue";
|
|
6
|
-
import { SwitchRoot as T, SwitchThumb as E } from "reka-ui";
|
|
7
|
-
//#region src/core/toolbar/PhoneMoreSheet.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
var D = ["aria-label"], O = ["aria-label"], k = { class: "dt-bsheet-value" }, A = { class: "dt-bsheet-label" }, j = { class: "dt-bsheet-value" }, M = { class: "dt-bsheet-value" }, N = { class: "dt-bsheet-value" }, P = {
|
|
9
|
-
key: 0,
|
|
10
|
-
class: "dt-bsheet-sep"
|
|
11
|
-
}, F = {
|
|
12
|
-
key: 5,
|
|
13
|
-
class: "dt-bsheet-row"
|
|
14
|
-
}, I = { class: "dt-bsheet-note" }, L = ["onClick"], R = /* @__PURE__ */ p({
|
|
15
|
-
__name: "PhoneMoreSheet",
|
|
16
|
-
props: {
|
|
17
|
-
density: {},
|
|
18
|
-
columns: {},
|
|
19
|
-
counts: {},
|
|
20
|
-
sort: {},
|
|
21
|
-
persistent: { type: Boolean },
|
|
22
|
-
refresh: { type: Boolean },
|
|
23
|
-
export: { type: Boolean },
|
|
24
|
-
import: { type: Boolean },
|
|
25
|
-
print: { type: Boolean },
|
|
26
|
-
autoRefresh: { type: Boolean },
|
|
27
|
-
autoRefreshOn: { type: Boolean }
|
|
28
|
-
},
|
|
29
|
-
emits: [
|
|
30
|
-
"update:density",
|
|
31
|
-
"column-visible",
|
|
32
|
-
"column-move",
|
|
33
|
-
"columns-all",
|
|
34
|
-
"columns-reset",
|
|
35
|
-
"sort-dir",
|
|
36
|
-
"sort-remove",
|
|
37
|
-
"sort-clear",
|
|
38
|
-
"reset",
|
|
39
|
-
"refresh",
|
|
40
|
-
"export",
|
|
41
|
-
"import",
|
|
42
|
-
"print",
|
|
43
|
-
"update:autoRefreshOn"
|
|
44
|
-
],
|
|
45
|
-
setup(p, { emit: R }) {
|
|
46
|
-
let z = p, B = R, { i18n: V } = n(), H = h(!1), U = h("main");
|
|
47
|
-
y(H, (e) => {
|
|
48
|
-
e || (U.value = "main");
|
|
49
|
-
});
|
|
50
|
-
let W = [
|
|
51
|
-
"comfortable",
|
|
52
|
-
"standard",
|
|
53
|
-
"compact"
|
|
54
|
-
], G = {
|
|
55
|
-
main: "toolbar.more",
|
|
56
|
-
density: "display.density",
|
|
57
|
-
columns: "display.columns",
|
|
58
|
-
sort: "display.sort",
|
|
59
|
-
export: "toolbar.export"
|
|
60
|
-
}, K = (e) => z.columns.find((t) => t.id === e)?.def.header ?? e, q = a(() => {
|
|
61
|
-
let e = z.sort[0];
|
|
62
|
-
if (!e) return V.t("common.empty");
|
|
63
|
-
let t = z.sort.length > 1 ? ` +${z.sort.length - 1}` : "";
|
|
64
|
-
return `${K(e.column)} ${e.dir === "asc" ? "↑" : "↓"}${t}`;
|
|
65
|
-
}), J = a(() => z.export || z.import || z.print || z.refresh || z.autoRefresh), Y = (e) => {
|
|
66
|
-
H.value = !1, e();
|
|
67
|
-
}, X = (e) => {
|
|
68
|
-
B("update:density", e), U.value = "main";
|
|
69
|
-
};
|
|
70
|
-
return (n, a) => (m(), o(r, {
|
|
71
|
-
open: H.value,
|
|
72
|
-
"onUpdate:open": a[19] ||= (e) => H.value = e,
|
|
73
|
-
sheet: "",
|
|
74
|
-
"content-class": "dt-more-sheet",
|
|
75
|
-
title: v(V).t(G[U.value]),
|
|
76
|
-
"hide-title": U.value === "main"
|
|
77
|
-
}, u({
|
|
78
|
-
trigger: b(() => [l("button", {
|
|
79
|
-
type: "button",
|
|
80
|
-
class: "dt-btn dt-btn-icon dt-more-trigger",
|
|
81
|
-
"aria-label": v(V).t("toolbar.more")
|
|
82
|
-
}, [f(v(w), {
|
|
83
|
-
size: 20,
|
|
84
|
-
weight: "bold",
|
|
85
|
-
"aria-hidden": "true"
|
|
86
|
-
})], 8, D)]),
|
|
87
|
-
default: b(() => [U.value === "main" ? (m(), c(i, { key: 0 }, [
|
|
88
|
-
l("div", A, _(v(V).t("toolbar.display")), 1),
|
|
89
|
-
l("button", {
|
|
90
|
-
type: "button",
|
|
91
|
-
class: "dt-bsheet-row",
|
|
92
|
-
onClick: a[1] ||= (e) => U.value = "density"
|
|
93
|
-
}, [
|
|
94
|
-
d(_(v(V).t("display.density")) + " ", 1),
|
|
95
|
-
l("span", j, _(v(V).t(`display.${p.density}`)), 1),
|
|
96
|
-
f(v(S), {
|
|
97
|
-
size: 16,
|
|
98
|
-
"aria-hidden": "true"
|
|
99
|
-
})
|
|
100
|
-
]),
|
|
101
|
-
l("button", {
|
|
102
|
-
type: "button",
|
|
103
|
-
class: "dt-bsheet-row",
|
|
104
|
-
onClick: a[2] ||= (e) => U.value = "columns"
|
|
105
|
-
}, [
|
|
106
|
-
d(_(v(V).t("display.columns")) + " ", 1),
|
|
107
|
-
l("span", M, _(v(V).t("columns.shownOf", p.counts)), 1),
|
|
108
|
-
f(v(S), {
|
|
109
|
-
size: 16,
|
|
110
|
-
"aria-hidden": "true"
|
|
111
|
-
})
|
|
112
|
-
]),
|
|
113
|
-
l("button", {
|
|
114
|
-
type: "button",
|
|
115
|
-
class: "dt-bsheet-row",
|
|
116
|
-
onClick: a[3] ||= (e) => U.value = "sort"
|
|
117
|
-
}, [
|
|
118
|
-
d(_(v(V).t("display.sort")) + " ", 1),
|
|
119
|
-
l("span", N, _(q.value), 1),
|
|
120
|
-
f(v(S), {
|
|
121
|
-
size: 16,
|
|
122
|
-
"aria-hidden": "true"
|
|
123
|
-
})
|
|
124
|
-
]),
|
|
125
|
-
J.value ? (m(), c("div", P)) : s("", !0),
|
|
126
|
-
n.$props.export ? (m(), c("button", {
|
|
127
|
-
key: 1,
|
|
128
|
-
type: "button",
|
|
129
|
-
class: "dt-bsheet-row",
|
|
130
|
-
onClick: a[4] ||= (e) => U.value = "export"
|
|
131
|
-
}, [d(_(v(V).t("toolbar.export")) + " ", 1), f(v(S), {
|
|
132
|
-
size: 16,
|
|
133
|
-
class: "dt-bsheet-end",
|
|
134
|
-
"aria-hidden": "true"
|
|
135
|
-
})])) : s("", !0),
|
|
136
|
-
n.$props.import ? (m(), c("button", {
|
|
137
|
-
key: 2,
|
|
138
|
-
type: "button",
|
|
139
|
-
class: "dt-bsheet-row",
|
|
140
|
-
onClick: a[5] ||= (e) => Y(() => B("import"))
|
|
141
|
-
}, _(v(V).t("toolbar.import")), 1)) : s("", !0),
|
|
142
|
-
p.print ? (m(), c("button", {
|
|
143
|
-
key: 3,
|
|
144
|
-
type: "button",
|
|
145
|
-
class: "dt-bsheet-row",
|
|
146
|
-
onClick: a[6] ||= (e) => Y(() => B("print"))
|
|
147
|
-
}, _(v(V).t("toolbar.print")), 1)) : s("", !0),
|
|
148
|
-
p.refresh ? (m(), c("button", {
|
|
149
|
-
key: 4,
|
|
150
|
-
type: "button",
|
|
151
|
-
class: "dt-bsheet-row",
|
|
152
|
-
onClick: a[7] ||= (e) => Y(() => B("refresh"))
|
|
153
|
-
}, _(v(V).t("toolbar.refresh")), 1)) : s("", !0),
|
|
154
|
-
p.autoRefresh ? (m(), c("label", F, [d(_(v(V).t("toolbar.autoRefresh")) + " ", 1), f(v(T), {
|
|
155
|
-
class: "dt-switch dt-bsheet-end",
|
|
156
|
-
"model-value": p.autoRefreshOn,
|
|
157
|
-
"onUpdate:modelValue": a[8] ||= (e) => B("update:autoRefreshOn", e)
|
|
158
|
-
}, {
|
|
159
|
-
default: b(() => [f(v(E), { class: "dt-switch-thumb" })]),
|
|
160
|
-
_: 1
|
|
161
|
-
}, 8, ["model-value"])])) : s("", !0),
|
|
162
|
-
l("div", I, [l("span", null, _(p.persistent ? v(V).t("display.savedForYou") : ""), 1), l("button", {
|
|
163
|
-
type: "button",
|
|
164
|
-
class: "dt-bsheet-action",
|
|
165
|
-
onClick: a[9] ||= (e) => B("reset")
|
|
166
|
-
}, _(v(V).t("common.reset")), 1)])
|
|
167
|
-
], 64)) : U.value === "density" ? (m(), c(i, { key: 1 }, g(W, (e) => l("button", {
|
|
168
|
-
key: e,
|
|
169
|
-
type: "button",
|
|
170
|
-
class: "dt-bsheet-row",
|
|
171
|
-
onClick: (t) => X(e)
|
|
172
|
-
}, [d(_(v(V).t(`display.${e}`)) + " ", 1), e === p.density ? (m(), o(v(C), {
|
|
173
|
-
key: 0,
|
|
174
|
-
size: 18,
|
|
175
|
-
class: "dt-bsheet-end dt-bsheet-check",
|
|
176
|
-
"aria-hidden": "true"
|
|
177
|
-
})) : s("", !0)], 8, L)), 64)) : U.value === "columns" ? (m(), o(t, {
|
|
178
|
-
key: 2,
|
|
179
|
-
columns: p.columns,
|
|
180
|
-
onColumnVisible: a[10] ||= (e, t) => B("column-visible", e, t),
|
|
181
|
-
onColumnMove: a[11] ||= (e, t) => B("column-move", e, t),
|
|
182
|
-
onColumnsAll: a[12] ||= (e) => B("columns-all", e),
|
|
183
|
-
onColumnsReset: a[13] ||= (e) => B("columns-reset")
|
|
184
|
-
}, null, 8, ["columns"])) : U.value === "sort" ? (m(), o(e, {
|
|
185
|
-
key: 3,
|
|
186
|
-
sort: p.sort,
|
|
187
|
-
"header-of": K,
|
|
188
|
-
onSortDir: a[14] ||= (e, t) => B("sort-dir", e, t),
|
|
189
|
-
onSortRemove: a[15] ||= (e) => B("sort-remove", e),
|
|
190
|
-
onSortClear: a[16] ||= (e) => B("sort-clear")
|
|
191
|
-
}, null, 8, ["sort"])) : (m(), c(i, { key: 4 }, [l("button", {
|
|
192
|
-
type: "button",
|
|
193
|
-
class: "dt-bsheet-row",
|
|
194
|
-
onClick: a[17] ||= (e) => Y(() => B("export", "csv"))
|
|
195
|
-
}, _(v(V).t("toolbar.csv")), 1), l("button", {
|
|
196
|
-
type: "button",
|
|
197
|
-
class: "dt-bsheet-row",
|
|
198
|
-
onClick: a[18] ||= (e) => Y(() => B("export", "xlsx"))
|
|
199
|
-
}, _(v(V).t("toolbar.xlsx")), 1)], 64))]),
|
|
200
|
-
_: 2
|
|
201
|
-
}, [U.value === "main" ? void 0 : {
|
|
202
|
-
name: "head-start",
|
|
203
|
-
fn: b(() => [l("button", {
|
|
204
|
-
type: "button",
|
|
205
|
-
class: "dt-bsheet-back",
|
|
206
|
-
"aria-label": v(V).t("common.back"),
|
|
207
|
-
onClick: a[0] ||= (e) => U.value = "main"
|
|
208
|
-
}, [f(v(x), {
|
|
209
|
-
size: 20,
|
|
210
|
-
"aria-hidden": "true"
|
|
211
|
-
})], 8, O)]),
|
|
212
|
-
key: "0"
|
|
213
|
-
}, U.value === "columns" ? {
|
|
214
|
-
name: "head-end",
|
|
215
|
-
fn: b(() => [l("span", k, _(v(V).t("columns.shownOf", p.counts)), 1)]),
|
|
216
|
-
key: "1"
|
|
217
|
-
} : void 0]), 1032, [
|
|
218
|
-
"open",
|
|
219
|
-
"title",
|
|
220
|
-
"hide-title"
|
|
221
|
-
]));
|
|
222
|
-
}
|
|
223
|
-
});
|
|
224
|
-
//#endregion
|
|
225
|
-
export { R as default };
|
|
226
|
-
|
|
227
|
-
//# sourceMappingURL=PhoneMoreSheet-gfkH96RR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneMoreSheet-gfkH96RR.js","names":["$props","_openBlock","_createBlock","Layer","_unref","_createSlots","_withCtx","_createElementVNode","_createVNode","_createElementBlock","_Fragment","_toDisplayString","_createTextVNode","_createCommentVNode","_renderList","ColumnsPanel","SortPanel","_sfc_main","SortPanel_default","ColumnsPanel_default","useDataTableContext","Layer_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","PhoneMoreSheet_default","defineComponent","__emit","props","__props","emit","open","ref","level","o","DENSITIES","TITLES","headerOf","c","id","sortSummary","computed","first","i18n","more","hasActions","close","fn","setDensity","d","openBlock","createBlock","_cache","$event","unref","createSlots","withCtx","createElementVNode","createVNode","PhDotsThree","createElementBlock","Fragment","toDisplayString","createTextVNode","PhCaretRight","createCommentVNode","_ctx","SwitchRoot","v","SwitchThumb","renderList","PhCheck","PhCaretLeft"],"sources":["../src/core/toolbar/PhoneMoreSheet.vue","../src/core/toolbar/PhoneMoreSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Telefon ⋯ alt sayfası (handoff 04 §6.4, T13-07): Display (Density › · Columns › · Sort ›) · Export matching rows › · Import ·\n// Print · Refresh · Auto-refresh · \"Saved for you only\" + Reset. Masaüstündeki Display popover'ı ve ⋯ menüsünün yerini alır.\nimport { PhCaretLeft, PhCaretRight, PhCheck, PhDotsThree } from '@phosphor-icons/vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { computed, ref, watch } from 'vue'\nimport type { Density } from '../../types/core'\nimport type { SortRule } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\nimport Layer from '../ui/Layer.vue'\nimport ColumnsPanel, { type PanelColumn } from './ColumnsPanel.vue'\nimport SortPanel from './SortPanel.vue'\n\nconst props = defineProps<{\n density: Density\n columns: PanelColumn[]\n counts: { shown: number; total: number }\n sort: SortRule[]\n persistent: boolean\n refresh: boolean\n export: boolean\n import: boolean\n print: boolean\n autoRefresh: boolean\n autoRefreshOn: boolean\n}>()\nconst emit = defineEmits<{\n 'update:density': [density: Density]\n 'column-visible': [id: string, visible: boolean]\n 'column-move': [id: string, delta: -1 | 1]\n 'columns-all': [visible: boolean]\n 'columns-reset': []\n 'sort-dir': [column: string, dir: 'asc' | 'desc']\n 'sort-remove': [column: string]\n 'sort-clear': []\n reset: []\n refresh: []\n export: [format: 'csv' | 'xlsx']\n import: []\n print: []\n 'update:autoRefreshOn': [on: boolean]\n}>()\nconst { i18n } = useDataTableContext()\nconst open = ref(false)\nconst level = ref<'main' | 'density' | 'columns' | 'sort' | 'export'>('main')\nwatch(open, (o) => {\n if (!o) level.value = 'main'\n})\nconst DENSITIES: Density[] = ['comfortable', 'standard', 'compact']\nconst TITLES = {\n main: 'toolbar.more',\n density: 'display.density',\n columns: 'display.columns',\n sort: 'display.sort',\n export: 'toolbar.export',\n} as const\nconst headerOf = (id: string) => props.columns.find((c) => c.id === id)?.def.header ?? id\nconst sortSummary = computed(() => {\n const first = props.sort[0]\n if (!first) return i18n.t('common.empty')\n const more = props.sort.length > 1 ? ` +${props.sort.length - 1}` : ''\n return `${headerOf(first.column)} ${first.dir === 'asc' ? '↑' : '↓'}${more}`\n})\nconst hasActions = computed(() => props.export || props.import || props.print || props.refresh || props.autoRefresh)\nconst close = (fn: () => void) => {\n open.value = false\n fn()\n}\nconst setDensity = (d: Density) => {\n emit('update:density', d)\n level.value = 'main'\n}\n</script>\n\n<template>\n <Layer\n v-model:open=\"open\"\n sheet\n content-class=\"dt-more-sheet\"\n :title=\"i18n.t(TITLES[level])\"\n :hide-title=\"level === 'main'\"\n >\n <template #trigger>\n <button type=\"button\" class=\"dt-btn dt-btn-icon dt-more-trigger\" :aria-label=\"i18n.t('toolbar.more')\">\n <PhDotsThree :size=\"20\" weight=\"bold\" aria-hidden=\"true\" />\n </button>\n </template>\n <template v-if=\"level !== 'main'\" #head-start>\n <button type=\"button\" class=\"dt-bsheet-back\" :aria-label=\"i18n.t('common.back')\" @click=\"level = 'main'\">\n <PhCaretLeft :size=\"20\" aria-hidden=\"true\" />\n </button>\n </template>\n <template v-if=\"level === 'columns'\" #head-end>\n <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n </template>\n\n <template v-if=\"level === 'main'\">\n <div class=\"dt-bsheet-label\">{{ i18n.t('toolbar.display') }}</div>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'density'\">\n {{ i18n.t('display.density') }}\n <span class=\"dt-bsheet-value\">{{ i18n.t(`display.${density}`) }}</span>\n <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n </button>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'columns'\">\n {{ i18n.t('display.columns') }}\n <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n </button>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'sort'\">\n {{ i18n.t('display.sort') }}\n <span class=\"dt-bsheet-value\">{{ sortSummary }}</span>\n <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n </button>\n <div v-if=\"hasActions\" class=\"dt-bsheet-sep\" />\n <button v-if=\"$props.export\" type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'export'\">\n {{ i18n.t('toolbar.export') }}\n <PhCaretRight :size=\"16\" class=\"dt-bsheet-end\" aria-hidden=\"true\" />\n </button>\n <button v-if=\"$props.import\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('import'))\">\n {{ i18n.t('toolbar.import') }}\n </button>\n <button v-if=\"print\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('print'))\">\n {{ i18n.t('toolbar.print') }}\n </button>\n <button v-if=\"refresh\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('refresh'))\">\n {{ i18n.t('toolbar.refresh') }}\n </button>\n <label v-if=\"autoRefresh\" class=\"dt-bsheet-row\">\n {{ i18n.t('toolbar.autoRefresh') }}\n <SwitchRoot\n class=\"dt-switch dt-bsheet-end\"\n :model-value=\"autoRefreshOn\"\n @update:model-value=\"(v) => emit('update:autoRefreshOn', v)\"\n >\n <SwitchThumb class=\"dt-switch-thumb\" />\n </SwitchRoot>\n </label>\n <div class=\"dt-bsheet-note\">\n <span>{{ persistent ? i18n.t('display.savedForYou') : '' }}</span>\n <button type=\"button\" class=\"dt-bsheet-action\" @click=\"emit('reset')\">{{ i18n.t('common.reset') }}</button>\n </div>\n </template>\n\n <template v-else-if=\"level === 'density'\">\n <button v-for=\"d in DENSITIES\" :key=\"d\" type=\"button\" class=\"dt-bsheet-row\" @click=\"setDensity(d)\">\n {{ i18n.t(`display.${d}`) }}\n <PhCheck v-if=\"d === density\" :size=\"18\" class=\"dt-bsheet-end dt-bsheet-check\" aria-hidden=\"true\" />\n </button>\n </template>\n\n <ColumnsPanel\n v-else-if=\"level === 'columns'\"\n :columns=\"columns\"\n @column-visible=\"(id, v) => emit('column-visible', id, v)\"\n @column-move=\"(id, d) => emit('column-move', id, d)\"\n @columns-all=\"(v) => emit('columns-all', v)\"\n @columns-reset=\"emit('columns-reset')\"\n />\n <SortPanel\n v-else-if=\"level === 'sort'\"\n :sort=\"sort\"\n :header-of=\"headerOf\"\n @sort-dir=\"(c, d) => emit('sort-dir', c, d)\"\n @sort-remove=\"(c) => emit('sort-remove', c)\"\n @sort-clear=\"emit('sort-clear')\"\n />\n\n <template v-else>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'csv'))\">\n {{ i18n.t('toolbar.csv') }}\n </button>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'xlsx'))\">\n {{ i18n.t('toolbar.xlsx') }}\n </button>\n </template>\n </Layer>\n</template>\n","<script setup lang=\"ts\">\n// Telefon ⋯ alt sayfası (handoff 04 §6.4, T13-07): Display (Density › · Columns › · Sort ›) · Export matching rows › · Import ·\n// Print · Refresh · Auto-refresh · \"Saved for you only\" + Reset. Masaüstündeki Display popover'ı ve ⋯ menüsünün yerini alır.\nimport { PhCaretLeft, PhCaretRight, PhCheck, PhDotsThree } from '@phosphor-icons/vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { computed, ref, watch } from 'vue'\nimport type { Density } from '../../types/core'\nimport type { SortRule } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\nimport Layer from '../ui/Layer.vue'\nimport ColumnsPanel, { type PanelColumn } from './ColumnsPanel.vue'\nimport SortPanel from './SortPanel.vue'\n\nconst props = defineProps<{\n density: Density\n columns: PanelColumn[]\n counts: { shown: number; total: number }\n sort: SortRule[]\n persistent: boolean\n refresh: boolean\n export: boolean\n import: boolean\n print: boolean\n autoRefresh: boolean\n autoRefreshOn: boolean\n}>()\nconst emit = defineEmits<{\n 'update:density': [density: Density]\n 'column-visible': [id: string, visible: boolean]\n 'column-move': [id: string, delta: -1 | 1]\n 'columns-all': [visible: boolean]\n 'columns-reset': []\n 'sort-dir': [column: string, dir: 'asc' | 'desc']\n 'sort-remove': [column: string]\n 'sort-clear': []\n reset: []\n refresh: []\n export: [format: 'csv' | 'xlsx']\n import: []\n print: []\n 'update:autoRefreshOn': [on: boolean]\n}>()\nconst { i18n } = useDataTableContext()\nconst open = ref(false)\nconst level = ref<'main' | 'density' | 'columns' | 'sort' | 'export'>('main')\nwatch(open, (o) => {\n if (!o) level.value = 'main'\n})\nconst DENSITIES: Density[] = ['comfortable', 'standard', 'compact']\nconst TITLES = {\n main: 'toolbar.more',\n density: 'display.density',\n columns: 'display.columns',\n sort: 'display.sort',\n export: 'toolbar.export',\n} as const\nconst headerOf = (id: string) => props.columns.find((c) => c.id === id)?.def.header ?? id\nconst sortSummary = computed(() => {\n const first = props.sort[0]\n if (!first) return i18n.t('common.empty')\n const more = props.sort.length > 1 ? ` +${props.sort.length - 1}` : ''\n return `${headerOf(first.column)} ${first.dir === 'asc' ? '↑' : '↓'}${more}`\n})\nconst hasActions = computed(() => props.export || props.import || props.print || props.refresh || props.autoRefresh)\nconst close = (fn: () => void) => {\n open.value = false\n fn()\n}\nconst setDensity = (d: Density) => {\n emit('update:density', d)\n level.value = 'main'\n}\n</script>\n\n<template>\n <Layer\n v-model:open=\"open\"\n sheet\n content-class=\"dt-more-sheet\"\n :title=\"i18n.t(TITLES[level])\"\n :hide-title=\"level === 'main'\"\n >\n <template #trigger>\n <button type=\"button\" class=\"dt-btn dt-btn-icon dt-more-trigger\" :aria-label=\"i18n.t('toolbar.more')\">\n <PhDotsThree :size=\"20\" weight=\"bold\" aria-hidden=\"true\" />\n </button>\n </template>\n <template v-if=\"level !== 'main'\" #head-start>\n <button type=\"button\" class=\"dt-bsheet-back\" :aria-label=\"i18n.t('common.back')\" @click=\"level = 'main'\">\n <PhCaretLeft :size=\"20\" aria-hidden=\"true\" />\n </button>\n </template>\n <template v-if=\"level === 'columns'\" #head-end>\n <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n </template>\n\n <template v-if=\"level === 'main'\">\n <div class=\"dt-bsheet-label\">{{ i18n.t('toolbar.display') }}</div>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'density'\">\n {{ i18n.t('display.density') }}\n <span class=\"dt-bsheet-value\">{{ i18n.t(`display.${density}`) }}</span>\n <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n </button>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'columns'\">\n {{ i18n.t('display.columns') }}\n <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n </button>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'sort'\">\n {{ i18n.t('display.sort') }}\n <span class=\"dt-bsheet-value\">{{ sortSummary }}</span>\n <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n </button>\n <div v-if=\"hasActions\" class=\"dt-bsheet-sep\" />\n <button v-if=\"$props.export\" type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'export'\">\n {{ i18n.t('toolbar.export') }}\n <PhCaretRight :size=\"16\" class=\"dt-bsheet-end\" aria-hidden=\"true\" />\n </button>\n <button v-if=\"$props.import\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('import'))\">\n {{ i18n.t('toolbar.import') }}\n </button>\n <button v-if=\"print\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('print'))\">\n {{ i18n.t('toolbar.print') }}\n </button>\n <button v-if=\"refresh\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('refresh'))\">\n {{ i18n.t('toolbar.refresh') }}\n </button>\n <label v-if=\"autoRefresh\" class=\"dt-bsheet-row\">\n {{ i18n.t('toolbar.autoRefresh') }}\n <SwitchRoot\n class=\"dt-switch dt-bsheet-end\"\n :model-value=\"autoRefreshOn\"\n @update:model-value=\"(v) => emit('update:autoRefreshOn', v)\"\n >\n <SwitchThumb class=\"dt-switch-thumb\" />\n </SwitchRoot>\n </label>\n <div class=\"dt-bsheet-note\">\n <span>{{ persistent ? i18n.t('display.savedForYou') : '' }}</span>\n <button type=\"button\" class=\"dt-bsheet-action\" @click=\"emit('reset')\">{{ i18n.t('common.reset') }}</button>\n </div>\n </template>\n\n <template v-else-if=\"level === 'density'\">\n <button v-for=\"d in DENSITIES\" :key=\"d\" type=\"button\" class=\"dt-bsheet-row\" @click=\"setDensity(d)\">\n {{ i18n.t(`display.${d}`) }}\n <PhCheck v-if=\"d === density\" :size=\"18\" class=\"dt-bsheet-end dt-bsheet-check\" aria-hidden=\"true\" />\n </button>\n </template>\n\n <ColumnsPanel\n v-else-if=\"level === 'columns'\"\n :columns=\"columns\"\n @column-visible=\"(id, v) => emit('column-visible', id, v)\"\n @column-move=\"(id, d) => emit('column-move', id, d)\"\n @columns-all=\"(v) => emit('columns-all', v)\"\n @columns-reset=\"emit('columns-reset')\"\n />\n <SortPanel\n v-else-if=\"level === 'sort'\"\n :sort=\"sort\"\n :header-of=\"headerOf\"\n @sort-dir=\"(c, d) => emit('sort-dir', c, d)\"\n @sort-remove=\"(c) => emit('sort-remove', c)\"\n @sort-clear=\"emit('sort-clear')\"\n />\n\n <template v-else>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'csv'))\">\n {{ i18n.t('toolbar.csv') }}\n </button>\n <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'xlsx'))\">\n {{ i18n.t('toolbar.xlsx') }}\n </button>\n </template>\n </Layer>\n</template>\n"],"mappings":"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"}
|