@leaflink/stash 44.0.0-beta.7 → 44.0.0-beta.8

package/dist/ListView.js

@@ -1,16 +1,16 @@
 import W from "lodash-es/cloneDeep";
 import { resolveComponent as d, openBlock as a, createElementBlock as o, normalizeClass as r, createElementVNode as u, createVNode as p, toDisplayString as _, createCommentVNode as n, createBlock as h, withCtx as m, createTextVNode as T, renderSlot as f, TransitionGroup as F, resolveDirective as O, withDirectives as E, computed as q, withKeys as Y, normalizeStyle as J, Fragment as Q, renderList as X, mergeProps as Z, resolveDynamicComponent as $ } from "vue";
 import ee from "./useSearch.js";
-import { CSS_VARS as z, LLLV_CHANGE_TRIGGERS as b } from "./constants.js";
-import L from "./sticky.js";
+import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as b } from "./constants.js";
+import V from "./sticky.js";
 import { t as y } from "./locale.js";
 import { persistentStorage as A } from "./storage.js";
-import { getCssVar as V, filterItems as te, sortItems as se } from "./utils/helpers.js";
+import { getCssVar as D, filterItems as te, sortItems as se } from "./utils/helpers.js";
 import le from "./Badge.js";
 import v from "./Button.js";
-import D from "./Checkbox.js";
+import R from "./Checkbox.js";
 import ie from "./Dropdown.js";
-import { _ as R } from "./Expand.vue_vue_type_script_setup_true_lang-b6a57ae9.js";
+import { _ as N } from "./Expand.vue_vue_type_script_setup_true_lang-1751f4a6.js";
 import re from "./Filters.js";
 import B from "./Icon.js";
 import ae from "./Input.js";
@@ -26,9 +26,9 @@ import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "./utils/storage.js";
 import "@leaflink/snitch";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "lodash-es/uniqueId";
-import "./Checkbox.vue_vue_type_style_index_0_scoped_dbd26d7f_lang-4ed993c7.js";
+import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./clickoutside.js";
 import "./utils/calculateElementOverflow.js";
 import "./index-79ce320f.js";
@@ -46,8 +46,8 @@ import "./utils/formatDateTime.js";
 import "./utils/normalizeDate.js";
 import "./toTimeZone-e6e9ab75.js";
 import "./InputOptions.js";
-import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
-import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
+import "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
+import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import "./Select.js";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
@@ -57,18 +57,18 @@ import "./utils/colorScheme.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
 import "./Radio.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-1a2084f9.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
-import "./Loading.vue_vue_type_style_index_0_scoped_bb8d5f15_lang-4ed993c7.js";
-const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
-  "select-bar": "_select-bar_7isy5_177",
+import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
+const de = "_checkbox_hsxyw_10", he = "_actions_hsxyw_14", ue = {
+  "select-bar": "_select-bar_hsxyw_2",
   checkbox: de,
   actions: he
 }, me = {
   name: "bulk-actions",
   components: {
     "ll-button": v,
-    "ll-checkbox": D
+    "ll-checkbox": R
   },
   props: {
     allowSelectAll: Boolean,
@@ -133,18 +133,18 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   class: "tw-text-xs"
 }, pe = {
   key: 1,
-  class: "lg:hidden tw-ml-1.5"
+  class: "tw-ml-1.5 lg:tw-hidden"
 };
 function Se(e, l, s, w, i, t) {
   const c = d("ll-checkbox"), g = d("ll-button");
   return a(), o("div", {
-    class: r([
+    class: r(["lg:tw-flex", [
       e.$style["select-bar"],
       {
-        "lg:hidden": s.hideBulkActionOptions
+        "lg:tw-hidden": s.hideBulkActionOptions
       },
       "tw-p-3"
-    ])
+    ]])
   }, [
     u("div", {
       class: r(["tw-flex tw-items-center", {
@@ -153,7 +153,7 @@ function Se(e, l, s, w, i, t) {
     }, [
       p(c, {
         "data-test": "checkbox|bulk-actions",
-        class: r([e.$style.checkbox, "lg:hidden tw-m-0"]),
+        class: r([e.$style.checkbox, "tw-m-0 lg:tw-hidden"]),
         checked: s.isSomePageChecked && !!s.totalCount,
         indeterminate: s.isSomePageChecked && !s.isAllPageChecked,
         label: s.totalSelectedCount ? "" : e.selectAllText,
@@ -199,7 +199,7 @@ function Se(e, l, s, w, i, t) {
 const ye = {
   $style: ue
 }, we = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), _e = {
-  "empty-state": "_empty-state_lwdra_176"
+  "empty-state": "_empty-state_12gjn_2"
 }, be = {
   name: "loading-manager",
   components: {
@@ -240,23 +240,23 @@ function ke(e, l, s, w, i, t) {
 }
 const Ce = {
   $style: _e
-}, Te = /* @__PURE__ */ k(be, [["render", ke], ["__cssModules", Ce]]), xe = {
-  "main-header": "_main-header_12ll3_176",
-  "expanded-content-wrapper": "_expanded-content-wrapper_12ll3_192",
-  "expanded-content-header": "_expanded-content-header_12ll3_202",
-  "expanded-content-header-grid": "_expanded-content-header-grid_12ll3_224",
-  "expansion-toggle-button": "_expansion-toggle-button_12ll3_240",
-  "list-group": "_list-group_12ll3_245",
-  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_12ll3_250"
-}, Ie = {
+}, 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 = {
   name: "list-group",
   components: {
-    Expand: R,
+    Expand: N,
     "ll-button": v,
     Icon: B
   },
   directives: {
-    sticky: L
+    sticky: V
   },
   props: {
     /**
@@ -291,7 +291,7 @@ const Ce = {
   },
   computed: {
     headerOffset() {
-      return parseFloat(V(z.TOP_HEADER_HEIGHT));
+      return parseFloat(D(L.TOP_HEADER_HEIGHT));
     }
   },
   methods: {
@@ -304,7 +304,7 @@ const Ce = {
   }
 }, ve = { class: "tw-flex-auto" }, Be = { ref: "actionsContainer" };
 function Ae(e, l, s, w, i, t) {
-  const c = d("Icon"), g = d("ll-button"), x = d("Expand"), I = O("sticky");
+  const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
   return a(), o("div", {
     class: r([
       e.$style["list-group"],
@@ -338,7 +338,7 @@ function Ae(e, l, s, w, i, t) {
         f(e.$slots, "actions")
       ], 512)
     ], 2),
-    p(x, {
+    p(I, {
       "is-expanded": i.isExpanded,
       onAfterExpand: l[1] || (l[1] = (C) => i.isDoneExpanding = !0)
     }, {
@@ -356,7 +356,7 @@ function Ae(e, l, s, w, i, t) {
               f(e.$slots, "expanded-content-list-header")
             ], 2)
           ], 2)), [
-            [I, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
+            [x, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
           ]) : n("", !0),
           u("div", {
             class: r(e.$style["expanded-content-list-items-wrapper"])
@@ -378,8 +378,8 @@ function Ae(e, l, s, w, i, t) {
   ], 2);
 }
 const Pe = {
-  $style: xe
-}, ss = /* @__PURE__ */ k(Ie, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
+  $style: Ie
+}, ss = /* @__PURE__ */ k(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
   "caret-up": "_caret-up_1147a_2",
   "caret-down": "_caret-down_1147a_6",
   caret: Fe
@@ -448,7 +448,7 @@ const Pe = {
     }
   }
 };
-function ze(e, l, s, w, i, t) {
+function Le(e, l, s, w, i, t) {
   const c = d("ll-icon");
   return a(), o("div", {
     class: r(["tw-cursor-pointer", { "tw-bg-blue-100": t.isSorted }]),
@@ -473,27 +473,27 @@ function ze(e, l, s, w, i, t) {
     ], 2)
   ], 2);
 }
-const Le = {
+const Ve = {
   $style: Oe
-}, ls = /* @__PURE__ */ k(Ee, [["render", ze], ["__cssModules", Le]]), Ve = "_header_8nzxr_196", De = "_separator_8nzxr_1", Re = "_dropdown_8nzxr_347", Ne = {
-  "list-items": "_list-items_8nzxr_176",
-  "legacy-box": "_legacy-box_8nzxr_189",
-  header: Ve,
-  "header-grid-container": "_header-grid-container_8nzxr_240",
-  "header-grid": "_header-grid_8nzxr_240",
-  "search-input": "_search-input_8nzxr_272",
-  "clear-button": "_clear-button_8nzxr_280",
-  "search-button": "_search-button_8nzxr_292",
-  "total-sort": "_total-sort_8nzxr_306",
-  "filter-toggle-btn": "_filter-toggle-btn_8nzxr_312",
-  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_8nzxr_316",
-  "filters-expand": "_filters-expand_8nzxr_321",
-  "filters-wrapper": "_filters-wrapper_8nzxr_321",
-  separator: De,
-  "filters-half-width": "_filters-half-width_8nzxr_342",
-  dropdown: Re,
-  "sort-option": "_sort-option_8nzxr_351",
-  "select-all": "_select-all_8nzxr_355"
+}, ls = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_c8ut0_25", Re = "_separator_c8ut0_1", Ne = "_dropdown_c8ut0_199", ze = {
+  "list-items": "_list-items_c8ut0_2",
+  "legacy-box": "_legacy-box_c8ut0_16",
+  header: De,
+  "header-grid-container": "_header-grid-container_c8ut0_75",
+  "header-grid": "_header-grid_c8ut0_75",
+  "search-input": "_search-input_c8ut0_109",
+  "clear-button": "_clear-button_c8ut0_120",
+  "search-button": "_search-button_c8ut0_134",
+  "total-sort": "_total-sort_c8ut0_151",
+  "filter-toggle-btn": "_filter-toggle-btn_c8ut0_158",
+  "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,
+  "filters-half-width": "_filters-half-width_c8ut0_191",
+  dropdown: Ne,
+  "sort-option": "_sort-option_c8ut0_203",
+  "select-all": "_select-all_c8ut0_207"
 }, P = {
   isSearchable: !0,
   placeholder: "Search",
@@ -509,12 +509,12 @@ const Le = {
     Button: v,
     Icon: B,
     Dropdown: ie,
-    Expand: R,
-    Checkbox: D,
+    Expand: N,
+    Checkbox: R,
     Input: ae
   },
   directives: {
-    sticky: L
+    sticky: V
   },
   inject: {
     trackSearch: { default: () => () => {
@@ -837,7 +837,7 @@ const Le = {
       return this.selectedItems.length;
     },
     headerOffset() {
-      return this.disableStickyHeader ? null : this.stickyHeaderOffset ?? parseFloat(V(z.TOP_HEADER_HEIGHT));
+      return this.disableStickyHeader ? null : this.stickyHeaderOffset ?? parseFloat(D(L.TOP_HEADER_HEIGHT));
     }
   },
   watch: {
@@ -1069,12 +1069,12 @@ const Le = {
       return e.reduce((l, s) => this.isItemDisabled(s) ? l : [...l, s], []);
     }
   }
-}, Me = { class: "ll-grid ll-grid-cols-4 md:ll-grid-cols-8 lg:ll-grid-cols-12" }, je = ["disabled"], Ge = { class: "button-grid col-span-1 lg:col-span-3 tw-items-end tw-justify-end" }, Ue = {
+}, je = { class: "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 = {
   key: 0,
   class: "tw-text-xs"
 };
 function Ke(e, l, s, w, i, t) {
-  const c = d("Icon"), g = d("Button"), x = d("Input"), I = d("Badge"), C = d("Filters"), N = d("Expand"), H = d("Dropdown"), M = d("Checkbox"), j = d("BulkActions"), G = d("Paginate"), U = O("sticky");
+  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", {
       key: 0,
@@ -1083,16 +1083,16 @@ function Ke(e, l, s, w, i, t) {
     }, [
       t.showPrimaryControls ? (a(), o("div", {
         key: 0,
-        class: r(["controls", [e.$style["legacy-box"], { "col-span-12 lg:col-span-6": t.showSecondaryControls }]]),
+        class: r(["controls", [e.$style["legacy-box"], { "tw-col-span-12 lg:tw-col-span-6": t.showSecondaryControls }]]),
         "data-test": "filters|controls"
       }, [
-        u("div", Me, [
-          t.internalSearchSchema.isSearchable ? (a(), h(x, {
+        u("div", je, [
+          t.internalSearchSchema.isSearchable ? (a(), h(I, {
             key: 0,
             ref: "search-input",
             modelValue: i.searchTerm,
             "onUpdate:modelValue": l[1] || (l[1] = (S) => i.searchTerm = S),
-            class: r(["col-span-3 md:col-span-4", [e.$style["search-input"], { "lg:col-span-8": t.showSecondaryControls }]]),
+            class: r(["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,
@@ -1109,7 +1109,7 @@ function Ke(e, l, s, w, i, t) {
                 onClick: l[0] || (l[0] = (...S) => t.clearSearchTerm && t.clearSearchTerm(...S))
               }, [
                 p(c, { name: "close" })
-              ], 10, je)) : n("", !0),
+              ], 10, Me)) : n("", !0),
               p(g, {
                 "data-test": "button|search-button",
                 disabled: t.isLoading,
@@ -1118,7 +1118,7 @@ function Ke(e, l, s, w, i, t) {
               }, {
                 default: m(() => [
                   p(c, {
-                    class: r({ "fx-spin tw-text-teal-500": i.isFiltering }),
+                    class: r({ "tw-animate-spin tw-text-teal-500": i.isFiltering }),
                     name: i.isFiltering ? "working" : "search"
                   }, null, 8, ["class", "name"])
                 ]),
@@ -1129,16 +1129,16 @@ function Ke(e, l, s, w, i, t) {
           }, 8, ["modelValue", "class", "hint-text", "label", "placeholder", "onChange"])) : n("", !0),
           s.filterSchema.length ? (a(), o("div", {
             key: 1,
-            class: r(["col-span-1 tw-flex tw-items-end", [
+            class: r(["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 }
             ]])
           }, [
-            p(I, { content: t.numberOfFilters }, {
+            p(x, { content: t.numberOfFilters }, {
               default: m(() => [
                 p(g, {
                   secondary: "",
-                  class: "w-min-auto tw-relative tw-w-full",
+                  class: "tw-relative tw-w-full tw-min-w-auto",
                   color: "blue",
                   "data-test": "button|toggle-filters",
                   disabled: i.isFiltering,
@@ -1148,7 +1148,10 @@ function Ke(e, l, s, w, i, t) {
                     i.isFiltering ? (a(), h(c, {
                       key: 0,
                       name: "working",
-                      class: r([{ "fx-spin": i.isFiltering }, i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"])
+                      class: r([
+                        { "tw-animate-spin": i.isFiltering },
+                        i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"
+                      ])
                     }, null, 8, ["class"])) : (a(), h(c, {
                       key: 1,
                       name: "filter-line"
@@ -1165,7 +1168,7 @@ function Ke(e, l, s, w, i, t) {
             f(e.$slots, "actions")
           ])
         ]),
-        p(N, {
+        p(z, {
           "data-test": "filters|content",
           class: r(e.$style["filters-expand"]),
           "is-expanded": i.isShowingFilters
@@ -1193,7 +1196,7 @@ function Ke(e, l, s, w, i, t) {
       ], 2)) : n("", !0),
       t.showSecondaryControls ? (a(), o("div", {
         key: 1,
-        class: r(["secondary-controls", [e.$style["legacy-box"], { "col-span-12 lg:col-span-6 tw-mt-0": t.showPrimaryControls }]])
+        class: r(["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)
@@ -1257,7 +1260,7 @@ function Ke(e, l, s, w, i, t) {
         u("div", {
           class: r([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
         }, [
-          s.isSelectable ? (a(), h(M, {
+          s.isSelectable ? (a(), h(j, {
             key: 0,
             class: r(["tw-ml-3", e.$style["select-all"]]),
             checked: t.isSomePageChecked,
@@ -1270,7 +1273,7 @@ function Ke(e, l, s, w, i, t) {
             f(e.$slots, "list-header")
           ], 2)
         ], 2),
-        s.isSelectable ? (a(), h(j, Z({ key: 0 }, {
+        s.isSelectable ? (a(), h(M, Z({ key: 0 }, {
           allowSelectAll: !s.hideSelectAll && !s.isServerSide,
           isAllPageChecked: t.isAllPageChecked,
           isSomePageChecked: t.isSomePageChecked,
@@ -1279,7 +1282,7 @@ function Ke(e, l, s, w, i, t) {
           hideBulkActionOptions: s.hideBulkActionOptions,
           hideNumberOfTotalSelected: s.hideNumberOfTotalSelected
         }, {
-          class: !t.isSelectBarVisible && "hidden-lg",
+          class: !t.isSelectBarVisible && "lg:tw-hidden",
           "onChange:clearSelected": t.clearSelected,
           "onChange:selectCurrent": t.onSelectPage,
           "onChange:selectAll": t.selectAll
@@ -1331,7 +1334,7 @@ function Ke(e, l, s, w, i, t) {
   ]);
 }
 const We = {
-  $style: Ne
+  $style: ze
 }, is = /* @__PURE__ */ k(He, [["render", Ke], ["__cssModules", We]]);
 export {
   we as BulkActions,