@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

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 (336) hide show
  1. package/dist/action-bar-z2DPc1Wy.js +285 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/action-sheet-BnedGewu.js +360 -0
  4. package/dist/action-sheet.js +1 -1
  5. package/dist/{alert-BTcqbG8w.js → alert-BTAXJ69M.js} +5 -5
  6. package/dist/alert.js +1 -1
  7. package/dist/{app-shell-BlkqQrOx.js → app-shell-Cb_kDBeV.js} +232 -173
  8. package/dist/app-shell.js +1 -1
  9. package/dist/{attachment-zlOPJvIm.js → attachment-D1O4qS8H.js} +28 -28
  10. package/dist/attachment.js +1 -1
  11. package/dist/{breadcrumb-DCGynpkb.js → breadcrumb-CnFjxxI2.js} +10 -10
  12. package/dist/breadcrumb.js +1 -1
  13. package/dist/{button-BCVjdzkn.js → button-D31perSu.js} +2 -2
  14. package/dist/button.js +2 -2
  15. package/dist/{calendar-qGUJ-kAy.js → calendar-DZyC1gAT.js} +8 -8
  16. package/dist/calendar.js +1 -1
  17. package/dist/{carousel-CjRTu8m7.js → carousel-Dso3gcYd.js} +14 -14
  18. package/dist/carousel.js +1 -1
  19. package/dist/cascader-BbajBwsX.js +1157 -0
  20. package/dist/cascader.js +1 -1
  21. package/dist/{chart-CPFq3jIE.js → chart-Bb6ctahn.js} +9 -9
  22. package/dist/chart.js +1 -1
  23. package/dist/{checkbox-CMY2KIih.js → checkbox-C_8GVtjD.js} +3 -3
  24. package/dist/{checkbox-group-DzMtLF7f.js → checkbox-group-DXCcusol.js} +2 -2
  25. package/dist/checkbox-group.js +1 -1
  26. package/dist/checkbox.js +1 -1
  27. package/dist/{code-block-Bh_2Eg3M.js → code-block-C4mtsROE.js} +8 -8
  28. package/dist/code-block.js +1 -1
  29. package/dist/{color-picker-DlepH5co.js → color-picker-JZPnPb7s.js} +49 -49
  30. package/dist/color-picker.js +1 -1
  31. package/dist/{column-manager-CV9tCnKa.js → column-manager-BDUj-WIs.js} +31 -31
  32. package/dist/column-manager.js +1 -1
  33. package/dist/combobox-Dn69QwGX.js +904 -0
  34. package/dist/combobox.js +1 -1
  35. package/dist/command-palette-Dh1HKz_F.js +744 -0
  36. package/dist/command-palette.js +1 -1
  37. package/dist/{context-menu-Dbc0KkFp.js → context-menu-uJjEmAN3.js} +1 -1
  38. package/dist/context-menu.js +1 -1
  39. package/dist/{currency-field--wIfgVAx.js → currency-field-lHcrNJ7X.js} +13 -13
  40. package/dist/currency-field.js +1 -1
  41. package/dist/{dashboard-grid-D_LbWfdZ.js → dashboard-grid-z-SOm9H0.js} +65 -65
  42. package/dist/dashboard-grid.js +1 -1
  43. package/dist/{data-grid-XH5fGoGj.js → data-grid-DQCvXMJA.js} +1330 -1278
  44. package/dist/data-grid.js +1 -1
  45. package/dist/data-list-BgdkA3bD.js +587 -0
  46. package/dist/data-list.js +1 -1
  47. package/dist/{date-field-BrNyJBiJ.js → date-field-B2lQzE3p.js} +5 -5
  48. package/dist/date-field.js +1 -1
  49. package/dist/{date-picker-Nl55so0C.js → date-picker-DpTRb-Y1.js} +16 -16
  50. package/dist/date-picker.js +1 -1
  51. package/dist/{date-range-picker-DLkvfUJD.js → date-range-picker-CBUPJep5.js} +17 -17
  52. package/dist/date-range-picker.js +1 -1
  53. package/dist/{datetime-field-CZRhRDPb.js → datetime-field-BZ44uJ_B.js} +7 -7
  54. package/dist/datetime-field.js +1 -1
  55. package/dist/{datetime-picker-_GHra2WL.js → datetime-picker-BK_bV3Yr.js} +21 -21
  56. package/dist/datetime-picker.js +1 -1
  57. package/dist/{datetime-range-picker-Dy1A0Wqy.js → datetime-range-picker-ChdbRgzQ.js} +21 -21
  58. package/dist/datetime-range-picker.js +1 -1
  59. package/dist/{description-list-Cc4JYZ-3.js → description-list-CYlfHDwx.js} +11 -11
  60. package/dist/description-list.js +1 -1
  61. package/dist/{detail-panel-BI_wHSoz.js → detail-panel-DimjnPI8.js} +91 -91
  62. package/dist/detail-panel.js +1 -1
  63. package/dist/{dialog-B6MP7GYI.js → dialog-BB5MdJex.js} +108 -108
  64. package/dist/dialog.js +1 -1
  65. package/dist/docs/action-bar.json +4 -4
  66. package/dist/docs/action-bar.md +3 -3
  67. package/dist/docs/calendar.md +2 -2
  68. package/dist/docs/command-palette.json +1 -0
  69. package/dist/docs/command-palette.md +1 -1
  70. package/dist/docs/data-grid.examples.md +8 -2
  71. package/dist/docs/data-grid.json +25 -3
  72. package/dist/docs/data-grid.md +4 -1
  73. package/dist/docs/data-grid.props.md +2 -1
  74. package/dist/docs/detail-panel.json +4 -2
  75. package/dist/docs/detail-panel.md +15 -5
  76. package/dist/docs/dialog.json +1 -0
  77. package/dist/docs/dialog.md +1 -1
  78. package/dist/docs/drawer.json +6 -4
  79. package/dist/docs/drawer.md +3 -3
  80. package/dist/docs/event-calendar.md +2 -2
  81. package/dist/docs/guidelines/index.md +4 -3
  82. package/dist/docs/guidelines/layout-alignment.md +17 -7
  83. package/dist/docs/guidelines/list-pages.md +3 -3
  84. package/dist/docs/page-header.json +18 -2
  85. package/dist/docs/page-header.md +5 -3
  86. package/dist/docs/page.json +1 -0
  87. package/dist/docs/page.md +1 -1
  88. package/dist/docs/rating.md +1 -1
  89. package/dist/docs/section.json +1 -1
  90. package/dist/docs/section.md +1 -1
  91. package/dist/docs/skills/compose-screen/SKILL.md +12 -4
  92. package/dist/docs/skills/review-screen/SKILL.md +20 -18
  93. package/dist/docs/skills/theme-app/SKILL.md +12 -1
  94. package/dist/docs/toast.json +1 -0
  95. package/dist/docs/toast.md +1 -1
  96. package/dist/docs/tokens.md +1 -1
  97. package/dist/docs/toolbar.json +1 -1
  98. package/dist/docs/toolbar.md +1 -1
  99. package/dist/docs/typography.md +1 -1
  100. package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
  101. package/dist/drawer.js +1 -1
  102. package/dist/entity-picker-ClyhBTyK.js +1283 -0
  103. package/dist/entity-picker.js +1 -1
  104. package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
  105. package/dist/event-calendar.js +1 -1
  106. package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
  107. package/dist/field-group.js +1 -1
  108. package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
  109. package/dist/field.js +1 -1
  110. package/dist/filter-bar-BRuCz79-.js +1342 -0
  111. package/dist/filter-bar.js +1 -1
  112. package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
  113. package/dist/form.js +1 -1
  114. package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
  115. package/dist/fullscreen.js +1 -1
  116. package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
  117. package/dist/hover-card.js +1 -1
  118. package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
  119. package/dist/i18n.js +1 -1
  120. package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
  121. package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
  122. package/dist/import-export-center.js +1 -1
  123. package/dist/index.js +100 -100
  124. package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
  125. package/dist/kbd.js +1 -1
  126. package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
  127. package/dist/link.js +1 -1
  128. package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
  129. package/dist/listbox.js +1 -1
  130. package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
  131. package/dist/loading-overlay.js +1 -1
  132. package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
  133. package/dist/markdown.js +1 -1
  134. package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
  135. package/dist/menu.js +1 -1
  136. package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
  137. package/dist/menubar.js +1 -1
  138. package/dist/message-BkTiWsUp.js +436 -0
  139. package/dist/message-scroller-akQEtQLn.js +218 -0
  140. package/dist/message-scroller.js +1 -1
  141. package/dist/message.js +1 -1
  142. package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
  143. package/dist/multi-select.js +1 -1
  144. package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
  145. package/dist/navigation-menu.js +1 -1
  146. package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
  147. package/dist/notification-center.js +1 -1
  148. package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
  149. package/dist/number-field.js +1 -1
  150. package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
  151. package/dist/otp-input.js +1 -1
  152. package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
  153. package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
  154. package/dist/page-header.js +1 -1
  155. package/dist/page.js +1 -1
  156. package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
  157. package/dist/pagination.js +1 -1
  158. package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
  159. package/dist/popover.js +1 -1
  160. package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
  161. package/dist/prompt-composer.js +1 -1
  162. package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
  163. package/dist/prose.js +1 -1
  164. package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
  165. package/dist/radio-group.js +1 -1
  166. package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
  167. package/dist/rating.js +1 -1
  168. package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
  169. package/dist/saved-views.js +1 -1
  170. package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
  171. package/dist/scroll-area.js +1 -1
  172. package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
  173. package/dist/segmented-control.js +1 -1
  174. package/dist/select-C0JYHwBy.js +1020 -0
  175. package/dist/select.js +1 -1
  176. package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
  177. package/dist/side-navigation.js +1 -1
  178. package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
  179. package/dist/skeleton.js +1 -1
  180. package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
  181. package/dist/slider.js +1 -1
  182. package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
  183. package/dist/sparkline.js +1 -1
  184. package/dist/spinner-ring-DyfaYloA.js +19 -0
  185. package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
  186. package/dist/split-button.js +1 -1
  187. package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
  188. package/dist/stat-card.js +1 -1
  189. package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
  190. package/dist/status-indicator.js +1 -1
  191. package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
  192. package/dist/stepper.js +1 -1
  193. package/dist/styles/action-bar.css +1 -1
  194. package/dist/styles/action-sheet.css +2 -2
  195. package/dist/styles/button.css +2 -2
  196. package/dist/styles/cascader.css +2 -2
  197. package/dist/styles/chart.css +1 -1
  198. package/dist/styles/column-manager.css +3 -3
  199. package/dist/styles/command-palette.css +3 -3
  200. package/dist/styles/dashboard-grid.css +2 -2
  201. package/dist/styles/data-grid.css +3 -3
  202. package/dist/styles/data-list.css +2 -2
  203. package/dist/styles/detail-panel.css +4 -4
  204. package/dist/styles/dialog.css +1 -1
  205. package/dist/styles/drawer.css +1 -1
  206. package/dist/styles/entity-picker.css +1 -1
  207. package/dist/styles/event-calendar.css +1 -1
  208. package/dist/styles/filter-bar.css +3 -3
  209. package/dist/styles/import-export-center.css +4 -4
  210. package/dist/styles/index.css +12 -12
  211. package/dist/styles/markdown.css +2 -2
  212. package/dist/styles/multi-select.css +1 -1
  213. package/dist/styles/notification-center.css +3 -3
  214. package/dist/styles/page-header.css +2 -2
  215. package/dist/styles/page.css +1 -1
  216. package/dist/styles/prompt-composer.css +1 -1
  217. package/dist/styles/saved-views.css +2 -2
  218. package/dist/styles/split-button.css +2 -2
  219. package/dist/styles/table.css +2 -2
  220. package/dist/styles/tabs.css +1 -1
  221. package/dist/styles/timeline.css +1 -1
  222. package/dist/styles/toast.css +1 -1
  223. package/dist/styles/tour.css +2 -2
  224. package/dist/styles/transfer.css +2 -2
  225. package/dist/styles/upload.css +1 -1
  226. package/dist/styles/wizard.css +2 -2
  227. package/dist/styles.css +1 -1
  228. package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
  229. package/dist/switch.js +1 -1
  230. package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
  231. package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
  232. package/dist/table-of-contents.js +1 -1
  233. package/dist/table.js +1 -1
  234. package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
  235. package/dist/tag.js +1 -1
  236. package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
  237. package/dist/tags-input.js +1 -1
  238. package/dist/text-field-Cguj75tn.js +205 -0
  239. package/dist/text-field.js +1 -1
  240. package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
  241. package/dist/textarea.js +1 -1
  242. package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
  243. package/dist/time-field.js +1 -1
  244. package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
  245. package/dist/time-picker.js +1 -1
  246. package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
  247. package/dist/time-range-picker.js +1 -1
  248. package/dist/timeline-BLadNUkS.js +449 -0
  249. package/dist/timeline.js +1 -1
  250. package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
  251. package/dist/toast.js +1 -1
  252. package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
  253. package/dist/toggle-group.js +1 -1
  254. package/dist/toolbar-BI4ZepBs.js +243 -0
  255. package/dist/toolbar.js +1 -1
  256. package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
  257. package/dist/top-navigation.js +1 -1
  258. package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
  259. package/dist/tour.js +1 -1
  260. package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
  261. package/dist/transfer.js +1 -1
  262. package/dist/tree-DfI9UWLA.js +794 -0
  263. package/dist/tree.js +1 -1
  264. package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
  265. package/dist/types/action-bar/action-bar.types.d.ts +2 -2
  266. package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
  267. package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
  268. package/dist/types/app-shell/app-shell.d.ts.map +1 -1
  269. package/dist/types/app-shell/app-shell.types.d.ts +21 -14
  270. package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
  271. package/dist/types/app-shell/index.d.ts +1 -1
  272. package/dist/types/app-shell/index.d.ts.map +1 -1
  273. package/dist/types/button/button-indicator.d.ts.map +1 -1
  274. package/dist/types/button/spinner-ring.d.ts +8 -0
  275. package/dist/types/button/spinner-ring.d.ts.map +1 -0
  276. package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
  277. package/dist/types/cascader/cascader.d.ts.map +1 -1
  278. package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
  279. package/dist/types/command-palette/command-palette.d.ts.map +1 -1
  280. package/dist/types/data-grid/data-grid-body.d.ts +7 -2
  281. package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
  282. package/dist/types/data-grid/data-grid-context.d.ts +2 -1
  283. package/dist/types/data-grid/data-grid-context.d.ts.map +1 -1
  284. package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
  285. package/dist/types/data-grid/data-grid.d.ts +1 -1
  286. package/dist/types/data-grid/data-grid.d.ts.map +1 -1
  287. package/dist/types/data-grid/data-grid.types.d.ts +12 -0
  288. package/dist/types/data-grid/data-grid.types.d.ts.map +1 -1
  289. package/dist/types/data-grid/index.d.ts +1 -1
  290. package/dist/types/data-grid/index.d.ts.map +1 -1
  291. package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
  292. package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
  293. package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
  294. package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
  295. package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
  296. package/dist/types/i18n/slotted-provider.d.ts +6 -0
  297. package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
  298. package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
  299. package/dist/types/message/message-parts.d.ts.map +1 -1
  300. package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
  301. package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
  302. package/dist/types/page-header/page-header-defaults.d.ts +1 -1
  303. package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
  304. package/dist/types/page-header/page-header.d.ts +1 -1
  305. package/dist/types/page-header/page-header.d.ts.map +1 -1
  306. package/dist/types/page-header/page-header.types.d.ts +9 -0
  307. package/dist/types/page-header/page-header.types.d.ts.map +1 -1
  308. package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
  309. package/dist/types/select/select-parts.d.ts.map +1 -1
  310. package/dist/types/text-field/text-field.d.ts.map +1 -1
  311. package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
  312. package/dist/types/timeline/timeline.d.ts.map +1 -1
  313. package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
  314. package/dist/types/toolbar/toolbar.types.d.ts +2 -2
  315. package/dist/types/tree/tree-parts.d.ts.map +1 -1
  316. package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
  317. package/dist/upload.js +1 -1
  318. package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
  319. package/dist/wizard.js +1 -1
  320. package/package.json +6 -6
  321. package/dist/action-bar-CJgBierN.js +0 -283
  322. package/dist/action-sheet-tRrjm7WQ.js +0 -358
  323. package/dist/cascader-DqlC1z5b.js +0 -1154
  324. package/dist/combobox-YWFkxaQ3.js +0 -902
  325. package/dist/command-palette-DXNq-zKN.js +0 -741
  326. package/dist/data-list-DZCN_uW1.js +0 -587
  327. package/dist/entity-picker-CFwLGQeU.js +0 -1281
  328. package/dist/filter-bar-G50WdRac.js +0 -1340
  329. package/dist/message-Dtck9RJy.js +0 -434
  330. package/dist/message-scroller-niUJ8RoL.js +0 -216
  331. package/dist/prompt-composer-sh_TXKYZ.js +0 -273
  332. package/dist/select-BFx5EgAa.js +0 -1018
  333. package/dist/text-field-DL_uhNXV.js +0 -203
  334. package/dist/timeline-pEL30Jp8.js +0 -446
  335. package/dist/toolbar-BtIyVbs4.js +0 -241
  336. package/dist/tree-DbLRyItM.js +0 -792
@@ -1,1281 +0,0 @@
1
- import { n as e, t } from "./icon-DjqSEQ-o.js";
2
- import { n, r } from "./i18n-DpW8lqJ1.js";
3
- /* empty css */
4
- import { t as i } from "./avatar-C1mYlU05.js";
5
- /* empty css */
6
- import { b as a } from "./field-CzSGs7wo.js";
7
- /* empty css */
8
- import { t as o } from "./highlight-9lRPIZ9O.js";
9
- import { c as s, i as c, n as l, o as ee, s as u } from "./select-BFx5EgAa.js";
10
- import { keyedProps as d, selectorKeyProps as te } from "@slotted/core/selector-key";
11
- import { createArrowNavigation as ne, createRemovalFocus as re } from "@slotted/core/focus";
12
- import { createControllable as f } from "@slotted/core/state";
13
- import { createContext as p, useCallback as m, useContext as h, useEffect as g, useId as ie, useImperativeHandle as _, useLayoutEffect as v, useMemo as ae, useRef as y, useState as b } from "react";
14
- import { Fragment as oe, jsx as x, jsxs as S } from "react/jsx-runtime";
15
- import { createCollapse as se } from "@slotted/core/overflow";
16
- import { createPresence as ce } from "@slotted/core/presence";
17
- import { createPortalRoot as le } from "@slotted/core/portal";
18
- import { createDismissableLayer as ue, pressOrigin as de } from "@slotted/core/dismissable-layer";
19
- import { createPositioner as fe } from "@slotted/core/positioner";
20
- import { createPortal as pe } from "react-dom";
21
- import { entityPickerMessages as me } from "@slotted/core/i18n";
22
- import { getLiveAnnouncer as he } from "@slotted/core/live-announcer";
23
- import { createRowMetrics as ge, moveIndex as _e, offsetForIndex as ve, virtualWindow as C } from "@slotted/core/collection";
24
- import { CREATE_OPTION as w, CREATE_OPTION as ye, RETRY_OPTION as be, RETRY_OPTION as T, createEntityCache as xe, createEntityResolver as Se, createEntitySearch as Ce, entityInitials as we, entityName as E, entityOptions as Te, entityPickerKey as Ee, entitySections as De, localEntitySource as Oe, localEntitySource as ke, offersCreation as Ae, rememberRecent as je } from "@slotted/core/entity-picker";
25
- //#region src/entity-picker/entity-picker-defaults.tsx
26
- var D = {
27
- clearable: !0,
28
- disabled: !1,
29
- fullWidth: !0,
30
- highlightMatch: !0,
31
- invalid: !1,
32
- loop: !1,
33
- media: "avatar",
34
- minQueryLength: 0,
35
- openOn: "input",
36
- overflow: "collapse",
37
- portal: !0,
38
- readOnly: !1,
39
- required: !1,
40
- searchDelay: 250,
41
- side: "bottom",
42
- size: "md",
43
- strategy: "absolute",
44
- variant: "outline",
45
- width: "content"
46
- }, O = p(D);
47
- function k() {
48
- return h(O);
49
- }
50
- function A({ children: e, ...t }) {
51
- let n = { ...k() };
52
- for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
53
- return /* @__PURE__ */ x(O.Provider, {
54
- value: n,
55
- children: e
56
- });
57
- }
58
- //#endregion
59
- //#region src/entity-picker/entity-picker-control.tsx
60
- var j = "[data-part='chips'] > [data-ui='tag']:not([data-count])";
61
- function M(e, t) {
62
- return (n) => {
63
- e?.(n), n.defaultPrevented || t(n);
64
- };
65
- }
66
- function N(e, ...t) {
67
- for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
68
- }
69
- var Me = {
70
- border: 0,
71
- clip: "rect(0 0 0 0)",
72
- clipPath: "inset(50%)",
73
- height: "1px",
74
- overflow: "hidden",
75
- padding: 0,
76
- position: "absolute",
77
- whiteSpace: "nowrap",
78
- width: "1px"
79
- };
80
- function Ne({ entity: e, locale: t }) {
81
- return e.avatar === null ? null : /* @__PURE__ */ x(i, {
82
- decorative: !0,
83
- initials: we(e),
84
- locale: t,
85
- name: e.avatar?.name ?? e.label,
86
- shape: e.avatar?.shape ?? "circle",
87
- surface: e.avatar?.surface ?? "tone",
88
- size: "xs",
89
- ...e.avatar?.src === void 0 ? {} : { src: e.avatar.src }
90
- });
91
- }
92
- function Pe() {
93
- let n = He(), r = a(), { props: i } = n, { "aria-describedby": o, "aria-label": d, form: f, id: p, name: h, onBlur: ie, onClick: _, onFocus: ae, onKeyDown: ce, placeholder: le, ref: ue, render: fe, source: pe, items: me, entities: he, favorites: ge, recent: ve, scopes: C, scope: w, defaultScope: ye, onScopeChange: be, inputValue: T, defaultInputValue: xe, onInputValueChange: Se, open: Ce, defaultOpen: we, onOpenChange: E, highlightedValue: Te, defaultHighlightedValue: De, onHighlightedValueChange: Oe, onCreate: ke, renderOption: Ae, renderChip: je, handleRef: D, locale: O, max: k, clearable: A, disabled: Pe, fullWidth: Ie, highlightMatch: P, invalid: Le, messages: Re, loop: ze, media: Be, minQueryLength: Ve, openOn: F, overflow: Ue, portal: We, readOnly: Ge, required: Ke, searchDelay: qe, side: Je, size: Ye, strategy: Xe, variant: I, width: Ze, selectionMode: Qe, value: $e, defaultValue: et, onValueChange: tt, ...nt } = i, { t: L, multiple: R } = n, z = n.chosen, B = y(null), rt = y(null), [it, at] = b(0), ot = m((e) => {
94
- n.setInputNode(e), N(e, ue);
95
- }, [ue]), st = (e, t) => {
96
- n.entry.current = e, n.setOpen(!0, "keyboard", t);
97
- }, ct = (e, t) => {
98
- let r = n.options, i = r.findIndex((e) => e.key === n.highlighted), a = _e({
99
- enabled: r.map((e) => !e.disabled),
100
- from: i,
101
- intent: e,
102
- loop: n.loop
103
- });
104
- a >= 0 && n.setHighlighted(r[a].key, "keyboard", t);
105
- }, lt = (e) => {
106
- if (n.disabled) return;
107
- let t = e.currentTarget, r = Ee({
108
- key: e.key,
109
- altKey: e.altKey,
110
- ctrlKey: e.ctrlKey,
111
- metaKey: e.metaKey,
112
- composing: e.nativeEvent.isComposing,
113
- open: n.open,
114
- selectionMode: R ? "multiple" : "single",
115
- readOnly: n.readOnly,
116
- highlighted: n.highlighted !== null,
117
- empty: t.value === "",
118
- caretAtStart: t.selectionStart === 0 && t.selectionEnd === 0,
119
- chips: z.length,
120
- dir: getComputedStyle(t).direction === "rtl" ? "rtl" : "ltr"
121
- }), i = e.nativeEvent;
122
- switch (r.type) {
123
- case "none":
124
- e.key === "Tab" && n.open && n.setOpen(!1, "blur", i);
125
- return;
126
- case "open":
127
- e.preventDefault(), st(r.highlight, i);
128
- return;
129
- case "close":
130
- e.preventDefault(), n.setOpen(!1, r.reason, i);
131
- return;
132
- case "move":
133
- e.preventDefault(), ct(r.intent, i);
134
- return;
135
- case "activate":
136
- e.preventDefault(), n.highlighted !== null && n.activate(n.highlighted, "keyboard", i);
137
- return;
138
- case "revert":
139
- e.preventDefault(), n.revert(i);
140
- return;
141
- case "clearQuery":
142
- e.preventDefault(), n.clearQuery(i);
143
- return;
144
- case "focusChip": {
145
- e.preventDefault();
146
- let t = [...B.current?.querySelectorAll(j) ?? []].filter((e) => !e.hidden);
147
- t[t.length - 1]?.focus({ preventScroll: !0 });
148
- return;
149
- }
150
- }
151
- }, ut = (e) => {
152
- n.setTyped(e.currentTarget.value, e.nativeEvent), !n.open && !n.readOnly && n.openOn !== "manual" && (n.entry.current = "keep", n.setOpen(!0, "keyboard", e.nativeEvent));
153
- }, dt = () => {
154
- n.openOn !== "focus" || n.readOnly || n.open || (n.entry.current = R ? "keep" : "selected", n.setOpen(!0, "keyboard"));
155
- }, ft = (e) => {
156
- n.openOn === "manual" || n.disabled || n.readOnly || n.open || (n.entry.current = R ? "keep" : "selected", n.setOpen(!0, "pointer", e.nativeEvent));
157
- }, pt = (e) => {
158
- let t = e.relatedTarget, r = n.inputNode?.ownerDocument.getElementById(n.contentId) ?? null;
159
- if (n.controlNode?.parentElement, t instanceof Node && (r?.contains(t) || n.controlNode?.contains(t))) return;
160
- let i = de(n.inputNode?.ownerDocument);
161
- i instanceof Node && r?.contains(i) === !0 || (n.settle(e), n.open && n.setOpen(!1, "blur"));
162
- }, V = (e) => {
163
- n.disabled || n.readOnly || (n.entry.current = R ? "keep" : "selected", n.setOpen(!n.open, "pointer", e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 }));
164
- }, mt = (e) => {
165
- n.clear(e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 });
166
- };
167
- g(() => {
168
- let e = B.current;
169
- if (e === null) return;
170
- let t = ne(e, {
171
- itemSelector: `${j}, [data-part='field'] > [data-part='input']`,
172
- loop: !1,
173
- ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
174
- "ArrowLeft",
175
- "ArrowRight",
176
- "Home",
177
- "End"
178
- ] : []
179
- }), r = re(e, {
180
- itemSelector: j,
181
- fallback: () => n.inputNode
182
- });
183
- return () => {
184
- t.destroy(), r.destroy();
185
- };
186
- }, [R, n.inputNode]);
187
- let ht = R && n.overflow === "collapse", H = y(null);
188
- g(() => {
189
- let e = B.current;
190
- if (e === null || !ht) {
191
- at(0);
192
- return;
193
- }
194
- let t = se(e, {
195
- collapsible: (e) => e.dataset.part !== "field",
196
- fixedSize: (e) => e.dataset.part === "field" ? Number.parseFloat(getComputedStyle(e).minInlineSize) || 0 : void 0,
197
- onChange: (e) => at(e.length),
198
- trigger: () => rt.current,
199
- units: () => [...e.children].filter((e) => e instanceof HTMLElement && !e.hasAttribute("data-count"))
200
- });
201
- return H.current = t, () => {
202
- t.destroy(), H.current = null;
203
- };
204
- }, [ht]), v(() => {
205
- H.current?.refresh();
206
- }, [z, n.version]);
207
- let U = [o, r?.describedBy].filter(Boolean).join(" "), gt = p ?? r?.ids.control ?? n.inputId, _t = !R && z.length > 0 && n.resolver.status(z[0]) === "pending", W = n.search.indicator || _t, vt = n.clearable && !n.disabled && !n.readOnly && (z.length > 0 || n.inputValue !== ""), G = /* @__PURE__ */ x("input", {
208
- autoCorrect: "off",
209
- spellCheck: !1,
210
- ...nt,
211
- "aria-activedescendant": n.open && n.highlighted !== null ? n.optionId(n.highlighted) : void 0,
212
- "aria-autocomplete": "list",
213
- "aria-busy": _t ? !0 : void 0,
214
- "aria-controls": n.open ? n.contentId : void 0,
215
- "aria-describedby": U === "" ? void 0 : U,
216
- "aria-expanded": n.open,
217
- "aria-invalid": n.invalid ? !0 : void 0,
218
- "aria-label": d,
219
- "aria-readonly": n.readOnly ? !0 : void 0,
220
- autoComplete: "off",
221
- "data-part": "input",
222
- "data-part-input": "",
223
- disabled: n.disabled,
224
- id: gt,
225
- onBlur: M(ie, pt),
226
- onChange: ut,
227
- onClick: M(_, ft),
228
- onFocus: M(ae, dt),
229
- onKeyDown: M(ce, lt),
230
- placeholder: le,
231
- readOnly: n.readOnly,
232
- ref: ot,
233
- required: n.required && z.length === 0,
234
- role: "combobox",
235
- type: "text",
236
- value: n.inputValue
237
- }), K = !R && z[0] !== void 0 ? n.cache.get(z[0]) : void 0, yt = {
238
- "data-overflow": n.overflow,
239
- "data-part": "root",
240
- ...te("part", "root"),
241
- "data-selection-mode": R ? "multiple" : "single",
242
- "data-size": n.size,
243
- "data-ui": "entity-picker",
244
- ...te("ui", "entity-picker"),
245
- "data-variant": n.variant,
246
- ...n.fullWidth ? { "data-full-width": "" } : {},
247
- ...n.open ? { "data-open": "" } : {},
248
- ...n.disabled ? { "data-disabled": "" } : {},
249
- ...n.readOnly ? { "data-readonly": "" } : {},
250
- ...n.invalid ? { "data-invalid": "" } : {},
251
- ...n.required ? { "data-required": "" } : {},
252
- ...W ? { "data-loading": "" } : {},
253
- ...n.max !== null && z.length >= n.max ? { "data-complete": "" } : {},
254
- ...C !== void 0 && C.length > 0 ? {
255
- role: "group",
256
- ...r?.ids.label === void 0 ? d === void 0 ? {} : { "aria-label": d } : { "aria-labelledby": r.ids.label }
257
- } : {}
258
- }, bt = L("chips", {
259
- label: d ?? "",
260
- count: z.length
261
- }).replace(/^, /, ""), xt = /* @__PURE__ */ S(oe, { children: [
262
- C !== void 0 && C.length > 0 ? /* @__PURE__ */ x("div", {
263
- "data-part": "scope",
264
- "data-part-scope": "",
265
- children: /* @__PURE__ */ S(s, {
266
- disabled: n.disabled || n.readOnly,
267
- items: C.map((e) => ({
268
- value: e.id,
269
- label: e.label
270
- })),
271
- onValueChange: (e, t) => n.setScope(typeof e == "string" ? e : null, t.reason === "pointer" || t.reason === "keyboard" ? t.reason : "programmatic", t.source),
272
- size: n.size,
273
- value: n.scope,
274
- variant: n.variant === "plain" ? "plain" : n.variant,
275
- children: [/* @__PURE__ */ x(ee, {
276
- "aria-label": L("scope"),
277
- children: /* @__PURE__ */ x(u, {})
278
- }), /* @__PURE__ */ x(c, { children: C.map((e) => /* @__PURE__ */ x(l, {
279
- value: e.id,
280
- children: e.label
281
- }, e.id)) })]
282
- })
283
- }) : null,
284
- /* @__PURE__ */ S("div", {
285
- "data-part": "control",
286
- "data-part-control": "",
287
- ref: n.setControlNode,
288
- children: [
289
- !R && K !== void 0 && K.avatar !== null && n.media === "avatar" && n.inputValue === K.label ? /* @__PURE__ */ x("span", {
290
- "aria-hidden": "true",
291
- "data-part": "selection",
292
- "data-part-selection": "",
293
- children: /* @__PURE__ */ x(Ne, {
294
- entity: K,
295
- locale: n.locale
296
- })
297
- }) : null,
298
- R ? /* @__PURE__ */ x("div", {
299
- "aria-label": bt,
300
- "data-part": "values",
301
- "data-part-values": "",
302
- role: "grid",
303
- children: /* @__PURE__ */ S("div", {
304
- "data-part": "chips",
305
- "data-part-chips": "",
306
- ref: B,
307
- role: "row",
308
- children: [
309
- z.map((e) => /* @__PURE__ */ x(Fe, {
310
- id: e,
311
- renderChip: je
312
- }, e)),
313
- ht ? /* @__PURE__ */ x("span", {
314
- "aria-label": L("moreLabel", { count: Math.max(it, 1) }),
315
- "data-count": "",
316
- "data-part": "root",
317
- "data-part-root": "",
318
- "data-size": "sm",
319
- "data-tone": "secondary",
320
- "data-ui": "tag",
321
- "data-ui-tag": "",
322
- "data-variant": "outline",
323
- hidden: !0,
324
- onClick: (e) => {
325
- n.setTyped("", e.nativeEvent), n.entry.current = "keep", n.setOpen(!0, "pointer", e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 });
326
- },
327
- ref: rt,
328
- role: "gridcell",
329
- tabIndex: -1,
330
- children: /* @__PURE__ */ x("span", {
331
- "data-part": "body",
332
- "data-part-body": "",
333
- children: /* @__PURE__ */ x("span", {
334
- "data-part": "label",
335
- "data-part-label": "",
336
- children: L("more", { count: Math.max(it, 1) })
337
- })
338
- })
339
- }) : null,
340
- /* @__PURE__ */ x("span", {
341
- "data-part": "field",
342
- "data-part-field": "",
343
- role: "gridcell",
344
- children: G
345
- })
346
- ]
347
- })
348
- }) : G,
349
- vt ? /* @__PURE__ */ x("button", {
350
- "aria-label": L("clear"),
351
- "data-part": "clear",
352
- "data-part-clear": "",
353
- onClick: mt,
354
- type: "button",
355
- children: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "x" }) })
356
- }) : null,
357
- /* @__PURE__ */ x("button", {
358
- "aria-label": L("trigger"),
359
- "data-part": "trigger",
360
- "data-part-trigger": "",
361
- disabled: n.disabled,
362
- onClick: V,
363
- tabIndex: -1,
364
- type: "button",
365
- children: W ? /* @__PURE__ */ x("span", {
366
- "aria-hidden": "true",
367
- "data-part": "busy",
368
- "data-part-busy": "",
369
- "data-ui": "spinner",
370
- "data-ui-spinner": ""
371
- }) : /* @__PURE__ */ x("span", {
372
- "data-part": "arrow",
373
- "data-part-arrow": "",
374
- children: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "chevron-down" }) })
375
- })
376
- })
377
- ]
378
- }),
379
- h === void 0 ? null : (z.length === 0 ? [""] : z).map((e, t) => /* @__PURE__ */ x("input", {
380
- "aria-hidden": "true",
381
- form: f,
382
- name: h,
383
- readOnly: !0,
384
- required: t === 0 && n.required,
385
- style: Me,
386
- tabIndex: -1,
387
- type: "text",
388
- value: e
389
- }, `${e}-${t}`))
390
- ] });
391
- return fe === void 0 ? /* @__PURE__ */ x("div", {
392
- ...yt,
393
- children: xt
394
- }) : fe({
395
- ...yt,
396
- children: xt
397
- });
398
- }
399
- function Fe({ id: n, renderChip: r }) {
400
- let i = He(), { t: a } = i, o = i.cache.get(n), s = i.resolver.status(n), c = o === void 0 && s === "pending", l = o === void 0 && s === "missing", ee = i.readOnly || i.disabled, u = o === void 0 ? a(l ? "unresolvedChip" : "loadingChip", { id: n }) : E(o), d = o?.label ?? (l ? a("unresolved") : n), te = (e) => {
401
- if (!e.defaultPrevented) switch (e.key) {
402
- case "Delete":
403
- case "Backspace":
404
- if (ee) return;
405
- e.preventDefault(), i.remove(n, e.nativeEvent);
406
- return;
407
- case "Escape":
408
- e.preventDefault(), i.inputNode?.focus({ preventScroll: !0 });
409
- return;
410
- default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && i.inputNode?.focus({ preventScroll: !0 });
411
- }
412
- }, ne = (e) => {
413
- e.stopPropagation(), i.remove(n, e.nativeEvent), i.inputNode?.focus({ preventScroll: !0 });
414
- };
415
- return /* @__PURE__ */ S("span", {
416
- "aria-busy": c ? !0 : void 0,
417
- "aria-label": u,
418
- "data-part": "root",
419
- "data-part-root": "",
420
- "data-size": "sm",
421
- "data-tone": "secondary",
422
- "data-ui": "tag",
423
- "data-ui-tag": "",
424
- "data-value": n,
425
- "data-variant": l || c ? "outline" : "soft",
426
- onKeyDown: te,
427
- role: "gridcell",
428
- tabIndex: -1,
429
- ...c ? { "data-loading": "" } : {},
430
- ...l ? { "data-unresolved": "" } : {},
431
- ...i.disabled ? { "data-disabled": "" } : {},
432
- children: [/* @__PURE__ */ S("span", {
433
- "data-part": "body",
434
- "data-part-body": "",
435
- children: [i.media === "avatar" && o?.avatar !== null ? /* @__PURE__ */ x("span", {
436
- "data-part": "start",
437
- "data-part-start": "",
438
- children: o === void 0 ? c ? /* @__PURE__ */ x("span", {
439
- "aria-hidden": "true",
440
- "data-loading": "",
441
- "data-part": "root",
442
- "data-part-root": "",
443
- "data-shape": "circle",
444
- "data-size": "xs",
445
- "data-ui": "skeleton",
446
- "data-ui-skeleton": ""
447
- }) : l ? /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "circle-alert" }) }) : null : /* @__PURE__ */ x(Ne, {
448
- entity: o,
449
- locale: i.locale
450
- })
451
- }) : null, /* @__PURE__ */ x("span", {
452
- "data-part": "label",
453
- "data-part-label": "",
454
- children: c ? /* @__PURE__ */ x("span", {
455
- "aria-hidden": "true",
456
- "data-loading": "",
457
- "data-part": "root",
458
- "data-part-root": "",
459
- "data-shape": "text",
460
- "data-ui": "skeleton",
461
- "data-ui-skeleton": ""
462
- }) : o !== void 0 && r !== void 0 ? r(o) : d
463
- })]
464
- }), ee ? null : /* @__PURE__ */ x("button", {
465
- "aria-label": a("remove", { label: o?.label ?? d }),
466
- "data-part": "remove",
467
- "data-part-remove": "",
468
- onClick: ne,
469
- tabIndex: -1,
470
- type: "button",
471
- children: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "x" }) })
472
- })]
473
- });
474
- }
475
- //#endregion
476
- //#region src/entity-picker/entity-picker-popup.tsx
477
- function Ie(e) {
478
- e.defaultPrevented || e.preventDefault();
479
- }
480
- function P() {
481
- return /* @__PURE__ */ S("div", { children: [
482
- /* @__PURE__ */ x("span", {
483
- "data-loading": "",
484
- "data-part": "root",
485
- "data-part-root": "",
486
- "data-shape": "circle",
487
- "data-size": "xs",
488
- "data-ui": "skeleton",
489
- "data-ui-skeleton": ""
490
- }),
491
- /* @__PURE__ */ x("span", {
492
- "data-loading": "",
493
- "data-part": "root",
494
- "data-part-root": "",
495
- "data-shape": "text",
496
- "data-ui": "skeleton",
497
- "data-ui-skeleton": ""
498
- }),
499
- /* @__PURE__ */ x("span", {
500
- "data-loading": "",
501
- "data-part": "root",
502
- "data-part-root": "",
503
- "data-shape": "text",
504
- "data-ui": "skeleton",
505
- "data-ui-skeleton": ""
506
- })
507
- ] });
508
- }
509
- var Le = 100, Re = 48, ze = 6;
510
- function Be() {
511
- let n = He(), { t: r, search: i } = n, a = ie(), [s, c] = b(null), [l, ee] = b(null), [u, d] = b(null), [te, ne] = b("unmounted"), [re, f] = b(!1), p = y(null), h = y(null), _ = y(n);
512
- _.current = n, g(() => {
513
- let e = ce({
514
- present: _.current.open,
515
- onStatusChange: ne
516
- });
517
- return p.current = e, ne(e.status), () => {
518
- e.destroy(), p.current = null;
519
- };
520
- }, []), g(() => p.current?.sync(n.open), [n.open]), g(() => p.current?.setNode(s), [s]);
521
- let se = n.open || te !== "unmounted";
522
- g(() => {
523
- let e = n.inputNode;
524
- if (e === null || re) return;
525
- let t = () => f(!0);
526
- return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
527
- e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
528
- };
529
- }, [n.inputNode, re]);
530
- let de = se || re;
531
- v(() => {
532
- if (!de) {
533
- d(null);
534
- return;
535
- }
536
- let e = le({
537
- origin: n.inputNode,
538
- disabled: !n.portal
539
- });
540
- return d(e.container), () => e.release();
541
- }, [
542
- de,
543
- n.inputNode,
544
- n.portal
545
- ]);
546
- let { side: me, strategy: _e, width: ye, controlNode: T } = n, xe = y(null), Se = m((e, t) => {
547
- e.update().then(() => {
548
- xe.current === e && _.current.open && t.setAttribute("data-open", "");
549
- });
550
- }, []);
551
- v(() => {
552
- if (s === null || T === null) return;
553
- let e = fe(T, s, {
554
- align: "start",
555
- alignOffset: 0,
556
- boundaryPadding: 8,
557
- flip: !0,
558
- hideWhenDetached: !0,
559
- matchWidth: ye === "anchor",
560
- shift: !0,
561
- side: me,
562
- sideOffset: 4,
563
- strategy: _e
564
- });
565
- return xe.current = e, _.current.open && Se(e, s), () => {
566
- e.destroy(), xe.current = null, s.removeAttribute("data-open");
567
- };
568
- }, [
569
- T,
570
- s,
571
- Se,
572
- me,
573
- _e,
574
- ye
575
- ]), v(() => {
576
- let e = xe.current;
577
- e !== null && s !== null && (n.open ? Se(e, s) : s.removeAttribute("data-open"));
578
- }, [
579
- s,
580
- n.open,
581
- Se
582
- ]), g(() => {
583
- if (s === null || !n.open || T === null) return;
584
- let e = ue(s, {
585
- branches: [T],
586
- escape: !0,
587
- focusOutside: !1,
588
- modal: !1,
589
- outsidePress: !0,
590
- scrollLock: !1,
591
- onDismiss: (e) => {
592
- _.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
593
- }
594
- });
595
- return () => e.destroy();
596
- }, [
597
- T,
598
- s,
599
- n.open
600
- ]);
601
- let Ce = n.options.map((e) => e.key).join("");
602
- v(() => {
603
- let e = _.current;
604
- if (!e.open) return;
605
- let t = e.options, n = e.entry.current;
606
- if (n !== "keep") {
607
- let r = t.filter((e) => !e.disabled), i = n === "last" ? r[r.length - 1] : n === "selected" ? t.find((t) => e.chosen.includes(t.key)) ?? void 0 : r[0];
608
- (i !== void 0 || n !== "selected") && (e.entry.current = "keep", i !== void 0 && e.setHighlighted(i.key, "keyboard"));
609
- return;
610
- }
611
- e.highlighted !== null && !t.some((t) => t.key === e.highlighted) && e.setHighlighted(null, "keyboard");
612
- }, [Ce, n.open]), g(() => {
613
- if (l === null || n.highlighted === null) return;
614
- let e = l.ownerDocument.getElementById(n.optionId(n.highlighted));
615
- typeof e?.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
616
- }, [
617
- n,
618
- n.highlighted,
619
- l
620
- ]);
621
- let we = i.status === "error";
622
- g(() => {
623
- we && _.current.open && he(_.current.inputNode?.ownerDocument).announce(_.current.t("error"), { repeat: !0 });
624
- }, [we]), g(() => {
625
- let e = h.current, t = l;
626
- if (e === null || t === null || !i.hasMore || typeof IntersectionObserver != "function") return;
627
- let n = new IntersectionObserver((e) => {
628
- e.some((e) => e.isIntersecting) && _.current.session.more();
629
- }, { root: t });
630
- return n.observe(e), () => n.disconnect();
631
- }, [
632
- i.hasMore,
633
- i.items.length,
634
- l
635
- ]);
636
- let E = ae(() => n.sections.headings ? null : n.sections.sections.flatMap((e) => e.entities), [n.sections]), Te = E !== null && (n.props.virtualize ?? E.length > Le) !== !1, Ee = n.props.estimatedRowHeight ?? Re, [De] = b(() => /* @__PURE__ */ new Map()), [Oe, ke] = b(0), [Ae, je] = b({
637
- offset: 0,
638
- size: 0
639
- }), D = y(null);
640
- v(() => {
641
- if (!Te || l === null) return;
642
- let e = () => je({
643
- offset: l.scrollTop,
644
- size: l.clientHeight
645
- });
646
- e(), l.addEventListener("scroll", e, { passive: !0 });
647
- let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(e);
648
- return t?.observe(l), D.current = typeof ResizeObserver > "u" ? null : new ResizeObserver((e) => {
649
- let t = !1;
650
- for (let n of e) {
651
- let e = n.target.dataset.value, r = n.target.offsetHeight;
652
- e !== void 0 && r !== 0 && De.get(e) !== r && (De.set(e, r), t = !0);
653
- }
654
- t && ke((e) => e + 1);
655
- }), () => {
656
- l.removeEventListener("scroll", e), t?.disconnect(), D.current?.disconnect(), D.current = null;
657
- };
658
- }, [
659
- De,
660
- l,
661
- Te
662
- ]);
663
- let O = ae(() => Te && E !== null ? ge(E.map((e) => De.get(e.id) ?? Ee)) : void 0, [
664
- Ee,
665
- E,
666
- De,
667
- Oe,
668
- Te
669
- ]), k = O === void 0 || E === null ? null : C({
670
- itemCount: E.length,
671
- metrics: O,
672
- overscan: ze,
673
- scrollOffset: Ae.offset,
674
- viewportSize: Ae.size
675
- }), A = E === null || n.highlighted === null ? -1 : E.findIndex((e) => e.id === n.highlighted);
676
- v(() => {
677
- k === null || l === null || A < 0 || O === void 0 || A >= k.startIndex && A < k.endIndex || (l.scrollTop = ve({
678
- index: A,
679
- itemCount: E?.length ?? 0,
680
- metrics: O,
681
- scrollOffset: l.scrollTop,
682
- viewportSize: l.clientHeight,
683
- align: "nearest"
684
- }), je({
685
- offset: l.scrollTop,
686
- size: l.clientHeight
687
- }));
688
- }, [
689
- E,
690
- A,
691
- O,
692
- k,
693
- l
694
- ]);
695
- let j = m((e) => {
696
- e !== null && D.current?.observe(e);
697
- }, []);
698
- if (!se) return null;
699
- let M = n.options.filter((e) => e.key !== w && e.key !== be).length, N = i.status === "loading" && i.items.length === 0, Me = i.status === "loading" && i.items.length > 0 && i.indicator, Pe = i.status === "error", Fe = M === 0 && !n.offerCreate && !Pe && !N && i.status !== "waiting" && i.status !== "short", Be = i.status === "short" ? r("minQuery", { count: n.props.minQueryLength ?? 0 }) : Pe ? null : i.indicator && (N || i.loadingMore) ? r("loading") : i.status === "ready" && n.query !== "" ? r("count", { count: i.total ?? i.items.length }) : null, Ve = (r, i) => {
700
- let a = r.id, s = n.chosen.includes(a), c = n.highlighted === a, l = n.options.find((e) => e.key === a)?.disabled ?? r.disabled === !0, ee = (e) => {
701
- l || (n.activate(a, "pointer", e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 }));
702
- }, u = n.props.renderOption === void 0 ? /* @__PURE__ */ S(oe, { children: [
703
- /* @__PURE__ */ x("span", {
704
- "data-part": "label",
705
- "data-part-label": "",
706
- children: n.highlightMatch && n.query !== "" ? /* @__PURE__ */ x(o, {
707
- locale: n.locale,
708
- query: n.query,
709
- text: r.label
710
- }) : r.label
711
- }),
712
- r.description === void 0 ? null : /* @__PURE__ */ x("span", {
713
- "data-part": "description",
714
- "data-part-description": "",
715
- children: r.description
716
- }),
717
- r.meta === void 0 ? null : /* @__PURE__ */ x("span", {
718
- "data-part": "meta",
719
- "data-part-meta": "",
720
- children: r.meta
721
- })
722
- ] }) : n.props.renderOption(r, {
723
- current: c,
724
- disabled: l,
725
- query: n.query,
726
- selected: s
727
- });
728
- return /* @__PURE__ */ S("div", {
729
- "aria-disabled": l ? !0 : void 0,
730
- "aria-selected": s,
731
- "data-part": "item",
732
- "data-part-item": "",
733
- "data-value": a,
734
- id: n.optionId(a),
735
- onClick: ee,
736
- onPointerDown: Ie,
737
- onPointerEnter: (e) => {
738
- l || n.setHighlighted(a, "pointer", e.nativeEvent);
739
- },
740
- role: "option",
741
- ...i === void 0 ? {} : {
742
- "aria-posinset": i + 1,
743
- "aria-setsize": E?.length ?? 0,
744
- ref: j
745
- },
746
- ...c ? { "data-current": "" } : {},
747
- ...s ? { "data-selected": "" } : {},
748
- ...l ? { "data-disabled": "" } : {},
749
- children: [
750
- n.media === "avatar" && r.avatar !== null ? /* @__PURE__ */ x("span", {
751
- "data-part": "media",
752
- "data-part-media": "",
753
- children: /* @__PURE__ */ x(Ne, {
754
- entity: r,
755
- locale: n.locale
756
- })
757
- }) : null,
758
- u,
759
- /* @__PURE__ */ x("span", {
760
- "data-part": "indicator",
761
- "data-part-indicator": "",
762
- children: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "check" }) })
763
- })
764
- ]
765
- }, a);
766
- }, F = (r, i, a) => /* @__PURE__ */ S("div", {
767
- "aria-selected": !1,
768
- "data-part": "item",
769
- "data-part-item": "",
770
- "data-value": r,
771
- id: n.optionId(r),
772
- onClick: a,
773
- onPointerDown: Ie,
774
- onPointerEnter: (e) => n.setHighlighted(r, "pointer", e.nativeEvent),
775
- role: "option",
776
- ...r === w ? { "data-create": "" } : { "data-retry": "" },
777
- ...n.highlighted === r ? { "data-current": "" } : {},
778
- ...n.creating && r === w ? { "data-loading": "" } : {},
779
- children: [/* @__PURE__ */ x("span", {
780
- "aria-hidden": "true",
781
- "data-part": "media",
782
- "data-part-media": "",
783
- children: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: r === w ? "plus" : "rotate-ccw" }) })
784
- }), /* @__PURE__ */ x("span", {
785
- "data-part": "label",
786
- "data-part-label": "",
787
- children: i
788
- })]
789
- }), { sections: Ue, headings: We } = n.sections, Ge = !(Pe && i.items.length === 0), Ke = /* @__PURE__ */ x("div", {
790
- "data-align": "start",
791
- "data-part": "positioner",
792
- "data-part-positioner": "",
793
- "data-size": n.size,
794
- "data-ui": "entity-picker",
795
- "data-ui-entity-picker": "",
796
- "data-width": n.width,
797
- ref: c,
798
- ...n.open ? {} : { inert: !0 },
799
- children: /* @__PURE__ */ S("div", {
800
- "aria-busy": i.status === "loading" || void 0,
801
- "aria-label": n.props["aria-label"],
802
- "data-part": "content",
803
- "data-part-content": "",
804
- id: n.contentId,
805
- ref: ee,
806
- role: "listbox",
807
- ...n.multiple ? { "aria-multiselectable": !0 } : {},
808
- ...Me ? { "data-loading": "" } : {},
809
- children: [
810
- Ge && k !== null && E !== null && O !== void 0 ? /* @__PURE__ */ S(oe, { children: [
811
- /* @__PURE__ */ x("div", {
812
- "aria-hidden": "true",
813
- style: {
814
- blockSize: k.startOffset,
815
- gridColumn: "1 / -1"
816
- }
817
- }),
818
- E.slice(k.startIndex, k.endIndex).map((e, t) => Ve(e, k.startIndex + t)),
819
- /* @__PURE__ */ x("div", {
820
- "aria-hidden": "true",
821
- style: {
822
- blockSize: k.totalSize - O.offsetOf(k.endIndex),
823
- gridColumn: "1 / -1"
824
- }
825
- })
826
- ] }) : Ge ? Ue.map((e) => We ? /* @__PURE__ */ S("div", {
827
- "aria-labelledby": `${a}${e.key}`,
828
- "data-part": "group",
829
- "data-part-group": "",
830
- role: "group",
831
- children: [/* @__PURE__ */ x("div", {
832
- "data-part": "group-label",
833
- "data-part-group-label": "",
834
- id: `${a}${e.key}`,
835
- children: e.label
836
- }), e.entities.map(Ve)]
837
- }, e.key) : e.entities.map(Ve)) : null,
838
- N && i.indicator ? /* @__PURE__ */ S("div", {
839
- "aria-hidden": "true",
840
- "data-part": "placeholder",
841
- "data-part-placeholder": "",
842
- children: [
843
- /* @__PURE__ */ x(P, {}),
844
- /* @__PURE__ */ x(P, {}),
845
- /* @__PURE__ */ x(P, {})
846
- ]
847
- }) : null,
848
- i.loadingMore && i.indicator ? /* @__PURE__ */ x("div", {
849
- "aria-hidden": "true",
850
- "data-part": "more",
851
- "data-part-more": "",
852
- children: /* @__PURE__ */ x(P, {})
853
- }) : null,
854
- /* @__PURE__ */ x("div", { ref: h }),
855
- n.offerCreate ? F(w, r("create", { query: n.query.trim() }), (e) => n.activate(w, "pointer", e.nativeEvent)) : null,
856
- Pe ? /* @__PURE__ */ S("div", {
857
- "data-part": "error",
858
- "data-part-error": "",
859
- children: [/* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "circle-alert" }) }), r("error")]
860
- }) : null,
861
- Pe ? F(be, r("retry"), () => {
862
- n.retry(), n.inputNode?.focus({ preventScroll: !0 });
863
- }) : null,
864
- Fe ? /* @__PURE__ */ x("div", {
865
- "data-part": "empty",
866
- "data-part-empty": "",
867
- children: r("empty")
868
- }) : null,
869
- /* @__PURE__ */ x("div", {
870
- "aria-live": "polite",
871
- "data-part": "status",
872
- "data-part-status": "",
873
- role: "status",
874
- children: Be
875
- })
876
- ]
877
- })
878
- });
879
- return u === null ? Ke : pe(Ke, u);
880
- }
881
- //#endregion
882
- //#region src/entity-picker/entity-picker.tsx
883
- var Ve = p(void 0);
884
- function He() {
885
- let e = h(Ve);
886
- if (e === void 0) throw Error("An entity picker part is outside an EntityPicker.");
887
- return e;
888
- }
889
- var F = [], Ue = {
890
- state: {
891
- status: "idle",
892
- query: "",
893
- scope: null,
894
- items: [],
895
- answered: !1,
896
- total: void 0,
897
- hasMore: !1,
898
- loadingMore: !1,
899
- indicator: !1,
900
- error: void 0
901
- },
902
- search: () => {},
903
- more: () => {},
904
- retry: () => {},
905
- refresh: () => {},
906
- reset: () => {},
907
- dispose: () => {}
908
- }, We = {
909
- require: () => {},
910
- status: () => "pending",
911
- retry: () => {},
912
- dispose: () => {}
913
- };
914
- function Ge(e) {
915
- return Array.isArray(e) ? e : typeof e == "string" ? [e] : [];
916
- }
917
- function Ke(e) {
918
- let { clearable: t, defaultHighlightedValue: i = null, defaultInputValue: o, defaultOpen: s = !1, defaultScope: c = null, disabled: l, entities: ee = F, favorites: u = F, fullWidth: d, handleRef: te, highlightMatch: ne, highlightedValue: re, inputValue: p, invalid: h, items: v, locale: oe, messages: se, loop: ce, max: le, media: ue, minQueryLength: de, onCreate: fe, open: pe, openOn: ge, overflow: _e, portal: ve, readOnly: C, recent: ye = F, required: T, scope: we, searchDelay: E, side: Ee, size: ke, source: je, strategy: D, variant: O, width: A } = e, j = e.selectionMode === "multiple", M = k(), N = a(), Me = ie(), Ne = `${Me}listbox`, Fe = `${Me}input`, Ie = m((e) => `${Me}option-${encodeURIComponent(e)}`, [Me]), P = r(me, se), Le = n(), Re = oe ?? Le, ze = l ?? N?.disabled ?? M.disabled, He = C ?? N?.readOnly ?? M.readOnly, Ke = de ?? M.minQueryLength, [qe, Je] = b(0), Ye = m(() => Je((e) => e + 1), []), Xe = y(null);
919
- Xe.current === null && (Xe.current = xe());
920
- let I = Xe.current;
921
- I.remember(ee), I.remember(u), I.remember(ye);
922
- let Ze = ae(() => je ?? Oe(v ?? F, { locale: Re }), [
923
- v,
924
- Re,
925
- je
926
- ]), Qe = y(Ze);
927
- Qe.current = Ze;
928
- let $e = ae(() => ({
929
- search: (e, t) => Qe.current.search(e, t),
930
- resolve: (e, t) => Qe.current.resolve === void 0 ? Promise.resolve([]) : Qe.current.resolve(e, t)
931
- }), []), [et, tt] = b(null), nt = y(Ke);
932
- nt.current = Ke;
933
- let L = y(E ?? M.searchDelay);
934
- L.current = E ?? M.searchDelay;
935
- let [R, z] = b(null);
936
- g(() => {
937
- let e = Ce({
938
- source: $e,
939
- get delay() {
940
- return L.current;
941
- },
942
- get minQueryLength() {
943
- return nt.current;
944
- },
945
- onChange: tt,
946
- onResults: (e) => I.remember(e)
947
- }), t = Se({
948
- source: {
949
- search: $e.search,
950
- resolve: (e, t) => Qe.current.resolve === void 0 ? Promise.reject(/* @__PURE__ */ Error("no resolve")) : Qe.current.resolve(e, t)
951
- },
952
- cache: I,
953
- onChange: Ye
954
- });
955
- return z({
956
- session: e,
957
- resolver: t
958
- }), () => {
959
- e.dispose(), t.dispose(), tt(null);
960
- };
961
- }, [
962
- Ye,
963
- I,
964
- $e
965
- ]);
966
- let B = R?.session ?? Ue, rt = R?.resolver ?? We, it = Ge(e.defaultValue), [at, ot] = b(it), [st, ct] = b(s), [lt, ut] = b(i), [dt, ft] = b(c), pt = e.value, V = pt === void 0 ? at : Ge(pt), mt = (pe ?? st) && !ze, ht = re === void 0 ? lt : re, H = we === void 0 ? dt : we, U = (e) => e === void 0 ? "" : I.get(e)?.label ?? "", [gt, _t] = b(() => o ?? (j ? "" : U(it[0]))), W = p ?? gt, [vt, G] = b(!1), K = j || vt ? W : "", yt = y("keep"), [bt, xt] = b(null), [St, Ct] = b(null), q = y({
967
- props: e,
968
- currentIds: V,
969
- currentOpen: mt,
970
- currentHighlighted: ht,
971
- currentInput: W,
972
- currentScope: H,
973
- typed: vt
974
- });
975
- q.current = {
976
- props: e,
977
- currentIds: V,
978
- currentOpen: mt,
979
- currentHighlighted: ht,
980
- currentInput: W,
981
- currentScope: H,
982
- typed: vt
983
- };
984
- let J = m((e) => {
985
- he(bt?.ownerDocument).announce(e, { repeat: !0 });
986
- }, [bt]), Y = m((e, t, n) => {
987
- let r = q.current, i = r.currentIds;
988
- if (e.length === i.length && e.every((e, t) => e === i[t])) return !1;
989
- let a = r.props.selectionMode === "multiple", o = (e) => a ? e : e[0] ?? null, s = f({
990
- controlled: r.props.value,
991
- initial: o(i),
992
- equals: (e, t) => JSON.stringify(e) === JSON.stringify(t),
993
- onRequest: (t) => {
994
- let n = Object.assign(t, { entities: I.pick(e) });
995
- r.props.onValueChange?.(t.value, n);
996
- }
997
- }).request(o(e), t, n);
998
- return s && ot(e), s || r.props.value !== void 0;
999
- }, [I]), X = m((e, t, n) => {
1000
- let r = q.current;
1001
- e !== r.currentInput && f({
1002
- controlled: r.props.inputValue,
1003
- initial: r.currentInput,
1004
- onRequest: (e) => r.props.onInputValueChange?.(e.value, e)
1005
- }).request(e, t, n) && _t(e);
1006
- }, []), Z = m((e, t, n) => {
1007
- let r = q.current;
1008
- e !== r.currentOpen && f({
1009
- controlled: r.props.open,
1010
- initial: r.currentOpen,
1011
- onRequest: (e) => r.props.onOpenChange?.(e.value, e)
1012
- }).request(e, t, n) && (ct(e), e || (ut(null), yt.current = "keep"));
1013
- }, []), wt = m((e, t, n) => {
1014
- let r = q.current;
1015
- e !== r.currentHighlighted && f({
1016
- controlled: r.props.highlightedValue,
1017
- initial: r.currentHighlighted,
1018
- onRequest: (e) => r.props.onHighlightedValueChange?.(e.value, e)
1019
- }).request(e, t, n) && ut(e);
1020
- }, []), Tt = m((e, t, n) => {
1021
- let r = q.current;
1022
- e !== r.currentScope && f({
1023
- controlled: r.props.scope,
1024
- initial: r.currentScope,
1025
- onRequest: (e) => r.props.onScopeChange?.(e.value, e)
1026
- }).request(e, t, n) && ft(e);
1027
- }, []), Et = m((e, t) => {
1028
- G(!0), X(e, "keyboard", t);
1029
- }, [X]), Dt = m((e, t, n) => {
1030
- Y(e === null ? [] : [e], t, n), G(!1), X(e === null ? "" : U(e), "select", n);
1031
- }, [Y, X]), Q = j ? le ?? null : null, Ot = m((e, t, n) => {
1032
- let r = q.current.currentIds, i = U(e);
1033
- if (r.includes(e)) {
1034
- let a = r.filter((t) => t !== e);
1035
- Y(a, t === "remove" ? "remove" : t, n) && J(P("removed", {
1036
- label: i,
1037
- count: a.length
1038
- }));
1039
- } else {
1040
- if (Q !== null && r.length >= Q) return;
1041
- let a = [...r, e];
1042
- Y(a, t, n) && (J(P("added", {
1043
- label: i,
1044
- count: a.length
1045
- })), Q !== null && a.length === Q && J(P("complete", { max: Q })));
1046
- }
1047
- X("", "select", n);
1048
- }, [
1049
- J,
1050
- Q,
1051
- Y,
1052
- X,
1053
- P
1054
- ]), kt = m((e, t) => {
1055
- let n = q.current.currentIds.filter((t) => t !== e);
1056
- Y(n, "remove", t) && J(P("removed", {
1057
- label: U(e) || P("unresolved"),
1058
- count: n.length
1059
- }));
1060
- }, [
1061
- J,
1062
- Y,
1063
- P
1064
- ]), At = m((e) => {
1065
- Y([], "clear", e), G(!1), X("", "clear", e);
1066
- }, [Y, X]), [jt, Mt] = b(!1), Nt = m((e, t) => {
1067
- let n = q.current, r = n.currentInput.trim(), i = n.props.onCreate;
1068
- if (i === void 0 || r === "") return;
1069
- let a = (e) => {
1070
- if (Mt(!1), e != null) {
1071
- if (I.remember([e]), Ye(), q.current.props.selectionMode === "multiple") {
1072
- let n = q.current.currentIds;
1073
- n.includes(e.id) || (Y([...n, e.id], "submit", t), J(P("added", {
1074
- label: e.label,
1075
- count: n.length + 1
1076
- }))), X("", "select", t);
1077
- } else Y([e.id], "submit", t), G(!1), X(e.label, "select", t);
1078
- }
1079
- }, o = i(r);
1080
- o instanceof Promise ? (Mt(!0), o.then(a, () => Mt(!1))) : a(o);
1081
- }, [
1082
- J,
1083
- Ye,
1084
- I,
1085
- j,
1086
- Y,
1087
- X,
1088
- P
1089
- ]), Pt = m((e, t, n) => {
1090
- if (e === be) {
1091
- B.retry();
1092
- return;
1093
- }
1094
- if (e === w) {
1095
- Nt(t, n), j || Z(!1, "select", n);
1096
- return;
1097
- }
1098
- if (I.get(e)?.disabled !== !0) {
1099
- if (j) {
1100
- Ot(e, t, n);
1101
- return;
1102
- }
1103
- Dt(e, t, n), Z(!1, "select", n);
1104
- }
1105
- }, [
1106
- I,
1107
- Dt,
1108
- Nt,
1109
- j,
1110
- B,
1111
- Z,
1112
- Ot
1113
- ]), Ft = m((e) => {
1114
- let t = q.current;
1115
- if (t.props.selectionMode !== "multiple" && t.typed) {
1116
- if (t.currentInput.trim() === "") {
1117
- t.currentIds.length > 0 && Y([], "clear", e), G(!1);
1118
- return;
1119
- }
1120
- G(!1), X(U(t.currentIds[0]), "blur", e);
1121
- }
1122
- }, [Y, X]), It = m((e) => {
1123
- let t = q.current, n = U(t.currentIds[0]);
1124
- if (t.currentIds.length === 0) {
1125
- G(!1), X("", "programmatic", e);
1126
- return;
1127
- }
1128
- if (t.currentInput === n) {
1129
- At(e);
1130
- return;
1131
- }
1132
- G(!1), X(n, "programmatic", e);
1133
- }, [At, X]), Lt = m((e) => X("", "clear", e), [X]);
1134
- g(() => {
1135
- rt.require(V);
1136
- }, [
1137
- V,
1138
- rt,
1139
- qe
1140
- ]);
1141
- let Rt = j ? "" : U(V[0]);
1142
- g(() => {
1143
- j || vt || q.current.currentInput !== Rt && X(Rt, "programmatic");
1144
- }, [
1145
- Rt,
1146
- j,
1147
- X,
1148
- vt
1149
- ]), g(() => {
1150
- mt && B.search({
1151
- query: K,
1152
- scope: H,
1153
- selected: q.current.currentIds
1154
- });
1155
- }, [
1156
- mt,
1157
- H,
1158
- K,
1159
- B
1160
- ]), _(te, () => ({
1161
- close: () => Z(!1, "programmatic"),
1162
- focus: () => bt?.focus({ preventScroll: !0 }),
1163
- open: () => Z(!0, "programmatic"),
1164
- refresh: () => B.refresh()
1165
- }), [
1166
- bt,
1167
- B,
1168
- Z
1169
- ]);
1170
- let $ = et ?? B.state, zt = $.answered || $.status === "loading" ? $.items : F, Bt = De({
1171
- query: K,
1172
- scope: H,
1173
- chosen: j ? I.pick(V) : F,
1174
- favorites: u,
1175
- recent: ye,
1176
- results: $.status === "error" || $.status === "short" ? $.items : zt,
1177
- searchedEmpty: Ke === 0,
1178
- labels: {
1179
- chosen: P("chosen"),
1180
- favorites: P("favorites"),
1181
- recent: P("recent"),
1182
- results: P("results")
1183
- }
1184
- }), Vt = !jt && Ae({
1185
- enabled: fe !== void 0,
1186
- query: K,
1187
- answered: $.status === "ready",
1188
- results: $.items,
1189
- locale: Re
1190
- }), Ht = ae(() => {
1191
- if (Q === null || V.length < Q) return;
1192
- let e = new Set(V);
1193
- return new Set(Bt.sections.flatMap((e) => e.entities).map((e) => e.id).filter((t) => !e.has(t)));
1194
- }, [
1195
- V,
1196
- Q,
1197
- Bt
1198
- ]), Ut = Te({
1199
- sections: Bt.sections,
1200
- create: Vt,
1201
- ...Ht === void 0 ? {} : { blocked: Ht }
1202
- }), Wt = $.status === "error" ? [...Ut.filter((e) => e.key !== w), {
1203
- key: be,
1204
- disabled: !1
1205
- }] : Ut, Gt = {
1206
- activate: Pt,
1207
- cache: I,
1208
- chosen: V,
1209
- clear: At,
1210
- clearQuery: Lt,
1211
- clearable: t ?? M.clearable,
1212
- contentId: Ne,
1213
- controlNode: St,
1214
- create: Nt,
1215
- creating: jt,
1216
- disabled: ze,
1217
- entry: yt,
1218
- fullWidth: d ?? M.fullWidth,
1219
- highlightMatch: ne ?? M.highlightMatch,
1220
- highlighted: ht,
1221
- inputId: Fe,
1222
- inputNode: bt,
1223
- inputValue: W,
1224
- invalid: h ?? N?.invalid ?? M.invalid,
1225
- locale: Re,
1226
- loop: ce ?? M.loop,
1227
- max: Q,
1228
- media: ue ?? M.media,
1229
- multiple: j,
1230
- offerCreate: Vt,
1231
- open: mt,
1232
- openOn: ge ?? M.openOn,
1233
- optionId: Ie,
1234
- options: Wt,
1235
- overflow: _e ?? M.overflow,
1236
- portal: ve ?? M.portal,
1237
- props: e,
1238
- query: K,
1239
- readOnly: He,
1240
- remove: kt,
1241
- required: T ?? N?.required ?? M.required,
1242
- resolver: rt,
1243
- retry: () => B.retry(),
1244
- revert: It,
1245
- scope: H,
1246
- search: $,
1247
- sections: Bt,
1248
- session: B,
1249
- setControlNode: Ct,
1250
- setHighlighted: wt,
1251
- setInputNode: xt,
1252
- setOpen: Z,
1253
- setScope: Tt,
1254
- setTyped: Et,
1255
- settle: Ft,
1256
- side: Ee ?? M.side,
1257
- size: ke ?? N?.size ?? M.size,
1258
- strategy: D ?? M.strategy,
1259
- t: P,
1260
- variant: O ?? M.variant,
1261
- version: qe,
1262
- width: A ?? M.width
1263
- };
1264
- return /* @__PURE__ */ S(Ve.Provider, {
1265
- value: Gt,
1266
- children: [/* @__PURE__ */ x(Pe, {}), /* @__PURE__ */ x(Be, {})]
1267
- });
1268
- }
1269
- //#endregion
1270
- //#region src/entity-picker/entity-picker-option-parts.tsx
1271
- function qe(e) {
1272
- return function(t) {
1273
- return /* @__PURE__ */ x("span", { ...d({
1274
- ...t,
1275
- "data-part": e
1276
- }) });
1277
- };
1278
- }
1279
- var Je = qe("label"), Ye = qe("description"), Xe = qe("meta"), I = qe("media");
1280
- //#endregion
1281
- export { Ye as a, Xe as c, A as d, k as f, je as i, Ke as l, T as n, Je as o, ke as r, I as s, ye as t, D as u };