@ds-mo/ui 15.2.0 → 15.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (403) hide show
  1. package/dist/.package-ready.json +1 -1
  2. package/dist/agent-patterns.json +3 -3
  3. package/dist/agent.json +446 -65
  4. package/dist/angular/ds-card-setting.d.ts +1 -1
  5. package/dist/angular/ds-card-setting.js +3 -3
  6. package/dist/angular/ds-input-time.d.ts +1 -1
  7. package/dist/angular/ds-input-time.js +3 -3
  8. package/dist/angular/ds-input.d.ts +5 -1
  9. package/dist/angular/ds-input.js +10 -4
  10. package/dist/angular/ds-map-entity-marker.d.ts +1 -1
  11. package/dist/angular/ds-map-entity-marker.js +3 -3
  12. package/dist/angular/ds-radio-tile.d.ts +15 -0
  13. package/dist/angular/ds-radio-tile.js +43 -0
  14. package/dist/angular/ds-setting-row.d.ts +18 -0
  15. package/dist/angular/ds-setting-row.js +42 -0
  16. package/dist/angular/ds-slider.d.ts +1 -1
  17. package/dist/angular/ds-slider.js +3 -3
  18. package/dist/angular/ds-textarea.d.ts +1 -1
  19. package/dist/angular/ds-textarea.js +3 -3
  20. package/dist/angular/ds-time-picker.d.ts +1 -1
  21. package/dist/angular/ds-time-picker.js +3 -3
  22. package/dist/angular/index.d.ts +1 -1
  23. package/dist/angular/index.js +2 -0
  24. package/dist/angular/number-value-accessor.d.ts +9 -0
  25. package/dist/angular/number-value-accessor.js +39 -0
  26. package/dist/angular/proxies.d.ts +2 -0
  27. package/dist/angular/proxies.js +2 -0
  28. package/dist/angular/radio-value-accessor.d.ts +1 -1
  29. package/dist/angular/radio-value-accessor.js +2 -2
  30. package/dist/angular/select-value-accessor.d.ts +1 -1
  31. package/dist/angular/select-value-accessor.js +2 -2
  32. package/dist/angular/text-value-accessor.d.ts +1 -1
  33. package/dist/angular/text-value-accessor.js +2 -2
  34. package/dist/components/ds-agent-activity.js +1 -1
  35. package/dist/components/ds-agent-questionnaire.js +1 -1
  36. package/dist/components/ds-agent-response.js +1 -1
  37. package/dist/components/ds-agent-source-list.js +1 -1
  38. package/dist/components/ds-agent-tool-call.js +1 -1
  39. package/dist/components/ds-attachment-list.js +1 -1
  40. package/dist/components/ds-badge.js +1 -1
  41. package/dist/components/ds-banner.js +1 -1
  42. package/dist/components/ds-bar-action.js +1 -1
  43. package/dist/components/ds-bar-nav.js +1 -1
  44. package/dist/components/ds-bar-page-title.js +1 -1
  45. package/dist/components/ds-bar-title.js +1 -1
  46. package/dist/components/ds-bar-workflow.js +1 -1
  47. package/dist/components/ds-breadcrumb.js +1 -1
  48. package/dist/components/ds-button-filled.js +1 -1
  49. package/dist/components/ds-button-inverted.js +1 -1
  50. package/dist/components/ds-button-unfilled.js +1 -1
  51. package/dist/components/ds-calendar.js +1 -1
  52. package/dist/components/ds-card-action-center.js +1 -1
  53. package/dist/components/ds-card-chart.js +1 -1
  54. package/dist/components/ds-card-navigation.js +1 -1
  55. package/dist/components/ds-card-overview.js +1 -1
  56. package/dist/components/ds-card-setting.js +1 -1
  57. package/dist/components/ds-card-setting.js.map +1 -1
  58. package/dist/components/ds-card-settings-scope.js +1 -1
  59. package/dist/components/ds-chart-legend.js +1 -1
  60. package/dist/components/ds-chart.js +1 -1
  61. package/dist/components/ds-checkbox.js +1 -1
  62. package/dist/components/ds-chip.js +1 -1
  63. package/dist/components/ds-code-block.js +1 -1
  64. package/dist/components/ds-conversation-list-item.js +1 -1
  65. package/dist/components/ds-conversation-list-section.js +1 -1
  66. package/dist/components/ds-conversation-list.js +1 -1
  67. package/dist/components/ds-data-customize.js +1 -1
  68. package/dist/components/ds-data-customize.js.map +1 -1
  69. package/dist/components/ds-data-filter.js +1 -1
  70. package/dist/components/ds-data-filter.js.map +1 -1
  71. package/dist/components/ds-data-group.js +1 -1
  72. package/dist/components/ds-data-preferences.js +1 -1
  73. package/dist/components/ds-data-preferences.js.map +1 -1
  74. package/dist/components/ds-data-saved-views.js +1 -1
  75. package/dist/components/ds-data-saved-views.js.map +1 -1
  76. package/dist/components/ds-data-search.js +1 -1
  77. package/dist/components/ds-data-search.js.map +1 -1
  78. package/dist/components/ds-data-sort.js +1 -1
  79. package/dist/components/ds-data-toolbar.js +1 -1
  80. package/dist/components/ds-empty-state.js +1 -1
  81. package/dist/components/ds-field.js +1 -1
  82. package/dist/components/ds-filter-menu.js +1 -1
  83. package/dist/components/ds-input-date.js +1 -1
  84. package/dist/components/ds-input-date.js.map +1 -1
  85. package/dist/components/ds-input-time.js +1 -1
  86. package/dist/components/ds-input-time.js.map +1 -1
  87. package/dist/components/ds-input.js +1 -1
  88. package/dist/components/ds-map-cluster-marker.js +1 -1
  89. package/dist/components/ds-map-entity-marker.js +1 -1
  90. package/dist/components/ds-map-entity-marker.js.map +1 -1
  91. package/dist/components/ds-markdown.js +1 -1
  92. package/dist/components/ds-menu.js +1 -1
  93. package/dist/components/ds-message-actions.js +1 -1
  94. package/dist/components/ds-message-bubble.js +1 -1
  95. package/dist/components/ds-message-bubble.js.map +1 -1
  96. package/dist/components/ds-message-composer.js +1 -1
  97. package/dist/components/ds-message-scroller.js +1 -1
  98. package/dist/components/ds-message.js +1 -1
  99. package/dist/components/ds-mobile-bar-nav.js +1 -1
  100. package/dist/components/ds-mobile-header.js +1 -1
  101. package/dist/components/ds-mobile-section-switcher.js +1 -1
  102. package/dist/components/ds-mobile-sheet-nav.js +1 -1
  103. package/dist/components/ds-modal.js +1 -1
  104. package/dist/components/ds-pagination.js +1 -1
  105. package/dist/components/ds-panel-nav.js +1 -1
  106. package/dist/components/ds-panel-sub-nav.js +1 -1
  107. package/dist/components/ds-panel-tool-header.js +1 -1
  108. package/dist/components/ds-panel-tool-search.js +1 -1
  109. package/dist/components/ds-panel-tool-search.js.map +1 -1
  110. package/dist/components/ds-panel-tools.js +1 -1
  111. package/dist/components/ds-paper-texture.js +1 -1
  112. package/dist/components/ds-radio-tile.d.ts +11 -0
  113. package/dist/components/ds-radio-tile.js +2 -0
  114. package/dist/components/ds-radio-tile.js.map +1 -0
  115. package/dist/components/ds-radio.js +1 -1
  116. package/dist/components/ds-score.js +1 -1
  117. package/dist/components/ds-scroll-overlay.js +1 -1
  118. package/dist/components/ds-scroll-overlay.js.map +1 -1
  119. package/dist/components/ds-select.js +1 -1
  120. package/dist/components/ds-setting-row.d.ts +11 -0
  121. package/dist/components/ds-setting-row.js +2 -0
  122. package/dist/components/ds-setting-row.js.map +1 -0
  123. package/dist/components/ds-shell-app.js +1 -1
  124. package/dist/components/ds-shell-page.js +1 -1
  125. package/dist/components/ds-shell-tools.js +1 -1
  126. package/dist/components/ds-skeleton.js +1 -1
  127. package/dist/components/ds-slider.js +1 -1
  128. package/dist/components/ds-slider.js.map +1 -1
  129. package/dist/components/ds-swatch-picker.js +1 -1
  130. package/dist/components/ds-switch.js +1 -1
  131. package/dist/components/ds-tab-group.js +1 -1
  132. package/dist/components/ds-table.js +1 -1
  133. package/dist/components/ds-table.js.map +1 -1
  134. package/dist/components/ds-tag.js +1 -1
  135. package/dist/components/ds-text.js +1 -1
  136. package/dist/components/ds-textarea.js +1 -1
  137. package/dist/components/ds-textarea.js.map +1 -1
  138. package/dist/components/ds-time-picker.js +1 -1
  139. package/dist/components/ds-toast.js +1 -1
  140. package/dist/components/ds-tooltip-chart.js +1 -1
  141. package/dist/components/ds-tooltip.js +1 -1
  142. package/dist/components/ds-typing-indicator.js +1 -1
  143. package/dist/components/{p-Br5e83Fr.js → p-3bsypMrY.js} +2 -2
  144. package/dist/components/{p-xhn1cZgU.js → p-AM_ht6Im.js} +2 -2
  145. package/dist/components/{p-B6qQaYkB.js → p-AmT4GlhM.js} +2 -2
  146. package/dist/components/{p-CuWPWC3t.js → p-B-HOVYoH.js} +2 -2
  147. package/dist/components/{p-p0FVyEFa.js → p-B7QEpaMe.js} +2 -2
  148. package/dist/components/{p-BX506yEW.js → p-B7bXN-vf.js} +2 -2
  149. package/dist/components/p-BHI4LcGK.js +2 -0
  150. package/dist/components/p-BHI4LcGK.js.map +1 -0
  151. package/dist/components/{p-CNZ6-kWd.js → p-BSuMDPaV.js} +2 -2
  152. package/dist/components/{p-Dqfc6Nvd.js → p-BU1B6NW8.js} +2 -2
  153. package/dist/components/{p-ZYWnJaye.js → p-BVwg5XVz.js} +2 -2
  154. package/dist/components/{p-C_Ma6Xa-.js → p-BXSHN1OK.js} +2 -2
  155. package/dist/components/{p-ER5M085B.js → p-BYJtvRQm.js} +2 -2
  156. package/dist/components/{p-DFO5lV_A.js → p-Bh1Fx0aW.js} +2 -2
  157. package/dist/components/{p-C1gaWjOm.js → p-Bm3KWMe4.js} +2 -2
  158. package/dist/components/{p-CR-Jjdcn.js → p-Bo7GxFBh.js} +2 -2
  159. package/dist/components/{p-BtnTQp4K.js → p-BsM37Prt.js} +2 -2
  160. package/dist/components/p-Bu4OmhKK.js +2 -0
  161. package/dist/components/{p-Dlp1HqgS.js.map → p-Bu4OmhKK.js.map} +1 -1
  162. package/dist/components/{p-C0JkLR83.js → p-BugKaVWc.js} +2 -2
  163. package/dist/components/p-C-c8SJ00.js +2 -0
  164. package/dist/components/p-C-c8SJ00.js.map +1 -0
  165. package/dist/components/{p-uADksYMl.js → p-C3-dcROG.js} +2 -2
  166. package/dist/components/p-C4VeD49U.js +2 -0
  167. package/dist/components/{p-BR5OC2PX.js.map → p-C4VeD49U.js.map} +1 -1
  168. package/dist/components/{p-DsLXlxt3.js → p-CCpJT31M.js} +2 -2
  169. package/dist/components/p-CCpJT31M.js.map +1 -0
  170. package/dist/components/{p-D7K1ZHML.js → p-CI7c9kp-.js} +2 -2
  171. package/dist/components/{p-mV4vSjSK.js → p-CJD0kLeV.js} +2 -2
  172. package/dist/components/{p-BOhefRMt.js → p-C_gJD8l3.js} +2 -2
  173. package/dist/components/{p-ZwRLjD5M.js → p-Cihjy4WY.js} +2 -2
  174. package/dist/components/p-Co5MiPNa.js +2 -0
  175. package/dist/components/{p-lamoJZE4.js.map → p-Co5MiPNa.js.map} +1 -1
  176. package/dist/components/{p-5SVmAjXY.js → p-CrL9wxZg.js} +2 -2
  177. package/dist/components/{p-CGidq1iC.js → p-CuwopElg.js} +2 -2
  178. package/dist/components/p-CwUXroLs.js +2 -0
  179. package/dist/components/{p-etg-Uk1u.js.map → p-CwUXroLs.js.map} +1 -1
  180. package/dist/components/{p-mux14tWZ.js → p-CzQ_JF6A.js} +2 -2
  181. package/dist/components/{p-BLuqpHvp.js → p-CztB8Pbq.js} +2 -2
  182. package/dist/components/{p-Cn6AfzeF.js → p-D0KD-Nr_.js} +2 -2
  183. package/dist/components/{p-D5HxZrMA.js → p-DCLRAH5i.js} +2 -2
  184. package/dist/components/{p-Cu8o2rOz.js → p-DFkw6wrS.js} +2 -2
  185. package/dist/components/{p-YrnU2fM7.js → p-DHapI2sf.js} +2 -2
  186. package/dist/components/p-DQPzqcYR.js +2 -0
  187. package/dist/components/p-DQPzqcYR.js.map +1 -0
  188. package/dist/components/{p-CTGgXIXM.js → p-DWmYCOKz.js} +2 -2
  189. package/dist/components/p-DX2RyZba.js +2 -0
  190. package/dist/components/{p-mxZoWfnS.js.map → p-DX2RyZba.js.map} +1 -1
  191. package/dist/components/{p-vfCu7XSc.js → p-DZ58Sg5a.js} +2 -2
  192. package/dist/components/{p-C6Aavz9h.js → p-Dcn1eDVt.js} +2 -2
  193. package/dist/components/{p-UY63jmrO.js → p-DcrdyDRw.js} +2 -2
  194. package/dist/components/p-DhKvqh5G.js +2 -0
  195. package/dist/components/p-DhKvqh5G.js.map +1 -0
  196. package/dist/components/p-Fkkd3gMB.js +2 -0
  197. package/dist/components/{p-BfF4RZdp.js.map → p-Fkkd3gMB.js.map} +1 -1
  198. package/dist/components/{p-QWukusRL.js → p-Gb-vTuXr.js} +2 -2
  199. package/dist/components/p-TVkFIMXz.js +2 -0
  200. package/dist/components/p-TVkFIMXz.js.map +1 -0
  201. package/dist/components/p-cuZva5tl.js +2 -0
  202. package/dist/components/{p-CZ7hxDy_.js.map → p-cuZva5tl.js.map} +1 -1
  203. package/dist/components/p-fYZK3zqM.js +2 -0
  204. package/dist/components/{p-BZ_e69zx.js.map → p-fYZK3zqM.js.map} +1 -1
  205. package/dist/components/{p-BzYW1IqO.js → p-iGNHXFZA.js} +2 -2
  206. package/dist/components/{p-BLSSaVWm.js → p-lADW-TI8.js} +2 -2
  207. package/dist/components/{p-BJJh-Bf7.js → p-p_MwknM3.js} +2 -2
  208. package/dist/components/{p-CRk0TjQv.js → p-tJaC01aE.js} +2 -2
  209. package/dist/components/{p-B3CZvMXs.js → p-z8L-YMi3.js} +2 -2
  210. package/dist/docs/components.json +1472 -94
  211. package/dist/framework/angular.d.ts +1 -0
  212. package/dist/framework/angular.js +1 -0
  213. package/dist/lint/index.js +1 -1
  214. package/dist/mcp-data/registry/agent-activity.json +2 -2
  215. package/dist/mcp-data/registry/agent-questionnaire.json +2 -2
  216. package/dist/mcp-data/registry/agent-response.json +2 -2
  217. package/dist/mcp-data/registry/agent-source-list.json +2 -2
  218. package/dist/mcp-data/registry/agent-tool-call.json +2 -2
  219. package/dist/mcp-data/registry/attachment-list.json +2 -2
  220. package/dist/mcp-data/registry/avatar.json +2 -2
  221. package/dist/mcp-data/registry/badge.json +2 -2
  222. package/dist/mcp-data/registry/banner.json +2 -2
  223. package/dist/mcp-data/registry/bar-action.json +2 -2
  224. package/dist/mcp-data/registry/bar-nav.json +2 -2
  225. package/dist/mcp-data/registry/bar-page-title.json +2 -2
  226. package/dist/mcp-data/registry/bar-title.json +2 -2
  227. package/dist/mcp-data/registry/bar-workflow.json +2 -2
  228. package/dist/mcp-data/registry/breadcrumb.json +2 -2
  229. package/dist/mcp-data/registry/button-filled.json +2 -2
  230. package/dist/mcp-data/registry/button-inverted.json +2 -2
  231. package/dist/mcp-data/registry/button-unfilled.json +2 -2
  232. package/dist/mcp-data/registry/calendar.json +2 -2
  233. package/dist/mcp-data/registry/card-action-center.json +2 -2
  234. package/dist/mcp-data/registry/card-chart.json +2 -2
  235. package/dist/mcp-data/registry/card-navigation.json +2 -2
  236. package/dist/mcp-data/registry/card-overview.json +2 -2
  237. package/dist/mcp-data/registry/card-setting.json +36 -15
  238. package/dist/mcp-data/registry/card-settings-scope.json +2 -2
  239. package/dist/mcp-data/registry/chart-legend.json +2 -2
  240. package/dist/mcp-data/registry/chart.json +2 -2
  241. package/dist/mcp-data/registry/checkbox.json +2 -2
  242. package/dist/mcp-data/registry/chip.json +2 -2
  243. package/dist/mcp-data/registry/code-block.json +2 -2
  244. package/dist/mcp-data/registry/conversation-list-item.json +2 -2
  245. package/dist/mcp-data/registry/conversation-list-section.json +2 -2
  246. package/dist/mcp-data/registry/conversation-list.json +2 -2
  247. package/dist/mcp-data/registry/data-customize.json +3 -3
  248. package/dist/mcp-data/registry/data-filter.json +2 -2
  249. package/dist/mcp-data/registry/data-group.json +2 -2
  250. package/dist/mcp-data/registry/data-preferences.json +2 -2
  251. package/dist/mcp-data/registry/data-saved-views.json +2 -2
  252. package/dist/mcp-data/registry/data-search.json +2 -2
  253. package/dist/mcp-data/registry/data-sort.json +2 -2
  254. package/dist/mcp-data/registry/data-toolbar.json +2 -2
  255. package/dist/mcp-data/registry/divider.json +2 -2
  256. package/dist/mcp-data/registry/empty-state.json +27 -14
  257. package/dist/mcp-data/registry/field.json +6 -5
  258. package/dist/mcp-data/registry/filter-menu.json +2 -2
  259. package/dist/mcp-data/registry/icon.json +2 -2
  260. package/dist/mcp-data/registry/input-date.json +2 -2
  261. package/dist/mcp-data/registry/input-time.json +26 -7
  262. package/dist/mcp-data/registry/input.json +265 -15
  263. package/dist/mcp-data/registry/loader.json +2 -2
  264. package/dist/mcp-data/registry/map-cluster-marker.json +3 -3
  265. package/dist/mcp-data/registry/map-entity-marker.json +56 -56
  266. package/dist/mcp-data/registry/markdown.json +2 -2
  267. package/dist/mcp-data/registry/menu.json +2 -2
  268. package/dist/mcp-data/registry/message-actions.json +2 -2
  269. package/dist/mcp-data/registry/message-bubble.json +2 -2
  270. package/dist/mcp-data/registry/message-composer.json +2 -2
  271. package/dist/mcp-data/registry/message-scroller.json +2 -2
  272. package/dist/mcp-data/registry/message.json +2 -2
  273. package/dist/mcp-data/registry/mobile-bar-nav.json +2 -2
  274. package/dist/mcp-data/registry/mobile-header.json +2 -2
  275. package/dist/mcp-data/registry/mobile-section-switcher.json +2 -2
  276. package/dist/mcp-data/registry/mobile-sheet-nav.json +2 -2
  277. package/dist/mcp-data/registry/modal.json +2 -2
  278. package/dist/mcp-data/registry/pagination.json +2 -2
  279. package/dist/mcp-data/registry/panel-nav.json +2 -2
  280. package/dist/mcp-data/registry/panel-sub-nav.json +2 -2
  281. package/dist/mcp-data/registry/panel-tool-header.json +2 -2
  282. package/dist/mcp-data/registry/panel-tool-search.json +2 -2
  283. package/dist/mcp-data/registry/panel-tools.json +2 -2
  284. package/dist/mcp-data/registry/paper-texture.json +2 -2
  285. package/dist/mcp-data/registry/radio-tile.json +398 -0
  286. package/dist/mcp-data/registry/radio.json +2 -2
  287. package/dist/mcp-data/registry/registry.json +453 -66
  288. package/dist/mcp-data/registry/score.json +2 -2
  289. package/dist/mcp-data/registry/scroll-overlay.json +2 -2
  290. package/dist/mcp-data/registry/select.json +2 -2
  291. package/dist/mcp-data/registry/setting-row.json +213 -0
  292. package/dist/mcp-data/registry/shell-app.json +2 -2
  293. package/dist/mcp-data/registry/shell-page.json +2 -2
  294. package/dist/mcp-data/registry/shell-tools.json +2 -2
  295. package/dist/mcp-data/registry/skeleton.json +2 -2
  296. package/dist/mcp-data/registry/slider.json +32 -12
  297. package/dist/mcp-data/registry/swatch-picker.json +2 -2
  298. package/dist/mcp-data/registry/switch.json +2 -2
  299. package/dist/mcp-data/registry/tab-group.json +2 -2
  300. package/dist/mcp-data/registry/table.json +5 -5
  301. package/dist/mcp-data/registry/tag.json +2 -2
  302. package/dist/mcp-data/registry/text.json +2 -2
  303. package/dist/mcp-data/registry/textarea.json +72 -5
  304. package/dist/mcp-data/registry/time-picker.json +28 -9
  305. package/dist/mcp-data/registry/toast.json +2 -2
  306. package/dist/mcp-data/registry/tooltip-chart.json +2 -2
  307. package/dist/mcp-data/registry/tooltip.json +2 -2
  308. package/dist/mcp-data/registry/typing-indicator.json +2 -2
  309. package/dist/react/components.d.ts +2 -0
  310. package/dist/react/components.js +2 -0
  311. package/dist/react/ds-input.d.ts +2 -0
  312. package/dist/react/ds-input.js +2 -0
  313. package/dist/react/ds-radio-tile.d.ts +12 -0
  314. package/dist/react/ds-radio-tile.js +12 -0
  315. package/dist/react/ds-setting-row.d.ts +12 -0
  316. package/dist/react/ds-setting-row.js +12 -0
  317. package/dist/types/components/CardSetting/CardSetting.d.ts +5 -3
  318. package/dist/types/components/CardSetting/index.d.ts +1 -1
  319. package/dist/types/components/EmptyState/EmptyState.d.ts +3 -0
  320. package/dist/types/components/Field/Field.d.ts +4 -0
  321. package/dist/types/components/Input/Input.d.ts +50 -1
  322. package/dist/types/components/InputTime/InputTime.d.ts +3 -0
  323. package/dist/types/components/MapEntityMarker/MapEntityMarker.d.ts +5 -5
  324. package/dist/types/components/RadioTile/RadioTile.d.ts +40 -0
  325. package/dist/types/components/RadioTile/index.d.ts +2 -0
  326. package/dist/types/components/SettingRow/SettingRow.d.ts +18 -0
  327. package/dist/types/components/Slider/Slider.d.ts +8 -1
  328. package/dist/types/components/Slider/index.d.ts +1 -1
  329. package/dist/types/components/Textarea/Textarea.d.ts +12 -0
  330. package/dist/types/components/TimePicker/TimePicker.d.ts +4 -0
  331. package/dist/types/components.d.ts +456 -35
  332. package/dist/types/utils/text-constraints.d.ts +20 -0
  333. package/dist/vue/components.d.ts +2 -0
  334. package/dist/vue/components.js +2 -0
  335. package/dist/vue/ds-card-setting.js +1 -0
  336. package/dist/vue/ds-input-time.js +1 -0
  337. package/dist/vue/ds-input.js +17 -0
  338. package/dist/vue/ds-map-entity-marker.js +2 -2
  339. package/dist/vue/ds-radio-tile.d.ts +3 -0
  340. package/dist/vue/ds-radio-tile.js +24 -0
  341. package/dist/vue/ds-setting-row.d.ts +3 -0
  342. package/dist/vue/ds-setting-row.js +14 -0
  343. package/dist/vue/ds-slider.d.ts +1 -1
  344. package/dist/vue/ds-slider.js +2 -1
  345. package/dist/vue/ds-textarea.js +4 -0
  346. package/dist/vue/ds-time-picker.js +1 -0
  347. package/package.json +5 -5
  348. package/dist/components/p-BCnzbfma.js +0 -2
  349. package/dist/components/p-BCnzbfma.js.map +0 -1
  350. package/dist/components/p-BR5OC2PX.js +0 -2
  351. package/dist/components/p-BZ_e69zx.js +0 -2
  352. package/dist/components/p-BfF4RZdp.js +0 -2
  353. package/dist/components/p-Bv9rSkp0.js +0 -2
  354. package/dist/components/p-Bv9rSkp0.js.map +0 -1
  355. package/dist/components/p-C6zycbhC.js +0 -2
  356. package/dist/components/p-C6zycbhC.js.map +0 -1
  357. package/dist/components/p-CZ7hxDy_.js +0 -2
  358. package/dist/components/p-Dlp1HqgS.js +0 -2
  359. package/dist/components/p-DsLXlxt3.js.map +0 -1
  360. package/dist/components/p-etg-Uk1u.js +0 -2
  361. package/dist/components/p-lamoJZE4.js +0 -2
  362. package/dist/components/p-mxZoWfnS.js +0 -2
  363. package/dist/components/p-xtGGIZmU.js +0 -2
  364. package/dist/components/p-xtGGIZmU.js.map +0 -1
  365. /package/dist/components/{p-Br5e83Fr.js.map → p-3bsypMrY.js.map} +0 -0
  366. /package/dist/components/{p-xhn1cZgU.js.map → p-AM_ht6Im.js.map} +0 -0
  367. /package/dist/components/{p-B6qQaYkB.js.map → p-AmT4GlhM.js.map} +0 -0
  368. /package/dist/components/{p-CuWPWC3t.js.map → p-B-HOVYoH.js.map} +0 -0
  369. /package/dist/components/{p-p0FVyEFa.js.map → p-B7QEpaMe.js.map} +0 -0
  370. /package/dist/components/{p-BX506yEW.js.map → p-B7bXN-vf.js.map} +0 -0
  371. /package/dist/components/{p-CNZ6-kWd.js.map → p-BSuMDPaV.js.map} +0 -0
  372. /package/dist/components/{p-Dqfc6Nvd.js.map → p-BU1B6NW8.js.map} +0 -0
  373. /package/dist/components/{p-ZYWnJaye.js.map → p-BVwg5XVz.js.map} +0 -0
  374. /package/dist/components/{p-C_Ma6Xa-.js.map → p-BXSHN1OK.js.map} +0 -0
  375. /package/dist/components/{p-ER5M085B.js.map → p-BYJtvRQm.js.map} +0 -0
  376. /package/dist/components/{p-DFO5lV_A.js.map → p-Bh1Fx0aW.js.map} +0 -0
  377. /package/dist/components/{p-C1gaWjOm.js.map → p-Bm3KWMe4.js.map} +0 -0
  378. /package/dist/components/{p-CR-Jjdcn.js.map → p-Bo7GxFBh.js.map} +0 -0
  379. /package/dist/components/{p-BtnTQp4K.js.map → p-BsM37Prt.js.map} +0 -0
  380. /package/dist/components/{p-C0JkLR83.js.map → p-BugKaVWc.js.map} +0 -0
  381. /package/dist/components/{p-uADksYMl.js.map → p-C3-dcROG.js.map} +0 -0
  382. /package/dist/components/{p-D7K1ZHML.js.map → p-CI7c9kp-.js.map} +0 -0
  383. /package/dist/components/{p-mV4vSjSK.js.map → p-CJD0kLeV.js.map} +0 -0
  384. /package/dist/components/{p-BOhefRMt.js.map → p-C_gJD8l3.js.map} +0 -0
  385. /package/dist/components/{p-ZwRLjD5M.js.map → p-Cihjy4WY.js.map} +0 -0
  386. /package/dist/components/{p-5SVmAjXY.js.map → p-CrL9wxZg.js.map} +0 -0
  387. /package/dist/components/{p-CGidq1iC.js.map → p-CuwopElg.js.map} +0 -0
  388. /package/dist/components/{p-mux14tWZ.js.map → p-CzQ_JF6A.js.map} +0 -0
  389. /package/dist/components/{p-BLuqpHvp.js.map → p-CztB8Pbq.js.map} +0 -0
  390. /package/dist/components/{p-Cn6AfzeF.js.map → p-D0KD-Nr_.js.map} +0 -0
  391. /package/dist/components/{p-D5HxZrMA.js.map → p-DCLRAH5i.js.map} +0 -0
  392. /package/dist/components/{p-Cu8o2rOz.js.map → p-DFkw6wrS.js.map} +0 -0
  393. /package/dist/components/{p-YrnU2fM7.js.map → p-DHapI2sf.js.map} +0 -0
  394. /package/dist/components/{p-CTGgXIXM.js.map → p-DWmYCOKz.js.map} +0 -0
  395. /package/dist/components/{p-vfCu7XSc.js.map → p-DZ58Sg5a.js.map} +0 -0
  396. /package/dist/components/{p-C6Aavz9h.js.map → p-Dcn1eDVt.js.map} +0 -0
  397. /package/dist/components/{p-UY63jmrO.js.map → p-DcrdyDRw.js.map} +0 -0
  398. /package/dist/components/{p-QWukusRL.js.map → p-Gb-vTuXr.js.map} +0 -0
  399. /package/dist/components/{p-BzYW1IqO.js.map → p-iGNHXFZA.js.map} +0 -0
  400. /package/dist/components/{p-BLSSaVWm.js.map → p-lADW-TI8.js.map} +0 -0
  401. /package/dist/components/{p-BJJh-Bf7.js.map → p-p_MwknM3.js.map} +0 -0
  402. /package/dist/components/{p-CRk0TjQv.js.map → p-tJaC01aE.js.map} +0 -0
  403. /package/dist/components/{p-B3CZvMXs.js.map → p-z8L-YMi3.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{p as e,H as i,c as t,h as o,a as s,t as n}from"./index.js";import{a as r}from"./p-B8ZonS3S.js";import{p as a}from"./p-CeXf9-X3.js";import{d}from"./p-Cn6AfzeF.js";import{d as l}from"./p-D7K1ZHML.js";import{d as c}from"./p-7V1AhetH.js";import{d as h}from"./p-DjkUFlDW.js";import{d as f}from"./p-0XTyQNRG.js";import{d as u}from"./p-p0FVyEFa.js";import{d as p}from"./p-ZwRLjD5M.js";import{d as v}from"./p-C_Ma6Xa-.js";const m=["agents","messages","activity","search","stacks","help"];const g="agents";const b={search:"Search",messages:"Messages",stacks:"Stacks",activity:"Activity",agents:"Agents",help:"Help & Support"};const y={search:"K",agents:"A",messages:"M",stacks:"S",activity:"N",help:"/"};const _=[{id:"agents",icon:"AIAsterisk",label:b.agents,railPlacement:"header",order:0,shortcutKey:y.agents,mobileDestination:"agents"},{id:"messages",icon:"MessageBubbleStack",label:b.messages,order:0,shortcutKey:y.messages,mobileDestination:"messages"},{id:"activity",icon:"Bell",label:b.activity,order:1,shortcutKey:y.activity,mobileDestination:"activity"},{id:"search",icon:"MagnifyingGlass",label:b.search,order:2,shortcutKey:y.search,mobileDestination:"search"},{id:"help",icon:"QuestionCircle",label:b.help,railPlacement:"footer",order:0,shortcutKey:y.help,mobileDestination:"help"}];const w={header:0,body:1,footer:2};function x(e){const i=m.findIndex((i=>i===e.id));return e.order??(i<0?Number.MAX_SAFE_INTEGER:i)}function k(e){const i=new Map;for(const t of e){if(t.id.trim()&&!i.has(t.id))i.set(t.id,t)}return Array.from(i.values()).sort(((e,i)=>{const t=D(e);const o=D(i);const s=w[t]-w[o];if(s!==0)return s;return x(e)-x(i)}))}function z(e,i){const t=k(e).map((e=>({type:"tool",id:e.id,item:e})));const o=new Map;for(const e of i){if(e.id.trim()&&!o.has(e.id)){o.set(e.id,e)}}const s=Array.from(o.values()).map((e=>({type:"accessory",id:e.id,accessory:e})));return[...t,...s].sort(((e,i)=>{const t=e.type==="tool"?D(e.item):e.accessory.railPlacement;const o=i.type==="tool"?D(i.item):i.accessory.railPlacement;const s=w[t]-w[o];if(s!==0)return s;const n=e.type==="tool"?x(e.item):e.accessory.order;const r=i.type==="tool"?x(i.item):i.accessory.order;return n-r}))}function C(e){return e.flatMap((e=>{if(e.type==="tool")return[`tool:${e.id}`];if(e.accessory.type==="divider")return[];if(e.accessory.type==="shortcut"){return e.accessory.action.isInactive?[]:[`accessory:${e.id}:${e.accessory.action.id}`]}const i=e.accessory.primaryAction.isInactive?[]:[`accessory:${e.id}:${e.accessory.primaryAction.id}`];if(e.accessory.secondaryAction&&!e.accessory.secondaryAction.isInactive){i.push(`accessory:${e.id}:${e.accessory.secondaryAction.id}`)}return i}))}function T(e,i,t){if(!i.length)return 0;const o=e[t];const s=o?i.indexOf(o):-1;if(s>=0)return s;for(let o=t+1;o<e.length;o+=1){const t=i.indexOf(e[o]);if(t>=0)return t}for(let o=t-1;o>=0;o-=1){const t=i.indexOf(e[o]);if(t>=0)return t}return Math.min(Math.max(t,0),i.length-1)}function A(e,i,t){return{accessoryId:e,actionId:i,anchor:t}}function S(e){return typeof e==="string"&&e.trim().length>0}function D(e){if(e.railPlacement)return e.railPlacement;if(e.id===g)return"header";if(e.id==="help")return"footer";return"body"}function $(e,i,t){if(!t||e.some((e=>e.id===t))){return{open:i,activeTool:t,removedTool:""}}return{open:false,activeTool:"",removedTool:t}}function j(e){const i=e.transitionProperty.split(",").map((e=>e.trim()));const t=e.transitionDuration.split(",").map((e=>a(e.trim(),0)));const o=e.transitionDelay.split(",").map((e=>a(e.trim(),0)));return i.reduce(((e,i,s)=>{if(i!=="all"&&i!=="max-width")return e;const n=t[s%t.length]??0;const r=o[s%o.length]??0;return Math.max(e,n+r,0)}),0)}function F(e,i){return!e&&i==="idle"}function M(e,i,t){if(t==="closing")return e<=.5;if(t==="opening")return i>0&&e>=i-.5;return true}function E(e,i,t){if(e&&i===t){return{open:false,activeTool:t,selected:false}}return{open:true,activeTool:t,selected:true}}const R=()=>`:host,:where(.ds-table),:where(.tooltip-popup),:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg,:host(.ds-control--lg),:host(.ds-control--md),.ds-control--md,:host(.ds-control--sm),.ds-control--sm,:host(.ds-control--xs),.ds-control--xs{--ds-control-radius:var(--ds-radius-control)}:host(.ds-control--lg),.ds-control--lg{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}:host(.ds-control--md),.ds-control--md{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}:host(.ds-control--sm),.ds-control--sm{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}:host(.ds-control--xs),.ds-control--xs{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}:host(.ds-chrome-space--sm),.ds-chrome-space--sm{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}:host(.ds-chrome-space--md),.ds-chrome-space--md{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}:host(.ds-chrome-space--lg),.ds-chrome-space--lg{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}:host(.ds-chrome-row),.ds-chrome-row,:host(.ds-chrome-column),.ds-chrome-column,:host(.ds-chrome-grid),.ds-chrome-grid{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}:host(.ds-chrome-row),.ds-chrome-row{flex-direction:row;align-items:center}:host(.ds-chrome-column),.ds-chrome-column{flex-direction:column}:host(.ds-chrome-grid),.ds-chrome-grid{display:grid;align-items:center}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}:host{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}:host(.ds-focus-ring),.ds-focus-ring,:host(.ds-focus-ring-inset),.ds-focus-ring-inset{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:host(.ds-focus-ring:focus-visible),.ds-focus-ring:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring.ds-focus-ring--visible),.ds-focus-ring.ds-focus-ring--visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring-inset:focus-visible),.ds-focus-ring-inset:focus-visible{outline:none}:host(.ds-focus-ring-inset:focus-visible)::after,.ds-focus-ring-inset:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-focus-ring-inset.ds-focus-ring--visible),.ds-focus-ring-inset.ds-focus-ring--visible{outline:none}:host(.ds-focus-ring-inset.ds-focus-ring--visible)::after,.ds-focus-ring-inset.ds-focus-ring--visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){:host{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}:host(.ds-interaction-fill),.ds-interaction-fill{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before,:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before{z-index:1}:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color), inset var(--ds-interaction-divider-inline-start-width) 0 0 var(--ds-interaction-divider-inline-start-color), inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0 var(--ds-interaction-divider-inline-end-color), inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}:host(.ds-interaction-fill--bordered),.ds-interaction-fill--bordered{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:var(--ds-interaction-active)}:host(.ds-interaction-fill--selected),.ds-interaction-fill--selected{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){:host(.ds-interaction-fill:hover:not(:disabled))::after,.ds-interaction-fill:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}:host(.ds-interaction-fill:active:not(:disabled))::after,.ds-interaction-fill:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}:host(.ds-interaction-fill--grouped)::after,.ds-interaction-fill--grouped::after,:host(.ds-interaction-fill--grouped:active:not(:disabled))::after,.ds-interaction-fill--grouped:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){:host(.ds-interaction-fill--grouped:hover:not(:disabled))::after,.ds-interaction-fill--grouped:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}:host(.ds-interaction-fill--grouped),.ds-interaction-fill--grouped{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var( --ds-interaction-group-divider-inline-start-width, 0px );--ds-interaction-divider-inline-start-color:var( --ds-interaction-group-divider-inline-start-color, transparent );--ds-interaction-divider-inline-end-width:var( --ds-interaction-group-divider-inline-end-width, 0px );--ds-interaction-divider-inline-end-color:var( --ds-interaction-group-divider-inline-end-color, transparent )}:host(.ds-interaction-fill)>.ds-interaction-fill__content,.ds-interaction-fill>.ds-interaction-fill__content,.ds-interaction-fill__content{position:relative;z-index:2;cursor:inherit}:host(.ds-interaction-fill--on-faint),.ds-interaction-fill--on-faint{--ds-interaction-active:var(--color-interaction-active)}:host(.ds-interaction-fill--on-medium),.ds-interaction-fill--on-medium{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}:host(.ds-interaction-fill--on-bold),.ds-interaction-fill--on-bold{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}:host(.ds-interaction-fill--on-strong),.ds-interaction-fill--on-strong{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}:host(.ds-interaction-fill--on-translucent),.ds-interaction-fill--on-translucent{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}:host(.ds-interaction-fill--on-inverted),.ds-interaction-fill--on-inverted{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}:host(.ds-interaction-fill--on-media),.ds-interaction-fill--on-media{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}:host(.ds-interaction-fill--on-always-dark),.ds-interaction-fill--on-always-dark{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}:host(.ds-interaction-fill--on-navigation),.ds-interaction-fill--on-navigation{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}:host(.ds-interaction-fill.ds-interaction-fill--surface-open:not(:disabled))::after,.ds-interaction-fill.ds-interaction-fill--surface-open:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}:host(.ds-interaction-fill--surface-open:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible))::after,.ds-interaction-fill--surface-open:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){:host(.ds-interaction-fill:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible))::after,.ds-interaction-fill:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}:host(.ds-scrollbar-hidden),.ds-scrollbar-hidden{scrollbar-width:none}:host(.ds-scrollbar-hidden)::-webkit-scrollbar,.ds-scrollbar-hidden::-webkit-scrollbar{display:none}:host{display:block;flex:0 0 auto;box-sizing:border-box;height:100%;min-height:0;overflow:hidden;--_panel-tools-rail-width:var(--dimension-size-600);--_panel-tools-drawer-width:var(--ds-shell-panel-tools-width, var(--dimension-panel-width-xs));--_panel-tools-border:var(--dimension-stroke-width-012, 1px) solid var(--color-border-tertiary);--_panel-tools-expand-dur:var(--effect-animation-duration-medium-1, 300ms)}.panel-tools__layout{display:flex;flex-direction:row-reverse;align-items:stretch;height:100%;min-height:0;box-sizing:border-box}.panel-tools__drawer{flex:0 0 auto;max-width:0;min-width:0;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;transition:none}:host(.panel-tools--ready) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-in-out, ease)}:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-out, ease-out)}:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-in, ease-in)}:host(.panel-tools--open) .panel-tools__drawer{max-width:var(--_panel-tools-drawer-width)}.panel-tools__drawer--visible{border-left:var(--_panel-tools-border)}.panel-tools__drawer-surface{display:flex;flex-direction:column;width:var(--_panel-tools-drawer-width);height:100%;min-height:0;box-sizing:border-box;background-color:transparent}.panel-tools__full-views,.panel-tools__full-view{flex:1 1 auto;min-height:0;overflow:hidden}.panel-tools__full-view{height:100%}.panel-tools__full-view{display:none}.panel-tools__full-view--active{display:block}:host([presentation='fullscreen']){height:100%;inset:0;position:fixed;width:100%;z-index:var(--dimension-z-index-modal)}:host([presentation='fullscreen']) .panel-tools__rail{display:none}:host([presentation='fullscreen']) .panel-tools__drawer{max-width:100%;transition:none;width:100%}:host([presentation='fullscreen']) .panel-tools__drawer--visible{border-left:none}:host([presentation='fullscreen']) .panel-tools__drawer-surface{background-color:transparent;width:100%}:host([presentation='fullscreen']:not(.panel-tools--fullscreen)) .panel-tools__drawer-surface,:host(.panel-tools--fullscreen:not([presentation='fullscreen'])) .panel-tools__drawer-surface{visibility:hidden}:host(.panel-tools--presentation-snap) .panel-tools__drawer{transition:none}.panel-tools__body{flex:1 1 auto;min-height:0;overflow:auto;position:relative}:host(.panel-tools--drawer-resting) .panel-tools__body{content-visibility:auto;contain-intrinsic-size:auto 200px}.panel-tools__view{display:none;height:100%;min-height:0;box-sizing:border-box;padding:var(--dimension-space-200);color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view ::slotted(*){margin:0;color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view--active{display:block}.panel-tools__rail{flex:0 0 var(--_panel-tools-rail-width);width:var(--_panel-tools-rail-width);min-width:var(--_panel-tools-rail-width);display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-height:0;border-left:var(--_panel-tools-border);background-color:transparent}.panel-tools__rail-header{justify-content:center;height:var(--dimension-size-600);flex-shrink:0;border-bottom:var(--_panel-tools-border)}.panel-tools__rail-header.panel-tools__rail-section--stacked{height:auto;min-height:var(--dimension-size-600)}.panel-tools__rail-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.panel-tools__rail-actions{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%}.panel-tools__rail-footer{justify-content:center;flex-shrink:0;margin-top:auto}.panel-tools__rail-section--stacked{align-items:stretch}.panel-tools__rail-action{display:flex;align-items:center;justify-content:center;width:100%;height:var(--ds-control-height);flex-shrink:0}.panel-tools__accessory{display:flex;flex-direction:column;flex:0 0 calc(var(--dimension-size-400) * 2);box-sizing:border-box;width:100%;min-height:calc(var(--dimension-size-400) * 2)}.panel-tools__accessory--shortcut{flex-basis:var(--dimension-size-400);min-width:var(--dimension-size-400);min-height:var(--dimension-size-400)}.panel-tools__accessory--shortcut>ds-tooltip{display:flex;flex:1 1 auto;width:100%;min-height:0}.panel-tools__accessory--transient{align-items:center;gap:var(--dimension-space-100);width:var(--dimension-size-400);height:calc(var(--dimension-size-400) * 2);min-height:calc(var(--dimension-size-400) * 2);padding:var(--dimension-space-050);border-radius:var(--dimension-radius-half)}.panel-tools__accessory--transient-active{background-color:var(--color-background-bold-brand)}.panel-tools__accessory--transient-positive{background-color:var(--color-background-bold-positive)}.panel-tools__accessory--transient>ds-tooltip{display:flex;flex:0 0 var(--dimension-size-300);width:var(--dimension-size-300);height:var(--dimension-size-300);min-height:var(--dimension-size-300)}.panel-tools__shortcut{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--dimension-radius-half);color:var(--color-foreground-secondary);background:transparent;font:inherit}.panel-tools__shortcut:disabled{color:var(--color-foreground-disabled);cursor:not-allowed}.panel-tools__shortcut-content{display:flex;align-items:center;justify-content:center;width:var(--dimension-size-400);height:var(--dimension-size-400)}.panel-tools__shortcut-orb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);border:var(--dimension-stroke-width-012) solid var(--color-border-secondary);border-radius:var(--dimension-radius-half);background:transparent}.panel-tools__shortcut-dot{position:absolute;inset-block-start:calc((var(--dimension-size-400) - var(--dimension-iconography-md)) / 2);inset-inline-end:calc((var(--dimension-size-400) - var(--dimension-iconography-md)) / 2);z-index:2;pointer-events:none}.panel-tools__accessory-primary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);margin:0;padding:0;border:0;border-radius:var(--dimension-radius-half);color:var(--color-foreground-on-bold-background-secondary);background:transparent;font:inherit;--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-on-bold-background-secondary)}.panel-tools__accessory-primary:disabled{color:var(--color-foreground-on-bold-background-quaternary);cursor:not-allowed}.panel-tools__accessory-primary-content{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.panel-tools__accessory-image,.panel-tools__accessory-initial{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:var(--dimension-radius-half)}.panel-tools__accessory-image{object-fit:cover}.panel-tools__accessory-initial{color:inherit;background:transparent}.panel-tools__accessory-secondary{display:inline-flex;flex:0 0 var(--dimension-size-300);width:var(--dimension-size-300);height:var(--dimension-size-300)}.panel-tools__accessory-divider{flex:0 0 auto;box-sizing:border-box;width:100%;padding-block:var(--dimension-space-050)}.panel-tools__accessory-divider ds-divider{display:block}@media (prefers-reduced-motion: reduce){:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer,:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer{transition:none}}`;const B=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.dsToolChange=t(this,"dsToolChange",7);this.dsPresentationChange=t(this,"dsPresentationChange",7);this.dsHeaderBack=t(this,"dsHeaderBack",7);this.dsHeaderAction=t(this,"dsHeaderAction",7);this.dsRailAccessoryAction=t(this,"dsRailAccessoryAction",7);this.dsChromeTransitionStart=t(this,"dsChromeTransitionStart",7);this.dsChromeTransitionEnd=t(this,"dsChromeTransitionEnd",7);this.open=false;this.presentation="drawer";this.fullscreenHeaderMode="shared";this.activeTool="";this.items=[];this.accessories=[];this.toolsLabel="Tools";this.toolShortcutsLabel="Tool shortcuts";this.headers={};this.storageKey="";this.motion="idle";this.drawerSurfaceRetained=false;this.readyForMotion=false;this.presentationMotionSuppressed=false;this.rovingIndex=0;this.fullViewToolIds=[];this.railBodyScrollable=false;this.motionEnableGeneration=0;this.presentationMotionGeneration=0;this.transitionGeneration=0;this.transitionFallbackTimer=null;this.ignoreReplacementTerminal=false;this.focusBeforeFullscreen=null;this.fullViewObserver=null;this.handleComposedHeaderAction=e=>{const i=e.detail;if(!this.activeTool||!i?.id)return;e.stopPropagation();this.dsHeaderAction.emit({tool:this.activeTool,id:i.id,anchor:i.anchor})};this.handleTransitionEnd=e=>{const i=this.renderRoot.querySelector(".panel-tools__drawer");if(e.target!==i)return;if(e.propertyName!=="max-width")return;if(this.ignoreReplacementTerminal){this.ignoreReplacementTerminal=false;return}if(e.type==="transitioncancel")return;if(i&&!this.drawerTransitionAtTerminal(i,this.motion))return;this.finishDrawerTransition()};this.handleToolChange=e=>{const i=E(this.open,this.activeTool,e);this.open=i.open;this.activeTool=i.activeTool;this.dsToolChange.emit({id:e,selected:i.selected})};this.handleRailKeyDown=(e,i,t)=>{const o=C(this.orderedRailEntries);if(!o.length)return;if((e.key==="Enter"||e.key===" ")&&t){e.preventDefault();t();return}if(e.key==="ArrowDown"){if(i>=o.length-1)return;e.preventDefault();this.focusRailAt(i+1);return}if(e.key==="ArrowUp"){if(i<=0)return;e.preventDefault();this.focusRailAt(i-1)}}}get railItems(){return this.items??[]}get orderedRailItems(){return k(this.railItems)}get railAccessories(){return this.accessories??[]}get orderedRailEntries(){return z(this.railItems,this.railAccessories)}disconnectedCallback(){this.el.removeEventListener("transitionend",this.handleTransitionEnd);this.el.removeEventListener("transitioncancel",this.handleTransitionEnd);this.el.removeEventListener("dsAction",this.handleComposedHeaderAction);this.clearTransitionCompletion();this.motionEnableGeneration+=1;this.fullViewObserver?.disconnect();this.fullViewObserver=null;this.disconnectRailBodyObserver()}presentationChanged(e,t){if(e===t)return;if(this.el.getAttribute("presentation")!==e){this.el.setAttribute("presentation",e)}const o=++this.presentationMotionGeneration;this.presentationMotionSuppressed=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(o!==this.presentationMotionGeneration)return;this.presentationMotionSuppressed=false}))}));if(e==="fullscreen"){this.focusBeforeFullscreen=document.activeElement instanceof i?document.activeElement:null;this.open=true}else if(t==="fullscreen"){const e=this.focusBeforeFullscreen;const i=this.activeHeader().actions?.[0]?.id;requestAnimationFrame((async()=>{if(e?.isConnected){e.focus({preventScroll:true})}const t=e?document.activeElement===e||e.contains(document.activeElement):false;if(!t&&i)await this.focusHeaderAction(i);this.focusBeforeFullscreen=null}))}this.dsPresentationChange.emit({presentation:e})}handleFullscreenEscape(e){if(this.presentation!=="fullscreen"||e.key!=="Escape")return;e.preventDefault();e.stopPropagation();this.presentation="drawer"}deferMotionEnable(){if(this.readyForMotion)return;const e=++this.motionEnableGeneration;requestAnimationFrame((()=>{if(e!==this.motionEnableGeneration)return;requestAnimationFrame((()=>{if(e!==this.motionEnableGeneration)return;this.readyForMotion=true}))}))}connectedCallback(){this.el.setAttribute(r,"");this.el.addEventListener("transitionend",this.handleTransitionEnd);this.el.addEventListener("transitioncancel",this.handleTransitionEnd);this.el.addEventListener("dsAction",this.handleComposedHeaderAction)}componentWillLoad(){this.restoreLastActiveTool();this.drawerSurfaceRetained=this.open}openChanged(e,i){if(e)this.drawerSurfaceRetained=true;if(this.readyForMotion&&i!==undefined&&i!==e){this.startDrawerTransition(e?"opening":"closing")}else if(!e){this.drawerSurfaceRetained=false}this.deferMotionEnable()}activeToolChanged(){this.persistLastActiveTool();this.deferMotionEnable()}storageKeyChanged(){this.restoreLastActiveTool()}componentDidLoad(){this.deferMotionEnable();this.connectRailBodyObserver();this.updateRailBodyScrollable();this.syncFullViewTools();this.fullViewObserver=new MutationObserver((()=>this.syncFullViewTools()));this.fullViewObserver.observe(this.el,{childList:true,attributes:true,attributeFilter:["slot"]})}componentDidRender(){this.updateRailBodyScrollable()}connectRailBodyObserver(){this.disconnectRailBodyObserver();if(!this.railBodyEl||typeof ResizeObserver==="undefined")return;this.railBodyObserver=new ResizeObserver((()=>this.updateRailBodyScrollable()));this.railBodyObserver.observe(this.railBodyEl)}disconnectRailBodyObserver(){this.railBodyObserver?.disconnect();this.railBodyObserver=undefined}updateRailBodyScrollable(){const e=Boolean(this.railBodyEl&&this.railBodyEl.scrollHeight>this.railBodyEl.clientHeight+1);if(e!==this.railBodyScrollable)this.railBodyScrollable=e}itemsChanged(){this.rovingIndex=0;this.reconcileActiveTool();this.deferMotionEnable()}accessoriesChanged(e=[],i=[]){const t=C(z(this.railItems,i));const o=C(z(this.railItems,e));const s=this.renderRoot.activeElement;const n=s?.closest("[data-rail-focus-key]")?.dataset.railFocusKey;const r=n?t.indexOf(n):-1;const a=r>=0?r:this.rovingIndex;const d=T(t,o,a);const l=r>=0&&!o.includes(n??"");this.rovingIndex=d;if(l&&o.length){requestAnimationFrame((()=>this.focusRailAt(d)))}}restoreLastActiveTool(){if(!this.storageKey||this.activeTool)return;try{const e=localStorage.getItem(this.storageKey);if(S(e))this.activeTool=e}catch{}}persistLastActiveTool(){if(!this.storageKey||!this.activeTool)return;try{localStorage.setItem(this.storageKey,this.activeTool)}catch{}}clearPersistedTool(){if(!this.storageKey)return;try{localStorage.removeItem(this.storageKey)}catch{}}reconcileActiveTool(){const e=$(this.railItems,this.open,this.activeTool);if(!e.removedTool)return;this.clearPersistedTool();this.open=e.open;this.activeTool=e.activeTool;this.dsToolChange.emit({id:e.removedTool,selected:false})}startDrawerTransition(e){const i=this.renderRoot.querySelector(".panel-tools__drawer");if(this.motion!=="idle"){this.finishDrawerTransition();this.ignoreReplacementTerminal=true}this.motion=e;this.dsChromeTransitionStart.emit({source:"panel-tools",phase:e});const t=++this.transitionGeneration;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(t!==this.transitionGeneration||this.motion!==e)return;if(!i){this.finishDrawerTransition();return}if(this.drawerTransitionAtTerminal(i,e)){this.finishDrawerTransition();return}const o=j(getComputedStyle(i));if(o<=0){this.finishDrawerTransition();return}this.transitionFallbackTimer=window.setTimeout((()=>{this.finishDrawerTransition()}),o)}))}))}drawerTransitionAtTerminal(e,i){const t=e.getBoundingClientRect().width;const o=e.querySelector(".panel-tools__drawer-surface");const s=o?.getBoundingClientRect().width??0;return M(t,s,i)}finishDrawerTransition(){const e=this.motion;const i=e!=="idle";this.clearTransitionCompletion();if(!i)return;this.ignoreReplacementTerminal=false;this.motion="idle";if(e==="closing"&&!this.open){this.drawerSurfaceRetained=false}this.dsChromeTransitionEnd.emit({source:"panel-tools"})}clearTransitionCompletion(){this.transitionGeneration+=1;if(this.transitionFallbackTimer!==null){window.clearTimeout(this.transitionFallbackTimer);this.transitionFallbackTimer=null}}isRailSelected(e){return this.open&&this.activeTool===e}isDrawerPresent(){return this.open||this.drawerSurfaceRetained}isViewActive(e){return this.isDrawerPresent()&&this.activeTool===e}hasFullView(e){return this.fullViewToolIds.includes(e)}syncFullViewTools(){const e=this.orderedRailItems.map((e=>e.id));const i=e.filter((e=>Boolean(this.el.querySelector(`[slot="${e}-view"]`))));if(i.join("|")!==this.fullViewToolIds.join("|"))this.fullViewToolIds=i}get renderRoot(){return this.el.shadowRoot??this.el}accessibleLabel(){if(!this.isDrawerPresent()||!this.activeTool)return"";const e=this.railItems.find((e=>e.id===this.activeTool));return e?.label??b[this.activeTool]??this.activeTool}resolvedHeaders(){return this.headers??{}}activeHeader(){if(!this.activeTool)return{};return this.resolvedHeaders()[this.activeTool]??{}}async activateTool(e){const i=this.railItems.find((i=>i.id===e));if(!i||i.isInactive)return;this.handleToolChange(e)}async closeDrawer(){if(!this.open)return;const e=this.activeTool;this.open=false;if(e){this.dsToolChange.emit({id:e,selected:false})}}async focusHeaderAction(e){const i=this.renderRoot.querySelector(`[data-header-action-id="${CSS.escape(e)}"]`);await(i?.setFocus?.())}focusRailAt(e){const i=C(this.orderedRailEntries);if(!i.length)return;const t=Math.max(0,Math.min(e,i.length-1));this.rovingIndex=t;const o=this.renderRoot.querySelector(`[data-rail-focus-key="${CSS.escape(i[t])}"]`);if(o?.setFocus){void o.setFocus()}else{o?.focus({preventScroll:true})}}renderRailAction(e,i){const t=`tool:${e.id}`;const s=e.ariaLabel??e.label??b[e.id]??e.id;return o("ds-tooltip",{key:e.id,label:s,shortcutKey:e.shortcutKey??y[e.id],side:"left",size:"sm",boundary:"viewport"},o("ds-button-unfilled",{variant:"icon",class:"panel-tools__rail-action",icon:e.icon,isActive:this.isRailSelected(e.id),activeFill:false,hasBorder:false,pressScale:false,dot:e.dot??false,isInactive:e.isInactive,focusTabIndex:i===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":s,pressed:this.isRailSelected(e.id),onFocusin:()=>{this.rovingIndex=i},onKeyDown:t=>this.handleRailKeyDown(t,i,(()=>this.handleToolChange(e.id))),onDsClick:()=>this.handleToolChange(e.id)}))}accessoryPrimaryLabel(e){const i=e.primaryAction.ariaLabel?.trim()||e.ariaLabel;const t=e.statusText.trim();return t?`${i}. ${t}`:i}emitAccessoryAction(e,i,t){if(i.isInactive)return;this.dsRailAccessoryAction.emit(A(e,i.id,t))}renderAccessoryVisual(e){if(e.visual.type==="image"){return o("img",{class:"panel-tools__accessory-image",src:e.visual.src,alt:"","aria-hidden":"true"})}if(e.visual.type==="initial"){const i=[...e.visual.initial.trim()].slice(0,2).join("");return o("ds-text",{class:"panel-tools__accessory-initial",as:"span",variant:"text-caption",emphasis:true,color:"inherit","aria-hidden":"true"},i)}return o("ds-icon",{name:e.visual.icon,size:"sm","aria-hidden":"true"})}renderRailShortcut(e,i){const t=`accessory:${e.id}:${e.action.id}`;const s=i.get(t);const n=e.action.ariaLabel?.trim()||e.ariaLabel;const r=[...e.initials.trim()].slice(0,2).join("");return o("div",{key:`accessory:${e.id}`,class:"panel-tools__accessory panel-tools__accessory--shortcut"},o("ds-tooltip",{label:n,side:"left",size:"sm",boundary:"viewport"},o("button",{type:"button",class:"panel-tools__shortcut ds-focus-ring-inset ds-interaction-fill",disabled:e.action.isInactive,tabIndex:s===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":n,onFocus:()=>{if(s!==undefined)this.rovingIndex=s},onKeyDown:e=>s===undefined?undefined:this.handleRailKeyDown(e,s),onClick:i=>this.emitAccessoryAction(e.id,e.action,i.currentTarget)},o("span",{class:"panel-tools__shortcut-content ds-interaction-fill__content"},o("ds-text",{class:"panel-tools__shortcut-orb",as:"span",variant:"text-caption",emphasis:true,color:"inherit"},r),e.dot?o("ds-badge",{class:"panel-tools__shortcut-dot",variant:"dot",background:"var(--color-background-secondary)","aria-hidden":"true"}):null))))}renderRailAccessory(e,i){if(e.type==="divider"){return o("div",{key:`accessory:${e.id}`,class:"panel-tools__accessory-divider","aria-hidden":"true"},o("ds-divider",null))}if(e.type==="shortcut"){return this.renderRailShortcut(e,i)}const t=`accessory:${e.id}:${e.primaryAction.id}`;const s=i.get(t);const n=this.accessoryPrimaryLabel(e);const r=e.secondaryAction;const a=r?`accessory:${e.id}:${r.id}`:"";const d=r?i.get(a):undefined;return o("div",{key:`accessory:${e.id}`,class:{"panel-tools__accessory":true,"panel-tools__accessory--transient":true,"panel-tools__accessory--transient-active":e.statusTone==="active","panel-tools__accessory--transient-positive":e.statusTone==="positive"}},o("ds-tooltip",{label:n,side:"left",size:"sm",boundary:"viewport"},o("button",{type:"button",class:"panel-tools__accessory-primary ds-focus-ring-inset ds-interaction-fill ds-interaction-fill--on-bold",disabled:e.primaryAction.isInactive,tabIndex:s===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":n,onFocus:()=>{if(s!==undefined)this.rovingIndex=s},onKeyDown:e=>s===undefined?undefined:this.handleRailKeyDown(e,s),onClick:i=>this.emitAccessoryAction(e.id,e.primaryAction,i.currentTarget)},o("span",{class:"panel-tools__accessory-primary-content ds-interaction-fill__content"},this.renderAccessoryVisual(e)))),r?o("ds-tooltip",{label:r.ariaLabel,side:"left",size:"sm",boundary:"viewport"},o("ds-button-unfilled",{class:"panel-tools__accessory-secondary",variant:"icon",size:"sm",rounded:true,background:"bold",hasBorder:false,icon:r.icon,isInactive:r.isInactive,focusTabIndex:d===this.rovingIndex?0:-1,"data-rail-focus-key":a,"aria-label":r.ariaLabel,onFocusin:()=>{if(d!==undefined)this.rovingIndex=d},onKeyDown:e=>d===undefined?undefined:this.handleRailKeyDown(e,d),onDsClick:i=>this.emitAccessoryAction(e.id,r,i.currentTarget)})):null)}renderRailEntry(e,i){if(e.type==="tool"){return this.renderRailAction(e.item,i.get(`tool:${e.id}`)??0)}return this.renderRailAccessory(e.accessory,i)}render(){const e=this.accessibleLabel();const i=this.activeHeader();const t=i.title?.trim()||e;const n=i.actions??[];const r=this.orderedRailItems;const a=this.orderedRailEntries;const d=e=>e.type==="tool"?D(e.item):e.accessory.railPlacement;const l=a.filter((e=>d(e)==="header"));const c=a.filter((e=>d(e)==="body"));const h=a.filter((e=>d(e)==="footer"));const f=new Map(C(a).map(((e,i)=>[e,i])));const u=this.isDrawerPresent();const p=F(this.open,this.motion);const v=Boolean(u&&this.activeTool&&this.hasFullView(this.activeTool));const m=r.map((e=>e.id));return o(s,{key:"a1f8d2ddf3c7c72ca7278c575431319f033fcff8",class:{"panel-tools":true,"panel-tools--open":this.open,"panel-tools--ready":this.readyForMotion,"panel-tools--motion-opening":this.motion==="opening","panel-tools--motion-closing":this.motion==="closing","panel-tools--drawer-resting":p,"panel-tools--fullscreen":this.presentation==="fullscreen","panel-tools--presentation-snap":this.presentationMotionSuppressed},"data-ds-overlay-boundary":true,role:this.presentation==="fullscreen"?"dialog":"complementary","aria-modal":this.presentation==="fullscreen"?"true":undefined,"aria-label":this.toolsLabel},o("div",{key:"0628f2f17e72027e905f287b457ab83b70f932dd",class:"panel-tools__layout"},o("nav",{key:"0184c8da013c1eb50804a11372fefcf07b7835ad",class:"panel-tools__rail","aria-label":this.toolShortcutsLabel},l.length?o("div",{class:{"panel-tools__rail-header":true,"panel-tools__rail-section--stacked":l.length>1,"ds-chrome-row":l.length===1,"ds-chrome-column":l.length>1,"ds-chrome-space--md":true}},l.map((e=>this.renderRailEntry(e,f)))):null,o("div",{key:"82b55c43170e73148578c1abed5e1b800ad8deba",class:{"panel-tools__rail-body":true,"ds-chrome-column":true,"ds-chrome-space--md":true,"ds-scrollbar-hidden":true,"ds-focus-ring":this.railBodyScrollable},ref:e=>{const i=e??undefined;if(i===this.railBodyEl)return;this.railBodyEl=i;this.connectRailBodyObserver()},role:this.railBodyScrollable?"region":undefined,"aria-label":this.railBodyScrollable?this.toolShortcutsLabel:undefined,tabIndex:this.railBodyScrollable?0:undefined},o("div",{key:"a5505bb2cd110732fa2d626922100cd115b8d13b",class:"panel-tools__rail-actions"},c.map((e=>this.renderRailEntry(e,f))))),h.length?o("div",{class:{"panel-tools__rail-footer":true,"panel-tools__rail-section--stacked":h.length>1,"ds-chrome-row":h.length===1,"ds-chrome-column":h.length>1,"ds-chrome-space--md":true}},h.map((e=>this.renderRailEntry(e,f)))):null),o("div",{key:"389ed1786d03959b63dd76f7a8000064eda49190",class:{"panel-tools__drawer":true,"panel-tools__drawer--visible":u},"aria-hidden":u?null:"true",inert:u?undefined:true},o("div",{key:"099f2b9f4e299fd058272efaa6515d44c383d523",class:"panel-tools__drawer-surface"},this.presentation!=="fullscreen"||this.fullscreenHeaderMode==="shared"?o("ds-panel-tool-header",{class:"panel-tools__header",heading:t,showBack:i.showBack??false,backIcon:i.backIcon||"ChevronLeft",backAriaLabel:i.backAriaLabel||"Back",showMenu:false,ref:e=>{const i=e;if(i)i.actions=n},onDsBack:()=>{if(this.activeTool)this.dsHeaderBack.emit({tool:this.activeTool})}}):null,o("div",{key:"bf4f9952c2f5d406e044f1021d2f64f3b7d852d9",class:"panel-tools__body",hidden:v},m.map((e=>{const i=this.isViewActive(e);return o("div",{class:{"panel-tools__view":true,"panel-tools__view--active":i},hidden:!i},o("slot",{name:e}))}))),o("div",{key:"ea34d47d1dbb8a0d56abea3468414c4a66b4c00d",class:"panel-tools__full-views",hidden:!v},m.map((e=>o("div",{class:{"panel-tools__full-view":true,"panel-tools__full-view--active":this.isViewActive(e)&&this.hasFullView(e)},hidden:!(this.isViewActive(e)&&this.hasFullView(e))},o("slot",{name:`${e}-view`})))))))))}get el(){return this}static get watchers(){return{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],accessories:[{accessoriesChanged:0}]}}static get style(){return R()}},[257,"ds-panel-tools",{open:[1540],presentation:[1537],fullscreenHeaderMode:[513,"fullscreen-header-mode"],activeTool:[1537,"active-tool"],items:[16],accessories:[16],toolsLabel:[1,"tools-label"],toolShortcutsLabel:[1,"tool-shortcuts-label"],headers:[16],storageKey:[1,"storage-key"],motion:[32],drawerSurfaceRetained:[32],readyForMotion:[32],presentationMotionSuppressed:[32],rovingIndex:[32],fullViewToolIds:[32],railBodyScrollable:[32],activateTool:[64],closeDrawer:[64],focusHeaderAction:[64]},[[10,"keydown","handleFullscreenEscape"]],{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],accessories:[{accessoriesChanged:0}]}]);function K(){if(typeof customElements==="undefined"){return}const e=["ds-panel-tools","ds-badge","ds-button-unfilled","ds-divider","ds-icon","ds-loader","ds-panel-tool-header","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-panel-tools":if(!customElements.get(n(e))){customElements.define(n(e),B)}break;case"ds-badge":if(!customElements.get(n(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){l()}break;case"ds-divider":if(!customElements.get(n(e))){c()}break;case"ds-icon":if(!customElements.get(n(e))){h()}break;case"ds-loader":if(!customElements.get(n(e))){f()}break;case"ds-panel-tool-header":if(!customElements.get(n(e))){u()}break;case"ds-text":if(!customElements.get(n(e))){p()}break;case"ds-tooltip":if(!customElements.get(n(e))){v()}break}}))}K();export{B as P,b as a,E as b,_ as c,K as d,k as o,$ as r};
2
- //# sourceMappingURL=p-mV4vSjSK.js.map
1
+ import{p as e,H as i,c as t,h as o,a as s,t as n}from"./index.js";import{a as r}from"./p-B8ZonS3S.js";import{p as a}from"./p-CeXf9-X3.js";import{d as l}from"./p-D0KD-Nr_.js";import{d}from"./p-CI7c9kp-.js";import{d as c}from"./p-7V1AhetH.js";import{d as h}from"./p-DjkUFlDW.js";import{d as f}from"./p-0XTyQNRG.js";import{d as u}from"./p-B7QEpaMe.js";import{d as p}from"./p-Cihjy4WY.js";import{d as v}from"./p-BXSHN1OK.js";const m=["agents","messages","activity","search","stacks","help"];const g="agents";const b={search:"Search",messages:"Messages",stacks:"Stacks",activity:"Activity",agents:"Agents",help:"Help & Support"};const y={search:"K",agents:"A",messages:"M",stacks:"S",activity:"N",help:"/"};const _=[{id:"agents",icon:"AIAsterisk",label:b.agents,railPlacement:"header",order:0,shortcutKey:y.agents,mobileDestination:"agents"},{id:"messages",icon:"MessageBubbleStack",label:b.messages,order:0,shortcutKey:y.messages,mobileDestination:"messages"},{id:"activity",icon:"Bell",label:b.activity,order:1,shortcutKey:y.activity,mobileDestination:"activity"},{id:"search",icon:"MagnifyingGlass",label:b.search,order:2,shortcutKey:y.search,mobileDestination:"search"},{id:"help",icon:"QuestionCircle",label:b.help,railPlacement:"footer",order:0,shortcutKey:y.help,mobileDestination:"help"}];const w={header:0,body:1,footer:2};function x(e){const i=m.findIndex((i=>i===e.id));return e.order??(i<0?Number.MAX_SAFE_INTEGER:i)}function k(e){const i=new Map;for(const t of e){if(t.id.trim()&&!i.has(t.id))i.set(t.id,t)}return Array.from(i.values()).sort(((e,i)=>{const t=D(e);const o=D(i);const s=w[t]-w[o];if(s!==0)return s;return x(e)-x(i)}))}function z(e,i){const t=k(e).map((e=>({type:"tool",id:e.id,item:e})));const o=new Map;for(const e of i){if(e.id.trim()&&!o.has(e.id)){o.set(e.id,e)}}const s=Array.from(o.values()).map((e=>({type:"accessory",id:e.id,accessory:e})));return[...t,...s].sort(((e,i)=>{const t=e.type==="tool"?D(e.item):e.accessory.railPlacement;const o=i.type==="tool"?D(i.item):i.accessory.railPlacement;const s=w[t]-w[o];if(s!==0)return s;const n=e.type==="tool"?x(e.item):e.accessory.order;const r=i.type==="tool"?x(i.item):i.accessory.order;return n-r}))}function C(e){return e.flatMap((e=>{if(e.type==="tool")return[`tool:${e.id}`];if(e.accessory.type==="divider")return[];if(e.accessory.type==="shortcut"){return e.accessory.action.isInactive?[]:[`accessory:${e.id}:${e.accessory.action.id}`]}const i=e.accessory.primaryAction.isInactive?[]:[`accessory:${e.id}:${e.accessory.primaryAction.id}`];if(e.accessory.secondaryAction&&!e.accessory.secondaryAction.isInactive){i.push(`accessory:${e.id}:${e.accessory.secondaryAction.id}`)}return i}))}function T(e,i,t){if(!i.length)return 0;const o=e[t];const s=o?i.indexOf(o):-1;if(s>=0)return s;for(let o=t+1;o<e.length;o+=1){const t=i.indexOf(e[o]);if(t>=0)return t}for(let o=t-1;o>=0;o-=1){const t=i.indexOf(e[o]);if(t>=0)return t}return Math.min(Math.max(t,0),i.length-1)}function A(e,i,t){return{accessoryId:e,actionId:i,anchor:t}}function S(e){return typeof e==="string"&&e.trim().length>0}function D(e){if(e.railPlacement)return e.railPlacement;if(e.id===g)return"header";if(e.id==="help")return"footer";return"body"}function $(e,i,t){if(!t||e.some((e=>e.id===t))){return{open:i,activeTool:t,removedTool:""}}return{open:false,activeTool:"",removedTool:t}}function j(e){const i=e.transitionProperty.split(",").map((e=>e.trim()));const t=e.transitionDuration.split(",").map((e=>a(e.trim(),0)));const o=e.transitionDelay.split(",").map((e=>a(e.trim(),0)));return i.reduce(((e,i,s)=>{if(i!=="all"&&i!=="max-width")return e;const n=t[s%t.length]??0;const r=o[s%o.length]??0;return Math.max(e,n+r,0)}),0)}function B(e,i){return!e&&i==="idle"}function E(e,i,t){if(t==="closing")return e<=.5;if(t==="opening")return i>0&&e>=i-.5;return true}function F(e,i,t){if(e&&i===t){return{open:false,activeTool:t,selected:false}}return{open:true,activeTool:t,selected:true}}const K=()=>`:host,:where(.ds-table),:where(.tooltip-popup),:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg,:host(.ds-control--lg),:host(.ds-control--md),.ds-control--md,:host(.ds-control--sm),.ds-control--sm,:host(.ds-control--xs),.ds-control--xs{--ds-control-radius:var(--ds-radius-control)}:host(.ds-control--lg),.ds-control--lg{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}:host(.ds-control--md),.ds-control--md{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}:host(.ds-control--sm),.ds-control--sm{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}:host(.ds-control--xs),.ds-control--xs{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}:host(.ds-chrome-space--sm),.ds-chrome-space--sm{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}:host(.ds-chrome-space--md),.ds-chrome-space--md{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}:host(.ds-chrome-space--lg),.ds-chrome-space--lg{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}:host(.ds-chrome-row),.ds-chrome-row,:host(.ds-chrome-column),.ds-chrome-column,:host(.ds-chrome-grid),.ds-chrome-grid{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}:host(.ds-chrome-row),.ds-chrome-row{flex-direction:row;align-items:center}:host(.ds-chrome-column),.ds-chrome-column{flex-direction:column}:host(.ds-chrome-grid),.ds-chrome-grid{display:grid;align-items:center}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}:host{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}:host(.ds-focus-ring),.ds-focus-ring,:host(.ds-focus-ring-inset),.ds-focus-ring-inset{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:host(.ds-focus-ring:focus-visible),.ds-focus-ring:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring.ds-focus-ring--visible),.ds-focus-ring.ds-focus-ring--visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring-inset:focus-visible),.ds-focus-ring-inset:focus-visible{outline:none}:host(.ds-focus-ring-inset:focus-visible)::after,.ds-focus-ring-inset:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-focus-ring-inset.ds-focus-ring--visible),.ds-focus-ring-inset.ds-focus-ring--visible{outline:none}:host(.ds-focus-ring-inset.ds-focus-ring--visible)::after,.ds-focus-ring-inset.ds-focus-ring--visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){:host{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}:host(.ds-interaction-fill),.ds-interaction-fill{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before,:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before{z-index:1}:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color), inset var(--ds-interaction-divider-inline-start-width) 0 0 var(--ds-interaction-divider-inline-start-color), inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0 var(--ds-interaction-divider-inline-end-color), inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}:host(.ds-interaction-fill--bordered),.ds-interaction-fill--bordered{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:var(--ds-interaction-active)}:host(.ds-interaction-fill--selected),.ds-interaction-fill--selected{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){:host(.ds-interaction-fill:hover:not(:disabled))::after,.ds-interaction-fill:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}:host(.ds-interaction-fill:active:not(:disabled))::after,.ds-interaction-fill:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}:host(.ds-interaction-fill--grouped)::after,.ds-interaction-fill--grouped::after,:host(.ds-interaction-fill--grouped:active:not(:disabled))::after,.ds-interaction-fill--grouped:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){:host(.ds-interaction-fill--grouped:hover:not(:disabled))::after,.ds-interaction-fill--grouped:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}:host(.ds-interaction-fill--grouped),.ds-interaction-fill--grouped{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var( --ds-interaction-group-divider-inline-start-width, 0px );--ds-interaction-divider-inline-start-color:var( --ds-interaction-group-divider-inline-start-color, transparent );--ds-interaction-divider-inline-end-width:var( --ds-interaction-group-divider-inline-end-width, 0px );--ds-interaction-divider-inline-end-color:var( --ds-interaction-group-divider-inline-end-color, transparent )}:host(.ds-interaction-fill)>.ds-interaction-fill__content,.ds-interaction-fill>.ds-interaction-fill__content,.ds-interaction-fill__content{position:relative;z-index:2;cursor:inherit}:host(.ds-interaction-fill--on-faint),.ds-interaction-fill--on-faint{--ds-interaction-active:var(--color-interaction-active)}:host(.ds-interaction-fill--on-medium),.ds-interaction-fill--on-medium{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}:host(.ds-interaction-fill--on-bold),.ds-interaction-fill--on-bold{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}:host(.ds-interaction-fill--on-strong),.ds-interaction-fill--on-strong{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}:host(.ds-interaction-fill--on-translucent),.ds-interaction-fill--on-translucent{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}:host(.ds-interaction-fill--on-inverted),.ds-interaction-fill--on-inverted{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}:host(.ds-interaction-fill--on-media),.ds-interaction-fill--on-media{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}:host(.ds-interaction-fill--on-always-dark),.ds-interaction-fill--on-always-dark{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}:host(.ds-interaction-fill--on-navigation),.ds-interaction-fill--on-navigation{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}:host(.ds-interaction-fill.ds-interaction-fill--surface-open:not(:disabled))::after,.ds-interaction-fill.ds-interaction-fill--surface-open:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}:host(.ds-interaction-fill--surface-open:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible))::after,.ds-interaction-fill--surface-open:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){:host(.ds-interaction-fill:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible))::after,.ds-interaction-fill:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}:host(.ds-scrollbar-hidden),.ds-scrollbar-hidden{scrollbar-width:none}:host(.ds-scrollbar-hidden)::-webkit-scrollbar,.ds-scrollbar-hidden::-webkit-scrollbar{display:none}:host{display:block;flex:0 0 auto;box-sizing:border-box;height:100%;min-height:0;overflow:hidden;--_panel-tools-rail-width:var(--dimension-size-600);--_panel-tools-drawer-width:var(--ds-shell-panel-tools-width, var(--dimension-panel-width-xs));--_panel-tools-border:var(--dimension-stroke-width-012, 1px) solid var(--color-border-tertiary);--_panel-tools-expand-dur:var(--effect-animation-duration-medium-1, 300ms)}.panel-tools__layout{display:flex;flex-direction:row-reverse;align-items:stretch;height:100%;min-height:0;box-sizing:border-box}.panel-tools__drawer{flex:0 0 auto;max-width:0;min-width:0;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;transition:none}:host(.panel-tools--ready) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-in-out, ease)}:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-out, ease-out)}:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-in, ease-in)}:host(.panel-tools--open) .panel-tools__drawer{max-width:var(--_panel-tools-drawer-width)}.panel-tools__drawer--visible{border-left:var(--_panel-tools-border)}.panel-tools__drawer-surface{display:flex;flex-direction:column;width:var(--_panel-tools-drawer-width);height:100%;min-height:0;box-sizing:border-box;background-color:transparent}.panel-tools__full-views,.panel-tools__full-view{flex:1 1 auto;min-height:0;overflow:hidden}.panel-tools__full-view{height:100%}.panel-tools__full-view{display:none}.panel-tools__full-view--active{display:block}:host([presentation='fullscreen']){height:100%;inset:0;position:fixed;width:100%;z-index:var(--dimension-z-index-modal)}:host([presentation='fullscreen']) .panel-tools__rail{display:none}:host([presentation='fullscreen']) .panel-tools__drawer{max-width:100%;transition:none;width:100%}:host([presentation='fullscreen']) .panel-tools__drawer--visible{border-left:none}:host([presentation='fullscreen']) .panel-tools__drawer-surface{background-color:transparent;width:100%}:host([presentation='fullscreen']:not(.panel-tools--fullscreen)) .panel-tools__drawer-surface,:host(.panel-tools--fullscreen:not([presentation='fullscreen'])) .panel-tools__drawer-surface{visibility:hidden}:host(.panel-tools--presentation-snap) .panel-tools__drawer{transition:none}.panel-tools__body{flex:1 1 auto;min-height:0;overflow:auto;position:relative}:host(.panel-tools--drawer-resting) .panel-tools__body{content-visibility:auto;contain-intrinsic-size:auto 200px}.panel-tools__view{display:none;height:100%;min-height:0;box-sizing:border-box;padding:var(--dimension-space-200);color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view ::slotted(*){margin:0;color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view--active{display:block}.panel-tools__rail{flex:0 0 var(--_panel-tools-rail-width);width:var(--_panel-tools-rail-width);min-width:var(--_panel-tools-rail-width);display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-height:0;border-left:var(--_panel-tools-border);background-color:transparent}.panel-tools__rail-header{justify-content:center;height:var(--dimension-size-600);flex-shrink:0;border-bottom:var(--_panel-tools-border)}.panel-tools__rail-header.panel-tools__rail-section--stacked{height:auto;min-height:var(--dimension-size-600)}.panel-tools__rail-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.panel-tools__rail-actions{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%}.panel-tools__rail-footer{justify-content:center;flex-shrink:0;margin-top:auto}.panel-tools__rail-section--stacked{align-items:stretch}.panel-tools__rail-action{display:flex;align-items:center;justify-content:center;width:100%;height:var(--ds-control-height);flex-shrink:0}.panel-tools__accessory{display:flex;flex-direction:column;flex:0 0 calc(var(--dimension-size-400) * 2);box-sizing:border-box;width:100%;min-height:calc(var(--dimension-size-400) * 2)}.panel-tools__accessory--shortcut{flex-basis:var(--dimension-size-400);min-width:var(--dimension-size-400);min-height:var(--dimension-size-400)}.panel-tools__accessory--shortcut>ds-tooltip{display:flex;flex:1 1 auto;width:100%;min-height:0}.panel-tools__accessory--transient{align-items:center;gap:var(--dimension-space-100);width:var(--dimension-size-400);height:calc(var(--dimension-size-400) * 2);min-height:calc(var(--dimension-size-400) * 2);padding:var(--dimension-space-050);border-radius:var(--dimension-radius-half)}.panel-tools__accessory--transient-active{background-color:var(--color-background-bold-brand)}.panel-tools__accessory--transient-positive{background-color:var(--color-background-bold-positive)}.panel-tools__accessory--transient>ds-tooltip{display:flex;flex:0 0 var(--dimension-size-300);width:var(--dimension-size-300);height:var(--dimension-size-300);min-height:var(--dimension-size-300)}.panel-tools__shortcut{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--dimension-radius-half);color:var(--color-foreground-secondary);background:transparent;font:inherit}.panel-tools__shortcut:disabled{color:var(--color-foreground-disabled);cursor:not-allowed}.panel-tools__shortcut-content{display:flex;align-items:center;justify-content:center;width:var(--dimension-size-400);height:var(--dimension-size-400)}.panel-tools__shortcut-orb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);border:var(--dimension-stroke-width-012) solid var(--color-border-secondary);border-radius:var(--dimension-radius-half);background:transparent}.panel-tools__shortcut-dot{position:absolute;inset-block-start:calc((var(--dimension-size-400) - var(--dimension-iconography-md)) / 2);inset-inline-end:calc((var(--dimension-size-400) - var(--dimension-iconography-md)) / 2);z-index:2;pointer-events:none}.panel-tools__accessory-primary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);margin:0;padding:0;border:0;border-radius:var(--dimension-radius-half);color:var(--color-foreground-on-bold-background-secondary);background:transparent;font:inherit;--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-on-bold-background-secondary)}.panel-tools__accessory-primary:disabled{color:var(--color-foreground-on-bold-background-quaternary);cursor:not-allowed}.panel-tools__accessory-primary-content{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.panel-tools__accessory-image,.panel-tools__accessory-initial{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:var(--dimension-radius-half)}.panel-tools__accessory-image{object-fit:cover}.panel-tools__accessory-initial{color:inherit;background:transparent}.panel-tools__accessory-secondary{display:inline-flex;flex:0 0 var(--dimension-size-300);width:var(--dimension-size-300);height:var(--dimension-size-300)}.panel-tools__accessory-divider{flex:0 0 auto;box-sizing:border-box;width:100%;padding-block:var(--dimension-space-050)}.panel-tools__accessory-divider ds-divider{display:block}@media (prefers-reduced-motion: reduce){:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer,:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer{transition:none}}`;const M=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.dsToolChange=t(this,"dsToolChange",7);this.dsPresentationChange=t(this,"dsPresentationChange",7);this.dsHeaderBack=t(this,"dsHeaderBack",7);this.dsHeaderAction=t(this,"dsHeaderAction",7);this.dsRailAccessoryAction=t(this,"dsRailAccessoryAction",7);this.dsChromeTransitionStart=t(this,"dsChromeTransitionStart",7);this.dsChromeTransitionEnd=t(this,"dsChromeTransitionEnd",7);this.open=false;this.presentation="drawer";this.fullscreenHeaderMode="shared";this.activeTool="";this.items=[];this.accessories=[];this.toolsLabel="Tools";this.toolShortcutsLabel="Tool shortcuts";this.headers={};this.storageKey="";this.motion="idle";this.drawerSurfaceRetained=false;this.readyForMotion=false;this.presentationMotionSuppressed=false;this.rovingIndex=0;this.fullViewToolIds=[];this.railBodyScrollable=false;this.motionEnableGeneration=0;this.presentationMotionGeneration=0;this.transitionGeneration=0;this.transitionFallbackTimer=null;this.ignoreReplacementTerminal=false;this.focusBeforeFullscreen=null;this.fullViewObserver=null;this.handleComposedHeaderAction=e=>{const i=e.detail;if(!this.activeTool||!i?.id)return;e.stopPropagation();this.dsHeaderAction.emit({tool:this.activeTool,id:i.id,anchor:i.anchor})};this.handleTransitionEnd=e=>{const i=this.renderRoot.querySelector(".panel-tools__drawer");if(e.target!==i)return;if(e.propertyName!=="max-width")return;if(this.ignoreReplacementTerminal){this.ignoreReplacementTerminal=false;return}if(e.type==="transitioncancel")return;if(i&&!this.drawerTransitionAtTerminal(i,this.motion))return;this.finishDrawerTransition()};this.handleToolChange=e=>{const i=F(this.open,this.activeTool,e);this.open=i.open;this.activeTool=i.activeTool;this.dsToolChange.emit({id:e,selected:i.selected})};this.handleRailKeyDown=(e,i,t)=>{const o=C(this.orderedRailEntries);if(!o.length)return;if((e.key==="Enter"||e.key===" ")&&t){e.preventDefault();t();return}if(e.key==="ArrowDown"){if(i>=o.length-1)return;e.preventDefault();this.focusRailAt(i+1);return}if(e.key==="ArrowUp"){if(i<=0)return;e.preventDefault();this.focusRailAt(i-1)}}}get railItems(){return this.items??[]}get orderedRailItems(){return k(this.railItems)}get railAccessories(){return this.accessories??[]}get orderedRailEntries(){return z(this.railItems,this.railAccessories)}disconnectedCallback(){this.el.removeEventListener("transitionend",this.handleTransitionEnd);this.el.removeEventListener("transitioncancel",this.handleTransitionEnd);this.el.removeEventListener("dsAction",this.handleComposedHeaderAction);this.clearTransitionCompletion();this.motionEnableGeneration+=1;this.fullViewObserver?.disconnect();this.fullViewObserver=null;this.disconnectRailBodyObserver()}presentationChanged(e,t){if(e===t)return;if(this.el.getAttribute("presentation")!==e){this.el.setAttribute("presentation",e)}const o=++this.presentationMotionGeneration;this.presentationMotionSuppressed=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(o!==this.presentationMotionGeneration)return;this.presentationMotionSuppressed=false}))}));if(e==="fullscreen"){this.focusBeforeFullscreen=document.activeElement instanceof i?document.activeElement:null;this.open=true}else if(t==="fullscreen"){const e=this.focusBeforeFullscreen;const i=this.activeHeader().actions?.[0]?.id;requestAnimationFrame((async()=>{if(e?.isConnected){e.focus({preventScroll:true})}const t=e?document.activeElement===e||e.contains(document.activeElement):false;if(!t&&i)await this.focusHeaderAction(i);this.focusBeforeFullscreen=null}))}this.dsPresentationChange.emit({presentation:e})}handleFullscreenEscape(e){if(this.presentation!=="fullscreen"||e.key!=="Escape")return;e.preventDefault();e.stopPropagation();this.presentation="drawer"}deferMotionEnable(){if(this.readyForMotion)return;const e=++this.motionEnableGeneration;requestAnimationFrame((()=>{if(e!==this.motionEnableGeneration)return;requestAnimationFrame((()=>{if(e!==this.motionEnableGeneration)return;this.readyForMotion=true}))}))}connectedCallback(){this.el.setAttribute(r,"");this.el.addEventListener("transitionend",this.handleTransitionEnd);this.el.addEventListener("transitioncancel",this.handleTransitionEnd);this.el.addEventListener("dsAction",this.handleComposedHeaderAction)}componentWillLoad(){this.restoreLastActiveTool();this.drawerSurfaceRetained=this.open}openChanged(e,i){if(e)this.drawerSurfaceRetained=true;if(this.readyForMotion&&i!==undefined&&i!==e){this.startDrawerTransition(e?"opening":"closing")}else if(!e){this.drawerSurfaceRetained=false}this.deferMotionEnable()}activeToolChanged(){this.persistLastActiveTool();this.deferMotionEnable()}storageKeyChanged(){this.restoreLastActiveTool()}componentDidLoad(){this.deferMotionEnable();this.connectRailBodyObserver();this.updateRailBodyScrollable();this.syncFullViewTools();this.fullViewObserver=new MutationObserver((()=>this.syncFullViewTools()));this.fullViewObserver.observe(this.el,{childList:true,attributes:true,attributeFilter:["slot"]})}componentDidRender(){this.updateRailBodyScrollable()}connectRailBodyObserver(){this.disconnectRailBodyObserver();if(!this.railBodyEl||typeof ResizeObserver==="undefined")return;this.railBodyObserver=new ResizeObserver((()=>this.updateRailBodyScrollable()));this.railBodyObserver.observe(this.railBodyEl)}disconnectRailBodyObserver(){this.railBodyObserver?.disconnect();this.railBodyObserver=undefined}updateRailBodyScrollable(){const e=Boolean(this.railBodyEl&&this.railBodyEl.scrollHeight>this.railBodyEl.clientHeight+1);if(e!==this.railBodyScrollable)this.railBodyScrollable=e}itemsChanged(){this.rovingIndex=0;this.reconcileActiveTool();this.deferMotionEnable()}accessoriesChanged(e=[],i=[]){const t=C(z(this.railItems,i));const o=C(z(this.railItems,e));const s=this.renderRoot.activeElement;const n=s?.closest("[data-rail-focus-key]")?.dataset.railFocusKey;const r=n?t.indexOf(n):-1;const a=r>=0?r:this.rovingIndex;const l=T(t,o,a);const d=r>=0&&!o.includes(n??"");this.rovingIndex=l;if(d&&o.length){requestAnimationFrame((()=>this.focusRailAt(l)))}}restoreLastActiveTool(){if(!this.storageKey||this.activeTool)return;try{const e=localStorage.getItem(this.storageKey);if(S(e))this.activeTool=e}catch{}}persistLastActiveTool(){if(!this.storageKey||!this.activeTool)return;try{localStorage.setItem(this.storageKey,this.activeTool)}catch{}}clearPersistedTool(){if(!this.storageKey)return;try{localStorage.removeItem(this.storageKey)}catch{}}reconcileActiveTool(){const e=$(this.railItems,this.open,this.activeTool);if(!e.removedTool)return;this.clearPersistedTool();this.open=e.open;this.activeTool=e.activeTool;this.dsToolChange.emit({id:e.removedTool,selected:false})}startDrawerTransition(e){const i=this.renderRoot.querySelector(".panel-tools__drawer");if(this.motion!=="idle"){this.finishDrawerTransition();this.ignoreReplacementTerminal=true}this.motion=e;this.dsChromeTransitionStart.emit({source:"panel-tools",phase:e});const t=++this.transitionGeneration;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(t!==this.transitionGeneration||this.motion!==e)return;if(!i){this.finishDrawerTransition();return}if(this.drawerTransitionAtTerminal(i,e)){this.finishDrawerTransition();return}const o=j(getComputedStyle(i));if(o<=0){this.finishDrawerTransition();return}this.transitionFallbackTimer=window.setTimeout((()=>{this.finishDrawerTransition()}),o)}))}))}drawerTransitionAtTerminal(e,i){const t=e.getBoundingClientRect().width;const o=e.querySelector(".panel-tools__drawer-surface");const s=o?.getBoundingClientRect().width??0;return E(t,s,i)}finishDrawerTransition(){const e=this.motion;const i=e!=="idle";this.clearTransitionCompletion();if(!i)return;this.ignoreReplacementTerminal=false;this.motion="idle";if(e==="closing"&&!this.open){this.drawerSurfaceRetained=false}this.dsChromeTransitionEnd.emit({source:"panel-tools"})}clearTransitionCompletion(){this.transitionGeneration+=1;if(this.transitionFallbackTimer!==null){window.clearTimeout(this.transitionFallbackTimer);this.transitionFallbackTimer=null}}isRailSelected(e){return this.open&&this.activeTool===e}isDrawerPresent(){return this.open||this.drawerSurfaceRetained}isViewActive(e){return this.isDrawerPresent()&&this.activeTool===e}hasFullView(e){return this.fullViewToolIds.includes(e)}syncFullViewTools(){const e=this.orderedRailItems.map((e=>e.id));const i=e.filter((e=>Boolean(this.el.querySelector(`[slot="${e}-view"]`))));if(i.join("|")!==this.fullViewToolIds.join("|"))this.fullViewToolIds=i}get renderRoot(){return this.el.shadowRoot??this.el}accessibleLabel(){if(!this.isDrawerPresent()||!this.activeTool)return"";const e=this.railItems.find((e=>e.id===this.activeTool));return e?.label??b[this.activeTool]??this.activeTool}resolvedHeaders(){return this.headers??{}}activeHeader(){if(!this.activeTool)return{};return this.resolvedHeaders()[this.activeTool]??{}}async activateTool(e){const i=this.railItems.find((i=>i.id===e));if(!i||i.isInactive)return;this.handleToolChange(e)}async closeDrawer(){if(!this.open)return;const e=this.activeTool;this.open=false;if(e){this.dsToolChange.emit({id:e,selected:false})}}async focusHeaderAction(e){const i=this.renderRoot.querySelector(`[data-header-action-id="${CSS.escape(e)}"]`);await(i?.setFocus?.())}focusRailAt(e){const i=C(this.orderedRailEntries);if(!i.length)return;const t=Math.max(0,Math.min(e,i.length-1));this.rovingIndex=t;const o=this.renderRoot.querySelector(`[data-rail-focus-key="${CSS.escape(i[t])}"]`);if(o?.setFocus){void o.setFocus()}else{o?.focus({preventScroll:true})}}renderRailAction(e,i){const t=`tool:${e.id}`;const s=e.ariaLabel??e.label??b[e.id]??e.id;return o("ds-tooltip",{key:e.id,label:s,shortcutKey:e.shortcutKey??y[e.id],side:"left",size:"sm",boundary:"viewport"},o("ds-button-unfilled",{variant:"icon",class:"panel-tools__rail-action",icon:e.icon,isActive:this.isRailSelected(e.id),activeFill:false,hasBorder:false,pressScale:false,dot:e.dot??false,isInactive:e.isInactive,focusTabIndex:i===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":s,pressed:this.isRailSelected(e.id),onFocusin:()=>{this.rovingIndex=i},onKeyDown:t=>this.handleRailKeyDown(t,i,(()=>this.handleToolChange(e.id))),onDsClick:()=>this.handleToolChange(e.id)}))}accessoryPrimaryLabel(e){const i=e.primaryAction.ariaLabel?.trim()||e.ariaLabel;const t=e.statusText.trim();return t?`${i}. ${t}`:i}emitAccessoryAction(e,i,t){if(i.isInactive)return;this.dsRailAccessoryAction.emit(A(e,i.id,t))}renderAccessoryVisual(e){if(e.visual.type==="image"){return o("img",{class:"panel-tools__accessory-image",src:e.visual.src,alt:"","aria-hidden":"true"})}if(e.visual.type==="initial"){const i=[...e.visual.initial.trim()].slice(0,2).join("");return o("ds-text",{class:"panel-tools__accessory-initial",as:"span",variant:"text-caption",emphasis:true,color:"inherit","aria-hidden":"true"},i)}return o("ds-icon",{name:e.visual.icon,size:"sm","aria-hidden":"true"})}renderRailShortcut(e,i){const t=`accessory:${e.id}:${e.action.id}`;const s=i.get(t);const n=e.action.ariaLabel?.trim()||e.ariaLabel;const r=[...e.initials.trim()].slice(0,2).join("");return o("div",{key:`accessory:${e.id}`,class:"panel-tools__accessory panel-tools__accessory--shortcut"},o("ds-tooltip",{label:n,side:"left",size:"sm",boundary:"viewport"},o("button",{type:"button",class:"panel-tools__shortcut ds-focus-ring-inset ds-interaction-fill",disabled:e.action.isInactive,tabIndex:s===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":n,onFocus:()=>{if(s!==undefined)this.rovingIndex=s},onKeyDown:e=>s===undefined?undefined:this.handleRailKeyDown(e,s),onClick:i=>this.emitAccessoryAction(e.id,e.action,i.currentTarget)},o("span",{class:"panel-tools__shortcut-content ds-interaction-fill__content"},o("ds-text",{class:"panel-tools__shortcut-orb",as:"span",variant:"text-caption",emphasis:true,color:"inherit"},r),e.dot?o("ds-badge",{class:"panel-tools__shortcut-dot",variant:"dot",background:"var(--color-background-secondary)","aria-hidden":"true"}):null))))}renderRailAccessory(e,i){if(e.type==="divider"){return o("div",{key:`accessory:${e.id}`,class:"panel-tools__accessory-divider","aria-hidden":"true"},o("ds-divider",null))}if(e.type==="shortcut"){return this.renderRailShortcut(e,i)}const t=`accessory:${e.id}:${e.primaryAction.id}`;const s=i.get(t);const n=this.accessoryPrimaryLabel(e);const r=e.secondaryAction;const a=r?`accessory:${e.id}:${r.id}`:"";const l=r?i.get(a):undefined;return o("div",{key:`accessory:${e.id}`,class:{"panel-tools__accessory":true,"panel-tools__accessory--transient":true,"panel-tools__accessory--transient-active":e.statusTone==="active","panel-tools__accessory--transient-positive":e.statusTone==="positive"}},o("ds-tooltip",{label:n,side:"left",size:"sm",boundary:"viewport"},o("button",{type:"button",class:"panel-tools__accessory-primary ds-focus-ring-inset ds-interaction-fill ds-interaction-fill--on-bold",disabled:e.primaryAction.isInactive,tabIndex:s===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":n,onFocus:()=>{if(s!==undefined)this.rovingIndex=s},onKeyDown:e=>s===undefined?undefined:this.handleRailKeyDown(e,s),onClick:i=>this.emitAccessoryAction(e.id,e.primaryAction,i.currentTarget)},o("span",{class:"panel-tools__accessory-primary-content ds-interaction-fill__content"},this.renderAccessoryVisual(e)))),r?o("ds-tooltip",{label:r.ariaLabel,side:"left",size:"sm",boundary:"viewport"},o("ds-button-unfilled",{class:"panel-tools__accessory-secondary",variant:"icon",size:"sm",rounded:true,background:"bold",hasBorder:false,icon:r.icon,isInactive:r.isInactive,focusTabIndex:l===this.rovingIndex?0:-1,"data-rail-focus-key":a,"aria-label":r.ariaLabel,onFocusin:()=>{if(l!==undefined)this.rovingIndex=l},onKeyDown:e=>l===undefined?undefined:this.handleRailKeyDown(e,l),onDsClick:i=>this.emitAccessoryAction(e.id,r,i.currentTarget)})):null)}renderRailEntry(e,i){if(e.type==="tool"){return this.renderRailAction(e.item,i.get(`tool:${e.id}`)??0)}return this.renderRailAccessory(e.accessory,i)}render(){const e=this.accessibleLabel();const i=this.activeHeader();const t=i.title?.trim()||e;const n=i.actions??[];const r=this.orderedRailItems;const a=this.orderedRailEntries;const l=e=>e.type==="tool"?D(e.item):e.accessory.railPlacement;const d=a.filter((e=>l(e)==="header"));const c=a.filter((e=>l(e)==="body"));const h=a.filter((e=>l(e)==="footer"));const f=new Map(C(a).map(((e,i)=>[e,i])));const u=this.isDrawerPresent();const p=B(this.open,this.motion);const v=Boolean(u&&this.activeTool&&this.hasFullView(this.activeTool));const m=r.map((e=>e.id));return o(s,{key:"0b4a219ce056c53f268f7b459fa329c4d6f5bc98",class:{"panel-tools":true,"panel-tools--open":this.open,"panel-tools--ready":this.readyForMotion,"panel-tools--motion-opening":this.motion==="opening","panel-tools--motion-closing":this.motion==="closing","panel-tools--drawer-resting":p,"panel-tools--fullscreen":this.presentation==="fullscreen","panel-tools--presentation-snap":this.presentationMotionSuppressed},"data-ds-overlay-boundary":true,role:this.presentation==="fullscreen"?"dialog":"complementary","aria-modal":this.presentation==="fullscreen"?"true":undefined,"aria-label":this.toolsLabel},o("div",{key:"9f4a5fe219ed6c86fb9a5920d20b6dddfc648afa",class:"panel-tools__layout"},o("nav",{key:"4ad67477c56bdffb460def49d1084d7184957a6c",class:"panel-tools__rail","aria-label":this.toolShortcutsLabel},d.length?o("div",{class:{"panel-tools__rail-header":true,"panel-tools__rail-section--stacked":d.length>1,"ds-chrome-row":d.length===1,"ds-chrome-column":d.length>1,"ds-chrome-space--md":true}},d.map((e=>this.renderRailEntry(e,f)))):null,o("div",{key:"a6f2836a6e32b91c3df1144db10f3729fcc00c97",class:{"panel-tools__rail-body":true,"ds-chrome-column":true,"ds-chrome-space--md":true,"ds-scrollbar-hidden":true,"ds-focus-ring":this.railBodyScrollable},ref:e=>{const i=e??undefined;if(i===this.railBodyEl)return;this.railBodyEl=i;this.connectRailBodyObserver()},role:this.railBodyScrollable?"region":undefined,"aria-label":this.railBodyScrollable?this.toolShortcutsLabel:undefined,tabIndex:this.railBodyScrollable?0:undefined},o("div",{key:"7ffd7a07b8059e742b857d768f5fcca875049bf0",class:"panel-tools__rail-actions"},c.map((e=>this.renderRailEntry(e,f))))),h.length?o("div",{class:{"panel-tools__rail-footer":true,"panel-tools__rail-section--stacked":h.length>1,"ds-chrome-row":h.length===1,"ds-chrome-column":h.length>1,"ds-chrome-space--md":true}},h.map((e=>this.renderRailEntry(e,f)))):null),o("div",{key:"c77775eba62685ff692e2a6de6e0ca5633771690",class:{"panel-tools__drawer":true,"panel-tools__drawer--visible":u},"aria-hidden":u?null:"true",inert:u?undefined:true},o("div",{key:"05fbe79b0b5fc581e10a9aa3e3ceca2a027a0199",class:"panel-tools__drawer-surface"},this.presentation!=="fullscreen"||this.fullscreenHeaderMode==="shared"?o("ds-panel-tool-header",{class:"panel-tools__header",heading:t,showBack:i.showBack??false,backIcon:i.backIcon||"ChevronLeft",backAriaLabel:i.backAriaLabel||"Back",showMenu:false,ref:e=>{const i=e;if(i)i.actions=n},onDsBack:()=>{if(this.activeTool)this.dsHeaderBack.emit({tool:this.activeTool})}}):null,o("div",{key:"4b4f80de02be3333188764f9ec6874fe0af32dee",class:"panel-tools__body",hidden:v},m.map((e=>{const i=this.isViewActive(e);return o("div",{class:{"panel-tools__view":true,"panel-tools__view--active":i},hidden:!i},o("slot",{name:e}))}))),o("div",{key:"517bf43e8f80c2db5facea6eecd5b97cbd9447f3",class:"panel-tools__full-views",hidden:!v},m.map((e=>o("div",{class:{"panel-tools__full-view":true,"panel-tools__full-view--active":this.isViewActive(e)&&this.hasFullView(e)},hidden:!(this.isViewActive(e)&&this.hasFullView(e))},o("slot",{name:`${e}-view`})))))))))}get el(){return this}static get watchers(){return{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],accessories:[{accessoriesChanged:0}]}}static get style(){return K()}},[257,"ds-panel-tools",{open:[1540],presentation:[1537],fullscreenHeaderMode:[513,"fullscreen-header-mode"],activeTool:[1537,"active-tool"],items:[16],accessories:[16],toolsLabel:[1,"tools-label"],toolShortcutsLabel:[1,"tool-shortcuts-label"],headers:[16],storageKey:[1,"storage-key"],motion:[32],drawerSurfaceRetained:[32],readyForMotion:[32],presentationMotionSuppressed:[32],rovingIndex:[32],fullViewToolIds:[32],railBodyScrollable:[32],activateTool:[64],closeDrawer:[64],focusHeaderAction:[64]},[[10,"keydown","handleFullscreenEscape"]],{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],accessories:[{accessoriesChanged:0}]}]);function R(){if(typeof customElements==="undefined"){return}const e=["ds-panel-tools","ds-badge","ds-button-unfilled","ds-divider","ds-icon","ds-loader","ds-panel-tool-header","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-panel-tools":if(!customElements.get(n(e))){customElements.define(n(e),M)}break;case"ds-badge":if(!customElements.get(n(e))){l()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){d()}break;case"ds-divider":if(!customElements.get(n(e))){c()}break;case"ds-icon":if(!customElements.get(n(e))){h()}break;case"ds-loader":if(!customElements.get(n(e))){f()}break;case"ds-panel-tool-header":if(!customElements.get(n(e))){u()}break;case"ds-text":if(!customElements.get(n(e))){p()}break;case"ds-tooltip":if(!customElements.get(n(e))){v()}break}}))}R();export{M as P,b as a,F as b,_ as c,R as d,k as o,$ as r};
2
+ //# sourceMappingURL=p-CJD0kLeV.js.map
@@ -1,2 +1,2 @@
1
- import{p as t,H as e,c as o,h as s,a,t as n}from"./index.js";import{d as l}from"./p-DjkUFlDW.js";import{d as i}from"./p-0XTyQNRG.js";import{d as r}from"./p-ZwRLjD5M.js";const c=()=>`@media (forced-colors: active){.sc-ds-agent-tool-call:root,.sc-ds-agent-tool-call-h,.ds-forced-colors-scope.sc-ds-agent-tool-call{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-agent-tool-call-h{display:block;min-width:0}.agent-tool.sc-ds-agent-tool-call{min-width:0;color:var(--color-foreground-secondary)}details.sc-ds-agent-tool-call{margin:0}summary.sc-ds-agent-tool-call,.agent-tool__row.sc-ds-agent-tool-call{min-width:0;padding:var(--dimension-space-050) 0}summary.sc-ds-agent-tool-call{cursor:pointer;list-style:none}summary.sc-ds-agent-tool-call::-webkit-details-marker{display:none}.agent-tool__summary-content.sc-ds-agent-tool-call{display:grid;align-items:center;grid-template-columns:auto minmax(0, 1fr) auto;gap:var(--dimension-space-075);min-width:0}.agent-tool__status-icon.sc-ds-agent-tool-call{display:flex;align-items:center;color:var(--color-foreground-faint-neutral)}.agent-tool--preparing.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call,.agent-tool--queued.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call,.agent-tool--running.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call{color:var(--color-foreground-faint-brand)}.agent-tool--waiting-for-user.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call{color:var(--color-foreground-bold-warning)}.agent-tool--error.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call,.agent-tool--denied.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call{color:var(--color-foreground-bold-negative)}.agent-tool__title.sc-ds-agent-tool-call{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--dimension-space-025) var(--dimension-space-075);min-width:0;overflow-wrap:anywhere}.agent-tool__chevron.sc-ds-agent-tool-call{transition:none}details[open].sc-ds-agent-tool-call .agent-tool__chevron.sc-ds-agent-tool-call{transform:rotate(90deg)}.agent-tool__details.sc-ds-agent-tool-call,.agent-tool__diagnostics.sc-ds-agent-tool-call{display:grid;gap:var(--dimension-space-075)}.agent-tool__details.sc-ds-agent-tool-call{padding:var(--dimension-space-050) 0 var(--dimension-space-100) calc(var(--dimension-size-200) + var(--dimension-space-075))}.agent-tool__diagnostics.sc-ds-agent-tool-call section.sc-ds-agent-tool-call{display:grid;gap:var(--dimension-space-025)}pre.sc-ds-agent-tool-call{max-width:100%;margin:0;padding:var(--dimension-space-075);overflow:auto;border-radius:var(--dimension-radius-050);background:var(--color-background-secondary);color:var(--color-foreground-primary);font-family:var( --typography-font-family-code, 'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', monospace );font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);white-space:pre-wrap;overflow-wrap:anywhere}.agent-tool__result.sc-ds-agent-tool-call{min-width:0;padding-block:var(--dimension-space-050)}.agent-tool__result--plain-text.sc-ds-agent-tool-call{font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-md);letter-spacing:var(--typography-letterspacing-negative-half)}summary.sc-ds-agent-tool-call:focus-visible{border-radius:var(--dimension-radius-025);outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:var(--dimension-space-025)}@media (prefers-reduced-motion: no-preference){.agent-tool__chevron.sc-ds-agent-tool-call{transition:transform var(--effect-motion-short-2)}}@media (forced-colors: active){summary.sc-ds-agent-tool-call:focus-visible{outline-color:var(--ds-forced-color-selected)}.agent-tool--error.sc-ds-agent-tool-call .agent-tool__summary-content.sc-ds-agent-tool-call,.agent-tool--denied.sc-ds-agent-tool-call .agent-tool__summary-content.sc-ds-agent-tool-call{border-inline-start:var(--dimension-stroke-width-025) solid var(--ds-forced-color-content);padding-inline-start:var(--dimension-space-050)}}`;const d={preparing:"Preparing",queued:"Queued",running:"Running","waiting-for-user":"Waiting for your response",success:"Completed",error:"Failed",denied:"Permission denied",canceled:"Canceled"};const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.dsOpenChange=o(this,"dsOpenChange",7);this.name="";this.label="";this.state="queued";this.open=false;this.hasSummary=false;this.hasResult=false;this.hasPlainTextResult=false;this.hasDetails=false;this.handleToggle=t=>{this.dsOpenChange.emit({open:t.currentTarget.open})}}componentWillLoad(){this.syncSlots()}componentDidLoad(){this.syncSlots();this.slotObserver=new MutationObserver((()=>this.syncSlots()));this.slotObserver.observe(this.el,{childList:true,subtree:false,attributes:true,attributeFilter:["slot"]})}disconnectedCallback(){this.slotObserver?.disconnect()}syncSlots(){this.hasSummary=Boolean(this.el.querySelector('[slot="summary"]'));const t=this.el.querySelector('[slot="result"]');this.hasResult=Boolean(t);this.hasPlainTextResult=Boolean(t&&t.childElementCount===0&&t.textContent?.trim());this.hasDetails=Boolean(this.el.querySelector('[slot="details"]'))}serialize(t){if(t===undefined)return"";if(typeof t==="string")return t;try{return JSON.stringify(t,null,2)}catch{return String(t)}}get active(){return["preparing","queued","running"].includes(this.state)}get expandable(){return this.hasDetails||this.input!==undefined||this.output!==undefined||Boolean(this.error)}renderStatusIcon(){if(this.active)return s("ds-loader",{size:"xs",color:"inherit"});if(this.state==="success"){return s("ds-icon",{name:"Check",size:"xs",color:"inherit"})}if(this.state==="waiting-for-user"){return s("ds-icon",{name:"Clock",size:"xs",color:"inherit"})}return s("ds-icon",{name:"ExclamationTriangle",size:"xs",color:"inherit"})}renderSummary(t){return s("span",{class:"agent-tool__summary-content"},s("span",{class:"agent-tool__status-icon","aria-hidden":"true"},this.renderStatusIcon()),s("span",{class:"agent-tool__title"},this.hasSummary?s("slot",{name:"summary"}):s("ds-text",{as:"span",variant:"text-body-small",emphasis:true},this.label||this.name),s("ds-text",{class:"agent-tool__state-label",as:"span",variant:"text-caption",color:["error","denied"].includes(this.state)?"negative":"secondary"},this.statusLabel??d[this.state])),t?s("ds-icon",{class:"agent-tool__chevron",name:"ChevronRight",size:"xs",color:"inherit"}):null)}renderGenericDetails(){return s("div",{class:"agent-tool__diagnostics"},this.input!==undefined?s("section",null,s("ds-text",{variant:"text-caption",emphasis:true},"Input"),s("pre",null,this.serialize(this.input))):null,this.output!==undefined?s("section",null,s("ds-text",{variant:"text-caption",emphasis:true},"Output"),s("pre",null,this.serialize(this.output))):null,this.error?s("section",null,s("ds-text",{variant:"text-caption",emphasis:true},"Error"),s("pre",null,this.error)):null)}render(){const t=this.expandable;return s(a,{key:"8eb2441636284664399dedbd15f53b135db09692"},s("div",{key:"8db28f8b21a8304f32bd3538eab6367addd97b1b",class:`agent-tool agent-tool--${this.state}`},t?s("details",{open:this.open,onToggle:this.handleToggle},s("summary",null,this.renderSummary(true)),s("div",{class:"agent-tool__details"},this.hasDetails?s("slot",{name:"details"}):this.renderGenericDetails())):s("div",{class:"agent-tool__row"},this.renderSummary(false)),this.hasResult?s("div",{class:{"agent-tool__result":true,"agent-tool__result--plain-text":this.hasPlainTextResult}},s("slot",{name:"result"})):null))}get el(){return this}static get style(){return c()}},[262,"ds-agent-tool-call",{name:[1],label:[1],state:[1],statusLabel:[1,"status-label"],input:[16],output:[16],error:[1],open:[4],hasSummary:[32],hasResult:[32],hasPlainTextResult:[32],hasDetails:[32]}]);function u(){if(typeof customElements==="undefined"){return}const t=["ds-agent-tool-call","ds-icon","ds-loader","ds-text"];t.forEach((t=>{switch(t){case"ds-agent-tool-call":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"ds-icon":if(!customElements.get(n(t))){l()}break;case"ds-loader":if(!customElements.get(n(t))){i()}break;case"ds-text":if(!customElements.get(n(t))){r()}break}}))}u();export{g as A,u as d};
2
- //# sourceMappingURL=p-BOhefRMt.js.map
1
+ import{p as t,H as e,c as o,h as s,a,t as n}from"./index.js";import{d as l}from"./p-DjkUFlDW.js";import{d as i}from"./p-0XTyQNRG.js";import{d as r}from"./p-Cihjy4WY.js";const c=()=>`@media (forced-colors: active){.sc-ds-agent-tool-call:root,.sc-ds-agent-tool-call-h,.ds-forced-colors-scope.sc-ds-agent-tool-call{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-agent-tool-call-h{display:block;min-width:0}.agent-tool.sc-ds-agent-tool-call{min-width:0;color:var(--color-foreground-secondary)}details.sc-ds-agent-tool-call{margin:0}summary.sc-ds-agent-tool-call,.agent-tool__row.sc-ds-agent-tool-call{min-width:0;padding:var(--dimension-space-050) 0}summary.sc-ds-agent-tool-call{cursor:pointer;list-style:none}summary.sc-ds-agent-tool-call::-webkit-details-marker{display:none}.agent-tool__summary-content.sc-ds-agent-tool-call{display:grid;align-items:center;grid-template-columns:auto minmax(0, 1fr) auto;gap:var(--dimension-space-075);min-width:0}.agent-tool__status-icon.sc-ds-agent-tool-call{display:flex;align-items:center;color:var(--color-foreground-faint-neutral)}.agent-tool--preparing.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call,.agent-tool--queued.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call,.agent-tool--running.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call{color:var(--color-foreground-faint-brand)}.agent-tool--waiting-for-user.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call{color:var(--color-foreground-bold-warning)}.agent-tool--error.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call,.agent-tool--denied.sc-ds-agent-tool-call .agent-tool__status-icon.sc-ds-agent-tool-call{color:var(--color-foreground-bold-negative)}.agent-tool__title.sc-ds-agent-tool-call{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--dimension-space-025) var(--dimension-space-075);min-width:0;overflow-wrap:anywhere}.agent-tool__chevron.sc-ds-agent-tool-call{transition:none}details[open].sc-ds-agent-tool-call .agent-tool__chevron.sc-ds-agent-tool-call{transform:rotate(90deg)}.agent-tool__details.sc-ds-agent-tool-call,.agent-tool__diagnostics.sc-ds-agent-tool-call{display:grid;gap:var(--dimension-space-075)}.agent-tool__details.sc-ds-agent-tool-call{padding:var(--dimension-space-050) 0 var(--dimension-space-100) calc(var(--dimension-size-200) + var(--dimension-space-075))}.agent-tool__diagnostics.sc-ds-agent-tool-call section.sc-ds-agent-tool-call{display:grid;gap:var(--dimension-space-025)}pre.sc-ds-agent-tool-call{max-width:100%;margin:0;padding:var(--dimension-space-075);overflow:auto;border-radius:var(--dimension-radius-050);background:var(--color-background-secondary);color:var(--color-foreground-primary);font-family:var( --typography-font-family-code, 'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', monospace );font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);white-space:pre-wrap;overflow-wrap:anywhere}.agent-tool__result.sc-ds-agent-tool-call{min-width:0;padding-block:var(--dimension-space-050)}.agent-tool__result--plain-text.sc-ds-agent-tool-call{font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-md);letter-spacing:var(--typography-letterspacing-negative-half)}summary.sc-ds-agent-tool-call:focus-visible{border-radius:var(--dimension-radius-025);outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:var(--dimension-space-025)}@media (prefers-reduced-motion: no-preference){.agent-tool__chevron.sc-ds-agent-tool-call{transition:transform var(--effect-motion-short-2)}}@media (forced-colors: active){summary.sc-ds-agent-tool-call:focus-visible{outline-color:var(--ds-forced-color-selected)}.agent-tool--error.sc-ds-agent-tool-call .agent-tool__summary-content.sc-ds-agent-tool-call,.agent-tool--denied.sc-ds-agent-tool-call .agent-tool__summary-content.sc-ds-agent-tool-call{border-inline-start:var(--dimension-stroke-width-025) solid var(--ds-forced-color-content);padding-inline-start:var(--dimension-space-050)}}`;const d={preparing:"Preparing",queued:"Queued",running:"Running","waiting-for-user":"Waiting for your response",success:"Completed",error:"Failed",denied:"Permission denied",canceled:"Canceled"};const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.dsOpenChange=o(this,"dsOpenChange",7);this.name="";this.label="";this.state="queued";this.open=false;this.hasSummary=false;this.hasResult=false;this.hasPlainTextResult=false;this.hasDetails=false;this.handleToggle=t=>{this.dsOpenChange.emit({open:t.currentTarget.open})}}componentWillLoad(){this.syncSlots()}componentDidLoad(){this.syncSlots();this.slotObserver=new MutationObserver((()=>this.syncSlots()));this.slotObserver.observe(this.el,{childList:true,subtree:false,attributes:true,attributeFilter:["slot"]})}disconnectedCallback(){this.slotObserver?.disconnect()}syncSlots(){this.hasSummary=Boolean(this.el.querySelector('[slot="summary"]'));const t=this.el.querySelector('[slot="result"]');this.hasResult=Boolean(t);this.hasPlainTextResult=Boolean(t&&t.childElementCount===0&&t.textContent?.trim());this.hasDetails=Boolean(this.el.querySelector('[slot="details"]'))}serialize(t){if(t===undefined)return"";if(typeof t==="string")return t;try{return JSON.stringify(t,null,2)}catch{return String(t)}}get active(){return["preparing","queued","running"].includes(this.state)}get expandable(){return this.hasDetails||this.input!==undefined||this.output!==undefined||Boolean(this.error)}renderStatusIcon(){if(this.active)return s("ds-loader",{size:"xs",color:"inherit"});if(this.state==="success"){return s("ds-icon",{name:"Check",size:"xs",color:"inherit"})}if(this.state==="waiting-for-user"){return s("ds-icon",{name:"Clock",size:"xs",color:"inherit"})}return s("ds-icon",{name:"ExclamationTriangle",size:"xs",color:"inherit"})}renderSummary(t){return s("span",{class:"agent-tool__summary-content"},s("span",{class:"agent-tool__status-icon","aria-hidden":"true"},this.renderStatusIcon()),s("span",{class:"agent-tool__title"},this.hasSummary?s("slot",{name:"summary"}):s("ds-text",{as:"span",variant:"text-body-small",emphasis:true},this.label||this.name),s("ds-text",{class:"agent-tool__state-label",as:"span",variant:"text-caption",color:["error","denied"].includes(this.state)?"negative":"secondary"},this.statusLabel??d[this.state])),t?s("ds-icon",{class:"agent-tool__chevron",name:"ChevronRight",size:"xs",color:"inherit"}):null)}renderGenericDetails(){return s("div",{class:"agent-tool__diagnostics"},this.input!==undefined?s("section",null,s("ds-text",{variant:"text-caption",emphasis:true},"Input"),s("pre",null,this.serialize(this.input))):null,this.output!==undefined?s("section",null,s("ds-text",{variant:"text-caption",emphasis:true},"Output"),s("pre",null,this.serialize(this.output))):null,this.error?s("section",null,s("ds-text",{variant:"text-caption",emphasis:true},"Error"),s("pre",null,this.error)):null)}render(){const t=this.expandable;return s(a,{key:"5def0735f14fd231e311acbf515454058a230698"},s("div",{key:"215a40698486eb852886ee7483fd19145ddbb712",class:`agent-tool agent-tool--${this.state}`},t?s("details",{open:this.open,onToggle:this.handleToggle},s("summary",null,this.renderSummary(true)),s("div",{class:"agent-tool__details"},this.hasDetails?s("slot",{name:"details"}):this.renderGenericDetails())):s("div",{class:"agent-tool__row"},this.renderSummary(false)),this.hasResult?s("div",{class:{"agent-tool__result":true,"agent-tool__result--plain-text":this.hasPlainTextResult}},s("slot",{name:"result"})):null))}get el(){return this}static get style(){return c()}},[262,"ds-agent-tool-call",{name:[1],label:[1],state:[1],statusLabel:[1,"status-label"],input:[16],output:[16],error:[1],open:[4],hasSummary:[32],hasResult:[32],hasPlainTextResult:[32],hasDetails:[32]}]);function u(){if(typeof customElements==="undefined"){return}const t=["ds-agent-tool-call","ds-icon","ds-loader","ds-text"];t.forEach((t=>{switch(t){case"ds-agent-tool-call":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"ds-icon":if(!customElements.get(n(t))){l()}break;case"ds-loader":if(!customElements.get(n(t))){i()}break;case"ds-text":if(!customElements.get(n(t))){r()}break}}))}u();export{g as A,u as d};
2
+ //# sourceMappingURL=p-C_gJD8l3.js.map
@@ -1,2 +1,2 @@
1
- import{p as t,H as e,h as s,a as r,t as i}from"./index.js";function d(t){return`ds-text--${t.replace(/^text-/,"")}`}function a(t){return t==="span"||t==="label"?"ds-text--inline-box":"ds-text--block-box"}const o=()=>`.ds-text--display-medium.sc-ds-text-h,.ds-text--display-medium.sc-ds-text{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-text-h,.ds-text--display-small.sc-ds-text{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-text-h,.ds-text--title-large.sc-ds-text{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-text-h,.ds-text--title-medium.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-text-h,.ds-text--title-small.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-text-h,.ds-text--body-large.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-text-h,.ds-text--body-medium.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-text-h,.ds-text--body-small.sc-ds-text{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-text-h,.ds-text--caption.sc-ds-text{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--display-small.ds-text--emphasis.sc-ds-text-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-text,.ds-text--display-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-text-h,.ds-text--display-small.ds-text--regular.sc-ds-text-h,.ds-text--display-medium.ds-text--regular.sc-ds-text,.ds-text--display-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-text-h,.ds-text--title-large.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-text-h,.ds-text--title-large.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--title-small.ds-text--emphasis.sc-ds-text-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-text,.ds-text--title-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-text-h,.ds-text--title-small.ds-text--regular.sc-ds-text-h,.ds-text--title-medium.ds-text--regular.sc-ds-text,.ds-text--title-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-text-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--body-large.ds-text--emphasis.sc-ds-text,.ds-text--body-medium.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-text-h,.ds-text--body-medium.ds-text--regular.sc-ds-text-h,.ds-text--body-large.ds-text--regular.sc-ds-text,.ds-text--body-medium.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-text-h,.ds-text--body-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-text-h,.ds-text--body-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-text-h,.ds-text--caption.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-text-h,.ds-text--caption.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-text:root,.sc-ds-text-h,.ds-forced-colors-scope.sc-ds-text{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@keyframes ds-shimmer-text-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}@keyframes ds-shimmer-surface-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}.ds-shimmer-text.sc-ds-text{--ds-shimmer-base:currentColor;--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc( var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200) );background-color:var(--ds-shimmer-base);background-image:linear-gradient( 330deg, transparent calc(50% - var(--ds-shimmer-spread)), var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%, transparent calc(50% + var(--ds-shimmer-spread)) );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ds-shimmer-text-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing) infinite}.ds-shimmer-surface.sc-ds-text{--ds-shimmer-surface-base:var(--color-foreground-quaternary);--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc( var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200) );position:relative;overflow:hidden;background-color:var(--ds-shimmer-surface-base)}.ds-shimmer-surface.sc-ds-text::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient( 330deg, transparent calc(50% - var(--ds-shimmer-spread)), var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%, transparent calc(50% + var(--ds-shimmer-spread)) );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;animation:ds-shimmer-surface-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing) infinite}@media (prefers-reduced-motion: reduce){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}@media (forced-colors: active){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text{background-color:var(--ds-forced-color-disabled)}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}.sc-ds-text-h{box-sizing:border-box;max-width:100%;min-width:0;margin:0;padding:0;border:0;font-family:var(--typography-font-family-ui)}.sc-ds-text-h:where(.ds-text--inline-box){display:inline-block}.sc-ds-text-h:where(.ds-text--block-box){display:block;width:100%}.ds-text__element.sc-ds-text{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit;text-align:inherit;text-decoration:inherit;text-underline-offset:inherit;font-style:inherit;font-variant-numeric:inherit;font-feature-settings:inherit;-webkit-user-select:inherit;user-select:inherit;white-space:inherit;text-wrap:inherit;overflow-wrap:inherit;word-break:inherit;overflow:inherit;text-overflow:inherit}.ds-text--truncate-1.sc-ds-text-h{overflow:hidden}.ds-text--truncate-1.sc-ds-text-h .ds-text__element.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-text--truncate-2.sc-ds-text-h,.ds-text--truncate-3.sc-ds-text-h,.ds-text--truncate-4.sc-ds-text-h,.ds-text--truncate-5.sc-ds-text-h{overflow:hidden}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:2}.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:3}.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:4}.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:5}.ds-text--nowrap.sc-ds-text-h,.ds-text--nowrap.sc-ds-text-h .ds-text__element.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.ds-text--balance.sc-ds-text-h,.ds-text--balance.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:balance}.ds-text--pretty.sc-ds-text-h,.ds-text--pretty.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:pretty}.ds-text--color-primary.sc-ds-text-h{color:var(--color-foreground-primary)}.ds-text--color-secondary.sc-ds-text-h{color:var(--color-foreground-secondary)}.ds-text--color-tertiary.sc-ds-text-h{color:var(--color-foreground-tertiary)}.ds-text--color-quaternary.sc-ds-text-h{color:var(--color-foreground-quaternary)}.ds-text--color-brand.sc-ds-text-h{color:var(--color-foreground-bold-brand)}.ds-text--color-negative.sc-ds-text-h{color:var(--color-foreground-bold-negative)}.ds-text--color-positive.sc-ds-text-h{color:var(--color-foreground-bold-positive)}.ds-text--color-warning.sc-ds-text-h{color:var(--color-foreground-bold-warning)}.ds-text--color-caution.sc-ds-text-h{color:var(--color-foreground-bold-caution)}.ds-text--color-ai.sc-ds-text-h{color:var(--color-foreground-bold-ai)}.ds-text--color-on-strong.sc-ds-text-h{color:var(--color-foreground-on-strong-background-primary)}.ds-text--color-on-bold.sc-ds-text-h{color:var(--color-foreground-on-bold-background-primary)}.ds-text--decoration-underline.sc-ds-text-h,.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text--decoration-underline.sc-ds-text-h{text-decoration-line:underline}.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-line:underline;text-decoration-style:dotted}.ds-text--italic.sc-ds-text-h{font-style:italic}.ds-text--font-feature-tabular-nums.sc-ds-text-h{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.ds-text--align-left.sc-ds-text-h{text-align:left}.ds-text--align-center.sc-ds-text-h{text-align:center}.ds-text--align-right.sc-ds-text-h{text-align:right}`;const n=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.emphasis=false;this.color="inherit";this.italic=false;this.shimmer=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const i=Number(this.lineTruncation);const o={"ds-text":true,[a(this.as)]:true,[d(this.variant)]:true,"ds-text--emphasis":this.emphasis,"ds-text--regular":!this.emphasis,"ds-text--nowrap":this.wrap==="nowrap","ds-text--balance":this.wrap==="balance","ds-text--pretty":this.wrap==="pretty","ds-text--truncate-1":i===1&&this.wrap!=="nowrap","ds-text--truncate-2":i===2&&this.wrap!=="nowrap","ds-text--truncate-3":i===3&&this.wrap!=="nowrap","ds-text--truncate-4":i===4&&this.wrap!=="nowrap","ds-text--truncate-5":i===5&&this.wrap!=="nowrap","ds-text--color-primary":this.color==="primary","ds-text--color-secondary":this.color==="secondary","ds-text--color-tertiary":this.color==="tertiary","ds-text--color-quaternary":this.color==="quaternary","ds-text--color-brand":this.color==="brand","ds-text--color-negative":this.color==="negative","ds-text--color-positive":this.color==="positive","ds-text--color-warning":this.color==="warning","ds-text--color-caution":this.color==="caution","ds-text--color-ai":this.color==="ai","ds-text--color-on-strong":this.color==="on-strong","ds-text--color-on-bold":this.color==="on-bold","ds-text--color-inherit":this.color==="inherit","ds-text--decoration-underline":this.decoration==="underline","ds-text--decoration-dotted-underline":this.decoration==="dotted-underline","ds-text--italic":this.italic,"ds-text--align-left":this.align==="left","ds-text--align-center":this.align==="center","ds-text--align-right":this.align==="right","ds-text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const n=this.color&&e(this.color)?{color:this.color}:undefined;const c={};if(this.as==="label"&&this.for)c["for"]=this.for;if(this.textId)c["id"]=this.textId;return s(r,{key:"06e712ccd113764e7d71c87f8adbafe4f0e79a40",class:o,style:n},s(t,{key:"fed5defd9bf170364e46ca8a28e44e8e3277064f",class:{"ds-text__element":true,"ds-shimmer-text":this.shimmer},...c},s("slot",{key:"8513b7c4a07d0d22dfd1304bf2509e1e070e7d21"})))}static get style(){return o()}},[262,"ds-text",{variant:[1],emphasis:[4],color:[1],decoration:[1],italic:[4],shimmer:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1],textId:[1,"text-id"]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(i(t))){customElements.define(i(t),n)}break}}))}c();export{n as T,c as d};
2
- //# sourceMappingURL=p-ZwRLjD5M.js.map
1
+ import{p as t,H as e,h as s,a as r,t as i}from"./index.js";function d(t){return`ds-text--${t.replace(/^text-/,"")}`}function a(t){return t==="span"||t==="label"?"ds-text--inline-box":"ds-text--block-box"}const o=()=>`.ds-text--display-medium.sc-ds-text-h,.ds-text--display-medium.sc-ds-text{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-text-h,.ds-text--display-small.sc-ds-text{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-text-h,.ds-text--title-large.sc-ds-text{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-text-h,.ds-text--title-medium.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-text-h,.ds-text--title-small.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-text-h,.ds-text--body-large.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-text-h,.ds-text--body-medium.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-text-h,.ds-text--body-small.sc-ds-text{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-text-h,.ds-text--caption.sc-ds-text{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--display-small.ds-text--emphasis.sc-ds-text-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-text,.ds-text--display-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-text-h,.ds-text--display-small.ds-text--regular.sc-ds-text-h,.ds-text--display-medium.ds-text--regular.sc-ds-text,.ds-text--display-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-text-h,.ds-text--title-large.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-text-h,.ds-text--title-large.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--title-small.ds-text--emphasis.sc-ds-text-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-text,.ds-text--title-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-text-h,.ds-text--title-small.ds-text--regular.sc-ds-text-h,.ds-text--title-medium.ds-text--regular.sc-ds-text,.ds-text--title-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-text-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--body-large.ds-text--emphasis.sc-ds-text,.ds-text--body-medium.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-text-h,.ds-text--body-medium.ds-text--regular.sc-ds-text-h,.ds-text--body-large.ds-text--regular.sc-ds-text,.ds-text--body-medium.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-text-h,.ds-text--body-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-text-h,.ds-text--body-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-text-h,.ds-text--caption.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-text-h,.ds-text--caption.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-text:root,.sc-ds-text-h,.ds-forced-colors-scope.sc-ds-text{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@keyframes ds-shimmer-text-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}@keyframes ds-shimmer-surface-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}.ds-shimmer-text.sc-ds-text{--ds-shimmer-base:currentColor;--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc( var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200) );background-color:var(--ds-shimmer-base);background-image:linear-gradient( 330deg, transparent calc(50% - var(--ds-shimmer-spread)), var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%, transparent calc(50% + var(--ds-shimmer-spread)) );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ds-shimmer-text-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing) infinite}.ds-shimmer-surface.sc-ds-text{--ds-shimmer-surface-base:var(--color-foreground-quaternary);--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc( var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200) );position:relative;overflow:hidden;background-color:var(--ds-shimmer-surface-base)}.ds-shimmer-surface.sc-ds-text::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient( 330deg, transparent calc(50% - var(--ds-shimmer-spread)), var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%, transparent calc(50% + var(--ds-shimmer-spread)) );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;animation:ds-shimmer-surface-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing) infinite}@media (prefers-reduced-motion: reduce){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}@media (forced-colors: active){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text{background-color:var(--ds-forced-color-disabled)}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}.sc-ds-text-h{box-sizing:border-box;max-width:100%;min-width:0;margin:0;padding:0;border:0;font-family:var(--typography-font-family-ui)}.sc-ds-text-h:where(.ds-text--inline-box){display:inline-block}.sc-ds-text-h:where(.ds-text--block-box){display:block;width:100%}.ds-text__element.sc-ds-text{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit;text-align:inherit;text-decoration:inherit;text-underline-offset:inherit;font-style:inherit;font-variant-numeric:inherit;font-feature-settings:inherit;-webkit-user-select:inherit;user-select:inherit;white-space:inherit;text-wrap:inherit;overflow-wrap:inherit;word-break:inherit;overflow:inherit;text-overflow:inherit}.ds-text--truncate-1.sc-ds-text-h{overflow:hidden}.ds-text--truncate-1.sc-ds-text-h .ds-text__element.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-text--truncate-2.sc-ds-text-h,.ds-text--truncate-3.sc-ds-text-h,.ds-text--truncate-4.sc-ds-text-h,.ds-text--truncate-5.sc-ds-text-h{overflow:hidden}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:2}.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:3}.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:4}.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:5}.ds-text--nowrap.sc-ds-text-h,.ds-text--nowrap.sc-ds-text-h .ds-text__element.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.ds-text--balance.sc-ds-text-h,.ds-text--balance.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:balance}.ds-text--pretty.sc-ds-text-h,.ds-text--pretty.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:pretty}.ds-text--color-primary.sc-ds-text-h{color:var(--color-foreground-primary)}.ds-text--color-secondary.sc-ds-text-h{color:var(--color-foreground-secondary)}.ds-text--color-tertiary.sc-ds-text-h{color:var(--color-foreground-tertiary)}.ds-text--color-quaternary.sc-ds-text-h{color:var(--color-foreground-quaternary)}.ds-text--color-brand.sc-ds-text-h{color:var(--color-foreground-bold-brand)}.ds-text--color-negative.sc-ds-text-h{color:var(--color-foreground-bold-negative)}.ds-text--color-positive.sc-ds-text-h{color:var(--color-foreground-bold-positive)}.ds-text--color-warning.sc-ds-text-h{color:var(--color-foreground-bold-warning)}.ds-text--color-caution.sc-ds-text-h{color:var(--color-foreground-bold-caution)}.ds-text--color-ai.sc-ds-text-h{color:var(--color-foreground-bold-ai)}.ds-text--color-on-strong.sc-ds-text-h{color:var(--color-foreground-on-strong-background-primary)}.ds-text--color-on-bold.sc-ds-text-h{color:var(--color-foreground-on-bold-background-primary)}.ds-text--decoration-underline.sc-ds-text-h,.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text--decoration-underline.sc-ds-text-h{text-decoration-line:underline}.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-line:underline;text-decoration-style:dotted}.ds-text--italic.sc-ds-text-h{font-style:italic}.ds-text--font-feature-tabular-nums.sc-ds-text-h{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.ds-text--align-left.sc-ds-text-h{text-align:left}.ds-text--align-center.sc-ds-text-h{text-align:center}.ds-text--align-right.sc-ds-text-h{text-align:right}`;const n=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.emphasis=false;this.color="inherit";this.italic=false;this.shimmer=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const i=Number(this.lineTruncation);const o={"ds-text":true,[a(this.as)]:true,[d(this.variant)]:true,"ds-text--emphasis":this.emphasis,"ds-text--regular":!this.emphasis,"ds-text--nowrap":this.wrap==="nowrap","ds-text--balance":this.wrap==="balance","ds-text--pretty":this.wrap==="pretty","ds-text--truncate-1":i===1&&this.wrap!=="nowrap","ds-text--truncate-2":i===2&&this.wrap!=="nowrap","ds-text--truncate-3":i===3&&this.wrap!=="nowrap","ds-text--truncate-4":i===4&&this.wrap!=="nowrap","ds-text--truncate-5":i===5&&this.wrap!=="nowrap","ds-text--color-primary":this.color==="primary","ds-text--color-secondary":this.color==="secondary","ds-text--color-tertiary":this.color==="tertiary","ds-text--color-quaternary":this.color==="quaternary","ds-text--color-brand":this.color==="brand","ds-text--color-negative":this.color==="negative","ds-text--color-positive":this.color==="positive","ds-text--color-warning":this.color==="warning","ds-text--color-caution":this.color==="caution","ds-text--color-ai":this.color==="ai","ds-text--color-on-strong":this.color==="on-strong","ds-text--color-on-bold":this.color==="on-bold","ds-text--color-inherit":this.color==="inherit","ds-text--decoration-underline":this.decoration==="underline","ds-text--decoration-dotted-underline":this.decoration==="dotted-underline","ds-text--italic":this.italic,"ds-text--align-left":this.align==="left","ds-text--align-center":this.align==="center","ds-text--align-right":this.align==="right","ds-text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const n=this.color&&e(this.color)?{color:this.color}:undefined;const c={};if(this.as==="label"&&this.for)c["for"]=this.for;if(this.textId)c["id"]=this.textId;return s(r,{key:"85d534759f7e38d195142dd32e4e731d8212fd74",class:o,style:n},s(t,{key:"d3353719a383eb4ec3be70a1b4fc484d541b8c68",class:{"ds-text__element":true,"ds-shimmer-text":this.shimmer},...c},s("slot",{key:"2c659eef343a7a4870d61e5af24849f0772d388b"})))}static get style(){return o()}},[262,"ds-text",{variant:[1],emphasis:[4],color:[1],decoration:[1],italic:[4],shimmer:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1],textId:[1,"text-id"]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(i(t))){customElements.define(i(t),n)}break}}))}c();export{n as T,c as d};
2
+ //# sourceMappingURL=p-Cihjy4WY.js.map
@@ -0,0 +1,2 @@
1
+ import{p as e,H as o,h as s,a,t}from"./index.js";import{C as i}from"./p-BnhGV__o.js";import{d}from"./p-D0KD-Nr_.js";import{d as c}from"./p-CI7c9kp-.js";import{d as n}from"./p-DjkUFlDW.js";import{d as r}from"./p-0XTyQNRG.js";import{d as l}from"./p-Cihjy4WY.js";import{d as b}from"./p-BXSHN1OK.js";const f=()=>`.sc-ds-code-block-h{display:block;width:100%;min-width:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.code-block.sc-ds-code-block{width:100%;min-width:0;margin:0;overflow:hidden;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);box-sizing:border-box}.code-block__header.sc-ds-code-block{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);min-height:var(--dimension-size-400);padding:var(--dimension-space-050) var(--dimension-space-100);background:var(--color-background-strong-neutral);box-sizing:border-box}pre.sc-ds-code-block{margin:0;padding:var(--dimension-space-150);overflow:auto;font-family:var( --typography-font-family-code, 'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', monospace );font-size:var(--typography-fontsize-sm);font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none);tab-size:2;-webkit-user-select:text;user-select:text}code.sc-ds-code-block{font:inherit;white-space:pre}`;const p=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.code="";this.language="";this.filename="";this.copied=false;this.copyFeedback=new i((e=>{this.copied=e}));this.copy=async()=>{await this.copyFeedback.copy(this.code)}}connectedCallback(){this.copyFeedback.connect()}handleCodeChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}render(){const e=this.filename||this.language||"Code";return s(a,{key:"5e358012cfbe930b9de7f4611c36bfb4cf8c246c"},s("figure",{key:"c1d42cd5c6510cb82d6ed36ef7311229b1a09246",class:"code-block"},s("figcaption",{key:"d9dc935fda12e2c2a33e67d1c5a3534359b52ac3",class:"code-block__header"},s("ds-text",{key:"ee4ed27bd8ed2e5724ad5b0de4de12bbd18df39f",as:"span",variant:"text-caption",emphasis:true,color:"on-strong"},e),s("ds-tooltip",{key:"7dc95a36f62920e6f5ac968fae0ff14cc1f16172",label:this.copied?"Copied":"Copy code",side:"bottom",size:"sm"},s("ds-button-unfilled",{key:"b52143771e2d5687020ea3f50aeff88517cbb53c",variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":this.copied?"Copied":"Copy code",hasBorder:false,onDsClick:this.copy}))),s("pre",{key:"8b24a2661b33e9871d5a30540415007ad60aa7d0"},s("code",{key:"5e330b3a5f1e81af2acdaf9446cb7eb0fd05a706"},this.code))))}static get watchers(){return{code:[{handleCodeChange:0}]}}static get style(){return f()}},[2,"ds-code-block",{code:[1],language:[1],filename:[1],copied:[32]},undefined,{code:[{handleCodeChange:0}]}]);function m(){if(typeof customElements==="undefined"){return}const e=["ds-code-block","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-code-block":if(!customElements.get(t(e))){customElements.define(t(e),p)}break;case"ds-badge":if(!customElements.get(t(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){c()}break;case"ds-icon":if(!customElements.get(t(e))){n()}break;case"ds-loader":if(!customElements.get(t(e))){r()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){b()}break}}))}m();export{p as C,m as d};
2
+ //# sourceMappingURL=p-Co5MiPNa.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["codeBlockCss","CodeBlock","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","code","language","filename","copied","copyFeedback","ClipboardFeedbackController","copy","async","connectedCallback","connect","handleCodeChange","reset","disconnectedCallback","disconnect","render","label","h","Host","key","class","as","variant","emphasis","color","side","size","icon","hasBorder","onDsClick"],"sources":["src/wc/components/CodeBlock/CodeBlock.css?tag=ds-code-block&encapsulation=scoped","src/wc/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n -webkit-user-select: none;\n user-select: none;\n}\n\n.code-block {\n width: 100%;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n border-radius: var(--dimension-radius-050);\n background: var(--color-background-strong-neutral);\n color: var(--color-foreground-faint-neutral);\n box-sizing: border-box;\n}\n\n.code-block__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--dimension-space-100);\n min-height: var(--dimension-size-400);\n padding: var(--dimension-space-050) var(--dimension-space-100);\n background: var(--color-background-strong-neutral);\n box-sizing: border-box;\n}\n\npre {\n margin: 0;\n padding: var(--dimension-space-150);\n overflow: auto;\n font-family: var(\n --typography-font-family-code,\n 'Fira Code',\n ui-monospace,\n 'SFMono-Regular',\n 'Cascadia Code',\n 'Roboto Mono',\n Menlo,\n Monaco,\n Consolas,\n 'Liberation Mono',\n monospace\n );\n font-size: var(--typography-fontsize-sm);\n font-variant-ligatures: var(--ds-code-font-variant-ligatures, normal);\n font-weight: var(--typography-weight-regular);\n line-height: var(--typography-lineheight-sm);\n letter-spacing: var(--typography-letterspacing-none);\n tab-size: 2;\n -webkit-user-select: text;\n user-select: text;\n}\n\ncode {\n font: inherit;\n white-space: pre;\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { ClipboardFeedbackController } from '../../utils/clipboard';\n\n@Component({\n tag: 'ds-code-block',\n styleUrl: 'CodeBlock.css',\n scoped: true,\n})\nexport class CodeBlock {\n @Prop() code: string = '';\n @Prop() language: string = '';\n @Prop() filename: string = '';\n\n @State() private copied: boolean = false;\n private readonly copyFeedback = new ClipboardFeedbackController(copied => {\n this.copied = copied;\n });\n\n connectedCallback() {\n this.copyFeedback.connect();\n }\n\n @Watch('code')\n handleCodeChange() {\n this.copyFeedback.reset();\n }\n\n disconnectedCallback() {\n this.copyFeedback.disconnect();\n }\n\n private copy = async () => {\n await this.copyFeedback.copy(this.code);\n };\n\n render() {\n const label = this.filename || this.language || 'Code';\n return (\n <Host>\n <figure class=\"code-block\">\n <figcaption class=\"code-block__header\">\n <ds-text as=\"span\" variant=\"text-caption\" emphasis color=\"on-strong\">\n {label}\n </ds-text>\n <ds-tooltip label={this.copied ? 'Copied' : 'Copy code'} side=\"bottom\" size=\"sm\">\n <ds-button-unfilled\n variant=\"icon\"\n icon={this.copied ? 'Check' : 'Copy'}\n size=\"xs\"\n aria-label={this.copied ? 'Copied' : 'Copy code'}\n hasBorder={false}\n onDsClick={this.copy}\n />\n </ds-tooltip>\n </figcaption>\n <pre>\n <code>{this.code}</code>\n </pre>\n </figure>\n </Host>\n );\n }\n}\n"],"mappings":"uTAAA,MAAMA,EAAe,IAAM,wyC,MCQdC,EAASC,EAAA,MAAAD,UAAAE,EALtB,WAAAC,CAAAC,G,4CAMUC,KAAAC,KAAe,GACfD,KAAAE,SAAmB,GACnBF,KAAAG,SAAmB,GAEVH,KAAAI,OAAkB,MAClBJ,KAAAK,aAAe,IAAIC,GAA4BF,IAC9DJ,KAAKI,OAASA,CAAM,IAgBdJ,KAAAO,KAAOC,gBACPR,KAAKK,aAAaE,KAAKP,KAAKC,KAAK,CA8B1C,CA5CC,iBAAAQ,GACET,KAAKK,aAAaK,S,CAIpB,gBAAAC,GACEX,KAAKK,aAAaO,O,CAGpB,oBAAAC,GACEb,KAAKK,aAAaS,Y,CAOpB,MAAAC,GACE,MAAMC,EAAQhB,KAAKG,UAAYH,KAAKE,UAAY,OAChD,OACEe,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,cACZH,EAAA,cAAAE,IAAA,2CAAYC,MAAM,sBAChBH,EAAA,WAAAE,IAAA,2CAASE,GAAG,OAAOC,QAAQ,eAAeC,SAAQ,KAACC,MAAM,aACtDR,GAEHC,EAAA,cAAAE,IAAA,2CAAYH,MAAOhB,KAAKI,OAAS,SAAW,YAAaqB,KAAK,SAASC,KAAK,MAC1ET,EAAA,sBAAAE,IAAA,2CACEG,QAAQ,OACRK,KAAM3B,KAAKI,OAAS,QAAU,OAC9BsB,KAAK,KAAI,aACG1B,KAAKI,OAAS,SAAW,YACrCwB,UAAW,MACXC,UAAW7B,KAAKO,SAItBU,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAOnB,KAAKC,Q","ignoreList":[]}
1
+ {"version":3,"names":["codeBlockCss","CodeBlock","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","code","language","filename","copied","copyFeedback","ClipboardFeedbackController","copy","async","connectedCallback","connect","handleCodeChange","reset","disconnectedCallback","disconnect","render","label","h","Host","key","class","as","variant","emphasis","color","side","size","icon","hasBorder","onDsClick"],"sources":["src/wc/components/CodeBlock/CodeBlock.css?tag=ds-code-block&encapsulation=scoped","src/wc/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n -webkit-user-select: none;\n user-select: none;\n}\n\n.code-block {\n width: 100%;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n border-radius: var(--dimension-radius-050);\n background: var(--color-background-strong-neutral);\n color: var(--color-foreground-faint-neutral);\n box-sizing: border-box;\n}\n\n.code-block__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--dimension-space-100);\n min-height: var(--dimension-size-400);\n padding: var(--dimension-space-050) var(--dimension-space-100);\n background: var(--color-background-strong-neutral);\n box-sizing: border-box;\n}\n\npre {\n margin: 0;\n padding: var(--dimension-space-150);\n overflow: auto;\n font-family: var(\n --typography-font-family-code,\n 'Fira Code',\n ui-monospace,\n 'SFMono-Regular',\n 'Cascadia Code',\n 'Roboto Mono',\n Menlo,\n Monaco,\n Consolas,\n 'Liberation Mono',\n monospace\n );\n font-size: var(--typography-fontsize-sm);\n font-variant-ligatures: var(--ds-code-font-variant-ligatures, normal);\n font-weight: var(--typography-weight-regular);\n line-height: var(--typography-lineheight-sm);\n letter-spacing: var(--typography-letterspacing-none);\n tab-size: 2;\n -webkit-user-select: text;\n user-select: text;\n}\n\ncode {\n font: inherit;\n white-space: pre;\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { ClipboardFeedbackController } from '../../utils/clipboard';\n\n@Component({\n tag: 'ds-code-block',\n styleUrl: 'CodeBlock.css',\n scoped: true,\n})\nexport class CodeBlock {\n @Prop() code: string = '';\n @Prop() language: string = '';\n @Prop() filename: string = '';\n\n @State() private copied: boolean = false;\n private readonly copyFeedback = new ClipboardFeedbackController(copied => {\n this.copied = copied;\n });\n\n connectedCallback() {\n this.copyFeedback.connect();\n }\n\n @Watch('code')\n handleCodeChange() {\n this.copyFeedback.reset();\n }\n\n disconnectedCallback() {\n this.copyFeedback.disconnect();\n }\n\n private copy = async () => {\n await this.copyFeedback.copy(this.code);\n };\n\n render() {\n const label = this.filename || this.language || 'Code';\n return (\n <Host>\n <figure class=\"code-block\">\n <figcaption class=\"code-block__header\">\n <ds-text as=\"span\" variant=\"text-caption\" emphasis color=\"on-strong\">\n {label}\n </ds-text>\n <ds-tooltip label={this.copied ? 'Copied' : 'Copy code'} side=\"bottom\" size=\"sm\">\n <ds-button-unfilled\n variant=\"icon\"\n icon={this.copied ? 'Check' : 'Copy'}\n size=\"xs\"\n aria-label={this.copied ? 'Copied' : 'Copy code'}\n hasBorder={false}\n onDsClick={this.copy}\n />\n </ds-tooltip>\n </figcaption>\n <pre>\n <code>{this.code}</code>\n </pre>\n </figure>\n </Host>\n );\n }\n}\n"],"mappings":"wSAAA,MAAMA,EAAe,IAAM,wyC,MCQdC,EAASC,EAAA,MAAAD,UAAAE,EALtB,WAAAC,CAAAC,G,4CAMUC,KAAAC,KAAe,GACfD,KAAAE,SAAmB,GACnBF,KAAAG,SAAmB,GAEVH,KAAAI,OAAkB,MAClBJ,KAAAK,aAAe,IAAIC,GAA4BF,IAC9DJ,KAAKI,OAASA,CAAM,IAgBdJ,KAAAO,KAAOC,gBACPR,KAAKK,aAAaE,KAAKP,KAAKC,KAAK,CA8B1C,CA5CC,iBAAAQ,GACET,KAAKK,aAAaK,S,CAIpB,gBAAAC,GACEX,KAAKK,aAAaO,O,CAGpB,oBAAAC,GACEb,KAAKK,aAAaS,Y,CAOpB,MAAAC,GACE,MAAMC,EAAQhB,KAAKG,UAAYH,KAAKE,UAAY,OAChD,OACEe,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,cACZH,EAAA,cAAAE,IAAA,2CAAYC,MAAM,sBAChBH,EAAA,WAAAE,IAAA,2CAASE,GAAG,OAAOC,QAAQ,eAAeC,SAAQ,KAACC,MAAM,aACtDR,GAEHC,EAAA,cAAAE,IAAA,2CAAYH,MAAOhB,KAAKI,OAAS,SAAW,YAAaqB,KAAK,SAASC,KAAK,MAC1ET,EAAA,sBAAAE,IAAA,2CACEG,QAAQ,OACRK,KAAM3B,KAAKI,OAAS,QAAU,OAC9BsB,KAAK,KAAI,aACG1B,KAAKI,OAAS,SAAW,YACrCwB,UAAW,MACXC,UAAW7B,KAAKO,SAItBU,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAOnB,KAAKC,Q","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{p as o,H as t,h as s,a as i,t as r}from"./index.js";import{d as a}from"./p-ZwRLjD5M.js";import{T as e,r as c}from"./p-CeXf9-X3.js";import{a as n,C as d}from"./p-CGidq1iC.js";const l=()=>`.sc-ds-tooltip-chart-h,.sc-ds-tooltip-chart:where(.ds-table),.sc-ds-tooltip-chart:where(.tooltip-popup),.sc-ds-tooltip-chart:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-tooltip-chart,.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart,.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart,.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--lg.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-tooltip-chart{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-tooltip-chart{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc( var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-control-icon-box.sc-ds-tooltip-chart{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-tooltip-chart{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-tooltip-chart{position:relative;padding-inline-end:calc( var(--ds-control-label-inset, var(--dimension-space-025)) + var(--ds-control-gap, var(--dimension-space-050)) )}.ds-control-label-dot__badge.sc-ds-tooltip-chart{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-chrome-space--sm.sc-ds-tooltip-chart-h,.ds-chrome-space--sm.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-tooltip-chart-h,.ds-chrome-space--md.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-tooltip-chart-h,.ds-chrome-space--lg.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart,.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart,.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart{flex-direction:column}.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-tooltip-chart:root,.sc-ds-tooltip-chart-h,.ds-forced-colors-scope.sc-ds-tooltip-chart{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-tooltip-chart-h{position:absolute;z-index:var(--dimension-z-index-tooltip);background-color:var(--color-translucent-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md));border-radius:var(--ds-radius-tooltip-menu);box-shadow:var(--effect-elevation-elevated-floating);white-space:nowrap;pointer-events:none;opacity:0}.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:tooltip-chart-fade-in var(--effect-motion-short-2) forwards}.tooltip-chart__item.sc-ds-tooltip-chart{width:100%;border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.tooltip-chart__items.sc-ds-tooltip-chart{display:contents}.tooltip-chart__swatch-box.sc-ds-tooltip-chart{pointer-events:none}.tooltip-chart__swatch.sc-ds-tooltip-chart{width:var(--dimension-size-100);height:var(--dimension-size-100);flex:none;border-radius:var(--dimension-radius-half);background:var(--ds-tooltip-chart-swatch)}.tooltip-chart__value.sc-ds-tooltip-chart{margin-inline-start:auto;text-align:end}.tooltip-chart__label.sc-ds-tooltip-chart,.tooltip-chart__value.sc-ds-tooltip-chart{flex:none}@keyframes tooltip-chart-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:none;opacity:1}}@media (forced-colors: active){.sc-ds-tooltip-chart-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const h=12;const p=8;const m=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.value="";this.label="";this.x=0;this.y=0;this.delay=e.animationDelayInstant;this.side="right";this.align="bottom";this.visible=false;this.delayTimer=null}componentDidLoad(){this.scheduleShow();this.calculatePlacement()}disconnectedCallback(){this.clearDelayTimer()}onAnchorChange(){requestAnimationFrame((()=>this.calculatePlacement()))}onDelayChange(){if(!this.visible)this.scheduleShow()}get showDelayMs(){return c(this.delay,e.animationDelayInstant)}clearDelayTimer(){if(this.delayTimer){clearTimeout(this.delayTimer);this.delayTimer=null}}scheduleShow(){this.clearDelayTimer();this.visible=false;const o=this.showDelayMs;if(o<=0){this.visible=true;return}this.delayTimer=setTimeout((()=>{this.delayTimer=null;this.visible=true;requestAnimationFrame((()=>this.calculatePlacement()))}),o)}calculatePlacement(){const o=this.el.getBoundingClientRect();if(!o.width||!o.height)return;const t=o.right>window.innerWidth-p?"left":"right";const s=o.bottom>window.innerHeight-p?"top":"bottom";if(t!==this.side)this.side=t;if(s!==this.align)this.align=s}render(){const o=this.side==="right"?`${h}px`:`calc(-100% - ${h}px)`;const t=this.align==="bottom"?`${h}px`:`calc(-100% - ${h}px)`;const r=this.items??[{label:this.label,value:this.value}];const a=r.some((o=>Boolean(o.color)));return s(i,{key:"1351bcb123141f0a31b14729a36a8e43610b6a4a",class:{"tooltip-chart":true,"tooltip-chart--visible":this.visible,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:{left:`${this.x}px`,top:`${this.y}px`,transform:`translate(${o}, ${t})`}},this.heading&&s("ds-text",{key:"d7b02b43caeffb6dc6d792d31a02e17e2bc77721",class:"tooltip-chart__heading ds-control-section-heading ds-control--md",as:"span",variant:d.md,emphasis:true,color:"var(--color-foreground-primary)"},this.heading),s("div",{key:"518d08314c6c3d87839fc83cd639c9fa7706b1ef",class:"tooltip-chart__items"},r.map(((o,t)=>s("div",{class:"tooltip-chart__item ds-control-frame ds-control--md",key:`${o.label}-${t}`},a&&s("span",{class:"tooltip-chart__swatch-box ds-control-icon-box","aria-hidden":"true"},o.color&&s("span",{class:"tooltip-chart__swatch",style:{"--ds-tooltip-chart-swatch":o.color}})),s("ds-text",{class:"tooltip-chart__label ds-control-label-box",as:"span",variant:n.md,color:"var(--color-foreground-secondary)"},o.label),s("ds-text",{class:"tooltip-chart__value ds-control-label-box",as:"span",variant:n.md,emphasis:true,color:"var(--color-foreground-primary)"},o.value))))))}get el(){return this}static get watchers(){return{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}}static get style(){return l()}},[2,"ds-tooltip-chart",{value:[8],label:[1],heading:[1],items:[16],x:[2],y:[2],delay:[8],side:[32],align:[32],visible:[32]},undefined,{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const o=["ds-tooltip-chart","ds-text"];o.forEach((o=>{switch(o){case"ds-tooltip-chart":if(!customElements.get(r(o))){customElements.define(r(o),m)}break;case"ds-text":if(!customElements.get(r(o))){a()}break}}))}v();export{m as T,v as d};
2
- //# sourceMappingURL=p-5SVmAjXY.js.map
1
+ import{p as o,H as t,h as s,a as i,t as r}from"./index.js";import{d as a}from"./p-Cihjy4WY.js";import{T as e,r as c}from"./p-CeXf9-X3.js";import{C as n,a as d}from"./p-CuwopElg.js";const l=()=>`.sc-ds-tooltip-chart-h,.sc-ds-tooltip-chart:where(.ds-table),.sc-ds-tooltip-chart:where(.tooltip-popup),.sc-ds-tooltip-chart:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-tooltip-chart,.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart,.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart,.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--lg.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-tooltip-chart{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-tooltip-chart{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc( var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-control-icon-box.sc-ds-tooltip-chart{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-tooltip-chart{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-tooltip-chart{position:relative;padding-inline-end:calc( var(--ds-control-label-inset, var(--dimension-space-025)) + var(--ds-control-gap, var(--dimension-space-050)) )}.ds-control-label-dot__badge.sc-ds-tooltip-chart{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-chrome-space--sm.sc-ds-tooltip-chart-h,.ds-chrome-space--sm.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-tooltip-chart-h,.ds-chrome-space--md.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-tooltip-chart-h,.ds-chrome-space--lg.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart,.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart,.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart{flex-direction:column}.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-tooltip-chart:root,.sc-ds-tooltip-chart-h,.ds-forced-colors-scope.sc-ds-tooltip-chart{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-tooltip-chart-h{position:absolute;z-index:var(--dimension-z-index-tooltip);background-color:var(--color-translucent-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md));border-radius:var(--ds-radius-tooltip-menu);box-shadow:var(--effect-elevation-elevated-floating);white-space:nowrap;pointer-events:none;opacity:0}.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:tooltip-chart-fade-in var(--effect-motion-short-2) forwards}.tooltip-chart__item.sc-ds-tooltip-chart{width:100%;border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.tooltip-chart__items.sc-ds-tooltip-chart{display:contents}.tooltip-chart__swatch-box.sc-ds-tooltip-chart{pointer-events:none}.tooltip-chart__swatch.sc-ds-tooltip-chart{width:var(--dimension-size-100);height:var(--dimension-size-100);flex:none;border-radius:var(--dimension-radius-half);background:var(--ds-tooltip-chart-swatch)}.tooltip-chart__value.sc-ds-tooltip-chart{margin-inline-start:auto;text-align:end}.tooltip-chart__label.sc-ds-tooltip-chart,.tooltip-chart__value.sc-ds-tooltip-chart{flex:none}@keyframes tooltip-chart-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:none;opacity:1}}@media (forced-colors: active){.sc-ds-tooltip-chart-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const h=12;const p=8;const m=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.value="";this.label="";this.x=0;this.y=0;this.delay=e.animationDelayInstant;this.side="right";this.align="bottom";this.visible=false;this.delayTimer=null}componentDidLoad(){this.scheduleShow();this.calculatePlacement()}disconnectedCallback(){this.clearDelayTimer()}onAnchorChange(){requestAnimationFrame((()=>this.calculatePlacement()))}onDelayChange(){if(!this.visible)this.scheduleShow()}get showDelayMs(){return c(this.delay,e.animationDelayInstant)}clearDelayTimer(){if(this.delayTimer){clearTimeout(this.delayTimer);this.delayTimer=null}}scheduleShow(){this.clearDelayTimer();this.visible=false;const o=this.showDelayMs;if(o<=0){this.visible=true;return}this.delayTimer=setTimeout((()=>{this.delayTimer=null;this.visible=true;requestAnimationFrame((()=>this.calculatePlacement()))}),o)}calculatePlacement(){const o=this.el.getBoundingClientRect();if(!o.width||!o.height)return;const t=o.right>window.innerWidth-p?"left":"right";const s=o.bottom>window.innerHeight-p?"top":"bottom";if(t!==this.side)this.side=t;if(s!==this.align)this.align=s}render(){const o=this.side==="right"?`${h}px`:`calc(-100% - ${h}px)`;const t=this.align==="bottom"?`${h}px`:`calc(-100% - ${h}px)`;const r=this.items??[{label:this.label,value:this.value}];const a=r.some((o=>Boolean(o.color)));return s(i,{key:"ccb165e1087025a147de42fedca8c93593f4b621",class:{"tooltip-chart":true,"tooltip-chart--visible":this.visible,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:{left:`${this.x}px`,top:`${this.y}px`,transform:`translate(${o}, ${t})`}},this.heading&&s("ds-text",{key:"960d9b608fb70a930da7efdffdc61bf7d474a5ad",class:"tooltip-chart__heading ds-control-section-heading ds-control--md",as:"span",variant:d.md,emphasis:true,color:"var(--color-foreground-primary)"},this.heading),s("div",{key:"ad00a730e155dcbdf344b0dbd7664dd20dc2cef7",class:"tooltip-chart__items"},r.map(((o,t)=>s("div",{class:"tooltip-chart__item ds-control-frame ds-control--md",key:`${o.label}-${t}`},a&&s("span",{class:"tooltip-chart__swatch-box ds-control-icon-box","aria-hidden":"true"},o.color&&s("span",{class:"tooltip-chart__swatch",style:{"--ds-tooltip-chart-swatch":o.color}})),s("ds-text",{class:"tooltip-chart__label ds-control-label-box",as:"span",variant:n.md,color:"var(--color-foreground-secondary)"},o.label),s("ds-text",{class:"tooltip-chart__value ds-control-label-box",as:"span",variant:n.md,emphasis:true,color:"var(--color-foreground-primary)"},o.value))))))}get el(){return this}static get watchers(){return{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}}static get style(){return l()}},[2,"ds-tooltip-chart",{value:[8],label:[1],heading:[1],items:[16],x:[2],y:[2],delay:[8],side:[32],align:[32],visible:[32]},undefined,{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const o=["ds-tooltip-chart","ds-text"];o.forEach((o=>{switch(o){case"ds-tooltip-chart":if(!customElements.get(r(o))){customElements.define(r(o),m)}break;case"ds-text":if(!customElements.get(r(o))){a()}break}}))}v();export{m as T,v as d};
2
+ //# sourceMappingURL=p-CrL9wxZg.js.map
@@ -1,2 +1,2 @@
1
- const t={lg:"text-body-large",md:"text-body-medium",sm:"text-body-small",xs:"text-caption"};const e={lg:"text-body-medium",md:"text-body-small",sm:"text-caption",xs:"text-caption"};export{e as C,t as a};
2
- //# sourceMappingURL=p-CGidq1iC.js.map
1
+ const t={lg:"text-body-large",md:"text-body-medium",sm:"text-body-small",xs:"text-caption"};const e={lg:"text-body-medium",md:"text-body-small",sm:"text-caption",xs:"text-caption"};export{t as C,e as a};
2
+ //# sourceMappingURL=p-CuwopElg.js.map
@@ -0,0 +1,2 @@
1
+ const t=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");function n(t){if(t instanceof HTMLSlotElement){const n=t.assignedNodes({flatten:true});return n.length>0?n:Array.from(t.childNodes)}if(t instanceof Element&&t.shadowRoot){return Array.from(t.shadowRoot.childNodes)}return Array.from(t.childNodes)}function e(t){if(t instanceof Element&&t.assignedSlot)return t.assignedSlot;const n=t.parentNode;return n instanceof ShadowRoot?n.host:n}function r(t){let n=t;while(n){if(n instanceof HTMLElement&&n.inert)return true;n=e(n)}return false}function i(n){if(!n.matches(t)||n.tabIndex<0)return false;if(r(n)||n.getClientRects().length===0)return false;return getComputedStyle(n).visibility!=="hidden"}function s(t,e){const r=[];const s=new Set;const o=[t];while(o.length>0){const t=o.pop();if(!t||s.has(t))continue;s.add(t);if(t===e)continue;if(t instanceof HTMLElement&&i(t))r.push(t);const u=n(t);for(let t=u.length-1;t>=0;t-=1){o.push(u[t])}}const u=new Map(r.map(((t,n)=>[t,n])));return r.sort(((t,n)=>{const e=t.tabIndex;const r=n.tabIndex;if(e>0||r>0){if(e===0)return 1;if(r===0)return-1;if(e!==r)return e-r}return(u.get(t)??0)-(u.get(n)??0)}))}function o(t,n){return t.composedPath().some((t=>t===n||t instanceof Node&&n.contains(t)))}class u{constructor(t){this.options=t;this.ownerDocument=null;this.outsideHandler=t=>{const n=this.options.getAnchor();const e=this.options.getPopup();if(n&&o(t,n)||e&&o(t,e)){return}this.options.onOutsideActivation()}}connect(){this.disconnect();const t=this.options.getPopup()??this.options.getAnchor();this.ownerDocument=t?.ownerDocument??this.options.getOwnerDocument?.()??null;this.ownerDocument?.addEventListener("mousedown",this.outsideHandler,true)}disconnect(){this.ownerDocument?.removeEventListener("mousedown",this.outsideHandler,true);this.ownerDocument=null}focusAnchor(){const t=this.options.getAnchor();if(t?.setFocus){void t.setFocus();return}this.anchorFocusTarget?.focus()}tabLeavesPopup(t){const n=this.options.getPopup();if(!n)return true;const e=s(n);const r=e.findIndex((n=>t.composedPath().includes(n)));if(r<0)return true;return t.shiftKey?r===0:r===e.length-1}moveFocusAfterTab(t){if(t){this.focusAnchor();return}const n=this.options.getAnchor();const e=this.anchorFocusTarget;if(!n||!e)return;const r=s(n.ownerDocument,this.options.getPopup());const i=r.indexOf(e);if(i<0||r.length===0){this.focusAnchor();return}r[(i+1)%r.length]?.focus()}get anchorFocusTarget(){const t=this.options.getAnchor();if(!t)return null;if(i(t))return t;return s(t)[0]??t}}export{u as A,o as e};
2
+ //# sourceMappingURL=p-CwUXroLs.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["resolveChoicePopupAlignOffset","align","alignOffsetPx","sectionInsetPx","anchorAlignment","choicePopupMinWidth","anchorWidth","FOCUSABLE_SELECTOR","join","composedChildren","node","HTMLSlotElement","assigned","assignedNodes","flatten","length","Array","from","childNodes","Element","shadowRoot","composedParent","assignedSlot","parent","parentNode","ShadowRoot","host","hasComposedInertAncestor","element","current","HTMLElement","inert","isTabbable","matches","tabIndex","getClientRects","getComputedStyle","visibility","composedFocusableElements","root","excludedRoot","focusables","visited","Set","stack","pop","has","add","push","children","index","domOrder","Map","map","sort","left","right","leftTabIndex","rightTabIndex","get","eventIntersectsComposedBoundary","event","boundary","composedPath","some","Node","contains","AnchoredOverlayInteractionController","constructor","options","this","ownerDocument","outsideHandler","anchor","getAnchor","popup","getPopup","onOutsideActivation","connect","disconnect","getOwnerDocument","addEventListener","removeEventListener","focusAnchor","setFocus","anchorFocusTarget","focus","tabLeavesPopup","currentIndex","findIndex","includes","shiftKey","moveFocusAfterTab","backwards","candidates","anchorIndex","indexOf"],"sources":["src/wc/utils/choice-popup-alignment.ts","src/wc/utils/anchored-overlay-interaction-controller.ts"],"sourcesContent":["import type { AnchoredAlign } from './anchored-position';\n\n/**\n * `choice-cell` aligns the first/last interactive row edge with the anchor,\n * allowing the popup frame to extend by the section inset. `popup-frame`\n * aligns the popup frame itself and is reserved for deliberate custom geometry.\n */\nexport type ChoicePopupAnchorAlignment = 'choice-cell' | 'popup-frame';\n\nexport interface ChoicePopupAlignOffsetInput {\n align: AnchoredAlign;\n alignOffsetPx: number;\n sectionInsetPx: number;\n anchorAlignment?: ChoicePopupAnchorAlignment;\n}\n\n/**\n * Resolve the cross-axis offset for a choice popup. Authored `alignOffsetPx`\n * remains an additive nudge after the shared inner-cell alignment is applied.\n */\nexport function resolveChoicePopupAlignOffset({\n align,\n alignOffsetPx,\n sectionInsetPx,\n anchorAlignment = 'choice-cell',\n}: ChoicePopupAlignOffsetInput): number {\n if (anchorAlignment === 'popup-frame' || align === 'center') return alignOffsetPx;\n return alignOffsetPx + (align === 'start' ? -sectionInsetPx : sectionInsetPx);\n}\n\n/** Minimum popup width that keeps both choice-cell edges aligned to a trigger. */\nexport function choicePopupMinWidth(anchorWidth: number, sectionInsetPx: number): number {\n return anchorWidth + sectionInsetPx * 2;\n}\n","const FOCUSABLE_SELECTOR = [\n 'a[href]',\n 'button:not([disabled])',\n 'input:not([disabled]):not([type=\"hidden\"])',\n 'select:not([disabled])',\n 'textarea:not([disabled])',\n '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\ntype FocusableAnchor = HTMLElement & {\n setFocus?: () => Promise<void> | void;\n};\n\nexport interface AnchoredOverlayInteractionOptions {\n getAnchor: () => HTMLElement | null;\n getPopup: () => HTMLElement | null;\n /** Stable owner fallback when framework bindings assign open before anchor. */\n getOwnerDocument?: () => Document | null;\n onOutsideActivation: () => void;\n}\n\nfunction composedChildren(node: Node): Node[] {\n if (node instanceof HTMLSlotElement) {\n const assigned = node.assignedNodes({ flatten: true });\n return assigned.length > 0 ? assigned : Array.from(node.childNodes);\n }\n if (node instanceof Element && node.shadowRoot) {\n return Array.from(node.shadowRoot.childNodes);\n }\n return Array.from(node.childNodes);\n}\n\nfunction composedParent(node: Node): Node | null {\n if (node instanceof Element && node.assignedSlot) return node.assignedSlot;\n const parent = node.parentNode;\n return parent instanceof ShadowRoot ? parent.host : parent;\n}\n\nfunction hasComposedInertAncestor(element: HTMLElement): boolean {\n let current: Node | null = element;\n while (current) {\n if (current instanceof HTMLElement && current.inert) return true;\n current = composedParent(current);\n }\n return false;\n}\n\nfunction isTabbable(element: HTMLElement): boolean {\n if (!element.matches(FOCUSABLE_SELECTOR) || element.tabIndex < 0) return false;\n if (hasComposedInertAncestor(element) || element.getClientRects().length === 0) return false;\n return getComputedStyle(element).visibility !== 'hidden';\n}\n\nfunction composedFocusableElements(root: Node, excludedRoot?: HTMLElement | null): HTMLElement[] {\n const focusables: HTMLElement[] = [];\n const visited = new Set<Node>();\n const stack: Node[] = [root];\n\n while (stack.length > 0) {\n const current = stack.pop();\n if (!current || visited.has(current)) continue;\n visited.add(current);\n if (current === excludedRoot) continue;\n\n if (current instanceof HTMLElement && isTabbable(current)) focusables.push(current);\n const children = composedChildren(current);\n for (let index = children.length - 1; index >= 0; index -= 1) {\n stack.push(children[index]);\n }\n }\n\n const domOrder = new Map(focusables.map((element, index) => [element, index]));\n return focusables.sort((left, right) => {\n const leftTabIndex = left.tabIndex;\n const rightTabIndex = right.tabIndex;\n if (leftTabIndex > 0 || rightTabIndex > 0) {\n if (leftTabIndex === 0) return 1;\n if (rightTabIndex === 0) return -1;\n if (leftTabIndex !== rightTabIndex) return leftTabIndex - rightTabIndex;\n }\n return (domOrder.get(left) ?? 0) - (domOrder.get(right) ?? 0);\n });\n}\n\n/** Whether an event originated from a boundary, including through open shadow roots. */\nexport function eventIntersectsComposedBoundary(event: Event, boundary: HTMLElement): boolean {\n return event\n .composedPath()\n .some(node => node === boundary || (node instanceof Node && boundary.contains(node)));\n}\n\n/**\n * Owns the non-visual interaction boundary shared by externally anchored\n * overlays: composed outside activation, focus return, and Tab continuation.\n */\nexport class AnchoredOverlayInteractionController {\n private ownerDocument: Document | null = null;\n private readonly outsideHandler = (event: MouseEvent) => {\n const anchor = this.options.getAnchor();\n const popup = this.options.getPopup();\n if (\n (anchor && eventIntersectsComposedBoundary(event, anchor)) ||\n (popup && eventIntersectsComposedBoundary(event, popup))\n ) {\n return;\n }\n this.options.onOutsideActivation();\n };\n\n constructor(private readonly options: AnchoredOverlayInteractionOptions) {}\n\n connect(): void {\n this.disconnect();\n const boundary = this.options.getPopup() ?? this.options.getAnchor();\n this.ownerDocument = boundary?.ownerDocument ?? this.options.getOwnerDocument?.() ?? null;\n this.ownerDocument?.addEventListener('mousedown', this.outsideHandler, true);\n }\n\n disconnect(): void {\n this.ownerDocument?.removeEventListener('mousedown', this.outsideHandler, true);\n this.ownerDocument = null;\n }\n\n focusAnchor(): void {\n const anchor = this.options.getAnchor() as FocusableAnchor | null;\n if (anchor?.setFocus) {\n void anchor.setFocus();\n return;\n }\n this.anchorFocusTarget?.focus();\n }\n\n tabLeavesPopup(event: KeyboardEvent): boolean {\n const popup = this.options.getPopup();\n if (!popup) return true;\n const focusables = composedFocusableElements(popup);\n const currentIndex = focusables.findIndex(element => event.composedPath().includes(element));\n if (currentIndex < 0) return true;\n return event.shiftKey ? currentIndex === 0 : currentIndex === focusables.length - 1;\n }\n\n moveFocusAfterTab(backwards: boolean): void {\n if (backwards) {\n this.focusAnchor();\n return;\n }\n\n const anchor = this.options.getAnchor();\n const anchorFocusTarget = this.anchorFocusTarget;\n if (!anchor || !anchorFocusTarget) return;\n const candidates = composedFocusableElements(anchor.ownerDocument, this.options.getPopup());\n const anchorIndex = candidates.indexOf(anchorFocusTarget);\n if (anchorIndex < 0 || candidates.length === 0) {\n this.focusAnchor();\n return;\n }\n candidates[(anchorIndex + 1) % candidates.length]?.focus();\n }\n\n private get anchorFocusTarget(): HTMLElement | null {\n const anchor = this.options.getAnchor();\n if (!anchor) return null;\n if (isTabbable(anchor)) return anchor;\n return composedFocusableElements(anchor)[0] ?? anchor;\n }\n}\n"],"mappings":"AAoBM,SAAUA,GAA8BC,MAC5CA,EAAKC,cACLA,EAAaC,eACbA,EAAcC,gBACdA,EAAkB,gBAElB,GAAIA,IAAoB,eAAiBH,IAAU,SAAU,OAAOC,EACpE,OAAOA,GAAiBD,IAAU,SAAWE,EAAiBA,EAChE,CAGM,SAAUE,EAAoBC,EAAqBH,GACvD,OAAOG,EAAcH,EAAiB,CACxC,CCjCA,MAAMI,EAAqB,CACzB,UACA,yBACA,6CACA,yBACA,2BACA,mCACAC,KAAK,KAcP,SAASC,EAAiBC,GACxB,GAAIA,aAAgBC,gBAAiB,CACnC,MAAMC,EAAWF,EAAKG,cAAc,CAAEC,QAAS,OAC/C,OAAOF,EAASG,OAAS,EAAIH,EAAWI,MAAMC,KAAKP,EAAKQ,W,CAE1D,GAAIR,aAAgBS,SAAWT,EAAKU,WAAY,CAC9C,OAAOJ,MAAMC,KAAKP,EAAKU,WAAWF,W,CAEpC,OAAOF,MAAMC,KAAKP,EAAKQ,WACzB,CAEA,SAASG,EAAeX,GACtB,GAAIA,aAAgBS,SAAWT,EAAKY,aAAc,OAAOZ,EAAKY,aAC9D,MAAMC,EAASb,EAAKc,WACpB,OAAOD,aAAkBE,WAAaF,EAAOG,KAAOH,CACtD,CAEA,SAASI,EAAyBC,GAChC,IAAIC,EAAuBD,EAC3B,MAAOC,EAAS,CACd,GAAIA,aAAmBC,aAAeD,EAAQE,MAAO,OAAO,KAC5DF,EAAUR,EAAeQ,E,CAE3B,OAAO,KACT,CAEA,SAASG,EAAWJ,GAClB,IAAKA,EAAQK,QAAQ1B,IAAuBqB,EAAQM,SAAW,EAAG,OAAO,MACzE,GAAIP,EAAyBC,IAAYA,EAAQO,iBAAiBpB,SAAW,EAAG,OAAO,MACvF,OAAOqB,iBAAiBR,GAASS,aAAe,QAClD,CAEA,SAASC,EAA0BC,EAAYC,GAC7C,MAAMC,EAA4B,GAClC,MAAMC,EAAU,IAAIC,IACpB,MAAMC,EAAgB,CAACL,GAEvB,MAAOK,EAAM7B,OAAS,EAAG,CACvB,MAAMc,EAAUe,EAAMC,MACtB,IAAKhB,GAAWa,EAAQI,IAAIjB,GAAU,SACtCa,EAAQK,IAAIlB,GACZ,GAAIA,IAAYW,EAAc,SAE9B,GAAIX,aAAmBC,aAAeE,EAAWH,GAAUY,EAAWO,KAAKnB,GAC3E,MAAMoB,EAAWxC,EAAiBoB,GAClC,IAAK,IAAIqB,EAAQD,EAASlC,OAAS,EAAGmC,GAAS,EAAGA,GAAS,EAAG,CAC5DN,EAAMI,KAAKC,EAASC,G,EAIxB,MAAMC,EAAW,IAAIC,IAAIX,EAAWY,KAAI,CAACzB,EAASsB,IAAU,CAACtB,EAASsB,MACtE,OAAOT,EAAWa,MAAK,CAACC,EAAMC,KAC5B,MAAMC,EAAeF,EAAKrB,SAC1B,MAAMwB,EAAgBF,EAAMtB,SAC5B,GAAIuB,EAAe,GAAKC,EAAgB,EAAG,CACzC,GAAID,IAAiB,EAAG,OAAO,EAC/B,GAAIC,IAAkB,EAAG,OAAO,EAChC,GAAID,IAAiBC,EAAe,OAAOD,EAAeC,C,CAE5D,OAAQP,EAASQ,IAAIJ,IAAS,IAAMJ,EAASQ,IAAIH,IAAU,EAAE,GAEjE,CAGM,SAAUI,EAAgCC,EAAcC,GAC5D,OAAOD,EACJE,eACAC,MAAKtD,GAAQA,IAASoD,GAAapD,aAAgBuD,MAAQH,EAASI,SAASxD,IAClF,C,MAMayD,EAcX,WAAAC,CAA6BC,GAAAC,KAAAD,UAbrBC,KAAAC,cAAiC,KACxBD,KAAAE,eAAkBX,IACjC,MAAMY,EAASH,KAAKD,QAAQK,YAC5B,MAAMC,EAAQL,KAAKD,QAAQO,WAC3B,GACGH,GAAUb,EAAgCC,EAAOY,IACjDE,GAASf,EAAgCC,EAAOc,GACjD,CACA,M,CAEFL,KAAKD,QAAQQ,qBAAqB,C,CAKpC,OAAAC,GACER,KAAKS,aACL,MAAMjB,EAAWQ,KAAKD,QAAQO,YAAcN,KAAKD,QAAQK,YACzDJ,KAAKC,cAAgBT,GAAUS,eAAiBD,KAAKD,QAAQW,sBAAwB,KACrFV,KAAKC,eAAeU,iBAAiB,YAAaX,KAAKE,eAAgB,K,CAGzE,UAAAO,GACET,KAAKC,eAAeW,oBAAoB,YAAaZ,KAAKE,eAAgB,MAC1EF,KAAKC,cAAgB,I,CAGvB,WAAAY,GACE,MAAMV,EAASH,KAAKD,QAAQK,YAC5B,GAAID,GAAQW,SAAU,MACfX,EAAOW,WACZ,M,CAEFd,KAAKe,mBAAmBC,O,CAG1B,cAAAC,CAAe1B,GACb,MAAMc,EAAQL,KAAKD,QAAQO,WAC3B,IAAKD,EAAO,OAAO,KACnB,MAAMlC,EAAaH,EAA0BqC,GAC7C,MAAMa,EAAe/C,EAAWgD,WAAU7D,GAAWiC,EAAME,eAAe2B,SAAS9D,KACnF,GAAI4D,EAAe,EAAG,OAAO,KAC7B,OAAO3B,EAAM8B,SAAWH,IAAiB,EAAIA,IAAiB/C,EAAW1B,OAAS,C,CAGpF,iBAAA6E,CAAkBC,GAChB,GAAIA,EAAW,CACbvB,KAAKa,cACL,M,CAGF,MAAMV,EAASH,KAAKD,QAAQK,YAC5B,MAAMW,EAAoBf,KAAKe,kBAC/B,IAAKZ,IAAWY,EAAmB,OACnC,MAAMS,EAAaxD,EAA0BmC,EAAOF,cAAeD,KAAKD,QAAQO,YAChF,MAAMmB,EAAcD,EAAWE,QAAQX,GACvC,GAAIU,EAAc,GAAKD,EAAW/E,SAAW,EAAG,CAC9CuD,KAAKa,cACL,M,CAEFW,GAAYC,EAAc,GAAKD,EAAW/E,SAASuE,O,CAGrD,qBAAYD,GACV,MAAMZ,EAASH,KAAKD,QAAQK,YAC5B,IAAKD,EAAQ,OAAO,KACpB,GAAIzC,EAAWyC,GAAS,OAAOA,EAC/B,OAAOnC,EAA0BmC,GAAQ,IAAMA,C","ignoreList":[]}
1
+ {"version":3,"names":["FOCUSABLE_SELECTOR","join","composedChildren","node","HTMLSlotElement","assigned","assignedNodes","flatten","length","Array","from","childNodes","Element","shadowRoot","composedParent","assignedSlot","parent","parentNode","ShadowRoot","host","hasComposedInertAncestor","element","current","HTMLElement","inert","isTabbable","matches","tabIndex","getClientRects","getComputedStyle","visibility","composedFocusableElements","root","excludedRoot","focusables","visited","Set","stack","pop","has","add","push","children","index","domOrder","Map","map","sort","left","right","leftTabIndex","rightTabIndex","get","eventIntersectsComposedBoundary","event","boundary","composedPath","some","Node","contains","AnchoredOverlayInteractionController","constructor","options","this","ownerDocument","outsideHandler","anchor","getAnchor","popup","getPopup","onOutsideActivation","connect","disconnect","getOwnerDocument","addEventListener","removeEventListener","focusAnchor","setFocus","anchorFocusTarget","focus","tabLeavesPopup","currentIndex","findIndex","includes","shiftKey","moveFocusAfterTab","backwards","candidates","anchorIndex","indexOf"],"sources":["src/wc/utils/anchored-overlay-interaction-controller.ts"],"sourcesContent":["const FOCUSABLE_SELECTOR = [\n 'a[href]',\n 'button:not([disabled])',\n 'input:not([disabled]):not([type=\"hidden\"])',\n 'select:not([disabled])',\n 'textarea:not([disabled])',\n '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\ntype FocusableAnchor = HTMLElement & {\n setFocus?: () => Promise<void> | void;\n};\n\nexport interface AnchoredOverlayInteractionOptions {\n getAnchor: () => HTMLElement | null;\n getPopup: () => HTMLElement | null;\n /** Stable owner fallback when framework bindings assign open before anchor. */\n getOwnerDocument?: () => Document | null;\n onOutsideActivation: () => void;\n}\n\nfunction composedChildren(node: Node): Node[] {\n if (node instanceof HTMLSlotElement) {\n const assigned = node.assignedNodes({ flatten: true });\n return assigned.length > 0 ? assigned : Array.from(node.childNodes);\n }\n if (node instanceof Element && node.shadowRoot) {\n return Array.from(node.shadowRoot.childNodes);\n }\n return Array.from(node.childNodes);\n}\n\nfunction composedParent(node: Node): Node | null {\n if (node instanceof Element && node.assignedSlot) return node.assignedSlot;\n const parent = node.parentNode;\n return parent instanceof ShadowRoot ? parent.host : parent;\n}\n\nfunction hasComposedInertAncestor(element: HTMLElement): boolean {\n let current: Node | null = element;\n while (current) {\n if (current instanceof HTMLElement && current.inert) return true;\n current = composedParent(current);\n }\n return false;\n}\n\nfunction isTabbable(element: HTMLElement): boolean {\n if (!element.matches(FOCUSABLE_SELECTOR) || element.tabIndex < 0) return false;\n if (hasComposedInertAncestor(element) || element.getClientRects().length === 0) return false;\n return getComputedStyle(element).visibility !== 'hidden';\n}\n\nfunction composedFocusableElements(root: Node, excludedRoot?: HTMLElement | null): HTMLElement[] {\n const focusables: HTMLElement[] = [];\n const visited = new Set<Node>();\n const stack: Node[] = [root];\n\n while (stack.length > 0) {\n const current = stack.pop();\n if (!current || visited.has(current)) continue;\n visited.add(current);\n if (current === excludedRoot) continue;\n\n if (current instanceof HTMLElement && isTabbable(current)) focusables.push(current);\n const children = composedChildren(current);\n for (let index = children.length - 1; index >= 0; index -= 1) {\n stack.push(children[index]);\n }\n }\n\n const domOrder = new Map(focusables.map((element, index) => [element, index]));\n return focusables.sort((left, right) => {\n const leftTabIndex = left.tabIndex;\n const rightTabIndex = right.tabIndex;\n if (leftTabIndex > 0 || rightTabIndex > 0) {\n if (leftTabIndex === 0) return 1;\n if (rightTabIndex === 0) return -1;\n if (leftTabIndex !== rightTabIndex) return leftTabIndex - rightTabIndex;\n }\n return (domOrder.get(left) ?? 0) - (domOrder.get(right) ?? 0);\n });\n}\n\n/** Whether an event originated from a boundary, including through open shadow roots. */\nexport function eventIntersectsComposedBoundary(event: Event, boundary: HTMLElement): boolean {\n return event\n .composedPath()\n .some(node => node === boundary || (node instanceof Node && boundary.contains(node)));\n}\n\n/**\n * Owns the non-visual interaction boundary shared by externally anchored\n * overlays: composed outside activation, focus return, and Tab continuation.\n */\nexport class AnchoredOverlayInteractionController {\n private ownerDocument: Document | null = null;\n private readonly outsideHandler = (event: MouseEvent) => {\n const anchor = this.options.getAnchor();\n const popup = this.options.getPopup();\n if (\n (anchor && eventIntersectsComposedBoundary(event, anchor)) ||\n (popup && eventIntersectsComposedBoundary(event, popup))\n ) {\n return;\n }\n this.options.onOutsideActivation();\n };\n\n constructor(private readonly options: AnchoredOverlayInteractionOptions) {}\n\n connect(): void {\n this.disconnect();\n const boundary = this.options.getPopup() ?? this.options.getAnchor();\n this.ownerDocument = boundary?.ownerDocument ?? this.options.getOwnerDocument?.() ?? null;\n this.ownerDocument?.addEventListener('mousedown', this.outsideHandler, true);\n }\n\n disconnect(): void {\n this.ownerDocument?.removeEventListener('mousedown', this.outsideHandler, true);\n this.ownerDocument = null;\n }\n\n focusAnchor(): void {\n const anchor = this.options.getAnchor() as FocusableAnchor | null;\n if (anchor?.setFocus) {\n void anchor.setFocus();\n return;\n }\n this.anchorFocusTarget?.focus();\n }\n\n tabLeavesPopup(event: KeyboardEvent): boolean {\n const popup = this.options.getPopup();\n if (!popup) return true;\n const focusables = composedFocusableElements(popup);\n const currentIndex = focusables.findIndex(element => event.composedPath().includes(element));\n if (currentIndex < 0) return true;\n return event.shiftKey ? currentIndex === 0 : currentIndex === focusables.length - 1;\n }\n\n moveFocusAfterTab(backwards: boolean): void {\n if (backwards) {\n this.focusAnchor();\n return;\n }\n\n const anchor = this.options.getAnchor();\n const anchorFocusTarget = this.anchorFocusTarget;\n if (!anchor || !anchorFocusTarget) return;\n const candidates = composedFocusableElements(anchor.ownerDocument, this.options.getPopup());\n const anchorIndex = candidates.indexOf(anchorFocusTarget);\n if (anchorIndex < 0 || candidates.length === 0) {\n this.focusAnchor();\n return;\n }\n candidates[(anchorIndex + 1) % candidates.length]?.focus();\n }\n\n private get anchorFocusTarget(): HTMLElement | null {\n const anchor = this.options.getAnchor();\n if (!anchor) return null;\n if (isTabbable(anchor)) return anchor;\n return composedFocusableElements(anchor)[0] ?? anchor;\n }\n}\n"],"mappings":"AAAA,MAAMA,EAAqB,CACzB,UACA,yBACA,6CACA,yBACA,2BACA,mCACAC,KAAK,KAcP,SAASC,EAAiBC,GACxB,GAAIA,aAAgBC,gBAAiB,CACnC,MAAMC,EAAWF,EAAKG,cAAc,CAAEC,QAAS,OAC/C,OAAOF,EAASG,OAAS,EAAIH,EAAWI,MAAMC,KAAKP,EAAKQ,W,CAE1D,GAAIR,aAAgBS,SAAWT,EAAKU,WAAY,CAC9C,OAAOJ,MAAMC,KAAKP,EAAKU,WAAWF,W,CAEpC,OAAOF,MAAMC,KAAKP,EAAKQ,WACzB,CAEA,SAASG,EAAeX,GACtB,GAAIA,aAAgBS,SAAWT,EAAKY,aAAc,OAAOZ,EAAKY,aAC9D,MAAMC,EAASb,EAAKc,WACpB,OAAOD,aAAkBE,WAAaF,EAAOG,KAAOH,CACtD,CAEA,SAASI,EAAyBC,GAChC,IAAIC,EAAuBD,EAC3B,MAAOC,EAAS,CACd,GAAIA,aAAmBC,aAAeD,EAAQE,MAAO,OAAO,KAC5DF,EAAUR,EAAeQ,E,CAE3B,OAAO,KACT,CAEA,SAASG,EAAWJ,GAClB,IAAKA,EAAQK,QAAQ1B,IAAuBqB,EAAQM,SAAW,EAAG,OAAO,MACzE,GAAIP,EAAyBC,IAAYA,EAAQO,iBAAiBpB,SAAW,EAAG,OAAO,MACvF,OAAOqB,iBAAiBR,GAASS,aAAe,QAClD,CAEA,SAASC,EAA0BC,EAAYC,GAC7C,MAAMC,EAA4B,GAClC,MAAMC,EAAU,IAAIC,IACpB,MAAMC,EAAgB,CAACL,GAEvB,MAAOK,EAAM7B,OAAS,EAAG,CACvB,MAAMc,EAAUe,EAAMC,MACtB,IAAKhB,GAAWa,EAAQI,IAAIjB,GAAU,SACtCa,EAAQK,IAAIlB,GACZ,GAAIA,IAAYW,EAAc,SAE9B,GAAIX,aAAmBC,aAAeE,EAAWH,GAAUY,EAAWO,KAAKnB,GAC3E,MAAMoB,EAAWxC,EAAiBoB,GAClC,IAAK,IAAIqB,EAAQD,EAASlC,OAAS,EAAGmC,GAAS,EAAGA,GAAS,EAAG,CAC5DN,EAAMI,KAAKC,EAASC,G,EAIxB,MAAMC,EAAW,IAAIC,IAAIX,EAAWY,KAAI,CAACzB,EAASsB,IAAU,CAACtB,EAASsB,MACtE,OAAOT,EAAWa,MAAK,CAACC,EAAMC,KAC5B,MAAMC,EAAeF,EAAKrB,SAC1B,MAAMwB,EAAgBF,EAAMtB,SAC5B,GAAIuB,EAAe,GAAKC,EAAgB,EAAG,CACzC,GAAID,IAAiB,EAAG,OAAO,EAC/B,GAAIC,IAAkB,EAAG,OAAO,EAChC,GAAID,IAAiBC,EAAe,OAAOD,EAAeC,C,CAE5D,OAAQP,EAASQ,IAAIJ,IAAS,IAAMJ,EAASQ,IAAIH,IAAU,EAAE,GAEjE,CAGM,SAAUI,EAAgCC,EAAcC,GAC5D,OAAOD,EACJE,eACAC,MAAKtD,GAAQA,IAASoD,GAAapD,aAAgBuD,MAAQH,EAASI,SAASxD,IAClF,C,MAMayD,EAcX,WAAAC,CAA6BC,GAAAC,KAAAD,UAbrBC,KAAAC,cAAiC,KACxBD,KAAAE,eAAkBX,IACjC,MAAMY,EAASH,KAAKD,QAAQK,YAC5B,MAAMC,EAAQL,KAAKD,QAAQO,WAC3B,GACGH,GAAUb,EAAgCC,EAAOY,IACjDE,GAASf,EAAgCC,EAAOc,GACjD,CACA,M,CAEFL,KAAKD,QAAQQ,qBAAqB,C,CAKpC,OAAAC,GACER,KAAKS,aACL,MAAMjB,EAAWQ,KAAKD,QAAQO,YAAcN,KAAKD,QAAQK,YACzDJ,KAAKC,cAAgBT,GAAUS,eAAiBD,KAAKD,QAAQW,sBAAwB,KACrFV,KAAKC,eAAeU,iBAAiB,YAAaX,KAAKE,eAAgB,K,CAGzE,UAAAO,GACET,KAAKC,eAAeW,oBAAoB,YAAaZ,KAAKE,eAAgB,MAC1EF,KAAKC,cAAgB,I,CAGvB,WAAAY,GACE,MAAMV,EAASH,KAAKD,QAAQK,YAC5B,GAAID,GAAQW,SAAU,MACfX,EAAOW,WACZ,M,CAEFd,KAAKe,mBAAmBC,O,CAG1B,cAAAC,CAAe1B,GACb,MAAMc,EAAQL,KAAKD,QAAQO,WAC3B,IAAKD,EAAO,OAAO,KACnB,MAAMlC,EAAaH,EAA0BqC,GAC7C,MAAMa,EAAe/C,EAAWgD,WAAU7D,GAAWiC,EAAME,eAAe2B,SAAS9D,KACnF,GAAI4D,EAAe,EAAG,OAAO,KAC7B,OAAO3B,EAAM8B,SAAWH,IAAiB,EAAIA,IAAiB/C,EAAW1B,OAAS,C,CAGpF,iBAAA6E,CAAkBC,GAChB,GAAIA,EAAW,CACbvB,KAAKa,cACL,M,CAGF,MAAMV,EAASH,KAAKD,QAAQK,YAC5B,MAAMW,EAAoBf,KAAKe,kBAC/B,IAAKZ,IAAWY,EAAmB,OACnC,MAAMS,EAAaxD,EAA0BmC,EAAOF,cAAeD,KAAKD,QAAQO,YAChF,MAAMmB,EAAcD,EAAWE,QAAQX,GACvC,GAAIU,EAAc,GAAKD,EAAW/E,SAAW,EAAG,CAC9CuD,KAAKa,cACL,M,CAEFW,GAAYC,EAAc,GAAKD,EAAW/E,SAASuE,O,CAGrD,qBAAYD,GACV,MAAMZ,EAASH,KAAKD,QAAQK,YAC5B,IAAKD,EAAQ,OAAO,KACpB,GAAIzC,EAAWyC,GAAS,OAAOA,EAC/B,OAAOnC,EAA0BmC,GAAQ,IAAMA,C","ignoreList":[]}