@leaflink/stash 48.16.0 → 48.16.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 (274) hide show
  1. package/assets/illustrations/FileUpload/csv.svg +1 -1
  2. package/assets/illustrations/FileUpload/document.svg +1 -17
  3. package/assets/illustrations/FileUpload/image.svg +1 -1
  4. package/assets/illustrations/FileUpload/pdf.svg +1 -1
  5. package/dist/Accordion.js +1 -1
  6. package/dist/Accordion.js.map +1 -1
  7. package/dist/Accordion.vue.d.ts +8 -9
  8. package/dist/ActionsDropdown.js.map +1 -1
  9. package/dist/ActionsDropdown.vue.d.ts +7 -8
  10. package/dist/AddressSelect.js +42 -38
  11. package/dist/AddressSelect.js.map +1 -1
  12. package/dist/AddressSelect.vue.d.ts +10 -11
  13. package/dist/Alert.js.map +1 -1
  14. package/dist/Alert.vue.d.ts +6 -7
  15. package/dist/AppNavigationItem.js +2 -2
  16. package/dist/AppNavigationItem.js.map +1 -1
  17. package/dist/AppNavigationItem.vue.d.ts +7 -8
  18. package/dist/AppSidebar.js +42 -42
  19. package/dist/AppSidebar.js.map +1 -1
  20. package/dist/AppSidebar.vue.d.ts +8 -9
  21. package/dist/AppTopbar.js +16 -16
  22. package/dist/AppTopbar.js.map +1 -1
  23. package/dist/AppTopbar.vue.d.ts +8 -9
  24. package/dist/Avatar.js.map +1 -1
  25. package/dist/Avatar.vue.d.ts +7 -8
  26. package/dist/Backdrop.vue.d.ts +3 -5
  27. package/dist/Badge.js +1 -1
  28. package/dist/Badge.js.map +1 -1
  29. package/dist/Badge.vue.d.ts +7 -8
  30. package/dist/Box.vue.d.ts +6 -7
  31. package/dist/Box.vue_vue_type_script_setup_true_lang-69e5176b.js.map +1 -1
  32. package/dist/Button.js.map +1 -1
  33. package/dist/Button.vue.d.ts +7 -8
  34. package/dist/ButtonGroup.js +29 -29
  35. package/dist/ButtonGroup.js.map +1 -1
  36. package/dist/ButtonGroup.vue.d.ts +8 -9
  37. package/dist/Card.js.map +1 -1
  38. package/dist/Card.vue.d.ts +6 -7
  39. package/dist/CardContent.vue.d.ts +3 -5
  40. package/dist/CardFooter.vue.d.ts +3 -5
  41. package/dist/CardHeader.js.map +1 -1
  42. package/dist/CardHeader.vue.d.ts +3 -4
  43. package/dist/CardMedia.js +6 -6
  44. package/dist/CardMedia.js.map +1 -1
  45. package/dist/CardMedia.vue.d.ts +3 -4
  46. package/dist/Carousel.js +249 -249
  47. package/dist/Carousel.js.map +1 -1
  48. package/dist/Carousel.vue.d.ts +9 -9
  49. package/dist/Checkbox.js +27 -27
  50. package/dist/Checkbox.js.map +1 -1
  51. package/dist/Checkbox.vue.d.ts +11 -12
  52. package/dist/ChevronToggle.js +1 -1
  53. package/dist/ChevronToggle.vue.d.ts +8 -9
  54. package/dist/{ChevronToggle.vue_vue_type_script_setup_true_lang-1591294c.js → ChevronToggle.vue_vue_type_script_setup_true_lang-fcdf0c19.js} +11 -11
  55. package/dist/{ChevronToggle.vue_vue_type_script_setup_true_lang-1591294c.js.map → ChevronToggle.vue_vue_type_script_setup_true_lang-fcdf0c19.js.map} +1 -1
  56. package/dist/Chip.js +30 -30
  57. package/dist/Chip.js.map +1 -1
  58. package/dist/Chip.vue.d.ts +9 -10
  59. package/dist/ConfirmationCodeInput.js +25 -25
  60. package/dist/ConfirmationCodeInput.js.map +1 -1
  61. package/dist/ConfirmationCodeInput.vue.d.ts +8 -9
  62. package/dist/ContextSwitcher.js +18 -18
  63. package/dist/ContextSwitcher.js.map +1 -1
  64. package/dist/ContextSwitcher.vue.d.ts +9 -10
  65. package/dist/Copy.js.map +1 -1
  66. package/dist/Copy.vue.d.ts +6 -7
  67. package/dist/CurrencyInput.js +93 -93
  68. package/dist/CurrencyInput.js.map +1 -1
  69. package/dist/CurrencyInput.vue.d.ts +10 -11
  70. package/dist/CustomRender.vue.d.ts +3 -15
  71. package/dist/DataView.js +97 -97
  72. package/dist/DataView.js.map +1 -1
  73. package/dist/DataView.vue.d.ts +9 -10
  74. package/dist/DataViewFilters.js +153 -150
  75. package/dist/DataViewFilters.js.map +1 -1
  76. package/dist/DataViewFilters.vue.d.ts +9 -10
  77. package/dist/DataViewSortButton.js.map +1 -1
  78. package/dist/DataViewSortButton.vue.d.ts +6 -7
  79. package/dist/DataViewToolbar.js +27 -27
  80. package/dist/DataViewToolbar.js.map +1 -1
  81. package/dist/DataViewToolbar.vue.d.ts +8 -9
  82. package/dist/DatePicker.js +738 -738
  83. package/dist/DatePicker.js.map +1 -1
  84. package/dist/DatePicker.vue.d.ts +11 -12
  85. package/dist/DescriptionList.js.map +1 -1
  86. package/dist/DescriptionList.vue.d.ts +6 -7
  87. package/dist/DescriptionListDetail.vue.d.ts +3 -5
  88. package/dist/DescriptionListGroup.vue.d.ts +3 -5
  89. package/dist/DescriptionListTerm.vue.d.ts +3 -5
  90. package/dist/Dialog.js +44 -44
  91. package/dist/Dialog.js.map +1 -1
  92. package/dist/Dialog.vue.d.ts +10 -11
  93. package/dist/Divider.vue.d.ts +3 -5
  94. package/dist/Dropdown.js +38 -38
  95. package/dist/Dropdown.js.map +1 -1
  96. package/dist/Dropdown.vue.d.ts +9 -10
  97. package/dist/EmptyState.js +20 -20
  98. package/dist/EmptyState.js.map +1 -1
  99. package/dist/EmptyState.vue.d.ts +6 -7
  100. package/dist/Expand.js +1 -1
  101. package/dist/Expand.vue.d.ts +8 -9
  102. package/dist/{Expand.vue_vue_type_script_setup_true_lang-1751f4a6.js → Expand.vue_vue_type_script_setup_true_lang-0f236267.js} +19 -19
  103. package/dist/Expand.vue_vue_type_script_setup_true_lang-0f236267.js.map +1 -0
  104. package/dist/Field.vue.d.ts +6 -7
  105. package/dist/Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js.map +1 -1
  106. package/dist/FileUpload.js +65 -65
  107. package/dist/FileUpload.js.map +1 -1
  108. package/dist/FileUpload.vue.d.ts +10 -11
  109. package/dist/FilterChip.js +27 -27
  110. package/dist/FilterChip.js.map +1 -1
  111. package/dist/FilterChip.vue.d.ts +8 -9
  112. package/dist/FilterDrawerItem.js +26 -26
  113. package/dist/FilterDrawerItem.js.map +1 -1
  114. package/dist/FilterDrawerItem.vue.d.ts +5 -6
  115. package/dist/FilterDropdown.js +49 -49
  116. package/dist/FilterDropdown.js.map +1 -1
  117. package/dist/FilterDropdown.vue.d.ts +8 -9
  118. package/dist/FilterSelect.js +23 -23
  119. package/dist/FilterSelect.js.map +1 -1
  120. package/dist/FilterSelect.vue.d.ts +8 -9
  121. package/dist/Filters.js +112 -104
  122. package/dist/Filters.js.map +1 -1
  123. package/dist/Filters.vue.d.ts +2204 -65
  124. package/dist/HttpError.js +42 -42
  125. package/dist/HttpError.js.map +1 -1
  126. package/dist/HttpError.vue.d.ts +6 -7
  127. package/dist/Icon.js.map +1 -1
  128. package/dist/Icon.vue.d.ts +7 -8
  129. package/dist/IconLabel.js.map +1 -1
  130. package/dist/IconLabel.vue.d.ts +8 -9
  131. package/dist/Illustration.vue.d.ts +6 -7
  132. package/dist/Illustration.vue_vue_type_script_setup_true_lang-e26c3841.js.map +1 -1
  133. package/dist/Image.js +47 -47
  134. package/dist/Image.js.map +1 -1
  135. package/dist/Image.vue.d.ts +6 -7
  136. package/dist/InlineEdit.js +34 -34
  137. package/dist/InlineEdit.js.map +1 -1
  138. package/dist/InlineEdit.vue.d.ts +9 -10
  139. package/dist/Input.js +35 -35
  140. package/dist/Input.js.map +1 -1
  141. package/dist/Input.vue.d.ts +13 -14
  142. package/dist/InputOptions.js +33 -33
  143. package/dist/InputOptions.js.map +1 -1
  144. package/dist/InputOptions.vue.d.ts +8 -9
  145. package/dist/IntegrationIcon.js.map +1 -1
  146. package/dist/IntegrationIcon.vue.d.ts +7 -8
  147. package/dist/Label.vue.d.ts +6 -7
  148. package/dist/Label.vue_vue_type_script_setup_true_lang-4b02087f.js.map +1 -1
  149. package/dist/LicenseChip.js.map +1 -1
  150. package/dist/LicenseChip.vue.d.ts +6 -7
  151. package/dist/ListItem.vue.d.ts +225 -95
  152. package/dist/ListItemCell.vue.d.ts +4 -16
  153. package/dist/ListView.js +1 -1
  154. package/dist/ListView.vue.d.ts +5072 -470
  155. package/dist/Loading.js +16 -16
  156. package/dist/Loading.js.map +1 -1
  157. package/dist/Loading.vue.d.ts +3 -5
  158. package/dist/Logo.js +1 -1
  159. package/dist/Logo.vue.d.ts +9 -10
  160. package/dist/Logo.vue_vue_type_script_setup_true_lang-2a2597cb.js +196 -0
  161. package/dist/Logo.vue_vue_type_script_setup_true_lang-2a2597cb.js.map +1 -0
  162. package/dist/Menu.vue.d.ts +3 -5
  163. package/dist/MenuItem.vue.d.ts +3 -5
  164. package/dist/Metric.js.map +1 -1
  165. package/dist/Metric.vue.d.ts +6 -7
  166. package/dist/Modal.js +29 -29
  167. package/dist/Modal.js.map +1 -1
  168. package/dist/Modal.vue.d.ts +8 -9
  169. package/dist/Modals.js +8 -7
  170. package/dist/Modals.js.map +1 -1
  171. package/dist/Modals.vue.d.ts +3 -5
  172. package/dist/Module.js.map +1 -1
  173. package/dist/Module.vue.d.ts +7 -8
  174. package/dist/ModuleContent.vue.d.ts +3 -5
  175. package/dist/ModuleFooter.vue.d.ts +3 -5
  176. package/dist/ModuleHeader.js.map +1 -1
  177. package/dist/ModuleHeader.vue.d.ts +6 -7
  178. package/dist/ObfuscateText.js +1 -1
  179. package/dist/ObfuscateText.js.map +1 -1
  180. package/dist/ObfuscateText.vue.d.ts +6 -7
  181. package/dist/PageContent.vue.d.ts +3 -5
  182. package/dist/PageHeader.js.map +1 -1
  183. package/dist/PageHeader.vue.d.ts +6 -7
  184. package/dist/PageNavigation.js +30 -27
  185. package/dist/PageNavigation.js.map +1 -1
  186. package/dist/PageNavigation.vue.d.ts +8 -9
  187. package/dist/Paginate.js +32 -32
  188. package/dist/Paginate.js.map +1 -1
  189. package/dist/Paginate.vue.d.ts +8 -9
  190. package/dist/PlaidLink.js +29 -29
  191. package/dist/PlaidLink.js.map +1 -1
  192. package/dist/PlaidLink.vue.d.ts +11 -12
  193. package/dist/QuickAction.js.map +1 -1
  194. package/dist/QuickAction.vue.d.ts +4 -5
  195. package/dist/Radio.vue.d.ts +20 -1
  196. package/dist/RadioGroup.js +123 -123
  197. package/dist/RadioGroup.js.map +1 -1
  198. package/dist/RadioGroup.vue.d.ts +10 -11
  199. package/dist/RadioNew.js +102 -102
  200. package/dist/RadioNew.js.map +1 -1
  201. package/dist/RadioNew.vue.d.ts +10 -11
  202. package/dist/RangeInput.vue.d.ts +3 -5
  203. package/dist/SearchBar.js +36 -36
  204. package/dist/SearchBar.js.map +1 -1
  205. package/dist/SearchBar.vue.d.ts +9 -10
  206. package/dist/Select.js +792 -774
  207. package/dist/Select.js.map +1 -1
  208. package/dist/Select.vue.d.ts +14 -15
  209. package/dist/SelectStatus.js +27 -27
  210. package/dist/SelectStatus.js.map +1 -1
  211. package/dist/SelectStatus.vue.d.ts +12 -13
  212. package/dist/Skeleton.js.map +1 -1
  213. package/dist/Skeleton.vue.d.ts +7 -8
  214. package/dist/Step.js.map +1 -1
  215. package/dist/Step.vue.d.ts +7 -8
  216. package/dist/Stepper.js +19 -19
  217. package/dist/Stepper.js.map +1 -1
  218. package/dist/Stepper.vue.d.ts +9 -10
  219. package/dist/Switch.js +25 -25
  220. package/dist/Switch.js.map +1 -1
  221. package/dist/Switch.vue.d.ts +11 -12
  222. package/dist/Tab.js +2 -2
  223. package/dist/Tab.vue.d.ts +3 -4
  224. package/dist/{Tab.vue_vue_type_script_setup_true_lang-69d1b046.js → Tab.vue_vue_type_script_setup_true_lang-9aa53203.js} +5 -3
  225. package/dist/Tab.vue_vue_type_script_setup_true_lang-9aa53203.js.map +1 -0
  226. package/dist/Table.js +3 -3
  227. package/dist/Table.js.map +1 -1
  228. package/dist/{Table.keys-cf93df19.js → Table.keys-83e4f09b.js} +11 -11
  229. package/dist/{Table.keys-cf93df19.js.map → Table.keys-83e4f09b.js.map} +1 -1
  230. package/dist/Table.vue.d.ts +6 -7
  231. package/dist/TableCell.js +1 -1
  232. package/dist/TableCell.js.map +1 -1
  233. package/dist/TableCell.vue.d.ts +6 -7
  234. package/dist/TableHeaderCell.js +12 -12
  235. package/dist/TableHeaderCell.js.map +1 -1
  236. package/dist/TableHeaderCell.vue.d.ts +6 -7
  237. package/dist/TableHeaderRow.js +21 -21
  238. package/dist/TableHeaderRow.js.map +1 -1
  239. package/dist/TableHeaderRow.vue.d.ts +8 -9
  240. package/dist/TableRow.js +42 -42
  241. package/dist/TableRow.js.map +1 -1
  242. package/dist/TableRow.vue.d.ts +8 -9
  243. package/dist/Tabs.js +2 -2
  244. package/dist/Tabs.vue.d.ts +8 -9
  245. package/dist/{Tabs.vue_used_vue_type_style_index_0_lang.module-2a131332.js → Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js} +37 -37
  246. package/dist/Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js.map +1 -0
  247. package/dist/TextEditor.js +565 -565
  248. package/dist/TextEditor.js.map +1 -1
  249. package/dist/TextEditor.vue.d.ts +12 -13
  250. package/dist/Textarea.js +28 -28
  251. package/dist/Textarea.js.map +1 -1
  252. package/dist/Textarea.vue.d.ts +10 -11
  253. package/dist/Timeline.js.map +1 -1
  254. package/dist/Timeline.vue.d.ts +6 -7
  255. package/dist/TimelineItem.js +21 -21
  256. package/dist/TimelineItem.js.map +1 -1
  257. package/dist/TimelineItem.vue.d.ts +13 -6
  258. package/dist/Toast.js +134 -134
  259. package/dist/Toast.js.map +1 -1
  260. package/dist/Toast.vue.d.ts +6 -7
  261. package/dist/Toasts.vue.d.ts +3 -5
  262. package/dist/components.css +1 -1
  263. package/dist/index.js.map +1 -1
  264. package/dist/tailwind-base.js.map +1 -1
  265. package/dist/usePlaidLink.d.ts +1 -6
  266. package/dist/useScriptTag.d.ts +3 -8
  267. package/dist/useStepper.d.ts +7 -2
  268. package/package.json +1 -1
  269. package/tailwind-base.ts +13 -6
  270. package/dist/Expand.vue_vue_type_script_setup_true_lang-1751f4a6.js.map +0 -1
  271. package/dist/Logo.vue_vue_type_script_setup_true_lang-d7da48a0.js +0 -196
  272. package/dist/Logo.vue_vue_type_script_setup_true_lang-d7da48a0.js.map +0 -1
  273. package/dist/Tab.vue_vue_type_script_setup_true_lang-69d1b046.js.map +0 -1
  274. package/dist/Tabs.vue_used_vue_type_style_index_0_lang.module-2a131332.js.map +0 -1
@@ -1,10 +1,9 @@
1
- import { AllowedComponentProps } from 'vue';
2
- import { ComponentCustomProps } from 'vue';
3
1
  import { ComponentOptionsMixin } from 'vue';
2
+ import { ComponentProvideOptions } from 'vue';
4
3
  import { DefineComponent } from 'vue';
5
4
  import { ExtractPropTypes } from 'vue';
6
5
  import { PropType } from 'vue';
7
- import { VNodeProps } from 'vue';
6
+ import { PublicProps } from 'vue';
8
7
 
9
8
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
10
9
 
@@ -33,7 +32,7 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
33
32
  };
34
33
  };
35
34
 
36
- declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RadioProps>, {
35
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RadioProps>, {
37
36
  disabled: boolean;
38
37
  fullWidth: boolean;
39
38
  hasError: boolean;
@@ -42,9 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
42
41
  modelValue: undefined;
43
42
  name: undefined;
44
43
  variant: undefined;
45
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
44
+ }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
46
45
  "update:modelValue": (value: string) => void;
47
- }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RadioProps>, {
46
+ }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<RadioProps>, {
48
47
  disabled: boolean;
49
48
  fullWidth: boolean;
50
49
  hasError: boolean;
@@ -53,18 +52,18 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
53
52
  modelValue: undefined;
54
53
  name: undefined;
55
54
  variant: undefined;
56
- }>>> & {
55
+ }>>> & Readonly<{
57
56
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
58
- }, {
57
+ }>, {
59
58
  name: string;
59
+ disabled: boolean;
60
60
  label: string;
61
61
  id: string | number;
62
- disabled: boolean;
63
62
  hasError: boolean;
64
63
  modelValue: string;
65
- variant: "button" | "tile" | "radio" | "chip";
64
+ variant: "button" | "radio" | "tile" | "chip";
66
65
  fullWidth: boolean;
67
- }, {}>, {
66
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
68
67
  default?(_: {}): any;
69
68
  }>;
70
69
  export default _default;
@@ -1,9 +1,7 @@
1
- import { AllowedComponentProps } from 'vue';
2
- import { ComponentCustomProps } from 'vue';
3
1
  import { ComponentOptionsMixin } from 'vue';
2
+ import { ComponentProvideOptions } from 'vue';
4
3
  import { DefineComponent } from 'vue';
5
- import { ExtractPropTypes } from 'vue';
6
- import { VNodeProps } from 'vue';
4
+ import { PublicProps } from 'vue';
7
5
 
8
6
  declare type __VLS_WithTemplateSlots<T, S> = T & {
9
7
  new (): {
@@ -11,7 +9,7 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
11
9
  };
12
10
  };
13
11
 
14
- declare const _default: __VLS_WithTemplateSlots<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>, {
12
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
15
13
  min?(_: {}): any;
16
14
  max?(_: {}): any;
17
15
  }>;
package/dist/SearchBar.js CHANGED
@@ -1,9 +1,9 @@
1
- import { defineComponent as K, useCssModule as S, useSlots as V, ref as m, computed as I, openBlock as f, createBlock as b, normalizeClass as n, unref as c, withKeys as s, createSlots as T, withCtx as u, createVNode as p, createCommentVNode as L, renderSlot as W } from "vue";
1
+ import { defineComponent as V, useCssModule as I, useSlots as T, ref as h, computed as K, openBlock as f, createBlock as b, normalizeClass as n, unref as c, withKeys as s, createSlots as L, withCtx as i, createVNode as p, createCommentVNode as W, renderSlot as w } from "vue";
2
2
  import { t as _ } from "./locale.js";
3
3
  import y from "./Button.js";
4
4
  import v from "./Icon.js";
5
- import w from "./Input.js";
6
- import { _ as M } from "./_plugin-vue_export-helper-dad06003.js";
5
+ import M from "./Input.js";
6
+ import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
7
7
  import "lodash-es/get";
8
8
  import "./Button.vue_used_vue_type_style_index_0_lang.module-a9290468.js";
9
9
  import "lodash-es/uniqueId";
@@ -14,7 +14,7 @@ import "./utils/i18n.js";
14
14
  import "./constants.js";
15
15
  import "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
16
16
  import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
17
- const N = /* @__PURE__ */ K({
17
+ const R = /* @__PURE__ */ V({
18
18
  name: "ll-search-bar",
19
19
  __name: "SearchBar",
20
20
  props: {
@@ -26,37 +26,37 @@ const N = /* @__PURE__ */ K({
26
26
  hintText: { default: void 0 }
27
27
  },
28
28
  emits: ["search", "update:model-value"],
29
- setup(k, { emit: o }) {
30
- const e = k, i = S(), g = V(), a = m(e.modelValue), h = m(), x = I(() => a.value ? 0 : -1);
29
+ setup(k, { emit: g }) {
30
+ const e = k, o = g, u = I(), x = T(), t = h(e.modelValue), m = h(), C = K(() => t.value ? 0 : -1);
31
31
  function l() {
32
- e.isLoading || e.isWorking || o("search", a.value);
32
+ e.isLoading || e.isWorking || o("search", t.value);
33
33
  }
34
34
  function d() {
35
- var r, t;
36
- a.value = "", o("search", ""), o("update:model-value", ""), (t = (r = h.value) == null ? void 0 : r.inputEl) == null || t.focus();
35
+ var r, a;
36
+ t.value = "", o("search", ""), o("update:model-value", ""), (a = (r = m.value) == null ? void 0 : r.inputEl) == null || a.focus();
37
37
  }
38
- function C() {
39
- o("update:model-value", a.value);
38
+ function B() {
39
+ o("update:model-value", t.value);
40
40
  }
41
- return (r, t) => (f(), b(w, {
41
+ return (r, a) => (f(), b(M, {
42
42
  ref_key: "stashInputRef",
43
- ref: h,
44
- modelValue: a.value,
43
+ ref: m,
44
+ modelValue: t.value,
45
45
  "onUpdate:modelValue": [
46
- t[0] || (t[0] = (B) => a.value = B),
47
- C
46
+ a[0] || (a[0] = (S) => t.value = S),
47
+ B
48
48
  ],
49
- class: n(["stash-search-bar", c(i)["search-input"]]),
49
+ class: n(["stash-search-bar", c(u)["search-input"]]),
50
50
  label: e.label,
51
51
  placeholder: e.placeholder,
52
52
  "hint-text": e.hintText,
53
53
  "data-test": "stash-search-bar",
54
54
  onKeyup: s(l, ["enter"])
55
- }, T({
56
- append: u(() => [
57
- a.value ? (f(), b(y, {
55
+ }, L({
56
+ append: i(() => [
57
+ t.value ? (f(), b(y, {
58
58
  key: 0,
59
- class: n(c(i)["clear-button"]),
59
+ class: n(c(u)["clear-button"]),
60
60
  disabled: e.isLoading,
61
61
  "data-test": "stash-search-bar|clear-button",
62
62
  onClick: d,
@@ -65,50 +65,50 @@ const N = /* @__PURE__ */ K({
65
65
  s(d, ["space"])
66
66
  ]
67
67
  }, {
68
- default: u(() => [
68
+ default: i(() => [
69
69
  p(v, { name: "close" })
70
70
  ]),
71
71
  _: 1
72
- }, 8, ["class", "disabled", "onKeyup"])) : L("", !0),
72
+ }, 8, ["class", "disabled"])) : W("", !0),
73
73
  p(y, {
74
- tabindex: x.value,
74
+ tabindex: C.value,
75
75
  "data-test": "stash-search-bar|search-button",
76
76
  disabled: e.isLoading,
77
- class: n(c(i)["search-button"]),
77
+ class: n(c(u)["search-button"]),
78
78
  onClick: l,
79
79
  onKeyup: [
80
80
  s(l, ["enter"]),
81
81
  s(l, ["space"])
82
82
  ]
83
83
  }, {
84
- default: u(() => [
84
+ default: i(() => [
85
85
  p(v, {
86
86
  class: n({ "tw-animate-spin": e.isWorking }),
87
87
  name: e.isWorking ? "loading-empty" : "search"
88
88
  }, null, 8, ["class", "name"])
89
89
  ]),
90
90
  _: 1
91
- }, 8, ["tabindex", "disabled", "class", "onKeyup"])
91
+ }, 8, ["tabindex", "disabled", "class"])
92
92
  ]),
93
93
  _: 2
94
94
  }, [
95
- c(g).hint ? {
95
+ c(x).hint ? {
96
96
  name: "hint",
97
- fn: u(() => [
98
- W(r.$slots, "hint")
97
+ fn: i(() => [
98
+ w(r.$slots, "hint")
99
99
  ]),
100
100
  key: "0"
101
101
  } : void 0
102
- ]), 1032, ["modelValue", "class", "label", "placeholder", "hint-text", "onKeyup"]));
102
+ ]), 1032, ["modelValue", "class", "label", "placeholder", "hint-text"]));
103
103
  }
104
- }), R = {
104
+ }), $ = {
105
105
  "search-input": "_search-input_1e71y_2",
106
106
  "clear-button": "_clear-button_1e71y_13",
107
107
  "search-button": "_search-button_1e71y_40"
108
- }, $ = {
109
- $style: R
110
- }, Z = /* @__PURE__ */ M(N, [["__cssModules", $]]);
108
+ }, z = {
109
+ $style: $
110
+ }, ee = /* @__PURE__ */ N(R, [["__cssModules", z]]);
111
111
  export {
112
- Z as default
112
+ ee as default
113
113
  };
114
114
  //# 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 { computed, 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 const searchTabIndex = computed(() => (searchTerm.value ? 0 : -1));\n\n function onSearch() {\n if (props.isLoading || props.isWorking) {\n return;\n }\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=\"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 @keyup.enter=\"clearSearchTerm\"\n @keyup.space=\"clearSearchTerm\"\n >\n <Icon name=\"close\" />\n </Button>\n <Button\n :tabindex=\"searchTabIndex\"\n data-test=\"stash-search-bar|search-button\"\n :disabled=\"props.isLoading\"\n :class=\"classes['search-button']\"\n @click=\"onSearch\"\n @keyup.enter=\"onSearch\"\n @keyup.space=\"onSearch\"\n >\n <Icon :class=\"{ 'tw-animate-spin': props.isWorking }\" :name=\"props.isWorking ? 'loading-empty' : '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 input:hover {\n border: 1px solid var(--color-blue-500);\n }\n\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 overflow: visible;\n }\n\n .search-input :global(.stash-input-append) .clear-button {\n color: var(--color-ice-700);\n height: theme('spacing.9');\n min-width: theme('spacing.9');\n width: theme('spacing.9');\n background: none;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:focus-visible {\n outline: none;\n box-shadow: none;\n\n & svg {\n border-radius: theme(borderRadius.DEFAULT);\n\n @apply tw-ring-4 tw-ring-blue-500 tw-ring-opacity-15;\n }\n }\n }\n\n .search-input :global(.stash-input-append) .clear-button:disabled {\n color: var(--color-ice-500);\n cursor: default;\n }\n\n .search-input :global(.stash-input-append) .search-button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n height: theme('spacing.9');\n min-width: theme('spacing.9');\n width: theme('spacing.9');\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:focus {\n box-shadow: none;\n }\n\n &:disabled {\n border-color: var(--color-ice-500);\n }\n\n &:hover {\n background-color: var(--color-blue-600);\n }\n\n &:active {\n background-color: var(--color-blue-700);\n }\n\n &:focus-visible {\n outline: none;\n border: 1px solid var(--color-blue-900);\n /* Simulating a bigger border so the design does not break */\n box-shadow: inset 0 0 0 1px var(--color-blue-900), 0 0 0 4px rgb(0 114 240 / 15%); /* Unfortunatelly, we have to use RGBA to make the shadow transparent, this is blue-500 */\n }\n }\n</style>\n"],"names":["classes","useCssModule","slots","useSlots","searchTerm","ref","props","stashInputRef","searchTabIndex","computed","onSearch","emit","clearSearchTerm","_b","_a","handleChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkEQA,IAAUC,KACVC,IAAQC,KACRC,IAAaC,EAAIC,EAAM,UAAU,GACjCC,IAAgBF,KAEhBG,IAAiBC,EAAS,MAAOL,EAAW,QAAQ,IAAI,EAAG;AAEjE,aAASM,IAAW;AACd,MAAAJ,EAAM,aAAaA,EAAM,aAGxBK,EAAA,UAAUP,EAAW,KAAK;AAAA,IACjC;AAEA,aAASQ,IAAkB;;AACzB,MAAAR,EAAW,QAAQ,IACnBO,EAAK,UAAU,EAAE,GACjBA,EAAK,sBAAsB,EAAE,IAEfE,KAAAC,IAAAP,EAAA,UAAA,gBAAAO,EAAO,YAAP,QAAAD,EAAgB;AAAA,IAChC;AAEA,aAASE,IAAe;AACjB,MAAAJ,EAAA,sBAAsBP,EAAW,KAAK;AAAA,IAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SearchBar.js","sources":["../src/components/SearchBar/SearchBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { computed, 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 = 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 const searchTabIndex = computed(() => (searchTerm.value ? 0 : -1));\n\n function onSearch() {\n if (props.isLoading || props.isWorking) {\n return;\n }\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=\"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 @keyup.enter=\"clearSearchTerm\"\n @keyup.space=\"clearSearchTerm\"\n >\n <Icon name=\"close\" />\n </Button>\n <Button\n :tabindex=\"searchTabIndex\"\n data-test=\"stash-search-bar|search-button\"\n :disabled=\"props.isLoading\"\n :class=\"classes['search-button']\"\n @click=\"onSearch\"\n @keyup.enter=\"onSearch\"\n @keyup.space=\"onSearch\"\n >\n <Icon :class=\"{ 'tw-animate-spin': props.isWorking }\" :name=\"props.isWorking ? 'loading-empty' : '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 input:hover {\n border: 1px solid var(--color-blue-500);\n }\n\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 overflow: visible;\n }\n\n .search-input :global(.stash-input-append) .clear-button {\n color: var(--color-ice-700);\n height: theme('spacing.9');\n min-width: theme('spacing.9');\n width: theme('spacing.9');\n background: none;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:focus-visible {\n outline: none;\n box-shadow: none;\n\n & svg {\n border-radius: theme(borderRadius.DEFAULT);\n\n @apply tw-ring-4 tw-ring-blue-500 tw-ring-opacity-15;\n }\n }\n }\n\n .search-input :global(.stash-input-append) .clear-button:disabled {\n color: var(--color-ice-500);\n cursor: default;\n }\n\n .search-input :global(.stash-input-append) .search-button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n height: theme('spacing.9');\n min-width: theme('spacing.9');\n width: theme('spacing.9');\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:focus {\n box-shadow: none;\n }\n\n &:disabled {\n border-color: var(--color-ice-500);\n }\n\n &:hover {\n background-color: var(--color-blue-600);\n }\n\n &:active {\n background-color: var(--color-blue-700);\n }\n\n &:focus-visible {\n outline: none;\n border: 1px solid var(--color-blue-900);\n /* Simulating a bigger border so the design does not break */\n box-shadow: inset 0 0 0 1px var(--color-blue-900), 0 0 0 4px rgb(0 114 240 / 15%); /* Unfortunatelly, we have to use RGBA to make the shadow transparent, this is blue-500 */\n }\n }\n</style>\n"],"names":["props","__props","emit","__emit","classes","useCssModule","slots","useSlots","searchTerm","ref","stashInputRef","searchTabIndex","computed","onSearch","clearSearchTerm","_b","_a","handleChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE,UAAMA,IAAQC,GASRC,IAAOC,GAYPC,IAAUC,KACVC,IAAQC,KACRC,IAAaC,EAAIT,EAAM,UAAU,GACjCU,IAAgBD,KAEhBE,IAAiBC,EAAS,MAAOJ,EAAW,QAAQ,IAAI,EAAG;AAEjE,aAASK,IAAW;AACd,MAAAb,EAAM,aAAaA,EAAM,aAGxBE,EAAA,UAAUM,EAAW,KAAK;AAAA,IACjC;AAEA,aAASM,IAAkB;;AACzB,MAAAN,EAAW,QAAQ,IACnBN,EAAK,UAAU,EAAE,GACjBA,EAAK,sBAAsB,EAAE,IAEfa,KAAAC,IAAAN,EAAA,UAAA,gBAAAM,EAAO,YAAP,QAAAD,EAAgB;AAAA,IAChC;AAEA,aAASE,IAAe;AACjB,MAAAf,EAAA,sBAAsBM,EAAW,KAAK;AAAA,IAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,10 +1,9 @@
1
- import { AllowedComponentProps } from 'vue';
2
- import { ComponentCustomProps } from 'vue';
3
1
  import { ComponentOptionsMixin } from 'vue';
2
+ import { ComponentProvideOptions } from 'vue';
4
3
  import { DefineComponent } from 'vue';
5
4
  import { ExtractPropTypes } from 'vue';
6
5
  import { PropType } from 'vue';
7
- import { VNodeProps } from 'vue';
6
+ import { PublicProps } from 'vue';
8
7
 
9
8
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
10
9
 
@@ -33,34 +32,34 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
33
32
  };
34
33
  };
35
34
 
36
- declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
35
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
37
36
  isLoading: boolean;
38
37
  isWorking: boolean;
39
38
  modelValue: string;
40
39
  placeholder: any;
41
40
  label: any;
42
41
  hintText: undefined;
43
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
42
+ }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
44
43
  search: (searchTerm: string) => void;
45
44
  "update:model-value": (searchTerm: string) => void;
46
- }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
45
+ }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
47
46
  isLoading: boolean;
48
47
  isWorking: boolean;
49
48
  modelValue: string;
50
49
  placeholder: any;
51
50
  label: any;
52
51
  hintText: undefined;
53
- }>>> & {
52
+ }>>> & Readonly<{
54
53
  onSearch?: ((searchTerm: string) => any) | undefined;
55
54
  "onUpdate:model-value"?: ((searchTerm: string) => any) | undefined;
56
- }, {
55
+ }>, {
57
56
  label: string;
58
- placeholder: string;
59
57
  hintText: string;
58
+ placeholder: string;
60
59
  modelValue: string;
61
60
  isLoading: boolean;
62
61
  isWorking: boolean;
63
- }, {}>, {
62
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
64
63
  hint?(_: {}): any;
65
64
  }>;
66
65
  export default _default;