@onereach/ui-components 2.71.2-beta.2238.0 → 2.71.2-beta.2240.0

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 (195) hide show
  1. package/dist/bundled/v2/{OrCardCollection-166cfcc6.js → OrCardCollection-89428bbf.js} +5 -5
  2. package/dist/bundled/v2/{OrCardCollection-091e2193.js → OrCardCollection-c1ccde63.js} +1 -1
  3. package/dist/bundled/v2/{OrConfirm-55b89b17.js → OrConfirm-56d01cff.js} +4 -4
  4. package/dist/bundled/v2/{OrConfirm-bb2df177.js → OrConfirm-cc8b767f.js} +1 -1
  5. package/dist/bundled/v2/{OrInput-5404a234.js → OrInput-c539e47c.js} +23 -6
  6. package/dist/bundled/v2/{OrListOfInputs-ab7f9d97.js → OrListOfInputs-8f076650.js} +4 -4
  7. package/dist/bundled/v2/{OrTextarea-71ff236d.js → OrPassword-7da938aa.js} +449 -7
  8. package/dist/bundled/v2/{OrSearch-d1169241.js → OrSearch-d7326373.js} +1 -1
  9. package/dist/bundled/v2/{OrSearch-832d7978.js → OrSearch-f7cfa52f.js} +4 -4
  10. package/dist/bundled/v2/{OrSelect-5634790b.js → OrSelect-8802f330.js} +1 -1
  11. package/dist/bundled/v2/components/index.d.ts +1 -5
  12. package/dist/bundled/v2/components/index.js +13 -15
  13. package/dist/bundled/v2/components/or-card-collection/index.js +4 -4
  14. package/dist/bundled/v2/components/or-card-collection-v3/index.js +3 -3
  15. package/dist/bundled/v2/components/or-confirm/index.js +2 -2
  16. package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
  17. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +13 -0
  18. package/dist/bundled/v2/components/or-input-v3/index.js +2 -1
  19. package/dist/bundled/v2/components/or-inputs/index.d.ts +5 -0
  20. package/dist/bundled/v2/components/{or-password → or-inputs}/index.js +4 -3
  21. package/dist/bundled/v2/components/or-list-of-inputs/index.js +2 -2
  22. package/dist/bundled/v2/components/or-search-v3/index.js +3 -2
  23. package/dist/bundled/v2/components/or-select-v3/index.js +3 -2
  24. package/dist/bundled/v2/index.js +11 -13
  25. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-cd84f344.js → OrCardCollection.vue_vue_type_script_lang-d8124dda.js} +4 -4
  26. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-60403ae6.js → OrCardCollection.vue_vue_type_script_lang-f9897e01.js} +1 -1
  27. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-41b4d791.js → OrConfirm.vue_vue_type_script_lang-0f16fc67.js} +1 -2
  28. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-9231d51e.js → OrConfirm.vue_vue_type_script_lang-e9ba9909.js} +2 -2
  29. package/dist/bundled/v3/{OrInput-2a7c6b57.js → OrInput-41f8351a.js} +13 -4
  30. package/dist/bundled/v3/{OrInput-704e72ba.js → OrInput-7d4b571a.js} +193 -5
  31. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-509de504.js → OrInput.vue_vue_type_script_lang-b88324b6.js} +13 -1
  32. package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-6c5cf7a5.js → OrListOfInputs.vue_vue_type_script_lang-62dbf1e7.js} +1 -2
  33. package/dist/bundled/v3/OrPassword.vue_vue_type_script_lang-13bc5b00.js +390 -0
  34. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-5356fa79.js → OrSearch.vue_vue_type_script_lang-16fbccc0.js} +1 -2
  35. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-ab2ef22c.js → OrSearch.vue_vue_type_script_lang-56eb4e93.js} +2 -2
  36. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-54f683a2.js → OrSelect.vue_vue_type_script_lang-ee433d47.js} +2 -2
  37. package/dist/bundled/v3/components/index.d.ts +1 -5
  38. package/dist/bundled/v3/components/index.js +14 -17
  39. package/dist/bundled/v3/components/or-card-collection/index.js +4 -5
  40. package/dist/bundled/v3/components/or-card-collection-v3/index.js +4 -4
  41. package/dist/bundled/v3/components/or-confirm/index.js +2 -3
  42. package/dist/bundled/v3/components/or-confirm-v3/index.js +3 -3
  43. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +13 -0
  44. package/dist/bundled/v3/components/or-input-v3/index.js +3 -1
  45. package/dist/bundled/v3/components/or-inputs/index.d.ts +5 -0
  46. package/dist/bundled/v3/components/{or-search → or-inputs}/index.js +5 -4
  47. package/dist/bundled/v3/components/or-list-of-inputs/index.js +2 -3
  48. package/dist/bundled/v3/components/or-search-v3/index.js +5 -3
  49. package/dist/bundled/v3/components/or-select-v3/index.js +5 -3
  50. package/dist/bundled/v3/index.js +659 -664
  51. package/dist/esm/v2/{OrCardCollection-19582949.js → OrCardCollection-f6b07557.js} +7 -6
  52. package/dist/esm/v2/{OrCardCollection-bbdb6159.js → OrCardCollection-ff1e9819.js} +1 -1
  53. package/dist/esm/v2/{OrConfirm-ede619eb.js → OrConfirm-d7112dd3.js} +4 -4
  54. package/dist/esm/v2/{OrConfirm-cfaf4266.js → OrConfirm-ec81498e.js} +1 -1
  55. package/dist/esm/v2/{OrInput-e8fe9102.js → OrInput-b029d058.js} +23 -6
  56. package/dist/esm/v2/{OrListOfInputs-4298fa2c.js → OrListOfInputs-50aa1ef1.js} +5 -5
  57. package/dist/esm/v2/{OrTextarea-91a95068.js → OrPassword-1fa97156.js} +245 -187
  58. package/dist/esm/v2/{OrSearch-b4f4d59b.js → OrSearch-0589d17d.js} +5 -122
  59. package/dist/esm/v2/{OrSearch-4b774707.js → OrSearch-1c934f72.js} +1 -1
  60. package/dist/esm/v2/{OrInput-6e6cfd11.js → OrSearch.vue_rollup-plugin-vue_script-197d77fc.js} +492 -4
  61. package/dist/esm/v2/{OrSelect-d7016575.js → OrSelect-cfcb233a.js} +1 -1
  62. package/dist/esm/v2/components/index.d.ts +1 -5
  63. package/dist/esm/v2/components/index.js +13 -15
  64. package/dist/esm/v2/components/or-card-collection/index.js +4 -3
  65. package/dist/esm/v2/components/or-card-collection-v3/index.js +3 -3
  66. package/dist/esm/v2/components/or-confirm/index.js +3 -2
  67. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -3
  68. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +13 -0
  69. package/dist/esm/v2/components/or-input-v3/index.js +3 -2
  70. package/dist/esm/v2/components/or-inputs/index.d.ts +5 -0
  71. package/dist/esm/v2/components/{or-password → or-inputs}/index.js +6 -5
  72. package/dist/esm/v2/components/or-list-of-inputs/index.js +4 -2
  73. package/dist/esm/v2/components/or-search-v3/index.js +4 -3
  74. package/dist/esm/v2/components/or-select-v3/index.js +4 -3
  75. package/dist/esm/v2/index.js +11 -13
  76. package/dist/esm/v3/{OrCardCollection-47f61c40.js → OrCardCollection-5ecdcbaf.js} +1 -1
  77. package/dist/esm/v3/{OrCardCollection-1e44c758.js → OrCardCollection-a5e326ef.js} +2 -2
  78. package/dist/esm/v3/{OrConfirm-e7cbf54c.js → OrConfirm-beeb74d6.js} +1 -1
  79. package/dist/esm/v3/{OrConfirm-c11ee2ec.js → OrConfirm-f39bd784.js} +1 -1
  80. package/dist/esm/v3/{OrInput-6fb81556.js → OrInput-8a4573cd.js} +24 -4
  81. package/dist/esm/v3/{OrListOfInputs-508e056f.js → OrListOfInputs-7a67440f.js} +1 -1
  82. package/dist/esm/v3/{OrSearch-e15955a7.js → OrSearch-10d09806.js} +1 -1
  83. package/dist/esm/v3/OrSearch-7cb2c91c.js +1075 -0
  84. package/dist/esm/v3/{OrSelect-027b5e8f.js → OrSelect-1e4c6062.js} +1 -1
  85. package/dist/esm/v3/components/index.d.ts +1 -5
  86. package/dist/esm/v3/components/index.js +11 -15
  87. package/dist/esm/v3/components/or-card-collection/index.js +3 -3
  88. package/dist/esm/v3/components/or-card-collection-v3/index.js +3 -3
  89. package/dist/esm/v3/components/or-confirm/index.js +3 -2
  90. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  91. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +13 -0
  92. package/dist/esm/v3/components/or-input-v3/index.js +3 -2
  93. package/dist/esm/v3/components/or-inputs/index.d.ts +5 -0
  94. package/dist/esm/v3/components/{or-password → or-inputs}/index.js +2 -3
  95. package/dist/esm/v3/components/or-list-of-inputs/index.js +4 -2
  96. package/dist/esm/v3/components/or-search-v3/index.js +4 -3
  97. package/dist/esm/v3/components/or-select-v3/index.js +4 -3
  98. package/dist/esm/v3/index.js +9 -13
  99. package/package.json +1 -1
  100. package/src/components/index.ts +1 -5
  101. package/src/components/or-card-collection/OrCardCollection.vue +8 -8
  102. package/src/components/or-confirm/OrConfirm.vue +1 -1
  103. package/src/components/or-input-v3/OrInput.stories3.ts +4 -0
  104. package/src/components/or-input-v3/OrInput.vue +37 -17
  105. package/src/components/{or-number-input → or-inputs}/OrNumberInput.vue +1 -1
  106. package/src/components/{or-password → or-inputs}/OrPassword.vue +1 -1
  107. package/src/components/{or-search → or-inputs}/OrSearch.vue +1 -1
  108. package/src/components/{or-textarea → or-inputs}/OrTextarea.vue +6 -225
  109. package/src/components/or-inputs/index.ts +5 -0
  110. package/src/components/or-list/OrList.stories.ts +1 -1
  111. package/src/components/or-list-of-inputs/OrListOfInputs.vue +1 -1
  112. package/src/components/or-modal/OrModal.stories.ts +1 -1
  113. package/dist/bundled/v2/OrNumberInput-face8ccc.js +0 -227
  114. package/dist/bundled/v2/OrPassword-a818e7b5.js +0 -227
  115. package/dist/bundled/v2/components/or-input/index.d.ts +0 -1
  116. package/dist/bundled/v2/components/or-input/index.js +0 -13
  117. package/dist/bundled/v2/components/or-number-input/index.d.ts +0 -1
  118. package/dist/bundled/v2/components/or-number-input/index.js +0 -14
  119. package/dist/bundled/v2/components/or-password/index.d.ts +0 -1
  120. package/dist/bundled/v2/components/or-search/index.d.ts +0 -1
  121. package/dist/bundled/v2/components/or-search/index.js +0 -25
  122. package/dist/bundled/v2/components/or-textarea/index.d.ts +0 -1
  123. package/dist/bundled/v2/components/or-textarea/index.js +0 -13
  124. package/dist/bundled/v3/OrInput.vue_vue_type_script_lang-409235cc.js +0 -190
  125. package/dist/bundled/v3/OrNumberInput.vue_vue_type_script_lang-f061d829.js +0 -113
  126. package/dist/bundled/v3/OrPassword.vue_vue_type_script_lang-b75f6543.js +0 -99
  127. package/dist/bundled/v3/OrTextarea.vue_vue_type_script_lang-69ea22e9.js +0 -187
  128. package/dist/bundled/v3/components/or-input/index.d.ts +0 -1
  129. package/dist/bundled/v3/components/or-input/index.js +0 -14
  130. package/dist/bundled/v3/components/or-number-input/index.d.ts +0 -1
  131. package/dist/bundled/v3/components/or-number-input/index.js +0 -16
  132. package/dist/bundled/v3/components/or-password/index.d.ts +0 -1
  133. package/dist/bundled/v3/components/or-password/index.js +0 -31
  134. package/dist/bundled/v3/components/or-search/index.d.ts +0 -1
  135. package/dist/bundled/v3/components/or-textarea/index.d.ts +0 -1
  136. package/dist/bundled/v3/components/or-textarea/index.js +0 -14
  137. package/dist/esm/v2/OrNumberInput-b20d75d2.js +0 -225
  138. package/dist/esm/v2/OrPassword-e6d5e968.js +0 -225
  139. package/dist/esm/v2/components/or-input/index.d.ts +0 -1
  140. package/dist/esm/v2/components/or-input/index.js +0 -11
  141. package/dist/esm/v2/components/or-number-input/index.d.ts +0 -1
  142. package/dist/esm/v2/components/or-number-input/index.js +0 -12
  143. package/dist/esm/v2/components/or-password/index.d.ts +0 -1
  144. package/dist/esm/v2/components/or-search/index.d.ts +0 -1
  145. package/dist/esm/v2/components/or-search/index.js +0 -23
  146. package/dist/esm/v2/components/or-textarea/index.d.ts +0 -1
  147. package/dist/esm/v2/components/or-textarea/index.js +0 -11
  148. package/dist/esm/v3/OrInput-81125804.js +0 -295
  149. package/dist/esm/v3/OrNumberInput-b32b5ce3.js +0 -170
  150. package/dist/esm/v3/OrPassword-b0cbb578.js +0 -162
  151. package/dist/esm/v3/OrSearch-11fdf667.js +0 -188
  152. package/dist/esm/v3/OrTextarea-1f5c3be1.js +0 -290
  153. package/dist/esm/v3/components/or-input/index.d.ts +0 -1
  154. package/dist/esm/v3/components/or-input/index.js +0 -11
  155. package/dist/esm/v3/components/or-number-input/index.d.ts +0 -1
  156. package/dist/esm/v3/components/or-number-input/index.js +0 -12
  157. package/dist/esm/v3/components/or-password/index.d.ts +0 -1
  158. package/dist/esm/v3/components/or-search/index.d.ts +0 -1
  159. package/dist/esm/v3/components/or-search/index.js +0 -20
  160. package/dist/esm/v3/components/or-textarea/index.d.ts +0 -1
  161. package/dist/esm/v3/components/or-textarea/index.js +0 -11
  162. package/src/components/or-input/index.ts +0 -1
  163. package/src/components/or-number-input/index.ts +0 -1
  164. package/src/components/or-password/index.ts +0 -1
  165. package/src/components/or-search/index.ts +0 -1
  166. package/src/components/or-textarea/index.ts +0 -1
  167. /package/dist/bundled/v2/{OrInput-df1a14fa.js → OrInput-08f2f666.js} +0 -0
  168. /package/dist/bundled/v2/components/{or-input → or-inputs}/OrInput.vue.d.ts +0 -0
  169. /package/dist/bundled/v2/components/{or-number-input → or-inputs}/OrNumberInput.vue.d.ts +0 -0
  170. /package/dist/bundled/v2/components/{or-password → or-inputs}/OrPassword.vue.d.ts +0 -0
  171. /package/dist/bundled/v2/components/{or-search → or-inputs}/OrSearch.vue.d.ts +0 -0
  172. /package/dist/bundled/v2/components/{or-textarea → or-inputs}/OrTextarea.vue.d.ts +0 -0
  173. /package/dist/bundled/v3/components/{or-input → or-inputs}/OrInput.vue.d.ts +0 -0
  174. /package/dist/bundled/v3/components/{or-number-input → or-inputs}/OrNumberInput.vue.d.ts +0 -0
  175. /package/dist/bundled/v3/components/{or-password → or-inputs}/OrPassword.vue.d.ts +0 -0
  176. /package/dist/bundled/v3/components/{or-search → or-inputs}/OrSearch.vue.d.ts +0 -0
  177. /package/dist/bundled/v3/components/{or-textarea → or-inputs}/OrTextarea.vue.d.ts +0 -0
  178. /package/dist/esm/v2/components/{or-input → or-inputs}/OrInput.vue.d.ts +0 -0
  179. /package/dist/esm/v2/components/{or-number-input → or-inputs}/OrNumberInput.vue.d.ts +0 -0
  180. /package/dist/esm/v2/components/{or-password → or-inputs}/OrPassword.vue.d.ts +0 -0
  181. /package/dist/esm/v2/components/{or-search → or-inputs}/OrSearch.vue.d.ts +0 -0
  182. /package/dist/esm/v2/components/{or-textarea → or-inputs}/OrTextarea.vue.d.ts +0 -0
  183. /package/dist/esm/v3/components/{or-input → or-inputs}/OrInput.vue.d.ts +0 -0
  184. /package/dist/esm/v3/components/{or-number-input → or-inputs}/OrNumberInput.vue.d.ts +0 -0
  185. /package/dist/esm/v3/components/{or-password → or-inputs}/OrPassword.vue.d.ts +0 -0
  186. /package/dist/esm/v3/components/{or-search → or-inputs}/OrSearch.vue.d.ts +0 -0
  187. /package/dist/esm/v3/components/{or-textarea → or-inputs}/OrTextarea.vue.d.ts +0 -0
  188. /package/src/components/{or-input → or-inputs}/OrInput.stories.ts +0 -0
  189. /package/src/components/{or-input → or-inputs}/OrInput.vue +0 -0
  190. /package/src/components/{or-number-input → or-inputs}/OrNumberInput.stories.ts +0 -0
  191. /package/src/components/{or-password → or-inputs}/OrPassword.stories.ts +0 -0
  192. /package/src/components/{or-search → or-inputs}/OrSearch.stories.ts +0 -0
  193. /package/src/components/{or-textarea → or-inputs}/OrTextarea.stories.ts +0 -0
  194. /package/src/components/{or-input → or-inputs}/or-textbox-migration.stories.mdx +0 -0
  195. /package/src/components/{or-input → or-inputs}/styles.scss +0 -0
@@ -1,99 +0,0 @@
1
- import { defineComponent, ref } from 'vue';
2
- import { useVModel } from '@vueuse/core';
3
- import './OrInput-704e72ba.js';
4
- import './OrIconButton-e637158e.js';
5
- import { u as useToggle } from './useToggle-09b6cb90.js';
6
- import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
7
- import { s as script$1 } from './OrInput.vue_vue_type_script_lang-409235cc.js';
8
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
9
-
10
- var script = defineComponent({
11
- name: 'OrPassword',
12
- components: {
13
- OrInput: script$1,
14
- OrIconButton: script$2
15
- },
16
- model: {
17
- prop: 'modelValue',
18
- event: 'update:modelValue'
19
- },
20
- props: {
21
- modelValue: {
22
- type: String,
23
- default: '',
24
- required: false
25
- },
26
- htmlId: {
27
- type: String,
28
- default: '',
29
- required: false
30
- },
31
- placeholder: {
32
- type: String,
33
- default: '',
34
- required: false
35
- },
36
- label: {
37
- type: String,
38
- default: '',
39
- required: false
40
- },
41
- error: {
42
- type: String,
43
- default: '',
44
- required: false
45
- },
46
- hint: {
47
- type: String,
48
- default: '',
49
- required: false
50
- },
51
- maxLength: {
52
- type: Number,
53
- default: undefined,
54
- required: false
55
- },
56
- isSmall: Boolean,
57
- isRequired: Boolean,
58
- isDisabled: Boolean,
59
- isReadonly: Boolean,
60
- isInvalid: Boolean
61
- },
62
- emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
63
- setup(props, {
64
- emit
65
- }) {
66
- const inputRef = ref();
67
- const localValue = useVModel(props, 'modelValue', emit);
68
- const {
69
- isActiveToggle,
70
- toggle
71
- } = useToggle();
72
- return {
73
- inputRef,
74
- localValue,
75
- isActiveToggle,
76
- toggle
77
- };
78
- },
79
- computed: {
80
- currentButtonIcon() {
81
- return this.isActiveToggle ? 'visibility' : 'visibility_off';
82
- },
83
- type() {
84
- return this.isActiveToggle ? 'text' : 'password';
85
- },
86
- size() {
87
- return this.isSmall ? BUTTON_SIZE.SMALL : BUTTON_SIZE.DEFAULT;
88
- }
89
- },
90
- methods: {
91
- onClick() {
92
- var _a;
93
- this.toggle();
94
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
95
- }
96
- }
97
- });
98
-
99
- export { script as s };
@@ -1,187 +0,0 @@
1
- import { defineComponent, ref, getCurrentInstance } from 'vue';
2
- import { p as pxToRem } from './px-to-rem-0b26b83e.js';
3
- import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from './dom-d21d0a92.js';
4
- import './OrLabel-e412c532.js';
5
- import './OrHint-c9114268.js';
6
- import './OrError-b43ebad8.js';
7
- import './OrCollapse-63e83681.js';
8
- import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-27f8b12d.js';
9
- import { s as script$2 } from './OrHint.vue_vue_type_script_lang-78598c8e.js';
10
- import { s as script$3 } from './OrError.vue_vue_type_script_lang-7c39e012.js';
11
- import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-65cbb754.js';
12
-
13
- var script = defineComponent({
14
- name: 'OrTextarea',
15
- components: {
16
- OrLabel: script$1,
17
- OrHint: script$2,
18
- OrError: script$3,
19
- OrCollapse: script$4
20
- },
21
- model: {
22
- prop: 'modelValue',
23
- event: 'update:modelValue'
24
- },
25
- props: {
26
- modelValue: {
27
- type: String,
28
- default: '',
29
- required: false
30
- },
31
- htmlId: {
32
- type: String,
33
- default: '',
34
- required: false
35
- },
36
- placeholder: {
37
- type: String,
38
- default: '',
39
- required: false
40
- },
41
- label: {
42
- type: String,
43
- default: '',
44
- required: false
45
- },
46
- error: {
47
- type: String,
48
- default: '',
49
- required: false
50
- },
51
- hint: {
52
- type: String,
53
- default: '',
54
- required: false
55
- },
56
- maxLength: {
57
- type: Number,
58
- default: undefined,
59
- required: false
60
- },
61
- isSmall: Boolean,
62
- isRequired: Boolean,
63
- isDisabled: Boolean,
64
- isReadonly: Boolean,
65
- isInvalid: Boolean
66
- },
67
- emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
68
- setup() {
69
- const inputRef = ref();
70
- return {
71
- inputRef
72
- };
73
- },
74
- data() {
75
- return {
76
- reqAF: null,
77
- isFocused: false
78
- };
79
- },
80
- computed: {
81
- localValue() {
82
- if (this.maxLength && this.modelValue.length > this.maxLength) {
83
- return this.modelValue.slice(0, -(this.modelValue.length - this.maxLength));
84
- }
85
- return this.modelValue;
86
- },
87
- localId() {
88
- var _a;
89
- return this.htmlId || `input-${(_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.uid}`;
90
- },
91
- hasValue() {
92
- return !!this.localValue.length;
93
- },
94
- counterString() {
95
- return this.maxLength && this.maxLength > 0 ? `${this.localValue.length} / ${this.maxLength}` : '';
96
- },
97
- isInactive() {
98
- return this.isDisabled || this.isReadonly;
99
- },
100
- isShowError() {
101
- return !!this.error && this.isInvalid;
102
- },
103
- isShowHint() {
104
- return !!this.hint && !this.isShowError;
105
- },
106
- isShowInfo() {
107
- return this.isShowError || this.isShowHint || !!this.maxLength;
108
- },
109
- rootClasses() {
110
- return ['or-textbox', {
111
- 'is-show-info': this.isShowInfo,
112
- 'is-small': this.isSmall,
113
- 'has-counter': !!this.maxLength,
114
- 'has-label': !!this.label || !!this.$slots['label-default']
115
- }];
116
- },
117
- inputClasses() {
118
- return ['or-textbox--input-textarea', {
119
- 'is-disabled': this.isDisabled,
120
- 'is-readonly': this.isReadonly,
121
- 'is-focused': this.isFocused,
122
- 'is-required': this.isRequired,
123
- 'has-error': this.isInvalid
124
- }];
125
- }
126
- },
127
- methods: {
128
- focus() {
129
- var _a;
130
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
131
- },
132
- calcTextareaHeight() {
133
- var _a;
134
- if (this.inputRef) {
135
- setStyle(this.inputRef, 'height', 0);
136
- setStyle(this.inputRef, 'height', pxToRem((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.scrollHeight));
137
- }
138
- },
139
- onInput(event) {
140
- if (this.isInactive) return;
141
- this.calcTextareaHeight();
142
- this.$emit('update:modelValue', event.target.value);
143
- this.$emit('input', event.target.value);
144
- },
145
- onFocus(event) {
146
- var _a;
147
- this.isFocused = true;
148
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
149
- this.$emit('focus', event);
150
- },
151
- onBlur(event) {
152
- var _a;
153
- this.isFocused = false;
154
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.blur();
155
- this.$emit('blur', event);
156
- },
157
- beforeEnter(el) {
158
- setStyle(el, 'opacity', 0);
159
- },
160
- enter(el) {
161
- const {
162
- scrollHeight,
163
- parentElement
164
- } = el;
165
- this.reqAF = requestAF(() => {
166
- const pt = parseFloat(getCS(parentElement).paddingTop);
167
- const pb = parseFloat(getCS(parentElement).paddingBottom);
168
- const height = scrollHeight + pt + pb;
169
- if (parentElement) {
170
- reflow(parentElement);
171
- setStyle(parentElement, 'height', pxToRem(height));
172
- }
173
- setStyle(el, 'opacity', 1);
174
- });
175
- },
176
- leave(el) {
177
- this.reqAF = requestAF(() => {
178
- el.style.opacity = '0';
179
- });
180
- },
181
- cancelRequestAF() {
182
- cancelAF(this.reqAF);
183
- }
184
- }
185
- });
186
-
187
- export { script as s };
@@ -1 +0,0 @@
1
- export { default as OrInput } from './OrInput.vue';
@@ -1,14 +0,0 @@
1
- export { s as OrInput } from '../../OrInput.vue_vue_type_script_lang-409235cc.js';
2
- import 'vue';
3
- import '../../px-to-rem-0b26b83e.js';
4
- import '../../dom-d21d0a92.js';
5
- import 'lodash';
6
- import '../../OrLabel-e412c532.js';
7
- import '../../OrLabel.vue_vue_type_script_lang-27f8b12d.js';
8
- import '../../style-inject.es-4c6f2515.js';
9
- import '../../OrHint-c9114268.js';
10
- import '../../OrHint.vue_vue_type_script_lang-78598c8e.js';
11
- import '../../OrError-b43ebad8.js';
12
- import '../../OrError.vue_vue_type_script_lang-7c39e012.js';
13
- import '../../OrCollapse-63e83681.js';
14
- import '../../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
@@ -1 +0,0 @@
1
- export { default as OrNumberInput } from './OrNumberInput.vue';
@@ -1,16 +0,0 @@
1
- export { s as OrNumberInput } from '../../OrNumberInput.vue_vue_type_script_lang-f061d829.js';
2
- import 'vue';
3
- import '../../OrInput-704e72ba.js';
4
- import '../../OrInput.vue_vue_type_script_lang-409235cc.js';
5
- import '../../px-to-rem-0b26b83e.js';
6
- import '../../dom-d21d0a92.js';
7
- import 'lodash';
8
- import '../../OrLabel-e412c532.js';
9
- import '../../OrLabel.vue_vue_type_script_lang-27f8b12d.js';
10
- import '../../style-inject.es-4c6f2515.js';
11
- import '../../OrHint-c9114268.js';
12
- import '../../OrHint.vue_vue_type_script_lang-78598c8e.js';
13
- import '../../OrError-b43ebad8.js';
14
- import '../../OrError.vue_vue_type_script_lang-7c39e012.js';
15
- import '../../OrCollapse-63e83681.js';
16
- import '../../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
@@ -1 +0,0 @@
1
- export { default as OrPassword } from './OrPassword.vue';
@@ -1,31 +0,0 @@
1
- export { s as OrPassword } from '../../OrPassword.vue_vue_type_script_lang-b75f6543.js';
2
- import 'vue';
3
- import '@vueuse/core';
4
- import '../../OrInput-704e72ba.js';
5
- import '../../OrInput.vue_vue_type_script_lang-409235cc.js';
6
- import '../../px-to-rem-0b26b83e.js';
7
- import '../../dom-d21d0a92.js';
8
- import 'lodash';
9
- import '../../OrLabel-e412c532.js';
10
- import '../../OrLabel.vue_vue_type_script_lang-27f8b12d.js';
11
- import '../../style-inject.es-4c6f2515.js';
12
- import '../../OrHint-c9114268.js';
13
- import '../../OrHint.vue_vue_type_script_lang-78598c8e.js';
14
- import '../../OrError-b43ebad8.js';
15
- import '../../OrError.vue_vue_type_script_lang-7c39e012.js';
16
- import '../../OrCollapse-63e83681.js';
17
- import '../../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
18
- import '../../OrIconButton-e637158e.js';
19
- import '../../OrIconButton.vue_vue_type_script_lang-40547ab0.js';
20
- import '../../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
21
- import '../../OrTooltipContent-b0dcb862.js';
22
- import '../../OrFloating-b6672a37.js';
23
- import '../../OrFloating.vue_vue_type_script_lang-8bf2b7ae.js';
24
- import '../../floating-ui.dom.esm-83eba816.js';
25
- import '../../OrTeleportVue3-012351e1.js';
26
- import '../../constants-c5d1139f.js';
27
- import '../../OrIcon-1cae8a64.js';
28
- import '../../OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
29
- import '../../OrLoader-ee97fef4.js';
30
- import '../../OrLoader.vue_vue_type_script_lang-1378ab8e.js';
31
- import '../../useToggle-09b6cb90.js';
@@ -1 +0,0 @@
1
- export { default as OrSearch } from './OrSearch.vue';
@@ -1 +0,0 @@
1
- export { default as OrTextarea } from './OrTextarea.vue';
@@ -1,14 +0,0 @@
1
- export { s as OrTextarea } from '../../OrTextarea.vue_vue_type_script_lang-69ea22e9.js';
2
- import 'vue';
3
- import '../../px-to-rem-0b26b83e.js';
4
- import '../../dom-d21d0a92.js';
5
- import 'lodash';
6
- import '../../OrLabel-e412c532.js';
7
- import '../../OrLabel.vue_vue_type_script_lang-27f8b12d.js';
8
- import '../../style-inject.es-4c6f2515.js';
9
- import '../../OrHint-c9114268.js';
10
- import '../../OrHint.vue_vue_type_script_lang-78598c8e.js';
11
- import '../../OrError-b43ebad8.js';
12
- import '../../OrError.vue_vue_type_script_lang-7c39e012.js';
13
- import '../../OrCollapse-63e83681.js';
14
- import '../../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
@@ -1,225 +0,0 @@
1
- import { defineComponent, ref } from 'vue-demi';
2
- import { _ as __vue_component__$1 } from './OrInput-6e6cfd11.js';
3
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
4
-
5
- var script = defineComponent({
6
- name: 'OrNumberInput',
7
- components: {
8
- OrInput: __vue_component__$1
9
- },
10
- model: {
11
- prop: 'modelValue',
12
- event: 'update:modelValue'
13
- },
14
- props: {
15
- modelValue: {
16
- type: Number,
17
- default: undefined,
18
- required: false
19
- },
20
- htmlId: {
21
- type: String,
22
- default: '',
23
- required: false
24
- },
25
- placeholder: {
26
- type: String,
27
- default: '',
28
- required: false
29
- },
30
- label: {
31
- type: String,
32
- default: '',
33
- required: false
34
- },
35
- error: {
36
- type: String,
37
- default: '',
38
- required: false
39
- },
40
- hint: {
41
- type: String,
42
- default: '',
43
- required: false
44
- },
45
- minValue: {
46
- type: Number,
47
- default: undefined,
48
- required: false
49
- },
50
- maxValue: {
51
- type: Number,
52
- default: undefined,
53
- required: false
54
- },
55
- stepValue: {
56
- type: Number,
57
- default: undefined,
58
- required: false
59
- },
60
- isSmall: Boolean,
61
- isRequired: Boolean,
62
- isDisabled: Boolean,
63
- isReadonly: Boolean,
64
- isInvalid: Boolean
65
- },
66
- emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
67
- setup(props, {
68
- emit
69
- }) {
70
- const inputRef = ref();
71
- if (props.modelValue) {
72
- if (props.minValue !== undefined && props.modelValue < props.minValue) {
73
- emit('update:modelValue', props.minValue);
74
- } else if (props.maxValue !== undefined && props.modelValue > props.maxValue) {
75
- emit('update:modelValue', props.maxValue);
76
- }
77
- }
78
- return {
79
- inputRef
80
- };
81
- },
82
- computed: {
83
- htmlInputAttrs() {
84
- return {
85
- min: this.minValue,
86
- max: this.maxValue,
87
- step: this.stepValue
88
- };
89
- },
90
- localValue: {
91
- get() {
92
- var _a;
93
- return ((_a = this.modelValue) !== null && _a !== void 0 ? _a : '') + '';
94
- },
95
- set(val) {
96
- if (val === undefined || val === '') {
97
- this.$emit('update:modelValue', undefined);
98
- return;
99
- }
100
- const numVal = +val;
101
- if (this.minValue !== undefined && numVal < this.minValue) {
102
- this.$emit('update:modelValue', this.minValue);
103
- } else if (this.maxValue !== undefined && numVal > this.maxValue) {
104
- this.$emit('update:modelValue', this.maxValue);
105
- } else {
106
- this.$emit('update:modelValue', numVal);
107
- }
108
- }
109
- }
110
- }
111
- });
112
-
113
- /* script */
114
- const __vue_script__ = script;
115
-
116
- /* template */
117
- var __vue_render__ = function () {
118
- var _vm = this;
119
- var _h = _vm.$createElement;
120
- var _c = _vm._self._c || _h;
121
- return _c('or-input', {
122
- ref: "inputRef",
123
- staticClass: "or-password",
124
- attrs: {
125
- "html-id": _vm.htmlId,
126
- "placeholder": _vm.placeholder,
127
- "html-type": "number",
128
- "html-input-attrs": _vm.htmlInputAttrs,
129
- "label": _vm.label,
130
- "error": _vm.error,
131
- "hint": _vm.hint,
132
- "is-small": _vm.isSmall,
133
- "is-required": _vm.isRequired,
134
- "is-disabled": _vm.isDisabled,
135
- "is-readonly": _vm.isReadonly,
136
- "is-invalid": _vm.isInvalid
137
- },
138
- on: {
139
- "focus": function ($event) {
140
- return _vm.$emit('focus', $event);
141
- },
142
- "blur": function ($event) {
143
- return _vm.$emit('blur', $event);
144
- },
145
- "input": function ($event) {
146
- return _vm.$emit('input', $event);
147
- },
148
- "keypress": function ($event) {
149
- return _vm.$emit('keypress', $event);
150
- },
151
- "keyup": function ($event) {
152
- return _vm.$emit('keyup', $event);
153
- },
154
- "keydown": function ($event) {
155
- return _vm.$emit('keydown', $event);
156
- }
157
- },
158
- scopedSlots: _vm._u([_vm.$slots.prepend ? {
159
- key: "prepend",
160
- fn: function () {
161
- return [_vm._t("prepend")];
162
- },
163
- proxy: true
164
- } : null, _vm.$slots['label-default'] ? {
165
- key: "label-default",
166
- fn: function () {
167
- return [_vm._t("label-default")];
168
- },
169
- proxy: true
170
- } : null, _vm.$slots['label-append'] ? {
171
- key: "label-append",
172
- fn: function () {
173
- return [_vm._t("label-append")];
174
- },
175
- proxy: true
176
- } : null, _vm.$slots['wrapper-end'] ? {
177
- key: "wrapper-end",
178
- fn: function () {
179
- return [_vm._t("wrapper-end")];
180
- },
181
- proxy: true
182
- } : null, _vm.$slots['input-end'] ? {
183
- key: "input-end",
184
- fn: function () {
185
- return [_vm._t("input-end")];
186
- },
187
- proxy: true
188
- } : null, _vm.$slots.append ? {
189
- key: "append",
190
- fn: function () {
191
- return [_vm._t("append")];
192
- },
193
- proxy: true
194
- } : null], null, true),
195
- model: {
196
- value: _vm.localValue,
197
- callback: function ($$v) {
198
- _vm.localValue = $$v;
199
- },
200
- expression: "localValue"
201
- }
202
- });
203
- };
204
- var __vue_staticRenderFns__ = [];
205
-
206
- /* style */
207
- const __vue_inject_styles__ = undefined;
208
- /* scoped */
209
- const __vue_scope_id__ = undefined;
210
- /* module identifier */
211
- const __vue_module_identifier__ = undefined;
212
- /* functional template */
213
- const __vue_is_functional_template__ = false;
214
- /* style inject */
215
-
216
- /* style inject SSR */
217
-
218
- /* style inject shadow dom */
219
-
220
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
221
- render: __vue_render__,
222
- staticRenderFns: __vue_staticRenderFns__
223
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
224
-
225
- export { __vue_component__ as _ };