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

package/dist/DataViewSortButton.js

@@ -1,15 +1,15 @@
-import { defineComponent as g, inject as y, openBlock as r, createBlock as n, withCtx as o, createVNode as i, createTextVNode as l, toDisplayString as c, unref as e, createElementVNode as d, createElementBlock as w, Fragment as f, renderList as D, normalizeClass as b, createCommentVNode as m } from "vue";
-import { t as S } from "./locale.js";
+import { defineComponent as y, useCssModule as D, inject as S, openBlock as r, createBlock as d, withCtx as o, createVNode as i, createTextVNode as n, toDisplayString as l, unref as t, createElementVNode as c, createElementBlock as f, Fragment as k, renderList as V, normalizeClass as b, createCommentVNode as m } from "vue";
+import { t as B } from "./locale.js";
 import u from "./Button.js";
 import "lodash-es/cloneDeep";
-import k from "./Icon.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-1a2084f9.js";
-import { D as h } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
-import V from "./Dropdown.js";
-import v from "./IconLabel.js";
-import { _ as B } from "./_plugin-vue_export-helper-dad06003.js";
+import h from "./Icon.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
+import { D as C } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
+import E from "./Dropdown.js";
+import I from "./IconLabel.js";
+import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-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 "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
@@ -20,40 +20,40 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-const I = {
+const v = {
   class: "dropdown__list",
   "data-test": "stash-data-view-sort-button|sort-menu"
-}, E = ["onClick"], N = ["onClick"], A = /* @__PURE__ */ g({
+}, A = ["onClick"], M = ["onClick"], T = /* @__PURE__ */ y({
   __name: "DataViewSortButton",
   props: {
     sortOptions: { default: () => [] }
   },
   setup(x) {
-    const _ = x, { currentSortId: a, currentSortOrder: s, updateCurrentSort: p } = y(
-      h.key,
-      h.defaults
+    const _ = x, p = D(), { currentSortId: s, currentSortOrder: a, updateCurrentSort: w } = S(
+      C.key,
+      C.defaults
     );
-    return (T, L) => _.sortOptions.length ? (r(), n(V, {
+    return (q, F) => _.sortOptions.length ? (r(), d(E, {
       key: 0,
       align: "left",
       class: "stash-data-view-sort-button",
       "data-test": "stash-data-view-sort-button"
     }, {
-      toggle: o(({ isActive: t, toggle: C }) => [
+      toggle: o(({ isActive: e, toggle: g }) => [
         i(u, {
           "icon-label": "",
-          "aria-expanded": t.toString(),
+          "aria-expanded": e.toString(),
           class: "tw-text-blue-500",
           "data-test": "stash-data-view-sort-button|sort-menu-button",
-          onClick: C
+          onClick: g
         }, {
           default: o(() => [
-            i(v, {
+            i(I, {
               icon: "sort",
               stacked: ""
             }, {
               default: o(() => [
-                l(c(e(S)("ll.sort")), 1)
+                n(l(t(B)("ll.sort")), 1)
               ]),
               _: 1
             })
@@ -62,21 +62,24 @@ const I = {
         }, 1032, ["aria-expanded", "onClick"])
       ]),
       default: o(() => [
-        d("ul", I, [
-          (r(!0), w(f, null, D(_.sortOptions, (t) => (r(), w(f, {
-            key: t.id
+        c("ul", v, [
+          (r(!0), f(k, null, V(_.sortOptions, (e) => (r(), f(k, {
+            key: e.id
           }, [
-            d("li", {
-              class: b(["dropdown__item tw-rounded", { "tw-bg-blue-100 tw-text-ice-700": t.id === e(a) && e(s) === "asc" }]),
-              onClick: () => e(p)(t.id, { sortOrder: "asc", shouldEmit: !0 })
+            c("li", {
+              class: b(["dropdown__item tw-rounded", [
+                t(p).dropdown__item,
+                { "tw-bg-blue-100 tw-text-ice-700": e.id === t(s) && t(a) === "asc" }
+              ]]),
+              onClick: () => t(w)(e.id, { sortOrder: "asc", shouldEmit: !0 })
             }, [
               i(u, {
                 inline: "",
                 class: "tw-h-9"
               }, {
                 default: o(() => [
-                  l(c(t.labelAsc) + " ", 1),
-                  t.id === e(a) && e(s) === "asc" ? (r(), n(k, {
+                  n(l(e.labelAsc) + " ", 1),
+                  e.id === t(s) && t(a) === "asc" ? (r(), d(h, {
                     key: 0,
                     name: "check",
                     class: "tw-ml-auto tw-text-blue-500"
@@ -84,18 +87,21 @@ const I = {
                 ]),
                 _: 2
               }, 1024)
-            ], 10, E),
-            d("li", {
-              class: b(["dropdown__item tw-rounded", { "tw-bg-blue-100 tw-text-ice-700": t.id === e(a) && e(s) === "desc" }]),
-              onClick: () => e(p)(t.id, { sortOrder: "desc", shouldEmit: !0 })
+            ], 10, A),
+            c("li", {
+              class: b(["dropdown__item tw-rounded", [
+                t(p).dropdown__item,
+                { "tw-bg-blue-100 tw-text-ice-700": e.id === t(s) && t(a) === "desc" }
+              ]]),
+              onClick: () => t(w)(e.id, { sortOrder: "desc", shouldEmit: !0 })
             }, [
               i(u, {
                 inline: "",
                 class: "tw-h-9"
               }, {
                 default: o(() => [
-                  l(c(t.labelDesc) + " ", 1),
-                  t.id === e(a) && e(s) === "desc" ? (r(), n(k, {
+                  n(l(e.labelDesc) + " ", 1),
+                  e.id === t(s) && t(a) === "desc" ? (r(), d(h, {
                     key: 0,
                     name: "check",
                     class: "tw-ml-auto tw-text-blue-500"
@@ -103,16 +109,19 @@ const I = {
                 ]),
                 _: 2
               }, 1024)
-            ], 10, N)
+            ], 10, M)
           ], 64))), 128))
         ])
       ]),
       _: 1
     })) : m("", !0);
   }
-});
-const rt = /* @__PURE__ */ B(A, [["__scopeId", "data-v-8b825319"]]);
+}), z = "_dropdown__item_ozq17_2", L = {
+  dropdown__item: z
+}, j = {
+  $style: L
+}, nt = /* @__PURE__ */ N(T, [["__cssModules", j]]);
 export {
-  rt as default
+  nt as default
 };
 //# sourceMappingURL=DataViewSortButton.js.map

package/dist/DataViewSortButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewSortButton.js","sources":["../src/components/DataViewSortButton/DataViewSortButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { inject } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import IconLabel from '../IconLabel/IconLabel.vue';\n  import { SortOption } from './DataViewSortButton.types';\n\n  export interface DataViewToolbarProps {\n    /**\n     * An array of sort options to display in the dropdown.\n     */\n    sortOptions?: SortOption[];\n  }\n\n  const props = withDefaults(defineProps<DataViewToolbarProps>(), {\n    sortOptions: () => [],\n  });\n\n  const { currentSortId, currentSortOrder, updateCurrentSort } = inject(\n    DATA_VIEW_INJECTION.key,\n    DATA_VIEW_INJECTION.defaults,\n  );\n</script>\n\n<template>\n  <Dropdown\n    v-if=\"props.sortOptions.length\"\n    align=\"left\"\n    class=\"stash-data-view-sort-button\"\n    data-test=\"stash-data-view-sort-button\"\n  >\n    <template #toggle=\"{ isActive, toggle }\">\n      <Button\n        icon-label\n        :aria-expanded=\"isActive.toString()\"\n        class=\"tw-text-blue-500\"\n        data-test=\"stash-data-view-sort-button|sort-menu-button\"\n        @click=\"toggle\"\n      >\n        <IconLabel icon=\"sort\" stacked>\n          {{ t('ll.sort') }}\n        </IconLabel>\n      </Button>\n    </template>\n    <ul class=\"dropdown__list\" data-test=\"stash-data-view-sort-button|sort-menu\">\n      <template v-for=\"sortOption in props.sortOptions\" :key=\"sortOption.id\">\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"{ 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'asc' }\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'asc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelAsc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'asc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"{ 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'desc' }\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'desc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelDesc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'desc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n      </template>\n    </ul>\n  </Dropdown>\n</template>\n\n<style scoped>\n  .dropdown__item > button {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n</style>\n"],"names":["currentSortId","currentSortOrder","updateCurrentSort","inject","DATA_VIEW_INJECTION"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAsBQ,EAAE,eAAAA,GAAe,kBAAAC,GAAkB,mBAAAC,EAAsB,IAAAC;AAAA,MAC7DC,EAAoB;AAAA,MACpBA,EAAoB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DataViewSortButton.js","sources":["../src/components/DataViewSortButton/DataViewSortButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { inject, useCssModule } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import IconLabel from '../IconLabel/IconLabel.vue';\n  import { SortOption } from './DataViewSortButton.types';\n\n  export interface DataViewToolbarProps {\n    /**\n     * An array of sort options to display in the dropdown.\n     */\n    sortOptions?: SortOption[];\n  }\n\n  const props = withDefaults(defineProps<DataViewToolbarProps>(), {\n    sortOptions: () => [],\n  });\n  const classes = useCssModule();\n\n  const { currentSortId, currentSortOrder, updateCurrentSort } = inject(\n    DATA_VIEW_INJECTION.key,\n    DATA_VIEW_INJECTION.defaults,\n  );\n</script>\n\n<template>\n  <Dropdown\n    v-if=\"props.sortOptions.length\"\n    align=\"left\"\n    class=\"stash-data-view-sort-button\"\n    data-test=\"stash-data-view-sort-button\"\n  >\n    <template #toggle=\"{ isActive, toggle }\">\n      <Button\n        icon-label\n        :aria-expanded=\"isActive.toString()\"\n        class=\"tw-text-blue-500\"\n        data-test=\"stash-data-view-sort-button|sort-menu-button\"\n        @click=\"toggle\"\n      >\n        <IconLabel icon=\"sort\" stacked>\n          {{ t('ll.sort') }}\n        </IconLabel>\n      </Button>\n    </template>\n    <ul class=\"dropdown__list\" data-test=\"stash-data-view-sort-button|sort-menu\">\n      <template v-for=\"sortOption in props.sortOptions\" :key=\"sortOption.id\">\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"[\n            classes.dropdown__item,\n            { 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'asc' },\n          ]\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'asc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelAsc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'asc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"[\n            classes.dropdown__item,\n            { 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'desc' },\n          ]\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'desc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelDesc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'desc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n      </template>\n    </ul>\n  </Dropdown>\n</template>\n\n<style module>\n  .dropdown__item > button {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n</style>\n"],"names":["classes","useCssModule","currentSortId","currentSortOrder","updateCurrentSort","inject","DATA_VIEW_INJECTION"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqBQA,IAAUC,KAEV,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,mBAAAC,EAAsB,IAAAC;AAAA,MAC7DC,EAAoB;AAAA,MACpBA,EAAoB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/DataViewToolbar.js

@@ -3,11 +3,11 @@ import { t as z } from "./locale.js";
 import h from "./Button.js";
 import "lodash-es/cloneDeep";
 import x from "./Icon.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 { D as y } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
 import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-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 "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/DatePicker.js

@@ -15,13 +15,13 @@ import { _ as Bf } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
 import "./toTimeZone-e6e9ab75.js";
 import "./_commonjsHelpers-10dfc225.js";
-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 "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "lodash-es/isNil";
 import "./utils/i18n.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";
 function Uf(e, t) {
   he(2, arguments);
   var r = ge(e).getTime(), n = je(t);
@@ -11558,7 +11558,7 @@ const cY = /* @__PURE__ */ bt(sY, [["render", lY]]), fY = ["id"], dY = { class:
           return [
             G("span", {
               id: w(l),
-              class: "sr-only"
+              class: "tw-sr-only"
             }, we(w(nu)("ll.datePicker.dateFormat")) + ": " + we((F = $.format) == null ? void 0 : F.toUpperCase()), 9, fY),
             U(Wf, Dt({
               id: r.id,
@@ -11625,12 +11625,12 @@ const cY = /* @__PURE__ */ bt(sY, [["render", lY]]), fY = ["id"], dY = { class:
       }, 8, ["available-dates", "disabled-dates", "max-date", "min-date", "max-page", "min-page", "mode", "model-value", "popover", "hide-time-header"])
     ], 2));
   }
-}), pY = "_input_1p4vg_294", yY = {
-  "vc-overrides": "_vc-overrides_1p4vg_176",
-  "close-button": "_close-button_1p4vg_271",
-  "button-today": "_button-today_1p4vg_277",
+}), pY = "_input_1w1jz_144", yY = {
+  "vc-overrides": "_vc-overrides_1w1jz_2",
+  "close-button": "_close-button_1w1jz_117",
+  "button-today": "_button-today_1w1jz_123",
   input: pY,
-  "calendar-icon": "_calendar-icon_1p4vg_300"
+  "calendar-icon": "_calendar-icon_1w1jz_150"
 }, hY = {
   $style: yY
 }, FY = /* @__PURE__ */ Bf(vY, [["__cssModules", hY]]);