@leaflink/stash 51.9.1 → 51.9.3
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/dist/DatePicker.js +1887 -1885
- package/dist/DatePicker.js.map +1 -1
- package/dist/ListView.js +118 -125
- package/dist/ListView.js.map +1 -1
- package/dist/components.css +1 -1
- package/dist/tailwind-base.js +3 -3
- package/dist/tailwind-base.js.map +1 -1
- package/package.json +2 -2
- package/tailwind-base.ts +3 -3
package/dist/ListView.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import W from "lodash-es/cloneDeep";
|
|
2
|
-
import { resolveComponent as d, createElementBlock as o, openBlock as
|
|
2
|
+
import { resolveComponent as d, createElementBlock as o, openBlock as r, normalizeClass as a, createElementVNode as u, createCommentVNode as n, createVNode as S, toDisplayString as _, createBlock as h, withCtx as m, createTextVNode as T, renderSlot as f, TransitionGroup as F, resolveDirective as O, withDirectives as E, withKeys as q, normalizeStyle as Y, Fragment as J, renderList as Q, mergeProps as X, resolveDynamicComponent as Z, computed as $ } from "vue";
|
|
3
3
|
import ee from "./useSearch.js";
|
|
4
4
|
import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as b } from "./constants.js";
|
|
5
5
|
import V from "./directives/sticky.js";
|
|
@@ -95,8 +95,8 @@ const de = "_checkbox_hsxyw_10", he = "_actions_hsxyw_14", ue = {
|
|
|
95
95
|
};
|
|
96
96
|
function ye(e, l, s, p, i, t) {
|
|
97
97
|
const c = d("ll-checkbox"), g = d("ll-button");
|
|
98
|
-
return
|
|
99
|
-
class:
|
|
98
|
+
return r(), o("div", {
|
|
99
|
+
class: a(["lg:tw-flex", [
|
|
100
100
|
e.$style["select-bar"],
|
|
101
101
|
{
|
|
102
102
|
"lg:tw-hidden": s.hideBulkActionOptions
|
|
@@ -105,24 +105,24 @@ function ye(e, l, s, p, i, t) {
|
|
|
105
105
|
]])
|
|
106
106
|
}, [
|
|
107
107
|
u("div", {
|
|
108
|
-
class:
|
|
108
|
+
class: a(["tw-flex tw-items-center", {
|
|
109
109
|
"tw-justify-between": !s.hideBulkActionOptions
|
|
110
110
|
}])
|
|
111
111
|
}, [
|
|
112
112
|
S(c, {
|
|
113
113
|
"data-test": "checkbox|bulk-actions",
|
|
114
|
-
class:
|
|
114
|
+
class: a([e.$style.checkbox, "tw-m-0 lg:tw-hidden"]),
|
|
115
115
|
checked: s.isSomePageChecked && !!s.totalCount,
|
|
116
116
|
indeterminate: s.isSomePageChecked && !s.isAllPageChecked,
|
|
117
117
|
label: s.totalSelectedCount ? "" : e.selectAllText,
|
|
118
118
|
"onUpdate:checked": t.onSelectPage
|
|
119
119
|
}, null, 8, ["class", "checked", "indeterminate", "label", "onUpdate:checked"]),
|
|
120
|
-
s.totalSelectedCount && !s.hideBulkActionOptions ? (
|
|
121
|
-
s.hideNumberOfTotalSelected ? n("", !0) : (
|
|
120
|
+
s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", ge, [
|
|
121
|
+
s.hideNumberOfTotalSelected ? n("", !0) : (r(), o("div", fe, _(t.numberOfTotalSelectedText), 1)),
|
|
122
122
|
u("div", {
|
|
123
|
-
class:
|
|
123
|
+
class: a({ "tw-ml-3": !s.hideNumberOfTotalSelected })
|
|
124
124
|
}, [
|
|
125
|
-
t.showSelectAll ? (
|
|
125
|
+
t.showSelectAll ? (r(), h(g, {
|
|
126
126
|
key: 0,
|
|
127
127
|
inline: "",
|
|
128
128
|
onClick: t.selectAll
|
|
@@ -131,7 +131,7 @@ function ye(e, l, s, p, i, t) {
|
|
|
131
131
|
T(_(t.selectAllCountText), 1)
|
|
132
132
|
]),
|
|
133
133
|
_: 1
|
|
134
|
-
}, 8, ["onClick"])) : (
|
|
134
|
+
}, 8, ["onClick"])) : (r(), h(g, {
|
|
135
135
|
key: 1,
|
|
136
136
|
inline: "",
|
|
137
137
|
onClick: t.clearSelected
|
|
@@ -142,13 +142,13 @@ function ye(e, l, s, p, i, t) {
|
|
|
142
142
|
_: 1
|
|
143
143
|
}, 8, ["onClick"]))
|
|
144
144
|
], 2)
|
|
145
|
-
])) : s.hideBulkActionOptions && s.totalSelectedCount ? (
|
|
145
|
+
])) : s.hideBulkActionOptions && s.totalSelectedCount ? (r(), o("div", Se, [
|
|
146
146
|
u("h4", null, _(t.numItemsSelectedText), 1)
|
|
147
147
|
])) : n("", !0)
|
|
148
148
|
], 2),
|
|
149
|
-
s.totalSelectedCount && !s.hideBulkActionOptions ? (
|
|
149
|
+
s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", {
|
|
150
150
|
key: 0,
|
|
151
|
-
class:
|
|
151
|
+
class: a(e.$style.actions)
|
|
152
152
|
}, [
|
|
153
153
|
f(e.$slots, "bulk-actions-content")
|
|
154
154
|
], 2)) : n("", !0)
|
|
@@ -157,8 +157,6 @@ function ye(e, l, s, p, i, t) {
|
|
|
157
157
|
const we = {
|
|
158
158
|
$style: ue
|
|
159
159
|
}, pe = /* @__PURE__ */ k(me, [["render", ye], ["__cssModules", we]]), _e = {
|
|
160
|
-
"empty-state": "_empty-state_12gjn_2"
|
|
161
|
-
}, be = {
|
|
162
160
|
name: "loading-manager",
|
|
163
161
|
components: {
|
|
164
162
|
EmptyState: oe,
|
|
@@ -176,12 +174,12 @@ const we = {
|
|
|
176
174
|
}
|
|
177
175
|
}
|
|
178
176
|
};
|
|
179
|
-
function
|
|
177
|
+
function be(e, l, s, p, i, t) {
|
|
180
178
|
const c = d("Loading"), g = d("EmptyState");
|
|
181
|
-
return s.loading ? (
|
|
179
|
+
return s.loading ? (r(), h(c, {
|
|
182
180
|
key: 0,
|
|
183
181
|
class: "tw-bg-white"
|
|
184
|
-
})) : s.results.length ? (
|
|
182
|
+
})) : s.results.length ? (r(), h(F, {
|
|
185
183
|
key: 1,
|
|
186
184
|
name: "slide-y",
|
|
187
185
|
tag: "ul"
|
|
@@ -190,23 +188,20 @@ function ke(e, l, s, p, i, t) {
|
|
|
190
188
|
f(e.$slots, "default")
|
|
191
189
|
]),
|
|
192
190
|
_: 3
|
|
193
|
-
})) : (
|
|
191
|
+
})) : (r(), h(g, {
|
|
194
192
|
key: 2,
|
|
195
|
-
class:
|
|
193
|
+
class: "tw-max-w-full tw-bg-white",
|
|
196
194
|
text: s.emptyStateText
|
|
197
|
-
}, null, 8, ["
|
|
195
|
+
}, null, 8, ["text"]));
|
|
198
196
|
}
|
|
199
|
-
const Ce = {
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
"
|
|
203
|
-
"
|
|
204
|
-
"
|
|
205
|
-
"expanded-content-
|
|
206
|
-
|
|
207
|
-
"list-group": "_list-group_1wlsh_74",
|
|
208
|
-
"expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_1wlsh_81"
|
|
209
|
-
}, xe = {
|
|
197
|
+
const ke = /* @__PURE__ */ k(_e, [["render", be]]), Ce = {
|
|
198
|
+
"main-header": "_main-header_1jn5d_2",
|
|
199
|
+
"expanded-content-header": "_expanded-content-header_1jn5d_18",
|
|
200
|
+
"expanded-content-header-grid": "_expanded-content-header-grid_1jn5d_41",
|
|
201
|
+
"expansion-toggle-button": "_expansion-toggle-button_1jn5d_59",
|
|
202
|
+
"list-group": "_list-group_1jn5d_63",
|
|
203
|
+
"expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_1jn5d_70"
|
|
204
|
+
}, Te = {
|
|
210
205
|
name: "list-group",
|
|
211
206
|
components: {
|
|
212
207
|
Expand: N,
|
|
@@ -260,11 +255,11 @@ const Ce = {
|
|
|
260
255
|
this.$refs.actionsContainer.contains(e.target) || this.toggleExpand();
|
|
261
256
|
}
|
|
262
257
|
}
|
|
263
|
-
},
|
|
264
|
-
function
|
|
258
|
+
}, Ie = { class: "tw-flex-auto" }, xe = { ref: "actionsContainer" }, ve = { class: "tw-relative tw-w-full lg:tw-shadow" };
|
|
259
|
+
function Be(e, l, s, p, i, t) {
|
|
265
260
|
const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
|
|
266
|
-
return
|
|
267
|
-
class:
|
|
261
|
+
return r(), o("div", {
|
|
262
|
+
class: a([
|
|
268
263
|
e.$style["list-group"],
|
|
269
264
|
{
|
|
270
265
|
[e.$style["disable-external-gutters"]]: s.disableExternalGutters,
|
|
@@ -273,26 +268,26 @@ function Ae(e, l, s, p, i, t) {
|
|
|
273
268
|
])
|
|
274
269
|
}, [
|
|
275
270
|
u("header", {
|
|
276
|
-
class:
|
|
271
|
+
class: a(["tw-flex tw-items-center", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
|
|
277
272
|
onClick: l[0] || (l[0] = (...C) => t.onHeaderClick && t.onHeaderClick(...C))
|
|
278
273
|
}, [
|
|
279
|
-
s.isCollapsible ? (
|
|
274
|
+
s.isCollapsible ? (r(), h(g, {
|
|
280
275
|
key: 0,
|
|
281
|
-
class:
|
|
276
|
+
class: a(["tw-mr-1.5 tw-text-ice-900", e.$style["expansion-toggle-button"]]),
|
|
282
277
|
icon: ""
|
|
283
278
|
}, {
|
|
284
279
|
default: m(() => [
|
|
285
280
|
S(c, {
|
|
286
|
-
class:
|
|
281
|
+
class: a([i.isExpanded ? "tw-rotate-270" : "rotate-180"]),
|
|
287
282
|
name: "chevron-left"
|
|
288
283
|
}, null, 8, ["class"])
|
|
289
284
|
]),
|
|
290
285
|
_: 1
|
|
291
286
|
}, 8, ["class"])) : n("", !0),
|
|
292
|
-
u("div",
|
|
287
|
+
u("div", Ie, [
|
|
293
288
|
f(e.$slots, "title")
|
|
294
289
|
]),
|
|
295
|
-
u("div",
|
|
290
|
+
u("div", xe, [
|
|
296
291
|
f(e.$slots, "actions")
|
|
297
292
|
], 512)
|
|
298
293
|
], 2),
|
|
@@ -301,15 +296,13 @@ function Ae(e, l, s, p, i, t) {
|
|
|
301
296
|
onAfterExpand: l[1] || (l[1] = (C) => i.isDoneExpanding = !0)
|
|
302
297
|
}, {
|
|
303
298
|
default: m(() => [
|
|
304
|
-
u("div",
|
|
305
|
-
|
|
306
|
-
}, [
|
|
307
|
-
e.$slots["expanded-content-list-header"] ? E((a(), o("header", {
|
|
299
|
+
u("div", ve, [
|
|
300
|
+
e.$slots["expanded-content-list-header"] ? E((r(), o("header", {
|
|
308
301
|
key: 0,
|
|
309
|
-
class:
|
|
302
|
+
class: a(e.$style["expanded-content-header"])
|
|
310
303
|
}, [
|
|
311
304
|
u("div", {
|
|
312
|
-
class:
|
|
305
|
+
class: a(["tw-ll-grid tw-flex-1", e.$style["expanded-content-header-grid"]])
|
|
313
306
|
}, [
|
|
314
307
|
f(e.$slots, "expanded-content-list-header")
|
|
315
308
|
], 2)
|
|
@@ -317,7 +310,7 @@ function Ae(e, l, s, p, i, t) {
|
|
|
317
310
|
[x, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
|
|
318
311
|
]) : n("", !0),
|
|
319
312
|
u("div", {
|
|
320
|
-
class:
|
|
313
|
+
class: a(e.$style["expanded-content-list-items-wrapper"])
|
|
321
314
|
}, [
|
|
322
315
|
S(F, {
|
|
323
316
|
name: "fade",
|
|
@@ -329,19 +322,19 @@ function Ae(e, l, s, p, i, t) {
|
|
|
329
322
|
_: 3
|
|
330
323
|
})
|
|
331
324
|
], 2)
|
|
332
|
-
]
|
|
325
|
+
])
|
|
333
326
|
]),
|
|
334
327
|
_: 3
|
|
335
328
|
}, 8, ["is-expanded"])
|
|
336
329
|
], 2);
|
|
337
330
|
}
|
|
338
|
-
const
|
|
339
|
-
$style:
|
|
340
|
-
},
|
|
331
|
+
const Ae = {
|
|
332
|
+
$style: Ce
|
|
333
|
+
}, mt = /* @__PURE__ */ k(Te, [["render", Be], ["__cssModules", Ae]]), Pe = "_caret_1147a_2", Fe = {
|
|
341
334
|
"caret-up": "_caret-up_1147a_2",
|
|
342
335
|
"caret-down": "_caret-down_1147a_6",
|
|
343
|
-
caret:
|
|
344
|
-
},
|
|
336
|
+
caret: Pe
|
|
337
|
+
}, Oe = {
|
|
345
338
|
name: "list-header",
|
|
346
339
|
components: {
|
|
347
340
|
"ll-icon": B
|
|
@@ -406,37 +399,37 @@ const Pe = {
|
|
|
406
399
|
}
|
|
407
400
|
}
|
|
408
401
|
};
|
|
409
|
-
function
|
|
402
|
+
function Ee(e, l, s, p, i, t) {
|
|
410
403
|
const c = d("ll-icon");
|
|
411
|
-
return
|
|
412
|
-
class:
|
|
404
|
+
return r(), o("div", {
|
|
405
|
+
class: a(["tw-cursor-pointer", { "tw-bg-blue-100": t.isSorted }]),
|
|
413
406
|
onClick: l[0] || (l[0] = (...g) => t.sort && t.sort(...g))
|
|
414
407
|
}, [
|
|
415
408
|
f(e.$slots, "default"),
|
|
416
409
|
u("div", {
|
|
417
|
-
class:
|
|
410
|
+
class: a(["tw-relative tw-h-4 tw-w-3 tw-text-ice-700", { "is-active-sort": t.isSorted }])
|
|
418
411
|
}, [
|
|
419
|
-
t.showCaretUp ? (
|
|
412
|
+
t.showCaretUp ? (r(), h(c, {
|
|
420
413
|
key: 0,
|
|
421
414
|
name: "caret-up",
|
|
422
|
-
class:
|
|
415
|
+
class: a(["tw-absolute", [e.$style.caret, e.$style["caret-up"]]]),
|
|
423
416
|
size: "dense"
|
|
424
417
|
}, null, 8, ["class"])) : n("", !0),
|
|
425
|
-
t.showCaretDown ? (
|
|
418
|
+
t.showCaretDown ? (r(), h(c, {
|
|
426
419
|
key: 1,
|
|
427
420
|
name: "caret-down",
|
|
428
|
-
class:
|
|
421
|
+
class: a(["tw-absolute", [e.$style.caret, e.$style["caret-down"]]]),
|
|
429
422
|
size: "dense"
|
|
430
423
|
}, null, 8, ["class"])) : n("", !0)
|
|
431
424
|
], 2)
|
|
432
425
|
], 2);
|
|
433
426
|
}
|
|
434
|
-
const
|
|
435
|
-
$style:
|
|
436
|
-
},
|
|
427
|
+
const Le = {
|
|
428
|
+
$style: Fe
|
|
429
|
+
}, gt = /* @__PURE__ */ k(Oe, [["render", Ee], ["__cssModules", Le]]), Ve = "_header_c8ut0_25", De = "_separator_c8ut0_1", Re = "_dropdown_c8ut0_199", Ne = {
|
|
437
430
|
"list-items": "_list-items_c8ut0_2",
|
|
438
431
|
"legacy-box": "_legacy-box_c8ut0_16",
|
|
439
|
-
header:
|
|
432
|
+
header: Ve,
|
|
440
433
|
"header-grid-container": "_header-grid-container_c8ut0_75",
|
|
441
434
|
"header-grid": "_header-grid_c8ut0_75",
|
|
442
435
|
"search-input": "_search-input_c8ut0_109",
|
|
@@ -447,22 +440,22 @@ const Ve = {
|
|
|
447
440
|
"filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_c8ut0_162",
|
|
448
441
|
"filters-expand": "_filters-expand_c8ut0_177",
|
|
449
442
|
"filters-wrapper": "_filters-wrapper_c8ut0_178",
|
|
450
|
-
separator:
|
|
443
|
+
separator: De,
|
|
451
444
|
"filters-half-width": "_filters-half-width_c8ut0_191",
|
|
452
|
-
dropdown:
|
|
445
|
+
dropdown: Re,
|
|
453
446
|
"sort-option": "_sort-option_c8ut0_203",
|
|
454
447
|
"select-all": "_select-all_c8ut0_207"
|
|
455
448
|
}, P = {
|
|
456
449
|
isSearchable: !0,
|
|
457
450
|
placeholder: "Search",
|
|
458
451
|
searchBy: ["name"]
|
|
459
|
-
},
|
|
452
|
+
}, ze = {
|
|
460
453
|
name: "ll-list-view",
|
|
461
454
|
components: {
|
|
462
455
|
BulkActions: pe,
|
|
463
456
|
Filters: re,
|
|
464
457
|
Paginate: ne,
|
|
465
|
-
LoadingManager:
|
|
458
|
+
LoadingManager: ke,
|
|
466
459
|
Badge: le,
|
|
467
460
|
Button: v,
|
|
468
461
|
Icon: B,
|
|
@@ -1027,30 +1020,30 @@ const Ve = {
|
|
|
1027
1020
|
return e.reduce((l, s) => this.isItemDisabled(s) ? l : [...l, s], []);
|
|
1028
1021
|
}
|
|
1029
1022
|
}
|
|
1030
|
-
}, je = { class: "tw-ll-grid tw-grid-cols-4 md:tw-grid-cols-8 lg:tw-grid-cols-12" },
|
|
1023
|
+
}, je = { class: "tw-ll-grid tw-grid-cols-4 md:tw-grid-cols-8 lg:tw-grid-cols-12" }, He = ["disabled"], Me = { class: "button-grid tw-col-span-1 tw-items-end tw-justify-end lg:tw-col-span-3" }, Ge = {
|
|
1031
1024
|
key: 0,
|
|
1032
1025
|
class: "tw-text-xs"
|
|
1033
1026
|
};
|
|
1034
|
-
function
|
|
1035
|
-
const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), C = d("Filters"), z = d("Expand"),
|
|
1036
|
-
return
|
|
1037
|
-
t.showPrimaryControls || t.showSecondaryControls ? (
|
|
1027
|
+
function Ue(e, l, s, p, i, t) {
|
|
1028
|
+
const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), C = d("Filters"), z = d("Expand"), j = d("Dropdown"), H = d("Checkbox"), M = d("BulkActions"), G = d("Paginate"), U = O("sticky");
|
|
1029
|
+
return r(), o("div", null, [
|
|
1030
|
+
t.showPrimaryControls || t.showSecondaryControls ? (r(), o("div", {
|
|
1038
1031
|
key: 0,
|
|
1039
1032
|
ref: "scrollTarget",
|
|
1040
|
-
class:
|
|
1033
|
+
class: a(["tw-mb-6", { "tw-ll-grid": t.showPrimaryControls && t.showSecondaryControls }])
|
|
1041
1034
|
}, [
|
|
1042
|
-
t.showPrimaryControls ? (
|
|
1035
|
+
t.showPrimaryControls ? (r(), o("div", {
|
|
1043
1036
|
key: 0,
|
|
1044
|
-
class:
|
|
1037
|
+
class: a(["controls", [e.$style["legacy-box"], { "tw-col-span-12 lg:tw-col-span-6": t.showSecondaryControls }]]),
|
|
1045
1038
|
"data-test": "filters|controls"
|
|
1046
1039
|
}, [
|
|
1047
1040
|
u("div", je, [
|
|
1048
|
-
t.internalSearchSchema.isSearchable ? (
|
|
1041
|
+
t.internalSearchSchema.isSearchable ? (r(), h(I, {
|
|
1049
1042
|
key: 0,
|
|
1050
1043
|
ref: "search-input",
|
|
1051
1044
|
modelValue: i.searchTerm,
|
|
1052
1045
|
"onUpdate:modelValue": l[1] || (l[1] = (y) => i.searchTerm = y),
|
|
1053
|
-
class:
|
|
1046
|
+
class: a(["tw-col-span-3 md:tw-col-span-4", [e.$style["search-input"], { "lg:tw-col-span-8": t.showSecondaryControls }]]),
|
|
1054
1047
|
"data-test": "input|search-input",
|
|
1055
1048
|
"hint-text": t.internalSearchSchema.hintText,
|
|
1056
1049
|
label: i.searchText,
|
|
@@ -1059,24 +1052,24 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1059
1052
|
onChange: t.onSearchTermChange
|
|
1060
1053
|
}, {
|
|
1061
1054
|
append: m(() => [
|
|
1062
|
-
i.searchTerm ? (
|
|
1055
|
+
i.searchTerm ? (r(), o("button", {
|
|
1063
1056
|
key: 0,
|
|
1064
1057
|
"data-test": "button|clear-search",
|
|
1065
|
-
class:
|
|
1058
|
+
class: a(e.$style["clear-button"]),
|
|
1066
1059
|
disabled: t.isLoading,
|
|
1067
1060
|
onClick: l[0] || (l[0] = (...y) => t.clearSearchTerm && t.clearSearchTerm(...y))
|
|
1068
1061
|
}, [
|
|
1069
1062
|
S(c, { name: "close" })
|
|
1070
|
-
], 10,
|
|
1063
|
+
], 10, He)) : n("", !0),
|
|
1071
1064
|
S(g, {
|
|
1072
1065
|
"data-test": "button|search-button",
|
|
1073
1066
|
disabled: t.isLoading,
|
|
1074
|
-
class:
|
|
1067
|
+
class: a(e.$style["search-button"]),
|
|
1075
1068
|
onClick: t.onSearch
|
|
1076
1069
|
}, {
|
|
1077
1070
|
default: m(() => [
|
|
1078
1071
|
S(c, {
|
|
1079
|
-
class:
|
|
1072
|
+
class: a({ "tw-animate-spin tw-text-teal-500": i.isFiltering }),
|
|
1080
1073
|
name: i.isFiltering ? "working" : "search"
|
|
1081
1074
|
}, null, 8, ["class", "name"])
|
|
1082
1075
|
]),
|
|
@@ -1085,9 +1078,9 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1085
1078
|
]),
|
|
1086
1079
|
_: 1
|
|
1087
1080
|
}, 8, ["modelValue", "class", "hint-text", "label", "placeholder", "onChange"])) : n("", !0),
|
|
1088
|
-
s.filterSchema.length ? (
|
|
1081
|
+
s.filterSchema.length ? (r(), o("div", {
|
|
1089
1082
|
key: 1,
|
|
1090
|
-
class:
|
|
1083
|
+
class: a(["tw-col-span-1 tw-flex tw-items-end", [
|
|
1091
1084
|
e.$style["filter-toggle-btn"],
|
|
1092
1085
|
{ [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
|
|
1093
1086
|
]])
|
|
@@ -1103,14 +1096,14 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1103
1096
|
onClick: t.onFiltersToggleClick
|
|
1104
1097
|
}, {
|
|
1105
1098
|
default: m(() => [
|
|
1106
|
-
i.isFiltering ? (
|
|
1099
|
+
i.isFiltering ? (r(), h(c, {
|
|
1107
1100
|
key: 0,
|
|
1108
1101
|
name: "working",
|
|
1109
|
-
class:
|
|
1102
|
+
class: a([
|
|
1110
1103
|
{ "tw-animate-spin": i.isFiltering },
|
|
1111
1104
|
i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"
|
|
1112
1105
|
])
|
|
1113
|
-
}, null, 8, ["class"])) : (
|
|
1106
|
+
}, null, 8, ["class"])) : (r(), h(c, {
|
|
1114
1107
|
key: 1,
|
|
1115
1108
|
name: "filter-line"
|
|
1116
1109
|
})),
|
|
@@ -1122,22 +1115,22 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1122
1115
|
_: 1
|
|
1123
1116
|
}, 8, ["content"])
|
|
1124
1117
|
], 2)) : n("", !0),
|
|
1125
|
-
u("div",
|
|
1118
|
+
u("div", Me, [
|
|
1126
1119
|
f(e.$slots, "actions")
|
|
1127
1120
|
])
|
|
1128
1121
|
]),
|
|
1129
1122
|
S(z, {
|
|
1130
1123
|
"data-test": "filters|content",
|
|
1131
|
-
class:
|
|
1124
|
+
class: a(e.$style["filters-expand"]),
|
|
1132
1125
|
"is-expanded": i.isShowingFilters
|
|
1133
1126
|
}, {
|
|
1134
1127
|
default: m(() => [
|
|
1135
1128
|
u("div", {
|
|
1136
|
-
class:
|
|
1129
|
+
class: a(["tw-relative tw-pt-12", e.$style["filters-wrapper"]])
|
|
1137
1130
|
}, [
|
|
1138
1131
|
S(C, {
|
|
1139
1132
|
ref: "llFilters",
|
|
1140
|
-
class:
|
|
1133
|
+
class: a({ [e.$style["filters-half-width"]]: t.showPrimaryControls && t.showSecondaryControls }),
|
|
1141
1134
|
"disable-apply": t.isLoading,
|
|
1142
1135
|
"disable-clear": t.isLoading || !t.numberOfFilters,
|
|
1143
1136
|
"disable-persistency": s.disablePersistency,
|
|
@@ -1152,22 +1145,22 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1152
1145
|
_: 1
|
|
1153
1146
|
}, 8, ["class", "is-expanded"])
|
|
1154
1147
|
], 2)) : n("", !0),
|
|
1155
|
-
t.showSecondaryControls ? (
|
|
1148
|
+
t.showSecondaryControls ? (r(), o("div", {
|
|
1156
1149
|
key: 1,
|
|
1157
|
-
class:
|
|
1150
|
+
class: a(["secondary-controls", [e.$style["legacy-box"], { "tw-col-span-12 tw-mt-0 lg:tw-col-span-6": t.showPrimaryControls }]])
|
|
1158
1151
|
}, [
|
|
1159
1152
|
f(e.$slots, "secondary-controls")
|
|
1160
1153
|
], 2)) : n("", !0)
|
|
1161
1154
|
], 2)) : n("", !0),
|
|
1162
1155
|
f(e.$slots, "eyebrow"),
|
|
1163
|
-
t.shouldShowTotal || Object.keys(s.sorts).length ? (
|
|
1156
|
+
t.shouldShowTotal || Object.keys(s.sorts).length ? (r(), o("div", {
|
|
1164
1157
|
key: 1,
|
|
1165
|
-
class:
|
|
1158
|
+
class: a(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
|
|
1166
1159
|
}, [
|
|
1167
|
-
t.shouldShowTotal ? (
|
|
1168
|
-
Object.keys(s.sorts).length ? (
|
|
1160
|
+
t.shouldShowTotal ? (r(), o("div", Ge, _(t.total), 1)) : n("", !0),
|
|
1161
|
+
Object.keys(s.sorts).length ? (r(), h(j, {
|
|
1169
1162
|
key: 1,
|
|
1170
|
-
class:
|
|
1163
|
+
class: a(e.$style.dropdown),
|
|
1171
1164
|
label: `${s.sortLabel} ${i.sortTerm}`,
|
|
1172
1165
|
onToggleOnce: t.onSortToggle
|
|
1173
1166
|
}, {
|
|
@@ -1177,18 +1170,18 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1177
1170
|
class: "dropdown__list",
|
|
1178
1171
|
style: Y({ minWidth: i.sortOptionsWidth })
|
|
1179
1172
|
}, [
|
|
1180
|
-
(
|
|
1173
|
+
(r(!0), o(J, null, Q(Object.keys(s.sorts), (y, K) => (r(), o("li", {
|
|
1181
1174
|
key: K,
|
|
1182
|
-
class:
|
|
1175
|
+
class: a([{ "tw-bg-blue-100 tw-text-ice-700": y === i.sortTerm }, "dropdown__item tw-rounded"])
|
|
1183
1176
|
}, [
|
|
1184
1177
|
S(g, {
|
|
1185
1178
|
inline: "",
|
|
1186
|
-
class:
|
|
1187
|
-
onClick: (
|
|
1179
|
+
class: a(["tw-items-center", e.$style["sort-option"]]),
|
|
1180
|
+
onClick: (We) => t.onSort(y)
|
|
1188
1181
|
}, {
|
|
1189
1182
|
default: m(() => [
|
|
1190
1183
|
T(_(y) + " ", 1),
|
|
1191
|
-
y === i.sortTerm ? (
|
|
1184
|
+
y === i.sortTerm ? (r(), h(c, {
|
|
1192
1185
|
key: 0,
|
|
1193
1186
|
name: "check",
|
|
1194
1187
|
class: "tw-ml-auto tw-text-blue-500"
|
|
@@ -1202,13 +1195,13 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1202
1195
|
_: 1
|
|
1203
1196
|
}, 8, ["class", "label", "onToggleOnce"])) : n("", !0)
|
|
1204
1197
|
], 2)) : n("", !0),
|
|
1205
|
-
t.useDefinedSlots ? (
|
|
1198
|
+
t.useDefinedSlots ? (r(), o("div", {
|
|
1206
1199
|
key: 2,
|
|
1207
|
-
class:
|
|
1200
|
+
class: a(e.$style["list-items"])
|
|
1208
1201
|
}, [
|
|
1209
|
-
E((
|
|
1202
|
+
E((r(), o("header", {
|
|
1210
1203
|
"data-test": "header|defined-slot",
|
|
1211
|
-
class:
|
|
1204
|
+
class: a([[
|
|
1212
1205
|
e.$style.header,
|
|
1213
1206
|
{
|
|
1214
1207
|
"tw-m-0": !s.isSelectable
|
|
@@ -1216,22 +1209,22 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1216
1209
|
], "tw-rounded"])
|
|
1217
1210
|
}, [
|
|
1218
1211
|
u("div", {
|
|
1219
|
-
class:
|
|
1212
|
+
class: a([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
|
|
1220
1213
|
}, [
|
|
1221
|
-
s.isSelectable ? (
|
|
1214
|
+
s.isSelectable ? (r(), h(H, {
|
|
1222
1215
|
key: 0,
|
|
1223
|
-
class:
|
|
1216
|
+
class: a(["tw-ml-3", e.$style["select-all"]]),
|
|
1224
1217
|
checked: t.isSomePageChecked,
|
|
1225
1218
|
indeterminate: t.isSomePageChecked && !t.isAllPageChecked,
|
|
1226
1219
|
"onUpdate:checked": t.onSelectPage
|
|
1227
1220
|
}, null, 8, ["checked", "class", "indeterminate", "onUpdate:checked"])) : n("", !0),
|
|
1228
1221
|
u("div", {
|
|
1229
|
-
class:
|
|
1222
|
+
class: a(["tw-ll-grid tw-flex-1", e.$style["header-grid"]])
|
|
1230
1223
|
}, [
|
|
1231
1224
|
f(e.$slots, "list-header")
|
|
1232
1225
|
], 2)
|
|
1233
1226
|
], 2),
|
|
1234
|
-
s.isSelectable ? (
|
|
1227
|
+
s.isSelectable ? (r(), h(M, X({ key: 0 }, {
|
|
1235
1228
|
allowSelectAll: !s.hideSelectAll && !s.isServerSide,
|
|
1236
1229
|
isAllPageChecked: t.isAllPageChecked,
|
|
1237
1230
|
isSomePageChecked: t.isSomePageChecked,
|
|
@@ -1253,7 +1246,7 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1253
1246
|
], 2)), [
|
|
1254
1247
|
[U, t.headerOffset]
|
|
1255
1248
|
]),
|
|
1256
|
-
(
|
|
1249
|
+
(r(), h(Z(s.disableLoader ? "div" : "LoadingManager"), {
|
|
1257
1250
|
"empty-state-text": s.emptyStateText,
|
|
1258
1251
|
loading: t.isLoading,
|
|
1259
1252
|
results: t.paginated
|
|
@@ -1282,7 +1275,7 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1282
1275
|
searchTerm: i.searchTerm,
|
|
1283
1276
|
total: t.totalCount
|
|
1284
1277
|
}),
|
|
1285
|
-
t.totalCount > s.pageSize ? (
|
|
1278
|
+
t.totalCount > s.pageSize ? (r(), h(G, {
|
|
1286
1279
|
key: 3,
|
|
1287
1280
|
"current-page": i.currentPage,
|
|
1288
1281
|
"list-length": t.totalCount,
|
|
@@ -1291,14 +1284,14 @@ function Ke(e, l, s, p, i, t) {
|
|
|
1291
1284
|
}, null, 8, ["current-page", "list-length", "page-size", "onSetPage"])) : n("", !0)
|
|
1292
1285
|
]);
|
|
1293
1286
|
}
|
|
1294
|
-
const
|
|
1295
|
-
$style:
|
|
1296
|
-
},
|
|
1287
|
+
const Ke = {
|
|
1288
|
+
$style: Ne
|
|
1289
|
+
}, ft = /* @__PURE__ */ k(ze, [["render", Ue], ["__cssModules", Ke]]);
|
|
1297
1290
|
export {
|
|
1298
1291
|
pe as BulkActions,
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1292
|
+
mt as ListGroup,
|
|
1293
|
+
gt as ListHeader,
|
|
1294
|
+
ke as LoadingManager,
|
|
1295
|
+
ft as default
|
|
1303
1296
|
};
|
|
1304
1297
|
//# sourceMappingURL=ListView.js.map
|