@leaflink/stash 44.0.0-beta.4 → 44.0.0-beta.6

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 { 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 L, LLLV_CHANGE_TRIGGERS as w } from "./constants.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";
@@ -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,15 +127,15 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   }
 }, ge = {
   key: 0,
-  class: "align-middle tw-flex tw-flex-1 tw-justify-between"
+  class: "tw-flex tw-flex-1 tw-items-center tw-justify-between"
 }, fe = {
   key: 0,
-  class: "text-small"
+  class: "tw-text-xs"
 }, pe = {
   key: 1,
   class: "lg:hidden tw-ml-1.5"
 };
-function Se(e, l, s, _, i, t) {
+function Se(e, l, s, w, i, t) {
   const c = d("ll-checkbox"), g = d("ll-button");
   return a(), o("div", {
     class: r([
@@ -147,8 +147,8 @@ function Se(e, l, s, _, i, t) {
     ])
   }, [
     u("div", {
-      class: r(["align-middle tw-flex", {
-        "align-justify": !s.hideBulkActionOptions
+      class: r(["tw-flex tw-items-center", {
+        "tw-justify-between": !s.hideBulkActionOptions
       }])
     }, [
       p(c, {
@@ -160,7 +160,7 @@ function Se(e, l, s, _, i, t) {
         "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, b(t.numberOfTotalSelectedText), 1)),
+        s.hideNumberOfTotalSelected ? n("", !0) : (a(), o("div", fe, _(t.numberOfTotalSelectedText), 1)),
         u("div", {
           class: r({ "tw-ml-3": !s.hideNumberOfTotalSelected })
         }, [
@@ -170,7 +170,7 @@ function Se(e, l, s, _, i, t) {
             onClick: t.selectAll
           }, {
             default: m(() => [
-              T(b(t.selectAllCountText), 1)
+              T(_(t.selectAllCountText), 1)
             ]),
             _: 1
           }, 8, ["onClick"])) : (a(), h(g, {
@@ -179,13 +179,13 @@ function Se(e, l, s, _, i, t) {
             onClick: t.clearSelected
           }, {
             default: m(() => [
-              T(b(t.clearSelectedText), 1)
+              T(_(t.clearSelectedText), 1)
             ]),
             _: 1
           }, 8, ["onClick"]))
         ], 2)
       ])) : s.hideBulkActionOptions && s.totalSelectedCount ? (a(), o("div", pe, [
-        u("h4", null, b(t.numItemsSelectedText), 1)
+        u("h4", null, _(t.numItemsSelectedText), 1)
       ])) : n("", !0)
     ], 2),
     s.totalSelectedCount && !s.hideBulkActionOptions ? (a(), o("div", {
@@ -198,9 +198,9 @@ function Se(e, l, s, _, i, t) {
 }
 const ye = {
   $style: ue
-}, _e = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), be = {
+}, we = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), _e = {
   "empty-state": "_empty-state_lwdra_176"
-}, we = {
+}, be = {
   name: "loading-manager",
   components: {
     EmptyState: oe,
@@ -218,7 +218,7 @@ const ye = {
     }
   }
 };
-function ke(e, l, s, _, i, t) {
+function ke(e, l, s, w, i, t) {
   const c = d("Loading"), g = d("EmptyState");
   return s.loading ? (a(), h(c, {
     key: 0,
@@ -239,8 +239,8 @@ function ke(e, l, s, _, i, t) {
   }, null, 8, ["class", "text"]));
 }
 const Ce = {
-  $style: be
-}, Te = /* @__PURE__ */ k(we, [["render", ke], ["__cssModules", Ce]]), Ie = {
+  $style: _e
+}, Te = /* @__PURE__ */ k(be, [["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",
@@ -303,7 +303,7 @@ const Ce = {
     }
   }
 }, ve = { class: "tw-flex-auto" }, Be = { ref: "actionsContainer" };
-function Ae(e, l, s, _, i, t) {
+function Ae(e, l, s, w, i, t) {
   const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
   return a(), o("div", {
     class: r([
@@ -315,12 +315,12 @@ function Ae(e, l, s, _, i, t) {
     ])
   }, [
     u("header", {
-      class: r(["align-middle tw-flex", [e.$style["main-header"], { "tw-cursor-pointer": s.isCollapsible }]]),
+      class: r(["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, {
         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(() => [
@@ -448,15 +448,15 @@ const Pe = {
     }
   }
 };
-function Le(e, l, s, _, i, t) {
+function Le(e, l, s, w, i, t) {
   const c = d("ll-icon");
   return a(), o("div", {
-    class: r(["tw-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(["text-ice-700 h-4 w-3 tw-relative", { "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,
@@ -501,7 +501,7 @@ const Ve = {
 }, He = {
   name: "ll-list-view",
   components: {
-    BulkActions: _e,
+    BulkActions: we,
     Filters: re,
     Paginate: ne,
     LoadingManager: Te,
@@ -771,8 +771,8 @@ const Ve = {
       if (this.isServerSide)
         e = this.results;
       else {
-        const { endIndex: l, totalCount: s, results: _, startIndex: i } = this;
-        e = _.slice(i, Math.min(l, s));
+        const { endIndex: l, totalCount: s, results: w, startIndex: i } = this;
+        e = w.slice(i, Math.min(l, s));
       }
       return this.$emit("updateResults", e), e;
     },
@@ -817,8 +817,8 @@ const Ve = {
     },
     numberOfFilters() {
       return Object.keys(this.filters).reduce((e, l) => {
-        const s = this.filters[l].filterBy, _ = typeof s[0] == "boolean", i = this.filters[l].filterType === "ll-checkbox", t = !this.filters[l].filterType.length, c = this.filters[l].filterType === "ll-input-options" && s[0] === "";
-        return t || c ? e : _ || typeof s[0] == "string" ? e + (s[0] || !i ? 1 : 0) : e + (s.length || 0);
+        const s = this.filters[l].filterBy, w = typeof s[0] == "boolean", i = this.filters[l].filterType === "ll-checkbox", t = !this.filters[l].filterType.length, c = this.filters[l].filterType === "ll-input-options" && s[0] === "";
+        return t || c ? e : w || typeof s[0] == "string" ? e + (s[0] || !i ? 1 : 0) : e + (s.length || 0);
       }, 0);
     },
     isSelectBarVisible() {
@@ -932,9 +932,9 @@ const Ve = {
       return this.sortTerm ? se(e, this.sorts[this.sortTerm]) : e;
     },
     change({ trigger: e = "" } = {}) {
-      const { currentPage: l, filters: s, isFiltered: _, pageSize: i, searchTerm: t, sortTerm: c } = this, g = {
+      const { currentPage: l, filters: s, isFiltered: w, pageSize: i, searchTerm: t, sortTerm: c } = this, g = {
         filters: s,
-        isFiltered: _,
+        isFiltered: w,
         page: {
           number: l,
           previousNumber: this.previousPage,
@@ -958,7 +958,7 @@ const Ve = {
      */
     reset() {
       if (this.$emit("change:reset"), this.searchTerm = "", this.setPage({ pageNumber: 1 }), this.isServerSide) {
-        this.change({ trigger: w.RESET });
+        this.change({ trigger: b.RESET });
         return;
       }
       this.processResults();
@@ -976,7 +976,7 @@ const Ve = {
      * by Filters.
      */
     onSearch() {
-      this.$refs.llFilters.applyFilters({ trigger: w.SEARCH });
+      this.$refs.llFilters.applyFilters({ trigger: b.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 = w.APPLY } = {}) {
+    async onFilter({ trigger: e = b.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: w.SORT }));
+      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: b.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: w.PAGE });
+      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: b.PAGE });
     },
     /**
      * Set the scroll position to the top of the list view.
@@ -1069,11 +1069,11 @@ const Ve = {
       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: "align-right align-bottom button-grid col-span-1 lg:col-span-3" }, Ue = {
+}, 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 = {
   key: 0,
-  class: "text-small"
+  class: "tw-text-xs"
 };
-function Ke(e, l, s, _, i, t) {
+function Ke(e, l, s, w, i, t) {
   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", {
@@ -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 align-bottom tw-flex", [
+            class: r(["col-span-1 tw-flex tw-items-end", [
               e.$style["filter-toggle-btn"],
               { [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
             ]])
@@ -1148,12 +1148,12 @@ 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"
                     })),
-                    T(" " + b(i.filterText), 1)
+                    T(" " + _(i.filterText), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -1203,7 +1203,7 @@ function Ke(e, l, s, _, i, t) {
       key: 1,
       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),
+      t.shouldShowTotal ? (a(), o("div", Ue, _(t.total), 1)) : n("", !0),
       Object.keys(s.sorts).length ? (a(), h(H, {
         key: 1,
         class: r(e.$style.dropdown),
@@ -1218,19 +1218,19 @@ 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 tw-rounded"])
+              class: r([{ "tw-bg-blue-100 tw-text-ice-700": S === i.sortTerm }, "dropdown__item tw-rounded"])
             }, [
               p(g, {
                 inline: "",
-                class: r(["align-middle", e.$style["sort-option"]]),
+                class: r(["tw-items-center", e.$style["sort-option"]]),
                 onClick: (qe) => t.onSort(S)
               }, {
                 default: m(() => [
-                  T(b(S) + " ", 1),
+                  T(_(S) + " ", 1),
                   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
@@ -1334,7 +1334,7 @@ const We = {
   $style: ze
 }, is = /* @__PURE__ */ k(He, [["render", Ke], ["__cssModules", We]]);
 export {
-  _e as BulkActions,
+  we as BulkActions,
   ss as ListGroup,
   ls as ListHeader,
   Te as LoadingManager,