@leaflink/stash 51.9.2 → 51.10.0

package/dist/ListView.js

@@ -1,5 +1,5 @@
 import W from "lodash-es/cloneDeep";
-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";
+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";
 import ee from "./useSearch.js";
 import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as b } from "./constants.js";
 import V from "./directives/sticky.js";
@@ -95,8 +95,8 @@ const de = "_checkbox_hsxyw_10", he = "_actions_hsxyw_14", ue = {
 };
 function ye(e, l, s, p, i, t) {
   const c = d("ll-checkbox"), g = d("ll-button");
-  return a(), o("div", {
-    class: r(["lg:tw-flex", [
+  return r(), o("div", {
+    class: a(["lg:tw-flex", [
       e.$style["select-bar"],
       {
         "lg:tw-hidden": s.hideBulkActionOptions
@@ -105,24 +105,24 @@ function ye(e, l, s, p, i, t) {
     ]])
   }, [
     u("div", {
-      class: r(["tw-flex tw-items-center", {
+      class: a(["tw-flex tw-items-center", {
         "tw-justify-between": !s.hideBulkActionOptions
       }])
     }, [
       S(c, {
         "data-test": "checkbox|bulk-actions",
-        class: r([e.$style.checkbox, "tw-m-0 lg:tw-hidden"]),
+        class: a([e.$style.checkbox, "tw-m-0 lg:tw-hidden"]),
         checked: s.isSomePageChecked && !!s.totalCount,
         indeterminate: s.isSomePageChecked && !s.isAllPageChecked,
         label: s.totalSelectedCount ? "" : e.selectAllText,
         "onUpdate:checked": t.onSelectPage
       }, null, 8, ["class", "checked", "indeterminate", "label", "onUpdate:checked"]),
-      s.totalSelectedCount && !s.hideBulkActionOptions ? (a(), o("div", ge, [
-        s.hideNumberOfTotalSelected ? n("", !0) : (a(), o("div", fe, _(t.numberOfTotalSelectedText), 1)),
+      s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", ge, [
+        s.hideNumberOfTotalSelected ? n("", !0) : (r(), o("div", fe, _(t.numberOfTotalSelectedText), 1)),
         u("div", {
-          class: r({ "tw-ml-3": !s.hideNumberOfTotalSelected })
+          class: a({ "tw-ml-3": !s.hideNumberOfTotalSelected })
         }, [
-          t.showSelectAll ? (a(), h(g, {
+          t.showSelectAll ? (r(), h(g, {
             key: 0,
             inline: "",
             onClick: t.selectAll
@@ -131,7 +131,7 @@ function ye(e, l, s, p, i, t) {
               T(_(t.selectAllCountText), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : (a(), h(g, {
+          }, 8, ["onClick"])) : (r(), h(g, {
             key: 1,
             inline: "",
             onClick: t.clearSelected
@@ -142,13 +142,13 @@ function ye(e, l, s, p, i, t) {
             _: 1
           }, 8, ["onClick"]))
         ], 2)
-      ])) : s.hideBulkActionOptions && s.totalSelectedCount ? (a(), o("div", Se, [
+      ])) : s.hideBulkActionOptions && s.totalSelectedCount ? (r(), o("div", Se, [
         u("h4", null, _(t.numItemsSelectedText), 1)
       ])) : n("", !0)
     ], 2),
-    s.totalSelectedCount && !s.hideBulkActionOptions ? (a(), o("div", {
+    s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", {
       key: 0,
-      class: r(e.$style.actions)
+      class: a(e.$style.actions)
     }, [
       f(e.$slots, "bulk-actions-content")
     ], 2)) : n("", !0)
@@ -157,8 +157,6 @@ function ye(e, l, s, p, i, t) {
 const we = {
   $style: ue
 }, pe = /* @__PURE__ */ k(me, [["render", ye], ["__cssModules", we]]), _e = {
-  "empty-state": "_empty-state_12gjn_2"
-}, be = {
   name: "loading-manager",
   components: {
     EmptyState: oe,
@@ -176,12 +174,12 @@ const we = {
     }
   }
 };
-function ke(e, l, s, p, i, t) {
+function be(e, l, s, p, i, t) {
   const c = d("Loading"), g = d("EmptyState");
-  return s.loading ? (a(), h(c, {
+  return s.loading ? (r(), h(c, {
     key: 0,
     class: "tw-bg-white"
-  })) : s.results.length ? (a(), h(F, {
+  })) : s.results.length ? (r(), h(F, {
     key: 1,
     name: "slide-y",
     tag: "ul"
@@ -190,23 +188,20 @@ function ke(e, l, s, p, i, t) {
       f(e.$slots, "default")
     ]),
     _: 3
-  })) : (a(), h(g, {
+  })) : (r(), h(g, {
     key: 2,
-    class: r(["tw-bg-white", e.$style["empty-state"]]),
+    class: "tw-max-w-full tw-bg-white",
     text: s.emptyStateText
-  }, null, 8, ["class", "text"]));
+  }, null, 8, ["text"]));
 }
-const Ce = {
-  $style: _e
-}, Te = /* @__PURE__ */ k(be, [["render", ke], ["__cssModules", Ce]]), Ie = {
-  "main-header": "_main-header_1wlsh_2",
-  "expanded-content-wrapper": "_expanded-content-wrapper_1wlsh_18",
-  "expanded-content-header": "_expanded-content-header_1wlsh_29",
-  "expanded-content-header-grid": "_expanded-content-header-grid_1wlsh_52",
-  "expansion-toggle-button": "_expansion-toggle-button_1wlsh_70",
-  "list-group": "_list-group_1wlsh_74",
-  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_1wlsh_81"
-}, xe = {
+const ke = /* @__PURE__ */ k(_e, [["render", be]]), Ce = {
+  "main-header": "_main-header_1jn5d_2",
+  "expanded-content-header": "_expanded-content-header_1jn5d_18",
+  "expanded-content-header-grid": "_expanded-content-header-grid_1jn5d_41",
+  "expansion-toggle-button": "_expansion-toggle-button_1jn5d_59",
+  "list-group": "_list-group_1jn5d_63",
+  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_1jn5d_70"
+}, Te = {
   name: "list-group",
   components: {
     Expand: N,
@@ -260,11 +255,11 @@ const Ce = {
       this.$refs.actionsContainer.contains(e.target) || this.toggleExpand();
     }
   }
-}, ve = { class: "tw-flex-auto" }, Be = { ref: "actionsContainer" };
-function Ae(e, l, s, p, i, t) {
+}, Ie = { class: "tw-flex-auto" }, xe = { ref: "actionsContainer" }, ve = { class: "tw-relative tw-w-full lg:tw-shadow" };
+function Be(e, l, s, p, i, t) {
   const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
-  return a(), o("div", {
-    class: r([
+  return r(), o("div", {
+    class: a([
       e.$style["list-group"],
       {
         [e.$style["disable-external-gutters"]]: s.disableExternalGutters,
@@ -273,26 +268,26 @@ function Ae(e, l, s, p, i, t) {
     ])
   }, [
     u("header", {
-      class: r(["tw-flex tw-items-center", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
+      class: a(["tw-flex tw-items-center", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
       onClick: l[0] || (l[0] = (...C) => t.onHeaderClick && t.onHeaderClick(...C))
     }, [
-      s.isCollapsible ? (a(), h(g, {
+      s.isCollapsible ? (r(), h(g, {
         key: 0,
-        class: r(["tw-mr-1.5 tw-text-ice-900", e.$style["expansion-toggle-button"]]),
+        class: a(["tw-mr-1.5 tw-text-ice-900", e.$style["expansion-toggle-button"]]),
         icon: ""
       }, {
         default: m(() => [
           S(c, {
-            class: r([i.isExpanded ? "tw-rotate-270" : "rotate-180"]),
+            class: a([i.isExpanded ? "tw-rotate-270" : "rotate-180"]),
             name: "chevron-left"
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 8, ["class"])) : n("", !0),
-      u("div", ve, [
+      u("div", Ie, [
         f(e.$slots, "title")
       ]),
-      u("div", Be, [
+      u("div", xe, [
         f(e.$slots, "actions")
       ], 512)
     ], 2),
@@ -301,15 +296,13 @@ function Ae(e, l, s, p, i, t) {
       onAfterExpand: l[1] || (l[1] = (C) => i.isDoneExpanding = !0)
     }, {
       default: m(() => [
-        u("div", {
-          class: r(e.$style["expanded-content-wrapper"])
-        }, [
-          e.$slots["expanded-content-list-header"] ? E((a(), o("header", {
+        u("div", ve, [
+          e.$slots["expanded-content-list-header"] ? E((r(), o("header", {
             key: 0,
-            class: r(e.$style["expanded-content-header"])
+            class: a(e.$style["expanded-content-header"])
           }, [
             u("div", {
-              class: r(["tw-ll-grid tw-flex-1", e.$style["expanded-content-header-grid"]])
+              class: a(["tw-ll-grid tw-flex-1", e.$style["expanded-content-header-grid"]])
             }, [
               f(e.$slots, "expanded-content-list-header")
             ], 2)
@@ -317,7 +310,7 @@ function Ae(e, l, s, p, i, t) {
             [x, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
           ]) : n("", !0),
           u("div", {
-            class: r(e.$style["expanded-content-list-items-wrapper"])
+            class: a(e.$style["expanded-content-list-items-wrapper"])
           }, [
             S(F, {
               name: "fade",
@@ -329,19 +322,19 @@ function Ae(e, l, s, p, i, t) {
               _: 3
             })
           ], 2)
-        ], 2)
+        ])
       ]),
       _: 3
     }, 8, ["is-expanded"])
   ], 2);
 }
-const Pe = {
-  $style: Ie
-}, gt = /* @__PURE__ */ k(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
+const Ae = {
+  $style: Ce
+}, mt = /* @__PURE__ */ k(Te, [["render", Be], ["__cssModules", Ae]]), Pe = "_caret_1147a_2", Fe = {
   "caret-up": "_caret-up_1147a_2",
   "caret-down": "_caret-down_1147a_6",
-  caret: Fe
-}, Ee = {
+  caret: Pe
+}, Oe = {
   name: "list-header",
   components: {
     "ll-icon": B
@@ -406,37 +399,37 @@ const Pe = {
     }
   }
 };
-function Le(e, l, s, p, i, t) {
+function Ee(e, l, s, p, i, t) {
   const c = d("ll-icon");
-  return a(), o("div", {
-    class: r(["tw-cursor-pointer", { "tw-bg-blue-100": t.isSorted }]),
+  return r(), o("div", {
+    class: a(["tw-cursor-pointer", { "tw-bg-blue-100": t.isSorted }]),
     onClick: l[0] || (l[0] = (...g) => t.sort && t.sort(...g))
   }, [
     f(e.$slots, "default"),
     u("div", {
-      class: r(["h-4 w-3 tw-relative tw-text-ice-700", { "is-active-sort": t.isSorted }])
+      class: a(["tw-relative tw-h-4 tw-w-3 tw-text-ice-700", { "is-active-sort": t.isSorted }])
     }, [
-      t.showCaretUp ? (a(), h(c, {
+      t.showCaretUp ? (r(), h(c, {
         key: 0,
         name: "caret-up",
-        class: r(["tw-absolute", [e.$style.caret, e.$style["caret-up"]]]),
+        class: a(["tw-absolute", [e.$style.caret, e.$style["caret-up"]]]),
         size: "dense"
       }, null, 8, ["class"])) : n("", !0),
-      t.showCaretDown ? (a(), h(c, {
+      t.showCaretDown ? (r(), h(c, {
         key: 1,
         name: "caret-down",
-        class: r(["tw-absolute", [e.$style.caret, e.$style["caret-down"]]]),
+        class: a(["tw-absolute", [e.$style.caret, e.$style["caret-down"]]]),
         size: "dense"
       }, null, 8, ["class"])) : n("", !0)
     ], 2)
   ], 2);
 }
-const Ve = {
-  $style: Oe
-}, ft = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_c8ut0_25", Re = "_separator_c8ut0_1", Ne = "_dropdown_c8ut0_199", ze = {
+const Le = {
+  $style: Fe
+}, gt = /* @__PURE__ */ k(Oe, [["render", Ee], ["__cssModules", Le]]), Ve = "_header_c8ut0_25", De = "_separator_c8ut0_1", Re = "_dropdown_c8ut0_199", Ne = {
   "list-items": "_list-items_c8ut0_2",
   "legacy-box": "_legacy-box_c8ut0_16",
-  header: De,
+  header: Ve,
   "header-grid-container": "_header-grid-container_c8ut0_75",
   "header-grid": "_header-grid_c8ut0_75",
   "search-input": "_search-input_c8ut0_109",
@@ -447,22 +440,22 @@ const Ve = {
   "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_c8ut0_162",
   "filters-expand": "_filters-expand_c8ut0_177",
   "filters-wrapper": "_filters-wrapper_c8ut0_178",
-  separator: Re,
+  separator: De,
   "filters-half-width": "_filters-half-width_c8ut0_191",
-  dropdown: Ne,
+  dropdown: Re,
   "sort-option": "_sort-option_c8ut0_203",
   "select-all": "_select-all_c8ut0_207"
 }, P = {
   isSearchable: !0,
   placeholder: "Search",
   searchBy: ["name"]
-}, He = {
+}, ze = {
   name: "ll-list-view",
   components: {
     BulkActions: pe,
     Filters: re,
     Paginate: ne,
-    LoadingManager: Te,
+    LoadingManager: ke,
     Badge: le,
     Button: v,
     Icon: B,
@@ -658,7 +651,6 @@ const Ve = {
     "updateResults"
   ],
   data() {
-    var e;
     return {
       internalItems: [],
       currentPage: this.initialPage || 1,
@@ -674,7 +666,7 @@ const Ve = {
       searchText: w("ll.search"),
       sortTerm: "",
       isLoadingSearchSchemaAction: !1,
-      isShowingFilters: !!((e = this.filterSchema) != null && e.length && (this.showFiltersOnLoad || A.get("show-filters"))),
+      isShowingFilters: !!(this.filterSchema?.length && (this.showFiltersOnLoad || A.get("show-filters"))),
       isFiltering: !1,
       results: [],
       selectedItems: []
@@ -864,7 +856,7 @@ const Ve = {
         } finally {
           this.isLoadingSearchSchemaAction = !1;
         }
-        this.results = this.sortItems(this.filterItems((e == null ? void 0 : e.results) || []));
+        this.results = this.sortItems(this.filterItems(e?.results || []));
       } else
         this.results = this.sortItems(this.filterItems(this.searchFor(this.searchTerm)));
       this.trackResults({
@@ -908,8 +900,7 @@ const Ve = {
      * Clear search term and reset results to their initial state
      */
     async clearSearchTerm() {
-      var e, l;
-      this.searchTerm = "", await ((l = (e = this.$attrs).onSearchTermClear) == null ? void 0 : l.call(e)), this.onSearch();
+      this.searchTerm = "", await this.$attrs.onSearchTermClear?.(), this.onSearch();
     },
     /**
      * Resets the results to their initial state on page load
@@ -922,8 +913,7 @@ const Ve = {
       this.processResults();
     },
     onSearchTermChange() {
-      var e, l;
-      (l = (e = this.$attrs).onSearchTermChange) == null || l.call(e, this.searchTerm);
+      this.$attrs.onSearchTermChange?.(this.searchTerm);
     },
     /**
      * Event handler for when the user:
@@ -1027,30 +1017,30 @@ const Ve = {
       return e.reduce((l, s) => this.isItemDisabled(s) ? l : [...l, s], []);
     }
   }
-}, 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 = {
+}, 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 = {
   key: 0,
   class: "tw-text-xs"
 };
-function Ke(e, l, s, p, i, t) {
-  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");
-  return a(), o("div", null, [
-    t.showPrimaryControls || t.showSecondaryControls ? (a(), o("div", {
+function Ue(e, l, s, p, i, t) {
+  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");
+  return r(), o("div", null, [
+    t.showPrimaryControls || t.showSecondaryControls ? (r(), o("div", {
       key: 0,
       ref: "scrollTarget",
-      class: r(["tw-mb-6", { "tw-ll-grid": t.showPrimaryControls && t.showSecondaryControls }])
+      class: a(["tw-mb-6", { "tw-ll-grid": t.showPrimaryControls && t.showSecondaryControls }])
     }, [
-      t.showPrimaryControls ? (a(), o("div", {
+      t.showPrimaryControls ? (r(), o("div", {
         key: 0,
-        class: r(["controls", [e.$style["legacy-box"], { "tw-col-span-12 lg:tw-col-span-6": t.showSecondaryControls }]]),
+        class: a(["controls", [e.$style["legacy-box"], { "tw-col-span-12 lg:tw-col-span-6": t.showSecondaryControls }]]),
         "data-test": "filters|controls"
       }, [
         u("div", je, [
-          t.internalSearchSchema.isSearchable ? (a(), h(I, {
+          t.internalSearchSchema.isSearchable ? (r(), h(I, {
             key: 0,
             ref: "search-input",
             modelValue: i.searchTerm,
             "onUpdate:modelValue": l[1] || (l[1] = (y) => i.searchTerm = y),
-            class: r(["tw-col-span-3 md:tw-col-span-4", [e.$style["search-input"], { "lg:tw-col-span-8": t.showSecondaryControls }]]),
+            class: a(["tw-col-span-3 md:tw-col-span-4", [e.$style["search-input"], { "lg:tw-col-span-8": t.showSecondaryControls }]]),
             "data-test": "input|search-input",
             "hint-text": t.internalSearchSchema.hintText,
             label: i.searchText,
@@ -1059,24 +1049,24 @@ function Ke(e, l, s, p, i, t) {
             onChange: t.onSearchTermChange
           }, {
             append: m(() => [
-              i.searchTerm ? (a(), o("button", {
+              i.searchTerm ? (r(), o("button", {
                 key: 0,
                 "data-test": "button|clear-search",
-                class: r(e.$style["clear-button"]),
+                class: a(e.$style["clear-button"]),
                 disabled: t.isLoading,
                 onClick: l[0] || (l[0] = (...y) => t.clearSearchTerm && t.clearSearchTerm(...y))
               }, [
                 S(c, { name: "close" })
-              ], 10, Me)) : n("", !0),
+              ], 10, He)) : n("", !0),
               S(g, {
                 "data-test": "button|search-button",
                 disabled: t.isLoading,
-                class: r(e.$style["search-button"]),
+                class: a(e.$style["search-button"]),
                 onClick: t.onSearch
               }, {
                 default: m(() => [
                   S(c, {
-                    class: r({ "tw-animate-spin tw-text-teal-500": i.isFiltering }),
+                    class: a({ "tw-animate-spin tw-text-teal-500": i.isFiltering }),
                     name: i.isFiltering ? "working" : "search"
                   }, null, 8, ["class", "name"])
                 ]),
@@ -1085,9 +1075,9 @@ function Ke(e, l, s, p, i, t) {
             ]),
             _: 1
           }, 8, ["modelValue", "class", "hint-text", "label", "placeholder", "onChange"])) : n("", !0),
-          s.filterSchema.length ? (a(), o("div", {
+          s.filterSchema.length ? (r(), o("div", {
             key: 1,
-            class: r(["tw-col-span-1 tw-flex tw-items-end", [
+            class: a(["tw-col-span-1 tw-flex tw-items-end", [
               e.$style["filter-toggle-btn"],
               { [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
             ]])
@@ -1103,14 +1093,14 @@ function Ke(e, l, s, p, i, t) {
                   onClick: t.onFiltersToggleClick
                 }, {
                   default: m(() => [
-                    i.isFiltering ? (a(), h(c, {
+                    i.isFiltering ? (r(), h(c, {
                       key: 0,
                       name: "working",
-                      class: r([
+                      class: a([
                         { "tw-animate-spin": i.isFiltering },
                         i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"
                       ])
-                    }, null, 8, ["class"])) : (a(), h(c, {
+                    }, null, 8, ["class"])) : (r(), h(c, {
                       key: 1,
                       name: "filter-line"
                     })),
@@ -1122,22 +1112,22 @@ function Ke(e, l, s, p, i, t) {
               _: 1
             }, 8, ["content"])
           ], 2)) : n("", !0),
-          u("div", Ge, [
+          u("div", Me, [
             f(e.$slots, "actions")
           ])
         ]),
         S(z, {
           "data-test": "filters|content",
-          class: r(e.$style["filters-expand"]),
+          class: a(e.$style["filters-expand"]),
           "is-expanded": i.isShowingFilters
         }, {
           default: m(() => [
             u("div", {
-              class: r(["tw-relative tw-pt-12", e.$style["filters-wrapper"]])
+              class: a(["tw-relative tw-pt-12", e.$style["filters-wrapper"]])
             }, [
               S(C, {
                 ref: "llFilters",
-                class: r({ [e.$style["filters-half-width"]]: t.showPrimaryControls && t.showSecondaryControls }),
+                class: a({ [e.$style["filters-half-width"]]: t.showPrimaryControls && t.showSecondaryControls }),
                 "disable-apply": t.isLoading,
                 "disable-clear": t.isLoading || !t.numberOfFilters,
                 "disable-persistency": s.disablePersistency,
@@ -1152,22 +1142,22 @@ function Ke(e, l, s, p, i, t) {
           _: 1
         }, 8, ["class", "is-expanded"])
       ], 2)) : n("", !0),
-      t.showSecondaryControls ? (a(), o("div", {
+      t.showSecondaryControls ? (r(), o("div", {
         key: 1,
-        class: r(["secondary-controls", [e.$style["legacy-box"], { "tw-col-span-12 tw-mt-0 lg:tw-col-span-6": t.showPrimaryControls }]])
+        class: a(["secondary-controls", [e.$style["legacy-box"], { "tw-col-span-12 tw-mt-0 lg:tw-col-span-6": t.showPrimaryControls }]])
       }, [
         f(e.$slots, "secondary-controls")
       ], 2)) : n("", !0)
     ], 2)) : n("", !0),
     f(e.$slots, "eyebrow"),
-    t.shouldShowTotal || Object.keys(s.sorts).length ? (a(), o("div", {
+    t.shouldShowTotal || Object.keys(s.sorts).length ? (r(), o("div", {
       key: 1,
-      class: r(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
+      class: a(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
     }, [
-      t.shouldShowTotal ? (a(), o("div", Ue, _(t.total), 1)) : n("", !0),
-      Object.keys(s.sorts).length ? (a(), h(H, {
+      t.shouldShowTotal ? (r(), o("div", Ge, _(t.total), 1)) : n("", !0),
+      Object.keys(s.sorts).length ? (r(), h(j, {
         key: 1,
-        class: r(e.$style.dropdown),
+        class: a(e.$style.dropdown),
         label: `${s.sortLabel} ${i.sortTerm}`,
         onToggleOnce: t.onSortToggle
       }, {
@@ -1177,18 +1167,18 @@ function Ke(e, l, s, p, i, t) {
             class: "dropdown__list",
             style: Y({ minWidth: i.sortOptionsWidth })
           }, [
-            (a(!0), o(J, null, Q(Object.keys(s.sorts), (y, K) => (a(), o("li", {
+            (r(!0), o(J, null, Q(Object.keys(s.sorts), (y, K) => (r(), o("li", {
               key: K,
-              class: r([{ "tw-bg-blue-100 tw-text-ice-700": y === i.sortTerm }, "dropdown__item tw-rounded"])
+              class: a([{ "tw-bg-blue-100 tw-text-ice-700": y === i.sortTerm }, "dropdown__item tw-rounded"])
             }, [
               S(g, {
                 inline: "",
-                class: r(["tw-items-center", e.$style["sort-option"]]),
-                onClick: (qe) => t.onSort(y)
+                class: a(["tw-items-center", e.$style["sort-option"]]),
+                onClick: (We) => t.onSort(y)
               }, {
                 default: m(() => [
                   T(_(y) + " ", 1),
-                  y === i.sortTerm ? (a(), h(c, {
+                  y === i.sortTerm ? (r(), h(c, {
                     key: 0,
                     name: "check",
                     class: "tw-ml-auto tw-text-blue-500"
@@ -1202,13 +1192,13 @@ function Ke(e, l, s, p, i, t) {
         _: 1
       }, 8, ["class", "label", "onToggleOnce"])) : n("", !0)
     ], 2)) : n("", !0),
-    t.useDefinedSlots ? (a(), o("div", {
+    t.useDefinedSlots ? (r(), o("div", {
       key: 2,
-      class: r(e.$style["list-items"])
+      class: a(e.$style["list-items"])
     }, [
-      E((a(), o("header", {
+      E((r(), o("header", {
         "data-test": "header|defined-slot",
-        class: r([[
+        class: a([[
           e.$style.header,
           {
             "tw-m-0": !s.isSelectable
@@ -1216,22 +1206,22 @@ function Ke(e, l, s, p, i, t) {
         ], "tw-rounded"])
       }, [
         u("div", {
-          class: r([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
+          class: a([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
         }, [
-          s.isSelectable ? (a(), h(j, {
+          s.isSelectable ? (r(), h(H, {
             key: 0,
-            class: r(["tw-ml-3", e.$style["select-all"]]),
+            class: a(["tw-ml-3", e.$style["select-all"]]),
             checked: t.isSomePageChecked,
             indeterminate: t.isSomePageChecked && !t.isAllPageChecked,
             "onUpdate:checked": t.onSelectPage
           }, null, 8, ["checked", "class", "indeterminate", "onUpdate:checked"])) : n("", !0),
           u("div", {
-            class: r(["tw-ll-grid tw-flex-1", e.$style["header-grid"]])
+            class: a(["tw-ll-grid tw-flex-1", e.$style["header-grid"]])
           }, [
             f(e.$slots, "list-header")
           ], 2)
         ], 2),
-        s.isSelectable ? (a(), h(M, X({ key: 0 }, {
+        s.isSelectable ? (r(), h(M, X({ key: 0 }, {
           allowSelectAll: !s.hideSelectAll && !s.isServerSide,
           isAllPageChecked: t.isAllPageChecked,
           isSomePageChecked: t.isSomePageChecked,
@@ -1253,7 +1243,7 @@ function Ke(e, l, s, p, i, t) {
       ], 2)), [
         [U, t.headerOffset]
       ]),
-      (a(), h(Z(s.disableLoader ? "div" : "LoadingManager"), {
+      (r(), h(Z(s.disableLoader ? "div" : "LoadingManager"), {
         "empty-state-text": s.emptyStateText,
         loading: t.isLoading,
         results: t.paginated
@@ -1282,7 +1272,7 @@ function Ke(e, l, s, p, i, t) {
       searchTerm: i.searchTerm,
       total: t.totalCount
     }),
-    t.totalCount > s.pageSize ? (a(), h(G, {
+    t.totalCount > s.pageSize ? (r(), h(G, {
       key: 3,
       "current-page": i.currentPage,
       "list-length": t.totalCount,
@@ -1291,14 +1281,14 @@ function Ke(e, l, s, p, i, t) {
     }, null, 8, ["current-page", "list-length", "page-size", "onSetPage"])) : n("", !0)
   ]);
 }
-const We = {
-  $style: ze
-}, St = /* @__PURE__ */ k(He, [["render", Ke], ["__cssModules", We]]);
+const Ke = {
+  $style: Ne
+}, ft = /* @__PURE__ */ k(ze, [["render", Ue], ["__cssModules", Ke]]);
 export {
   pe as BulkActions,
-  gt as ListGroup,
-  ft as ListHeader,
-  Te as LoadingManager,
-  St as default
+  mt as ListGroup,
+  gt as ListHeader,
+  ke as LoadingManager,
+  ft as default
 };
 //# sourceMappingURL=ListView.js.map