@leaflink/stash 44.0.0-beta.1 → 44.0.0-beta.10

package/dist/FilterDropdown.js

@@ -1,17 +1,17 @@
-import { defineComponent as L, inject as b, ref as y, computed as O, openBlock as u, createBlock as k, withCtx as s, createVNode as w, unref as o, createTextVNode as f, toDisplayString as m, createElementVNode as d, renderSlot as R, Transition as W, createElementBlock as j, createCommentVNode as x } from "vue";
+import { defineComponent as L, inject as b, ref as y, computed as O, openBlock as u, createBlock as k, withCtx as r, createVNode as w, unref as o, createTextVNode as f, toDisplayString as m, createElementVNode as d, renderSlot as R, Transition as W, createElementBlock as j, createCommentVNode as x } from "vue";
 import J from "lodash-es/throttle";
 import { t as C } from "./locale.js";
 import D from "./Button.js";
 import "lodash-es/cloneDeep";
 import "lodash-es/uniqueId";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-bfccf992.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import { D as F } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
 import { D as z } from "./DataViewFilters.keys-c80ffabe.js";
 import G from "./Dropdown.js";
 import $ from "./FilterChip.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "./constants.js";
 import "./clickoutside.js";
@@ -24,10 +24,10 @@ import "./Icon.js";
 import "./index-79ce320f.js";
 import "./Chip.js";
 import "./utils/colorScheme.js";
-const q = { class: "tw-flex tw-flex-col tw-rounded tw-h-full" }, H = { class: "tw-grow tw-rounded-t tw-relative tw-overflow-hidden" }, K = {
+const q = { class: "tw-flex tw-h-full tw-flex-col tw-rounded" }, H = { class: "tw-relative tw-grow tw-overflow-hidden tw-rounded-t" }, K = {
   key: 0,
-  class: "tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-z-10 tw-h-[20px] tw-bg-scroll-shadow tw-pointer-events-none"
-}, M = { class: "tw-bg-ice-100 tw-border-t-ice-200 tw-border-b-ice-100 tw-border-x-ice-100 tw-border-solid tw-border tw-p-3.5 tw-flex tw-justify-end tw-rounded-b tw-gap-6" }, bt = /* @__PURE__ */ L({
+  class: "tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-0 tw-z-10 tw-h-[20px] tw-bg-scroll-shadow"
+}, M = { class: "tw-flex tw-justify-end tw-gap-6 tw-rounded-b tw-border tw-border-solid tw-border-x-ice-100 tw-border-b-ice-100 tw-border-t-ice-200 tw-bg-ice-100 tw-p-3.5" }, bt = /* @__PURE__ */ L({
   __name: "FilterDropdown",
   props: {
     label: {},
@@ -37,7 +37,7 @@ const q = { class: "tw-flex tw-flex-col tw-rounded tw-h-full" }, H = { class: "t
   },
   emits: ["reset", "dismiss"],
   setup(T, { emit: p }) {
-    const r = T, { isLoading: h } = b(F.key, F.defaults), l = b(z.key);
+    const s = T, { isLoading: h } = b(F.key, F.defaults), l = b(z.key);
     if (!(l != null && l.useFiltersInstance))
       throw new Error(
         "FilterDropdown must be used within a <DataViewFilters> that receives an instance of useFilters()."
@@ -53,11 +53,11 @@ const q = { class: "tw-flex tw-flex-col tw-rounded tw-h-full" }, H = { class: "t
     }
     function A() {
       var t;
-      E(r.group), p("reset"), (t = i.value) == null || t.dismiss();
+      E(s.group), p("reset"), (t = i.value) == null || t.dismiss();
     }
     async function N() {
       var e, a;
-      const { preventDismiss: t } = await ((e = r.onApply) == null ? void 0 : e.call(r)) || I() || {};
+      const { preventDismiss: t } = await ((e = s.onApply) == null ? void 0 : e.call(s)) || I() || {};
       t || (a = i.value) == null || a.dismiss();
     }
     function V() {
@@ -83,26 +83,26 @@ const q = { class: "tw-flex tw-flex-col tw-rounded tw-h-full" }, H = { class: "t
       offset: { y: 6 },
       onDismiss: V
     }, {
-      toggle: s(() => [
+      toggle: r(() => [
         w($, {
           class: "tw-rounded-full",
           "has-dropdown": "",
           "is-dropdown-open": c.value,
-          "filter-count": o(v)[r.group],
+          "filter-count": o(v)[s.group],
           "is-selected": c.value,
           onClick: S
         }, {
-          default: s(() => [
-            f(m(r.label), 1)
+          default: r(() => [
+            f(m(s.label), 1)
           ]),
           _: 1
         }, 8, ["is-dropdown-open", "filter-count", "is-selected"])
       ]),
-      default: s(() => [
+      default: r(() => [
         d("div", q, [
           d("div", H, [
             d("div", {
-              class: "tw-p-3.5 tw-h-full tw-overflow-auto",
+              class: "tw-h-full tw-overflow-auto tw-p-6",
               onScroll: e[0] || (e[0] = //@ts-ignore
               (...a) => o(g) && o(g)(...a)),
               onScrollend: B
@@ -110,21 +110,21 @@ const q = { class: "tw-flex tw-flex-col tw-rounded tw-h-full" }, H = { class: "t
               R(t.$slots, "default")
             ], 32),
             w(W, { name: "fade" }, {
-              default: s(() => [
+              default: r(() => [
                 n.value ? (u(), j("div", K)) : x("", !0)
               ]),
               _: 1
             })
           ]),
           d("footer", M, [
-            o(v)[r.group] ? (u(), k(D, {
+            o(v)[s.group] ? (u(), k(D, {
               key: 0,
               secondary: "",
               class: "tw-min-w-[100px]",
               disabled: o(h),
               onClick: A
             }, {
-              default: s(() => [
+              default: r(() => [
                 f(m(o(C)("ll.reset")), 1)
               ]),
               _: 1
@@ -134,7 +134,7 @@ const q = { class: "tw-flex tw-flex-col tw-rounded tw-h-full" }, H = { class: "t
               disabled: o(h),
               onClick: N
             }, {
-              default: s(() => [
+              default: r(() => [
                 f(m(o(C)("ll.apply")), 1)
               ]),
               _: 1

package/dist/FilterDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdown.js","sources":["../src/components/FilterDropdown/FilterDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import throttle from 'lodash-es/throttle';\n  import { computed, inject, ref } 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 { DATA_VIEW_FILTERS_UTILS_INJECTION } from '../DataViewFilters/DataViewFilters.keys';\n  import type { OnApplyFilters } from '../DataViewFilters/DataViewFilters.types';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import FilterChip from '../FilterChip/FilterChip.vue';\n\n  export interface FilterDropdownProps {\n    label: string;\n    /** The name of a filter group */\n    group: string;\n    onApply?: OnApplyFilters;\n  }\n  const props = withDefaults(defineProps<FilterDropdownProps>(), {\n    activeFilterCount: 0,\n    onApply: () => undefined,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'reset'): void;\n      (e: 'dismiss'): void;\n    }>();\n\n  const { isLoading: isDataViewLoading } = inject(DATA_VIEW_INJECTION.key, DATA_VIEW_INJECTION.defaults);\n\n  const dataViewFiltersUtils = inject(DATA_VIEW_FILTERS_UTILS_INJECTION.key);\n\n  if (!dataViewFiltersUtils?.useFiltersInstance) {\n    throw new Error(\n      'FilterDropdown must be used within a <DataViewFilters> that receives an instance of useFilters().',\n    );\n  }\n\n  const { applyFilters, resetFilterGroup, activeFiltersCounts, undoWorkingFilters } =\n    dataViewFiltersUtils.useFiltersInstance;\n\n  const dropdownRef = ref<InstanceType<typeof Dropdown>>();\n  const isOpen = computed(() => dropdownRef.value?.isActive);\n\n  function onToggleButtonClick() {\n    const wasOpen = isOpen.value;\n\n    dropdownRef.value?.toggle();\n\n    if (wasOpen) {\n      undoWorkingFilters();\n      emit('dismiss');\n    }\n  }\n\n  function handleResetClick() {\n    resetFilterGroup(props.group);\n    emit('reset');\n    dropdownRef.value?.dismiss();\n  }\n\n  async function handleApplyClick() {\n    const { preventDismiss } = (await props.onApply?.()) || applyFilters() || {};\n\n    if (!preventDismiss) {\n      dropdownRef.value?.dismiss();\n    }\n  }\n\n  function onDismiss() {\n    undoWorkingFilters();\n    emit('dismiss');\n  }\n\n  const showShadow = ref(false);\n  const onScroll = throttle((event: Event) => {\n    if (!event.target) return;\n\n    if ((event.target as HTMLElement).scrollTop > 0) {\n      showShadow.value = true;\n    } else {\n      showShadow.value = false;\n    }\n  }, 500);\n\n  function onScrollEnd() {\n    setTimeout(() => {\n      showShadow.value = false;\n    }, 2000);\n  }\n</script>\n\n<template>\n  <Dropdown\n    ref=\"dropdownRef\"\n    align=\"left\"\n    class=\"stash-filter-dropdown\"\n    data-test=\"stash-filter-dropdown\"\n    fluid-content\n    close-manually\n    content-class=\"tw-w-full tw-max-w-[600px] tw-h-full tw-max-h-[400px]\"\n    :offset=\"{ y: 6 }\"\n    @dismiss=\"onDismiss\"\n  >\n    <template #toggle>\n      <FilterChip\n        class=\"tw-rounded-full\"\n        has-dropdown\n        :is-dropdown-open=\"isOpen\"\n        :filter-count=\"activeFiltersCounts[props.group]\"\n        :is-selected=\"isOpen\"\n        @click=\"onToggleButtonClick\"\n      >\n        {{ props.label }}\n      </FilterChip>\n    </template>\n    <template #default>\n      <div class=\"tw-flex tw-flex-col tw-rounded tw-h-full\">\n        <div class=\"tw-grow tw-rounded-t tw-relative tw-overflow-hidden\">\n          <div class=\"tw-p-3.5 tw-h-full tw-overflow-auto\" @scroll=\"onScroll\" @scrollend=\"onScrollEnd\">\n            <slot></slot>\n          </div>\n          <Transition name=\"fade\">\n            <div\n              v-if=\"showShadow\"\n              class=\"\n                tw-absolute\n                tw-bottom-0\n                tw-left-0\n                tw-right-0\n                tw-z-10\n                tw-h-[20px]\n                tw-bg-scroll-shadow\n                tw-pointer-events-none\n              \"\n            ></div>\n          </Transition>\n        </div>\n\n        <footer\n          class=\"\n            tw-bg-ice-100\n            tw-border-t-ice-200\n            tw-border-b-ice-100\n            tw-border-x-ice-100\n            tw-border-solid\n            tw-border\n            tw-p-3.5\n            tw-flex\n            tw-justify-end\n            tw-rounded-b\n            tw-gap-6\n          \"\n        >\n          <Button\n            v-if=\"activeFiltersCounts[props.group]\"\n            secondary\n            class=\"tw-min-w-[100px]\"\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleResetClick\"\n          >\n            {{ t('ll.reset') }}\n          </Button>\n          <Button class=\"tw-min-w-[100px]\" :disabled=\"isDataViewLoading\" @click=\"handleApplyClick\">\n            {{ t('ll.apply') }}\n          </Button>\n        </footer>\n      </div>\n    </template>\n  </Dropdown>\n</template>\n"],"names":["isDataViewLoading","inject","DATA_VIEW_INJECTION","dataViewFiltersUtils","DATA_VIEW_FILTERS_UTILS_INJECTION","applyFilters","resetFilterGroup","activeFiltersCounts","undoWorkingFilters","dropdownRef","ref","isOpen","computed","_a","onToggleButtonClick","wasOpen","emit","handleResetClick","props","handleApplyClick","preventDismiss","_b","onDismiss","showShadow","onScroll","throttle","event","onScrollEnd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6BQ,EAAE,WAAWA,MAAsBC,EAAOC,EAAoB,KAAKA,EAAoB,QAAQ,GAE/FC,IAAuBF,EAAOG,EAAkC,GAAG;AAErE,QAAA,EAACD,KAAA,QAAAA,EAAsB;AACzB,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAIJ,UAAM,EAAE,cAAAE,GAAc,kBAAAC,GAAkB,qBAAAC,GAAqB,oBAAAC,MAC3DL,EAAqB,oBAEjBM,IAAcC,KACdC,IAASC,EAAS,MAAA;;AAAM,cAAAC,IAAAJ,EAAY,UAAZ,gBAAAI,EAAmB;AAAA,KAAQ;AAEzD,aAASC,IAAsB;;AAC7B,YAAMC,IAAUJ,EAAO;AAEvB,OAAAE,IAAAJ,EAAY,UAAZ,QAAAI,EAAmB,UAEfE,MACiBP,KACnBQ,EAAK,SAAS;AAAA,IAElB;AAEA,aAASC,IAAmB;;AAC1B,MAAAX,EAAiBY,EAAM,KAAK,GAC5BF,EAAK,OAAO,IACZH,IAAAJ,EAAY,UAAZ,QAAAI,EAAmB;AAAA,IACrB;AAEA,mBAAeM,IAAmB;;AAC1B,YAAA,EAAE,gBAAAC,MAAoB,QAAMP,IAAAK,EAAM,YAAN,gBAAAL,EAAA,KAAAK,OAAsBb,EAAa,KAAK;AAE1E,MAAKe,MACHC,IAAAZ,EAAY,UAAZ,QAAAY,EAAmB;AAAA,IAEvB;AAEA,aAASC,IAAY;AACA,MAAAd,KACnBQ,EAAK,SAAS;AAAA,IAChB;AAEM,UAAAO,IAAab,EAAI,EAAK,GACtBc,IAAWC,EAAS,CAACC,MAAiB;AAC1C,MAAKA,EAAM,WAENA,EAAM,OAAuB,YAAY,IAC5CH,EAAW,QAAQ,KAEnBA,EAAW,QAAQ;AAAA,OAEpB,GAAG;AAEN,aAASI,IAAc;AACrB,iBAAW,MAAM;AACf,QAAAJ,EAAW,QAAQ;AAAA,SAClB,GAAI;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterDropdown.js","sources":["../src/components/FilterDropdown/FilterDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import throttle from 'lodash-es/throttle';\n  import { computed, inject, ref } 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 { DATA_VIEW_FILTERS_UTILS_INJECTION } from '../DataViewFilters/DataViewFilters.keys';\n  import type { OnApplyFilters } from '../DataViewFilters/DataViewFilters.types';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import FilterChip from '../FilterChip/FilterChip.vue';\n\n  export interface FilterDropdownProps {\n    label: string;\n    /** The name of a filter group */\n    group: string;\n    onApply?: OnApplyFilters;\n  }\n  const props = withDefaults(defineProps<FilterDropdownProps>(), {\n    activeFilterCount: 0,\n    onApply: () => undefined,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'reset'): void;\n      (e: 'dismiss'): void;\n    }>();\n\n  const { isLoading: isDataViewLoading } = inject(DATA_VIEW_INJECTION.key, DATA_VIEW_INJECTION.defaults);\n\n  const dataViewFiltersUtils = inject(DATA_VIEW_FILTERS_UTILS_INJECTION.key);\n\n  if (!dataViewFiltersUtils?.useFiltersInstance) {\n    throw new Error(\n      'FilterDropdown must be used within a <DataViewFilters> that receives an instance of useFilters().',\n    );\n  }\n\n  const { applyFilters, resetFilterGroup, activeFiltersCounts, undoWorkingFilters } =\n    dataViewFiltersUtils.useFiltersInstance;\n\n  const dropdownRef = ref<InstanceType<typeof Dropdown>>();\n  const isOpen = computed(() => dropdownRef.value?.isActive);\n\n  function onToggleButtonClick() {\n    const wasOpen = isOpen.value;\n\n    dropdownRef.value?.toggle();\n\n    if (wasOpen) {\n      undoWorkingFilters();\n      emit('dismiss');\n    }\n  }\n\n  function handleResetClick() {\n    resetFilterGroup(props.group);\n    emit('reset');\n    dropdownRef.value?.dismiss();\n  }\n\n  async function handleApplyClick() {\n    const { preventDismiss } = (await props.onApply?.()) || applyFilters() || {};\n\n    if (!preventDismiss) {\n      dropdownRef.value?.dismiss();\n    }\n  }\n\n  function onDismiss() {\n    undoWorkingFilters();\n    emit('dismiss');\n  }\n\n  const showShadow = ref(false);\n  const onScroll = throttle((event: Event) => {\n    if (!event.target) return;\n\n    if ((event.target as HTMLElement).scrollTop > 0) {\n      showShadow.value = true;\n    } else {\n      showShadow.value = false;\n    }\n  }, 500);\n\n  function onScrollEnd() {\n    setTimeout(() => {\n      showShadow.value = false;\n    }, 2000);\n  }\n</script>\n\n<template>\n  <Dropdown\n    ref=\"dropdownRef\"\n    align=\"left\"\n    class=\"stash-filter-dropdown\"\n    data-test=\"stash-filter-dropdown\"\n    fluid-content\n    close-manually\n    content-class=\"tw-w-full tw-max-w-[600px] tw-h-full tw-max-h-[400px]\"\n    :offset=\"{ y: 6 }\"\n    @dismiss=\"onDismiss\"\n  >\n    <template #toggle>\n      <FilterChip\n        class=\"tw-rounded-full\"\n        has-dropdown\n        :is-dropdown-open=\"isOpen\"\n        :filter-count=\"activeFiltersCounts[props.group]\"\n        :is-selected=\"isOpen\"\n        @click=\"onToggleButtonClick\"\n      >\n        {{ props.label }}\n      </FilterChip>\n    </template>\n    <template #default>\n      <div class=\"tw-flex tw-h-full tw-flex-col tw-rounded\">\n        <div class=\"tw-relative tw-grow tw-overflow-hidden tw-rounded-t\">\n          <div class=\"tw-h-full tw-overflow-auto tw-p-6\" @scroll=\"onScroll\" @scrollend=\"onScrollEnd\">\n            <slot></slot>\n          </div>\n          <Transition name=\"fade\">\n            <div\n              v-if=\"showShadow\"\n              class=\"\n                tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-0 tw-z-10 tw-h-[20px] tw-bg-scroll-shadow\n              \"\n            ></div>\n          </Transition>\n        </div>\n\n        <footer\n          class=\"\n            tw-flex\n            tw-justify-end\n            tw-gap-6\n            tw-rounded-b\n            tw-border\n            tw-border-solid\n            tw-border-x-ice-100\n            tw-border-b-ice-100\n            tw-border-t-ice-200\n            tw-bg-ice-100\n            tw-p-3.5\n          \"\n        >\n          <Button\n            v-if=\"activeFiltersCounts[props.group]\"\n            secondary\n            class=\"tw-min-w-[100px]\"\n            :disabled=\"isDataViewLoading\"\n            @click=\"handleResetClick\"\n          >\n            {{ t('ll.reset') }}\n          </Button>\n          <Button class=\"tw-min-w-[100px]\" :disabled=\"isDataViewLoading\" @click=\"handleApplyClick\">\n            {{ t('ll.apply') }}\n          </Button>\n        </footer>\n      </div>\n    </template>\n  </Dropdown>\n</template>\n"],"names":["isDataViewLoading","inject","DATA_VIEW_INJECTION","dataViewFiltersUtils","DATA_VIEW_FILTERS_UTILS_INJECTION","applyFilters","resetFilterGroup","activeFiltersCounts","undoWorkingFilters","dropdownRef","ref","isOpen","computed","_a","onToggleButtonClick","wasOpen","emit","handleResetClick","props","handleApplyClick","preventDismiss","_b","onDismiss","showShadow","onScroll","throttle","event","onScrollEnd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6BQ,EAAE,WAAWA,MAAsBC,EAAOC,EAAoB,KAAKA,EAAoB,QAAQ,GAE/FC,IAAuBF,EAAOG,EAAkC,GAAG;AAErE,QAAA,EAACD,KAAA,QAAAA,EAAsB;AACzB,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAIJ,UAAM,EAAE,cAAAE,GAAc,kBAAAC,GAAkB,qBAAAC,GAAqB,oBAAAC,MAC3DL,EAAqB,oBAEjBM,IAAcC,KACdC,IAASC,EAAS,MAAA;;AAAM,cAAAC,IAAAJ,EAAY,UAAZ,gBAAAI,EAAmB;AAAA,KAAQ;AAEzD,aAASC,IAAsB;;AAC7B,YAAMC,IAAUJ,EAAO;AAEvB,OAAAE,IAAAJ,EAAY,UAAZ,QAAAI,EAAmB,UAEfE,MACiBP,KACnBQ,EAAK,SAAS;AAAA,IAElB;AAEA,aAASC,IAAmB;;AAC1B,MAAAX,EAAiBY,EAAM,KAAK,GAC5BF,EAAK,OAAO,IACZH,IAAAJ,EAAY,UAAZ,QAAAI,EAAmB;AAAA,IACrB;AAEA,mBAAeM,IAAmB;;AAC1B,YAAA,EAAE,gBAAAC,MAAoB,QAAMP,IAAAK,EAAM,YAAN,gBAAAL,EAAA,KAAAK,OAAsBb,EAAa,KAAK;AAE1E,MAAKe,MACHC,IAAAZ,EAAY,UAAZ,QAAAY,EAAmB;AAAA,IAEvB;AAEA,aAASC,IAAY;AACA,MAAAd,KACnBQ,EAAK,SAAS;AAAA,IAChB;AAEM,UAAAO,IAAab,EAAI,EAAK,GACtBc,IAAWC,EAAS,CAACC,MAAiB;AAC1C,MAAKA,EAAM,WAENA,EAAM,OAAuB,YAAY,IAC5CH,EAAW,QAAQ,KAEnBA,EAAW,QAAQ;AAAA,OAEpB,GAAG;AAEN,aAASI,IAAc;AACrB,iBAAW,MAAM;AACf,QAAAJ,EAAW,QAAQ;AAAA,SAClB,GAAI;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/FilterSelect.js

@@ -1,10 +1,10 @@
 import { defineComponent as S, computed as p, openBlock as r, createBlock as $, withCtx as u, createElementVNode as s, createElementBlock as d, withDirectives as f, vModelCheckbox as v, createVNode as _, withKeys as h, createTextVNode as b, toDisplayString as x, unref as C, createCommentVNode as K, Fragment as A, renderList as B } from "vue";
 import { t as E } from "./locale.js";
-import { _ as N } from "./Field.vue_vue_type_script_setup_true_lang-475832fe.js";
+import { _ as N } from "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
 import y from "./FilterChip.js";
 import "lodash-es/get";
 import "lodash-es/uniqueId";
-import "./Label.vue_vue_type_script_setup_true_lang-1d29d98a.js";
+import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import "./Chip.js";
 import "./utils/colorScheme.js";
 import "./Icon.js";
@@ -26,31 +26,31 @@ const F = { class: "tw-flex tw-flex-wrap tw-gap-1.5" }, D = ["id"], O = ["for"],
       get() {
         return e.modelValue;
       },
-      set(l) {
-        c("update:modelValue", l);
+      set(t) {
+        c("update:modelValue", t);
       }
     }), n = p({
       get() {
         return e.options.length === e.modelValue.length;
       },
-      set(l) {
-        c("update:modelValue", l ? e.options.map((a) => a.value) : []);
+      set(t) {
+        c("update:modelValue", t ? e.options.map((a) => a.value) : []);
       }
     });
-    function i(l) {
-      return `${e.name}--${l.value}`;
+    function i(t) {
+      return `${e.name}--${t.value}`;
     }
-    function g(l) {
-      return e.modelValue.includes(l.value);
+    function g(t) {
+      return e.modelValue.includes(t.value);
     }
-    function k(l) {
-      const a = o.value.filter((t) => t !== l);
-      a.length === o.value.length && a.push(l), o.value = a;
+    function w(t) {
+      const a = o.value.filter((l) => l !== t);
+      a.length === o.value.length && a.push(t), o.value = a;
     }
-    function w() {
+    function k() {
       n.value = !n.value;
     }
-    return (l, a) => (r(), $(N, {
+    return (t, a) => (r(), $(N, {
       class: "stash-filter-select",
       fieldset: "",
       label: e.label
@@ -62,8 +62,8 @@ const F = { class: "tw-flex tw-flex-wrap tw-gap-1.5" }, D = ["id"], O = ["for"],
           }, [
             f(s("input", {
               id: `${e.name}--all`,
-              "onUpdate:modelValue": a[0] || (a[0] = (t) => n.value = t),
-              class: "sr-only",
+              "onUpdate:modelValue": a[0] || (a[0] = (l) => n.value = l),
+              class: "tw-sr-only",
               tabindex: "-1",
               type: "checkbox",
               value: "all"
@@ -76,7 +76,7 @@ const F = { class: "tw-flex tw-flex-wrap tw-gap-1.5" }, D = ["id"], O = ["for"],
               _(y, {
                 "is-selected": n.value,
                 tabindex: "0",
-                onKeypress: h(w, ["enter"])
+                onKeypress: h(k, ["enter"])
               }, {
                 default: u(() => [
                   b(x(C(E)("ll.all")), 1)
@@ -85,29 +85,29 @@ const F = { class: "tw-flex tw-flex-wrap tw-gap-1.5" }, D = ["id"], O = ["for"],
               }, 8, ["is-selected", "onKeypress"])
             ], 8, O)
           ])) : K("", !0),
-          (r(!0), d(A, null, B(e.options, (t) => (r(), d("div", {
-            key: i(t)
+          (r(!0), d(A, null, B(e.options, (l) => (r(), d("div", {
+            key: i(l)
           }, [
             f(s("input", {
-              id: i(t),
+              id: i(l),
               "onUpdate:modelValue": a[1] || (a[1] = (m) => o.value = m),
-              class: "sr-only",
+              class: "tw-sr-only",
               tabindex: "-1",
               type: "checkbox",
-              value: t.value
+              value: l.value
             }, null, 8, U), [
               [v, o.value]
             ]),
             s("label", {
-              for: i(t)
+              for: i(l)
             }, [
               _(y, {
-                "is-selected": g(t),
+                "is-selected": g(l),
                 tabindex: "0",
-                onKeypress: h((m) => k(t.value), ["enter"])
+                onKeypress: h((m) => w(l.value), ["enter"])
               }, {
                 default: u(() => [
-                  b(x(t.label), 1)
+                  b(x(l.label), 1)
                 ]),
                 _: 2
               }, 1032, ["is-selected", "onKeypress"])

package/dist/FilterSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelect.js","sources":["../src/components/FilterSelect/FilterSelect.vue"],"sourcesContent":["<script lang=\"ts\">\n  export * from './FilterSelect.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n  import Field from '../Field/Field.vue';\n  import FilterChip from '../FilterChip/FilterChip.vue';\n  import { FilterSelectModelValue, FilterSelectOption } from './FilterSelect.types';\n\n  export interface FilterSelectProps {\n    /**\n     * The name attribute for the `<input>` elements. It is also used as a unique field to differentiate FilterSelect instances.\n     */\n    name: string;\n\n    label: string;\n\n    options: FilterSelectOption[];\n\n    modelValue: FilterSelectModelValue;\n\n    /**\n     * When true, this prop adds an \"All\" option for selecting all options.\n     */\n    canSelectAll?: boolean;\n  }\n\n  const props = withDefaults(defineProps<FilterSelectProps>(), {\n    canSelectAll: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'update:modelValue', value: FilterSelectModelValue): void;\n    }>();\n\n  /**\n   * @see: https://vuejs.org/guide/components/v-model.html#component-v-model\n   */\n  const selected = computed({\n    get() {\n      return props.modelValue;\n    },\n    set(value) {\n      emit('update:modelValue', value);\n    },\n  });\n\n  const isAllSelected = computed({\n    get() {\n      return props.options.length === props.modelValue.length;\n    },\n    set(isChecked) {\n      emit('update:modelValue', isChecked ? props.options.map((option) => option.value) : []);\n    },\n  });\n\n  function getOptionId(option: FilterSelectOption) {\n    return `${props.name}--${option.value}`;\n  }\n\n  function isOptionSelected(option: FilterSelectOption) {\n    return props.modelValue.includes(option.value);\n  }\n\n  function onEnter(enteredValue: FilterSelectOption['value']) {\n    const newSelected = selected.value.filter((value) => value !== enteredValue);\n\n    if (newSelected.length === selected.value.length) {\n      newSelected.push(enteredValue);\n    }\n\n    selected.value = newSelected;\n  }\n\n  function onEnterAll() {\n    isAllSelected.value = !isAllSelected.value;\n  }\n</script>\n\n<template>\n  <Field class=\"stash-filter-select\" fieldset :label=\"props.label\">\n    <div class=\"tw-flex tw-flex-wrap tw-gap-1.5\">\n      <div v-if=\"props.canSelectAll\" :key=\"`${props.name}--all`\">\n        <input\n          :id=\"`${props.name}--all`\"\n          v-model=\"isAllSelected\"\n          class=\"sr-only\"\n          tabindex=\"-1\"\n          type=\"checkbox\"\n          value=\"all\"\n        />\n        <label :for=\"`${props.name}--all`\">\n          <FilterChip :is-selected=\"isAllSelected\" tabindex=\"0\" @keypress.enter=\"onEnterAll\">\n            {{ t('ll.all') }}\n          </FilterChip>\n        </label>\n      </div>\n      <div v-for=\"option in props.options\" :key=\"getOptionId(option)\">\n        <input\n          :id=\"getOptionId(option)\"\n          v-model=\"selected\"\n          class=\"sr-only\"\n          tabindex=\"-1\"\n          type=\"checkbox\"\n          :value=\"option.value\"\n        />\n        <label :for=\"getOptionId(option)\">\n          <FilterChip :is-selected=\"isOptionSelected(option)\" tabindex=\"0\" @keypress.enter=\"onEnter(option.value)\">\n            {{ option.label }}\n          </FilterChip>\n        </label>\n      </div>\n    </div>\n  </Field>\n</template>\n"],"names":["selected","computed","props","value","emit","isAllSelected","isChecked","option","getOptionId","isOptionSelected","onEnter","enteredValue","newSelected","onEnterAll"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;iBA0CQA,IAAWC,EAAS;AAAA,MACxB,MAAM;AACJ,eAAOC,EAAM;AAAA,MACf;AAAA,MACA,IAAIC,GAAO;AACT,QAAAC,EAAK,qBAAqBD,CAAK;AAAA,MACjC;AAAA,IAAA,CACD,GAEKE,IAAgBJ,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOC,EAAM,QAAQ,WAAWA,EAAM,WAAW;AAAA,MACnD;AAAA,MACA,IAAII,GAAW;AACR,QAAAF,EAAA,qBAAqBE,IAAYJ,EAAM,QAAQ,IAAI,CAACK,MAAWA,EAAO,KAAK,IAAI,CAAE,CAAA;AAAA,MACxF;AAAA,IAAA,CACD;AAED,aAASC,EAAYD,GAA4B;AAC/C,aAAO,GAAGL,EAAM,IAAI,KAAKK,EAAO,KAAK;AAAA,IACvC;AAEA,aAASE,EAAiBF,GAA4B;AACpD,aAAOL,EAAM,WAAW,SAASK,EAAO,KAAK;AAAA,IAC/C;AAEA,aAASG,EAAQC,GAA2C;AAC1D,YAAMC,IAAcZ,EAAS,MAAM,OAAO,CAACG,MAAUA,MAAUQ,CAAY;AAE3E,MAAIC,EAAY,WAAWZ,EAAS,MAAM,UACxCY,EAAY,KAAKD,CAAY,GAG/BX,EAAS,QAAQY;AAAA,IACnB;AAEA,aAASC,IAAa;AACN,MAAAR,EAAA,QAAQ,CAACA,EAAc;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterSelect.js","sources":["../src/components/FilterSelect/FilterSelect.vue"],"sourcesContent":["<script lang=\"ts\">\n  export * from './FilterSelect.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n  import Field from '../Field/Field.vue';\n  import FilterChip from '../FilterChip/FilterChip.vue';\n  import { FilterSelectModelValue, FilterSelectOption } from './FilterSelect.types';\n\n  export interface FilterSelectProps {\n    /**\n     * The name attribute for the `<input>` elements. It is also used as a unique field to differentiate FilterSelect instances.\n     */\n    name: string;\n\n    label: string;\n\n    options: FilterSelectOption[];\n\n    modelValue: FilterSelectModelValue;\n\n    /**\n     * When true, this prop adds an \"All\" option for selecting all options.\n     */\n    canSelectAll?: boolean;\n  }\n\n  const props = withDefaults(defineProps<FilterSelectProps>(), {\n    canSelectAll: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'update:modelValue', value: FilterSelectModelValue): void;\n    }>();\n\n  /**\n   * @see: https://vuejs.org/guide/components/v-model.html#component-v-model\n   */\n  const selected = computed({\n    get() {\n      return props.modelValue;\n    },\n    set(value) {\n      emit('update:modelValue', value);\n    },\n  });\n\n  const isAllSelected = computed({\n    get() {\n      return props.options.length === props.modelValue.length;\n    },\n    set(isChecked) {\n      emit('update:modelValue', isChecked ? props.options.map((option) => option.value) : []);\n    },\n  });\n\n  function getOptionId(option: FilterSelectOption) {\n    return `${props.name}--${option.value}`;\n  }\n\n  function isOptionSelected(option: FilterSelectOption) {\n    return props.modelValue.includes(option.value);\n  }\n\n  function onEnter(enteredValue: FilterSelectOption['value']) {\n    const newSelected = selected.value.filter((value) => value !== enteredValue);\n\n    if (newSelected.length === selected.value.length) {\n      newSelected.push(enteredValue);\n    }\n\n    selected.value = newSelected;\n  }\n\n  function onEnterAll() {\n    isAllSelected.value = !isAllSelected.value;\n  }\n</script>\n\n<template>\n  <Field class=\"stash-filter-select\" fieldset :label=\"props.label\">\n    <div class=\"tw-flex tw-flex-wrap tw-gap-1.5\">\n      <div v-if=\"props.canSelectAll\" :key=\"`${props.name}--all`\">\n        <input\n          :id=\"`${props.name}--all`\"\n          v-model=\"isAllSelected\"\n          class=\"tw-sr-only\"\n          tabindex=\"-1\"\n          type=\"checkbox\"\n          value=\"all\"\n        />\n        <label :for=\"`${props.name}--all`\">\n          <FilterChip :is-selected=\"isAllSelected\" tabindex=\"0\" @keypress.enter=\"onEnterAll\">\n            {{ t('ll.all') }}\n          </FilterChip>\n        </label>\n      </div>\n      <div v-for=\"option in props.options\" :key=\"getOptionId(option)\">\n        <input\n          :id=\"getOptionId(option)\"\n          v-model=\"selected\"\n          class=\"tw-sr-only\"\n          tabindex=\"-1\"\n          type=\"checkbox\"\n          :value=\"option.value\"\n        />\n        <label :for=\"getOptionId(option)\">\n          <FilterChip :is-selected=\"isOptionSelected(option)\" tabindex=\"0\" @keypress.enter=\"onEnter(option.value)\">\n            {{ option.label }}\n          </FilterChip>\n        </label>\n      </div>\n    </div>\n  </Field>\n</template>\n"],"names":["selected","computed","props","value","emit","isAllSelected","isChecked","option","getOptionId","isOptionSelected","onEnter","enteredValue","newSelected","onEnterAll"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;iBA0CQA,IAAWC,EAAS;AAAA,MACxB,MAAM;AACJ,eAAOC,EAAM;AAAA,MACf;AAAA,MACA,IAAIC,GAAO;AACT,QAAAC,EAAK,qBAAqBD,CAAK;AAAA,MACjC;AAAA,IAAA,CACD,GAEKE,IAAgBJ,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOC,EAAM,QAAQ,WAAWA,EAAM,WAAW;AAAA,MACnD;AAAA,MACA,IAAII,GAAW;AACR,QAAAF,EAAA,qBAAqBE,IAAYJ,EAAM,QAAQ,IAAI,CAACK,MAAWA,EAAO,KAAK,IAAI,CAAE,CAAA;AAAA,MACxF;AAAA,IAAA,CACD;AAED,aAASC,EAAYD,GAA4B;AAC/C,aAAO,GAAGL,EAAM,IAAI,KAAKK,EAAO,KAAK;AAAA,IACvC;AAEA,aAASE,EAAiBF,GAA4B;AACpD,aAAOL,EAAM,WAAW,SAASK,EAAO,KAAK;AAAA,IAC/C;AAEA,aAASG,EAAQC,GAA2C;AAC1D,YAAMC,IAAcZ,EAAS,MAAM,OAAO,CAACG,MAAUA,MAAUQ,CAAY;AAE3E,MAAIC,EAAY,WAAWZ,EAAS,MAAM,UACxCY,EAAY,KAAKD,CAAY,GAG/BX,EAAS,QAAQY;AAAA,IACnB;AAEA,aAASC,IAAa;AACN,MAAAR,EAAA,QAAQ,CAACA,EAAc;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Filters.js

@@ -1,10 +1,10 @@
-import w from "lodash-es/cloneDeep";
+import G from "lodash-es/cloneDeep";
 import z from "lodash-es/merge";
-import { toRefs as W, ref as S, nextTick as Y, resolveComponent as y, openBlock as c, createElementBlock as V, Fragment as j, renderList as q, normalizeClass as L, createBlock as f, mergeProps as g, resolveDynamicComponent as k, createSlots as J, withCtx as b, normalizeProps as O, guardReactiveProps as R, createElementVNode as v, createCommentVNode as U, createVNode as D, createTextVNode as A, toDisplayString as M } from "vue";
+import { toRefs as W, ref as j, nextTick as Y, resolveComponent as y, openBlock as d, createElementBlock as V, Fragment as E, renderList as q, normalizeClass as S, createBlock as f, mergeProps as v, resolveDynamicComponent as k, createSlots as J, withCtx as b, normalizeProps as L, guardReactiveProps as O, createElementVNode as g, createCommentVNode as R, createVNode as U, createTextVNode as D, toDisplayString as A } from "vue";
 import K from "./useValidation.js";
-import { LLLV_CHANGE_TRIGGERS as N } from "./constants.js";
-import { t as H } from "./locale.js";
-import { persistentStorage as G } from "./storage.js";
+import { LLLV_CHANGE_TRIGGERS as M } from "./constants.js";
+import { t as N } from "./locale.js";
+import { persistentStorage as H } from "./storage.js";
 import Q from "./Button.js";
 import X from "./Checkbox.js";
 import Z from "./DatePicker.js";
@@ -18,13 +18,14 @@ import "lodash-es/get";
 import "./isDefined-2ce6cde4.js";
 import "lodash-es/round";
 import "./utils/storage.js";
+import "@leaflink/snitch";
 import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.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_0d7e7fd0_lang-4ed993c7.js";
+import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./utils/createValidDate.js";
 import "./index-5e5945a9.js";
 import "./index-fe8d3765.js";
@@ -37,8 +38,8 @@ 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-475832fe.js";
-import "./Label.vue_vue_type_script_setup_true_lang-1d29d98a.js";
+import "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
+import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "./useSearch.js";
@@ -48,7 +49,7 @@ import "./MenusPlugin-5e93f0a5.js";
 import "./Chip.js";
 import "./utils/colorScheme.js";
 const ie = {
-  "filter-button-group": "_filter-button-group_1pk5m_177"
+  "filter-button-group": "_filter-button-group_1o1yr_2"
 }, oe = {
   name: "ll-filters",
   components: {
@@ -93,12 +94,12 @@ const ie = {
   },
   emits: ["change", "submit", "reset"],
   setup(l) {
-    const { validationSchema: r } = W(l), o = r.value(), i = S({}), t = S();
+    const { validationSchema: r } = W(l), o = r.value(), i = j({}), t = j();
     function s() {
       if ((o == null ? void 0 : o.toString()) !== "[object Object]")
         return;
-      i.value = Object.keys(o).reduce((d, m) => (d[m] = void 0, d), {});
-      const p = Object.entries(o).reduce((d, [m, h]) => (d[m] = h.map((u) => u(i)), d), {});
+      i.value = Object.keys(o).reduce((c, m) => (c[m] = void 0, c), {});
+      const p = Object.entries(o).reduce((c, [m, h]) => (c[m] = h.map((u) => u(i)), c), {});
       t.value = K({ rules: p, values: i }), t.value.validate();
     }
     return {
@@ -109,8 +110,8 @@ const ie = {
   },
   data() {
     return {
-      applyText: H("ll.apply"),
-      clearText: H("ll.clear"),
+      applyText: N("ll.apply"),
+      clearText: N("ll.clear"),
       filters: {},
       filterValues: {},
       forceRenderCount: 0
@@ -131,10 +132,10 @@ const ie = {
           const s = l[i];
           if (s === "" || s == null)
             return o;
-          const p = t.attributes.trackBy || "id", d = typeof s == "object", m = typeof t.type == "object", h = m && t.attributes.multiple || !m && t.type.includes("ll-select") && (t.attributes.multiple || !t.attributes.single), u = h ? (
+          const p = t.attributes.trackBy || "id", c = typeof s == "object", m = typeof t.type == "object", h = m && t.attributes.multiple || !m && t.type.includes("ll-select") && (t.attributes.multiple || !t.attributes.single), u = h ? (
             // local storage might have item stored as an object from the old Select
             (Array.isArray(s) ? s : [s]).map((a) => a[p])
-          ) : d ? [s[p]] : [s], e = t.groupedWith;
+          ) : c ? [s[p]] : [s], e = t.groupedWith;
           return e && (u[0] = {
             index: e,
             value: l[e]
@@ -160,7 +161,7 @@ const ie = {
     }
   },
   async created() {
-    this.initFilterValues(), await Y(), this.initValidation(), this.applyFilters({ trigger: N.LOAD });
+    this.initFilterValues(), await Y(), this.initValidation(), this.applyFilters({ trigger: M.LOAD });
   },
   methods: {
     initFilterValues() {
@@ -177,7 +178,7 @@ const ie = {
      * @param {object} [options] - optional parameters
      * @param {string} [options.trigger] - the action that triggered this function call
      */
-    async applyFilters({ trigger: l = N.APPLY } = {}) {
+    async applyFilters({ trigger: l = M.APPLY } = {}) {
       this.validation && (await this.validation.validate(), this.validation.hasErrors) || (this.disablePersistency || this.persistFilterValues(this.filterValues), this.$emit("submit", { trigger: l }));
     },
     resetFilters() {
@@ -225,35 +226,35 @@ const ie = {
      * @returns {any}
      */
     getPersistentFilterValues() {
-      return G.get("filter-values");
+      return H.get("filter-values");
     },
     /**
      * Clone new filterValues to remove reactivity, and save them to localStorage.
      * @param {object} newValues - the filterValues to be persisted in localStorage
      */
     persistFilterValues(l) {
-      G.set("filter-values", w(l));
+      H.set("filter-values", G(l));
     }
   }
-}, se = { class: "ll-grid ll-grid-cols-4 md:ll-grid-cols-12" }, re = ["data-test"], ae = ["innerHTML"], ne = ["innerHTML"];
-function ce(l, r, o, i, t, s) {
+}, se = { class: "ll-grid tw-grid-cols-4 md:tw-grid-cols-12" }, re = ["data-test"], ae = ["innerHTML"], ne = ["innerHTML"];
+function de(l, r, o, i, t, s) {
   var u;
-  const p = y("ll-select"), d = y("ll-checkbox"), m = y("ll-radio"), h = y("ll-button");
-  return c(), V("div", se, [
-    (c(!0), V(j, null, q(o.schema, (e, a) => {
-      var _, F, T, C, x, P, B, E;
-      return c(), V(j, null, [
-        e.hidden ? U("", !0) : (c(), V("div", {
+  const p = y("ll-select"), c = y("ll-checkbox"), m = y("ll-radio"), h = y("ll-button");
+  return d(), V("div", se, [
+    (d(!0), V(E, null, q(o.schema, (e, a) => {
+      var _, F, T, C, w, x, P, B;
+      return d(), V(E, null, [
+        e.hidden ? R("", !0) : (d(), V("div", {
           key: `${a} ${t.forceRenderCount}`,
-          class: L(["field-wrapper col-span-4 md:col-span-3", { "hidden-sm-only": !e.type, "flex align-bottom": e.type === "ll-checkbox" }]),
+          class: S(["field-wrapper tw-col-span-4 md:tw-col-span-3", { "max-md:tw-hidden": !e.type, "tw-flex tw-items-end": e.type === "ll-checkbox" }]),
           "data-test": `filter|${e.fieldToFilter}`
         }, [
-          e.type === "ll-select" ? (c(), f(p, g({ key: 0 }, e.attributes, {
+          e.type === "ll-select" ? (d(), f(p, v({ key: 0 }, e.attributes, {
             error: ((_ = i.validation) == null ? void 0 : _.fields[e.fieldToFilter]) && ((F = i.validation) == null ? void 0 : F.getError(e.fieldToFilter)),
             label: e.label,
             "model-value": t.filterValues[a],
             "onUpdate:modelValue": (n) => s.onSelectInput(n, e, a)
-          }), null, 16, ["error", "label", "model-value", "onUpdate:modelValue"])) : e.type === "ll-checkbox" ? (c(), f(d, g({
+          }), null, 16, ["error", "label", "model-value", "onUpdate:modelValue"])) : e.type === "ll-checkbox" ? (d(), f(c, v({
             key: 1,
             checked: t.filterValues[a],
             "onUpdate:checked": (n) => t.filterValues[a] = n
@@ -261,38 +262,38 @@ function ce(l, r, o, i, t, s) {
             "error-text": ((T = i.validation) == null ? void 0 : T.fields[e.fieldToFilter]) && ((C = i.validation) == null ? void 0 : C.getError(e.fieldToFilter)),
             label: e.label,
             "onUpdate:checked": (n) => s.onChange(e, t.filterValues, a)
-          }), null, 16, ["checked", "onUpdate:checked", "error-text", "label"])) : e.type === "ll-radio" ? (c(), f(m, g({
+          }), null, 16, ["checked", "onUpdate:checked", "error-text", "label"])) : e.type === "ll-radio" ? (d(), f(m, v({
             key: 2,
             checked: t.filterValues[a],
             "onUpdate:checked": (n) => t.filterValues[a] = n
           }, e.attributes, {
-            "error-text": ((x = i.validation) == null ? void 0 : x.fields[e.fieldToFilter]) && ((P = i.validation) == null ? void 0 : P.getError(e.fieldToFilter)),
+            "error-text": ((w = i.validation) == null ? void 0 : w.fields[e.fieldToFilter]) && ((x = i.validation) == null ? void 0 : x.getError(e.fieldToFilter)),
             label: e.label,
             "onUpdate:checked": (n) => s.onChange(e, t.filterValues, a)
-          }), null, 16, ["checked", "onUpdate:checked", "error-text", "label"])) : e.type ? (c(), f(k(e.type), g({ key: 3 }, e.attributes, {
+          }), null, 16, ["checked", "onUpdate:checked", "error-text", "label"])) : e.type ? (d(), f(k(e.type), v({ key: 3 }, e.attributes, {
             modelValue: t.filterValues[a],
             "onUpdate:modelValue": [(n) => t.filterValues[a] = n, (n) => s.onChange(e, t.filterValues, a)],
-            "error-text": ((B = i.validation) == null ? void 0 : B.fields[e.fieldToFilter]) && ((E = i.validation) == null ? void 0 : E.getError(e.fieldToFilter)),
+            "error-text": ((P = i.validation) == null ? void 0 : P.fields[e.fieldToFilter]) && ((B = i.validation) == null ? void 0 : B.getError(e.fieldToFilter)),
             label: e.label
           }), J({ _: 2 }, [
             e.slots && e.slots.selected ? {
               name: "selected",
               fn: b(({ option: n }) => [
-                (c(), f(k(e.slots.selected), O(R(n.props)), null, 16))
+                (d(), f(k(e.slots.selected), L(O(n.props)), null, 16))
               ]),
               key: "0"
             } : void 0,
             e.slots && e.slots.option ? {
               name: "option",
               fn: b(({ option: n }) => [
-                (c(), f(k(e.slots.option), O(R(n.props)), null, 16))
+                (d(), f(k(e.slots.option), L(O(n.props)), null, 16))
               ]),
               key: "1"
             } : void 0,
             e.slots && e.slots.prepend ? {
               name: "prepend",
               fn: b(() => [
-                v("span", {
+                g("span", {
                   innerHTML: e.slots.prepend
                 }, null, 8, ae)
               ]),
@@ -301,48 +302,48 @@ function ce(l, r, o, i, t, s) {
             e.slots && e.slots.append ? {
               name: "append",
               fn: b(() => [
-                v("span", {
+                g("span", {
                   innerHTML: e.slots.append
                 }, null, 8, ne)
               ]),
               key: "3"
             } : void 0
-          ]), 1040, ["modelValue", "onUpdate:modelValue", "error-text", "label"])) : U("", !0)
+          ]), 1040, ["modelValue", "onUpdate:modelValue", "error-text", "label"])) : R("", !0)
         ], 10, re))
       ], 64);
     }), 256)),
-    v("div", {
-      class: L(["flex align-right align-bottom button-grid col-span-4 md:col-span-12", l.$style["filter-button-group"]])
+    g("div", {
+      class: S(["button-grid tw-col-span-4 tw-flex tw-items-end tw-justify-end md:tw-col-span-12", l.$style["filter-button-group"]])
     }, [
-      D(h, {
+      U(h, {
         secondary: "",
         "data-test": "button|reset-filters",
         disabled: o.disableClear,
         onClick: s.resetFilters
       }, {
         default: b(() => [
-          A(M(t.clearText), 1)
+          D(A(t.clearText), 1)
         ]),
         _: 1
       }, 8, ["disabled", "onClick"]),
-      D(h, {
+      U(h, {
         primary: "",
         "data-test": "button|apply-filters",
         disabled: o.disableApply || ((u = i.validation) == null ? void 0 : u.hasErrors),
         onClick: s.applyFilters
       }, {
         default: b(() => [
-          A(M(t.applyText), 1)
+          D(A(t.applyText), 1)
         ]),
         _: 1
       }, 8, ["disabled", "onClick"])
     ], 2)
   ]);
 }
-const de = {
+const ce = {
   $style: ie
-}, rt = /* @__PURE__ */ le(oe, [["render", ce], ["__cssModules", de]]);
+}, at = /* @__PURE__ */ le(oe, [["render", de], ["__cssModules", ce]]);
 export {
-  rt as default
+  at as default
 };
 //# sourceMappingURL=Filters.js.map