@leaflink/stash 44.0.0-beta.3 → 44.0.0-beta.5

package/dist/ListView.js

@@ -1,7 +1,7 @@
 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 b, 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 L, LLLV_CHANGE_TRIGGERS as k } from "./constants.js";
+import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as w } from "./constants.js";
 import V from "./sticky.js";
 import { t as y } from "./locale.js";
 import { persistentStorage as A } from "./storage.js";
@@ -15,7 +15,7 @@ import re from "./Filters.js";
 import B from "./Icon.js";
 import ae from "./Input.js";
 import ne from "./Paginate.js";
-import { _ as C } from "./_plugin-vue_export-helper-dad06003.js";
+import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
 import oe from "./EmptyState.js";
 import ce from "./Loading.js";
 import "lodash-es/get";
@@ -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-42cf79d4.js";
-import "./Label.vue_vue_type_script_setup_true_lang-c5589919.js";
+import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
+import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
 import "./Select.js";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
@@ -127,7 +127,7 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   }
 }, ge = {
   key: 0,
-  class: "flex flex-1 justify-between align-middle"
+  class: "align-middle tw-flex tw-flex-1 tw-justify-between"
 }, fe = {
   key: 0,
   class: "text-small"
@@ -147,7 +147,7 @@ function Se(e, l, s, _, i, t) {
     ])
   }, [
     u("div", {
-      class: r(["flex align-middle", {
+      class: r(["align-middle tw-flex", {
         "align-justify": !s.hideBulkActionOptions
       }])
     }, [
@@ -198,9 +198,9 @@ function Se(e, l, s, _, i, t) {
 }
 const ye = {
   $style: ue
-}, _e = /* @__PURE__ */ C(me, [["render", Se], ["__cssModules", ye]]), be = {
+}, _e = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), be = {
   "empty-state": "_empty-state_lwdra_176"
-}, ke = {
+}, we = {
   name: "loading-manager",
   components: {
     EmptyState: oe,
@@ -218,7 +218,7 @@ const ye = {
     }
   }
 };
-function Ce(e, l, s, _, i, t) {
+function ke(e, l, s, _, i, t) {
   const c = d("Loading"), g = d("EmptyState");
   return s.loading ? (a(), h(c, {
     key: 0,
@@ -238,9 +238,9 @@ function Ce(e, l, s, _, i, t) {
     text: s.emptyStateText
   }, null, 8, ["class", "text"]));
 }
-const we = {
+const Ce = {
   $style: be
-}, Te = /* @__PURE__ */ C(ke, [["render", Ce], ["__cssModules", we]]), Ie = {
+}, Te = /* @__PURE__ */ k(we, [["render", ke], ["__cssModules", Ce]]), Ie = {
   "main-header": "_main-header_12ll3_176",
   "expanded-content-wrapper": "_expanded-content-wrapper_12ll3_192",
   "expanded-content-header": "_expanded-content-header_12ll3_202",
@@ -302,7 +302,7 @@ const we = {
       this.$refs.actionsContainer.contains(e.target) || this.toggleExpand();
     }
   }
-}, ve = { class: "flex-auto" }, Be = { ref: "actionsContainer" };
+}, ve = { class: "tw-flex-auto" }, Be = { ref: "actionsContainer" };
 function Ae(e, l, s, _, i, t) {
   const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
   return a(), o("div", {
@@ -315,17 +315,17 @@ function Ae(e, l, s, _, i, t) {
     ])
   }, [
     u("header", {
-      class: r(["flex align-middle", [e.$style["main-header"], { "cursor-pointer": s.isCollapsible }]]),
-      onClick: l[0] || (l[0] = (...w) => t.onHeaderClick && t.onHeaderClick(...w))
+      class: r(["align-middle tw-flex", [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, {
         key: 0,
-        class: r(["text-ice-900 tw-mr-1.5", e.$style["expansion-toggle-button"]]),
+        class: r(["tw-mr-1.5 tw-text-ice-900", e.$style["expansion-toggle-button"]]),
         icon: ""
       }, {
         default: m(() => [
           p(c, {
-            class: r([i.isExpanded ? "rotate-270" : "rotate-180"]),
+            class: r([i.isExpanded ? "tw-rotate-270" : "rotate-180"]),
             name: "chevron-left"
           }, null, 8, ["class"])
         ]),
@@ -340,7 +340,7 @@ function Ae(e, l, s, _, i, t) {
     ], 2),
     p(I, {
       "is-expanded": i.isExpanded,
-      onAfterExpand: l[1] || (l[1] = (w) => i.isDoneExpanding = !0)
+      onAfterExpand: l[1] || (l[1] = (C) => i.isDoneExpanding = !0)
     }, {
       default: m(() => [
         u("div", {
@@ -351,7 +351,7 @@ function Ae(e, l, s, _, i, t) {
             class: r(e.$style["expanded-content-header"])
           }, [
             u("div", {
-              class: r(["ll-grid flex-1", e.$style["expanded-content-header-grid"]])
+              class: r(["ll-grid tw-flex-1", e.$style["expanded-content-header-grid"]])
             }, [
               f(e.$slots, "expanded-content-list-header")
             ], 2)
@@ -379,7 +379,7 @@ function Ae(e, l, s, _, i, t) {
 }
 const Pe = {
   $style: Ie
-}, ss = /* @__PURE__ */ C(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
+}, 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
@@ -451,23 +451,23 @@ const Pe = {
 function Le(e, l, s, _, i, t) {
   const c = d("ll-icon");
   return a(), o("div", {
-    class: r(["cursor-pointer", { "ll-bg-blue-100": t.isSorted }]),
+    class: r(["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(["relative text-ice-700 h-4 w-3", { "is-active-sort": t.isSorted }])
+      class: r(["h-4 w-3 tw-relative tw-text-ice-700", { "is-active-sort": t.isSorted }])
     }, [
       t.showCaretUp ? (a(), h(c, {
         key: 0,
         name: "caret-up",
-        class: r(["absolute", [e.$style.caret, e.$style["caret-up"]]]),
+        class: r(["tw-absolute", [e.$style.caret, e.$style["caret-up"]]]),
         size: "dense"
       }, null, 8, ["class"])) : n("", !0),
       t.showCaretDown ? (a(), h(c, {
         key: 1,
         name: "caret-down",
-        class: r(["absolute", [e.$style.caret, e.$style["caret-down"]]]),
+        class: r(["tw-absolute", [e.$style.caret, e.$style["caret-down"]]]),
         size: "dense"
       }, null, 8, ["class"])) : n("", !0)
     ], 2)
@@ -475,7 +475,7 @@ function Le(e, l, s, _, i, t) {
 }
 const Ve = {
   $style: Oe
-}, ls = /* @__PURE__ */ C(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_3fe5a_196", Re = "_separator_3fe5a_1", Ne = "_dropdown_3fe5a_347", ze = {
+}, ls = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_3fe5a_196", Re = "_separator_3fe5a_1", Ne = "_dropdown_3fe5a_347", ze = {
   "list-items": "_list-items_3fe5a_176",
   "legacy-box": "_legacy-box_3fe5a_189",
   header: De,
@@ -958,7 +958,7 @@ const Ve = {
      */
     reset() {
       if (this.$emit("change:reset"), this.searchTerm = "", this.setPage({ pageNumber: 1 }), this.isServerSide) {
-        this.change({ trigger: k.RESET });
+        this.change({ trigger: w.RESET });
         return;
       }
       this.processResults();
@@ -976,7 +976,7 @@ const Ve = {
      * by Filters.
      */
     onSearch() {
-      this.$refs.llFilters.applyFilters({ trigger: k.SEARCH });
+      this.$refs.llFilters.applyFilters({ trigger: w.SEARCH });
     },
     /**
      * Event handler for when the user:
@@ -988,7 +988,7 @@ const Ve = {
      * @param {string} [options.trigger] - what caused the changes
      * @returns {Promise<void>}
      */
-    async onFilter({ trigger: e = k.APPLY } = {}) {
+    async onFilter({ trigger: e = w.APPLY } = {}) {
       if (this.setPage({ pageNumber: 1 }), this.change({ trigger: e }), this.trackSearch(this.searchTerm), this.trackFilters(this.filters), this.selectedItems = [], !this.isServerSide) {
         try {
           this.isFiltering = !0, await this.processResults({ trigger: e });
@@ -1018,7 +1018,7 @@ const Ve = {
      * @param {string} term The updated sort term
      */
     onSort(e) {
-      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: k.SORT }));
+      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: w.SORT }));
     },
     /**
      * Sets current page for the Paginator.
@@ -1027,7 +1027,7 @@ const Ve = {
      * @param {boolean} data.forceChange - flag to force the change
      */
     setPage({ pageNumber: e, forceChange: l = !1 } = {}) {
-      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: k.PAGE });
+      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: w.PAGE });
     },
     /**
      * Set the scroll position to the top of the list view.
@@ -1074,7 +1074,7 @@ const Ve = {
   class: "text-small"
 };
 function Ke(e, l, s, _, i, t) {
-  const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), w = d("Filters"), z = 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"), M = d("Checkbox"), j = d("BulkActions"), G = d("Paginate"), U = O("sticky");
   return a(), o("div", null, [
     t.showPrimaryControls || t.showSecondaryControls ? (a(), o("div", {
       key: 0,
@@ -1118,7 +1118,7 @@ function Ke(e, l, s, _, i, t) {
               }, {
                 default: m(() => [
                   p(c, {
-                    class: r({ "fx-spin text-teal": i.isFiltering }),
+                    class: r({ "fx-spin tw-text-teal-500": i.isFiltering }),
                     name: i.isFiltering ? "working" : "search"
                   }, null, 8, ["class", "name"])
                 ]),
@@ -1129,7 +1129,7 @@ function Ke(e, l, s, _, 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 flex align-bottom", [
+            class: r(["col-span-1 align-bottom tw-flex", [
               e.$style["filter-toggle-btn"],
               { [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
             ]])
@@ -1138,7 +1138,7 @@ function Ke(e, l, s, _, i, t) {
               default: m(() => [
                 p(g, {
                   secondary: "",
-                  class: "w-min-auto w-full relative",
+                  class: "w-min-auto tw-relative tw-w-full",
                   color: "blue",
                   "data-test": "button|toggle-filters",
                   disabled: i.isFiltering,
@@ -1148,7 +1148,7 @@ function Ke(e, l, s, _, i, t) {
                     i.isFiltering ? (a(), h(c, {
                       key: 0,
                       name: "working",
-                      class: r([{ "fx-spin": i.isFiltering }, i.isShowingFilters ? "text-teal" : "text-ice-700"])
+                      class: r([{ "fx-spin": i.isFiltering }, i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"])
                     }, null, 8, ["class"])) : (a(), h(c, {
                       key: 1,
                       name: "filter-line"
@@ -1172,9 +1172,9 @@ function Ke(e, l, s, _, i, t) {
         }, {
           default: m(() => [
             u("div", {
-              class: r(["relative tw-pt-12", e.$style["filters-wrapper"]])
+              class: r(["tw-relative tw-pt-12", e.$style["filters-wrapper"]])
             }, [
-              p(w, {
+              p(C, {
                 ref: "llFilters",
                 class: r({ [e.$style["filters-half-width"]]: t.showPrimaryControls && t.showSecondaryControls }),
                 "disable-apply": t.isLoading,
@@ -1201,7 +1201,7 @@ function Ke(e, l, s, _, i, t) {
     f(e.$slots, "eyebrow"),
     t.shouldShowTotal || Object.keys(s.sorts).length ? (a(), o("div", {
       key: 1,
-      class: r(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "text-right"])
+      class: r(["tw-mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "tw-text-right"])
     }, [
       t.shouldShowTotal ? (a(), o("div", Ue, b(t.total), 1)) : n("", !0),
       Object.keys(s.sorts).length ? (a(), h(H, {
@@ -1218,7 +1218,7 @@ function Ke(e, l, s, _, i, t) {
           }, [
             (a(!0), o(Q, null, X(Object.keys(s.sorts), (S, K) => (a(), o("li", {
               key: K,
-              class: r([{ "is-selected": S === i.sortTerm }, "dropdown__item rounded"])
+              class: r([{ "is-selected": S === i.sortTerm }, "dropdown__item tw-rounded"])
             }, [
               p(g, {
                 inline: "",
@@ -1230,7 +1230,7 @@ function Ke(e, l, s, _, i, t) {
                   S === i.sortTerm ? (a(), h(c, {
                     key: 0,
                     name: "check",
-                    class: "text-blue tw-ml-auto"
+                    class: "tw-ml-auto tw-text-blue-500"
                   })) : n("", !0)
                 ]),
                 _: 2
@@ -1252,10 +1252,10 @@ function Ke(e, l, s, _, i, t) {
           {
             "tw-m-0": !s.isSelectable
           }
-        ], "rounded"])
+        ], "tw-rounded"])
       }, [
         u("div", {
-          class: r([e.$style["header-grid-container"], "border-b border-ice-200 tw-px-3"])
+          class: r([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
         }, [
           s.isSelectable ? (a(), h(M, {
             key: 0,
@@ -1265,7 +1265,7 @@ function Ke(e, l, s, _, i, t) {
             "onUpdate:checked": t.onSelectPage
           }, null, 8, ["checked", "class", "indeterminate", "onUpdate:checked"])) : n("", !0),
           u("div", {
-            class: r(["flex-1 ll-grid", e.$style["header-grid"]])
+            class: r(["ll-grid tw-flex-1", e.$style["header-grid"]])
           }, [
             f(e.$slots, "list-header")
           ], 2)
@@ -1332,7 +1332,7 @@ function Ke(e, l, s, _, i, t) {
 }
 const We = {
   $style: ze
-}, is = /* @__PURE__ */ C(He, [["render", Ke], ["__cssModules", We]]);
+}, is = /* @__PURE__ */ k(He, [["render", Ke], ["__cssModules", We]]);
 export {
   _e as BulkActions,
   ss as ListGroup,