@onereach/ui-components 2.69.7-beta.2170.0 → 2.69.7-beta.2172.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 (327) hide show
  1. package/dist/bundled/v2/{OrButton-a846fa7e.js → OrButton-4b99c680.js} +1 -10
  2. package/dist/bundled/v2/{OrCardCollection-15d11d05.js → OrCardCollection-9ab12583.js} +2 -2
  3. package/dist/bundled/v2/{OrConfirm-ec3feaf5.js → OrConfirm-58a0d0ae.js} +2 -2
  4. package/dist/bundled/v2/{OrInput-8b90e08f.js → OrInput-70a17476.js} +18 -10
  5. package/dist/bundled/v2/{OrSearch-76b002cf.js → OrSearch-e9fe9aba.js} +1 -1
  6. package/dist/bundled/v2/{OrSelect-8a4d227e.js → OrSelect-396692be.js} +9 -16
  7. package/dist/bundled/v2/{OrSwitch-237a2081.js → OrSwitch-337c4e40.js} +16 -8
  8. package/dist/bundled/v2/components/index.d.ts +0 -1
  9. package/dist/bundled/v2/components/index.js +9 -8
  10. package/dist/bundled/v2/components/or-button-v3/OrButton.vue.d.ts +0 -11
  11. package/dist/bundled/v2/components/or-button-v3/index.js +1 -1
  12. package/dist/bundled/v2/components/or-card-collection-v3/index.js +6 -4
  13. package/dist/bundled/v2/components/or-confirm-v3/index.js +5 -3
  14. package/dist/bundled/v2/components/or-input-v3/OrInput.stories3.d.ts +2 -0
  15. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +6 -2
  16. package/dist/bundled/v2/components/or-input-v3/index.js +3 -1
  17. package/dist/bundled/v2/components/or-search-v3/index.js +4 -2
  18. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -25
  19. package/dist/bundled/v2/components/or-select-v3/index.d.ts +0 -1
  20. package/dist/bundled/v2/components/or-select-v3/index.js +4 -2
  21. package/dist/bundled/v2/components/or-select-v3/types.d.ts +1 -1
  22. package/dist/bundled/v2/components/or-switch-v3/OrSwitch.vue.d.ts +6 -2
  23. package/dist/bundled/v2/components/or-switch-v3/index.js +3 -1
  24. package/dist/bundled/v2/hooks/index.d.ts +1 -0
  25. package/dist/bundled/v2/hooks/index.js +2 -0
  26. package/dist/bundled/v2/hooks/useSlicedAttrs.d.ts +5 -0
  27. package/dist/bundled/v2/index.js +10 -9
  28. package/dist/bundled/v2/useSlicedAttrs-8d836c02.js +30 -0
  29. package/dist/bundled/v3/{OrButton-2b27c1fd.js → OrButton-a671b8a1.js} +2 -3
  30. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-8c44986c.js → OrButton.vue_vue_type_script_lang-b0dc31ca.js} +1 -9
  31. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-bd852915.js → OrCardCollection.vue_vue_type_script_lang-d63ff1bf.js} +3 -3
  32. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-9e4e2884.js → OrConfirm.vue_vue_type_script_lang-e6d1a51f.js} +4 -4
  33. package/dist/bundled/v3/{OrInput-fa782fc1.js → OrInput-aee859e9.js} +5 -4
  34. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-f6d793d3.js → OrInput.vue_vue_type_script_lang-b687f7f9.js} +10 -3
  35. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-014ad470.js → OrSearch.vue_vue_type_script_lang-c3c18f88.js} +2 -2
  36. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-94063fc4.js → OrSelect.vue_vue_type_script_lang-639cf302.js} +4 -8
  37. package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-04829f64.js → OrSwitch.vue_vue_type_script_lang-e7c7f18b.js} +10 -3
  38. package/dist/bundled/v3/components/index.d.ts +0 -1
  39. package/dist/bundled/v3/components/index.js +11 -10
  40. package/dist/bundled/v3/components/or-button-v3/OrButton.vue.d.ts +0 -11
  41. package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
  42. package/dist/bundled/v3/components/or-card-collection-v3/index.js +8 -6
  43. package/dist/bundled/v3/components/or-confirm-v3/index.js +7 -5
  44. package/dist/bundled/v3/components/or-input-v3/OrInput.stories3.d.ts +2 -0
  45. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +6 -2
  46. package/dist/bundled/v3/components/or-input-v3/index.js +3 -1
  47. package/dist/bundled/v3/components/or-search-v3/index.js +5 -3
  48. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -25
  49. package/dist/bundled/v3/components/or-select-v3/index.d.ts +0 -1
  50. package/dist/bundled/v3/components/or-select-v3/index.js +5 -3
  51. package/dist/bundled/v3/components/or-select-v3/types.d.ts +1 -1
  52. package/dist/bundled/v3/components/or-switch-v3/OrSwitch.vue.d.ts +6 -2
  53. package/dist/bundled/v3/components/or-switch-v3/index.js +3 -1
  54. package/dist/bundled/v3/hooks/index.d.ts +1 -0
  55. package/dist/bundled/v3/hooks/index.js +2 -0
  56. package/dist/bundled/v3/hooks/useSlicedAttrs.d.ts +5 -0
  57. package/dist/bundled/v3/index.js +171 -259
  58. package/dist/bundled/v3/useSlicedAttrs-81ac6537.js +24 -0
  59. package/dist/esm/v2/{OrAvatar-3d155af3.js → OrAvatar-4d05d21f.js} +2 -1
  60. package/dist/esm/v2/{OrBottomSheet-16c2e610.js → OrBottomSheet-0386a623.js} +2 -1
  61. package/dist/esm/v2/{OrButton-835d4f11.js → OrButton-48c68216.js} +3 -11
  62. package/dist/esm/v2/{OrCard-de799db0.js → OrCard-3e794244.js} +1 -0
  63. package/dist/esm/v2/{OrCardCollection-f6b07557.js → OrCardCollection-1702319b.js} +2 -2
  64. package/dist/esm/v2/{OrCardCollection-024cfba9.js → OrCardCollection-d145adbe.js} +9 -8
  65. package/dist/esm/v2/{OrCheckbox-567e387c.js → OrCheckbox-197c4331.js} +2 -1
  66. package/dist/esm/v2/{OrConfirm-d7112dd3.js → OrConfirm-9e0fcf83.js} +1 -1
  67. package/dist/esm/v2/{OrConfirm-5e8dd4b6.js → OrConfirm-b62d2205.js} +3 -3
  68. package/dist/esm/v2/{OrError-d267ee9a.js → OrError-55b6feda.js} +1 -0
  69. package/dist/esm/v2/{OrErrorTag-782dd714.js → OrErrorTag-d0407d4e.js} +2 -1
  70. package/dist/esm/v2/{OrExpansionPanel-968ddc61.js → OrExpansionPanel-db7e325b.js} +2 -1
  71. package/dist/esm/v2/{OrFab-26106618.js → OrFab-77f5bb6e.js} +1 -1
  72. package/dist/esm/v2/{OrHint-42dc9ebb.js → OrHint-8ac527b2.js} +1 -0
  73. package/dist/esm/v2/{OrIcon-5e394c62.js → OrIcon-ed9e0063.js} +1 -0
  74. package/dist/esm/v2/{OrIconButton-e17e4944.js → OrIconButton-8d8bb874.js} +4 -3
  75. package/dist/esm/v2/{OrInlineInput-cfeeea33.js → OrInlineInput-a2e57f5c.js} +5 -4
  76. package/dist/esm/v2/{OrInlineInputBox-fefd4fbd.js → OrInlineInputBox-6a1d02c1.js} +1 -0
  77. package/dist/esm/v2/{OrInlineTextarea-897b5377.js → OrInlineTextarea-8ca157c7.js} +5 -4
  78. package/dist/esm/v2/{OrInput-2f16a7ac.js → OrInput-28f1c749.js} +24 -16
  79. package/dist/esm/v2/{OrInputBox-4d5a318d.js → OrInputBox-83980d24.js} +1 -0
  80. package/dist/esm/v2/{OrLabel-2a9f1477.js → OrLabel-0e300559.js} +1 -0
  81. package/dist/esm/v2/{OrLink-80742a17.js → OrLink-71e57969.js} +1 -0
  82. package/dist/esm/v2/{OrListOfInputs-50aa1ef1.js → OrListOfInputs-222bafd0.js} +1 -1
  83. package/dist/esm/v2/{OrLoader-f857d55b.js → OrLoader-5076d36b.js} +1 -0
  84. package/dist/esm/v2/{OrMenu-df27d0ef.js → OrMenu-f9b65b19.js} +2 -1
  85. package/dist/esm/v2/{OrMenuItem-c7f28480.js → OrMenuItem-26f5c30b.js} +2 -1
  86. package/dist/esm/v2/{OrModal-5b37a50a.js → OrModal-026a1889.js} +3 -2
  87. package/dist/esm/v2/{OrNotification-c765f111.js → OrNotification-f3c411f2.js} +3 -2
  88. package/dist/esm/v2/{OrOverlay-18ba2dc6.js → OrOverlay-c60af55e.js} +1 -0
  89. package/dist/esm/v2/{OrPassword-1fa97156.js → OrPassword-90a03124.js} +1 -1
  90. package/dist/esm/v2/{OrPopover-9bafbdb4.js → OrPopover-92cfde7e.js} +2 -1
  91. package/dist/esm/v2/{OrProgress-c27c8946.js → OrProgress-478b4e28.js} +1 -0
  92. package/dist/esm/v2/{OrRadio-848ce55d.js → OrRadio-f8c32b3a.js} +2 -1
  93. package/dist/esm/v2/{OrSearch-0589d17d.js → OrSearch-e0ffe9eb.js} +1 -1
  94. package/dist/esm/v2/{OrSearch-2f260b09.js → OrSearch-e935e64c.js} +3 -2
  95. package/dist/esm/v2/{OrSearch.vue_rollup-plugin-vue_script-197d77fc.js → OrSearch.vue_rollup-plugin-vue_script-2d694d30.js} +1 -0
  96. package/dist/esm/v2/{OrSegmentedControl-e8dce8f9.js → OrSegmentedControl-77a3e7d2.js} +1 -0
  97. package/dist/esm/v2/{OrSelect-641184f0.js → OrSelect-7c0417ed.js} +20 -26
  98. package/dist/esm/v2/{OrSkeletonText-950be6a2.js → OrSkeletonText-c1a4d7f2.js} +1 -0
  99. package/dist/esm/v2/{OrSortHeader-19bf94ca.js → OrSortHeader-0e6232da.js} +2 -1
  100. package/dist/esm/v2/{OrSwitch-13b6a7ee.js → OrSwitch-cbd0d767.js} +18 -10
  101. package/dist/esm/v2/{OrTab-702e7335.js → OrTab-6980c1dc.js} +1 -0
  102. package/dist/esm/v2/{OrTabs-71bd3fd2.js → OrTabs-bf200bc9.js} +6 -5
  103. package/dist/esm/v2/{OrTag-cf9c6195.js → OrTag-decd89a1.js} +2 -1
  104. package/dist/esm/v2/{OrText-ba5a2b6c.js → OrText-c78df05d.js} +1 -0
  105. package/dist/esm/v2/{OrTextarea-6712a150.js → OrTextarea-498efe98.js} +5 -4
  106. package/dist/esm/v2/{OrTextbox-2594c980.js → OrTextbox-f4f041ed.js} +1 -0
  107. package/dist/esm/v2/{OrTooltip-513bee30.js → OrTooltip-216920f0.js} +2 -1
  108. package/dist/esm/v2/components/index.d.ts +0 -1
  109. package/dist/esm/v2/components/index.js +52 -51
  110. package/dist/esm/v2/components/or-avatar-v3/index.js +3 -2
  111. package/dist/esm/v2/components/or-bottom-sheet-v3/index.js +3 -2
  112. package/dist/esm/v2/components/or-button-v3/OrButton.vue.d.ts +0 -11
  113. package/dist/esm/v2/components/or-button-v3/index.js +3 -2
  114. package/dist/esm/v2/components/or-card-collection/index.js +4 -3
  115. package/dist/esm/v2/components/or-card-collection-v3/index.js +19 -17
  116. package/dist/esm/v2/components/or-card-v3/index.js +2 -1
  117. package/dist/esm/v2/components/or-checkbox-v3/index.js +3 -2
  118. package/dist/esm/v2/components/or-confirm/index.js +3 -2
  119. package/dist/esm/v2/components/or-confirm-v3/index.js +16 -14
  120. package/dist/esm/v2/components/or-error-tag-v3/index.js +3 -2
  121. package/dist/esm/v2/components/or-error-v3/index.js +2 -1
  122. package/dist/esm/v2/components/or-expansion-panel-v3/index.js +3 -2
  123. package/dist/esm/v2/components/or-fab-v3/index.js +3 -2
  124. package/dist/esm/v2/components/or-hint-v3/index.js +2 -1
  125. package/dist/esm/v2/components/or-icon-button-v3/index.js +7 -6
  126. package/dist/esm/v2/components/or-icon-v3/index.js +2 -1
  127. package/dist/esm/v2/components/or-inline-input-box-v3/index.js +2 -1
  128. package/dist/esm/v2/components/or-inline-input-v3/index.js +11 -10
  129. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +11 -10
  130. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -1
  131. package/dist/esm/v2/components/or-input-v3/OrInput.stories3.d.ts +2 -0
  132. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +6 -2
  133. package/dist/esm/v2/components/or-input-v3/index.js +14 -12
  134. package/dist/esm/v2/components/or-inputs/index.js +4 -3
  135. package/dist/esm/v2/components/or-label-v3/index.js +2 -1
  136. package/dist/esm/v2/components/or-link-v3/index.js +2 -1
  137. package/dist/esm/v2/components/or-list-of-inputs/index.js +3 -2
  138. package/dist/esm/v2/components/or-loader-v3/index.js +2 -1
  139. package/dist/esm/v2/components/or-menu-item-v3/index.js +3 -2
  140. package/dist/esm/v2/components/or-menu-v3/index.js +5 -4
  141. package/dist/esm/v2/components/or-modal-v3/index.js +8 -7
  142. package/dist/esm/v2/components/or-notification-v3/index.js +8 -7
  143. package/dist/esm/v2/components/or-overlay-v3/index.js +2 -1
  144. package/dist/esm/v2/components/or-popover-v3/index.js +4 -3
  145. package/dist/esm/v2/components/or-progress-v3/index.js +2 -1
  146. package/dist/esm/v2/components/or-radio-v3/index.js +3 -2
  147. package/dist/esm/v2/components/or-search-v3/index.js +14 -12
  148. package/dist/esm/v2/components/or-segmented-control-v3/index.js +2 -1
  149. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -25
  150. package/dist/esm/v2/components/or-select-v3/index.d.ts +0 -1
  151. package/dist/esm/v2/components/or-select-v3/index.js +18 -16
  152. package/dist/esm/v2/components/or-select-v3/types.d.ts +1 -1
  153. package/dist/esm/v2/components/or-skeleton-v3/index.js +2 -1
  154. package/dist/esm/v2/components/or-sort-header-v3/index.js +3 -2
  155. package/dist/esm/v2/components/or-switch-v3/OrSwitch.vue.d.ts +6 -2
  156. package/dist/esm/v2/components/or-switch-v3/index.js +6 -4
  157. package/dist/esm/v2/components/or-tab-v3/index.js +2 -1
  158. package/dist/esm/v2/components/or-tabs-v3/index.js +9 -8
  159. package/dist/esm/v2/components/or-tag-v3/index.js +8 -7
  160. package/dist/esm/v2/components/or-text-v3/index.js +2 -1
  161. package/dist/esm/v2/components/or-textarea-v3/index.js +6 -5
  162. package/dist/esm/v2/components/or-textbox/index.js +2 -1
  163. package/dist/esm/v2/components/or-toast-v3/index.js +9 -8
  164. package/dist/esm/v2/components/or-tooltip-v3/index.js +5 -4
  165. package/dist/esm/v2/hooks/index.d.ts +1 -0
  166. package/dist/esm/v2/hooks/index.js +2 -0
  167. package/dist/esm/v2/hooks/useSlicedAttrs.d.ts +5 -0
  168. package/dist/esm/v2/index.js +52 -51
  169. package/dist/esm/v2/{types-8d58d7b5.js → types-1d68431e.js} +2 -2
  170. package/dist/esm/v2/useSlicedAttrs-91deb3b7.js +31 -0
  171. package/dist/esm/v3/{OrAvatar-53a4429d.js → OrAvatar-6c4ff382.js} +2 -1
  172. package/dist/esm/v3/{OrBottomSheet-62817aec.js → OrBottomSheet-11ab621e.js} +2 -1
  173. package/dist/esm/v3/{OrButton-0fa67a0d.js → OrButton-fd69e79e.js} +4 -12
  174. package/dist/esm/v3/{OrCard-fd92f7c8.js → OrCard-14c50722.js} +1 -0
  175. package/dist/esm/v3/{OrCardCollection-286d0f3f.js → OrCardCollection-45884ef2.js} +9 -8
  176. package/dist/esm/v3/{OrCardCollection-a5e326ef.js → OrCardCollection-989bb549.js} +1 -1
  177. package/dist/esm/v3/{OrCheckbox-3e139eac.js → OrCheckbox-cf989d15.js} +2 -1
  178. package/dist/esm/v3/{OrConfirm-f39bd784.js → OrConfirm-53788490.js} +1 -1
  179. package/dist/esm/v3/{OrConfirm-56ae1494.js → OrConfirm-8c4f080b.js} +3 -3
  180. package/dist/esm/v3/{OrError-ec8c709d.js → OrError-2ef63390.js} +1 -0
  181. package/dist/esm/v3/{OrErrorTag-98252eef.js → OrErrorTag-630205fc.js} +2 -1
  182. package/dist/esm/v3/{OrExpansionPanel-311e64cf.js → OrExpansionPanel-0151936a.js} +2 -1
  183. package/dist/esm/v3/{OrFab-c8ae6e01.js → OrFab-7c1780e5.js} +1 -1
  184. package/dist/esm/v3/{OrHint-74bb732d.js → OrHint-4f497295.js} +1 -0
  185. package/dist/esm/v3/{OrIcon-b195169c.js → OrIcon-085d2eb1.js} +1 -0
  186. package/dist/esm/v3/{OrIconButton-1eebcafc.js → OrIconButton-830faf78.js} +4 -3
  187. package/dist/esm/v3/{OrInlineInput-31026cd0.js → OrInlineInput-46fd890d.js} +5 -4
  188. package/dist/esm/v3/{OrInlineInputBox-8049f95a.js → OrInlineInputBox-226e29da.js} +1 -0
  189. package/dist/esm/v3/{OrInlineTextarea-b28c3d8c.js → OrInlineTextarea-837cb99a.js} +5 -4
  190. package/dist/esm/v3/{OrInput-41691fb3.js → OrInput-502b6d49.js} +20 -12
  191. package/dist/esm/v3/{OrInputBox-6d1b6059.js → OrInputBox-304481e7.js} +1 -0
  192. package/dist/esm/v3/{OrLabel-bdaec602.js → OrLabel-7989b72a.js} +1 -0
  193. package/dist/esm/v3/{OrLink-338db3ca.js → OrLink-b0d7d430.js} +1 -0
  194. package/dist/esm/v3/{OrListOfInputs-7a67440f.js → OrListOfInputs-7e8b4f20.js} +1 -1
  195. package/dist/esm/v3/{OrLoader-b3cf4231.js → OrLoader-ab6bb22c.js} +1 -0
  196. package/dist/esm/v3/{OrMenu-840038cd.js → OrMenu-60ff7732.js} +2 -1
  197. package/dist/esm/v3/{OrMenuItem-9da279f6.js → OrMenuItem-82b6700b.js} +2 -1
  198. package/dist/esm/v3/{OrModal-381554a6.js → OrModal-9724926c.js} +3 -2
  199. package/dist/esm/v3/{OrNotification-34d9c99b.js → OrNotification-bef23976.js} +3 -2
  200. package/dist/esm/v3/{OrOverlay-738a44d5.js → OrOverlay-4a300d88.js} +1 -0
  201. package/dist/esm/v3/{OrPopover-1075dd38.js → OrPopover-086817af.js} +2 -1
  202. package/dist/esm/v3/{OrProgress-407002e0.js → OrProgress-3710020b.js} +1 -0
  203. package/dist/esm/v3/{OrRadio-54b6d0de.js → OrRadio-aa2cbfa1.js} +2 -1
  204. package/dist/esm/v3/{OrSearch-7cb2c91c.js → OrSearch-b5f08401.js} +1 -0
  205. package/dist/esm/v3/{OrSearch-e5a2e93e.js → OrSearch-cb030d85.js} +3 -2
  206. package/dist/esm/v3/{OrSegmentedControl-171cad78.js → OrSegmentedControl-214e904c.js} +1 -0
  207. package/dist/esm/v3/{OrSelect-08bd0f60.js → OrSelect-24e213b6.js} +21 -30
  208. package/dist/esm/v3/{OrSkeletonText-3965ff71.js → OrSkeletonText-dd74b979.js} +1 -0
  209. package/dist/esm/v3/{OrSortHeader-fe1a9cf8.js → OrSortHeader-4aff1426.js} +2 -1
  210. package/dist/esm/v3/{OrSwitch-cca30aa0.js → OrSwitch-eb5bc7cc.js} +16 -8
  211. package/dist/esm/v3/{OrTab-c131cf60.js → OrTab-3fe86033.js} +1 -0
  212. package/dist/esm/v3/{OrTabs-d0ee6cef.js → OrTabs-5dcbf9ce.js} +6 -5
  213. package/dist/esm/v3/{OrTag-c0bbaa58.js → OrTag-35f948c1.js} +2 -1
  214. package/dist/esm/v3/{OrText-ecb46923.js → OrText-786b2aa4.js} +1 -0
  215. package/dist/esm/v3/{OrTextarea-bb9ef3f2.js → OrTextarea-c083501a.js} +5 -4
  216. package/dist/esm/v3/{OrTextbox-2f33e9c3.js → OrTextbox-929fc3a2.js} +1 -0
  217. package/dist/esm/v3/{OrTooltip-50d27b4f.js → OrTooltip-6f9147b6.js} +2 -1
  218. package/dist/esm/v3/components/index.d.ts +0 -1
  219. package/dist/esm/v3/components/index.js +50 -49
  220. package/dist/esm/v3/components/or-avatar-v3/index.js +3 -2
  221. package/dist/esm/v3/components/or-bottom-sheet-v3/index.js +3 -2
  222. package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts +0 -11
  223. package/dist/esm/v3/components/or-button-v3/index.js +3 -2
  224. package/dist/esm/v3/components/or-card-collection/index.js +3 -2
  225. package/dist/esm/v3/components/or-card-collection-v3/index.js +19 -17
  226. package/dist/esm/v3/components/or-card-v3/index.js +2 -1
  227. package/dist/esm/v3/components/or-checkbox-v3/index.js +3 -2
  228. package/dist/esm/v3/components/or-confirm/index.js +3 -2
  229. package/dist/esm/v3/components/or-confirm-v3/index.js +16 -14
  230. package/dist/esm/v3/components/or-error-tag-v3/index.js +3 -2
  231. package/dist/esm/v3/components/or-error-v3/index.js +2 -1
  232. package/dist/esm/v3/components/or-expansion-panel-v3/index.js +3 -2
  233. package/dist/esm/v3/components/or-fab-v3/index.js +3 -2
  234. package/dist/esm/v3/components/or-hint-v3/index.js +2 -1
  235. package/dist/esm/v3/components/or-icon-button-v3/index.js +7 -6
  236. package/dist/esm/v3/components/or-icon-v3/index.js +2 -1
  237. package/dist/esm/v3/components/or-inline-input-box-v3/index.js +2 -1
  238. package/dist/esm/v3/components/or-inline-input-v3/index.js +11 -10
  239. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +11 -10
  240. package/dist/esm/v3/components/or-input-box-v3/index.js +2 -1
  241. package/dist/esm/v3/components/or-input-v3/OrInput.stories3.d.ts +2 -0
  242. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +6 -2
  243. package/dist/esm/v3/components/or-input-v3/index.js +14 -12
  244. package/dist/esm/v3/components/or-inputs/index.js +2 -1
  245. package/dist/esm/v3/components/or-label-v3/index.js +2 -1
  246. package/dist/esm/v3/components/or-link-v3/index.js +2 -1
  247. package/dist/esm/v3/components/or-list-of-inputs/index.js +3 -2
  248. package/dist/esm/v3/components/or-loader-v3/index.js +2 -1
  249. package/dist/esm/v3/components/or-menu-item-v3/index.js +3 -2
  250. package/dist/esm/v3/components/or-menu-v3/index.js +5 -4
  251. package/dist/esm/v3/components/or-modal-v3/index.js +8 -7
  252. package/dist/esm/v3/components/or-notification-v3/index.js +8 -7
  253. package/dist/esm/v3/components/or-overlay-v3/index.js +2 -1
  254. package/dist/esm/v3/components/or-popover-v3/index.js +4 -3
  255. package/dist/esm/v3/components/or-progress-v3/index.js +2 -1
  256. package/dist/esm/v3/components/or-radio-v3/index.js +3 -2
  257. package/dist/esm/v3/components/or-search-v3/index.js +14 -12
  258. package/dist/esm/v3/components/or-segmented-control-v3/index.js +2 -1
  259. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -25
  260. package/dist/esm/v3/components/or-select-v3/index.d.ts +0 -1
  261. package/dist/esm/v3/components/or-select-v3/index.js +18 -16
  262. package/dist/esm/v3/components/or-select-v3/types.d.ts +1 -1
  263. package/dist/esm/v3/components/or-skeleton-v3/index.js +2 -1
  264. package/dist/esm/v3/components/or-sort-header-v3/index.js +3 -2
  265. package/dist/esm/v3/components/or-switch-v3/OrSwitch.vue.d.ts +6 -2
  266. package/dist/esm/v3/components/or-switch-v3/index.js +6 -4
  267. package/dist/esm/v3/components/or-tab-v3/index.js +2 -1
  268. package/dist/esm/v3/components/or-tabs-v3/index.js +9 -8
  269. package/dist/esm/v3/components/or-tag-v3/index.js +8 -7
  270. package/dist/esm/v3/components/or-text-v3/index.js +2 -1
  271. package/dist/esm/v3/components/or-textarea-v3/index.js +6 -5
  272. package/dist/esm/v3/components/or-textbox/index.js +2 -1
  273. package/dist/esm/v3/components/or-toast-v3/index.js +9 -8
  274. package/dist/esm/v3/components/or-tooltip-v3/index.js +5 -4
  275. package/dist/esm/v3/hooks/index.d.ts +1 -0
  276. package/dist/esm/v3/hooks/index.js +2 -0
  277. package/dist/esm/v3/hooks/useSlicedAttrs.d.ts +5 -0
  278. package/dist/esm/v3/index.js +50 -49
  279. package/dist/esm/v3/{types-8a338300.js → types-a2cbb17e.js} +2 -2
  280. package/dist/esm/v3/useSlicedAttrs-91deb3b7.js +31 -0
  281. package/package.json +1 -1
  282. package/src/components/index.ts +0 -1
  283. package/src/components/or-button-v3/OrButton.stories3.ts +0 -4
  284. package/src/components/or-button-v3/OrButton.vue +0 -6
  285. package/src/components/or-button-v3/styles.ts +1 -9
  286. package/src/components/or-input-v3/OrInput.stories3.ts +53 -0
  287. package/src/components/or-input-v3/OrInput.vue +13 -5
  288. package/src/components/or-select-v3/OrSelect.vue +14 -26
  289. package/src/components/or-select-v3/index.ts +0 -1
  290. package/src/components/or-select-v3/types.ts +1 -1
  291. package/src/components/or-switch-v3/OrSwitch.vue +13 -4
  292. package/src/hooks/index.ts +1 -0
  293. package/src/hooks/useSlicedAttrs.ts +31 -0
  294. package/dist/bundled/v2/OrPagination-379c10b8.js +0 -308
  295. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  296. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.vue.d.ts +0 -112
  297. package/dist/bundled/v2/components/or-pagination-v3/index.d.ts +0 -2
  298. package/dist/bundled/v2/components/or-pagination-v3/index.js +0 -20
  299. package/dist/bundled/v2/components/or-pagination-v3/styles.d.ts +0 -4
  300. package/dist/bundled/v2/components/or-pagination-v3/types.d.ts +0 -4
  301. package/dist/bundled/v3/OrPagination.vue_vue_type_script_lang-c96d7cd7.js +0 -187
  302. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  303. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.vue.d.ts +0 -112
  304. package/dist/bundled/v3/components/or-pagination-v3/index.d.ts +0 -2
  305. package/dist/bundled/v3/components/or-pagination-v3/index.js +0 -22
  306. package/dist/bundled/v3/components/or-pagination-v3/styles.d.ts +0 -4
  307. package/dist/bundled/v3/components/or-pagination-v3/types.d.ts +0 -4
  308. package/dist/esm/v2/OrPagination-c0dbec6a.js +0 -308
  309. package/dist/esm/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  310. package/dist/esm/v2/components/or-pagination-v3/OrPagination.vue.d.ts +0 -112
  311. package/dist/esm/v2/components/or-pagination-v3/index.d.ts +0 -2
  312. package/dist/esm/v2/components/or-pagination-v3/index.js +0 -18
  313. package/dist/esm/v2/components/or-pagination-v3/styles.d.ts +0 -4
  314. package/dist/esm/v2/components/or-pagination-v3/types.d.ts +0 -4
  315. package/dist/esm/v3/OrPagination-a703307d.js +0 -269
  316. package/dist/esm/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  317. package/dist/esm/v3/components/or-pagination-v3/OrPagination.vue.d.ts +0 -112
  318. package/dist/esm/v3/components/or-pagination-v3/index.d.ts +0 -2
  319. package/dist/esm/v3/components/or-pagination-v3/index.js +0 -17
  320. package/dist/esm/v3/components/or-pagination-v3/styles.d.ts +0 -4
  321. package/dist/esm/v3/components/or-pagination-v3/types.d.ts +0 -4
  322. package/src/components/or-pagination-v3/OrPagination.docs.mdx +0 -7
  323. package/src/components/or-pagination-v3/OrPagination.stories3.ts +0 -87
  324. package/src/components/or-pagination-v3/OrPagination.vue +0 -270
  325. package/src/components/or-pagination-v3/index.ts +0 -2
  326. package/src/components/or-pagination-v3/styles.ts +0 -38
  327. package/src/components/or-pagination-v3/types.ts +0 -4
@@ -1,308 +0,0 @@
1
- import './index-fa6eb4ca.js';
2
- import { O as OrButton } from './OrButton-a846fa7e.js';
3
- import { O as OrIcon } from './OrIcon-8625385f.js';
4
- import { O as OrMenu } from './OrMenu-fa47c888.js';
5
- import { O as OrMenuItem } from './OrMenuItem-26420908.js';
6
- import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
7
- import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
8
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
9
-
10
- const PaginationRoot = [
11
- // Layout
12
- 'layout-row',
13
- // Spacing
14
- 'gap-xl',
15
- // Typography
16
- 'typography-caption-regular',
17
- // Theme
18
- 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
19
- const PaginationOffsetControl = [
20
- // Layout
21
- 'layout-row',
22
- // Spacing
23
- 'gap-md'];
24
- const PaginationLimitControl = [
25
- // Layout
26
- 'layout-row',
27
- // Spacing
28
- 'gap-sm'];
29
- const PaginationItem = [
30
- // Typography
31
- 'typography-caption-regular',
32
- // Typography (activated)
33
- 'activated:typography-caption-bold'];
34
-
35
- var script = defineComponent({
36
- name: 'OrPagination',
37
- components: {
38
- OrButton,
39
- OrIcon,
40
- OrMenu,
41
- OrMenuItem
42
- },
43
- inheritAttrs: false,
44
- props: {
45
- modelValue: {
46
- type: Object,
47
- default: undefined
48
- },
49
- value: {
50
- type: Object,
51
- default: undefined
52
- },
53
- length: {
54
- type: Number,
55
- required: true
56
- },
57
- pageSizeOptions: {
58
- type: Array,
59
- default: () => [50, 20, 10, 5]
60
- }
61
- },
62
- emits: ['update:modelValue', 'input'],
63
- expose: ['root'],
64
- setup(props, context) {
65
- // Refs
66
- const root = ref();
67
- const limitButton = ref();
68
- const limitButtonRoot = computed(() => {
69
- var _a;
70
- return (_a = limitButton.value) === null || _a === void 0 ? void 0 : _a.root;
71
- });
72
- const limitMenu = ref();
73
- const limitMenuRoot = computed(() => {
74
- var _a;
75
- return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
76
- });
77
- // Styles
78
- const classAttribute = useClassAttribute();
79
- const rootStyles = computed(() => ['or-pagination', ...PaginationRoot, classAttribute.value]);
80
- const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
81
- const limitControlStyles = computed(() => [...PaginationLimitControl]);
82
- const itemStyles = computed(() => [...PaginationItem]);
83
- // State
84
- const proxyModelValue = computed({
85
- get: () => {
86
- var _a;
87
- return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
88
- },
89
-
90
- set: value => {
91
- context.emit('input', value);
92
- context.emit('update:modelValue', value);
93
- }
94
- });
95
- const currentLimit = computed({
96
- get: () => {
97
- var _a, _b;
98
- return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : props.pageSizeOptions[0];
99
- },
100
- set: value => {
101
- proxyModelValue.value = {
102
- limit: value,
103
- offset: 0
104
- };
105
- }
106
- });
107
- const currentOffset = computed({
108
- get: () => {
109
- var _a, _b;
110
- return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0;
111
- },
112
- set: value => {
113
- proxyModelValue.value = {
114
- limit: currentLimit.value,
115
- offset: value
116
- };
117
- }
118
- });
119
- const currentPage = computed({
120
- get: () => {
121
- return Math.floor(currentOffset.value / currentLimit.value) + 1;
122
- },
123
- set: value => {
124
- currentOffset.value = (value - 1) * currentLimit.value;
125
- }
126
- });
127
- const firstPage = computed(() => {
128
- return 1;
129
- });
130
- const lastPage = computed(() => {
131
- return Math.ceil(props.length / currentLimit.value);
132
- });
133
- const buttonGroup = computed(() => {
134
- return Array.from({
135
- length: lastPage.value
136
- }, (_, index) => index + 1).map(page => {
137
- switch (true) {
138
- case page > firstPage.value && page < currentPage.value - 1:
139
- case page > currentPage.value + 1 && page < lastPage.value:
140
- return '…';
141
- default:
142
- return page;
143
- }
144
- }).reduce((accumulator, page) => {
145
- if (accumulator[accumulator.length - 1] === page) {
146
- return accumulator;
147
- }
148
- return [...accumulator, page];
149
- }, []);
150
- });
151
- // Functions
152
- function toPreviousPage() {
153
- currentPage.value = currentPage.value - 1;
154
- }
155
- function toNextPage() {
156
- currentPage.value = currentPage.value + 1;
157
- }
158
- function toPage(page) {
159
- currentPage.value = page;
160
- }
161
- return {
162
- root,
163
- limitButton,
164
- limitButtonRoot,
165
- limitMenu,
166
- limitMenuRoot,
167
- rootStyles,
168
- offsetControlStyles,
169
- limitControlStyles,
170
- itemStyles,
171
- proxyModelValue,
172
- currentLimit,
173
- currentOffset,
174
- currentPage,
175
- firstPage,
176
- lastPage,
177
- buttonGroup,
178
- toPreviousPage,
179
- toNextPage,
180
- toPage
181
- };
182
- }
183
- });
184
-
185
- /* script */
186
- const __vue_script__ = script;
187
-
188
- /* template */
189
- var __vue_render__ = function () {
190
- var _vm = this;
191
- var _h = _vm.$createElement;
192
- var _c = _vm._self._c || _h;
193
- return _c('div', _vm._b({
194
- ref: "root",
195
- class: _vm.rootStyles
196
- }, 'div', _vm.$attrs, false), [_c('div', {
197
- class: _vm.offsetControlStyles
198
- }, [_c('OrButton', {
199
- class: _vm.itemStyles,
200
- attrs: {
201
- "variant": 'link',
202
- "color": 'inherit',
203
- "disabled": _vm.currentPage === _vm.firstPage
204
- },
205
- on: {
206
- "click": function ($event) {
207
- $event.stopPropagation();
208
- return _vm.toPreviousPage();
209
- }
210
- }
211
- }, [_c('OrIcon', {
212
- attrs: {
213
- "icon": 'keyboard_arrow_left'
214
- }
215
- })], 1), _vm._v(" "), _vm._l(_vm.buttonGroup, function (page, index) {
216
- return _c('OrButton', {
217
- key: index,
218
- class: _vm.itemStyles,
219
- attrs: {
220
- "variant": 'link',
221
- "color": 'inherit',
222
- "activated": _vm.currentPage === page
223
- },
224
- on: {
225
- "click": function ($event) {
226
- $event.stopPropagation();
227
- typeof page === 'number' && _vm.toPage(page);
228
- }
229
- }
230
- }, [_vm._v("\n " + _vm._s(page) + "\n ")]);
231
- }), _vm._v(" "), _c('OrButton', {
232
- class: _vm.itemStyles,
233
- attrs: {
234
- "variant": 'link',
235
- "color": 'inherit',
236
- "disabled": _vm.currentPage === _vm.lastPage
237
- },
238
- on: {
239
- "click": function ($event) {
240
- $event.stopPropagation();
241
- return _vm.toNextPage();
242
- }
243
- }
244
- }, [_c('OrIcon', {
245
- attrs: {
246
- "icon": 'keyboard_arrow_right'
247
- }
248
- })], 1)], 2), _vm._v(" "), _c('div', {
249
- class: _vm.limitControlStyles
250
- }, [_vm._v("\n Per page:\n\n "), _c('OrButton', {
251
- ref: "limitButton",
252
- class: _vm.itemStyles,
253
- attrs: {
254
- "variant": 'link',
255
- "color": 'inherit',
256
- "activated": true
257
- },
258
- on: {
259
- "click": function ($event) {
260
- $event.stopPropagation();
261
- return _vm.limitMenu.open();
262
- }
263
- }
264
- }, [_vm._v("\n " + _vm._s(_vm.currentLimit) + " "), _c('OrIcon', {
265
- attrs: {
266
- "icon": 'arrow_drop_down'
267
- }
268
- })], 1), _vm._v(" "), _c('OrMenu', {
269
- ref: "limitMenu",
270
- attrs: {
271
- "trigger": _vm.limitButtonRoot,
272
- "placement": 'top'
273
- }
274
- }, _vm._l(_vm.pageSizeOptions, function (pageSize) {
275
- return _c('OrMenuItem', {
276
- key: pageSize,
277
- on: {
278
- "click": function ($event) {
279
- $event.stopPropagation();
280
- _vm.currentLimit = pageSize;
281
- }
282
- }
283
- }, [_vm._v("\n " + _vm._s(pageSize) + "\n ")]);
284
- }), 1)], 1)]);
285
- };
286
- var __vue_staticRenderFns__ = [];
287
-
288
- /* style */
289
- const __vue_inject_styles__ = undefined;
290
- /* scoped */
291
- const __vue_scope_id__ = undefined;
292
- /* module identifier */
293
- const __vue_module_identifier__ = undefined;
294
- /* functional template */
295
- const __vue_is_functional_template__ = false;
296
- /* style inject */
297
-
298
- /* style inject SSR */
299
-
300
- /* style inject shadow dom */
301
-
302
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
303
- render: __vue_render__,
304
- staticRenderFns: __vue_staticRenderFns__
305
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
306
- var __vue_component__$1 = __vue_component__;
307
-
308
- export { __vue_component__$1 as _ };
@@ -1,12 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/vue3';
2
- declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
- [x: string]: ((...args: any[]) => any) | null;
4
- } | string[], {} & {}, {
5
- [x: number]: string;
6
- } | {}, true>)>;
7
- export default _default;
8
- export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
- [x: string]: ((...args: any[]) => any) | null;
10
- } | string[], {} & {}, {
11
- [x: number]: string;
12
- } | {}, true>)>;
@@ -1,112 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- import { PaginationModel } from './types';
3
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
- limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
6
- [x: string]: ((...args: any[]) => any) | null;
7
- } | string[], {} & {}, {
8
- [x: number]: string;
9
- } | {}, true> | undefined>;
10
- limitButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
11
- limitMenu: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
12
- [x: string]: ((...args: any[]) => any) | null;
13
- } | string[], {} & {}, {
14
- [x: number]: string;
15
- } | {}, true> | undefined>;
16
- limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
17
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
18
- offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
19
- limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
20
- itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
21
- proxyModelValue: import("@vue/composition-api").WritableComputedRef<PaginationModel>;
22
- currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
23
- currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
24
- currentPage: import("@vue/composition-api").WritableComputedRef<number>;
25
- firstPage: import("@vue/composition-api").ComputedRef<number>;
26
- lastPage: import("@vue/composition-api").ComputedRef<number>;
27
- buttonGroup: import("@vue/composition-api").ComputedRef<(string | number)[]>;
28
- toPreviousPage: () => void;
29
- toNextPage: () => void;
30
- toPage: (page: number) => void;
31
- }> & import("@vue/composition-api").Data, {}, {}, {
32
- modelValue: {
33
- type: PropType<PaginationModel>;
34
- default: undefined;
35
- };
36
- value: {
37
- type: PropType<PaginationModel>;
38
- default: undefined;
39
- };
40
- length: {
41
- type: NumberConstructor;
42
- required: true;
43
- };
44
- pageSizeOptions: {
45
- type: PropType<number[]>;
46
- default: () => number[];
47
- };
48
- }, import("@vue/composition-api").ExtractPropTypes<{
49
- modelValue: {
50
- type: PropType<PaginationModel>;
51
- default: undefined;
52
- };
53
- value: {
54
- type: PropType<PaginationModel>;
55
- default: undefined;
56
- };
57
- length: {
58
- type: NumberConstructor;
59
- required: true;
60
- };
61
- pageSizeOptions: {
62
- type: PropType<number[]>;
63
- default: () => number[];
64
- };
65
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
66
- length: number;
67
- modelValue: PaginationModel;
68
- value: PaginationModel;
69
- pageSizeOptions: number[];
70
- } & {} & {
71
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
72
- }, import("@vue/composition-api").ShallowUnwrapRef<{
73
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
74
- limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
75
- [x: string]: ((...args: any[]) => any) | null;
76
- } | string[], {} & {}, {
77
- [x: number]: string;
78
- } | {}, true> | undefined>;
79
- limitButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
80
- limitMenu: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
81
- [x: string]: ((...args: any[]) => any) | null;
82
- } | string[], {} & {}, {
83
- [x: number]: string;
84
- } | {}, true> | undefined>;
85
- limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
86
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
87
- offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
88
- limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
89
- itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
90
- proxyModelValue: import("@vue/composition-api").WritableComputedRef<PaginationModel>;
91
- currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
92
- currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
93
- currentPage: import("@vue/composition-api").WritableComputedRef<number>;
94
- firstPage: import("@vue/composition-api").ComputedRef<number>;
95
- lastPage: import("@vue/composition-api").ComputedRef<number>;
96
- buttonGroup: import("@vue/composition-api").ComputedRef<(string | number)[]>;
97
- toPreviousPage: () => void;
98
- toNextPage: () => void;
99
- toPage: (page: number) => void;
100
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
101
- length: number;
102
- modelValue: PaginationModel;
103
- value: PaginationModel;
104
- pageSizeOptions: number[];
105
- } & {} & {
106
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
107
- }, {
108
- modelValue: PaginationModel;
109
- value: PaginationModel;
110
- pageSizeOptions: number[];
111
- }, true>);
112
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as OrPaginationV3 } from './OrPagination.vue';
2
- export * from './types';
@@ -1,20 +0,0 @@
1
- export { _ as OrPaginationV3 } from '../../OrPagination-379c10b8.js';
2
- import '../../index-fa6eb4ca.js';
3
- import 'vue';
4
- import '@vue/composition-api/dist/vue-composition-api.mjs';
5
- import '../../OrButton-a846fa7e.js';
6
- import '../../OrLoader-6a1f937b.js';
7
- import '../../useClassAttribute-9bf33346.js';
8
- import '../../normalize-component-6e8e3d80.js';
9
- import '../../OrIcon-8625385f.js';
10
- import '../../OrMenu-fa47c888.js';
11
- import '../../OrPopover-5dc240f1.js';
12
- import '../../floating-ui.dom.esm-83eba816.js';
13
- import '@vueuse/core';
14
- import '../../OrBottomSheet-1cd1ab4c.js';
15
- import '../../OrOverlay-3c89d622.js';
16
- import '../../OrTeleport.vue2-e9ba3054.js';
17
- import 'portal-vue';
18
- import '../../useElevation-aac032f4.js';
19
- import '../../useResponsive-e13dfbb0.js';
20
- import '../../OrMenuItem-26420908.js';
@@ -1,4 +0,0 @@
1
- export declare const PaginationRoot: string[];
2
- export declare const PaginationOffsetControl: string[];
3
- export declare const PaginationLimitControl: string[];
4
- export declare const PaginationItem: string[];
@@ -1,4 +0,0 @@
1
- export interface PaginationModel {
2
- limit: number;
3
- offset: number;
4
- }
@@ -1,187 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue';
2
- import './OrButton-2b27c1fd.js';
3
- import './OrIcon-d878b768.js';
4
- import './OrMenu-f26e8e55.js';
5
- import './OrMenuItem-4feaba6c.js';
6
- import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
7
- import { s as script$1 } from './OrButton.vue_vue_type_script_lang-8c44986c.js';
8
- import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
9
- import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-2446a69a.js';
10
- import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
11
-
12
- const PaginationRoot = [
13
- // Layout
14
- 'layout-row',
15
- // Spacing
16
- 'gap-xl',
17
- // Typography
18
- 'typography-caption-regular',
19
- // Theme
20
- 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
21
- const PaginationOffsetControl = [
22
- // Layout
23
- 'layout-row',
24
- // Spacing
25
- 'gap-md'];
26
- const PaginationLimitControl = [
27
- // Layout
28
- 'layout-row',
29
- // Spacing
30
- 'gap-sm'];
31
- const PaginationItem = [
32
- // Typography
33
- 'typography-caption-regular',
34
- // Typography (activated)
35
- 'activated:typography-caption-bold'];
36
-
37
- var script = defineComponent({
38
- name: 'OrPagination',
39
- components: {
40
- OrButton: script$1,
41
- OrIcon: script$2,
42
- OrMenu: script$3,
43
- OrMenuItem: script$4
44
- },
45
- inheritAttrs: false,
46
- props: {
47
- modelValue: {
48
- type: Object,
49
- default: undefined
50
- },
51
- value: {
52
- type: Object,
53
- default: undefined
54
- },
55
- length: {
56
- type: Number,
57
- required: true
58
- },
59
- pageSizeOptions: {
60
- type: Array,
61
- default: () => [50, 20, 10, 5]
62
- }
63
- },
64
- emits: ['update:modelValue', 'input'],
65
- expose: ['root'],
66
- setup(props, context) {
67
- // Refs
68
- const root = ref();
69
- const limitButton = ref();
70
- const limitButtonRoot = computed(() => {
71
- var _a;
72
- return (_a = limitButton.value) === null || _a === void 0 ? void 0 : _a.root;
73
- });
74
- const limitMenu = ref();
75
- const limitMenuRoot = computed(() => {
76
- var _a;
77
- return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
78
- });
79
- // Styles
80
- const classAttribute = useClassAttribute();
81
- const rootStyles = computed(() => ['or-pagination', ...PaginationRoot, classAttribute.value]);
82
- const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
83
- const limitControlStyles = computed(() => [...PaginationLimitControl]);
84
- const itemStyles = computed(() => [...PaginationItem]);
85
- // State
86
- const proxyModelValue = computed({
87
- get: () => {
88
- var _a;
89
- return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
90
- },
91
-
92
- set: value => {
93
- context.emit('input', value);
94
- context.emit('update:modelValue', value);
95
- }
96
- });
97
- const currentLimit = computed({
98
- get: () => {
99
- var _a, _b;
100
- return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : props.pageSizeOptions[0];
101
- },
102
- set: value => {
103
- proxyModelValue.value = {
104
- limit: value,
105
- offset: 0
106
- };
107
- }
108
- });
109
- const currentOffset = computed({
110
- get: () => {
111
- var _a, _b;
112
- return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0;
113
- },
114
- set: value => {
115
- proxyModelValue.value = {
116
- limit: currentLimit.value,
117
- offset: value
118
- };
119
- }
120
- });
121
- const currentPage = computed({
122
- get: () => {
123
- return Math.floor(currentOffset.value / currentLimit.value) + 1;
124
- },
125
- set: value => {
126
- currentOffset.value = (value - 1) * currentLimit.value;
127
- }
128
- });
129
- const firstPage = computed(() => {
130
- return 1;
131
- });
132
- const lastPage = computed(() => {
133
- return Math.ceil(props.length / currentLimit.value);
134
- });
135
- const buttonGroup = computed(() => {
136
- return Array.from({
137
- length: lastPage.value
138
- }, (_, index) => index + 1).map(page => {
139
- switch (true) {
140
- case page > firstPage.value && page < currentPage.value - 1:
141
- case page > currentPage.value + 1 && page < lastPage.value:
142
- return '…';
143
- default:
144
- return page;
145
- }
146
- }).reduce((accumulator, page) => {
147
- if (accumulator[accumulator.length - 1] === page) {
148
- return accumulator;
149
- }
150
- return [...accumulator, page];
151
- }, []);
152
- });
153
- // Functions
154
- function toPreviousPage() {
155
- currentPage.value = currentPage.value - 1;
156
- }
157
- function toNextPage() {
158
- currentPage.value = currentPage.value + 1;
159
- }
160
- function toPage(page) {
161
- currentPage.value = page;
162
- }
163
- return {
164
- root,
165
- limitButton,
166
- limitButtonRoot,
167
- limitMenu,
168
- limitMenuRoot,
169
- rootStyles,
170
- offsetControlStyles,
171
- limitControlStyles,
172
- itemStyles,
173
- proxyModelValue,
174
- currentLimit,
175
- currentOffset,
176
- currentPage,
177
- firstPage,
178
- lastPage,
179
- buttonGroup,
180
- toPreviousPage,
181
- toNextPage,
182
- toPage
183
- };
184
- }
185
- });
186
-
187
- export { script as s };
@@ -1,12 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/vue3';
2
- declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
- [x: string]: ((...args: any[]) => any) | null;
4
- } | string[], {} & {}, {
5
- [x: number]: string;
6
- } | {}, true>)>;
7
- export default _default;
8
- export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
- [x: string]: ((...args: any[]) => any) | null;
10
- } | string[], {} & {}, {
11
- [x: number]: string;
12
- } | {}, true>)>;