@leaflink/stash 42.5.0 → 42.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/README.md +24 -3
  2. package/dist/ActionsDropdown.js +15 -20
  3. package/dist/ActionsDropdown.js.map +1 -1
  4. package/dist/AddressSelect.js +34 -45
  5. package/dist/AddressSelect.js.map +1 -1
  6. package/dist/Alert.js +11 -13
  7. package/dist/Alert.js.map +1 -1
  8. package/dist/AppNavigationItem.js +4 -6
  9. package/dist/AppNavigationItem.js.map +1 -1
  10. package/dist/AppTopbar.js +13 -15
  11. package/dist/AppTopbar.js.map +1 -1
  12. package/dist/ButtonGroup.js +12 -14
  13. package/dist/ButtonGroup.js.map +1 -1
  14. package/dist/CardMedia.js +9 -11
  15. package/dist/CardMedia.js.map +1 -1
  16. package/dist/Carousel.js +41 -44
  17. package/dist/Carousel.js.map +1 -1
  18. package/dist/Checkbox.js +9 -11
  19. package/dist/Checkbox.js.map +1 -1
  20. package/dist/ChevronToggle.js +2 -4
  21. package/dist/ChevronToggle.js.map +1 -1
  22. package/dist/Chip.js +4 -6
  23. package/dist/Chip.js.map +1 -1
  24. package/dist/ContextSwitcher.js +12 -17
  25. package/dist/ContextSwitcher.js.map +1 -1
  26. package/dist/Copy.js +19 -24
  27. package/dist/Copy.js.map +1 -1
  28. package/dist/CurrencyInput.js +8 -13
  29. package/dist/CurrencyInput.js.map +1 -1
  30. package/dist/DataView.js +48 -59
  31. package/dist/DataView.js.map +1 -1
  32. package/dist/DataViewFilters.js +87 -97
  33. package/dist/DataViewFilters.js.map +1 -1
  34. package/dist/DataViewSortButton.js +14 -18
  35. package/dist/DataViewSortButton.js.map +1 -1
  36. package/dist/DataViewToolbar.js +12 -14
  37. package/dist/DataViewToolbar.js.map +1 -1
  38. package/dist/DatePicker.js +8 -18
  39. package/dist/DatePicker.js.map +1 -1
  40. package/dist/Dialog.js +6 -9
  41. package/dist/Dialog.js.map +1 -1
  42. package/dist/Dropdown.js +15 -20
  43. package/dist/Dropdown.js.map +1 -1
  44. package/dist/EmptyState.js +10 -13
  45. package/dist/EmptyState.js.map +1 -1
  46. package/dist/Field.js +3 -6
  47. package/dist/Field.js.map +1 -1
  48. package/dist/{Field.vue_vue_type_script_setup_true_lang-c864abd3.js → Field.vue_vue_type_script_setup_true_lang-475832fe.js} +2 -2
  49. package/dist/{Field.vue_vue_type_script_setup_true_lang-c864abd3.js.map → Field.vue_vue_type_script_setup_true_lang-475832fe.js.map} +1 -1
  50. package/dist/FileUpload.js +27 -30
  51. package/dist/FileUpload.js.map +1 -1
  52. package/dist/FilterChip.js +10 -13
  53. package/dist/FilterChip.js.map +1 -1
  54. package/dist/FilterDrawerItem.js +5 -8
  55. package/dist/FilterDrawerItem.js.map +1 -1
  56. package/dist/FilterDropdown.js +73 -88
  57. package/dist/FilterDropdown.js.map +1 -1
  58. package/dist/FilterSelect.js +15 -18
  59. package/dist/FilterSelect.js.map +1 -1
  60. package/dist/Filters.js +67 -78
  61. package/dist/Filters.js.map +1 -1
  62. package/dist/HttpError.js +4 -7
  63. package/dist/HttpError.js.map +1 -1
  64. package/dist/Icon.js +236 -14
  65. package/dist/Icon.js.map +1 -1
  66. package/dist/Icon.vue.d.ts +2 -2
  67. package/dist/Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js +11 -0
  68. package/dist/Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js.map +1 -0
  69. package/dist/IconLabel.js +4 -6
  70. package/dist/IconLabel.js.map +1 -1
  71. package/dist/Illustration.js +6 -8
  72. package/dist/Illustration.js.map +1 -1
  73. package/dist/Image.js +39 -49
  74. package/dist/Image.js.map +1 -1
  75. package/dist/InlineEdit.js +10 -12
  76. package/dist/InlineEdit.js.map +1 -1
  77. package/dist/Input.js +50 -55
  78. package/dist/Input.js.map +1 -1
  79. package/dist/InputOptions.js +20 -29
  80. package/dist/InputOptions.js.map +1 -1
  81. package/dist/Label.js +1 -4
  82. package/dist/Label.js.map +1 -1
  83. package/dist/LicenseChip.js +7 -9
  84. package/dist/LicenseChip.js.map +1 -1
  85. package/dist/ListItem.js +11 -13
  86. package/dist/ListItem.js.map +1 -1
  87. package/dist/ListView.js +47 -58
  88. package/dist/ListView.js.map +1 -1
  89. package/dist/Metric.js +6 -8
  90. package/dist/Metric.js.map +1 -1
  91. package/dist/Modal.js +16 -19
  92. package/dist/Modal.js.map +1 -1
  93. package/dist/Modals.js +16 -26
  94. package/dist/Modals.js.map +1 -1
  95. package/dist/ModalsPlugin.js +12 -22
  96. package/dist/ModalsPlugin.js.map +1 -1
  97. package/dist/ObfuscateText.js +7 -9
  98. package/dist/ObfuscateText.js.map +1 -1
  99. package/dist/PageNavigation.js +25 -29
  100. package/dist/PageNavigation.js.map +1 -1
  101. package/dist/Paginate.js +29 -31
  102. package/dist/Paginate.js.map +1 -1
  103. package/dist/QuickAction.js +13 -15
  104. package/dist/QuickAction.js.map +1 -1
  105. package/dist/RadioGroup.js +86 -89
  106. package/dist/RadioGroup.js.map +1 -1
  107. package/dist/SearchBar.js +18 -20
  108. package/dist/SearchBar.js.map +1 -1
  109. package/dist/Select.js +13 -23
  110. package/dist/Select.js.map +1 -1
  111. package/dist/SelectStatus.js +26 -36
  112. package/dist/SelectStatus.js.map +1 -1
  113. package/dist/Step.js +19 -21
  114. package/dist/Step.js.map +1 -1
  115. package/dist/Switch.js +8 -10
  116. package/dist/Switch.js.map +1 -1
  117. package/dist/Tab.js +25 -30
  118. package/dist/Tab.js.map +1 -1
  119. package/dist/Table.js +19 -21
  120. package/dist/Table.js.map +1 -1
  121. package/dist/TableCell.js +21 -22
  122. package/dist/TableCell.js.map +1 -1
  123. package/dist/TableHeaderCell.js +4 -4
  124. package/dist/TableHeaderRow.js +7 -9
  125. package/dist/TableHeaderRow.js.map +1 -1
  126. package/dist/TableRow.js +22 -24
  127. package/dist/TableRow.js.map +1 -1
  128. package/dist/Tabs.js +11 -16
  129. package/dist/Tabs.js.map +1 -1
  130. package/dist/{Tabs.vue_vue_type_script_setup_true_lang-ba383fda.js → Tabs.vue_vue_type_script_setup_true_lang-aca4f8b8.js} +3 -3
  131. package/dist/{Tabs.vue_vue_type_script_setup_true_lang-ba383fda.js.map → Tabs.vue_vue_type_script_setup_true_lang-aca4f8b8.js.map} +1 -1
  132. package/dist/Textarea.js +10 -13
  133. package/dist/Textarea.js.map +1 -1
  134. package/dist/Toast.js +8 -10
  135. package/dist/Toast.js.map +1 -1
  136. package/dist/Toasts.js +14 -25
  137. package/dist/Toasts.js.map +1 -1
  138. package/dist/ToastsPlugin.js +14 -25
  139. package/dist/ToastsPlugin.js.map +1 -1
  140. package/dist/components.css +1 -1
  141. package/dist/index.js +53 -62
  142. package/dist/index.js.map +1 -1
  143. package/dist/locale.js +12 -15
  144. package/dist/locale.js.map +1 -1
  145. package/dist/{searchFuzzy-13c124f8.js → searchFuzzy-74a7de1c.js} +2 -2
  146. package/dist/{searchFuzzy-13c124f8.js.map → searchFuzzy-74a7de1c.js.map} +1 -1
  147. package/dist/storage.js +6 -11
  148. package/dist/storage.js.map +1 -1
  149. package/dist/tailwind-base.d.ts +1 -0
  150. package/dist/tailwind-base.js +1 -0
  151. package/dist/tailwind-base.js.map +1 -1
  152. package/dist/tooltip.js +21 -26
  153. package/dist/tooltip.js.map +1 -1
  154. package/dist/useGoogleMaps.js +91 -226
  155. package/dist/useGoogleMaps.js.map +1 -1
  156. package/dist/useModals.js +21 -31
  157. package/dist/useModals.js.map +1 -1
  158. package/dist/useSearch.js +17 -22
  159. package/dist/useSearch.js.map +1 -1
  160. package/dist/useToasts.js +25 -36
  161. package/dist/useToasts.js.map +1 -1
  162. package/dist/useValidation.js +79 -108
  163. package/dist/useValidation.js.map +1 -1
  164. package/dist/utils/calculateElementOverflow.js +9 -14
  165. package/dist/utils/calculateElementOverflow.js.map +1 -1
  166. package/dist/utils/createQueryString.js +9 -15
  167. package/dist/utils/createQueryString.js.map +1 -1
  168. package/dist/utils/helpers.js +46 -59
  169. package/dist/utils/helpers.js.map +1 -1
  170. package/dist/utils/i18n.js +17 -20
  171. package/dist/utils/i18n.js.map +1 -1
  172. package/dist/utils/searchFuzzy.js +7 -12
  173. package/dist/utils/searchFuzzy.js.map +1 -1
  174. package/dist/utils/storage.js +10 -15
  175. package/dist/utils/storage.js.map +1 -1
  176. package/dist/viewable.js +26 -34
  177. package/dist/viewable.js.map +1 -1
  178. package/package.json +2 -4
  179. package/tailwind-base.ts +1 -0
  180. package/dist/Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js +0 -243
  181. package/dist/Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js.map +0 -1
  182. package/dist/_MapCache-65811284.js +0 -188
  183. package/dist/_MapCache-65811284.js.map +0 -1
  184. package/dist/_Uint8Array-06e4d083.js +0 -66
  185. package/dist/_Uint8Array-06e4d083.js.map +0 -1
  186. package/dist/_baseAssignValue-dd1499b4.js +0 -22
  187. package/dist/_baseAssignValue-dd1499b4.js.map +0 -1
  188. package/dist/_baseIsEqual-d594c87f.js +0 -171
  189. package/dist/_baseIsEqual-d594c87f.js.map +0 -1
  190. package/dist/_createCompounder-ae01a723.js +0 -245
  191. package/dist/_createCompounder-ae01a723.js.map +0 -1
  192. package/dist/_getAllKeys-5e735d41.js +0 -44
  193. package/dist/_getAllKeys-5e735d41.js.map +0 -1
  194. package/dist/_getPrototype-3e6fccd6.js +0 -7
  195. package/dist/_getPrototype-3e6fccd6.js.map +0 -1
  196. package/dist/_getTag-4db47fa6.js +0 -47
  197. package/dist/_getTag-4db47fa6.js.map +0 -1
  198. package/dist/_initCloneObject-161353b9.js +0 -88
  199. package/dist/_initCloneObject-161353b9.js.map +0 -1
  200. package/dist/_overArg-6d920d99.js +0 -9
  201. package/dist/_overArg-6d920d99.js.map +0 -1
  202. package/dist/capitalize-667d9f60.js +0 -42
  203. package/dist/capitalize-667d9f60.js.map +0 -1
  204. package/dist/cloneDeep-5bc375b0.js +0 -146
  205. package/dist/cloneDeep-5bc375b0.js.map +0 -1
  206. package/dist/debounce-6aca1ca9.js +0 -86
  207. package/dist/debounce-6aca1ca9.js.map +0 -1
  208. package/dist/get-27d90892.js +0 -66
  209. package/dist/get-27d90892.js.map +0 -1
  210. package/dist/identity-452d03fd.js +0 -20
  211. package/dist/identity-452d03fd.js.map +0 -1
  212. package/dist/isArrayLike-09233e52.js +0 -61
  213. package/dist/isArrayLike-09233e52.js.map +0 -1
  214. package/dist/isEmpty-2fbad344.js +0 -23
  215. package/dist/isEmpty-2fbad344.js.map +0 -1
  216. package/dist/isEqual-fca467fb.js +0 -8
  217. package/dist/isEqual-fca467fb.js.map +0 -1
  218. package/dist/isObjectLike-54341556.js +0 -39
  219. package/dist/isObjectLike-54341556.js.map +0 -1
  220. package/dist/isPlainObject-55c7f916.js +0 -16
  221. package/dist/isPlainObject-55c7f916.js.map +0 -1
  222. package/dist/merge-b14fad9d.js +0 -124
  223. package/dist/merge-b14fad9d.js.map +0 -1
  224. package/dist/toString-7d5bf363.js +0 -29
  225. package/dist/toString-7d5bf363.js.map +0 -1
  226. package/dist/uniqueId-847efe53.js +0 -10
  227. package/dist/uniqueId-847efe53.js.map +0 -1
package/dist/SearchBar.js CHANGED
@@ -1,20 +1,18 @@
1
- import { defineComponent as C, useCssModule as B, useSlots as S, ref as m, openBlock as h, createBlock as f, normalizeClass as l, unref as r, withKeys as V, createSlots as w, withCtx as n, createVNode as i, createCommentVNode as I, renderSlot as L } from "vue";
1
+ import { defineComponent as C, useCssModule as B, useSlots as S, ref as h, openBlock as m, createBlock as f, normalizeClass as o, unref as r, withKeys as V, createSlots as w, withCtx as n, createVNode as i, createCommentVNode as I, renderSlot as L } from "vue";
2
2
  import { t as b } from "./locale.js";
3
3
  import _ from "./Button.js";
4
4
  import v from "./Icon.js";
5
5
  import T from "./Input.js";
6
6
  import { _ as M } from "./_plugin-vue_export-helper-dad06003.js";
7
- import "./get-27d90892.js";
8
- import "./isObjectLike-54341556.js";
9
- import "./toString-7d5bf363.js";
10
- import "./_MapCache-65811284.js";
7
+ import "lodash-es/get";
11
8
  import "./Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js";
12
- import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
13
- import "./uniqueId-847efe53.js";
9
+ import "lodash-es/uniqueId";
14
10
  import "./index-79ce320f.js";
11
+ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
12
+ import "lodash-es/isNil";
15
13
  import "./utils/i18n.js";
16
14
  import "./constants.js";
17
- import "./Field.vue_vue_type_script_setup_true_lang-c864abd3.js";
15
+ import "./Field.vue_vue_type_script_setup_true_lang-475832fe.js";
18
16
  import "./Label.vue_vue_type_script_setup_true_lang-1d29d98a.js";
19
17
  const W = /* @__PURE__ */ C({
20
18
  name: "ll-search-bar",
@@ -29,18 +27,18 @@ const W = /* @__PURE__ */ C({
29
27
  },
30
28
  emits: ["search", "update:model-value"],
31
29
  setup(g, { emit: s }) {
32
- const e = g, c = B(), k = S(), a = m(e.modelValue), u = m();
30
+ const e = g, c = B(), k = S(), a = h(e.modelValue), u = h();
33
31
  function d() {
34
32
  s("search", a.value);
35
33
  }
36
34
  function x() {
37
- var o, t;
38
- a.value = "", s("search", ""), s("update:model-value", ""), (t = (o = u.value) == null ? void 0 : o.inputEl) == null || t.focus();
35
+ var l, t;
36
+ a.value = "", s("search", ""), s("update:model-value", ""), (t = (l = u.value) == null ? void 0 : l.inputEl) == null || t.focus();
39
37
  }
40
38
  function y() {
41
39
  s("update:model-value", a.value);
42
40
  }
43
- return (o, t) => (h(), f(T, {
41
+ return (l, t) => (m(), f(T, {
44
42
  ref_key: "stashInputRef",
45
43
  ref: u,
46
44
  modelValue: a.value,
@@ -48,7 +46,7 @@ const W = /* @__PURE__ */ C({
48
46
  t[0] || (t[0] = (p) => a.value = p),
49
47
  y
50
48
  ],
51
- class: l(["stash-search-bar", r(c)["search-input"]]),
49
+ class: o(["stash-search-bar", r(c)["search-input"]]),
52
50
  label: e.label,
53
51
  placeholder: e.placeholder,
54
52
  "hint-text": e.hintText,
@@ -56,9 +54,9 @@ const W = /* @__PURE__ */ C({
56
54
  onKeyup: t[1] || (t[1] = V((p) => !e.isLoading && d(), ["enter"]))
57
55
  }, w({
58
56
  append: n(() => [
59
- a.value ? (h(), f(_, {
57
+ a.value ? (m(), f(_, {
60
58
  key: 0,
61
- class: l(r(c)["clear-button"]),
59
+ class: o(r(c)["clear-button"]),
62
60
  disabled: e.isLoading,
63
61
  "data-test": "stash-search-bar|clear-button",
64
62
  onClick: x
@@ -71,12 +69,12 @@ const W = /* @__PURE__ */ C({
71
69
  i(_, {
72
70
  "data-test": "stash-search-bar|search-button",
73
71
  disabled: e.isLoading,
74
- class: l(r(c)["search-button"]),
72
+ class: o(r(c)["search-button"]),
75
73
  onClick: d
76
74
  }, {
77
75
  default: n(() => [
78
76
  i(v, {
79
- class: l({ "fx-spin tw-text-teal": e.isWorking }),
77
+ class: o({ "fx-spin tw-text-teal": e.isWorking }),
80
78
  name: e.isWorking ? "working" : "search"
81
79
  }, null, 8, ["class", "name"])
82
80
  ]),
@@ -88,7 +86,7 @@ const W = /* @__PURE__ */ C({
88
86
  r(k).hint ? {
89
87
  name: "hint",
90
88
  fn: n(() => [
91
- L(o.$slots, "hint")
89
+ L(l.$slots, "hint")
92
90
  ]),
93
91
  key: "0"
94
92
  } : void 0
@@ -100,8 +98,8 @@ const W = /* @__PURE__ */ C({
100
98
  "search-button": "_search-button_7ir7g_23"
101
99
  }, K = {
102
100
  $style: $
103
- }, Z = /* @__PURE__ */ M(W, [["__cssModules", K]]);
101
+ }, X = /* @__PURE__ */ M(W, [["__cssModules", K]]);
104
102
  export {
105
- Z as default
103
+ X as default
106
104
  };
107
105
  //# sourceMappingURL=SearchBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchBar.js","sources":["../src/components/SearchBar/SearchBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { ref, useCssModule, useSlots } from 'vue';\n\n import { t } from '../../locale';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n import Input from '../Input/Input.vue';\n\n export interface SearchBarProps {\n /**\n * Indicates loading activity (for example async request) that should prevent search\n */\n isLoading?: boolean;\n\n /**\n * Sets a visual indicator that the search is active\n */\n isWorking?: boolean;\n\n /**\n * The search term\n */\n modelValue?: string;\n\n /**\n * Placeholder text for the input\n */\n placeholder?: string;\n\n /**\n * Label for search bar\n */\n label?: string;\n\n /**\n * Text below the input\n */\n hintText?: string;\n }\n\n defineOptions({\n name: 'll-search-bar',\n });\n\n const props = withDefaults(defineProps<SearchBarProps>(), {\n isLoading: false,\n isWorking: false,\n modelValue: '',\n placeholder: t('ll.search'),\n label: t('ll.search'),\n hintText: undefined,\n });\n\n const emit =\n defineEmits<{\n /**\n * Emitted when searching or clearing the search input\n */\n (e: 'search', searchTerm: string): void;\n\n /**\n * Emitted when the search term changes\n */\n (e: 'update:model-value', searchTerm: string): void;\n }>();\n\n const classes = useCssModule();\n const slots = useSlots();\n const searchTerm = ref(props.modelValue);\n const stashInputRef = ref<InstanceType<typeof Input>>();\n\n function onSearch() {\n emit('search', searchTerm.value);\n }\n\n function clearSearchTerm() {\n searchTerm.value = '';\n emit('search', '');\n emit('update:model-value', '');\n\n stashInputRef.value?.inputEl?.focus();\n }\n\n function handleChange() {\n emit('update:model-value', searchTerm.value);\n }\n</script>\n\n<template>\n <Input\n ref=\"stashInputRef\"\n v-model=\"searchTerm\"\n class=\"stash-search-bar\"\n :class=\"classes['search-input']\"\n :label=\"props.label\"\n :placeholder=\"props.placeholder\"\n :hint-text=\"props.hintText\"\n data-test=\"stash-search-bar\"\n @update:model-value=\"handleChange\"\n @keyup.enter=\"!props.isLoading && onSearch()\"\n >\n <template #append>\n <Button\n v-if=\"searchTerm\"\n :class=\"classes['clear-button']\"\n :disabled=\"props.isLoading\"\n data-test=\"stash-search-bar|clear-button\"\n @click=\"clearSearchTerm\"\n >\n <Icon name=\"close\" />\n </Button>\n <Button\n data-test=\"stash-search-bar|search-button\"\n :disabled=\"props.isLoading\"\n :class=\"classes['search-button']\"\n @click=\"onSearch\"\n >\n <Icon :class=\"{ 'fx-spin tw-text-teal': props.isWorking }\" :name=\"props.isWorking ? 'working' : 'search'\" />\n </Button>\n </template>\n <template v-if=\"slots.hint\" #hint>\n <!-- @slot Overrides the Input hint-text prop -->\n <slot name=\"hint\"></slot>\n </template>\n </Input>\n</template>\n\n<style module>\n .search-input :global(.stash-input-append) {\n display: flex;\n justify-content: flex-end;\n width: 72px; /* double the the default width of 36px */\n }\n\n .search-input :global(.stash-input-append) .clear-button {\n color: theme(colors.ice.700);\n height: theme(spacing.9);\n margin: 0;\n min-width: theme(spacing.9);\n padding: 0;\n width: theme(spacing.9);\n background: none;\n }\n\n .search-input :global(.stash-input-append) .clear-button:disabled {\n color: theme(colors.ice.DEFAULT);\n cursor: default;\n }\n\n .search-input :global(.stash-input-append) .search-button {\n border-bottom-left-radius: 0;\n border-left: none;\n border-top-left-radius: 0;\n min-width: theme(spacing.9);\n padding: 0 theme(spacing[1.5]);\n width: theme(spacing.9);\n }\n\n .search-input :global(.stash-input-append) .search-button:focus {\n box-shadow: none;\n }\n\n .search-input :global(.stash-input-append) .search-button:disabled {\n border-color: theme(colors.ice.DEFAULT);\n }\n</style>\n"],"names":["classes","useCssModule","slots","useSlots","searchTerm","ref","props","stashInputRef","onSearch","emit","clearSearchTerm","_b","_a","handleChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkEQA,IAAUC,KACVC,IAAQC,KACRC,IAAaC,EAAIC,EAAM,UAAU,GACjCC,IAAgBF;AAEtB,aAASG,IAAW;AACb,MAAAC,EAAA,UAAUL,EAAW,KAAK;AAAA,IACjC;AAEA,aAASM,IAAkB;;AACzB,MAAAN,EAAW,QAAQ,IACnBK,EAAK,UAAU,EAAE,GACjBA,EAAK,sBAAsB,EAAE,IAEfE,KAAAC,IAAAL,EAAA,UAAA,gBAAAK,EAAO,YAAP,QAAAD,EAAgB;AAAA,IAChC;AAEA,aAASE,IAAe;AACjB,MAAAJ,EAAA,sBAAsBL,EAAW,KAAK;AAAA,IAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SearchBar.js","sources":["../src/components/SearchBar/SearchBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { ref, useCssModule, useSlots } from 'vue';\n\n import { t } from '../../locale';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n import Input from '../Input/Input.vue';\n\n export interface SearchBarProps {\n /**\n * Indicates loading activity (for example async request) that should prevent search\n */\n isLoading?: boolean;\n\n /**\n * Sets a visual indicator that the search is active\n */\n isWorking?: boolean;\n\n /**\n * The search term\n */\n modelValue?: string;\n\n /**\n * Placeholder text for the input\n */\n placeholder?: string;\n\n /**\n * Label for search bar\n */\n label?: string;\n\n /**\n * Text below the input\n */\n hintText?: string;\n }\n\n defineOptions({\n name: 'll-search-bar',\n });\n\n const props = withDefaults(defineProps<SearchBarProps>(), {\n isLoading: false,\n isWorking: false,\n modelValue: '',\n placeholder: t('ll.search'),\n label: t('ll.search'),\n hintText: undefined,\n });\n\n const emit =\n defineEmits<{\n /**\n * Emitted when searching or clearing the search input\n */\n (e: 'search', searchTerm: string): void;\n\n /**\n * Emitted when the search term changes\n */\n (e: 'update:model-value', searchTerm: string): void;\n }>();\n\n const classes = useCssModule();\n const slots = useSlots();\n const searchTerm = ref(props.modelValue);\n const stashInputRef = ref<InstanceType<typeof Input>>();\n\n function onSearch() {\n emit('search', searchTerm.value);\n }\n\n function clearSearchTerm() {\n searchTerm.value = '';\n emit('search', '');\n emit('update:model-value', '');\n\n stashInputRef.value?.inputEl?.focus();\n }\n\n function handleChange() {\n emit('update:model-value', searchTerm.value);\n }\n</script>\n\n<template>\n <Input\n ref=\"stashInputRef\"\n v-model=\"searchTerm\"\n class=\"stash-search-bar\"\n :class=\"classes['search-input']\"\n :label=\"props.label\"\n :placeholder=\"props.placeholder\"\n :hint-text=\"props.hintText\"\n data-test=\"stash-search-bar\"\n @update:model-value=\"handleChange\"\n @keyup.enter=\"!props.isLoading && onSearch()\"\n >\n <template #append>\n <Button\n v-if=\"searchTerm\"\n :class=\"classes['clear-button']\"\n :disabled=\"props.isLoading\"\n data-test=\"stash-search-bar|clear-button\"\n @click=\"clearSearchTerm\"\n >\n <Icon name=\"close\" />\n </Button>\n <Button\n data-test=\"stash-search-bar|search-button\"\n :disabled=\"props.isLoading\"\n :class=\"classes['search-button']\"\n @click=\"onSearch\"\n >\n <Icon :class=\"{ 'fx-spin tw-text-teal': props.isWorking }\" :name=\"props.isWorking ? 'working' : 'search'\" />\n </Button>\n </template>\n <template v-if=\"slots.hint\" #hint>\n <!-- @slot Overrides the Input hint-text prop -->\n <slot name=\"hint\"></slot>\n </template>\n </Input>\n</template>\n\n<style module>\n .search-input :global(.stash-input-append) {\n display: flex;\n justify-content: flex-end;\n width: 72px; /* double the the default width of 36px */\n }\n\n .search-input :global(.stash-input-append) .clear-button {\n color: theme(colors.ice.700);\n height: theme(spacing.9);\n margin: 0;\n min-width: theme(spacing.9);\n padding: 0;\n width: theme(spacing.9);\n background: none;\n }\n\n .search-input :global(.stash-input-append) .clear-button:disabled {\n color: theme(colors.ice.DEFAULT);\n cursor: default;\n }\n\n .search-input :global(.stash-input-append) .search-button {\n border-bottom-left-radius: 0;\n border-left: none;\n border-top-left-radius: 0;\n min-width: theme(spacing.9);\n padding: 0 theme(spacing[1.5]);\n width: theme(spacing.9);\n }\n\n .search-input :global(.stash-input-append) .search-button:focus {\n box-shadow: none;\n }\n\n .search-input :global(.stash-input-append) .search-button:disabled {\n border-color: theme(colors.ice.DEFAULT);\n }\n</style>\n"],"names":["classes","useCssModule","slots","useSlots","searchTerm","ref","props","stashInputRef","onSearch","emit","clearSearchTerm","_b","_a","handleChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkEQA,IAAUC,KACVC,IAAQC,KACRC,IAAaC,EAAIC,EAAM,UAAU,GACjCC,IAAgBF;AAEtB,aAASG,IAAW;AACb,MAAAC,EAAA,UAAUL,EAAW,KAAK;AAAA,IACjC;AAEA,aAASM,IAAkB;;AACzB,MAAAN,EAAW,QAAQ,IACnBK,EAAK,UAAU,EAAE,GACjBA,EAAK,sBAAsB,EAAE,IAEfE,KAAAC,IAAAL,EAAA,UAAA,gBAAAK,EAAO,YAAP,QAAAD,EAAgB;AAAA,IAChC;AAEA,aAASE,IAAe;AACjB,MAAAJ,EAAA,sBAAsBL,EAAW,KAAK;AAAA,IAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/Select.js CHANGED
@@ -1,37 +1,27 @@
1
1
  import { computed as T, unref as F, ref as k, shallowRef as bt, watch as Q, getCurrentScope as xt, onScopeDispose as _t, shallowReadonly as oe, defineComponent as Et, useAttrs as St, useSlots as Ct, nextTick as Ne, onMounted as Rt, onUnmounted as Ot, openBlock as B, createBlock as Re, normalizeClass as ue, createSlots as kt, withCtx as fe, createElementVNode as z, createElementBlock as I, Fragment as Oe, renderList as ke, toDisplayString as le, withDirectives as de, withKeys as je, createCommentVNode as pe, renderSlot as Te, createTextVNode as me, withModifiers as he, createVNode as se, Teleport as Tt, Transition as Bt, normalizeStyle as At, vModelText as Lt, vShow as Ve, pushScopeId as Mt, popScopeId as Dt } from "vue";
2
- import { d as Ft } from "./debounce-6aca1ca9.js";
3
- import { i as Pt } from "./isEmpty-2fbad344.js";
4
- import { i as qe } from "./isEqual-fca467fb.js";
5
- import { i as It } from "./isPlainObject-55c7f916.js";
6
- import { u as Nt } from "./uniqueId-847efe53.js";
2
+ import Ft from "lodash-es/debounce";
3
+ import Pt from "lodash-es/isEmpty";
4
+ import qe from "lodash-es/isEqual";
5
+ import It from "lodash-es/isPlainObject";
6
+ import Nt from "lodash-es/uniqueId";
7
7
  import Vt from "./useSearch.js";
8
8
  import { DEBOUNCE as $t, KEY_CODES as ie } from "./constants.js";
9
9
  import Ht from "./clickoutside.js";
10
10
  import { D as zt } from "./MenusPlugin-5e93f0a5.js";
11
11
  import Xe from "./Chip.js";
12
- import { _ as Wt } from "./Field.vue_vue_type_script_setup_true_lang-c864abd3.js";
12
+ import { _ as Wt } from "./Field.vue_vue_type_script_setup_true_lang-475832fe.js";
13
13
  import ve from "./Icon.js";
14
14
  import { _ as Kt } from "./_plugin-vue_export-helper-dad06003.js";
15
- import "./_MapCache-65811284.js";
16
- import "./isObjectLike-54341556.js";
17
- import "./toString-7d5bf363.js";
18
- import "./_getTag-4db47fa6.js";
19
- import "./isArrayLike-09233e52.js";
20
- import "./_overArg-6d920d99.js";
21
- import "./_baseIsEqual-d594c87f.js";
22
- import "./_Uint8Array-06e4d083.js";
23
- import "./_getAllKeys-5e735d41.js";
24
- import "./_getPrototype-3e6fccd6.js";
25
- import "./get-27d90892.js";
26
- import "./searchFuzzy-13c124f8.js";
15
+ import "lodash-es/get";
16
+ import "./searchFuzzy-74a7de1c.js";
27
17
  import "./_commonjsHelpers-10dfc225.js";
28
18
  import "./utils/helpers.js";
29
- import "./capitalize-667d9f60.js";
30
- import "./_createCompounder-ae01a723.js";
19
+ import "lodash-es/camelCase";
20
+ import "lodash-es/isFinite";
31
21
  import "./colors-13e95ebf.js";
32
22
  import "./utils/colorScheme.js";
33
- import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
34
23
  import "./index-79ce320f.js";
24
+ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
35
25
  import "./Label.vue_vue_type_script_setup_true_lang-1d29d98a.js";
36
26
  import "./locale.js";
37
27
  const ge = Math.min, N = Math.max, Ae = Math.round, Be = Math.floor, X = (e) => ({
@@ -1411,8 +1401,8 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
1411
1401
  ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label"]));
1412
1402
  }
1413
1403
  });
1414
- const So = /* @__PURE__ */ Kt($n, [["__scopeId", "data-v-7e8a1bc4"]]);
1404
+ const mo = /* @__PURE__ */ Kt($n, [["__scopeId", "data-v-7e8a1bc4"]]);
1415
1405
  export {
1416
- So as default
1406
+ mo as default
1417
1407
  };
1418
1408
  //# sourceMappingURL=Select.js.map