@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/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 a, normalizeClass as r, 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";
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 a(), o("div", {
99
- class: r(["lg:tw-flex", [
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: r(["tw-flex tw-items-center", {
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: r([e.$style.checkbox, "tw-m-0 lg:tw-hidden"]),
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 ? (a(), o("div", ge, [
121
- s.hideNumberOfTotalSelected ? n("", !0) : (a(), o("div", fe, _(t.numberOfTotalSelectedText), 1)),
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: r({ "tw-ml-3": !s.hideNumberOfTotalSelected })
123
+ class: a({ "tw-ml-3": !s.hideNumberOfTotalSelected })
124
124
  }, [
125
- t.showSelectAll ? (a(), h(g, {
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"])) : (a(), h(g, {
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 ? (a(), o("div", Se, [
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 ? (a(), o("div", {
149
+ s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", {
150
150
  key: 0,
151
- class: r(e.$style.actions)
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 ke(e, l, s, p, i, t) {
177
+ function be(e, l, s, p, i, t) {
180
178
  const c = d("Loading"), g = d("EmptyState");
181
- return s.loading ? (a(), h(c, {
179
+ return s.loading ? (r(), h(c, {
182
180
  key: 0,
183
181
  class: "tw-bg-white"
184
- })) : s.results.length ? (a(), h(F, {
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
- })) : (a(), h(g, {
191
+ })) : (r(), h(g, {
194
192
  key: 2,
195
- class: r(["tw-bg-white", e.$style["empty-state"]]),
193
+ class: "tw-max-w-full tw-bg-white",
196
194
  text: s.emptyStateText
197
- }, null, 8, ["class", "text"]));
195
+ }, null, 8, ["text"]));
198
196
  }
199
- const Ce = {
200
- $style: _e
201
- }, Te = /* @__PURE__ */ k(be, [["render", ke], ["__cssModules", Ce]]), Ie = {
202
- "main-header": "_main-header_1wlsh_2",
203
- "expanded-content-wrapper": "_expanded-content-wrapper_1wlsh_18",
204
- "expanded-content-header": "_expanded-content-header_1wlsh_29",
205
- "expanded-content-header-grid": "_expanded-content-header-grid_1wlsh_52",
206
- "expansion-toggle-button": "_expansion-toggle-button_1wlsh_70",
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
- }, ve = { class: "tw-flex-auto" }, Be = { ref: "actionsContainer" };
264
- function Ae(e, l, s, p, i, t) {
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 a(), o("div", {
267
- class: r([
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: r(["tw-flex tw-items-center", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
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 ? (a(), h(g, {
274
+ s.isCollapsible ? (r(), h(g, {
280
275
  key: 0,
281
- class: r(["tw-mr-1.5 tw-text-ice-900", e.$style["expansion-toggle-button"]]),
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: r([i.isExpanded ? "tw-rotate-270" : "rotate-180"]),
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", ve, [
287
+ u("div", Ie, [
293
288
  f(e.$slots, "title")
294
289
  ]),
295
- u("div", Be, [
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
- class: r(e.$style["expanded-content-wrapper"])
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: r(e.$style["expanded-content-header"])
302
+ class: a(e.$style["expanded-content-header"])
310
303
  }, [
311
304
  u("div", {
312
- class: r(["tw-ll-grid tw-flex-1", e.$style["expanded-content-header-grid"]])
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: r(e.$style["expanded-content-list-items-wrapper"])
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
- ], 2)
325
+ ])
333
326
  ]),
334
327
  _: 3
335
328
  }, 8, ["is-expanded"])
336
329
  ], 2);
337
330
  }
338
- const Pe = {
339
- $style: Ie
340
- }, gt = /* @__PURE__ */ k(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
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: Fe
344
- }, Ee = {
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 Le(e, l, s, p, i, t) {
402
+ function Ee(e, l, s, p, i, t) {
410
403
  const c = d("ll-icon");
411
- return a(), o("div", {
412
- class: r(["tw-cursor-pointer", { "tw-bg-blue-100": t.isSorted }]),
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: r(["h-4 w-3 tw-relative tw-text-ice-700", { "is-active-sort": t.isSorted }])
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 ? (a(), h(c, {
412
+ t.showCaretUp ? (r(), h(c, {
420
413
  key: 0,
421
414
  name: "caret-up",
422
- class: r(["tw-absolute", [e.$style.caret, e.$style["caret-up"]]]),
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 ? (a(), h(c, {
418
+ t.showCaretDown ? (r(), h(c, {
426
419
  key: 1,
427
420
  name: "caret-down",
428
- class: r(["tw-absolute", [e.$style.caret, e.$style["caret-down"]]]),
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 Ve = {
435
- $style: Oe
436
- }, ft = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_c8ut0_25", Re = "_separator_c8ut0_1", Ne = "_dropdown_c8ut0_199", ze = {
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: De,
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: Re,
443
+ separator: De,
451
444
  "filters-half-width": "_filters-half-width_c8ut0_191",
452
- dropdown: Ne,
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
- }, He = {
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: Te,
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" }, Me = ["disabled"], Ge = { class: "button-grid tw-col-span-1 tw-items-end tw-justify-end lg:tw-col-span-3" }, Ue = {
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 Ke(e, l, s, p, i, t) {
1035
- const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), C = d("Filters"), z = d("Expand"), H = d("Dropdown"), j = d("Checkbox"), M = d("BulkActions"), G = d("Paginate"), U = O("sticky");
1036
- return a(), o("div", null, [
1037
- t.showPrimaryControls || t.showSecondaryControls ? (a(), o("div", {
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: r(["tw-mb-6", { "tw-ll-grid": t.showPrimaryControls && t.showSecondaryControls }])
1033
+ class: a(["tw-mb-6", { "tw-ll-grid": t.showPrimaryControls && t.showSecondaryControls }])
1041
1034
  }, [
1042
- t.showPrimaryControls ? (a(), o("div", {
1035
+ t.showPrimaryControls ? (r(), o("div", {
1043
1036
  key: 0,
1044
- class: r(["controls", [e.$style["legacy-box"], { "tw-col-span-12 lg:tw-col-span-6": t.showSecondaryControls }]]),
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 ? (a(), h(I, {
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: r(["tw-col-span-3 md:tw-col-span-4", [e.$style["search-input"], { "lg:tw-col-span-8": t.showSecondaryControls }]]),
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 ? (a(), o("button", {
1055
+ i.searchTerm ? (r(), o("button", {
1063
1056
  key: 0,
1064
1057
  "data-test": "button|clear-search",
1065
- class: r(e.$style["clear-button"]),
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, Me)) : n("", !0),
1063
+ ], 10, He)) : n("", !0),
1071
1064
  S(g, {
1072
1065
  "data-test": "button|search-button",
1073
1066
  disabled: t.isLoading,
1074
- class: r(e.$style["search-button"]),
1067
+ class: a(e.$style["search-button"]),
1075
1068
  onClick: t.onSearch
1076
1069
  }, {
1077
1070
  default: m(() => [
1078
1071
  S(c, {
1079
- class: r({ "tw-animate-spin tw-text-teal-500": i.isFiltering }),
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 ? (a(), o("div", {
1081
+ s.filterSchema.length ? (r(), o("div", {
1089
1082
  key: 1,
1090
- class: r(["tw-col-span-1 tw-flex tw-items-end", [
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 ? (a(), h(c, {
1099
+ i.isFiltering ? (r(), h(c, {
1107
1100
  key: 0,
1108
1101
  name: "working",
1109
- class: r([
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"])) : (a(), h(c, {
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", Ge, [
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: r(e.$style["filters-expand"]),
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: r(["tw-relative tw-pt-12", e.$style["filters-wrapper"]])
1129
+ class: a(["tw-relative tw-pt-12", e.$style["filters-wrapper"]])
1137
1130
  }, [
1138
1131
  S(C, {
1139
1132
  ref: "llFilters",
1140
- class: r({ [e.$style["filters-half-width"]]: t.showPrimaryControls && t.showSecondaryControls }),
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 ? (a(), o("div", {
1148
+ t.showSecondaryControls ? (r(), o("div", {
1156
1149
  key: 1,
1157
- class: r(["secondary-controls", [e.$style["legacy-box"], { "tw-col-span-12 tw-mt-0 lg:tw-col-span-6": t.showPrimaryControls }]])
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 ? (a(), o("div", {
1156
+ t.shouldShowTotal || Object.keys(s.sorts).length ? (r(), o("div", {
1164
1157
  key: 1,
1165
- class: r(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
1158
+ class: a(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
1166
1159
  }, [
1167
- t.shouldShowTotal ? (a(), o("div", Ue, _(t.total), 1)) : n("", !0),
1168
- Object.keys(s.sorts).length ? (a(), h(H, {
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: r(e.$style.dropdown),
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
- (a(!0), o(J, null, Q(Object.keys(s.sorts), (y, K) => (a(), o("li", {
1173
+ (r(!0), o(J, null, Q(Object.keys(s.sorts), (y, K) => (r(), o("li", {
1181
1174
  key: K,
1182
- class: r([{ "tw-bg-blue-100 tw-text-ice-700": y === i.sortTerm }, "dropdown__item tw-rounded"])
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: r(["tw-items-center", e.$style["sort-option"]]),
1187
- onClick: (qe) => t.onSort(y)
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 ? (a(), h(c, {
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 ? (a(), o("div", {
1198
+ t.useDefinedSlots ? (r(), o("div", {
1206
1199
  key: 2,
1207
- class: r(e.$style["list-items"])
1200
+ class: a(e.$style["list-items"])
1208
1201
  }, [
1209
- E((a(), o("header", {
1202
+ E((r(), o("header", {
1210
1203
  "data-test": "header|defined-slot",
1211
- class: r([[
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: r([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
1212
+ class: a([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
1220
1213
  }, [
1221
- s.isSelectable ? (a(), h(j, {
1214
+ s.isSelectable ? (r(), h(H, {
1222
1215
  key: 0,
1223
- class: r(["tw-ml-3", e.$style["select-all"]]),
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: r(["tw-ll-grid tw-flex-1", e.$style["header-grid"]])
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 ? (a(), h(M, X({ key: 0 }, {
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
- (a(), h(Z(s.disableLoader ? "div" : "LoadingManager"), {
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 ? (a(), h(G, {
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 We = {
1295
- $style: ze
1296
- }, St = /* @__PURE__ */ k(He, [["render", Ke], ["__cssModules", We]]);
1287
+ const Ke = {
1288
+ $style: Ne
1289
+ }, ft = /* @__PURE__ */ k(ze, [["render", Ue], ["__cssModules", Ke]]);
1297
1290
  export {
1298
1291
  pe as BulkActions,
1299
- gt as ListGroup,
1300
- ft as ListHeader,
1301
- Te as LoadingManager,
1302
- St as default
1292
+ mt as ListGroup,
1293
+ gt as ListHeader,
1294
+ ke as LoadingManager,
1295
+ ft as default
1303
1296
  };
1304
1297
  //# sourceMappingURL=ListView.js.map