@leaflink/stash 49.3.2 → 49.3.4

package/dist/ModuleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleHeader.js","sources":["../src/components/ModuleHeader/ModuleHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject, ref, useCssModule, useSlots } from 'vue';\n\n  import { MODULE_INJECTION } from '../Module/Module.keys';\n  import { ModuleVariant } from '../Module/Module.types';\n\n  defineOptions({\n    name: 'll-module-header',\n  });\n\n  export interface ModuleHeaderProps {\n    /**\n     * Header title. Will get overridden by the `title` slot if provided.\n     */\n    title?: string;\n\n    /**\n     * Size of the header.\n     *\n     * - `small` = `h4`\n     * - `medium` = `h3`\n     * - `large` = `h2`\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /**\n     * Header description, aka subtitle. Will get overridden by the `description` slot if provided.\n     */\n    description?: string;\n\n    /**\n     * Stop the actions slot from force-wrapping on medium and smalls screens.\n     */\n    preventActionsWrap?: boolean;\n\n    /**\n     * Displays a border at the bottom\n     */\n    underline?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ModuleHeaderProps>(), {\n    title: '',\n    size: 'medium',\n    description: '',\n    preventActionsWrap: false,\n    underline: false,\n  });\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  // get the module variant from the parent module\n  const moduleVariant = ref();\n  const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n  if (!moduleInjectedValues.variant) {\n    throw new Error('<ModuleHeader> must be used within a <Module> component.');\n  }\n  moduleVariant.value = moduleInjectedValues.variant.value;\n\n  const is = computed(() => {\n    let component: string;\n\n    switch (props.size) {\n      case 'small':\n        component = 'h4';\n        break;\n\n      case 'medium':\n        component = 'h3';\n        break;\n\n      case 'large':\n        component = 'h2';\n        break;\n\n      default:\n        component = 'h3';\n        break;\n    }\n\n    return component;\n  });\n\n  const isDefaultSlotSimpleString = computed(() => {\n    if (!slots.default) {\n      return false;\n    }\n\n    const defaultSlot = slots.default();\n    return (\n      defaultSlot.length === 1 &&\n      typeof slots.default()[0].children === 'string' &&\n      typeof slots.default()[0].type === 'symbol'\n    );\n  });\n\n  const marginBottomClasses = computed(() => {\n    const isBoxOrTableOrList = ['box', 'table', 'list'].includes(moduleVariant.value);\n\n    if (isBoxOrTableOrList && !props.underline) {\n      return 'tw-mb-3 lg:tw-mb-6';\n    } else if (isBoxOrTableOrList && props.underline) {\n      return 'tw-mb-3';\n    } else {\n      return '';\n    }\n  });\n</script>\n\n<template>\n  <header\n    class=\"stash-module-header tw-flex tw-flex-wrap tw-justify-between\"\n    :class=\"{\n      'tw-rounded-t tw-border-b tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-px-6':\n        moduleVariant === ModuleVariant.Card,\n      'tw-mb-6 tw-rounded tw-bg-white tw-px-3 tw-pt-3 tw-shadow lg:tw-mb-0 lg:tw-rounded-b-none lg:tw-px-6 lg:tw-pt-6 lg:tw-shadow-none':\n        moduleVariant === ModuleVariant.Table || moduleVariant === ModuleVariant.List,\n      'tw-mb-3 tw-border-b tw-border-ice-200 lg:tw-mb-6': props.underline,\n    }\"\n    data-test=\"stash-module-header\"\n  >\n    <div\n      class=\"stash-module-header__content tw-mr-6\"\n      :class=\"marginBottomClasses\"\n      data-test=\"stash-module-header|content\"\n    >\n      <div class=\"tw-flex tw-items-center\">\n        <div\n          v-if=\"slots.media && props.size === 'large'\"\n          class=\"stash-module-header__content__media tw-mr-3\"\n          :class=\"classes.media\"\n          data-test=\"stash-module-header|content-media\"\n        >\n          <!-- @slot Place an illustration that sits next to the header title & description. -->\n          <slot name=\"media\"></slot>\n        </div>\n\n        <div class=\"stash-module-header__content__text\" data-test=\"stash-module-header|content-text\">\n          <!--\n            @slot Header title. **Deprecated**: Use the default slot or the `title` prop instead.\n          -->\n          <slot v-if=\"slots.title\" name=\"title\"></slot>\n\n          <template v-else-if=\"isDefaultSlotSimpleString\">\n            <component\n              :is=\"is\"\n              class=\"stash-module-header__default_slot_string tw-my-0\"\n              data-test=\"stash-module-header|default-slot-text\"\n            >\n              <!-- @slot Header title. -->\n              <slot></slot>\n            </component>\n          </template>\n          <!-- @slot Header title. Falls back to the `title` prop. -->\n          <slot v-else>\n            <component :is=\"is\" class=\"tw-my-0\">{{ props.title }}</component>\n          </slot>\n\n          <!--\n            @slot Header description, aka subtitle. Falls back to the `description` prop.\n          -->\n          <slot name=\"description\">\n            <p v-if=\"props.description\" class=\"tw-mb-0 tw-mt-3\">{{ props.description }}</p>\n          </slot>\n        </div>\n      </div>\n    </div>\n\n    <!-- todo: how can we pass a prop/class to actions in order to top align vs middle align? -->\n    <div\n      v-if=\"slots.actions\"\n      class=\"stash-module-header__actions tw-self-center\"\n      :class=\"[\n        marginBottomClasses,\n        {\n          'tw-w-full lg:tw-w-auto': !props.preventActionsWrap,\n        },\n      ]\"\n      data-test=\"stash-module-header|actions\"\n    >\n      <!-- @slot Add action buttons or other CTAs. -->\n      <slot name=\"actions\"></slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media {\n    max-height: 58px;\n    max-width: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","moduleVariant","ref","moduleInjectedValues","inject","MODULE_INJECTION","is","computed","component","isDefaultSlotSimpleString","marginBottomClasses","isBoxOrTableOrList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GAORC,IAAUC,KACVC,IAAQC,KAGRC,IAAgBC,KAChBC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AAC/E,QAAA,CAACF,EAAqB;AAClB,YAAA,IAAI,MAAM,0DAA0D;AAE9D,IAAAF,EAAA,QAAQE,EAAqB,QAAQ;AAE7C,UAAAG,IAAKC,EAAS,MAAM;AACpB,UAAAC;AAEJ,cAAQb,EAAM,MAAM;AAAA,QAClB,KAAK;AACS,UAAAa,IAAA;AACZ;AAAA,QAEF,KAAK;AACS,UAAAA,IAAA;AACZ;AAAA,QAEF,KAAK;AACS,UAAAA,IAAA;AACZ;AAAA,QAEF;AACc,UAAAA,IAAA;AACZ;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GAEKC,IAA4BF,EAAS,MACpCR,EAAM,UAISA,EAAM,UAEZ,WAAW,KACvB,OAAOA,EAAM,QAAU,EAAA,CAAC,EAAE,YAAa,YACvC,OAAOA,EAAM,UAAU,CAAC,EAAE,QAAS,WAP5B,EASV,GAEKW,IAAsBH,EAAS,MAAM;AACnC,YAAAI,IAAqB,CAAC,OAAO,SAAS,MAAM,EAAE,SAASV,EAAc,KAAK;AAE5E,aAAAU,KAAsB,CAAChB,EAAM,YACxB,uBACEgB,KAAsBhB,EAAM,YAC9B,YAEA;AAAA,IACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ModuleHeader.js","sources":["../src/components/ModuleHeader/ModuleHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject, ref, useCssModule, useSlots } from 'vue';\n\n  import { MODULE_INJECTION } from '../Module/Module.keys';\n  import { ModuleVariant } from '../Module/Module.types';\n\n  defineOptions({\n    name: 'll-module-header',\n  });\n\n  export interface ModuleHeaderProps {\n    /**\n     * Header title. Will get overridden by the `title` slot if provided.\n     */\n    title?: string;\n\n    /**\n     * Size of the header.\n     *\n     * - `small` = `h4`\n     * - `medium` = `h3`\n     * - `large` = `h2`\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /**\n     * Header description, aka subtitle. Will get overridden by the `description` slot if provided.\n     */\n    description?: string;\n\n    /**\n     * Stop the actions slot from force-wrapping on medium and smalls screens.\n     */\n    preventActionsWrap?: boolean;\n\n    /**\n     * Displays a border at the bottom\n     */\n    underline?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ModuleHeaderProps>(), {\n    title: '',\n    size: 'medium',\n    description: '',\n    preventActionsWrap: false,\n    underline: false,\n  });\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  // get the module variant from the parent module\n  const moduleVariant = ref();\n  const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n  if (!moduleInjectedValues.variant) {\n    throw new Error('<ModuleHeader> must be used within a <Module> component.');\n  }\n  moduleVariant.value = moduleInjectedValues.variant.value;\n\n  const is = computed(() => {\n    let component: string;\n\n    switch (props.size) {\n      case 'small':\n        component = 'h4';\n        break;\n\n      case 'medium':\n        component = 'h3';\n        break;\n\n      case 'large':\n        component = 'h2';\n        break;\n\n      default:\n        component = 'h3';\n        break;\n    }\n\n    return component;\n  });\n\n  const isDefaultSlotSimpleString = computed(() => {\n    if (!slots.default) {\n      return false;\n    }\n\n    const defaultSlot = slots.default();\n    return (\n      defaultSlot.length === 1 &&\n      typeof slots.default()[0].children === 'string' &&\n      typeof slots.default()[0].type === 'symbol'\n    );\n  });\n\n  const marginBottomClasses = computed(() => {\n    const isBoxOrTableOrList = ['box', 'table', 'list'].includes(moduleVariant.value);\n\n    if (isBoxOrTableOrList && !props.underline) {\n      return 'tw-mb-3 lg:tw-mb-6';\n    } else if (isBoxOrTableOrList && props.underline) {\n      return 'tw-mb-3';\n    } else {\n      return '';\n    }\n  });\n</script>\n\n<template>\n  <header\n    class=\"stash-module-header tw-flex tw-flex-wrap tw-justify-between\"\n    :class=\"{\n      'tw-rounded-t tw-border-b tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-px-6':\n        moduleVariant === ModuleVariant.Card,\n      'tw-mb-6 tw-rounded tw-bg-white tw-px-3 tw-pt-3 tw-shadow lg:tw-mb-0 lg:tw-rounded-b-none lg:tw-px-6 lg:tw-pt-6 lg:tw-shadow-none':\n        moduleVariant === ModuleVariant.List,\n      'tw-mb-3 tw-border-b tw-border-ice-200 lg:tw-mb-6': props.underline,\n      'tw-mb-6 tw-rounded-t tw-bg-white tw-px-3 tw-pt-3 lg:tw-mb-0 lg:tw-px-6 lg:tw-pt-6':\n        moduleVariant === ModuleVariant.Table,\n    }\"\n    data-test=\"stash-module-header\"\n  >\n    <div\n      class=\"stash-module-header__content tw-mr-6\"\n      :class=\"marginBottomClasses\"\n      data-test=\"stash-module-header|content\"\n    >\n      <div class=\"tw-flex tw-items-center\">\n        <div\n          v-if=\"slots.media && props.size === 'large'\"\n          class=\"stash-module-header__content__media tw-mr-3\"\n          :class=\"classes.media\"\n          data-test=\"stash-module-header|content-media\"\n        >\n          <!-- @slot Place an illustration that sits next to the header title & description. -->\n          <slot name=\"media\"></slot>\n        </div>\n\n        <div class=\"stash-module-header__content__text\" data-test=\"stash-module-header|content-text\">\n          <!--\n            @slot Header title. **Deprecated**: Use the default slot or the `title` prop instead.\n          -->\n          <slot v-if=\"slots.title\" name=\"title\"></slot>\n\n          <template v-else-if=\"isDefaultSlotSimpleString\">\n            <component\n              :is=\"is\"\n              class=\"stash-module-header__default_slot_string tw-my-0\"\n              data-test=\"stash-module-header|default-slot-text\"\n            >\n              <!-- @slot Header title. -->\n              <slot></slot>\n            </component>\n          </template>\n          <!-- @slot Header title. Falls back to the `title` prop. -->\n          <slot v-else>\n            <component :is=\"is\" class=\"tw-my-0\">{{ props.title }}</component>\n          </slot>\n\n          <!--\n            @slot Header description, aka subtitle. Falls back to the `description` prop.\n          -->\n          <slot name=\"description\">\n            <p v-if=\"props.description\" class=\"tw-mb-0 tw-mt-3\">{{ props.description }}</p>\n          </slot>\n        </div>\n      </div>\n    </div>\n\n    <!-- todo: how can we pass a prop/class to actions in order to top align vs middle align? -->\n    <div\n      v-if=\"slots.actions\"\n      class=\"stash-module-header__actions tw-self-center\"\n      :class=\"[\n        marginBottomClasses,\n        {\n          'tw-w-full lg:tw-w-auto': !props.preventActionsWrap,\n        },\n      ]\"\n      data-test=\"stash-module-header|actions\"\n    >\n      <!-- @slot Add action buttons or other CTAs. -->\n      <slot name=\"actions\"></slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media {\n    max-height: 58px;\n    max-width: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","moduleVariant","ref","moduleInjectedValues","inject","MODULE_INJECTION","is","computed","component","isDefaultSlotSimpleString","marginBottomClasses","isBoxOrTableOrList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GAORC,IAAUC,KACVC,IAAQC,KAGRC,IAAgBC,KAChBC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AAC/E,QAAA,CAACF,EAAqB;AAClB,YAAA,IAAI,MAAM,0DAA0D;AAE9D,IAAAF,EAAA,QAAQE,EAAqB,QAAQ;AAE7C,UAAAG,IAAKC,EAAS,MAAM;AACpB,UAAAC;AAEJ,cAAQb,EAAM,MAAM;AAAA,QAClB,KAAK;AACS,UAAAa,IAAA;AACZ;AAAA,QAEF,KAAK;AACS,UAAAA,IAAA;AACZ;AAAA,QAEF,KAAK;AACS,UAAAA,IAAA;AACZ;AAAA,QAEF;AACc,UAAAA,IAAA;AACZ;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GAEKC,IAA4BF,EAAS,MACpCR,EAAM,UAISA,EAAM,UAEZ,WAAW,KACvB,OAAOA,EAAM,QAAU,EAAA,CAAC,EAAE,YAAa,YACvC,OAAOA,EAAM,UAAU,CAAC,EAAE,QAAS,WAP5B,EASV,GAEKW,IAAsBH,EAAS,MAAM;AACnC,YAAAI,IAAqB,CAAC,OAAO,SAAS,MAAM,EAAE,SAASV,EAAc,KAAK;AAE5E,aAAAU,KAAsB,CAAChB,EAAM,YACxB,uBACEgB,KAAsBhB,EAAM,YAC9B,YAEA;AAAA,IACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/RadioGroup.js

@@ -1,9 +1,9 @@
 import { defineComponent as $, inject as k, useCssModule as V, openBlock as l, createElementBlock as n, normalizeClass as p, unref as e, Fragment as B, renderList as R, createElementVNode as i, toDisplayString as h, provide as C, computed as v, createBlock as I, withCtx as M, renderSlot as T, resolveDynamicComponent as G } from "vue";
 import E from "lodash-es/uniqueId";
-import { _ as O } from "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
+import { _ as O } from "./Field.vue_vue_type_script_setup_true_lang-3ea26741.js";
 import { R as y } from "./RadioGroup.keys-974818d6.js";
 import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
-import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
+import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
 import "./locale.js";
 import "lodash-es/get";
 const W = ["id", "name", "value", "checked", "disabled"], j = ["for"], q = /* @__PURE__ */ $({

package/dist/SearchBar.js

@@ -12,8 +12,8 @@ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
 import "./constants.js";
-import "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
-import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
+import "./Field.vue_vue_type_script_setup_true_lang-3ea26741.js";
+import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
 const R = /* @__PURE__ */ V({
   name: "ll-search-bar",
   __name: "SearchBar",

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { defineComponent as xe, useAttrs as Ce, useSlots as Ie, ref as u, computed as v, watch as U, nextTick as Y, onMounted as Oe, onUnmounted as Me, openBlock as o, createBlock as K, normalizeClass as O, unref as y, createSlots as Fe, withCtx as M, createElementVNode as p, createElementBlock as d, Fragment as V, renderList as G, toDisplayString as k, withDirectives as F, withKeys as oe, createCommentVNode as R, renderSlot as j, createTextVNode as $, withModifiers as P, createVNode as B, Teleport as Re, Transition as $e, normalizeStyle as Pe, vModelText as ze, vShow as J } from "vue";
+import { defineComponent as Te, useAttrs as Ce, useSlots as Ie, ref as c, computed as v, watch as U, nextTick as Y, onMounted as Oe, onUnmounted as Me, openBlock as o, createBlock as K, normalizeClass as k, unref as y, createSlots as Fe, withCtx as M, createElementVNode as p, createElementBlock as d, Fragment as V, renderList as G, toDisplayString as B, withDirectives as F, withKeys as oe, createCommentVNode as R, renderSlot as j, createTextVNode as $, withModifiers as P, createVNode as S, Teleport as Re, Transition as $e, normalizeStyle as Pe, vModelText as ze, vShow as J } from "vue";
 import { u as He, a as Ne, f as Ae, o as Le, s as De } from "./floating-ui.vue-8d7f7932.js";
 import Ue from "@leaflink/snitch";
 import Ke from "lodash-es/debounce";
@@ -7,11 +7,11 @@ import re from "lodash-es/isEqual";
 import Ge from "lodash-es/isPlainObject";
 import je from "lodash-es/uniqueId";
 import qe from "./useSearch.js";
-import { DEBOUNCE as We, KEY_CODES as S } from "./constants.js";
+import { DEBOUNCE as We, KEY_CODES as E } from "./constants.js";
 import Xe from "./directives/clickoutside.js";
 import { D as Ye } from "./MenusPlugin-9288029a.js";
 import ie from "./Chip.js";
-import { _ as Je } from "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
+import { _ as Je } from "./Field.vue_vue_type_script_setup_true_lang-3ea26741.js";
 import z from "./Icon.js";
 import { _ as Qe } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
@@ -21,7 +21,7 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "./utils/colorScheme.js";
-import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
+import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
 import "./locale.js";
 import "./index-9e1095ef.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
@@ -31,10 +31,10 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
 }, nt = {
   key: 0,
   class: "tw-flex tw-items-center tw-border-b tw-border-blue-500 tw-pr-1.5"
-}, ot = ["data-test", "placeholder"], rt = { class: "stash-select__options options tw-my-1.5 tw-w-full tw-border-white tw-bg-white" }, it = ["data-test", "onClick", "onMouseenter"], ut = { class: "tw-m-1.5 tw-cursor-default tw-p-1.5" }, ct = {
+}, ot = ["data-test", "placeholder"], rt = { class: "stash-select__options options tw-my-1.5 tw-w-full tw-border-white tw-bg-white" }, it = ["data-test", "onClick", "onMouseenter"], ct = { class: "tw-m-1.5 tw-cursor-default tw-p-1.5" }, ut = {
   class: "tw-m-1.5 tw-cursor-default tw-p-1.5",
   "data-test": "stash-select|no-options"
-}, dt = /* @__PURE__ */ xe({
+}, dt = /* @__PURE__ */ Te({
   name: "ll-select",
   __name: "Select",
   props: {
@@ -77,8 +77,8 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
     teleportTo: { default: `#${Ye}` }
   },
   emits: ["update:model-value", "clear", "add", "remove", "opened", "closed"],
-  setup(ue, { emit: ce }) {
-    const e = ue, h = ce, H = Ce(), de = Ie(), Q = u(null), m = u(null), E = u(null), q = u(null), Z = u(null), N = u(0), T = u(0), n = u([]), ee = u(() => []), _ = u(""), f = u(-1), c = u(!1), W = u({}), te = u(!1), { floatingStyles: fe } = He(Q, E, {
+  setup(ce, { emit: ue }) {
+    const e = ce, h = ue, H = Ce(), de = Ie(), Q = c(null), m = c(null), x = c(null), q = c(null), Z = c(null), N = c(0), T = c(0), n = c([]), ee = c(() => []), _ = c(""), f = c(-1), u = c(!1), W = c({}), te = c(!1), { floatingStyles: fe } = He(Q, x, {
       whileElementsMounted: Ne,
       placement: e.menuPlacement,
       middleware: [
@@ -96,10 +96,10 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
     }), X = v(() => !e.hideSearch && e.searchable !== "false" && e.searchable !== !1), A = v(() => {
       let t = (te.value && e.lazy ? e.lazy() : e.options).filter(Boolean);
       return Ge(t[0]) || (t = t.map((l, s) => ({ name: l, id: s }))), t;
-    }), le = v(() => e.searchLoading || Object.keys(W.value).length > 0), x = v(() => e.disableFiltering || !(_.value || "").trim() ? A.value : ee.value(_.value)), pe = v(() => N.value <= T.value), ve = v(
-      () => !c.value && !e.single && !pe.value && n.value.length
+    }), le = v(() => e.searchLoading || Object.keys(W.value).length > 0), C = v(() => e.disableFiltering || !(_.value || "").trim() ? A.value : ee.value(_.value)), pe = v(() => N.value <= T.value), ve = v(
+      () => !u.value && !e.single && !pe.value && n.value.length
     ), he = v(() => [n.value.length, e.selectItemType, "selected"].filter(Boolean).join(" ")), me = v(() => e.preventEmpty || e.allowEmpty === "false" || e.allowEmpty === !1);
-    U(_, (t, l) => l !== t && D(-1)), U(n, () => I(), { deep: !0 }), U(
+    U(_, (t, l) => l !== t && D(-1)), U(n, () => O(), { deep: !0 }), U(
       () => e.modelValue,
       (t) => {
         if (Array.isArray(t)) {
@@ -129,7 +129,7 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
     const ye = () => {
       n.value = [], h("update:model-value", e.single ? void 0 : n.value), h("clear");
     }, L = (t) => {
-      e.disabled || !t || typeof t == "object" && "disabled" in t && (t != null && t.disabled) || (w(t) ? C(t) : (e.single && (n.value = []), n.value.push(t), h("update:model-value", e.single ? n.value[0] : n.value), h("add", t)), e.single && g());
+      e.disabled || !t || typeof t == "object" && "disabled" in t && (t != null && t.disabled) || (g(t) ? I(t) : (e.single && (n.value = []), n.value.push(t), h("update:model-value", e.single ? n.value[0] : n.value), h("add", t)), e.single && w());
     }, _e = (t) => {
       if (e.single) {
         const s = A.value.find((r) => {
@@ -144,7 +144,7 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
         l.find((i) => {
           var a;
           return i.value === ((a = s[e.trackBy]) == null ? void 0 : a.toString());
-        }) || C(s);
+        }) || I(s);
       for (const s of l) {
         const r = A.value.find(
           (i) => {
@@ -152,9 +152,9 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
             return ((a = i[e.trackBy]) == null ? void 0 : a.toString()) === s.value;
           }
         );
-        w(r) || L(r);
+        g(r) || L(r);
       }
-    }, C = (t) => {
+    }, I = (t) => {
       if (e.disabled || me.value && n.value.length === 1)
         return;
       const l = n.value.findIndex((s) => s[e.trackBy] === t[e.trackBy]);
@@ -164,17 +164,17 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
       }
       n.value.splice(l, 1), h("update:model-value", e.single ? n.value[0] : n.value), h("remove", t, l);
     }, ae = () => {
-      c.value || (I(), c.value = !0, h("opened"), X.value && Y(() => {
+      u.value || (O(), u.value = !0, h("opened"), X.value && Y(() => {
         var t;
         (t = Z.value) == null || t.focus({ preventScroll: !0 });
       }));
-    }, g = () => {
+    }, w = () => {
       var t;
-      c.value && h("closed", n.value), D(-1), c.value = !1, e.preserveSearchTerm || (_.value = ""), (t = m.value) == null || t.blur();
+      u.value && h("closed", n.value), D(-1), u.value = !1, e.preserveSearchTerm || (_.value = ""), (t = m.value) == null || t.blur();
     }, be = async (t) => {
       if (await Y(), !m.value)
         return;
-      if (![S.ENTER, S.ESCAPE].includes(t.keyCode)) {
+      if (![E.ENTER, E.ESCAPE].includes(t.keyCode)) {
         const s = m.value.querySelector(".stash-select__option--highlighted"), r = s == null ? void 0 : s.getBoundingClientRect(), i = m.value.getBoundingClientRect();
         if (!r || !i)
           return;
@@ -182,21 +182,21 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
       }
     }, D = (t) => {
       f.value = t;
-    }, ge = (t) => {
-      if (t.keyCode === S.ESCAPE)
-        g();
-      else if (t.keyCode === S.DOWN && f.value < x.value.length - 1)
-        c.value && f.value++;
-      else if (t.keyCode === S.UP && f.value > 0)
-        c.value && f.value--, E.value && X.value && f.value === 0 && (E.value.scrollTop -= 100);
-      else if (t.keyCode === S.ENTER && f.value !== -1)
-        c.value && L(x.value[f.value]);
+    }, we = (t) => {
+      if (t.keyCode === E.ESCAPE)
+        w();
+      else if (t.keyCode === E.DOWN && f.value < C.value.length - 1)
+        u.value && f.value++;
+      else if (t.keyCode === E.UP && f.value > 0)
+        u.value && f.value--, x.value && X.value && f.value === 0 && (x.value.scrollTop -= 100);
+      else if (t.keyCode === E.ENTER && f.value !== -1)
+        u.value && L(C.value[f.value]);
       else
         return;
       t.preventDefault(), be(t);
     }, se = Ke(function() {
-      we();
-    }, We.FAST), we = async function() {
+      ge();
+    }, We.FAST), ge = async function() {
       if (!e.onSearch)
         return;
       const t = je("search-request-");
@@ -210,49 +210,50 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
         "stash-select__option": !0,
         "stash-select__option--disabled": t && typeof t == "object" && "disabled" in t && (t == null ? void 0 : t.disabled),
         "stash-select__option--highlighted": f.value === l,
-        "stash-select__option--selected": w(t)
+        "stash-select__option--selected": g(t)
       },
       // @deprecated
       {
         "tw-bg-ice-200": f.value === l,
-        "tw-bg-blue-100 tw-text-ice-700": w(t)
+        "tw-bg-blue-100 tw-text-ice-700": g(t)
       }
-    ], w = (t) => t == null ? !1 : n.value.some((l) => (l == null ? void 0 : l[e.trackBy]) === t[e.trackBy]);
+    ], g = (t) => t == null ? !1 : n.value.some((l) => (l == null ? void 0 : l[e.trackBy]) === t[e.trackBy]);
     function ne(t) {
       var r, i;
       if (!t)
         return !1;
-      const l = (r = m.value) == null ? void 0 : r.contains(t), s = (i = E.value) == null ? void 0 : i.contains(t);
+      const l = (r = m.value) == null ? void 0 : r.contains(t), s = (i = x.value) == null ? void 0 : i.contains(t);
       return l || s;
     }
     function Be(t) {
       const l = t.relatedTarget;
-      !ne(l) && l && g();
+      !ne(l) && l && w();
     }
     function Se(t) {
       const l = t.target;
-      ne(l) || g();
+      ne(l) || w();
     }
     const Ee = () => {
       D(-1);
-    }, I = async () => {
+    }, O = async () => {
       await Y(), q.value && m.value && (T.value = T.value === 0 ? m.value.clientHeight : T.value, N.value = q.value.clientHeight);
     };
     return Oe(() => {
       if (H.onInput)
         throw new Error("ll-select: use the @update:model-value event instead of @input.");
-      window.addEventListener("resize", I), I();
+      window.addEventListener("resize", O), O();
     }), Me(() => {
-      window.removeEventListener("resize", I);
+      window.removeEventListener("resize", O);
     }), (t, l) => (o(), K(Je, {
       id: e.id,
-      class: O(["input ll-select stash-select", y(H).class]),
+      class: k(["input ll-select stash-select", y(H).class]),
       "data-test": "stash-select",
       "add-bottom-space": e.addBottomSpace,
       "error-text": e.errorText || e.error,
       "hint-text": e.hintText || e.hint,
       label: e.label,
-      "show-optional-in-label": e.showOptionalInLabel
+      "show-optional-in-label": e.showOptionalInLabel,
+      disabled: e.disabled
     }, Fe({
       default: M(({ fieldId: s, fieldErrorId: r, hasError: i }) => [
         p("select", {
@@ -265,11 +266,11 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
           name: e.name,
           onChange: _e
         }, [
-          (o(!0), d(V, null, G(x.value, (a, b) => (o(), d("option", {
+          (o(!0), d(V, null, G(C.value, (a, b) => (o(), d("option", {
             key: `srOnlyOption-${b}`,
-            selected: w(a),
+            selected: g(a),
             value: a[e.trackBy]
-          }, k(a[e.displayBy] || ""), 9, et))), 128)),
+          }, B(a[e.displayBy] || ""), 9, et))), 128)),
           l[5] || (l[5] = p("option", { value: "" }, null, -1))
         ], 40, Ze),
         F((o(), d("div", {
@@ -277,26 +278,26 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
           ref: Q,
           role: "listbox",
           "aria-hidden": "true",
-          class: O(["stash-select__content-wrapper", [
+          class: k(["stash-select__content-wrapper", [
             {
               "stash-select--disabled": !!e.disabled,
               "stash-select--error": !!(e.errorText || e.error),
-              "stash-select--active": c.value,
+              "stash-select--active": u.value,
               "stash-select--single": e.single
             },
             // @deprecated
             {
-              "is-active": c.value,
+              "is-active": u.value,
               "is-single": e.single,
               "is-disabled": e.disabled
             }
           ]]),
           "aria-controls": "listbox-" + s,
-          "aria-expanded": c.value,
+          "aria-expanded": u.value,
           "aria-label": e.placeholder,
           "aria-disabled": e.disabled || void 0,
-          onKeydown: ge,
-          onKeyup: oe(g, ["esc"])
+          onKeydown: we,
+          onKeyup: oe(w, ["esc"])
         }, [
           p("div", {
             id: "listbox-" + s,
@@ -317,21 +318,21 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
             }, [
               n.value.length ? R("", !0) : (o(), d("li", {
                 key: 0,
-                class: O(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
-              }, k(e.placeholder), 3)),
+                class: k(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
+              }, B(e.placeholder), 3)),
               e.single ? (o(!0), d(V, { key: 1 }, G(n.value, (a) => (o(), d("li", {
                 key: `chip-${a[e.trackBy]}`,
-                class: O(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
+                class: k(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
               }, [
                 j(t.$slots, "selected", { option: a }, () => [
-                  $(k(a[e.displayBy] || a) + " ", 1),
+                  $(B(a[e.displayBy] || a) + " ", 1),
                   p("button", {
                     tabindex: "-1",
                     class: "stash-select__remove",
-                    onKeypress: oe(P((b) => C(a), ["prevent"]), ["enter"]),
-                    onMousedown: P((b) => C(a), ["prevent", "stop"])
+                    onKeypress: oe(P((b) => I(a), ["prevent"]), ["enter"]),
+                    onMousedown: P((b) => I(a), ["prevent", "stop"])
                   }, [
-                    B(z, {
+                    S(z, {
                       icon: "close",
                       name: "close",
                       size: "small"
@@ -342,22 +343,22 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                 key: `chip-${a[e.trackBy]}`,
                 class: "tw-inline-block"
               }, [
-                B(ie, {
+                S(ie, {
                   "bg-color": "blue-500",
                   "is-removable": "",
                   "text-color": "white",
                   class: "stash-select__chip",
-                  onRemove: (b) => C(a)
+                  onRemove: (b) => I(a)
                 }, {
                   default: M(() => [
-                    $(k(a[e.displayBy] || a), 1)
+                    $(B(a[e.displayBy] || a), 1)
                   ]),
                   _: 2
                 }, 1032, ["onRemove"])
               ]))), 128))
             ], 512),
             ve.value ? (o(), d("div", st, [
-              B(ie, {
+              S(ie, {
                 "bg-color": "blue-500",
                 "is-removable": "",
                 "text-color": "white",
@@ -365,27 +366,27 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                 onRemove: ye
               }, {
                 default: M(() => [
-                  $(k(he.value), 1)
+                  $(B(he.value), 1)
                 ]),
                 _: 1
               })
             ])) : R("", !0),
             e.icon ? (o(), K(z, {
               key: 1,
-              class: "stash-select__icon",
+              class: k(["stash-select__icon", { "tw-text-ice-500": e.disabled }]),
               "data-test": "stash-select|toggle-icon",
               name: e.icon,
-              onMousedown: l[0] || (l[0] = P((a) => c.value && g(), ["prevent"]))
-            }, null, 8, ["name"])) : R("", !0),
+              onMousedown: l[0] || (l[0] = P((a) => u.value && w(), ["prevent"]))
+            }, null, 8, ["name", "class"])) : R("", !0),
             (o(), K(Re, {
               to: e.teleportTo,
               disabled: !e.enableTeleport
             }, [
-              B($e, { name: "fade" }, {
+              S($e, { name: "fade" }, {
                 default: M(() => [
                   F(p("div", {
                     ref_key: "optionsWrapperRef",
-                    ref: E,
+                    ref: x,
                     class: "stash-select__border-selector tw-w-full tw-shadow-2xl",
                     style: Pe(y(fe)),
                     onClick: l[3] || (l[3] = P(() => {
@@ -407,30 +408,30 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                       }, null, 40, ot), [
                         [ze, _.value]
                       ]),
-                      B(z, {
+                      S(z, {
                         name: "search",
                         class: "tw-text-ice-500"
                       })
                     ])) : R("", !0),
                     p("ul", rt, [
-                      (o(!0), d(V, null, G(x.value, (a, b) => (o(), d("li", {
+                      (o(!0), d(V, null, G(C.value, (a, b) => (o(), d("li", {
                         key: `option-${a[e.trackBy]}`,
                         "data-test": a[e.trackBy],
-                        class: O(ke(a, b)),
-                        onClick: (Te) => L(a),
-                        onMouseenter: P((Te) => D(b), ["self"])
+                        class: k(ke(a, b)),
+                        onClick: (xe) => L(a),
+                        onMouseenter: P((xe) => D(b), ["self"])
                       }, [
                         j(t.$slots, "option", { option: a }, () => [
-                          $(k(a[e.displayBy] || a), 1)
+                          $(B(a[e.displayBy] || a), 1)
                         ], !0),
-                        w(a) && !e.hideCheck ? (o(), K(z, {
+                        g(a) && !e.hideCheck ? (o(), K(z, {
                           key: 0,
                           class: "tw-ml-auto tw-text-blue-500",
                           name: "check"
                         })) : R("", !0)
                       ], 42, it))), 128)),
-                      F(p("li", ut, [
-                        B(z, {
+                      F(p("li", ct, [
+                        S(z, {
                           "data-test": "stash-select|options-loading",
                           name: "working",
                           class: "tw-animate-spin tw-text-ice-500"
@@ -438,16 +439,16 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                       ], 512), [
                         [J, e.loading || le.value]
                       ]),
-                      F(p("li", ct, [
+                      F(p("li", ut, [
                         j(t.$slots, "no-options", {}, () => [
                           l[6] || (l[6] = $(" No options "))
                         ], !0)
                       ], 512), [
-                        [J, !e.loading && !le.value && !x.value.length]
+                        [J, !e.loading && !le.value && !C.value.length]
                       ])
                     ])
                   ], 4), [
-                    [J, c.value && !e.disabled]
+                    [J, u.value && !e.disabled]
                   ])
                 ]),
                 _: 3
@@ -467,10 +468,10 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label"]));
+    ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label", "disabled"]));
   }
 });
-const Dt = /* @__PURE__ */ Qe(dt, [["__scopeId", "data-v-ab74bb37"]]);
+const Dt = /* @__PURE__ */ Qe(dt, [["__scopeId", "data-v-173b2aea"]]);
 export {
   Dt as default
 };