@wlydfe/pro-ui 0.2.3 → 0.2.5

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 (547) hide show
  1. package/es/component.mjs +22 -22
  2. package/es/components/breadcrumb/src/index.vue.d.ts +1 -1
  3. package/es/{packages/components → components}/breadcrumb/src/index.vue.mjs +1 -1
  4. package/es/components/check-card/src/index.vue.d.ts +1 -1
  5. package/es/{packages/components → components}/check-card/src/index.vue.mjs +1 -1
  6. package/es/components/check-card-group/src/index.vue.d.ts +1 -1
  7. package/es/{packages/components → components}/check-card-group/src/index.vue.mjs +1 -1
  8. package/es/components/check-card-group/style/css.d.ts +1 -1
  9. package/es/components/check-card-group/style/index.d.ts +1 -1
  10. package/es/components/date-picker/index.d.ts +25 -25
  11. package/es/components/date-picker/src/index.vue.d.ts +26 -26
  12. package/es/{packages/components → components}/date-picker/src/index.vue.mjs +1 -1
  13. package/es/components/descriptions/index.d.ts +118 -118
  14. package/es/components/descriptions/src/index.vue.d.ts +131 -131
  15. package/es/{packages/components → components}/descriptions/src/index.vue.mjs +1 -1
  16. package/es/components/descriptions/style/css.d.ts +1 -1
  17. package/es/components/descriptions/style/index.d.ts +1 -1
  18. package/es/components/dialog/index.d.ts +2 -2
  19. package/es/components/dialog/src/index.vue.d.ts +3 -3
  20. package/es/{packages/components → components}/dialog/src/index.vue.mjs +1 -1
  21. package/es/components/dialog-form/index.d.ts +102 -102
  22. package/es/components/dialog-form/src/index.vue.d.ts +116 -116
  23. package/es/{packages/components → components}/dialog-form/src/index.vue.mjs +1 -1
  24. package/es/components/dialog-form/style/css.d.ts +2 -2
  25. package/es/components/dialog-form/style/index.d.ts +2 -2
  26. package/es/components/display-item/index.d.ts +111 -111
  27. package/es/components/display-item/src/index.vue.d.ts +120 -120
  28. package/es/{packages/components → components}/display-item/src/index.vue.mjs +1 -1
  29. package/es/components/display-item/style/css.d.ts +1 -1
  30. package/es/components/display-item/style/index.d.ts +1 -1
  31. package/es/components/drawer-form/index.d.ts +110 -110
  32. package/es/components/drawer-form/src/index.vue.d.ts +122 -122
  33. package/es/{packages/components → components}/drawer-form/src/index.vue.mjs +1 -1
  34. package/es/components/drawer-form/style/css.d.ts +1 -1
  35. package/es/components/drawer-form/style/index.d.ts +1 -1
  36. package/es/components/form/index.d.ts +98 -98
  37. package/es/components/form/src/form-content.vue.d.ts +76 -76
  38. package/es/{packages/components → components}/form/src/form-content.vue.mjs +1 -1
  39. package/es/components/form/src/index.vue.d.ts +108 -108
  40. package/es/{packages/components → components}/form/src/index.vue.mjs +1 -1
  41. package/es/components/form/style/css.d.ts +1 -1
  42. package/es/components/form/style/index.d.ts +1 -1
  43. package/es/components/form-item/index.d.ts +65 -65
  44. package/es/components/form-item/src/index.vue.d.ts +72 -72
  45. package/es/{packages/components → components}/form-item/src/index.vue.mjs +1 -1
  46. package/es/components/form-item/style/css.d.ts +3 -3
  47. package/es/components/form-item/style/index.d.ts +3 -3
  48. package/es/components/header/index.d.ts +1 -1
  49. package/es/components/header/src/index.vue.d.ts +2 -2
  50. package/es/{packages/components → components}/header/src/index.vue.mjs +1 -1
  51. package/es/components/input-tag/index.d.ts +10 -10
  52. package/es/components/input-tag/src/index.vue.d.ts +12 -12
  53. package/es/{packages/components → components}/input-tag/src/index.vue.mjs +1 -1
  54. package/es/components/layout/index.d.ts +56 -56
  55. package/es/components/layout/src/index.vue.d.ts +72 -72
  56. package/es/{packages/components → components}/layout/src/index.vue.mjs +1 -1
  57. package/es/components/layout/style/css.d.ts +3 -3
  58. package/es/components/layout/style/index.d.ts +3 -3
  59. package/es/components/page/src/index.vue.d.ts +3 -3
  60. package/es/{packages/components → components}/page/src/index.vue.mjs +1 -1
  61. package/es/components/page/style/css.d.ts +2 -2
  62. package/es/components/page/style/index.d.ts +2 -2
  63. package/es/components/pagination/index.d.ts +1 -1
  64. package/es/components/pagination/src/index.vue.d.ts +2 -2
  65. package/es/{packages/components → components}/pagination/src/index.vue.mjs +1 -1
  66. package/es/components/popover/src/index.vue.d.ts +1 -1
  67. package/es/{packages/components → components}/popover/src/index.vue.mjs +1 -1
  68. package/es/components/radio/index.d.ts +8 -8
  69. package/es/components/radio/src/index.vue.d.ts +9 -9
  70. package/es/{packages/components → components}/radio/src/index.vue.mjs +1 -1
  71. package/es/components/render/src/index.vue.d.ts +1 -1
  72. package/es/{packages/components → components}/render/src/index.vue.mjs +1 -1
  73. package/es/components/search/index.d.ts +107 -107
  74. package/es/components/search/src/index.vue.d.ts +118 -118
  75. package/es/{packages/components → components}/search/src/index.vue.mjs +1 -1
  76. package/es/components/search/style/css.d.ts +1 -1
  77. package/es/components/search/style/index.d.ts +1 -1
  78. package/es/components/sidebar/index.d.ts +14 -14
  79. package/es/components/sidebar/src/index.vue.d.ts +15 -15
  80. package/es/{packages/components → components}/sidebar/src/index.vue.mjs +1 -1
  81. package/es/components/sidebar/src/sidebar-item.vue.d.ts +1 -1
  82. package/es/{packages/components → components}/sidebar/src/sidebar-item.vue.mjs +1 -1
  83. package/es/components/steps-form/index.d.ts +104 -104
  84. package/es/components/steps-form/src/index.vue.d.ts +116 -116
  85. package/es/{packages/components → components}/steps-form/src/index.vue.mjs +1 -1
  86. package/es/components/steps-form/style/css.d.ts +1 -1
  87. package/es/components/steps-form/style/index.d.ts +1 -1
  88. package/es/{packages/components → components}/table/src/index.vue.mjs +1 -1
  89. package/es/{packages/components → components}/table/src/table-action-bar.vue.mjs +1 -1
  90. package/es/{packages/components → components}/table/src/table-column-drag-sort.vue.mjs +1 -1
  91. package/es/{packages/components → components}/table/src/table-column-index.vue.mjs +1 -1
  92. package/es/{packages/components → components}/table/src/table-column.vue.mjs +1 -1
  93. package/es/components/table/src/table-title-bar.vue.d.ts +3 -3
  94. package/es/{packages/components → components}/table/src/table-title-bar.vue.mjs +1 -1
  95. package/es/components/table/src/type.d.ts +1 -1
  96. package/es/components/table/style/css.d.ts +3 -3
  97. package/es/components/table/style/index.d.ts +3 -3
  98. package/es/components/utils/index.d.ts +1 -1
  99. package/es/constants/page.d.ts +1 -1
  100. package/es/defaults.mjs +2 -1
  101. package/es/directive.d.ts +3 -0
  102. package/es/directive.mjs +8 -0
  103. package/es/directives/index.d.ts +1 -3
  104. package/es/directives/index.mjs +1 -0
  105. package/es/hooks/useGetOptions.d.ts +1 -1
  106. package/es/hooks/useTable.d.ts +2 -2
  107. package/es/index.css +11 -12
  108. package/es/index.d.ts +5 -5
  109. package/es/index.mjs +33 -35
  110. package/es/pro-ui/directive.d.ts +3 -0
  111. package/es/pro-ui/index.d.ts +5 -5
  112. package/es/types/form.d.ts +4 -4
  113. package/index.css +1 -1
  114. package/index.js +14 -4535
  115. package/index.min.js +3 -7
  116. package/index.min.mjs +3 -7
  117. package/index.mjs +15 -4531
  118. package/lib/component.js +22 -22
  119. package/lib/components/breadcrumb/src/index.vue.d.ts +1 -1
  120. package/lib/{packages/components → components}/breadcrumb/src/index.vue.js +1 -1
  121. package/lib/components/check-card/src/index.vue.d.ts +1 -1
  122. package/lib/{packages/components → components}/check-card/src/index.vue.js +1 -1
  123. package/lib/components/check-card-group/src/index.vue.d.ts +1 -1
  124. package/lib/{packages/components → components}/check-card-group/src/index.vue.js +1 -1
  125. package/lib/components/check-card-group/style/css.d.ts +1 -1
  126. package/lib/components/check-card-group/style/index.d.ts +1 -1
  127. package/lib/components/date-picker/index.d.ts +25 -25
  128. package/lib/components/date-picker/src/index.vue.d.ts +26 -26
  129. package/lib/{packages/components → components}/date-picker/src/index.vue.js +1 -1
  130. package/lib/components/descriptions/index.d.ts +118 -118
  131. package/lib/components/descriptions/src/index.vue.d.ts +131 -131
  132. package/lib/{packages/components → components}/descriptions/src/index.vue.js +1 -1
  133. package/lib/components/descriptions/style/css.d.ts +1 -1
  134. package/lib/components/descriptions/style/index.d.ts +1 -1
  135. package/lib/components/dialog/index.d.ts +2 -2
  136. package/lib/components/dialog/src/index.vue.d.ts +3 -3
  137. package/lib/{packages/components → components}/dialog/src/index.vue.js +1 -1
  138. package/lib/components/dialog-form/index.d.ts +102 -102
  139. package/lib/components/dialog-form/src/index.vue.d.ts +116 -116
  140. package/lib/{packages/components → components}/dialog-form/src/index.vue.js +1 -1
  141. package/lib/components/dialog-form/style/css.d.ts +2 -2
  142. package/lib/components/dialog-form/style/index.d.ts +2 -2
  143. package/lib/components/display-item/index.d.ts +111 -111
  144. package/lib/components/display-item/src/index.vue.d.ts +120 -120
  145. package/lib/{packages/components → components}/display-item/src/index.vue.js +1 -1
  146. package/lib/components/display-item/style/css.d.ts +1 -1
  147. package/lib/components/display-item/style/index.d.ts +1 -1
  148. package/lib/components/drawer-form/index.d.ts +110 -110
  149. package/lib/components/drawer-form/src/index.vue.d.ts +122 -122
  150. package/lib/{packages/components → components}/drawer-form/src/index.vue.js +1 -1
  151. package/lib/components/drawer-form/style/css.d.ts +1 -1
  152. package/lib/components/drawer-form/style/index.d.ts +1 -1
  153. package/lib/components/form/index.d.ts +98 -98
  154. package/lib/components/form/src/form-content.vue.d.ts +76 -76
  155. package/lib/{packages/components → components}/form/src/form-content.vue.js +1 -1
  156. package/lib/components/form/src/index.vue.d.ts +108 -108
  157. package/lib/{packages/components → components}/form/src/index.vue.js +1 -1
  158. package/lib/components/form/style/css.d.ts +1 -1
  159. package/lib/components/form/style/index.d.ts +1 -1
  160. package/lib/components/form-item/index.d.ts +65 -65
  161. package/lib/components/form-item/src/index.vue.d.ts +72 -72
  162. package/lib/{packages/components → components}/form-item/src/index.vue.js +1 -1
  163. package/lib/components/form-item/style/css.d.ts +3 -3
  164. package/lib/components/form-item/style/index.d.ts +3 -3
  165. package/lib/components/header/index.d.ts +1 -1
  166. package/lib/components/header/src/index.vue.d.ts +2 -2
  167. package/lib/{packages/components → components}/header/src/index.vue.js +1 -1
  168. package/lib/components/input-tag/index.d.ts +10 -10
  169. package/lib/components/input-tag/src/index.vue.d.ts +12 -12
  170. package/lib/{packages/components → components}/input-tag/src/index.vue.js +1 -1
  171. package/lib/components/layout/index.d.ts +56 -56
  172. package/lib/components/layout/src/index.vue.d.ts +72 -72
  173. package/lib/{packages/components → components}/layout/src/index.vue.js +1 -1
  174. package/lib/components/layout/style/css.d.ts +3 -3
  175. package/lib/components/layout/style/index.d.ts +3 -3
  176. package/lib/components/page/src/index.vue.d.ts +3 -3
  177. package/lib/{packages/components → components}/page/src/index.vue.js +1 -1
  178. package/lib/components/page/style/css.d.ts +2 -2
  179. package/lib/components/page/style/index.d.ts +2 -2
  180. package/lib/components/pagination/index.d.ts +1 -1
  181. package/lib/components/pagination/src/index.vue.d.ts +2 -2
  182. package/lib/{packages/components → components}/pagination/src/index.vue.js +1 -1
  183. package/lib/components/popover/src/index.vue.d.ts +1 -1
  184. package/lib/{packages/components → components}/popover/src/index.vue.js +1 -1
  185. package/lib/components/radio/index.d.ts +8 -8
  186. package/lib/components/radio/src/index.vue.d.ts +9 -9
  187. package/lib/{packages/components → components}/radio/src/index.vue.js +1 -1
  188. package/lib/components/render/src/index.vue.d.ts +1 -1
  189. package/lib/{packages/components → components}/render/src/index.vue.js +1 -1
  190. package/lib/components/search/index.d.ts +107 -107
  191. package/lib/components/search/src/index.vue.d.ts +118 -118
  192. package/lib/{packages/components → components}/search/src/index.vue.js +1 -1
  193. package/lib/components/search/style/css.d.ts +1 -1
  194. package/lib/components/search/style/index.d.ts +1 -1
  195. package/lib/components/sidebar/index.d.ts +14 -14
  196. package/lib/components/sidebar/src/index.vue.d.ts +15 -15
  197. package/lib/{packages/components → components}/sidebar/src/index.vue.js +1 -1
  198. package/lib/components/sidebar/src/sidebar-item.vue.d.ts +1 -1
  199. package/lib/{packages/components → components}/sidebar/src/sidebar-item.vue.js +1 -1
  200. package/lib/components/steps-form/index.d.ts +104 -104
  201. package/lib/components/steps-form/src/index.vue.d.ts +116 -116
  202. package/lib/{packages/components → components}/steps-form/src/index.vue.js +1 -1
  203. package/lib/components/steps-form/style/css.d.ts +1 -1
  204. package/lib/components/steps-form/style/index.d.ts +1 -1
  205. package/lib/{packages/components → components}/table/src/index.vue.js +1 -1
  206. package/lib/{packages/components → components}/table/src/table-action-bar.vue.js +1 -1
  207. package/lib/{packages/components → components}/table/src/table-column-drag-sort.vue.js +1 -1
  208. package/lib/{packages/components → components}/table/src/table-column-index.vue.js +1 -1
  209. package/lib/{packages/components → components}/table/src/table-column.vue.js +1 -1
  210. package/lib/components/table/src/table-title-bar.vue.d.ts +3 -3
  211. package/lib/{packages/components → components}/table/src/table-title-bar.vue.js +1 -1
  212. package/lib/components/table/src/type.d.ts +1 -1
  213. package/lib/components/table/style/css.d.ts +3 -3
  214. package/lib/components/table/style/index.d.ts +3 -3
  215. package/lib/components/utils/index.d.ts +1 -1
  216. package/lib/constants/page.d.ts +1 -1
  217. package/lib/defaults.js +2 -1
  218. package/lib/directive.d.ts +3 -0
  219. package/lib/directive.js +12 -0
  220. package/lib/directives/index.d.ts +1 -3
  221. package/lib/directives/index.js +7 -0
  222. package/lib/hooks/useGetOptions.d.ts +1 -1
  223. package/lib/hooks/useTable.d.ts +2 -2
  224. package/lib/index.d.ts +5 -5
  225. package/lib/index.js +33 -40
  226. package/lib/{index.css → page.css} +13 -14
  227. package/lib/pro-ui/directive.d.ts +3 -0
  228. package/lib/pro-ui/index.d.ts +5 -5
  229. package/lib/types/form.d.ts +4 -4
  230. package/locale/en.js +1 -1
  231. package/locale/en.min.js +1 -1
  232. package/locale/en.min.mjs +1 -1
  233. package/locale/en.mjs +1 -1
  234. package/locale/zh-cn.js +1 -1
  235. package/locale/zh-cn.min.js +1 -1
  236. package/locale/zh-cn.min.mjs +1 -1
  237. package/locale/zh-cn.mjs +1 -1
  238. package/package.json +1 -6
  239. package/es/directives/modules/tippy/index.d.ts +0 -10
  240. package/es/directives.d.ts +0 -1
  241. package/es/directives.mjs +0 -4
  242. package/es/node_modules/.pnpm/tippy.js@6.3.7/node_modules/tippy.js/dist/tippy.css.mjs +0 -3
  243. package/es/node_modules/.pnpm/vue-tippy@6.7.1_vue@3.5.17_typescript@5.8.3_/node_modules/vue-tippy/dist/vue-tippy.mjs +0 -4567
  244. package/es/packages/directives/index.mjs +0 -3
  245. package/es/packages/directives/modules/tippy/index.mjs +0 -11
  246. package/es/pro-ui/directives.d.ts +0 -1
  247. package/index.min.css +0 -1
  248. package/lib/directives/modules/tippy/index.d.ts +0 -10
  249. package/lib/directives.d.ts +0 -1
  250. package/lib/directives.js +0 -15
  251. package/lib/node_modules/.pnpm/tippy.js@6.3.7/node_modules/tippy.js/dist/tippy.css.js +0 -7
  252. package/lib/node_modules/.pnpm/vue-tippy@6.7.1_vue@3.5.17_typescript@5.8.3_/node_modules/vue-tippy/dist/vue-tippy.js +0 -4582
  253. package/lib/packages/directives/index.js +0 -14
  254. package/lib/packages/directives/modules/tippy/index.js +0 -19
  255. package/lib/pro-ui/directives.d.ts +0 -1
  256. /package/es/{packages/components → components}/breadcrumb/index.mjs +0 -0
  257. /package/es/{packages/components → components}/breadcrumb/src/index.vue2.mjs +0 -0
  258. /package/es/{packages/components → components}/breadcrumb/style/css.mjs +0 -0
  259. /package/es/{packages/components → components}/breadcrumb/style/index.mjs +0 -0
  260. /package/es/{packages/components → components}/check-card/index.mjs +0 -0
  261. /package/es/{packages/components → components}/check-card/src/index.vue2.mjs +0 -0
  262. /package/es/{packages/components → components}/check-card/style/css.mjs +0 -0
  263. /package/es/{packages/components → components}/check-card/style/index.mjs +0 -0
  264. /package/es/{packages/components → components}/check-card-group/index.mjs +0 -0
  265. /package/es/{packages/components → components}/check-card-group/src/index.vue2.mjs +0 -0
  266. /package/es/{packages/components → components}/check-card-group/style/css.mjs +0 -0
  267. /package/es/{packages/components → components}/check-card-group/style/index.mjs +0 -0
  268. /package/es/{packages/components → components}/date-picker/index.mjs +0 -0
  269. /package/es/{packages/components → components}/date-picker/src/index.vue2.mjs +0 -0
  270. /package/es/{packages/components → components}/date-picker/style/css.mjs +0 -0
  271. /package/es/{packages/components → components}/date-picker/style/index.mjs +0 -0
  272. /package/es/{packages/components → components}/descriptions/index.mjs +0 -0
  273. /package/es/{packages/components → components}/descriptions/src/index.vue2.mjs +0 -0
  274. /package/es/{packages/components → components}/descriptions/style/css.mjs +0 -0
  275. /package/es/{packages/components → components}/descriptions/style/index.mjs +0 -0
  276. /package/es/{packages/components → components}/dialog/index.mjs +0 -0
  277. /package/es/{packages/components → components}/dialog/src/index.vue2.mjs +0 -0
  278. /package/es/{packages/components → components}/dialog/style/css.mjs +0 -0
  279. /package/es/{packages/components → components}/dialog/style/index.mjs +0 -0
  280. /package/es/{packages/components → components}/dialog-form/index.mjs +0 -0
  281. /package/es/{packages/components → components}/dialog-form/src/index.vue2.mjs +0 -0
  282. /package/es/{packages/components → components}/dialog-form/style/css.mjs +0 -0
  283. /package/es/{packages/components → components}/dialog-form/style/index.mjs +0 -0
  284. /package/es/{packages/components → components}/display-item/index.mjs +0 -0
  285. /package/es/{packages/components → components}/display-item/src/index.vue2.mjs +0 -0
  286. /package/es/{packages/components → components}/display-item/style/css.mjs +0 -0
  287. /package/es/{packages/components → components}/display-item/style/index.mjs +0 -0
  288. /package/es/{packages/components → components}/drawer-form/index.mjs +0 -0
  289. /package/es/{packages/components → components}/drawer-form/src/index.vue2.mjs +0 -0
  290. /package/es/{packages/components → components}/drawer-form/style/css.mjs +0 -0
  291. /package/es/{packages/components → components}/drawer-form/style/index.mjs +0 -0
  292. /package/es/{packages/components → components}/form/index.mjs +0 -0
  293. /package/es/{packages/components → components}/form/src/form-content.vue2.mjs +0 -0
  294. /package/es/{packages/components → components}/form/src/index.vue2.mjs +0 -0
  295. /package/es/{packages/components → components}/form/style/css.mjs +0 -0
  296. /package/es/{packages/components → components}/form/style/index.mjs +0 -0
  297. /package/es/{packages/components → components}/form-item/index.mjs +0 -0
  298. /package/es/{packages/components → components}/form-item/src/index.vue2.mjs +0 -0
  299. /package/es/{packages/components → components}/form-item/style/css.mjs +0 -0
  300. /package/es/{packages/components → components}/form-item/style/index.mjs +0 -0
  301. /package/es/{packages/components → components}/header/index.mjs +0 -0
  302. /package/es/{packages/components → components}/header/src/index.vue2.mjs +0 -0
  303. /package/es/{packages/components → components}/header/style/css.mjs +0 -0
  304. /package/es/{packages/components → components}/header/style/index.mjs +0 -0
  305. /package/es/{packages/components → components}/index.mjs +0 -0
  306. /package/es/{packages/components → components}/input-tag/index.mjs +0 -0
  307. /package/es/{packages/components → components}/input-tag/src/index.vue2.mjs +0 -0
  308. /package/es/{packages/components → components}/input-tag/style/css.mjs +0 -0
  309. /package/es/{packages/components → components}/input-tag/style/index.mjs +0 -0
  310. /package/es/{packages/components → components}/layout/index.mjs +0 -0
  311. /package/es/{packages/components → components}/layout/src/index.vue2.mjs +0 -0
  312. /package/es/{packages/components → components}/layout/style/css.mjs +0 -0
  313. /package/es/{packages/components → components}/layout/style/index.mjs +0 -0
  314. /package/es/{packages/components → components}/page/index.mjs +0 -0
  315. /package/es/{packages/components → components}/page/src/index.vue2.mjs +0 -0
  316. /package/es/{packages/components → components}/page/style/css.mjs +0 -0
  317. /package/es/{packages/components → components}/page/style/index.mjs +0 -0
  318. /package/es/{packages/components → components}/pagination/index.mjs +0 -0
  319. /package/es/{packages/components → components}/pagination/src/index.vue2.mjs +0 -0
  320. /package/es/{packages/components → components}/pagination/style/css.mjs +0 -0
  321. /package/es/{packages/components → components}/pagination/style/index.mjs +0 -0
  322. /package/es/{packages/components → components}/popover/index.mjs +0 -0
  323. /package/es/{packages/components → components}/popover/src/index.vue2.mjs +0 -0
  324. /package/es/{packages/components → components}/popover/style/css.mjs +0 -0
  325. /package/es/{packages/components → components}/popover/style/index.mjs +0 -0
  326. /package/es/{packages/components → components}/radio/index.mjs +0 -0
  327. /package/es/{packages/components → components}/radio/src/index.vue2.mjs +0 -0
  328. /package/es/{packages/components → components}/radio/style/css.mjs +0 -0
  329. /package/es/{packages/components → components}/radio/style/index.mjs +0 -0
  330. /package/es/{packages/components → components}/render/index.mjs +0 -0
  331. /package/es/{packages/components → components}/render/src/index.vue2.mjs +0 -0
  332. /package/es/{packages/components → components}/search/index.mjs +0 -0
  333. /package/es/{packages/components → components}/search/src/index.vue2.mjs +0 -0
  334. /package/es/{packages/components → components}/search/style/css.mjs +0 -0
  335. /package/es/{packages/components → components}/search/style/index.mjs +0 -0
  336. /package/es/{packages/components → components}/sidebar/index.mjs +0 -0
  337. /package/es/{packages/components → components}/sidebar/src/index.vue2.mjs +0 -0
  338. /package/es/{packages/components → components}/sidebar/src/sidebar-item.vue2.mjs +0 -0
  339. /package/es/{packages/components → components}/sidebar/style/css.mjs +0 -0
  340. /package/es/{packages/components → components}/sidebar/style/index.mjs +0 -0
  341. /package/es/{packages/components → components}/steps-form/index.mjs +0 -0
  342. /package/es/{packages/components → components}/steps-form/src/index.vue2.mjs +0 -0
  343. /package/es/{packages/components → components}/steps-form/style/css.mjs +0 -0
  344. /package/es/{packages/components → components}/steps-form/style/index.mjs +0 -0
  345. /package/es/{packages/components → components}/table/index.mjs +0 -0
  346. /package/es/{packages/components → components}/table/src/index.vue2.mjs +0 -0
  347. /package/es/{packages/components → components}/table/src/table-action-bar.vue2.mjs +0 -0
  348. /package/es/{packages/components → components}/table/src/table-column-drag-sort.vue2.mjs +0 -0
  349. /package/es/{packages/components → components}/table/src/table-column-index.vue2.mjs +0 -0
  350. /package/es/{packages/components → components}/table/src/table-column.vue2.mjs +0 -0
  351. /package/es/{packages/components → components}/table/src/table-title-bar.vue2.mjs +0 -0
  352. /package/es/{packages/components → components}/table/src/type.mjs +0 -0
  353. /package/es/{packages/components → components}/table/style/css.mjs +0 -0
  354. /package/es/{packages/components → components}/table/style/index.mjs +0 -0
  355. /package/es/{packages/components → components}/utils/format.mjs +0 -0
  356. /package/es/{packages/components → components}/utils/index.mjs +0 -0
  357. /package/es/{packages/components → components}/utils/is.mjs +0 -0
  358. /package/es/{packages/constants → constants}/form.mjs +0 -0
  359. /package/es/{packages/constants → constants}/index.mjs +0 -0
  360. /package/es/{packages/constants → constants}/page.mjs +0 -0
  361. /package/es/directives/{modules/click → click}/hook/useClickControl.d.ts +0 -0
  362. /package/es/{packages/directives/modules → directives}/click/hook/useClickControl.mjs +0 -0
  363. /package/es/directives/{modules/click → click}/index.d.ts +0 -0
  364. /package/es/{packages/directives/modules → directives}/click/index.mjs +0 -0
  365. /package/es/directives/{modules/click → click}/type/index.d.ts +0 -0
  366. /package/es/{packages/directives/modules → directives}/click/type/index.mjs +0 -0
  367. /package/es/{packages/hooks → hooks}/index.mjs +0 -0
  368. /package/es/{packages/hooks → hooks}/useGetOptions.mjs +0 -0
  369. /package/es/{packages/hooks → hooks}/useLocale.mjs +0 -0
  370. /package/es/{packages/hooks → hooks}/useTable.mjs +0 -0
  371. /package/es/{packages/locale → locale}/index.mjs +0 -0
  372. /package/es/{packages/locale → locale}/lang/en.mjs +0 -0
  373. /package/es/{packages/locale → locale}/lang/zh-cn.mjs +0 -0
  374. /package/es/{packages/theme-chalk → theme-chalk}/src/breadcrumb.scss.mjs +0 -0
  375. /package/es/{packages/theme-chalk → theme-chalk}/src/check-card-group.scss.mjs +0 -0
  376. /package/es/{packages/theme-chalk → theme-chalk}/src/check-card.scss.mjs +0 -0
  377. /package/es/{packages/theme-chalk → theme-chalk}/src/date-picker.scss.mjs +0 -0
  378. /package/es/{packages/theme-chalk → theme-chalk}/src/descriptions.scss.mjs +0 -0
  379. /package/es/{packages/theme-chalk → theme-chalk}/src/dialog-form.scss.mjs +0 -0
  380. /package/es/{packages/theme-chalk → theme-chalk}/src/dialog.scss.mjs +0 -0
  381. /package/es/{packages/theme-chalk → theme-chalk}/src/display-item.scss.mjs +0 -0
  382. /package/es/{packages/theme-chalk → theme-chalk}/src/drawer-form.scss.mjs +0 -0
  383. /package/es/{packages/theme-chalk → theme-chalk}/src/form-item.scss.mjs +0 -0
  384. /package/es/{packages/theme-chalk → theme-chalk}/src/form.scss.mjs +0 -0
  385. /package/es/{packages/theme-chalk → theme-chalk}/src/header.scss.mjs +0 -0
  386. /package/es/{packages/theme-chalk → theme-chalk}/src/input-tag.scss.mjs +0 -0
  387. /package/es/{packages/theme-chalk → theme-chalk}/src/layout.scss.mjs +0 -0
  388. /package/es/{packages/theme-chalk → theme-chalk}/src/page.scss.mjs +0 -0
  389. /package/es/{packages/theme-chalk → theme-chalk}/src/pagination.scss.mjs +0 -0
  390. /package/es/{packages/theme-chalk → theme-chalk}/src/popover.scss.mjs +0 -0
  391. /package/es/{packages/theme-chalk → theme-chalk}/src/radio.scss.mjs +0 -0
  392. /package/es/{packages/theme-chalk → theme-chalk}/src/search.scss.mjs +0 -0
  393. /package/es/{packages/theme-chalk → theme-chalk}/src/sidebar.scss.mjs +0 -0
  394. /package/es/{packages/theme-chalk → theme-chalk}/src/steps-form.scss.mjs +0 -0
  395. /package/es/{packages/theme-chalk → theme-chalk}/src/table.scss.mjs +0 -0
  396. /package/es/{packages/types → types}/form.mjs +0 -0
  397. /package/es/{packages/types → types}/global.mjs +0 -0
  398. /package/es/{packages/types → types}/index.mjs +0 -0
  399. /package/es/{packages/types → types}/layout.mjs +0 -0
  400. /package/es/{packages/types → types}/plus.mjs +0 -0
  401. /package/es/{packages/types → types}/table.mjs +0 -0
  402. /package/lib/{packages/components → components}/breadcrumb/index.js +0 -0
  403. /package/lib/{packages/components → components}/breadcrumb/src/index.vue2.js +0 -0
  404. /package/lib/{packages/components → components}/breadcrumb/style/css.js +0 -0
  405. /package/lib/{packages/components → components}/breadcrumb/style/index.js +0 -0
  406. /package/lib/{packages/components → components}/check-card/index.js +0 -0
  407. /package/lib/{packages/components → components}/check-card/src/index.vue2.js +0 -0
  408. /package/lib/{packages/components → components}/check-card/style/css.js +0 -0
  409. /package/lib/{packages/components → components}/check-card/style/index.js +0 -0
  410. /package/lib/{packages/components → components}/check-card-group/index.js +0 -0
  411. /package/lib/{packages/components → components}/check-card-group/src/index.vue2.js +0 -0
  412. /package/lib/{packages/components → components}/check-card-group/style/css.js +0 -0
  413. /package/lib/{packages/components → components}/check-card-group/style/index.js +0 -0
  414. /package/lib/{packages/components → components}/date-picker/index.js +0 -0
  415. /package/lib/{packages/components → components}/date-picker/src/index.vue2.js +0 -0
  416. /package/lib/{packages/components → components}/date-picker/style/css.js +0 -0
  417. /package/lib/{packages/components → components}/date-picker/style/index.js +0 -0
  418. /package/lib/{packages/components → components}/descriptions/index.js +0 -0
  419. /package/lib/{packages/components → components}/descriptions/src/index.vue2.js +0 -0
  420. /package/lib/{packages/components → components}/descriptions/style/css.js +0 -0
  421. /package/lib/{packages/components → components}/descriptions/style/index.js +0 -0
  422. /package/lib/{packages/components → components}/dialog/index.js +0 -0
  423. /package/lib/{packages/components → components}/dialog/src/index.vue2.js +0 -0
  424. /package/lib/{packages/components → components}/dialog/style/css.js +0 -0
  425. /package/lib/{packages/components → components}/dialog/style/index.js +0 -0
  426. /package/lib/{packages/components → components}/dialog-form/index.js +0 -0
  427. /package/lib/{packages/components → components}/dialog-form/src/index.vue2.js +0 -0
  428. /package/lib/{packages/components → components}/dialog-form/style/css.js +0 -0
  429. /package/lib/{packages/components → components}/dialog-form/style/index.js +0 -0
  430. /package/lib/{packages/components → components}/display-item/index.js +0 -0
  431. /package/lib/{packages/components → components}/display-item/src/index.vue2.js +0 -0
  432. /package/lib/{packages/components → components}/display-item/style/css.js +0 -0
  433. /package/lib/{packages/components → components}/display-item/style/index.js +0 -0
  434. /package/lib/{packages/components → components}/drawer-form/index.js +0 -0
  435. /package/lib/{packages/components → components}/drawer-form/src/index.vue2.js +0 -0
  436. /package/lib/{packages/components → components}/drawer-form/style/css.js +0 -0
  437. /package/lib/{packages/components → components}/drawer-form/style/index.js +0 -0
  438. /package/lib/{packages/components → components}/form/index.js +0 -0
  439. /package/lib/{packages/components → components}/form/src/form-content.vue2.js +0 -0
  440. /package/lib/{packages/components → components}/form/src/index.vue2.js +0 -0
  441. /package/lib/{packages/components → components}/form/style/css.js +0 -0
  442. /package/lib/{packages/components → components}/form/style/index.js +0 -0
  443. /package/lib/{packages/components → components}/form-item/index.js +0 -0
  444. /package/lib/{packages/components → components}/form-item/src/index.vue2.js +0 -0
  445. /package/lib/{packages/components → components}/form-item/style/css.js +0 -0
  446. /package/lib/{packages/components → components}/form-item/style/index.js +0 -0
  447. /package/lib/{packages/components → components}/header/index.js +0 -0
  448. /package/lib/{packages/components → components}/header/src/index.vue2.js +0 -0
  449. /package/lib/{packages/components → components}/header/style/css.js +0 -0
  450. /package/lib/{packages/components → components}/header/style/index.js +0 -0
  451. /package/lib/{packages/components → components}/index.js +0 -0
  452. /package/lib/{packages/components → components}/input-tag/index.js +0 -0
  453. /package/lib/{packages/components → components}/input-tag/src/index.vue2.js +0 -0
  454. /package/lib/{packages/components → components}/input-tag/style/css.js +0 -0
  455. /package/lib/{packages/components → components}/input-tag/style/index.js +0 -0
  456. /package/lib/{packages/components → components}/layout/index.js +0 -0
  457. /package/lib/{packages/components → components}/layout/src/index.vue2.js +0 -0
  458. /package/lib/{packages/components → components}/layout/style/css.js +0 -0
  459. /package/lib/{packages/components → components}/layout/style/index.js +0 -0
  460. /package/lib/{packages/components → components}/page/index.js +0 -0
  461. /package/lib/{packages/components → components}/page/src/index.vue2.js +0 -0
  462. /package/lib/{packages/components → components}/page/style/css.js +0 -0
  463. /package/lib/{packages/components → components}/page/style/index.js +0 -0
  464. /package/lib/{packages/components → components}/pagination/index.js +0 -0
  465. /package/lib/{packages/components → components}/pagination/src/index.vue2.js +0 -0
  466. /package/lib/{packages/components → components}/pagination/style/css.js +0 -0
  467. /package/lib/{packages/components → components}/pagination/style/index.js +0 -0
  468. /package/lib/{packages/components → components}/popover/index.js +0 -0
  469. /package/lib/{packages/components → components}/popover/src/index.vue2.js +0 -0
  470. /package/lib/{packages/components → components}/popover/style/css.js +0 -0
  471. /package/lib/{packages/components → components}/popover/style/index.js +0 -0
  472. /package/lib/{packages/components → components}/radio/index.js +0 -0
  473. /package/lib/{packages/components → components}/radio/src/index.vue2.js +0 -0
  474. /package/lib/{packages/components → components}/radio/style/css.js +0 -0
  475. /package/lib/{packages/components → components}/radio/style/index.js +0 -0
  476. /package/lib/{packages/components → components}/render/index.js +0 -0
  477. /package/lib/{packages/components → components}/render/src/index.vue2.js +0 -0
  478. /package/lib/{packages/components → components}/search/index.js +0 -0
  479. /package/lib/{packages/components → components}/search/src/index.vue2.js +0 -0
  480. /package/lib/{packages/components → components}/search/style/css.js +0 -0
  481. /package/lib/{packages/components → components}/search/style/index.js +0 -0
  482. /package/lib/{packages/components → components}/sidebar/index.js +0 -0
  483. /package/lib/{packages/components → components}/sidebar/src/index.vue2.js +0 -0
  484. /package/lib/{packages/components → components}/sidebar/src/sidebar-item.vue2.js +0 -0
  485. /package/lib/{packages/components → components}/sidebar/style/css.js +0 -0
  486. /package/lib/{packages/components → components}/sidebar/style/index.js +0 -0
  487. /package/lib/{packages/components → components}/steps-form/index.js +0 -0
  488. /package/lib/{packages/components → components}/steps-form/src/index.vue2.js +0 -0
  489. /package/lib/{packages/components → components}/steps-form/style/css.js +0 -0
  490. /package/lib/{packages/components → components}/steps-form/style/index.js +0 -0
  491. /package/lib/{packages/components → components}/table/index.js +0 -0
  492. /package/lib/{packages/components → components}/table/src/index.vue2.js +0 -0
  493. /package/lib/{packages/components → components}/table/src/table-action-bar.vue2.js +0 -0
  494. /package/lib/{packages/components → components}/table/src/table-column-drag-sort.vue2.js +0 -0
  495. /package/lib/{packages/components → components}/table/src/table-column-index.vue2.js +0 -0
  496. /package/lib/{packages/components → components}/table/src/table-column.vue2.js +0 -0
  497. /package/lib/{packages/components → components}/table/src/table-title-bar.vue2.js +0 -0
  498. /package/lib/{packages/components → components}/table/src/type.js +0 -0
  499. /package/lib/{packages/components → components}/table/style/css.js +0 -0
  500. /package/lib/{packages/components → components}/table/style/index.js +0 -0
  501. /package/lib/{packages/components → components}/utils/format.js +0 -0
  502. /package/lib/{packages/components → components}/utils/index.js +0 -0
  503. /package/lib/{packages/components → components}/utils/is.js +0 -0
  504. /package/lib/{packages/constants → constants}/form.js +0 -0
  505. /package/lib/{packages/constants → constants}/index.js +0 -0
  506. /package/lib/{packages/constants → constants}/page.js +0 -0
  507. /package/lib/directives/{modules/click → click}/hook/useClickControl.d.ts +0 -0
  508. /package/lib/{packages/directives/modules → directives}/click/hook/useClickControl.js +0 -0
  509. /package/lib/directives/{modules/click → click}/index.d.ts +0 -0
  510. /package/lib/{packages/directives/modules → directives}/click/index.js +0 -0
  511. /package/lib/directives/{modules/click → click}/type/index.d.ts +0 -0
  512. /package/lib/{packages/directives/modules → directives}/click/type/index.js +0 -0
  513. /package/lib/{packages/hooks → hooks}/index.js +0 -0
  514. /package/lib/{packages/hooks → hooks}/useGetOptions.js +0 -0
  515. /package/lib/{packages/hooks → hooks}/useLocale.js +0 -0
  516. /package/lib/{packages/hooks → hooks}/useTable.js +0 -0
  517. /package/lib/{packages/locale → locale}/index.js +0 -0
  518. /package/lib/{packages/locale → locale}/lang/en.js +0 -0
  519. /package/lib/{packages/locale → locale}/lang/zh-cn.js +0 -0
  520. /package/lib/{packages/theme-chalk → theme-chalk}/src/breadcrumb.scss.js +0 -0
  521. /package/lib/{packages/theme-chalk → theme-chalk}/src/check-card-group.scss.js +0 -0
  522. /package/lib/{packages/theme-chalk → theme-chalk}/src/check-card.scss.js +0 -0
  523. /package/lib/{packages/theme-chalk → theme-chalk}/src/date-picker.scss.js +0 -0
  524. /package/lib/{packages/theme-chalk → theme-chalk}/src/descriptions.scss.js +0 -0
  525. /package/lib/{packages/theme-chalk → theme-chalk}/src/dialog-form.scss.js +0 -0
  526. /package/lib/{packages/theme-chalk → theme-chalk}/src/dialog.scss.js +0 -0
  527. /package/lib/{packages/theme-chalk → theme-chalk}/src/display-item.scss.js +0 -0
  528. /package/lib/{packages/theme-chalk → theme-chalk}/src/drawer-form.scss.js +0 -0
  529. /package/lib/{packages/theme-chalk → theme-chalk}/src/form-item.scss.js +0 -0
  530. /package/lib/{packages/theme-chalk → theme-chalk}/src/form.scss.js +0 -0
  531. /package/lib/{packages/theme-chalk → theme-chalk}/src/header.scss.js +0 -0
  532. /package/lib/{packages/theme-chalk → theme-chalk}/src/input-tag.scss.js +0 -0
  533. /package/lib/{packages/theme-chalk → theme-chalk}/src/layout.scss.js +0 -0
  534. /package/lib/{packages/theme-chalk → theme-chalk}/src/page.scss.js +0 -0
  535. /package/lib/{packages/theme-chalk → theme-chalk}/src/pagination.scss.js +0 -0
  536. /package/lib/{packages/theme-chalk → theme-chalk}/src/popover.scss.js +0 -0
  537. /package/lib/{packages/theme-chalk → theme-chalk}/src/radio.scss.js +0 -0
  538. /package/lib/{packages/theme-chalk → theme-chalk}/src/search.scss.js +0 -0
  539. /package/lib/{packages/theme-chalk → theme-chalk}/src/sidebar.scss.js +0 -0
  540. /package/lib/{packages/theme-chalk → theme-chalk}/src/steps-form.scss.js +0 -0
  541. /package/lib/{packages/theme-chalk → theme-chalk}/src/table.scss.js +0 -0
  542. /package/lib/{packages/types → types}/form.js +0 -0
  543. /package/lib/{packages/types → types}/global.js +0 -0
  544. /package/lib/{packages/types → types}/index.js +0 -0
  545. /package/lib/{packages/types → types}/layout.js +0 -0
  546. /package/lib/{packages/types → types}/plus.js +0 -0
  547. /package/lib/{packages/types → types}/table.js +0 -0
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! @wlydfe/pro-ui v0.2.3 */
1
+ /*! @wlydfe/pro-ui v0.2.5 */
2
2
  (function (global, factory) {
3
3
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
4
4
  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -1428,7 +1428,7 @@
1428
1428
  ListCache.prototype.set = listCacheSet;
1429
1429
 
1430
1430
  /* Built-in method references that are verified to be native. */
1431
- var Map$1 = getNative(root, 'Map');
1431
+ var Map = getNative(root, 'Map');
1432
1432
 
1433
1433
  /**
1434
1434
  * Removes all key-value entries from the map.
@@ -1441,7 +1441,7 @@
1441
1441
  this.size = 0;
1442
1442
  this.__data__ = {
1443
1443
  'hash': new Hash,
1444
- 'map': new (Map$1 || ListCache),
1444
+ 'map': new (Map || ListCache),
1445
1445
  'string': new Hash
1446
1446
  };
1447
1447
  }
@@ -1879,7 +1879,7 @@
1879
1879
  var data = this.__data__;
1880
1880
  if (data instanceof ListCache) {
1881
1881
  var pairs = data.__data__;
1882
- if (!Map$1 || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
1882
+ if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
1883
1883
  pairs.push([key, value]);
1884
1884
  this.size = ++data.size;
1885
1885
  return this;
@@ -2129,7 +2129,7 @@
2129
2129
  var Promise$1 = getNative(root, 'Promise');
2130
2130
 
2131
2131
  /* Built-in method references that are verified to be native. */
2132
- var Set$1 = getNative(root, 'Set');
2132
+ var Set = getNative(root, 'Set');
2133
2133
 
2134
2134
  /** `Object#toString` result references. */
2135
2135
  var mapTag$3 = '[object Map]',
@@ -2142,9 +2142,9 @@
2142
2142
 
2143
2143
  /** Used to detect maps, sets, and weakmaps. */
2144
2144
  var dataViewCtorString = toSource(DataView),
2145
- mapCtorString = toSource(Map$1),
2145
+ mapCtorString = toSource(Map),
2146
2146
  promiseCtorString = toSource(Promise$1),
2147
- setCtorString = toSource(Set$1),
2147
+ setCtorString = toSource(Set),
2148
2148
  weakMapCtorString = toSource(WeakMap);
2149
2149
 
2150
2150
  /**
@@ -2158,9 +2158,9 @@
2158
2158
 
2159
2159
  // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
2160
2160
  if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$2) ||
2161
- (Map$1 && getTag(new Map$1) != mapTag$3) ||
2161
+ (Map && getTag(new Map) != mapTag$3) ||
2162
2162
  (Promise$1 && getTag(Promise$1.resolve()) != promiseTag) ||
2163
- (Set$1 && getTag(new Set$1) != setTag$3) ||
2163
+ (Set && getTag(new Set) != setTag$3) ||
2164
2164
  (WeakMap && getTag(new WeakMap) != weakMapTag$1)) {
2165
2165
  getTag = function(value) {
2166
2166
  var result = baseGetTag(value),
@@ -12162,8 +12162,6 @@
12162
12162
  PlusCheckCardGroup
12163
12163
  ];
12164
12164
 
12165
- var installer = makeInstaller([...plugins]);
12166
-
12167
12165
  const CLICK_CONST = {
12168
12166
  MODIFIERS: {
12169
12167
  DEBOUNCE: "debounce",
@@ -12296,4533 +12294,19 @@
12296
12294
  }
12297
12295
  }
12298
12296
  };
12299
- var click$1 = click;
12300
-
12301
- /*!
12302
- * vue-tippy v6.7.1
12303
- * (c) 2025
12304
- * @license MIT
12305
- */
12306
-
12307
- var top = 'top';
12308
- var bottom = 'bottom';
12309
- var right = 'right';
12310
- var left = 'left';
12311
- var auto = 'auto';
12312
- var basePlacements = [top, bottom, right, left];
12313
- var start = 'start';
12314
- var end = 'end';
12315
- var clippingParents = 'clippingParents';
12316
- var viewport = 'viewport';
12317
- var popper = 'popper';
12318
- var reference = 'reference';
12319
- var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
12320
- return acc.concat([placement + "-" + start, placement + "-" + end]);
12321
- }, []);
12322
- var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
12323
- return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
12324
- }, []); // modifiers that need to read the DOM
12325
-
12326
- var beforeRead = 'beforeRead';
12327
- var read = 'read';
12328
- var afterRead = 'afterRead'; // pure-logic modifiers
12329
-
12330
- var beforeMain = 'beforeMain';
12331
- var main = 'main';
12332
- var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
12333
-
12334
- var beforeWrite = 'beforeWrite';
12335
- var write = 'write';
12336
- var afterWrite = 'afterWrite';
12337
- var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
12338
-
12339
- function getNodeName(element) {
12340
- return element ? (element.nodeName || '').toLowerCase() : null;
12341
- }
12342
-
12343
- function getWindow(node) {
12344
- if (node == null) {
12345
- return window;
12346
- }
12347
-
12348
- if (node.toString() !== '[object Window]') {
12349
- var ownerDocument = node.ownerDocument;
12350
- return ownerDocument ? ownerDocument.defaultView || window : window;
12351
- }
12352
-
12353
- return node;
12354
- }
12355
-
12356
- function isElement(node) {
12357
- var OwnElement = getWindow(node).Element;
12358
- return node instanceof OwnElement || node instanceof Element;
12359
- }
12360
-
12361
- function isHTMLElement(node) {
12362
- var OwnElement = getWindow(node).HTMLElement;
12363
- return node instanceof OwnElement || node instanceof HTMLElement;
12364
- }
12365
-
12366
- function isShadowRoot(node) {
12367
- // IE 11 has no ShadowRoot
12368
- if (typeof ShadowRoot === 'undefined') {
12369
- return false;
12370
- }
12371
-
12372
- var OwnElement = getWindow(node).ShadowRoot;
12373
- return node instanceof OwnElement || node instanceof ShadowRoot;
12374
- }
12375
-
12376
- // and applies them to the HTMLElements such as popper and arrow
12377
-
12378
- function applyStyles(_ref) {
12379
- var state = _ref.state;
12380
- Object.keys(state.elements).forEach(function (name) {
12381
- var style = state.styles[name] || {};
12382
- var attributes = state.attributes[name] || {};
12383
- var element = state.elements[name]; // arrow is optional + virtual elements
12384
-
12385
- if (!isHTMLElement(element) || !getNodeName(element)) {
12386
- return;
12387
- } // Flow doesn't support to extend this property, but it's the most
12388
- // effective way to apply styles to an HTMLElement
12389
- // $FlowFixMe[cannot-write]
12390
-
12391
-
12392
- Object.assign(element.style, style);
12393
- Object.keys(attributes).forEach(function (name) {
12394
- var value = attributes[name];
12395
-
12396
- if (value === false) {
12397
- element.removeAttribute(name);
12398
- } else {
12399
- element.setAttribute(name, value === true ? '' : value);
12400
- }
12401
- });
12402
- });
12403
- }
12404
-
12405
- function effect(_ref2) {
12406
- var state = _ref2.state;
12407
- var initialStyles = {
12408
- popper: {
12409
- position: state.options.strategy,
12410
- left: '0',
12411
- top: '0',
12412
- margin: '0'
12413
- },
12414
- arrow: {
12415
- position: 'absolute'
12416
- },
12417
- reference: {}
12418
- };
12419
- Object.assign(state.elements.popper.style, initialStyles.popper);
12420
- state.styles = initialStyles;
12421
-
12422
- if (state.elements.arrow) {
12423
- Object.assign(state.elements.arrow.style, initialStyles.arrow);
12424
- }
12425
-
12426
- return function () {
12427
- Object.keys(state.elements).forEach(function (name) {
12428
- var element = state.elements[name];
12429
- var attributes = state.attributes[name] || {};
12430
- var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them
12431
-
12432
- var style = styleProperties.reduce(function (style, property) {
12433
- style[property] = '';
12434
- return style;
12435
- }, {}); // arrow is optional + virtual elements
12436
-
12437
- if (!isHTMLElement(element) || !getNodeName(element)) {
12438
- return;
12439
- }
12440
-
12441
- Object.assign(element.style, style);
12442
- Object.keys(attributes).forEach(function (attribute) {
12443
- element.removeAttribute(attribute);
12444
- });
12445
- });
12446
- };
12447
- } // eslint-disable-next-line import/no-unused-modules
12448
-
12449
-
12450
- var applyStyles$1 = {
12451
- name: 'applyStyles',
12452
- enabled: true,
12453
- phase: 'write',
12454
- fn: applyStyles,
12455
- effect: effect,
12456
- requires: ['computeStyles']
12457
- };
12458
-
12459
- function getBasePlacement(placement) {
12460
- return placement.split('-')[0];
12461
- }
12462
-
12463
- var max = Math.max;
12464
- var min = Math.min;
12465
- var round = Math.round;
12466
-
12467
- function getBoundingClientRect(element, includeScale) {
12468
- if (includeScale === void 0) {
12469
- includeScale = false;
12470
- }
12471
-
12472
- var rect = element.getBoundingClientRect();
12473
- var scaleX = 1;
12474
- var scaleY = 1;
12475
-
12476
- if (isHTMLElement(element) && includeScale) {
12477
- var offsetHeight = element.offsetHeight;
12478
- var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
12479
- // Fallback to 1 in case both values are `0`
12480
-
12481
- if (offsetWidth > 0) {
12482
- scaleX = round(rect.width) / offsetWidth || 1;
12483
- }
12484
-
12485
- if (offsetHeight > 0) {
12486
- scaleY = round(rect.height) / offsetHeight || 1;
12487
- }
12488
- }
12489
-
12490
- return {
12491
- width: rect.width / scaleX,
12492
- height: rect.height / scaleY,
12493
- top: rect.top / scaleY,
12494
- right: rect.right / scaleX,
12495
- bottom: rect.bottom / scaleY,
12496
- left: rect.left / scaleX,
12497
- x: rect.left / scaleX,
12498
- y: rect.top / scaleY
12499
- };
12500
- }
12501
-
12502
- // means it doesn't take into account transforms.
12503
-
12504
- function getLayoutRect(element) {
12505
- var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
12506
- // Fixes https://github.com/popperjs/popper-core/issues/1223
12507
-
12508
- var width = element.offsetWidth;
12509
- var height = element.offsetHeight;
12510
-
12511
- if (Math.abs(clientRect.width - width) <= 1) {
12512
- width = clientRect.width;
12513
- }
12514
-
12515
- if (Math.abs(clientRect.height - height) <= 1) {
12516
- height = clientRect.height;
12517
- }
12518
-
12519
- return {
12520
- x: element.offsetLeft,
12521
- y: element.offsetTop,
12522
- width: width,
12523
- height: height
12524
- };
12525
- }
12526
-
12527
- function contains(parent, child) {
12528
- var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
12529
-
12530
- if (parent.contains(child)) {
12531
- return true;
12532
- } // then fallback to custom implementation with Shadow DOM support
12533
- else if (rootNode && isShadowRoot(rootNode)) {
12534
- var next = child;
12535
-
12536
- do {
12537
- if (next && parent.isSameNode(next)) {
12538
- return true;
12539
- } // $FlowFixMe[prop-missing]: need a better way to handle this...
12540
-
12541
-
12542
- next = next.parentNode || next.host;
12543
- } while (next);
12544
- } // Give up, the result is false
12545
-
12546
-
12547
- return false;
12548
- }
12549
-
12550
- function getComputedStyle(element) {
12551
- return getWindow(element).getComputedStyle(element);
12552
- }
12553
-
12554
- function isTableElement(element) {
12555
- return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;
12556
- }
12557
-
12558
- function getDocumentElement(element) {
12559
- // $FlowFixMe[incompatible-return]: assume body is always available
12560
- return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
12561
- element.document) || window.document).documentElement;
12562
- }
12563
-
12564
- function getParentNode(element) {
12565
- if (getNodeName(element) === 'html') {
12566
- return element;
12567
- }
12568
-
12569
- return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
12570
- // $FlowFixMe[incompatible-return]
12571
- // $FlowFixMe[prop-missing]
12572
- element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
12573
- element.parentNode || ( // DOM Element detected
12574
- isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
12575
- // $FlowFixMe[incompatible-call]: HTMLElement is a Node
12576
- getDocumentElement(element) // fallback
12577
-
12578
- );
12579
- }
12580
-
12581
- function getTrueOffsetParent(element) {
12582
- if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
12583
- getComputedStyle(element).position === 'fixed') {
12584
- return null;
12585
- }
12586
-
12587
- return element.offsetParent;
12588
- } // `.offsetParent` reports `null` for fixed elements, while absolute elements
12589
- // return the containing block
12590
-
12591
-
12592
- function getContainingBlock(element) {
12593
- var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
12594
- var isIE = navigator.userAgent.indexOf('Trident') !== -1;
12595
-
12596
- if (isIE && isHTMLElement(element)) {
12597
- // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
12598
- var elementCss = getComputedStyle(element);
12599
-
12600
- if (elementCss.position === 'fixed') {
12601
- return null;
12602
- }
12603
- }
12604
-
12605
- var currentNode = getParentNode(element);
12606
-
12607
- while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
12608
- var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
12609
- // create a containing block.
12610
- // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
12611
-
12612
- if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
12613
- return currentNode;
12614
- } else {
12615
- currentNode = currentNode.parentNode;
12616
- }
12617
- }
12618
-
12619
- return null;
12620
- } // Gets the closest ancestor positioned element. Handles some edge cases,
12621
- // such as table ancestors and cross browser bugs.
12622
-
12623
-
12624
- function getOffsetParent(element) {
12625
- var window = getWindow(element);
12626
- var offsetParent = getTrueOffsetParent(element);
12627
-
12628
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
12629
- offsetParent = getTrueOffsetParent(offsetParent);
12630
- }
12631
-
12632
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {
12633
- return window;
12634
- }
12635
-
12636
- return offsetParent || getContainingBlock(element) || window;
12637
- }
12638
-
12639
- function getMainAxisFromPlacement(placement) {
12640
- return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
12641
- }
12642
-
12643
- function within(min$1, value, max$1) {
12644
- return max(min$1, min(value, max$1));
12645
- }
12646
- function withinMaxClamp(min, value, max) {
12647
- var v = within(min, value, max);
12648
- return v > max ? max : v;
12649
- }
12650
-
12651
- function getFreshSideObject() {
12652
- return {
12653
- top: 0,
12654
- right: 0,
12655
- bottom: 0,
12656
- left: 0
12657
- };
12658
- }
12659
-
12660
- function mergePaddingObject(paddingObject) {
12661
- return Object.assign({}, getFreshSideObject(), paddingObject);
12662
- }
12663
-
12664
- function expandToHashMap(value, keys) {
12665
- return keys.reduce(function (hashMap, key) {
12666
- hashMap[key] = value;
12667
- return hashMap;
12668
- }, {});
12669
- }
12670
-
12671
- var toPaddingObject = function toPaddingObject(padding, state) {
12672
- padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
12673
- placement: state.placement
12674
- })) : padding;
12675
- return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
12676
- };
12677
-
12678
- function arrow(_ref) {
12679
- var _state$modifiersData$;
12680
-
12681
- var state = _ref.state,
12682
- name = _ref.name,
12683
- options = _ref.options;
12684
- var arrowElement = state.elements.arrow;
12685
- var popperOffsets = state.modifiersData.popperOffsets;
12686
- var basePlacement = getBasePlacement(state.placement);
12687
- var axis = getMainAxisFromPlacement(basePlacement);
12688
- var isVertical = [left, right].indexOf(basePlacement) >= 0;
12689
- var len = isVertical ? 'height' : 'width';
12690
-
12691
- if (!arrowElement || !popperOffsets) {
12692
- return;
12693
- }
12694
-
12695
- var paddingObject = toPaddingObject(options.padding, state);
12696
- var arrowRect = getLayoutRect(arrowElement);
12697
- var minProp = axis === 'y' ? top : left;
12698
- var maxProp = axis === 'y' ? bottom : right;
12699
- var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];
12700
- var startDiff = popperOffsets[axis] - state.rects.reference[axis];
12701
- var arrowOffsetParent = getOffsetParent(arrowElement);
12702
- var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
12703
- var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is
12704
- // outside of the popper bounds
12705
-
12706
- var min = paddingObject[minProp];
12707
- var max = clientSize - arrowRect[len] - paddingObject[maxProp];
12708
- var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
12709
- var offset = within(min, center, max); // Prevents breaking syntax highlighting...
12710
-
12711
- var axisProp = axis;
12712
- state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
12713
- }
12714
-
12715
- function effect$1(_ref2) {
12716
- var state = _ref2.state,
12717
- options = _ref2.options;
12718
- var _options$element = options.element,
12719
- arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
12720
-
12721
- if (arrowElement == null) {
12722
- return;
12723
- } // CSS selector
12724
-
12725
-
12726
- if (typeof arrowElement === 'string') {
12727
- arrowElement = state.elements.popper.querySelector(arrowElement);
12728
-
12729
- if (!arrowElement) {
12730
- return;
12731
- }
12732
- }
12733
-
12734
- if (!contains(state.elements.popper, arrowElement)) {
12735
-
12736
- return;
12737
- }
12738
-
12739
- state.elements.arrow = arrowElement;
12740
- } // eslint-disable-next-line import/no-unused-modules
12741
-
12742
-
12743
- var arrow$1 = {
12744
- name: 'arrow',
12745
- enabled: true,
12746
- phase: 'main',
12747
- fn: arrow,
12748
- effect: effect$1,
12749
- requires: ['popperOffsets'],
12750
- requiresIfExists: ['preventOverflow']
12751
- };
12752
-
12753
- function getVariation(placement) {
12754
- return placement.split('-')[1];
12755
- }
12756
-
12757
- var unsetSides = {
12758
- top: 'auto',
12759
- right: 'auto',
12760
- bottom: 'auto',
12761
- left: 'auto'
12762
- }; // Round the offsets to the nearest suitable subpixel based on the DPR.
12763
- // Zooming can change the DPR, but it seems to report a value that will
12764
- // cleanly divide the values into the appropriate subpixels.
12765
-
12766
- function roundOffsetsByDPR(_ref) {
12767
- var x = _ref.x,
12768
- y = _ref.y;
12769
- var win = window;
12770
- var dpr = win.devicePixelRatio || 1;
12771
- return {
12772
- x: round(x * dpr) / dpr || 0,
12773
- y: round(y * dpr) / dpr || 0
12774
- };
12775
- }
12776
-
12777
- function mapToStyles(_ref2) {
12778
- var _Object$assign2;
12779
-
12780
- var popper = _ref2.popper,
12781
- popperRect = _ref2.popperRect,
12782
- placement = _ref2.placement,
12783
- variation = _ref2.variation,
12784
- offsets = _ref2.offsets,
12785
- position = _ref2.position,
12786
- gpuAcceleration = _ref2.gpuAcceleration,
12787
- adaptive = _ref2.adaptive,
12788
- roundOffsets = _ref2.roundOffsets,
12789
- isFixed = _ref2.isFixed;
12790
-
12791
- var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
12792
- _ref3$x = _ref3.x,
12793
- x = _ref3$x === void 0 ? 0 : _ref3$x,
12794
- _ref3$y = _ref3.y,
12795
- y = _ref3$y === void 0 ? 0 : _ref3$y;
12796
-
12797
- var hasX = offsets.hasOwnProperty('x');
12798
- var hasY = offsets.hasOwnProperty('y');
12799
- var sideX = left;
12800
- var sideY = top;
12801
- var win = window;
12802
-
12803
- if (adaptive) {
12804
- var offsetParent = getOffsetParent(popper);
12805
- var heightProp = 'clientHeight';
12806
- var widthProp = 'clientWidth';
12807
-
12808
- if (offsetParent === getWindow(popper)) {
12809
- offsetParent = getDocumentElement(popper);
12810
-
12811
- if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {
12812
- heightProp = 'scrollHeight';
12813
- widthProp = 'scrollWidth';
12814
- }
12815
- } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
12816
-
12817
-
12818
- offsetParent = offsetParent;
12819
-
12820
- if (placement === top || (placement === left || placement === right) && variation === end) {
12821
- sideY = bottom;
12822
- var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
12823
- offsetParent[heightProp];
12824
- y -= offsetY - popperRect.height;
12825
- y *= gpuAcceleration ? 1 : -1;
12826
- }
12827
-
12828
- if (placement === left || (placement === top || placement === bottom) && variation === end) {
12829
- sideX = right;
12830
- var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
12831
- offsetParent[widthProp];
12832
- x -= offsetX - popperRect.width;
12833
- x *= gpuAcceleration ? 1 : -1;
12834
- }
12835
- }
12836
-
12837
- var commonStyles = Object.assign({
12838
- position: position
12839
- }, adaptive && unsetSides);
12840
-
12841
- if (gpuAcceleration) {
12842
- var _Object$assign;
12843
-
12844
- return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
12845
- }
12846
-
12847
- return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
12848
- }
12849
-
12850
- function computeStyles(_ref4) {
12851
- var state = _ref4.state,
12852
- options = _ref4.options;
12853
- var _options$gpuAccelerat = options.gpuAcceleration,
12854
- gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
12855
- _options$adaptive = options.adaptive,
12856
- adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
12857
- _options$roundOffsets = options.roundOffsets,
12858
- roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
12859
-
12860
- var commonStyles = {
12861
- placement: getBasePlacement(state.placement),
12862
- variation: getVariation(state.placement),
12863
- popper: state.elements.popper,
12864
- popperRect: state.rects.popper,
12865
- gpuAcceleration: gpuAcceleration,
12866
- isFixed: state.options.strategy === 'fixed'
12867
- };
12868
-
12869
- if (state.modifiersData.popperOffsets != null) {
12870
- state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
12871
- offsets: state.modifiersData.popperOffsets,
12872
- position: state.options.strategy,
12873
- adaptive: adaptive,
12874
- roundOffsets: roundOffsets
12875
- })));
12876
- }
12877
-
12878
- if (state.modifiersData.arrow != null) {
12879
- state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
12880
- offsets: state.modifiersData.arrow,
12881
- position: 'absolute',
12882
- adaptive: false,
12883
- roundOffsets: roundOffsets
12884
- })));
12885
- }
12886
-
12887
- state.attributes.popper = Object.assign({}, state.attributes.popper, {
12888
- 'data-popper-placement': state.placement
12889
- });
12890
- } // eslint-disable-next-line import/no-unused-modules
12891
-
12892
-
12893
- var computeStyles$1 = {
12894
- name: 'computeStyles',
12895
- enabled: true,
12896
- phase: 'beforeWrite',
12897
- fn: computeStyles,
12898
- data: {}
12899
- };
12900
-
12901
- var passive = {
12902
- passive: true
12903
- };
12904
-
12905
- function effect$2(_ref) {
12906
- var state = _ref.state,
12907
- instance = _ref.instance,
12908
- options = _ref.options;
12909
- var _options$scroll = options.scroll,
12910
- scroll = _options$scroll === void 0 ? true : _options$scroll,
12911
- _options$resize = options.resize,
12912
- resize = _options$resize === void 0 ? true : _options$resize;
12913
- var window = getWindow(state.elements.popper);
12914
- var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
12915
-
12916
- if (scroll) {
12917
- scrollParents.forEach(function (scrollParent) {
12918
- scrollParent.addEventListener('scroll', instance.update, passive);
12919
- });
12920
- }
12921
-
12922
- if (resize) {
12923
- window.addEventListener('resize', instance.update, passive);
12924
- }
12925
-
12926
- return function () {
12927
- if (scroll) {
12928
- scrollParents.forEach(function (scrollParent) {
12929
- scrollParent.removeEventListener('scroll', instance.update, passive);
12930
- });
12931
- }
12932
-
12933
- if (resize) {
12934
- window.removeEventListener('resize', instance.update, passive);
12935
- }
12936
- };
12937
- } // eslint-disable-next-line import/no-unused-modules
12938
-
12939
-
12940
- var eventListeners = {
12941
- name: 'eventListeners',
12942
- enabled: true,
12943
- phase: 'write',
12944
- fn: function fn() {},
12945
- effect: effect$2,
12946
- data: {}
12947
- };
12948
-
12949
- var hash = {
12950
- left: 'right',
12951
- right: 'left',
12952
- bottom: 'top',
12953
- top: 'bottom'
12954
- };
12955
- function getOppositePlacement(placement) {
12956
- return placement.replace(/left|right|bottom|top/g, function (matched) {
12957
- return hash[matched];
12958
- });
12959
- }
12297
+ var Click = click;
12960
12298
 
12961
- var hash$1 = {
12962
- start: 'end',
12963
- end: 'start'
12299
+ const directives = {
12300
+ click: Click
12964
12301
  };
12965
- function getOppositeVariationPlacement(placement) {
12966
- return placement.replace(/start|end/g, function (matched) {
12967
- return hash$1[matched];
12968
- });
12969
- }
12970
-
12971
- function getWindowScroll(node) {
12972
- var win = getWindow(node);
12973
- var scrollLeft = win.pageXOffset;
12974
- var scrollTop = win.pageYOffset;
12975
- return {
12976
- scrollLeft: scrollLeft,
12977
- scrollTop: scrollTop
12978
- };
12979
- }
12980
-
12981
- function getWindowScrollBarX(element) {
12982
- // If <html> has a CSS width greater than the viewport, then this will be
12983
- // incorrect for RTL.
12984
- // Popper 1 is broken in this case and never had a bug report so let's assume
12985
- // it's not an issue. I don't think anyone ever specifies width on <html>
12986
- // anyway.
12987
- // Browsers where the left scrollbar doesn't cause an issue report `0` for
12988
- // this (e.g. Edge 2019, IE11, Safari)
12989
- return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
12990
- }
12991
-
12992
- function getViewportRect(element) {
12993
- var win = getWindow(element);
12994
- var html = getDocumentElement(element);
12995
- var visualViewport = win.visualViewport;
12996
- var width = html.clientWidth;
12997
- var height = html.clientHeight;
12998
- var x = 0;
12999
- var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
13000
- // can be obscured underneath it.
13001
- // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
13002
- // if it isn't open, so if this isn't available, the popper will be detected
13003
- // to overflow the bottom of the screen too early.
13004
-
13005
- if (visualViewport) {
13006
- width = visualViewport.width;
13007
- height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
13008
- // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
13009
- // errors due to floating point numbers, so we need to check precision.
13010
- // Safari returns a number <= 0, usually < -1 when pinch-zoomed
13011
- // Feature detection fails in mobile emulation mode in Chrome.
13012
- // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
13013
- // 0.001
13014
- // Fallback here: "Not Safari" userAgent
13015
-
13016
- if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
13017
- x = visualViewport.offsetLeft;
13018
- y = visualViewport.offsetTop;
13019
- }
13020
- }
13021
12302
 
13022
- return {
13023
- width: width,
13024
- height: height,
13025
- x: x + getWindowScrollBarX(element),
13026
- y: y
13027
- };
13028
- }
13029
-
13030
- // of the `<html>` and `<body>` rect bounds if horizontally scrollable
13031
-
13032
- function getDocumentRect(element) {
13033
- var _element$ownerDocumen;
13034
-
13035
- var html = getDocumentElement(element);
13036
- var winScroll = getWindowScroll(element);
13037
- var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
13038
- var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
13039
- var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
13040
- var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
13041
- var y = -winScroll.scrollTop;
13042
-
13043
- if (getComputedStyle(body || html).direction === 'rtl') {
13044
- x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
13045
- }
13046
-
13047
- return {
13048
- width: width,
13049
- height: height,
13050
- x: x,
13051
- y: y
13052
- };
13053
- }
13054
-
13055
- function isScrollParent(element) {
13056
- // Firefox wants us to check `-x` and `-y` variations as well
13057
- var _getComputedStyle = getComputedStyle(element),
13058
- overflow = _getComputedStyle.overflow,
13059
- overflowX = _getComputedStyle.overflowX,
13060
- overflowY = _getComputedStyle.overflowY;
13061
-
13062
- return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
13063
- }
13064
-
13065
- function getScrollParent(node) {
13066
- if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {
13067
- // $FlowFixMe[incompatible-return]: assume body is always available
13068
- return node.ownerDocument.body;
13069
- }
13070
-
13071
- if (isHTMLElement(node) && isScrollParent(node)) {
13072
- return node;
13073
- }
13074
-
13075
- return getScrollParent(getParentNode(node));
13076
- }
13077
-
13078
- /*
13079
- given a DOM element, return the list of all scroll parents, up the list of ancesors
13080
- until we get to the top window object. This list is what we attach scroll listeners
13081
- to, because if any of these parent elements scroll, we'll need to re-calculate the
13082
- reference element's position.
13083
- */
13084
-
13085
- function listScrollParents(element, list) {
13086
- var _element$ownerDocumen;
13087
-
13088
- if (list === void 0) {
13089
- list = [];
13090
- }
13091
-
13092
- var scrollParent = getScrollParent(element);
13093
- var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
13094
- var win = getWindow(scrollParent);
13095
- var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
13096
- var updatedList = list.concat(target);
13097
- return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
13098
- updatedList.concat(listScrollParents(getParentNode(target)));
13099
- }
13100
-
13101
- function rectToClientRect(rect) {
13102
- return Object.assign({}, rect, {
13103
- left: rect.x,
13104
- top: rect.y,
13105
- right: rect.x + rect.width,
13106
- bottom: rect.y + rect.height
13107
- });
13108
- }
13109
-
13110
- function getInnerBoundingClientRect(element) {
13111
- var rect = getBoundingClientRect(element);
13112
- rect.top = rect.top + element.clientTop;
13113
- rect.left = rect.left + element.clientLeft;
13114
- rect.bottom = rect.top + element.clientHeight;
13115
- rect.right = rect.left + element.clientWidth;
13116
- rect.width = element.clientWidth;
13117
- rect.height = element.clientHeight;
13118
- rect.x = rect.left;
13119
- rect.y = rect.top;
13120
- return rect;
13121
- }
13122
-
13123
- function getClientRectFromMixedType(element, clippingParent) {
13124
- return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
13125
- } // A "clipping parent" is an overflowable container with the characteristic of
13126
- // clipping (or hiding) overflowing elements with a position different from
13127
- // `initial`
13128
-
13129
-
13130
- function getClippingParents(element) {
13131
- var clippingParents = listScrollParents(getParentNode(element));
13132
- var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;
13133
- var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
13134
-
13135
- if (!isElement(clipperElement)) {
13136
- return [];
13137
- } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
13138
-
13139
-
13140
- return clippingParents.filter(function (clippingParent) {
13141
- return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body' && (canEscapeClipping ? getComputedStyle(clippingParent).position !== 'static' : true);
13142
- });
13143
- } // Gets the maximum area that the element is visible in due to any number of
13144
- // clipping parents
13145
-
13146
-
13147
- function getClippingRect(element, boundary, rootBoundary) {
13148
- var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
13149
- var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
13150
- var firstClippingParent = clippingParents[0];
13151
- var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
13152
- var rect = getClientRectFromMixedType(element, clippingParent);
13153
- accRect.top = max(rect.top, accRect.top);
13154
- accRect.right = min(rect.right, accRect.right);
13155
- accRect.bottom = min(rect.bottom, accRect.bottom);
13156
- accRect.left = max(rect.left, accRect.left);
13157
- return accRect;
13158
- }, getClientRectFromMixedType(element, firstClippingParent));
13159
- clippingRect.width = clippingRect.right - clippingRect.left;
13160
- clippingRect.height = clippingRect.bottom - clippingRect.top;
13161
- clippingRect.x = clippingRect.left;
13162
- clippingRect.y = clippingRect.top;
13163
- return clippingRect;
13164
- }
13165
-
13166
- function computeOffsets(_ref) {
13167
- var reference = _ref.reference,
13168
- element = _ref.element,
13169
- placement = _ref.placement;
13170
- var basePlacement = placement ? getBasePlacement(placement) : null;
13171
- var variation = placement ? getVariation(placement) : null;
13172
- var commonX = reference.x + reference.width / 2 - element.width / 2;
13173
- var commonY = reference.y + reference.height / 2 - element.height / 2;
13174
- var offsets;
13175
-
13176
- switch (basePlacement) {
13177
- case top:
13178
- offsets = {
13179
- x: commonX,
13180
- y: reference.y - element.height
13181
- };
13182
- break;
13183
-
13184
- case bottom:
13185
- offsets = {
13186
- x: commonX,
13187
- y: reference.y + reference.height
13188
- };
13189
- break;
13190
-
13191
- case right:
13192
- offsets = {
13193
- x: reference.x + reference.width,
13194
- y: commonY
13195
- };
13196
- break;
13197
-
13198
- case left:
13199
- offsets = {
13200
- x: reference.x - element.width,
13201
- y: commonY
13202
- };
13203
- break;
13204
-
13205
- default:
13206
- offsets = {
13207
- x: reference.x,
13208
- y: reference.y
13209
- };
13210
- }
13211
-
13212
- var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
13213
-
13214
- if (mainAxis != null) {
13215
- var len = mainAxis === 'y' ? 'height' : 'width';
13216
-
13217
- switch (variation) {
13218
- case start:
13219
- offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
13220
- break;
13221
-
13222
- case end:
13223
- offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
13224
- break;
13225
- }
13226
- }
13227
-
13228
- return offsets;
13229
- }
13230
-
13231
- function detectOverflow(state, options) {
13232
- if (options === void 0) {
13233
- options = {};
13234
- }
13235
-
13236
- var _options = options,
13237
- _options$placement = _options.placement,
13238
- placement = _options$placement === void 0 ? state.placement : _options$placement,
13239
- _options$boundary = _options.boundary,
13240
- boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
13241
- _options$rootBoundary = _options.rootBoundary,
13242
- rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
13243
- _options$elementConte = _options.elementContext,
13244
- elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
13245
- _options$altBoundary = _options.altBoundary,
13246
- altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
13247
- _options$padding = _options.padding,
13248
- padding = _options$padding === void 0 ? 0 : _options$padding;
13249
- var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
13250
- var altContext = elementContext === popper ? reference : popper;
13251
- var popperRect = state.rects.popper;
13252
- var element = state.elements[altBoundary ? altContext : elementContext];
13253
- var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
13254
- var referenceClientRect = getBoundingClientRect(state.elements.reference);
13255
- var popperOffsets = computeOffsets({
13256
- reference: referenceClientRect,
13257
- element: popperRect,
13258
- strategy: 'absolute',
13259
- placement: placement
13260
- });
13261
- var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
13262
- var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
13263
- // 0 or negative = within the clipping rect
13264
-
13265
- var overflowOffsets = {
13266
- top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
13267
- bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
13268
- left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
13269
- right: elementClientRect.right - clippingClientRect.right + paddingObject.right
13270
- };
13271
- var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element
13272
-
13273
- if (elementContext === popper && offsetData) {
13274
- var offset = offsetData[placement];
13275
- Object.keys(overflowOffsets).forEach(function (key) {
13276
- var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
13277
- var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';
13278
- overflowOffsets[key] += offset[axis] * multiply;
13279
- });
13280
- }
13281
-
13282
- return overflowOffsets;
13283
- }
13284
-
13285
- function computeAutoPlacement(state, options) {
13286
- if (options === void 0) {
13287
- options = {};
13288
- }
13289
-
13290
- var _options = options,
13291
- placement = _options.placement,
13292
- boundary = _options.boundary,
13293
- rootBoundary = _options.rootBoundary,
13294
- padding = _options.padding,
13295
- flipVariations = _options.flipVariations,
13296
- _options$allowedAutoP = _options.allowedAutoPlacements,
13297
- allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
13298
- var variation = getVariation(placement);
13299
- var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
13300
- return getVariation(placement) === variation;
13301
- }) : basePlacements;
13302
- var allowedPlacements = placements$1.filter(function (placement) {
13303
- return allowedAutoPlacements.indexOf(placement) >= 0;
13304
- });
13305
-
13306
- if (allowedPlacements.length === 0) {
13307
- allowedPlacements = placements$1;
13308
- } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
13309
-
13310
-
13311
- var overflows = allowedPlacements.reduce(function (acc, placement) {
13312
- acc[placement] = detectOverflow(state, {
13313
- placement: placement,
13314
- boundary: boundary,
13315
- rootBoundary: rootBoundary,
13316
- padding: padding
13317
- })[getBasePlacement(placement)];
13318
- return acc;
13319
- }, {});
13320
- return Object.keys(overflows).sort(function (a, b) {
13321
- return overflows[a] - overflows[b];
13322
- });
13323
- }
13324
-
13325
- function getExpandedFallbackPlacements(placement) {
13326
- if (getBasePlacement(placement) === auto) {
13327
- return [];
13328
- }
13329
-
13330
- var oppositePlacement = getOppositePlacement(placement);
13331
- return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
13332
- }
13333
-
13334
- function flip(_ref) {
13335
- var state = _ref.state,
13336
- options = _ref.options,
13337
- name = _ref.name;
13338
-
13339
- if (state.modifiersData[name]._skip) {
13340
- return;
13341
- }
13342
-
13343
- var _options$mainAxis = options.mainAxis,
13344
- checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
13345
- _options$altAxis = options.altAxis,
13346
- checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
13347
- specifiedFallbackPlacements = options.fallbackPlacements,
13348
- padding = options.padding,
13349
- boundary = options.boundary,
13350
- rootBoundary = options.rootBoundary,
13351
- altBoundary = options.altBoundary,
13352
- _options$flipVariatio = options.flipVariations,
13353
- flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
13354
- allowedAutoPlacements = options.allowedAutoPlacements;
13355
- var preferredPlacement = state.options.placement;
13356
- var basePlacement = getBasePlacement(preferredPlacement);
13357
- var isBasePlacement = basePlacement === preferredPlacement;
13358
- var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
13359
- var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
13360
- return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {
13361
- placement: placement,
13362
- boundary: boundary,
13363
- rootBoundary: rootBoundary,
13364
- padding: padding,
13365
- flipVariations: flipVariations,
13366
- allowedAutoPlacements: allowedAutoPlacements
13367
- }) : placement);
13368
- }, []);
13369
- var referenceRect = state.rects.reference;
13370
- var popperRect = state.rects.popper;
13371
- var checksMap = new Map();
13372
- var makeFallbackChecks = true;
13373
- var firstFittingPlacement = placements[0];
13374
-
13375
- for (var i = 0; i < placements.length; i++) {
13376
- var placement = placements[i];
13377
-
13378
- var _basePlacement = getBasePlacement(placement);
13379
-
13380
- var isStartVariation = getVariation(placement) === start;
13381
- var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
13382
- var len = isVertical ? 'width' : 'height';
13383
- var overflow = detectOverflow(state, {
13384
- placement: placement,
13385
- boundary: boundary,
13386
- rootBoundary: rootBoundary,
13387
- altBoundary: altBoundary,
13388
- padding: padding
13389
- });
13390
- var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
13391
-
13392
- if (referenceRect[len] > popperRect[len]) {
13393
- mainVariationSide = getOppositePlacement(mainVariationSide);
13394
- }
13395
-
13396
- var altVariationSide = getOppositePlacement(mainVariationSide);
13397
- var checks = [];
13398
-
13399
- if (checkMainAxis) {
13400
- checks.push(overflow[_basePlacement] <= 0);
13401
- }
13402
-
13403
- if (checkAltAxis) {
13404
- checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
13405
- }
13406
-
13407
- if (checks.every(function (check) {
13408
- return check;
13409
- })) {
13410
- firstFittingPlacement = placement;
13411
- makeFallbackChecks = false;
13412
- break;
13413
- }
13414
-
13415
- checksMap.set(placement, checks);
13416
- }
13417
-
13418
- if (makeFallbackChecks) {
13419
- // `2` may be desired in some cases – research later
13420
- var numberOfChecks = flipVariations ? 3 : 1;
13421
-
13422
- var _loop = function _loop(_i) {
13423
- var fittingPlacement = placements.find(function (placement) {
13424
- var checks = checksMap.get(placement);
13425
-
13426
- if (checks) {
13427
- return checks.slice(0, _i).every(function (check) {
13428
- return check;
13429
- });
13430
- }
13431
- });
13432
-
13433
- if (fittingPlacement) {
13434
- firstFittingPlacement = fittingPlacement;
13435
- return "break";
13436
- }
13437
- };
13438
-
13439
- for (var _i = numberOfChecks; _i > 0; _i--) {
13440
- var _ret = _loop(_i);
13441
-
13442
- if (_ret === "break") break;
13443
- }
13444
- }
13445
-
13446
- if (state.placement !== firstFittingPlacement) {
13447
- state.modifiersData[name]._skip = true;
13448
- state.placement = firstFittingPlacement;
13449
- state.reset = true;
13450
- }
13451
- } // eslint-disable-next-line import/no-unused-modules
13452
-
13453
-
13454
- var flip$1 = {
13455
- name: 'flip',
13456
- enabled: true,
13457
- phase: 'main',
13458
- fn: flip,
13459
- requiresIfExists: ['offset'],
13460
- data: {
13461
- _skip: false
13462
- }
13463
- };
13464
-
13465
- function getSideOffsets(overflow, rect, preventedOffsets) {
13466
- if (preventedOffsets === void 0) {
13467
- preventedOffsets = {
13468
- x: 0,
13469
- y: 0
13470
- };
13471
- }
13472
-
13473
- return {
13474
- top: overflow.top - rect.height - preventedOffsets.y,
13475
- right: overflow.right - rect.width + preventedOffsets.x,
13476
- bottom: overflow.bottom - rect.height + preventedOffsets.y,
13477
- left: overflow.left - rect.width - preventedOffsets.x
13478
- };
13479
- }
13480
-
13481
- function isAnySideFullyClipped(overflow) {
13482
- return [top, right, bottom, left].some(function (side) {
13483
- return overflow[side] >= 0;
13484
- });
13485
- }
13486
-
13487
- function hide(_ref) {
13488
- var state = _ref.state,
13489
- name = _ref.name;
13490
- var referenceRect = state.rects.reference;
13491
- var popperRect = state.rects.popper;
13492
- var preventedOffsets = state.modifiersData.preventOverflow;
13493
- var referenceOverflow = detectOverflow(state, {
13494
- elementContext: 'reference'
13495
- });
13496
- var popperAltOverflow = detectOverflow(state, {
13497
- altBoundary: true
13498
- });
13499
- var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
13500
- var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
13501
- var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
13502
- var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
13503
- state.modifiersData[name] = {
13504
- referenceClippingOffsets: referenceClippingOffsets,
13505
- popperEscapeOffsets: popperEscapeOffsets,
13506
- isReferenceHidden: isReferenceHidden,
13507
- hasPopperEscaped: hasPopperEscaped
13508
- };
13509
- state.attributes.popper = Object.assign({}, state.attributes.popper, {
13510
- 'data-popper-reference-hidden': isReferenceHidden,
13511
- 'data-popper-escaped': hasPopperEscaped
13512
- });
13513
- } // eslint-disable-next-line import/no-unused-modules
13514
-
13515
-
13516
- var hide$1 = {
13517
- name: 'hide',
13518
- enabled: true,
13519
- phase: 'main',
13520
- requiresIfExists: ['preventOverflow'],
13521
- fn: hide
13522
- };
13523
-
13524
- function distanceAndSkiddingToXY(placement, rects, offset) {
13525
- var basePlacement = getBasePlacement(placement);
13526
- var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
13527
-
13528
- var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
13529
- placement: placement
13530
- })) : offset,
13531
- skidding = _ref[0],
13532
- distance = _ref[1];
13533
-
13534
- skidding = skidding || 0;
13535
- distance = (distance || 0) * invertDistance;
13536
- return [left, right].indexOf(basePlacement) >= 0 ? {
13537
- x: distance,
13538
- y: skidding
13539
- } : {
13540
- x: skidding,
13541
- y: distance
13542
- };
13543
- }
13544
-
13545
- function offset(_ref2) {
13546
- var state = _ref2.state,
13547
- options = _ref2.options,
13548
- name = _ref2.name;
13549
- var _options$offset = options.offset,
13550
- offset = _options$offset === void 0 ? [0, 0] : _options$offset;
13551
- var data = placements.reduce(function (acc, placement) {
13552
- acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);
13553
- return acc;
13554
- }, {});
13555
- var _data$state$placement = data[state.placement],
13556
- x = _data$state$placement.x,
13557
- y = _data$state$placement.y;
13558
-
13559
- if (state.modifiersData.popperOffsets != null) {
13560
- state.modifiersData.popperOffsets.x += x;
13561
- state.modifiersData.popperOffsets.y += y;
13562
- }
13563
-
13564
- state.modifiersData[name] = data;
13565
- } // eslint-disable-next-line import/no-unused-modules
13566
-
13567
-
13568
- var offset$1 = {
13569
- name: 'offset',
13570
- enabled: true,
13571
- phase: 'main',
13572
- requires: ['popperOffsets'],
13573
- fn: offset
13574
- };
13575
-
13576
- function popperOffsets(_ref) {
13577
- var state = _ref.state,
13578
- name = _ref.name;
13579
- // Offsets are the actual position the popper needs to have to be
13580
- // properly positioned near its reference element
13581
- // This is the most basic placement, and will be adjusted by
13582
- // the modifiers in the next step
13583
- state.modifiersData[name] = computeOffsets({
13584
- reference: state.rects.reference,
13585
- element: state.rects.popper,
13586
- strategy: 'absolute',
13587
- placement: state.placement
13588
- });
13589
- } // eslint-disable-next-line import/no-unused-modules
13590
-
13591
-
13592
- var popperOffsets$1 = {
13593
- name: 'popperOffsets',
13594
- enabled: true,
13595
- phase: 'read',
13596
- fn: popperOffsets,
13597
- data: {}
13598
- };
13599
-
13600
- function getAltAxis(axis) {
13601
- return axis === 'x' ? 'y' : 'x';
13602
- }
13603
-
13604
- function preventOverflow(_ref) {
13605
- var state = _ref.state,
13606
- options = _ref.options,
13607
- name = _ref.name;
13608
- var _options$mainAxis = options.mainAxis,
13609
- checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
13610
- _options$altAxis = options.altAxis,
13611
- checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
13612
- boundary = options.boundary,
13613
- rootBoundary = options.rootBoundary,
13614
- altBoundary = options.altBoundary,
13615
- padding = options.padding,
13616
- _options$tether = options.tether,
13617
- tether = _options$tether === void 0 ? true : _options$tether,
13618
- _options$tetherOffset = options.tetherOffset,
13619
- tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
13620
- var overflow = detectOverflow(state, {
13621
- boundary: boundary,
13622
- rootBoundary: rootBoundary,
13623
- padding: padding,
13624
- altBoundary: altBoundary
13625
- });
13626
- var basePlacement = getBasePlacement(state.placement);
13627
- var variation = getVariation(state.placement);
13628
- var isBasePlacement = !variation;
13629
- var mainAxis = getMainAxisFromPlacement(basePlacement);
13630
- var altAxis = getAltAxis(mainAxis);
13631
- var popperOffsets = state.modifiersData.popperOffsets;
13632
- var referenceRect = state.rects.reference;
13633
- var popperRect = state.rects.popper;
13634
- var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
13635
- placement: state.placement
13636
- })) : tetherOffset;
13637
- var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
13638
- mainAxis: tetherOffsetValue,
13639
- altAxis: tetherOffsetValue
13640
- } : Object.assign({
13641
- mainAxis: 0,
13642
- altAxis: 0
13643
- }, tetherOffsetValue);
13644
- var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
13645
- var data = {
13646
- x: 0,
13647
- y: 0
13648
- };
13649
-
13650
- if (!popperOffsets) {
13651
- return;
13652
- }
13653
-
13654
- if (checkMainAxis) {
13655
- var _offsetModifierState$;
13656
-
13657
- var mainSide = mainAxis === 'y' ? top : left;
13658
- var altSide = mainAxis === 'y' ? bottom : right;
13659
- var len = mainAxis === 'y' ? 'height' : 'width';
13660
- var offset = popperOffsets[mainAxis];
13661
- var min$1 = offset + overflow[mainSide];
13662
- var max$1 = offset - overflow[altSide];
13663
- var additive = tether ? -popperRect[len] / 2 : 0;
13664
- var minLen = variation === start ? referenceRect[len] : popperRect[len];
13665
- var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
13666
- // outside the reference bounds
13667
-
13668
- var arrowElement = state.elements.arrow;
13669
- var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
13670
- width: 0,
13671
- height: 0
13672
- };
13673
- var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();
13674
- var arrowPaddingMin = arrowPaddingObject[mainSide];
13675
- var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want
13676
- // to include its full size in the calculation. If the reference is small
13677
- // and near the edge of a boundary, the popper can overflow even if the
13678
- // reference is not overflowing as well (e.g. virtual elements with no
13679
- // width or height)
13680
-
13681
- var arrowLen = within(0, referenceRect[len], arrowRect[len]);
13682
- var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
13683
- var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
13684
- var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
13685
- var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
13686
- var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
13687
- var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
13688
- var tetherMax = offset + maxOffset - offsetModifierValue;
13689
- var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
13690
- popperOffsets[mainAxis] = preventedOffset;
13691
- data[mainAxis] = preventedOffset - offset;
13692
- }
13693
-
13694
- if (checkAltAxis) {
13695
- var _offsetModifierState$2;
13696
-
13697
- var _mainSide = mainAxis === 'x' ? top : left;
13698
-
13699
- var _altSide = mainAxis === 'x' ? bottom : right;
13700
-
13701
- var _offset = popperOffsets[altAxis];
13702
-
13703
- var _len = altAxis === 'y' ? 'height' : 'width';
13704
-
13705
- var _min = _offset + overflow[_mainSide];
13706
-
13707
- var _max = _offset - overflow[_altSide];
13708
-
13709
- var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
13710
-
13711
- var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
13712
-
13713
- var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
13714
-
13715
- var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
13716
-
13717
- var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
13718
-
13719
- popperOffsets[altAxis] = _preventedOffset;
13720
- data[altAxis] = _preventedOffset - _offset;
13721
- }
13722
-
13723
- state.modifiersData[name] = data;
13724
- } // eslint-disable-next-line import/no-unused-modules
13725
-
13726
-
13727
- var preventOverflow$1 = {
13728
- name: 'preventOverflow',
13729
- enabled: true,
13730
- phase: 'main',
13731
- fn: preventOverflow,
13732
- requiresIfExists: ['offset']
13733
- };
13734
-
13735
- function getHTMLElementScroll(element) {
13736
- return {
13737
- scrollLeft: element.scrollLeft,
13738
- scrollTop: element.scrollTop
13739
- };
13740
- }
13741
-
13742
- function getNodeScroll(node) {
13743
- if (node === getWindow(node) || !isHTMLElement(node)) {
13744
- return getWindowScroll(node);
13745
- } else {
13746
- return getHTMLElementScroll(node);
13747
- }
13748
- }
13749
-
13750
- function isElementScaled(element) {
13751
- var rect = element.getBoundingClientRect();
13752
- var scaleX = round(rect.width) / element.offsetWidth || 1;
13753
- var scaleY = round(rect.height) / element.offsetHeight || 1;
13754
- return scaleX !== 1 || scaleY !== 1;
13755
- } // Returns the composite rect of an element relative to its offsetParent.
13756
- // Composite means it takes into account transforms as well as layout.
13757
-
13758
-
13759
- function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
13760
- if (isFixed === void 0) {
13761
- isFixed = false;
13762
- }
13763
-
13764
- var isOffsetParentAnElement = isHTMLElement(offsetParent);
13765
- var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
13766
- var documentElement = getDocumentElement(offsetParent);
13767
- var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
13768
- var scroll = {
13769
- scrollLeft: 0,
13770
- scrollTop: 0
13771
- };
13772
- var offsets = {
13773
- x: 0,
13774
- y: 0
13775
- };
13776
-
13777
- if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
13778
- if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078
13779
- isScrollParent(documentElement)) {
13780
- scroll = getNodeScroll(offsetParent);
13781
- }
13782
-
13783
- if (isHTMLElement(offsetParent)) {
13784
- offsets = getBoundingClientRect(offsetParent, true);
13785
- offsets.x += offsetParent.clientLeft;
13786
- offsets.y += offsetParent.clientTop;
13787
- } else if (documentElement) {
13788
- offsets.x = getWindowScrollBarX(documentElement);
13789
- }
13790
- }
13791
-
13792
- return {
13793
- x: rect.left + scroll.scrollLeft - offsets.x,
13794
- y: rect.top + scroll.scrollTop - offsets.y,
13795
- width: rect.width,
13796
- height: rect.height
13797
- };
13798
- }
13799
-
13800
- function order(modifiers) {
13801
- var map = new Map();
13802
- var visited = new Set();
13803
- var result = [];
13804
- modifiers.forEach(function (modifier) {
13805
- map.set(modifier.name, modifier);
13806
- }); // On visiting object, check for its dependencies and visit them recursively
13807
-
13808
- function sort(modifier) {
13809
- visited.add(modifier.name);
13810
- var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
13811
- requires.forEach(function (dep) {
13812
- if (!visited.has(dep)) {
13813
- var depModifier = map.get(dep);
13814
-
13815
- if (depModifier) {
13816
- sort(depModifier);
13817
- }
13818
- }
13819
- });
13820
- result.push(modifier);
13821
- }
13822
-
13823
- modifiers.forEach(function (modifier) {
13824
- if (!visited.has(modifier.name)) {
13825
- // check for visited object
13826
- sort(modifier);
13827
- }
13828
- });
13829
- return result;
13830
- }
13831
-
13832
- function orderModifiers(modifiers) {
13833
- // order based on dependencies
13834
- var orderedModifiers = order(modifiers); // order based on phase
13835
-
13836
- return modifierPhases.reduce(function (acc, phase) {
13837
- return acc.concat(orderedModifiers.filter(function (modifier) {
13838
- return modifier.phase === phase;
13839
- }));
13840
- }, []);
13841
- }
13842
-
13843
- function debounce(fn) {
13844
- var pending;
13845
- return function () {
13846
- if (!pending) {
13847
- pending = new Promise(function (resolve) {
13848
- Promise.resolve().then(function () {
13849
- pending = undefined;
13850
- resolve(fn());
13851
- });
13852
- });
13853
- }
13854
-
13855
- return pending;
13856
- };
13857
- }
13858
-
13859
- function mergeByName(modifiers) {
13860
- var merged = modifiers.reduce(function (merged, current) {
13861
- var existing = merged[current.name];
13862
- merged[current.name] = existing ? Object.assign({}, existing, current, {
13863
- options: Object.assign({}, existing.options, current.options),
13864
- data: Object.assign({}, existing.data, current.data)
13865
- }) : current;
13866
- return merged;
13867
- }, {}); // IE11 does not support Object.values
13868
-
13869
- return Object.keys(merged).map(function (key) {
13870
- return merged[key];
13871
- });
13872
- }
13873
-
13874
- var DEFAULT_OPTIONS = {
13875
- placement: 'bottom',
13876
- modifiers: [],
13877
- strategy: 'absolute'
13878
- };
13879
-
13880
- function areValidElements() {
13881
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
13882
- args[_key] = arguments[_key];
13883
- }
13884
-
13885
- return !args.some(function (element) {
13886
- return !(element && typeof element.getBoundingClientRect === 'function');
13887
- });
13888
- }
13889
-
13890
- function popperGenerator(generatorOptions) {
13891
- if (generatorOptions === void 0) {
13892
- generatorOptions = {};
13893
- }
13894
-
13895
- var _generatorOptions = generatorOptions,
13896
- _generatorOptions$def = _generatorOptions.defaultModifiers,
13897
- defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
13898
- _generatorOptions$def2 = _generatorOptions.defaultOptions,
13899
- defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
13900
- return function createPopper(reference, popper, options) {
13901
- if (options === void 0) {
13902
- options = defaultOptions;
13903
- }
13904
-
13905
- var state = {
13906
- placement: 'bottom',
13907
- orderedModifiers: [],
13908
- options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
13909
- modifiersData: {},
13910
- elements: {
13911
- reference: reference,
13912
- popper: popper
13913
- },
13914
- attributes: {},
13915
- styles: {}
13916
- };
13917
- var effectCleanupFns = [];
13918
- var isDestroyed = false;
13919
- var instance = {
13920
- state: state,
13921
- setOptions: function setOptions(setOptionsAction) {
13922
- var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
13923
- cleanupModifierEffects();
13924
- state.options = Object.assign({}, defaultOptions, state.options, options);
13925
- state.scrollParents = {
13926
- reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
13927
- popper: listScrollParents(popper)
13928
- }; // Orders the modifiers based on their dependencies and `phase`
13929
- // properties
13930
-
13931
- var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
13932
-
13933
- state.orderedModifiers = orderedModifiers.filter(function (m) {
13934
- return m.enabled;
13935
- }); // Validate the provided modifiers so that the consumer will get warned
13936
-
13937
- runModifierEffects();
13938
- return instance.update();
13939
- },
13940
- // Sync update – it will always be executed, even if not necessary. This
13941
- // is useful for low frequency updates where sync behavior simplifies the
13942
- // logic.
13943
- // For high frequency updates (e.g. `resize` and `scroll` events), always
13944
- // prefer the async Popper#update method
13945
- forceUpdate: function forceUpdate() {
13946
- if (isDestroyed) {
13947
- return;
13948
- }
13949
-
13950
- var _state$elements = state.elements,
13951
- reference = _state$elements.reference,
13952
- popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
13953
- // anymore
13954
-
13955
- if (!areValidElements(reference, popper)) {
13956
-
13957
- return;
13958
- } // Store the reference and popper rects to be read by modifiers
13959
-
13960
-
13961
- state.rects = {
13962
- reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),
13963
- popper: getLayoutRect(popper)
13964
- }; // Modifiers have the ability to reset the current update cycle. The
13965
- // most common use case for this is the `flip` modifier changing the
13966
- // placement, which then needs to re-run all the modifiers, because the
13967
- // logic was previously ran for the previous placement and is therefore
13968
- // stale/incorrect
13969
-
13970
- state.reset = false;
13971
- state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
13972
- // is filled with the initial data specified by the modifier. This means
13973
- // it doesn't persist and is fresh on each update.
13974
- // To ensure persistent data, use `${name}#persistent`
13975
-
13976
- state.orderedModifiers.forEach(function (modifier) {
13977
- return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
13978
- });
13979
-
13980
- for (var index = 0; index < state.orderedModifiers.length; index++) {
13981
-
13982
- if (state.reset === true) {
13983
- state.reset = false;
13984
- index = -1;
13985
- continue;
13986
- }
13987
-
13988
- var _state$orderedModifie = state.orderedModifiers[index],
13989
- fn = _state$orderedModifie.fn,
13990
- _state$orderedModifie2 = _state$orderedModifie.options,
13991
- _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
13992
- name = _state$orderedModifie.name;
13993
-
13994
- if (typeof fn === 'function') {
13995
- state = fn({
13996
- state: state,
13997
- options: _options,
13998
- name: name,
13999
- instance: instance
14000
- }) || state;
14001
- }
14002
- }
14003
- },
14004
- // Async and optimistically optimized update – it will not be executed if
14005
- // not necessary (debounced to run at most once-per-tick)
14006
- update: debounce(function () {
14007
- return new Promise(function (resolve) {
14008
- instance.forceUpdate();
14009
- resolve(state);
14010
- });
14011
- }),
14012
- destroy: function destroy() {
14013
- cleanupModifierEffects();
14014
- isDestroyed = true;
14015
- }
14016
- };
14017
-
14018
- if (!areValidElements(reference, popper)) {
14019
-
14020
- return instance;
14021
- }
14022
-
14023
- instance.setOptions(options).then(function (state) {
14024
- if (!isDestroyed && options.onFirstUpdate) {
14025
- options.onFirstUpdate(state);
14026
- }
14027
- }); // Modifiers have the ability to execute arbitrary code before the first
14028
- // update cycle runs. They will be executed in the same order as the update
14029
- // cycle. This is useful when a modifier adds some persistent data that
14030
- // other modifiers need to use, but the modifier is run after the dependent
14031
- // one.
14032
-
14033
- function runModifierEffects() {
14034
- state.orderedModifiers.forEach(function (_ref3) {
14035
- var name = _ref3.name,
14036
- _ref3$options = _ref3.options,
14037
- options = _ref3$options === void 0 ? {} : _ref3$options,
14038
- effect = _ref3.effect;
14039
-
14040
- if (typeof effect === 'function') {
14041
- var cleanupFn = effect({
14042
- state: state,
14043
- name: name,
14044
- instance: instance,
14045
- options: options
14046
- });
14047
-
14048
- var noopFn = function noopFn() {};
14049
-
14050
- effectCleanupFns.push(cleanupFn || noopFn);
14051
- }
14052
- });
14053
- }
14054
-
14055
- function cleanupModifierEffects() {
14056
- effectCleanupFns.forEach(function (fn) {
14057
- return fn();
14058
- });
14059
- effectCleanupFns = [];
14060
- }
14061
-
14062
- return instance;
14063
- };
14064
- }
14065
-
14066
- var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
14067
- var createPopper = /*#__PURE__*/popperGenerator({
14068
- defaultModifiers: defaultModifiers
14069
- }); // eslint-disable-next-line import/no-unused-modules
14070
- var BOX_CLASS = "tippy-box";
14071
- var CONTENT_CLASS = "tippy-content";
14072
- var BACKDROP_CLASS = "tippy-backdrop";
14073
- var ARROW_CLASS = "tippy-arrow";
14074
- var SVG_ARROW_CLASS = "tippy-svg-arrow";
14075
- var TOUCH_OPTIONS = {
14076
- passive: true,
14077
- capture: true
14078
- };
14079
- var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO() {
14080
- return document.body;
14081
- };
14082
- function getValueAtIndexOrReturn(value, index, defaultValue) {
14083
- if (Array.isArray(value)) {
14084
- var v = value[index];
14085
- return v == null ? Array.isArray(defaultValue) ? defaultValue[index] : defaultValue : v;
14086
- }
14087
-
14088
- return value;
14089
- }
14090
- function isType(value, type) {
14091
- var str = {}.toString.call(value);
14092
- return str.indexOf('[object') === 0 && str.indexOf(type + "]") > -1;
14093
- }
14094
- function invokeWithArgsOrReturn(value, args) {
14095
- return typeof value === 'function' ? value.apply(void 0, args) : value;
14096
- }
14097
- function debounce$1(fn, ms) {
14098
- // Avoid wrapping in `setTimeout` if ms is 0 anyway
14099
- if (ms === 0) {
14100
- return fn;
14101
- }
14102
-
14103
- var timeout;
14104
- return function (arg) {
14105
- clearTimeout(timeout);
14106
- timeout = setTimeout(function () {
14107
- fn(arg);
14108
- }, ms);
14109
- };
14110
- }
14111
- function removeProperties(obj, keys) {
14112
- var clone = Object.assign({}, obj);
14113
- keys.forEach(function (key) {
14114
- delete clone[key];
14115
- });
14116
- return clone;
14117
- }
14118
- function splitBySpaces(value) {
14119
- return value.split(/\s+/).filter(Boolean);
14120
- }
14121
- function normalizeToArray(value) {
14122
- return [].concat(value);
14123
- }
14124
- function pushIfUnique(arr, value) {
14125
- if (arr.indexOf(value) === -1) {
14126
- arr.push(value);
14127
- }
14128
- }
14129
- function unique(arr) {
14130
- return arr.filter(function (item, index) {
14131
- return arr.indexOf(item) === index;
14132
- });
14133
- }
14134
- function getBasePlacement$1(placement) {
14135
- return placement.split('-')[0];
14136
- }
14137
- function arrayFrom(value) {
14138
- return [].slice.call(value);
14139
- }
14140
- function removeUndefinedProps(obj) {
14141
- return Object.keys(obj).reduce(function (acc, key) {
14142
- if (obj[key] !== undefined) {
14143
- acc[key] = obj[key];
14144
- }
14145
-
14146
- return acc;
14147
- }, {});
14148
- }
14149
-
14150
- function div() {
14151
- return document.createElement('div');
14152
- }
14153
- function isElement$1(value) {
14154
- return ['Element', 'Fragment'].some(function (type) {
14155
- return isType(value, type);
14156
- });
14157
- }
14158
- function isNodeList(value) {
14159
- return isType(value, 'NodeList');
14160
- }
14161
- function isMouseEvent(value) {
14162
- return isType(value, 'MouseEvent');
14163
- }
14164
- function isReferenceElement(value) {
14165
- return !!(value && value._tippy && value._tippy.reference === value);
14166
- }
14167
- function getArrayOfElements(value) {
14168
- if (isElement$1(value)) {
14169
- return [value];
14170
- }
14171
-
14172
- if (isNodeList(value)) {
14173
- return arrayFrom(value);
14174
- }
14175
-
14176
- if (Array.isArray(value)) {
14177
- return value;
14178
- }
14179
-
14180
- return arrayFrom(document.querySelectorAll(value));
14181
- }
14182
- function setTransitionDuration(els, value) {
14183
- els.forEach(function (el) {
14184
- if (el) {
14185
- el.style.transitionDuration = value + "ms";
14186
- }
14187
- });
14188
- }
14189
- function setVisibilityState(els, state) {
14190
- els.forEach(function (el) {
14191
- if (el) {
14192
- el.setAttribute('data-state', state);
14193
- }
14194
- });
14195
- }
14196
- function getOwnerDocument(elementOrElements) {
14197
- var _element$ownerDocumen;
14198
-
14199
- var _normalizeToArray = normalizeToArray(elementOrElements),
14200
- element = _normalizeToArray[0]; // Elements created via a <template> have an ownerDocument with no reference to the body
14201
-
14202
-
14203
- return element != null && (_element$ownerDocumen = element.ownerDocument) != null && _element$ownerDocumen.body ? element.ownerDocument : document;
14204
- }
14205
- function isCursorOutsideInteractiveBorder(popperTreeData, event) {
14206
- var clientX = event.clientX,
14207
- clientY = event.clientY;
14208
- return popperTreeData.every(function (_ref) {
14209
- var popperRect = _ref.popperRect,
14210
- popperState = _ref.popperState,
14211
- props = _ref.props;
14212
- var interactiveBorder = props.interactiveBorder;
14213
- var basePlacement = getBasePlacement$1(popperState.placement);
14214
- var offsetData = popperState.modifiersData.offset;
14215
-
14216
- if (!offsetData) {
14217
- return true;
14218
- }
14219
-
14220
- var topDistance = basePlacement === 'bottom' ? offsetData.top.y : 0;
14221
- var bottomDistance = basePlacement === 'top' ? offsetData.bottom.y : 0;
14222
- var leftDistance = basePlacement === 'right' ? offsetData.left.x : 0;
14223
- var rightDistance = basePlacement === 'left' ? offsetData.right.x : 0;
14224
- var exceedsTop = popperRect.top - clientY + topDistance > interactiveBorder;
14225
- var exceedsBottom = clientY - popperRect.bottom - bottomDistance > interactiveBorder;
14226
- var exceedsLeft = popperRect.left - clientX + leftDistance > interactiveBorder;
14227
- var exceedsRight = clientX - popperRect.right - rightDistance > interactiveBorder;
14228
- return exceedsTop || exceedsBottom || exceedsLeft || exceedsRight;
14229
- });
14230
- }
14231
- function updateTransitionEndListener(box, action, listener) {
14232
- var method = action + "EventListener"; // some browsers apparently support `transition` (unprefixed) but only fire
14233
- // `webkitTransitionEnd`...
14234
-
14235
- ['transitionend', 'webkitTransitionEnd'].forEach(function (event) {
14236
- box[method](event, listener);
14237
- });
14238
- }
14239
- /**
14240
- * Compared to xxx.contains, this function works for dom structures with shadow
14241
- * dom
14242
- */
14243
-
14244
- function actualContains(parent, child) {
14245
- var target = child;
14246
-
14247
- while (target) {
14248
- var _target$getRootNode;
14249
-
14250
- if (parent.contains(target)) {
14251
- return true;
14252
- }
14253
-
14254
- target = target.getRootNode == null ? void 0 : (_target$getRootNode = target.getRootNode()) == null ? void 0 : _target$getRootNode.host;
14255
- }
14256
-
14257
- return false;
14258
- }
14259
-
14260
- var currentInput = {
14261
- isTouch: false
14262
- };
14263
- var lastMouseMoveTime = 0;
14264
- /**
14265
- * When a `touchstart` event is fired, it's assumed the user is using touch
14266
- * input. We'll bind a `mousemove` event listener to listen for mouse input in
14267
- * the future. This way, the `isTouch` property is fully dynamic and will handle
14268
- * hybrid devices that use a mix of touch + mouse input.
14269
- */
14270
-
14271
- function onDocumentTouchStart() {
14272
- if (currentInput.isTouch) {
14273
- return;
14274
- }
14275
-
14276
- currentInput.isTouch = true;
14277
-
14278
- if (window.performance) {
14279
- document.addEventListener('mousemove', onDocumentMouseMove);
14280
- }
14281
- }
14282
- /**
14283
- * When two `mousemove` event are fired consecutively within 20ms, it's assumed
14284
- * the user is using mouse input again. `mousemove` can fire on touch devices as
14285
- * well, but very rarely that quickly.
14286
- */
14287
-
14288
- function onDocumentMouseMove() {
14289
- var now = performance.now();
14290
-
14291
- if (now - lastMouseMoveTime < 20) {
14292
- currentInput.isTouch = false;
14293
- document.removeEventListener('mousemove', onDocumentMouseMove);
14294
- }
14295
-
14296
- lastMouseMoveTime = now;
14297
- }
14298
- /**
14299
- * When an element is in focus and has a tippy, leaving the tab/window and
14300
- * returning causes it to show again. For mouse users this is unexpected, but
14301
- * for keyboard use it makes sense.
14302
- * TODO: find a better technique to solve this problem
14303
- */
14304
-
14305
- function onWindowBlur() {
14306
- var activeElement = document.activeElement;
14307
-
14308
- if (isReferenceElement(activeElement)) {
14309
- var instance = activeElement._tippy;
14310
-
14311
- if (activeElement.blur && !instance.state.isVisible) {
14312
- activeElement.blur();
14313
- }
14314
- }
14315
- }
14316
- function bindGlobalEventListeners() {
14317
- document.addEventListener('touchstart', onDocumentTouchStart, TOUCH_OPTIONS);
14318
- window.addEventListener('blur', onWindowBlur);
14319
- }
14320
-
14321
- var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
14322
- var isIE11 = isBrowser ? // @ts-ignore
14323
- !!window.msCrypto : false;
14324
-
14325
- var pluginProps = {
14326
- animateFill: false,
14327
- followCursor: false,
14328
- inlinePositioning: false,
14329
- sticky: false
14330
- };
14331
- var renderProps = {
14332
- allowHTML: false,
14333
- animation: 'fade',
14334
- arrow: true,
14335
- content: '',
14336
- inertia: false,
14337
- maxWidth: 350,
14338
- role: 'tooltip',
14339
- theme: '',
14340
- zIndex: 9999
14341
- };
14342
- var defaultProps = Object.assign({
14343
- appendTo: TIPPY_DEFAULT_APPEND_TO,
14344
- aria: {
14345
- content: 'auto',
14346
- expanded: 'auto'
14347
- },
14348
- delay: 0,
14349
- duration: [300, 250],
14350
- getReferenceClientRect: null,
14351
- hideOnClick: true,
14352
- ignoreAttributes: false,
14353
- interactive: false,
14354
- interactiveBorder: 2,
14355
- interactiveDebounce: 0,
14356
- moveTransition: '',
14357
- offset: [0, 10],
14358
- onAfterUpdate: function onAfterUpdate() {},
14359
- onBeforeUpdate: function onBeforeUpdate() {},
14360
- onCreate: function onCreate() {},
14361
- onDestroy: function onDestroy() {},
14362
- onHidden: function onHidden() {},
14363
- onHide: function onHide() {},
14364
- onMount: function onMount() {},
14365
- onShow: function onShow() {},
14366
- onShown: function onShown() {},
14367
- onTrigger: function onTrigger() {},
14368
- onUntrigger: function onUntrigger() {},
14369
- onClickOutside: function onClickOutside() {},
14370
- placement: 'top',
14371
- plugins: [],
14372
- popperOptions: {},
14373
- render: null,
14374
- showOnCreate: false,
14375
- touch: true,
14376
- trigger: 'mouseenter focus',
14377
- triggerTarget: null
14378
- }, pluginProps, renderProps);
14379
- var defaultKeys = Object.keys(defaultProps);
14380
- var setDefaultProps = function setDefaultProps(partialProps) {
14381
-
14382
- var keys = Object.keys(partialProps);
14383
- keys.forEach(function (key) {
14384
- defaultProps[key] = partialProps[key];
14385
- });
14386
- };
14387
- function getExtendedPassedProps(passedProps) {
14388
- var plugins = passedProps.plugins || [];
14389
- var pluginProps = plugins.reduce(function (acc, plugin) {
14390
- var name = plugin.name,
14391
- defaultValue = plugin.defaultValue;
14392
-
14393
- if (name) {
14394
- var _name;
14395
-
14396
- acc[name] = passedProps[name] !== undefined ? passedProps[name] : (_name = defaultProps[name]) != null ? _name : defaultValue;
14397
- }
14398
-
14399
- return acc;
14400
- }, {});
14401
- return Object.assign({}, passedProps, pluginProps);
14402
- }
14403
- function getDataAttributeProps(reference, plugins) {
14404
- var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps, {
14405
- plugins: plugins
14406
- }))) : defaultKeys;
14407
- var props = propKeys.reduce(function (acc, key) {
14408
- var valueAsString = (reference.getAttribute("data-tippy-" + key) || '').trim();
14409
-
14410
- if (!valueAsString) {
14411
- return acc;
14412
- }
14413
-
14414
- if (key === 'content') {
14415
- acc[key] = valueAsString;
14416
- } else {
14417
- try {
14418
- acc[key] = JSON.parse(valueAsString);
14419
- } catch (e) {
14420
- acc[key] = valueAsString;
14421
- }
14422
- }
14423
-
14424
- return acc;
14425
- }, {});
14426
- return props;
14427
- }
14428
- function evaluateProps(reference, props) {
14429
- var out = Object.assign({}, props, {
14430
- content: invokeWithArgsOrReturn(props.content, [reference])
14431
- }, props.ignoreAttributes ? {} : getDataAttributeProps(reference, props.plugins));
14432
- out.aria = Object.assign({}, defaultProps.aria, out.aria);
14433
- out.aria = {
14434
- expanded: out.aria.expanded === 'auto' ? props.interactive : out.aria.expanded,
14435
- content: out.aria.content === 'auto' ? props.interactive ? null : 'describedby' : out.aria.content
14436
- };
14437
- return out;
14438
- }
14439
-
14440
- var innerHTML = function innerHTML() {
14441
- return 'innerHTML';
14442
- };
14443
-
14444
- function dangerouslySetInnerHTML(element, html) {
14445
- element[innerHTML()] = html;
14446
- }
14447
-
14448
- function createArrowElement(value) {
14449
- var arrow = div();
14450
-
14451
- if (value === true) {
14452
- arrow.className = ARROW_CLASS;
14453
- } else {
14454
- arrow.className = SVG_ARROW_CLASS;
14455
-
14456
- if (isElement$1(value)) {
14457
- arrow.appendChild(value);
14458
- } else {
14459
- dangerouslySetInnerHTML(arrow, value);
14460
- }
14461
- }
14462
-
14463
- return arrow;
14464
- }
14465
-
14466
- function setContent(content, props) {
14467
- if (isElement$1(props.content)) {
14468
- dangerouslySetInnerHTML(content, '');
14469
- content.appendChild(props.content);
14470
- } else if (typeof props.content !== 'function') {
14471
- if (props.allowHTML) {
14472
- dangerouslySetInnerHTML(content, props.content);
14473
- } else {
14474
- content.textContent = props.content;
14475
- }
14476
- }
14477
- }
14478
- function getChildren(popper) {
14479
- var box = popper.firstElementChild;
14480
- var boxChildren = arrayFrom(box.children);
14481
- return {
14482
- box: box,
14483
- content: boxChildren.find(function (node) {
14484
- return node.classList.contains(CONTENT_CLASS);
14485
- }),
14486
- arrow: boxChildren.find(function (node) {
14487
- return node.classList.contains(ARROW_CLASS) || node.classList.contains(SVG_ARROW_CLASS);
14488
- }),
14489
- backdrop: boxChildren.find(function (node) {
14490
- return node.classList.contains(BACKDROP_CLASS);
14491
- })
14492
- };
14493
- }
14494
- function render(instance) {
14495
- var popper = div();
14496
- var box = div();
14497
- box.className = BOX_CLASS;
14498
- box.setAttribute('data-state', 'hidden');
14499
- box.setAttribute('tabindex', '-1');
14500
- var content = div();
14501
- content.className = CONTENT_CLASS;
14502
- content.setAttribute('data-state', 'hidden');
14503
- setContent(content, instance.props);
14504
- popper.appendChild(box);
14505
- box.appendChild(content);
14506
- onUpdate(instance.props, instance.props);
14507
-
14508
- function onUpdate(prevProps, nextProps) {
14509
- var _getChildren = getChildren(popper),
14510
- box = _getChildren.box,
14511
- content = _getChildren.content,
14512
- arrow = _getChildren.arrow;
14513
-
14514
- if (nextProps.theme) {
14515
- box.setAttribute('data-theme', nextProps.theme);
14516
- } else {
14517
- box.removeAttribute('data-theme');
14518
- }
14519
-
14520
- if (typeof nextProps.animation === 'string') {
14521
- box.setAttribute('data-animation', nextProps.animation);
14522
- } else {
14523
- box.removeAttribute('data-animation');
14524
- }
14525
-
14526
- if (nextProps.inertia) {
14527
- box.setAttribute('data-inertia', '');
14528
- } else {
14529
- box.removeAttribute('data-inertia');
14530
- }
14531
-
14532
- box.style.maxWidth = typeof nextProps.maxWidth === 'number' ? nextProps.maxWidth + "px" : nextProps.maxWidth;
14533
-
14534
- if (nextProps.role) {
14535
- box.setAttribute('role', nextProps.role);
14536
- } else {
14537
- box.removeAttribute('role');
14538
- }
14539
-
14540
- if (prevProps.content !== nextProps.content || prevProps.allowHTML !== nextProps.allowHTML) {
14541
- setContent(content, instance.props);
14542
- }
14543
-
14544
- if (nextProps.arrow) {
14545
- if (!arrow) {
14546
- box.appendChild(createArrowElement(nextProps.arrow));
14547
- } else if (prevProps.arrow !== nextProps.arrow) {
14548
- box.removeChild(arrow);
14549
- box.appendChild(createArrowElement(nextProps.arrow));
14550
- }
14551
- } else if (arrow) {
14552
- box.removeChild(arrow);
14553
- }
14554
- }
14555
-
14556
- return {
14557
- popper: popper,
14558
- onUpdate: onUpdate
14559
- };
14560
- } // Runtime check to identify if the render function is the default one; this
14561
- // way we can apply default CSS transitions logic and it can be tree-shaken away
14562
-
14563
- render.$$tippy = true;
14564
-
14565
- var idCounter = 1;
14566
- var mouseMoveListeners = []; // Used by `hideAll()`
14567
-
14568
- var mountedInstances = [];
14569
- function createTippy(reference, passedProps) {
14570
- var props = evaluateProps(reference, Object.assign({}, defaultProps, getExtendedPassedProps(removeUndefinedProps(passedProps)))); // ===========================================================================
14571
- // 🔒 Private members
14572
- // ===========================================================================
14573
-
14574
- var showTimeout;
14575
- var hideTimeout;
14576
- var scheduleHideAnimationFrame;
14577
- var isVisibleFromClick = false;
14578
- var didHideDueToDocumentMouseDown = false;
14579
- var didTouchMove = false;
14580
- var ignoreOnFirstUpdate = false;
14581
- var lastTriggerEvent;
14582
- var currentTransitionEndListener;
14583
- var onFirstUpdate;
14584
- var listeners = [];
14585
- var debouncedOnMouseMove = debounce$1(onMouseMove, props.interactiveDebounce);
14586
- var currentTarget; // ===========================================================================
14587
- // 🔑 Public members
14588
- // ===========================================================================
14589
-
14590
- var id = idCounter++;
14591
- var popperInstance = null;
14592
- var plugins = unique(props.plugins);
14593
- var state = {
14594
- // Is the instance currently enabled?
14595
- isEnabled: true,
14596
- // Is the tippy currently showing and not transitioning out?
14597
- isVisible: false,
14598
- // Has the instance been destroyed?
14599
- isDestroyed: false,
14600
- // Is the tippy currently mounted to the DOM?
14601
- isMounted: false,
14602
- // Has the tippy finished transitioning in?
14603
- isShown: false
14604
- };
14605
- var instance = {
14606
- // properties
14607
- id: id,
14608
- reference: reference,
14609
- popper: div(),
14610
- popperInstance: popperInstance,
14611
- props: props,
14612
- state: state,
14613
- plugins: plugins,
14614
- // methods
14615
- clearDelayTimeouts: clearDelayTimeouts,
14616
- setProps: setProps,
14617
- setContent: setContent,
14618
- show: show,
14619
- hide: hide,
14620
- hideWithInteractivity: hideWithInteractivity,
14621
- enable: enable,
14622
- disable: disable,
14623
- unmount: unmount,
14624
- destroy: destroy
14625
- }; // TODO: Investigate why this early return causes a TDZ error in the tests —
14626
- // it doesn't seem to happen in the browser
14627
-
14628
- /* istanbul ignore if */
14629
-
14630
- if (!props.render) {
14631
-
14632
- return instance;
14633
- } // ===========================================================================
14634
- // Initial mutations
14635
- // ===========================================================================
14636
-
14637
-
14638
- var _props$render = props.render(instance),
14639
- popper = _props$render.popper,
14640
- onUpdate = _props$render.onUpdate;
14641
-
14642
- popper.setAttribute('data-tippy-root', '');
14643
- popper.id = "tippy-" + instance.id;
14644
- instance.popper = popper;
14645
- reference._tippy = instance;
14646
- popper._tippy = instance;
14647
- var pluginsHooks = plugins.map(function (plugin) {
14648
- return plugin.fn(instance);
14649
- });
14650
- var hasAriaExpanded = reference.hasAttribute('aria-expanded');
14651
- addListeners();
14652
- handleAriaExpandedAttribute();
14653
- handleStyles();
14654
- invokeHook('onCreate', [instance]);
14655
-
14656
- if (props.showOnCreate) {
14657
- scheduleShow();
14658
- } // Prevent a tippy with a delay from hiding if the cursor left then returned
14659
- // before it started hiding
14660
-
14661
-
14662
- popper.addEventListener('mouseenter', function () {
14663
- if (instance.props.interactive && instance.state.isVisible) {
14664
- instance.clearDelayTimeouts();
14665
- }
14666
- });
14667
- popper.addEventListener('mouseleave', function () {
14668
- if (instance.props.interactive && instance.props.trigger.indexOf('mouseenter') >= 0) {
14669
- getDocument().addEventListener('mousemove', debouncedOnMouseMove);
14670
- }
14671
- });
14672
- return instance; // ===========================================================================
14673
- // 🔒 Private methods
14674
- // ===========================================================================
14675
-
14676
- function getNormalizedTouchSettings() {
14677
- var touch = instance.props.touch;
14678
- return Array.isArray(touch) ? touch : [touch, 0];
14679
- }
14680
-
14681
- function getIsCustomTouchBehavior() {
14682
- return getNormalizedTouchSettings()[0] === 'hold';
14683
- }
14684
-
14685
- function getIsDefaultRenderFn() {
14686
- var _instance$props$rende;
14687
-
14688
- // @ts-ignore
14689
- return !!((_instance$props$rende = instance.props.render) != null && _instance$props$rende.$$tippy);
14690
- }
14691
-
14692
- function getCurrentTarget() {
14693
- return currentTarget || reference;
14694
- }
14695
-
14696
- function getDocument() {
14697
- var parent = getCurrentTarget().parentNode;
14698
- return parent ? getOwnerDocument(parent) : document;
14699
- }
14700
-
14701
- function getDefaultTemplateChildren() {
14702
- return getChildren(popper);
14703
- }
14704
-
14705
- function getDelay(isShow) {
14706
- // For touch or keyboard input, force `0` delay for UX reasons
14707
- // Also if the instance is mounted but not visible (transitioning out),
14708
- // ignore delay
14709
- if (instance.state.isMounted && !instance.state.isVisible || currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === 'focus') {
14710
- return 0;
14711
- }
14712
-
14713
- return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps.delay);
14714
- }
14715
-
14716
- function handleStyles(fromHide) {
14717
- if (fromHide === void 0) {
14718
- fromHide = false;
14719
- }
14720
-
14721
- popper.style.pointerEvents = instance.props.interactive && !fromHide ? '' : 'none';
14722
- popper.style.zIndex = "" + instance.props.zIndex;
14723
- }
14724
-
14725
- function invokeHook(hook, args, shouldInvokePropsHook) {
14726
- if (shouldInvokePropsHook === void 0) {
14727
- shouldInvokePropsHook = true;
14728
- }
14729
-
14730
- pluginsHooks.forEach(function (pluginHooks) {
14731
- if (pluginHooks[hook]) {
14732
- pluginHooks[hook].apply(pluginHooks, args);
14733
- }
14734
- });
14735
-
14736
- if (shouldInvokePropsHook) {
14737
- var _instance$props;
14738
-
14739
- (_instance$props = instance.props)[hook].apply(_instance$props, args);
14740
- }
14741
- }
14742
-
14743
- function handleAriaContentAttribute() {
14744
- var aria = instance.props.aria;
14745
-
14746
- if (!aria.content) {
14747
- return;
14748
- }
14749
-
14750
- var attr = "aria-" + aria.content;
14751
- var id = popper.id;
14752
- var nodes = normalizeToArray(instance.props.triggerTarget || reference);
14753
- nodes.forEach(function (node) {
14754
- var currentValue = node.getAttribute(attr);
14755
-
14756
- if (instance.state.isVisible) {
14757
- node.setAttribute(attr, currentValue ? currentValue + " " + id : id);
14758
- } else {
14759
- var nextValue = currentValue && currentValue.replace(id, '').trim();
14760
-
14761
- if (nextValue) {
14762
- node.setAttribute(attr, nextValue);
14763
- } else {
14764
- node.removeAttribute(attr);
14765
- }
14766
- }
14767
- });
14768
- }
14769
-
14770
- function handleAriaExpandedAttribute() {
14771
- if (hasAriaExpanded || !instance.props.aria.expanded) {
14772
- return;
14773
- }
14774
-
14775
- var nodes = normalizeToArray(instance.props.triggerTarget || reference);
14776
- nodes.forEach(function (node) {
14777
- if (instance.props.interactive) {
14778
- node.setAttribute('aria-expanded', instance.state.isVisible && node === getCurrentTarget() ? 'true' : 'false');
14779
- } else {
14780
- node.removeAttribute('aria-expanded');
14781
- }
14782
- });
14783
- }
14784
-
14785
- function cleanupInteractiveMouseListeners() {
14786
- getDocument().removeEventListener('mousemove', debouncedOnMouseMove);
14787
- mouseMoveListeners = mouseMoveListeners.filter(function (listener) {
14788
- return listener !== debouncedOnMouseMove;
14789
- });
14790
- }
14791
-
14792
- function onDocumentPress(event) {
14793
- // Moved finger to scroll instead of an intentional tap outside
14794
- if (currentInput.isTouch) {
14795
- if (didTouchMove || event.type === 'mousedown') {
14796
- return;
14797
- }
14798
- }
14799
-
14800
- var actualTarget = event.composedPath && event.composedPath()[0] || event.target; // Clicked on interactive popper
14801
-
14802
- if (instance.props.interactive && actualContains(popper, actualTarget)) {
14803
- return;
14804
- } // Clicked on the event listeners target
14805
-
14806
-
14807
- if (normalizeToArray(instance.props.triggerTarget || reference).some(function (el) {
14808
- return actualContains(el, actualTarget);
14809
- })) {
14810
- if (currentInput.isTouch) {
14811
- return;
14812
- }
14813
-
14814
- if (instance.state.isVisible && instance.props.trigger.indexOf('click') >= 0) {
14815
- return;
14816
- }
14817
- } else {
14818
- invokeHook('onClickOutside', [instance, event]);
14819
- }
14820
-
14821
- if (instance.props.hideOnClick === true) {
14822
- instance.clearDelayTimeouts();
14823
- instance.hide(); // `mousedown` event is fired right before `focus` if pressing the
14824
- // currentTarget. This lets a tippy with `focus` trigger know that it
14825
- // should not show
14826
-
14827
- didHideDueToDocumentMouseDown = true;
14828
- setTimeout(function () {
14829
- didHideDueToDocumentMouseDown = false;
14830
- }); // The listener gets added in `scheduleShow()`, but this may be hiding it
14831
- // before it shows, and hide()'s early bail-out behavior can prevent it
14832
- // from being cleaned up
14833
-
14834
- if (!instance.state.isMounted) {
14835
- removeDocumentPress();
14836
- }
14837
- }
14838
- }
14839
-
14840
- function onTouchMove() {
14841
- didTouchMove = true;
14842
- }
14843
-
14844
- function onTouchStart() {
14845
- didTouchMove = false;
14846
- }
14847
-
14848
- function addDocumentPress() {
14849
- var doc = getDocument();
14850
- doc.addEventListener('mousedown', onDocumentPress, true);
14851
- doc.addEventListener('touchend', onDocumentPress, TOUCH_OPTIONS);
14852
- doc.addEventListener('touchstart', onTouchStart, TOUCH_OPTIONS);
14853
- doc.addEventListener('touchmove', onTouchMove, TOUCH_OPTIONS);
14854
- }
14855
-
14856
- function removeDocumentPress() {
14857
- var doc = getDocument();
14858
- doc.removeEventListener('mousedown', onDocumentPress, true);
14859
- doc.removeEventListener('touchend', onDocumentPress, TOUCH_OPTIONS);
14860
- doc.removeEventListener('touchstart', onTouchStart, TOUCH_OPTIONS);
14861
- doc.removeEventListener('touchmove', onTouchMove, TOUCH_OPTIONS);
14862
- }
14863
-
14864
- function onTransitionedOut(duration, callback) {
14865
- onTransitionEnd(duration, function () {
14866
- if (!instance.state.isVisible && popper.parentNode && popper.parentNode.contains(popper)) {
14867
- callback();
14868
- }
14869
- });
14870
- }
14871
-
14872
- function onTransitionedIn(duration, callback) {
14873
- onTransitionEnd(duration, callback);
14874
- }
14875
-
14876
- function onTransitionEnd(duration, callback) {
14877
- var box = getDefaultTemplateChildren().box;
14878
-
14879
- function listener(event) {
14880
- if (event.target === box) {
14881
- updateTransitionEndListener(box, 'remove', listener);
14882
- callback();
14883
- }
14884
- } // Make callback synchronous if duration is 0
14885
- // `transitionend` won't fire otherwise
14886
-
14887
-
14888
- if (duration === 0) {
14889
- return callback();
14890
- }
14891
-
14892
- updateTransitionEndListener(box, 'remove', currentTransitionEndListener);
14893
- updateTransitionEndListener(box, 'add', listener);
14894
- currentTransitionEndListener = listener;
14895
- }
14896
-
14897
- function on(eventType, handler, options) {
14898
- if (options === void 0) {
14899
- options = false;
14900
- }
14901
-
14902
- var nodes = normalizeToArray(instance.props.triggerTarget || reference);
14903
- nodes.forEach(function (node) {
14904
- node.addEventListener(eventType, handler, options);
14905
- listeners.push({
14906
- node: node,
14907
- eventType: eventType,
14908
- handler: handler,
14909
- options: options
14910
- });
14911
- });
14912
- }
14913
-
14914
- function addListeners() {
14915
- if (getIsCustomTouchBehavior()) {
14916
- on('touchstart', onTrigger, {
14917
- passive: true
14918
- });
14919
- on('touchend', onMouseLeave, {
14920
- passive: true
14921
- });
14922
- }
14923
-
14924
- splitBySpaces(instance.props.trigger).forEach(function (eventType) {
14925
- if (eventType === 'manual') {
14926
- return;
14927
- }
14928
-
14929
- on(eventType, onTrigger);
14930
-
14931
- switch (eventType) {
14932
- case 'mouseenter':
14933
- on('mouseleave', onMouseLeave);
14934
- break;
14935
-
14936
- case 'focus':
14937
- on(isIE11 ? 'focusout' : 'blur', onBlurOrFocusOut);
14938
- break;
14939
-
14940
- case 'focusin':
14941
- on('focusout', onBlurOrFocusOut);
14942
- break;
14943
- }
14944
- });
14945
- }
14946
-
14947
- function removeListeners() {
14948
- listeners.forEach(function (_ref) {
14949
- var node = _ref.node,
14950
- eventType = _ref.eventType,
14951
- handler = _ref.handler,
14952
- options = _ref.options;
14953
- node.removeEventListener(eventType, handler, options);
14954
- });
14955
- listeners = [];
14956
- }
14957
-
14958
- function onTrigger(event) {
14959
- var _lastTriggerEvent;
14960
-
14961
- var shouldScheduleClickHide = false;
14962
-
14963
- if (!instance.state.isEnabled || isEventListenerStopped(event) || didHideDueToDocumentMouseDown) {
14964
- return;
14965
- }
14966
-
14967
- var wasFocused = ((_lastTriggerEvent = lastTriggerEvent) == null ? void 0 : _lastTriggerEvent.type) === 'focus';
14968
- lastTriggerEvent = event;
14969
- currentTarget = event.currentTarget;
14970
- handleAriaExpandedAttribute();
14971
-
14972
- if (!instance.state.isVisible && isMouseEvent(event)) {
14973
- // If scrolling, `mouseenter` events can be fired if the cursor lands
14974
- // over a new target, but `mousemove` events don't get fired. This
14975
- // causes interactive tooltips to get stuck open until the cursor is
14976
- // moved
14977
- mouseMoveListeners.forEach(function (listener) {
14978
- return listener(event);
14979
- });
14980
- } // Toggle show/hide when clicking click-triggered tooltips
14981
-
14982
-
14983
- if (event.type === 'click' && (instance.props.trigger.indexOf('mouseenter') < 0 || isVisibleFromClick) && instance.props.hideOnClick !== false && instance.state.isVisible) {
14984
- shouldScheduleClickHide = true;
14985
- } else {
14986
- scheduleShow(event);
14987
- }
14988
-
14989
- if (event.type === 'click') {
14990
- isVisibleFromClick = !shouldScheduleClickHide;
14991
- }
14992
-
14993
- if (shouldScheduleClickHide && !wasFocused) {
14994
- scheduleHide(event);
14995
- }
14996
- }
14997
-
14998
- function onMouseMove(event) {
14999
- var target = event.target;
15000
- var isCursorOverReferenceOrPopper = getCurrentTarget().contains(target) || popper.contains(target);
15001
-
15002
- if (event.type === 'mousemove' && isCursorOverReferenceOrPopper) {
15003
- return;
15004
- }
15005
-
15006
- var popperTreeData = getNestedPopperTree().concat(popper).map(function (popper) {
15007
- var _instance$popperInsta;
15008
-
15009
- var instance = popper._tippy;
15010
- var state = (_instance$popperInsta = instance.popperInstance) == null ? void 0 : _instance$popperInsta.state;
15011
-
15012
- if (state) {
15013
- return {
15014
- popperRect: popper.getBoundingClientRect(),
15015
- popperState: state,
15016
- props: props
15017
- };
15018
- }
15019
-
15020
- return null;
15021
- }).filter(Boolean);
15022
-
15023
- if (isCursorOutsideInteractiveBorder(popperTreeData, event)) {
15024
- cleanupInteractiveMouseListeners();
15025
- scheduleHide(event);
15026
- }
15027
- }
15028
-
15029
- function onMouseLeave(event) {
15030
- var shouldBail = isEventListenerStopped(event) || instance.props.trigger.indexOf('click') >= 0 && isVisibleFromClick;
15031
-
15032
- if (shouldBail) {
15033
- return;
15034
- }
15035
-
15036
- if (instance.props.interactive) {
15037
- instance.hideWithInteractivity(event);
15038
- return;
15039
- }
15040
-
15041
- scheduleHide(event);
15042
- }
15043
-
15044
- function onBlurOrFocusOut(event) {
15045
- if (instance.props.trigger.indexOf('focusin') < 0 && event.target !== getCurrentTarget()) {
15046
- return;
15047
- } // If focus was moved to within the popper
15048
-
15049
-
15050
- if (instance.props.interactive && event.relatedTarget && popper.contains(event.relatedTarget)) {
15051
- return;
15052
- }
15053
-
15054
- scheduleHide(event);
15055
- }
15056
-
15057
- function isEventListenerStopped(event) {
15058
- return currentInput.isTouch ? getIsCustomTouchBehavior() !== event.type.indexOf('touch') >= 0 : false;
15059
- }
15060
-
15061
- function createPopperInstance() {
15062
- destroyPopperInstance();
15063
- var _instance$props2 = instance.props,
15064
- popperOptions = _instance$props2.popperOptions,
15065
- placement = _instance$props2.placement,
15066
- offset = _instance$props2.offset,
15067
- getReferenceClientRect = _instance$props2.getReferenceClientRect,
15068
- moveTransition = _instance$props2.moveTransition;
15069
- var arrow = getIsDefaultRenderFn() ? getChildren(popper).arrow : null;
15070
- var computedReference = getReferenceClientRect ? {
15071
- getBoundingClientRect: getReferenceClientRect,
15072
- contextElement: getReferenceClientRect.contextElement || getCurrentTarget()
15073
- } : reference;
15074
- var tippyModifier = {
15075
- name: '$$tippy',
15076
- enabled: true,
15077
- phase: 'beforeWrite',
15078
- requires: ['computeStyles'],
15079
- fn: function fn(_ref2) {
15080
- var state = _ref2.state;
15081
-
15082
- if (getIsDefaultRenderFn()) {
15083
- var _getDefaultTemplateCh = getDefaultTemplateChildren(),
15084
- box = _getDefaultTemplateCh.box;
15085
-
15086
- ['placement', 'reference-hidden', 'escaped'].forEach(function (attr) {
15087
- if (attr === 'placement') {
15088
- box.setAttribute('data-placement', state.placement);
15089
- } else {
15090
- if (state.attributes.popper["data-popper-" + attr]) {
15091
- box.setAttribute("data-" + attr, '');
15092
- } else {
15093
- box.removeAttribute("data-" + attr);
15094
- }
15095
- }
15096
- });
15097
- state.attributes.popper = {};
15098
- }
15099
- }
15100
- };
15101
- var modifiers = [{
15102
- name: 'offset',
15103
- options: {
15104
- offset: offset
15105
- }
15106
- }, {
15107
- name: 'preventOverflow',
15108
- options: {
15109
- padding: {
15110
- top: 2,
15111
- bottom: 2,
15112
- left: 5,
15113
- right: 5
15114
- }
15115
- }
15116
- }, {
15117
- name: 'flip',
15118
- options: {
15119
- padding: 5
15120
- }
15121
- }, {
15122
- name: 'computeStyles',
15123
- options: {
15124
- adaptive: !moveTransition
15125
- }
15126
- }, tippyModifier];
15127
-
15128
- if (getIsDefaultRenderFn() && arrow) {
15129
- modifiers.push({
15130
- name: 'arrow',
15131
- options: {
15132
- element: arrow,
15133
- padding: 3
15134
- }
15135
- });
15136
- }
15137
-
15138
- modifiers.push.apply(modifiers, (popperOptions == null ? void 0 : popperOptions.modifiers) || []);
15139
- instance.popperInstance = createPopper(computedReference, popper, Object.assign({}, popperOptions, {
15140
- placement: placement,
15141
- onFirstUpdate: onFirstUpdate,
15142
- modifiers: modifiers
15143
- }));
15144
- }
15145
-
15146
- function destroyPopperInstance() {
15147
- if (instance.popperInstance) {
15148
- instance.popperInstance.destroy();
15149
- instance.popperInstance = null;
15150
- }
15151
- }
15152
-
15153
- function mount() {
15154
- var appendTo = instance.props.appendTo;
15155
- var parentNode; // By default, we'll append the popper to the triggerTargets's parentNode so
15156
- // it's directly after the reference element so the elements inside the
15157
- // tippy can be tabbed to
15158
- // If there are clipping issues, the user can specify a different appendTo
15159
- // and ensure focus management is handled correctly manually
15160
-
15161
- var node = getCurrentTarget();
15162
-
15163
- if (instance.props.interactive && appendTo === TIPPY_DEFAULT_APPEND_TO || appendTo === 'parent') {
15164
- parentNode = node.parentNode;
15165
- } else {
15166
- parentNode = invokeWithArgsOrReturn(appendTo, [node]);
15167
- } // The popper element needs to exist on the DOM before its position can be
15168
- // updated as Popper needs to read its dimensions
15169
-
15170
-
15171
- if (!parentNode.contains(popper)) {
15172
- parentNode.appendChild(popper);
15173
- }
15174
-
15175
- instance.state.isMounted = true;
15176
- createPopperInstance();
15177
- }
15178
-
15179
- function getNestedPopperTree() {
15180
- return arrayFrom(popper.querySelectorAll('[data-tippy-root]'));
15181
- }
15182
-
15183
- function scheduleShow(event) {
15184
- instance.clearDelayTimeouts();
15185
-
15186
- if (event) {
15187
- invokeHook('onTrigger', [instance, event]);
15188
- }
15189
-
15190
- addDocumentPress();
15191
- var delay = getDelay(true);
15192
-
15193
- var _getNormalizedTouchSe = getNormalizedTouchSettings(),
15194
- touchValue = _getNormalizedTouchSe[0],
15195
- touchDelay = _getNormalizedTouchSe[1];
15196
-
15197
- if (currentInput.isTouch && touchValue === 'hold' && touchDelay) {
15198
- delay = touchDelay;
15199
- }
15200
-
15201
- if (delay) {
15202
- showTimeout = setTimeout(function () {
15203
- instance.show();
15204
- }, delay);
15205
- } else {
15206
- instance.show();
15207
- }
15208
- }
15209
-
15210
- function scheduleHide(event) {
15211
- instance.clearDelayTimeouts();
15212
- invokeHook('onUntrigger', [instance, event]);
15213
-
15214
- if (!instance.state.isVisible) {
15215
- removeDocumentPress();
15216
- return;
15217
- } // For interactive tippies, scheduleHide is added to a document.body handler
15218
- // from onMouseLeave so must intercept scheduled hides from mousemove/leave
15219
- // events when trigger contains mouseenter and click, and the tip is
15220
- // currently shown as a result of a click.
15221
-
15222
-
15223
- if (instance.props.trigger.indexOf('mouseenter') >= 0 && instance.props.trigger.indexOf('click') >= 0 && ['mouseleave', 'mousemove'].indexOf(event.type) >= 0 && isVisibleFromClick) {
15224
- return;
15225
- }
15226
-
15227
- var delay = getDelay(false);
15228
-
15229
- if (delay) {
15230
- hideTimeout = setTimeout(function () {
15231
- if (instance.state.isVisible) {
15232
- instance.hide();
15233
- }
15234
- }, delay);
15235
- } else {
15236
- // Fixes a `transitionend` problem when it fires 1 frame too
15237
- // late sometimes, we don't want hide() to be called.
15238
- scheduleHideAnimationFrame = requestAnimationFrame(function () {
15239
- instance.hide();
15240
- });
15241
- }
15242
- } // ===========================================================================
15243
- // 🔑 Public methods
15244
- // ===========================================================================
15245
-
15246
-
15247
- function enable() {
15248
- instance.state.isEnabled = true;
15249
- }
15250
-
15251
- function disable() {
15252
- // Disabling the instance should also hide it
15253
- // https://github.com/atomiks/tippy.js-react/issues/106
15254
- instance.hide();
15255
- instance.state.isEnabled = false;
15256
- }
15257
-
15258
- function clearDelayTimeouts() {
15259
- clearTimeout(showTimeout);
15260
- clearTimeout(hideTimeout);
15261
- cancelAnimationFrame(scheduleHideAnimationFrame);
15262
- }
15263
-
15264
- function setProps(partialProps) {
15265
-
15266
- if (instance.state.isDestroyed) {
15267
- return;
15268
- }
15269
-
15270
- invokeHook('onBeforeUpdate', [instance, partialProps]);
15271
- removeListeners();
15272
- var prevProps = instance.props;
15273
- var nextProps = evaluateProps(reference, Object.assign({}, prevProps, removeUndefinedProps(partialProps), {
15274
- ignoreAttributes: true
15275
- }));
15276
- instance.props = nextProps;
15277
- addListeners();
15278
-
15279
- if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
15280
- cleanupInteractiveMouseListeners();
15281
- debouncedOnMouseMove = debounce$1(onMouseMove, nextProps.interactiveDebounce);
15282
- } // Ensure stale aria-expanded attributes are removed
15283
-
15284
-
15285
- if (prevProps.triggerTarget && !nextProps.triggerTarget) {
15286
- normalizeToArray(prevProps.triggerTarget).forEach(function (node) {
15287
- node.removeAttribute('aria-expanded');
15288
- });
15289
- } else if (nextProps.triggerTarget) {
15290
- reference.removeAttribute('aria-expanded');
15291
- }
15292
-
15293
- handleAriaExpandedAttribute();
15294
- handleStyles();
15295
-
15296
- if (onUpdate) {
15297
- onUpdate(prevProps, nextProps);
15298
- }
15299
-
15300
- if (instance.popperInstance) {
15301
- createPopperInstance(); // Fixes an issue with nested tippies if they are all getting re-rendered,
15302
- // and the nested ones get re-rendered first.
15303
- // https://github.com/atomiks/tippyjs-react/issues/177
15304
- // TODO: find a cleaner / more efficient solution(!)
15305
-
15306
- getNestedPopperTree().forEach(function (nestedPopper) {
15307
- // React (and other UI libs likely) requires a rAF wrapper as it flushes
15308
- // its work in one
15309
- requestAnimationFrame(nestedPopper._tippy.popperInstance.forceUpdate);
15310
- });
15311
- }
15312
-
15313
- invokeHook('onAfterUpdate', [instance, partialProps]);
15314
- }
15315
-
15316
- function setContent(content) {
15317
- instance.setProps({
15318
- content: content
15319
- });
15320
- }
15321
-
15322
- function show() {
15323
-
15324
-
15325
- var isAlreadyVisible = instance.state.isVisible;
15326
- var isDestroyed = instance.state.isDestroyed;
15327
- var isDisabled = !instance.state.isEnabled;
15328
- var isTouchAndTouchDisabled = currentInput.isTouch && !instance.props.touch;
15329
- var duration = getValueAtIndexOrReturn(instance.props.duration, 0, defaultProps.duration);
15330
-
15331
- if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
15332
- return;
15333
- } // Normalize `disabled` behavior across browsers.
15334
- // Firefox allows events on disabled elements, but Chrome doesn't.
15335
- // Using a wrapper element (i.e. <span>) is recommended.
15336
-
15337
-
15338
- if (getCurrentTarget().hasAttribute('disabled')) {
15339
- return;
15340
- }
15341
-
15342
- invokeHook('onShow', [instance], false);
15343
-
15344
- if (instance.props.onShow(instance) === false) {
15345
- return;
15346
- }
15347
-
15348
- instance.state.isVisible = true;
15349
-
15350
- if (getIsDefaultRenderFn()) {
15351
- popper.style.visibility = 'visible';
15352
- }
15353
-
15354
- handleStyles();
15355
- addDocumentPress();
15356
-
15357
- if (!instance.state.isMounted) {
15358
- popper.style.transition = 'none';
15359
- } // If flipping to the opposite side after hiding at least once, the
15360
- // animation will use the wrong placement without resetting the duration
15361
-
15362
-
15363
- if (getIsDefaultRenderFn()) {
15364
- var _getDefaultTemplateCh2 = getDefaultTemplateChildren(),
15365
- box = _getDefaultTemplateCh2.box,
15366
- content = _getDefaultTemplateCh2.content;
15367
-
15368
- setTransitionDuration([box, content], 0);
15369
- }
15370
-
15371
- onFirstUpdate = function onFirstUpdate() {
15372
- var _instance$popperInsta2;
15373
-
15374
- if (!instance.state.isVisible || ignoreOnFirstUpdate) {
15375
- return;
15376
- }
15377
-
15378
- ignoreOnFirstUpdate = true; // reflow
15379
-
15380
- void popper.offsetHeight;
15381
- popper.style.transition = instance.props.moveTransition;
15382
-
15383
- if (getIsDefaultRenderFn() && instance.props.animation) {
15384
- var _getDefaultTemplateCh3 = getDefaultTemplateChildren(),
15385
- _box = _getDefaultTemplateCh3.box,
15386
- _content = _getDefaultTemplateCh3.content;
15387
-
15388
- setTransitionDuration([_box, _content], duration);
15389
- setVisibilityState([_box, _content], 'visible');
15390
- }
15391
-
15392
- handleAriaContentAttribute();
15393
- handleAriaExpandedAttribute();
15394
- pushIfUnique(mountedInstances, instance); // certain modifiers (e.g. `maxSize`) require a second update after the
15395
- // popper has been positioned for the first time
15396
-
15397
- (_instance$popperInsta2 = instance.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
15398
- invokeHook('onMount', [instance]);
15399
-
15400
- if (instance.props.animation && getIsDefaultRenderFn()) {
15401
- onTransitionedIn(duration, function () {
15402
- instance.state.isShown = true;
15403
- invokeHook('onShown', [instance]);
15404
- });
15405
- }
15406
- };
15407
-
15408
- mount();
15409
- }
15410
-
15411
- function hide() {
15412
-
15413
-
15414
- var isAlreadyHidden = !instance.state.isVisible;
15415
- var isDestroyed = instance.state.isDestroyed;
15416
- var isDisabled = !instance.state.isEnabled;
15417
- var duration = getValueAtIndexOrReturn(instance.props.duration, 1, defaultProps.duration);
15418
-
15419
- if (isAlreadyHidden || isDestroyed || isDisabled) {
15420
- return;
15421
- }
15422
-
15423
- invokeHook('onHide', [instance], false);
15424
-
15425
- if (instance.props.onHide(instance) === false) {
15426
- return;
15427
- }
15428
-
15429
- instance.state.isVisible = false;
15430
- instance.state.isShown = false;
15431
- ignoreOnFirstUpdate = false;
15432
- isVisibleFromClick = false;
15433
-
15434
- if (getIsDefaultRenderFn()) {
15435
- popper.style.visibility = 'hidden';
15436
- }
15437
-
15438
- cleanupInteractiveMouseListeners();
15439
- removeDocumentPress();
15440
- handleStyles(true);
15441
-
15442
- if (getIsDefaultRenderFn()) {
15443
- var _getDefaultTemplateCh4 = getDefaultTemplateChildren(),
15444
- box = _getDefaultTemplateCh4.box,
15445
- content = _getDefaultTemplateCh4.content;
15446
-
15447
- if (instance.props.animation) {
15448
- setTransitionDuration([box, content], duration);
15449
- setVisibilityState([box, content], 'hidden');
15450
- }
15451
- }
15452
-
15453
- handleAriaContentAttribute();
15454
- handleAriaExpandedAttribute();
15455
-
15456
- if (instance.props.animation) {
15457
- if (getIsDefaultRenderFn()) {
15458
- onTransitionedOut(duration, instance.unmount);
15459
- }
15460
- } else {
15461
- instance.unmount();
15462
- }
15463
- }
15464
-
15465
- function hideWithInteractivity(event) {
15466
-
15467
- getDocument().addEventListener('mousemove', debouncedOnMouseMove);
15468
- pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
15469
- debouncedOnMouseMove(event);
15470
- }
15471
-
15472
- function unmount() {
15473
-
15474
- if (instance.state.isVisible) {
15475
- instance.hide();
15476
- }
15477
-
15478
- if (!instance.state.isMounted) {
15479
- return;
15480
- }
15481
-
15482
- destroyPopperInstance(); // If a popper is not interactive, it will be appended outside the popper
15483
- // tree by default. This seems mainly for interactive tippies, but we should
15484
- // find a workaround if possible
15485
-
15486
- getNestedPopperTree().forEach(function (nestedPopper) {
15487
- nestedPopper._tippy.unmount();
15488
- });
15489
-
15490
- if (popper.parentNode) {
15491
- popper.parentNode.removeChild(popper);
15492
- }
15493
-
15494
- mountedInstances = mountedInstances.filter(function (i) {
15495
- return i !== instance;
15496
- });
15497
- instance.state.isMounted = false;
15498
- invokeHook('onHidden', [instance]);
15499
- }
15500
-
15501
- function destroy() {
15502
-
15503
- if (instance.state.isDestroyed) {
15504
- return;
15505
- }
15506
-
15507
- instance.clearDelayTimeouts();
15508
- instance.unmount();
15509
- removeListeners();
15510
- delete reference._tippy;
15511
- instance.state.isDestroyed = true;
15512
- invokeHook('onDestroy', [instance]);
15513
- }
15514
- }
15515
-
15516
- function tippy(targets, optionalProps) {
15517
- if (optionalProps === void 0) {
15518
- optionalProps = {};
15519
- }
15520
-
15521
- var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
15522
-
15523
- bindGlobalEventListeners();
15524
- var passedProps = Object.assign({}, optionalProps, {
15525
- plugins: plugins
15526
- });
15527
- var elements = getArrayOfElements(targets);
15528
-
15529
- var instances = elements.reduce(function (acc, reference) {
15530
- var instance = reference && createTippy(reference, passedProps);
15531
-
15532
- if (instance) {
15533
- acc.push(instance);
15534
- }
15535
-
15536
- return acc;
15537
- }, []);
15538
- return isElement$1(targets) ? instances[0] : instances;
15539
- }
15540
-
15541
- tippy.defaultProps = defaultProps;
15542
- tippy.setDefaultProps = setDefaultProps;
15543
- tippy.currentInput = currentInput;
15544
-
15545
- // every time the popper is destroyed (i.e. a new target), removing the styles
15546
- // and causing transitions to break for singletons when the console is open, but
15547
- // most notably for non-transform styles being used, `gpuAcceleration: false`.
15548
-
15549
- var applyStylesModifier = Object.assign({}, applyStyles$1, {
15550
- effect: function effect(_ref) {
15551
- var state = _ref.state;
15552
- var initialStyles = {
15553
- popper: {
15554
- position: state.options.strategy,
15555
- left: '0',
15556
- top: '0',
15557
- margin: '0'
15558
- },
15559
- arrow: {
15560
- position: 'absolute'
15561
- },
15562
- reference: {}
15563
- };
15564
- Object.assign(state.elements.popper.style, initialStyles.popper);
15565
- state.styles = initialStyles;
15566
-
15567
- if (state.elements.arrow) {
15568
- Object.assign(state.elements.arrow.style, initialStyles.arrow);
15569
- } // intentionally return no cleanup function
15570
- // return () => { ... }
15571
-
15572
- }
15573
- });
15574
-
15575
- var createSingleton = function createSingleton(tippyInstances, optionalProps) {
15576
- var _optionalProps$popper;
15577
-
15578
- if (optionalProps === void 0) {
15579
- optionalProps = {};
15580
- }
15581
-
15582
- var individualInstances = tippyInstances;
15583
- var references = [];
15584
- var triggerTargets = [];
15585
- var currentTarget;
15586
- var overrides = optionalProps.overrides;
15587
- var interceptSetPropsCleanups = [];
15588
- var shownOnCreate = false;
15589
-
15590
- function setTriggerTargets() {
15591
- triggerTargets = individualInstances.map(function (instance) {
15592
- return normalizeToArray(instance.props.triggerTarget || instance.reference);
15593
- }).reduce(function (acc, item) {
15594
- return acc.concat(item);
15595
- }, []);
15596
- }
15597
-
15598
- function setReferences() {
15599
- references = individualInstances.map(function (instance) {
15600
- return instance.reference;
15601
- });
15602
- }
15603
-
15604
- function enableInstances(isEnabled) {
15605
- individualInstances.forEach(function (instance) {
15606
- if (isEnabled) {
15607
- instance.enable();
15608
- } else {
15609
- instance.disable();
15610
- }
15611
- });
15612
- }
15613
-
15614
- function interceptSetProps(singleton) {
15615
- return individualInstances.map(function (instance) {
15616
- var originalSetProps = instance.setProps;
15617
-
15618
- instance.setProps = function (props) {
15619
- originalSetProps(props);
15620
-
15621
- if (instance.reference === currentTarget) {
15622
- singleton.setProps(props);
15623
- }
15624
- };
15625
-
15626
- return function () {
15627
- instance.setProps = originalSetProps;
15628
- };
15629
- });
15630
- } // have to pass singleton, as it maybe undefined on first call
15631
-
15632
-
15633
- function prepareInstance(singleton, target) {
15634
- var index = triggerTargets.indexOf(target); // bail-out
15635
-
15636
- if (target === currentTarget) {
15637
- return;
15638
- }
15639
-
15640
- currentTarget = target;
15641
- var overrideProps = (overrides || []).concat('content').reduce(function (acc, prop) {
15642
- acc[prop] = individualInstances[index].props[prop];
15643
- return acc;
15644
- }, {});
15645
- singleton.setProps(Object.assign({}, overrideProps, {
15646
- getReferenceClientRect: typeof overrideProps.getReferenceClientRect === 'function' ? overrideProps.getReferenceClientRect : function () {
15647
- var _references$index;
15648
-
15649
- return (_references$index = references[index]) == null ? void 0 : _references$index.getBoundingClientRect();
15650
- }
15651
- }));
15652
- }
15653
-
15654
- enableInstances(false);
15655
- setReferences();
15656
- setTriggerTargets();
15657
- var plugin = {
15658
- fn: function fn() {
15659
- return {
15660
- onDestroy: function onDestroy() {
15661
- enableInstances(true);
15662
- },
15663
- onHidden: function onHidden() {
15664
- currentTarget = null;
15665
- },
15666
- onClickOutside: function onClickOutside(instance) {
15667
- if (instance.props.showOnCreate && !shownOnCreate) {
15668
- shownOnCreate = true;
15669
- currentTarget = null;
15670
- }
15671
- },
15672
- onShow: function onShow(instance) {
15673
- if (instance.props.showOnCreate && !shownOnCreate) {
15674
- shownOnCreate = true;
15675
- prepareInstance(instance, references[0]);
15676
- }
15677
- },
15678
- onTrigger: function onTrigger(instance, event) {
15679
- prepareInstance(instance, event.currentTarget);
15680
- }
15681
- };
15682
- }
15683
- };
15684
- var singleton = tippy(div(), Object.assign({}, removeProperties(optionalProps, ['overrides']), {
15685
- plugins: [plugin].concat(optionalProps.plugins || []),
15686
- triggerTarget: triggerTargets,
15687
- popperOptions: Object.assign({}, optionalProps.popperOptions, {
15688
- modifiers: [].concat(((_optionalProps$popper = optionalProps.popperOptions) == null ? void 0 : _optionalProps$popper.modifiers) || [], [applyStylesModifier])
15689
- })
15690
- }));
15691
- var originalShow = singleton.show;
15692
-
15693
- singleton.show = function (target) {
15694
- originalShow(); // first time, showOnCreate or programmatic call with no params
15695
- // default to showing first instance
15696
-
15697
- if (!currentTarget && target == null) {
15698
- return prepareInstance(singleton, references[0]);
15699
- } // triggered from event (do nothing as prepareInstance already called by onTrigger)
15700
- // programmatic call with no params when already visible (do nothing again)
15701
-
15702
-
15703
- if (currentTarget && target == null) {
15704
- return;
15705
- } // target is index of instance
15706
-
15707
-
15708
- if (typeof target === 'number') {
15709
- return references[target] && prepareInstance(singleton, references[target]);
15710
- } // target is a child tippy instance
15711
-
15712
-
15713
- if (individualInstances.indexOf(target) >= 0) {
15714
- var ref = target.reference;
15715
- return prepareInstance(singleton, ref);
15716
- } // target is a ReferenceElement
15717
-
15718
-
15719
- if (references.indexOf(target) >= 0) {
15720
- return prepareInstance(singleton, target);
15721
- }
15722
- };
15723
-
15724
- singleton.showNext = function () {
15725
- var first = references[0];
15726
-
15727
- if (!currentTarget) {
15728
- return singleton.show(0);
15729
- }
15730
-
15731
- var index = references.indexOf(currentTarget);
15732
- singleton.show(references[index + 1] || first);
15733
- };
15734
-
15735
- singleton.showPrevious = function () {
15736
- var last = references[references.length - 1];
15737
-
15738
- if (!currentTarget) {
15739
- return singleton.show(last);
15740
- }
15741
-
15742
- var index = references.indexOf(currentTarget);
15743
- var target = references[index - 1] || last;
15744
- singleton.show(target);
15745
- };
15746
-
15747
- var originalSetProps = singleton.setProps;
15748
-
15749
- singleton.setProps = function (props) {
15750
- overrides = props.overrides || overrides;
15751
- originalSetProps(props);
15752
- };
15753
-
15754
- singleton.setInstances = function (nextInstances) {
15755
- enableInstances(true);
15756
- interceptSetPropsCleanups.forEach(function (fn) {
15757
- return fn();
15758
- });
15759
- individualInstances = nextInstances;
15760
- enableInstances(false);
15761
- setReferences();
15762
- setTriggerTargets();
15763
- interceptSetPropsCleanups = interceptSetProps(singleton);
15764
- singleton.setProps({
15765
- triggerTarget: triggerTargets
15766
- });
15767
- };
15768
-
15769
- interceptSetPropsCleanups = interceptSetProps(singleton);
15770
- return singleton;
15771
- };
15772
-
15773
- var animateFill = {
15774
- name: 'animateFill',
15775
- defaultValue: false,
15776
- fn: function fn(instance) {
15777
- var _instance$props$rende;
15778
-
15779
- // @ts-ignore
15780
- if (!((_instance$props$rende = instance.props.render) != null && _instance$props$rende.$$tippy)) {
15781
-
15782
- return {};
15783
- }
15784
-
15785
- var _getChildren = getChildren(instance.popper),
15786
- box = _getChildren.box,
15787
- content = _getChildren.content;
15788
-
15789
- var backdrop = instance.props.animateFill ? createBackdropElement() : null;
15790
- return {
15791
- onCreate: function onCreate() {
15792
- if (backdrop) {
15793
- box.insertBefore(backdrop, box.firstElementChild);
15794
- box.setAttribute('data-animatefill', '');
15795
- box.style.overflow = 'hidden';
15796
- instance.setProps({
15797
- arrow: false,
15798
- animation: 'shift-away'
15799
- });
15800
- }
15801
- },
15802
- onMount: function onMount() {
15803
- if (backdrop) {
15804
- var transitionDuration = box.style.transitionDuration;
15805
- var duration = Number(transitionDuration.replace('ms', '')); // The content should fade in after the backdrop has mostly filled the
15806
- // tooltip element. `clip-path` is the other alternative but is not
15807
- // well-supported and is buggy on some devices.
15808
-
15809
- content.style.transitionDelay = Math.round(duration / 10) + "ms";
15810
- backdrop.style.transitionDuration = transitionDuration;
15811
- setVisibilityState([backdrop], 'visible');
15812
- }
15813
- },
15814
- onShow: function onShow() {
15815
- if (backdrop) {
15816
- backdrop.style.transitionDuration = '0ms';
15817
- }
15818
- },
15819
- onHide: function onHide() {
15820
- if (backdrop) {
15821
- setVisibilityState([backdrop], 'hidden');
15822
- }
15823
- }
15824
- };
15825
- }
15826
- };
15827
-
15828
- function createBackdropElement() {
15829
- var backdrop = div();
15830
- backdrop.className = BACKDROP_CLASS;
15831
- setVisibilityState([backdrop], 'hidden');
15832
- return backdrop;
15833
- }
15834
-
15835
- var mouseCoords = {
15836
- clientX: 0,
15837
- clientY: 0
15838
- };
15839
- var activeInstances = [];
15840
-
15841
- function storeMouseCoords(_ref) {
15842
- var clientX = _ref.clientX,
15843
- clientY = _ref.clientY;
15844
- mouseCoords = {
15845
- clientX: clientX,
15846
- clientY: clientY
15847
- };
15848
- }
15849
-
15850
- function addMouseCoordsListener(doc) {
15851
- doc.addEventListener('mousemove', storeMouseCoords);
15852
- }
15853
-
15854
- function removeMouseCoordsListener(doc) {
15855
- doc.removeEventListener('mousemove', storeMouseCoords);
15856
- }
15857
-
15858
- var followCursor = {
15859
- name: 'followCursor',
15860
- defaultValue: false,
15861
- fn: function fn(instance) {
15862
- var reference = instance.reference;
15863
- var doc = getOwnerDocument(instance.props.triggerTarget || reference);
15864
- var isInternalUpdate = false;
15865
- var wasFocusEvent = false;
15866
- var isUnmounted = true;
15867
- var prevProps = instance.props;
15868
-
15869
- function getIsInitialBehavior() {
15870
- return instance.props.followCursor === 'initial' && instance.state.isVisible;
15871
- }
15872
-
15873
- function addListener() {
15874
- doc.addEventListener('mousemove', onMouseMove);
15875
- }
15876
-
15877
- function removeListener() {
15878
- doc.removeEventListener('mousemove', onMouseMove);
15879
- }
15880
-
15881
- function unsetGetReferenceClientRect() {
15882
- isInternalUpdate = true;
15883
- instance.setProps({
15884
- getReferenceClientRect: null
15885
- });
15886
- isInternalUpdate = false;
15887
- }
15888
-
15889
- function onMouseMove(event) {
15890
- // If the instance is interactive, avoid updating the position unless it's
15891
- // over the reference element
15892
- var isCursorOverReference = event.target ? reference.contains(event.target) : true;
15893
- var followCursor = instance.props.followCursor;
15894
- var clientX = event.clientX,
15895
- clientY = event.clientY;
15896
- var rect = reference.getBoundingClientRect();
15897
- var relativeX = clientX - rect.left;
15898
- var relativeY = clientY - rect.top;
15899
-
15900
- if (isCursorOverReference || !instance.props.interactive) {
15901
- instance.setProps({
15902
- // @ts-ignore - unneeded DOMRect properties
15903
- getReferenceClientRect: function getReferenceClientRect() {
15904
- var rect = reference.getBoundingClientRect();
15905
- var x = clientX;
15906
- var y = clientY;
15907
-
15908
- if (followCursor === 'initial') {
15909
- x = rect.left + relativeX;
15910
- y = rect.top + relativeY;
15911
- }
15912
-
15913
- var top = followCursor === 'horizontal' ? rect.top : y;
15914
- var right = followCursor === 'vertical' ? rect.right : x;
15915
- var bottom = followCursor === 'horizontal' ? rect.bottom : y;
15916
- var left = followCursor === 'vertical' ? rect.left : x;
15917
- return {
15918
- width: right - left,
15919
- height: bottom - top,
15920
- top: top,
15921
- right: right,
15922
- bottom: bottom,
15923
- left: left
15924
- };
15925
- }
15926
- });
15927
- }
15928
- }
15929
-
15930
- function create() {
15931
- if (instance.props.followCursor) {
15932
- activeInstances.push({
15933
- instance: instance,
15934
- doc: doc
15935
- });
15936
- addMouseCoordsListener(doc);
15937
- }
15938
- }
15939
-
15940
- function destroy() {
15941
- activeInstances = activeInstances.filter(function (data) {
15942
- return data.instance !== instance;
15943
- });
15944
-
15945
- if (activeInstances.filter(function (data) {
15946
- return data.doc === doc;
15947
- }).length === 0) {
15948
- removeMouseCoordsListener(doc);
15949
- }
15950
- }
15951
-
15952
- return {
15953
- onCreate: create,
15954
- onDestroy: destroy,
15955
- onBeforeUpdate: function onBeforeUpdate() {
15956
- prevProps = instance.props;
15957
- },
15958
- onAfterUpdate: function onAfterUpdate(_, _ref2) {
15959
- var followCursor = _ref2.followCursor;
15960
-
15961
- if (isInternalUpdate) {
15962
- return;
15963
- }
15964
-
15965
- if (followCursor !== undefined && prevProps.followCursor !== followCursor) {
15966
- destroy();
15967
-
15968
- if (followCursor) {
15969
- create();
15970
-
15971
- if (instance.state.isMounted && !wasFocusEvent && !getIsInitialBehavior()) {
15972
- addListener();
15973
- }
15974
- } else {
15975
- removeListener();
15976
- unsetGetReferenceClientRect();
15977
- }
15978
- }
15979
- },
15980
- onMount: function onMount() {
15981
- if (instance.props.followCursor && !wasFocusEvent) {
15982
- if (isUnmounted) {
15983
- onMouseMove(mouseCoords);
15984
- isUnmounted = false;
15985
- }
15986
-
15987
- if (!getIsInitialBehavior()) {
15988
- addListener();
15989
- }
15990
- }
15991
- },
15992
- onTrigger: function onTrigger(_, event) {
15993
- if (isMouseEvent(event)) {
15994
- mouseCoords = {
15995
- clientX: event.clientX,
15996
- clientY: event.clientY
15997
- };
15998
- }
15999
-
16000
- wasFocusEvent = event.type === 'focus';
16001
- },
16002
- onHidden: function onHidden() {
16003
- if (instance.props.followCursor) {
16004
- unsetGetReferenceClientRect();
16005
- removeListener();
16006
- isUnmounted = true;
16007
- }
16008
- }
16009
- };
16010
- }
16011
- };
16012
-
16013
- function getProps(props, modifier) {
16014
- var _props$popperOptions;
16015
-
16016
- return {
16017
- popperOptions: Object.assign({}, props.popperOptions, {
16018
- modifiers: [].concat((((_props$popperOptions = props.popperOptions) == null ? void 0 : _props$popperOptions.modifiers) || []).filter(function (_ref) {
16019
- var name = _ref.name;
16020
- return name !== modifier.name;
16021
- }), [modifier])
16022
- })
16023
- };
16024
- }
16025
-
16026
- var inlinePositioning = {
16027
- name: 'inlinePositioning',
16028
- defaultValue: false,
16029
- fn: function fn(instance) {
16030
- var reference = instance.reference;
16031
-
16032
- function isEnabled() {
16033
- return !!instance.props.inlinePositioning;
16034
- }
16035
-
16036
- var placement;
16037
- var cursorRectIndex = -1;
16038
- var isInternalUpdate = false;
16039
- var triedPlacements = [];
16040
- var modifier = {
16041
- name: 'tippyInlinePositioning',
16042
- enabled: true,
16043
- phase: 'afterWrite',
16044
- fn: function fn(_ref2) {
16045
- var state = _ref2.state;
16046
-
16047
- if (isEnabled()) {
16048
- if (triedPlacements.indexOf(state.placement) !== -1) {
16049
- triedPlacements = [];
16050
- }
16051
-
16052
- if (placement !== state.placement && triedPlacements.indexOf(state.placement) === -1) {
16053
- triedPlacements.push(state.placement);
16054
- instance.setProps({
16055
- // @ts-ignore - unneeded DOMRect properties
16056
- getReferenceClientRect: function getReferenceClientRect() {
16057
- return _getReferenceClientRect(state.placement);
16058
- }
16059
- });
16060
- }
16061
-
16062
- placement = state.placement;
16063
- }
16064
- }
16065
- };
16066
-
16067
- function _getReferenceClientRect(placement) {
16068
- return getInlineBoundingClientRect(getBasePlacement$1(placement), reference.getBoundingClientRect(), arrayFrom(reference.getClientRects()), cursorRectIndex);
16069
- }
16070
-
16071
- function setInternalProps(partialProps) {
16072
- isInternalUpdate = true;
16073
- instance.setProps(partialProps);
16074
- isInternalUpdate = false;
16075
- }
16076
-
16077
- function addModifier() {
16078
- if (!isInternalUpdate) {
16079
- setInternalProps(getProps(instance.props, modifier));
16080
- }
16081
- }
16082
-
16083
- return {
16084
- onCreate: addModifier,
16085
- onAfterUpdate: addModifier,
16086
- onTrigger: function onTrigger(_, event) {
16087
- if (isMouseEvent(event)) {
16088
- var rects = arrayFrom(instance.reference.getClientRects());
16089
- var cursorRect = rects.find(function (rect) {
16090
- return rect.left - 2 <= event.clientX && rect.right + 2 >= event.clientX && rect.top - 2 <= event.clientY && rect.bottom + 2 >= event.clientY;
16091
- });
16092
- var index = rects.indexOf(cursorRect);
16093
- cursorRectIndex = index > -1 ? index : cursorRectIndex;
16094
- }
16095
- },
16096
- onHidden: function onHidden() {
16097
- cursorRectIndex = -1;
16098
- }
16099
- };
16100
- }
16101
- };
16102
- function getInlineBoundingClientRect(currentBasePlacement, boundingRect, clientRects, cursorRectIndex) {
16103
- // Not an inline element, or placement is not yet known
16104
- if (clientRects.length < 2 || currentBasePlacement === null) {
16105
- return boundingRect;
16106
- } // There are two rects and they are disjoined
16107
-
16108
-
16109
- if (clientRects.length === 2 && cursorRectIndex >= 0 && clientRects[0].left > clientRects[1].right) {
16110
- return clientRects[cursorRectIndex] || boundingRect;
16111
- }
16112
-
16113
- switch (currentBasePlacement) {
16114
- case 'top':
16115
- case 'bottom':
16116
- {
16117
- var firstRect = clientRects[0];
16118
- var lastRect = clientRects[clientRects.length - 1];
16119
- var isTop = currentBasePlacement === 'top';
16120
- var top = firstRect.top;
16121
- var bottom = lastRect.bottom;
16122
- var left = isTop ? firstRect.left : lastRect.left;
16123
- var right = isTop ? firstRect.right : lastRect.right;
16124
- var width = right - left;
16125
- var height = bottom - top;
16126
- return {
16127
- top: top,
16128
- bottom: bottom,
16129
- left: left,
16130
- right: right,
16131
- width: width,
16132
- height: height
16133
- };
16134
- }
16135
-
16136
- case 'left':
16137
- case 'right':
16138
- {
16139
- var minLeft = Math.min.apply(Math, clientRects.map(function (rects) {
16140
- return rects.left;
16141
- }));
16142
- var maxRight = Math.max.apply(Math, clientRects.map(function (rects) {
16143
- return rects.right;
16144
- }));
16145
- var measureRects = clientRects.filter(function (rect) {
16146
- return currentBasePlacement === 'left' ? rect.left === minLeft : rect.right === maxRight;
16147
- });
16148
- var _top = measureRects[0].top;
16149
- var _bottom = measureRects[measureRects.length - 1].bottom;
16150
- var _left = minLeft;
16151
- var _right = maxRight;
16152
-
16153
- var _width = _right - _left;
16154
-
16155
- var _height = _bottom - _top;
16156
-
16157
- return {
16158
- top: _top,
16159
- bottom: _bottom,
16160
- left: _left,
16161
- right: _right,
16162
- width: _width,
16163
- height: _height
16164
- };
16165
- }
16166
-
16167
- default:
16168
- {
16169
- return boundingRect;
16170
- }
16171
- }
16172
- }
16173
-
16174
- var sticky = {
16175
- name: 'sticky',
16176
- defaultValue: false,
16177
- fn: function fn(instance) {
16178
- var reference = instance.reference,
16179
- popper = instance.popper;
16180
-
16181
- function getReference() {
16182
- return instance.popperInstance ? instance.popperInstance.state.elements.reference : reference;
16183
- }
16184
-
16185
- function shouldCheck(value) {
16186
- return instance.props.sticky === true || instance.props.sticky === value;
16187
- }
16188
-
16189
- var prevRefRect = null;
16190
- var prevPopRect = null;
16191
-
16192
- function updatePosition() {
16193
- var currentRefRect = shouldCheck('reference') ? getReference().getBoundingClientRect() : null;
16194
- var currentPopRect = shouldCheck('popper') ? popper.getBoundingClientRect() : null;
16195
-
16196
- if (currentRefRect && areRectsDifferent(prevRefRect, currentRefRect) || currentPopRect && areRectsDifferent(prevPopRect, currentPopRect)) {
16197
- if (instance.popperInstance) {
16198
- instance.popperInstance.update();
16199
- }
16200
- }
16201
-
16202
- prevRefRect = currentRefRect;
16203
- prevPopRect = currentPopRect;
16204
-
16205
- if (instance.state.isMounted) {
16206
- requestAnimationFrame(updatePosition);
16207
- }
16208
- }
16209
-
16210
- return {
16211
- onMount: function onMount() {
16212
- if (instance.props.sticky) {
16213
- updatePosition();
16214
- }
16215
- }
16216
- };
16217
- }
16218
- };
16219
-
16220
- function areRectsDifferent(rectA, rectB) {
16221
- if (rectA && rectB) {
16222
- return rectA.top !== rectB.top || rectA.right !== rectB.right || rectA.bottom !== rectB.bottom || rectA.left !== rectB.left;
16223
- }
16224
-
16225
- return true;
16226
- }
16227
-
16228
- tippy.setDefaultProps({
16229
- render: render
16230
- });
16231
-
16232
- tippy.setDefaultProps({
16233
- //@ts-ignore
16234
- onShow: instance => {
16235
- if (!instance.props.content)
16236
- return false;
16237
- },
16238
- });
16239
- const isComponentInstance = (value) => {
16240
- return value instanceof Object && '$' in value && '$el' in value;
16241
- };
16242
- function useTippy(el, opts = {}, settings = { mount: true, appName: 'Tippy' }) {
16243
- settings = Object.assign({ mount: true, appName: 'Tippy' }, settings);
16244
- const vm = vue.getCurrentInstance();
16245
- const instance = vue.ref();
16246
- const state = vue.ref({
16247
- isEnabled: false,
16248
- isVisible: false,
16249
- isDestroyed: false,
16250
- isMounted: false,
16251
- isShown: false,
16252
- });
16253
- const headlessApp = vue.shallowRef();
16254
- let container = null;
16255
- const getContainer = () => {
16256
- if (container)
16257
- return container;
16258
- container = document.createDocumentFragment();
16259
- return container;
16260
- };
16261
- const getContent = (content) => {
16262
- let newContent;
16263
- let unwrappedContent = vue.isRef(content)
16264
- ? content.value
16265
- : content;
16266
- if (vue.isVNode(unwrappedContent)) {
16267
- if (!headlessApp.value) {
16268
- headlessApp.value = vue.createApp({
16269
- name: settings.appName,
16270
- setup: () => {
16271
- return () => vue.isRef(content) ? content.value : content;
16272
- },
16273
- });
16274
- if (vm) {
16275
- Object.assign(headlessApp.value._context, vm.appContext);
16276
- }
16277
- headlessApp.value.mount(getContainer());
16278
- }
16279
- newContent = () => getContainer();
16280
- }
16281
- else if (typeof unwrappedContent === 'object') {
16282
- if (!headlessApp.value) {
16283
- headlessApp.value = vue.createApp({
16284
- name: settings.appName,
16285
- setup: () => {
16286
- return () => vue.h(vue.isRef(content) ? content.value : content);
16287
- },
16288
- });
16289
- if (vm) {
16290
- Object.assign(headlessApp.value._context, vm.appContext);
16291
- }
16292
- headlessApp.value.mount(getContainer());
16293
- }
16294
- newContent = () => getContainer();
16295
- }
16296
- else {
16297
- newContent = unwrappedContent;
16298
- }
16299
- return newContent;
16300
- };
16301
- const getProps = (opts) => {
16302
- let options = {};
16303
- if (vue.isRef(opts)) {
16304
- options = opts.value || {};
16305
- }
16306
- else if (vue.isReactive(opts)) {
16307
- options = { ...opts };
16308
- }
16309
- else {
16310
- options = { ...opts };
16311
- }
16312
- if (options.content) {
16313
- options.content = getContent(options.content);
16314
- }
16315
- if (options.triggerTarget) {
16316
- options.triggerTarget = vue.isRef(options.triggerTarget)
16317
- ? options.triggerTarget.value
16318
- : options.triggerTarget;
16319
- }
16320
- if (!options.plugins || !Array.isArray(options.plugins)) {
16321
- options.plugins = [];
16322
- }
16323
- options.plugins = options.plugins.filter((plugin) => plugin.name !== 'vueTippyReactiveState');
16324
- options.plugins.push({
16325
- name: 'vueTippyReactiveState',
16326
- fn: () => {
16327
- return {
16328
- onCreate() {
16329
- state.value.isEnabled = true;
16330
- },
16331
- onMount() {
16332
- state.value.isMounted = true;
16333
- },
16334
- onShow() {
16335
- state.value.isMounted = true;
16336
- state.value.isVisible = true;
16337
- },
16338
- onShown() {
16339
- state.value.isShown = true;
16340
- },
16341
- onHide() {
16342
- state.value.isMounted = false;
16343
- state.value.isVisible = false;
16344
- },
16345
- onHidden() {
16346
- state.value.isShown = false;
16347
- },
16348
- onUnmounted() {
16349
- state.value.isMounted = false;
16350
- },
16351
- onDestroy() {
16352
- state.value.isDestroyed = true;
16353
- },
16354
- };
16355
- }
16356
- });
16357
- return options;
16358
- };
16359
- const refresh = () => {
16360
- if (!instance.value)
16361
- return;
16362
- instance.value.setProps(getProps(opts));
16363
- };
16364
- const refreshContent = () => {
16365
- if (!instance.value || !opts.content)
16366
- return;
16367
- instance.value.setContent(getContent(opts.content));
16368
- };
16369
- const setContent = (value) => {
16370
- var _a;
16371
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.setContent(getContent(value));
16372
- };
16373
- const setProps = (value) => {
16374
- var _a;
16375
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.setProps(getProps(value));
16376
- };
16377
- const destroy = () => {
16378
- var _a;
16379
- if (instance.value) {
16380
- instance.value.destroy();
16381
- instance.value = undefined;
16382
- }
16383
- container = null;
16384
- (_a = headlessApp.value) === null || _a === void 0 ? void 0 : _a.unmount();
16385
- headlessApp.value = undefined;
16386
- };
16387
- const show = () => {
16388
- var _a;
16389
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.show();
16390
- };
16391
- const hide = () => {
16392
- var _a;
16393
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.hide();
16394
- };
16395
- const disable = () => {
16396
- var _a;
16397
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.disable();
16398
- state.value.isEnabled = false;
16399
- };
16400
- const enable = () => {
16401
- var _a;
16402
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.enable();
16403
- state.value.isEnabled = true;
16404
- };
16405
- const unmount = () => {
16406
- var _a;
16407
- (_a = instance.value) === null || _a === void 0 ? void 0 : _a.unmount();
16408
- };
16409
- const mount = () => {
16410
- if (!el)
16411
- return;
16412
- let target = vue.isRef(el) ? el.value : el;
16413
- if (typeof target === 'function')
16414
- target = target();
16415
- if (isComponentInstance(target)) {
16416
- target = target.$el;
16417
- }
16418
- if (target) {
16419
- //@ts-ignore
16420
- instance.value = tippy(target, getProps(opts));
16421
- //@ts-ignore
16422
- target.$tippy = response;
16423
- }
16424
- };
16425
- const response = {
16426
- tippy: instance,
16427
- refresh,
16428
- refreshContent,
16429
- setContent,
16430
- setProps,
16431
- destroy,
16432
- hide,
16433
- show,
16434
- disable,
16435
- enable,
16436
- unmount,
16437
- mount,
16438
- state,
16439
- };
16440
- if (settings.mount) {
16441
- if (vm) {
16442
- if (vm.isMounted) {
16443
- mount();
16444
- }
16445
- else {
16446
- vue.onMounted(mount);
16447
- }
16448
- }
16449
- else {
16450
- mount();
16451
- }
16452
- }
16453
- if (vm) {
16454
- vue.onUnmounted(() => {
16455
- destroy();
16456
- });
16457
- }
16458
- if (vue.isRef(opts) || vue.isReactive(opts)) {
16459
- vue.watch(opts, refresh, { immediate: false });
16460
- }
16461
- else if (vue.isRef(opts.content)) {
16462
- vue.watch(opts.content, refreshContent, { immediate: false });
16463
- }
16464
- return response;
16465
- }
16466
-
16467
- function useSingleton(instances, optionalProps) {
16468
- const singleton = vue.ref();
16469
- vue.onMounted(() => {
16470
- const pendingTippyInstances = Array.isArray(instances)
16471
- ? instances.map(i => i.value)
16472
- : typeof instances === 'function'
16473
- ? instances()
16474
- : instances.value;
16475
- const tippyInstances = pendingTippyInstances
16476
- .map((instance) => {
16477
- if (instance instanceof Element) {
16478
- //@ts-ignore
16479
- return instance._tippy;
16480
- }
16481
- return instance;
16482
- })
16483
- .filter(Boolean);
16484
- singleton.value = createSingleton(tippyInstances, optionalProps
16485
- ? { allowHTML: true, ...optionalProps }
16486
- : { allowHTML: true });
16487
- });
16488
- return {
16489
- singleton,
16490
- };
16491
- }
16492
-
16493
- function toValue(r) {
16494
- return typeof r === 'function'
16495
- ? r()
16496
- : vue.unref(r);
16497
- }
16498
- function unrefElement(elRef) {
16499
- var _a, _b;
16500
- const plain = toValue(elRef);
16501
- return (_b = (_a = plain) === null || _a === void 0 ? void 0 : _a.$el) !== null && _b !== void 0 ? _b : plain;
16502
- }
16503
- const TippyComponent = vue.defineComponent({
16504
- props: {
16505
- to: {
16506
- type: [String, Function],
16507
- },
16508
- tag: {
16509
- type: [String, Object],
16510
- default: 'span'
16511
- },
16512
- contentTag: {
16513
- type: [String, Object],
16514
- default: 'span'
16515
- },
16516
- contentClass: {
16517
- type: String,
16518
- default: null
16519
- },
16520
- appendTo: { default: () => tippy.defaultProps['appendTo'] },
16521
- aria: { default: () => tippy.defaultProps['aria'] },
16522
- delay: { default: () => tippy.defaultProps['delay'] },
16523
- duration: { default: () => tippy.defaultProps['duration'] },
16524
- getReferenceClientRect: { default: () => tippy.defaultProps['getReferenceClientRect'] },
16525
- hideOnClick: { type: [Boolean, String], default: () => tippy.defaultProps['hideOnClick'] },
16526
- ignoreAttributes: { type: Boolean, default: () => tippy.defaultProps['ignoreAttributes'] },
16527
- interactive: { type: Boolean, default: () => tippy.defaultProps['interactive'] },
16528
- interactiveBorder: { default: () => tippy.defaultProps['interactiveBorder'] },
16529
- interactiveDebounce: { default: () => tippy.defaultProps['interactiveDebounce'] },
16530
- moveTransition: { default: () => tippy.defaultProps['moveTransition'] },
16531
- offset: { default: () => tippy.defaultProps['offset'] },
16532
- onAfterUpdate: { default: () => tippy.defaultProps['onAfterUpdate'] },
16533
- onBeforeUpdate: { default: () => tippy.defaultProps['onBeforeUpdate'] },
16534
- onCreate: { default: () => tippy.defaultProps['onCreate'] },
16535
- onDestroy: { default: () => tippy.defaultProps['onDestroy'] },
16536
- onHidden: { default: () => tippy.defaultProps['onHidden'] },
16537
- onHide: { default: () => tippy.defaultProps['onHide'] },
16538
- onMount: { default: () => tippy.defaultProps['onMount'] },
16539
- onShow: { default: () => tippy.defaultProps['onShow'] },
16540
- onShown: { default: () => tippy.defaultProps['onShown'] },
16541
- onTrigger: { default: () => tippy.defaultProps['onTrigger'] },
16542
- onUntrigger: { default: () => tippy.defaultProps['onUntrigger'] },
16543
- onClickOutside: { default: () => tippy.defaultProps['onClickOutside'] },
16544
- placement: { default: () => tippy.defaultProps['placement'] },
16545
- plugins: { default: () => tippy.defaultProps['plugins'] },
16546
- popperOptions: { default: () => tippy.defaultProps['popperOptions'] },
16547
- render: { default: () => tippy.defaultProps['render'] },
16548
- showOnCreate: { type: Boolean, default: () => tippy.defaultProps['showOnCreate'] },
16549
- touch: { type: [Boolean, String, Array], default: () => tippy.defaultProps['touch'] },
16550
- trigger: { default: () => tippy.defaultProps['trigger'] },
16551
- triggerTarget: { default: () => tippy.defaultProps['triggerTarget'] },
16552
- animateFill: { type: Boolean, default: () => tippy.defaultProps['animateFill'] },
16553
- followCursor: { type: [Boolean, String], default: () => tippy.defaultProps['followCursor'] },
16554
- inlinePositioning: { type: Boolean, default: () => tippy.defaultProps['inlinePositioning'] },
16555
- sticky: { type: [Boolean, String], default: () => tippy.defaultProps['sticky'] },
16556
- allowHTML: { type: Boolean, default: () => tippy.defaultProps['allowHTML'] },
16557
- animation: { default: () => tippy.defaultProps['animation'] },
16558
- arrow: { default: () => tippy.defaultProps['arrow'] },
16559
- content: { default: () => tippy.defaultProps['content'] },
16560
- inertia: { default: () => tippy.defaultProps['inertia'] },
16561
- maxWidth: { default: () => tippy.defaultProps['maxWidth'] },
16562
- role: { default: () => tippy.defaultProps['role'] },
16563
- theme: { default: () => tippy.defaultProps['theme'] },
16564
- zIndex: { default: () => tippy.defaultProps['zIndex'] }
16565
- },
16566
- emits: ['state'],
16567
- setup(props, { slots, emit, expose }) {
16568
- const elem = vue.ref();
16569
- const findParentHelper = vue.ref();
16570
- const contentElem = vue.ref();
16571
- const mounted = vue.ref(false);
16572
- const getOptions = () => {
16573
- let options = { ...props };
16574
- for (const prop of ['to', 'tag', 'contentTag', 'contentClass']) {
16575
- if (options.hasOwnProperty(prop)) {
16576
- // @ts-ignore
16577
- delete options[prop];
16578
- }
16579
- }
16580
- return options;
16581
- };
16582
- let target = () => unrefElement(elem);
16583
- if (props.to) {
16584
- if (typeof Element !== 'undefined' && props.to instanceof Element) {
16585
- target = () => props.to;
16586
- }
16587
- else if (props.to === 'parent') {
16588
- target = () => {
16589
- let el = elem.value;
16590
- if (!el) {
16591
- el = elem.value = findParentHelper.value.parentElement;
16592
- }
16593
- return el;
16594
- };
16595
- }
16596
- else if (typeof props.to === 'string' || props.to instanceof String) {
16597
- target = () => document.querySelector(props.to);
16598
- }
16599
- }
16600
- const tippy = useTippy(target, getOptions());
16601
- let contentSlot = slots.content;
16602
- if (!contentSlot && props.to === 'parent') {
16603
- contentSlot = slots.default;
16604
- }
16605
- vue.onMounted(() => {
16606
- mounted.value = true;
16607
- vue.nextTick(() => {
16608
- if (contentSlot)
16609
- tippy.setContent(() => contentElem.value);
16610
- });
16611
- });
16612
- vue.watch(tippy.state, () => {
16613
- emit('state', vue.unref(tippy.state));
16614
- }, { immediate: true, deep: true });
16615
- vue.watch(() => props, () => {
16616
- tippy.setProps(getOptions());
16617
- if (contentSlot)
16618
- tippy.setContent(() => contentElem.value);
16619
- }, { deep: true });
16620
- let exposed = vue.reactive({
16621
- elem,
16622
- contentElem,
16623
- mounted,
16624
- ...tippy
16625
- });
16626
- expose(exposed);
16627
- return () => {
16628
- const contentTag = typeof props.contentTag === 'string' ? props.contentTag : props.contentTag;
16629
- const content = contentSlot
16630
- ? vue.h(contentTag, {
16631
- ref: contentElem,
16632
- style: { display: mounted.value ? 'inherit' : 'none' },
16633
- class: props.contentClass,
16634
- }, contentSlot(exposed))
16635
- : null;
16636
- if (props.to === 'parent') {
16637
- const result = [];
16638
- if (!elem.value) {
16639
- const findParentHelperNode = vue.h('span', {
16640
- ref: findParentHelper,
16641
- 'data-v-tippy': '',
16642
- style: { display: 'none' },
16643
- });
16644
- result.push(findParentHelperNode);
16645
- }
16646
- if (content) {
16647
- result.push(content);
16648
- }
16649
- return result;
16650
- }
16651
- const slot = slots.default ? slots.default(exposed) : [];
16652
- if (!props.tag) {
16653
- const trigger = vue.h(slot[0], {
16654
- ref: elem, 'data-v-tippy': ''
16655
- });
16656
- return content ? [trigger, content] : trigger;
16657
- }
16658
- const tag = typeof props.tag === 'string' ? props.tag : props.tag;
16659
- return vue.h(tag, { ref: elem, 'data-v-tippy': '' }, content ? [slot, content] : slot);
16660
- };
16661
- },
16662
- });
16663
-
16664
- const booleanProps = [
16665
- 'a11y',
16666
- 'allowHTML',
16667
- 'arrow',
16668
- 'flip',
16669
- 'flipOnUpdate',
16670
- 'hideOnClick',
16671
- 'ignoreAttributes',
16672
- 'inertia',
16673
- 'interactive',
16674
- 'lazy',
16675
- 'multiple',
16676
- 'showOnInit',
16677
- 'touch',
16678
- 'touchHold',
16679
- ];
16680
- let props = {};
16681
- Object.keys(tippy.defaultProps).forEach((prop) => {
16682
- if (booleanProps.includes(prop)) {
16683
- props[prop] = {
16684
- type: Boolean,
16685
- default: function () {
16686
- return tippy.defaultProps[prop];
16687
- },
16688
- };
16689
- }
16690
- else {
16691
- props[prop] = {
16692
- default: function () {
16693
- return tippy.defaultProps[prop];
16694
- },
16695
- };
16696
- }
16697
- });
16698
- const TippySingleton = vue.defineComponent({
16699
- props,
16700
- setup(props) {
16701
- const instances = vue.ref([]);
16702
- const { singleton } = useSingleton(instances, props);
16703
- return { instances, singleton };
16704
- },
16705
- mounted() {
16706
- var _a;
16707
- const parent = this.$el.parentElement;
16708
- const elements = parent.querySelectorAll('[data-v-tippy]');
16709
- this.instances = Array.from(elements)
16710
- .map((el) => el._tippy)
16711
- .filter(Boolean);
16712
- (_a = this.singleton) === null || _a === void 0 ? void 0 : _a.setInstances(this.instances);
16713
- },
16714
- render() {
16715
- let slot = this.$slots.default ? this.$slots.default() : [];
16716
- return vue.h(() => slot);
16717
- },
16718
- });
16719
-
16720
- const directive = {
16721
- mounted(el, binding, vnode) {
16722
- const opts = typeof binding.value === "string" ? { content: binding.value } : binding.value || {};
16723
- const modifiers = Object.keys(binding.modifiers || {});
16724
- const placement = modifiers.find(modifier => modifier !== 'arrow');
16725
- const withArrow = modifiers.findIndex(modifier => modifier === 'arrow') !== -1;
16726
- if (placement) {
16727
- opts.placement = opts.placement || placement;
16728
- }
16729
- if (withArrow) {
16730
- opts.arrow = opts.arrow !== undefined ? opts.arrow : true;
16731
- }
16732
- if (vnode.props && vnode.props.onTippyShow) {
16733
- opts.onShow = function (...args) {
16734
- var _a;
16735
- return (_a = vnode.props) === null || _a === void 0 ? void 0 : _a.onTippyShow(...args);
16736
- };
16737
- }
16738
- if (vnode.props && vnode.props.onTippyShown) {
16739
- opts.onShown = function (...args) {
16740
- var _a;
16741
- return (_a = vnode.props) === null || _a === void 0 ? void 0 : _a.onTippyShown(...args);
16742
- };
16743
- }
16744
- if (vnode.props && vnode.props.onTippyHidden) {
16745
- opts.onHidden = function (...args) {
16746
- var _a;
16747
- return (_a = vnode.props) === null || _a === void 0 ? void 0 : _a.onTippyHidden(...args);
16748
- };
16749
- }
16750
- if (vnode.props && vnode.props.onTippyHide) {
16751
- opts.onHide = function (...args) {
16752
- var _a;
16753
- return (_a = vnode.props) === null || _a === void 0 ? void 0 : _a.onTippyHide(...args);
16754
- };
16755
- }
16756
- if (vnode.props && vnode.props.onTippyMount) {
16757
- opts.onMount = function (...args) {
16758
- var _a;
16759
- return (_a = vnode.props) === null || _a === void 0 ? void 0 : _a.onTippyMount(...args);
16760
- };
16761
- }
16762
- if (el.getAttribute('title') && !opts.content) {
16763
- opts.content = el.getAttribute('title');
16764
- el.removeAttribute('title');
16765
- }
16766
- if (el.getAttribute('content') && !opts.content) {
16767
- opts.content = el.getAttribute('content');
16768
- }
16769
- useTippy(el, opts);
16770
- },
16771
- unmounted(el) {
16772
- if (el.$tippy) {
16773
- el.$tippy.destroy();
16774
- }
16775
- else if (el._tippy) {
16776
- el._tippy.destroy();
16777
- }
16778
- },
16779
- updated(el, binding) {
16780
- const opts = typeof binding.value === "string" ? { content: binding.value } : binding.value || {};
16781
- // any kind of falsy content value, even undefined, should be treated as null - 'no tooltip to show'
16782
- if (!opts.content) {
16783
- opts.content = null;
16784
- }
16785
- if (el.getAttribute('title') && !opts.content) {
16786
- opts.content = el.getAttribute('title');
16787
- el.removeAttribute('title');
16788
- }
16789
- if (el.getAttribute('content') && !opts.content) {
16790
- opts.content = el.getAttribute('content');
16791
- }
16792
- if (el.$tippy) {
16793
- el.$tippy.setProps(opts || {});
16794
- }
16795
- else if (el._tippy) {
16796
- el._tippy.setProps(opts || {});
16797
- }
16798
- },
16799
- };
16800
-
16801
- const plugin = {
16802
- install(app, options = {}) {
16803
- tippy.setDefaultProps(options.defaultProps || {});
16804
- app.directive(options.directive || 'tippy', directive);
16805
- app.component(options.component || 'tippy', TippyComponent);
16806
- app.component(options.componentSingleton || 'tippy-singleton', TippySingleton);
16807
- },
16808
- };
16809
-
16810
- const setDefaultProps$1 = tippy.setDefaultProps;
16811
- setDefaultProps$1({
16812
- ignoreAttributes: true,
16813
- plugins: [sticky, inlinePositioning, followCursor, animateFill],
16814
- });
16815
-
16816
- const TippyPlugin = plugin;
16817
- const install$1 = (app) => {
16818
- app.use(plugin);
16819
- };
12303
+ var installer = makeInstaller([...plugins], directives);
16820
12304
 
16821
12305
  const version = "0.0.9";
16822
12306
 
16823
12307
  const install = installer.install;
16824
12308
 
16825
- exports.Click = click$1;
12309
+ exports.Click = Click;
16826
12310
  exports.DatePickerValueIsArrayList = DatePickerValueIsArrayList;
16827
12311
  exports.DefaultPageInfo = DefaultPageInfo;
16828
12312
  exports.DefaultPageSizeList = DefaultPageSizeList;
@@ -16850,9 +12334,6 @@
16850
12334
  exports.PlusStepsForm = PlusStepsForm;
16851
12335
  exports.PlusTable = PlusTable;
16852
12336
  exports.TableFormRefInjectionKey = TableFormRefInjectionKey;
16853
- exports.Tippy = directive;
16854
- exports.TippyComponent = TippyComponent;
16855
- exports.TippyPlugin = TippyPlugin;
16856
12337
  exports.ValueIsArrayList = ValueIsArrayList;
16857
12338
  exports.ValueIsBooleanList = ValueIsBooleanList;
16858
12339
  exports.ValueIsNumberList = ValueIsNumberList;
@@ -16860,12 +12341,10 @@
16860
12341
  exports.buildTranslator = buildTranslator;
16861
12342
  exports.default = installer;
16862
12343
  exports.install = install;
16863
- exports.installTippy = install$1;
16864
12344
  exports.translate = translate;
16865
12345
  exports.useGetOptions = useGetOptions;
16866
12346
  exports.useLocale = useLocale;
16867
12347
  exports.useTable = useTable;
16868
- exports.useTippy = useTippy;
16869
12348
  exports.version = version;
16870
12349
 
16871
12350
  Object.defineProperty(exports, '__esModule', { value: true });