@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,225 +0,0 @@
1
- import { defineComponent, ref } from 'vue-demi';
2
- import { useVModel } from '@vueuse/core';
3
- import { _ as __vue_component__$1 } from './OrInput-6e6cfd11.js';
4
- import { u as useToggle } from './useToggle-29e4d7c7.js';
5
- import { b as BUTTON_SIZE } from './OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
6
- import { c as createInjector } from './browser-82dea9ed.js';
7
- import { _ as __vue_component__$2 } from './OrIconButton-014e86a7.js';
8
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
9
-
10
- var script = defineComponent({
11
- name: 'OrPassword',
12
- components: {
13
- OrInput: __vue_component__$1,
14
- OrIconButton: __vue_component__$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
- /* script */
100
- const __vue_script__ = script;
101
-
102
- /* template */
103
- var __vue_render__ = function () {
104
- var _vm = this;
105
- var _h = _vm.$createElement;
106
- var _c = _vm._self._c || _h;
107
- return _c('or-input', {
108
- ref: "inputRef",
109
- staticClass: "or-password",
110
- attrs: {
111
- "html-id": _vm.htmlId,
112
- "placeholder": _vm.placeholder,
113
- "html-type": _vm.type,
114
- "label": _vm.label,
115
- "error": _vm.error,
116
- "hint": _vm.hint,
117
- "max-length": _vm.maxLength,
118
- "is-small": _vm.isSmall,
119
- "is-required": _vm.isRequired,
120
- "is-disabled": _vm.isDisabled,
121
- "is-readonly": _vm.isReadonly,
122
- "is-invalid": _vm.isInvalid
123
- },
124
- on: {
125
- "focus": function ($event) {
126
- return _vm.$emit('focus', $event);
127
- },
128
- "blur": function ($event) {
129
- return _vm.$emit('blur', $event);
130
- },
131
- "input": function ($event) {
132
- return _vm.$emit('input', $event);
133
- },
134
- "keypress": function ($event) {
135
- return _vm.$emit('keypress', $event);
136
- },
137
- "keyup": function ($event) {
138
- return _vm.$emit('keyup', $event);
139
- },
140
- "keydown": function ($event) {
141
- return _vm.$emit('keydown', $event);
142
- }
143
- },
144
- scopedSlots: _vm._u([_vm.$slots.prepend ? {
145
- key: "prepend",
146
- fn: function () {
147
- return [_vm._t("prepend")];
148
- },
149
- proxy: true
150
- } : null, _vm.$slots['label-default'] ? {
151
- key: "label-default",
152
- fn: function () {
153
- return [_vm._t("label-default")];
154
- },
155
- proxy: true
156
- } : null, _vm.$slots['label-append'] ? {
157
- key: "label-append",
158
- fn: function () {
159
- return [_vm._t("label-append")];
160
- },
161
- proxy: true
162
- } : null, {
163
- key: "wrapper-end",
164
- fn: function () {
165
- return [_c('or-icon-button', {
166
- attrs: {
167
- "icon": _vm.currentButtonIcon,
168
- "icon-color": "neutral-4",
169
- "size": _vm.size
170
- },
171
- on: {
172
- "click": _vm.onClick
173
- }
174
- })];
175
- },
176
- proxy: true
177
- }, _vm.$slots['input-end'] ? {
178
- key: "input-end",
179
- fn: function () {
180
- return [_vm._t("input-end")];
181
- },
182
- proxy: true
183
- } : null, _vm.$slots.append ? {
184
- key: "append",
185
- fn: function () {
186
- return [_vm._t("append")];
187
- },
188
- proxy: true
189
- } : null], null, true),
190
- model: {
191
- value: _vm.localValue,
192
- callback: function ($$v) {
193
- _vm.localValue = $$v;
194
- },
195
- expression: "localValue"
196
- }
197
- });
198
- };
199
- var __vue_staticRenderFns__ = [];
200
-
201
- /* style */
202
- const __vue_inject_styles__ = function (inject) {
203
- if (!inject) return;
204
- inject("data-v-c5297b48_0", {
205
- source: "@keyframes spinAround-data-v-c5297b48{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-c5297b48{from{opacity:1}to{opacity:0}}.or-password .or-icon-button-root[data-v-c5297b48]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-password[data-v-c5297b48] .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-password.is-small[data-v-c5297b48] .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
206
- map: undefined,
207
- media: undefined
208
- });
209
- };
210
- /* scoped */
211
- const __vue_scope_id__ = "data-v-c5297b48";
212
- /* module identifier */
213
- const __vue_module_identifier__ = undefined;
214
- /* functional template */
215
- const __vue_is_functional_template__ = false;
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, createInjector, undefined, undefined);
224
-
225
- export { __vue_component__ as _ };
@@ -1 +0,0 @@
1
- export { default as OrInput } from './OrInput.vue';
@@ -1,11 +0,0 @@
1
- export { _ as OrInput } from '../../OrInput-6e6cfd11.js';
2
- import 'vue-demi';
3
- import '../../px-to-rem-0b26b83e.js';
4
- import '../../dom-3a15d036.js';
5
- import 'lodash';
6
- import '../../OrLabel-33b41516.js';
7
- import '../../normalize-component-6e8e3d80.js';
8
- import '../../browser-82dea9ed.js';
9
- import '../../OrHint-c45f1e09.js';
10
- import '../../OrError-081130bb.js';
11
- import '../../OrCollapse-4d892ca3.js';
@@ -1 +0,0 @@
1
- export { default as OrNumberInput } from './OrNumberInput.vue';
@@ -1,12 +0,0 @@
1
- export { _ as OrNumberInput } from '../../OrNumberInput-b20d75d2.js';
2
- import 'vue-demi';
3
- import '../../OrInput-6e6cfd11.js';
4
- import '../../px-to-rem-0b26b83e.js';
5
- import '../../dom-3a15d036.js';
6
- import 'lodash';
7
- import '../../OrLabel-33b41516.js';
8
- import '../../normalize-component-6e8e3d80.js';
9
- import '../../browser-82dea9ed.js';
10
- import '../../OrHint-c45f1e09.js';
11
- import '../../OrError-081130bb.js';
12
- import '../../OrCollapse-4d892ca3.js';
@@ -1 +0,0 @@
1
- export { default as OrPassword } from './OrPassword.vue';
@@ -1 +0,0 @@
1
- export { default as OrSearch } from './OrSearch.vue';
@@ -1,23 +0,0 @@
1
- export { _ as OrSearch } from '../../OrSearch-b4f4d59b.js';
2
- import 'vue-demi';
3
- import '../../OrInput-6e6cfd11.js';
4
- import '../../px-to-rem-0b26b83e.js';
5
- import '../../dom-3a15d036.js';
6
- import 'lodash';
7
- import '../../OrLabel-33b41516.js';
8
- import '../../normalize-component-6e8e3d80.js';
9
- import '../../browser-82dea9ed.js';
10
- import '../../OrHint-c45f1e09.js';
11
- import '../../OrError-081130bb.js';
12
- import '../../OrCollapse-4d892ca3.js';
13
- import '@vueuse/core';
14
- import '../../OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
15
- import '../../OrIcon-819166f6.js';
16
- import '../../OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
17
- import '../../OrFloating-89d6582a.js';
18
- import '@floating-ui/dom';
19
- import '../../OrTeleportVue2-8ef4ceca.js';
20
- import 'portal-vue/dist/portal-vue.esm.js';
21
- import '../../OrLoader-003941a2.js';
22
- import '../../OrTooltip-614b016d.js';
23
- import '../../OrIconButton-014e86a7.js';
@@ -1 +0,0 @@
1
- export { default as OrTextarea } from './OrTextarea.vue';
@@ -1,11 +0,0 @@
1
- export { _ as OrTextarea } from '../../OrTextarea-91a95068.js';
2
- import 'vue-demi';
3
- import '../../px-to-rem-0b26b83e.js';
4
- import '../../dom-3a15d036.js';
5
- import 'lodash';
6
- import '../../OrLabel-33b41516.js';
7
- import '../../normalize-component-6e8e3d80.js';
8
- import '../../browser-82dea9ed.js';
9
- import '../../OrHint-c45f1e09.js';
10
- import '../../OrError-081130bb.js';
11
- import '../../OrCollapse-4d892ca3.js';
@@ -1,295 +0,0 @@
1
- import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
2
- import { p as pxToRem } from './px-to-rem-0b26b83e.js';
3
- import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-3a15d036.js';
4
- import { s as script$1 } from './OrLabel-876f8729.js';
5
- import { s as script$2 } from './OrHint-1414c530.js';
6
- import { s as script$3 } from './OrError-f90296db.js';
7
- import { s as script$4 } from './OrCollapse-445141ab.js';
8
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, createVNode, Transition } from 'vue';
9
- import { s as styleInject } from './style-inject.es-4c6f2515.js';
10
-
11
- var script = defineComponent({
12
- name: 'OrInput',
13
- components: {
14
- OrLabel: script$1,
15
- OrHint: script$2,
16
- OrError: script$3,
17
- OrCollapse: script$4
18
- },
19
- model: {
20
- prop: 'modelValue',
21
- event: 'update:modelValue'
22
- },
23
- props: {
24
- modelValue: {
25
- type: String,
26
- default: '',
27
- required: false
28
- },
29
- htmlId: {
30
- type: String,
31
- default: '',
32
- required: false
33
- },
34
- placeholder: {
35
- type: String,
36
- default: '',
37
- required: false
38
- },
39
- htmlType: {
40
- type: String,
41
- default: 'text',
42
- required: false
43
- },
44
- htmlInputAttrs: {
45
- type: Object,
46
- default: undefined,
47
- required: false
48
- },
49
- label: {
50
- type: String,
51
- default: '',
52
- required: false
53
- },
54
- error: {
55
- type: String,
56
- default: '',
57
- required: false
58
- },
59
- hint: {
60
- type: String,
61
- default: '',
62
- required: false
63
- },
64
- maxLength: {
65
- type: Number,
66
- default: undefined,
67
- required: false
68
- },
69
- isSmall: Boolean,
70
- isRequired: Boolean,
71
- isDisabled: Boolean,
72
- isReadonly: Boolean,
73
- isInvalid: Boolean
74
- },
75
- emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
76
- setup() {
77
- const inputRef = ref();
78
- return {
79
- inputRef
80
- };
81
- },
82
- data() {
83
- return {
84
- reqAF: null,
85
- isFocused: false
86
- };
87
- },
88
- computed: {
89
- localValue() {
90
- if (this.maxLength && this.modelValue.length > this.maxLength) {
91
- return this.modelValue.slice(0, -(this.modelValue.length - this.maxLength));
92
- }
93
- return this.modelValue;
94
- },
95
- localId() {
96
- var _a;
97
- return this.htmlId || `input-${(_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.uid}`;
98
- },
99
- hasValue() {
100
- var _a;
101
- return !!((_a = this.localValue) === null || _a === void 0 ? void 0 : _a.length);
102
- },
103
- counterString() {
104
- return this.maxLength && this.maxLength > 0 ? `${this.localValue.length} / ${this.maxLength}` : '';
105
- },
106
- isInactive() {
107
- return this.isDisabled || this.isReadonly;
108
- },
109
- isShowError() {
110
- return !!this.error && this.isInvalid;
111
- },
112
- isShowHint() {
113
- return !!this.hint && !this.isShowError;
114
- },
115
- isShowInfo() {
116
- return this.isShowError || this.isShowHint || !!this.maxLength;
117
- },
118
- rootClasses() {
119
- return ['or-textbox', {
120
- 'is-show-info': this.isShowInfo,
121
- 'is-small': this.isSmall,
122
- 'has-counter': !!this.maxLength,
123
- 'has-label': !!this.label || !!this.$slots['label-default']
124
- }];
125
- },
126
- inputClasses() {
127
- return ['or-textbox--input', {
128
- 'is-disabled': this.isDisabled,
129
- 'is-readonly': this.isReadonly,
130
- 'is-focused': this.isFocused,
131
- 'is-required': this.isRequired,
132
- 'has-error': this.isInvalid
133
- }];
134
- }
135
- },
136
- methods: {
137
- focus() {
138
- var _a;
139
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
140
- },
141
- onInput(event) {
142
- if (this.isInactive) return;
143
- this.$emit('update:modelValue', event.target.value);
144
- this.$emit('input', event.target.value);
145
- },
146
- onFocus(event) {
147
- var _a;
148
- this.isFocused = true;
149
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
150
- this.$emit('focus', event);
151
- },
152
- onBlur(event) {
153
- var _a;
154
- this.isFocused = false;
155
- (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.blur();
156
- this.$emit('blur', event);
157
- },
158
- beforeEnter(el) {
159
- setStyle(el, 'opacity', 0);
160
- },
161
- enter(el) {
162
- const {
163
- scrollHeight,
164
- parentElement
165
- } = el;
166
- this.reqAF = requestAF(() => {
167
- const pt = parseFloat(getCS(parentElement).paddingTop);
168
- const pb = parseFloat(getCS(parentElement).paddingBottom);
169
- const height = scrollHeight + pt + pb;
170
- if (parentElement) {
171
- reflow(parentElement);
172
- setStyle(parentElement, 'height', pxToRem(height));
173
- }
174
- setStyle(el, 'opacity', 1);
175
- });
176
- },
177
- leave(el) {
178
- this.reqAF = requestAF(() => {
179
- el.style.opacity = '0';
180
- });
181
- },
182
- cancelRequestAF() {
183
- cancelAF(this.reqAF);
184
- }
185
- }
186
- });
187
-
188
- const _hoisted_1 = {
189
- key: 0,
190
- ref: "prependRef",
191
- class: "or-textbox--prepend"
192
- };
193
- const _hoisted_2 = {
194
- class: "or-textbox--wrapper"
195
- };
196
- const _hoisted_3 = {
197
- class: "or-textbox--input-wrapper"
198
- };
199
- const _hoisted_4 = ["id", "value", "type", "disabled", "maxlength", "readonly", "placeholder"];
200
- const _hoisted_5 = {
201
- key: 0,
202
- class: "or-textbox--input-end"
203
- };
204
- const _hoisted_6 = {
205
- ref: "infoRef",
206
- class: "or-textbox--info"
207
- };
208
- const _hoisted_7 = ["textContent"];
209
- const _hoisted_8 = {
210
- key: 1,
211
- ref: "appendRef",
212
- class: "or-textbox--append"
213
- };
214
- function render(_ctx, _cache, $props, $setup, $data, $options) {
215
- const _component_or_label = resolveComponent("or-label");
216
- const _component_or_hint = resolveComponent("or-hint");
217
- const _component_or_error = resolveComponent("or-error");
218
- const _component_or_collapse = resolveComponent("or-collapse");
219
- return openBlock(), createElementBlock("div", {
220
- class: normalizeClass(_ctx.rootClasses)
221
- }, [createCommentVNode(" Prepend Slot "), _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")], 512 /* NEED_PATCH */)) : createCommentVNode("v-if", true), createCommentVNode(" Input "), createElementVNode("div", _hoisted_2, [createCommentVNode(" Label "), _ctx.$slots['label-default'] || _ctx.label ? (openBlock(), createBlock(_component_or_label, {
222
- key: 0,
223
- "is-required": _ctx.isRequired,
224
- for: _ctx.localId
225
- }, {
226
- default: withCtx(() => [renderSlot(_ctx.$slots, "label-default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
227
-
228
- append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
229
- _: 3 /* FORWARDED */
230
- }, 8 /* PROPS */, ["is-required", "for"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [createElementVNode("input", mergeProps({
231
- id: _ctx.localId,
232
- ref: "inputRef",
233
- value: _ctx.localValue
234
- }, _ctx.htmlInputAttrs, {
235
- type: _ctx.htmlType,
236
- disabled: _ctx.isDisabled,
237
- maxlength: _ctx.maxLength,
238
- readonly: _ctx.isReadonly,
239
- class: _ctx.inputClasses,
240
- placeholder: _ctx.placeholder,
241
- onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
242
- onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
243
- onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
244
- onKeypress: _cache[3] || (_cache[3] = $event => _ctx.$emit('keypress', $event)),
245
- onKeyup: _cache[4] || (_cache[4] = $event => _ctx.$emit('keyup', $event)),
246
- onKeydown: _cache[5] || (_cache[5] = $event => _ctx.$emit('keydown', $event))
247
- }), null, 16 /* FULL_PROPS */, _hoisted_4), renderSlot(_ctx.$slots, "wrapper-end"), _ctx.$slots['input-end'] ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "input-end")])) : createCommentVNode("v-if", true)]), createCommentVNode(" Info "), createVNode(_component_or_collapse, {
248
- "is-visible": _ctx.isShowInfo
249
- }, {
250
- default: withCtx(() => [createElementVNode("div", _hoisted_6, [createVNode(Transition, {
251
- mode: "out-in",
252
- onBeforeEnter: _ctx.beforeEnter,
253
- onEnter: _ctx.enter,
254
- onAfterEnter: _ctx.cancelRequestAF,
255
- onLeave: _ctx.leave,
256
- onAfterLeave: _ctx.cancelRequestAF
257
- }, {
258
- default: withCtx(() => [_ctx.isShowHint ? (openBlock(), createBlock(_component_or_hint, {
259
- key: _ctx.hint,
260
- hint: _ctx.hint,
261
- class: "or-textbox--hint"
262
- }, null, 8 /* PROPS */, ["hint"])) : createCommentVNode("v-if", true)]),
263
- _: 1 /* STABLE */
264
- }, 8 /* PROPS */, ["onBeforeEnter", "onEnter", "onAfterEnter", "onLeave", "onAfterLeave"]), createVNode(Transition, {
265
- mode: "out-in",
266
- onBeforeEnter: _ctx.beforeEnter,
267
- onEnter: _ctx.enter,
268
- onAfterEnter: _ctx.cancelRequestAF,
269
- onLeave: _ctx.leave,
270
- onAfterLeave: _ctx.cancelRequestAF
271
- }, {
272
- default: withCtx(() => [_ctx.isShowError ? (openBlock(), createBlock(_component_or_error, {
273
- key: _ctx.error,
274
- error: _ctx.error,
275
- class: "or-textbox--error"
276
- }, null, 8 /* PROPS */, ["error"])) : createCommentVNode("v-if", true)]),
277
- _: 1 /* STABLE */
278
- }, 8 /* PROPS */, ["onBeforeEnter", "onEnter", "onAfterEnter", "onLeave", "onAfterLeave"]), createCommentVNode(" Counter "), _ctx.counterString ? (openBlock(), createElementBlock("div", {
279
- key: 0,
280
- class: "or-textbox--counter",
281
- textContent: toDisplayString(_ctx.counterString)
282
- }, null, 8 /* PROPS */, _hoisted_7)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */)]),
283
-
284
- _: 1 /* STABLE */
285
- }, 8 /* PROPS */, ["is-visible"])]), createCommentVNode(" Append Slot "), _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "append")], 512 /* NEED_PATCH */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
286
- }
287
-
288
- var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-0bc96fe8 {\nfrom {\n transform: rotate(0);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@keyframes fade-0bc96fe8 {\nfrom {\n opacity: 1;\n}\nto {\n opacity: 0;\n}\n}\n.or-textbox[data-v-0bc96fe8] {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n width: 100%;\n}\n.or-textbox.is-show-info.has-label[data-v-0bc96fe8] {\n align-items: center;\n}\n.or-textbox.has-label[data-v-0bc96fe8] {\n align-items: flex-end;\n}\n.or-textbox .or-label[data-v-0bc96fe8] {\n margin-bottom: var(--s-1);\n}\n.or-textbox--append[data-v-0bc96fe8], .or-textbox--prepend[data-v-0bc96fe8] {\n position: relative;\n display: flex;\n align-items: center;\n height: 2.25rem;\n}\n.or-textbox--append[data-v-0bc96fe8] {\n margin-left: 0.625rem;\n}\n.or-textbox--prepend[data-v-0bc96fe8] {\n margin-right: 0.625rem;\n}\n.or-textbox--wrapper[data-v-0bc96fe8] {\n width: 100%;\n}\n.or-textbox--input[data-v-0bc96fe8], .or-textbox--textarea[data-v-0bc96fe8], .or-textbox--input-textarea[data-v-0bc96fe8] {\n width: 100%;\n min-width: 7.125rem;\n height: 2.25rem;\n padding: 0.625rem;\n font-family: inherit;\n font-size: var(--fs-1);\n background-color: var(--c-neutral-1);\n border: 1px solid var(--c-neutral-2);\n border-radius: var(--s-2);\n outline: none;\n transition-timing-function: var(--t-func);\n transition-duration: var(--t-duration);\n transition-property: border-color, background-color, -webkit-box-shadow;\n}\n.or-textbox--input-textarea[data-v-0bc96fe8] {\n /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */\n min-height: 4.9375rem;\n max-height: 8.875rem;\n overflow-x: hidden;\n overflow-y: auto;\n resize: none;\n}\n.or-textbox--input-wrapper[data-v-0bc96fe8] {\n position: relative;\n width: 100%;\n}\n.or-textbox--input[data-v-0bc96fe8]::placeholder, .or-textbox--textarea[data-v-0bc96fe8]::placeholder, .or-textbox--input-textarea[data-v-0bc96fe8]::placeholder {\n color: var(--c-neutral-4);\n transition-timing-function: var(--t-func);\n transition-duration: var(--t-duration);\n transition-property: opacity;\n}\n.or-textbox--input[data-v-0bc96fe8]:-webkit-autofill, .or-textbox--textarea[data-v-0bc96fe8]:-webkit-autofill, .or-textbox--input-textarea[data-v-0bc96fe8]:-webkit-autofill {\n -webkit-box-shadow: inset 0 0 0 50px var(--c-neutral-1);\n}\n.or-textbox--input[data-v-0bc96fe8]:-webkit-autofill:not(:disabled):not(.is-readonly):not(.is-loading):focus, .or-textbox--textarea[data-v-0bc96fe8]:-webkit-autofill:not(:disabled):not(.is-readonly):not(.is-loading):focus, .or-textbox--input-textarea[data-v-0bc96fe8]:-webkit-autofill:not(:disabled):not(.is-readonly):not(.is-loading):focus {\n -webkit-box-shadow: inset 0 0 0 50px var(--c-white);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-textbox--input[data-v-0bc96fe8]:not(.or-textbox--input.is-loading):not(.is-loading.or-textbox--textarea):not(.is-loading.or-textbox--input-textarea):not(.or-textbox--input.is-disabled):not(.is-disabled.or-textbox--textarea):not(.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.is-readonly):not(.is-readonly.or-textbox--textarea):not(.is-readonly.or-textbox--input-textarea):not(.or-textbox--input:disabled):not(.or-textbox--textarea:disabled):not(.or-textbox--input-textarea:disabled):not(.or-textbox--input.is-focused):not(.is-focused.or-textbox--textarea):not(.is-focused.or-textbox--input-textarea):not(.or-textbox--input:active):not(.or-textbox--textarea:active):not(.or-textbox--input-textarea:active):hover, .or-textbox--textarea[data-v-0bc96fe8]:not(.or-textbox--input.is-loading):not(.is-loading.or-textbox--textarea):not(.is-loading.or-textbox--input-textarea):not(.or-textbox--input.is-disabled):not(.is-disabled.or-textbox--textarea):not(.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.is-readonly):not(.is-readonly.or-textbox--textarea):not(.is-readonly.or-textbox--input-textarea):not(.or-textbox--input:disabled):not(.or-textbox--textarea:disabled):not(.or-textbox--input-textarea:disabled):not(.or-textbox--input.is-focused):not(.is-focused.or-textbox--textarea):not(.is-focused.or-textbox--input-textarea):not(.or-textbox--input:active):not(.or-textbox--textarea:active):not(.or-textbox--input-textarea:active):hover, .or-textbox--input-textarea[data-v-0bc96fe8]:not(.or-textbox--input.is-loading):not(.is-loading.or-textbox--textarea):not(.is-loading.or-textbox--input-textarea):not(.or-textbox--input.is-disabled):not(.is-disabled.or-textbox--textarea):not(.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.is-readonly):not(.is-readonly.or-textbox--textarea):not(.is-readonly.or-textbox--input-textarea):not(.or-textbox--input:disabled):not(.or-textbox--textarea:disabled):not(.or-textbox--input-textarea:disabled):not(.or-textbox--input.is-focused):not(.is-focused.or-textbox--textarea):not(.is-focused.or-textbox--input-textarea):not(.or-textbox--input:active):not(.or-textbox--textarea:active):not(.or-textbox--input-textarea:active):hover {\n background-color: var(--c-white);\n border-color: var(--c-neutral-2-darken-3);\n -webkit-box-shadow: inset 0 0 0 50px var(--c-white);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-textbox--input[data-v-0bc96fe8]:not(.or-textbox--input.is-loading):not(.is-loading.or-textbox--textarea):not(.is-loading.or-textbox--input-textarea):not(.or-textbox--input.is-disabled):not(.is-disabled.or-textbox--textarea):not(.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.is-readonly):not(.is-readonly.or-textbox--textarea):not(.is-readonly.or-textbox--input-textarea):not(.or-textbox--input:disabled):not(.or-textbox--textarea:disabled):not(.or-textbox--input-textarea:disabled):not(.or-textbox--input.is-focused):not(.is-focused.or-textbox--textarea):not(.is-focused.or-textbox--input-textarea):not(.or-textbox--input:active):not(.or-textbox--textarea:active):not(.or-textbox--input-textarea:active):hover, .or-textbox--textarea[data-v-0bc96fe8]:not(.or-textbox--input.is-loading):not(.is-loading.or-textbox--textarea):not(.is-loading.or-textbox--input-textarea):not(.or-textbox--input.is-disabled):not(.is-disabled.or-textbox--textarea):not(.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.is-readonly):not(.is-readonly.or-textbox--textarea):not(.is-readonly.or-textbox--input-textarea):not(.or-textbox--input:disabled):not(.or-textbox--textarea:disabled):not(.or-textbox--input-textarea:disabled):not(.or-textbox--input.is-focused):not(.is-focused.or-textbox--textarea):not(.is-focused.or-textbox--input-textarea):not(.or-textbox--input:active):not(.or-textbox--textarea:active):not(.or-textbox--input-textarea:active):hover, .or-textbox--input-textarea[data-v-0bc96fe8]:not(.or-textbox--input.is-loading):not(.is-loading.or-textbox--textarea):not(.is-loading.or-textbox--input-textarea):not(.or-textbox--input.is-disabled):not(.is-disabled.or-textbox--textarea):not(.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.is-readonly):not(.is-readonly.or-textbox--textarea):not(.is-readonly.or-textbox--input-textarea):not(.or-textbox--input:disabled):not(.or-textbox--textarea:disabled):not(.or-textbox--input-textarea:disabled):not(.or-textbox--input.is-focused):not(.is-focused.or-textbox--textarea):not(.is-focused.or-textbox--input-textarea):not(.or-textbox--input:active):not(.or-textbox--textarea:active):not(.or-textbox--input-textarea:active):hover {\n background-color: var(--c-white);\n border-color: var(--c-neutral-2-darken-3);\n -webkit-box-shadow: inset 0 0 0 50px var(--c-white);\n}\n}\n.or-textbox--input[data-v-0bc96fe8]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(:focus), .or-textbox--textarea[data-v-0bc96fe8]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(:focus), .or-textbox--input-textarea[data-v-0bc96fe8]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(:focus) {\n border-color: var(--c-neutral-2-darken-5);\n}\n.or-textbox--input[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus, .or-textbox--textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus, .or-textbox--input-textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus {\n background-color: var(--c-white);\n border-color: var(--c-primary);\n}\n.or-textbox--input[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus::placeholder, .or-textbox--textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus::placeholder, .or-textbox--input-textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus::placeholder {\n opacity: 0;\n}\n.or-textbox--input[data-v-0bc96fe8]:disabled, .or-textbox--textarea[data-v-0bc96fe8]:disabled, .or-textbox--input-textarea[data-v-0bc96fe8]:disabled, .or-textbox--input.is-disabled[data-v-0bc96fe8], .is-disabled.or-textbox--textarea[data-v-0bc96fe8], .is-disabled.or-textbox--input-textarea[data-v-0bc96fe8] {\n cursor: not-allowed;\n background-color: var(--c-neutral-2);\n border-color: var(--c-neutral-2);\n}\n.or-textbox--input.has-error[data-v-0bc96fe8], .has-error.or-textbox--textarea[data-v-0bc96fe8], .has-error.or-textbox--input-textarea[data-v-0bc96fe8] {\n border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-textbox--input.has-error[data-v-0bc96fe8]:not(.or-textbox--input.has-error.is-loading):not(.has-error.is-loading.or-textbox--textarea):not(.has-error.is-loading.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-disabled):not(.has-error.is-disabled.or-textbox--textarea):not(.has-error.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-readonly):not(.has-error.is-readonly.or-textbox--textarea):not(.has-error.is-readonly.or-textbox--input-textarea):not(.or-textbox--input.has-error:disabled):not(.has-error.or-textbox--textarea:disabled):not(.has-error.or-textbox--input-textarea:disabled):not(.or-textbox--input.has-error.is-focused):not(.has-error.is-focused.or-textbox--textarea):not(.has-error.is-focused.or-textbox--input-textarea):not(.or-textbox--input.has-error:active):not(.has-error.or-textbox--textarea:active):not(.has-error.or-textbox--input-textarea:active):hover, .has-error.or-textbox--textarea[data-v-0bc96fe8]:not(.or-textbox--input.has-error.is-loading):not(.has-error.is-loading.or-textbox--textarea):not(.has-error.is-loading.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-disabled):not(.has-error.is-disabled.or-textbox--textarea):not(.has-error.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-readonly):not(.has-error.is-readonly.or-textbox--textarea):not(.has-error.is-readonly.or-textbox--input-textarea):not(.or-textbox--input.has-error:disabled):not(.has-error.or-textbox--textarea:disabled):not(.has-error.or-textbox--input-textarea:disabled):not(.or-textbox--input.has-error.is-focused):not(.has-error.is-focused.or-textbox--textarea):not(.has-error.is-focused.or-textbox--input-textarea):not(.or-textbox--input.has-error:active):not(.has-error.or-textbox--textarea:active):not(.has-error.or-textbox--input-textarea:active):hover, .has-error.or-textbox--input-textarea[data-v-0bc96fe8]:not(.or-textbox--input.has-error.is-loading):not(.has-error.is-loading.or-textbox--textarea):not(.has-error.is-loading.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-disabled):not(.has-error.is-disabled.or-textbox--textarea):not(.has-error.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-readonly):not(.has-error.is-readonly.or-textbox--textarea):not(.has-error.is-readonly.or-textbox--input-textarea):not(.or-textbox--input.has-error:disabled):not(.has-error.or-textbox--textarea:disabled):not(.has-error.or-textbox--input-textarea:disabled):not(.or-textbox--input.has-error.is-focused):not(.has-error.is-focused.or-textbox--textarea):not(.has-error.is-focused.or-textbox--input-textarea):not(.or-textbox--input.has-error:active):not(.has-error.or-textbox--textarea:active):not(.has-error.or-textbox--input-textarea:active):hover {\n border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-textbox--input.has-error[data-v-0bc96fe8]:not(.or-textbox--input.has-error.is-loading):not(.has-error.is-loading.or-textbox--textarea):not(.has-error.is-loading.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-disabled):not(.has-error.is-disabled.or-textbox--textarea):not(.has-error.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-readonly):not(.has-error.is-readonly.or-textbox--textarea):not(.has-error.is-readonly.or-textbox--input-textarea):not(.or-textbox--input.has-error:disabled):not(.has-error.or-textbox--textarea:disabled):not(.has-error.or-textbox--input-textarea:disabled):not(.or-textbox--input.has-error.is-focused):not(.has-error.is-focused.or-textbox--textarea):not(.has-error.is-focused.or-textbox--input-textarea):not(.or-textbox--input.has-error:active):not(.has-error.or-textbox--textarea:active):not(.has-error.or-textbox--input-textarea:active):hover, .has-error.or-textbox--textarea[data-v-0bc96fe8]:not(.or-textbox--input.has-error.is-loading):not(.has-error.is-loading.or-textbox--textarea):not(.has-error.is-loading.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-disabled):not(.has-error.is-disabled.or-textbox--textarea):not(.has-error.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-readonly):not(.has-error.is-readonly.or-textbox--textarea):not(.has-error.is-readonly.or-textbox--input-textarea):not(.or-textbox--input.has-error:disabled):not(.has-error.or-textbox--textarea:disabled):not(.has-error.or-textbox--input-textarea:disabled):not(.or-textbox--input.has-error.is-focused):not(.has-error.is-focused.or-textbox--textarea):not(.has-error.is-focused.or-textbox--input-textarea):not(.or-textbox--input.has-error:active):not(.has-error.or-textbox--textarea:active):not(.has-error.or-textbox--input-textarea:active):hover, .has-error.or-textbox--input-textarea[data-v-0bc96fe8]:not(.or-textbox--input.has-error.is-loading):not(.has-error.is-loading.or-textbox--textarea):not(.has-error.is-loading.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-disabled):not(.has-error.is-disabled.or-textbox--textarea):not(.has-error.is-disabled.or-textbox--input-textarea):not(.or-textbox--input.has-error.is-readonly):not(.has-error.is-readonly.or-textbox--textarea):not(.has-error.is-readonly.or-textbox--input-textarea):not(.or-textbox--input.has-error:disabled):not(.has-error.or-textbox--textarea:disabled):not(.has-error.or-textbox--input-textarea:disabled):not(.or-textbox--input.has-error.is-focused):not(.has-error.is-focused.or-textbox--textarea):not(.has-error.is-focused.or-textbox--input-textarea):not(.or-textbox--input.has-error:active):not(.has-error.or-textbox--textarea:active):not(.has-error.or-textbox--input-textarea:active):hover {\n border-color: var(--c-error-darken-3);\n}\n}\n.or-textbox--input.has-error[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus, .has-error.or-textbox--textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus, .has-error.or-textbox--input-textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus {\n border-color: var(--c-error-darken-5);\n}\n.or-textbox--input.has-error[data-v-0bc96fe8]:disabled, .has-error.or-textbox--textarea[data-v-0bc96fe8]:disabled, .has-error.or-textbox--input-textarea[data-v-0bc96fe8]:disabled, .or-textbox--input.has-error.is-disabled[data-v-0bc96fe8], .has-error.is-disabled.or-textbox--textarea[data-v-0bc96fe8], .has-error.is-disabled.or-textbox--input-textarea[data-v-0bc96fe8] {\n cursor: not-allowed;\n border-color: var(--c-error-lighten-20);\n}\n.or-textbox--textarea[data-v-0bc96fe8] {\n /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */\n min-height: 4.9375rem;\n max-height: 8.875rem;\n overflow-x: hidden;\n overflow-y: auto;\n resize: none;\n}\n.or-textbox--info[data-v-0bc96fe8] {\n width: 100%;\n margin: 0;\n transition-timing-function: var(--t-func);\n transition-duration: var(--t-duration);\n transition-property: height, opacity;\n}\n.or-textbox--counter[data-v-0bc96fe8] {\n flex-shrink: 0;\n margin-left: auto;\n font-size: var(--fs-0);\n line-height: 0.875rem;\n color: var(--c-neutral-4);\n}\n.or-textbox--hint[data-v-0bc96fe8], .or-textbox-error[data-v-0bc96fe8] {\n flex-shrink: 1;\n transition-timing-function: var(--t-func);\n transition-duration: var(--t-duration);\n transition-property: height, opacity;\n}\n.or-textbox.is-small .or-textbox--input[data-v-0bc96fe8], .or-textbox.is-small .or-textbox--input-textarea[data-v-0bc96fe8], .or-textbox.is-small .or-textbox--textarea[data-v-0bc96fe8] {\n height: 1.875rem;\n padding: 0.5rem 0.625rem;\n font-size: var(--fs-0);\n}\n.or-textbox.is-small .or-textbox--input-toggle-btn .material-icons[data-v-0bc96fe8] {\n font-size: var(--fs-1);\n}\n.or-textbox.has-counter .or-textbox--hint[data-v-0bc96fe8], .or-textbox.has-counter .or-textbox--error[data-v-0bc96fe8] {\n padding-right: 0.9375rem;\n}\n.or-textbox.is-show-info .or-textbox--info[data-v-0bc96fe8] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding-top: 0.25rem;\n}\n.or-textbox[data-v-0bc96fe8]:disabled, .or-textbox.is-disabled[data-v-0bc96fe8] {\n cursor: not-allowed;\n}\n.or-textbox:disabled .or-textbox--input-toggle-btn[data-v-0bc96fe8], .or-textbox.is-disabled .or-textbox--input-toggle-btn[data-v-0bc96fe8] {\n pointer-events: none;\n}\n.or-textbox.has-error .or-textbox--input[data-v-0bc96fe8], .or-textbox.has-error .or-textbox--input-textarea[data-v-0bc96fe8], .or-textbox.has-error .or-textbox--textarea[data-v-0bc96fe8] {\n border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-textbox.has-error .or-textbox--input[data-v-0bc96fe8]:not(.or-textbox.has-error .or-textbox--input.is-loading):not(.or-textbox.has-error .is-loading.or-textbox--input-textarea):not(.or-textbox.has-error .is-loading.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-disabled):not(.or-textbox.has-error .is-disabled.or-textbox--input-textarea):not(.or-textbox.has-error .is-disabled.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-readonly):not(.or-textbox.has-error .is-readonly.or-textbox--input-textarea):not(.or-textbox.has-error .is-readonly.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:disabled):not(.or-textbox.has-error .or-textbox--input-textarea:disabled):not(.or-textbox.has-error .or-textbox--textarea:disabled):not(.or-textbox.has-error .or-textbox--input.is-focused):not(.or-textbox.has-error .is-focused.or-textbox--input-textarea):not(.or-textbox.has-error .is-focused.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:active):not(.or-textbox.has-error .or-textbox--input-textarea:active):not(.or-textbox.has-error .or-textbox--textarea:active):hover, .or-textbox.has-error .or-textbox--input-textarea[data-v-0bc96fe8]:not(.or-textbox.has-error .or-textbox--input.is-loading):not(.or-textbox.has-error .is-loading.or-textbox--input-textarea):not(.or-textbox.has-error .is-loading.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-disabled):not(.or-textbox.has-error .is-disabled.or-textbox--input-textarea):not(.or-textbox.has-error .is-disabled.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-readonly):not(.or-textbox.has-error .is-readonly.or-textbox--input-textarea):not(.or-textbox.has-error .is-readonly.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:disabled):not(.or-textbox.has-error .or-textbox--input-textarea:disabled):not(.or-textbox.has-error .or-textbox--textarea:disabled):not(.or-textbox.has-error .or-textbox--input.is-focused):not(.or-textbox.has-error .is-focused.or-textbox--input-textarea):not(.or-textbox.has-error .is-focused.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:active):not(.or-textbox.has-error .or-textbox--input-textarea:active):not(.or-textbox.has-error .or-textbox--textarea:active):hover, .or-textbox.has-error .or-textbox--textarea[data-v-0bc96fe8]:not(.or-textbox.has-error .or-textbox--input.is-loading):not(.or-textbox.has-error .is-loading.or-textbox--input-textarea):not(.or-textbox.has-error .is-loading.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-disabled):not(.or-textbox.has-error .is-disabled.or-textbox--input-textarea):not(.or-textbox.has-error .is-disabled.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-readonly):not(.or-textbox.has-error .is-readonly.or-textbox--input-textarea):not(.or-textbox.has-error .is-readonly.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:disabled):not(.or-textbox.has-error .or-textbox--input-textarea:disabled):not(.or-textbox.has-error .or-textbox--textarea:disabled):not(.or-textbox.has-error .or-textbox--input.is-focused):not(.or-textbox.has-error .is-focused.or-textbox--input-textarea):not(.or-textbox.has-error .is-focused.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:active):not(.or-textbox.has-error .or-textbox--input-textarea:active):not(.or-textbox.has-error .or-textbox--textarea:active):hover {\n border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-textbox.has-error .or-textbox--input[data-v-0bc96fe8]:not(.or-textbox.has-error .or-textbox--input.is-loading):not(.or-textbox.has-error .is-loading.or-textbox--input-textarea):not(.or-textbox.has-error .is-loading.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-disabled):not(.or-textbox.has-error .is-disabled.or-textbox--input-textarea):not(.or-textbox.has-error .is-disabled.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-readonly):not(.or-textbox.has-error .is-readonly.or-textbox--input-textarea):not(.or-textbox.has-error .is-readonly.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:disabled):not(.or-textbox.has-error .or-textbox--input-textarea:disabled):not(.or-textbox.has-error .or-textbox--textarea:disabled):not(.or-textbox.has-error .or-textbox--input.is-focused):not(.or-textbox.has-error .is-focused.or-textbox--input-textarea):not(.or-textbox.has-error .is-focused.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:active):not(.or-textbox.has-error .or-textbox--input-textarea:active):not(.or-textbox.has-error .or-textbox--textarea:active):hover, .or-textbox.has-error .or-textbox--input-textarea[data-v-0bc96fe8]:not(.or-textbox.has-error .or-textbox--input.is-loading):not(.or-textbox.has-error .is-loading.or-textbox--input-textarea):not(.or-textbox.has-error .is-loading.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-disabled):not(.or-textbox.has-error .is-disabled.or-textbox--input-textarea):not(.or-textbox.has-error .is-disabled.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-readonly):not(.or-textbox.has-error .is-readonly.or-textbox--input-textarea):not(.or-textbox.has-error .is-readonly.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:disabled):not(.or-textbox.has-error .or-textbox--input-textarea:disabled):not(.or-textbox.has-error .or-textbox--textarea:disabled):not(.or-textbox.has-error .or-textbox--input.is-focused):not(.or-textbox.has-error .is-focused.or-textbox--input-textarea):not(.or-textbox.has-error .is-focused.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:active):not(.or-textbox.has-error .or-textbox--input-textarea:active):not(.or-textbox.has-error .or-textbox--textarea:active):hover, .or-textbox.has-error .or-textbox--textarea[data-v-0bc96fe8]:not(.or-textbox.has-error .or-textbox--input.is-loading):not(.or-textbox.has-error .is-loading.or-textbox--input-textarea):not(.or-textbox.has-error .is-loading.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-disabled):not(.or-textbox.has-error .is-disabled.or-textbox--input-textarea):not(.or-textbox.has-error .is-disabled.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input.is-readonly):not(.or-textbox.has-error .is-readonly.or-textbox--input-textarea):not(.or-textbox.has-error .is-readonly.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:disabled):not(.or-textbox.has-error .or-textbox--input-textarea:disabled):not(.or-textbox.has-error .or-textbox--textarea:disabled):not(.or-textbox.has-error .or-textbox--input.is-focused):not(.or-textbox.has-error .is-focused.or-textbox--input-textarea):not(.or-textbox.has-error .is-focused.or-textbox--textarea):not(.or-textbox.has-error .or-textbox--input:active):not(.or-textbox.has-error .or-textbox--input-textarea:active):not(.or-textbox.has-error .or-textbox--textarea:active):hover {\n border-color: var(--c-error-darken-3);\n}\n}\n.or-textbox.has-error .or-textbox--input[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus, .or-textbox.has-error .or-textbox--input-textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus, .or-textbox.has-error .or-textbox--textarea[data-v-0bc96fe8]:not(:disabled):not(.is-readonly):not(.is-loading):focus {\n border-color: var(--c-error-darken-5);\n}\n.or-textbox.has-error .or-textbox--input[data-v-0bc96fe8]:disabled, .or-textbox.has-error .or-textbox--input-textarea[data-v-0bc96fe8]:disabled, .or-textbox.has-error .or-textbox--textarea[data-v-0bc96fe8]:disabled, .or-textbox.has-error .or-textbox--input.is-disabled[data-v-0bc96fe8], .or-textbox.has-error .is-disabled.or-textbox--input-textarea[data-v-0bc96fe8], .or-textbox.has-error .is-disabled.or-textbox--textarea[data-v-0bc96fe8] {\n cursor: not-allowed;\n border-color: var(--c-error);\n}\ninput[type=search][data-v-0bc96fe8]::-webkit-search-decoration,\ninput[type=search][data-v-0bc96fe8]::-webkit-search-cancel-button,\ninput[type=search][data-v-0bc96fe8]::-webkit-search-results-button,\ninput[type=search][data-v-0bc96fe8]::-webkit-search-results-decoration {\n display: none;\n}";
289
- styleInject(css_248z);
290
-
291
- script.render = render;
292
- script.__scopeId = "data-v-0bc96fe8";
293
- script.__file = "src/components/or-input/OrInput.vue";
294
-
295
- export { script as s };