@onereach/ui-components 2.71.2-beta.2244.0 → 2.71.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (254) hide show
  1. package/dist/bundled/v2/{OrCardCollection-06ecb8e1.js → OrCardCollection-091e2193.js} +2 -2
  2. package/dist/bundled/v2/{OrCardCollection-89428bbf.js → OrCardCollection-166cfcc6.js} +5 -5
  3. package/dist/bundled/v2/{OrConfirm-56d01cff.js → OrConfirm-55b89b17.js} +4 -4
  4. package/dist/bundled/v2/{OrConfirm-8c0e957d.js → OrConfirm-bb2df177.js} +1 -1
  5. package/dist/bundled/v2/{OrIconButton-837d57f8.js → OrIconButton-4bdd1566.js} +3 -10
  6. package/dist/bundled/v2/{OrInlineInput-57fccb41.js → OrInlineInput-b009a043.js} +1 -1
  7. package/dist/bundled/v2/{OrInlineTextarea-f8b86cf7.js → OrInlineTextarea-6e8c1f80.js} +1 -1
  8. package/dist/bundled/v2/{OrInput-00070eee.js → OrInput-5404a234.js} +1 -1
  9. package/dist/bundled/v2/{OrListOfInputs-8f076650.js → OrListOfInputs-ab7f9d97.js} +4 -4
  10. package/dist/bundled/v2/{OrModal-78f5d49e.js → OrModal-51b9f3e7.js} +1 -1
  11. package/dist/bundled/v2/{OrNotification-458fe937.js → OrNotification-7f761f25.js} +1 -1
  12. package/dist/bundled/v2/OrNumberInput-face8ccc.js +227 -0
  13. package/dist/bundled/v2/OrPassword-a818e7b5.js +227 -0
  14. package/dist/bundled/v2/{OrSearch-f7cfa52f.js → OrSearch-832d7978.js} +4 -4
  15. package/dist/bundled/v2/{OrSearch-bb87b34c.js → OrSearch-d1169241.js} +1 -1
  16. package/dist/bundled/v2/{OrSelect-2ececfc1.js → OrSelect-5634790b.js} +2 -2
  17. package/dist/bundled/v2/{OrTag-4085e8a7.js → OrTag-8d738be6.js} +1 -1
  18. package/dist/bundled/v2/{OrPassword-7da938aa.js → OrTextarea-71ff236d.js} +7 -449
  19. package/dist/bundled/v2/components/index.d.ts +5 -1
  20. package/dist/bundled/v2/components/index.js +21 -19
  21. package/dist/bundled/v2/components/or-card-collection/index.js +4 -4
  22. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -4
  23. package/dist/bundled/v2/components/or-confirm/index.js +2 -2
  24. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
  25. package/dist/bundled/v2/components/or-icon-button-v3/OrIconButton.vue.d.ts +0 -11
  26. package/dist/bundled/v2/components/or-icon-button-v3/index.js +1 -1
  27. package/dist/bundled/v2/components/or-inline-input-v3/index.js +2 -2
  28. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +2 -2
  29. package/dist/bundled/v2/components/or-input/index.d.ts +1 -0
  30. package/dist/bundled/v2/components/or-input/index.js +13 -0
  31. package/dist/bundled/v2/components/or-input-v3/index.js +2 -2
  32. package/dist/bundled/v2/components/or-list-of-inputs/index.js +2 -2
  33. package/dist/bundled/v2/components/or-modal-v3/index.js +2 -2
  34. package/dist/bundled/v2/components/or-notification-v3/index.js +2 -2
  35. package/dist/bundled/v2/components/or-number-input/index.d.ts +1 -0
  36. package/dist/bundled/v2/components/or-number-input/index.js +14 -0
  37. package/dist/bundled/v2/components/or-password/index.d.ts +1 -0
  38. package/dist/bundled/v2/components/{or-inputs → or-password}/index.js +3 -4
  39. package/dist/bundled/v2/components/or-search/index.d.ts +1 -0
  40. package/dist/bundled/v2/components/or-search/index.js +25 -0
  41. package/dist/bundled/v2/components/or-search-v3/index.js +3 -3
  42. package/dist/bundled/v2/components/or-select-v3/index.js +4 -4
  43. package/dist/bundled/v2/components/or-tag-v3/index.js +2 -2
  44. package/dist/bundled/v2/components/or-textarea/index.d.ts +1 -0
  45. package/dist/bundled/v2/components/or-textarea/index.js +13 -0
  46. package/dist/bundled/v2/components/or-toast-v3/index.js +2 -2
  47. package/dist/bundled/v2/index.js +21 -19
  48. package/dist/bundled/v2/{types-309b7b94.js → types-79e5c18d.js} +1 -1
  49. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-e2980d04.js → OrCardCollection.vue_vue_type_script_lang-60403ae6.js} +3 -3
  50. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-d8124dda.js → OrCardCollection.vue_vue_type_script_lang-cd84f344.js} +4 -4
  51. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-0f16fc67.js → OrConfirm.vue_vue_type_script_lang-41b4d791.js} +2 -1
  52. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-eb2bfce2.js → OrConfirm.vue_vue_type_script_lang-9231d51e.js} +2 -2
  53. package/dist/bundled/v3/{OrIconButton-e0566ecf.js → OrIconButton-428dd2cf.js} +2 -3
  54. package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js → OrIconButton.vue_vue_type_script_lang-ec6a3622.js} +3 -9
  55. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-49ce3308.js → OrInlineInput.vue_vue_type_script_lang-ab296efc.js} +2 -2
  56. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-8fd761d7.js → OrInlineTextarea.vue_vue_type_script_lang-3c3e1b4a.js} +2 -2
  57. package/dist/bundled/v3/{OrInput-dcf2606e.js → OrInput-2a7c6b57.js} +1 -1
  58. package/dist/bundled/v3/{OrInput-7d4b571a.js → OrInput-704e72ba.js} +5 -193
  59. package/dist/bundled/v3/OrInput.vue_vue_type_script_lang-409235cc.js +190 -0
  60. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-27220623.js → OrInput.vue_vue_type_script_lang-509de504.js} +2 -2
  61. package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-62dbf1e7.js → OrListOfInputs.vue_vue_type_script_lang-6c5cf7a5.js} +2 -1
  62. package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-6b1dc231.js → OrModal.vue_vue_type_script_lang-5a71a851.js} +2 -2
  63. package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-d0afc1d7.js → OrNotification.vue_vue_type_script_lang-6287244f.js} +2 -2
  64. package/dist/bundled/v3/OrNumberInput.vue_vue_type_script_lang-f061d829.js +113 -0
  65. package/dist/bundled/v3/OrPassword.vue_vue_type_script_lang-b75f6543.js +99 -0
  66. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-16fbccc0.js → OrSearch.vue_vue_type_script_lang-5356fa79.js} +2 -1
  67. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-321907ec.js → OrSearch.vue_vue_type_script_lang-ab2ef22c.js} +2 -2
  68. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-7fd5e2f0.js → OrSelect.vue_vue_type_script_lang-54f683a2.js} +3 -3
  69. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-a25a49ee.js → OrTag.vue_vue_type_script_lang-cd3e040e.js} +2 -2
  70. package/dist/bundled/v3/OrTextarea.vue_vue_type_script_lang-69ea22e9.js +187 -0
  71. package/dist/bundled/v3/{OrToastContainer-6fe12712.js → OrToastContainer-ad5ae5af.js} +1 -1
  72. package/dist/bundled/v3/components/index.d.ts +5 -1
  73. package/dist/bundled/v3/components/index.js +24 -21
  74. package/dist/bundled/v3/components/or-card-collection/index.js +5 -4
  75. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -6
  76. package/dist/bundled/v3/components/or-confirm/index.js +3 -2
  77. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -5
  78. package/dist/bundled/v3/components/or-icon-button-v3/OrIconButton.vue.d.ts +0 -11
  79. package/dist/bundled/v3/components/or-icon-button-v3/index.js +1 -1
  80. package/dist/bundled/v3/components/or-inline-input-v3/index.js +3 -3
  81. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +3 -3
  82. package/dist/bundled/v3/components/or-input/index.d.ts +1 -0
  83. package/dist/bundled/v3/components/or-input/index.js +14 -0
  84. package/dist/bundled/v3/components/or-input-v3/index.js +3 -3
  85. package/dist/bundled/v3/components/or-list-of-inputs/index.js +3 -2
  86. package/dist/bundled/v3/components/or-modal-v3/index.js +3 -3
  87. package/dist/bundled/v3/components/or-notification-v3/index.js +3 -3
  88. package/dist/bundled/v3/components/or-number-input/index.d.ts +1 -0
  89. package/dist/bundled/v3/components/or-number-input/index.js +16 -0
  90. package/dist/bundled/v3/components/or-password/index.d.ts +1 -0
  91. package/dist/bundled/v3/components/or-password/index.js +31 -0
  92. package/dist/bundled/v3/components/or-search/index.d.ts +1 -0
  93. package/dist/bundled/v3/components/{or-inputs → or-search}/index.js +4 -5
  94. package/dist/bundled/v3/components/or-search-v3/index.js +5 -5
  95. package/dist/bundled/v3/components/or-select-v3/index.js +6 -6
  96. package/dist/bundled/v3/components/or-tag-v3/index.js +3 -3
  97. package/dist/bundled/v3/components/or-textarea/index.d.ts +1 -0
  98. package/dist/bundled/v3/components/or-textarea/index.js +14 -0
  99. package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
  100. package/dist/bundled/v3/index.js +674 -669
  101. package/dist/bundled/v3/{types-22fbf9d6.js → types-1d25bb9a.js} +2 -2
  102. package/dist/esm/v2/{OrCardCollection-f6b07557.js → OrCardCollection-19582949.js} +6 -7
  103. package/dist/esm/v2/{OrCardCollection-251ab033.js → OrCardCollection-bbdb6159.js} +2 -2
  104. package/dist/esm/v2/{OrConfirm-9dbdedd7.js → OrConfirm-cfaf4266.js} +1 -1
  105. package/dist/esm/v2/{OrConfirm-d7112dd3.js → OrConfirm-ede619eb.js} +4 -4
  106. package/dist/esm/v2/{OrIconButton-04a3566d.js → OrIconButton-5fa56aec.js} +3 -10
  107. package/dist/esm/v2/{OrInlineInput-b85b84b4.js → OrInlineInput-38645a8e.js} +1 -1
  108. package/dist/esm/v2/{OrInlineTextarea-afd33047.js → OrInlineTextarea-b49a7107.js} +1 -1
  109. package/dist/esm/v2/{OrSearch.vue_rollup-plugin-vue_script-197d77fc.js → OrInput-6e6cfd11.js} +4 -492
  110. package/dist/esm/v2/{OrInput-59a15d80.js → OrInput-e8fe9102.js} +1 -1
  111. package/dist/esm/v2/{OrListOfInputs-50aa1ef1.js → OrListOfInputs-4298fa2c.js} +5 -5
  112. package/dist/esm/v2/{OrModal-4e79e0d5.js → OrModal-3b9d59de.js} +1 -1
  113. package/dist/esm/v2/{OrNotification-eac3867f.js → OrNotification-5e145880.js} +1 -1
  114. package/dist/esm/v2/OrNumberInput-b20d75d2.js +225 -0
  115. package/dist/esm/v2/OrPassword-e6d5e968.js +225 -0
  116. package/dist/esm/v2/{OrSearch-f42d588d.js → OrSearch-4b774707.js} +1 -1
  117. package/dist/esm/v2/{OrSearch-0589d17d.js → OrSearch-b4f4d59b.js} +122 -5
  118. package/dist/esm/v2/{OrSelect-e31d1c8b.js → OrSelect-d7016575.js} +2 -2
  119. package/dist/esm/v2/{OrTag-b2906865.js → OrTag-765090df.js} +1 -1
  120. package/dist/esm/v2/{OrPassword-1fa97156.js → OrTextarea-91a95068.js} +187 -245
  121. package/dist/esm/v2/components/index.d.ts +5 -1
  122. package/dist/esm/v2/components/index.js +21 -19
  123. package/dist/esm/v2/components/or-card-collection/index.js +3 -4
  124. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -4
  125. package/dist/esm/v2/components/or-confirm/index.js +2 -3
  126. package/dist/esm/v2/components/or-confirm-v3/index.js +3 -3
  127. package/dist/esm/v2/components/or-icon-button-v3/OrIconButton.vue.d.ts +0 -11
  128. package/dist/esm/v2/components/or-icon-button-v3/index.js +1 -1
  129. package/dist/esm/v2/components/or-inline-input-v3/index.js +2 -2
  130. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +2 -2
  131. package/dist/esm/v2/components/or-input/index.d.ts +1 -0
  132. package/dist/esm/v2/components/or-input/index.js +11 -0
  133. package/dist/esm/v2/components/or-input-v3/index.js +2 -2
  134. package/dist/esm/v2/components/or-list-of-inputs/index.js +2 -4
  135. package/dist/esm/v2/components/or-modal-v3/index.js +2 -2
  136. package/dist/esm/v2/components/or-notification-v3/index.js +2 -2
  137. package/dist/esm/v2/components/or-number-input/index.d.ts +1 -0
  138. package/dist/esm/v2/components/or-number-input/index.js +12 -0
  139. package/dist/esm/v2/components/or-password/index.d.ts +1 -0
  140. package/dist/esm/v2/components/{or-inputs → or-password}/index.js +5 -6
  141. package/dist/esm/v2/components/or-search/index.d.ts +1 -0
  142. package/dist/esm/v2/components/or-search/index.js +23 -0
  143. package/dist/esm/v2/components/or-search-v3/index.js +3 -3
  144. package/dist/esm/v2/components/or-select-v3/index.js +4 -4
  145. package/dist/esm/v2/components/or-tag-v3/index.js +2 -2
  146. package/dist/esm/v2/components/or-textarea/index.d.ts +1 -0
  147. package/dist/esm/v2/components/or-textarea/index.js +11 -0
  148. package/dist/esm/v2/components/or-toast-v3/index.js +2 -2
  149. package/dist/esm/v2/index.js +20 -18
  150. package/dist/esm/v2/{types-1f95d710.js → types-856a804f.js} +1 -1
  151. package/dist/esm/v3/{OrCardCollection-a5e326ef.js → OrCardCollection-1e44c758.js} +2 -2
  152. package/dist/esm/v3/{OrCardCollection-8b8e3745.js → OrCardCollection-47f61c40.js} +2 -2
  153. package/dist/esm/v3/{OrConfirm-f39bd784.js → OrConfirm-c11ee2ec.js} +1 -1
  154. package/dist/esm/v3/{OrConfirm-37454a63.js → OrConfirm-e7cbf54c.js} +1 -1
  155. package/dist/esm/v3/{OrIconButton-2dcfb83e.js → OrIconButton-e5781317.js} +4 -11
  156. package/dist/esm/v3/{OrInlineInput-fbc35f85.js → OrInlineInput-09de432a.js} +1 -1
  157. package/dist/esm/v3/{OrInlineTextarea-79da8697.js → OrInlineTextarea-56328f22.js} +1 -1
  158. package/dist/esm/v3/{OrInput-bd054213.js → OrInput-6fb81556.js} +1 -1
  159. package/dist/esm/v3/OrInput-81125804.js +295 -0
  160. package/dist/esm/v3/{OrListOfInputs-7a67440f.js → OrListOfInputs-508e056f.js} +1 -1
  161. package/dist/esm/v3/{OrModal-4219a6dc.js → OrModal-10838da7.js} +1 -1
  162. package/dist/esm/v3/{OrNotification-0e682c7f.js → OrNotification-25da89ca.js} +1 -1
  163. package/dist/esm/v3/OrNumberInput-b32b5ce3.js +170 -0
  164. package/dist/esm/v3/OrPassword-b0cbb578.js +162 -0
  165. package/dist/esm/v3/OrSearch-11fdf667.js +188 -0
  166. package/dist/esm/v3/{OrSearch-4c5c44f2.js → OrSearch-e15955a7.js} +1 -1
  167. package/dist/esm/v3/{OrSelect-466e50ca.js → OrSelect-027b5e8f.js} +2 -2
  168. package/dist/esm/v3/{OrTag-148ff9ae.js → OrTag-21ba5e15.js} +1 -1
  169. package/dist/esm/v3/OrTextarea-1f5c3be1.js +290 -0
  170. package/dist/esm/v3/components/index.d.ts +5 -1
  171. package/dist/esm/v3/components/index.js +21 -17
  172. package/dist/esm/v3/components/or-card-collection/index.js +3 -3
  173. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  174. package/dist/esm/v3/components/or-confirm/index.js +2 -3
  175. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  176. package/dist/esm/v3/components/or-icon-button-v3/OrIconButton.vue.d.ts +0 -11
  177. package/dist/esm/v3/components/or-icon-button-v3/index.js +1 -1
  178. package/dist/esm/v3/components/or-inline-input-v3/index.js +2 -2
  179. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +2 -2
  180. package/dist/esm/v3/components/or-input/index.d.ts +1 -0
  181. package/dist/esm/v3/components/or-input/index.js +11 -0
  182. package/dist/esm/v3/components/or-input-v3/index.js +2 -2
  183. package/dist/esm/v3/components/or-list-of-inputs/index.js +2 -4
  184. package/dist/esm/v3/components/or-modal-v3/index.js +2 -2
  185. package/dist/esm/v3/components/or-notification-v3/index.js +2 -2
  186. package/dist/esm/v3/components/or-number-input/index.d.ts +1 -0
  187. package/dist/esm/v3/components/or-number-input/index.js +12 -0
  188. package/dist/esm/v3/components/or-password/index.d.ts +1 -0
  189. package/dist/esm/v3/components/{or-inputs → or-password}/index.js +3 -2
  190. package/dist/esm/v3/components/or-search/index.d.ts +1 -0
  191. package/dist/esm/v3/components/or-search/index.js +20 -0
  192. package/dist/esm/v3/components/or-search-v3/index.js +3 -3
  193. package/dist/esm/v3/components/or-select-v3/index.js +4 -4
  194. package/dist/esm/v3/components/or-tag-v3/index.js +2 -2
  195. package/dist/esm/v3/components/or-textarea/index.d.ts +1 -0
  196. package/dist/esm/v3/components/or-textarea/index.js +11 -0
  197. package/dist/esm/v3/components/or-toast-v3/index.js +2 -2
  198. package/dist/esm/v3/index.js +20 -16
  199. package/dist/esm/v3/{types-b79e4387.js → types-7f17b4b2.js} +1 -1
  200. package/package.json +3 -2
  201. package/src/components/index.ts +5 -1
  202. package/src/components/or-card-collection/OrCardCollection.vue +8 -8
  203. package/src/components/or-confirm/OrConfirm.vue +1 -1
  204. package/src/components/or-icon-button-v3/OrIconButton.stories3.ts +0 -4
  205. package/src/components/or-icon-button-v3/OrIconButton.vue +0 -6
  206. package/src/components/or-icon-button-v3/styles.ts +0 -13
  207. package/src/components/or-input/index.ts +1 -0
  208. package/src/components/or-list/OrList.stories.ts +1 -1
  209. package/src/components/or-list-of-inputs/OrListOfInputs.vue +1 -1
  210. package/src/components/or-modal/OrModal.stories.ts +1 -1
  211. package/src/components/{or-inputs → or-number-input}/OrNumberInput.vue +1 -1
  212. package/src/components/or-number-input/index.ts +1 -0
  213. package/src/components/{or-inputs → or-password}/OrPassword.vue +1 -1
  214. package/src/components/or-password/index.ts +1 -0
  215. package/src/components/{or-inputs → or-search}/OrSearch.vue +1 -1
  216. package/src/components/or-search/index.ts +1 -0
  217. package/src/components/{or-inputs → or-textarea}/OrTextarea.vue +225 -6
  218. package/src/components/or-textarea/index.ts +1 -0
  219. package/dist/bundled/v2/components/or-inputs/index.d.ts +0 -5
  220. package/dist/bundled/v3/OrPassword.vue_vue_type_script_lang-13bc5b00.js +0 -390
  221. package/dist/bundled/v3/components/or-inputs/index.d.ts +0 -5
  222. package/dist/esm/v2/components/or-inputs/index.d.ts +0 -5
  223. package/dist/esm/v3/OrSearch-7cb2c91c.js +0 -1075
  224. package/dist/esm/v3/components/or-inputs/index.d.ts +0 -5
  225. package/src/components/or-inputs/index.ts +0 -5
  226. /package/dist/bundled/v2/{OrInput-08f2f666.js → OrInput-df1a14fa.js} +0 -0
  227. /package/dist/bundled/v2/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  228. /package/dist/bundled/v2/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  229. /package/dist/bundled/v2/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  230. /package/dist/bundled/v2/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  231. /package/dist/bundled/v2/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  232. /package/dist/bundled/v3/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  233. /package/dist/bundled/v3/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  234. /package/dist/bundled/v3/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  235. /package/dist/bundled/v3/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  236. /package/dist/bundled/v3/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  237. /package/dist/esm/v2/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  238. /package/dist/esm/v2/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  239. /package/dist/esm/v2/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  240. /package/dist/esm/v2/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  241. /package/dist/esm/v2/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  242. /package/dist/esm/v3/components/{or-inputs → or-input}/OrInput.vue.d.ts +0 -0
  243. /package/dist/esm/v3/components/{or-inputs → or-number-input}/OrNumberInput.vue.d.ts +0 -0
  244. /package/dist/esm/v3/components/{or-inputs → or-password}/OrPassword.vue.d.ts +0 -0
  245. /package/dist/esm/v3/components/{or-inputs → or-search}/OrSearch.vue.d.ts +0 -0
  246. /package/dist/esm/v3/components/{or-inputs → or-textarea}/OrTextarea.vue.d.ts +0 -0
  247. /package/src/components/{or-inputs → or-input}/OrInput.stories.ts +0 -0
  248. /package/src/components/{or-inputs → or-input}/OrInput.vue +0 -0
  249. /package/src/components/{or-inputs → or-input}/or-textbox-migration.stories.mdx +0 -0
  250. /package/src/components/{or-inputs → or-input}/styles.scss +0 -0
  251. /package/src/components/{or-inputs → or-number-input}/OrNumberInput.stories.ts +0 -0
  252. /package/src/components/{or-inputs → or-password}/OrPassword.stories.ts +0 -0
  253. /package/src/components/{or-inputs → or-search}/OrSearch.stories.ts +0 -0
  254. /package/src/components/{or-inputs → or-textarea}/OrTextarea.stories.ts +0 -0
@@ -0,0 +1,190 @@
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 { s as script$1 } from './OrLabel.vue_vue_type_script_lang-27f8b12d.js';
6
+ import './OrHint-c9114268.js';
7
+ import { s as script$2 } from './OrHint.vue_vue_type_script_lang-78598c8e.js';
8
+ import './OrError-b43ebad8.js';
9
+ import { s as script$3 } from './OrError.vue_vue_type_script_lang-7c39e012.js';
10
+ import './OrCollapse-63e83681.js';
11
+ import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-65cbb754.js';
12
+
13
+ var script = defineComponent({
14
+ name: 'OrInput',
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
+ htmlType: {
42
+ type: String,
43
+ default: 'text',
44
+ required: false
45
+ },
46
+ htmlInputAttrs: {
47
+ type: Object,
48
+ default: undefined,
49
+ required: false
50
+ },
51
+ label: {
52
+ type: String,
53
+ default: '',
54
+ required: false
55
+ },
56
+ error: {
57
+ type: String,
58
+ default: '',
59
+ required: false
60
+ },
61
+ hint: {
62
+ type: String,
63
+ default: '',
64
+ required: false
65
+ },
66
+ maxLength: {
67
+ type: Number,
68
+ default: undefined,
69
+ required: false
70
+ },
71
+ isSmall: Boolean,
72
+ isRequired: Boolean,
73
+ isDisabled: Boolean,
74
+ isReadonly: Boolean,
75
+ isInvalid: Boolean
76
+ },
77
+ emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
78
+ setup() {
79
+ const inputRef = ref();
80
+ return {
81
+ inputRef
82
+ };
83
+ },
84
+ data() {
85
+ return {
86
+ reqAF: null,
87
+ isFocused: false
88
+ };
89
+ },
90
+ computed: {
91
+ localValue() {
92
+ if (this.maxLength && this.modelValue.length > this.maxLength) {
93
+ return this.modelValue.slice(0, -(this.modelValue.length - this.maxLength));
94
+ }
95
+ return this.modelValue;
96
+ },
97
+ localId() {
98
+ var _a;
99
+ return this.htmlId || `input-${(_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.uid}`;
100
+ },
101
+ hasValue() {
102
+ var _a;
103
+ return !!((_a = this.localValue) === null || _a === void 0 ? void 0 : _a.length);
104
+ },
105
+ counterString() {
106
+ return this.maxLength && this.maxLength > 0 ? `${this.localValue.length} / ${this.maxLength}` : '';
107
+ },
108
+ isInactive() {
109
+ return this.isDisabled || this.isReadonly;
110
+ },
111
+ isShowError() {
112
+ return !!this.error && this.isInvalid;
113
+ },
114
+ isShowHint() {
115
+ return !!this.hint && !this.isShowError;
116
+ },
117
+ isShowInfo() {
118
+ return this.isShowError || this.isShowHint || !!this.maxLength;
119
+ },
120
+ rootClasses() {
121
+ return ['or-textbox', {
122
+ 'is-show-info': this.isShowInfo,
123
+ 'is-small': this.isSmall,
124
+ 'has-counter': !!this.maxLength,
125
+ 'has-label': !!this.label || !!this.$slots['label-default']
126
+ }];
127
+ },
128
+ inputClasses() {
129
+ return ['or-textbox--input', {
130
+ 'is-disabled': this.isDisabled,
131
+ 'is-readonly': this.isReadonly,
132
+ 'is-focused': this.isFocused,
133
+ 'is-required': this.isRequired,
134
+ 'has-error': this.isInvalid
135
+ }];
136
+ }
137
+ },
138
+ methods: {
139
+ focus() {
140
+ var _a;
141
+ (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
142
+ },
143
+ onInput(event) {
144
+ if (this.isInactive) return;
145
+ this.$emit('update:modelValue', event.target.value);
146
+ this.$emit('input', event.target.value);
147
+ },
148
+ onFocus(event) {
149
+ var _a;
150
+ this.isFocused = true;
151
+ (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
152
+ this.$emit('focus', event);
153
+ },
154
+ onBlur(event) {
155
+ var _a;
156
+ this.isFocused = false;
157
+ (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.blur();
158
+ this.$emit('blur', event);
159
+ },
160
+ beforeEnter(el) {
161
+ setStyle(el, 'opacity', 0);
162
+ },
163
+ enter(el) {
164
+ const {
165
+ scrollHeight,
166
+ parentElement
167
+ } = el;
168
+ this.reqAF = requestAF(() => {
169
+ const pt = parseFloat(getCS(parentElement).paddingTop);
170
+ const pb = parseFloat(getCS(parentElement).paddingBottom);
171
+ const height = scrollHeight + pt + pb;
172
+ if (parentElement) {
173
+ reflow(parentElement);
174
+ setStyle(parentElement, 'height', pxToRem(height));
175
+ }
176
+ setStyle(el, 'opacity', 1);
177
+ });
178
+ },
179
+ leave(el) {
180
+ this.reqAF = requestAF(() => {
181
+ el.style.opacity = '0';
182
+ });
183
+ },
184
+ cancelRequestAF() {
185
+ cancelAF(this.reqAF);
186
+ }
187
+ }
188
+ });
189
+
190
+ export { script as s };
@@ -3,7 +3,7 @@ import './OrHint-5d5e4d99.js';
3
3
  import { s as script$1 } from './OrError.vue_vue_type_script_lang-53648a65.js';
4
4
  import { s as script$2 } from './OrHint.vue_vue_type_script_lang-e322f61e.js';
5
5
  import './OrIcon-1a5c9091.js';
6
- import './OrIconButton-e0566ecf.js';
6
+ import './OrIconButton-428dd2cf.js';
7
7
  import './OrInputBox-4c7900c2.js';
8
8
  import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-47d98e81.js';
9
9
  import './OrLabel-c556887e.js';
@@ -11,7 +11,7 @@ import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-191d2304.js';
11
11
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-b2e42f31.js';
12
12
  import { u as useValidationAttributes } from './useValidationAttributes-5428d8fa.js';
13
13
  import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-bdbaad94.js';
14
- import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
14
+ import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ec6a3622.js';
15
15
 
16
16
  var InputType;
17
17
  (function (InputType) {
@@ -2,9 +2,10 @@ import { resolveComponent, openBlock, createElementBlock, createCommentVNode, re
2
2
  import _ from 'lodash';
3
3
  import { s as script$1 } from './OrList.vue_vue_type_script_lang-c7ab26a0.js';
4
4
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
5
- import { s as script$2 } from './OrInput-7d4b571a.js';
5
+ import './OrInput-704e72ba.js';
6
6
  import './OrIcon-1cae8a64.js';
7
7
  import './OrIconButton-e637158e.js';
8
+ import { s as script$2 } from './OrInput.vue_vue_type_script_lang-409235cc.js';
8
9
  import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
9
10
  import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
10
11
 
@@ -1,8 +1,8 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue';
2
2
  import './OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
3
- import './OrIconButton-e0566ecf.js';
3
+ import './OrIconButton-428dd2cf.js';
4
4
  import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
5
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
5
+ import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ec6a3622.js';
6
6
 
7
7
  var ModalSize;
8
8
  (function (ModalSize) {
@@ -1,8 +1,8 @@
1
1
  import { defineComponent, ref, computed } from 'vue';
2
2
  import './OrIcon-1a5c9091.js';
3
- import './OrIconButton-e0566ecf.js';
3
+ import './OrIconButton-428dd2cf.js';
4
4
  import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-bdbaad94.js';
5
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
5
+ import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ec6a3622.js';
6
6
 
7
7
  var NotificationVariant;
8
8
  (function (NotificationVariant) {
@@ -0,0 +1,113 @@
1
+ import { defineComponent, ref } from 'vue';
2
+ import './OrInput-704e72ba.js';
3
+ import { s as script$1 } from './OrInput.vue_vue_type_script_lang-409235cc.js';
4
+
5
+ var script = defineComponent({
6
+ name: 'OrNumberInput',
7
+ components: {
8
+ OrInput: script$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
+ export { script as s };
@@ -0,0 +1,99 @@
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,6 +1,7 @@
1
1
  import { defineComponent, ref } from 'vue';
2
- import { s as script$1 } from './OrInput-7d4b571a.js';
3
2
  import { debouncedWatch } from '@vueuse/core';
3
+ import './OrInput-704e72ba.js';
4
+ import { s as script$1 } from './OrInput.vue_vue_type_script_lang-409235cc.js';
4
5
  import './OrIconButton-e637158e.js';
5
6
  import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
6
7
  import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.js';
@@ -1,7 +1,7 @@
1
1
  import { debouncedWatch } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, watch } from 'vue';
3
- import './OrInput-dcf2606e.js';
4
- import { s as script$1 } from './OrInput.vue_vue_type_script_lang-27220623.js';
3
+ import './OrInput-2a7c6b57.js';
4
+ import { s as script$1 } from './OrInput.vue_vue_type_script_lang-509de504.js';
5
5
  import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-47d98e81.js';
6
6
 
7
7
  var script = defineComponent({
@@ -4,18 +4,18 @@ import { s as styleInject } from './style-inject.es-4c6f2515.js';
4
4
  import './OrHint-5d5e4d99.js';
5
5
  import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-2cc8964c.js';
6
6
  import './OrIcon-1a5c9091.js';
7
- import './OrInput-dcf2606e.js';
7
+ import './OrInput-2a7c6b57.js';
8
8
  import './OrInputBox-4c7900c2.js';
9
9
  import './OrLabel-c556887e.js';
10
10
  import './OrMenuItem-807e2a49.js';
11
11
  import './OrPopover-1a488f88.js';
12
- import { s as script$3 } from './OrTag.vue_vue_type_script_lang-a25a49ee.js';
12
+ import { s as script$3 } from './OrTag.vue_vue_type_script_lang-cd3e040e.js';
13
13
  import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
14
14
  import { u as useOverflow } from './useOverflow-6dce216b.js';
15
15
  import { s as script$4 } from './OrError.vue_vue_type_script_lang-53648a65.js';
16
16
  import { s as script$5 } from './OrHint.vue_vue_type_script_lang-e322f61e.js';
17
17
  import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-bdbaad94.js';
18
- import { s as script$7 } from './OrInput.vue_vue_type_script_lang-27220623.js';
18
+ import { s as script$7 } from './OrInput.vue_vue_type_script_lang-509de504.js';
19
19
  import { s as script$8, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-47d98e81.js';
20
20
  import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-191d2304.js';
21
21
  import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-2400ec2a.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue';
2
- import './OrIconButton-e0566ecf.js';
3
- import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
2
+ import './OrIconButton-428dd2cf.js';
3
+ import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-ec6a3622.js';
4
4
 
5
5
  var TagVariant;
6
6
  (function (TagVariant) {
@@ -0,0 +1,187 @@
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 };